@stencil/storybook-plugin 0.0.14 → 0.0.16

package/dist/chunk-CsX-DzYB.cjs

@@ -0,0 +1,42 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__export', {
+  enumerable: true,
+  get: function () {
+    return __export;
+  }
+});
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist/index.cjs

@@ -0,0 +1,32 @@
+const require_chunk = require('./chunk-CsX-DzYB.cjs');
+const require_preview = require('./preview-Nz-UTIbe.cjs');
+const __storybook_preview_api = require_chunk.__toESM(require("@storybook/preview-api"));
+
+//#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_preview.preview_exports);
+	return (0, __storybook_preview_api.setProjectAnnotations)(projectAnnotations);
+}
+
+//#endregion
+exports.setProjectAnnotations = setProjectAnnotations;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["projectAnnotations:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type {\n    NamedOrDefaultProjectAnnotations,\n    NormalizedProjectAnnotations,\n} from '@storybook/types';\n\nimport {\n    setProjectAnnotations as originalSetProjectAnnotations,\n    setDefaultProjectAnnotations,\n} from '@storybook/preview-api';\n\nimport * as stencilAnnotations from './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:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n    setDefaultProjectAnnotations(stencilAnnotations);\n    return originalSetProjectAnnotations(\n        projectAnnotations\n    ) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,sBACZA,oBAGsD;AACtD,2DAA6BC,gCAAmB;AAChD,QAAO,mDACH,mBACH;AACJ"}

package/dist/index.d.cts

@@ -0,0 +1,52 @@
+import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-BC4h6q-i.cjs";
+import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "@storybook/types";
+
+//#region @types/rollup-parseAst.d.ts
+
+/**
+ * Extra type definitions for rollup/parseAst in cases the Rollup version between
+ * `@stencil/storybook-plugin` and `unplugin-stencil` is different. This may cause
+ * the following type error:
+ *
+ * ```
+ * [ ERROR ]  TypeScript: node_modules/vite/dist/node/index.d.ts:5:41
+ *          Cannot find module 'rollup/parseAst' or its corresponding type
+ *          declarations.
+ *
+ *     L4:  export { rollup as Rollup };
+ *     L5:  export { parseAst, parseAstAsync } from 'rollup/parseAst';
+ *     L6:  import * as http from 'node:http';
+ * ```
+ *
+ * This file is a workaround to make sure the type definitions are available when
+ * importing `rollup/parseAst` in `unplugin-stencil`.
+ */
+declare module 'rollup/parseAst' {
+  export function parseAst(code: string, options?: any): any;
+  export function parseAstAsync(code: string, options?: any): Promise<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.
+ *
+ * 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')
+ */
+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 };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.ts

@@ -1,7 +1,29 @@
+import "./rollup-parseAst-t-4tfMPG.js";
+import { ArgTypes, Args, Decorator, Loader, Meta, Parameters, Preview, StencilRenderer, StoryContext, StoryFn, StoryObj, StorybookConfig, StrictArgs } from "./types-CrBVXXLO.js";
+import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "@storybook/types";
+
+//#region src/portable-stories.d.ts
+
 /**
- * This is a workaround to make sure the type definitions for
- * rollup/parseAst are available.
+ * 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')
  */
-import '../@types/rollup-parseAst.d.ts';
-export * from './types.js';
-export * from './portable-stories.js';
+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 };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,7 +1,32 @@
+import { preview_exports } from "./preview-B75wzZrU.js";
+import "./rollup-parseAst-t-4tfMPG.d.ts";
+import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from "@storybook/preview-api";
+
+//#region src/portable-stories.tsx
 /**
- * This is a workaround to make sure the type definitions for
- * rollup/parseAst are available.
- */
-import '../@types/rollup-parseAst.d.ts';
-export * from './types.js';
-export * from './portable-stories.js';
+* 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(preview_exports);
+	return setProjectAnnotations$1(projectAnnotations);
+}
+
+//#endregion
+export { setProjectAnnotations };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["projectAnnotations:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]","stencilAnnotations"],"sources":["../src/portable-stories.tsx"],"sourcesContent":["import type {\n    NamedOrDefaultProjectAnnotations,\n    NormalizedProjectAnnotations,\n} from '@storybook/types';\n\nimport {\n    setProjectAnnotations as originalSetProjectAnnotations,\n    setDefaultProjectAnnotations,\n} from '@storybook/preview-api';\n\nimport * as stencilAnnotations from './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:\n        | NamedOrDefaultProjectAnnotations<any>\n        | NamedOrDefaultProjectAnnotations<any>[]\n): NormalizedProjectAnnotations<StencilRenderer<unknown>> {\n    setDefaultProjectAnnotations(stencilAnnotations);\n    return originalSetProjectAnnotations(\n        projectAnnotations\n    ) as NormalizedProjectAnnotations<StencilRenderer<unknown>>;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,sBACZA,oBAGsD;AACtD,8BAA6BC,gBAAmB;AAChD,QAAO,wBACH,mBACH;AACJ"}

package/dist/node/index.cjs

@@ -0,0 +1,9 @@
+
+//#region src/node/index.ts
+function defineMain(config) {
+	return config;
+}
+
+//#endregion
+exports.defineMain = defineMain;
+//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["config: StorybookConfig"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}"],"mappings":";;AAEA,SAAgB,WAAWA,QAAyB;AAClD,QAAO;AACR"}

