@synnaxlabs/pluto 0.43.0 → 0.43.1

package/dist/index.js

@@ -2,68 +2,68 @@ var z0 = Object.defineProperty;
 var R0 = (e, t, n) => t in e ? z0(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var at = (e, t, n) => R0(e, typeof t != "symbol" ? t + "" : t, n);
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import fo, { useState as me, useEffect as q, useRef as te, useCallback as F, Children as D0, createElement as kn, isValidElement as V0, createContext as ft, use as Ln, useMemo as we, memo as Te, useLayoutEffect as ol, useImperativeHandle as F0, useId as rl, createRef as H0, Fragment as Ko, useContext as ho, forwardRef as Kc, cloneElement as Z0 } from "react";
+import fo, { useState as me, useEffect as K, useRef as te, useCallback as F, Children as D0, createElement as kn, isValidElement as V0, createContext as ft, use as Ln, useMemo as we, memo as Te, useLayoutEffect as ol, useImperativeHandle as F0, useId as rl, createRef as H0, Fragment as Ko, useContext as ho, forwardRef as Kc, cloneElement as Z0 } from "react";
 import { y as he, T as Be, c as rt, d as qc, u as Qc, M as Pn, b as W0, E as qo, f as wi, g as Y0, t as G0 } from "./Divider-CDFHLK9U.js";
 import { l as be, g as Pe, C as m, P as Z, Q as X0, W as cs, n as U0, y as po, Z as K0, S as Qo, A as Ct, K as oe, s as q0, I as zt, H as Q0, o as Q, z as J0, L as ji, q as Gn, c as Cr, v as Xn, d as Un, k as bi, G as e2, p as t2 } from "./css-DjQu2Qyf.js";
 import { _ as VS, E as FS, Y as HS, V as ZS, F as WS, a0 as YS } from "./css-DjQu2Qyf.js";
-import { H as n2, B as o2, A as r2 } from "./external-ZV7pEm55.js";
-import { e as XS } from "./external-ZV7pEm55.js";
+import { H as n2, B as o2, A as r2 } from "./external-fwvNilmo.js";
+import { e as XS } from "./external-fwvNilmo.js";
 import { o as it, _ as eo, f as Jc, C as s2, i as l2, n as qt, b as Xe, c as Jo, l as sl, w as i2, g as ea, d as c2 } from "./state-DAFH2z9y.js";
 import { fp as KS } from "./state-DAFH2z9y.js";
 import { G as QS } from "./Stack-D50qN0Vu.js";
-import { p as er, B as a2, I as He, N as Fe } from "./external-Cjnx793K.js";
-import { e as e_, s as t_ } from "./external-Cjnx793K.js";
+import { p as er, B as a2, I as He, N as Fe } from "./external-UeyJ6mPv.js";
+import { e as e_, s as t_ } from "./external-UeyJ6mPv.js";
 import { C as u2, S as re } from "./Space-DxHm2ok7.js";
 import { l as d2, c as ta, h as Ls, d as Ps, v as Ns, a as na, P as f2, q as as } from "./hooks-u_TgL0Xi.js";
 import { g as h2 } from "./useVirtualCursorDragWebKit-CfxbToxm.js";
-import { d as oa, e as Sr, f as Et, C as ht, c as Oe, g as p2, h as ln, i as ll, j as g2, P as m2, k as x2, u as Nn } from "./Provider-CAR23fYq.js";
-import { m as o_, l as r_ } from "./Provider-CAR23fYq.js";
+import { d as oa, e as Sr, f as Et, C as ht, c as Oe, g as p2, h as ln, i as ll, j as g2, P as m2, k as x2, u as Nn } from "./Provider-CLPfWTcl.js";
+import { m as o_, l as r_ } from "./Provider-CLPfWTcl.js";
 import { e as l_ } from "./external-CVHgvs0C.js";
-import { r as ra, a as il, b as y2, T as cn, t as w2, u as Tn } from "./external-BmeMUsxr.js";
-import { I as c_, e as a_ } from "./external-BmeMUsxr.js";
+import { r as ra, a as il, b as y2, T as cn, t as w2, u as Tn } from "./external-CnkWbciu.js";
+import { I as c_, e as a_ } from "./external-CnkWbciu.js";
 import { L as j2 } from "./external-upR9Jz-8.js";
 import { e as d_ } from "./external-upR9Jz-8.js";
 import { W as sa, D as b2 } from "./WithIcon-B7VPBqA2.js";
 import { a as h_ } from "./WithIcon-B7VPBqA2.js";
 import { t as Ne } from "./array-CPtP5Oov.js";
-import { e as g_ } from "./external-DuvwfKLw.js";
-import { A as cl } from "./external-8zJ3fvo2.js";
-import { a as x_, e as y_ } from "./external-8zJ3fvo2.js";
-import { C as la, D as ia, b as v2, f as C2, u as S2, w as _2, I as Ze, B as Vt, c as go, a as ca } from "./Toggle-BC1o8qt5.js";
-import { i as j_ } from "./Toggle-BC1o8qt5.js";
-import { T as kt } from "./Text-P0b041la.js";
-import { E as M2, v as aa, M as E2, y as k2, C as L2, F as P2, k as N2 } from "./provider-CQqS-teQ.js";
-import { V as ua, A as da, T as Ft, m as fa, n as _r, o as T2, H as A2, c as us, C as I2, L as $2, S as B2, g as O2, u as ha, s as pa } from "./Text-B1uUpUKk.js";
-import { p as v_ } from "./Text-B1uUpUKk.js";
-import { Z as z2, P as vi, I as Xt, J as R2, K as D2, M as V2, T as F2, N as H2, O as Z2, Q as W2, S as Y2, U as G2, V as X2, W as U2, l as K2, L as q2, _ as No, $ as Q2, a0 as J2, a1 as em, X as tm, Y as nm, a2 as om, a3 as rm, a4 as sm, a5 as lm, b as im, B as cm, a6 as am, a7 as um, a8 as dm, a9 as fm, aa as hm, ab as pm, ac as gm, ad as mm, ae as Ci, af as Si, ag as xm, ah as ym, ai as wm, aj as jm, ak as bm, al as ga, am as ma, an as xa, ao as ya, t as vm, ap as Cm, aq as Sm, ar as wa, as as Mr, at as _m, au as Er, av as Mm, aw as ja, ax as ba, ay as va, az as Ca, aA as An, aB as kr, aC as Sa, aD as Em, aE as km, aF as _i, aG as al, aH as ul, aI as Lm, aJ as Pm, aK as St, aL as _t, aM as tr, aN as Kn, aO as Ts, aP as Nm, aQ as Tm, aR as Am, aS as Mi, aT as Im, aU as Ei, aV as ds, aW as $m, aX as Bm, aY as Om, aZ as zm, a_ as dl, a$ as Rm, b0 as nr, b1 as mo, b2 as fl, b3 as Dm, b4 as Vm, b5 as Fm, b6 as Hm, b7 as Zm, b8 as Wm, b9 as Ym, ba as Gm, bb as Xm, bc as Um } from "./value-DLy5XRhS.js";
-import { A as S_ } from "./value-DLy5XRhS.js";
+import { e as g_ } from "./external-Dm9rg2x7.js";
+import { A as cl } from "./external-5nVYtLDI.js";
+import { a as x_, e as y_ } from "./external-5nVYtLDI.js";
+import { C as la, D as ia, b as v2, f as C2, u as S2, w as _2, I as Ze, B as Vt, c as go, a as ca } from "./Toggle-CbzT5wR_.js";
+import { i as j_ } from "./Toggle-CbzT5wR_.js";
+import { T as kt } from "./Text-BiWcjO1i.js";
+import { D as M2, v as aa, M as E2, x as k2, C as L2, E as P2, k as N2 } from "./provider-gW90qzEG.js";
+import { V as ua, A as da, T as Ft, m as fa, n as _r, o as T2, H as A2, c as us, C as I2, L as $2, S as B2, g as O2, u as ha, s as pa } from "./Text-wL3te5S6.js";
+import { p as v_ } from "./Text-wL3te5S6.js";
+import { Z as z2, P as vi, I as Xt, J as R2, K as D2, M as V2, T as F2, N as H2, O as Z2, Q as W2, S as Y2, U as G2, V as X2, W as U2, l as K2, L as q2, _ as No, $ as Q2, a0 as J2, a1 as em, X as tm, Y as nm, a2 as om, a3 as rm, a4 as sm, a5 as lm, b as im, B as cm, a6 as am, a7 as um, a8 as dm, a9 as fm, aa as hm, ab as pm, ac as gm, ad as mm, ae as Ci, af as Si, ag as xm, ah as ym, ai as wm, aj as jm, ak as bm, al as ga, am as ma, an as xa, ao as ya, t as vm, ap as Cm, aq as Sm, ar as wa, as as Mr, at as _m, au as Er, av as Mm, aw as ja, ax as ba, ay as va, az as Ca, aA as An, aB as kr, aC as Sa, aD as Em, aE as km, aF as _i, aG as al, aH as ul, aI as Lm, aJ as Pm, aK as St, aL as _t, aM as tr, aN as Kn, aO as Ts, aP as Nm, aQ as Tm, aR as Am, aS as Mi, aT as Im, aU as Ei, aV as ds, aW as $m, aX as Bm, aY as Om, aZ as zm, a_ as dl, a$ as Rm, b0 as nr, b1 as mo, b2 as fl, b3 as Dm, b4 as Vm, b5 as Fm, b6 as Hm, b7 as Zm, b8 as Wm, b9 as Ym, ba as Gm, bb as Xm, bc as Um } from "./value-dkHk-BsO.js";
+import { A as S_ } from "./value-dkHk-BsO.js";
 import { a as _a, f as De, c as Lr, b as pt, u as Ht, F as Ma, P as Km } from "./Haul-D6kpOYBa.js";
 import { H as M_ } from "./Haul-D6kpOYBa.js";
 import { a as qe, u as Ea, b as ka } from "./useMemoCompare-B5QPDK2p.js";
 import { c as k_ } from "./useMemoCompare-B5QPDK2p.js";
 import { d as ki } from "./dimensions-FnMV2fyj.js";
-import { u as hl } from "./font-Cy9UYjyY.js";
+import { u as hl } from "./font-Csp00pQP.js";
 import { u as pl, a as qm, b as gl, f as Qm } from "./Dropdown-CQu3yo3v.js";
 import { c as P_, D as N_, M as T_ } from "./Dropdown-CQu3yo3v.js";
 import { u as Jm, c as e3, J as Ve } from "./deep-D72Fid_q.js";
-import { u as xo, S as Pr, P as t3, G as n3 } from "./external-firJ8w9n.js";
-import { e as I_ } from "./external-firJ8w9n.js";
+import { u as xo, S as Pr, P as t3, G as n3 } from "./external-69bqTAcN.js";
+import { e as I_ } from "./external-69bqTAcN.js";
 import { P as Nr } from "./Pack-BiS6QIuA.js";
 import { u as o3, b as r3, a as ml, C as xl } from "./ContextMenu-DLM5eLLG.js";
 import { T as s3 } from "./Text-CacHYC7L.js";
 import { u as l3 } from "./external-l7imNJRR.js";
 import { e as B_ } from "./external-l7imNJRR.js";
-import "./Item-BgUwEjzV.js";
+import "./Item-LAMTj0X2.js";
 import { createPortal as La } from "react-dom";
-import { S as Pa, F as Na } from "./external-CKag7gXR.js";
-import { e as z_, c as R_, f as D_, p as V_ } from "./external-CKag7gXR.js";
+import { S as Pa, F as Na } from "./external-C6mmYO7R.js";
+import { e as z_, c as R_, f as D_, p as V_ } from "./external-C6mmYO7R.js";
 import { createHexOpacityVariants as H_, unitProperty as Z_ } from "./css.js";
 import { u as Y_ } from "./useClickOutside-Dw3KdU3w.js";
 import { u as Ta } from "./useDebouncedCallback-Cvo_HNow.js";
-import { e as X_ } from "./external-BDh272rT.js";
-import { E as i3, e as c3, P as a3, p as u3 } from "./eraser-CupVBBBp.js";
+import { e as X_ } from "./external-cJGWYB3x.js";
+import { E as i3, e as c3, P as a3, p as u3 } from "./eraser-BJxXs5KS.js";
 import { D as As } from "./DateTime-CdNKxVxT.js";
-import { e as K_ } from "./external-BYsOdgw5.js";
+import { e as K_ } from "./external-Bn3A7Rew.js";
 import { V as Q_ } from "./Video-Bq_WSdfc.js";
 const d3 = (e) => e.nullable().transform((t) => t === null ? void 0 : t).optional(), Aa = (e) => Jm(e, (t, n, o) => {
   const s = n === o.length - 1, l = !isNaN(parseInt(t)), i = !isNaN(parseInt(o[n + 1]));
@@ -83,7 +83,7 @@ const d3 = (e) => e.nullable().transform((t) => t === null ? void 0 : t).optiona
   nullToUndefined: d3
 }, Symbol.toStringTag, { value: "Module" })), UC = (e, t, n = 150) => {
   const [o, s] = me(e);
-  return q(() => {
+  return K(() => {
     const l = setTimeout(() => s(t), n);
     return () => clearTimeout(l);
   }, [t, n]), o;
@@ -153,7 +153,7 @@ const d3 = (e) => e.nullable().transform((t) => t === null ? void 0 : t).optiona
     },
     [o, c, s]
   );
-  q(
+  K(
     () => e == null ? void 0 : e(i.sizeDistribution),
     [i.sizeDistribution, e]
   );
@@ -295,7 +295,7 @@ const d3 = (e) => e.nullable().transform((t) => t === null ? void 0 : t).optiona
     (y) => p(y) === ps && (e == null ? void 0 : e()),
     [e, p]
   );
-  q(() => {
+  K(() => {
     o == null || s == null || d((y) => {
       const b = cs(y, o, s);
       return f.current = b, b;
@@ -971,7 +971,7 @@ const Zo = function e(t, n, o) {
     },
     [c]
   ), f = te(null), h = pl(d, { debounce: t }), p = Qc(f, h);
-  q(() => {
+  K(() => {
     const x = () => {
       window.devicePixelRatio === i || !a.current.bootstrapped || f.current == null || c((w) => ({
         ...w,
@@ -983,7 +983,7 @@ const Zo = function e(t, n, o) {
       }));
     };
     window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`).addEventListener("change", x, { once: !0 });
-  }, [i]), q(() => {
+  }, [i]), K(() => {
     const x = () => {
       !a.current.bootstrapped || f.current == null || c((w) => ({
         ...w,
@@ -1073,8 +1073,8 @@ const Zo = function e(t, n, o) {
     throw new Error(`Cannot to use ${e} as a non-child of LinePlot.`);
   return t;
 }, Ua = (e) => {
-  const t = dt("Viewport"), { addViewportHandler: n } = t;
-  q(() => n(e), [n, e]);
+  const { addViewportHandler: t } = dt("Viewport");
+  K(() => t(e), [t, e]);
 }, wo = (e, t) => {
   const { setGridEntry: n, removeGridEntry: o } = dt(t), { key: s } = e;
   return p2(
@@ -1083,7 +1083,7 @@ const Zo = function e(t, n, o) {
     },
     ([c], [a]) => Ve.equal(c, a),
     [e]
-  ), q(() => () => o(s), []), { gridArea: Pe.swap(be.direction(e.loc)) === "x" ? `axis-start-${s} / plot-start / axis-end-${s} / plot-end` : `plot-start / axis-start-${s} / plot-end / axis-end-${s}` };
+  ), K(() => () => o(s), []), { gridArea: Pe.swap(be.direction(e.loc)) === "x" ? `axis-start-${s} / plot-start / axis-end-${s} / plot-end` : `plot-start / axis-start-${s} / plot-end / axis-end-${s}` };
 }, Ka = ({
   aetherKey: e,
   style: t,
@@ -1111,7 +1111,7 @@ const Zo = function e(t, n, o) {
     },
     [g, c]
   ), w = yo(x, { debounce: n });
-  q(() => g((z) => ({ ...z, ...f })), [f]);
+  K(() => g((z) => ({ ...z, ...f })), [f]);
   const j = te(/* @__PURE__ */ new Map()), S = F(
     (z) => (j.current.set(z, null), () => j.current.delete(z)),
     [j]
@@ -1226,7 +1226,7 @@ const Zo = function e(t, n, o) {
       schema: em,
       initialState: R
     });
-    q(() => _((D) => ({ ...D, ...R })), [R]), q(() => {
+    K(() => _((D) => ({ ...D, ...R })), [R]), K(() => {
       const { lower: D, upper: V } = Q2(k.autoBounds);
       k.bounds != null && (D && (w == null ? void 0 : w.lower) !== k.bounds.lower || V && (w == null ? void 0 : w.upper) !== k.bounds.upper) && (L == null || L(k.bounds));
     }, [k.autoBounds, k.bounds]);
@@ -1234,7 +1234,7 @@ const Zo = function e(t, n, o) {
       { loc: c, key: `${n}-${O}`, size: M + v, order: 1 },
       `${e.toUpperCase()}Axis`
     ), B = hl(u).toString(), I = te(0);
-    return q(() => {
+    return K(() => {
       if (e === "y") {
         if (a == null) return;
         let V = ki(a, B)[Pe.dimension(Pe.construct(d))];
@@ -1513,7 +1513,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ...s
 }) => {
   const l = ln(e), { setLine: i, removeLine: c } = dt("Line");
-  return q(() => (i({ key: l, color: t, label: n, visible: o }), () => c(l)), [n, t, o]), /* @__PURE__ */ r.jsx(
+  return K(() => (i({ key: l, color: t, label: n, visible: o }), () => c(l)), [n, t, o]), /* @__PURE__ */ r.jsx(
     El,
     {
       aetherKey: l,
@@ -1547,7 +1547,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     },
     [o]
   ), i = F(() => o({ position: null }), [o]);
-  return q(() => {
+  return K(() => {
     if (s.current === null) return;
     const c = s.current.parentElement;
     if (c != null)
@@ -1782,7 +1782,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   const { close: h, visible: p, toggle: g } = gl(), [x, w] = me(
     (e == null ? void 0 : e.find((y) => y.key === t)) ?? null
   );
-  q(() => {
+  K(() => {
     w((e == null ? void 0 : e.find((y) => y.key === t)) ?? null);
   }, [e, t]);
   const j = F(
@@ -1998,7 +1998,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ...f
 }) => {
   const { clear: h } = ha(), [p, g] = me("");
-  q(() => {
+  K(() => {
     if (!n) {
       if (Q0.isZero(t == null ? void 0 : t.key)) return g("");
       t != null && g(fu(e, t));
@@ -2395,10 +2395,10 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ref: s
 }) => {
   const l = (t == null ? void 0 : t.defaultMode) ?? "zoom", [i, c] = me(Z.ZERO), [a, u] = me(l), [d, f] = W0(n), h = te(oe.ZERO), p = te(null), g = Gn.construct(o);
-  q(
+  K(
     () => f(() => Z.truncate(n, Hn(n))),
     [n]
-  ), q(() => u(l), [l]);
+  ), K(() => u(l), [l]);
   const [x, w, j, S] = Ea(
     () => {
       const A = {
@@ -2483,7 +2483,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     },
     [o]
   ), E = Ns({ triggers: [["Control"]] }), L = Ns({ triggers: [["Alt"]] });
-  q(() => {
+  K(() => {
     const A = ($) => {
       if (p.current == null) return;
       let O = 1;
@@ -2641,20 +2641,11 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     { key: o, loc: "top", size: c > 0 ? 32 : 0, order: 3 },
     "Annotation.Provider"
   ), d = o3(), f = rt(d.visible), h = F(
-    (p) => {
-      const g = (w) => {
-        a((j) => ({ ...j, cursor: { x: w.clientX, y: w.clientY } }));
-      }, x = p.currentTarget;
-      x.addEventListener("mousemove", g), x.addEventListener(
-        "mouseleave",
-        () => {
-          x.removeEventListener("mousemove", g), f.current || a((w) => ({ ...w, cursor: null }));
-        },
-        { once: !0 }
-      );
-    },
+    (g) => a((x) => ({ ...x, cursor: { x: g.clientX, y: g.clientY } })),
     [a]
-  );
+  ), p = F(() => {
+    f.current || a((g) => ({ ...g, cursor: null }));
+  }, [a, f]);
   return /* @__PURE__ */ r.jsx(
     r3,
     {
@@ -2682,7 +2673,8 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
               stage: "start"
             }), l(!0));
           },
-          onMouseEnter: h
+          onMouseMove: h,
+          onMouseLeave: p
         }
       )
     }
@@ -2732,7 +2724,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ), c = F(() => {
     n((a) => ({ ...a, hover: null }));
   }, [n]);
-  return q(() => {
+  return K(() => {
     if (o.current === null) return;
     const a = o.current.parentElement;
     if (a != null)
@@ -2784,7 +2776,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }), y = te(j);
   j !== y.current && (y.current = j);
   const { id: b } = dt("Rule"), E = document.getElementById(b), L = E == null ? void 0 : E.querySelector(".pluto-line-plot__viewport"), P = te(j);
-  q(() => {
+  K(() => {
     S((z) => ({
       ...z,
       position: n,
@@ -2905,14 +2897,16 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   legendVariant: j,
   onViewportChange: S,
   viewportTriggers: y,
-  annotationProvider: b,
+  rangeAnnotationProvider: b,
   onSelectRule: E,
   children: L,
   ...P
 }) => {
-  var z;
-  const A = t.filter(({ location: M }) => be.isY(M)), $ = te(null), O = wi(e.length), R = wi(P.hold);
-  return (O === 0 && e.length !== 0 || R === !0 && P.hold === !1) && ((z = $.current) == null || z.reset()), /* @__PURE__ */ r.jsxs(Ka, { ...P, children: [
+  const A = t.filter(({ location: M }) => be.isY(M)), $ = te(null), O = wi(e.length), R = wi(P.hold), z = O === 0 && e.length !== 0 || R === !0 && P.hold === !1;
+  return K(() => {
+    var M;
+    z && ((M = $.current) == null || M.reset());
+  }, [z]), /* @__PURE__ */ r.jsxs(Ka, { ...P, children: [
     A.map((M, v) => {
       const k = e.filter((B) => B.axes.x === M.key), _ = t.filter(({ location: B }) => be.isX(B)), N = p == null ? void 0 : p.filter(
         (B) => [..._.map(({ key: I }) => I), M.key].includes(B.axis)
@@ -3312,7 +3306,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       required: !1
     };
   });
-  q(() => (l(e, { optional: t || o != null }) == null && o != null && c(e, o), d(l(e, { optional: t })), i({ path: e, onChange: d, listenToChildren: !1 })), [e, n, i, l, t, o]);
+  K(() => (l(e, { optional: t || o != null }) == null && o != null && c(e, o), d(l(e, { optional: t })), i({ path: e, onChange: d, listenToChildren: !1 })), [e, n, i, l, t, o]);
   const f = F(
     (g) => {
       n == null || n(g, { ...s, path: e }), c(e, g);
@@ -3330,11 +3324,11 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return s.mode === "preview" && (p = "preview"), { onChange: f, setStatus: h, variant: p, ...u };
 }, Mu = (e, t = !1, n) => {
   const { get: o, bind: s } = Pt(n), [, l] = me(0);
-  return q(() => (l((i) => i + 1), s({ path: e, onChange: () => l((i) => i + 1) })), [e, s]), o(e, { optional: t }) ?? null;
+  return K(() => (l((i) => i + 1), s({ path: e, onChange: () => l((i) => i + 1) })), [e, s]), o(e, { optional: t }) ?? null;
 }, Eu = (e, t = !1, n) => {
   var i;
   const { get: o, bind: s } = Pt(n), [, l] = me(0);
-  return q(() => (l((c) => c + 1), s({ path: e, onChange: () => l((c) => c + 1) })), [e, s]), ((i = o(e, { optional: t })) == null ? void 0 : i.value) ?? null;
+  return K(() => (l((c) => c + 1), s({ path: e, onChange: () => l((c) => c + 1) })), [e, s]), ((i = o(e, { optional: t })) == null ? void 0 : i.value) ?? null;
 }, W5 = (e) => {
   var t, n;
   return ((n = (t = Mu(e, !0)) == null ? void 0 : t.status) == null ? void 0 : n.variant) === "success";
@@ -3344,7 +3338,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   onChange: n
 }) => {
   const o = Pt(t);
-  q(
+  K(
     () => o.bind({
       path: e,
       onChange: (s) => n(s, o),
@@ -3357,7 +3351,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   optional: t = !1
 }) => {
   const { bind: n, get: o } = Pt(), [s, l] = me(o(e, { optional: t }));
-  if (q(() => (l(o(e, { optional: t })), n({
+  if (K(() => (l(o(e, { optional: t })), n({
     path: e,
     onChange: (i) => l({ ...i, value: Xn(i.value) }),
     listenToChildren: !0
@@ -3397,7 +3391,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ctx: n
 }) => {
   const o = Pt(n), { bind: s, get: l } = o, [i, c] = me(l(e).value);
-  return q(() => (c(l(e).value), s({
+  return K(() => (c(l(e).value), s({
     path: e,
     onChange: (a) => {
       c(Xn(a.value));
@@ -3604,7 +3598,7 @@ const iS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     const { statuses: M } = i.current;
     M.clear(), M.forEach((v, k) => b(k));
   }, []);
-  return q(() => {
+  return K(() => {
     if (!t) return;
     const { listeners: M } = i.current;
     i.current.state = e, M.forEach((v, k) => {
@@ -4179,7 +4173,7 @@ class Du {
 }
 const wx = ({ node: e }) => {
   const t = H0(), n = te(e);
-  return q(() => {
+  return K(() => {
     const o = t.current;
     if (o == null) return;
     const s = o.parentNode;
@@ -4187,7 +4181,7 @@ const wx = ({ node: e }) => {
       return e.mount(s, o), () => {
         t.current != null && e.unmount(t.current);
       };
-  }, []), q(() => {
+  }, []), K(() => {
     n.current != null && e !== n.current && (n.current.unmount(t.current), n.current = e);
     const o = t.current;
     if (o == null) return;
@@ -4421,7 +4415,7 @@ const bx = {
   }
 }), Mx = ({ allowRename: e = !1, initialTree: t }) => {
   const [n, o] = me(t);
-  return q(() => o(lr(t)[0]), [t]), {
+  return K(() => o(lr(t)[0]), [t]), {
     root: n,
     onDrop: (u, d, f) => o((h) => Ou(h, d, f, u)[0]),
     onClose: (u) => o((d) => Bl(d, u)[0]),
@@ -4765,7 +4759,7 @@ const Ax = ({ children: e, ...t }) => {
       }
     }
   });
-  q(() => {
+  K(() => {
     i((h) => ({ ...h, ...s }));
   }, [s, i]);
   const c = F(
@@ -4795,11 +4789,11 @@ const Ax = ({ children: e, ...t }) => {
     schema: ba,
     initialState: o
   });
-  return q(() => {
+  return K(() => {
     l != null && (t == null || t(l));
-  }, [l, t]), q(() => {
+  }, [l, t]), K(() => {
     c((a) => ({ ...a, ...o }));
-  }, [o, c]), q(() => () => t == null ? void 0 : t("released"), []), /* @__PURE__ */ r.jsxs(Yu, { value: { needsControlOf: i }, children: [
+  }, [o, c]), K(() => () => t == null ? void 0 : t("released"), []), /* @__PURE__ */ r.jsxs(Yu, { value: { needsControlOf: i }, children: [
     /* @__PURE__ */ r.jsx(ht, { path: s, children: e }),
     ";"
   ] });
@@ -4821,7 +4815,7 @@ const Ax = ({ children: e, ...t }) => {
     },
     schema: va
   });
-  q(() => {
+  K(() => {
     l((a) => ({ ...a, ...n }));
   }, [n, l]);
   let i;
@@ -4847,7 +4841,7 @@ const Ax = ({ children: e, ...t }) => {
       needsControlOf: t
     }
   });
-  q(() => {
+  K(() => {
     o((i) => ({ ...i, needsControlOf: t }));
   }, [t]);
   const l = Cr.unique(n.map((i) => i.subject.key)).map((i) => {
@@ -5178,7 +5172,7 @@ const Ax = ({ children: e, ...t }) => {
     schema: _i.stateZ,
     initialState: { region: Z.ZERO, visible: n }
   });
-  q(() => {
+  K(() => {
     l((c) => ({ ...c, visible: n }));
   }, [n]);
   const i = yo((c) => l((a) => ({ ...a, region: c })));
@@ -5346,7 +5340,7 @@ const Ax = ({ children: e, ...t }) => {
     });
     n({ ...t, telem: x });
   }, a = (g) => c({ valueStream: St({ channel: g ?? 0 }) }), u = (g) => c({ stringifier: Kn({ ...l, notation: g }) }), d = (g) => c({ stringifier: Kn({ ...l, precision: g }) }), f = (g) => c({ rollingAverage: tr({ windowSize: g }) }), h = Ar(s.channel);
-  return q(() => n({ ...t, tooltip: [h] }), [h]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return K(() => n({ ...t, tooltip: [h] }), [h]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(He, { label: "Input Channel", grow: !0, children: /* @__PURE__ */ r.jsx(
       en,
       {
@@ -5408,7 +5402,7 @@ const Ax = ({ children: e, ...t }) => {
     schema: Ts.z,
     initialState: d
   });
-  return q(() => h((p) => ({ ...p, ...d })), [d]), { width: f.width ?? f.minWidth };
+  return K(() => h((p) => ({ ...p, ...d })), [d]), { width: f.width ?? f.minWidth };
 }, IS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TelemForm: Dl,
@@ -7821,15 +7815,15 @@ var xr;
 (function(e) {
   e.Arrow = "arrow", e.ArrowClosed = "arrowclosed";
 })(xr || (xr = {}));
-var K;
+var q;
 (function(e) {
   e.Left = "left", e.Top = "top", e.Right = "right", e.Bottom = "bottom";
-})(K || (K = {}));
+})(q || (q = {}));
 const nc = {
-  [K.Left]: K.Right,
-  [K.Right]: K.Left,
-  [K.Top]: K.Bottom,
-  [K.Bottom]: K.Top
+  [q.Left]: q.Right,
+  [q.Right]: q.Left,
+  [q.Top]: q.Bottom,
+  [q.Bottom]: q.Top
 };
 function Od(e) {
   return e === null ? null : e ? "valid" : "invalid";
@@ -8158,17 +8152,17 @@ function Bo(e, t) {
 }
 function ic({ pos: e, x1: t, y1: n, x2: o, y2: s, c: l }) {
   switch (e) {
-    case K.Left:
+    case q.Left:
       return [t - Bo(t - o, l), n];
-    case K.Right:
+    case q.Right:
       return [t + Bo(o - t, l), n];
-    case K.Top:
+    case q.Top:
       return [t, n - Bo(n - s, l)];
-    case K.Bottom:
+    case q.Bottom:
       return [t, n + Bo(s - n, l)];
   }
 }
-function Ud({ sourceX: e, sourceY: t, sourcePosition: n = K.Bottom, targetX: o, targetY: s, targetPosition: l = K.Top, curvature: i = 0.25 }) {
+function Ud({ sourceX: e, sourceY: t, sourcePosition: n = q.Bottom, targetX: o, targetY: s, targetPosition: l = q.Top, curvature: i = 0.25 }) {
   const [c, a] = ic({
     pos: n,
     x1: e,
@@ -8256,12 +8250,12 @@ function Jd({ sourceX: e, sourceY: t, targetX: n, targetY: o }) {
   return [`M ${e},${t}L ${n},${o}`, s, l, i, c];
 }
 const cc = {
-  [K.Left]: { x: -1, y: 0 },
-  [K.Right]: { x: 1, y: 0 },
-  [K.Top]: { x: 0, y: -1 },
-  [K.Bottom]: { x: 0, y: 1 }
-}, U9 = ({ source: e, sourcePosition: t = K.Bottom, target: n }) => t === K.Left || t === K.Right ? e.x < n.x ? { x: 1, y: 0 } : { x: -1, y: 0 } : e.y < n.y ? { x: 0, y: 1 } : { x: 0, y: -1 }, ac = (e, t) => Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2));
-function K9({ source: e, sourcePosition: t = K.Bottom, target: n, targetPosition: o = K.Top, center: s, offset: l }) {
+  [q.Left]: { x: -1, y: 0 },
+  [q.Right]: { x: 1, y: 0 },
+  [q.Top]: { x: 0, y: -1 },
+  [q.Bottom]: { x: 0, y: 1 }
+}, U9 = ({ source: e, sourcePosition: t = q.Bottom, target: n }) => t === q.Left || t === q.Right ? e.x < n.x ? { x: 1, y: 0 } : { x: -1, y: 0 } : e.y < n.y ? { x: 0, y: 1 } : { x: 0, y: -1 }, ac = (e, t) => Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2));
+function K9({ source: e, sourcePosition: t = q.Bottom, target: n, targetPosition: o = q.Top, center: s, offset: l }) {
   const i = cc[t], c = cc[o], a = { x: e.x + i.x * l, y: e.y + i.y * l }, u = { x: n.x + c.x * l, y: n.y + c.y * l }, d = U9({
     source: a,
     sourcePosition: t,
@@ -8319,7 +8313,7 @@ function q9(e, t, n, o) {
   const c = e.x < n.x ? 1 : -1, a = e.y < n.y ? -1 : 1;
   return `L ${l},${i + s * a}Q ${l},${i} ${l + s * c},${i}`;
 }
-function qs({ sourceX: e, sourceY: t, sourcePosition: n = K.Bottom, targetX: o, targetY: s, targetPosition: l = K.Top, borderRadius: i = 5, centerX: c, centerY: a, offset: u = 20 }) {
+function qs({ sourceX: e, sourceY: t, sourcePosition: n = q.Bottom, targetX: o, targetY: s, targetPosition: l = q.Top, borderRadius: i = 5, centerX: c, centerY: a, offset: u = 20 }) {
   const [d, f, h, p, g] = K9({
     source: { x: e, y: t },
     sourcePosition: n,
@@ -8353,7 +8347,7 @@ function Q9(e) {
       sourceHandle: e.sourceHandle,
       targetHandle: e.targetHandle
     })), null;
-  const c = (l == null ? void 0 : l.position) || K.Bottom, a = (i == null ? void 0 : i.position) || K.Top, u = co(t, l, c), d = co(n, i, a);
+  const c = (l == null ? void 0 : l.position) || q.Bottom, a = (i == null ? void 0 : i.position) || q.Top, u = co(t, l, c), d = co(n, i, a);
   return {
     sourceX: u.x,
     sourceY: u.y,
@@ -8374,18 +8368,18 @@ function dc(e) {
     target: n
   };
 }
-function co(e, t, n = K.Left, o = !1) {
+function co(e, t, n = q.Left, o = !1) {
   const s = ((t == null ? void 0 : t.x) ?? 0) + e.internals.positionAbsolute.x, l = ((t == null ? void 0 : t.y) ?? 0) + e.internals.positionAbsolute.y, { width: i, height: c } = t ?? Nt(e);
   if (o)
     return { x: s + i / 2, y: l + c / 2 };
   switch ((t == null ? void 0 : t.position) ?? n) {
-    case K.Top:
+    case q.Top:
       return { x: s + i / 2, y: l };
-    case K.Right:
+    case q.Right:
       return { x: s + i, y: l + c / 2 };
-    case K.Bottom:
+    case q.Bottom:
       return { x: s + i / 2, y: l + c };
-    case K.Left:
+    case q.Left:
       return { x: s, y: l + c / 2 };
   }
 }
@@ -8876,7 +8870,7 @@ function f7(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: s,
   }, ee = a.get(s), se = {
     inProgress: !0,
     isValid: null,
-    from: co(ee, H, K.Left, !0),
+    from: co(ee, H, q.Left, !0),
     fromHandle: H,
     fromPosition: H.position,
     fromNode: ee,
@@ -9776,7 +9770,7 @@ function J7(e, t) {
 }
 function e8({ onSelectionChange: e }) {
   const t = Ae(), { selectedNodes: n, selectedEdges: o } = Ce(Q7, J7);
-  return q(() => {
+  return K(() => {
     const s = { nodes: n, edges: o };
     e == null || e(s), t.getState().onSelectionChangeHandlers.forEach((l) => l(s));
   }, [n, o, e]), null;
@@ -9871,11 +9865,11 @@ const mf = [0, 0], o8 = { x: 0, y: 0, zoom: 1 }, r8 = [
 };
 function l8(e) {
   const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: s, setTranslateExtent: l, setNodeExtent: i, reset: c, setDefaultNodesAndEdges: a, setPaneClickDistance: u } = Ce(s8, $e), d = Ae();
-  q(() => (a(e.defaultNodes, e.defaultEdges), () => {
+  K(() => (a(e.defaultNodes, e.defaultEdges), () => {
     f.current = Mc, c();
   }), []);
   const f = te(Mc);
-  return q(
+  return K(
     () => {
       for (const h of _c) {
         const p = e[h], g = f.current[h];
@@ -9893,7 +9887,7 @@ function Ec() {
 function i8(e) {
   var o;
   const [t, n] = me(e === "system" ? null : e);
-  return q(() => {
+  return K(() => {
     if (e !== "system") {
       n(e);
       return;
@@ -9918,7 +9912,7 @@ function ao(e = null, t = { target: kc, actInsideInputWithModifier: !0 }) {
     }
     return [[], []];
   }, [e]);
-  return q(() => {
+  return K(() => {
     const a = (t == null ? void 0 : t.target) ?? kc, u = (t == null ? void 0 : t.actInsideInputWithModifier) ?? !0;
     if (e !== null) {
       const d = (p) => {
@@ -10098,7 +10092,7 @@ const Ac = (e) => I9(e), u8 = (e) => zd(e);
 function jf(e) {
   return Kc(e);
 }
-const d8 = typeof window < "u" ? ol : q;
+const d8 = typeof window < "u" ? ol : K;
 function Ic(e) {
   const [t, n] = me(BigInt(0)), [o] = me(() => f8(() => n((s) => s + BigInt(1))));
   return d8(() => {
@@ -10294,18 +10288,18 @@ function an() {
 const $c = (e) => e.selected, m8 = typeof window < "u" ? window : void 0;
 function x8({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
   const n = Ae(), { deleteElements: o } = an(), s = ao(e, { actInsideInputWithModifier: !1 }), l = ao(t, { target: m8 });
-  q(() => {
+  K(() => {
     if (s) {
       const { edges: i, nodes: c } = n.getState();
       o({ nodes: c.filter($c), edges: i.filter($c) }), n.setState({ nodesSelectionActive: !1 });
     }
-  }, [s]), q(() => {
+  }, [s]), K(() => {
     n.setState({ multiSelectionActive: l });
   }, [l]);
 }
 function y8(e) {
   const t = Ae();
-  q(() => {
+  K(() => {
     const n = () => {
       var s, l;
       if (!e.current)
@@ -10338,7 +10332,7 @@ function j8({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
   const O = F((R) => {
     j == null || j({ x: R[0], y: R[1], zoom: R[2] }), S || b.setState({ transform: R });
   }, [j, S]);
-  return q(() => {
+  return K(() => {
     if (E.current) {
       $.current = v7({
         domNode: E.current,
@@ -10371,7 +10365,7 @@ function j8({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
         (v = $.current) == null || v.destroy();
       };
     }
-  }, []), q(() => {
+  }, []), K(() => {
     var R;
     (R = $.current) == null || R.update({
       onPaneContextMenu: e,
@@ -10521,7 +10515,7 @@ function tl({ id: e, store: t, unselect: n = !1, nodeRef: o }) {
 }
 function vf({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector: o, nodeId: s, isSelectable: l, nodeClickDistance: i }) {
   const c = Ae(), [a, u] = me(!1), d = te();
-  return q(() => {
+  return K(() => {
     d.current = i7({
       getStoreItems: () => c.getState(),
       onNodeMouseDown: (f) => {
@@ -10538,7 +10532,7 @@ function vf({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
         u(!1);
       }
     });
-  }, []), q(() => {
+  }, []), K(() => {
     var f, h;
     if (t)
       (f = d.current) == null || f.destroy();
@@ -10600,7 +10594,7 @@ const Sf = () => ho(oi), E8 = (e) => ({
     valid: d && u
   };
 };
-function L8({ type: e = "source", position: t = K.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: s = !0, isConnectableEnd: l = !0, id: i, onConnect: c, children: a, className: u, onMouseDown: d, onTouchStart: f, ...h }, p) {
+function L8({ type: e = "source", position: t = q.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: s = !0, isConnectableEnd: l = !0, id: i, onConnect: c, children: a, className: u, onMouseDown: d, onTouchStart: f, ...h }, p) {
   var k, _;
   const g = i || null, x = e === "target", w = Ae(), j = Sf(), { connectOnClick: S, noPanClassName: y, rfId: b } = Ce(E8, $e), { connectingFrom: E, connectingTo: L, clickConnecting: P, isPossibleEndHandle: A, connectionInProcess: $, clickConnectionInProcess: O, valid: R } = Ce(k8(j, g, e), $e);
   j || (_ = (k = w.getState()).onError) == null || _.call(k, "010", We.error010());
@@ -10697,16 +10691,16 @@ function L8({ type: e = "source", position: t = K.Top, isValidConnection: n, isC
   ]), onMouseDown: M, onTouchStart: M, onClick: S ? v : void 0, ref: p, ...h, children: a });
 }
 const uo = Te(jf(L8));
-function P8({ data: e, isConnectable: t, sourcePosition: n = K.Bottom }) {
+function P8({ data: e, isConnectable: t, sourcePosition: n = q.Bottom }) {
   return r.jsxs(r.Fragment, { children: [e == null ? void 0 : e.label, r.jsx(uo, { type: "source", position: n, isConnectable: t })] });
 }
-function N8({ data: e, isConnectable: t, targetPosition: n = K.Top, sourcePosition: o = K.Bottom }) {
+function N8({ data: e, isConnectable: t, targetPosition: n = q.Top, sourcePosition: o = q.Bottom }) {
   return r.jsxs(r.Fragment, { children: [r.jsx(uo, { type: "target", position: n, isConnectable: t }), e == null ? void 0 : e.label, r.jsx(uo, { type: "source", position: o, isConnectable: t })] });
 }
 function T8() {
   return null;
 }
-function A8({ data: e, isConnectable: t, targetPosition: n = K.Top }) {
+function A8({ data: e, isConnectable: t, targetPosition: n = q.Top }) {
   return r.jsxs(r.Fragment, { children: [r.jsx(uo, { type: "target", position: n, isConnectable: t }), e == null ? void 0 : e.label] });
 }
 const vr = {
@@ -10743,7 +10737,7 @@ const $8 = (e) => {
 };
 function B8({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
   const o = Ae(), { width: s, height: l, transformString: i, userSelectionActive: c } = Ce($8, $e), a = Cf(), u = te(null);
-  if (q(() => {
+  if (K(() => {
     var h;
     n || (h = u.current) == null || h.focus({
       preventScroll: !0
@@ -10791,17 +10785,17 @@ function F8() {
       });
     }), e(o);
   }));
-  return q(() => () => {
+  return K(() => () => {
     t == null || t.disconnect();
   }, [t]), t;
 }
 function H8({ node: e, nodeType: t, hasDimensions: n, resizeObserver: o }) {
   const s = Ae(), l = te(null), i = te(null), c = te(e.sourcePosition), a = te(e.targetPosition), u = te(t), d = n && !!e.internals.handleBounds;
-  return q(() => {
+  return K(() => {
     l.current && !e.hidden && (!d || i.current !== l.current) && (i.current && (o == null || o.unobserve(i.current)), o == null || o.observe(l.current), i.current = l.current);
-  }, [d, e.hidden]), q(() => () => {
+  }, [d, e.hidden]), K(() => () => {
     i.current && (o == null || o.unobserve(i.current), i.current = null);
-  }, []), q(() => {
+  }, []), K(() => {
     if (l.current) {
       const f = u.current !== t, h = c.current !== e.sourcePosition, p = a.current !== e.targetPosition;
       (f || h || p) && (u.current = t, c.current = e.sourcePosition, a.current = e.targetPosition, s.getState().updateNodeInternals(/* @__PURE__ */ new Map([[e.id, { id: e.id, nodeElement: l.current, force: !0 }]])));
@@ -10990,7 +10984,7 @@ Ef.displayName = "MarkerDefinitions";
 var Q8 = Te(Ef);
 function kf({ x: e, y: t, label: n, labelStyle: o, labelShowBg: s = !0, labelBgStyle: l, labelBgPadding: i = [2, 4], labelBgBorderRadius: c = 2, children: a, className: u, ...d }) {
   const [f, h] = me({ x: 1, y: 0, width: 0, height: 0 }), p = Re(["react-flow__edge-textwrapper", u]), g = te(null);
-  return q(() => {
+  return K(() => {
     if (g.current) {
       const x = g.current.getBBox();
       h({
@@ -11008,9 +11002,9 @@ function lt({ path: e, labelX: t, labelY: n, label: o, labelStyle: s, labelShowB
   return r.jsxs(r.Fragment, { children: [r.jsx("path", { ...d, d: e, fill: "none", className: Re(["react-flow__edge-path", d.className]) }), u && r.jsx("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: u, className: "react-flow__edge-interaction" }), o && st(t) && st(n) ? r.jsx(J8, { x: t, y: n, label: o, labelStyle: s, labelShowBg: l, labelBgStyle: i, labelBgPadding: c, labelBgBorderRadius: a }) : null] });
 }
 function Rc({ pos: e, x1: t, y1: n, x2: o, y2: s }) {
-  return e === K.Left || e === K.Right ? [0.5 * (t + o), n] : [t, 0.5 * (n + s)];
+  return e === q.Left || e === q.Right ? [0.5 * (t + o), n] : [t, 0.5 * (n + s)];
 }
-function Lf({ sourceX: e, sourceY: t, sourcePosition: n = K.Bottom, targetX: o, targetY: s, targetPosition: l = K.Top }) {
+function Lf({ sourceX: e, sourceY: t, sourcePosition: n = q.Bottom, targetX: o, targetY: s, targetPosition: l = q.Top }) {
   const [i, c] = Rc({
     pos: n,
     x1: e,
@@ -11058,7 +11052,7 @@ const ew = Pf({ isInternal: !1 }), Nf = Pf({ isInternal: !0 });
 ew.displayName = "SimpleBezierEdge";
 Nf.displayName = "SimpleBezierEdgeInternal";
 function Tf(e) {
-  return Te(({ id: t, sourceX: n, sourceY: o, targetX: s, targetY: l, label: i, labelStyle: c, labelShowBg: a, labelBgStyle: u, labelBgPadding: d, labelBgBorderRadius: f, style: h, sourcePosition: p = K.Bottom, targetPosition: g = K.Top, markerEnd: x, markerStart: w, pathOptions: j, interactionWidth: S }) => {
+  return Te(({ id: t, sourceX: n, sourceY: o, targetX: s, targetY: l, label: i, labelStyle: c, labelShowBg: a, labelBgStyle: u, labelBgPadding: d, labelBgBorderRadius: f, style: h, sourcePosition: p = q.Bottom, targetPosition: g = q.Top, markerEnd: x, markerStart: w, pathOptions: j, interactionWidth: S }) => {
     const [y, b, E] = qs({
       sourceX: n,
       sourceY: o,
@@ -11098,7 +11092,7 @@ const nw = Of({ isInternal: !1 }), zf = Of({ isInternal: !0 });
 nw.displayName = "StraightEdge";
 zf.displayName = "StraightEdgeInternal";
 function Rf(e) {
-  return Te(({ id: t, sourceX: n, sourceY: o, targetX: s, targetY: l, sourcePosition: i = K.Bottom, targetPosition: c = K.Top, label: a, labelStyle: u, labelShowBg: d, labelBgStyle: f, labelBgPadding: h, labelBgBorderRadius: p, style: g, markerEnd: x, markerStart: w, pathOptions: j, interactionWidth: S }) => {
+  return Te(({ id: t, sourceX: n, sourceY: o, targetX: s, targetY: l, sourcePosition: i = q.Bottom, targetPosition: c = q.Top, label: a, labelStyle: u, labelShowBg: d, labelBgStyle: f, labelBgPadding: h, labelBgBorderRadius: p, style: g, markerEnd: x, markerStart: w, pathOptions: j, interactionWidth: S }) => {
     const [y, b, E] = Ud({
       sourceX: n,
       sourceY: o,
@@ -11127,7 +11121,7 @@ const Dc = {
   targetY: null,
   sourcePosition: null,
   targetPosition: null
-}, rw = (e, t, n) => n === K.Left ? e - t : n === K.Right ? e + t : e, sw = (e, t, n) => n === K.Top ? e - t : n === K.Bottom ? e + t : e, Fc = "react-flow__edgeupdater";
+}, rw = (e, t, n) => n === q.Left ? e - t : n === q.Right ? e + t : e, sw = (e, t, n) => n === q.Top ? e - t : n === q.Bottom ? e + t : e, Fc = "react-flow__edgeupdater";
 function Hc({ position: e, centerX: t, centerY: n, radius: o = 10, onMouseDown: s, onMouseEnter: l, onMouseOut: i, type: c }) {
   return r.jsx("circle", { onMouseDown: s, onMouseEnter: l, onMouseOut: i, className: Re([Fc, `${Fc}-${c}`]), cx: rw(t, o, e), cy: sw(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
 }
@@ -11255,7 +11249,7 @@ function dw({ children: e }) {
 }
 function fw(e) {
   const t = an(), n = te(!1);
-  q(() => {
+  K(() => {
     !n.current && t.viewportInitialized && e && (setTimeout(() => e(t), 1), n.current = !0);
   }, [e, t.viewportInitialized]);
 }
@@ -11265,7 +11259,7 @@ const hw = (e) => {
 };
 function pw(e) {
   const t = Ce(hw), n = Ae();
-  return q(() => {
+  return K(() => {
     e && (t == null || t(e), n.setState({ transform: [e.x, e.y, e.zoom] }));
   }, [e, t]), null;
 }
@@ -11330,7 +11324,7 @@ Ff.displayName = "ConnectionLine";
 const jw = {};
 function Zc(e = jw) {
   const t = te(e), n = Ae();
-  q(() => {
+  K(() => {
     var o, s;
     if (process.env.NODE_ENV === "development") {
       const l = /* @__PURE__ */ new Set([...Object.keys(t.current), ...Object.keys(e)]);
@@ -11345,7 +11339,7 @@ function Zc(e = jw) {
 }
 function bw() {
   const e = Ae(), t = te(!1);
-  q(() => {
+  K(() => {
     var n, o;
     if (process.env.NODE_ENV === "development" && !t.current) {
       const s = document.querySelector(".react-flow__pane");
@@ -11669,11 +11663,11 @@ function kw() {
 }
 function Lw({ onStart: e, onChange: t, onEnd: n }) {
   const o = Ae();
-  q(() => {
+  K(() => {
     o.setState({ onViewportChangeStart: e });
-  }, [e]), q(() => {
+  }, [e]), K(() => {
     o.setState({ onViewportChange: t });
-  }, [t]), q(() => {
+  }, [t]), K(() => {
     o.setState({ onViewportChangeEnd: n });
   }, [n]);
 }
@@ -11857,7 +11851,7 @@ function Gf({
   offsetScale: b = 5
 }) {
   const E = Ae(), L = te(null), { boundingRect: P, viewBB: A, rfId: $, panZoom: O, translateExtent: R, flowWidth: z, flowHeight: M, ariaLabelConfig: v } = Ce(qw, $e), k = (e == null ? void 0 : e.width) ?? Xw, _ = (e == null ? void 0 : e.height) ?? Uw, N = P.width / k, B = P.height / _, I = Math.max(N, B), D = I * k, V = I * _, H = b * I, ee = P.x - (D - P.width) / 2 - H, ne = P.y - (V - P.height) / 2 - H, se = D + H * 2, le = V + H * 2, pe = `${Qw}-${$}`, J = te(0), ue = te();
-  J.current = I, q(() => {
+  J.current = I, K(() => {
     if (L.current && O)
       return ue.current = h7({
         domNode: L.current,
@@ -11868,7 +11862,7 @@ function Gf({
         var ae;
         (ae = ue.current) == null || ae.destroy();
       };
-  }, [O]), q(() => {
+  }, [O]), K(() => {
     var ae;
     (ae = ue.current) == null || ae.update({
       translateExtent: R,
@@ -11908,7 +11902,7 @@ const Jw = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, ej =
 };
 function tj({ nodeId: e, position: t, variant: n = En.Handle, className: o, style: s = void 0, children: l, color: i, minWidth: c = 10, minHeight: a = 10, maxWidth: u = Number.MAX_VALUE, maxHeight: d = Number.MAX_VALUE, keepAspectRatio: f = !1, resizeDirection: h, autoScale: p = !0, shouldResize: g, onResizeStart: x, onResize: w, onResizeEnd: j }) {
   const S = Sf(), y = typeof e == "string" ? e : S, b = Ae(), E = te(null), L = n === En.Handle, P = Ce(F(Jw(L && p), [L, p]), $e), A = te(null), $ = t ?? ej[n];
-  q(() => {
+  K(() => {
     if (!(!E.current || !y))
       return A.current || (A.current = L7({
         domNode: E.current,
@@ -12461,7 +12455,7 @@ const gj = ({
 }), So = () => Ln(Jf), eh = Te(
   ({ children: e }) => {
     const { registerNodeRenderer: t } = So();
-    return q(() => t(e), [t, e]), null;
+    return K(() => t(e), [t, e]), null;
   }
 );
 eh.displayName = "NodeRenderer";
@@ -12502,7 +12496,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
       [j, y, d]
     )
   );
-  q(() => j((W) => ({ ...W, ...x })), [x]);
+  K(() => j((W) => ({ ...W, ...x })), [x]);
   const E = Q.hex(Nn().colors.gray.l11), L = Ea(
     () => a ?? Nl.zoom,
     ta,
@@ -12752,7 +12746,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
       ...a
     }
   });
-  q(() => {
+  K(() => {
     f((p) => ({ ...p, ...a }));
   }, [a, f]);
   const h = yo(
@@ -13573,7 +13567,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
     });
     n({ ...t, source: f });
   }, a = Ar(s.channel);
-  return q(() => n({ ...t }), [a]), /* @__PURE__ */ r.jsxs(Ye, { x: !0, align: "stretch", children: [
+  return K(() => n({ ...t }), [a]), /* @__PURE__ */ r.jsxs(Ye, { x: !0, align: "stretch", children: [
     /* @__PURE__ */ r.jsx(He, { label: "Input Channel", grow: !0, children: /* @__PURE__ */ r.jsx(
       en,
       {
@@ -13868,42 +13862,42 @@ const Cj = ["Backspace", "Delete"], Sj = ({
   /* @__PURE__ */ r.jsx(Yt, { path: "" })
 ] }), Jj = () => /* @__PURE__ */ r.jsx(nh, { includeBorderRadius: !0, includeStrokeWidth: !0 }), eb = () => /* @__PURE__ */ r.jsx(Me, { hideInnerOrientation: !0 }), T = (e) => /* @__PURE__ */ r.jsx("path", { vectorEffect: "non-scaling-stroke", ...e }), Se = (e) => /* @__PURE__ */ r.jsx("rect", { vectorEffect: "non-scaling-stroke", ...e }), ze = (e) => /* @__PURE__ */ r.jsx("circle", { vectorEffect: "non-scaling-stroke", ...e }), je = (e) => /* @__PURE__ */ r.jsx("line", { vectorEffect: "non-scaling-stroke", ...e }), tb = {
   left: {
-    left: K.Left,
-    right: K.Right,
-    top: K.Top,
-    bottom: K.Bottom
+    left: q.Left,
+    right: q.Right,
+    top: q.Top,
+    bottom: q.Bottom
   },
   right: {
-    left: K.Right,
-    right: K.Left,
-    top: K.Bottom,
-    bottom: K.Top
+    left: q.Right,
+    right: q.Left,
+    top: q.Bottom,
+    bottom: q.Top
   },
   top: {
-    left: K.Bottom,
-    right: K.Top,
-    top: K.Left,
-    bottom: K.Right
+    left: q.Bottom,
+    right: q.Top,
+    top: q.Left,
+    bottom: q.Right
   },
   bottom: {
-    left: K.Top,
-    right: K.Bottom,
-    top: K.Right,
-    bottom: K.Left
+    left: q.Top,
+    right: q.Bottom,
+    top: q.Right,
+    bottom: q.Left
   }
 }, nb = (e, t) => tb[t][e], ob = (e, t = !1) => {
   if (t) return e;
   switch (e) {
-    case K.Left:
-      return K.Right;
-    case K.Right:
-      return K.Left;
-    case K.Top:
-      return K.Bottom;
-    case K.Bottom:
-      return K.Top;
+    case q.Left:
+      return q.Right;
+    case q.Right:
+      return q.Left;
+    case q.Top:
+      return q.Bottom;
+    case q.Bottom:
+      return q.Top;
     default:
-      return K.Top;
+      return q.Top;
   }
 }, rb = (e, t, n, o = !1) => o ? { left: t, top: e } : n === "left" ? { top: e, left: t } : n === "right" ? { top: 100 - e, left: 100 - t } : n === "top" ? { top: 100 - t, left: e } : { top: t, left: 100 - e }, G = ({
   children: e,
@@ -13917,7 +13911,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
     return null;
   }
   const s = te(null), l = te(!0);
-  return q(() => {
+  return K(() => {
     if (s.current == null) return;
     if (l.current) {
       l.current = !1;
@@ -18363,7 +18357,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
     schema: Vm,
     initialState: s.current
   });
-  q(() => {
+  K(() => {
     s.current = { ...s.current, ...o }, l(s.current);
   }, [o, l, e]);
   const i = F(() => {
@@ -18382,7 +18376,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
       ...n
     }
   });
-  return q(
+  return K(
     () => s((l) => ({ ...l, ...n })),
     [n, s]
   ), { enabled: o };
@@ -18397,7 +18391,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
       ...o
     }
   });
-  return q(() => {
+  return K(() => {
     l((c) => ({ ...c, ...o }));
   }, [o, l]), { set: F(
     (c) => l((a) => ({
@@ -18418,7 +18412,7 @@ const Cj = ["Backspace", "Delete"], Sj = ({
       ...o
     }
   });
-  return q(() => {
+  return K(() => {
     i((a) => ({ ...a, ...o }));
   }, [o, i]), {
     toggle: F(