storybook 9.0.0-alpha.2 → 9.0.0-alpha.20

package/dist/backgrounds/index.js

@@ -0,0 +1,130 @@
+var z = Object.defineProperty;
+var a = (e, t) => z(e, "name", { value: t, configurable: !0 });
+
+// src/backgrounds/preview.ts
+import { definePreview as V } from "storybook/preview-api";
+
+// src/backgrounds/constants.ts
+var N = "storybook/background", c = "backgrounds";
+var W = {
+  UPDATE: `${N}/update`
+};
+
+// src/backgrounds/decorator.ts
+import { useEffect as L } from "storybook/preview-api";
+
+// src/backgrounds/defaults.ts
+var R = {
+  light: { name: "light", value: "#F8F8F8" },
+  dark: { name: "dark", value: "#333" }
+};
+
+// src/backgrounds/utils.ts
+var { document: n } = globalThis, P = /* @__PURE__ */ a(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: red\
+uce)")?.matches : !1, "isReduceMotionEnabled"), k = /* @__PURE__ */ a((e) => {
+  (Array.isArray(e) ? e : [e]).forEach(U);
+}, "clearStyles"), U = /* @__PURE__ */ a((e) => {
+  if (!n)
+    return;
+  let t = n.getElementById(e);
+  t && t.parentElement && t.parentElement.removeChild(t);
+}, "clearStyle"), D = /* @__PURE__ */ a((e, t) => {
+  if (!n)
+    return;
+  let i = n.getElementById(e);
+  if (i)
+    i.innerHTML !== t && (i.innerHTML = t);
+  else {
+    let r = n.createElement("style");
+    r.setAttribute("id", e), r.innerHTML = t, n.head.appendChild(r);
+  }
+}, "addGridStyle"), _ = /* @__PURE__ */ a((e, t, i) => {
+  if (!n)
+    return;
+  let r = n.getElementById(e);
+  if (r)
+    r.innerHTML !== t && (r.innerHTML = t);
+  else {
+    let o = n.createElement("style");
+    o.setAttribute("id", e), o.innerHTML = t;
+    let d = `addon-backgrounds-grid${i ? `-docs-${i}` : ""}`, l = n.getElementById(d);
+    l ? l.parentElement?.insertBefore(o, l) : n.head.appendChild(o);
+  }
+}, "addBackgroundStyle");
+
+// src/backgrounds/decorator.ts
+var Y = {
+  cellSize: 100,
+  cellAmount: 10,
+  opacity: 0.8
+}, v = "addon-backgrounds", C = "addon-backgrounds-grid", j = P() ? "" : "transition: background-color 0.3s;", w = /* @__PURE__ */ a((e, t) => {
+  let { globals: i = {}, parameters: r = {}, viewMode: o, id: d } = t, {
+    options: l = R,
+    disable: F,
+    grid: H = Y
+  } = r[c] || {}, p = i[c] || {}, S = typeof p == "string" ? p : p?.value, y = S ? l[S] : void 0, E = typeof y == "string" ? y : y?.value ||
+  "transparent", A = typeof p == "string" ? !1 : p.grid || !1, B = !!y && !F, h = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
+n", M = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", K = r.layout === void 0 || r.layout === "padded", G = o === "docs" ? 20 :
+  K ? 16 : 0, { cellAmount: g, cellSize: s, opacity: u, offsetX: m = G, offsetY: f = G } = H, b = o === "docs" ? `${v}-docs-${d}` : `${v}-co\
+lor`, T = o === "docs" ? d : null;
+  L(() => {
+    let $ = `
+    ${h} {
+      background: ${E} !important;
+      ${j}
+      }`;
+    if (!B) {
+      k(b);
+      return;
+    }
+    _(b, $, T);
+  }, [h, b, T, B, E]);
+  let x = o === "docs" ? `${C}-docs-${d}` : `${C}`;
+  return L(() => {
+    if (!A) {
+      k(x);
+      return;
+    }
+    let $ = [
+      `${s * g}px ${s * g}px`,
+      `${s * g}px ${s * g}px`,
+      `${s}px ${s}px`,
+      `${s}px ${s}px`
+    ].join(", "), O = `
+        ${M} {
+          background-size: ${$} !important;
+          background-position: ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px !important;
+          background-blend-mode: difference !important;
+          background-image: linear-gradient(rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px) !important;
+        }
+      `;
+    D(x, O);
+  }, [g, s, M, x, A, m, f, u]), e();
+}, "withBackgroundAndGrid");
+
+// src/backgrounds/preview.ts
+var X = [w], q = {
+  [c]: {
+    grid: {
+      cellSize: 20,
+      opacity: 0.5,
+      cellAmount: 5
+    },
+    disable: !1
+  }
+}, J = {
+  [c]: { value: void 0, grid: !1 }
+}, I = /* @__PURE__ */ a(() => V({
+  decorators: X,
+  parameters: q,
+  initialGlobals: J
+}), "default");
+
+// src/backgrounds/index.ts
+var ft = I;
+export {
+  ft as default
+};