package/dist/node/index.d.cts

@@ -0,0 +1,7 @@
+import { StorybookConfig } from "../types-BC4h6q-i.cjs";
+
+//#region src/node/index.d.ts
+declare function defineMain(config: StorybookConfig): StorybookConfig;
+//#endregion
+export { defineMain };
+//# sourceMappingURL=index.d.cts.map

package/dist/node/index.d.ts

@@ -1,2 +1,7 @@
-import type { StorybookConfig } from '../types';
-export declare function defineMain(config: StorybookConfig): StorybookConfig;
+import { StorybookConfig } from "../types-CrBVXXLO.js";
+
+//#region src/node/index.d.ts
+declare function defineMain(config: StorybookConfig): StorybookConfig;
+//#endregion
+export { defineMain };
+//# sourceMappingURL=index.d.ts.map

package/dist/node/index.js

@@ -1,3 +1,8 @@
-export function defineMain(config) {
-    return config;
+//#region src/node/index.ts
+function defineMain(config) {
+	return config;
 }
+
+//#endregion
+export { defineMain };
+//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["config: StorybookConfig"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}"],"mappings":";AAEA,SAAgB,WAAWA,QAAyB;AAClD,QAAO;AACR"}

package/dist/preset.cjs

@@ -0,0 +1,37 @@
+const require_chunk = require('./chunk-CsX-DzYB.cjs');
+const path = require_chunk.__toESM(require("path"));
+const module$1 = require_chunk.__toESM(require("module"));
+const url = require_chunk.__toESM(require("url"));
+const vite = require_chunk.__toESM(require("vite"));
+const unplugin_stencil_vite = require_chunk.__toESM(require("unplugin-stencil/vite"));
+
+//#region src/preset.ts
+const require$1 = (0, module$1.createRequire)(require("url").pathToFileURL(__filename).href);
+const getAbsolutePath = (input) => (0, path.dirname)(require$1.resolve((0, path.join)(input, "package.json")));
+const __dirname$1 = (0, path.dirname)((0, url.fileURLToPath)(require("url").pathToFileURL(__filename).href));
+const renderer = (0, path.join)(__dirname$1, "preview.js");
+const core = {
+	builder: getAbsolutePath("@storybook/builder-vite"),
+	renderer
+};
+const viteFinal = async (defaultConfig) => {
+	const config = (0, vite.mergeConfig)(defaultConfig, {
+		build: {
+			target: "es2020",
+			rollupOptions: { external: ["@stencil/core"] }
+		},
+		plugins: [(0, unplugin_stencil_vite.default)({ rootPath: defaultConfig.root })]
+	});
+	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.resolve)(getAbsolutePath("@storybook/html"), "dist", "entry-preview-docs.mjs")] : []);
+};
+
+//#endregion
+exports.core = core;
+exports.previewAnnotations = previewAnnotations;
+exports.viteFinal = viteFinal;
+//# sourceMappingURL=preset.cjs.map

package/dist/preset.cjs.map

@@ -0,0 +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 { dirname, join, resolve } from \"path\";\nimport { createRequire } from \"module\";\nimport { fileURLToPath } from 'url';\n\nimport { mergeConfig } from 'vite'\nimport stencil from 'unplugin-stencil/vite'\n\nimport { StorybookConfig } from './types.js'\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I =>\n  dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'preview.js')\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig[\"viteFinal\"] = async (\n  defaultConfig,\n) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: \"es2020\",\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [stencil({\n      rootPath: defaultConfig.root,\n    })],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig[\"previewAnnotations\"] = async (\n  input = [],\n  options\n) => {\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 ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);\n};\n"],"mappings":";;;;;;;;AAaA,MAAMA,YAAU,0EAA8B;AAC9C,MAAM,kBAAkB,CAAmBC,UACzC,kBAAQ,UAAQ,QAAQ,eAAK,OAAO,eAAe,CAAC,CAAC;AAEvD,MAAMC,cAAY,kBAAQ,qEAA8B,CAAC;AAEzD,MAAM,WAAW,eAAKA,aAAW,aAAa;AAE9C,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OACrD,kBACG;CACH,MAAM,SAAS,sBAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CAAC,mCAAQ,EAChB,UAAU,cAAc,KACzB,EAAC,AAAC;CACJ,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OACvE,QAAQ,CAAE,GACV,YACG;CACH,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,kBAAQ,gBAAgB,kBAAkB,EAAE,QAAQ,yBAAyB,AAAC,IAAG,CAAE,EAAC;AAC9G"}

package/dist/preset.d.cts

@@ -0,0 +1,9 @@
+import { StorybookConfig } from "./types-BC4h6q-i.cjs";
+
+//#region src/preset.d.ts
+declare const core: StorybookConfig['core'];
+declare const viteFinal: StorybookConfig["viteFinal"];
+declare const previewAnnotations: StorybookConfig["previewAnnotations"];
+//#endregion
+export { core, previewAnnotations, viteFinal };
+//# sourceMappingURL=preset.d.cts.map

package/dist/preset.d.ts

@@ -1,4 +1,9 @@
-import { StorybookConfig } from './types.js';
-export declare const core: StorybookConfig['core'];
-export declare const viteFinal: StorybookConfig["viteFinal"];
-export declare const previewAnnotations: StorybookConfig["previewAnnotations"];
+import { StorybookConfig } from "./types-CrBVXXLO.js";
+
+//#region src/preset.d.ts
+declare const core: StorybookConfig['core'];
+declare const viteFinal: StorybookConfig["viteFinal"];
+declare const previewAnnotations: StorybookConfig["previewAnnotations"];
+//#endregion
+export { core, previewAnnotations, viteFinal };
+//# sourceMappingURL=preset.d.ts.map

