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

package/dist/manager/globals-runtime.js

@@ -7898,6 +7898,22 @@ var import_memoizerific, createReset, createGlobal, init_global = __esm({
         ".sb-hidden-until-focus:focus": {
           opacity: 1
         },
+        "[data-sb-landmark]": {
+          position: "relative"
+        },
+        "[data-sb-landmark]:focus-visible": {
+          outline: "none"
+        },
+        "[data-sb-landmark]:focus-visible::after": {
+          outline: `2px solid ${color2.primary}`,
+          outlineOffset: "-2px"
+        },
+        "[data-sb-landmark]::after": {
+          content: "''",
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
         ".react-aria-Popover:focus-visible": {
           outline: "none"
         }
@@ -60299,7 +60315,11 @@ var defaultShortcuts = Object.freeze({
   remount: ["alt", "R"],
   openInEditor: ["alt", "shift", "E"],
   openInIsolation: ["alt", "shift", "I"],
-  copyStoryLink: ["alt", "shift", "L"]
+  copyStoryLink: ["alt", "shift", "L"],
+  goToPreviousLandmark: ["shift", "F6"],
+  // hardcoded in react-aria
+  goToNextLandmark: ["F6"]
+  // hardcoded in react-aria
   // TODO: bring this back once we want to add shortcuts for this
   // copyStoryName: ['alt', 'shift', 'C'],
 }), addonsShortcuts = {};
@@ -60378,6 +60398,10 @@ var init11 = ({ store: store2, fullAPI, provider }) => {
             fullAPI.getIsFullscreen() ? fullAPI.toggleFullscreen(!1) : fullAPI.getIsNavShown() && fullAPI.toggleNav(!0);
             break;
           }
+          // Handled by @react-aria/interactions and useLandmarkIndicator
+          case "goToNextLandmark":
+          case "goToPreviousLandmark":
+            break;
           case "focusNav": {
             fullAPI.getIsFullscreen() && fullAPI.toggleFullscreen(!1), fullAPI.getIsNavShown() || fullAPI.toggleNav(!0), fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);
             break;
@@ -62137,7 +62161,7 @@ init_dist();
 var import_memoizerific8 = __toESM(require_memoizerific(), 1), import_semver = __toESM(require_semver2(), 1);
 
 // src/manager-api/version.ts
-var version = "10.2.0-alpha.17";
+var version = "10.2.0-alpha.18";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope, getVersionCheckData = (0, import_memoizerific8.default)(1)(() => {
@@ -62791,38 +62815,26 @@ init_client_logger();
 var import_react24 = __toESM(require_react(), 1), $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document < "u" ? import_react24.default.useLayoutEffect : () => {
 };
 
-// ../../node_modules/@react-aria/utils/dist/useEffectEvent.mjs
-var import_react25 = __toESM(require_react(), 1), $8ae05eaa5c114e9c$var$_React_useInsertionEffect, $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = import_react25.default.useInsertionEffect) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
-function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn4) {
-  let ref = (0, import_react25.useRef)(null);
-  return $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
-    ref.current = fn4;
-  }, [
-    fn4
-  ]), (0, import_react25.useCallback)((...args) => {
-    let f4 = ref.current;
-    return f4?.(...args);
-  }, []);
-}
-
 // ../../node_modules/@react-aria/utils/dist/useValueEffect.mjs
-var import_react26 = __toESM(require_react(), 1);
+var import_react25 = __toESM(require_react(), 1);
 function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
-  let [value, setValue] = (0, import_react26.useState)(defaultValue), effect4 = (0, import_react26.useRef)(null), nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+  let [value, setValue] = (0, import_react25.useState)(defaultValue), currValue = (0, import_react25.useRef)(value), effect4 = (0, import_react25.useRef)(null), nextRef = (0, import_react25.useRef)(() => {
     if (!effect4.current) return;
     let newValue = effect4.current.next();
     if (newValue.done) {
       effect4.current = null;
       return;
     }
-    value === newValue.value ? nextRef() : setValue(newValue.value);
+    currValue.current === newValue.value ? nextRef.current() : setValue(newValue.value);
   });
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    effect4.current && nextRef();
-  });
-  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn4) => {
-    effect4.current = fn4(value), nextRef();
+    currValue.current = value, effect4.current && nextRef.current();
   });