package/dist/backgrounds/preview.cjs

@@ -0,0 +1,143 @@
+"use strict";
+var b = Object.defineProperty;
+var N = Object.getOwnPropertyDescriptor;
+var U = Object.getOwnPropertyNames;
+var Y = Object.prototype.hasOwnProperty;
+var i = (e, t) => b(e, "name", { value: t, configurable: !0 });
+var j = (e, t) => {
+  for (var o in t)
+    b(e, o, { get: t[o], enumerable: !0 });
+}, V = (e, t, o, n) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let r of U(t))
+      !Y.call(e, r) && r !== o && b(e, r, { get: () => t[r], enumerable: !(n = N(t, r)) || n.enumerable });
+  return e;
+};
+var X = (e) => V(b({}, "__esModule", { value: !0 }), e);
+
+// src/backgrounds/preview.ts
+var nt = {};
+j(nt, {
+  default: () => rt
+});
+module.exports = X(nt);
+var F = require("storybook/preview-api");
+
+// src/backgrounds/constants.ts
+var q = "storybook/background", c = "backgrounds";
+var at = {
+  UPDATE: `${q}/update`
+};
+
+// src/backgrounds/decorator.ts
+var E = require("storybook/preview-api");
+
+// src/backgrounds/defaults.ts
+var P = {
+  light: { name: "light", value: "#F8F8F8" },
+  dark: { name: "dark", value: "#333" }
+};
+
+// src/backgrounds/utils.ts
+var { document: a } = globalThis, _ = /* @__PURE__ */ i(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: red\
+uce)")?.matches : !1, "isReduceMotionEnabled"), S = /* @__PURE__ */ i((e) => {
+  (Array.isArray(e) ? e : [e]).forEach(J);
+}, "clearStyles"), J = /* @__PURE__ */ i((e) => {
+  if (!a)
+    return;
+  let t = a.getElementById(e);
+  t && t.parentElement && t.parentElement.removeChild(t);
+}, "clearStyle"), L = /* @__PURE__ */ i((e, t) => {
+  if (!a)
+    return;
+  let o = a.getElementById(e);
+  if (o)
+    o.innerHTML !== t && (o.innerHTML = t);
+  else {
+    let n = a.createElement("style");
+    n.setAttribute("id", e), n.innerHTML = t, a.head.appendChild(n);
+  }
+}, "addGridStyle"), v = /* @__PURE__ */ i((e, t, o) => {
+  if (!a)
+    return;
+  let n = a.getElementById(e);
+  if (n)
+    n.innerHTML !== t && (n.innerHTML = t);
+  else {
+    let r = a.createElement("style");
+    r.setAttribute("id", e), r.innerHTML = t;
+    let d = `addon-backgrounds-grid${o ? `-docs-${o}` : ""}`, l = a.getElementById(d);
+    l ? l.parentElement?.insertBefore(r, l) : a.head.appendChild(r);
+  }
+}, "addBackgroundStyle");
+
+// src/backgrounds/decorator.ts
+var Q = {
+  cellSize: 100,
+  cellAmount: 10,
+  opacity: 0.8
+}, C = "addon-backgrounds", w = "addon-backgrounds-grid", W = _() ? "" : "transition: background-color 0.3s;", I = /* @__PURE__ */ i((e, t) => {
+  let { globals: o = {}, parameters: n = {}, viewMode: r, id: d } = t, {
+    options: l = P,
+    disable: H,
+    grid: K = Q
+  } = n[c] || {}, p = o[c] || {}, A = typeof p == "string" ? p : p?.value, y = A ? l[A] : void 0, h = typeof y == "string" ? y : y?.value ||
+  "transparent", B = typeof p == "string" ? !1 : p.grid || !1, M = !!y && !H, G = r === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
+n", T = r === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", O = n.layout === void 0 || n.layout === "padded", R = r === "docs" ? 20 :
+  O ? 16 : 0, { cellAmount: g, cellSize: s, opacity: u, offsetX: m = R, offsetY: f = R } = K, x = r === "docs" ? `${C}-docs-${d}` : `${C}-co\
+lor`, D = r === "docs" ? d : null;
+  (0, E.useEffect)(() => {
+    let k = `
+    ${G} {
+      background: ${h} !important;
+      ${W}
+      }`;
+    if (!M) {
+      S(x);
+      return;
+    }
+    v(x, k, D);
+  }, [G, x, D, M, h]);
+  let $ = r === "docs" ? `${w}-docs-${d}` : `${w}`;
+  return (0, E.useEffect)(() => {
+    if (!B) {
+      S($);
+      return;
+    }
+    let k = [
+      `${s * g}px ${s * g}px`,
+      `${s * g}px ${s * g}px`,
+      `${s}px ${s}px`,
+      `${s}px ${s}px`
+    ].join(", "), z = `
+        ${T} {
+          background-size: ${k} !important;
+          background-position: ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px !important;
+          background-blend-mode: difference !important;
+          background-image: linear-gradient(rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px) !important;
+        }
+      `;
+    L($, z);
+  }, [g, s, T, $, B, m, f, u]), e();
+}, "withBackgroundAndGrid");
+
+// src/backgrounds/preview.ts
+var Z = [I], tt = {
+  [c]: {
+    grid: {
+      cellSize: 20,
+      opacity: 0.5,
+      cellAmount: 5
+    },
+    disable: !1
+  }
+}, et = {
+  [c]: { value: void 0, grid: !1 }
+}, rt = /* @__PURE__ */ i(() => (0, F.definePreview)({
+  decorators: Z,
+  parameters: tt,
+  initialGlobals: et
+}), "default");