package/dist/preset.js

@@ -1,35 +1,34 @@
-import { dirname, join, resolve } from "node:path";
-import { createRequire } from "node:module";
-import { fileURLToPath } from 'node:url';
-import { mergeConfig } from 'vite';
-import stencil from 'unplugin-stencil/vite';
+import { dirname, join, resolve } from "path";
+import { createRequire } from "module";
+import { fileURLToPath } from "url";
+import { mergeConfig } from "vite";
+import stencil from "unplugin-stencil/vite";
+
+//#region src/preset.ts
 const require = createRequire(import.meta.url);
-const getAbsolutePath = (input) => dirname(require.resolve(join(input, 'package.json')));
+const getAbsolutePath = (input) => dirname(require.resolve(join(input, "package.json")));
 const __dirname = dirname(fileURLToPath(import.meta.url));
-const renderer = join(__dirname, 'preview.js');
-export const core = {
-    builder: getAbsolutePath('@storybook/builder-vite'),
-    renderer,
+const renderer = join(__dirname, "preview.js");
+const core = {
+	builder: getAbsolutePath("@storybook/builder-vite"),
+	renderer
 };
-export const viteFinal = async (defaultConfig) => {
-    const config = mergeConfig(defaultConfig, {
-        build: {
-            target: "es2020",
-            rollupOptions: {
-                external: ['@stencil/core'],
-            },
-        },
-        plugins: [stencil({
-                rootPath: defaultConfig.root,
-            })],
-    });
-    return config;
+const viteFinal = async (defaultConfig) => {
+	const config = mergeConfig(defaultConfig, {
+		build: {
+			target: "es2020",
+			rollupOptions: { external: ["@stencil/core"] }
+		},
+		plugins: [stencil({ rootPath: defaultConfig.root })]
+	});
+	return config;
 };
-export 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 ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);
+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 ? [resolve(getAbsolutePath("@storybook/html"), "dist", "entry-preview-docs.mjs")] : []);
 };
+
+//#endregion
+export { core, previewAnnotations, viteFinal };
+//# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -0,0 +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 { dirname, join, resolve } from \"path\";\nimport { createRequire } from \"module\";\nimport { fileURLToPath } from 'url';\n\nimport { mergeConfig } from 'vite'\nimport stencil from 'unplugin-stencil/vite'\n\nimport { StorybookConfig } from './types.js'\n\nconst require = createRequire(import.meta.url);\nconst getAbsolutePath = <I extends string>(input: I): I =>\n  dirname(require.resolve(join(input, 'package.json'))) as any;\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nconst renderer = join(__dirname, 'preview.js')\n\nexport const core: StorybookConfig['core'] = {\n  builder: getAbsolutePath('@storybook/builder-vite'),\n  renderer,\n};\n\nexport const viteFinal: StorybookConfig[\"viteFinal\"] = async (\n  defaultConfig,\n) => {\n  const config = mergeConfig(defaultConfig, {\n    build: {\n      target: \"es2020\",\n      rollupOptions: {\n        external: ['@stencil/core'],\n      },\n    },\n    plugins: [stencil({\n      rootPath: defaultConfig.root,\n    })],\n  });\n\n  return config;\n};\n\nexport const previewAnnotations: StorybookConfig[\"previewAnnotations\"] = async (\n  input = [],\n  options\n) => {\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 ? [resolve(getAbsolutePath('@storybook/html'), 'dist', 'entry-preview-docs.mjs')] : []);\n};\n"],"mappings":";;;;;;;AAaA,MAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAC9C,MAAM,kBAAkB,CAAmBA,UACzC,QAAQ,QAAQ,QAAQ,KAAK,OAAO,eAAe,CAAC,CAAC;AAEvD,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,KAAK,WAAW,aAAa;AAE9C,MAAaC,OAAgC;CAC3C,SAAS,gBAAgB,0BAA0B;CACnD;AACD;AAED,MAAaC,YAA0C,OACrD,kBACG;CACH,MAAM,SAAS,YAAY,eAAe;EACxC,OAAO;GACL,QAAQ;GACR,eAAe,EACb,UAAU,CAAC,eAAgB,EAC5B;EACF;EACD,SAAS,CAAC,QAAQ,EAChB,UAAU,cAAc,KACzB,EAAC,AAAC;CACJ,EAAC;AAEF,QAAO;AACR;AAED,MAAaC,qBAA4D,OACvE,QAAQ,CAAE,GACV,YACG;CACH,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,QAAQ,gBAAgB,kBAAkB,EAAE,QAAQ,yBAAyB,AAAC,IAAG,CAAE,EAAC;AAC9G"}

package/dist/preview-B75wzZrU.js

