@stencil/storybook-plugin 0.0.6 → 0.0.8

package/dist/index.d.ts

@@ -1,3 +1,2 @@
-import './globals';
 export * from './types.js';
 export * from './portable-stories.js';

package/dist/index.js

@@ -1,3 +1,3 @@
-import './globals';
+/// <reference path="../@types/rollup-parseAst.d.ts" />
 export * from './types.js';
 export * from './portable-stories.js';

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from '@stencil/core';
+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';
@@ -52,3 +52,18 @@ export type StorybookConfig = Omit<StorybookConfigBase, 'framework'> & {
         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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/storybook-plugin",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Storybook plugin for Stencil",
   "license": "MIT",
   "homepage": "https://github.com/stenciljs/storybook",
@@ -71,7 +71,7 @@
     "@storybook/types": "^8.6.12",
     "preact-render-to-string": "^6.5.13",
     "react-docgen-typescript": "^2.2.2",
-    "unplugin-stencil": "^0.2.2"
+    "unplugin-stencil": "^0.2.3"
   },
   "peerDependencies": {
     "@stencil/core": "^4.30.0"