storybook 10.2.0-alpha.17 → 10.2.0-alpha.18

package/dist/bin/loader.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
-import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
+import CJS_COMPAT_NODE_URL_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   NODE_TARGET
-} from "../_node-chunks/chunk-VT2FICF4.js";
+} from "../_node-chunks/chunk-QXDUEJWP.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-G7P42ZEY.js";
+} from "../_node-chunks/chunk-XH6HLMNG.js";
 import {
   __toESM
-} from "../_node-chunks/chunk-25OWI2RR.js";
+} from "../_node-chunks/chunk-5BYTBW23.js";
 
 // src/bin/loader.ts
 var import_ts_dedent = __toESM(require_dist(), 1);

package/dist/cli/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
-import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
+import CJS_COMPAT_NODE_URL_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -33,24 +33,24 @@ import {
   readFileAsJson,
   suggestESLintPlugin,
   writeFileAsJson
-} from "../_node-chunks/chunk-CCJGKJ27.js";
+} from "../_node-chunks/chunk-IHBEBZVB.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-EG3WZ464.js";
+} from "../_node-chunks/chunk-JK62DOZL.js";
 import {
   Settings,
   _clearGlobalSettings,
   globalSettings
-} from "../_node-chunks/chunk-VK4OWRKU.js";
-import "../_node-chunks/chunk-C3FPVGL4.js";
-import "../_node-chunks/chunk-KKNWPXMS.js";
-import "../_node-chunks/chunk-3D4SLKEE.js";
-import "../_node-chunks/chunk-5Q5JEISY.js";
-import "../_node-chunks/chunk-G7P42ZEY.js";
-import "../_node-chunks/chunk-IRMNO3QS.js";
-import "../_node-chunks/chunk-MU4E5UBA.js";
-import "../_node-chunks/chunk-XI7HDOMY.js";
-import "../_node-chunks/chunk-25OWI2RR.js";
+} from "../_node-chunks/chunk-H4TYBETM.js";
+import "../_node-chunks/chunk-OZGI27C5.js";
+import "../_node-chunks/chunk-6TOW3ZMZ.js";
+import "../_node-chunks/chunk-DIZCVGPK.js";
+import "../_node-chunks/chunk-N73BCSUL.js";
+import "../_node-chunks/chunk-XH6HLMNG.js";
+import "../_node-chunks/chunk-F347QVLI.js";
+import "../_node-chunks/chunk-LMYIILVH.js";
+import "../_node-chunks/chunk-A2364FS2.js";
+import "../_node-chunks/chunk-5BYTBW23.js";
 export {
   ANGULAR_JSON_PATH,
   AddonVitestService,

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
-import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
+import CJS_COMPAT_NODE_URL_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -102,29 +102,29 @@ import {
   validateConfigurationFiles,
   validateFrameworkName,
   wrapValueWithGetAbsolutePathWrapper
-} from "../_node-chunks/chunk-PWI3ORDV.js";
+} from "../_node-chunks/chunk-USLMTVEL.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-RGEHGZS6.js";
-import "../_node-chunks/chunk-XYONORVT.js";
-import "../_node-chunks/chunk-ZOUBYBCH.js";
-import "../_node-chunks/chunk-C3FPVGL4.js";
+} from "../_node-chunks/chunk-2H33L3XJ.js";
+import "../_node-chunks/chunk-4HG57EIN.js";
+import "../_node-chunks/chunk-OT3P3RDM.js";
+import "../_node-chunks/chunk-OZGI27C5.js";
 import {
   groupBy,
   invariant
-} from "../_node-chunks/chunk-KKNWPXMS.js";
+} from "../_node-chunks/chunk-6TOW3ZMZ.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-3D4SLKEE.js";
-import "../_node-chunks/chunk-5Q5JEISY.js";
-import "../_node-chunks/chunk-JBRILZWU.js";
-import "../_node-chunks/chunk-DJ3RRSJ7.js";
-import "../_node-chunks/chunk-G7P42ZEY.js";
-import "../_node-chunks/chunk-XI7HDOMY.js";
-import "../_node-chunks/chunk-25OWI2RR.js";
+} from "../_node-chunks/chunk-DIZCVGPK.js";
+import "../_node-chunks/chunk-N73BCSUL.js";
+import "../_node-chunks/chunk-2M7TBZBZ.js";
+import "../_node-chunks/chunk-OZHRGJKY.js";
+import "../_node-chunks/chunk-XH6HLMNG.js";
+import "../_node-chunks/chunk-A2364FS2.js";
+import "../_node-chunks/chunk-5BYTBW23.js";
 export {
   DEFAULT_FILES_PATTERN,
   FileSystemCache,

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ComponentProps, AnchorHTMLAttributes, MouseEvent as MouseEvent$1, ReactNode, ReactElement, SyntheticEvent, HTMLAttributes, Component, RefObject, DOMAttributes, FC, PropsWithChildren, ForwardRefExoticComponent, ButtonHTMLAttributes, RefAttributes, ElementType } from 'react';
+import React__default, { ComponentProps, AnchorHTMLAttributes, MouseEvent as MouseEvent$1, ReactNode, ReactElement, SyntheticEvent, DOMAttributes, HTMLAttributes, Component, RefObject, FC, PropsWithChildren, ForwardRefExoticComponent, ButtonHTMLAttributes, RefAttributes, ElementType } from 'react';
 import { API_KeyCollection } from 'storybook/manager-api';
 import { color, CSSObject, FunctionInterpolation } from 'storybook/theming';
 import { DecoratorFunction } from 'storybook/internal/csf';