@@ -0,0 +1,49 @@
+import { simulatePageLoad } from "@storybook/preview-api";
+import { h, render } from "@stencil/core";
+
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+
+//#endregion
+//#region src/render.ts
+const render$1 = (args, context) => {
+	const { component } = context;
+	if (Array.isArray(component)) throw new Error("If your story does not contain a render function, you must provide a component property!");
+	const cmpName = customElements.getName(component);
+	if (!cmpName) throw new Error("Component is not registered!");
+	const Component = `${cmpName}`;
+	return h(Component, { ...args });
+};
+function renderToCanvas({ storyFn, showMain, storyContext }, canvasElement) {
+	const vdom = storyFn();
+	showMain();
+	/**
+	* If the component is not automatically registered after import, register it here
+	*/
+	if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) customElements.define(storyContext.component.is, storyContext.component);
+	if (canvasElement.firstChild) canvasElement.removeChild(canvasElement.firstChild);
+	const element = document.createElement("div");
+	canvasElement.appendChild(element);
+	render(vdom, element);
+	simulatePageLoad(element);
+}
+
+//#endregion
+//#region src/preview.ts
+var preview_exports = {};
+__export(preview_exports, {
+	parameters: () => parameters,
+	render: () => render$1,
+	renderToCanvas: () => renderToCanvas
+});
+const parameters = { renderer: "stencil" };
+
+//#endregion
+export { parameters, preview_exports, render$1 as render, renderToCanvas };
+//# sourceMappingURL=preview-B75wzZrU.js.map

package/dist/preview-B75wzZrU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-B75wzZrU.js","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: { renderer: 'stencil' }"],"sources":["../src/render.ts","../src/preview.ts"],"sourcesContent":["import { ArgsStoryFn, RenderContext } from '@storybook/types'\nimport { simulatePageLoad } from '@storybook/preview-api'\nimport { render as renderStencil, h } from '@stencil/core'\n\nimport type { StencilRenderer } from './types'\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n    const { component } = 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\n    const cmpName = customElements.getName(component)\n    if (!cmpName) {\n        throw new Error('Component is not registered!')\n    }\n\n    const Component = `${cmpName}`;\n    return h(Component, { ...args })\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","export const parameters: { renderer: 'stencil' } = { renderer: 'stencil' };\nexport { render, renderToCanvas } from './render.js';\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAaA,WAAgD,CAAC,MAAM,YAAY;CAC5E,MAAM,EAAE,WAAW,GAAG;AAEtB,KAAI,MAAM,QAAQ,UAAU,CACxB,OAAM,IAAI,MAAM;CAGpB,MAAM,UAAU,eAAe,QAAQ,UAAU;AACjD,MAAK,QACD,OAAM,IAAI,MAAM;CAGpB,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,EAAE,WAAW,EAAE,GAAG,KAAM,EAAC;AACnC;AAED,SAAgB,eACZ,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACF;CACE,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACrG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG5E,KAAI,cAAc,WACd,eAAc,YAAY,cAAc,WAAW;CAGvD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,QAAc,MAAM,QAAQ;AAC5B,kBAAiB,QAAQ;AAC5B;;;;;;;;;;AC5CD,MAAaC,aAAsC,EAAE,UAAU,UAAW"}

package/dist/preview-Nz-UTIbe.cjs

@@ -0,0 +1,63 @@
+const require_chunk = require('./chunk-CsX-DzYB.cjs');
+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) => {
+	const { component } = context;
+	if (Array.isArray(component)) throw new Error("If your story does not contain a render function, you must provide a component property!");
+	const cmpName = customElements.getName(component);
+	if (!cmpName) throw new Error("Component is not registered!");
+	const Component = `${cmpName}`;
+	return (0, __stencil_core.h)(Component, { ...args });
+};
+function renderToCanvas({ storyFn, showMain, storyContext }, canvasElement) {
+	const vdom = storyFn();
+	showMain();
+	/**
+	* If the component is not automatically registered after import, register it here
+	*/
+	if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) customElements.define(storyContext.component.is, storyContext.component);
+	if (canvasElement.firstChild) canvasElement.removeChild(canvasElement.firstChild);
+	const element = document.createElement("div");
+	canvasElement.appendChild(element);
+	(0, __stencil_core.render)(vdom, element);
+	(0, __storybook_preview_api.simulatePageLoad)(element);
+}
+
+//#endregion
+//#region src/preview.ts
+var preview_exports = {};
+require_chunk.__export(preview_exports, {
+	parameters: () => parameters,
+	render: () => render,
+	renderToCanvas: () => renderToCanvas
+});
+const parameters = { renderer: "stencil" };
+
+//#endregion
+Object.defineProperty(exports, 'parameters', {
+  enumerable: true,
+  get: function () {
+    return parameters;
+  }
+});
+Object.defineProperty(exports, 'preview_exports', {
+  enumerable: true,
+  get: function () {
+    return preview_exports;
+  }
+});
+Object.defineProperty(exports, 'render', {
+  enumerable: true,
+  get: function () {
+    return render;
+  }
+});
+Object.defineProperty(exports, 'renderToCanvas', {
+  enumerable: true,
+  get: function () {
+    return renderToCanvas;
+  }
+});
+//# sourceMappingURL=preview-Nz-UTIbe.cjs.map

