@storybook/react 11.0.0-alpha.1 → 11.0.0-alpha.3

package/dist/_browser-chunks/{chunk-PZ4OU6H4.js → chunk-A624C5GY.js}

@@ -1,9 +1,9 @@
 import {
   entry_preview_exports
-} from "./chunk-XACQAYAZ.js";
+} from "./chunk-XD4PMI7Q.js";
 import {
   entry_preview_argtypes_exports
-} from "./chunk-5GZAZJC7.js";
+} from "./chunk-LGSTPTL6.js";
 import {
   entry_preview_docs_exports
 } from "./chunk-CS62LUFX.js";

package/dist/_browser-chunks/{chunk-5GZAZJC7.js → chunk-LGSTPTL6.js}

@@ -6446,8 +6446,7 @@ import {
 
 // ../../../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
 function isPlainObject(value) {
-  if (!value || typeof value != "object")
-    return !1;
+  if (!value || typeof value != "object") return !1;
   let proto = Object.getPrototypeOf(value);
   return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null ? Object.prototype.toString.call(value) === "[object Object]" : !1;
 }

package/dist/_browser-chunks/{chunk-XACQAYAZ.js → chunk-XD4PMI7Q.js}

@@ -121,7 +121,7 @@ async function renderToCanvas({
   showException,
   forceRemount
 }, canvasElement) {
-  let { renderElement, unmountElement } = await import("@storybook/react-dom-shim"), Story = unboundStoryFn, isPortableStory = storyContext.parameters.__isPortableStory;
+  let { renderElement, unmountElement } = await import("./react-dom-client-CF4ABZ4W.js"), Story = unboundStoryFn, isPortableStory = storyContext.parameters.__isPortableStory;
   forceRemount && (isPortableStory ? unmountElement(canvasElement) : remountCounts.set(canvasElement, (remountCounts.get(canvasElement) ?? 0) + 1));
   let content = isPortableStory ? React3.createElement(Story, { ...storyContext }) : React3.createElement(
     ErrorBoundary,

package/dist/_browser-chunks/react-dom-client-CF4ABZ4W.js

@@ -0,0 +1,41 @@
+import "./chunk-UAWMPV5J.js";
+
+// src/react-dom-client.tsx
+import * as React from "react";
+import * as ReactDOM from "react-dom/client";
+var nodes = /* @__PURE__ */ new Map(), WithCallback = ({
+  callback,
+  children
+}) => {
+  let once = React.useRef();
+  return React.useLayoutEffect(() => {
+    once.current !== callback && (once.current = callback, callback());
+  }, [callback]), children;
+}, createPromise = () => {
+  let resolve;
+  return { promise: new Promise((res) => {
+    resolve = res;
+  }), resolve };
+}, settlePendingRenders = ({ pendingRenders }) => {
+  pendingRenders.forEach((resolve) => resolve()), pendingRenders.clear();
+}, renderElement = async (node, el, rootOptions) => {
+  let state = nodes.get(el);
+  if (state || (state = {
+    root: ReactDOM.createRoot(el, rootOptions),
+    pendingRenders: /* @__PURE__ */ new Set()
+  }, nodes.set(el, state)), settlePendingRenders(state), globalThis.IS_REACT_ACT_ENVIRONMENT) {
+    state.root.render(node);
+    return;
+  }
+  let { promise, resolve } = createPromise(), onCommit = () => {
+    state.pendingRenders.delete(onCommit), resolve();
+  };
+  return state.pendingRenders.add(onCommit), state.root.render(React.createElement(WithCallback, { callback: onCommit }, node)), promise;
+}, unmountElement = (el) => {
+  let state = nodes.get(el);
+  state && (state.root.unmount(), settlePendingRenders(state), nodes.delete(el));
+};
+export {
+  renderElement,
+  unmountElement
+};