@storybook/addon-docs 11.0.0-alpha.0 → 11.0.0-alpha.2

package/dist/blocks.js

@@ -1,7 +1,8 @@
 import {
   getControlId,
-  getControlSetterButtonId
-} from "./_browser-chunks/chunk-QQBDHPVZ.js";
+  getControlSetterButtonId,
+  globalThis_
+} from "./_browser-chunks/chunk-B2IUWPZU.js";
 import {
   EmptyBlock,
   SnippetWarning,
@@ -48,24 +49,24 @@ var dataViewTag = "[object DataView]", uint8ArrayTag = "[object Uint8Array]", ui
 var int8ArrayTag = "[object Int8Array]", int16ArrayTag = "[object Int16Array]", int32ArrayTag = "[object Int32Array]";
 var float32ArrayTag = "[object Float32Array]", float64ArrayTag = "[object Float64Array]";
 
+// ../../../node_modules/es-toolkit/dist/predicate/isBuffer.mjs
+function isBuffer(x2) {
+  return typeof globalThis_.Buffer < "u" && globalThis_.Buffer.isBuffer(x2);
+}
+
 // ../../../node_modules/es-toolkit/dist/object/cloneDeepWith.mjs
 function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @__PURE__ */ new Map(), cloneValue = void 0) {
   let cloned = cloneValue?.(valueToClone, keyToClone, objectToClone, stack);
-  if (cloned !== void 0)
-    return cloned;
-  if (isPrimitive(valueToClone))
-    return valueToClone;
-  if (stack.has(valueToClone))
-    return stack.get(valueToClone);
+  if (cloned !== void 0) return cloned;
+  if (isPrimitive(valueToClone)) return valueToClone;
+  if (stack.has(valueToClone)) return stack.get(valueToClone);
   if (Array.isArray(valueToClone)) {
     let result = new Array(valueToClone.length);
     stack.set(valueToClone, result);
-    for (let i2 = 0; i2 < valueToClone.length; i2++)
-      result[i2] = cloneDeepWithImpl(valueToClone[i2], i2, objectToClone, stack, cloneValue);
+    for (let i2 = 0; i2 < valueToClone.length; i2++) result[i2] = cloneDeepWithImpl(valueToClone[i2], i2, objectToClone, stack, cloneValue);
     return Object.hasOwn(valueToClone, "index") && (result.index = valueToClone.index), Object.hasOwn(valueToClone, "input") && (result.input = valueToClone.input), result;
   }
-  if (valueToClone instanceof Date)
-    return new Date(valueToClone.getTime());
+  if (valueToClone instanceof Date) return new Date(valueToClone.getTime());
   if (valueToClone instanceof RegExp) {
     let result = new RegExp(valueToClone.source, valueToClone.flags);
     return result.lastIndex = valueToClone.lastIndex, result;
@@ -73,36 +74,29 @@ function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @
   if (valueToClone instanceof Map) {
     let result = /* @__PURE__ */ new Map();
     stack.set(valueToClone, result);
-    for (let [key, value] of valueToClone)
-      result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));
+    for (let [key, value] of valueToClone) result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));
     return result;
   }
   if (valueToClone instanceof Set) {
     let result = /* @__PURE__ */ new Set();
     stack.set(valueToClone, result);
-    for (let value of valueToClone)
-      result.add(cloneDeepWithImpl(value, void 0, objectToClone, stack, cloneValue));
+    for (let value of valueToClone) result.add(cloneDeepWithImpl(value, void 0, objectToClone, stack, cloneValue));
     return result;
   }
-  if (typeof Buffer < "u" && Buffer.isBuffer(valueToClone))
-    return valueToClone.subarray();
+  if (isBuffer(valueToClone)) return valueToClone.subarray();
   if (isTypedArray(valueToClone)) {
     let result = new (Object.getPrototypeOf(valueToClone)).constructor(valueToClone.length);
     stack.set(valueToClone, result);
-    for (let i2 = 0; i2 < valueToClone.length; i2++)
-      result[i2] = cloneDeepWithImpl(valueToClone[i2], i2, objectToClone, stack, cloneValue);
+    for (let i2 = 0; i2 < valueToClone.length; i2++) result[i2] = cloneDeepWithImpl(valueToClone[i2], i2, objectToClone, stack, cloneValue);
     return result;
   }