package/dist/preview-Nz-UTIbe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-Nz-UTIbe.cjs","names":["render: ArgsStoryFn<StencilRenderer<unknown>>","canvasElement: StencilRenderer<unknown>['canvasElement']","parameters: { renderer: 'stencil' }"],"sources":["../src/render.ts","../src/preview.ts"],"sourcesContent":["import { ArgsStoryFn, RenderContext } from '@storybook/types'\nimport { simulatePageLoad } from '@storybook/preview-api'\nimport { render as renderStencil, h } from '@stencil/core'\n\nimport type { StencilRenderer } from './types'\n\nexport const render: ArgsStoryFn<StencilRenderer<unknown>> = (args, context) => {\n    const { component } = 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\n    const cmpName = customElements.getName(component)\n    if (!cmpName) {\n        throw new Error('Component is not registered!')\n    }\n\n    const Component = `${cmpName}`;\n    return h(Component, { ...args })\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","export const parameters: { renderer: 'stencil' } = { renderer: 'stencil' };\nexport { render, renderToCanvas } from './render.js';\n"],"mappings":";;;;;AAMA,MAAaA,SAAgD,CAAC,MAAM,YAAY;CAC5E,MAAM,EAAE,WAAW,GAAG;AAEtB,KAAI,MAAM,QAAQ,UAAU,CACxB,OAAM,IAAI,MAAM;CAGpB,MAAM,UAAU,eAAe,QAAQ,UAAU;AACjD,MAAK,QACD,OAAM,IAAI,MAAM;CAGpB,MAAM,aAAa,EAAE,QAAQ;AAC7B,QAAO,sBAAE,WAAW,EAAE,GAAG,KAAM,EAAC;AACnC;AAED,SAAgB,eACZ,EAAE,SAAS,UAAU,cAAuD,EAC5EC,eACF;CACE,MAAM,OAAO,SAAS;AACtB,WAAU;;;;AAKV,KAAI,aAAa,aAAa,aAAa,UAAU,OAAO,eAAe,IAAI,aAAa,UAAU,GAAG,CACrG,gBAAe,OAAO,aAAa,UAAU,IAAI,aAAa,UAAU;AAG5E,KAAI,cAAc,WACd,eAAc,YAAY,cAAc,WAAW;CAGvD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,eAAc,YAAY,QAAQ;AAClC,4BAAc,MAAM,QAAQ;AAC5B,+CAAiB,QAAQ;AAC5B;;;;;;;;;;AC5CD,MAAaC,aAAsC,EAAE,UAAU,UAAW"}

package/dist/preview.cjs

@@ -0,0 +1,5 @@
+const require_preview = require('./preview-Nz-UTIbe.cjs');
+
+exports.parameters = require_preview.parameters;
+exports.render = require_preview.render;
+exports.renderToCanvas = require_preview.renderToCanvas;

package/dist/preview.d.cts

@@ -0,0 +1,18 @@
+import { StencilRenderer } from "./types-BC4h6q-i.cjs";
+import { ArgsStoryFn, RenderContext } from "@storybook/types";
+
+//#region src/render.d.ts
+declare const render: ArgsStoryFn<StencilRenderer<unknown>>;
+declare function renderToCanvas({
+  storyFn,
+  showMain,
+  storyContext
+}: RenderContext<StencilRenderer<unknown>>, canvasElement: StencilRenderer<unknown>['canvasElement']): void;
+//#endregion
+//#region src/preview.d.ts
+declare const parameters: {
+  renderer: 'stencil';
+};
+//#endregion
+export { parameters, render, renderToCanvas };
+//# sourceMappingURL=preview.d.cts.map

package/dist/preview.d.ts

@@ -1,4 +1,18 @@
-export declare const parameters: {
-    renderer: 'stencil';
+import { StencilRenderer } from "./types-CrBVXXLO.js";
+import { ArgsStoryFn, RenderContext } from "@storybook/types";
+
+//#region src/render.d.ts
+declare const render: ArgsStoryFn<StencilRenderer<unknown>>;
+declare function renderToCanvas({
+  storyFn,
+  showMain,
+  storyContext
+}: RenderContext<StencilRenderer<unknown>>, canvasElement: StencilRenderer<unknown>['canvasElement']): void;
+//#endregion
+//#region src/preview.d.ts
+declare const parameters: {
+  renderer: 'stencil';
 };
-export { render, renderToCanvas } from './render.js';
+//#endregion
+export { parameters, render, renderToCanvas };
+//# sourceMappingURL=preview.d.ts.map

package/dist/preview.js

@@ -1,2 +1,3 @@
-export const parameters = { renderer: 'stencil' };
-export { render, renderToCanvas } from './render.js';
+import { parameters, render, renderToCanvas } from "./preview-B75wzZrU.js";
+
+export { parameters, render, renderToCanvas };

package/dist/rollup-parseAst-t-4tfMPG.d.ts

@@ -0,0 +1,24 @@
+//#region @types/rollup-parseAst.d.ts
+/**
+ * Extra type definitions for rollup/parseAst in cases the Rollup version between
+ * `@stencil/storybook-plugin` and `unplugin-stencil` is different. This may cause
+ * the following type error:
+ *
+ * ```
+ * [ ERROR ]  TypeScript: node_modules/vite/dist/node/index.d.ts:5:41
+ *          Cannot find module 'rollup/parseAst' or its corresponding type
+ *          declarations.
+ *
+ *     L4:  export { rollup as Rollup };
+ *     L5:  export { parseAst, parseAstAsync } from 'rollup/parseAst';
+ *     L6:  import * as http from 'node:http';
+ * ```
+ *
+ * This file is a workaround to make sure the type definitions are available when
+ * importing `rollup/parseAst` in `unplugin-stencil`.
+ */
+declare module 'rollup/parseAst' {
+  export function parseAst(code: string, options?: any): any;
+  export function parseAstAsync(code: string, options?: any): Promise<any>;
+}
+//# sourceMappingURL=rollup-parseAst-t-4tfMPG.d.ts.map

package/dist/types-BC4h6q-i.d.cts

@@ -0,0 +1,71 @@
+import { JSX, VNode } from "@stencil/core";
+import { StorybookConfigVite } from "@storybook/builder-vite";
+import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "@storybook/types";
+
+//#region src/types.d.ts
+interface DevJSX {
+  fileName: string;
+  lineNumber: number;
+  columnNumber: number;
+  stack?: string;
+}
+type JSXChildren = string | number | boolean | null | undefined | Function | RegExp | JSXChildren[] | Promise<JSXChildren> | VNode;
+type ComponentChildren<PROPS> = PROPS extends {
+  children: any;
+} ? never : {
+  children?: JSXChildren;
+};
+type PublicProps<PROPS> = (PROPS extends Record<any, any> ? Omit<PROPS, `${string}$`> : unknown extends PROPS ? {} : PROPS) & ComponentChildren<PROPS>;
+type FunctionComponent<P = unknown> = {
+  renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): VNode;
+}['renderFn'];
+type Component<PROPS = unknown> = FunctionComponent<PublicProps<PROPS>>;
+interface StencilRenderer<T> extends WebRenderer {
+  component: Component<T> | any;
+  storyResult: ReturnType<Component<T>>;
+  args: T;
+}
+type Preview = ProjectAnnotations<StencilRenderer<unknown>>;
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+type Meta<TArgs = Args> = ComponentAnnotations<StencilRenderer<TArgs>, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+type StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<TArgs>, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+type StoryObj<TArgs = Args> = StoryAnnotations<StencilRenderer<TArgs>, TArgs>;
+type Decorator<TArgs = StrictArgs> = DecoratorFunction<StencilRenderer<TArgs>, TArgs>;
+type Loader<TArgs = StrictArgs> = LoaderFunction<StencilRenderer<TArgs>, TArgs>;
+type StoryContext$1<TArgs = StrictArgs> = StoryContext<StencilRenderer<TArgs>, TArgs>;
+type StorybookConfig$1 = Omit<StorybookConfig, 'framework'> & {
+  framework: '@stencil/storybook-plugin' | {
+    name: '@stencil/storybook-plugin';
+  };
+} & StorybookConfigVite;
+/**
+ * Extend the JSX namespace to include StencilJSX.IntrinsicElements, StencilJSX.Element, and StencilJSX.ElementClass.
+ * This is necessary to allow the use of Stencil components in Storybook.
+ * Without we get are getting type errors.
+ */
+type StencilIntrinsic = JSX.IntrinsicElements;
+type StencilElement = JSX.Element;
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends StencilIntrinsic {}
+    interface Element extends StencilElement {}
+    interface ElementClass {}
+  }
+}
+//#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-BC4h6q-i.d.cts.map