+  let queue = (0, import_react25.useCallback)((fn4) => {
+    effect4.current = fn4(currValue.current), nextRef.current();
+  }, [
+    nextRef
+  ]);
   return [
     value,
     queue
@@ -62830,19 +62842,19 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
 }
 
 // ../../node_modules/@react-aria/utils/dist/useId.mjs
-var import_react28 = __toESM(require_react(), 1);
+var import_react27 = __toESM(require_react(), 1);
 
 // ../../node_modules/@react-aria/ssr/dist/SSRProvider.mjs
-var import_react27 = __toESM(require_react(), 1), $b5e257d569688ac6$var$defaultContext = {
+var import_react26 = __toESM(require_react(), 1), $b5e257d569688ac6$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, $b5e257d569688ac6$var$SSRContext = import_react27.default.createContext($b5e257d569688ac6$var$defaultContext), $b5e257d569688ac6$var$IsSSRContext = import_react27.default.createContext(!1);
+}, $b5e257d569688ac6$var$SSRContext = import_react26.default.createContext($b5e257d569688ac6$var$defaultContext), $b5e257d569688ac6$var$IsSSRContext = import_react26.default.createContext(!1);
 var $b5e257d569688ac6$var$canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
 function $b5e257d569688ac6$var$useCounter(isDisabled3 = !1) {
-  let ctx = (0, import_react27.useContext)($b5e257d569688ac6$var$SSRContext), ref = (0, import_react27.useRef)(null);
+  let ctx = (0, import_react26.useContext)($b5e257d569688ac6$var$SSRContext), ref = (0, import_react26.useRef)(null);
   if (ref.current === null && !isDisabled3) {
     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 = import_react27.default.__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 = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = import_react26.default.__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;
     if (currentOwner) {
       let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
       prevComponentValue == null ? $b5e257d569688ac6$var$componentIds.set(currentOwner, {
@@ -62855,14 +62867,14 @@ function $b5e257d569688ac6$var$useCounter(isDisabled3 = !1) {
   return ref.current;
 }
 function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
-  let ctx = (0, import_react27.useContext)($b5e257d569688ac6$var$SSRContext), counter = $b5e257d569688ac6$var$useCounter(!!defaultId), prefix4 = `react-aria${ctx.prefix}`;
+  let ctx = (0, import_react26.useContext)($b5e257d569688ac6$var$SSRContext), counter = $b5e257d569688ac6$var$useCounter(!!defaultId), prefix4 = `react-aria${ctx.prefix}`;
   return defaultId || `${prefix4}-${counter}`;
 }
 function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
-  let id = import_react27.default.useId(), [didSSR] = (0, import_react27.useState)($b5e257d569688ac6$export$535bd6ca7f90a273()), prefix4 = didSSR ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+  let id = import_react26.default.useId(), [didSSR] = (0, import_react26.useState)($b5e257d569688ac6$export$535bd6ca7f90a273()), prefix4 = didSSR ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
   return defaultId || `${prefix4}-${id}`;
 }
-var $b5e257d569688ac6$export$619500959fc48b26 = typeof import_react27.default.useId == "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+var $b5e257d569688ac6$export$619500959fc48b26 = typeof import_react26.default.useId == "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
 function $b5e257d569688ac6$var$getSnapshot() {
   return !1;
 }
@@ -62874,7 +62886,7 @@ function $b5e257d569688ac6$var$subscribe(onStoreChange) {
   };
 }
 function $b5e257d569688ac6$export$535bd6ca7f90a273() {
-  return typeof import_react27.default.useSyncExternalStore == "function" ? import_react27.default.useSyncExternalStore($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot) : (0, import_react27.useContext)($b5e257d569688ac6$var$IsSSRContext);
+  return typeof import_react26.default.useSyncExternalStore == "function" ? import_react26.default.useSyncExternalStore($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot) : (0, import_react26.useContext)($b5e257d569688ac6$var$IsSSRContext);
 }
 
 // ../../node_modules/@react-aria/utils/dist/useId.mjs
@@ -62883,7 +62895,7 @@ typeof FinalizationRegistry < "u" && ($bdb11010cef70236$var$registry = new Final
   $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
 }));
 function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