package/dist/backgrounds/preview.d.ts

@@ -0,0 +1,54 @@
+import { Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, StoryIdentifier, StoryContext, PartialStoryFn, LegacyStoryFn } from 'storybook/internal/csf';
+import { NormalizedProjectAnnotations, ProjectAnnotations as ProjectAnnotations$2, ComposedStoryFn } from 'storybook/internal/types';
+
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+interface Renderer extends Renderer$1 {
+}
+
+type MaybePromise<T> = Promise<T> | T;
+type TeardownRenderToCanvas = () => MaybePromise<void>;
+type RenderToCanvas<TRenderer extends Renderer> = (context: RenderContext<TRenderer>, element: TRenderer['canvasElement']) => MaybePromise<void | TeardownRenderToCanvas>;
+interface ProjectAnnotations<TRenderer extends Renderer> extends ProjectAnnotations$1<TRenderer> {
+    addons?: ProjectAnnotations<TRenderer>[];
+    testingLibraryRender?: (...args: never[]) => {
+        unmount: () => void;
+    };
+    renderToCanvas?: RenderToCanvas<TRenderer>;
+}
+declare type RenderContext<TRenderer extends Renderer = Renderer> = StoryIdentifier & {
+    showMain: () => void;
+    showError: (error: {
+        title: string;
+        description: string;
+    }) => void;
+    showException: (err: Error) => void;
+    forceRemount: boolean;
+    storyContext: StoryContext<TRenderer>;
+    storyFn: PartialStoryFn<TRenderer>;
+    unboundStoryFn: LegacyStoryFn<TRenderer>;
+};
+
+declare global {
+    var globalProjectAnnotations: NormalizedProjectAnnotations<any>;
+    var defaultProjectAnnotations: ProjectAnnotations$2<any>;
+}
+type WrappedStoryRef = {
+    __pw_type: 'jsx' | 'importRef';
+};
+type UnwrappedJSXStoryRef = {
+    __pw_type: 'jsx';
+    type: UnwrappedImportStoryRef;
+};
+type UnwrappedImportStoryRef = ComposedStoryFn;
+declare global {
+    function __pwUnwrapObject(storyRef: WrappedStoryRef): Promise<UnwrappedJSXStoryRef | UnwrappedImportStoryRef>;
+}
+
+declare const _default: () => ProjectAnnotations<Renderer>;
+
+export { _default as default };