package/dist/types-CrBVXXLO.d.ts

@@ -0,0 +1,71 @@
+import { JSX, VNode } from "@stencil/core";
+import { StorybookConfigVite } from "@storybook/builder-vite";
+import { AnnotatedStoryFn, ArgTypes, Args, Args as Args$1, ComponentAnnotations, DecoratorFunction, LoaderFunction, Parameters, ProjectAnnotations, StoryAnnotations, StoryContext, StorybookConfig, StrictArgs, StrictArgs as StrictArgs$1, WebRenderer } from "@storybook/types";
+
+//#region src/types.d.ts
+interface DevJSX {
+  fileName: string;
+  lineNumber: number;
+  columnNumber: number;
+  stack?: string;
+}
+type JSXChildren = string | number | boolean | null | undefined | Function | RegExp | JSXChildren[] | Promise<JSXChildren> | VNode;
+type ComponentChildren<PROPS> = PROPS extends {
+  children: any;
+} ? never : {
+  children?: JSXChildren;
+};
+type PublicProps<PROPS> = (PROPS extends Record<any, any> ? Omit<PROPS, `${string}$`> : unknown extends PROPS ? {} : PROPS) & ComponentChildren<PROPS>;
+type FunctionComponent<P = unknown> = {
+  renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): VNode;
+}['renderFn'];
+type Component<PROPS = unknown> = FunctionComponent<PublicProps<PROPS>>;
+interface StencilRenderer<T> extends WebRenderer {
+  component: Component<T> | any;
+  storyResult: ReturnType<Component<T>>;
+  args: T;
+}
+type Preview = ProjectAnnotations<StencilRenderer<unknown>>;
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+type Meta<TArgs = Args> = ComponentAnnotations<StencilRenderer<TArgs>, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+type StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<TArgs>, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+type StoryObj<TArgs = Args> = StoryAnnotations<StencilRenderer<TArgs>, TArgs>;
+type Decorator<TArgs = StrictArgs> = DecoratorFunction<StencilRenderer<TArgs>, TArgs>;
+type Loader<TArgs = StrictArgs> = LoaderFunction<StencilRenderer<TArgs>, TArgs>;
+type StoryContext$1<TArgs = StrictArgs> = StoryContext<StencilRenderer<TArgs>, TArgs>;
+type StorybookConfig$1 = Omit<StorybookConfig, 'framework'> & {
+  framework: '@stencil/storybook-plugin' | {
+    name: '@stencil/storybook-plugin';
+  };
+} & StorybookConfigVite;
+/**
+ * Extend the JSX namespace to include StencilJSX.IntrinsicElements, StencilJSX.Element, and StencilJSX.ElementClass.
+ * This is necessary to allow the use of Stencil components in Storybook.
+ * Without we get are getting type errors.
+ */
+type StencilIntrinsic = JSX.IntrinsicElements;
+type StencilElement = JSX.Element;
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends StencilIntrinsic {}
+    interface Element extends StencilElement {}
+    interface ElementClass {}
+  }
+}
+//#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-CrBVXXLO.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/storybook-plugin",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Storybook plugin for Stencil",
   "license": "MIT",
   "homepage": "https://github.com/stenciljs/storybook",
