Add preview annotations and fix typecheck errors

- Export initialGlobals and parameters from preview.ts
- Add default export with definePreviewAddon() in index.ts
- Move index.ts from nodeEntries to previewEntries
- Fix storybook imports to use public export paths
- Add @types/react and @types/react-dom dev dependencies

Author: ckundo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accesslint/storybook-addon",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "description": "Catch accessibility violations in your Storybook stories as you develop",
   "license": "MIT",
   "publishConfig": {

src/Panel.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useRef, useCallback, type FC } from "react";
-import { useChannel } from "storybook/internal/manager-api";
-import { useTheme } from "storybook/internal/theming";
+import { useChannel } from "storybook/manager-api";
+import { useTheme } from "storybook/theming";
 import { STORY_CHANGED } from "storybook/internal/core-events";
 import { RESULT_EVENT, HIGHLIGHT, REMOVE_HIGHLIGHT } from "./constants";
 
@@ -45,7 +45,7 @@ const LEVEL_COLOR: Record<string, string> = {
 };
 
 interface PanelProps {
-  active: boolean;
+  active?: boolean;
 }
 
 export const Panel: FC<PanelProps> = ({ active }) => {

src/index.ts

@@ -1,2 +1,6 @@
-// Preset entry — re-exports for node environment
-export {};
+import { definePreviewAddon } from "storybook/internal/csf";
+import type { ProjectAnnotations, Renderer } from "storybook/internal/types";
+import * as addonAnnotations from "./preview";
+
+export default () =>
+  definePreviewAddon(addonAnnotations as ProjectAnnotations<Renderer>);

src/manager.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import * as managerApi from "storybook/internal/manager-api";
-import { styled } from "storybook/internal/theming";
+import * as managerApi from "storybook/manager-api";
+import { styled } from "storybook/theming";
 import { ADDON_ID, PARAM_KEY, STATUS_TYPE_ID, RESULT_EVENT } from "./constants";
 import { Panel } from "./Panel";
 
@@ -29,6 +29,7 @@ if (testProviderStore && statusStore) {
 }
 
 // ActionList and Form only exist in Storybook 10+
+declare const require: (id: string) => any;
 let ActionList: any = null;
 let Form: any = null;
 try {

src/preview.ts

@@ -2,6 +2,14 @@ import { createChunkedAudit, getActiveRules, getRuleById, configureRules } from
 import { addons } from "storybook/preview-api";
 import { RESULT_EVENT } from "./constants";
 
+export const initialGlobals = {
+  accesslint: {},
+};
+
+export const parameters = {
+  accesslint: {},
+};
+
 // Defined by the accesslintTest() Vite plugin when tags.skip is configured
 declare const __ACCESSLINT_SKIP_TAGS__: string[];
 
@@ -53,7 +61,7 @@ export const afterEach = async ({
   tags,
   id,
 }: {
-  reporting: { addReport: (report: Record<string, unknown>) => void };
+  reporting: { addReport: (report: { type: string; version?: number; result: unknown; status: "failed" | "passed" | "warning" }) => void };
   parameters: Record<string, unknown>;
   viewMode: string;
   tags?: string[];