storybook 9.1.0-alpha.3 → 9.1.0-alpha.4

package/dist/common/index.d.ts

@@ -940,8 +940,8 @@ declare const posix: (localPath: string, seperator?: string) => string;
 
 declare const getAddonNames: (mainConfig: StorybookConfig) => string[];
 
-declare function syncStorybookAddons(mainConfig: StorybookConfig, previewConfigPath: string): Promise<void>;
-declare function getSyncedStorybookAddons(mainConfig: StorybookConfig, previewConfig: ConfigFile): Promise<ConfigFile>;
+declare function syncStorybookAddons(mainConfig: StorybookConfig, previewConfigPath: string, configDir: string): Promise<void>;
+declare function getSyncedStorybookAddons(mainConfig: StorybookConfig, previewConfig: ConfigFile, configDir: string): Promise<ConfigFile>;
 
 /**
  * Helper function to scan for files matching a glob pattern and transform them

package/dist/common/index.js

@@ -2027,7 +2027,7 @@ var ma = m((aW, Ur) => {
 });
 
 // ../node_modules/merge-stream/index.js
-var QQ = m((L3, BQ) => {
+var QQ = m((L4, BQ) => {
   "use strict";
   var { PassThrough: PR } = v("stream");
   BQ.exports = function() {
@@ -18599,56 +18599,56 @@ var gK = Ee(() => {
 
 // src/common/versions.ts
 var gt = {
-  "@storybook/addon-a11y": "9.1.0-alpha.3",
-  "@storybook/addon-actions": "9.1.0-alpha.3",
-  "@storybook/addon-backgrounds": "9.1.0-alpha.3",
-  "@storybook/addon-controls": "9.1.0-alpha.3",
-  "@storybook/addon-docs": "9.1.0-alpha.3",
-  "@storybook/addon-jest": "9.1.0-alpha.3",
-  "@storybook/addon-links": "9.1.0-alpha.3",
-  "@storybook/addon-measure": "9.1.0-alpha.3",
-  "@storybook/addon-onboarding": "9.1.0-alpha.3",
-  "@storybook/addon-outline": "9.1.0-alpha.3",
-  "storybook-addon-pseudo-states": "9.1.0-alpha.3",
-  "@storybook/addon-themes": "9.1.0-alpha.3",
-  "@storybook/addon-toolbars": "9.1.0-alpha.3",
-  "@storybook/addon-viewport": "9.1.0-alpha.3",
-  "@storybook/addon-vitest": "9.1.0-alpha.3",
-  "@storybook/builder-vite": "9.1.0-alpha.3",
-  "@storybook/builder-webpack5": "9.1.0-alpha.3",
-  storybook: "9.1.0-alpha.3",
-  "@storybook/angular": "9.1.0-alpha.3",
-  "@storybook/ember": "9.1.0-alpha.3",
-  "@storybook/html-vite": "9.1.0-alpha.3",
-  "@storybook/nextjs": "9.1.0-alpha.3",
-  "@storybook/nextjs-vite": "9.1.0-alpha.3",
-  "@storybook/preact-vite": "9.1.0-alpha.3",
-  "@storybook/react-native-web-vite": "9.1.0-alpha.3",
-  "@storybook/react-vite": "9.1.0-alpha.3",
-  "@storybook/react-webpack5": "9.1.0-alpha.3",
-  "@storybook/server-webpack5": "9.1.0-alpha.3",
-  "@storybook/svelte-vite": "9.1.0-alpha.3",
-  "@storybook/sveltekit": "9.1.0-alpha.3",
-  "@storybook/vue3-vite": "9.1.0-alpha.3",
-  "@storybook/web-components-vite": "9.1.0-alpha.3",
-  sb: "9.1.0-alpha.3",
-  "@storybook/cli": "9.1.0-alpha.3",
-  "@storybook/codemod": "9.1.0-alpha.3",
-  "@storybook/core-webpack": "9.1.0-alpha.3",
-  "create-storybook": "9.1.0-alpha.3",
-  "@storybook/csf-plugin": "9.1.0-alpha.3",
-  "eslint-plugin-storybook": "9.1.0-alpha.3",
-  "@storybook/react-dom-shim": "9.1.0-alpha.3",
-  "@storybook/preset-create-react-app": "9.1.0-alpha.3",
-  "@storybook/preset-react-webpack": "9.1.0-alpha.3",
-  "@storybook/preset-server-webpack": "9.1.0-alpha.3",
-  "@storybook/html": "9.1.0-alpha.3",
-  "@storybook/preact": "9.1.0-alpha.3",
-  "@storybook/react": "9.1.0-alpha.3",
-  "@storybook/server": "9.1.0-alpha.3",
-  "@storybook/svelte": "9.1.0-alpha.3",
-  "@storybook/vue3": "9.1.0-alpha.3",
-  "@storybook/web-components": "9.1.0-alpha.3"
+  "@storybook/addon-a11y": "9.1.0-alpha.4",
+  "@storybook/addon-actions": "9.1.0-alpha.4",
+  "@storybook/addon-backgrounds": "9.1.0-alpha.4",
+  "@storybook/addon-controls": "9.1.0-alpha.4",
+  "@storybook/addon-docs": "9.1.0-alpha.4",
+  "@storybook/addon-jest": "9.1.0-alpha.4",
+  "@storybook/addon-links": "9.1.0-alpha.4",
+  "@storybook/addon-measure": "9.1.0-alpha.4",
+  "@storybook/addon-onboarding": "9.1.0-alpha.4",
+  "@storybook/addon-outline": "9.1.0-alpha.4",
+  "storybook-addon-pseudo-states": "9.1.0-alpha.4",
+  "@storybook/addon-themes": "9.1.0-alpha.4",
+  "@storybook/addon-toolbars": "9.1.0-alpha.4",
+  "@storybook/addon-viewport": "9.1.0-alpha.4",
+  "@storybook/addon-vitest": "9.1.0-alpha.4",
+  "@storybook/builder-vite": "9.1.0-alpha.4",
+  "@storybook/builder-webpack5": "9.1.0-alpha.4",
+  storybook: "9.1.0-alpha.4",
+  "@storybook/angular": "9.1.0-alpha.4",
+  "@storybook/ember": "9.1.0-alpha.4",
+  "@storybook/html-vite": "9.1.0-alpha.4",
+  "@storybook/nextjs": "9.1.0-alpha.4",
+  "@storybook/nextjs-vite": "9.1.0-alpha.4",
+  "@storybook/preact-vite": "9.1.0-alpha.4",
+  "@storybook/react-native-web-vite": "9.1.0-alpha.4",
+  "@storybook/react-vite": "9.1.0-alpha.4",
+  "@storybook/react-webpack5": "9.1.0-alpha.4",
+  "@storybook/server-webpack5": "9.1.0-alpha.4",
+  "@storybook/svelte-vite": "9.1.0-alpha.4",
+  "@storybook/sveltekit": "9.1.0-alpha.4",
+  "@storybook/vue3-vite": "9.1.0-alpha.4",
+  "@storybook/web-components-vite": "9.1.0-alpha.4",
+  sb: "9.1.0-alpha.4",
+  "@storybook/cli": "9.1.0-alpha.4",
+  "@storybook/codemod": "9.1.0-alpha.4",
+  "@storybook/core-webpack": "9.1.0-alpha.4",
+  "create-storybook": "9.1.0-alpha.4",
+  "@storybook/csf-plugin": "9.1.0-alpha.4",
+  "eslint-plugin-storybook": "9.1.0-alpha.4",
+  "@storybook/react-dom-shim": "9.1.0-alpha.4",
+  "@storybook/preset-create-react-app": "9.1.0-alpha.4",
+  "@storybook/preset-react-webpack": "9.1.0-alpha.4",
+  "@storybook/preset-server-webpack": "9.1.0-alpha.4",
+  "@storybook/html": "9.1.0-alpha.4",
+  "@storybook/preact": "9.1.0-alpha.4",
+  "@storybook/react": "9.1.0-alpha.4",
+  "@storybook/server": "9.1.0-alpha.4",
+  "@storybook/svelte": "9.1.0-alpha.4",
+  "@storybook/vue3": "9.1.0-alpha.4",
+  "@storybook/web-components": "9.1.0-alpha.4"
 };
 
 // src/common/presets.ts
@@ -25927,7 +25927,7 @@ function xQ(t) {
   }, A;
 }
 s(xQ, "create$");
-var E4 = xQ();
+var E3 = xQ();
 function YQ(t, A) {
   let [e, ...r] = ja(t);
   return vQ(e, r, A);
@@ -27627,53 +27627,55 @@ function Tx(t) {
   ).join("").replace(/^./, (e) => e.toLowerCase());
 }
 s(Tx, "getAnnotationsName");
-async function Bd(t) {
+async function Bd(t, A) {
+  let e = {
+    // core addons will have a function as default export in index entrypoint
+    importPath: t,
+    importName: Tx(t),
+    isCoreAddon: Au(t)
+  };
+  e.isCoreAddon || (e.importPath = `${t}/preview`);
   try {
-    let A = {
-      // core addons will have a function as default export in index entrypoint
-      importPath: t,
-      importName: Tx(t),
-      isCoreAddon: Au(t)
-    };
-    return t === "@storybook/addon-essentials" || (A.isCoreAddon || (A.importPath = `${t}/preview`), v.resolve(Ox.join(t, "preview"))), A;
+    v.resolve(Ox.join(t, "preview"), { paths: [A] });
   } catch {
+    return null;
   }
-  return null;
+  return e;
 }
 s(Bd, "getAddonAnnotations");
 
 // src/common/utils/sync-main-preview-addons.ts
 var zx = console;
-async function xZ(t, A) {
-  let e = await jx(A), r = await Wx(t, e);
-  await qx(r);
+async function xZ(t, A, e) {
+  let r = await jx(A), i = await Wx(t, r, e);
+  await qx(i);
 }
 s(xZ, "syncStorybookAddons");
-async function Wx(t, A) {
+async function Wx(t, A, e) {
   if (!Hx(A))
     return A;
-  let r = ud(t);
-  if (!r)
+  let i = ud(t);
+  if (!i)
     return A;
-  let i = [], n = A.getFieldNode(["addons"]);
-  for (let o of r) {
-    let g = await Bd(o);
-    if (g) {
+  let n = [], o = A.getFieldNode(["addons"]);
+  for (let g of i) {
+    let C = await Bd(g, e);
+    if (C) {
       if (A._ast.program.body.find(
-        (c) => zr.isImportDeclaration(c) && c.source.value === g.importPath
+        (E) => zr.isImportDeclaration(E) && E.source.value === C.importPath
       ))
         continue;
-      (!n || zr.isArrayExpression(n) && !n.elements.some(
-        (c) => zr.isIdentifier(c) && c.name === g.importName
-      )) && (i.push(o), g.isCoreAddon ? (A.setImport(g.importName, g.importPath), A.appendNodeToArray(
+      (!o || zr.isArrayExpression(o) && !o.elements.some(
+        (E) => zr.isIdentifier(E) && E.name === C.importName
+      )) && (n.push(g), C.isCoreAddon ? (A.setImport(C.importName, C.importPath), A.appendNodeToArray(
         ["addons"],
-        zr.callExpression(zr.identifier(g.importName), [])
-      )) : (A.setImport({ namespace: g.importName }, g.importPath), A.appendNodeToArray(["addons"], zr.identifier(g.importName))));
+        zr.callExpression(zr.identifier(C.importName), [])
+      )) : (A.setImport({ namespace: C.importName }, C.importPath), A.appendNodeToArray(["addons"], zr.identifier(C.importName))));
     }
   }
-  return i.length > 0 && zx.info(
+  return n.length > 0 && zx.info(
     `Synchronizing addons from main config in ${GC.default.cyan(A.fileName)}:
-${i.map(GC.default.magenta).join(", ")}`
+${n.map(GC.default.magenta).join(", ")}`
   ), A;
 }
 s(Wx, "getSyncedStorybookAddons");

package/dist/component-testing/preview.cjs

@@ -1,28 +1,28 @@
 "use strict";
-var n = Object.defineProperty;
+var r = Object.defineProperty;
 var s = Object.getOwnPropertyDescriptor;
 var y = Object.getOwnPropertyNames;
 var m = Object.prototype.hasOwnProperty;
-var p = (e, t) => n(e, "name", { value: t, configurable: !0 });
+var p = (e, t) => r(e, "name", { value: t, configurable: !0 });
 var c = (e, t) => {
   for (var o in t)
-    n(e, o, { get: t[o], enumerable: !0 });
+    r(e, o, { get: t[o], enumerable: !0 });
 }, u = (e, t, o, a) => {
   if (t && typeof t == "object" || typeof t == "function")
-    for (let r of y(t))
-      !m.call(e, r) && r !== o && n(e, r, { get: () => t[r], enumerable: !(a = s(t, r)) || a.enumerable });
+    for (let n of y(t))
+      !m.call(e, n) && n !== o && r(e, n, { get: () => t[n], enumerable: !(a = s(t, n)) || a.enumerable });
   return e;
 };
-var f = (e) => u(n({}, "__esModule", { value: !0 }), e);
+var f = (e) => u(r({}, "__esModule", { value: !0 }), e);
 
 // src/component-testing/preview.ts
-var x = {};
-c(x, {
+var d = {};
+c(d, {
   default: () => b
 });
-module.exports = f(x);
-var i = require("storybook/internal/instrumenter"), l = require("storybook/preview-api");
-var { step: S } = (0, i.instrument)(
+module.exports = f(d);
+var i = require("storybook/internal/csf"), l = require("storybook/internal/instrumenter");
+var { step: S } = (0, l.instrument)(
   {
     // It seems like the label is unused, but the instrumenter has access to it
     // The context will be bounded later in StoryRender, so that the user can write just:
@@ -32,7 +32,7 @@ var { step: S } = (0, i.instrument)(
     step: /* @__PURE__ */ p(async (e, t, o) => t(o), "step")
   },
   { intercept: !0 }
