Feature: Add CSF Factory definePreview parameter types

Author: valentinpalkovic

package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@auto-it/released": "^11.3.0",
-    "@storybook/addon-designs": "*",
+    "@storybook/addon-designs": "workspace:*",
     "@storybook/addon-docs": "^10.0.0-0",
     "@storybook/react-vite": "^10.0.0-0",
     "@types/react": "^18.2.65",
@@ -29,4 +29,4 @@
     "typescript": "^5.9.2"
   },
   "packageManager": "pnpm@10.11.1+sha512.e519b9f7639869dc8d5c3c5dfef73b3f091094b0a006d7317353c72b124e80e1afd429732e28705ad6bfa1ee879c1fce46c128ccebd3192101f43dd67c667912"
-}
+}

packages/storybook-addon-designs/src/index.ts

@@ -1,5 +1,8 @@
+import { definePreviewAddon } from "storybook/internal/csf";
+
 import { PanelName, ParameterName } from "./constants";
 import { Config } from "./config";
+import type { DesignTypes } from "./types";
 
 /**
  * Dumb function to ensure typings or enchance IDE auto completion.
@@ -10,3 +13,6 @@ export const config = (c: Config | Config[]) => c;
  * Useful exports for third party developers and advanced usages
  */
 export { Config, ParameterName as PARAM_KEY, PanelName };
+export type { DesignTypes } from "./types";
+
+export default () => definePreviewAddon<DesignTypes>({});

packages/storybook-addon-designs/src/types.ts

@@ -0,0 +1,16 @@
+import type { Config } from "./config";
+
+export interface DesignParameters {
+  /**
+   * Design addon configuration for embedding design previews in the addon panel.
+   *
+   * Supports Figma, Sketch, images, iframes, and links.
+   *
+   * @see https://github.com/storybookjs/addon-designs
+   */
+  design?: Config | Config[];
+}
+
+export interface DesignTypes {
+  parameters: DesignParameters;
+}