storybook 10.0.0-beta.4 → 10.0.0-beta.5

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_bdftjtsviyb from 'node:url';
-import CJS_COMPAT_NODE_PATH_bdftjtsviyb from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bdftjtsviyb from "node:module";
+import CJS_COMPAT_NODE_URL_0oz6lpav6bgq from 'node:url';
+import CJS_COMPAT_NODE_PATH_0oz6lpav6bgq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bdftjtsviyb.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bdftjtsviyb.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bdftjtsviyb.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0oz6lpav6bgq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0oz6lpav6bgq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -83,12 +83,12 @@ import {
   transformImportFiles,
   validateConfigurationFiles,
   validateFrameworkName
-} from "../_node-chunks/chunk-AC3BNULF.js";
-import "../_node-chunks/chunk-JECCFKKM.js";
-import "../_node-chunks/chunk-5OILJTZE.js";
+} from "../_node-chunks/chunk-ACUNHBEO.js";
+import "../_node-chunks/chunk-OC3TVLYU.js";
+import "../_node-chunks/chunk-WCSHG2QT.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-CHJLO2LV.js";
+} from "../_node-chunks/chunk-DWJ7TV2O.js";
 import {
   findFilesUp,
   getProjectRoot,
@@ -100,22 +100,22 @@ import {
   optionalEnvToBoolean,
   stringifyEnvs,
   stringifyProcessEnvs
-} from "../_node-chunks/chunk-XA4TAMUS.js";
-import "../_node-chunks/chunk-JSSBBVU5.js";
-import "../_node-chunks/chunk-USDZSU5L.js";
+} from "../_node-chunks/chunk-TBWOUVTA.js";
+import "../_node-chunks/chunk-DZJNLBBL.js";
+import "../_node-chunks/chunk-VWSUFVUF.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-TBAIXCHN.js";
-import "../_node-chunks/chunk-4VGW2SQA.js";
-import "../_node-chunks/chunk-3J7DQ6TI.js";
-import "../_node-chunks/chunk-TYGVOW7L.js";
-import "../_node-chunks/chunk-OL2HWCBH.js";
-import "../_node-chunks/chunk-NOSGJ5PL.js";
-import "../_node-chunks/chunk-N3GFXZDP.js";
-import "../_node-chunks/chunk-MOO2Y4GI.js";
+} from "../_node-chunks/chunk-KU3JBNPY.js";
+import "../_node-chunks/chunk-4VDRH7SM.js";
+import "../_node-chunks/chunk-VX5P3IYA.js";
+import "../_node-chunks/chunk-UTCFHTQH.js";
+import "../_node-chunks/chunk-J3DQMIO4.js";
+import "../_node-chunks/chunk-P7YMEOXF.js";
+import "../_node-chunks/chunk-P3TWEOO5.js";
+import "../_node-chunks/chunk-2VMDKLSW.js";
 export {
   COMMON_ENV_VARS,
   DEFAULT_FILES_PATTERN,

package/dist/components/index.js

@@ -6,10 +6,7 @@ import {
   ScrollArea,
   SyntaxHighlighter,
   createCopyToClipboardFunction
-} from "../_browser-chunks/chunk-MZNYTCNT.js";
-import {
-  _objectWithoutPropertiesLoose
-} from "../_browser-chunks/chunk-VAMFPZY3.js";
+} from "../_browser-chunks/chunk-AM4PZYVQ.js";
 import "../_browser-chunks/chunk-P2LUROS2.js";
 import "../_browser-chunks/chunk-WJWT2LN5.js";
 import "../_browser-chunks/chunk-VBZTU7DO.js";
@@ -481,6 +478,10 @@ import "../_browser-chunks/chunk-OGVSPJVI.js";
 import "../_browser-chunks/chunk-AQHB5MEL.js";
 import "../_browser-chunks/chunk-5B53MDLY.js";
 import "../_browser-chunks/chunk-VVVPU2RE.js";
