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

package/dist/_browser-chunks/{chunk-MH6AXFXB.js → chunk-CHUV5WSW.js}

@@ -1,7 +1,3 @@
-import {
-  __name
-} from "./chunk-MM7DTO55.js";
-
 // ../node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
@@ -12,7 +8,6 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-__name(_extends, "_extends");
 
 export {
   _extends

package/dist/_browser-chunks/chunk-EUVGDK4H.js

@@ -0,0 +1,93 @@
+import {
+  EVENT_ID
+} from "./chunk-6XWLIJQL.js";
+
+// src/actions/runtime/configureActions.ts
+var config = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+}, configureActions = (options = {}) => {
+  Object.assign(config, options);
+};
+
+// src/actions/runtime/action.ts
+import { ImplicitActionsDuringRendering } from "storybook/internal/preview-errors";
+import { global } from "@storybook/global";
+import { addons } from "storybook/preview-api";
+var findProto = (obj, callback) => {
+  let proto = Object.getPrototypeOf(obj);
+  return !proto || callback(proto) ? proto : findProto(proto, callback);
+}, isReactSyntheticEvent = (e) => !!(typeof e == "object" && e && findProto(e, (proto) => /^Synthetic(?:Base)?Event$/.test(proto.constructor.name)) && typeof e.persist == "function"), serializeArg = (a) => {
+  if (isReactSyntheticEvent(a)) {
+    let e = Object.create(
+      a.constructor.prototype,
+      Object.getOwnPropertyDescriptors(a)
+    );
+    e.persist();
+    let viewDescriptor = Object.getOwnPropertyDescriptor(e, "view"), view = viewDescriptor?.value;
+    return typeof view == "object" && view?.constructor.name === "Window" && Object.defineProperty(e, "view", {
+      ...viewDescriptor,
+      value: Object.create(view.constructor.prototype)
+    }), e;
+  }
+  return a;
+};
+function action(name, options = {}) {
+  let actionOptions = {
+    ...config,
+    ...options
+  }, handler = function(...args) {
+    if (options.implicit) {
+      let storyRenderer = ("__STORYBOOK_PREVIEW__" in global ? global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+        (render) => render.phase === "playing" || render.phase === "rendering"
+      );
+      if (storyRenderer) {
+        let deprecated = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, error = new ImplicitActionsDuringRendering({
+          phase: storyRenderer.phase,
+          name,
+          deprecated
+        });
+        if (deprecated)
+          console.warn(error);
+        else
+          throw error;
+      }
+    }
+    let channel = addons.getChannel(), id = Date.now().toString(36) + Math.random().toString(36).substring(2), minDepth = 5, serializedArgs = args.map(serializeArg), normalizedArgs = args.length > 1 ? serializedArgs : serializedArgs[0], actionDisplayToEmit = {
+      id,
+      count: 0,
+      data: { name, args: normalizedArgs },
+      options: {
+        ...actionOptions,
+        maxDepth: minDepth + (actionOptions.depth || 3)
+      }
+    };
+    channel.emit(EVENT_ID, actionDisplayToEmit);
+  };
+  return handler.isAction = !0, handler.implicit = options.implicit, handler;
+}
+
+// src/actions/runtime/actions.ts
+var actions = (...args) => {
+  let options = config, names = args;
+  names.length === 1 && Array.isArray(names[0]) && ([names] = names), names.length !== 1 && typeof names[names.length - 1] != "string" && (options = {
+    ...config,
+    ...names.pop()
+  });
+  let namesObject = names[0];
+  (names.length !== 1 || typeof namesObject == "string") && (namesObject = {}, names.forEach((name) => {
+    namesObject[name] = name;
+  }));
+  let actionsObject = {};
+  return Object.keys(namesObject).forEach((name) => {
+    actionsObject[name] = action(namesObject[name], options);
+  }), actionsObject;
+};
+
+export {
+  config,
+  configureActions,
+  action,
+  actions
+};

package/dist/_browser-chunks/chunk-EZSQOHRI.js