@@ -455,6 +455,7 @@ declare const CardContent: StyledComponent<{
 interface CardProps extends ComponentProps<typeof CardContent> {
     outlineAnimation?: 'none' | 'rainbow' | 'spin';
     outlineColor?: keyof typeof color;
+    outlineAttrs?: DOMAttributes<HTMLDivElement>;
 }
 declare const Card: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>> & {
     Content: StyledComponent<{

package/dist/components/index.js

@@ -1160,39 +1160,26 @@ import $HgANd$react from "react";
 var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document < "u" ? $HgANd$react.useLayoutEffect : () => {
 };
 
-// ../../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;
-function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-  let ref = $lmaYr$useRef(null);
-  return $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
-    ref.current = fn;
-  }, [
-    fn
-  ]), $lmaYr$useCallback((...args) => {
-    let f = ref.current;
-    return f?.(...args);
-  }, []);
-}
-
 // ../../node_modules/@react-aria/utils/dist/useValueEffect.mjs
-import { useState as $fCAlL$useState, useRef as $fCAlL$useRef } from "react";
+import { useState as $fCAlL$useState, useRef as $fCAlL$useRef, useCallback as $fCAlL$useCallback } from "react";
 function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
-  let [value, setValue] = $fCAlL$useState(defaultValue), effect = $fCAlL$useRef(null), nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+  let [value, setValue] = $fCAlL$useState(defaultValue), currValue = $fCAlL$useRef(value), effect = $fCAlL$useRef(null), nextRef = $fCAlL$useRef(() => {
     if (!effect.current) return;
     let newValue = effect.current.next();
     if (newValue.done) {
       effect.current = null;
       return;
     }
-    value === newValue.value ? nextRef() : setValue(newValue.value);
+    currValue.current === newValue.value ? nextRef.current() : setValue(newValue.value);
   });
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    effect.current && nextRef();
-  });
-  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
-    effect.current = fn(value), nextRef();
+    currValue.current = value, effect.current && nextRef.current();
   });
+  let queue = $fCAlL$useCallback((fn) => {
+    effect.current = fn(currValue.current), nextRef.current();
+  }, [
+    nextRef
+  ]);
   return [
     value,
     queue
@@ -1586,7 +1573,7 @@ var $65484d02dcb7eb3e$var$DOMPropNames = /* @__PURE__ */ new Set([
 ]), $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
 function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
   let { labelable, isLink: isLink2, global: global2, events = global2, propNames } = opts, filteredProps = {};
-  for (let prop in props) Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink2 && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global2 && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && $65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith("Capture") && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7)) || propNames?.has(prop) || $65484d02dcb7eb3e$var$propRe.test(prop)) && (filteredProps[prop] = props[prop]);
+  for (let prop in props) Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink2 && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global2 && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && ($65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith("Capture") && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7))) || propNames?.has(prop) || $65484d02dcb7eb3e$var$propRe.test(prop)) && (filteredProps[prop] = props[prop]);
   return filteredProps;
 }
 