+import "../_browser-chunks/chunk-GJ67EE65.js";
+import {
+  _objectWithoutPropertiesLoose
+} from "../_browser-chunks/chunk-VAMFPZY3.js";
 import {
   curriedDarken$1,
   curriedLighten$1,
@@ -1521,7 +1522,7 @@ import React6, { Suspense, lazy } from "react";
 var languages = [];
 var Comp = null;
 var LazySyntaxHighlighter = lazy(async () => {
-  const { SyntaxHighlighter: SyntaxHighlighter3 } = await import("../_browser-chunks/syntaxhighlighter-YYAA4CS4.js");
+  const { SyntaxHighlighter: SyntaxHighlighter3 } = await import("../_browser-chunks/syntaxhighlighter-RJW7FE3A.js");
   if (languages.length > 0) {
     languages.forEach((args) => {
       SyntaxHighlighter3.registerLanguage(...args);
@@ -1537,7 +1538,7 @@ var LazySyntaxHighlighter = lazy(async () => {
 });
 var LazySyntaxHighlighterWithFormatter = lazy(async () => {
   const [{ SyntaxHighlighter: SyntaxHighlighter3 }, { formatter }] = await Promise.all([
-    import("../_browser-chunks/syntaxhighlighter-YYAA4CS4.js"),
+    import("../_browser-chunks/syntaxhighlighter-RJW7FE3A.js"),
     import("../_browser-chunks/formatter-OMEEQ6HG.js")
   ]);
   if (languages.length > 0) {
@@ -1590,6 +1591,7 @@ __export(dist_exports, {
 import * as React33 from "react";
 
 // ../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/primitive/dist/index.mjs
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return /* @__PURE__ */ __name(function handleEvent(event) {
     originalEventHandler?.(event);
@@ -1826,6 +1828,7 @@ var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 import * as React17 from "react";
 
 // ../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive/dist/index.mjs
+var canUseDOM2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return /* @__PURE__ */ __name(function handleEvent(event) {
     originalEventHandler?.(event);
@@ -1909,8 +1912,9 @@ function mergeProps(slotProps, childProps) {
     if (isHandler) {
       if (slotPropValue && childPropValue) {
         overrideProps[propName] = (...args) => {
-          childPropValue(...args);
+          const result = childPropValue(...args);
           slotPropValue(...args);
+          return result;
         };
       } else if (slotPropValue) {
         overrideProps[propName] = slotPropValue;
@@ -1962,7 +1966,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node = React14.forwardRef((props, forwardedRef) => {
+  const Node2 = React14.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp2 = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
@@ -1970,8 +1974,8 @@ var Primitive = NODES.reduce((primitive, node) => {
     }
     return jsx3(Comp2, { ...primitiveProps, ref: forwardedRef });
   });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
 }, {});
 function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
@@ -2512,7 +2516,7 @@ function usePresence(present) {
       const ownerWindow = node.ownerDocument.defaultView ?? window;
       const handleAnimationEnd = /* @__PURE__ */ __name((event) => {
         const currentAnimationName = getAnimationName(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
         if (event.target === node && isCurrentAnimation) {
           send("ANIMATION_END");
           if (!prevPresentRef.current) {
@@ -2854,14 +2858,14 @@ var RemoveScroll = React28.forwardRef(function(props, parentRef) {
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
   }), callbacks = _a[0], setCallbacks = _a[1];
-  var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container3 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
+  var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container3 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
   return React28.createElement(
     React28.Fragment,
     null,
-    enabled && React28.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    enabled && React28.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
     forwardProps ? React28.cloneElement(React28.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React28.createElement(Container3, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
@@ -3137,6 +3141,9 @@ var handleScroll = /* @__PURE__ */ __name(function(axis, endTarget, event, sourc
   var availableScroll = 0;
   var availableScrollTop = 0;
   do {
+    if (!target) {
+      break;
+    }
     var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
     var elementScroll = scroll_1 - capacity - directionFactor * position;
     if (position || elementScroll) {
@@ -3145,11 +3152,8 @@ var handleScroll = /* @__PURE__ */ __name(function(axis, endTarget, event, sourc
         availableScrollTop += position;
       }
     }
-    if (target instanceof ShadowRoot) {
-      target = target.host;
-    } else {
-      target = target.parentNode;
-    }
+    var parent_1 = target.parentNode;
+    target = parent_1 && parent_1.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? parent_1.host : parent_1;
   } while (
     // portaled content
     !targetInLock && target !== document.body || // self content
@@ -3313,7 +3317,7 @@ function RemoveScrollSideCar(props) {
     React31.Fragment,
     null,
     inert ? React31.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React31.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
+    removeScrollBar ? React31.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 __name(RemoveScrollSideCar, "RemoveScrollSideCar");
@@ -3457,7 +3461,7 @@ var hideOthers = /* @__PURE__ */ __name(function(originalTarget, parentNode, mar
       return null;
     };
   }
-  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live]")));
+  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 }, "hideOthers");