@@ -0,0 +1,18 @@
+import {
+  __commonJS
+} from "./chunk-A242L54C.js";
+
+// ../node_modules/picocolors/picocolors.browser.js
+var require_picocolors_browser = __commonJS({
+  "../node_modules/picocolors/picocolors.browser.js"(exports, module) {
+    var x = String, create = function() {
+      return { isColorSupported: !1, reset: x, bold: x, dim: x, italic: x, underline: x, inverse: x, hidden: x, strikethrough: x, black: x, red: x, green: x, yellow: x, blue: x, magenta: x, cyan: x, white: x, gray: x, bgBlack: x, bgRed: x, bgGreen: x, bgYellow: x, bgBlue: x, bgMagenta: x, bgCyan: x, bgWhite: x, blackBright: x, redBright: x, greenBright: x, yellowBright: x, blueBright: x, magentaBright: x, cyanBright: x, whiteBright: x, bgBlackBright: x, bgRedBright: x, bgGreenBright: x, bgYellowBright: x, bgBlueBright: x, bgMagentaBright: x, bgCyanBright: x, bgWhiteBright: x };
+    };
+    module.exports = create();
+    module.exports.createColors = create;
+  }
+});
+
+export {
+  require_picocolors_browser
+};

package/dist/_browser-chunks/{chunk-CADGRH3P.js → chunk-FNXWN6IK.js}

@@ -1,23 +1,18 @@
 // src/backgrounds/constants.ts
-var ADDON_ID = "storybook/background";
-var PARAM_KEY = "backgrounds";
+var ADDON_ID = "storybook/background", PARAM_KEY = "backgrounds";
 var EVENTS = {
   UPDATE: `${ADDON_ID}/update`
 };
 
 // src/measure/constants.ts