@@ -34,32 +34,34 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./preset": {
       "types": "./dist/preset.d.ts",
       "import": "./dist/preset.js",
-      "require": "./dist/preset.js"
+      "require": "./dist/preset.cjs"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
       "import": "./dist/preview.js",
-      "require": "./dist/preview.js"
+      "require": "./dist/preview.cjs"
     },
     "./dist/preview.js": {
       "types": "./dist/preview.d.ts",
       "import": "./dist/preview.js",
-      "require": "./dist/preview.js"
+      "require": "./dist/preview.cjs"
     },
     "./node": {
       "types": "./dist/node/index.d.ts",
-      "import": "./dist/node/index.js"
+      "import": "./dist/node/index.js",
+      "require": "./dist/node/index.cjs"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "watch": "tsc --watch --outDir ./dist --listEmittedFiles",
-    "build": "tsc --outDir ./dist --listEmittedFiles"
+    "watch": "tsdown --watch",
+    "build": "tsdown"
   },
   "dependencies": {
     "@storybook/addon-actions": "^8.6.12",
@@ -72,7 +74,7 @@
     "@storybook/types": "^8.6.12",
     "preact-render-to-string": "^6.5.13",
     "react-docgen-typescript": "^2.2.2",
-    "unplugin-stencil": "^0.2.8"
+    "unplugin-stencil": "^0.3.2"
   },
   "peerDependencies": {
     "@stencil/core": "^4.30.0"
@@ -81,6 +83,7 @@
     "@stencil/core": "4.30.0",
     "@storybook/types": "^8.6.12",
     "@types/node": "^22.15.3",
+    "tsdown": "^0.12.4",
     "typescript": "~5.8.3",
     "vite": "^6.3.3"
   },

package/dist/addArgsHelpers.d.ts

@@ -1,10 +0,0 @@
-import type { Renderer, ArgsEnhancer } from "@storybook/types";
-/**
- * Automatically add action args for argTypes whose name
- * matches a regex, such as `^on.*` for react-style `onClick` etc.
- */
-export declare const inferActionsFromArgTypesRegex: ArgsEnhancer<Renderer>;
-/**
- * Add action args for list of strings.
- */
-export declare const addActionsFromArgTypes: ArgsEnhancer<Renderer>;

package/dist/addArgsHelpers.js

@@ -1,37 +0,0 @@
-// This file is entirely copied from @storybook/addon-actions (changing the action import)
-import { action } from "@storybook/addon-actions";
-const isInInitialArgs = (name, initialArgs) => typeof initialArgs[name] === "undefined" && !(name in initialArgs);
-/**
- * Automatically add action args for argTypes whose name
- * matches a regex, such as `^on.*` for react-style `onClick` etc.
- */
-export const inferActionsFromArgTypesRegex = (context) => {
-    const { initialArgs, argTypes, parameters: { actions }, } = context;
-    if (!actions || actions.disable || !actions.argTypesRegex || !argTypes) {
-        return {};
-    }
-    const argTypesRegex = new RegExp(actions.argTypesRegex);
-    const argTypesMatchingRegex = Object.entries(argTypes).filter(([name]) => !!argTypesRegex.test(name));
-    return argTypesMatchingRegex.reduce((acc, [name, argType]) => {
-        if (isInInitialArgs(name, initialArgs)) {
-            acc[name] = action(name);
-        }
-        return acc;
-    }, {});
-};
-/**
- * Add action args for list of strings.
- */
-export const addActionsFromArgTypes = (context) => {
-    const { initialArgs, argTypes, parameters: { actions }, } = context;
-    if (actions?.disable || !argTypes) {
-        return {};
-    }
-    const argTypesWithAction = Object.entries(argTypes).filter(([name, argType]) => !!argType["action"]);
-    return argTypesWithAction.reduce((acc, [name, argType]) => {
-        if (isInInitialArgs(name, initialArgs)) {
-            acc[name] = action(typeof argType["action"] === "string" ? argType["action"] : name);
-        }
-        return acc;
-    }, {});
-};

package/dist/component-to-jsx.d.ts

@@ -1,2 +0,0 @@
-import { Args } from "./types.js";
-export declare const componentToJSX: (tagName: string, args: Args) => any;

package/dist/component-to-jsx.js

@@ -1,5 +0,0 @@
-import { h } from '@stencil/core';
-export const componentToJSX = (tagName, args) => {
-    const Component = `${tagName}`;
-    return h(Component, { ...args });
-};

package/dist/portable-stories.d.ts

@@ -1,22 +0,0 @@
-import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from '@storybook/types';
-import type { StencilRenderer } from './types';
-/**
- * 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')
- */
-export declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<StencilRenderer<unknown>>;