-), b = /* @__PURE__ */ p(() => (0, l.definePreview)({
+), b = /* @__PURE__ */ p(() => (0, i.definePreviewAddon)({
   parameters: {
     throwPlayFunctionExceptions: !1
   },

package/dist/component-testing/preview.d.ts

@@ -1,5 +1,5 @@
-import * as storybook_internal_types from 'storybook/internal/types';
+import * as storybook_internal_csf from 'storybook/internal/csf';
 
-declare const _default: () => storybook_internal_types.ProjectAnnotations<storybook_internal_types.Renderer>;
+declare const _default: () => storybook_internal_csf.PreviewAddon<storybook_internal_csf.AddonTypes>;
 
 export { _default as default };

package/dist/component-testing/preview.js

@@ -1,20 +1,20 @@
-var n = Object.defineProperty;
-var e = (o, t) => n(o, "name", { value: t, configurable: !0 });
+var r = Object.defineProperty;
+var e = (o, t) => r(o, "name", { value: t, configurable: !0 });
 
 // src/component-testing/preview.ts
-import { instrument as p } from "storybook/internal/instrumenter";
-import { definePreview as a } from "storybook/preview-api";
-var { step: i } = p(
+import { definePreviewAddon as p } from "storybook/internal/csf";
+import { instrument as a } from "storybook/internal/instrumenter";
+var { step: i } = a(
   {
     // It seems like the label is unused, but the instrumenter has access to it
     // The context will be bounded later in StoryRender, so that the user can write just:
     // await step("label", (context) => {
     //   // labeled step
     // });
-    step: /* @__PURE__ */ e(async (o, t, r) => t(r), "step")
+    step: /* @__PURE__ */ e(async (o, t, n) => t(n), "step")
   },
   { intercept: !0 }
-), m = /* @__PURE__ */ e(() => a({
+), m = /* @__PURE__ */ e(() => p({
   parameters: {
     throwPlayFunctionExceptions: !1
   },

package/dist/controls/index.cjs

@@ -1,26 +1,26 @@
 "use strict";
-var n = Object.defineProperty;
-var e = Object.getOwnPropertyDescriptor;
-var p = Object.getOwnPropertyNames;
-var x = Object.prototype.hasOwnProperty;
-var a = (t, o) => {
-  for (var s in o)
-    n(t, s, { get: o[s], enumerable: !0 });
-}, A = (t, o, s, c) => {
+var c = Object.defineProperty;
+var a = Object.getOwnPropertyDescriptor;
+var e = Object.getOwnPropertyNames;
+var p = Object.prototype.hasOwnProperty;
+var x = (t, o) => {
+  for (var n in o)
+    c(t, n, { get: o[n], enumerable: !0 });
+}, A = (t, o, n, r) => {
   if (o && typeof o == "object" || typeof o == "function")
-    for (let r of p(o))
-      !x.call(t, r) && r !== s && n(t, r, { get: () => o[r], enumerable: !(c = e(o, r)) || c.enumerable });
+    for (let s of e(o))
+      !p.call(t, s) && s !== n && c(t, s, { get: () => o[s], enumerable: !(r = a(o, s)) || r.enumerable });
   return t;
 };
-var D = (t) => A(n({}, "__esModule", { value: !0 }), t);
+var D = (t) => A(c({}, "__esModule", { value: !0 }), t);
 
 // src/controls/index.ts
-var l = {};
-a(l, {
+var _ = {};
+x(_, {
   ADDON_ID: () => d,
-  PARAM_KEY: () => f
+  PARAM_KEY: () => l
 });
-module.exports = D(l);
+module.exports = D(_);
 
 // src/controls/constants.ts
-var d = "addon-controls", f = "controls";
+var d = "addon-controls", l = "controls";

package/dist/controls/index.d.ts

@@ -1,39 +1,4 @@
 declare const ADDON_ID: "addon-controls";
 declare const PARAM_KEY: "controls";
 
-interface ControlsParameters {
-    /**
-     * Controls configuration
-     *
-     * @see https://storybook.js.org/docs/essentials/controls#parameters-1
-     */
-    controls: {
-        /** Remove the addon panel and disable the addon's behavior */
-        disable?: boolean;
-        /** Disable the ability to create or edit stories from the Controls panel */
-        disableSaveFromUI?: boolean;
-        /** Exclude specific properties from the Controls panel */
-        exclude?: string[] | RegExp;
-        /**
-         * Show the full documentation for each property in the Controls addon panel, including the
-         * description and default value.
-         */
-        expanded?: boolean;
-        /** Exclude only specific properties in the Controls panel */
-        include?: string[] | RegExp;
-        /**
-         * Preset color swatches for the color picker control
-         *
-         * @example PresetColors: [{ color: '#ff4785', title: 'Coral' }, 'rgba(0, 159, 183, 1)',
-         * '#fe4a49']
-         */
-        presetColors?: Array<string | {
-            color: string;
-            title?: string;
-        }>;
-        /** Controls sorting order */
-        sort?: 'none' | 'alpha' | 'requiredFirst';
-    };
-}
-
-export { ADDON_ID, type ControlsParameters, PARAM_KEY };
+export { ADDON_ID, PARAM_KEY };

package/dist/controls/preview.cjs

@@ -1,26 +1,26 @@
 "use strict";
-var o = Object.defineProperty;
-var m = Object.getOwnPropertyDescriptor;
-var p = Object.getOwnPropertyNames;
-var a = Object.prototype.hasOwnProperty;
-var l = (r, e) => {
-  for (var i in e)
-    o(r, i, { get: e[i], enumerable: !0 });
-}, n = (r, e, i, t) => {
+var p = Object.defineProperty;
+var f = Object.getOwnPropertyDescriptor;
+var i = Object.getOwnPropertyNames;
+var m = Object.prototype.hasOwnProperty;
+var n = (o, e) => {
+  for (var t in e)
+    p(o, t, { get: e[t], enumerable: !0 });
+}, y = (o, e, t, s) => {
   if (e && typeof e == "object" || typeof e == "function")
-    for (let f of p(e))
-      !a.call(r, f) && f !== i && o(r, f, { get: () => e[f], enumerable: !(t = m(e, f)) || t.enumerable });
-  return r;
+    for (let r of i(e))
+      !m.call(o, r) && r !== t && p(o, r, { get: () => e[r], enumerable: !(s = f(e, r)) || s.enumerable });
+  return o;
 };
-var u = (r) => n(o({}, "__esModule", { value: !0 }), r);
+var l = (o) => y(p({}, "__esModule", { value: !0 }), o);
 
 // src/controls/preview.ts
-var w = {};
-l(w, {
-  default: () => v
+var T = {};
+n(T, {
+  default: () => C
 });
-module.exports = u(w);
-var d = require("storybook/preview-api"), v = (0, d.definePreview)({
+module.exports = l(T);
+var d = require("storybook/internal/csf"), C = (0, d.definePreviewAddon)({
   // Controls addon doesn't need any preview-side configuration
   // It operates entirely through the manager UI
 });