-var ADDON_ID2 = "storybook/measure-addon";
-var TOOL_ID = `${ADDON_ID2}/tool`;
-var PARAM_KEY2 = "measureEnabled";
-var EVENTS2 = {
+var ADDON_ID2 = "storybook/measure-addon", TOOL_ID = `${ADDON_ID2}/tool`, PARAM_KEY2 = "measureEnabled", EVENTS2 = {
   RESULT: `${ADDON_ID2}/result`,
   REQUEST: `${ADDON_ID2}/request`,
   CLEAR: `${ADDON_ID2}/clear`
 };
 
 // src/outline/constants.ts
-var ADDON_ID3 = "storybook/outline";
-var PARAM_KEY3 = "outline";
+var ADDON_ID3 = "storybook/outline", PARAM_KEY3 = "outline";
 
 // src/backgrounds/defaults.ts
 var DEFAULT_BACKGROUNDS = {

package/dist/_browser-chunks/chunk-FQ7SLVLR.js

@@ -0,0 +1,66 @@
+// src/storybook-error.ts
+function parseErrorCode({
+  code,
+  category
+}) {
+  let paddedCode = String(code).padStart(4, "0");
+  return `SB_${category}_${paddedCode}`;
+}
+function appendErrorRef(url) {
+  if (/^(?!.*storybook\.js\.org)|[?&]ref=error\b/.test(url))
+    return url;
+  try {
+    let urlObj = new URL(url);
+    return urlObj.searchParams.set("ref", "error"), urlObj.toString();
+  } catch {
+    return url;
+  }
+}
+var StorybookError = class _StorybookError extends Error {
+  constructor(props) {
+    super(_StorybookError.getFullMessage(props));
+    /**
+     * Data associated with the error. Used to provide additional information in the error message or
+     * to be passed to telemetry.
+     */
+    this.data = {};
+    /** Flag used to easily determine if the error originates from Storybook. */
+    this.fromStorybook = !0;
+    /**
+     * Flag used to determine if the error is handled by us and should therefore not be shown to the
+     * user.
+     */
+    this.isHandledError = !1;
+    this.category = props.category, this.documentation = props.documentation ?? !1, this.code = props.code, this.isHandledError = props.isHandledError ?? !1, this.name = props.name;
+  }
+  get fullErrorCode() {
+    return parseErrorCode({ code: this.code, category: this.category });
+  }
+  /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */
+  get name() {
+    let errorName = this._name || this.constructor.name;
+    return `${this.fullErrorCode} (${errorName})`;
+  }
+  set name(name) {
+    this._name = name;
+  }
+  /** Generates the error message along with additional documentation link (if applicable). */
+  static getFullMessage({
+    documentation,
+    code,
+    category,
+    message
+  }) {
+    let page;
+    return documentation === !0 ? page = `https://storybook.js.org/error/${parseErrorCode({ code, category })}?ref=error` : typeof documentation == "string" ? page = appendErrorRef(documentation) : Array.isArray(documentation) && (page = `
+${documentation.map((doc) => `	- ${appendErrorRef(doc)}`).join(`
+`)}`), `${message}${page != null ? `
+
+More info: ${page}
+` : ""}`;
+  }
+};
+
+export {
+  StorybookError
+};

package/dist/_browser-chunks/chunk-GFLS4VP3.js

@@ -0,0 +1,64 @@
+// ../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
+function isPlainObject(value) {
+  if (!value || typeof value != "object")
+    return !1;
+  let proto = Object.getPrototypeOf(value);
+  return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null ? Object.prototype.toString.call(value) === "[object Object]" : !1;
+}
+
+// ../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs
+function isPrimitive(value) {
+  return value == null || typeof value != "object" && typeof value != "function";
+}
+
+// ../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs
+function isTypedArray(x) {
+  return ArrayBuffer.isView(x) && !(x instanceof DataView);
+}
+
+// ../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs
+function getSymbols(object) {
+  return Object.getOwnPropertySymbols(object).filter((symbol) => Object.prototype.propertyIsEnumerable.call(object, symbol));
+}
+
+// ../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs
+function getTag(value) {
+  return value == null ? value === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(value);
+}
+
+// ../node_modules/es-toolkit/dist/compat/_internal/tags.mjs
+var regexpTag = "[object RegExp]", stringTag = "[object String]", numberTag = "[object Number]", booleanTag = "[object Boolean]", argumentsTag = "[object Arguments]", symbolTag = "[object Symbol]", dateTag = "[object Date]", mapTag = "[object Map]", setTag = "[object Set]", arrayTag = "[object Array]", functionTag = "[object Function]", arrayBufferTag = "[object ArrayBuffer]", objectTag = "[object Object]", errorTag = "[object Error]", dataViewTag = "[object DataView]", uint8ArrayTag = "[object Uint8Array]", uint8ClampedArrayTag = "[object Uint8ClampedArray]", uint16ArrayTag = "[object Uint16Array]", uint32ArrayTag = "[object Uint32Array]", bigUint64ArrayTag = "[object BigUint64Array]", int8ArrayTag = "[object Int8Array]", int16ArrayTag = "[object Int16Array]", int32ArrayTag = "[object Int32Array]", bigInt64ArrayTag = "[object BigInt64Array]", float32ArrayTag = "[object Float32Array]", float64ArrayTag = "[object Float64Array]";
+
+export {
+  isPrimitive,
+  isTypedArray,
+  getSymbols,
+  getTag,
+  regexpTag,
+  stringTag,
+  numberTag,
+  booleanTag,
+  argumentsTag,
+  symbolTag,
+  dateTag,
+  mapTag,
+  setTag,
+  arrayTag,
+  functionTag,
+  arrayBufferTag,
+  objectTag,
+  errorTag,
+  dataViewTag,
+  uint8ArrayTag,
+  uint8ClampedArrayTag,
+  uint16ArrayTag,
+  uint32ArrayTag,
+  bigUint64ArrayTag,
+  int8ArrayTag,
+  int16ArrayTag,
+  int32ArrayTag,
+  bigInt64ArrayTag,
+  float32ArrayTag,
+  float64ArrayTag,
+  isPlainObject
+};

package/dist/_browser-chunks/chunk-GFY5R5EY.js

@@ -0,0 +1,47 @@
+import {
+  StorybookError
+} from "./chunk-FQ7SLVLR.js";
+
+// src/manager-errors.ts
+var Category = /* @__PURE__ */ ((Category2) => (Category2.MANAGER_UNCAUGHT = "MANAGER_UNCAUGHT", Category2.MANAGER_UI = "MANAGER_UI", Category2.MANAGER_API = "MANAGER_API", Category2.MANAGER_CLIENT_LOGGER = "MANAGER_CLIENT-LOGGER", Category2.MANAGER_CHANNELS = "MANAGER_CHANNELS", Category2.MANAGER_CORE_EVENTS = "MANAGER_CORE-EVENTS", Category2.MANAGER_ROUTER = "MANAGER_ROUTER", Category2.MANAGER_THEMING = "MANAGER_THEMING", Category2))(Category || {}), ProviderDoesNotExtendBaseProviderError = class extends StorybookError {
+  constructor() {
+    super({
+      name: "ProviderDoesNotExtendBaseProviderError",
+      category: "MANAGER_UI" /* MANAGER_UI */,
+      code: 1,
+      message: "The Provider passed into Storybook's UI is not extended from the base Provider. Please check your Provider implementation."
+    });
+  }
+}, UncaughtManagerError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "UncaughtManagerError",
+      category: "MANAGER_UNCAUGHT" /* MANAGER_UNCAUGHT */,
+      code: 1,
+      message: data.error.message
+    });
+    this.data = data;
+    this.stack = data.error.stack;
+  }
+}, StatusTypeIdMismatchError = class extends StorybookError {
+  constructor(data) {
+    super({
+      name: "StatusTypeIdMismatchError",
+      category: "MANAGER_API" /* MANAGER_API */,
+      code: 1,
+      message: `Status has typeId "${data.status.typeId}" but was added to store with typeId "${data.typeId}". Full status: ${JSON.stringify(
+        data.status,
+        null,
+        2
+      )}`
+    });
+    this.data = data;
+  }
+};
+
+export {
+  Category,
+  ProviderDoesNotExtendBaseProviderError,
+  UncaughtManagerError,
+  StatusTypeIdMismatchError
+};