@@ -1703,6 +1690,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
     ctrlKey,
     altKey,
     shiftKey,
+    detail: 1,
     bubbles: !0,
     cancelable: !0
   });
@@ -1850,6 +1838,21 @@ function $df56164dff5785e2$export$4338b53315abf666(ref) {
   ]);
 }
 
+// ../../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;
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+  let ref = $lmaYr$useRef(null);
+  return $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
+    ref.current = fn;
+  }, [
+    fn
+  ]), $lmaYr$useCallback((...args) => {
+    let f = ref.current;
+    return f?.(...args);
+  }, []);
+}
+
 // ../../node_modules/@react-aria/utils/dist/useUpdateEffect.mjs
 import { useRef as $9vW05$useRef, useEffect as $9vW05$useEffect } from "react";
 
@@ -1870,13 +1873,13 @@ function $9daab02d461809db$var$hasResizeObserver() {
   return typeof window.ResizeObserver < "u";
 }
 function $9daab02d461809db$export$683480f191c0e3ea(options) {
-  let { ref, box, onResize } = options;
+  let { ref, box, onResize } = options, onResizeEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(onResize);
   $Vsl8o$useEffect(() => {
     let element = ref?.current;
     if (element)
       if ($9daab02d461809db$var$hasResizeObserver()) {
         let resizeObserverInstance = new window.ResizeObserver((entries) => {
-          entries.length && onResize();
+          entries.length && onResizeEvent();
         });
         return resizeObserverInstance.observe(element, {
           box
@@ -1884,11 +1887,10 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
           element && resizeObserverInstance.unobserve(element);
         };
       } else
-        return window.addEventListener("resize", onResize, !1), () => {
-          window.removeEventListener("resize", onResize, !1);
+        return window.addEventListener("resize", onResizeEvent, !1), () => {
+          window.removeEventListener("resize", onResizeEvent, !1);
         };
   }, [
-    onResize,
     ref,
     box
   ]);
@@ -1992,22 +1994,14 @@ function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options)
     ref,
     event,
     options,
-    isDisabled,
-    handleEvent
+    isDisabled
   ]);
 }
 
 // ../../node_modules/@react-aria/utils/dist/scrollIntoView.mjs
 function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