-  let [value, setValue] = (0, import_react28.useState)(defaultId), nextId = (0, import_react28.useRef)(null), res = $b5e257d569688ac6$export$619500959fc48b26(value), cleanupRef = (0, import_react28.useRef)(null);
+  let [value, setValue] = (0, import_react27.useState)(defaultId), nextId = (0, import_react27.useRef)(null), res = $b5e257d569688ac6$export$619500959fc48b26(value), cleanupRef = (0, import_react27.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, [
@@ -62897,7 +62909,7 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
     };
   }, [
     res
-  ]), (0, import_react28.useEffect)(() => {
+  ]), (0, import_react27.useEffect)(() => {
     let newId = nextId.current;
     return newId && setValue(newId), () => {
       newId && (nextId.current = null);
@@ -62913,7 +62925,7 @@ function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
   return setIdsB ? (setIdsB.forEach((ref) => ref.current = idA), idA) : idB;
 }
 function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
-  let id = $bdb11010cef70236$export$f680877a34711e37(), [resolvedId, setResolvedId] = $1dbecbe27a04f9af$export$14d238f342723f25(id), updateId = (0, import_react28.useCallback)(() => {
+  let id = $bdb11010cef70236$export$f680877a34711e37(), [resolvedId, setResolvedId] = $1dbecbe27a04f9af$export$14d238f342723f25(id), updateId = (0, import_react27.useCallback)(() => {
     setResolvedId(function* () {
       yield id, yield document.getElementById(id) ? id : void 0;
     });
@@ -63213,7 +63225,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: events2 = 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) || events2 && $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) || events2 && ($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;
 }
 
@@ -63298,13 +63310,13 @@ var $c87311424ea30a05$export$9ac100e40613ea10 = $c87311424ea30a05$var$cached(fun
 });
 
 // ../../node_modules/@react-aria/utils/dist/openLink.mjs
-var import_react29 = __toESM(require_react(), 1), $ea8dcbcb9ea1b556$var$RouterContext = (0, import_react29.createContext)({
+var import_react28 = __toESM(require_react(), 1), $ea8dcbcb9ea1b556$var$RouterContext = (0, import_react28.createContext)({
   isNative: !0,
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
   useHref: (href) => href
 });
 function $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {
-  return (0, import_react29.useContext)($ea8dcbcb9ea1b556$var$RouterContext);
+  return (0, import_react28.useContext)($ea8dcbcb9ea1b556$var$RouterContext);
 }
 function $ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers) {
   let target = link.getAttribute("target");
@@ -63328,6 +63340,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
     ctrlKey,
     altKey,
     shiftKey,
+    detail: 1,
     bubbles: !0,
     cancelable: !0
   });
@@ -63397,12 +63410,12 @@ function $bbed8b41f857bcc0$export$24490316f764c430(fn4) {
 }
 
 // ../../node_modules/@react-aria/utils/dist/useDrag1D.mjs
-var import_react30 = __toESM(require_react(), 1);
+var import_react29 = __toESM(require_react(), 1);
 
 // ../../node_modules/@react-aria/utils/dist/useGlobalListeners.mjs
-var import_react31 = __toESM(require_react(), 1);
+var import_react30 = __toESM(require_react(), 1);
 function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
-  let globalListeners = (0, import_react31.useRef)(/* @__PURE__ */ new Map()), addGlobalListener = (0, import_react31.useCallback)((eventTarget, type5, listener, options) => {
+  let globalListeners = (0, import_react30.useRef)(/* @__PURE__ */ new Map()), addGlobalListener = (0, import_react30.useCallback)((eventTarget, type5, listener, options) => {
     let fn4 = options?.once ? (...args) => {
       globalListeners.current.delete(listener), listener(...args);
     } : listener;
@@ -63412,18 +63425,18 @@ function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
       fn: fn4,
       options
     }), eventTarget.addEventListener(type5, fn4, options);
-  }, []), removeGlobalListener = (0, import_react31.useCallback)((eventTarget, type5, listener, options) => {
+  }, []), removeGlobalListener = (0, import_react30.useCallback)((eventTarget, type5, listener, options) => {
     var _globalListeners_current_get;
     let fn4 = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;
     eventTarget.removeEventListener(type5, fn4, options), globalListeners.current.delete(listener);
-  }, []), removeAllGlobalListeners = (0, import_react31.useCallback)(() => {
+  }, []), removeAllGlobalListeners = (0, import_react30.useCallback)(() => {
     globalListeners.current.forEach((value, key) => {
       removeGlobalListener(value.eventTarget, value.type, key, value.options);
     });
   }, [
     removeGlobalListener
   ]);
-  return (0, import_react31.useEffect)(() => removeAllGlobalListeners, [
+  return (0, import_react30.useEffect)(() => removeAllGlobalListeners, [
     removeAllGlobalListeners
   ]), {
     addGlobalListener,
@@ -63448,9 +63461,9 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
 }
 
 // ../../node_modules/@react-aria/utils/dist/useObjectRef.mjs
-var import_react32 = __toESM(require_react(), 1);
+var import_react31 = __toESM(require_react(), 1);
 function $df56164dff5785e2$export$4338b53315abf666(ref) {
-  let objRef = (0, import_react32.useRef)(null), cleanupRef = (0, import_react32.useRef)(void 0), refEffect = (0, import_react32.useCallback)((instance) => {
+  let objRef = (0, import_react31.useRef)(null), cleanupRef = (0, import_react31.useRef)(void 0), refEffect = (0, import_react31.useCallback)((instance) => {
     if (typeof ref == "function") {
       let refCallback = ref, refCleanup = refCallback(instance);
       return () => {
@@ -63463,7 +63476,7 @@ function $df56164dff5785e2$export$4338b53315abf666(ref) {
   }, [
     ref
   ]);
-  return (0, import_react32.useMemo)(() => ({
+  return (0, import_react31.useMemo)(() => ({
     get current() {
       return objRef.current;
     },
@@ -63475,6 +63488,20 @@ function $df56164dff5785e2$export$4338b53315abf666(ref) {
   ]);
 }
 
+// ../../node_modules/@react-aria/utils/dist/useEffectEvent.mjs
+var import_react32 = __toESM(require_react(), 1), $8ae05eaa5c114e9c$var$_React_useInsertionEffect, $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = import_react32.default.useInsertionEffect) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn4) {
+  let ref = (0, import_react32.useRef)(null);
+  return $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
+    ref.current = fn4;
+  }, [
+    fn4
+  ]), (0, import_react32.useCallback)((...args) => {
+    let f4 = ref.current;
+    return f4?.(...args);
+  }, []);
+}
+
 // ../../node_modules/@react-aria/utils/dist/useUpdateEffect.mjs
 var import_react33 = __toESM(require_react(), 1);
 
@@ -63495,13 +63522,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);
   (0, import_react35.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
@@ -63509,11 +63536,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
   ]);
@@ -63616,18 +63642,14 @@ function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options)
     ref,
     event,
     options,
-    isDisabled3,
-    handleEvent
+    isDisabled3
   ]);
 }
 
 // ../../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;
-  (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)), 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;
@@ -63642,8 +63664,12 @@ function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
 }
 function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
   if (targetElement && document.contains(targetElement)) {
-    let root2 = document.scrollingElement || document.documentElement;
-    if (!(window.getComputedStyle(root2).overflow === "hidden") && !$c87311424ea30a05$export$6446a186d09e379e()) {
+    let root2 = document.scrollingElement || document.documentElement, isScrollPrevented = window.getComputedStyle(root2).overflow === "hidden";
+    if (isScrollPrevented) {
+      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
+      isScrollPrevented || scrollParents.push(root2);
+      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, {
@@ -63659,9 +63685,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);
     }
   }
 }
@@ -63810,26 +63833,24 @@ function $b4b717babfbb907b$var$isInert(element) {
 }
 
 // ../../node_modules/@react-stately/utils/dist/useControlledState.mjs
-var import_react45 = __toESM(require_react(), 1);
+var import_react45 = __toESM(require_react(), 1), $458b0a5536c1a7cf$var$_React_useInsertionEffect, $458b0a5536c1a7cf$var$useEarlyEffect = typeof document < "u" ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = import_react45.default.useInsertionEffect) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : import_react45.default.useLayoutEffect : () => {
+};
 function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
-  let [stateValue, setStateValue] = (0, import_react45.useState)(value || defaultValue), isControlledRef = (0, import_react45.useRef)(value !== void 0), isControlled = value !== void 0;
+  let [stateValue, setStateValue] = (0, import_react45.useState)(value || defaultValue), valueRef = (0, import_react45.useRef)(stateValue), isControlledRef = (0, import_react45.useRef)(value !== void 0), isControlled = value !== void 0;
   (0, import_react45.useEffect)(() => {
     let wasControlled = isControlledRef.current;
     isControlledRef.current = isControlled;
   }, [
     isControlled
   ]);
-  let currentValue = isControlled ? value : stateValue, setValue = (0, import_react45.useCallback)((value2, ...args) => {
-    let onChangeCaller = (value3, ...onChangeArgs) => {
-      onChange && (Object.is(currentValue, value3) || onChange(value3, ...onChangeArgs)), isControlled || (currentValue = value3);
-    };
-    typeof value2 == "function" ? 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] = (0, import_react45.useReducer)(() => ({}), {}), setValue = (0, import_react45.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 [
@@ -70560,8 +70581,8 @@ var fadeInOut = keyframes({
     }
   }
 })), Card = Object.assign(
-  (0, import_react97.forwardRef)(function({ outlineAnimation = "none", outlineColor, ...props }, ref) {
-    return import_react97.default.createElement(CardOutline, { animation: outlineAnimation, color: outlineColor, ref }, import_react97.default.createElement(CardContent, { ...props }));
+  (0, import_react97.forwardRef)(function({ outlineAnimation = "none", outlineColor, outlineAttrs = {}, ...props }, ref) {
+    return import_react97.default.createElement(CardOutline, { animation: outlineAnimation, color: outlineColor, ref, ...outlineAttrs }, import_react97.default.createElement(CardContent, { ...props }));
   }),
   {
     Content: CardContent,
@@ -71393,8 +71414,9 @@ var sizes = (({ size }) => {
       outline: "1px solid highlight"
     }
   },
-  "&[disabled]": {
-    background: theme3.base === "light" ? theme3.color.lighter : "transparent"
+  '&[disabled], &[aria-disabled="true"]': {
+    background: theme3.base === "light" ? theme3.color.lighter : "transparent",
+    cursor: "not-allowed"
   },
   "&:-webkit-autofill": { WebkitBoxShadow: `0 0 0 3em ${theme3.color.lightest} inset` },
   "&::placeholder": {