likec4 1.42.1 → 1.43.0

package/__app__/src/vendors.js

@@ -793,9 +793,9 @@ function useClickOutside(callback, events, nodes) {
     const listener = (event) => {
       const { target } = event ?? {};
       if (Array.isArray(nodes)) {
-        const shouldIgnore = !document.body.contains(target) && target.tagName !== "HTML";
-        nodes.every((node2) => !!node2 && !event.composedPath().includes(node2)) && !shouldIgnore && callback();
-      } else ref.current && !ref.current.contains(target) && callback();
+        const shouldIgnore = !document.body.contains(target) && target?.tagName !== "HTML";
+        nodes.every((node2) => !!node2 && !event.composedPath().includes(node2)) && !shouldIgnore && callback(event);
+      } else ref.current && !ref.current.contains(target) && callback(event);
     };
     return eventsList.forEach((fn) => document.addEventListener(fn, listener)), () => {
       eventsList.forEach((fn) => document.removeEventListener(fn, listener));
@@ -1059,8 +1059,8 @@ function createStorage(type2, hookName) {
       },
       [key2]
     ), removeStorageValue = useCallback(() => {
-      removeItem2(key2), window.dispatchEvent(new CustomEvent(eventName, { detail: { key: key2, value: defaultValue } }));
-    }, []);
+      removeItem2(key2), setValue(defaultValue), window.dispatchEvent(new CustomEvent(eventName, { detail: { key: key2, value: defaultValue } }));
+    }, [key2, defaultValue]);
     return useWindowEvent("storage", (event) => {
       sync && event.storageArea === window[type2] && event.key === key2 && setValue(deserialize2(event.newValue ?? void 0));
     }), useWindowEvent(eventName, (event) => {
@@ -6866,7 +6866,6 @@ function getTransitionStyles({
 }) {
   const shared = {
     WebkitBackfaceVisibility: "hidden",
-    willChange: "transform, opacity",
     transitionDuration: `${duration2}ms`,
     transitionTimingFunction: timingFunction
   };
@@ -7326,8 +7325,8 @@ function Popover(_props) {
     },
     [popover.floating.refs.setFloating]
   ), onExited = useCallback(() => {
-    transitionProps?.onExited?.(), onExitTransitionEnd?.(), setDropdownVisible(!1), positionRef.current = position2;
-  }, [transitionProps?.onExited, onExitTransitionEnd]), onEntered = useCallback(() => {
+    transitionProps?.onExited?.(), onExitTransitionEnd?.(), setDropdownVisible(!1), preventPositionChangeWhenVisible || (positionRef.current = position2);
+  }, [transitionProps?.onExited, onExitTransitionEnd, preventPositionChangeWhenVisible, position2]), onEntered = useCallback(() => {
     transitionProps?.onEntered?.(), onEnterTransitionEnd?.();
   }, [transitionProps?.onEntered, onEnterTransitionEnd]);
   return /* @__PURE__ */ jsxs(
@@ -8119,7 +8118,7 @@ function InputClearSection({
         rightSection || __defaultRightSection
       ]
     }
-  ) : rightSection || clearSection || __defaultRightSection;
+  ) : rightSection === null ? null : rightSection || clearSection || __defaultRightSection;
 }
 const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
   offsetBottom: !1,
@@ -8962,8 +8961,8 @@ const varsResolver$w = (theme, { radius, color: color2, variant, autoContrast })
       ref,
       ...others,
       role: "alert",