-  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left"), offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top"), width = element.offsetWidth, height = element.offsetHeight, x = scrollView.scrollLeft, y = scrollView.scrollTop, { borderTopWidth, borderLeftWidth, scrollPaddingTop, scrollPaddingRight, scrollPaddingBottom, scrollPaddingLeft } = getComputedStyle(scrollView), { scrollMarginTop, scrollMarginRight, scrollMarginBottom, scrollMarginLeft } = getComputedStyle(element), borderAdjustedX = x + parseInt(borderLeftWidth, 10), borderAdjustedY = y + parseInt(borderTopWidth, 10), maxX = borderAdjustedX + scrollView.clientWidth, maxY = borderAdjustedY + scrollView.clientHeight, scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0, scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0, scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0, scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0, scrollMarginTopNumber = parseInt(scrollMarginTop, 10) || 0, scrollMarginBottomNumber = parseInt(scrollMarginBottom, 10) || 0, scrollMarginRightNumber = parseInt(scrollMarginRight, 10) || 0, scrollMarginLeftNumber = parseInt(scrollMarginLeft, 10) || 0, targetLeft = offsetX - scrollMarginLeftNumber, targetRight = offsetX + width + scrollMarginRightNumber, targetTop = offsetY - scrollMarginTopNumber, targetBottom = offsetY + height + scrollMarginBottomNumber, scrollPortLeft = x + parseInt(borderLeftWidth, 10) + scrollPaddingLeftNumber, scrollPortRight = maxX - scrollPaddingRightNumber, scrollPortTop = y + parseInt(borderTopWidth, 10) + scrollPaddingTopNumber, scrollPortBottom = maxY - scrollPaddingBottomNumber;
-  if ((targetLeft > scrollPortLeft || targetRight < scrollPortRight) && (targetLeft <= x + scrollPaddingLeftNumber ? x = targetLeft - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber : targetRight > maxX - scrollPaddingRightNumber && (x += targetRight - maxX + scrollPaddingRightNumber)), (targetTop > scrollPortTop || targetBottom < scrollPortBottom) && (targetTop <= borderAdjustedY + scrollPaddingTopNumber ? y = targetTop - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber : targetBottom > maxY - scrollPaddingBottomNumber && (y += targetBottom - maxY + scrollPaddingBottomNumber)), process.env.NODE_ENV === "test") {
-    scrollView.scrollLeft = x, scrollView.scrollTop = y;
-    return;
-  }
-  scrollView.scrollTo({
-    left: x,
-    top: y
-  });
+  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left"), offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top"), width = element.offsetWidth, height = element.offsetHeight, x = scrollView.scrollLeft, y = scrollView.scrollTop, { borderTopWidth, borderLeftWidth, scrollPaddingTop, scrollPaddingRight, scrollPaddingBottom, scrollPaddingLeft } = getComputedStyle(scrollView), borderAdjustedX = x + parseInt(borderLeftWidth, 10), borderAdjustedY = y + parseInt(borderTopWidth, 10), maxX = borderAdjustedX + scrollView.clientWidth, maxY = borderAdjustedY + scrollView.clientHeight, scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0, scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0, scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0, scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
+  offsetX <= x + scrollPaddingLeftNumber ? x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber : offsetX + width > maxX - scrollPaddingRightNumber && (x += offsetX + width - maxX + scrollPaddingRightNumber), offsetY <= borderAdjustedY + scrollPaddingTopNumber ? y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber : offsetY + height > maxY - scrollPaddingBottomNumber && (y += offsetY + height - maxY + scrollPaddingBottomNumber), scrollView.scrollLeft = x, scrollView.scrollTop = y;
 }
 function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
   let prop = axis === "left" ? "offsetLeft" : "offsetTop", sum = 0;
@@ -2022,8 +2016,12 @@ function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
 }
 function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
   if (targetElement && document.contains(targetElement)) {
-    let root = document.scrollingElement || document.documentElement;
-    if (!(window.getComputedStyle(root).overflow === "hidden") && !$c87311424ea30a05$export$6446a186d09e379e()) {
+    let root = document.scrollingElement || document.documentElement, isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
+    if (isScrollPrevented) {
+      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
+      isScrollPrevented || scrollParents.push(root);
+      for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
+    } else {
       var _targetElement_scrollIntoView;
       let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
       targetElement == null || (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 || _targetElement_scrollIntoView.call(targetElement, {
@@ -2039,9 +2037,6 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
           block: "nearest"
         });
       }
-    } else {
-      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
-      for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
     }
   }
 }
@@ -2191,26 +2186,25 @@ function $b4b717babfbb907b$var$isInert(element) {
 }
 
 // ../../node_modules/@react-stately/utils/dist/useControlledState.mjs
-import { useState as $3whtM$useState, useRef as $3whtM$useRef, useEffect as $3whtM$useEffect, useCallback as $3whtM$useCallback } from "react";
+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 : () => {
+};
 function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
