likec4 1.42.0 → 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 }),
@@ -17461,43 +17462,43 @@ function e$i(e2, t2, n2) {
   let r2 = (n3) => e2(n3, ...t2);
   return n2 === void 0 ? r2 : Object.assign(r2, { lazy: n2, lazyArgs: t2 });
 }
-function t$z(t2, n2, r2) {
+function t$A(t2, n2, r2) {
   let i2 = t2.length - n2.length;
   if (i2 === 0) return t2(...n2);
   if (i2 === 1) return e$i(t2, n2, r2);
   throw Error("Wrong number of arguments");
 }
-function t$y(...t2) {
-  return t$z(n$w, t2);
+function t$z(...t2) {
+  return t$A(n$x, t2);
 }
-const n$w = (e2, t2) => t2.every((t3) => t3(e2));
-function t$x(...t2) {
-  return t$z(n$v, t2);
+const n$x = (e2, t2) => t2.every((t3) => t3(e2));
+function t$y(...t2) {
+  return t$A(n$w, t2);
 }
-const n$v = (e2, t2) => t2.some((t3) => t3(e2)), e$h = (e2) => (n2, r2) => {
+const n$w = (e2, t2) => t2.some((t3) => t3(e2)), e$h = (e2) => (n2, r2) => {
   if (r2 === 0) return e2(n2);
   if (!Number.isInteger(r2)) throw TypeError(`precision must be an integer: ${r2.toString()}`);
   if (r2 > 15 || r2 < -15) throw RangeError("precision must be between -15 and 15");
   if (Number.isNaN(n2) || !Number.isFinite(n2)) return e2(n2);
-  let i2 = t$w(n2, r2), a2 = e2(i2);
-  return t$w(a2, -r2);
+  let i2 = t$x(n2, r2), a2 = e2(i2);
+  return t$x(a2, -r2);
 };
-function t$w(e2, t2) {
+function t$x(e2, t2) {
   let [n2, r2] = e2.toString().split("e"), i2 = (r2 === void 0 ? 0 : Number.parseInt(r2, 10)) + t2, a2 = `${n2}e${i2.toString()}`;
   return Number.parseFloat(a2);
 }
-function n$u(...n2) {
-  return t$z(e$h(Math.ceil), n2);
+function n$v(...n2) {
+  return t$A(e$h(Math.ceil), n2);
 }
-function t$v(...t2) {
-  return t$z(n$t, t2);
+function t$w(...t2) {
+  return t$A(n$u, t2);
 }
-const n$t = (e2, { min: t2, max: n2 }) => t2 !== void 0 && e2 < t2 ? t2 : n2 !== void 0 && e2 > n2 ? n2 : e2;
-function t$u(...t2) {
-  return t$z(n$s, t2);
+const n$u = (e2, { min: t2, max: n2 }) => t2 !== void 0 && e2 < t2 ? t2 : n2 !== void 0 && e2 > n2 ? n2 : e2;
+function t$v(...t2) {
+  return t$A(n$t, t2);
 }
-const n$s = (e2, t2) => [...e2, ...t2], t$t = { done: !1, hasNext: !1 };
-function t$s(e2, ...t2) {
+const n$t = (e2, t2) => [...e2, ...t2], t$u = { done: !1, hasNext: !1 };
+function t$t(e2, ...t2) {
   let a2 = e2, o = t2.map((e3) => "lazy" in e3 ? r$b(e3) : void 0), s2 = 0;
   for (; s2 < t2.length; ) {
     if (o[s2] === void 0 || !i$5(a2)) {
@@ -17511,20 +17512,20 @@ function t$s(e2, ...t2) {
       if (t3 === void 0 || (e3.push(t3), t3.isSingle)) break;
     }
     let r2 = [];
-    for (let t3 of a2) if (n$r(t3, r2, e3)) break;
+    for (let t3 of a2) if (n$s(t3, r2, e3)) break;
     let { isSingle: c } = e3.at(-1);
     a2 = c ? r2[0] : r2, s2 += e3.length;
   }
   return a2;
 }
-function n$r(t2, r2, i2) {
+function n$s(t2, r2, i2) {
   if (i2.length === 0) return r2.push(t2), !1;
-  let a2 = t2, o = t$t, s2 = !1;
+  let a2 = t2, o = t$u, s2 = !1;
   for (let [e2, t3] of i2.entries()) {
     let { index: c, items: l } = t3;
     if (l.push(a2), o = t3(a2, c, l), t3.index += 1, o.hasNext) {
       if (o.hasMany ?? !1) {
-        for (let t4 of o.next) if (n$r(t4, r2, i2.slice(e2 + 1))) return !0;
+        for (let t4 of o.next) if (n$s(t4, r2, i2.slice(e2 + 1))) return !0;
         return s2;
       }
       a2 = o.next;
@@ -17541,23 +17542,23 @@ function r$b(e2) {
 function i$5(e2) {
   return typeof e2 == "string" || typeof e2 == "object" && !!e2 && Symbol.iterator in e2;
 }
-function t$r(t2, n2) {
+function t$s(t2, n2) {
   let r2 = n2.length - t2.length;
   if (r2 === 1) {
     let [r3, ...i2] = n2;
-    return t$s(r3, { lazy: t2, lazyArgs: i2 });
+    return t$t(r3, { lazy: t2, lazyArgs: i2 });
   }
   if (r2 === 0) {
     let r3 = { lazy: t2, lazyArgs: n2 };
-    return Object.assign((t3) => t$s(t3, r3), r3);
+    return Object.assign((t3) => t$t(t3, r3), r3);
   }
   throw Error("Wrong number of arguments");
 }
-function t$q(...t2) {
-  return t$z(n$q, t2);
+function t$r(...t2) {
+  return t$A(n$r, t2);
 }
-const n$q = (e2, t2) => e2.length >= t2, e$g = { asc: (e2, t2) => e2 > t2, desc: (e2, t2) => e2 < t2 };
-function t$p(e2, t2) {
+const n$r = (e2, t2) => e2.length >= t2, e$g = { asc: (e2, t2) => e2 > t2, desc: (e2, t2) => e2 < t2 };
+function t$q(e2, t2) {
   let [n2, ...a2] = t2;
   if (!i$4(n2)) {
     let t3 = r$a(...a2);
@@ -17580,47 +17581,47 @@ function i$4(t2) {
   return a$3(n2) && typeof r2 == "string" && r2 in e$g && i2.length === 0;
 }
 const a$3 = (e2) => typeof e2 == "function" && e2.length === 1;
-function t$o(...t2) {
-  return t$z(Object.entries, t2);
+function t$p(...t2) {
+  return t$A(Object.entries, t2);
 }
-function n$p(...t2) {
-  return t$z(r$9, t2, i$3);
+function n$q(...t2) {
+  return t$A(r$9, t2, i$3);
 }
-const r$9 = (e2, t2) => e2.filter(t2), i$3 = (e2) => (n2, r2, i2) => e2(n2, r2, i2) ? { done: !1, hasNext: !0, next: n2 } : t$t, e$f = (e2) => Object.assign(e2, { single: !0 });
+const r$9 = (e2, t2) => e2.filter(t2), i$3 = (e2) => (n2, r2, i2) => e2(n2, r2, i2) ? { done: !1, hasNext: !0, next: n2 } : t$u, e$f = (e2) => Object.assign(e2, { single: !0 });
 function r$8(...t2) {
-  return t$z(i$2, t2, e$f(a$2));
+  return t$A(i$2, t2, e$f(a$2));
 }
-const i$2 = (e2, t2) => e2.find(t2), a$2 = (e2) => (n2, r2, i2) => e2(n2, r2, i2) ? { done: !0, hasNext: !0, next: n2 } : t$t;
-function n$o(...n2) {
-  return t$z(r$7, n2, e$f(i$1));
+const i$2 = (e2, t2) => e2.find(t2), a$2 = (e2) => (n2, r2, i2) => e2(n2, r2, i2) ? { done: !0, hasNext: !0, next: n2 } : t$u;
+function n$p(...n2) {
+  return t$A(r$7, n2, e$f(i$1));
 }
 const r$7 = ([e2]) => e2, i$1 = () => a$1, a$1 = (e2) => ({ hasNext: !0, next: e2, done: !0 });
-function t$n(...t2) {
-  return t$z(n$n, t2, r$6);
+function t$o(...t2) {
+  return t$A(n$o, t2, r$6);
 }
-const n$n = (e2, t2) => e2.flatMap(t2), r$6 = (e2) => (t2, n2, r2) => {
+const n$o = (e2, t2) => e2.flatMap(t2), r$6 = (e2) => (t2, n2, r2) => {
   let i2 = e2(t2, n2, r2);
   return Array.isArray(i2) ? { done: !1, hasNext: !0, hasMany: !0, next: i2 } : { done: !1, hasNext: !0, next: i2 };
 };
-function t$m(...t2) {
-  return t$z(n$m, t2);
+function t$n(...t2) {
+  return t$A(n$n, t2);
 }
-function n$m(e2, t2) {
+function n$n(e2, t2) {
   for (let [n2, r2] of Object.entries(e2)) t2(r2, n2, e2);
   return e2;
 }
-function t$l(...t2) {
-  return t$z(n$l, t2);
+function t$m(...t2) {
+  return t$A(n$m, t2);
 }
-function n$l(e2, t2) {
+function n$m(e2, t2) {
   let n2 = {};
   for (let [r2, i2] of e2.entries()) n2[i2] = t2(i2, r2, e2);
   return n2;
 }
-function t$k(...t2) {
-  return t$z(n$k, t2);
+function t$l(...t2) {
+  return t$A(n$l, t2);
 }
-const n$k = (e2, t2) => {
+const n$l = (e2, t2) => {
   let n2 = /* @__PURE__ */ Object.create(null);
   for (let r2 = 0; r2 < e2.length; r2++) {
     let i2 = e2[r2], a2 = t2(i2, r2, e2);
@@ -17631,10 +17632,10 @@ const n$k = (e2, t2) => {
   }
   return Object.setPrototypeOf(n2, Object.prototype), n2;
 };
-function t$j(...t2) {
-  return t$z(n$j, t2);
+function t$k(...t2) {
+  return t$A(n$k, t2);
 }
-function n$j(e2, t2) {
+function n$k(e2, t2) {
   if (e2 === t2 || Object.is(e2, t2)) return !0;
   if (typeof e2 != "object" || typeof t2 != "object" || e2 === null || t2 === null || Object.getPrototypeOf(e2) !== Object.getPrototypeOf(t2)) return !1;
   if (Array.isArray(e2)) return r$5(e2, t2);
@@ -17643,17 +17644,17 @@ function n$j(e2, t2) {
   if (e2 instanceof Date) return e2.getTime() === t2.getTime();
   if (e2 instanceof RegExp) return e2.toString() === t2.toString();
   if (Object.keys(e2).length !== Object.keys(t2).length) return !1;
-  for (let [r2, i2] of Object.entries(e2)) if (!(r2 in t2) || !n$j(i2, t2[r2])) return !1;
+  for (let [r2, i2] of Object.entries(e2)) if (!(r2 in t2) || !n$k(i2, t2[r2])) return !1;
   return !0;
 }
 function r$5(e2, t2) {
   if (e2.length !== t2.length) return !1;
-  for (let [r2, i2] of e2.entries()) if (!n$j(i2, t2[r2])) return !1;
+  for (let [r2, i2] of e2.entries()) if (!n$k(i2, t2[r2])) return !1;
   return !0;
 }
 function i(e2, t2) {
   if (e2.size !== t2.size) return !1;
-  for (let [r2, i2] of e2.entries()) if (!t2.has(r2) || !n$j(i2, t2.get(r2))) return !1;
+  for (let [r2, i2] of e2.entries()) if (!t2.has(r2) || !n$k(i2, t2.get(r2))) return !1;
   return !0;
 }
 function a(e2, t2) {
@@ -17661,7 +17662,7 @@ function a(e2, t2) {
   let r2 = [...t2];
   for (let t3 of e2) {
     let e3 = !1;
-    for (let [i2, a2] of r2.entries()) if (n$j(t3, a2)) {
+    for (let [i2, a2] of r2.entries()) if (n$k(t3, a2)) {
       e3 = !0, r2.splice(i2, 1);
       break;
     }
@@ -17669,11 +17670,11 @@ function a(e2, t2) {
   }
   return !0;
 }
-function n$i(...t2) {
-  return t$z(r$4, t2);
+function n$j(...t2) {
+  return t$A(r$4, t2);
 }
 function r$4(e2, n2) {
-  for (let [r2, i2] of Object.entries(n2)) if (!Object.hasOwn(e2, r2) || !t$j(i2, e2[r2])) return !1;
+  for (let [r2, i2] of Object.entries(n2)) if (!Object.hasOwn(e2, r2) || !t$k(i2, e2[r2])) return !1;
   return !0;
 }
 function e$e(e2) {
@@ -17715,25 +17716,25 @@ function e$3(e2) {
 function e$2(e2) {
   return !!e2;
 }
+function t$j(...t2) {
+  return t$A(n$i, t2);
+}
+const n$i = (e2, t2) => e2.join(t2);
 function t$i(...t2) {
-  return t$z(n$h, t2);
+  return t$A(Object.keys, t2);
 }
-const n$h = (e2, t2) => e2.join(t2);
 function t$h(...t2) {
-  return t$z(Object.keys, t2);
+  return t$A(n$h, t2);
 }
+const n$h = (e2) => e2.at(-1);
 function t$g(...t2) {
-  return t$z(n$g, t2);
+  return t$A(n$g, t2, r$3);
 }
-const n$g = (e2) => e2.at(-1);
+const n$g = (e2, t2) => e2.map(t2), r$3 = (e2) => (t2, n2, r2) => ({ done: !1, hasNext: !0, next: e2(t2, n2, r2) });
 function t$f(...t2) {
-  return t$z(n$f, t2, r$3);
-}
-const n$f = (e2, t2) => e2.map(t2), r$3 = (e2) => (t2, n2, r2) => ({ done: !1, hasNext: !0, next: e2(t2, n2, r2) });
-function t$e(...t2) {
-  return t$z(n$e, t2);
+  return t$A(n$f, t2);
 }
-function n$e(e2, t2) {
+function n$f(e2, t2) {
   let n2 = {};
   for (let [r2, i2] of e2.entries()) {
     let [a2, o] = t2(i2, r2, e2);
@@ -17741,8 +17742,16 @@ function n$e(e2, t2) {
   }
   return n2;
 }
+function t$e(...t2) {
+  return t$A(n$e, t2);
+}
+function n$e(e2, t2) {
+  let n2 = {};
+  for (let [r2, i2] of Object.entries(e2)) n2[r2] = t2(i2, r2, e2);
+  return n2;
+}
 function n$d(...t2) {
-  return t$z(r$2, t2);
+  return t$A(r$2, t2);
 }
 function r$2(e2, n2) {
   let i2 = { ...e2, ...n2 };
@@ -17756,11 +17765,11 @@ function r$2(e2, n2) {
   return i2;
 }
 function n$c(...t2) {
-  return t$z(r$1, t2);
+  return t$A(r$1, t2);
 }
 function r$1(e2, n2) {
-  if (!t$q(n2, 1)) return { ...e2 };
-  if (!t$q(n2, 2)) {
+  if (!t$r(n2, 1)) return { ...e2 };
+  if (!t$r(n2, 2)) {
     let { [n2[0]]: t2, ...r3 } = e2;
     return r3;
   }
@@ -17769,7 +17778,7 @@ function r$1(e2, n2) {
   return r2;
 }
 function t$d(...t2) {
-  return t$z(n$b, t2);
+  return t$A(n$b, t2);
 }
 function n$b(e2, t2) {
   let n2 = { ...e2 };
@@ -17777,11 +17786,11 @@ function n$b(e2, t2) {
   return n2;
 }
 function t$c(...t2) {
-  return t$z(n$a, t2);
+  return t$A(n$a, t2);
 }
 const n$a = (e2) => e2.length === 1 ? e2[0] : void 0;
 function t$b(...t2) {
-  return t$z(n$9, t2);
+  return t$A(n$9, t2);
 }
 const n$9 = (e2, t2) => {
   let n2 = [[], []];
@@ -17789,7 +17798,7 @@ const n$9 = (e2, t2) => {
   return n2;
 };
 function t$a(...t2) {
-  return t$z(n$8, t2);
+  return t$A(n$8, t2);
 }
 function n$8(e2, t2) {
   let n2 = {};
@@ -17797,7 +17806,7 @@ function n$8(e2, t2) {
   return n2;
 }
 function t$9(...t2) {
-  return t$z(n$7, t2);
+  return t$A(n$7, t2);
 }
 function n$7(e2, t2) {
   let n2 = {};
@@ -17821,7 +17830,7 @@ function e(e2, t2) {
   return Math.floor(Math.random() * (r2 - n2 + 1) + n2);
 }
 function t$7(...t2) {
-  return t$z(n$6, t2);
+  return t$A(n$6, t2);
 }
 function n$6(e2, t2) {
   let n2 = [];
@@ -17829,41 +17838,208 @@ function n$6(e2, t2) {
   return n2;
 }
 function t$6(...t2) {
-  return t$z(n$5, t2);
+  return t$A(n$5, t2);
 }
 const n$5 = (e2, t2, n2) => e2.reduce(t2, n2);
 function t$5(...t2) {
-  return t$z(n$4, t2);
+  return t$A(n$4, t2);
 }
 function n$4(e2) {
   return [...e2].reverse();
 }
 function t$4(...t2) {
-  return t$z(n$3, t2);
+  return t$A(n$3, t2);
 }
 function n$3(e2, t2) {
   let n2 = [...e2];
   return n2.sort(t2), n2;
 }
 function t$3(...t2) {
-  return t$p(n$2, t2);
+  return t$q(n$2, t2);
 }
 const n$2 = (e2, t2) => [...e2].sort(t2);
 function t$2(...t2) {
-  return t$z(n$1, t2);
+  return t$A(n$1, t2);
 }
 function n$1(e2, t2) {
   return t2(e2), e2;
 }
 function n(...e2) {
-  return t$r(r, e2);
+  return t$s(r, e2);
 }
 function r() {
   let t2 = /* @__PURE__ */ new Set();
-  return (n2) => t2.has(n2) ? t$t : (t2.add(n2), { done: !1, hasNext: !0, next: n2 });
+  return (n2) => t2.has(n2) ? t$u : (t2.add(n2), { done: !1, hasNext: !0, next: n2 });
 }
 function t$1(...t2) {
-  return t$z(Object.values, t2);
+  return t$A(Object.values, t2);
+}
+function useSyncedRef(value) {
+  const ref = useRef(value);
+  return ref.current = value, useMemo(() => Object.freeze({
+    get current() {
+      return ref.current;
+    }
+  }), []);
+}
+function useUnmountEffect(effect) {
+  const effectRef = useSyncedRef(effect);
+  useEffect(
+    () => () => {
+      effectRef.current();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+}
+function useDebouncedCallback(callback, deps, delay2, maxWait = 0) {
+  const timeout2 = useRef(void 0), waitTimeout = useRef(void 0), cb = useRef(callback), lastCall = useRef(void 0), clear = () => {
+    timeout2.current && (clearTimeout(timeout2.current), timeout2.current = void 0), waitTimeout.current && (clearTimeout(waitTimeout.current), waitTimeout.current = void 0);
+  };
+  return useUnmountEffect(clear), useEffect(() => {
+    cb.current = callback;
+  }, deps), useMemo(() => {
+    const execute = () => {
+      if (clear(), !lastCall.current)
+        return;
+      const context = lastCall.current;
+      lastCall.current = void 0, cb.current.apply(context.this, context.args);
+    }, wrapped = function(...args) {
+      timeout2.current && clearTimeout(timeout2.current), lastCall.current = { args, this: this }, timeout2.current = setTimeout(execute, delay2), maxWait > 0 && !waitTimeout.current && (waitTimeout.current = setTimeout(execute, maxWait));
+    };
+    return Object.defineProperties(wrapped, {
+      length: { value: callback.length },
+      name: { value: `${callback.name || "anonymous"}__debounced__${delay2}` }
+    }), wrapped;
+  }, [delay2, maxWait, ...deps]);
+}
+const noop$2 = () => {
+}, isBrowser$2 = typeof globalThis < "u" && typeof navigator < "u" && typeof document < "u";
+function useRafCallback(cb) {
+  const cbRef = useSyncedRef(cb), frame2 = useRef(0), cancel = useCallback(() => {
+    isBrowser$2 && frame2.current && (cancelAnimationFrame(frame2.current), frame2.current = 0);
+  }, []);
+  return useUnmountEffect(cancel), [
+    useMemo(() => {
+      const wrapped = (...args) => {
+        isBrowser$2 && (cancel(), frame2.current = requestAnimationFrame(() => {
+          cbRef.current(...args), frame2.current = 0;
+        }));
+      };
+      return Object.defineProperties(wrapped, {
+        length: { value: cb.length },
+        name: { value: `${cb.name || "anonymous"}__raf` }
+      }), wrapped;
+    }, []),
+    cancel
+  ];
+}
+const basicDepsComparator = (d1, d2) => {
+  if (d1 === d2)
+    return !0;
+  if (d1.length !== d2.length)
+    return !1;
+  for (const [i2, element2] of d1.entries())
+    if (element2 !== d2[i2])
+      return !1;
+  return !0;
+};
+function useCustomCompareEffect(callback, deps, comparator = basicDepsComparator, effectHook = useEffect, ...effectHookRestArgs) {
+  const dependencies = useRef(void 0);
+  (dependencies.current === void 0 || isBrowser$2 && !comparator(dependencies.current, deps)) && (dependencies.current = deps), effectHook(callback, dependencies.current, ...effectHookRestArgs);
+}
+function useDebouncedEffect(callback, deps, delay2, maxWait = 0) {
+  useEffect(useDebouncedCallback(callback, deps, delay2, maxWait), deps);
+}
+function useFirstMountState() {
+  const isFirstMount = useRef(!0);
+  return useEffect(() => {
+    isFirstMount.current = !1;
+  }, []), isFirstMount.current;
+}
+const useIsomorphicLayoutEffect$3 = isBrowser$2 ? useLayoutEffect$1 : useEffect;
+function useMountEffect(effect) {
+  useEffect(() => {
+    effect();
+  }, []);
+}
+function useRafEffect(callback, deps) {
+  const [rafCallback, cancelRaf] = useRafCallback(callback);
+  useEffect(
+    () => (rafCallback(), cancelRaf),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    deps
+  );
+}
+const stateChanger = (state) => (state + 1) % Number.MAX_SAFE_INTEGER;
+function useRerender() {
+  const [, setState] = useState(0);
+  return useCallback(() => {
+    setState(stateChanger);
+  }, []);
+}
+function useUpdateEffect(effect, deps) {
+  const isFirstMount = useFirstMountState();
+  useEffect(isFirstMount ? noop$2 : effect, deps);
+}
+const cancelTimeout = (id2) => {
+  id2 && clearTimeout(id2);
+};
+function useTimeoutEffect(callback, ms) {
+  const cbRef = useSyncedRef(callback), msRef = useSyncedRef(ms), timeoutIdRef = useRef(null), cancel = useCallback(() => {
+    cancelTimeout(timeoutIdRef.current);
+  }, []), reset = useCallback(() => {
+    msRef.current !== void 0 && (cancel(), timeoutIdRef.current = setTimeout(() => {
+      cbRef.current();
+    }, msRef.current));
+  }, []);
+  return useEffect(() => (reset(), cancel), [ms]), [cancel, reset];
+}
+const useCustomCompareMemo = (factory2, deps, comparator) => {
+  const dependencies = useRef(void 0);
+  return (dependencies.current === void 0 || !comparator(dependencies.current, deps)) && (dependencies.current = deps), useMemo(factory2, dependencies.current);
+};
+function useAsync(asyncFn, initialValue) {
+  const [state, setState] = useState({
+    status: "not-executed",
+    error: void 0,
+    result: initialValue
+  }), promiseRef = useRef(void 0), argsRef = useRef(void 0), methods = useSyncedRef({
+    execute(...params) {
+      argsRef.current = params;
+      const promise = asyncFn(...params);
+      return promiseRef.current = promise, setState((s2) => ({ ...s2, status: "loading" })), promise.then(
+        (result) => {
+          promise === promiseRef.current && setState((s2) => ({ ...s2, status: "success", error: void 0, result }));
+        },
+        // eslint-disable-next-line @typescript-eslint/use-unknown-in-catch-callback-variable
+        (error) => {
+          promise === promiseRef.current && setState((previousState) => ({ ...previousState, status: "error", error }));
+        }
+      ), promise;
+    },
+    reset() {
+      setState({
+        status: "not-executed",
+        error: void 0,
+        result: initialValue
+      }), promiseRef.current = void 0, argsRef.current = void 0;
+    }
+  });
+  return [
+    state,
+    useMemo(
+      () => ({
+        reset() {
+          methods.current.reset();
+        },
+        execute: (...params) => methods.current.execute(...params)
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    ),
+    { promise: promiseRef.current, lastArgs: argsRef.current }
+  ];
 }
 function cc(names) {
   if (typeof names == "string" || typeof names == "number") return "" + names;
@@ -17876,7 +18052,7 @@ function cc(names) {
       names[k] && (out += (out && " ") + k);
   return out;
 }
-var noop$2 = { value: () => {
+var noop$1 = { value: () => {
 } };
 function dispatch() {
   for (var i2 = 0, n2 = arguments.length, _ = {}, t2; i2 < n2; ++i2) {
@@ -17932,7 +18108,7 @@ function get$1(type2, name) {
 function set$2(type2, name, callback) {
   for (var i2 = 0, n2 = type2.length; i2 < n2; ++i2)
     if (type2[i2].name === name) {
-      type2[i2] = noop$2, type2 = type2.slice(0, i2).concat(type2.slice(i2 + 1));
+      type2[i2] = noop$1, type2 = type2.slice(0, i2).concat(type2.slice(i2 + 1));
       break;
     }
   return callback != null && type2.push({ name, value: callback }), type2;
@@ -20145,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]),
@@ -20488,7 +20659,7 @@ function getEdgeCenter({ sourceX, sourceY, targetX, targetY }) {
 function getElevatedEdgeZIndex({ sourceNode, targetNode, selected: selected2 = !1, zIndex, elevateOnSelect = !1 }) {
   if (zIndex !== void 0)
     return zIndex;
-  const edgeZ = elevateOnSelect && selected2 ? 1e3 : 0, nodeZ = Math.max(sourceNode.parentId ? sourceNode.internals.z : 0, targetNode.parentId ? targetNode.internals.z : 0);
+  const edgeZ = elevateOnSelect && selected2 ? 1e3 : 0, nodeZ = Math.max(sourceNode.parentId || elevateOnSelect && sourceNode.selected ? sourceNode.internals.z : 0, targetNode.parentId || elevateOnSelect && targetNode.selected ? targetNode.internals.z : 0);
   return edgeZ + nodeZ;
 }
 function isEdgeVisible({ sourceNode, targetNode, width, height, transform: transform2 }) {
@@ -20694,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,
@@ -20719,10 +20890,32 @@ function updateAbsolutePositions(nodeLookup, parentLookup, options) {
       node2.internals.positionAbsolute = clampedPosition;
     }
 }
+function parseHandles(userNode, internalNode) {
+  if (!userNode.handles)
+    return userNode.measured ? internalNode?.internals.handleBounds : void 0;
+  const source = [], target = [];
+  for (const handle2 of userNode.handles) {
+    const handleBounds = {
+      id: handle2.id,
+      width: handle2.width ?? 1,
+      height: handle2.height ?? 1,
+      nodeId: userNode.id,
+      x: handle2.x,
+      y: handle2.y,
+      position: handle2.position,
+      type: handle2.type
+    };
+    handle2.type === "source" ? source.push(handleBounds) : handle2.type === "target" && target.push(handleBounds);
+  }
+  return {
+    source,
+    target
+  };
+}
 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);
@@ -20740,13 +20933,13 @@ function adoptUserNodes(nodes, nodeLookup, parentLookup, options) {
         internals: {
           positionAbsolute: clampedPosition,
           // if user re-initializes the node or removes `measured` for whatever reason, we reset the handleBounds so that the node gets re-measured
-          handleBounds: userNode.measured ? internalNode?.internals.handleBounds : void 0,
+          handleBounds: parseHandles(userNode, internalNode),
           z: calculateZ(userNode, selectedNodeZ),
           userNode
         }
       }, 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;
 }
@@ -20756,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: {
@@ -21070,7 +21263,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
       if (dragEvent = event.sourceEvent, (event.sourceEvent.type === "touchmove" && event.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
       nodeId && !nodeLookup.has(nodeId)) && (abortDrag = !0), !abortDrag) {
         if (!autoPanStarted && autoPanOnNodeDrag && dragStarted && (autoPanStarted = !0, autoPan()), !dragStarted) {
-          const x2 = pointerPos.xSnapped - (lastPos.x ?? 0), y2 = pointerPos.ySnapped - (lastPos.y ?? 0);
+          const currentMousePosition = getEventPosition(event.sourceEvent, containerBounds), x2 = currentMousePosition.x - mousePosition.x, y2 = currentMousePosition.y - mousePosition.y;
           Math.sqrt(x2 * x2 + y2 * y2) > nodeDragThreshold && startDrag(event);
         }
         (lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems && dragStarted && (mousePosition = getEventPosition(event.sourceEvent, containerBounds), updateNodes(pointerPos));
@@ -21226,15 +21419,17 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
     isValid && closestHandle && previousConnection.toHandle && newConnection.toHandle && previousConnection.toHandle.type === newConnection.toHandle.type && previousConnection.toHandle.nodeId === newConnection.toHandle.nodeId && previousConnection.toHandle.id === newConnection.toHandle.id && previousConnection.to.x === newConnection.to.x && previousConnection.to.y === newConnection.to.y || (updateConnection(newConnection), previousConnection = newConnection);
   }
   function onPointerUp(event2) {
-    if (connectionStarted) {
-      (closestHandle || resultHandleDomNode) && connection && isValid && onConnect?.(connection);
-      const { inProgress, ...connectionState } = previousConnection, finalConnectionState = {
-        ...connectionState,
-        toPosition: previousConnection.toHandle ? previousConnection.toPosition : null
-      };
-      onConnectEnd?.(event2, finalConnectionState), edgeUpdaterType && onReconnectEnd?.(event2, finalConnectionState);
+    if (!("touches" in event2 && event2.touches.length > 0)) {
+      if (connectionStarted) {
+        (closestHandle || resultHandleDomNode) && connection && isValid && onConnect?.(connection);
+        const { inProgress, ...connectionState } = previousConnection, finalConnectionState = {
+          ...connectionState,
+          toPosition: previousConnection.toHandle ? previousConnection.toPosition : null
+        };
+        onConnectEnd?.(event2, finalConnectionState), edgeUpdaterType && onReconnectEnd?.(event2, finalConnectionState);
+      }
+      cancelConnection(), cancelAnimationFrame(autoPanId), autoPanStarted = !1, isValid = !1, connection = null, resultHandleDomNode = null, doc.removeEventListener("mousemove", onPointerMove), doc.removeEventListener("mouseup", onPointerUp), doc.removeEventListener("touchmove", onPointerMove), doc.removeEventListener("touchend", onPointerUp);
     }
-    cancelConnection(), cancelAnimationFrame(autoPanId), autoPanStarted = !1, isValid = !1, connection = null, resultHandleDomNode = null, doc.removeEventListener("mousemove", onPointerMove), doc.removeEventListener("mouseup", onPointerUp), doc.removeEventListener("touchmove", onPointerMove), doc.removeEventListener("touchend", onPointerUp);
   }
   doc.addEventListener("mousemove", onPointerMove), doc.addEventListener("mouseup", onPointerUp), doc.addEventListener("touchmove", onPointerMove), doc.addEventListener("touchend", onPointerUp);
 }
@@ -21313,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
@@ -21328,7 +21523,7 @@ const viewChanged = (prevViewport, eventViewport) => prevViewport.x !== eventVie
 function createPanOnScrollHandler({ zoomPanValues, noWheelClassName, d3Selection, d3Zoom, panOnScrollMode, panOnScrollSpeed, zoomOnPinch, onPanZoomStart, onPanZoom, onPanZoomEnd }) {
   return (event) => {
     if (isWrappedWithClass(event, noWheelClassName))
-      return !1;
+      return event.ctrlKey && event.preventDefault(), !1;
     event.preventDefault(), event.stopImmediatePropagation();
     const currentZoom = d3Selection.property("__zoom").k || 1;
     if (event.ctrlKey && zoomOnPinch) {
@@ -21346,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 }) {
@@ -21374,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(
         () => {
@@ -21386,26 +21581,26 @@ function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDrag
     }
   };
 }
-function createFilter({ zoomActivationKeyPressed, zoomOnScroll, zoomOnPinch, panOnDrag, panOnScroll, zoomOnDoubleClick, userSelectionActive, noWheelClassName, noPanClassName, lib: lib2 }) {
+function createFilter({ zoomActivationKeyPressed, zoomOnScroll, zoomOnPinch, panOnDrag, panOnScroll, zoomOnDoubleClick, userSelectionActive, noWheelClassName, noPanClassName, lib: lib2, connectionInProgress }) {
   return (event) => {
-    const zoomScroll = zoomActivationKeyPressed || zoomOnScroll, pinchZoom = zoomOnPinch && event.ctrlKey;
+    const zoomScroll = zoomActivationKeyPressed || zoomOnScroll, pinchZoom = zoomOnPinch && event.ctrlKey, isWheelEvent = event.type === "wheel";
     if (event.button === 1 && event.type === "mousedown" && (isWrappedWithClass(event, `${lib2}-flow__node`) || isWrappedWithClass(event, `${lib2}-flow__edge`)))
       return !0;
-    if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch || userSelectionActive || isWrappedWithClass(event, noWheelClassName) && event.type === "wheel" || isWrappedWithClass(event, noPanClassName) && (event.type !== "wheel" || panOnScroll && event.type === "wheel" && !zoomActivationKeyPressed) || !zoomOnPinch && event.ctrlKey && event.type === "wheel")
+    if (!panOnDrag && !zoomScroll && !panOnScroll && !zoomOnDoubleClick && !zoomOnPinch || userSelectionActive || connectionInProgress && !isWheelEvent || isWrappedWithClass(event, noWheelClassName) && isWheelEvent || isWrappedWithClass(event, noPanClassName) && (!isWheelEvent || panOnScroll && isWheelEvent && !zoomActivationKeyPressed) || !zoomOnPinch && event.ctrlKey && isWheelEvent)
       return !1;
     if (!zoomOnPinch && event.type === "touchstart" && event.touches?.length > 1)
       return event.preventDefault(), !1;
-    if (!zoomScroll && !panOnScroll && !pinchZoom && event.type === "wheel" || !panOnDrag && (event.type === "mousedown" || event.type === "touchstart") || Array.isArray(panOnDrag) && !panOnDrag.includes(event.button) && event.type === "mousedown")
+    if (!zoomScroll && !panOnScroll && !pinchZoom && isWheelEvent || !panOnDrag && (event.type === "mousedown" || event.type === "touchstart") || Array.isArray(panOnDrag) && !panOnDrag.includes(event.button) && event.type === "mousedown")
       return !1;
     const buttonAllowed = Array.isArray(panOnDrag) && panOnDrag.includes(event.button) || !event.button || event.button <= 1;
-    return (!event.ctrlKey || event.type === "wheel") && buttonAllowed;
+    return (!event.ctrlKey || isWheelEvent) && buttonAllowed;
   };
 }
 function XYPanZoom({ domNode, minZoom, maxZoom, paneClickDistance, translateExtent, viewport, onPanZoom, onPanZoomStart, onPanZoomEnd, onDraggingChange }) {
   const zoomPanValues = {
     isZoomingOrPanning: !1,
     usedRightMouseButton: !1,
-    prevViewport: { x: 0, y: 0, zoom: 0 },
+    prevViewport: {},
     mouseButton: 0,
     timerId: void 0,
     panScrollTimeout: void 0,
@@ -21426,7 +21621,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, paneClickDistance, translateExte
       d3ZoomInstance?.interpolate(options?.interpolate === "linear" ? interpolate$2 : interpolateZoom).transform(getD3Transition(d3Selection, options?.duration, options?.ease, () => resolve(!0)), transform2);
     }) : Promise.resolve(!1);
   }
-  function update({ noWheelClassName, noPanClassName, onPaneContextMenu, userSelectionActive, panOnScroll, panOnDrag, panOnScrollMode, panOnScrollSpeed, preventScrolling, zoomOnPinch, zoomOnScroll, zoomOnDoubleClick, zoomActivationKeyPressed, lib: lib2, onTransformChange }) {
+  function update({ noWheelClassName, noPanClassName, onPaneContextMenu, userSelectionActive, panOnScroll, panOnDrag, panOnScrollMode, panOnScrollSpeed, preventScrolling, zoomOnPinch, zoomOnScroll, zoomOnDoubleClick, zoomActivationKeyPressed, lib: lib2, onTransformChange, connectionInProgress }) {
     userSelectionActive && !zoomPanValues.isZoomingOrPanning && destroy();
     const wheelHandler = panOnScroll && !zoomActivationKeyPressed && !userSelectionActive ? createPanOnScrollHandler({
       zoomPanValues,
@@ -21479,7 +21674,8 @@ function XYPanZoom({ domNode, minZoom, maxZoom, paneClickDistance, translateExte
       userSelectionActive,
       noPanClassName,
       noWheelClassName,
-      lib: lib2
+      lib: lib2,
+      connectionInProgress
     });
     d3ZoomInstance.filter(filter2), zoomOnDoubleClick ? d3Selection.on("dblclick.zoom", d3DblClickZoomHandler) : d3Selection.on("dblclick.zoom", null);
   }
@@ -21635,10 +21831,26 @@ 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);
-    let node2, containerBounds = null, childNodes = [], parentNode, parentExtent, childExtent;
+    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();
       if (node2 = nodeLookup.get(nodeId), !node2)
@@ -21683,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)) {
@@ -21694,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);
@@ -21705,12 +21917,12 @@ 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 && (onResize?.(event, nextValues), onChange(change2, childChanges));
+      shouldResize?.(event, nextValues) !== !1 && (resizeDetected = !0, onResize?.(event, nextValues), onChange(change2, childChanges));
     }).on("end", (event) => {
-      onResizeEnd?.(event, { ...prevValues }), onEnd?.({ ...prevValues });
+      resizeDetected && (onResizeEnd?.(event, { ...prevValues }), onEnd?.({ ...prevValues }), resizeDetected = !1);
     });
     selection2.call(dragHandler);
   }
@@ -22155,10 +22367,10 @@ const isNode = (element2) => isNodeBase(element2), isEdge = (element2) => isEdge
 function fixedForwardRef(render) {
   return forwardRef(render);
 }
-const useIsomorphicLayoutEffect$3 = typeof window < "u" ? useLayoutEffect$1 : useEffect;
+const useIsomorphicLayoutEffect$2 = typeof window < "u" ? useLayoutEffect$1 : useEffect;
 function useQueue(runQueue) {
   const [serial, setSerial] = useState(BigInt(0)), [queue2] = useState(() => createQueue(() => setSerial((n2) => n2 + BigInt(1))));
-  return useIsomorphicLayoutEffect$3(() => {
+  return useIsomorphicLayoutEffect$2(() => {
     const queueItems = queue2.get();
     queueItems.length && (runQueue(queueItems), queue2.reset());
   }, [serial]), queue2;
@@ -22289,6 +22501,11 @@ function useReactFlow() {
         }
         return (hasMatchingNodes || hasMatchingEdges) && onDelete?.({ nodes: matchingNodes, edges: matchingEdges }), { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
       },
+      /**
+       * Partial is defined as "the 2 nodes/areas are intersecting partially".
+       * If a is contained in b or b is contained in a, they are both
+       * considered fully intersecting.
+       */
       getIntersectingNodes: (nodeOrRect, partially = !0, nodes) => {
         const isRect = isRectObject(nodeOrRect), nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect), hasNodesOption = nodes !== void 0;
         return nodeRect ? (nodes || store.getState().nodes).filter((n2) => {
@@ -22304,7 +22521,7 @@ function useReactFlow() {
         if (!nodeRect)
           return !1;
         const overlappingArea = getOverlappingArea(nodeRect, area);
-        return partially && overlappingArea > 0 || overlappingArea >= nodeRect.width * nodeRect.height;
+        return partially && overlappingArea > 0 || overlappingArea >= area.width * area.height || overlappingArea >= nodeRect.width * nodeRect.height;
       },
       updateNode,
       updateNodeData: (id2, dataUpdate, options = { replace: !1 }) => {
@@ -22354,7 +22571,7 @@ function useResizeHandler(domNode) {
   const store = useStoreApi();
   useEffect(() => {
     const updateDimensions = () => {
-      if (!domNode.current)
+      if (!domNode.current || !(domNode.current.checkVisibility?.() ?? !0))
         return !1;
       const size2 = getDimensions(domNode.current);
       (size2.height === 0 || size2.width === 0) && store.getState().onError?.("004", errorMessages.error004()), store.setState({ width: size2.width || 500, height: size2.height || 500 });
@@ -22376,10 +22593,11 @@ const containerStyle = {
   left: 0
 }, selector$j = (s2) => ({
   userSelectionActive: s2.userSelectionActive,
-  lib: s2.lib
+  lib: s2.lib,
+  connectionInProgress: s2.connection.inProgress
 });
 function ZoomPane({ onPaneContextMenu, zoomOnScroll = !0, zoomOnPinch = !0, panOnScroll = !1, panOnScrollSpeed = 0.5, panOnScrollMode = PanOnScrollMode.Free, zoomOnDoubleClick = !0, panOnDrag = !0, defaultViewport: defaultViewport2, translateExtent, minZoom, maxZoom, zoomActivationKeyCode, preventScrolling = !0, children: children2, noWheelClassName, noPanClassName, onViewportChange, isControlledViewport, paneClickDistance }) {
-  const store = useStoreApi(), zoomPane = useRef(null), { userSelectionActive, lib: lib2 } = useStore$1(selector$j, shallow$1), zoomActivationKeyPressed = useKeyPress(zoomActivationKeyCode), panZoom = useRef();
+  const store = useStoreApi(), zoomPane = useRef(null), { userSelectionActive, lib: lib2, connectionInProgress } = useStore$1(selector$j, shallow$1), zoomActivationKeyPressed = useKeyPress(zoomActivationKeyCode), panZoom = useRef();
   useResizeHandler(zoomPane);
   const onTransformChange = useCallback((transform2) => {
     onViewportChange?.({ x: transform2[0], y: transform2[1], zoom: transform2[2] }), isControlledViewport || store.setState({ transform: transform2 });
@@ -22432,7 +22650,8 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = !0, zoomOnPinch = !0, panO
       userSelectionActive,
       noWheelClassName,
       lib: lib2,
-      onTransformChange
+      onTransformChange,
+      connectionInProgress
     });
   }, [
     onPaneContextMenu,
@@ -22449,7 +22668,8 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = !0, zoomOnPinch = !0, panO
     userSelectionActive,
     noWheelClassName,
     lib2,
-    onTransformChange
+    onTransformChange,
+    connectionInProgress
   ]), jsx("div", { className: "react-flow__renderer", ref: zoomPane, style: containerStyle, children: children2 });
 }
 const selector$i = (s2) => ({
@@ -22485,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: {
@@ -22548,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);
@@ -22932,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,
@@ -22967,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";
@@ -23270,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,
@@ -23279,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]})`;
@@ -23388,8 +23614,8 @@ const GraphView = memo$1(GraphViewComponent), getInitialState = ({ nodes, edges,
   }
   return {
     rfId: "1",
-    width: 0,
-    height: 0,
+    width: width ?? 0,
+    height: height ?? 0,
     transform: transform2,
     nodes: storeNodes,
     nodesInitialized,
@@ -24051,168 +24277,6 @@ function NodeToolbar({ nodeId, children: children2, className, style: style2, is
   };
   return jsx(NodeToolbarPortal, { children: jsx("div", { style: wrapperStyle2, className: cc(["react-flow__node-toolbar", className]), ...rest, "data-id": nodesArray.reduce((acc, node2) => `${acc}${node2.id} `, "").trim(), children: children2 }) });
 }
-function useSyncedRef(value) {
-  const ref = useRef(value);
-  return ref.current = value, useMemo(() => Object.freeze({
-    get current() {
-      return ref.current;
-    }
-  }), []);
-}
-function useUnmountEffect(effect) {
-  const effectRef = useSyncedRef(effect);
-  useEffect(
-    () => () => {
-      effectRef.current();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-}
-function useDebouncedCallback(callback, deps, delay2, maxWait = 0) {
-  const timeout2 = useRef(void 0), waitTimeout = useRef(void 0), cb = useRef(callback), lastCall = useRef(void 0), clear = () => {
-    timeout2.current && (clearTimeout(timeout2.current), timeout2.current = void 0), waitTimeout.current && (clearTimeout(waitTimeout.current), waitTimeout.current = void 0);
-  };
-  return useUnmountEffect(clear), useEffect(() => {
-    cb.current = callback;
-  }, deps), useMemo(() => {
-    const execute = () => {
-      if (clear(), !lastCall.current)
-        return;
-      const context = lastCall.current;
-      lastCall.current = void 0, cb.current.apply(context.this, context.args);
-    }, wrapped = function(...args) {
-      timeout2.current && clearTimeout(timeout2.current), lastCall.current = { args, this: this }, timeout2.current = setTimeout(execute, delay2), maxWait > 0 && !waitTimeout.current && (waitTimeout.current = setTimeout(execute, maxWait));
-    };
-    return Object.defineProperties(wrapped, {
-      length: { value: callback.length },
-      name: { value: `${callback.name || "anonymous"}__debounced__${delay2}` }
-    }), wrapped;
-  }, [delay2, maxWait, ...deps]);
-}
-const noop$1 = () => {
-}, isBrowser$2 = typeof globalThis < "u" && typeof navigator < "u" && typeof document < "u";
-function useRafCallback(cb) {
-  const cbRef = useSyncedRef(cb), frame2 = useRef(0), cancel = useCallback(() => {
-    isBrowser$2 && frame2.current && (cancelAnimationFrame(frame2.current), frame2.current = 0);
-  }, []);
-  return useUnmountEffect(cancel), [
-    useMemo(() => {
-      const wrapped = (...args) => {
-        isBrowser$2 && (cancel(), frame2.current = requestAnimationFrame(() => {
-          cbRef.current(...args), frame2.current = 0;
-        }));
-      };
-      return Object.defineProperties(wrapped, {
-        length: { value: cb.length },
-        name: { value: `${cb.name || "anonymous"}__raf` }
-      }), wrapped;
-    }, []),
-    cancel
-  ];
-}
-const basicDepsComparator = (d1, d2) => {
-  if (d1 === d2)
-    return !0;
-  if (d1.length !== d2.length)
-    return !1;
-  for (const [i2, element2] of d1.entries())
-    if (element2 !== d2[i2])
-      return !1;
-  return !0;
-};
-function useCustomCompareEffect(callback, deps, comparator = basicDepsComparator, effectHook = useEffect, ...effectHookRestArgs) {
-  const dependencies = useRef(void 0);
-  (dependencies.current === void 0 || isBrowser$2 && !comparator(dependencies.current, deps)) && (dependencies.current = deps), effectHook(callback, dependencies.current, ...effectHookRestArgs);
-}
-function useDebouncedEffect(callback, deps, delay2, maxWait = 0) {
-  useEffect(useDebouncedCallback(callback, deps, delay2, maxWait), deps);
-}
-function useFirstMountState() {
-  const isFirstMount = useRef(!0);
-  return useEffect(() => {
-    isFirstMount.current = !1;
-  }, []), isFirstMount.current;
-}
-const useIsomorphicLayoutEffect$2 = isBrowser$2 ? useLayoutEffect$1 : useEffect;
-function useRafEffect(callback, deps) {
-  const [rafCallback, cancelRaf] = useRafCallback(callback);
-  useEffect(
-    () => (rafCallback(), cancelRaf),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    deps
-  );
-}
-const stateChanger = (state) => (state + 1) % Number.MAX_SAFE_INTEGER;
-function useRerender() {
-  const [, setState] = useState(0);
-  return useCallback(() => {
-    setState(stateChanger);
-  }, []);
-}
-function useUpdateEffect(effect, deps) {
-  const isFirstMount = useFirstMountState();
-  useEffect(isFirstMount ? noop$1 : effect, deps);
-}
-const cancelTimeout = (id2) => {
-  id2 && clearTimeout(id2);
-};
-function useTimeoutEffect(callback, ms) {
-  const cbRef = useSyncedRef(callback), msRef = useSyncedRef(ms), timeoutIdRef = useRef(null), cancel = useCallback(() => {
-    cancelTimeout(timeoutIdRef.current);
-  }, []), reset = useCallback(() => {
-    msRef.current !== void 0 && (cancel(), timeoutIdRef.current = setTimeout(() => {
-      cbRef.current();
-    }, msRef.current));
-  }, []);
-  return useEffect(() => (reset(), cancel), [ms]), [cancel, reset];
-}
-const useCustomCompareMemo = (factory2, deps, comparator) => {
-  const dependencies = useRef(void 0);
-  return (dependencies.current === void 0 || !comparator(dependencies.current, deps)) && (dependencies.current = deps), useMemo(factory2, dependencies.current);
-};
-function useAsync(asyncFn, initialValue) {
-  const [state, setState] = useState({
-    status: "not-executed",
-    error: void 0,
-    result: initialValue
-  }), promiseRef = useRef(void 0), argsRef = useRef(void 0), methods = useSyncedRef({
-    execute(...params) {
-      argsRef.current = params;
-      const promise = asyncFn(...params);
-      return promiseRef.current = promise, setState((s2) => ({ ...s2, status: "loading" })), promise.then(
-        (result) => {
-          promise === promiseRef.current && setState((s2) => ({ ...s2, status: "success", error: void 0, result }));
-        },
-        // eslint-disable-next-line @typescript-eslint/use-unknown-in-catch-callback-variable
-        (error) => {
-          promise === promiseRef.current && setState((previousState) => ({ ...previousState, status: "error", error }));
-        }
-      ), promise;
-    },
-    reset() {
-      setState({
-        status: "not-executed",
-        error: void 0,
-        result: initialValue
-      }), promiseRef.current = void 0, argsRef.current = void 0;
-    }
-  });
-  return [
-    state,
-    useMemo(
-      () => ({
-        reset() {
-          methods.current.reset();
-        },
-        execute: (...params) => methods.current.execute(...params)
-      }),
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      []
-    ),
-    { promise: promiseRef.current, lastArgs: argsRef.current }
-  ];
-}
 var getOwnPropertyNames = Object.getOwnPropertyNames, getOwnPropertySymbols = Object.getOwnPropertySymbols, hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 function combineComparators(comparatorA, comparatorB) {
   return function(a2, b, state) {
@@ -24231,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));
 }
@@ -24345,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;
@@ -24374,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) {
@@ -24390,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);
@@ -49738,7 +49833,7 @@ function createAnimationState(visualElement) {
     setAnimateFunction,
     getState: () => state,
     reset: () => {
-      state = createState(), isInitialRender = !0;
+      state = createState();
     }
   };
 }
@@ -51689,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 });
@@ -51722,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) {
@@ -51951,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)
@@ -52021,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
@@ -52086,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 {
@@ -52255,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",
@@ -53325,7 +53421,7 @@ ${err.message}`);
       childrenJson[id2] = {
         snapshot: child.getPersistedSnapshot(options),
         src: child.src,
-        systemId: child._systemId,
+        systemId: child.systemId,
         syncSnapshot: child._syncSnapshot
       };
     }
@@ -53402,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 {
@@ -53715,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
@@ -53793,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);
@@ -54166,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
   }) {
@@ -54329,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);
@@ -54382,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
@@ -54505,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() {
@@ -61759,11 +61866,11 @@ const stringbool = (...args) => _stringbool({
 }, ...args);
 export {
   MotionConfig as $,
-  t$j as A,
-  t$l as B,
+  t$k as A,
+  t$m as B,
   t$d as C,
-  t$x as D,
-  t$y as E,
+  t$y as D,
+  t$z as E,
   e$7 as F,
   e$6 as G,
   defu as H,
@@ -61772,97 +61879,97 @@ export {
   getNodeDimensions as K,
   Background as L,
   BackgroundVariant as M,
-  n$i as N,
+  n$j as N,
   useMantineColorScheme as O,
   index$2 as P,
-  atom as Q,
-  createSafeContext as R,
-  useIsomorphicLayoutEffect$2 as S,
+  createSafeContext as Q,
+  atom as R,
+  useIsomorphicLayoutEffect$3 as S,
   useSyncedRef as T,
-  t$h as U,
-  t$e as V,
+  t$i as U,
+  t$f as V,
   MantineContext as W,
   MantineProvider as X,
   useMantineStyleNonce as Y,
   LazyMotion as Z,
   domMax as _,
   useCustomCompareEffect as a,
-  rem as a$,
-  createOptionalContext as a0,
-  deepEqual as a1,
-  e$b as a2,
-  t$s as a3,
-  t$i as a4,
-  t$n as a5,
-  t$o as a6,
-  useId$2 as a7,
-  ErrorBoundary as a8,
-  Notification as a9,
-  useMergedRef as aA,
-  HoverCard as aB,
-  HoverCardTarget as aC,
-  HoverCardDropdown as aD,
-  TooltipGroup as aE,
-  AnimatePresence as aF,
-  MotionDiv as aG,
-  isMacOs as aH,
-  useDebouncedValue as aI,
-  e$2 as aJ,
-  EdgeLabelRenderer as aK,
-  e$5 as aL,
-  useDebouncedState as aM,
-  NodeToolbar as aN,
-  Position as aO,
-  Handle as aP,
-  Badge as aQ,
-  CopyButton as aR,
-  SegmentedControl as aS,
-  MotionSpan as aT,
-  Portal as aU,
-  NavLink as aV,
-  ColorSwatch as aW,
-  Space as aX,
-  Divider as aY,
-  Stack as aZ,
-  CheckIcon as a_,
-  ScrollAreaAutosize as aa,
-  Code as ab,
-  Group as ac,
-  Button as ad,
-  getNodesBounds as ae,
-  getEdgePosition as af,
-  xstateReact_cjsExports as ag,
-  xstate_cjsExports as ah,
-  ActionIcon as ai,
-  MotionButton as aj,
-  ThemeIcon as ak,
-  Tooltip as al,
-  Breadcrumbs as am,
-  useHover$1 as an,
-  Popover as ao,
-  PopoverTarget as ap,
-  PopoverDropdown as aq,
-  Box as ar,
-  FloatingIndicator as as,
-  Text as at,
-  Flex as au,
-  UnstyledButton as av,
-  useDebouncedCallback as aw,
-  useUncontrolled as ax,
-  clampUseMovePosition as ay,
-  useMove as az,
+  useUpdateEffect as a$,
+  deepEqual as a0,
+  e$b as a1,
+  t$t as a2,
+  t$j as a3,
+  t$o as a4,
+  t$p as a5,
+  useId$2 as a6,
+  ErrorBoundary as a7,
+  Notification as a8,
+  ScrollAreaAutosize as a9,
+  HoverCard as aA,
+  HoverCardTarget as aB,
+  HoverCardDropdown as aC,
+  TooltipGroup as aD,
+  AnimatePresence as aE,
+  MotionDiv as aF,
+  isMacOs as aG,
+  useDebouncedValue as aH,
+  e$2 as aI,
+  EdgeLabelRenderer as aJ,
+  e$5 as aK,
+  useDebouncedState as aL,
+  NodeToolbar as aM,
+  Position as aN,
+  Handle as aO,
+  Badge as aP,
+  CopyButton as aQ,
+  SegmentedControl as aR,
+  MotionSpan as aS,
+  Portal as aT,
+  NavLink as aU,
+  ColorSwatch as aV,
+  Space as aW,
+  Divider as aX,
+  Stack as aY,
+  CheckIcon as aZ,
+  rem as a_,
+  Code as aa,
+  Group as ab,
+  Button as ac,
+  getNodesBounds as ad,
+  getEdgePosition as ae,
+  xstateReact_cjsExports as af,
+  xstate_cjsExports as ag,
+  ActionIcon as ah,
+  MotionButton as ai,
+  ThemeIcon as aj,
+  Tooltip as ak,
+  Breadcrumbs as al,
+  useHover$1 as am,
+  Popover as an,
+  PopoverTarget as ao,
+  PopoverDropdown as ap,
+  Box as aq,
+  FloatingIndicator as ar,
+  Text as as,
+  Flex as at,
+  UnstyledButton as au,
+  useDebouncedCallback as av,
+  useUncontrolled as aw,
+  clampUseMovePosition as ax,
+  useMove as ay,
+  useMergedRef as az,
   useStoreApi as b,
   useFocusWithin as b$,
-  useUpdateEffect as b0,
-  Slider as b1,
-  Paper as b2,
-  Menu as b3,
-  MenuTarget as b4,
-  MenuDropdown as b5,
-  MenuItem as b6,
-  useFocusTrap as b7,
-  useReducedMotionConfig as b8,
-  useTimeoutEffect as b9,
+  Slider as b0,
+  Paper as b1,
+  Menu as b2,
+  MenuTarget as b3,
+  MenuDropdown as b4,
+  MenuItem as b5,
+  useFocusTrap as b6,
+  useReducedMotionConfig as b7,
+  useTimeoutEffect as b8,
+  m as b9,
   t$2 as bA,
   t$3 as bB,
   ReactFlowProvider as bC,
@@ -61886,17 +61993,17 @@ export {
   animate as bU,
   e$8 as bV,
   VisuallyHidden as bW,
-  n$o as bX,
+  n$p as bX,
   useWindowEvent as bY,
   FocusTrap as bZ,
   Title as b_,
-  m as ba,
-  ReactRemoveScroll as bb,
-  useThrottledCallback as bc,
-  createScopedKeydownHandler as bd,
-  Input as be,
-  t$4 as bf,
-  Highlight as bg,
+  ReactRemoveScroll as ba,
+  useThrottledCallback as bb,
+  createScopedKeydownHandler as bc,
+  Input as bd,
+  t$4 as be,
+  Highlight as bf,
+  useMountEffect as bg,
   e$9 as bh,
   LayoutGroup as bi,
   useTree as bj,
@@ -61904,12 +62011,12 @@ export {
   Tree as bl,
   getBezierPath as bm,
   DefaultMap as bn,
-  t$m as bo,
-  t$k as bp,
+  t$n as bo,
+  t$l as bp,
   e$1 as bq,
-  t$f as br,
-  t$u as bs,
-  n$p as bt,
+  t$g as br,
+  t$v as bs,
+  n$q as bt,
   n$c as bu,
   r$8 as bv,
   t$c as bw,
@@ -61917,7 +62024,7 @@ export {
   dagre as by,
   t$6 as bz,
   useStore$1 as c,
-  useInViewport as c$,
+  useParams as c$,
   useCombobox as c0,
   ComboboxOption as c1,
   Combobox as c2,
@@ -61939,22 +62046,22 @@ export {
   mix as cI,
   toHex as cJ,
   scale as cK,
-  useRouter as cL,
-  isNotFound as cM,
-  Container as cN,
-  Link as cO,
-  useNavigate as cP,
-  createRootRouteWithContext as cQ,
-  stripSearchParams as cR,
-  Outlet as cS,
-  createFileRoute as cT,
-  useDocumentTitle as cU,
-  Loader as cV,
-  useStore as cW,
-  Navigate as cX,
-  t$1 as cY,
-  useParams as cZ,
-  SimpleGrid as c_,
+  e$4 as cL,
+  t$e as cM,
+  useRouter as cN,
+  isNotFound as cO,
+  Container as cP,
+  Link as cQ,
+  useNavigate as cR,
+  createRootRouteWithContext as cS,
+  stripSearchParams as cT,
+  Outlet as cU,
+  createFileRoute as cV,
+  useDocumentTitle as cW,
+  Loader as cX,
+  useStore as cY,
+  Navigate as cZ,
+  t$1 as c_,
   autoUpdate as ca,
   computePosition as cb,
   offset$1 as cc,
@@ -61963,11 +62070,11 @@ export {
   hide$1 as cf,
   useLocalStorage as cg,
   Card as ch,
-  n$u as ci,
+  n$v as ci,
   useRerender as cj,
   d3line as ck,
   curveCatmullRomOpen as cl,
-  t$g as cm,
+  t$h as cm,
   useDebouncedEffect as cn,
   getSmoothStepPath as co,
   useTimeout as cp,
@@ -61982,46 +62089,48 @@ export {
   t$5 as cy,
   getHotkeyHandler as cz,
   useCallbackRef as d,
-  notFound as d0,
-  useComputedColorScheme as d1,
-  onMount as d2,
-  Drawer as d3,
-  Select as d4,
-  ModalRoot as d5,
-  ModalOverlay as d6,
-  ModalContent as d7,
-  ModalBody as d8,
-  useMatches as d9,
-  useMantineTheme as da,
-  useMediaQuery as db,
-  useDisclosure as dc,
-  useParentMatches as dd,
-  MenuLabel as de,
-  useSearch as df,
-  LoadingOverlay as dg,
-  toBlob as dh,
-  useAsync as di,
-  PanelGroup as dj,
-  Panel as dk,
-  PanelResizeHandle as dl,
-  Burger as dm,
-  RouterProvider as dn,
-  createRouter as dp,
-  createHashHistory as dq,
-  createBrowserHistory as dr,
-  createTheme as ds,
-  object as dt,
-  literal as du,
-  stringbool as dv,
-  string as dw,
-  formatError as dx,
+  SimpleGrid as d0,
+  useInViewport as d1,
+  notFound as d2,
+  useComputedColorScheme as d3,
+  onMount as d4,
+  Drawer as d5,
+  Select as d6,
+  ModalRoot as d7,
+  ModalOverlay as d8,
+  ModalContent as d9,
+  ModalBody as da,
+  useMatches as db,
+  useMantineTheme as dc,
+  useMediaQuery as dd,
+  useDisclosure as de,
+  useParentMatches as df,
+  MenuLabel as dg,
+  useSearch as dh,
+  LoadingOverlay as di,
+  toBlob as dj,
+  useAsync as dk,
+  PanelGroup as dl,
+  Panel as dm,
+  PanelResizeHandle as dn,
+  Burger as dp,
+  RouterProvider as dq,
+  createRouter as dr,
+  createHashHistory as ds,
+  createBrowserHistory as dt,
+  createTheme as du,
+  object as dv,
+  literal as dw,
+  stringbool as dx,
+  string as dy,
+  formatError as dz,
   useReactFlow as e,
   useInternalNode as f,
   e$3 as g,
   compare$1 as h,
   e$a as i,
   e as j,
-  t$q as k,
+  t$r as k,
   setExports as l,
   unified as m,
   remarkGfm as n,
@@ -62030,7 +62139,7 @@ export {
   rehypeSanitize as q,
   remarkParse as r,
   shallowEqual as s,
-  t$v as t,
+  t$w as t,
   useFirstMountState as u,
   rehypeStringify as v,
   toString as w,