-  if (valueToClone instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && valueToClone instanceof SharedArrayBuffer)
-    return valueToClone.slice(0);
+  if (valueToClone instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && valueToClone instanceof SharedArrayBuffer) return valueToClone.slice(0);
   if (valueToClone instanceof DataView) {
     let result = new DataView(valueToClone.buffer.slice(0), valueToClone.byteOffset, valueToClone.byteLength);
     return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
   }
   if (typeof File < "u" && valueToClone instanceof File) {
-    let result = new File([valueToClone], valueToClone.name, {
-      type: valueToClone.type
-    });
+    let result = new File([valueToClone], valueToClone.name, { type: valueToClone.type });
     return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
   }
   if (typeof Blob < "u" && valueToClone instanceof Blob) {
@@ -110,8 +104,8 @@ function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @
     return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
   }
   if (valueToClone instanceof Error) {
-    let result = new valueToClone.constructor();
-    return stack.set(valueToClone, result), result.message = valueToClone.message, result.name = valueToClone.name, result.stack = valueToClone.stack, result.cause = valueToClone.cause, copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+    let result = structuredClone(valueToClone);
+    return stack.set(valueToClone, result), result.message = valueToClone.message, result.name = valueToClone.name, result.stack = valueToClone.stack, result.cause = valueToClone.cause, result.constructor = valueToClone.constructor, copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
   }
   if (valueToClone instanceof Boolean) {
     let result = new Boolean(valueToClone.valueOf());
@@ -177,8 +171,8 @@ function cloneDeep(obj) {
 function pickBy(obj, shouldPick) {
   let result = {}, keys = Object.keys(obj);
   for (let i2 = 0; i2 < keys.length; i2++) {
-    let key = keys[i2], value = obj[key];
-    shouldPick(value, key) && (result[key] = value);
+    let key = keys[i2], objectKey = key, value = obj[objectKey];
+    shouldPick(value, key) && (result[objectKey] = value);
   }
   return result;
 }
@@ -2806,7 +2800,7 @@ var FilesControl = ({
 };
 
 // src/blocks/controls/index.tsx
-var LazyColorControl = lazy(() => import("./_browser-chunks/Color-6AOWCN3U.js")), ColorControl = (props) => React15.createElement(Suspense, { fallback: React15.createElement("div", null) }, React15.createElement(LazyColorControl, { ...props }));
+var LazyColorControl = lazy(() => import("./_browser-chunks/Color-A4XNZHQV.js")), ColorControl = (props) => React15.createElement(Suspense, { fallback: React15.createElement("div", null) }, React15.createElement(LazyColorControl, { ...props }));
 
 // src/blocks/components/ArgsTable/ArgControl.tsx
 var Controls2 = {
@@ -3098,7 +3092,7 @@ var Name = styled14.span({ fontWeight: "bold" }), Required = styled14.span(({ th
     }
   }
 }), toSummary = (value) => value && { summary: typeof value == "string" ? value : value.name }, ArgRow = (props) => {
-  let { row, updateArgs, compact: compact2, expandable, initialExpandedArgs, docsLang } = props, { name, description } = row, table = row.table || {}, type = table.type || toSummary(row.type), defaultValue = table.defaultValue || row.defaultValue, required = row.type?.required, hasDescription = description != null && description !== "";
+  let { row, updateArgs, compact: compact2, expandable, initialExpandedArgs, docsLang } = props, { name, description } = row, table = row.table || {}, type = table.type || toSummary(row.type), defaultValue = table.defaultValue, required = row.type?.required, hasDescription = description != null && description !== "";
   return React19.createElement(StyledTr, null, React19.createElement(StyledTd, { expandable: expandable ?? !1 }, React19.createElement(Name, null, name), required ? React19.createElement(Required, { "aria-hidden": !0, title: "Required" }, "*") : null), compact2 ? null : React19.createElement("td", null, hasDescription && React19.createElement(Description, { lang: docsLang }, React19.createElement(index_modern_default, null, description)), table.jsDocTags != null ? React19.createElement(React19.Fragment, null, React19.createElement(TypeWithJsDoc, { hasDescription }, React19.createElement(ArgValue, { value: type, initialExpandedArgs })), React19.createElement(ArgJsDoc, { tags: table.jsDocTags })) : React19.createElement(Type, { hasDescription }, React19.createElement(ArgValue, { value: type, initialExpandedArgs }))), compact2 ? null : React19.createElement("td", null, React19.createElement(ArgValue, { value: defaultValue, initialExpandedArgs })), updateArgs ? React19.createElement("td", null, React19.createElement(ArgControl, { ...props, isRequired: !!required })) : null);
 };
 
@@ -3988,86 +3982,87 @@ import { logger as logger4 } from "storybook/internal/client-logger";
 import { Bar, Button as Button7, ToggleButton as ToggleButton2, Zoom } from "storybook/internal/components";
 import { CopyIcon, MarkupIcon } from "@storybook/icons";
 
-// ../../../node_modules/@react-aria/utils/dist/useLayoutEffect.mjs
-import $HgANd$react from "react";
-var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document < "u" ? $HgANd$react.useLayoutEffect : () => {
+// ../../../node_modules/react-aria/dist/private/utils/useLayoutEffect.mjs
+import $3ARPR$react from "react";
+var $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document < "u" ? $3ARPR$react.useLayoutEffect : () => {
 };
 
-// ../../../node_modules/@react-aria/utils/dist/useValueEffect.mjs
-import { useState as $fCAlL$useState, useRef as $fCAlL$useRef, useCallback as $fCAlL$useCallback } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useId.mjs
-import { useState as $eKkEp$useState, useRef as $eKkEp$useRef, useEffect as $eKkEp$useEffect, useCallback as $eKkEp$useCallback } from "react";
-
-// ../../../node_modules/@react-aria/ssr/dist/SSRProvider.mjs
-import $670gB$react, { useContext as $670gB$useContext, useState as $670gB$useState, useMemo as $670gB$useMemo, useLayoutEffect as $670gB$useLayoutEffect, useRef as $670gB$useRef } from "react";
-var $b5e257d569688ac6$var$defaultContext = {
+// ../../../node_modules/react-aria/dist/private/ssr/SSRProvider.mjs
+import $bl59K$react, { useContext as $bl59K$useContext, useState as $bl59K$useState, useMemo as $bl59K$useMemo, useLayoutEffect as $bl59K$useLayoutEffect, useRef as $bl59K$useRef } from "react";
+var $c7eafbbe1ea5834e$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, $b5e257d569688ac6$var$SSRContext = $670gB$react.createContext($b5e257d569688ac6$var$defaultContext), $b5e257d569688ac6$var$IsSSRContext = $670gB$react.createContext(!1);
-var $b5e257d569688ac6$var$canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
-function $b5e257d569688ac6$var$useCounter(isDisabled = !1) {
-  let ctx = $670gB$useContext($b5e257d569688ac6$var$SSRContext), ref = $670gB$useRef(null);
+}, $c7eafbbe1ea5834e$var$SSRContext = $bl59K$react.createContext($c7eafbbe1ea5834e$var$defaultContext), $c7eafbbe1ea5834e$var$IsSSRContext = $bl59K$react.createContext(!1);
+var $c7eafbbe1ea5834e$var$canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), $c7eafbbe1ea5834e$var$componentIds = /* @__PURE__ */ new WeakMap();
+function $c7eafbbe1ea5834e$var$useCounter(isDisabled = !1) {
+  let ctx = $bl59K$useContext($c7eafbbe1ea5834e$var$SSRContext), ref = $bl59K$useRef(null);
   if (ref.current === null && !isDisabled) {
-    var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = $670gB$react.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 || (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+    let currentOwner = (
+      // @ts-ignore
+      $bl59K$react.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current
+    );
     if (currentOwner) {
-      let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
-      prevComponentValue == null ? $b5e257d569688ac6$var$componentIds.set(currentOwner, {
+      let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
+      prevComponentValue == null ? $c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
         id: ctx.current,
         state: currentOwner.memoizedState
-      }) : currentOwner.memoizedState !== prevComponentValue.state && (ctx.current = prevComponentValue.id, $b5e257d569688ac6$var$componentIds.delete(currentOwner));
+      }) : currentOwner.memoizedState !== prevComponentValue.state && (ctx.current = prevComponentValue.id, $c7eafbbe1ea5834e$var$componentIds.delete(currentOwner));
     }
     ref.current = ++ctx.current;
   }
   return ref.current;
 }
-function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
-  let ctx = $670gB$useContext($b5e257d569688ac6$var$SSRContext);
-  ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM && process.env.NODE_ENV !== "production" && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let counter = $b5e257d569688ac6$var$useCounter(!!defaultId), prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
+function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
+  let ctx = $bl59K$useContext($c7eafbbe1ea5834e$var$SSRContext);
+  ctx === $c7eafbbe1ea5834e$var$defaultContext && !$c7eafbbe1ea5834e$var$canUseDOM && process.env.NODE_ENV !== "production" && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId), prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
   return defaultId || `${prefix}-${counter}`;
 }
-function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
-  let id = $670gB$react.useId(), [didSSR] = $670gB$useState($b5e257d569688ac6$export$535bd6ca7f90a273()), prefix = didSSR || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
+  let id = $bl59K$react.useId(), [didSSR] = $bl59K$useState($c7eafbbe1ea5834e$export$535bd6ca7f90a273()), prefix = didSSR || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
   return defaultId || `${prefix}-${id}`;
 }