package/dist/portable-stories.js

@@ -1,25 +0,0 @@
-import { setProjectAnnotations as originalSetProjectAnnotations, setDefaultProjectAnnotations, } from '@storybook/preview-api';
-import * as stencilAnnotations from './preview';
-/**
- * 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')
- */
-export function setProjectAnnotations(projectAnnotations) {
-    setDefaultProjectAnnotations(stencilAnnotations);
-    return originalSetProjectAnnotations(projectAnnotations);
-}

package/dist/render.d.ts

@@ -1,4 +0,0 @@
-import { ArgsStoryFn, RenderContext } from '@storybook/types';
-import type { StencilRenderer } from './types';
-export declare const render: ArgsStoryFn<StencilRenderer<unknown>>;
-export declare function renderToCanvas({ storyFn, showMain, storyContext }: RenderContext<StencilRenderer<unknown>>, canvasElement: StencilRenderer<unknown>['canvasElement']): void;

package/dist/render.js

@@ -1,31 +0,0 @@
-import { simulatePageLoad } from '@storybook/preview-api';
-import { render as renderStencil } from '@stencil/core';
-import { componentToJSX } from './component-to-jsx.js';
-export const render = (args, context) => {
-    const { component } = context;
-    if (Array.isArray(component)) {
-        throw new Error('If your story does not contain a render function, you must provide a component property!');
-    }
-    const cmpName = customElements.getName(component);
-    if (!cmpName) {
-        throw new Error('Component is not registered!');
-    }
-    return componentToJSX(cmpName, args);
-};
-export function renderToCanvas({ storyFn, showMain, storyContext }, canvasElement) {
-    const vdom = storyFn();
-    showMain();
-    /**
-     * If the component is not automatically registered after import, register it here
-     */
-    if (storyContext.component && storyContext.component.is && !customElements.get(storyContext.component.is)) {
-        customElements.define(storyContext.component.is, storyContext.component);
-    }
-    if (canvasElement.firstChild) {
-        canvasElement.removeChild(canvasElement.firstChild);
-    }
-    const element = document.createElement('div');
-    canvasElement.appendChild(element);
-    renderStencil(vdom, element);
-    simulatePageLoad(element);
-}

package/dist/types.d.ts

@@ -1,69 +0,0 @@
-import { VNode, JSX as StencilJSX } from '@stencil/core';
-import { StorybookConfigVite } from '@storybook/builder-vite';
-import { WebRenderer } from '@storybook/types';
-export type { Args, ArgTypes, Parameters, StrictArgs } from '@storybook/types';
-import type { AnnotatedStoryFn, Args, ComponentAnnotations, StoryAnnotations, DecoratorFunction, LoaderFunction, StoryContext as GenericStoryContext, StrictArgs, ProjectAnnotations, StorybookConfig as StorybookConfigBase } from '@storybook/types';
-interface DevJSX {
-    fileName: string;
-    lineNumber: number;
-    columnNumber: number;
-    stack?: string;
-}
-type JSXChildren = string | number | boolean | null | undefined | Function | RegExp | JSXChildren[] | Promise<JSXChildren> | VNode;
-type ComponentChildren<PROPS> = PROPS extends {
-    children: any;
-} ? never : {
-    children?: JSXChildren;
-};
-type PublicProps<PROPS> = (PROPS extends Record<any, any> ? Omit<PROPS, `${string}$`> : unknown extends PROPS ? {} : PROPS) & ComponentChildren<PROPS>;
-type FunctionComponent<P = unknown> = {
-    renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): VNode;
-}['renderFn'];
-type Component<PROPS = unknown> = FunctionComponent<PublicProps<PROPS>>;
-export interface StencilRenderer<T> extends WebRenderer {
-    component: Component<T> | any;
-    storyResult: ReturnType<Component<T>>;
-    args: T;
-}
-export type Preview = ProjectAnnotations<StencilRenderer<unknown>>;
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export type Meta<TArgs = Args> = ComponentAnnotations<StencilRenderer<TArgs>, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export type StoryFn<TArgs = Args> = AnnotatedStoryFn<StencilRenderer<TArgs>, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export type StoryObj<TArgs = Args> = StoryAnnotations<StencilRenderer<TArgs>, TArgs>;
-export type Decorator<TArgs = StrictArgs> = DecoratorFunction<StencilRenderer<TArgs>, TArgs>;
-export type Loader<TArgs = StrictArgs> = LoaderFunction<StencilRenderer<TArgs>, TArgs>;
-export type StoryContext<TArgs = StrictArgs> = GenericStoryContext<StencilRenderer<TArgs>, TArgs>;
-export type StorybookConfig = Omit<StorybookConfigBase, 'framework'> & {
-    framework: '@stencil/storybook-plugin' | {
-        name: '@stencil/storybook-plugin';
-    };
-} & StorybookConfigVite;
-/**
- * Extend the JSX namespace to include StencilJSX.IntrinsicElements, StencilJSX.Element, and StencilJSX.ElementClass.
- * This is necessary to allow the use of Stencil components in Storybook.
- * Without we get are getting type errors.
- */
-declare global {
-    namespace JSX {
-        interface IntrinsicElements extends StencilJSX.IntrinsicElements {
-        }
-        interface Element extends StencilJSX.Element {
-        }
-        interface ElementClass {
-        }
-    }
-}

package/dist/types.js

@@ -1 +0,0 @@
-export {};