package/dist/backgrounds/preview.js

@@ -0,0 +1,127 @@
+var O = Object.defineProperty;
+var a = (e, t) => O(e, "name", { value: t, configurable: !0 });
+
+// src/backgrounds/preview.ts
+import { definePreview as j } from "storybook/preview-api";
+
+// src/backgrounds/constants.ts
+var z = "storybook/background", c = "backgrounds";
+var Q = {
+  UPDATE: `${z}/update`
+};
+
+// src/backgrounds/decorator.ts
+import { useEffect as L } from "storybook/preview-api";
+
+// src/backgrounds/defaults.ts
+var R = {
+  light: { name: "light", value: "#F8F8F8" },
+  dark: { name: "dark", value: "#333" }
+};
+
+// src/backgrounds/utils.ts
+var { document: o } = globalThis, D = /* @__PURE__ */ a(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: red\
+uce)")?.matches : !1, "isReduceMotionEnabled"), k = /* @__PURE__ */ a((e) => {
+  (Array.isArray(e) ? e : [e]).forEach(N);
+}, "clearStyles"), N = /* @__PURE__ */ a((e) => {
+  if (!o)
+    return;
+  let t = o.getElementById(e);
+  t && t.parentElement && t.parentElement.removeChild(t);
+}, "clearStyle"), P = /* @__PURE__ */ a((e, t) => {
+  if (!o)
+    return;
+  let s = o.getElementById(e);
+  if (s)
+    s.innerHTML !== t && (s.innerHTML = t);
+  else {
+    let r = o.createElement("style");
+    r.setAttribute("id", e), r.innerHTML = t, o.head.appendChild(r);
+  }
+}, "addGridStyle"), _ = /* @__PURE__ */ a((e, t, s) => {
+  if (!o)
+    return;
+  let r = o.getElementById(e);
+  if (r)
+    r.innerHTML !== t && (r.innerHTML = t);
+  else {
+    let n = o.createElement("style");
+    n.setAttribute("id", e), n.innerHTML = t;
+    let d = `addon-backgrounds-grid${s ? `-docs-${s}` : ""}`, l = o.getElementById(d);
+    l ? l.parentElement?.insertBefore(n, l) : o.head.appendChild(n);
+  }
+}, "addBackgroundStyle");
+
+// src/backgrounds/decorator.ts
+var U = {
+  cellSize: 100,
+  cellAmount: 10,
+  opacity: 0.8
+}, v = "addon-backgrounds", C = "addon-backgrounds-grid", Y = D() ? "" : "transition: background-color 0.3s;", w = /* @__PURE__ */ a((e, t) => {
+  let { globals: s = {}, parameters: r = {}, viewMode: n, id: d } = t, {
+    options: l = R,
+    disable: I,
+    grid: F = U
+  } = r[c] || {}, p = s[c] || {}, S = typeof p == "string" ? p : p?.value, y = S ? l[S] : void 0, E = typeof y == "string" ? y : y?.value ||
+  "transparent", A = typeof p == "string" ? !1 : p.grid || !1, h = !!y && !I, B = n === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
+n", M = n === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", H = r.layout === void 0 || r.layout === "padded", G = n === "docs" ? 20 :
+  H ? 16 : 0, { cellAmount: g, cellSize: i, opacity: u, offsetX: m = G, offsetY: f = G } = F, b = n === "docs" ? `${v}-docs-${d}` : `${v}-co\
+lor`, T = n === "docs" ? d : null;
+  L(() => {
+    let $ = `
+    ${B} {
+      background: ${E} !important;
+      ${Y}
+      }`;
+    if (!h) {
+      k(b);
+      return;
+    }
+    _(b, $, T);
+  }, [B, b, T, h, E]);
+  let x = n === "docs" ? `${C}-docs-${d}` : `${C}`;
+  return L(() => {
+    if (!A) {
+      k(x);
+      return;
+    }
+    let $ = [
+      `${i * g}px ${i * g}px`,
+      `${i * g}px ${i * g}px`,
+      `${i}px ${i}px`,
+      `${i}px ${i}px`
+    ].join(", "), K = `
+        ${M} {
+          background-size: ${$} !important;
+          background-position: ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px !important;
+          background-blend-mode: difference !important;
+          background-image: linear-gradient(rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px) !important;
+        }
+      `;
+    P(x, K);
+  }, [g, i, M, x, A, m, f, u]), e();
+}, "withBackgroundAndGrid");
+
+// src/backgrounds/preview.ts
+var V = [w], X = {
+  [c]: {
+    grid: {
+      cellSize: 20,
+      opacity: 0.5,
+      cellAmount: 5
+    },
+    disable: !1
+  }
+}, q = {
+  [c]: { value: void 0, grid: !1 }
+}, pt = /* @__PURE__ */ a(() => j({
+  decorators: V,
+  parameters: X,
+  initialGlobals: q
+}), "default");
+export {
+  pt as default
+};