-var $b5e257d569688ac6$export$619500959fc48b26 = typeof $670gB$react.useId == "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
-function $b5e257d569688ac6$var$getSnapshot() {
+var $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof $bl59K$react.useId == "function" ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
+function $c7eafbbe1ea5834e$var$getSnapshot() {
   return !1;
 }
-function $b5e257d569688ac6$var$getServerSnapshot() {
+function $c7eafbbe1ea5834e$var$getServerSnapshot() {
   return !0;
 }
-function $b5e257d569688ac6$var$subscribe(onStoreChange) {
+function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
   return () => {
   };
 }
-function $b5e257d569688ac6$export$535bd6ca7f90a273() {
-  return typeof $670gB$react.useSyncExternalStore == "function" ? $670gB$react.useSyncExternalStore($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot) : $670gB$useContext($b5e257d569688ac6$var$IsSSRContext);
+function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
+  return typeof $bl59K$react.useSyncExternalStore == "function" ? $bl59K$react.useSyncExternalStore($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot) : $bl59K$useContext($c7eafbbe1ea5834e$var$IsSSRContext);
 }
 
-// ../../../node_modules/@react-aria/utils/dist/useId.mjs
-var $bdb11010cef70236$var$canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map(), $bdb11010cef70236$var$registry;
-typeof FinalizationRegistry < "u" && ($bdb11010cef70236$var$registry = new FinalizationRegistry((heldValue) => {
-  $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
+// ../../../node_modules/react-aria/dist/private/utils/useValueEffect.mjs
+import { useState as $dPTrK$useState, useRef as $dPTrK$useRef, useCallback as $dPTrK$useCallback } from "react";
+
+// ../../../node_modules/react-aria/dist/private/utils/useId.mjs
+import { useState as $4QKZm$useState, useRef as $4QKZm$useRef, useEffect as $4QKZm$useEffect, useCallback as $4QKZm$useCallback } from "react";
+var $390e54f620492c70$var$canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), $390e54f620492c70$export$d41a04c74483c6ef = /* @__PURE__ */ new Map(), $390e54f620492c70$var$registry;
+typeof FinalizationRegistry < "u" && ($390e54f620492c70$var$registry = new FinalizationRegistry((heldValue) => {
+  $390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
 }));
-function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
-  let [value, setValue] = $eKkEp$useState(defaultId), nextId = $eKkEp$useRef(null), res = $b5e257d569688ac6$export$619500959fc48b26(value), cleanupRef = $eKkEp$useRef(null);
-  if ($bdb11010cef70236$var$registry && $bdb11010cef70236$var$registry.register(cleanupRef, res), $bdb11010cef70236$var$canUseDOM) {
-    let cacheIdRef = $bdb11010cef70236$export$d41a04c74483c6ef.get(res);
-    cacheIdRef && !cacheIdRef.includes(nextId) ? cacheIdRef.push(nextId) : $bdb11010cef70236$export$d41a04c74483c6ef.set(res, [
+var $390e54f620492c70$var$registeredIds = /* @__PURE__ */ new WeakMap();
+function $390e54f620492c70$export$f680877a34711e37(defaultId) {
+  let [value, setValue] = $4QKZm$useState(defaultId), nextId = $4QKZm$useRef(null), res = $c7eafbbe1ea5834e$export$619500959fc48b26(value), cleanupRef = $4QKZm$useRef(null), registeredId = $390e54f620492c70$var$registeredIds.get(cleanupRef);
+  if ($390e54f620492c70$var$registry && registeredId !== res && (registeredId != null && $390e54f620492c70$var$registry.unregister(cleanupRef), $390e54f620492c70$var$registry.register(cleanupRef, res, cleanupRef), $390e54f620492c70$var$registeredIds.set(cleanupRef, res)), $390e54f620492c70$var$canUseDOM) {
+    let cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
+    cacheIdRef && !cacheIdRef.includes(nextId) ? cacheIdRef.push(nextId) : $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
       nextId
     ]);
   }
-  return $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+  return $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
     let r2 = res;
     return () => {
-      $bdb11010cef70236$var$registry && $bdb11010cef70236$var$registry.unregister(cleanupRef), $bdb11010cef70236$export$d41a04c74483c6ef.delete(r2);
+      $390e54f620492c70$var$registry && ($390e54f620492c70$var$registry.unregister(cleanupRef), $390e54f620492c70$var$registeredIds.delete(cleanupRef)), $390e54f620492c70$export$d41a04c74483c6ef.delete(r2);
     };
   }, [
     res
-  ]), $eKkEp$useEffect(() => {
+  ]), $4QKZm$useEffect(() => {
     let newId = nextId.current;
     return newId && setValue(newId), () => {
       newId && (nextId.current = null);
@@ -4075,231 +4070,6 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
   }), res;
 }
 
-// ../../../node_modules/@react-aria/utils/dist/focusWithoutScrolling.mjs
-function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
-  if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({
-    preventScroll: !0
-  });
-  else {
-    let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);
-    element.focus(), $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);
-  }
-}
-var $7215afc6de606d6b$var$supportsPreventScrollCached = null;
-function $7215afc6de606d6b$var$supportsPreventScroll() {
-  if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {
-    $7215afc6de606d6b$var$supportsPreventScrollCached = !1;
-    try {
-      document.createElement("div").focus({
-        get preventScroll() {
-          return $7215afc6de606d6b$var$supportsPreventScrollCached = !0, !0;
-        }
-      });
-    } catch {
-    }
-  }
-  return $7215afc6de606d6b$var$supportsPreventScrollCached;
-}
-function $7215afc6de606d6b$var$getScrollableElements(element) {
-  let parent = element.parentNode, scrollableElements = [], rootScrollingElement = document.scrollingElement || document.documentElement;
-  for (; parent instanceof HTMLElement && parent !== rootScrollingElement; )
-    (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) && scrollableElements.push({
-      element: parent,
-      scrollTop: parent.scrollTop,
-      scrollLeft: parent.scrollLeft
-    }), parent = parent.parentNode;
-  return rootScrollingElement instanceof HTMLElement && scrollableElements.push({
-    element: rootScrollingElement,
-    scrollTop: rootScrollingElement.scrollTop,
-    scrollLeft: rootScrollingElement.scrollLeft
-  }), scrollableElements;
-}
-function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
-  for (let { element, scrollTop, scrollLeft } of scrollableElements)
-    element.scrollTop = scrollTop, element.scrollLeft = scrollLeft;
-}
-
-// ../../../node_modules/@react-aria/utils/dist/platform.mjs
-function $c87311424ea30a05$var$testUserAgent(re2) {
-  var _window_navigator_userAgentData;
-  if (typeof window > "u" || window.navigator == null) return !1;
-  let brands = (_window_navigator_userAgentData = window.navigator.userAgentData) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands;
-  return Array.isArray(brands) && brands.some((brand) => re2.test(brand.brand)) || re2.test(window.navigator.userAgent);
-}
-function $c87311424ea30a05$var$testPlatform(re2) {
-  var _window_navigator_userAgentData;
-  return typeof window < "u" && window.navigator != null ? re2.test(((_window_navigator_userAgentData = window.navigator.userAgentData) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : !1;
-}
-function $c87311424ea30a05$var$cached(fn) {
-  if (process.env.NODE_ENV === "test") return fn;
-  let res = null;
-  return () => (res == null && (res = fn()), res);
-}
-var $c87311424ea30a05$export$9ac100e40613ea10 = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
-}), $c87311424ea30a05$export$186c6964ca17d99 = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testPlatform(/^iPhone/i);
-}), $c87311424ea30a05$export$7bef049ce92e4224 = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testPlatform(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
-}), $c87311424ea30a05$export$fedb369cb70207f1 = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
-}), $c87311424ea30a05$export$e1865c3bedcd822b = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
-}), $c87311424ea30a05$export$78551043582a6a98 = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
-}), $c87311424ea30a05$export$6446a186d09e379e = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
-}), $c87311424ea30a05$export$a11b0059900ceec8 = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testUserAgent(/Android/i);
-}), $c87311424ea30a05$export$b7d78993b74f766d = $c87311424ea30a05$var$cached(function() {
-  return $c87311424ea30a05$var$testUserAgent(/Firefox/i);
-});
-
-// ../../../node_modules/@react-aria/utils/dist/openLink.mjs
-import $g3jFn$react, { createContext as $g3jFn$createContext, useMemo as $g3jFn$useMemo, useContext as $g3jFn$useContext } from "react";
-var $ea8dcbcb9ea1b556$var$RouterContext = $g3jFn$createContext({
-  isNative: !0,
-  open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
-  useHref: (href) => href
-});
-function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = !0) {
-  var _window_event_type, _window_event;
-  let { metaKey, ctrlKey, altKey, shiftKey } = modifiers;
-  $c87311424ea30a05$export$b7d78993b74f766d() && (!((_window_event = window.event) === null || _window_event === void 0 || (_window_event_type = _window_event.type) === null || _window_event_type === void 0) && _window_event_type.startsWith("key")) && target.target === "_blank" && ($c87311424ea30a05$export$9ac100e40613ea10() ? metaKey = !0 : ctrlKey = !0);
-  let event = $c87311424ea30a05$export$78551043582a6a98() && $c87311424ea30a05$export$9ac100e40613ea10() && !$c87311424ea30a05$export$7bef049ce92e4224() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
-    keyIdentifier: "Enter",
-    metaKey,
-    ctrlKey,
-    altKey,
-    shiftKey
-  }) : new MouseEvent("click", {
-    metaKey,
-    ctrlKey,
-    altKey,
-    shiftKey,
-    detail: 1,
-    bubbles: !0,
-    cancelable: !0
-  });
-  $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = setOpening, $7215afc6de606d6b$export$de79e2c695e052f3(target), target.dispatchEvent(event), $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = !1;
-}
-$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = !1;
-function $ea8dcbcb9ea1b556$var$getSyntheticLink(target, open) {
-  if (target instanceof HTMLAnchorElement) open(target);
-  else if (target.hasAttribute("data-href")) {
-    let link = document.createElement("a");
-    link.href = target.getAttribute("data-href"), target.hasAttribute("data-target") && (link.target = target.getAttribute("data-target")), target.hasAttribute("data-rel") && (link.rel = target.getAttribute("data-rel")), target.hasAttribute("data-download") && (link.download = target.getAttribute("data-download")), target.hasAttribute("data-ping") && (link.ping = target.getAttribute("data-ping")), target.hasAttribute("data-referrer-policy") && (link.referrerPolicy = target.getAttribute("data-referrer-policy")), target.appendChild(link), open(link), target.removeChild(link);
-  }
-}
-function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
-  $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link) => $ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers));
-}
-
-// ../../../node_modules/@react-aria/utils/dist/runAfterTransition.mjs
-var $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map(), $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
-function $bbed8b41f857bcc0$var$setupGlobalEvents() {
-  if (typeof window > "u") return;
-  function isTransitionEvent(event) {
-    return "propertyName" in event;
-  }
-  let onTransitionStart = (e2) => {
-    if (!isTransitionEvent(e2) || !e2.target) return;
-    let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e2.target);
-    transitions || (transitions = /* @__PURE__ */ new Set(), $bbed8b41f857bcc0$var$transitionsByElement.set(e2.target, transitions), e2.target.addEventListener("transitioncancel", onTransitionEnd, {
-      once: !0
-    })), transitions.add(e2.propertyName);
-  }, onTransitionEnd = (e2) => {
-    if (!isTransitionEvent(e2) || !e2.target) return;
-    let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e2.target);
-    if (properties && (properties.delete(e2.propertyName), properties.size === 0 && (e2.target.removeEventListener("transitioncancel", onTransitionEnd), $bbed8b41f857bcc0$var$transitionsByElement.delete(e2.target)), $bbed8b41f857bcc0$var$transitionsByElement.size === 0)) {
-      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks) cb();
-      $bbed8b41f857bcc0$var$transitionCallbacks.clear();
-    }
-  };
-  document.body.addEventListener("transitionrun", onTransitionStart), document.body.addEventListener("transitionend", onTransitionEnd);
-}
-typeof document < "u" && (document.readyState !== "loading" ? $bbed8b41f857bcc0$var$setupGlobalEvents() : document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents));
-
-// ../../../node_modules/@react-aria/utils/dist/useDrag1D.mjs
-import { useRef as $1rnCS$useRef } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useGlobalListeners.mjs
-import { useRef as $lPAwt$useRef, useCallback as $lPAwt$useCallback, useEffect as $lPAwt$useEffect } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useObjectRef.mjs
-import { useRef as $gbmns$useRef, useCallback as $gbmns$useCallback, useMemo as $gbmns$useMemo } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useEffectEvent.mjs
-import $lmaYr$react, { useRef as $lmaYr$useRef, useCallback as $lmaYr$useCallback } from "react";
-var $8ae05eaa5c114e9c$var$_React_useInsertionEffect, $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = $lmaYr$react.useInsertionEffect) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
-
-// ../../../node_modules/@react-aria/utils/dist/useUpdateEffect.mjs
-import { useRef as $9vW05$useRef, useEffect as $9vW05$useEffect } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useUpdateLayoutEffect.mjs
-import { useRef as $azsE2$useRef } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useResizeObserver.mjs
-import { useEffect as $Vsl8o$useEffect } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useViewportSize.mjs
-import { useState as $fuDHA$useState, useEffect as $fuDHA$useEffect } from "react";
-var $5df64b3807dc15ee$var$visualViewport = typeof document < "u" && window.visualViewport;
-
-// ../../../node_modules/@react-aria/utils/dist/useDescription.mjs
-import { useState as $hQ5Hp$useState } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useEvent.mjs
-import { useEffect as $ceQd6$useEffect } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useDeepMemo.mjs
-import { useRef as $jtQ6z$useRef } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useFormReset.mjs
-import { useEffect as $8rM3G$useEffect } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useLoadMore.mjs
-import { useRef as $hDRkU$useRef, useCallback as $hDRkU$useCallback } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/useLoadMoreSentinel.mjs
-import { useRef as $7FoZl$useRef } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/inertValue.mjs
-import { version as $iulvE$version } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/animation.mjs
-import { flushSync as $jJMAe$flushSync } from "react-dom";
-import { useState as $jJMAe$useState, useCallback as $jJMAe$useCallback } from "react";
-
-// ../../../node_modules/@react-aria/utils/dist/isElementVisible.mjs
-var $7d2416ea0959daaa$var$supportsCheckVisibility = typeof Element < "u" && "checkVisibility" in Element.prototype;
-
-// ../../../node_modules/@react-aria/utils/dist/isFocusable.mjs
-var $b4b717babfbb907b$var$focusableElements = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  '[contenteditable]:not([contenteditable^="false"])',
-  "permission"
-], $b4b717babfbb907b$var$FOCUSABLE_ELEMENT_SELECTOR = $b4b717babfbb907b$var$focusableElements.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-$b4b717babfbb907b$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-var $b4b717babfbb907b$var$TABBABLE_ELEMENT_SELECTOR = $b4b717babfbb907b$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
-
-// ../../../node_modules/@react-stately/utils/dist/useControlledState.mjs
-import $3whtM$react, { useState as $3whtM$useState, useRef as $3whtM$useRef, useEffect as $3whtM$useEffect, useReducer as $3whtM$useReducer, useCallback as $3whtM$useCallback } from "react";
-var $458b0a5536c1a7cf$var$_React_useInsertionEffect, $458b0a5536c1a7cf$var$useEarlyEffect = typeof document < "u" ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = $3whtM$react.useInsertionEffect) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : $3whtM$react.useLayoutEffect : () => {
-};
-
 // src/blocks/components/Preview.tsx
 import { styled as styled22 } from "storybook/theming";
 