package/dist/_browser-chunks/{chunk-L2D73C6Z.js → chunk-H6XK3RSC.js}

@@ -1,63 +1,55 @@
 import {
   _objectWithoutPropertiesLoose
-} from "./chunk-VAMFPZY3.js";
-import {
-  __name
-} from "./chunk-MM7DTO55.js";
+} from "./chunk-45UGUKRX.js";
 
 // ../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+  return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
     return typeof o2;
   } : function(o2) {
-    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+    return o2 && typeof Symbol == "function" && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
   }, _typeof(o);
 }
-__name(_typeof, "_typeof");
 
 // ../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
+  if (_typeof(t) != "object" || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
+  if (e !== void 0) {
     var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+    if (_typeof(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (r === "string" ? String : Number)(t);
 }
-__name(toPrimitive, "toPrimitive");
 
 // ../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return _typeof(i) == "symbol" ? i : i + "";
 }
-__name(toPropertyKey, "toPropertyKey");
 
 // ../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
   return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
   }) : e[r] = t, e;
 }
-__name(_defineProperty, "_defineProperty");
 
 // ../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
+  if (e == null) return {};
   var o, r, i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) === -1 && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-__name(_objectWithoutProperties, "_objectWithoutProperties");
 
 export {
   _objectWithoutProperties,

package/dist/_browser-chunks/chunk-IPA5A322.js

@@ -0,0 +1,71 @@
+// src/preview-api/modules/preview-web/render/animation-utils.ts
+function isTestEnvironment() {
+  try {
+    return (
+      // @ts-expect-error This property exists in Vitest browser mode
+      !!globalThis.__vitest_browser__ || !!globalThis.window?.navigator?.userAgent?.match(/StorybookTestRunner/)
+    );
+  } catch {
+    return !1;
+  }
+}
+function pauseAnimations(atEnd = !0) {
+  if (!("document" in globalThis && "createElement" in globalThis.document))
+    return () => {
+    };
+  let disableStyle = document.createElement("style");
+  disableStyle.textContent = `*, *:before, *:after {
+    animation: none !important;
+  }`, document.head.appendChild(disableStyle);
+  let pauseStyle = document.createElement("style");
+  return pauseStyle.textContent = `*, *:before, *:after {
+    animation-delay: 0s !important;
+    animation-direction: ${atEnd ? "reverse" : "normal"} !important;
+    animation-play-state: paused !important;
+    transition: none !important;
+  }`, document.head.appendChild(pauseStyle), document.body.clientHeight, document.head.removeChild(disableStyle), () => {
+    pauseStyle.parentNode?.removeChild(pauseStyle);
+  };
+}
+async function waitForAnimations(signal) {
+  if (!("document" in globalThis && "getAnimations" in globalThis.document && "querySelectorAll" in globalThis.document))
+    return;
+  let timedOut = !1;
+  await Promise.race([
+    // After 50ms, retrieve any running animations and wait for them to finish
+    // If new animations are created while waiting, we'll wait for them too
+    new Promise((resolve) => {
+      setTimeout(() => {
+        let animationRoots = [globalThis.document, ...getShadowRoots(globalThis.document)], checkAnimationsFinished = async () => {
+          if (timedOut || signal?.aborted)
+            return;
+          let runningAnimations = animationRoots.flatMap((el) => el?.getAnimations?.() || []).filter((a) => a.playState === "running" && !isInfiniteAnimation(a));
+          runningAnimations.length > 0 && (await Promise.all(runningAnimations.map((a) => a.finished)), await checkAnimationsFinished());
+        };
+        checkAnimationsFinished().then(resolve);
+      }, 100);
+    }),
+    // If animations don't finish within the timeout, continue without waiting
+    new Promise(
+      (resolve) => setTimeout(() => {
+        timedOut = !0, resolve(void 0);
+      }, 5e3)
+    )
+  ]);
+}
+function getShadowRoots(doc) {
+  return [doc, ...doc.querySelectorAll("*")].reduce((acc, el) => ("shadowRoot" in el && el.shadowRoot && acc.push(el.shadowRoot, ...getShadowRoots(el.shadowRoot)), acc), []);
+}
+function isInfiniteAnimation(anim) {
+  if (anim instanceof CSSAnimation && anim.effect instanceof KeyframeEffect && anim.effect.target) {
+    let style = getComputedStyle(anim.effect.target, anim.effect.pseudoElement), index = style.animationName?.split(", ").indexOf(anim.animationName);
+    return style.animationIterationCount.split(", ")[index] === "infinite";
+  }
+  return !1;
+}
+
+export {
+  isTestEnvironment,
+  pauseAnimations,
+  waitForAnimations
+};

package/dist/_browser-chunks/chunk-JP7NCOJX.js

@@ -0,0 +1,37 @@
+// ../node_modules/ts-dedent/esm/index.js
+function dedent(templ) {
+  for (var values = [], _i = 1; _i < arguments.length; _i++)
+    values[_i - 1] = arguments[_i];
+  var strings = Array.from(typeof templ == "string" ? [templ] : templ);
+  strings[strings.length - 1] = strings[strings.length - 1].replace(/\r?\n([\t ]*)$/, "");
+  var indentLengths = strings.reduce(function(arr, str) {
+    var matches = str.match(/\n([\t ]+|(?!\s).)/g);
+    return matches ? arr.concat(matches.map(function(match) {
+      var _a, _b;
+      return (_b = (_a = match.match(/[\t ]/g)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+    })) : arr;
+  }, []);
+  if (indentLengths.length) {
+    var pattern_1 = new RegExp(`
+[	 ]{` + Math.min.apply(Math, indentLengths) + "}", "g");
+    strings = strings.map(function(str) {
+      return str.replace(pattern_1, `
+`);
+    });
+  }
+  strings[0] = strings[0].replace(/^\r?\n/, "");
+  var string = strings[0];
+  return values.forEach(function(value, i) {
+    var endentations = string.match(/(?:^|\n)( *)$/), endentation = endentations ? endentations[1] : "", indentedValue = value;
+    typeof value == "string" && value.includes(`
+`) && (indentedValue = String(value).split(`
+`).map(function(str, i2) {
+      return i2 === 0 ? str : "" + endentation + str;
+    }).join(`
+`)), string += indentedValue + strings[i + 1];
+  }), string;
+}
+
+export {
+  dedent
+};

package/dist/_browser-chunks/chunk-KJHJLCBK.js

@@ -0,0 +1,11 @@
+// src/highlight/constants.ts
+var ADDON_ID = "storybook/highlight", HIGHLIGHT = `${ADDON_ID}/add`, REMOVE_HIGHLIGHT = `${ADDON_ID}/remove`, RESET_HIGHLIGHT = `${ADDON_ID}/reset`, SCROLL_INTO_VIEW = `${ADDON_ID}/scroll-into-view`, MAX_Z_INDEX = 2147483647, MIN_TOUCH_AREA_SIZE = 28;
+
+export {
+  HIGHLIGHT,
+  REMOVE_HIGHLIGHT,
+  RESET_HIGHLIGHT,
+  SCROLL_INTO_VIEW,
+  MAX_Z_INDEX,
+  MIN_TOUCH_AREA_SIZE
+};