package/dist/bin/index.cjs

@@ -1,21 +1,21 @@
 "use strict";
 var n = Object.create;
-var k = Object.defineProperty;
-var i = Object.getOwnPropertyDescriptor;
-var c = Object.getOwnPropertyNames;
+var i = Object.defineProperty;
+var c = Object.getOwnPropertyDescriptor;
+var h = Object.getOwnPropertyNames;
 var d = Object.getPrototypeOf, v = Object.prototype.hasOwnProperty;
-var u = (o, e, a, t) => {
-  if (e && typeof e == "object" || typeof e == "function")
-    for (let l of c(e))
-      !v.call(o, l) && l !== a && k(o, l, { get: () => e[l], enumerable: !(t = i(e, l)) || t.enumerable });
+var u = (o, a, e, r) => {
+  if (a && typeof a == "object" || typeof a == "function")
+    for (let l of h(a))
+      !v.call(o, l) && l !== e && i(o, l, { get: () => a[l], enumerable: !(r = c(a, l)) || r.enumerable });
   return o;
 };
-var h = (o, e, a) => (a = o != null ? n(d(o)) : {}, u(
+var k = (o, a, e) => (e = o != null ? n(d(o)) : {}, u(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  e || !o || !o.__esModule ? k(a, "default", { value: o, enumerable: !0 }) : a,
+  a || !o || !o.__esModule ? i(e, "default", { value: o, enumerable: !0 }) : e,
   o
 ));
 
@@ -24,101 +24,78 @@ var y = require("node:child_process"), b = require("node:fs"), s = require("node
 
 // src/common/versions.ts
 var p = {
-  "@storybook/addon-a11y": "9.0.0-alpha.2",
-  "@storybook/addon-actions": "9.0.0-alpha.2",
-  "@storybook/addon-backgrounds": "9.0.0-alpha.2",
-  "@storybook/addon-controls": "9.0.0-alpha.2",
-  "@storybook/addon-docs": "9.0.0-alpha.2",
-  "@storybook/addon-essentials": "9.0.0-alpha.2",
-  "@storybook/addon-mdx-gfm": "9.0.0-alpha.2",
-  "@storybook/addon-highlight": "9.0.0-alpha.2",
-  "@storybook/addon-interactions": "9.0.0-alpha.2",
-  "@storybook/addon-jest": "9.0.0-alpha.2",
-  "@storybook/addon-links": "9.0.0-alpha.2",
-  "@storybook/addon-measure": "9.0.0-alpha.2",
-  "@storybook/addon-onboarding": "9.0.0-alpha.2",
-  "@storybook/addon-outline": "9.0.0-alpha.2",
-  "@storybook/addon-storysource": "9.0.0-alpha.2",
-  "@storybook/addon-test": "9.0.0-alpha.2",
-  "@storybook/addon-themes": "9.0.0-alpha.2",
-  "@storybook/addon-toolbars": "9.0.0-alpha.2",
-  "@storybook/addon-viewport": "9.0.0-alpha.2",
-  "@storybook/builder-vite": "9.0.0-alpha.2",
-  "@storybook/builder-webpack5": "9.0.0-alpha.2",
-  storybook: "9.0.0-alpha.2",
-  "@storybook/angular": "9.0.0-alpha.2",
-  "@storybook/ember": "9.0.0-alpha.2",
-  "@storybook/experimental-nextjs-vite": "9.0.0-alpha.2",
-  "@storybook/html-vite": "9.0.0-alpha.2",
-  "@storybook/html-webpack5": "9.0.0-alpha.2",
-  "@storybook/nextjs": "9.0.0-alpha.2",
-  "@storybook/preact-vite": "9.0.0-alpha.2",
-  "@storybook/preact-webpack5": "9.0.0-alpha.2",
-  "@storybook/react-native-web-vite": "9.0.0-alpha.2",
-  "@storybook/react-vite": "9.0.0-alpha.2",
-  "@storybook/react-webpack5": "9.0.0-alpha.2",
-  "@storybook/server-webpack5": "9.0.0-alpha.2",
-  "@storybook/svelte-vite": "9.0.0-alpha.2",
-  "@storybook/svelte-webpack5": "9.0.0-alpha.2",
-  "@storybook/sveltekit": "9.0.0-alpha.2",
-  "@storybook/vue3-vite": "9.0.0-alpha.2",
-  "@storybook/vue3-webpack5": "9.0.0-alpha.2",
-  "@storybook/web-components-vite": "9.0.0-alpha.2",
-  "@storybook/web-components-webpack5": "9.0.0-alpha.2",
-  "@storybook/blocks": "9.0.0-alpha.2",
-  sb: "9.0.0-alpha.2",
-  "@storybook/cli": "9.0.0-alpha.2",
-  "@storybook/codemod": "9.0.0-alpha.2",
-  "@storybook/core-webpack": "9.0.0-alpha.2",
-  "create-storybook": "9.0.0-alpha.2",
-  "@storybook/csf-plugin": "9.0.0-alpha.2",
-  "@storybook/react-dom-shim": "9.0.0-alpha.2",
-  "@storybook/source-loader": "9.0.0-alpha.2",
-  "@storybook/test": "9.0.0-alpha.2",
-  "@storybook/preset-create-react-app": "9.0.0-alpha.2",
-  "@storybook/preset-html-webpack": "9.0.0-alpha.2",
-  "@storybook/preset-preact-webpack": "9.0.0-alpha.2",
-  "@storybook/preset-react-webpack": "9.0.0-alpha.2",
-  "@storybook/preset-server-webpack": "9.0.0-alpha.2",
-  "@storybook/preset-svelte-webpack": "9.0.0-alpha.2",
-  "@storybook/preset-vue3-webpack": "9.0.0-alpha.2",
-  "@storybook/html": "9.0.0-alpha.2",
-  "@storybook/preact": "9.0.0-alpha.2",
-  "@storybook/react": "9.0.0-alpha.2",
-  "@storybook/server": "9.0.0-alpha.2",
-  "@storybook/svelte": "9.0.0-alpha.2",
-  "@storybook/vue3": "9.0.0-alpha.2",
-  "@storybook/web-components": "9.0.0-alpha.2"
+  "@storybook/addon-a11y": "9.0.0-alpha.20",
+  "@storybook/addon-docs": "9.0.0-alpha.20",
+  "@storybook/addon-jest": "9.0.0-alpha.20",
+  "@storybook/addon-links": "9.0.0-alpha.20",
+  "@storybook/addon-onboarding": "9.0.0-alpha.20",
+  "@storybook/addon-themes": "9.0.0-alpha.20",
+  "@storybook/addon-vitest": "9.0.0-alpha.20",
+  "@storybook/builder-vite": "9.0.0-alpha.20",
+  "@storybook/builder-webpack5": "9.0.0-alpha.20",
+  storybook: "9.0.0-alpha.20",
+  "@storybook/angular": "9.0.0-alpha.20",
+  "@storybook/ember": "9.0.0-alpha.20",
+  "@storybook/html-vite": "9.0.0-alpha.20",
+  "@storybook/nextjs": "9.0.0-alpha.20",
+  "@storybook/nextjs-vite": "9.0.0-alpha.20",
+  "@storybook/preact-vite": "9.0.0-alpha.20",
+  "@storybook/react-native-web-vite": "9.0.0-alpha.20",
+  "@storybook/react-vite": "9.0.0-alpha.20",
+  "@storybook/react-webpack5": "9.0.0-alpha.20",
+  "@storybook/server-webpack5": "9.0.0-alpha.20",
+  "@storybook/svelte-vite": "9.0.0-alpha.20",
+  "@storybook/sveltekit": "9.0.0-alpha.20",
+  "@storybook/vue3-vite": "9.0.0-alpha.20",
+  "@storybook/web-components-vite": "9.0.0-alpha.20",
+  sb: "9.0.0-alpha.20",
+  "@storybook/cli": "9.0.0-alpha.20",
+  "@storybook/codemod": "9.0.0-alpha.20",
+  "@storybook/core-webpack": "9.0.0-alpha.20",
+  "create-storybook": "9.0.0-alpha.20",
+  "@storybook/csf-plugin": "9.0.0-alpha.20",
+  "@storybook/react-dom-shim": "9.0.0-alpha.20",
+  "@storybook/source-loader": "9.0.0-alpha.20",
+  "@storybook/preset-create-react-app": "9.0.0-alpha.20",
+  "@storybook/preset-react-webpack": "9.0.0-alpha.20",
+  "@storybook/preset-server-webpack": "9.0.0-alpha.20",
+  "@storybook/html": "9.0.0-alpha.20",
+  "@storybook/preact": "9.0.0-alpha.20",
+  "@storybook/react": "9.0.0-alpha.20",
+  "@storybook/server": "9.0.0-alpha.20",
+  "@storybook/svelte": "9.0.0-alpha.20",
+  "@storybook/vue3": "9.0.0-alpha.20",
+  "@storybook/web-components": "9.0.0-alpha.20"
 };
 
 // src/bin/index.ts
-var r = process.argv.slice(2);
-if (["dev", "build", "index"].includes(r[0]))
+var t = process.argv.slice(2);
+if (["dev", "build", "index"].includes(t[0]))
   require("storybook/internal/cli/bin");
 else {
   let o;
-  if (r[0] === "init") {
-    let a;
+  if (t[0] === "init") {
+    let e;
     try {
-      a = require.resolve("create-storybook/package.json");
+      e = require.resolve("create-storybook/package.json");
     } catch {
     }
-    a ? JSON.parse((0, b.readFileSync)(a, "utf-8")).version === p["create-storybook"] && (o = [
+    e ? JSON.parse((0, b.readFileSync)(e, "utf-8")).version === p["create-storybook"] && (o = [
       "node",
-      (0, s.join)((0, s.dirname)(a), "bin", "index.cjs"),
-      ...r.slice(1)
-    ]) : o = ["npx", "--yes", `create-storybook@${p.storybook}`, ...r.slice(1)];
+      (0, s.join)((0, s.dirname)(e), "bin", "index.cjs"),
+      ...t.slice(1)
+    ]) : o = ["npx", "--yes", `create-storybook@${p.storybook}`, ...t.slice(1)];
   } else {
-    let a;
+    let e;
     try {
-      a = require.resolve("@storybook/cli/package.json");
+      e = require.resolve("@storybook/cli/package.json");
     } catch {
     }
-    a ? JSON.parse((0, b.readFileSync)(a, "utf-8")).version === p["@storybook/cli"] && (o = ["node", (0, s.join)((0, s.dirname)(a), "bin", "\
-index.cjs"), ...r]) : o = ["npx", "--yes", `@storybook/cli@${p.storybook}`, ...r];
+    e ? JSON.parse((0, b.readFileSync)(e, "utf-8")).version === p["@storybook/cli"] && (o = ["node", (0, s.join)((0, s.dirname)(e), "bin", "\
+index.cjs"), ...t]) : o = ["npx", "--yes", `@storybook/cli@${p.storybook}`, ...t];
   }
   o || (console.error("Could not run storybook cli, please report this as a bug"), process.exit(1)), (0, y.spawn)(o[0], o.slice(1), { stdio: "\
-inherit", shell: !0 }).on("exit", (a) => {
-    a != null && process.exit(a), process.exit(1);
+inherit", shell: !0 }).on("exit", (e) => {
+    e != null && process.exit(e), process.exit(1);
   });
 }