@@ -4409,10 +4179,10 @@ import { styled as styled20 } from "storybook/theming";
 
 // src/blocks/getStoryHref.ts
 var getStoryHref = (storyId, additionalParams = {}) => {
-  let baseUrl = globalThis.PREVIEW_URL || "iframe.html", [url, paramsStr] = baseUrl.split("?"), params = new URLSearchParams(paramsStr || "");
+  let params = new URLSearchParams();
   return Object.entries(additionalParams).forEach(([key, value]) => {
     params.set(key, value);
-  }), params.set("id", storyId), `${url}?${params.toString()}`;
+  }), params.set("id", storyId), `iframe.html?${params.toString()}`;
 };
 
 // src/blocks/components/IFrame.tsx
@@ -4710,7 +4480,7 @@ var PositionedToolbar = styled22(Toolbar)({
   let [expanded, setExpanded] = useState13(isExpanded), [copied, setCopied] = useState13(null), [scale, setScale] = useState13(1), additionalActionItems = useMemo3(
     () => additionalActions ? [...additionalActions] : [],
     [additionalActions]
-  ), sourceId = $bdb11010cef70236$export$f680877a34711e37(), previewClasses = [className].concat(["sbdocs", "sbdocs-preview", "sb-unstyled"]), context = useContext2(DocsContext), copyToClipboard = useCallback7(async (text) => {
+  ), sourceId = $390e54f620492c70$export$f680877a34711e37(), previewClasses = [className].concat(["sbdocs", "sbdocs-preview", "sb-unstyled"]), context = useContext2(DocsContext), copyToClipboard = useCallback7(async (text) => {
     let { createCopyToClipboardFunction } = await import("storybook/internal/components");
     await createCopyToClipboardFunction()(text);
   }, []), handleCopyCode = useCallback7(async () => {
@@ -5866,8 +5636,7 @@ var LegacyArgTypes = (props) => {
   componentId,
   storyId,
   initialArgs,
-  filterProps,
-  component
+  filterProps
 }) => {
   let { rows: serviceRows, isInitialLoading } = useDocgenServiceRows({
     componentId,
@@ -5877,7 +5646,7 @@ var LegacyArgTypes = (props) => {
     customArgTypes: argTypes
   });
   return isInitialLoading ? React37.createElement(ArgsTable, { isLoading: !0 }) : serviceRows ? renderArgTypesTables({
-    mainName: getComponentName(component) ?? serviceRows.serviceComponentName,
+    mainName: serviceRows.serviceComponentName,
     mainRows: serviceRows.mainRows,
     subcomponentRows: serviceRows.subcomponentRows,
     docsLang: parameters?.docs?.lang,
@@ -7170,7 +6939,7 @@ function getControlsFilterProps(story, props) {
   };
 }
 function useControlsInteractiveState(story, context) {
-  let controlsId = $bdb11010cef70236$export$f680877a34711e37(), [args, updateArgs, resetArgs] = useArgs(story, context), [globals] = useGlobals(story, context);
+  let controlsId = $390e54f620492c70$export$f680877a34711e37(), [args, updateArgs, resetArgs] = useArgs(story, context), [globals] = useGlobals(story, context);
   return { controlsId, args, globals, updateArgs, resetArgs };
 }
 var ControlsTables = ({
@@ -7245,7 +7014,7 @@ var ControlsTables = ({
     }
   ) : null;
 }, DocgenServiceControls = ({ story, context, ...props }) => {
-  let { parameters, argTypes, component } = story, filterProps = getControlsFilterProps(story, props), interactiveState = useControlsInteractiveState(story, context), { rows: serviceRows, isInitialLoading } = useDocgenServiceRows({
+  let { parameters, argTypes } = story, filterProps = getControlsFilterProps(story, props), interactiveState = useControlsInteractiveState(story, context), { rows: serviceRows, isInitialLoading } = useDocgenServiceRows({
     componentId: story.id.split("--")[0],
     storyId: story.id,
     parameters,
@@ -7255,7 +7024,7 @@ var ControlsTables = ({
   return isInitialLoading ? React41.createElement(ArgsTable, { isLoading: !0 }) : serviceRows ? React41.createElement(
     ControlsTables,
     {
-      mainName: getComponentName(component) ?? serviceRows.serviceComponentName,
+      mainName: serviceRows.serviceComponentName,
       mainRows: serviceRows.mainRows,
       subcomponentRows: serviceRows.subcomponentRows,
       ...filterProps,
@@ -7724,9 +7493,8 @@ var StyledHeading = styled29(Heading2)(({ theme }) => ({
 
 // src/blocks/blocks/Subtitle.tsx
 import React51 from "react";
-import { deprecate } from "storybook/internal/client-logger";
 import { InvalidBlockOfPropError as InvalidBlockOfPropError6 } from "storybook/internal/preview-errors";
-var DEPRECATION_MIGRATION_LINK = "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#subtitle-block-and-parameterscomponentsubtitle", SubtitleImpl = (props) => {
+var SubtitleImpl = (props) => {
   let { of, children } = props;
   if ("of" in props && of === void 0)
     throw new InvalidBlockOfPropError6();
@@ -7737,11 +7505,7 @@ var DEPRECATION_MIGRATION_LINK = "https://github.com/storybookjs/storybook/blob/
     if (children && !error.message.includes("did you forget to use <Meta of={} />?"))
       throw error;
   }
-  let { componentSubtitle, docs } = preparedMeta?.parameters || {};
-  componentSubtitle && deprecate(
-    `Using 'parameters.componentSubtitle' property to subtitle stories is deprecated. See ${DEPRECATION_MIGRATION_LINK}`
-  );
-  let content = children || docs?.subtitle || componentSubtitle;
+  let content = children || preparedMeta?.parameters?.docs?.subtitle;
   return content ? React51.createElement(Subtitle, { className: "sbdocs-subtitle sb-unstyled" }, content) : null;
 }, Subtitle2 = withMdxComponentOverride("Subtitle", SubtitleImpl);
 
@@ -7783,7 +7547,7 @@ function Docs({
 
 // src/blocks/blocks/external/ExternalDocs.tsx
 import React55, { useRef as useRef8 } from "react";
-import { deprecate as deprecate2 } from "storybook/internal/client-logger";
+import { deprecate } from "storybook/internal/client-logger";
 import { composeConfigs as composeConfigs2 } from "storybook/preview-api";
 
 // src/blocks/blocks/external/ExternalPreview.ts
@@ -7872,7 +7636,7 @@ function ExternalDocs({
   projectAnnotationsList,
   children
 }) {
-  deprecate2("ExternalDocs is deprecated and will be removed in Storybook 11.");
+  deprecate("ExternalDocs is deprecated and will be removed in Storybook 11.");
   let projectAnnotations = composeConfigs2(projectAnnotationsList), preview2 = usePreview(projectAnnotations), docsParameter = {
     ...projectAnnotations.parameters?.docs,
     page: () => children
@@ -7882,9 +7646,9 @@ function ExternalDocs({
 
 // src/blocks/blocks/external/ExternalDocsContainer.tsx
 import React56 from "react";
-import { deprecate as deprecate3 } from "storybook/internal/client-logger";
+import { deprecate as deprecate2 } from "storybook/internal/client-logger";
 import { ThemeProvider as ThemeProvider2, ensure, themes } from "storybook/theming";
-var preview, ExternalDocsContainer = ({ projectAnnotations, children }) => (deprecate3("ExternalDocsContainer is deprecated and will be removed in Storybook 11."), preview || (preview = new ExternalPreview(projectAnnotations)), React56.createElement(DocsContext.Provider, { value: preview.docsContext() }, React56.createElement(ThemeProvider2, { theme: ensure(themes.light) }, children)));
+var preview, ExternalDocsContainer = ({ projectAnnotations, children }) => (deprecate2("ExternalDocsContainer is deprecated and will be removed in Storybook 11."), preview || (preview = new ExternalPreview(projectAnnotations)), React56.createElement(DocsContext.Provider, { value: preview.docsContext() }, React56.createElement(ThemeProvider2, { theme: ensure(themes.light) }, children)));
 
 // src/blocks/blocks/Meta.tsx
 import React57, { useContext as useContext12 } from "react";