-  let [stateValue, setStateValue] = $3whtM$useState(value || defaultValue), isControlledRef = $3whtM$useRef(value !== void 0), isControlled = value !== void 0;
+  let [stateValue, setStateValue] = $3whtM$useState(value || defaultValue), valueRef = $3whtM$useRef(stateValue), isControlledRef = $3whtM$useRef(value !== void 0), isControlled = value !== void 0;
   $3whtM$useEffect(() => {
     let wasControlled = isControlledRef.current;
     wasControlled !== isControlled && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`), isControlledRef.current = isControlled;
   }, [
     isControlled
   ]);
-  let currentValue = isControlled ? value : stateValue, setValue = $3whtM$useCallback((value2, ...args) => {
-    let onChangeCaller = (value3, ...onChangeArgs) => {
-      onChange && (Object.is(currentValue, value3) || onChange(value3, ...onChangeArgs)), isControlled || (currentValue = value3);
-    };
-    typeof value2 == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), setStateValue((oldValue, ...functionArgs) => {
-      let interceptedValue = value2(isControlled ? currentValue : oldValue, ...functionArgs);
-      return onChangeCaller(interceptedValue, ...args), isControlled ? oldValue : interceptedValue;
-    })) : (isControlled || setStateValue(value2), onChangeCaller(value2, ...args));
+  let currentValue = isControlled ? value : stateValue;
+  $458b0a5536c1a7cf$var$useEarlyEffect(() => {
+    valueRef.current = currentValue;
+  });
+  let [, forceUpdate] = $3whtM$useReducer(() => ({}), {}), setValue = $3whtM$useCallback((value2, ...args) => {
+    let newValue = typeof value2 == "function" ? value2(valueRef.current) : value2;
+    Object.is(valueRef.current, newValue) || (valueRef.current = newValue, setStateValue(newValue), forceUpdate(), onChange?.(newValue, ...args));
   }, [
-    isControlled,
-    currentValue,
     onChange
   ]);
   return [
@@ -9119,8 +9113,8 @@ var fadeInOut = keyframes({
     }
   }
 })), Card = Object.assign(
-  forwardRef7(function({ outlineAnimation = "none", outlineColor, ...props }, ref) {
-    return React18.createElement(CardOutline, { animation: outlineAnimation, color: outlineColor, ref }, React18.createElement(CardContent, { ...props }));
+  forwardRef7(function({ outlineAnimation = "none", outlineColor, outlineAttrs = {}, ...props }, ref) {
+    return React18.createElement(CardOutline, { animation: outlineAnimation, color: outlineColor, ref, ...outlineAttrs }, React18.createElement(CardContent, { ...props }));
   }),
   {
     Content: CardContent,
@@ -9955,8 +9949,9 @@ var sizes = (({ size }) => {
       outline: "1px solid highlight"
     }
   },
-  "&[disabled]": {
-    background: theme.base === "light" ? theme.color.lighter : "transparent"
+  '&[disabled], &[aria-disabled="true"]': {
+    background: theme.base === "light" ? theme.color.lighter : "transparent",
+    cursor: "not-allowed"
   },
   "&:-webkit-autofill": { WebkitBoxShadow: `0 0 0 3em ${theme.color.lightest} inset` },
   "&::placeholder": {

package/dist/core-server/index.d.ts

@@ -1406,4 +1406,9 @@ declare const fullTestProviderStore: {
 declare const getTestProviderStoreById: (testProviderId: TestProviderId) => TestProviderStoreById;
 declare const universalTestProviderStore: UniversalStore<TestProviderStateByProviderId, TestProviderStoreEvent>;
 
-export { type BuildIndexOptions, type BuildStaticStandaloneOptions, type ComponentArgTypesData, type GenerateStoryOptions, type GenerateStoryResult, StoryIndexGenerator, Tag, analyze as analyzeMdx, build, buildDevStandalone, buildIndex, buildIndexStandalone, buildStaticStandalone, MockUniversalStore as experimental_MockUniversalStore, UniversalStore as experimental_UniversalStore, getStatusStoreByTypeId as experimental_getStatusStore, getTestProviderStoreById as experimental_getTestProviderStore, loadStorybook as experimental_loadStorybook, generateStoryFile, getErrorLevel, fullStatusStore as internal_fullStatusStore, fullTestProviderStore as internal_fullTestProviderStore, universalStatusStore as internal_universalStatusStore, universalTestProviderStore as internal_universalTestProviderStore, isTelemetryEnabled, mapStaticDir, sendTelemetryError, withTelemetry };
+interface PortOptions {
+    exactPort?: boolean;
+}
+declare const getServerPort: (port?: number, { exactPort }?: PortOptions) => Promise<number>;
+
+export { type BuildIndexOptions, type BuildStaticStandaloneOptions, type ComponentArgTypesData, type GenerateStoryOptions, type GenerateStoryResult, StoryIndexGenerator, Tag, analyze as analyzeMdx, build, buildDevStandalone, buildIndex, buildIndexStandalone, buildStaticStandalone, MockUniversalStore as experimental_MockUniversalStore, UniversalStore as experimental_UniversalStore, getStatusStoreByTypeId as experimental_getStatusStore, getTestProviderStoreById as experimental_getTestProviderStore, loadStorybook as experimental_loadStorybook, generateStoryFile, getErrorLevel, getServerPort, fullStatusStore as internal_fullStatusStore, fullTestProviderStore as internal_fullTestProviderStore, universalStatusStore as internal_universalStatusStore, universalTestProviderStore as internal_universalTestProviderStore, isTelemetryEnabled, mapStaticDir, sendTelemetryError, withTelemetry };

package/dist/core-server/index.js

@@ -1,20 +1,20 @@
-import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
-import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
+import CJS_COMPAT_NODE_URL_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   toEstree
-} from "../_node-chunks/chunk-V3SFCYKQ.js";
+} from "../_node-chunks/chunk-HXE2FZ3F.js";
 import {
   StatusTypeIdMismatchError
-} from "../_node-chunks/chunk-2XSHQN7K.js";
+} from "../_node-chunks/chunk-BWA66NDS.js";
 import {
   debounce,
   generateStoryFile,
@@ -25,69 +25,69 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-XTIFAWOB.js";
+} from "../_node-chunks/chunk-ZUTW3EKD.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-EG3WZ464.js";
-import "../_node-chunks/chunk-IWM3WHZE.js";
+} from "../_node-chunks/chunk-JK62DOZL.js";
+import "../_node-chunks/chunk-4PWGJYBL.js";
 import {
   StorybookError
-} from "../_node-chunks/chunk-FAARRTOD.js";
+} from "../_node-chunks/chunk-54FLVGBQ.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-EYPTVKFI.js";
-import "../_node-chunks/chunk-CBPOKBOR.js";
+} from "../_node-chunks/chunk-5QNVOHBZ.js";
+import "../_node-chunks/chunk-Q3WHGQXN.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn,
   resolveImport,
   supportedExtensions,
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-PWI3ORDV.js";
-import "../_node-chunks/chunk-RGEHGZS6.js";
-import "../_node-chunks/chunk-XYONORVT.js";
+} from "../_node-chunks/chunk-USLMTVEL.js";
+import "../_node-chunks/chunk-2H33L3XJ.js";
+import "../_node-chunks/chunk-4HG57EIN.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-ZOUBYBCH.js";
-import "../_node-chunks/chunk-GYJ7LPFJ.js";
-import "../_node-chunks/chunk-VK4OWRKU.js";
+} from "../_node-chunks/chunk-OT3P3RDM.js";
+import "../_node-chunks/chunk-GJRLPTXZ.js";
+import "../_node-chunks/chunk-H4TYBETM.js";
 import {
   invariant,
   up2 as up
-} from "../_node-chunks/chunk-C3FPVGL4.js";
-import "../_node-chunks/chunk-KKNWPXMS.js";
+} from "../_node-chunks/chunk-OZGI27C5.js";
+import "../_node-chunks/chunk-6TOW3ZMZ.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-3D4SLKEE.js";
+} from "../_node-chunks/chunk-DIZCVGPK.js";
 import {
   dirname,
   join,
   relative,
   resolve
-} from "../_node-chunks/chunk-5Q5JEISY.js";
+} from "../_node-chunks/chunk-N73BCSUL.js";
 import {
   slash
-} from "../_node-chunks/chunk-JBRILZWU.js";
-import "../_node-chunks/chunk-DJ3RRSJ7.js";
+} from "../_node-chunks/chunk-2M7TBZBZ.js";
+import "../_node-chunks/chunk-OZHRGJKY.js";
 import {
   Tag
-} from "../_node-chunks/chunk-VTBZVEBF.js";
+} from "../_node-chunks/chunk-QNYGS5WG.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-G7P42ZEY.js";
+} from "../_node-chunks/chunk-XH6HLMNG.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-MU4E5UBA.js";
+} from "../_node-chunks/chunk-LMYIILVH.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-XI7HDOMY.js";
+} from "../_node-chunks/chunk-A2364FS2.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../_node-chunks/chunk-25OWI2RR.js";
+} from "../_node-chunks/chunk-5BYTBW23.js";
 
 // ../../node_modules/glob-to-regexp/index.js
 var require_glob_to_regexp = __commonJS({
@@ -4544,7 +4544,7 @@ function print(p) {
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-Q4F5VX5J.js");
+  return await import("../_node-chunks/builder-manager-RC5VXLE2.js");
 }
 async function getPreviewBuilder(resolvedPreviewBuilder) {
   return await importModule(resolvedPreviewBuilder);
@@ -4608,7 +4608,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
           // files can be e.g. '**/foo/*/*.js' so we just want the last bit,
           // because the directory could already be within the files part (e.g. './x/foo/bar')
           basename(specifier.files)
-        ), { globby } = await import("../_node-chunks/globby-4BDMCAAD.js");
+        ), { globby } = await import("../_node-chunks/globby-IVEL6LAU.js");
         (await globby(slash(dirGlob), commonGlobOptions(dirGlob))).forEach((filePath) => {
           let fileImportPath = toImportPath(filePath);
           specifier.importPathMatcher.exec(fileImportPath) && onInvalidate(fileImportPath, removed);
@@ -5627,7 +5627,7 @@ var getAttr = (elt, what) => elt.attributes.find((n) => n.type === "JSXAttribute
     isTemplate: !1,
     metaTags: void 0,
     imports: void 0
-  }, { compile } = await import("../_node-chunks/mdx-N42X6CFJ-JFERGMQH.js");
+  }, { compile } = await import("../_node-chunks/mdx-N42X6CFJ-V7NAUWUX.js");
   await compile(code, {
     rehypePlugins: [[plugin, store]]
   });
@@ -5772,7 +5772,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     let cacheKey = this.getFindMatchingFilesCacheKey(specifier, workingDir, ignoreWarnings), cached = this.findMatchingFilesCache.get(cacheKey);
     if (cached)
       return cached;
-    let pathToSubIndex = {}, globCwd = slash(resolve3(workingDir, specifier.directory)), globPattern = specifier.files.startsWith("!") ? `./${specifier.files}` : specifier.files, { globby } = await import("../_node-chunks/globby-4BDMCAAD.js"), files = await globby(globPattern, {
+    let pathToSubIndex = {}, globCwd = slash(resolve3(workingDir, specifier.directory)), globPattern = specifier.files.startsWith("!") ? `./${specifier.files}` : specifier.files, { globby } = await import("../_node-chunks/globby-IVEL6LAU.js"), files = await globby(globPattern, {
       absolute: !0,
       cwd: globCwd,
       ...commonGlobOptions2(globPattern)
@@ -7988,6 +7988,7 @@ export {
   getErrorLevel,
   getPreviewBodyTemplate,
   getPreviewHeadTemplate,
+  getServerPort,
   fullStatusStore as internal_fullStatusStore,
   fullTestProviderStore as internal_fullTestProviderStore,
   universalStatusStore as internal_universalStatusStore,

package/dist/core-server/presets/common-override-preset.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_w8tq4vh9mzk from 'node:url';
-import CJS_COMPAT_NODE_PATH_w8tq4vh9mzk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk from "node:module";
+import CJS_COMPAT_NODE_URL_bfa4dw0yocr from 'node:url';
+import CJS_COMPAT_NODE_PATH_bfa4dw0yocr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bfa4dw0yocr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_w8tq4vh9mzk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_w8tq4vh9mzk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_w8tq4vh9mzk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bfa4dw0yocr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bfa4dw0yocr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bfa4dw0yocr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   slash
-} from "../../_node-chunks/chunk-JBRILZWU.js";
+} from "../../_node-chunks/chunk-2M7TBZBZ.js";
 import {
   glob
-} from "../../_node-chunks/chunk-DJ3RRSJ7.js";
-import "../../_node-chunks/chunk-25OWI2RR.js";
+} from "../../_node-chunks/chunk-OZHRGJKY.js";
+import "../../_node-chunks/chunk-5BYTBW23.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";