-      "aria-describedby": bodyId,
-      "aria-labelledby": titleId,
+      "aria-describedby": children2 ? bodyId : void 0,
+      "aria-labelledby": title ? titleId : void 0,
       children: /* @__PURE__ */ jsxs("div", { ...getStyles2("wrapper"), children: [
         icon && /* @__PURE__ */ jsx("div", { ...getStyles2("icon"), children: icon }),
         /* @__PURE__ */ jsxs("div", { ...getStyles2("body"), children: [
@@ -11526,7 +11525,7 @@ function MenuSub(_props) {
         }, 16),
         parentContext: ctx
       },
-      children: /* @__PURE__ */ jsx(Popover, { opened, ...others, withinPortal: !1, withArrow: !1, id: id2, children: children2 })
+      children: /* @__PURE__ */ jsx(Popover, { opened, withinPortal: !1, withArrow: !1, id: id2, ...others, children: children2 })
     }
   );
 }
@@ -11953,6 +11952,8 @@ const varsResolver$a = (theme, { variant, color: color2, childrenOffset, autoCon
     autoContrast,
     mod,
     attributes,
+    onClick,
+    onKeyDown,
     ...others
   } = props2, getStyles2 = useStyles({
     name: "NavLink",
@@ -11972,7 +11973,7 @@ const varsResolver$a = (theme, { variant, color: color2, childrenOffset, autoCon
     finalValue: !1,
     onChange
   }), withChildren = !!children2, handleClick = (event) => {
-    others.onClick?.(event), withChildren && (event.preventDefault(), setOpened(!_opened));
+    onClick?.(event), withChildren && (event.preventDefault(), setOpened(!_opened));
   };
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsxs(
@@ -11983,7 +11984,7 @@ const varsResolver$a = (theme, { variant, color: color2, childrenOffset, autoCon
         ref,
         onClick: handleClick,
         onKeyDown: (event) => {
-          others.onKeyDown?.(event), event.nativeEvent.code === "Space" && withChildren && (event.preventDefault(), setOpened(!_opened));
+          onKeyDown?.(event), event.nativeEvent.code === "Space" && withChildren && (event.preventDefault(), setOpened(!_opened));
         },
         unstyled,
         mod: [{ disabled, active, expanded: _opened }, mod],
@@ -13545,7 +13546,6 @@ const TabsTab = factory((_props, ref) => {
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
     {
-      ...others,
       ...ctx.getStyles("tab", { className, style: style2, variant: ctx.variant, ...stylesApiProps }),
       disabled,
       unstyled: ctx.unstyled,
@@ -13577,6 +13577,7 @@ const TabsTab = factory((_props, ref) => {
         dir,
         onKeyDown
       }),
+      ...others,
       children: [
         leftSection && /* @__PURE__ */ jsx("span", { ...ctx.getStyles("tabSection", stylesApiProps), "data-position": "left", children: leftSection }),
         children2 && /* @__PURE__ */ jsx("span", { ...ctx.getStyles("tabLabel", stylesApiProps), children: children2 }),
@@ -20320,15 +20321,10 @@ const isEdgeBase = (element2) => "id" in element2 && "source" in element2 && "ta
   }, { x: 1 / 0, y: 1 / 0, x2: -1 / 0, y2: -1 / 0 });
   return boxToRect(box);
 }, getInternalNodesBounds = (nodeLookup, params = {}) => {
-  if (nodeLookup.size === 0)
-    return { x: 0, y: 0, width: 0, height: 0 };
-  let box = { x: 1 / 0, y: 1 / 0, x2: -1 / 0, y2: -1 / 0 };
+  let box = { x: 1 / 0, y: 1 / 0, x2: -1 / 0, y2: -1 / 0 }, hasVisibleNodes = !1;
   return nodeLookup.forEach((node2) => {
-    if (params.filter === void 0 || params.filter(node2)) {
-      const nodeBox = nodeToBox(node2);
-      box = getBoundsOfBoxes(box, nodeBox);
-    }
-  }), boxToRect(box);
+    (params.filter === void 0 || params.filter(node2)) && (box = getBoundsOfBoxes(box, nodeToBox(node2)), hasVisibleNodes = !0);
+  }), hasVisibleNodes ? boxToRect(box) : { x: 0, y: 0, width: 0, height: 0 };
 }, getNodesInside = (nodes, rect, [tx, ty, tScale] = [0, 0, 1], partially = !1, excludeNonSelectableNodes = !1) => {
   const paneRect = {
     ...pointToRendererPoint(rect, [tx, ty, tScale]),
@@ -20869,7 +20865,7 @@ function getNodeToolbarTransform(nodeRect, viewport, position2, offset2, align)
   }
   return `translate(${pos[0]}px, ${pos[1]}px) translate(${shift2[0]}%, ${shift2[1]}%)`;
 }
-const defaultOptions = {
+const SELECTED_NODE_Z = 1e3, ROOT_PARENT_Z_INCREMENT = 10, defaultOptions = {
   nodeOrigin: [0, 0],
   nodeExtent: infiniteExtent,
   elevateNodesOnSelect: !0,
@@ -20918,8 +20914,8 @@ function parseHandles(userNode, internalNode) {
 }
 function adoptUserNodes(nodes, nodeLookup, parentLookup, options) {
   const _options = mergeObjects(adoptUserNodesDefaultOptions, options);
-  let nodesInitialized = nodes.length > 0;
-  const tmpLookup = new Map(nodeLookup), selectedNodeZ = _options?.elevateNodesOnSelect ? 1e3 : 0;
+  let rootParentIndex = { i: -1 }, nodesInitialized = nodes.length > 0;
+  const tmpLookup = new Map(nodeLookup), selectedNodeZ = _options?.elevateNodesOnSelect ? SELECTED_NODE_Z : 0;
   nodeLookup.clear(), parentLookup.clear();
   for (const userNode of nodes) {
     let internalNode = tmpLookup.get(userNode.id);
@@ -20943,7 +20939,7 @@ function adoptUserNodes(nodes, nodeLookup, parentLookup, options) {
         }
       }, nodeLookup.set(userNode.id, internalNode);
     }
-    (internalNode.measured === void 0 || internalNode.measured.width === void 0 || internalNode.measured.height === void 0) && !internalNode.hidden && (nodesInitialized = !1), userNode.parentId && updateChildNode(internalNode, nodeLookup, parentLookup, options);
+    (internalNode.measured === void 0 || internalNode.measured.width === void 0 || internalNode.measured.height === void 0) && !internalNode.hidden && (nodesInitialized = !1), userNode.parentId && updateChildNode(internalNode, nodeLookup, parentLookup, options, rootParentIndex);
   }
   return nodesInitialized;
 }
@@ -20953,14 +20949,14 @@ function updateParentLookup(node2, parentLookup) {
   const childNodes = parentLookup.get(node2.parentId);
   childNodes ? childNodes.set(node2.id, node2) : parentLookup.set(node2.parentId, /* @__PURE__ */ new Map([[node2.id, node2]]));
 }
-function updateChildNode(node2, nodeLookup, parentLookup, options) {
+function updateChildNode(node2, nodeLookup, parentLookup, options, rootParentIndex) {
   const { elevateNodesOnSelect, nodeOrigin, nodeExtent } = mergeObjects(defaultOptions, options), parentId = node2.parentId, parentNode = nodeLookup.get(parentId);
   if (!parentNode) {
     console.warn(`Parent node ${parentId} not found. Please make sure that parent nodes are in front of their child nodes in the nodes array.`);
     return;
   }
-  updateParentLookup(node2, parentLookup);
-  const selectedNodeZ = elevateNodesOnSelect ? 1e3 : 0, { x: x2, y: y2, z } = calculateChildXYZ(node2, parentNode, nodeOrigin, nodeExtent, selectedNodeZ), { positionAbsolute } = node2.internals, positionChanged = x2 !== positionAbsolute.x || y2 !== positionAbsolute.y;
+  updateParentLookup(node2, parentLookup), rootParentIndex && !parentNode.parentId && parentNode.internals.rootParentIndex === void 0 && (parentNode.internals.rootParentIndex = ++rootParentIndex.i, parentNode.internals.z = parentNode.internals.z + rootParentIndex.i * ROOT_PARENT_Z_INCREMENT), rootParentIndex && parentNode.internals.rootParentIndex !== void 0 && (rootParentIndex.i = parentNode.internals.rootParentIndex);
+  const selectedNodeZ = elevateNodesOnSelect ? SELECTED_NODE_Z : 0, { x: x2, y: y2, z } = calculateChildXYZ(node2, parentNode, nodeOrigin, nodeExtent, selectedNodeZ), { positionAbsolute } = node2.internals, positionChanged = x2 !== positionAbsolute.x || y2 !== positionAbsolute.y;
   (positionChanged || z !== node2.internals.z) && nodeLookup.set(node2.id, {
     ...node2,
     internals: {
@@ -21512,7 +21508,7 @@ function XYMinimap({ domNode, panZoom, getTransform, getViewScale }) {
     pointer
   };
 }
-const viewChanged = (prevViewport, eventViewport) => prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k, transformToViewport = (transform2) => ({
+const transformToViewport = (transform2) => ({
   x: transform2.x,
   y: transform2.y,
   zoom: transform2.k
@@ -21545,9 +21541,9 @@ function createPanOnScrollHandler({ zoomPanValues, noWheelClassName, d3Selection
       { internal: !0 }
     );
     const nextViewport = transformToViewport(d3Selection.property("__zoom"));
-    clearTimeout(zoomPanValues.panScrollTimeout), zoomPanValues.isPanScrolling || (zoomPanValues.isPanScrolling = !0, onPanZoomStart?.(event, nextViewport)), zoomPanValues.isPanScrolling && (onPanZoom?.(event, nextViewport), zoomPanValues.panScrollTimeout = setTimeout(() => {
+    clearTimeout(zoomPanValues.panScrollTimeout), zoomPanValues.isPanScrolling ? (onPanZoom?.(event, nextViewport), zoomPanValues.panScrollTimeout = setTimeout(() => {
       onPanZoomEnd?.(event, nextViewport), zoomPanValues.isPanScrolling = !1;
-    }, 150));
+    }, 150)) : (zoomPanValues.isPanScrolling = !0, onPanZoomStart?.(event, nextViewport));
   };
 }
 function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }) {
@@ -21573,7 +21569,7 @@ function createPanZoomHandler({ zoomPanValues, panOnDrag, onPaneContextMenu, onT
 }
 function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDraggingChange, onPanZoomEnd, onPaneContextMenu }) {
   return (event) => {
-    if (!event.sourceEvent?.internal && (zoomPanValues.isZoomingOrPanning = !1, onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0) && !zoomPanValues.usedRightMouseButton && event.sourceEvent && onPaneContextMenu(event.sourceEvent), zoomPanValues.usedRightMouseButton = !1, onDraggingChange(!1), onPanZoomEnd && viewChanged(zoomPanValues.prevViewport, event.transform))) {
+    if (!event.sourceEvent?.internal && (zoomPanValues.isZoomingOrPanning = !1, onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0) && !zoomPanValues.usedRightMouseButton && event.sourceEvent && onPaneContextMenu(event.sourceEvent), zoomPanValues.usedRightMouseButton = !1, onDraggingChange(!1), onPanZoomEnd)) {
       const viewport = transformToViewport(event.transform);
       zoomPanValues.prevViewport = viewport, clearTimeout(zoomPanValues.timerId), zoomPanValues.timerId = setTimeout(
         () => {
@@ -21604,7 +21600,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, paneClickDistance, translateExte
   const zoomPanValues = {
     isZoomingOrPanning: !1,
     usedRightMouseButton: !1,
-    prevViewport: { x: 0, y: 0, zoom: 0 },
+    prevViewport: {},
     mouseButton: 0,
     timerId: void 0,
     panScrollTimeout: void 0,
@@ -21835,9 +21831,25 @@ function nodeToChildExtent(child, parent, nodeOrigin) {
 }
 function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
   const selection2 = select(domNode);
+  let params = {
+    controlDirection: getControlDirection("bottom-right"),
+    boundaries: {
+      minWidth: 0,
+      minHeight: 0,
+      maxWidth: Number.MAX_VALUE,
+      maxHeight: Number.MAX_VALUE
+    },
+    resizeDirection: void 0,
+    keepAspectRatio: !1
+  };
   function update({ controlPosition, boundaries, keepAspectRatio, resizeDirection, onResizeStart, onResize, onResizeEnd, shouldResize }) {
     let prevValues = { ...initPrevValues$1 }, startValues = { ...initStartValues };
-    const controlDirection = getControlDirection(controlPosition);
+    params = {
+      boundaries,
+      resizeDirection,
+      keepAspectRatio,
+      controlDirection: getControlDirection(controlPosition)
+    };
     let node2, containerBounds = null, childNodes = [], parentNode, parentExtent, childExtent, resizeDetected = !1;
     const dragHandler = drag$1().on("start", (event) => {
       const { nodeLookup, transform: transform2, snapGrid, snapToGrid, nodeOrigin, paneDomNode } = getStoreItems();
@@ -21883,7 +21895,7 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
       }), childChanges = [];
       if (!node2)
         return;
-      const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues, change2 = {}, nodeOrigin = node2.origin ?? storeNodeOrigin, { width, height, x: x2, y: y2 } = getDimensionsAfterResize(startValues, controlDirection, pointerPosition, boundaries, keepAspectRatio, nodeOrigin, parentExtent, childExtent), isWidthChange = width !== prevWidth, isHeightChange = height !== prevHeight, isXPosChange = x2 !== prevX && isWidthChange, isYPosChange = y2 !== prevY && isHeightChange;
+      const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues, change2 = {}, nodeOrigin = node2.origin ?? storeNodeOrigin, { width, height, x: x2, y: y2 } = getDimensionsAfterResize(startValues, params.controlDirection, pointerPosition, params.boundaries, params.keepAspectRatio, nodeOrigin, parentExtent, childExtent), isWidthChange = width !== prevWidth, isHeightChange = height !== prevHeight, isXPosChange = x2 !== prevX && isWidthChange, isYPosChange = y2 !== prevY && isHeightChange;
       if (!isXPosChange && !isYPosChange && !isWidthChange && !isHeightChange)
         return;
       if ((isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] === 1) && (change2.x = isXPosChange ? x2 : prevValues.x, change2.y = isYPosChange ? y2 : prevValues.y, prevValues.x = change2.x, prevValues.y = change2.y, childNodes.length > 0)) {
@@ -21894,7 +21906,7 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
             y: childNode.position.y - yChange + nodeOrigin[1] * (height - prevHeight)
           }, childChanges.push(childNode);
       }
-      if ((isWidthChange || isHeightChange) && (change2.width = isWidthChange && (!resizeDirection || resizeDirection === "horizontal") ? width : prevValues.width, change2.height = isHeightChange && (!resizeDirection || resizeDirection === "vertical") ? height : prevValues.height, prevValues.width = change2.width, prevValues.height = change2.height), parentNode && node2.expandParent) {
+      if ((isWidthChange || isHeightChange) && (change2.width = isWidthChange && (!params.resizeDirection || params.resizeDirection === "horizontal") ? width : prevValues.width, change2.height = isHeightChange && (!params.resizeDirection || params.resizeDirection === "vertical") ? height : prevValues.height, prevValues.width = change2.width, prevValues.height = change2.height), parentNode && node2.expandParent) {
         const xLimit = nodeOrigin[0] * (change2.width ?? 0);
         change2.x && change2.x < xLimit && (prevValues.x = xLimit, startValues.x = startValues.x - (change2.x - xLimit));
         const yLimit = nodeOrigin[1] * (change2.height ?? 0);
@@ -21905,8 +21917,8 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
         prevWidth,
         height: prevValues.height,
         prevHeight,
-        affectsX: controlDirection.affectsX,
-        affectsY: controlDirection.affectsY
+        affectsX: params.controlDirection.affectsX,
+        affectsY: params.controlDirection.affectsY
       }), nextValues = { ...prevValues, direction };
       shouldResize?.(event, nextValues) !== !1 && (resizeDetected = !0, onResize?.(event, nextValues), onChange(change2, childChanges));
     }).on("end", (event) => {
@@ -22693,11 +22705,15 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
       return;
     }
     onPaneContextMenu?.(event);
-  }, onWheel = onPaneScroll ? (event) => onPaneScroll(event) : void 0, onPointerDown2 = (event) => {
+  }, onWheel = onPaneScroll ? (event) => onPaneScroll(event) : void 0, onClickCapture = (event) => {
+    (selectionOnDrag && container.current === event.target || !selectionOnDrag || selectionKeyPressed) && event.stopPropagation();
+  }, onPointerDownCapture = (event) => {
     const { resetSelectedElements, domNode } = store.getState();
-    if (containerBounds.current = domNode?.getBoundingClientRect(), !elementsSelectable || !isSelecting || event.button !== 0 || event.target !== container.current || !containerBounds.current)
+    containerBounds.current = domNode?.getBoundingClientRect();
+    const isNoKeyEvent = event.target !== container.current && !!event.target.closest(".nokey"), isSelectionActive = selectionOnDrag && container.current === event.target || !selectionOnDrag || selectionKeyPressed;
+    if (!elementsSelectable || !isSelecting || event.button !== 0 || !containerBounds.current || isNoKeyEvent || !isSelectionActive || !event.isPrimary)
       return;
-    event.target?.setPointerCapture?.(event.pointerId), selectionStarted.current = !0, selectionInProgress.current = !1;
+    event.stopPropagation(), event.preventDefault(), event.target?.setPointerCapture?.(event.pointerId), selectionStarted.current = !0, selectionInProgress.current = !1;
     const { x: x2, y: y2 } = getEventPosition(event.nativeEvent, containerBounds.current);
     resetSelectedElements(), store.setState({
       userSelectionRect: {
@@ -22756,7 +22772,7 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
       nodesSelectionActive: selectedNodeIds.current.size > 0
     }), onSelectionEnd?.(event), (selectionKeyPressed || selectionOnDrag) && (selectionInProgress.current = !1), selectionStarted.current = !1;
   }, draggable = panOnDrag === !0 || Array.isArray(panOnDrag) && panOnDrag.includes(0);
-  return jsxs("div", { className: cc(["react-flow__pane", { draggable, dragging, selection: isSelecting }]), onClick: hasActiveSelection ? void 0 : wrapHandler(onClick, container), onContextMenu: wrapHandler(onContextMenu, container), onWheel: wrapHandler(onWheel, container), onPointerEnter: hasActiveSelection ? void 0 : onPaneMouseEnter, onPointerDown: hasActiveSelection ? onPointerDown2 : onPaneMouseMove, onPointerMove: hasActiveSelection ? onPointerMove : onPaneMouseMove, onPointerUp: hasActiveSelection ? onPointerUp : void 0, onPointerLeave: onPaneMouseLeave, ref: container, style: containerStyle, children: [children2, jsx(UserSelection, {})] });
+  return jsxs("div", { className: cc(["react-flow__pane", { draggable, dragging, selection: isSelecting }]), onClick: hasActiveSelection ? void 0 : wrapHandler(onClick, container), onContextMenu: wrapHandler(onContextMenu, container), onWheel: wrapHandler(onWheel, container), onPointerEnter: hasActiveSelection ? void 0 : onPaneMouseEnter, onPointerMove: hasActiveSelection ? onPointerMove : onPaneMouseMove, onPointerUp: hasActiveSelection ? onPointerUp : void 0, onPointerDownCapture: hasActiveSelection ? onPointerDownCapture : void 0, onClickCapture: hasActiveSelection ? onClickCapture : void 0, onPointerLeave: onPaneMouseLeave, ref: container, style: containerStyle, children: [children2, jsx(UserSelection, {})] });
 }
 function handleNodeClick({ id: id2, store, unselect = !1, nodeRef }) {
   const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodeLookup, onError } = store.getState(), node2 = nodeLookup.get(id2);
@@ -23140,6 +23156,7 @@ function NodeWrapper({ id: id2, onClick, onMouseEnter, onMouseMove, onMouseLeave
     ...inlineDimensions
   }, "data-id": id2, "data-testid": `rf__node-${id2}`, onMouseEnter: onMouseEnterHandler, onMouseMove: onMouseMoveHandler, onMouseLeave: onMouseLeaveHandler, onContextMenu: onContextMenuHandler, onClick: onSelectNodeHandler, onDoubleClick: onDoubleClickHandler, onKeyDown: isFocusable ? onKeyDown : void 0, tabIndex: isFocusable ? 0 : void 0, onFocus: isFocusable ? onFocus : void 0, role: node2.ariaRole ?? (isFocusable ? "group" : void 0), "aria-roledescription": "node", "aria-describedby": disableKeyboardA11y ? void 0 : `${ARIA_NODE_DESC_KEY}-${rfId}`, "aria-label": node2.ariaLabel, ...node2.domAttributes, children: jsx(Provider, { value: id2, children: jsx(NodeComponent, { id: id2, data: node2.data, type: nodeType, positionAbsoluteX: internals.positionAbsolute.x, positionAbsoluteY: internals.positionAbsolute.y, selected: node2.selected ?? !1, selectable: isSelectable, draggable: isDraggable, deletable: node2.deletable ?? !0, isConnectable, sourcePosition: node2.sourcePosition, targetPosition: node2.targetPosition, dragging, dragHandle: node2.dragHandle, zIndex: internals.z, parentId: node2.parentId, ...nodeDimensions }) }) });
 }
+var NodeWrapper$1 = memo$1(NodeWrapper);
 const selector$b = (s2) => ({
   nodesDraggable: s2.nodesDraggable,
   nodesConnectable: s2.nodesConnectable,
@@ -23175,7 +23192,7 @@ function NodeRendererComponent(props2) {
      *   memorized – so if `NodeRenderer` *has* to rerender, it only
      *   needs to regenerate the list of nodes, nothing else.
      */
-    jsx(NodeWrapper, { id: nodeId, nodeTypes: props2.nodeTypes, nodeExtent: props2.nodeExtent, onClick: props2.onNodeClick, onMouseEnter: props2.onNodeMouseEnter, onMouseMove: props2.onNodeMouseMove, onMouseLeave: props2.onNodeMouseLeave, onContextMenu: props2.onNodeContextMenu, onDoubleClick: props2.onNodeDoubleClick, noDragClassName: props2.noDragClassName, noPanClassName: props2.noPanClassName, rfId: props2.rfId, disableKeyboardA11y: props2.disableKeyboardA11y, resizeObserver, nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, nodeClickDistance: props2.nodeClickDistance, onError }, nodeId)
+    jsx(NodeWrapper$1, { id: nodeId, nodeTypes: props2.nodeTypes, nodeExtent: props2.nodeExtent, onClick: props2.onNodeClick, onMouseEnter: props2.onNodeMouseEnter, onMouseMove: props2.onNodeMouseMove, onMouseLeave: props2.onNodeMouseLeave, onContextMenu: props2.onNodeContextMenu, onDoubleClick: props2.onNodeDoubleClick, noDragClassName: props2.noDragClassName, noPanClassName: props2.noPanClassName, rfId: props2.rfId, disableKeyboardA11y: props2.disableKeyboardA11y, resizeObserver, nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, nodeClickDistance: props2.nodeClickDistance, onError }, nodeId)
   )) });
 }
 NodeRendererComponent.displayName = "NodeRenderer";
@@ -23478,6 +23495,7 @@ function EdgeWrapper({ id: id2, edgesFocusable, edgesReconnectable, elementsSele
     }
   ]), onClick: onEdgeClick, onDoubleClick: onEdgeDoubleClick, onContextMenu: onEdgeContextMenu, onMouseEnter: onEdgeMouseEnter, onMouseMove: onEdgeMouseMove, onMouseLeave: onEdgeMouseLeave, onKeyDown: isFocusable ? onKeyDown : void 0, tabIndex: isFocusable ? 0 : void 0, role: edge.ariaRole ?? (isFocusable ? "group" : "img"), "aria-roledescription": "edge", "data-id": id2, "data-testid": `rf__edge-${id2}`, "aria-label": edge.ariaLabel === null ? void 0 : edge.ariaLabel || `Edge from ${edge.source} to ${edge.target}`, "aria-describedby": isFocusable ? `${ARIA_EDGE_DESC_KEY}-${rfId}` : void 0, ref: edgeRef, ...edge.domAttributes, children: [!reconnecting && jsx(EdgeComponent, { id: id2, source: edge.source, target: edge.target, type: edge.type, selected: edge.selected, animated: edge.animated, selectable: isSelectable, deletable: edge.deletable ?? !0, label: edge.label, labelStyle: edge.labelStyle, labelShowBg: edge.labelShowBg, labelBgStyle: edge.labelBgStyle, labelBgPadding: edge.labelBgPadding, labelBgBorderRadius: edge.labelBgBorderRadius, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data: edge.data, style: edge.style, sourceHandleId: edge.sourceHandle, targetHandleId: edge.targetHandle, markerStart: markerStartUrl, markerEnd: markerEndUrl, pathOptions: "pathOptions" in edge ? edge.pathOptions : void 0, interactionWidth: edge.interactionWidth }), isReconnectable && jsx(EdgeUpdateAnchors, { edge, isReconnectable, reconnectRadius, onReconnect, onReconnectStart, onReconnectEnd, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, setUpdateHover, setReconnecting })] }) });
 }
+var EdgeWrapper$1 = memo$1(EdgeWrapper);
 const selector$a = (s2) => ({
   edgesFocusable: s2.edgesFocusable,
   edgesReconnectable: s2.edgesReconnectable,
@@ -23487,7 +23505,7 @@ const selector$a = (s2) => ({
 });
 function EdgeRendererComponent({ defaultMarkerColor, onlyRenderVisibleElements, rfId, edgeTypes, noPanClassName, onReconnect, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeClick, reconnectRadius, onEdgeDoubleClick, onReconnectStart, onReconnectEnd, disableKeyboardA11y }) {
   const { edgesFocusable, edgesReconnectable, elementsSelectable, onError } = useStore$1(selector$a, shallow$1), edgeIds = useVisibleEdgeIds(onlyRenderVisibleElements);
-  return jsxs("div", { className: "react-flow__edges", children: [jsx(MarkerDefinitions$1, { defaultColor: defaultMarkerColor, rfId }), edgeIds.map((id2) => jsx(EdgeWrapper, { id: id2, edgesFocusable, edgesReconnectable, elementsSelectable, noPanClassName, onReconnect, onContextMenu: onEdgeContextMenu, onMouseEnter: onEdgeMouseEnter, onMouseMove: onEdgeMouseMove, onMouseLeave: onEdgeMouseLeave, onClick: onEdgeClick, reconnectRadius, onDoubleClick: onEdgeDoubleClick, onReconnectStart, onReconnectEnd, rfId, onError, edgeTypes, disableKeyboardA11y }, id2))] });
+  return jsxs("div", { className: "react-flow__edges", children: [jsx(MarkerDefinitions$1, { defaultColor: defaultMarkerColor, rfId }), edgeIds.map((id2) => jsx(EdgeWrapper$1, { id: id2, edgesFocusable, edgesReconnectable, elementsSelectable, noPanClassName, onReconnect, onContextMenu: onEdgeContextMenu, onMouseEnter: onEdgeMouseEnter, onMouseMove: onEdgeMouseMove, onMouseLeave: onEdgeMouseLeave, onClick: onEdgeClick, reconnectRadius, onDoubleClick: onEdgeDoubleClick, onReconnectStart, onReconnectEnd, rfId, onError, edgeTypes, disableKeyboardA11y }, id2))] });
 }
 EdgeRendererComponent.displayName = "EdgeRenderer";
 const EdgeRenderer = memo$1(EdgeRendererComponent), selector$9 = (s2) => `translate(${s2.transform[0]}px,${s2.transform[1]}px) scale(${s2.transform[2]})`;
@@ -24277,6 +24295,9 @@ function createIsCircular(areItemsEqual) {
     return cache2.delete(a2), cache2.delete(b), result;
   };
 }
+function getShortTag(value) {
+  return value?.[Symbol.toStringTag];
+}
 function getStrictProperties(object2) {
   return getOwnPropertyNames(object2).concat(getOwnPropertySymbols(object2));
 }
@@ -24391,7 +24412,7 @@ function isPropertyEqual(a2, b, state, property) {
 }
 var ARGUMENTS_TAG = "[object Arguments]", BOOLEAN_TAG = "[object Boolean]", DATE_TAG = "[object Date]", ERROR_TAG = "[object Error]", MAP_TAG = "[object Map]", NUMBER_TAG = "[object Number]", OBJECT_TAG = "[object Object]", REG_EXP_TAG = "[object RegExp]", SET_TAG = "[object Set]", STRING_TAG = "[object String]", URL_TAG = "[object URL]", isArray = Array.isArray, isTypedArray = typeof ArrayBuffer == "function" && ArrayBuffer.isView ? ArrayBuffer.isView : null, assign = Object.assign, getTag = Object.prototype.toString.call.bind(Object.prototype.toString);
 function createEqualityComparator(_a2) {
-  var areArraysEqual2 = _a2.areArraysEqual, areDatesEqual2 = _a2.areDatesEqual, areErrorsEqual2 = _a2.areErrorsEqual, areFunctionsEqual2 = _a2.areFunctionsEqual, areMapsEqual2 = _a2.areMapsEqual, areNumbersEqual2 = _a2.areNumbersEqual, areObjectsEqual2 = _a2.areObjectsEqual, arePrimitiveWrappersEqual2 = _a2.arePrimitiveWrappersEqual, areRegExpsEqual2 = _a2.areRegExpsEqual, areSetsEqual2 = _a2.areSetsEqual, areTypedArraysEqual2 = _a2.areTypedArraysEqual, areUrlsEqual2 = _a2.areUrlsEqual;
+  var areArraysEqual2 = _a2.areArraysEqual, areDatesEqual2 = _a2.areDatesEqual, areErrorsEqual2 = _a2.areErrorsEqual, areFunctionsEqual2 = _a2.areFunctionsEqual, areMapsEqual2 = _a2.areMapsEqual, areNumbersEqual2 = _a2.areNumbersEqual, areObjectsEqual2 = _a2.areObjectsEqual, arePrimitiveWrappersEqual2 = _a2.arePrimitiveWrappersEqual, areRegExpsEqual2 = _a2.areRegExpsEqual, areSetsEqual2 = _a2.areSetsEqual, areTypedArraysEqual2 = _a2.areTypedArraysEqual, areUrlsEqual2 = _a2.areUrlsEqual, unknownTagComparators = _a2.unknownTagComparators;
   return function(a2, b, state) {
     if (a2 === b)
       return !0;
@@ -24420,7 +24441,34 @@ function createEqualityComparator(_a2) {
     if (constructor === Set)
       return areSetsEqual2(a2, b, state);
     var tag = getTag(a2);
-    return tag === DATE_TAG ? areDatesEqual2(a2, b, state) : tag === REG_EXP_TAG ? areRegExpsEqual2(a2, b, state) : tag === MAP_TAG ? areMapsEqual2(a2, b, state) : tag === SET_TAG ? areSetsEqual2(a2, b, state) : tag === OBJECT_TAG ? typeof a2.then != "function" && typeof b.then != "function" && areObjectsEqual2(a2, b, state) : tag === URL_TAG ? areUrlsEqual2(a2, b, state) : tag === ERROR_TAG ? areErrorsEqual2(a2, b, state) : tag === ARGUMENTS_TAG ? areObjectsEqual2(a2, b, state) : tag === BOOLEAN_TAG || tag === NUMBER_TAG || tag === STRING_TAG ? arePrimitiveWrappersEqual2(a2, b, state) : !1;
+    if (tag === DATE_TAG)
+      return areDatesEqual2(a2, b, state);
+    if (tag === REG_EXP_TAG)
+      return areRegExpsEqual2(a2, b, state);
+    if (tag === MAP_TAG)
+      return areMapsEqual2(a2, b, state);
+    if (tag === SET_TAG)
+      return areSetsEqual2(a2, b, state);
+    if (tag === OBJECT_TAG)
+      return typeof a2.then != "function" && typeof b.then != "function" && areObjectsEqual2(a2, b, state);
+    if (tag === URL_TAG)
+      return areUrlsEqual2(a2, b, state);
+    if (tag === ERROR_TAG)
+      return areErrorsEqual2(a2, b, state);
+    if (tag === ARGUMENTS_TAG)
+      return areObjectsEqual2(a2, b, state);
+    if (tag === BOOLEAN_TAG || tag === NUMBER_TAG || tag === STRING_TAG)
+      return arePrimitiveWrappersEqual2(a2, b, state);
+    if (unknownTagComparators) {
+      var unknownTagComparator = unknownTagComparators[tag];
+      if (!unknownTagComparator) {
+        var shortTag = getShortTag(a2);
+        shortTag && (unknownTagComparator = unknownTagComparators[shortTag]);
+      }
+      if (unknownTagComparator)
+        return unknownTagComparator(a2, b, state);
+    }
+    return !1;
   };
 }
 function createEqualityComparatorConfig(_a2) {
@@ -24436,7 +24484,8 @@ function createEqualityComparatorConfig(_a2) {
     areRegExpsEqual,
     areSetsEqual: strict ? combineComparators(areSetsEqual, areObjectsEqualStrict) : areSetsEqual,
     areTypedArraysEqual: strict ? areObjectsEqualStrict : areTypedArraysEqual,
-    areUrlsEqual
+    areUrlsEqual,
+    unknownTagComparators: void 0
   };
   if (createCustomConfig && (config2 = assign({}, config2, createCustomConfig(config2))), circular) {
     var areArraysEqual$1 = createIsCircular(config2.areArraysEqual), areMapsEqual$1 = createIsCircular(config2.areMapsEqual), areObjectsEqual$1 = createIsCircular(config2.areObjectsEqual), areSetsEqual$12 = createIsCircular(config2.areSetsEqual);
@@ -49784,7 +49833,7 @@ function createAnimationState(visualElement) {
     setAnimateFunction,
     getState: () => state,
     reset: () => {
-      state = createState(), isInitialRender = !0;
+      state = createState();
     }
   };
 }
@@ -51735,7 +51784,7 @@ function hasArrayChanged() {
   let a2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return a2.length !== b.length || a2.some((item, index2) => !Object.is(item, b[index2]));
 }
-var xstateReact_cjs = {}, xstate_cjs = {}, xstateActors_cjs = {}, raiseB4a670a0_cjs = {}, xstateDev_cjs = {}, hasRequiredXstateDev_cjs;
+var xstateReact_cjs = {}, xstate_cjs = {}, xstateActors_cjs = {}, raiseDa5b247f_cjs = {}, xstateDev_cjs = {}, hasRequiredXstateDev_cjs;
 function requireXstateDev_cjs() {
   if (hasRequiredXstateDev_cjs) return xstateDev_cjs;
   hasRequiredXstateDev_cjs = 1, Object.defineProperty(xstateDev_cjs, "__esModule", { value: !0 });
@@ -51768,10 +51817,10 @@ function requireXstateDev_cjs() {
   };
   return xstateDev_cjs.devToolsAdapter = devToolsAdapter, xstateDev_cjs.getGlobal = getGlobal, xstateDev_cjs.registerService = registerService, xstateDev_cjs;
 }
-var hasRequiredRaiseB4a670a0_cjs;
-function requireRaiseB4a670a0_cjs() {
-  if (hasRequiredRaiseB4a670a0_cjs) return raiseB4a670a0_cjs;
-  hasRequiredRaiseB4a670a0_cjs = 1;
+var hasRequiredRaiseDa5b247f_cjs;
+function requireRaiseDa5b247f_cjs() {
+  if (hasRequiredRaiseDa5b247f_cjs) return raiseDa5b247f_cjs;
+  hasRequiredRaiseDa5b247f_cjs = 1;
   var dev_dist_xstateDev = requireXstateDev_cjs();
   class Mailbox {
     constructor(_process) {
@@ -51997,6 +52046,7 @@ function requireRaiseB4a670a0_cjs() {
         systemId !== void 0 && (keyedActors.delete(systemId), reverseKeyedActors.delete(actorRef));
       },
       get: (systemId) => keyedActors.get(systemId),
+      getAll: () => Object.fromEntries(keyedActors.entries()),
       _set: (systemId, actorRef) => {
         const existing = keyedActors.get(systemId);
         if (existing && existing !== actorRef)
@@ -52067,7 +52117,7 @@ function requireRaiseB4a670a0_cjs() {
      * @param options Actor options
      */
     constructor(logic, options) {
-      this.logic = logic, this._snapshot = void 0, this.clock = void 0, this.options = void 0, this.id = void 0, this.mailbox = new Mailbox(this._process.bind(this)), this.observers = /* @__PURE__ */ new Set(), this.eventListeners = /* @__PURE__ */ new Map(), this.logger = void 0, this._processingStatus = ProcessingStatus.NotStarted, this._parent = void 0, this._syncSnapshot = void 0, this.ref = void 0, this._actorScope = void 0, this._systemId = void 0, this.sessionId = void 0, this.system = void 0, this._doneEvent = void 0, this.src = void 0, this._deferred = [];
+      this.logic = logic, this._snapshot = void 0, this.clock = void 0, this.options = void 0, this.id = void 0, this.mailbox = new Mailbox(this._process.bind(this)), this.observers = /* @__PURE__ */ new Set(), this.eventListeners = /* @__PURE__ */ new Map(), this.logger = void 0, this._processingStatus = ProcessingStatus.NotStarted, this._parent = void 0, this._syncSnapshot = void 0, this.ref = void 0, this._actorScope = void 0, this.systemId = void 0, this.sessionId = void 0, this.system = void 0, this._doneEvent = void 0, this.src = void 0, this._deferred = [];
       const resolvedOptions = {
         ...defaultOptions2,
         ...options
@@ -52132,7 +52182,7 @@ function requireRaiseB4a670a0_cjs() {
       }, this.send = this.send.bind(this), this.system._sendInspectionEvent({
         type: "@xstate.actor",
         actorRef: this
-      }), systemId && (this._systemId = systemId, this.system._set(systemId, this)), this._initState(options?.snapshot ?? options?.state), systemId && this._snapshot.status !== "active" && this.system._unregister(this);
+      }), systemId && (this.systemId = systemId, this.system._set(systemId, this)), this._initState(options?.snapshot ?? options?.state), systemId && this._snapshot.status !== "active" && this.system._unregister(this);
     }
     _initState(persistedState) {
       try {
@@ -52301,7 +52351,7 @@ function requireRaiseB4a670a0_cjs() {
         },
         error: () => {
         }
-      }), this.system._register(this.sessionId, this), this._systemId && this.system._set(this._systemId, this), this._processingStatus = ProcessingStatus.Running;
+      }), this.system._register(this.sessionId, this), this.systemId && this.system._set(this.systemId, this), this._processingStatus = ProcessingStatus.Running;
       const initEvent = createInitEvent(this.options.input);
       switch (this.system._sendInspectionEvent({
         type: "@xstate.event",
@@ -53371,7 +53421,7 @@ ${err.message}`);
       childrenJson[id2] = {
         snapshot: child.getPersistedSnapshot(options),
         src: child.src,
-        systemId: child._systemId,
+        systemId: child.systemId,
         syncSnapshot: child._syncSnapshot
       };
     }
@@ -53448,13 +53498,13 @@ ${err.message}`);
     }
     return raise3.type = "xstate.raise", raise3.event = eventOrExpr, raise3.id = options?.id, raise3.delay = options?.delay, raise3.resolve = resolveRaise, raise3.execute = executeRaise, raise3;
   }
-  return raiseB4a670a0_cjs.$$ACTOR_TYPE = $$ACTOR_TYPE, raiseB4a670a0_cjs.Actor = Actor, raiseB4a670a0_cjs.NULL_EVENT = NULL_EVENT, raiseB4a670a0_cjs.ProcessingStatus = ProcessingStatus, raiseB4a670a0_cjs.STATE_DELIMITER = STATE_DELIMITER, raiseB4a670a0_cjs.XSTATE_ERROR = XSTATE_ERROR, raiseB4a670a0_cjs.XSTATE_STOP = XSTATE_STOP, raiseB4a670a0_cjs.and = and, raiseB4a670a0_cjs.cancel = cancel, raiseB4a670a0_cjs.cloneMachineSnapshot = cloneMachineSnapshot, raiseB4a670a0_cjs.createActor = createActor, raiseB4a670a0_cjs.createErrorActorEvent = createErrorActorEvent, raiseB4a670a0_cjs.createInitEvent = createInitEvent, raiseB4a670a0_cjs.createInvokeId = createInvokeId, raiseB4a670a0_cjs.createMachineSnapshot = createMachineSnapshot, raiseB4a670a0_cjs.evaluateGuard = evaluateGuard, raiseB4a670a0_cjs.formatInitialTransition = formatInitialTransition, raiseB4a670a0_cjs.formatTransition = formatTransition, raiseB4a670a0_cjs.formatTransitions = formatTransitions, raiseB4a670a0_cjs.getAllOwnEventDescriptors = getAllOwnEventDescriptors, raiseB4a670a0_cjs.getAllStateNodes = getAllStateNodes, raiseB4a670a0_cjs.getCandidates = getCandidates, raiseB4a670a0_cjs.getDelayedTransitions = getDelayedTransitions, raiseB4a670a0_cjs.getInitialStateNodes = getInitialStateNodes, raiseB4a670a0_cjs.getPersistedSnapshot = getPersistedSnapshot, raiseB4a670a0_cjs.getStateNodeByPath = getStateNodeByPath, raiseB4a670a0_cjs.getStateNodes = getStateNodes, raiseB4a670a0_cjs.interpret = interpret, raiseB4a670a0_cjs.isInFinalState = isInFinalState, raiseB4a670a0_cjs.isMachineSnapshot = isMachineSnapshot, raiseB4a670a0_cjs.isStateId = isStateId, raiseB4a670a0_cjs.macrostep = macrostep, raiseB4a670a0_cjs.mapValues = mapValues, raiseB4a670a0_cjs.matchesState = matchesState, raiseB4a670a0_cjs.microstep = microstep, raiseB4a670a0_cjs.not = not, raiseB4a670a0_cjs.or = or, raiseB4a670a0_cjs.pathToStateValue = pathToStateValue, raiseB4a670a0_cjs.raise = raise2, raiseB4a670a0_cjs.resolveActionsAndContext = resolveActionsAndContext, raiseB4a670a0_cjs.resolveReferencedActor = resolveReferencedActor, raiseB4a670a0_cjs.resolveStateValue = resolveStateValue, raiseB4a670a0_cjs.spawnChild = spawnChild, raiseB4a670a0_cjs.stateIn = stateIn, raiseB4a670a0_cjs.stop = stop, raiseB4a670a0_cjs.stopChild = stopChild, raiseB4a670a0_cjs.toArray = toArray2, raiseB4a670a0_cjs.toObserver = toObserver, raiseB4a670a0_cjs.toStatePath = toStatePath, raiseB4a670a0_cjs.toTransitionConfigArray = toTransitionConfigArray, raiseB4a670a0_cjs.transitionNode = transitionNode, raiseB4a670a0_cjs;
+  return raiseDa5b247f_cjs.$$ACTOR_TYPE = $$ACTOR_TYPE, raiseDa5b247f_cjs.Actor = Actor, raiseDa5b247f_cjs.NULL_EVENT = NULL_EVENT, raiseDa5b247f_cjs.ProcessingStatus = ProcessingStatus, raiseDa5b247f_cjs.STATE_DELIMITER = STATE_DELIMITER, raiseDa5b247f_cjs.XSTATE_ERROR = XSTATE_ERROR, raiseDa5b247f_cjs.XSTATE_STOP = XSTATE_STOP, raiseDa5b247f_cjs.and = and, raiseDa5b247f_cjs.cancel = cancel, raiseDa5b247f_cjs.cloneMachineSnapshot = cloneMachineSnapshot, raiseDa5b247f_cjs.createActor = createActor, raiseDa5b247f_cjs.createErrorActorEvent = createErrorActorEvent, raiseDa5b247f_cjs.createInitEvent = createInitEvent, raiseDa5b247f_cjs.createInvokeId = createInvokeId, raiseDa5b247f_cjs.createMachineSnapshot = createMachineSnapshot, raiseDa5b247f_cjs.evaluateGuard = evaluateGuard, raiseDa5b247f_cjs.formatInitialTransition = formatInitialTransition, raiseDa5b247f_cjs.formatTransition = formatTransition, raiseDa5b247f_cjs.formatTransitions = formatTransitions, raiseDa5b247f_cjs.getAllOwnEventDescriptors = getAllOwnEventDescriptors, raiseDa5b247f_cjs.getAllStateNodes = getAllStateNodes, raiseDa5b247f_cjs.getCandidates = getCandidates, raiseDa5b247f_cjs.getDelayedTransitions = getDelayedTransitions, raiseDa5b247f_cjs.getInitialStateNodes = getInitialStateNodes, raiseDa5b247f_cjs.getPersistedSnapshot = getPersistedSnapshot, raiseDa5b247f_cjs.getStateNodeByPath = getStateNodeByPath, raiseDa5b247f_cjs.getStateNodes = getStateNodes, raiseDa5b247f_cjs.interpret = interpret, raiseDa5b247f_cjs.isInFinalState = isInFinalState, raiseDa5b247f_cjs.isMachineSnapshot = isMachineSnapshot, raiseDa5b247f_cjs.isStateId = isStateId, raiseDa5b247f_cjs.macrostep = macrostep, raiseDa5b247f_cjs.mapValues = mapValues, raiseDa5b247f_cjs.matchesState = matchesState, raiseDa5b247f_cjs.microstep = microstep, raiseDa5b247f_cjs.not = not, raiseDa5b247f_cjs.or = or, raiseDa5b247f_cjs.pathToStateValue = pathToStateValue, raiseDa5b247f_cjs.raise = raise2, raiseDa5b247f_cjs.resolveActionsAndContext = resolveActionsAndContext, raiseDa5b247f_cjs.resolveReferencedActor = resolveReferencedActor, raiseDa5b247f_cjs.resolveStateValue = resolveStateValue, raiseDa5b247f_cjs.spawnChild = spawnChild, raiseDa5b247f_cjs.stateIn = stateIn, raiseDa5b247f_cjs.stop = stop, raiseDa5b247f_cjs.stopChild = stopChild, raiseDa5b247f_cjs.toArray = toArray2, raiseDa5b247f_cjs.toObserver = toObserver, raiseDa5b247f_cjs.toStatePath = toStatePath, raiseDa5b247f_cjs.toTransitionConfigArray = toTransitionConfigArray, raiseDa5b247f_cjs.transitionNode = transitionNode, raiseDa5b247f_cjs;
 }
 var hasRequiredXstateActors_cjs;
 function requireXstateActors_cjs() {
   if (hasRequiredXstateActors_cjs) return xstateActors_cjs;
   hasRequiredXstateActors_cjs = 1, Object.defineProperty(xstateActors_cjs, "__esModule", { value: !0 });
-  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseB4a670a0_cjs();
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseDa5b247f_cjs();
   requireXstateDev_cjs();
   function fromTransition(transition, initialContext) {
     return {
@@ -53761,11 +53811,11 @@ function requireXstateActors_cjs() {
   }
   return xstateActors_cjs.createEmptyActor = createEmptyActor, xstateActors_cjs.fromCallback = fromCallback, xstateActors_cjs.fromEventObservable = fromEventObservable, xstateActors_cjs.fromObservable = fromObservable, xstateActors_cjs.fromPromise = fromPromise, xstateActors_cjs.fromTransition = fromTransition, xstateActors_cjs;
 }
-var StateMachine865e00e8_cjs = {}, assign381d0341_cjs = {}, hasRequiredAssign381d0341_cjs;
-function requireAssign381d0341_cjs() {
-  if (hasRequiredAssign381d0341_cjs) return assign381d0341_cjs;
-  hasRequiredAssign381d0341_cjs = 1;
-  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseB4a670a0_cjs();
+var StateMachine30081029_cjs = {}, assignDea9f7c8_cjs = {}, hasRequiredAssignDea9f7c8_cjs;
+function requireAssignDea9f7c8_cjs() {
+  if (hasRequiredAssignDea9f7c8_cjs) return assignDea9f7c8_cjs;
+  hasRequiredAssignDea9f7c8_cjs = 1;
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseDa5b247f_cjs();
   function createSpawner(actorScope, {
     machine,
     context
@@ -53839,13 +53889,13 @@ function requireAssign381d0341_cjs() {
     }
     return assign3.type = "xstate.assign", assign3.assignment = assignment, assign3.resolve = resolveAssign, assign3;
   }
-  return assign381d0341_cjs.assign = assign2, assign381d0341_cjs;
+  return assignDea9f7c8_cjs.assign = assign2, assignDea9f7c8_cjs;
 }
-var hasRequiredStateMachine865e00e8_cjs;
-function requireStateMachine865e00e8_cjs() {
-  if (hasRequiredStateMachine865e00e8_cjs) return StateMachine865e00e8_cjs;
-  hasRequiredStateMachine865e00e8_cjs = 1;
-  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseB4a670a0_cjs(), assign2 = /* @__PURE__ */ requireAssign381d0341_cjs();
+var hasRequiredStateMachine30081029_cjs;
+function requireStateMachine30081029_cjs() {
+  if (hasRequiredStateMachine30081029_cjs) return StateMachine30081029_cjs;
+  hasRequiredStateMachine30081029_cjs = 1;
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseDa5b247f_cjs(), assign2 = /* @__PURE__ */ requireAssignDea9f7c8_cjs();
   const cache2 = /* @__PURE__ */ new WeakMap();
   function memo2(object2, key2, fn) {
     let memoizedData = cache2.get(object2);
@@ -54212,13 +54262,13 @@ ${err.message}`);
       return reviveContext(restoredSnapshot.context, children2), restoredSnapshot;
     }
   }
-  return StateMachine865e00e8_cjs.StateMachine = StateMachine, StateMachine865e00e8_cjs.StateNode = StateNode, StateMachine865e00e8_cjs;
+  return StateMachine30081029_cjs.StateMachine = StateMachine, StateMachine30081029_cjs.StateNode = StateNode, StateMachine30081029_cjs;
 }
-var log63c8f21f_cjs = {}, hasRequiredLog63c8f21f_cjs;
-function requireLog63c8f21f_cjs() {
-  if (hasRequiredLog63c8f21f_cjs) return log63c8f21f_cjs;
-  hasRequiredLog63c8f21f_cjs = 1;
-  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseB4a670a0_cjs(), assign2 = /* @__PURE__ */ requireAssign381d0341_cjs();
+var logEc8d4df4_cjs = {}, hasRequiredLogEc8d4df4_cjs;
+function requireLogEc8d4df4_cjs() {
+  if (hasRequiredLogEc8d4df4_cjs) return logEc8d4df4_cjs;
+  hasRequiredLogEc8d4df4_cjs = 1;
+  var guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseDa5b247f_cjs(), assign2 = /* @__PURE__ */ requireAssignDea9f7c8_cjs();
   function resolveEmit(_, snapshot, args, actionParams, {
     event: eventOrExpr
   }) {
@@ -54375,13 +54425,13 @@ function requireLog63c8f21f_cjs() {
     }
     return log3.type = "xstate.log", log3.value = value, log3.label = label, log3.resolve = resolveLog, log3.execute = executeLog, log3;
   }
-  return log63c8f21f_cjs.SpecialTargets = SpecialTargets, log63c8f21f_cjs.emit = emit2, log63c8f21f_cjs.enqueueActions = enqueueActions, log63c8f21f_cjs.forwardTo = forwardTo, log63c8f21f_cjs.log = log2, log63c8f21f_cjs.sendParent = sendParent, log63c8f21f_cjs.sendTo = sendTo, log63c8f21f_cjs;
+  return logEc8d4df4_cjs.SpecialTargets = SpecialTargets, logEc8d4df4_cjs.emit = emit2, logEc8d4df4_cjs.enqueueActions = enqueueActions, logEc8d4df4_cjs.forwardTo = forwardTo, logEc8d4df4_cjs.log = log2, logEc8d4df4_cjs.sendParent = sendParent, logEc8d4df4_cjs.sendTo = sendTo, logEc8d4df4_cjs;
 }
 var hasRequiredXstate_cjs;
 function requireXstate_cjs() {
   if (hasRequiredXstate_cjs) return xstate_cjs;
   hasRequiredXstate_cjs = 1, Object.defineProperty(xstate_cjs, "__esModule", { value: !0 });
-  var actors_dist_xstateActors = requireXstateActors_cjs(), guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseB4a670a0_cjs(), StateMachine = /* @__PURE__ */ requireStateMachine865e00e8_cjs(), log2 = /* @__PURE__ */ requireLog63c8f21f_cjs(), assign2 = /* @__PURE__ */ requireAssign381d0341_cjs();
+  var actors_dist_xstateActors = requireXstateActors_cjs(), guards_dist_xstateGuards = /* @__PURE__ */ requireRaiseDa5b247f_cjs(), StateMachine = /* @__PURE__ */ requireStateMachine30081029_cjs(), assign2 = /* @__PURE__ */ requireAssignDea9f7c8_cjs(), log2 = /* @__PURE__ */ requireLogEc8d4df4_cjs();
   requireXstateDev_cjs();
   function assertEvent(event, type2) {
     const types2 = guards_dist_xstateGuards.toArray(type2);
@@ -54428,6 +54478,17 @@ function requireXstate_cjs() {
     delays
   }) {
     return {
+      assign: assign2.assign,
+      sendTo: log2.sendTo,
+      raise: guards_dist_xstateGuards.raise,
+      log: log2.log,
+      cancel: guards_dist_xstateGuards.cancel,
+      stopChild: guards_dist_xstateGuards.stopChild,
+      enqueueActions: log2.enqueueActions,
+      emit: log2.emit,
+      spawnChild: guards_dist_xstateGuards.spawnChild,
+      createStateConfig: (config2) => config2,
+      createAction: (fn) => fn,
       createMachine: (config2) => createMachine({
         ...config2,
         schemas
@@ -54551,7 +54612,7 @@ function requireXstate_cjs() {
       }), done && sub.unsubscribe());
     });
   }
-  return xstate_cjs.createEmptyActor = actors_dist_xstateActors.createEmptyActor, xstate_cjs.fromCallback = actors_dist_xstateActors.fromCallback, xstate_cjs.fromEventObservable = actors_dist_xstateActors.fromEventObservable, xstate_cjs.fromObservable = actors_dist_xstateActors.fromObservable, xstate_cjs.fromPromise = actors_dist_xstateActors.fromPromise, xstate_cjs.fromTransition = actors_dist_xstateActors.fromTransition, xstate_cjs.Actor = guards_dist_xstateGuards.Actor, xstate_cjs.__unsafe_getAllOwnEventDescriptors = guards_dist_xstateGuards.getAllOwnEventDescriptors, xstate_cjs.and = guards_dist_xstateGuards.and, xstate_cjs.cancel = guards_dist_xstateGuards.cancel, xstate_cjs.createActor = guards_dist_xstateGuards.createActor, xstate_cjs.getStateNodes = guards_dist_xstateGuards.getStateNodes, xstate_cjs.interpret = guards_dist_xstateGuards.interpret, xstate_cjs.isMachineSnapshot = guards_dist_xstateGuards.isMachineSnapshot, xstate_cjs.matchesState = guards_dist_xstateGuards.matchesState, xstate_cjs.not = guards_dist_xstateGuards.not, xstate_cjs.or = guards_dist_xstateGuards.or, xstate_cjs.pathToStateValue = guards_dist_xstateGuards.pathToStateValue, xstate_cjs.raise = guards_dist_xstateGuards.raise, xstate_cjs.spawnChild = guards_dist_xstateGuards.spawnChild, xstate_cjs.stateIn = guards_dist_xstateGuards.stateIn, xstate_cjs.stop = guards_dist_xstateGuards.stop, xstate_cjs.stopChild = guards_dist_xstateGuards.stopChild, xstate_cjs.toObserver = guards_dist_xstateGuards.toObserver, xstate_cjs.StateMachine = StateMachine.StateMachine, xstate_cjs.StateNode = StateMachine.StateNode, xstate_cjs.SpecialTargets = log2.SpecialTargets, xstate_cjs.emit = log2.emit, xstate_cjs.enqueueActions = log2.enqueueActions, xstate_cjs.forwardTo = log2.forwardTo, xstate_cjs.log = log2.log, xstate_cjs.sendParent = log2.sendParent, xstate_cjs.sendTo = log2.sendTo, xstate_cjs.assign = assign2.assign, xstate_cjs.SimulatedClock = SimulatedClock, xstate_cjs.assertEvent = assertEvent, xstate_cjs.createMachine = createMachine, xstate_cjs.getInitialSnapshot = getInitialSnapshot, xstate_cjs.getNextSnapshot = getNextSnapshot, xstate_cjs.initialTransition = initialTransition, xstate_cjs.setup = setup, xstate_cjs.toPromise = toPromise, xstate_cjs.transition = transition, xstate_cjs.waitFor = waitFor, xstate_cjs;
+  return xstate_cjs.createEmptyActor = actors_dist_xstateActors.createEmptyActor, xstate_cjs.fromCallback = actors_dist_xstateActors.fromCallback, xstate_cjs.fromEventObservable = actors_dist_xstateActors.fromEventObservable, xstate_cjs.fromObservable = actors_dist_xstateActors.fromObservable, xstate_cjs.fromPromise = actors_dist_xstateActors.fromPromise, xstate_cjs.fromTransition = actors_dist_xstateActors.fromTransition, xstate_cjs.Actor = guards_dist_xstateGuards.Actor, xstate_cjs.__unsafe_getAllOwnEventDescriptors = guards_dist_xstateGuards.getAllOwnEventDescriptors, xstate_cjs.and = guards_dist_xstateGuards.and, xstate_cjs.cancel = guards_dist_xstateGuards.cancel, xstate_cjs.createActor = guards_dist_xstateGuards.createActor, xstate_cjs.getStateNodes = guards_dist_xstateGuards.getStateNodes, xstate_cjs.interpret = guards_dist_xstateGuards.interpret, xstate_cjs.isMachineSnapshot = guards_dist_xstateGuards.isMachineSnapshot, xstate_cjs.matchesState = guards_dist_xstateGuards.matchesState, xstate_cjs.not = guards_dist_xstateGuards.not, xstate_cjs.or = guards_dist_xstateGuards.or, xstate_cjs.pathToStateValue = guards_dist_xstateGuards.pathToStateValue, xstate_cjs.raise = guards_dist_xstateGuards.raise, xstate_cjs.spawnChild = guards_dist_xstateGuards.spawnChild, xstate_cjs.stateIn = guards_dist_xstateGuards.stateIn, xstate_cjs.stop = guards_dist_xstateGuards.stop, xstate_cjs.stopChild = guards_dist_xstateGuards.stopChild, xstate_cjs.toObserver = guards_dist_xstateGuards.toObserver, xstate_cjs.StateMachine = StateMachine.StateMachine, xstate_cjs.StateNode = StateMachine.StateNode, xstate_cjs.assign = assign2.assign, xstate_cjs.SpecialTargets = log2.SpecialTargets, xstate_cjs.emit = log2.emit, xstate_cjs.enqueueActions = log2.enqueueActions, xstate_cjs.forwardTo = log2.forwardTo, xstate_cjs.log = log2.log, xstate_cjs.sendParent = log2.sendParent, xstate_cjs.sendTo = log2.sendTo, xstate_cjs.SimulatedClock = SimulatedClock, xstate_cjs.assertEvent = assertEvent, xstate_cjs.createMachine = createMachine, xstate_cjs.getInitialSnapshot = getInitialSnapshot, xstate_cjs.getNextSnapshot = getNextSnapshot, xstate_cjs.initialTransition = initialTransition, xstate_cjs.setup = setup, xstate_cjs.toPromise = toPromise, xstate_cjs.transition = transition, xstate_cjs.waitFor = waitFor, xstate_cjs;
 }
 var hasRequiredXstateReact_cjs;
 function requireXstateReact_cjs() {