storybook 9.0.0-alpha.8 → 9.0.0-beta.0

package/dist/viewport/index.js

@@ -0,0 +1,290 @@
+// src/viewport/constants.ts
+var e = "storybook/viewport", t = "viewport", o = `${e}/panel`, h = `${e}/tool`;
+
+// src/viewport/defaults.ts
+var p = {
+  iphone5: {
+    name: "iPhone 5",
+    styles: {
+      height: "568px",
+      width: "320px"
+    },
+    type: "mobile"
+  },
+  iphone6: {
+    name: "iPhone 6",
+    styles: {
+      height: "667px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone6p: {
+    name: "iPhone 6 Plus",
+    styles: {
+      height: "736px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphone8p: {
+    name: "iPhone 8 Plus",
+    styles: {
+      height: "736px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphonex: {
+    name: "iPhone X",
+    styles: {
+      height: "812px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphonexr: {
+    name: "iPhone XR",
+    styles: {
+      height: "896px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphonexsmax: {
+    name: "iPhone XS Max",
+    styles: {
+      height: "896px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  iphonese2: {
+    name: "iPhone SE (2nd generation)",
+    styles: {
+      height: "667px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone12mini: {
+    name: "iPhone 12 mini",
+    styles: {
+      height: "812px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone12: {
+    name: "iPhone 12",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone12promax: {
+    name: "iPhone 12 Pro Max",
+    styles: {
+      height: "926px",
+      width: "428px"
+    },
+    type: "mobile"
+  },
+  iphoneSE3: {
+    name: "iPhone SE 3rd generation",
+    styles: {
+      height: "667px",
+      width: "375px"
+    },
+    type: "mobile"
+  },
+  iphone13: {
+    name: "iPhone 13",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone13pro: {
+    name: "iPhone 13 Pro",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone13promax: {
+    name: "iPhone 13 Pro Max",
+    styles: {
+      height: "926px",
+      width: "428px"
+    },
+    type: "mobile"
+  },
+  iphone14: {
+    name: "iPhone 14",
+    styles: {
+      height: "844px",
+      width: "390px"
+    },
+    type: "mobile"
+  },
+  iphone14pro: {
+    name: "iPhone 14 Pro",
+    styles: {
+      height: "852px",
+      width: "393px"
+    },
+    type: "mobile"
+  },
+  iphone14promax: {
+    name: "iPhone 14 Pro Max",
+    styles: {
+      height: "932px",
+      width: "430px"
+    },
+    type: "mobile"
+  },
+  ipad: {
+    name: "iPad",
+    styles: {
+      height: "1024px",
+      width: "768px"
+    },
+    type: "tablet"
+  },
+  ipad10p: {
+    name: "iPad Pro 10.5-in",
+    styles: {
+      height: "1112px",
+      width: "834px"
+    },
+    type: "tablet"
+  },
+  ipad11p: {
+    name: "iPad Pro 11-in",
+    styles: {
+      height: "1194px",
+      width: "834px"
+    },
+    type: "tablet"
+  },
+  ipad12p: {
+    name: "iPad Pro 12.9-in",
+    styles: {
+      height: "1366px",
+      width: "1024px"
+    },
+    type: "tablet"
+  },
+  galaxys5: {
+    name: "Galaxy S5",
+    styles: {
+      height: "640px",
+      width: "360px"
+    },
+    type: "mobile"
+  },
+  galaxys9: {
+    name: "Galaxy S9",
+    styles: {
+      height: "740px",
+      width: "360px"
+    },
+    type: "mobile"
+  },
+  nexus5x: {
+    name: "Nexus 5X",
+    styles: {
+      height: "660px",
+      width: "412px"
+    },
+    type: "mobile"
+  },
+  nexus6p: {
+    name: "Nexus 6P",
+    styles: {
+      height: "732px",
+      width: "412px"
+    },
+    type: "mobile"
+  },
+  pixel: {
+    name: "Pixel",
+    styles: {
+      height: "960px",
+      width: "540px"
+    },
+    type: "mobile"
+  },
+  pixelxl: {
+    name: "Pixel XL",
+    styles: {
+      height: "1280px",
+      width: "720px"
+    },
+    type: "mobile"
+  }
+}, x = p, n = "responsive", l = {
+  mobile1: {
+    name: "Small mobile",
+    styles: {
+      height: "568px",
+      width: "320px"
+    },
+    type: "mobile"
+  },
+  mobile2: {
+    name: "Large mobile",
+    styles: {
+      height: "896px",
+      width: "414px"
+    },
+    type: "mobile"
+  },
+  tablet: {
+    name: "Tablet",
+    styles: {
+      height: "1112px",
+      width: "834px"
+    },
+    type: "tablet"
+  },
+  desktop: {
+    name: "Desktop",
+    styles: {
+      height: "1024px",
+      width: "1280px"
+    },
+    type: "desktop"
+  }
+};
+
+// src/viewport/preview.ts
+import { definePreview as r } from "storybook/preview-api";
+var w = {
+  [t]: { value: void 0, isRotated: !1 }
+};
+
+// src/viewport/responsiveViewport.tsx
+var g = {
+  name: "Reset viewport",
+  styles: {
+    height: "100%",
+    width: "100%"
+  },
+  type: "desktop"
+};
+export {
+  e as ADDON_ID,
+  n as DEFAULT_VIEWPORT,
+  x as INITIAL_VIEWPORTS,
+  l as MINIMAL_VIEWPORTS,
+  o as PANEL_ID,
+  t as PARAM_KEY,
+  h as TOOL_ID,
+  w as initialGlobals,
+  g as responsiveViewport
+};

package/dist/viewport/preview.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var p = Object.defineProperty;
+var c = Object.getOwnPropertyDescriptor;
+var d = Object.getOwnPropertyNames;
+var m = Object.prototype.hasOwnProperty;
+var l = (t, o) => p(t, "name", { value: o, configurable: !0 });
+var x = (t, o) => {
+  for (var r in o)
+    p(t, r, { get: o[r], enumerable: !0 });
+}, A = (t, o, r, i) => {
+  if (o && typeof o == "object" || typeof o == "function")
+    for (let e of d(o))
+      !m.call(t, e) && e !== r && p(t, e, { get: () => o[e], enumerable: !(i = c(o, e)) || i.enumerable });
+  return t;
+};
+var D = (t) => A(p({}, "__esModule", { value: !0 }), t);
+
+// src/viewport/preview.ts
+var b = {};
+x(b, {
+  default: () => _,
+  initialGlobals: () => f
+});
+module.exports = D(b);
+var s = require("storybook/preview-api");
+
+// src/viewport/constants.ts
+var a = "storybook/viewport", n = "viewport", P = `${a}/panel`, R = `${a}/tool`;
+
+// src/viewport/preview.ts
+var f = {
+  [n]: { value: void 0, isRotated: !1 }
+}, _ = /* @__PURE__ */ l(() => (0, s.definePreview)({
+  initialGlobals: f
+}), "default");

package/dist/viewport/preview.d.ts

@@ -0,0 +1,68 @@
+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>;
+}
+
+type GlobalState = {
+    /**
+     * When set, the viewport is applied and cannot be changed using the toolbar. Must match the key
+     * of one of the available viewports.
+     */
+    value: string | undefined;
+    /**
+     * When true the viewport applied will be rotated 90°, e.g. it will rotate from portrait to
+     * landscape orientation.
+     */
+    isRotated: boolean;
+};
+
+declare const initialGlobals: Record<string, GlobalState>;
+declare const _default: () => ProjectAnnotations<Renderer>;
+
+export { _default as default, initialGlobals };

package/dist/viewport/preview.js

@@ -0,0 +1,19 @@
+var i = Object.defineProperty;
+var o = (r, p) => i(r, "name", { value: p, configurable: !0 });
+
+// src/viewport/preview.ts
+import { definePreview as l } from "storybook/preview-api";
+
+// src/viewport/constants.ts
+var t = "storybook/viewport", e = "viewport", s = `${t}/panel`, f = `${t}/tool`;
+
+// src/viewport/preview.ts
+var a = {
+  [e]: { value: void 0, isRotated: !1 }
+}, x = /* @__PURE__ */ o(() => l({
+  initialGlobals: a
+}), "default");
+export {
+  x as default,
+  a as initialGlobals
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "9.0.0-alpha.8",
+  "version": "9.0.0-beta.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -22,9 +22,9 @@
   "sideEffects": false,
   "type": "module",
   "imports": {
-    "#manager-status-store": {
-      "storybook": "./src/manager/status-store.mock.ts",
-      "default": "./src/manager/status-store.ts"
+    "#manager-stores": {
+      "storybook": "./src/manager/manager-stores.mock.ts",
+      "default": "./src/manager/manager-stores.ts"
     },
     "#utils": {
       "storybook": "./template/stories/utils.mock.ts",
@@ -83,6 +83,86 @@
       "import": "./dist/core-server/presets/common-override-preset.js",
       "require": "./dist/core-server/presets/common-override-preset.cjs"
     },
+    "./internal/backgrounds": {
+      "types": "./dist/backgrounds/index.d.ts",
+      "import": "./dist/backgrounds/index.js",
+      "require": "./dist/backgrounds/index.cjs"
+    },
+    "./backgrounds": {
+      "types": "./dist/backgrounds/index.d.ts",
+      "import": "./dist/backgrounds/index.js",
+      "require": "./dist/backgrounds/index.cjs"
+    },
+    "./internal/backgrounds/preview": {
+      "types": "./dist/backgrounds/preview.d.ts",
+      "import": "./dist/backgrounds/preview.js",
+      "require": "./dist/backgrounds/preview.cjs"
+    },
+    "./backgrounds/preview": {
+      "types": "./dist/backgrounds/preview.d.ts",
+      "import": "./dist/backgrounds/preview.js",
+      "require": "./dist/backgrounds/preview.cjs"
+    },
+    "./internal/measure": {
+      "types": "./dist/measure/index.d.ts",
+      "import": "./dist/measure/index.js",
+      "require": "./dist/measure/index.cjs"
+    },
+    "./measure": {
+      "types": "./dist/measure/index.d.ts",
+      "import": "./dist/measure/index.js",
+      "require": "./dist/measure/index.cjs"
+    },
+    "./internal/measure/preview": {
+      "types": "./dist/measure/preview.d.ts",
+      "import": "./dist/measure/preview.js",
+      "require": "./dist/measure/preview.cjs"
+    },
+    "./measure/preview": {
+      "types": "./dist/measure/preview.d.ts",
+      "import": "./dist/measure/preview.js",
+      "require": "./dist/measure/preview.cjs"
+    },
+    "./internal/outline": {
+      "types": "./dist/outline/index.d.ts",
+      "import": "./dist/outline/index.js",
+      "require": "./dist/outline/index.cjs"
+    },
+    "./outline": {
+      "types": "./dist/outline/index.d.ts",
+      "import": "./dist/outline/index.js",
+      "require": "./dist/outline/index.cjs"
+    },
+    "./internal/outline/preview": {
+      "types": "./dist/outline/preview.d.ts",
+      "import": "./dist/outline/preview.js",
+      "require": "./dist/outline/preview.cjs"
+    },
+    "./outline/preview": {
+      "types": "./dist/outline/preview.d.ts",
+      "import": "./dist/outline/preview.js",
+      "require": "./dist/outline/preview.cjs"
+    },
+    "./internal/highlight": {
+      "types": "./dist/highlight/index.d.ts",
+      "import": "./dist/highlight/index.js",
+      "require": "./dist/highlight/index.cjs"
+    },
+    "./highlight": {
+      "types": "./dist/highlight/index.d.ts",
+      "import": "./dist/highlight/index.js",
+      "require": "./dist/highlight/index.cjs"
+    },
+    "./internal/highlight/preview": {
+      "types": "./dist/highlight/preview.d.ts",
+      "import": "./dist/highlight/preview.js",
+      "require": "./dist/highlight/preview.cjs"
+    },
+    "./highlight/preview": {
+      "types": "./dist/highlight/preview.d.ts",
+      "import": "./dist/highlight/preview.js",
+      "require": "./dist/highlight/preview.cjs"
+    },
     "./internal/actions": {
       "types": "./dist/actions/index.d.ts",
       "import": "./dist/actions/index.js",
@@ -103,12 +183,6 @@
       "import": "./dist/actions/preview.js",
       "require": "./dist/actions/preview.cjs"
     },
-    "./internal/actions/manager": {
-      "import": "./dist/actions/manager.js"
-    },
-    "./actions/manager": {
-      "import": "./dist/actions/manager.js"
-    },
     "./internal/actions/decorator": {
       "types": "./dist/actions/decorator.d.ts",
       "import": "./dist/actions/decorator.js"
@@ -117,6 +191,50 @@
       "types": "./dist/actions/decorator.d.ts",
       "import": "./dist/actions/decorator.js"
     },
+    "./internal/component-testing": {
+      "types": "./dist/component-testing/index.d.ts",
+      "import": "./dist/component-testing/index.js",
+      "require": "./dist/component-testing/index.cjs"
+    },
+    "./internal/component-testing/preview": {
+      "types": "./dist/component-testing/preview.d.ts",
+      "import": "./dist/component-testing/preview.js",
+      "require": "./dist/component-testing/preview.cjs"
+    },
+    "./internal/viewport": {
+      "types": "./dist/viewport/index.d.ts",
+      "import": "./dist/viewport/index.js",
+      "require": "./dist/viewport/index.cjs"
+    },
+    "./viewport": {
+      "types": "./dist/viewport/index.d.ts",
+      "import": "./dist/viewport/index.js",
+      "require": "./dist/viewport/index.cjs"
+    },
+    "./internal/viewport/preview": {
+      "types": "./dist/viewport/preview.d.ts",
+      "import": "./dist/viewport/preview.js",
+      "require": "./dist/viewport/preview.cjs"
+    },
+    "./viewport/preview": {
+      "types": "./dist/viewport/preview.d.ts",
+      "import": "./dist/viewport/preview.js",
+      "require": "./dist/viewport/preview.cjs"
+    },
+    "./internal/controls": {
+      "types": "./dist/controls/index.d.ts",
+      "import": "./dist/controls/index.js",
+      "require": "./dist/controls/index.cjs"
+    },
+    "./internal/controls/preview": {
+      "types": "./dist/controls/preview.d.ts",
+      "import": "./dist/controls/preview.js",
+      "require": "./dist/controls/preview.cjs"
+    },
+    "./internal/controls/decorator": {
+      "types": "./dist/controls/decorator.d.ts",
+      "import": "./dist/controls/decorator.js"
+    },
     "./internal/core-events": {
       "types": "./dist/core-events/index.d.ts",
       "import": "./dist/core-events/index.js",
@@ -312,6 +430,54 @@
       "internal/core-server": [
         "./dist/core-server/index.d.ts"
       ],
+      "internal/backgrounds": [
+        "./dist/backgrounds/index.d.ts"
+      ],
+      "backgrounds": [
+        "./dist/backgrounds/index.d.ts"
+      ],
+      "internal/backgrounds/preview": [
+        "./dist/backgrounds/preview.d.ts"
+      ],
+      "backgrounds/preview": [
+        "./dist/backgrounds/preview.d.ts"
+      ],
+      "internal/measure": [
+        "./dist/measure/index.d.ts"
+      ],
+      "measure": [
+        "./dist/measure/index.d.ts"
+      ],
+      "internal/measure/preview": [
+        "./dist/measure/preview.d.ts"
+      ],
+      "measure/preview": [
+        "./dist/measure/preview.d.ts"
+      ],
+      "internal/outline": [
+        "./dist/outline/index.d.ts"
+      ],
+      "outline": [
+        "./dist/outline/index.d.ts"
+      ],
+      "internal/outline/preview": [
+        "./dist/outline/preview.d.ts"
+      ],
+      "outline/preview": [
+        "./dist/outline/preview.d.ts"
+      ],
+      "internal/highlight": [
+        "./dist/highlight/index.d.ts"
+      ],
+      "highlight": [
+        "./dist/highlight/index.d.ts"
+      ],
+      "internal/highlight/preview": [
+        "./dist/highlight/preview.d.ts"
+      ],
+      "highlight/preview": [
+        "./dist/highlight/preview.d.ts"
+      ],
       "internal/actions": [
         "./dist/actions/index.d.ts"
       ],
@@ -330,6 +496,33 @@
       "actions/decorator": [
         "./dist/actions/decorator.d.ts"
       ],
+      "internal/component-testing": [
+        "./dist/component-testing/index.d.ts"
+      ],
+      "internal/component-testing/preview": [
+        "./dist/component-testing/preview.d.ts"
+      ],
+      "internal/viewport": [
+        "./dist/viewport/index.d.ts"
+      ],
+      "viewport": [
+        "./dist/viewport/index.d.ts"
+      ],
+      "internal/viewport/preview": [
+        "./dist/viewport/preview.d.ts"
+      ],
+      "viewport/preview": [
+        "./dist/viewport/preview.d.ts"
+      ],
+      "internal/controls": [
+        "./dist/controls/index.d.ts"
+      ],
+      "internal/controls/preview": [
+        "./dist/controls/preview.d.ts"
+      ],
+      "internal/controls/decorator": [
+        "./dist/controls/decorator.d.ts"
+      ],
       "internal/core-events": [
         "./dist/core-events/index.d.ts"
       ],
@@ -450,7 +643,6 @@
     "better-opn": "^3.0.2",
     "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
     "esbuild-register": "^3.5.0",
-    "jsdoc-type-pratt-parser": "^4.0.0",
     "polished": "^4.2.2",
     "recast": "^0.23.5",
     "semver": "^7.6.2",
@@ -465,6 +657,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/traverse": "^7.26.9",
     "@babel/types": "^7.26.8",
+    "@devtools-ds/object-inspector": "^1.1.2",
     "@discoveryjs/json-ext": "^0.5.3",
     "@emotion/cache": "^11.14.0",
     "@emotion/is-prop-valid": "^1.3.1",
@@ -538,6 +731,7 @@
     "globby": "^14.0.1",
     "jiti": "^1.21.6",
     "js-yaml": "^4.1.0",
+    "jsdoc-type-pratt-parser": "^4.0.0",
     "lazy-universal-dotenv": "^4.0.0",
     "leven": "^4.0.0",
     "markdown-to-jsx": "^7.7.2",
@@ -572,8 +766,9 @@
     "slash": "^5.0.0",
     "source-map": "^0.7.4",
     "store2": "^2.14.2",
+    "strip-ansi": "^7.1.0",
     "strip-json-comments": "^5.0.1",
-    "telejson": "^7.2.0",
+    "telejson": "8.0.0",
     "tiny-invariant": "^1.3.1",
     "tinyspy": "^3.0.2",
     "ts-dedent": "^2.0.0",