@likec4/diagram 1.39.2 → 1.39.4

package/bundle/{chunk-CaxOLfbm.js → chunk-CW_KClZe.js}

@@ -321,23 +321,23 @@ function sva(config) {
 }
 var __assign = function() {
   return __assign = Object.assign || function(t2) {
-    for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
-      s2 = arguments[i2];
-      for (var p in s2) Object.prototype.hasOwnProperty.call(s2, p) && (t2[p] = s2[p]);
+    for (var s, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
+      s = arguments[i2];
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t2[p] = s[p]);
     }
     return t2;
   }, __assign.apply(this, arguments);
 };
-function __rest(s2, e2) {
+function __rest(s, e2) {
   var t2 = {};
-  for (var p in s2) Object.prototype.hasOwnProperty.call(s2, p) && e2.indexOf(p) < 0 && (t2[p] = s2[p]);
-  if (s2 != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i2 = 0, p = Object.getOwnPropertySymbols(s2); i2 < p.length; i2++)
-      e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i2]) && (t2[p[i2]] = s2[p[i2]]);
+  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e2.indexOf(p) < 0 && (t2[p] = s[p]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i2 = 0, p = Object.getOwnPropertySymbols(s); i2 < p.length; i2++)
+      e2.indexOf(p[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i2]) && (t2[p[i2]] = s[p[i2]]);
   return t2;
 }
 function __spreadArray(to, from, pack) {
-  if (pack || arguments.length === 2) for (var i2 = 0, l2 = from.length, ar; i2 < l2; i2++)
+  if (pack || arguments.length === 2) for (var i2 = 0, l = from.length, ar; i2 < l; i2++)
     (ar || !(i2 in from)) && (ar || (ar = Array.prototype.slice.call(from, 0, i2)), ar[i2] = from[i2]);
   return to.concat(ar || Array.prototype.slice.call(from));
 }
@@ -687,8 +687,8 @@ var nonPassive = passiveSupported ? { passive: !1 } : !1, alwaysContainsScroll =
   return [event.deltaX, event.deltaY];
 }, extractRef = function(ref) {
   return ref && "current" in ref ? ref.current : ref;
-}, deltaCompare = function(x, y2) {
-  return x[0] === y2[0] && x[1] === y2[1];
+}, deltaCompare = function(x, y) {
+  return x[0] === y[0] && x[1] === y[1];
 }, generateStyle = function(id2) {
   return `
   .block-interactivity-`.concat(id2, ` {pointer-events: none;}
@@ -1043,10 +1043,14 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }) {
   const [matches2, setMatches] = useState(
     getInitialValueInEffect ? initialValue : getInitialValue(query)
-  ), queryRef = useRef(null);
+  );
   return useEffect(() => {
-    if ("matchMedia" in window)
-      return queryRef.current = window.matchMedia(query), setMatches(queryRef.current.matches), attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
+    try {
+      const mediaQuery = window.matchMedia(query);
+      return setMatches(mediaQuery.matches), attachMediaListener(mediaQuery, (event) => setMatches(event.matches));
+    } catch {
+      return;
+    }
   }, [query]), matches2 || !1;
 }
 function useDebouncedState(defaultValue, wait, options = { leading: !1 }) {
@@ -1063,7 +1067,7 @@ function useDebouncedState(defaultValue, wait, options = { leading: !1 }) {
   return [value, debouncedSetValue];
 }
 function useDebouncedValue(value, wait, options = { leading: !1 }) {
-  const [_value, setValue] = useState(value), mountedRef = useRef(!1), timeoutRef = useRef(null), cooldownRef = useRef(!1), cancel2 = () => window.clearTimeout(timeoutRef.current);
+  const [_value, setValue] = useState(value), mountedRef = useRef(!1), timeoutRef = useRef(null), cooldownRef = useRef(!1), cancel2 = useCallback(() => window.clearTimeout(timeoutRef.current), []);
   return useEffect(() => {
     mountedRef.current && (!cooldownRef.current && options.leading ? (cooldownRef.current = !0, setValue(value)) : (cancel2(), timeoutRef.current = window.setTimeout(() => {
       cooldownRef.current = !1, setValue(value);
@@ -1223,7 +1227,7 @@ function useMove(onChange, handlers, dir = "ltr") {
     (node) => {
       if (cleanupRef.current && (cleanupRef.current(), cleanupRef.current = null), !node)
         return;
-      const onScrub = ({ x, y: y2 }) => {
+      const onScrub = ({ x, y }) => {
         cancelAnimationFrame(frame2.current), frame2.current = requestAnimationFrame(() => {
           if (mounted.current && node) {
             node.style.userSelect = "none";
@@ -1232,7 +1236,7 @@ function useMove(onChange, handlers, dir = "ltr") {
               const _x = clamp$3((x - rect.left) / rect.width, 0, 1);
               onChange({
                 x: dir === "ltr" ? _x : 1 - _x,
-                y: clamp$3((y2 - rect.top) / rect.height, 0, 1)
+                y: clamp$3((y - rect.top) / rect.height, 0, 1)
               });
             }
           }
@@ -1361,17 +1365,17 @@ function getRefProp(element) {
 function createVarsResolver(resolver) {
   return resolver;
 }
-function r$1(e2) {
-  var t2, f2, n2 = "";
+function r$2(e2) {
+  var t2, f, n2 = "";
   if (typeof e2 == "string" || typeof e2 == "number") n2 += e2;
   else if (typeof e2 == "object") if (Array.isArray(e2)) {
-    var o2 = e2.length;
-    for (t2 = 0; t2 < o2; t2++) e2[t2] && (f2 = r$1(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
-  } else for (f2 in e2) e2[f2] && (n2 && (n2 += " "), n2 += f2);
+    var o = e2.length;
+    for (t2 = 0; t2 < o; t2++) e2[t2] && (f = r$2(e2[t2])) && (n2 && (n2 += " "), n2 += f);
+  } else for (f in e2) e2[f] && (n2 && (n2 += " "), n2 += f);
   return n2;
 }
 function clsx() {
-  for (var e2, t2, f2 = 0, n2 = "", o2 = arguments.length; f2 < o2; f2++) (e2 = arguments[f2]) && (t2 = r$1(e2)) && (n2 && (n2 += " "), n2 += t2);
+  for (var e2, t2, f = 0, n2 = "", o = arguments.length; f < o; f++) (e2 = arguments[f]) && (t2 = r$2(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
 const EMPTY_CLASS_NAMES = {};
@@ -1469,7 +1473,7 @@ function hslStringToRgba(hslaString) {
       b: 0,
       a: 1
     };
-  const h = parseInt(matches2[1], 10), s2 = parseInt(matches2[2], 10) / 100, l2 = parseInt(matches2[3], 10) / 100, a = matches2[5] ? parseFloat(matches2[5]) : void 0, chroma = (1 - Math.abs(2 * l2 - 1)) * s2, huePrime = h / 60, x = chroma * (1 - Math.abs(huePrime % 2 - 1)), m2 = l2 - chroma / 2;
+  const h = parseInt(matches2[1], 10), s = parseInt(matches2[2], 10) / 100, l = parseInt(matches2[3], 10) / 100, a = matches2[5] ? parseFloat(matches2[5]) : void 0, chroma = (1 - Math.abs(2 * l - 1)) * s, huePrime = h / 60, x = chroma * (1 - Math.abs(huePrime % 2 - 1)), m2 = l - chroma / 2;
   let r2, g, b;
   return huePrime >= 0 && huePrime < 1 ? (r2 = chroma, g = x, b = 0) : huePrime >= 1 && huePrime < 2 ? (r2 = x, g = chroma, b = 0) : huePrime >= 2 && huePrime < 3 ? (r2 = 0, g = chroma, b = x) : huePrime >= 3 && huePrime < 4 ? (r2 = 0, g = x, b = chroma) : huePrime >= 4 && huePrime < 5 ? (r2 = x, g = 0, b = chroma) : (r2 = chroma, g = 0, b = x), {
     r: Math.round((r2 + m2) * 255),
@@ -1489,7 +1493,7 @@ function toRgba(color2) {
 function darken(color2, alpha2) {
   if (color2.startsWith("var("))
     return `color-mix(in srgb, ${color2}, black ${alpha2 * 100}%)`;
-  const { r: r2, g, b, a } = toRgba(color2), f2 = 1 - alpha2, dark = (input) => Math.round(input * f2);
+  const { r: r2, g, b, a } = toRgba(color2), f = 1 - alpha2, dark = (input) => Math.round(input * f);
   return `rgba(${dark(r2)}, ${dark(g)}, ${dark(b)}, ${a})`;
 }
 function getPrimaryShade(theme, colorScheme) {
@@ -3057,19 +3061,19 @@ function getPaddingObject(padding) {
 function rectToClientRect(rect) {
   const {
     x,
-    y: y2,
+    y,
     width,
     height
   } = rect;
   return {
     width,
     height,
-    top: y2,
+    top: y,
     left: x,
     right: x + width,
-    bottom: y2 + height,
+    bottom: y + height,
     x,
-    y: y2
+    y
   };
 }
 function computeCoordsFromPlacement(_ref, placement, rtl) {
@@ -3133,7 +3137,7 @@ const computePosition$1 = async (reference, floating, config) => {
     strategy
   }), {
     x,
-    y: y2
+    y
   } = computeCoordsFromPlacement(rects, placement, rtl), statefulPlacement = placement, middlewareData = {}, resetCount = 0;
   for (let i2 = 0; i2 < validMiddleware.length; i2++) {
     const {
@@ -3146,7 +3150,7 @@ const computePosition$1 = async (reference, floating, config) => {
       reset
     } = await fn({
       x,
-      y: y2,
+      y,
       initialPlacement: placement,
       placement: statefulPlacement,
       strategy,
@@ -3158,7 +3162,7 @@ const computePosition$1 = async (reference, floating, config) => {
         floating
       }
     });
-    x = nextX ?? x, y2 = nextY ?? y2, middlewareData = {
+    x = nextX ?? x, y = nextY ?? y, middlewareData = {
       ...middlewareData,
       [name]: {
         ...middlewareData[name],
@@ -3170,12 +3174,12 @@ const computePosition$1 = async (reference, floating, config) => {
       strategy
     }) : reset.rects), {
       x,
-      y: y2
+      y
     } = computeCoordsFromPlacement(rects, statefulPlacement, rtl)), i2 = -1);
   }
   return {
     x,
-    y: y2,
+    y,
     placement: statefulPlacement,
     strategy,
     middlewareData
@@ -3186,7 +3190,7 @@ async function detectOverflow(state, options) {
   options === void 0 && (options = {});
   const {
     x,
-    y: y2,
+    y,
     platform: platform2,
     rects,
     elements,
@@ -3204,7 +3208,7 @@ async function detectOverflow(state, options) {
     strategy
   })), rect = elementContext === "floating" ? {
     x,
-    y: y2,
+    y,
     width: rects.floating.width,
     height: rects.floating.height
   } : rects.reference, offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)), offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
@@ -3232,7 +3236,7 @@ const arrow$3 = (options) => ({
   async fn(state) {
     const {
       x,
-      y: y2,
+      y,
       placement,
       rects,
       platform: platform2,
@@ -3246,7 +3250,7 @@ const arrow$3 = (options) => ({
       return {};
     const paddingObject = getPaddingObject(padding), coords = {
       x,
-      y: y2
+      y
     }, axis = getAlignmentAxis(placement), length = getAxisLength(axis), arrowDimensions = await platform2.getDimensions(element), isYAxis = axis === "y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
     let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
     (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) && (clientSize = elements.floating[clientProp] || rects.floating[length]);
@@ -3309,20 +3313,20 @@ const autoPlacement$1 = function(options) {
             placement: nextPlacement
           }
         };
-      const placementsSortedByMostSpace = allOverflows.map((d2) => {
-        const alignment2 = getAlignment(d2.placement);
-        return [d2.placement, alignment2 && crossAxis ? (
+      const placementsSortedByMostSpace = allOverflows.map((d) => {
+        const alignment2 = getAlignment(d.placement);
+        return [d.placement, alignment2 && crossAxis ? (
           // Check along the mainAxis and main crossAxis side.
-          d2.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0)
+          d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0)
         ) : (
           // Check only the mainAxis.
-          d2.overflows[0]
-        ), d2.overflows];
-      }).sort((a, b) => a[1] - b[1]), resetPlacement = ((_placementsThatFitOnE = placementsSortedByMostSpace.filter((d2) => d2[2].slice(
+          d.overflows[0]
+        ), d.overflows];
+      }).sort((a, b) => a[1] - b[1]), resetPlacement = ((_placementsThatFitOnE = placementsSortedByMostSpace.filter((d) => d[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        getAlignment(d2[0]) ? 2 : 3
+        getAlignment(d[0]) ? 2 : 3
       ).every((v) => v <= 0))[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
       return resetPlacement !== placement ? {
         data: {
@@ -3375,7 +3379,7 @@ const autoPlacement$1 = function(options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1, nextPlacement = placements2[nextIndex];
         if (nextPlacement && (!(checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        overflowsData.every((d2) => getSideAxis(d2.placement) === initialSideAxis ? d2.overflows[0] > 0 : !0)))
+        overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : !0)))
           return {
             data: {
               index: nextIndex,
@@ -3385,20 +3389,20 @@ const autoPlacement$1 = function(options) {
               placement: nextPlacement
             }
           };
-        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d2) => d2.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
         if (!resetPlacement)
           switch (fallbackStrategy) {
             case "bestFit": {
               var _overflowsData$filter2;
-              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
                 if (hasFallbackAxisSideDirection) {
-                  const currentSideAxis = getSideAxis(d2.placement);
+                  const currentSideAxis = getSideAxis(d.placement);
                   return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   currentSideAxis === "y";
                 }
                 return !0;
-              }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               placement2 && (resetPlacement = placement2);
               break;
             }
@@ -3502,11 +3506,11 @@ const inline$2 = function(options) {
       } = state, {
         padding = 2,
         x,
-        y: y2
+        y
       } = evaluate(options, state), nativeClientRects = Array.from(await (platform2.getClientRects == null ? void 0 : platform2.getClientRects(elements.reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getPaddingObject(padding);
       function getBoundingClientRect2() {
-        if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y2 != null)
-          return clientRects.find((rect) => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y2 > rect.top - paddingObject.top && y2 < rect.bottom + paddingObject.bottom) || fallback;
+        if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null)
+          return clientRects.find((rect) => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;
         if (clientRects.length >= 2) {
           if (getSideAxis(placement) === "y") {
             const firstRect = clientRects[0], lastRect = clientRects[clientRects.length - 1], isTop = getSide(placement) === "top", top2 = firstRect.top, bottom2 = lastRect.bottom, left2 = isTop ? firstRect.left : lastRect.left, right2 = isTop ? firstRect.right : lastRect.right, width2 = right2 - left2, height2 = bottom2 - top2;
@@ -3585,13 +3589,13 @@ const offset$3 = function(options) {
       var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
-        y: y2,
+        y,
         placement,
         middlewareData
       } = state, diffCoords = await convertValueToCoords(state, options);
       return placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset ? {} : {
         x: x + diffCoords.x,
-        y: y2 + diffCoords.y,
+        y: y + diffCoords.y,
         data: {
           ...diffCoords,
           placement
@@ -3606,7 +3610,7 @@ const offset$3 = function(options) {
     async fn(state) {
       const {
         x,
-        y: y2,
+        y,
         placement
       } = state, {
         mainAxis: checkMainAxis = !0,
@@ -3615,18 +3619,18 @@ const offset$3 = function(options) {
           fn: (_ref) => {
             let {
               x: x2,
-              y: y3
+              y: y2
             } = _ref;
             return {
               x: x2,
-              y: y3
+              y: y2
             };
           }
         },
         ...detectOverflowOptions
       } = evaluate(options, state), coords = {
         x,
-        y: y2
+        y
       }, overflow = await detectOverflow(state, detectOverflowOptions), crossAxis = getSideAxis(getSide(placement)), mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
       if (checkMainAxis) {
@@ -3646,7 +3650,7 @@ const offset$3 = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x,
-          y: limitedCoords.y - y2,
+          y: limitedCoords.y - y,
           enabled: {
             [mainAxis]: checkMainAxis,
             [crossAxis]: checkCrossAxis
@@ -3661,7 +3665,7 @@ const offset$3 = function(options) {
     fn(state) {
       const {
         x,
-        y: y2,
+        y,
         placement,
         rects,
         middlewareData
@@ -3671,7 +3675,7 @@ const offset$3 = function(options) {
         crossAxis: checkCrossAxis = !0
       } = evaluate(options, state), coords = {
         x,
-        y: y2
+        y
       }, crossAxis = getSideAxis(placement), mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
       const rawOffset = evaluate(offset2, state), computedOffset = typeof rawOffset == "number" ? {
@@ -3760,10 +3764,10 @@ function getScale(element) {
     height,
     $
   } = getCssDimensions(domElement);
-  let x = ($ ? round(rect.width) : rect.width) / width, y2 = ($ ? round(rect.height) : rect.height) / height;
-  return (!x || !Number.isFinite(x)) && (x = 1), (!y2 || !Number.isFinite(y2)) && (y2 = 1), {
+  let x = ($ ? round(rect.width) : rect.width) / width, y = ($ ? round(rect.height) : rect.height) / height;
+  return (!x || !Number.isFinite(x)) && (x = 1), (!y || !Number.isFinite(y)) && (y = 1), {
     x,
-    y: y2
+    y
   };
 }
 const noOffsets = /* @__PURE__ */ createCoords(0);
@@ -3783,20 +3787,20 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   let scale2 = createCoords(1);
   includeScale && (offsetParent ? isElement(offsetParent) && (scale2 = getScale(offsetParent)) : scale2 = getScale(element));
   const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale2.x, y2 = (clientRect.top + visualOffsets.y) / scale2.y, width = clientRect.width / scale2.x, height = clientRect.height / scale2.y;
+  let x = (clientRect.left + visualOffsets.x) / scale2.x, y = (clientRect.top + visualOffsets.y) / scale2.y, width = clientRect.width / scale2.x, height = clientRect.height / scale2.y;
   if (domElement) {
     const win2 = getWindow(domElement), offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
     let currentWin = win2, currentIFrame = getFrameElement(currentWin);
     for (; currentIFrame && offsetParent && offsetWin !== currentWin; ) {
       const iframeScale = getScale(currentIFrame), iframeRect = currentIFrame.getBoundingClientRect(), css2 = getComputedStyle$1(currentIFrame), left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css2.paddingLeft)) * iframeScale.x, top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css2.paddingTop)) * iframeScale.y;
-      x *= iframeScale.x, y2 *= iframeScale.y, width *= iframeScale.x, height *= iframeScale.y, x += left, y2 += top, currentWin = getWindow(currentIFrame), currentIFrame = getFrameElement(currentWin);
+      x *= iframeScale.x, y *= iframeScale.y, width *= iframeScale.x, height *= iframeScale.y, x += left, y += top, currentWin = getWindow(currentIFrame), currentIFrame = getFrameElement(currentWin);
     }
   }
   return rectToClientRect({
     width,
     height,
     x,
-    y: y2
+    y
   });
 }
 function getWindowScrollBarX(element, rect) {
@@ -3804,10 +3808,10 @@ function getWindowScrollBarX(element, rect) {
   return rect ? rect.left + leftScroll : getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
 }
 function getHTMLOffset(documentElement, scroll) {
-  const htmlRect = documentElement.getBoundingClientRect(), x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect), y2 = htmlRect.top + scroll.scrollTop;
+  const htmlRect = documentElement.getBoundingClientRect(), x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect), y = htmlRect.top + scroll.scrollTop;
   return {
     x,
-    y: y2
+    y
   };
 }
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
@@ -3843,22 +3847,22 @@ function getClientRects(element) {
 function getDocumentRect(element) {
   const html = getDocumentElement(element), scroll = getNodeScroll(element), body2 = element.ownerDocument.body, width = max$1(html.scrollWidth, html.clientWidth, body2.scrollWidth, body2.clientWidth), height = max$1(html.scrollHeight, html.clientHeight, body2.scrollHeight, body2.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-  const y2 = -scroll.scrollTop;
+  const y = -scroll.scrollTop;
   return getComputedStyle$1(body2).direction === "rtl" && (x += max$1(html.clientWidth, body2.clientWidth) - width), {
     width,
     height,
     x,
-    y: y2
+    y
   };
 }
 const SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win2 = getWindow(element), html = getDocumentElement(element), visualViewport = win2.visualViewport;
-  let width = html.clientWidth, height = html.clientHeight, x = 0, y2 = 0;
+  let width = html.clientWidth, height = html.clientHeight, x = 0, y = 0;
   if (visualViewport) {
     width = visualViewport.width, height = visualViewport.height;
     const visualViewportBased = isWebKit();
-    (!visualViewportBased || visualViewportBased && strategy === "fixed") && (x = visualViewport.offsetLeft, y2 = visualViewport.offsetTop);
+    (!visualViewportBased || visualViewportBased && strategy === "fixed") && (x = visualViewport.offsetLeft, y = visualViewport.offsetTop);
   }
   const windowScrollbarX = getWindowScrollBarX(html);
   if (windowScrollbarX <= 0) {
@@ -3869,17 +3873,17 @@ function getViewportRect(element, strategy) {
     width,
     height,
     x,
-    y: y2
+    y
   };
 }
 const absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, !0, strategy === "fixed"), top = clientRect.top + element.clientTop, left = clientRect.left + element.clientLeft, scale2 = isHTMLElement(element) ? getScale(element) : createCoords(1), width = element.clientWidth * scale2.x, height = element.clientHeight * scale2.y, x = left * scale2.x, y2 = top * scale2.y;
+  const clientRect = getBoundingClientRect(element, !0, strategy === "fixed"), top = clientRect.top + element.clientTop, left = clientRect.left + element.clientLeft, scale2 = isHTMLElement(element) ? getScale(element) : createCoords(1), width = element.clientWidth * scale2.x, height = element.clientHeight * scale2.y, x = left * scale2.x, y = top * scale2.y;
   return {
     width,
     height,
     x,
-    y: y2
+    y
   };
 }
 function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
@@ -3962,10 +3966,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = offsetRect.x + offsetParent.clientLeft, offsets.y = offsetRect.y + offsetParent.clientTop;
     } else documentElement && setLeftRTLScrollbarOffset();
   isFixed && !isOffsetParentAnElement && documentElement && setLeftRTLScrollbarOffset();
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0), x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x, y2 = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0), x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x, y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
     x,
-    y: y2,
+    y,
     width: rect.width,
     height: rect.height
   };
@@ -4249,17 +4253,17 @@ function useFloating$1(options) {
     };
     if (!elements.floating)
       return initialStyles;
-    const x = roundByDPR(elements.floating, data.x), y2 = roundByDPR(elements.floating, data.y);
+    const x = roundByDPR(elements.floating, data.x), y = roundByDPR(elements.floating, data.y);
     return transform2 ? {
       ...initialStyles,
-      transform: "translate(" + x + "px, " + y2 + "px)",
+      transform: "translate(" + x + "px, " + y + "px)",
       ...getDPR(elements.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: strategy,
       left: x,
-      top: y2
+      top: y
     };
   }, [strategy, transform2, elements.floating, data.x, data.y]);
   return React.useMemo(() => ({
@@ -4365,7 +4369,7 @@ function createPubSub() {
     },
     off(event, listener) {
       var _map$get2;
-      map.set(event, ((_map$get2 = map.get(event)) == null ? void 0 : _map$get2.filter((l2) => l2 !== listener)) || []);
+      map.set(event, ((_map$get2 = map.get(event)) == null ? void 0 : _map$get2.filter((l) => l !== listener)) || []);
     }
   };
 }
@@ -5836,27 +5840,18 @@ function usePopover(options) {
   }, floating = useFloating({
     strategy: options.strategy,
     placement: options.preventPositionChangeWhenVisible ? options.positionRef.current : options.position,
-    middleware: getPopoverMiddlewares(options, () => floating, env),
-    // Only use whileElementsMounted when elements are conditionally rendered (not keepMounted)
-    // When keepMounted=true, elements are hidden with CSS and we need manual autoUpdate control
-    whileElementsMounted: options.keepMounted ? void 0 : autoUpdate
+    middleware: getPopoverMiddlewares(options, () => floating, env)
   });
   return useEffect(() => {
-    if (!(!options.keepMounted || !floating.refs.reference.current || !floating.refs.floating.current) && _opened)
+    if (!(!floating.refs.reference.current || !floating.refs.floating.current) && _opened)
       return autoUpdate(
         floating.refs.reference.current,
         floating.refs.floating.current,
         floating.update
       );
-  }, [
-    options.keepMounted,
-    _opened,
-    floating.refs.reference,
-    floating.refs.floating,
-    floating.update
-  ]), useDidUpdate(() => {
+  }, [_opened, floating.update]), useDidUpdate(() => {
     options.onPositionChange?.(floating.placement), options.positionRef.current = floating.placement;
-  }, [floating.placement]), useDidUpdate(() => {
+  }, [floating.placement, options.preventPositionChangeWhenVisible]), useDidUpdate(() => {
     _opened !== previouslyOpened.current && (_opened ? options.onOpen?.() : options.onClose?.()), previouslyOpened.current = _opened;
   }, [_opened, options.onClose, options.onOpen]), useDidUpdate(() => {
     let timeout2 = -1;
@@ -7449,7 +7444,7 @@ function useFloatingTooltip({
   position,
   defaultOpened
 }) {
-  const [opened, setOpened] = useState(defaultOpened), boundaryRef = useRef(null), { x, y: y2, elements, refs, update, placement } = useFloating({
+  const [opened, setOpened] = useState(defaultOpened), boundaryRef = useRef(null), { x, y, elements, refs, update, placement } = useFloating({
     placement: position,
     middleware: [
       shift({
@@ -7490,7 +7485,7 @@ function useFloatingTooltip({
         });
       };
     }
-  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]), { handleMouseMove, x, y: y2, opened, setOpened, boundaryRef, floating: refs.setFloating };
+  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]), { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };
 }
 var classes$3 = { tooltip: "m_1b3c8819", arrow: "m_f898399f" };
 const defaultProps$5 = {
@@ -7542,7 +7537,7 @@ const defaultProps$5 = {
     rootSelector: "tooltip",
     vars,
     varsResolver: varsResolver$4
-  }), { handleMouseMove, x, y: y2, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({
+  }), { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({
     offset: offset2,
     position,
     defaultOpened
@@ -7566,7 +7561,7 @@ const defaultProps$5 = {
             ...getStyleObject(style2, theme),
             zIndex,
             display: !disabled && opened ? "block" : "none",
-            top: (y2 && Math.round(y2)) ?? "",
+            top: (y && Math.round(y)) ?? "",
             left: (x && Math.round(x)) ?? ""
           }
         }),
@@ -7622,7 +7617,7 @@ function useTooltip(settings) {
     [uid]
   ), {
     x,
-    y: y2,
+    y,
     context: context2,
     refs,
     placement,
@@ -7651,7 +7646,7 @@ function useTooltip(settings) {
   const isGroupPhase = opened && currentId && currentId !== uid;
   return {
     x,
-    y: y2,
+    y,
     arrowX,
     arrowY,
     reference: refs.setReference,
@@ -8220,7 +8215,7 @@ const defaultProps$1 = {
   max: 100,
   step: 1,
   marks: [],
-  label: (f2) => f2,
+  label: (f) => f,
   labelTransitionProps: { transition: "fade", duration: 0 },
   thumbLabel: "",
   showLabelOnHover: !0,
@@ -8639,112 +8634,109 @@ const __iconNode$1 = [["path", { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0", key: "s
  * See the LICENSE file in the root directory of this source tree.
  */
 const __iconNode = [["path", { d: "M4 8v-2a2 2 0 0 1 2 -2h2", key: "svg-0" }], ["path", { d: "M4 16v2a2 2 0 0 0 2 2h2", key: "svg-1" }], ["path", { d: "M16 4h2a2 2 0 0 1 2 2v2", key: "svg-2" }], ["path", { d: "M16 20h2a2 2 0 0 0 2 -2v-2", key: "svg-3" }], ["path", { d: "M8 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0", key: "svg-4" }], ["path", { d: "M16 16l-2.5 -2.5", key: "svg-5" }]], IconZoomScan = createReactComponent("outline", "zoom-scan", "ZoomScan", __iconNode);
-var s = { done: !1, hasNext: !1 };
-function C(t2, ...o2) {
-  let n2 = t2, u2 = o2.map((e2) => "lazy" in e2 ? y(e2) : void 0), p = 0;
-  for (; p < o2.length; ) {
-    if (u2[p] === void 0 || !B(n2)) {
-      let i2 = o2[p];
-      n2 = i2(n2), p += 1;
+function e$5(e2, t2, n2) {
+  let r2 = (n3) => e2(n3, ...t2);
+  return n2 === void 0 ? r2 : Object.assign(r2, { lazy: n2, lazyArgs: t2 });
+}
+function t$a(t2, n2, r2) {
+  let i2 = t2.length - n2.length;
+  if (i2 === 0) return t2(...n2);
+  if (i2 === 1) return e$5(t2, n2, r2);
+  throw Error("Wrong number of arguments");
+}
+function t$9(...t2) {
+  return t$a(n$5, t2);
+}
+const n$5 = (e2, { min: t2, max: n2 }) => t2 !== void 0 && e2 < t2 ? t2 : n2 !== void 0 && e2 > n2 ? n2 : e2, t$8 = { done: !1, hasNext: !1 };
+function t$7(e2, ...t2) {
+  let a = e2, o = t2.map((e3) => "lazy" in e3 ? r$1(e3) : void 0), s = 0;
+  for (; s < t2.length; ) {
+    if (o[s] === void 0 || !i(a)) {
+      let e4 = t2[s];
+      a = e4(a), s += 1;
       continue;
     }
-    let r2 = [];
-    for (let i2 = p; i2 < o2.length; i2++) {
-      let l2 = u2[i2];
-      if (l2 === void 0 || (r2.push(l2), l2.isSingle)) break;
+    let e3 = [];
+    for (let n2 = s; n2 < t2.length; n2++) {
+      let t3 = o[n2];
+      if (t3 === void 0 || (e3.push(t3), t3.isSingle)) break;
     }
-    let a = [];
-    for (let i2 of n2) if (f(i2, a, r2)) break;
-    let { isSingle: s2 } = r2.at(-1);
-    n2 = s2 ? a[0] : a, p += r2.length;
+    let r2 = [];
+    for (let t3 of a) if (n$4(t3, r2, e3)) break;
+    let { isSingle: c } = e3.at(-1);
+    a = c ? r2[0] : r2, s += e3.length;
   }
-  return n2;
+  return a;
 }
-function f(t2, o2, n2) {
-  if (n2.length === 0) return o2.push(t2), !1;
-  let u2 = t2, p = s, e2 = !1;
-  for (let [r2, a] of n2.entries()) {
-    let { index: s2, items: i2 } = a;
-    if (i2.push(u2), p = a(u2, s2, i2), a.index += 1, p.hasNext) {
-      if (p.hasMany ?? !1) {
-        for (let l2 of p.next) if (f(l2, o2, n2.slice(r2 + 1))) return !0;
-        return e2;
+function n$4(t2, r2, i2) {
+  if (i2.length === 0) return r2.push(t2), !1;
+  let a = t2, o = t$8, s = !1;
+  for (let [e2, t3] of i2.entries()) {
+    let { index: c, items: l } = t3;
+    if (l.push(a), o = t3(a, c, l), t3.index += 1, o.hasNext) {
+      if (o.hasMany ?? !1) {
+        for (let t4 of o.next) if (n$4(t4, r2, i2.slice(e2 + 1))) return !0;
+        return s;
       }
-      u2 = p.next;
+      a = o.next;
     }
-    if (!p.hasNext) break;
-    p.done && (e2 = !0);
+    if (!o.hasNext) break;
+    o.done && (s = !0);
   }
-  return p.hasNext && o2.push(u2), e2;
-}
-function y(t2) {
-  let { lazy: o2, lazyArgs: n2 } = t2, u2 = o2(...n2);
-  return Object.assign(u2, { isSingle: o2.single ?? !1, index: 0, items: [] });
-}
-function B(t2) {
-  return typeof t2 == "string" || typeof t2 == "object" && t2 !== null && Symbol.iterator in t2;
+  return o.hasNext && r2.push(a), s;
 }
-function u$3(o2, n2, a) {
-  let t2 = (r2) => o2(r2, ...n2);
-  return a === void 0 ? t2 : Object.assign(t2, { lazy: a, lazyArgs: n2 });
-}
-function u$2(r2, n2, o2) {
-  let a = r2.length - n2.length;
-  if (a === 0) return r2(...n2);
-  if (a === 1) return u$3(r2, n2, o2);
-  throw new Error("Wrong number of arguments");
+function r$1(e2) {
+  let { lazy: t2, lazyArgs: n2 } = e2, r2 = t2(...n2);
+  return Object.assign(r2, { isSingle: t2.single ?? !1, index: 0, items: [] });
 }
-function i$1(...e2) {
-  return u$2(n$2, e2);
+function i(e2) {
+  return typeof e2 == "string" || typeof e2 == "object" && !!e2 && Symbol.iterator in e2;
 }
-var n$2 = (e2, r2) => e2.length >= r2;
-function l$1(...n2) {
-  return u$2(d, n2);
+function t$6(...t2) {
+  return t$a(n$3, t2);
 }
-function d(n2, o2) {
-  let e2 = {};
-  for (let [a, t2] of n2.entries()) {
-    let [y2, u2] = o2(t2, a, n2);
-    e2[y2] = u2;
-  }
-  return e2;
+const n$3 = (e2, t2) => e2.length >= t2;
+function t$5(...t2) {
+  return t$a(Object.entries, t2);
 }
-function n$1(e2) {
-  return !!e2;
+function t$4(...t2) {
+  return t$a(n$2, t2, r);
 }
-function r(...n2) {
-  return u$2(t$4, n2);
+const n$2 = (e2, t2) => e2.flatMap(t2), r = (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 e$4(e2) {
+  return Array.isArray(e2);
 }
-var t$4 = (n2, o2) => n2.join(o2);
-function t$3(...n2) {
-  return u$2(Object.keys, n2);
+function e$3(e2) {
+  return e2 === "" || e2 === void 0 ? !0 : Array.isArray(e2) ? e2.length === 0 : Object.keys(e2).length === 0;
 }
-function e(r2) {
-  return typeof r2 == "number" && !Number.isNaN(r2);
+const e$2 = (e2) => typeof e2 == "function";
+function e$1(e2) {
+  return typeof e2 == "number" && !Number.isNaN(e2);
 }
-function n(e2) {
-  return e2 === void 0 ? !0 : typeof e2 == "string" || Array.isArray(e2) ? e2.length === 0 : Object.keys(e2).length === 0;
+function e(e2) {
+  return !!e2;
 }
-function t$2(n2) {
-  return typeof n2 == "function";
+function t$3(...t2) {
+  return t$a(n$1, t2);
 }
-function o$1(r2) {
-  return Array.isArray(r2);
+const n$1 = (e2, t2) => e2.join(t2);
+function t$2(...t2) {
+  return t$a(Object.keys, t2);
 }
-function u$1(...a) {
-  return u$2(o, a, l);
+function t$1(...t2) {
+  return t$a(n, t2);
 }
-var o = (a, r2) => a.flatMap(r2), l = (a) => (r2, t2, y2) => {
-  let n2 = a(r2, t2, y2);
-  return Array.isArray(n2) ? { done: !1, hasNext: !0, hasMany: !0, next: n2 } : { done: !1, hasNext: !0, next: n2 };
-};
-function t$1(...r2) {
-  return u$2(Object.entries, r2);
-}
-function u(...n2) {
-  return u$2(i, n2);
+function n(e2, t2) {
+  let n2 = {};
+  for (let [r2, i2] of e2.entries()) {
+    let [a, o] = t2(i2, r2, e2);
+    n2[a] = o;
+  }
+  return n2;
 }
-var i = (n2, { min: e2, max: r2 }) => e2 !== void 0 && n2 < e2 ? e2 : r2 !== void 0 && n2 > r2 ? r2 : n2;
 const LayoutGroupContext = createContext({});
 function useConstant(init2) {
   const ref = useRef(null);
@@ -9921,23 +9913,23 @@ function onRemove(typename) {
   return function() {
     var on = this.__on;
     if (on) {
-      for (var j = 0, i2 = -1, m2 = on.length, o2; j < m2; ++j)
-        o2 = on[j], (!typename.type || o2.type === typename.type) && o2.name === typename.name ? this.removeEventListener(o2.type, o2.listener, o2.options) : on[++i2] = o2;
+      for (var j = 0, i2 = -1, m2 = on.length, o; j < m2; ++j)
+        o = on[j], (!typename.type || o.type === typename.type) && o.name === typename.name ? this.removeEventListener(o.type, o.listener, o.options) : on[++i2] = o;
       ++i2 ? on.length = i2 : delete this.__on;
     }
   };
 }
 function onAdd(typename, value, options) {
   return function() {
-    var on = this.__on, o2, listener = contextListener(value);
+    var on = this.__on, o, listener = contextListener(value);
     if (on) {
       for (var j = 0, m2 = on.length; j < m2; ++j)
-        if ((o2 = on[j]).type === typename.type && o2.name === typename.name) {
-          this.removeEventListener(o2.type, o2.listener, o2.options), this.addEventListener(o2.type, o2.listener = listener, o2.options = options), o2.value = value;
+        if ((o = on[j]).type === typename.type && o.name === typename.name) {
+          this.removeEventListener(o.type, o.listener, o.options), this.addEventListener(o.type, o.listener = listener, o.options = options), o.value = value;
           return;
         }
     }
-    this.addEventListener(typename.type, listener, options), o2 = { type: typename.type, name: typename.name, value, listener, options }, on ? on.push(o2) : this.__on = [o2];
+    this.addEventListener(typename.type, listener, options), o = { type: typename.type, name: typename.name, value, listener, options }, on ? on.push(o) : this.__on = [o];
   };
 }
 function selection_on(typename, value, options) {
@@ -9945,10 +9937,10 @@ function selection_on(typename, value, options) {
   if (arguments.length < 2) {
     var on = this.node().__on;
     if (on) {
-      for (var j = 0, m2 = on.length, o2; j < m2; ++j)
-        for (i2 = 0, o2 = on[j]; i2 < n2; ++i2)
-          if ((t2 = typenames[i2]).type === o2.type && t2.name === o2.name)
-            return o2.value;
+      for (var j = 0, m2 = on.length, o; j < m2; ++j)
+        for (i2 = 0, o = on[j]; i2 < n2; ++i2)
+          if ((t2 = typenames[i2]).type === o.type && t2.name === o.name)
+            return o.value;
     }
     return;
   }
@@ -10072,7 +10064,7 @@ function DragEvent(type, {
   identifier,
   active,
   x,
-  y: y2,
+  y,
   dx,
   dy,
   dispatch: dispatch2
@@ -10085,7 +10077,7 @@ function DragEvent(type, {
     identifier: { value: identifier, enumerable: !0, configurable: !0 },
     active: { value: active, enumerable: !0, configurable: !0 },
     x: { value: x, enumerable: !0, configurable: !0 },
-    y: { value: y2, enumerable: !0, configurable: !0 },
+    y: { value: y, enumerable: !0, configurable: !0 },
     dx: { value: dx, enumerable: !0, configurable: !0 },
     dy: { value: dy, enumerable: !0, configurable: !0 },
     _: { value: dispatch2 }
@@ -10101,8 +10093,8 @@ function defaultFilter$1(event) {
 function defaultContainer() {
   return this.parentNode;
 }
-function defaultSubject(event, d2) {
-  return d2 ?? { x: event.x, y: event.y };
+function defaultSubject(event, d) {
+  return d ?? { x: event.x, y: event.y };
 }
 function defaultTouchable$1() {
   return navigator.maxTouchPoints || "ontouchstart" in this;
@@ -10112,9 +10104,9 @@ function drag() {
   function drag2(selection2) {
     selection2.on("mousedown.drag", mousedowned).filter(touchable).on("touchstart.drag", touchstarted).on("touchmove.drag", touchmoved, nonpassive).on("touchend.drag touchcancel.drag", touchended).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  function mousedowned(event, d2) {
-    if (!(touchending || !filter2.call(this, event, d2))) {
-      var gesture = beforestart(this, container2.call(this, event, d2), event, d2, "mouse");
+  function mousedowned(event, d) {
+    if (!(touchending || !filter2.call(this, event, d))) {
+      var gesture = beforestart(this, container2.call(this, event, d), event, d, "mouse");
       gesture && (select(event.view).on("mousemove.drag", mousemoved, nonpassivecapture).on("mouseup.drag", mouseupped, nonpassivecapture), dragDisable(event.view), nopropagation$1(event), mousemoving = !1, mousedownx = event.clientX, mousedowny = event.clientY, gesture("start", event));
     }
   }
@@ -10128,11 +10120,11 @@ function drag() {
   function mouseupped(event) {
     select(event.view).on("mousemove.drag mouseup.drag", null), yesdrag(event.view, mousemoving), noevent$1(event), gestures.mouse("end", event);
   }
-  function touchstarted(event, d2) {
-    if (filter2.call(this, event, d2)) {
-      var touches = event.changedTouches, c = container2.call(this, event, d2), n2 = touches.length, i2, gesture;
+  function touchstarted(event, d) {
+    if (filter2.call(this, event, d)) {
+      var touches = event.changedTouches, c = container2.call(this, event, d), n2 = touches.length, i2, gesture;
       for (i2 = 0; i2 < n2; ++i2)
-        (gesture = beforestart(this, c, event, d2, touches[i2].identifier, touches[i2])) && (nopropagation$1(event), gesture("start", event, touches[i2]));
+        (gesture = beforestart(this, c, event, d, touches[i2].identifier, touches[i2])) && (nopropagation$1(event), gesture("start", event, touches[i2]));
     }
   }
   function touchmoved(event) {
@@ -10147,9 +10139,9 @@ function drag() {
     }, 500), i2 = 0; i2 < n2; ++i2)
       (gesture = gestures[touches[i2].identifier]) && (nopropagation$1(event), gesture("end", event, touches[i2]));
   }
-  function beforestart(that, container3, event, d2, identifier, touch) {
-    var dispatch2 = listeners.copy(), p = pointer(touch || event, container3), dx, dy, s2;
-    if ((s2 = subject.call(that, new DragEvent("beforestart", {
+  function beforestart(that, container3, event, d, identifier, touch) {
+    var dispatch2 = listeners.copy(), p = pointer(touch || event, container3), dx, dy, s;
+    if ((s = subject.call(that, new DragEvent("beforestart", {
       sourceEvent: event,
       target: drag2,
       identifier,
@@ -10159,8 +10151,8 @@ function drag() {
       dx: 0,
       dy: 0,
       dispatch: dispatch2
-    }), d2)) != null)
-      return dx = s2.x - p[0] || 0, dy = s2.y - p[1] || 0, function gesture(type, event2, touch2) {
+    }), d)) != null)
+      return dx = s.x - p[0] || 0, dy = s.y - p[1] || 0, function gesture(type, event2, touch2) {
         var p0 = p, n2;
         switch (type) {
           case "start":
@@ -10178,7 +10170,7 @@ function drag() {
           that,
           new DragEvent(type, {
             sourceEvent: event2,
-            subject: s2,
+            subject: s,
             target: drag2,
             identifier,
             active: n2,
@@ -10188,7 +10180,7 @@ function drag() {
             dy: p[1] - p0[1],
             dispatch: dispatch2
           }),
-          d2
+          d
         );
       };
   }
@@ -10395,8 +10387,8 @@ function color_formatRgb() {
   return this.rgb().formatRgb();
 }
 function color(format) {
-  var m2, l2;
-  return format = (format + "").trim().toLowerCase(), (m2 = reHex.exec(format)) ? (l2 = m2[1].length, m2 = parseInt(m2[1], 16), l2 === 6 ? rgbn(m2) : l2 === 3 ? new Rgb(m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, (m2 & 15) << 4 | m2 & 15, 1) : l2 === 8 ? rgba(m2 >> 24 & 255, m2 >> 16 & 255, m2 >> 8 & 255, (m2 & 255) / 255) : l2 === 4 ? rgba(m2 >> 12 & 15 | m2 >> 8 & 240, m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, ((m2 & 15) << 4 | m2 & 15) / 255) : null) : (m2 = reRgbInteger.exec(format)) ? new Rgb(m2[1], m2[2], m2[3], 1) : (m2 = reRgbPercent.exec(format)) ? new Rgb(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, 1) : (m2 = reRgbaInteger.exec(format)) ? rgba(m2[1], m2[2], m2[3], m2[4]) : (m2 = reRgbaPercent.exec(format)) ? rgba(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, m2[4]) : (m2 = reHslPercent.exec(format)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, 1) : (m2 = reHslaPercent.exec(format)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, m2[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
+  var m2, l;
+  return format = (format + "").trim().toLowerCase(), (m2 = reHex.exec(format)) ? (l = m2[1].length, m2 = parseInt(m2[1], 16), l === 6 ? rgbn(m2) : l === 3 ? new Rgb(m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, (m2 & 15) << 4 | m2 & 15, 1) : l === 8 ? rgba(m2 >> 24 & 255, m2 >> 16 & 255, m2 >> 8 & 255, (m2 & 255) / 255) : l === 4 ? rgba(m2 >> 12 & 15 | m2 >> 8 & 240, m2 >> 8 & 15 | m2 >> 4 & 240, m2 >> 4 & 15 | m2 & 240, ((m2 & 15) << 4 | m2 & 15) / 255) : null) : (m2 = reRgbInteger.exec(format)) ? new Rgb(m2[1], m2[2], m2[3], 1) : (m2 = reRgbPercent.exec(format)) ? new Rgb(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, 1) : (m2 = reRgbaInteger.exec(format)) ? rgba(m2[1], m2[2], m2[3], m2[4]) : (m2 = reRgbaPercent.exec(format)) ? rgba(m2[1] * 255 / 100, m2[2] * 255 / 100, m2[3] * 255 / 100, m2[4]) : (m2 = reHslPercent.exec(format)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, 1) : (m2 = reHslaPercent.exec(format)) ? hsla(m2[1], m2[2] / 100, m2[3] / 100, m2[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
 }
 function rgbn(n2) {
   return new Rgb(n2 >> 16 & 255, n2 >> 8 & 255, n2 & 255, 1);
@@ -10404,8 +10396,8 @@ function rgbn(n2) {
 function rgba(r2, g, b, a) {
   return a <= 0 && (r2 = g = b = NaN), new Rgb(r2, g, b, a);
 }
-function rgbConvert(o2) {
-  return o2 instanceof Color || (o2 = color(o2)), o2 ? (o2 = o2.rgb(), new Rgb(o2.r, o2.g, o2.b, o2.opacity)) : new Rgb();
+function rgbConvert(o) {
+  return o instanceof Color || (o = color(o)), o ? (o = o.rgb(), new Rgb(o.r, o.g, o.b, o.opacity)) : new Rgb();
 }
 function rgb(r2, g, b, opacity) {
   return arguments.length === 1 ? rgbConvert(r2) : new Rgb(r2, g, b, opacity ?? 1);
@@ -10455,22 +10447,22 @@ function clampi(value) {
 function hex(value) {
   return value = clampi(value), (value < 16 ? "0" : "") + value.toString(16);
 }
-function hsla(h, s2, l2, a) {
-  return a <= 0 ? h = s2 = l2 = NaN : l2 <= 0 || l2 >= 1 ? h = s2 = NaN : s2 <= 0 && (h = NaN), new Hsl(h, s2, l2, a);
+function hsla(h, s, l, a) {
+  return a <= 0 ? h = s = l = NaN : l <= 0 || l >= 1 ? h = s = NaN : s <= 0 && (h = NaN), new Hsl(h, s, l, a);
 }
-function hslConvert(o2) {
-  if (o2 instanceof Hsl) return new Hsl(o2.h, o2.s, o2.l, o2.opacity);
-  if (o2 instanceof Color || (o2 = color(o2)), !o2) return new Hsl();
-  if (o2 instanceof Hsl) return o2;
-  o2 = o2.rgb();
-  var r2 = o2.r / 255, g = o2.g / 255, b = o2.b / 255, min2 = Math.min(r2, g, b), max2 = Math.max(r2, g, b), h = NaN, s2 = max2 - min2, l2 = (max2 + min2) / 2;
-  return s2 ? (r2 === max2 ? h = (g - b) / s2 + (g < b) * 6 : g === max2 ? h = (b - r2) / s2 + 2 : h = (r2 - g) / s2 + 4, s2 /= l2 < 0.5 ? max2 + min2 : 2 - max2 - min2, h *= 60) : s2 = l2 > 0 && l2 < 1 ? 0 : h, new Hsl(h, s2, l2, o2.opacity);
+function hslConvert(o) {
+  if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
+  if (o instanceof Color || (o = color(o)), !o) return new Hsl();
+  if (o instanceof Hsl) return o;
+  o = o.rgb();
+  var r2 = o.r / 255, g = o.g / 255, b = o.b / 255, min2 = Math.min(r2, g, b), max2 = Math.max(r2, g, b), h = NaN, s = max2 - min2, l = (max2 + min2) / 2;
+  return s ? (r2 === max2 ? h = (g - b) / s + (g < b) * 6 : g === max2 ? h = (b - r2) / s + 2 : h = (r2 - g) / s + 4, s /= l < 0.5 ? max2 + min2 : 2 - max2 - min2, h *= 60) : s = l > 0 && l < 1 ? 0 : h, new Hsl(h, s, l, o.opacity);
 }
-function hsl(h, s2, l2, opacity) {
-  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s2, l2, opacity ?? 1);
+function hsl(h, s, l, opacity) {
+  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity ?? 1);
 }
-function Hsl(h, s2, l2, opacity) {
-  this.h = +h, this.s = +s2, this.l = +l2, this.opacity = +opacity;
+function Hsl(h, s, l, opacity) {
+  this.h = +h, this.s = +s, this.l = +l, this.opacity = +opacity;
 }
 define(Hsl, hsl, extend(Color, {
   brighter(k) {
@@ -10480,7 +10472,7 @@ define(Hsl, hsl, extend(Color, {
     return k = k == null ? darker : Math.pow(darker, k), new Hsl(this.h, this.s, this.l * k, this.opacity);
   },
   rgb() {
-    var h = this.h % 360 + (this.h < 0) * 360, s2 = isNaN(h) || isNaN(this.s) ? 0 : this.s, l2 = this.l, m2 = l2 + (l2 < 0.5 ? l2 : 1 - l2) * s2, m1 = 2 * l2 - m2;
+    var h = this.h % 360 + (this.h < 0) * 360, s = isNaN(h) || isNaN(this.s) ? 0 : this.s, l = this.l, m2 = l + (l < 0.5 ? l : 1 - l) * s, m1 = 2 * l - m2;
     return new Rgb(
       hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
       hsl2rgb(h, m1, m2),
@@ -10509,27 +10501,27 @@ function hsl2rgb(h, m1, m2) {
   return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
 }
 const constant$1 = (x) => () => x;
-function linear(a, d2) {
+function linear(a, d) {
   return function(t2) {
-    return a + t2 * d2;
+    return a + t2 * d;
   };
 }
-function exponential(a, b, y2) {
-  return a = Math.pow(a, y2), b = Math.pow(b, y2) - a, y2 = 1 / y2, function(t2) {
-    return Math.pow(a + t2 * b, y2);
+function exponential(a, b, y) {
+  return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t2) {
+    return Math.pow(a + t2 * b, y);
   };
 }
-function gamma(y2) {
-  return (y2 = +y2) == 1 ? nogamma : function(a, b) {
-    return b - a ? exponential(a, b, y2) : constant$1(isNaN(a) ? b : a);
+function gamma(y) {
+  return (y = +y) == 1 ? nogamma : function(a, b) {
+    return b - a ? exponential(a, b, y) : constant$1(isNaN(a) ? b : a);
   };
 }
 function nogamma(a, b) {
-  var d2 = b - a;
-  return d2 ? linear(a, d2) : constant$1(isNaN(a) ? b : a);
+  var d = b - a;
+  return d ? linear(a, d) : constant$1(isNaN(a) ? b : a);
 }
-const interpolateRgb = (function rgbGamma(y2) {
-  var color2 = gamma(y2);
+const interpolateRgb = (function rgbGamma(y) {
+  var color2 = gamma(y);
   function rgb$1(start2, end) {
     var r2 = color2((start2 = rgb(start2)).r, (end = rgb(end)).r), g = color2(start2.g, end.g), b = color2(start2.b, end.b), opacity = nogamma(start2.opacity, end.opacity);
     return function(t2) {
@@ -10559,9 +10551,9 @@ function genericArray(a, b) {
   };
 }
 function date(a, b) {
-  var d2 = /* @__PURE__ */ new Date();
+  var d = /* @__PURE__ */ new Date();
   return a = +a, b = +b, function(t2) {
-    return d2.setTime(a * (1 - t2) + b * t2), d2;
+    return d.setTime(a * (1 - t2) + b * t2), d;
   };
 }
 function interpolateNumber(a, b) {
@@ -10591,12 +10583,12 @@ function one(b) {
   };
 }
 function interpolateString(a, b) {
-  var bi = reA.lastIndex = reB.lastIndex = 0, am, bm, bs, i2 = -1, s2 = [], q = [];
+  var bi = reA.lastIndex = reB.lastIndex = 0, am, bm, bs, i2 = -1, s = [], q = [];
   for (a = a + "", b = b + ""; (am = reA.exec(a)) && (bm = reB.exec(b)); )
-    (bs = bm.index) > bi && (bs = b.slice(bi, bs), s2[i2] ? s2[i2] += bs : s2[++i2] = bs), (am = am[0]) === (bm = bm[0]) ? s2[i2] ? s2[i2] += bm : s2[++i2] = bm : (s2[++i2] = null, q.push({ i: i2, x: interpolateNumber(am, bm) })), bi = reB.lastIndex;
-  return bi < b.length && (bs = b.slice(bi), s2[i2] ? s2[i2] += bs : s2[++i2] = bs), s2.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function(t2) {
-    for (var i3 = 0, o2; i3 < b; ++i3) s2[(o2 = q[i3]).i] = o2.x(t2);
-    return s2.join("");
+    (bs = bm.index) > bi && (bs = b.slice(bi, bs), s[i2] ? s[i2] += bs : s[++i2] = bs), (am = am[0]) === (bm = bm[0]) ? s[i2] ? s[i2] += bm : s[++i2] = bm : (s[++i2] = null, q.push({ i: i2, x: interpolateNumber(am, bm) })), bi = reB.lastIndex;
+  return bi < b.length && (bs = b.slice(bi), s[i2] ? s[i2] += bs : s[++i2] = bs), s.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function(t2) {
+    for (var i3 = 0, o; i3 < b; ++i3) s[(o = q[i3]).i] = o.x(t2);
+    return s.join("");
   });
 }
 function interpolate$1(a, b) {
@@ -10611,11 +10603,11 @@ var degrees = 180 / Math.PI, identity$2 = {
   scaleX: 1,
   scaleY: 1
 };
-function decompose(a, b, c, d2, e2, f2) {
+function decompose(a, b, c, d, e2, f) {
   var scaleX, scaleY, skewX;
-  return (scaleX = Math.sqrt(a * a + b * b)) && (a /= scaleX, b /= scaleX), (skewX = a * c + b * d2) && (c -= a * skewX, d2 -= b * skewX), (scaleY = Math.sqrt(c * c + d2 * d2)) && (c /= scaleY, d2 /= scaleY, skewX /= scaleY), a * d2 < b * c && (a = -a, b = -b, skewX = -skewX, scaleX = -scaleX), {
+  return (scaleX = Math.sqrt(a * a + b * b)) && (a /= scaleX, b /= scaleX), (skewX = a * c + b * d) && (c -= a * skewX, d -= b * skewX), (scaleY = Math.sqrt(c * c + d * d)) && (c /= scaleY, d /= scaleY, skewX /= scaleY), a * d < b * c && (a = -a, b = -b, skewX = -skewX, scaleX = -scaleX), {
     translateX: e2,
-    translateY: f2,
+    translateY: f,
     rotate: Math.atan2(b, a) * degrees,
     skewX: Math.atan(skewX) * degrees,
     scaleX,
@@ -10631,32 +10623,32 @@ function parseSvg(value) {
   return value == null || (svgNode || (svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g")), svgNode.setAttribute("transform", value), !(value = svgNode.transform.baseVal.consolidate())) ? identity$2 : (value = value.matrix, decompose(value.a, value.b, value.c, value.d, value.e, value.f));
 }
 function interpolateTransform(parse2, pxComma, pxParen, degParen) {
-  function pop(s2) {
-    return s2.length ? s2.pop() + " " : "";
+  function pop(s) {
+    return s.length ? s.pop() + " " : "";
   }
-  function translate(xa, ya, xb, yb, s2, q) {
+  function translate(xa, ya, xb, yb, s, q) {
     if (xa !== xb || ya !== yb) {
-      var i2 = s2.push("translate(", null, pxComma, null, pxParen);
+      var i2 = s.push("translate(", null, pxComma, null, pxParen);
       q.push({ i: i2 - 4, x: interpolateNumber(xa, xb) }, { i: i2 - 2, x: interpolateNumber(ya, yb) });
-    } else (xb || yb) && s2.push("translate(" + xb + pxComma + yb + pxParen);
+    } else (xb || yb) && s.push("translate(" + xb + pxComma + yb + pxParen);
   }
-  function rotate(a, b, s2, q) {
-    a !== b ? (a - b > 180 ? b += 360 : b - a > 180 && (a += 360), q.push({ i: s2.push(pop(s2) + "rotate(", null, degParen) - 2, x: interpolateNumber(a, b) })) : b && s2.push(pop(s2) + "rotate(" + b + degParen);
+  function rotate(a, b, s, q) {
+    a !== b ? (a - b > 180 ? b += 360 : b - a > 180 && (a += 360), q.push({ i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: interpolateNumber(a, b) })) : b && s.push(pop(s) + "rotate(" + b + degParen);
   }
-  function skewX(a, b, s2, q) {
-    a !== b ? q.push({ i: s2.push(pop(s2) + "skewX(", null, degParen) - 2, x: interpolateNumber(a, b) }) : b && s2.push(pop(s2) + "skewX(" + b + degParen);
+  function skewX(a, b, s, q) {
+    a !== b ? q.push({ i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: interpolateNumber(a, b) }) : b && s.push(pop(s) + "skewX(" + b + degParen);
   }
-  function scale2(xa, ya, xb, yb, s2, q) {
+  function scale2(xa, ya, xb, yb, s, q) {
     if (xa !== xb || ya !== yb) {
-      var i2 = s2.push(pop(s2) + "scale(", null, ",", null, ")");
+      var i2 = s.push(pop(s) + "scale(", null, ",", null, ")");
       q.push({ i: i2 - 4, x: interpolateNumber(xa, xb) }, { i: i2 - 2, x: interpolateNumber(ya, yb) });
-    } else (xb !== 1 || yb !== 1) && s2.push(pop(s2) + "scale(" + xb + "," + yb + ")");
+    } else (xb !== 1 || yb !== 1) && s.push(pop(s) + "scale(" + xb + "," + yb + ")");
   }
   return function(a, b) {
-    var s2 = [], q = [];
-    return a = parse2(a), b = parse2(b), translate(a.translateX, a.translateY, b.translateX, b.translateY, s2, q), rotate(a.rotate, b.rotate, s2, q), skewX(a.skewX, b.skewX, s2, q), scale2(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s2, q), a = b = null, function(t2) {
-      for (var i2 = -1, n2 = q.length, o2; ++i2 < n2; ) s2[(o2 = q[i2]).i] = o2.x(t2);
-      return s2.join("");
+    var s = [], q = [];
+    return a = parse2(a), b = parse2(b), translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q), rotate(a.rotate, b.rotate, s, q), skewX(a.skewX, b.skewX, s, q), scale2(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q), a = b = null, function(t2) {
+      for (var i2 = -1, n2 = q.length, o; ++i2 < n2; ) s[(o = q[i2]).i] = o.x(t2);
+      return s.join("");
     };
   };
 }
@@ -10684,11 +10676,11 @@ const interpolateZoom = (function zoomRho(rho, rho2, rho4) {
     else {
       var d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1), b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
       S = (r1 - r0) / rho, i2 = function(t2) {
-        var s2 = t2 * S, coshr0 = cosh(r0), u2 = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s2 + r0) - sinh(r0));
+        var s = t2 * S, coshr0 = cosh(r0), u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
         return [
-          ux0 + u2 * dx,
-          uy0 + u2 * dy,
-          w0 * coshr0 / cosh(rho * s2 + r0)
+          ux0 + u * dx,
+          uy0 + u * dy,
+          w0 * coshr0 / cosh(rho * s + r0)
         ];
       };
     }
@@ -10699,8 +10691,8 @@ const interpolateZoom = (function zoomRho(rho, rho2, rho4) {
     return zoomRho(_1, _2, _4);
   }, zoom2;
 })(Math.SQRT2, 2, 4);
-var frame = 0, timeout$1 = 0, interval = 0, pokeDelay = 1e3, taskHead, taskTail, clockLast = 0, clockNow = 0, clockSkew = 0, clock = typeof performance == "object" && performance.now ? performance : Date, setFrame = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f2) {
-  setTimeout(f2, 17);
+var frame = 0, timeout$1 = 0, interval = 0, pokeDelay = 1e3, taskHead, taskTail, clockLast = 0, clockNow = 0, clockSkew = 0, clock = typeof performance == "object" && performance.now ? performance : Date, setFrame = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) {
+  setTimeout(f, 17);
 };
 function now() {
   return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
@@ -10804,18 +10796,18 @@ function create(node, id2, self2) {
     self2.state = SCHEDULED, self2.timer.restart(start2, self2.delay, self2.time), self2.delay <= elapsed && start2(elapsed - self2.delay);
   }
   function start2(elapsed) {
-    var i2, j, n2, o2;
+    var i2, j, n2, o;
     if (self2.state !== SCHEDULED) return stop();
     for (i2 in schedules)
-      if (o2 = schedules[i2], o2.name === self2.name) {
-        if (o2.state === STARTED) return timeout(start2);
-        o2.state === RUNNING ? (o2.state = ENDED, o2.timer.stop(), o2.on.call("interrupt", node, node.__data__, o2.index, o2.group), delete schedules[i2]) : +i2 < id2 && (o2.state = ENDED, o2.timer.stop(), o2.on.call("cancel", node, node.__data__, o2.index, o2.group), delete schedules[i2]);
+      if (o = schedules[i2], o.name === self2.name) {
+        if (o.state === STARTED) return timeout(start2);
+        o.state === RUNNING ? (o.state = ENDED, o.timer.stop(), o.on.call("interrupt", node, node.__data__, o.index, o.group), delete schedules[i2]) : +i2 < id2 && (o.state = ENDED, o.timer.stop(), o.on.call("cancel", node, node.__data__, o.index, o.group), delete schedules[i2]);
       }
     if (timeout(function() {
       self2.state === STARTED && (self2.state = RUNNING, self2.timer.restart(tick, self2.delay, self2.time), tick(elapsed));
     }), self2.state = STARTING, self2.on.call("start", node, node.__data__, self2.index, self2.group), self2.state === STARTING) {
       for (self2.state = STARTED, tween = new Array(n2 = self2.tween.length), i2 = 0, j = -1; i2 < n2; ++i2)
-        (o2 = self2.tween[i2].value.call(node, node.__data__, self2.index, self2.group)) && (tween[++j] = o2);
+        (o = self2.tween[i2].value.call(node, node.__data__, self2.index, self2.group)) && (tween[++j] = o);
       tween.length = j + 1;
     }
   }
@@ -11086,7 +11078,7 @@ function transition_selectAll(select2) {
   for (var groups = this._groups, m2 = groups.length, subgroups = [], parents = [], j = 0; j < m2; ++j)
     for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2)
       if (node = group[i2]) {
-        for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get(node, id2), k = 0, l2 = children2.length; k < l2; ++k)
+        for (var children2 = select2.call(node, node.__data__, i2, group), child, inherit2 = get(node, id2), k = 0, l = children2.length; k < l; ++k)
           (child = children2[k]) && schedule(child, name, id2, k, children2, inherit2);
         subgroups.push(children2), parents.push(node);
       }
@@ -11294,16 +11286,16 @@ function ZoomEvent(type, {
     _: { value: dispatch2 }
   });
 }
-function Transform(k, x, y2) {
-  this.k = k, this.x = x, this.y = y2;
+function Transform(k, x, y) {
+  this.k = k, this.x = x, this.y = y;
 }
 Transform.prototype = {
   constructor: Transform,
   scale: function(k) {
     return k === 1 ? this : new Transform(this.k * k, this.x, this.y);
   },
-  translate: function(x, y2) {
-    return x === 0 & y2 === 0 ? this : new Transform(this.k, this.x + this.k * x, this.y + this.k * y2);
+  translate: function(x, y) {
+    return x === 0 & y === 0 ? this : new Transform(this.k, this.x + this.k * x, this.y + this.k * y);
   },
   apply: function(point) {
     return [point[0] * this.k + this.x, point[1] * this.k + this.y];
@@ -11311,8 +11303,8 @@ Transform.prototype = {
   applyX: function(x) {
     return x * this.k + this.x;
   },
-  applyY: function(y2) {
-    return y2 * this.k + this.y;
+  applyY: function(y) {
+    return y * this.k + this.y;
   },
   invert: function(location) {
     return [(location[0] - this.x) / this.k, (location[1] - this.y) / this.k];
@@ -11320,14 +11312,14 @@ Transform.prototype = {
   invertX: function(x) {
     return (x - this.x) / this.k;
   },
-  invertY: function(y2) {
-    return (y2 - this.y) / this.k;
+  invertY: function(y) {
+    return (y - this.y) / this.k;
   },
   rescaleX: function(x) {
     return x.copy().domain(x.range().map(this.invertX, this).map(x.invert, x));
   },
-  rescaleY: function(y2) {
-    return y2.copy().domain(y2.range().map(this.invertY, this).map(y2.invert, y2));
+  rescaleY: function(y) {
+    return y.copy().domain(y.range().map(this.invertY, this).map(y.invert, y));
   },
   toString: function() {
     return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
@@ -11388,19 +11380,19 @@ function zoom() {
       var e2 = extent.apply(this, arguments), t0 = this.__zoom, p0 = p == null ? centroid(e2) : typeof p == "function" ? p.apply(this, arguments) : p, p1 = t0.invert(p0), k1 = typeof k == "function" ? k.apply(this, arguments) : k;
       return constrain(translate(scale2(t0, k1), p0, p1), e2, translateExtent);
     }, p, event);
-  }, zoom2.translateBy = function(selection2, x, y2, event) {
+  }, zoom2.translateBy = function(selection2, x, y, event) {
     zoom2.transform(selection2, function() {
       return constrain(this.__zoom.translate(
         typeof x == "function" ? x.apply(this, arguments) : x,
-        typeof y2 == "function" ? y2.apply(this, arguments) : y2
+        typeof y == "function" ? y.apply(this, arguments) : y
       ), extent.apply(this, arguments), translateExtent);
     }, null, event);
-  }, zoom2.translateTo = function(selection2, x, y2, p, event) {
+  }, zoom2.translateTo = function(selection2, x, y, p, event) {
     zoom2.transform(selection2, function() {
       var e2 = extent.apply(this, arguments), t2 = this.__zoom, p0 = p == null ? centroid(e2) : typeof p == "function" ? p.apply(this, arguments) : p;
       return constrain(identity$1.translate(p0[0], p0[1]).scale(t2.k).translate(
         typeof x == "function" ? -x.apply(this, arguments) : -x,
-        typeof y2 == "function" ? -y2.apply(this, arguments) : -y2
+        typeof y == "function" ? -y.apply(this, arguments) : -y
       ), e2, translateExtent);
     }, p, event);
   };
@@ -11408,8 +11400,8 @@ function zoom() {
     return k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], k)), k === transform2.k ? transform2 : new Transform(k, transform2.x, transform2.y);
   }
   function translate(transform2, p0, p1) {
-    var x = p0[0] - p1[0] * transform2.k, y2 = p0[1] - p1[1] * transform2.k;
-    return x === transform2.x && y2 === transform2.y ? transform2 : new Transform(transform2.k, x, y2);
+    var x = p0[0] - p1[0] * transform2.k, y = p0[1] - p1[1] * transform2.k;
+    return x === transform2.x && y === transform2.y ? transform2 : new Transform(transform2.k, x, y);
   }
   function centroid(extent2) {
     return [(+extent2[0][0] + +extent2[1][0]) / 2, (+extent2[0][1] + +extent2[1][1]) / 2];
@@ -11424,8 +11416,8 @@ function zoom() {
       return function(t2) {
         if (t2 === 1) t2 = b;
         else {
-          var l2 = i2(t2), k = w / l2[2];
-          t2 = new Transform(k, p[0] - l2[0] * k, p[1] - l2[1] * k);
+          var l = i2(t2), k = w / l[2];
+          t2 = new Transform(k, p[0] - l[0] * k, p[1] - l[1] * k);
         }
         g.zoom(null, t2);
       };
@@ -11451,7 +11443,7 @@ function zoom() {
       return --this.active === 0 && (delete this.that.__zooming, this.emit("end")), this;
     },
     emit: function(type) {
-      var d2 = select(this.that).datum();
+      var d = select(this.that).datum();
       listeners.call(
         type,
         this.that,
@@ -11461,7 +11453,7 @@ function zoom() {
           transform: this.that.__zoom,
           dispatch: listeners
         }),
-        d2
+        d
       );
     }
   };
@@ -11512,15 +11504,15 @@ function zoom() {
   }
   function touchmoved(event, ...args) {
     if (this.__zooming) {
-      var g = gesture(this, args).event(event), touches = event.changedTouches, n2 = touches.length, i2, t2, p, l2;
+      var g = gesture(this, args).event(event), touches = event.changedTouches, n2 = touches.length, i2, t2, p, l;
       for (noevent(event), i2 = 0; i2 < n2; ++i2)
         t2 = touches[i2], p = pointer(t2, this), g.touch0 && g.touch0[2] === t2.identifier ? g.touch0[0] = p : g.touch1 && g.touch1[2] === t2.identifier && (g.touch1[0] = p);
       if (t2 = g.that.__zoom, g.touch1) {
         var p0 = g.touch0[0], l0 = g.touch0[1], p1 = g.touch1[0], l1 = g.touch1[1], dp = (dp = p1[0] - p0[0]) * dp + (dp = p1[1] - p0[1]) * dp, dl = (dl = l1[0] - l0[0]) * dl + (dl = l1[1] - l0[1]) * dl;
-        t2 = scale2(t2, Math.sqrt(dp / dl)), p = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2], l2 = [(l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2];
-      } else if (g.touch0) p = g.touch0[0], l2 = g.touch0[1];
+        t2 = scale2(t2, Math.sqrt(dp / dl)), p = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2], l = [(l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2];
+      } else if (g.touch0) p = g.touch0[0], l = g.touch0[1];
       else return;
-      g.zoom("touch", constrain(translate(t2, p, l2), g.extent, translateExtent));
+      g.zoom("touch", constrain(translate(t2, p, l), g.extent, translateExtent));
     }
   }
   function touchended(event, ...args) {
@@ -11586,7 +11578,7 @@ const errorMessages = {
 ], elementSelectionKeys = ["Enter", " ", "Escape"], defaultAriaLabelConfig = {
   "node.a11yDescription.default": "Press enter or space to select a node. Press delete to remove it and escape to cancel.",
   "node.a11yDescription.keyboardDisabled": "Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.",
-  "node.a11yDescription.ariaLiveMessage": ({ direction, x, y: y2 }) => `Moved selected node ${direction}. New position, x: ${x}, y: ${y2}`,
+  "node.a11yDescription.ariaLiveMessage": ({ direction, x, y }) => `Moved selected node ${direction}. New position, x: ${x}, y: ${y}`,
   "edge.a11yDescription.default": "Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.",
   // Control elements
   "controls.ariaLabel": "Control Panel",
@@ -11774,31 +11766,31 @@ const calcAutoPanVelocity = (value, min2, max2) => value < min2 ? clamp(Math.abs
   y: Math.min(box1.y, box2.y),
   x2: Math.max(box1.x2, box2.x2),
   y2: Math.max(box1.y2, box2.y2)
-}), rectToBox = ({ x, y: y2, width, height }) => ({
+}), rectToBox = ({ x, y, width, height }) => ({
   x,
-  y: y2,
+  y,
   x2: x + width,
-  y2: y2 + height
-}), boxToRect = ({ x, y: y2, x2, y2: y22 }) => ({
+  y2: y + height
+}), boxToRect = ({ x, y, x2, y2 }) => ({
   x,
-  y: y2,
+  y,
   width: x2 - x,
-  height: y22 - y2
+  height: y2 - y
 }), nodeToRect = (node, nodeOrigin = [0, 0]) => {
-  const { x, y: y2 } = isInternalNodeBase(node) ? node.internals.positionAbsolute : getNodePositionWithOrigin(node, nodeOrigin);
+  const { x, y } = isInternalNodeBase(node) ? node.internals.positionAbsolute : getNodePositionWithOrigin(node, nodeOrigin);
   return {
     x,
-    y: y2,
+    y,
     width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
     height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0
   };
 }, nodeToBox = (node, nodeOrigin = [0, 0]) => {
-  const { x, y: y2 } = isInternalNodeBase(node) ? node.internals.positionAbsolute : getNodePositionWithOrigin(node, nodeOrigin);
+  const { x, y } = isInternalNodeBase(node) ? node.internals.positionAbsolute : getNodePositionWithOrigin(node, nodeOrigin);
   return {
     x,
-    y: y2,
+    y,
     x2: x + (node.measured?.width ?? node.width ?? node.initialWidth ?? 0),
-    y2: y2 + (node.measured?.height ?? node.height ?? node.initialHeight ?? 0)
+    y2: y + (node.measured?.height ?? node.height ?? node.initialHeight ?? 0)
   };
 }, getBoundsOfRects = (rect1, rect2) => boxToRect(getBoundsOfBoxes(rectToBox(rect1), rectToBox(rect2))), getOverlappingArea = (rectA, rectB) => {
   const xOverlap = Math.max(0, Math.min(rectA.x + rectA.width, rectB.x + rectB.width) - Math.max(rectA.x, rectB.x)), yOverlap = Math.max(0, Math.min(rectA.y + rectA.height, rectB.y + rectB.height) - Math.max(rectA.y, rectB.y));
@@ -11807,15 +11799,15 @@ const calcAutoPanVelocity = (value, min2, max2) => value < min2 ? clamp(Math.abs
 }, snapPosition = (position, snapGrid = [1, 1]) => ({
   x: snapGrid[0] * Math.round(position.x / snapGrid[0]),
   y: snapGrid[1] * Math.round(position.y / snapGrid[1])
-}), pointToRendererPoint = ({ x, y: y2 }, [tx, ty, tScale], snapToGrid = !1, snapGrid = [1, 1]) => {
+}), pointToRendererPoint = ({ x, y }, [tx, ty, tScale], snapToGrid = !1, snapGrid = [1, 1]) => {
   const position = {
     x: (x - tx) / tScale,
-    y: (y2 - ty) / tScale
+    y: (y - ty) / tScale
   };
   return snapToGrid ? snapPosition(position, snapGrid) : position;
-}, rendererPointToPoint = ({ x, y: y2 }, [tx, ty, tScale]) => ({
+}, rendererPointToPoint = ({ x, y }, [tx, ty, tScale]) => ({
   x: x * tScale + tx,
-  y: y2 * tScale + ty
+  y: y * tScale + ty
 });
 function parsePadding(padding, viewport) {
   if (typeof padding == "number")
@@ -11850,8 +11842,8 @@ function parsePaddings(padding, width, height) {
   }
   return { top: 0, right: 0, bottom: 0, left: 0, x: 0, y: 0 };
 }
-function calculateAppliedPaddings(bounds, x, y2, zoom2, width, height) {
-  const { x: left, y: top } = rendererPointToPoint(bounds, [x, y2, zoom2]), { x: boundRight, y: boundBottom } = rendererPointToPoint({ x: bounds.x + bounds.width, y: bounds.y + bounds.height }, [x, y2, zoom2]), right = width - boundRight, bottom = height - boundBottom;
+function calculateAppliedPaddings(bounds, x, y, zoom2, width, height) {
+  const { x: left, y: top } = rendererPointToPoint(bounds, [x, y, zoom2]), { x: boundRight, y: boundBottom } = rendererPointToPoint({ x: bounds.x + bounds.width, y: bounds.y + bounds.height }, [x, y, zoom2]), right = width - boundRight, bottom = height - boundBottom;
   return {
     left: Math.floor(left),
     top: Math.floor(top),
@@ -11860,7 +11852,7 @@ function calculateAppliedPaddings(bounds, x, y2, zoom2, width, height) {
   };
 }
 const getViewportForBounds = (bounds, width, height, minZoom, maxZoom, padding) => {
-  const p = parsePaddings(padding, width, height), xZoom = (width - p.x) / bounds.width, yZoom = (height - p.y) / bounds.height, zoom2 = Math.min(xZoom, yZoom), clampedZoom = clamp(zoom2, minZoom, maxZoom), boundsCenterX = bounds.x + bounds.width / 2, boundsCenterY = bounds.y + bounds.height / 2, x = width / 2 - boundsCenterX * clampedZoom, y2 = height / 2 - boundsCenterY * clampedZoom, newPadding = calculateAppliedPaddings(bounds, x, y2, clampedZoom, width, height), offset2 = {
+  const p = parsePaddings(padding, width, height), xZoom = (width - p.x) / bounds.width, yZoom = (height - p.y) / bounds.height, zoom2 = Math.min(xZoom, yZoom), clampedZoom = clamp(zoom2, minZoom, maxZoom), boundsCenterX = bounds.x + bounds.width / 2, boundsCenterY = bounds.y + bounds.height / 2, x = width / 2 - boundsCenterX * clampedZoom, y = height / 2 - boundsCenterY * clampedZoom, newPadding = calculateAppliedPaddings(bounds, x, y, clampedZoom, width, height), offset2 = {
     left: Math.min(newPadding.left - p.left, 0),
     top: Math.min(newPadding.top - p.top, 0),
     right: Math.min(newPadding.right - p.right, 0),
@@ -11868,7 +11860,7 @@ const getViewportForBounds = (bounds, width, height, minZoom, maxZoom, padding)
   };
   return {
     x: x - offset2.left + offset2.right,
-    y: y2 - offset2.top + offset2.bottom,
+    y: y - offset2.top + offset2.bottom,
     zoom: clampedZoom
   };
 }, isMacOs = () => typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0;
@@ -11910,7 +11902,7 @@ function mergeAriaLabelConfig(partial) {
   return { ...defaultAriaLabelConfig, ...partial || {} };
 }
 function getPointerPosition(event, { snapGrid = [0, 0], snapToGrid = !1, transform: transform2, containerBounds }) {
-  const { x, y: y2 } = getEventPosition(event), pointerPos = pointToRendererPoint({ x: x - (containerBounds?.left ?? 0), y: y2 - (containerBounds?.top ?? 0) }, transform2), { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
+  const { x, y } = getEventPosition(event), pointerPos = pointToRendererPoint({ x: x - (containerBounds?.left ?? 0), y: y - (containerBounds?.top ?? 0) }, transform2), { x: xSnapped, y: ySnapped } = snapToGrid ? snapPosition(pointerPos, snapGrid) : pointerPos;
   return {
     xSnapped,
     ySnapped,
@@ -12091,15 +12083,15 @@ function getPoints({ source, sourcePosition = Position.Bottom, target, targetPos
   ], centerX, centerY, defaultOffsetX, defaultOffsetY];
 }
 function getBend(a, b, c, size2) {
-  const bendSize = Math.min(distance(a, b) / 2, distance(b, c) / 2, size2), { x, y: y2 } = b;
-  if (a.x === x && x === c.x || a.y === y2 && y2 === c.y)
-    return `L${x} ${y2}`;
-  if (a.y === y2) {
+  const bendSize = Math.min(distance(a, b) / 2, distance(b, c) / 2, size2), { x, y } = b;
+  if (a.x === x && x === c.x || a.y === y && y === c.y)
+    return `L${x} ${y}`;
+  if (a.y === y) {
     const xDir2 = a.x < c.x ? -1 : 1, yDir2 = a.y < c.y ? 1 : -1;
-    return `L ${x + bendSize * xDir2},${y2}Q ${x},${y2} ${x},${y2 + bendSize * yDir2}`;
+    return `L ${x + bendSize * xDir2},${y}Q ${x},${y} ${x},${y + bendSize * yDir2}`;
   }
   const xDir = a.x < c.x ? 1 : -1, yDir = a.y < c.y ? -1 : 1;
-  return `L ${x},${y2 + bendSize * yDir}Q ${x},${y2} ${x + bendSize * xDir},${y2}`;
+  return `L ${x},${y + bendSize * yDir}Q ${x},${y} ${x + bendSize * xDir},${y}`;
 }
 function getSmoothStepPath({ sourceX, sourceY, sourcePosition = Position.Bottom, targetX, targetY, targetPosition = Position.Top, borderRadius: borderRadius2 = 5, centerX, centerY, offset: offset2 = 20, stepPosition = 0.5 }) {
   const [points, labelX, labelY, offsetX, offsetY] = getPoints({
@@ -12156,22 +12148,22 @@ function toHandleBounds(handles) {
   };
 }
 function getHandlePosition(node, handle, fallbackPosition = Position.Left, center = !1) {
-  const x = (handle?.x ?? 0) + node.internals.positionAbsolute.x, y2 = (handle?.y ?? 0) + node.internals.positionAbsolute.y, { width, height } = handle ?? getNodeDimensions(node);
+  const x = (handle?.x ?? 0) + node.internals.positionAbsolute.x, y = (handle?.y ?? 0) + node.internals.positionAbsolute.y, { width, height } = handle ?? getNodeDimensions(node);
   if (center)
-    return { x: x + width / 2, y: y2 + height / 2 };
+    return { x: x + width / 2, y: y + height / 2 };
   switch (handle?.position ?? fallbackPosition) {
     case Position.Top:
-      return { x: x + width / 2, y: y2 };
+      return { x: x + width / 2, y };
     case Position.Right:
-      return { x: x + width, y: y2 + height / 2 };
+      return { x: x + width, y: y + height / 2 };
     case Position.Bottom:
-      return { x: x + width / 2, y: y2 + height };
+      return { x: x + width / 2, y: y + height };
     case Position.Left:
-      return { x, y: y2 + height / 2 };
+      return { x, y: y + height / 2 };
   }
 }
 function getHandle$1(bounds, handleId) {
-  return bounds && (handleId ? bounds.find((d2) => d2.id === handleId) : bounds[0]) || null;
+  return bounds && (handleId ? bounds.find((d) => d.id === handleId) : bounds[0]) || null;
 }
 function getMarkerId(marker, id2) {
   return marker ? typeof marker == "string" ? marker : `${id2 ? `${id2}__` : ""}${Object.keys(marker).sort().map((key) => `${key}=${marker[key]}`).join("&")}` : "";
@@ -12280,12 +12272,12 @@ function updateChildNode(node, nodeLookup, parentLookup, options) {
     return;
   }
   updateParentLookup(node, parentLookup);
-  const selectedNodeZ = elevateNodesOnSelect ? 1e3 : 0, { x, y: y2, z } = calculateChildXYZ(node, parentNode, nodeOrigin, nodeExtent, selectedNodeZ), { positionAbsolute } = node.internals, positionChanged = x !== positionAbsolute.x || y2 !== positionAbsolute.y;
+  const selectedNodeZ = elevateNodesOnSelect ? 1e3 : 0, { x, y, z } = calculateChildXYZ(node, parentNode, nodeOrigin, nodeExtent, selectedNodeZ), { positionAbsolute } = node.internals, positionChanged = x !== positionAbsolute.x || y !== positionAbsolute.y;
   (positionChanged || z !== node.internals.z) && nodeLookup.set(node.id, {
     ...node,
     internals: {
       ...node.internals,
-      positionAbsolute: positionChanged ? { x, y: y2 } : positionAbsolute,
+      positionAbsolute: positionChanged ? { x, y } : positionAbsolute,
       z
     }
   });
@@ -12493,13 +12485,13 @@ function getEventHandlerParams({ nodeId, dragItems, nodeLookup, dragging = !0 })
     nodesFromDragItems
   ];
 }
-function calculateSnapOffset({ dragItems, snapGrid, x, y: y2 }) {
+function calculateSnapOffset({ dragItems, snapGrid, x, y }) {
   const refDragItem = dragItems.values().next().value;
   if (!refDragItem)
     return null;
   const refPos = {
     x: x - refDragItem.distance.x,
-    y: y2 - refDragItem.distance.y
+    y: y - refDragItem.distance.y
   }, refPosSnapped = snapPosition(refPos, snapGrid);
   return {
     x: refPosSnapped.x - refPos.x,
@@ -12510,30 +12502,30 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
   let lastPos = { x: null, y: null }, autoPanId = 0, dragItems = /* @__PURE__ */ new Map(), autoPanStarted = !1, mousePosition = { x: 0, y: 0 }, containerBounds = null, dragStarted = !1, d3Selection = null, abortDrag = !1, nodePositionsChanged = !1, dragEvent = null;
   function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId, nodeClickDistance = 0 }) {
     d3Selection = select(domNode);
-    function updateNodes({ x, y: y2 }) {
+    function updateNodes({ x, y }) {
       const { nodeLookup, nodeExtent, snapGrid, snapToGrid, nodeOrigin, onNodeDrag, onSelectionDrag, onError, updateNodePositions } = getStoreItems();
-      lastPos = { x, y: y2 };
+      lastPos = { x, y };
       let hasChange = !1;
       const isMultiDrag = dragItems.size > 1, nodesBox = isMultiDrag && nodeExtent ? rectToBox(getInternalNodesBounds(dragItems)) : null, multiDragSnapOffset = isMultiDrag && snapToGrid ? calculateSnapOffset({
         dragItems,
         snapGrid,
         x,
-        y: y2
+        y
       }) : null;
       for (const [id2, dragItem] of dragItems) {
         if (!nodeLookup.has(id2))
           continue;
-        let nextPosition = { x: x - dragItem.distance.x, y: y2 - dragItem.distance.y };
+        let nextPosition = { x: x - dragItem.distance.x, y: y - dragItem.distance.y };
         snapToGrid && (nextPosition = multiDragSnapOffset ? {
           x: Math.round(nextPosition.x + multiDragSnapOffset.x),
           y: Math.round(nextPosition.y + multiDragSnapOffset.y)
         } : snapPosition(nextPosition, snapGrid));
         let adjustedNodeExtent = null;
         if (isMultiDrag && nodeExtent && !dragItem.extent && nodesBox) {
-          const { positionAbsolute: positionAbsolute2 } = dragItem.internals, x1 = positionAbsolute2.x - nodesBox.x + nodeExtent[0][0], x2 = positionAbsolute2.x + dragItem.measured.width - nodesBox.x2 + nodeExtent[1][0], y1 = positionAbsolute2.y - nodesBox.y + nodeExtent[0][1], y22 = positionAbsolute2.y + dragItem.measured.height - nodesBox.y2 + nodeExtent[1][1];
+          const { positionAbsolute: positionAbsolute2 } = dragItem.internals, x1 = positionAbsolute2.x - nodesBox.x + nodeExtent[0][0], x2 = positionAbsolute2.x + dragItem.measured.width - nodesBox.x2 + nodeExtent[1][0], y1 = positionAbsolute2.y - nodesBox.y + nodeExtent[0][1], y2 = positionAbsolute2.y + dragItem.measured.height - nodesBox.y2 + nodeExtent[1][1];
           adjustedNodeExtent = [
             [x1, y1],
-            [x2, y22]
+            [x2, y2]
           ];
         }
         const { position, positionAbsolute } = calculateNodePosition({
@@ -12587,8 +12579,8 @@ 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 x = pointerPos.xSnapped - (lastPos.x ?? 0), y2 = pointerPos.ySnapped - (lastPos.y ?? 0);
-          Math.sqrt(x * x + y2 * y2) > nodeDragThreshold && startDrag(event);
+          const x = pointerPos.xSnapped - (lastPos.x ?? 0), y = pointerPos.ySnapped - (lastPos.y ?? 0);
+          Math.sqrt(x * x + y * y) > nodeDragThreshold && startDrag(event);
         }
         (lastPos.x !== pointerPos.xSnapped || lastPos.y !== pointerPos.ySnapped) && dragItems && dragStarted && (mousePosition = getEventPosition(event.sourceEvent, containerBounds), updateNodes(pointerPos));
       }
@@ -12639,8 +12631,8 @@ function getClosestHandle(position, connectionRadius, nodeLookup, fromHandle) {
     for (const handle of allHandles) {
       if (fromHandle.nodeId === handle.nodeId && fromHandle.type === handle.type && fromHandle.id === handle.id)
         continue;
-      const { x, y: y2 } = getHandlePosition(node, handle, handle.position, !0), distance2 = Math.sqrt(Math.pow(x - position.x, 2) + Math.pow(y2 - position.y, 2));
-      distance2 > connectionRadius || (distance2 < minDistance ? (closestHandles = [{ ...handle, x, y: y2 }], minDistance = distance2) : distance2 === minDistance && closestHandles.push({ ...handle, x, y: y2 }));
+      const { x, y } = getHandlePosition(node, handle, handle.position, !0), distance2 = Math.sqrt(Math.pow(x - position.x, 2) + Math.pow(y - position.y, 2));
+      distance2 > connectionRadius || (distance2 < minDistance ? (closestHandles = [{ ...handle, x, y }], minDistance = distance2) : distance2 === minDistance && closestHandles.push({ ...handle, x, y }));
     }
   }
   if (!closestHandles.length)
@@ -12669,7 +12661,7 @@ const alwaysValid = () => !0;
 function onPointerDown(event, { connectionMode, connectionRadius, handleId, nodeId, edgeUpdaterType, isTarget, domNode, nodeLookup, lib, autoPanOnConnect, flowId, panBy: panBy2, cancelConnection, onConnectStart, onConnect, onConnectEnd, isValidConnection = alwaysValid, onReconnectEnd, updateConnection, getTransform, getFromHandle, autoPanSpeed, dragThreshold = 1, handleDomNode }) {
   const doc = getHostForElement(event.target);
   let autoPanId = 0, closestHandle;
-  const { x, y: y2 } = getEventPosition(event), handleType = getHandleType(edgeUpdaterType, handleDomNode), containerBounds = domNode?.getBoundingClientRect();
+  const { x, y } = getEventPosition(event), handleType = getHandleType(edgeUpdaterType, handleDomNode), containerBounds = domNode?.getBoundingClientRect();
   let connectionStarted = !1;
   if (!containerBounds || !handleType)
     return;
@@ -12680,8 +12672,8 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
   function autoPan() {
     if (!autoPanOnConnect || !containerBounds)
       return;
-    const [x2, y22] = calcAutoPan(position, containerBounds, autoPanSpeed);
-    panBy2({ x: x2, y: y22 }), autoPanId = requestAnimationFrame(autoPan);
+    const [x2, y2] = calcAutoPan(position, containerBounds, autoPanSpeed);
+    panBy2({ x: x2, y: y2 }), autoPanId = requestAnimationFrame(autoPan);
   }
   const fromHandle = {
     ...fromHandleInternal,
@@ -12707,7 +12699,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
   dragThreshold === 0 && startConnection();
   function onPointerMove(event2) {
     if (!connectionStarted) {
-      const { x: evtX, y: evtY } = getEventPosition(event2), dx = evtX - x, dy = evtY - y2;
+      const { x: evtX, y: evtY } = getEventPosition(event2), dx = evtX - x, dy = evtY - y;
       if (!(dx * dx + dy * dy > dragThreshold * dragThreshold))
         return;
       startConnection();
@@ -12756,7 +12748,7 @@ function onPointerDown(event, { connectionMode, connectionRadius, handleId, node
   doc.addEventListener("mousemove", onPointerMove), doc.addEventListener("mouseup", onPointerUp), doc.addEventListener("touchmove", onPointerMove), doc.addEventListener("touchend", onPointerUp);
 }
 function isValidHandle(event, { handle, connectionMode, fromNodeId, fromHandleId, fromType, doc, lib, flowId, isValidConnection = alwaysValid, nodeLookup }) {
-  const isTarget = fromType === "target", handleDomNode = handle ? doc.querySelector(`.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`) : null, { x, y: y2 } = getEventPosition(event), handleBelow = doc.elementFromPoint(x, y2), handleToCheck = handleBelow?.classList.contains(`${lib}-flow__handle`) ? handleBelow : handleDomNode, result = {
+  const isTarget = fromType === "target", handleDomNode = handle ? doc.querySelector(`.${lib}-flow__handle[data-id="${flowId}-${handle?.nodeId}-${handle?.id}-${handle?.type}"]`) : null, { x, y } = getEventPosition(event), handleBelow = doc.elementFromPoint(x, y), handleToCheck = handleBelow?.classList.contains(`${lib}-flow__handle`) ? handleBelow : handleDomNode, result = {
     handleDomNode: handleToCheck,
     isValid: !1,
     connection: null,
@@ -12834,7 +12826,7 @@ const viewChanged = (prevViewport, eventViewport) => prevViewport.x !== eventVie
   x: transform2.x,
   y: transform2.y,
   zoom: transform2.k
-}), viewportToTransform = ({ x, y: y2, zoom: zoom2 }) => identity$1.translate(x, y2).scale(zoom2), isWrappedWithClass = (event, className) => event.target.closest(`.${className}`), isRightClickPan = (panOnDrag, usedButton) => usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2), defaultEase = (t2) => ((t2 *= 2) <= 1 ? t2 * t2 * t2 : (t2 -= 2) * t2 * t2 + 2) / 2, getD3Transition = (selection2, duration = 0, ease = defaultEase, onEnd = () => {
+}), viewportToTransform = ({ x, y, zoom: zoom2 }) => identity$1.translate(x, y).scale(zoom2), isWrappedWithClass = (event, className) => event.target.closest(`.${className}`), isRightClickPan = (panOnDrag, usedButton) => usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2), defaultEase = (t2) => ((t2 *= 2) <= 1 ? t2 * t2 * t2 : (t2 -= 2) * t2 * t2 + 2) / 2, getD3Transition = (selection2, duration = 0, ease = defaultEase, onEnd = () => {
 }) => {
   const hasDuration = typeof duration == "number" && duration > 0;
   return hasDuration || onEnd(), hasDuration ? selection2.transition().duration(duration).ease(ease).on("end", onEnd) : selection2;
@@ -12869,11 +12861,11 @@ function createPanOnScrollHandler({ zoomPanValues, noWheelClassName, d3Selection
   };
 }
 function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }) {
-  return function(event, d2) {
+  return function(event, d) {
     const isWheel = event.type === "wheel", preventZoom = !preventScrolling && isWheel && !event.ctrlKey, hasNoWheelClass = isWrappedWithClass(event, noWheelClassName);
     if (event.ctrlKey && isWheel && hasNoWheelClass && event.preventDefault(), preventZoom || hasNoWheelClass)
       return null;
-    event.preventDefault(), d3ZoomHandler.call(this, event, d2);
+    event.preventDefault(), d3ZoomHandler.call(this, event, d);
   };
 }
 function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }) {
@@ -13123,12 +13115,12 @@ function getDimensionsAfterResize(startValues, controlDirection, pointerPosition
     }
   }
   distY = distY + (distY < 0 ? clampY : -clampY), distX = distX + (distX < 0 ? clampX : -clampX), keepAspectRatio && (isDiagonal ? newWidth > newHeight * aspectRatio ? distY = (xor(affectsX, affectsY) ? -distX : distX) / aspectRatio : distX = (xor(affectsX, affectsY) ? -distY : distY) * aspectRatio : isHorizontal ? (distY = distX / aspectRatio, affectsY = affectsX) : (distX = distY * aspectRatio, affectsX = affectsY));
-  const x = affectsX ? startX + distX : startX, y2 = affectsY ? startY + distY : startY;
+  const x = affectsX ? startX + distX : startX, y = affectsY ? startY + distY : startY;
   return {
     width: startWidth + (affectsX ? -distX : distX),
     height: startHeight + (affectsY ? -distY : distY),
     x: nodeOrigin[0] * distX * (affectsX ? -1 : 1) + x,
-    y: nodeOrigin[1] * distY * (affectsY ? -1 : 1) + y2
+    y: nodeOrigin[1] * distY * (affectsY ? -1 : 1) + y
   };
 }
 const initPrevValues$1 = { width: 0, height: 0, x: 0, y: 0 }, initStartValues = {
@@ -13144,10 +13136,10 @@ function nodeToParentExtent(node) {
   ];
 }
 function nodeToChildExtent(child, parent, nodeOrigin) {
-  const x = parent.position.x + child.position.x, y2 = parent.position.y + child.position.y, width = child.measured.width ?? 0, height = child.measured.height ?? 0, originOffsetX = nodeOrigin[0] * width, originOffsetY = nodeOrigin[1] * height;
+  const x = parent.position.x + child.position.x, y = parent.position.y + child.position.y, width = child.measured.width ?? 0, height = child.measured.height ?? 0, originOffsetX = nodeOrigin[0] * width, originOffsetY = nodeOrigin[1] * height;
   return [
-    [x - originOffsetX, y2 - originOffsetY],
-    [x + width - originOffsetX, y2 + height - originOffsetY]
+    [x - originOffsetX, y - originOffsetY],
+    [x + width - originOffsetX, y + height - originOffsetY]
   ];
 }
 function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
@@ -13200,11 +13192,11 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
       }), childChanges = [];
       if (!node)
         return;
-      const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues, change = {}, nodeOrigin = node.origin ?? storeNodeOrigin, { width, height, x, y: y2 } = getDimensionsAfterResize(startValues, controlDirection, pointerPosition, boundaries, keepAspectRatio, nodeOrigin, parentExtent, childExtent), isWidthChange = width !== prevWidth, isHeightChange = height !== prevHeight, isXPosChange = x !== prevX && isWidthChange, isYPosChange = y2 !== prevY && isHeightChange;
+      const { x: prevX, y: prevY, width: prevWidth, height: prevHeight } = prevValues, change = {}, nodeOrigin = node.origin ?? storeNodeOrigin, { width, height, x, y } = getDimensionsAfterResize(startValues, controlDirection, pointerPosition, boundaries, keepAspectRatio, nodeOrigin, parentExtent, childExtent), isWidthChange = width !== prevWidth, isHeightChange = height !== prevHeight, isXPosChange = x !== prevX && isWidthChange, isYPosChange = y !== prevY && isHeightChange;
       if (!isXPosChange && !isYPosChange && !isWidthChange && !isHeightChange)
         return;
-      if ((isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] === 1) && (change.x = isXPosChange ? x : prevValues.x, change.y = isYPosChange ? y2 : prevValues.y, prevValues.x = change.x, prevValues.y = change.y, childNodes.length > 0)) {
-        const xChange = x - prevX, yChange = y2 - prevY;
+      if ((isXPosChange || isYPosChange || nodeOrigin[0] === 1 || nodeOrigin[1] === 1) && (change.x = isXPosChange ? x : prevValues.x, change.y = isYPosChange ? y : prevValues.y, prevValues.x = change.x, prevValues.y = change.y, childNodes.length > 0)) {
+        const xChange = x - prevX, yChange = y - prevY;
         for (const childNode of childNodes)
           childNode.position = {
             x: childNode.position.x - xChange + nodeOrigin[0] * (width - prevWidth),
@@ -13257,8 +13249,8 @@ function requireUseSyncExternalStoreShim_production() {
   if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
   hasRequiredUseSyncExternalStoreShim_production = 1;
   var React2 = React__default;
-  function is(x, y2) {
-    return x === y2 && (x !== 0 || 1 / x === 1 / y2) || x !== x && y2 !== y2;
+  function is(x, y) {
+    return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
   }
   var objectIs = typeof Object.is == "function" ? Object.is : is, useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect2 = React2.useLayoutEffect, useDebugValue2 = React2.useDebugValue;
   function useSyncExternalStore$2(subscribe, getSnapshot) {
@@ -13311,8 +13303,8 @@ function requireWithSelector_production() {
   if (hasRequiredWithSelector_production) return withSelector_production;
   hasRequiredWithSelector_production = 1;
   var React2 = React__default, shim2 = requireShim();
-  function is(x, y2) {
-    return x === y2 && (x !== 0 || 1 / x === 1 / y2) || x !== x && y2 !== y2;
+  function is(x, y) {
+    return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
   }
   var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React2.useRef, useEffect2 = React2.useEffect, useMemo2 = React2.useMemo, useDebugValue2 = React2.useDebugValue;
   return withSelector_production.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual2) {
@@ -13445,7 +13437,7 @@ const style$1 = { display: "none" }, ariaLiveStyle = {
   overflow: "hidden",
   clip: "rect(0px, 0px, 0px, 0px)",
   clipPath: "inset(100%)"
-}, ARIA_NODE_DESC_KEY = "react-flow__node-desc", ARIA_EDGE_DESC_KEY = "react-flow__edge-desc", ARIA_LIVE_MESSAGE = "react-flow__aria-live", ariaLiveSelector = (s2) => s2.ariaLiveMessage, ariaLabelConfigSelector = (s2) => s2.ariaLabelConfig;
+}, ARIA_NODE_DESC_KEY = "react-flow__node-desc", ARIA_EDGE_DESC_KEY = "react-flow__edge-desc", ARIA_LIVE_MESSAGE = "react-flow__aria-live", ariaLiveSelector = (s) => s.ariaLiveMessage, ariaLabelConfigSelector = (s) => s.ariaLabelConfig;
 function AriaLiveMessage({ rfId }) {
   const ariaLiveMessage = useStore(ariaLiveSelector);
   return jsx("div", { id: `${ARIA_LIVE_MESSAGE}-${rfId}`, "aria-live": "assertive", "aria-atomic": "true", style: ariaLiveStyle, children: ariaLiveMessage });
@@ -13462,11 +13454,11 @@ Panel.displayName = "Panel";
 function Attribution({ proOptions, position = "bottom-right" }) {
   return proOptions?.hideAttribution ? null : jsx(Panel, { position, className: "react-flow__attribution", "data-message": "Please only hide this attribution when you are subscribed to React Flow Pro: https://pro.reactflow.dev", children: jsx("a", { href: "https://reactflow.dev", target: "_blank", rel: "noopener noreferrer", "aria-label": "React Flow attribution", children: "React Flow" }) });
 }
-const selector$m = (s2) => {
+const selector$m = (s) => {
   const selectedNodes = [], selectedEdges = [];
-  for (const [, node] of s2.nodeLookup)
+  for (const [, node] of s.nodeLookup)
     node.selected && selectedNodes.push(node.internals.userNode);
-  for (const [, edge] of s2.edgeLookup)
+  for (const [, edge] of s.edgeLookup)
     edge.selected && selectedEdges.push(edge);
   return { selectedNodes, selectedEdges };
 }, selectId = (obj) => obj.id;
@@ -13480,7 +13472,7 @@ function SelectionListenerInner({ onSelectionChange }) {
     onSelectionChange?.(params), store.getState().onSelectionChangeHandlers.forEach((fn) => fn(params));
   }, [selectedNodes, selectedEdges, onSelectionChange]), null;
 }
-const changeSelector = (s2) => !!s2.onSelectionChangeHandlers;
+const changeSelector = (s) => !!s.onSelectionChangeHandlers;
 function SelectionListener({ onSelectionChange }) {
   const storeHasSelectionChangeHandlers = useStore(changeSelector);
   return onSelectionChange || storeHasSelectionChangeHandlers ? jsx(SelectionListenerInner, { onSelectionChange }) : null;
@@ -13544,16 +13536,16 @@ const defaultNodeOrigin = [0, 0], defaultViewport = { x: 0, y: 0, zoom: 1 }, rea
   "autoPanSpeed",
   "paneClickDistance",
   "ariaLabelConfig"
-], fieldsToTrack = [...reactFlowFieldsToTrack, "rfId"], selector$l = (s2) => ({
-  setNodes: s2.setNodes,
-  setEdges: s2.setEdges,
-  setMinZoom: s2.setMinZoom,
-  setMaxZoom: s2.setMaxZoom,
-  setTranslateExtent: s2.setTranslateExtent,
-  setNodeExtent: s2.setNodeExtent,
-  reset: s2.reset,
-  setDefaultNodesAndEdges: s2.setDefaultNodesAndEdges,
-  setPaneClickDistance: s2.setPaneClickDistance
+], fieldsToTrack = [...reactFlowFieldsToTrack, "rfId"], selector$l = (s) => ({
+  setNodes: s.setNodes,
+  setEdges: s.setEdges,
+  setMinZoom: s.setMinZoom,
+  setMaxZoom: s.setMaxZoom,
+  setTranslateExtent: s.setTranslateExtent,
+  setNodeExtent: s.setNodeExtent,
+  reset: s.reset,
+  setDefaultNodesAndEdges: s.setDefaultNodesAndEdges,
+  setPaneClickDistance: s.setPaneClickDistance
 }), initPrevValues = {
   /*
    * these are values that are also passed directly to other components
@@ -13671,10 +13663,10 @@ const useViewportHelper = () => {
       }, options), Promise.resolve(!0)) : Promise.resolve(!1);
     },
     getViewport: () => {
-      const [x, y2, zoom2] = store.getState().transform;
-      return { x, y: y2, zoom: zoom2 };
+      const [x, y, zoom2] = store.getState().transform;
+      return { x, y, zoom: zoom2 };
     },
-    setCenter: async (x, y2, options) => store.getState().setCenter(x, y2, options),
+    setCenter: async (x, y, options) => store.getState().setCenter(x, y, options),
     fitBounds: async (bounds, options) => {
       const { width, height, minZoom, maxZoom, panZoom } = store.getState(), viewport = getViewportForBounds(bounds, width, height, minZoom, maxZoom, options?.padding ?? 0.1);
       return panZoom ? (await panZoom.setViewport(viewport, {
@@ -13848,7 +13840,7 @@ function useBatchContext() {
     throw new Error("useBatchContext must be used within a BatchProvider");
   return batchContext;
 }
-const selector$k = (s2) => !!s2.panZoom;
+const selector$k = (s) => !!s.panZoom;
 function useReactFlow() {
   const viewportHelper = useViewportHelper(), store = useStoreApi(), batchContext = useBatchContext(), viewportInitialized = useStore(selector$k), generalHelper = useMemo(() => {
     const getInternalNode = (id2) => store.getState().nodeLookup.get(id2), setNodes = (payload) => {
@@ -13900,13 +13892,13 @@ function useReactFlow() {
         batchContext.edgeQueue.push((edges) => [...edges, ...newEdges]);
       },
       toObject: () => {
-        const { nodes = [], edges = [], transform: transform2 } = store.getState(), [x, y2, zoom2] = transform2;
+        const { nodes = [], edges = [], transform: transform2 } = store.getState(), [x, y, zoom2] = transform2;
         return {
           nodes: nodes.map((n2) => ({ ...n2 })),
           edges: edges.map((e2) => ({ ...e2 })),
           viewport: {
             x,
-            y: y2,
+            y,
             zoom: zoom2
           }
         };
@@ -14014,9 +14006,9 @@ const containerStyle = {
   height: "100%",
   top: 0,
   left: 0
-}, selector$j = (s2) => ({
-  userSelectionActive: s2.userSelectionActive,
-  lib: s2.lib
+}, selector$j = (s) => ({
+  userSelectionActive: s.userSelectionActive,
+  lib: s.lib
 });
 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 } = useStore(selector$j, shallow$1), zoomActivationKeyPressed = useKeyPress(zoomActivationKeyCode), panZoom = useRef();
@@ -14047,10 +14039,10 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = !0, zoomOnPinch = !0, panO
           onMoveEnd?.(event, vp), onViewportChangeEnd?.(vp);
         }
       });
-      const { x, y: y2, zoom: zoom2 } = panZoom.current.getViewport();
+      const { x, y, zoom: zoom2 } = panZoom.current.getViewport();
       return store.setState({
         panZoom: panZoom.current,
-        transform: [x, y2, zoom2],
+        transform: [x, y, zoom2],
         domNode: zoomPane.current.closest(".react-flow")
       }), () => {
         panZoom.current?.destroy();
@@ -14092,9 +14084,9 @@ function ZoomPane({ onPaneContextMenu, zoomOnScroll = !0, zoomOnPinch = !0, panO
     onTransformChange
   ]), jsx("div", { className: "react-flow__renderer", ref: zoomPane, style: containerStyle, children: children2 });
 }
-const selector$i = (s2) => ({
-  userSelectionActive: s2.userSelectionActive,
-  userSelectionRect: s2.userSelectionRect
+const selector$i = (s) => ({
+  userSelectionActive: s.userSelectionActive,
+  userSelectionRect: s.userSelectionRect
 });
 function UserSelection() {
   const { userSelectionActive, userSelectionRect } = useStore(selector$i, shallow$1);
@@ -14106,11 +14098,11 @@ function UserSelection() {
 }
 const wrapHandler = (handler, containerRef) => (event) => {
   event.target === containerRef.current && handler?.(event);
-}, selector$h = (s2) => ({
-  userSelectionActive: s2.userSelectionActive,
-  elementsSelectable: s2.elementsSelectable,
-  connectionInProgress: s2.connection.inProgress,
-  dragging: s2.paneDragging
+}, selector$h = (s) => ({
+  userSelectionActive: s.userSelectionActive,
+  elementsSelectable: s.elementsSelectable,
+  connectionInProgress: s.connection.inProgress,
+  dragging: s.paneDragging
 });
 function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.Full, panOnDrag, selectionOnDrag, onSelectionStart, onSelectionEnd, onPaneClick, onPaneContextMenu, onPaneScroll, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, children: children2 }) {
   const store = useStoreApi(), { userSelectionActive, elementsSelectable, dragging, connectionInProgress } = useStore(selector$h, shallow$1), hasActiveSelection = elementsSelectable && (isSelecting || userSelectionActive), container2 = useRef(null), containerBounds = useRef(), selectedNodeIds = useRef(/* @__PURE__ */ new Set()), selectedEdgeIds = useRef(/* @__PURE__ */ new Set()), selectionInProgress = useRef(!1), selectionStarted = useRef(!1), onClick = (event) => {
@@ -14130,15 +14122,15 @@ function Pane({ isSelecting, selectionKeyPressed, selectionMode = SelectionMode.
     if (containerBounds.current = domNode?.getBoundingClientRect(), !elementsSelectable || !isSelecting || event.button !== 0 || event.target !== container2.current || !containerBounds.current)
       return;
     event.target?.setPointerCapture?.(event.pointerId), selectionStarted.current = !0, selectionInProgress.current = !1;
-    const { x, y: y2 } = getEventPosition(event.nativeEvent, containerBounds.current);
+    const { x, y } = getEventPosition(event.nativeEvent, containerBounds.current);
     resetSelectedElements(), store.setState({
       userSelectionRect: {
         width: 0,
         height: 0,
         startX: x,
-        startY: y2,
+        startY: y,
         x,
-        y: y2
+        y
       }
     }), onSelectionStart?.(event);
   }, onPointerMove = (event) => {
@@ -14261,10 +14253,10 @@ function useMoveSelectedNodes() {
 }
 const NodeIdContext = createContext(null), Provider = NodeIdContext.Provider;
 NodeIdContext.Consumer;
-const useNodeId = () => useContext(NodeIdContext), selector$g = (s2) => ({
-  connectOnClick: s2.connectOnClick,
-  noPanClassName: s2.noPanClassName,
-  rfId: s2.rfId
+const useNodeId = () => useContext(NodeIdContext), selector$g = (s) => ({
+  connectOnClick: s.connectOnClick,
+  noPanClassName: s.noPanClassName,
+  rfId: s.rfId
 }), connectingSelector = (nodeId, handleId, type) => (state) => {
   const { connectionClickStartHandle: clickHandle, connectionMode, connection } = state, { fromHandle, toHandle, isValid } = connection, connectingTo = toHandle?.nodeId === nodeId && toHandle?.id === handleId && toHandle?.type === type;
   return {
@@ -14407,15 +14399,15 @@ function getNodeInlineStyleDimensions(node) {
     height: node.height ?? node.style?.height
   };
 }
-const selector$f = (s2) => {
-  const { width, height, x, y: y2 } = getInternalNodesBounds(s2.nodeLookup, {
+const selector$f = (s) => {
+  const { width, height, x, y } = getInternalNodesBounds(s.nodeLookup, {
     filter: (node) => !!node.selected
   });
   return {
     width: isNumeric(width) ? width : null,
     height: isNumeric(height) ? height : null,
-    userSelectionActive: s2.userSelectionActive,
-    transformString: `translate(${s2.transform[0]}px,${s2.transform[1]}px) scale(${s2.transform[2]}) translate(${x}px,${y2}px)`
+    userSelectionActive: s.userSelectionActive,
+    transformString: `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]}) translate(${x}px,${y}px)`
   };
 };
 function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboardA11y }) {
@@ -14444,17 +14436,17 @@ function NodesSelection({ onSelectionContextMenu, noPanClassName, disableKeyboar
     height
   } }) });
 }
-const win = typeof window < "u" ? window : void 0, selector$e = (s2) => ({ nodesSelectionActive: s2.nodesSelectionActive, userSelectionActive: s2.userSelectionActive });
+const win = typeof window < "u" ? window : void 0, selector$e = (s) => ({ nodesSelectionActive: s.nodesSelectionActive, userSelectionActive: s.userSelectionActive });
 function FlowRendererComponent({ children: children2, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, onPaneContextMenu, onPaneScroll, paneClickDistance, deleteKeyCode, selectionKeyCode, selectionOnDrag, selectionMode, onSelectionStart, onSelectionEnd, multiSelectionKeyCode, panActivationKeyCode, zoomActivationKeyCode, elementsSelectable, zoomOnScroll, zoomOnPinch, panOnScroll: _panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag: _panOnDrag, defaultViewport: defaultViewport2, translateExtent, minZoom, maxZoom, preventScrolling, onSelectionContextMenu, noWheelClassName, noPanClassName, disableKeyboardA11y, onViewportChange, isControlledViewport }) {
   const { nodesSelectionActive, userSelectionActive } = useStore(selector$e), selectionKeyPressed = useKeyPress(selectionKeyCode, { target: win }), panActivationKeyPressed = useKeyPress(panActivationKeyCode, { target: win }), panOnDrag = panActivationKeyPressed || _panOnDrag, panOnScroll = panActivationKeyPressed || _panOnScroll, _selectionOnDrag = selectionOnDrag && panOnDrag !== !0, isSelecting = selectionKeyPressed || userSelectionActive || _selectionOnDrag;
   return useGlobalKeyHandler({ deleteKeyCode, multiSelectionKeyCode }), jsx(ZoomPane, { onPaneContextMenu, elementsSelectable, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag: !selectionKeyPressed && panOnDrag, defaultViewport: defaultViewport2, translateExtent, minZoom, maxZoom, zoomActivationKeyCode, preventScrolling, noWheelClassName, noPanClassName, onViewportChange, isControlledViewport, paneClickDistance, children: jsxs(Pane, { onSelectionStart, onSelectionEnd, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, onPaneContextMenu, onPaneScroll, panOnDrag, isSelecting: !!isSelecting, selectionMode, selectionKeyPressed, selectionOnDrag: _selectionOnDrag, children: [children2, nodesSelectionActive && jsx(NodesSelection, { onSelectionContextMenu, noPanClassName, disableKeyboardA11y })] }) });
 }
 FlowRendererComponent.displayName = "FlowRenderer";
-const FlowRenderer = memo$1(FlowRendererComponent), selector$d = (onlyRenderVisible) => (s2) => onlyRenderVisible ? getNodesInside(s2.nodeLookup, { x: 0, y: 0, width: s2.width, height: s2.height }, s2.transform, !0).map((node) => node.id) : Array.from(s2.nodeLookup.keys());
+const FlowRenderer = memo$1(FlowRendererComponent), selector$d = (onlyRenderVisible) => (s) => onlyRenderVisible ? getNodesInside(s.nodeLookup, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, !0).map((node) => node.id) : Array.from(s.nodeLookup.keys());
 function useVisibleNodeIds(onlyRenderVisible) {
   return useStore(useCallback(selector$d(onlyRenderVisible), [onlyRenderVisible]), shallow$1);
 }
-const selector$c = (s2) => s2.updateNodeInternals;
+const selector$c = (s) => s.updateNodeInternals;
 function useResizeObserver() {
   const updateNodeInternals2 = useStore(selector$c), [resizeObserver] = useState(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((entries) => {
     const updates = /* @__PURE__ */ new Map();
@@ -14485,8 +14477,8 @@ function useNodeObserver({ node, nodeType, hasDimensions, resizeObserver }) {
   }, [node.id, nodeType, node.sourcePosition, node.targetPosition]), nodeRef;
 }
 function NodeWrapper({ id: id2, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, nodesDraggable, elementsSelectable, nodesConnectable, nodesFocusable, resizeObserver, noDragClassName, noPanClassName, disableKeyboardA11y, rfId, nodeTypes, nodeClickDistance, onError }) {
-  const { node, internals, isParent: isParent2 } = useStore((s2) => {
-    const node2 = s2.nodeLookup.get(id2), isParent22 = s2.parentLookup.has(id2);
+  const { node, internals, isParent: isParent2 } = useStore((s) => {
+    const node2 = s.nodeLookup.get(id2), isParent22 = s.parentLookup.has(id2);
     return {
       node: node2,
       internals: node2.internals,
@@ -14572,12 +14564,12 @@ 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: node.ariaRole ?? (isFocusable ? "group" : void 0), "aria-roledescription": "node", "aria-describedby": disableKeyboardA11y ? void 0 : `${ARIA_NODE_DESC_KEY}-${rfId}`, "aria-label": node.ariaLabel, ...node.domAttributes, children: jsx(Provider, { value: id2, children: jsx(NodeComponent, { id: id2, data: node.data, type: nodeType, positionAbsoluteX: internals.positionAbsolute.x, positionAbsoluteY: internals.positionAbsolute.y, selected: node.selected ?? !1, selectable: isSelectable, draggable: isDraggable, deletable: node.deletable ?? !0, isConnectable, sourcePosition: node.sourcePosition, targetPosition: node.targetPosition, dragging, dragHandle: node.dragHandle, zIndex: internals.z, parentId: node.parentId, ...nodeDimensions }) }) });
 }
-const selector$b = (s2) => ({
-  nodesDraggable: s2.nodesDraggable,
-  nodesConnectable: s2.nodesConnectable,
-  nodesFocusable: s2.nodesFocusable,
-  elementsSelectable: s2.elementsSelectable,
-  onError: s2.onError
+const selector$b = (s) => ({
+  nodesDraggable: s.nodesDraggable,
+  nodesConnectable: s.nodesConnectable,
+  nodesFocusable: s.nodesFocusable,
+  elementsSelectable: s.elementsSelectable,
+  onError: s.onError
 });
 function NodeRendererComponent(props) {
   const { nodesDraggable, nodesConnectable, nodesFocusable, elementsSelectable, onError } = useStore(selector$b, shallow$1), nodeIds = useVisibleNodeIds(props.onlyRenderVisibleElements), resizeObserver = useResizeObserver();
@@ -14613,19 +14605,19 @@ function NodeRendererComponent(props) {
 NodeRendererComponent.displayName = "NodeRenderer";
 const NodeRenderer = memo$1(NodeRendererComponent);
 function useVisibleEdgeIds(onlyRenderVisible) {
-  return useStore(useCallback((s2) => {
+  return useStore(useCallback((s) => {
     if (!onlyRenderVisible)
-      return s2.edges.map((edge) => edge.id);
+      return s.edges.map((edge) => edge.id);
     const visibleEdgeIds = [];
-    if (s2.width && s2.height)
-      for (const edge of s2.edges) {
-        const sourceNode = s2.nodeLookup.get(edge.source), targetNode = s2.nodeLookup.get(edge.target);
+    if (s.width && s.height)
+      for (const edge of s.edges) {
+        const sourceNode = s.nodeLookup.get(edge.source), targetNode = s.nodeLookup.get(edge.target);
         sourceNode && targetNode && isEdgeVisible({
           sourceNode,
           targetNode,
-          width: s2.width,
-          height: s2.height,
-          transform: s2.transform
+          width: s.width,
+          height: s.height,
+          transform: s.transform
         }) && visibleEdgeIds.push(edge.id);
       }
     return visibleEdgeIds;
@@ -14655,7 +14647,7 @@ const Marker = ({ id: id2, type, color: color2, width = 12.5, height = 12.5, mar
   const Symbol2 = useMarkerSymbol(type);
   return Symbol2 ? jsx("marker", { className: "react-flow__arrowhead", id: id2, markerWidth: `${width}`, markerHeight: `${height}`, viewBox: "-10 -10 20 20", markerUnits, orient, refX: "0", refY: "0", children: jsx(Symbol2, { color: color2, strokeWidth }) }) : null;
 }, MarkerDefinitions = ({ defaultColor, rfId }) => {
-  const edges = useStore((s2) => s2.edges), defaultEdgeOptions = useStore((s2) => s2.defaultEdgeOptions), markers = useMemo(() => createMarkerIds(edges, {
+  const edges = useStore((s) => s.edges), defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions), markers = useMemo(() => createMarkerIds(edges, {
     id: rfId,
     defaultColor,
     defaultMarkerStart: defaultEdgeOptions?.markerStart,
@@ -14665,7 +14657,7 @@ const Marker = ({ id: id2, type, color: color2, width = 12.5, height = 12.5, mar
 };
 MarkerDefinitions.displayName = "MarkerDefinitions";
 var MarkerDefinitions$1 = memo$1(MarkerDefinitions);
-function EdgeTextComponent({ x, y: y2, label, labelStyle, labelShowBg = !0, labelBgStyle, labelBgPadding = [2, 4], labelBgBorderRadius = 2, children: children2, className, ...rest }) {
+function EdgeTextComponent({ x, y, label, labelStyle, labelShowBg = !0, labelBgStyle, labelBgPadding = [2, 4], labelBgBorderRadius = 2, children: children2, className, ...rest }) {
   const [edgeTextBbox, setEdgeTextBbox] = useState({ x: 1, y: 0, width: 0, height: 0 }), edgeTextClasses = cc(["react-flow__edge-textwrapper", className]), edgeTextRef = useRef(null);
   return useEffect(() => {
     if (edgeTextRef.current) {
@@ -14677,7 +14669,7 @@ function EdgeTextComponent({ x, y: y2, label, labelStyle, labelShowBg = !0, labe
         height: textBbox.height
       });
     }
-  }, [label]), label ? jsxs("g", { transform: `translate(${x - edgeTextBbox.width / 2} ${y2 - edgeTextBbox.height / 2})`, className: edgeTextClasses, visibility: edgeTextBbox.width ? "visible" : "hidden", ...rest, children: [labelShowBg && jsx("rect", { width: edgeTextBbox.width + 2 * labelBgPadding[0], x: -labelBgPadding[0], y: -labelBgPadding[1], height: edgeTextBbox.height + 2 * labelBgPadding[1], className: "react-flow__edge-textbg", style: labelBgStyle, rx: labelBgBorderRadius, ry: labelBgBorderRadius }), jsx("text", { className: "react-flow__edge-text", y: edgeTextBbox.height / 2, dy: "0.3em", ref: edgeTextRef, style: labelStyle, children: label }), children2] }) : null;
+  }, [label]), label ? jsxs("g", { transform: `translate(${x - edgeTextBbox.width / 2} ${y - edgeTextBbox.height / 2})`, className: edgeTextClasses, visibility: edgeTextBbox.width ? "visible" : "hidden", ...rest, children: [labelShowBg && jsx("rect", { width: edgeTextBbox.width + 2 * labelBgPadding[0], x: -labelBgPadding[0], y: -labelBgPadding[1], height: edgeTextBbox.height + 2 * labelBgPadding[1], className: "react-flow__edge-textbg", style: labelBgStyle, rx: labelBgBorderRadius, ry: labelBgBorderRadius }), jsx("text", { className: "react-flow__edge-text", y: edgeTextBbox.height / 2, dy: "0.3em", ref: edgeTextRef, style: labelStyle, children: label }), children2] }) : null;
 }
 EdgeTextComponent.displayName = "EdgeText";
 const EdgeText = memo$1(EdgeTextComponent);
@@ -14801,7 +14793,7 @@ const builtinEdgeTypes = {
   targetY: null,
   sourcePosition: null,
   targetPosition: null
-}, shiftX = (x, shift2, position) => position === Position.Left ? x - shift2 : position === Position.Right ? x + shift2 : x, shiftY = (y2, shift2, position) => position === Position.Top ? y2 - shift2 : position === Position.Bottom ? y2 + shift2 : y2, EdgeUpdaterClassName = "react-flow__edgeupdater";
+}, shiftX = (x, shift2, position) => position === Position.Left ? x - shift2 : position === Position.Right ? x + shift2 : x, shiftY = (y, shift2, position) => position === Position.Top ? y - shift2 : position === Position.Bottom ? y + shift2 : y, EdgeUpdaterClassName = "react-flow__edgeupdater";
 function EdgeAnchor({ position, centerX, centerY, radius = 10, onMouseDown, onMouseEnter, onMouseOut, type }) {
   return jsx("circle", { onMouseDown, onMouseEnter, onMouseOut, className: cc([EdgeUpdaterClassName, `${EdgeUpdaterClassName}-${type}`]), cx: shiftX(centerX, radius, position), cy: shiftY(centerY, radius, position), r: radius, stroke: "transparent", fill: "transparent" });
 }
@@ -14843,8 +14835,8 @@ function EdgeUpdateAnchors({ isReconnectable, reconnectRadius, edge, sourceX, so
   return jsxs(Fragment$1, { children: [(isReconnectable === !0 || isReconnectable === "source") && jsx(EdgeAnchor, { position: sourcePosition, centerX: sourceX, centerY: sourceY, radius: reconnectRadius, onMouseDown: onReconnectSourceMouseDown, onMouseEnter: onReconnectMouseEnter, onMouseOut: onReconnectMouseOut, type: "source" }), (isReconnectable === !0 || isReconnectable === "target") && jsx(EdgeAnchor, { position: targetPosition, centerX: targetX, centerY: targetY, radius: reconnectRadius, onMouseDown: onReconnectTargetMouseDown, onMouseEnter: onReconnectMouseEnter, onMouseOut: onReconnectMouseOut, type: "target" })] });
 }
 function EdgeWrapper({ id: id2, edgesFocusable, edgesReconnectable, elementsSelectable, onClick, onDoubleClick, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, reconnectRadius, onReconnect, onReconnectStart, onReconnectEnd, rfId, edgeTypes, noPanClassName, onError, disableKeyboardA11y }) {
-  let edge = useStore((s2) => s2.edgeLookup.get(id2));
-  const defaultEdgeOptions = useStore((s2) => s2.defaultEdgeOptions);
+  let edge = useStore((s) => s.edgeLookup.get(id2));
+  const defaultEdgeOptions = useStore((s) => s.defaultEdgeOptions);
   edge = defaultEdgeOptions ? { ...defaultEdgeOptions, ...edge } : edge;
   let edgeType = edge.type || "default", EdgeComponent = edgeTypes?.[edgeType] || builtinEdgeTypes[edgeType];
   EdgeComponent === void 0 && (onError?.("011", errorMessages.error011(edgeType)), edgeType = "default", EdgeComponent = edgeTypes?.default || builtinEdgeTypes.default);
@@ -14910,19 +14902,19 @@ 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 })] }) });
 }
-const selector$a = (s2) => ({
-  edgesFocusable: s2.edgesFocusable,
-  edgesReconnectable: s2.edgesReconnectable,
-  elementsSelectable: s2.elementsSelectable,
-  connectionMode: s2.connectionMode,
-  onError: s2.onError
+const selector$a = (s) => ({
+  edgesFocusable: s.edgesFocusable,
+  edgesReconnectable: s.edgesReconnectable,
+  elementsSelectable: s.elementsSelectable,
+  connectionMode: s.connectionMode,
+  onError: s.onError
 });
 function EdgeRendererComponent({ defaultMarkerColor, onlyRenderVisibleElements, rfId, edgeTypes, noPanClassName, onReconnect, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeClick, reconnectRadius, onEdgeDoubleClick, onReconnectStart, onReconnectEnd, disableKeyboardA11y }) {
   const { edgesFocusable, edgesReconnectable, elementsSelectable, onError } = useStore(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))] });
 }
 EdgeRendererComponent.displayName = "EdgeRenderer";
-const EdgeRenderer = memo$1(EdgeRendererComponent), selector$9 = (s2) => `translate(${s2.transform[0]}px,${s2.transform[1]}px) scale(${s2.transform[2]})`;
+const EdgeRenderer = memo$1(EdgeRendererComponent), selector$9 = (s) => `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]})`;
 function Viewport({ children: children2 }) {
   const transform2 = useStore(selector$9);
   return jsx("div", { className: "react-flow__viewport xyflow__viewport react-flow__container", style: { transform: transform2 }, children: children2 });
@@ -14940,8 +14932,8 @@ function useViewportSync(viewport) {
     viewport && (syncViewport?.(viewport), store.setState({ transform: [viewport.x, viewport.y, viewport.zoom] }));
   }, [viewport, syncViewport]), null;
 }
-function storeSelector$1(s2) {
-  return s2.connection.inProgress ? { ...s2.connection, to: pointToRendererPoint(s2.connection.to, s2.transform) } : { ...s2.connection };
+function storeSelector$1(s) {
+  return s.connection.inProgress ? { ...s.connection, to: pointToRendererPoint(s.connection.to, s.transform) } : { ...s.connection };
 }
 function getSelector(connectionSelector) {
   return storeSelector$1;
@@ -14950,12 +14942,12 @@ function useConnection(connectionSelector) {
   const combinedSelector = getSelector();
   return useStore(combinedSelector, shallow$1);
 }
-const selector$7 = (s2) => ({
-  nodesConnectable: s2.nodesConnectable,
-  isValid: s2.connection.isValid,
-  inProgress: s2.connection.inProgress,
-  width: s2.width,
-  height: s2.height
+const selector$7 = (s) => ({
+  nodesConnectable: s.nodesConnectable,
+  isValid: s.connection.isValid,
+  inProgress: s.connection.inProgress,
+  width: s.width,
+  height: s.height
 });
 function ConnectionLineWrapper({ containerStyle: containerStyle2, style: style2, type, component }) {
   const { nodesConnectable, width, height, isValid, inProgress } = useStore(selector$7, shallow$1);
@@ -15023,8 +15015,8 @@ const GraphView = memo$1(GraphViewComponent), getInitialState = ({ nodes, edges,
   if (fitView && width && height) {
     const bounds = getInternalNodesBounds(nodeLookup, {
       filter: (node) => !!((node.width || node.initialWidth) && (node.height || node.initialHeight))
-    }), { x, y: y2, zoom: zoom2 } = getViewportForBounds(bounds, width, height, minZoom, maxZoom, fitViewOptions?.padding ?? 0.1);
-    transform2 = [x, y2, zoom2];
+    }), { x, y, zoom: zoom2 } = getViewportForBounds(bounds, width, height, minZoom, maxZoom, fitViewOptions?.padding ?? 0.1);
+    transform2 = [x, y, zoom2];
   }
   return {
     rfId: "1",
@@ -15254,14 +15246,14 @@ const GraphView = memo$1(GraphViewComponent), getInitialState = ({ nodes, edges,
       const { transform: transform2, width: width2, height: height2, panZoom, translateExtent } = get2();
       return panBy({ delta, panZoom, transform: transform2, translateExtent, width: width2, height: height2 });
     },
-    setCenter: async (x, y2, options) => {
+    setCenter: async (x, y, options) => {
       const { width: width2, height: height2, maxZoom: maxZoom2, panZoom } = get2();
       if (!panZoom)
         return Promise.resolve(!1);
       const nextZoom = typeof options?.zoom < "u" ? options.zoom : maxZoom2;
       return await panZoom.setViewport({
         x: width2 / 2 - x * nextZoom,
-        y: height2 / 2 - y2 * nextZoom,
+        y: height2 / 2 - y * nextZoom,
         zoom: nextZoom
       }, { duration: options?.duration, ease: options?.ease, interpolate: options?.interpolate }), Promise.resolve(!0);
     },
@@ -15310,13 +15302,13 @@ function ReactFlow({ nodes, edges, defaultNodes, defaultEdges, className, nodeTy
   return jsx("div", { "data-testid": "rf__wrapper", ...rest, onScroll: wrapperOnScroll, style: { ...style2, ...wrapperStyle }, ref, className: cc(["react-flow", className, colorModeClassName]), id: id2, role: "application", children: jsxs(Wrapper, { nodes, edges, width, height, fitView, fitViewOptions, minZoom, maxZoom, nodeOrigin, nodeExtent, children: [jsx(GraphView, { onInit, onNodeClick, onEdgeClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDoubleClick, nodeTypes, edgeTypes, connectionLineType, connectionLineStyle, connectionLineComponent, connectionLineContainerStyle, selectionKeyCode, selectionOnDrag, selectionMode, deleteKeyCode, multiSelectionKeyCode, panActivationKeyCode, zoomActivationKeyCode, onlyRenderVisibleElements, defaultViewport: defaultViewport$1, translateExtent, minZoom, maxZoom, preventScrolling, zoomOnScroll, zoomOnPinch, zoomOnDoubleClick, panOnScroll, panOnScrollSpeed, panOnScrollMode, panOnDrag, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, onPaneScroll, onPaneContextMenu, paneClickDistance, nodeClickDistance, onSelectionContextMenu, onSelectionStart, onSelectionEnd, onReconnect, onReconnectStart, onReconnectEnd, onEdgeContextMenu, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, reconnectRadius, defaultMarkerColor, noDragClassName, noWheelClassName, noPanClassName, rfId, disableKeyboardA11y, nodeExtent, viewport, onViewportChange }), jsx(StoreUpdater, { nodes, edges, defaultNodes, defaultEdges, onConnect, onConnectStart, onConnectEnd, onClickConnectStart, onClickConnectEnd, nodesDraggable, autoPanOnNodeFocus, nodesConnectable, nodesFocusable, edgesFocusable, edgesReconnectable, elementsSelectable, elevateNodesOnSelect, elevateEdgesOnSelect, minZoom, maxZoom, nodeExtent, onNodesChange, onEdgesChange, snapToGrid, snapGrid, connectionMode, translateExtent, connectOnClick, defaultEdgeOptions, fitView, fitViewOptions, onNodesDelete, onEdgesDelete, onDelete, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDrag, onSelectionDragStart, onSelectionDragStop, onMove, onMoveStart, onMoveEnd, noPanClassName, nodeOrigin, rfId, autoPanOnConnect, autoPanOnNodeDrag, autoPanSpeed, onError, connectionRadius, isValidConnection, selectNodesOnDrag, nodeDragThreshold, connectionDragThreshold, onBeforeDelete, paneClickDistance, debug, ariaLabelConfig }), jsx(SelectionListener, { onSelectionChange }), children2, jsx(Attribution, { proOptions, position: attributionPosition }), jsx(A11yDescriptions, { rfId, disableKeyboardA11y })] }) });
 }
 var index = fixedForwardRef(ReactFlow);
-const selector$6 = (s2) => s2.domNode?.querySelector(".react-flow__edgelabel-renderer");
+const selector$6 = (s) => s.domNode?.querySelector(".react-flow__edgelabel-renderer");
 function EdgeLabelRenderer({ children: children2 }) {
   const edgeLabelRenderer = useStore(selector$6);
   return edgeLabelRenderer ? createPortal(children2, edgeLabelRenderer) : null;
 }
 function useInternalNode(id2) {
-  return useStore(useCallback((s2) => s2.nodeLookup.get(id2), [id2]), shallow$1);
+  return useStore(useCallback((s) => s.nodeLookup.get(id2), [id2]), shallow$1);
 }
 function LinePattern({ dimensions, lineWidth, variant, className }) {
   return jsx("path", { strokeWidth: lineWidth, d: `M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`, className: cc(["react-flow__background-pattern", variant, className]) });
@@ -15332,7 +15324,7 @@ const defaultSize = {
   [BackgroundVariant.Dots]: 1,
   [BackgroundVariant.Lines]: 1,
   [BackgroundVariant.Cross]: 6
-}, selector$3 = (s2) => ({ transform: s2.transform, patternId: `pattern-${s2.rfId}` });
+}, selector$3 = (s) => ({ transform: s.transform, patternId: `pattern-${s.rfId}` });
 function BackgroundComponent({
   id: id2,
   variant = BackgroundVariant.Dots,
@@ -15379,11 +15371,11 @@ function UnlockIcon() {
 function ControlButton({ children: children2, className, ...rest }) {
   return jsx("button", { type: "button", className: cc(["react-flow__controls-button", className]), ...rest, children: children2 });
 }
-const selector$2 = (s2) => ({
-  isInteractive: s2.nodesDraggable || s2.nodesConnectable || s2.elementsSelectable,
-  minZoomReached: s2.transform[2] <= s2.minZoom,
-  maxZoomReached: s2.transform[2] >= s2.maxZoom,
-  ariaLabelConfig: s2.ariaLabelConfig
+const selector$2 = (s) => ({
+  isInteractive: s.nodesDraggable || s.nodesConnectable || s.elementsSelectable,
+  minZoomReached: s.transform[2] <= s.minZoom,
+  maxZoomReached: s.transform[2] >= s.maxZoom,
+  ariaLabelConfig: s.ariaLabelConfig
 });
 function ControlsComponent({ style: style2, showZoom = !0, showFitView = !0, showInteractive = !0, fitViewOptions, onZoomIn, onZoomOut, onFitView, onInteractiveChange, className, children: children2, position = "bottom-left", orientation = "vertical", "aria-label": ariaLabel }) {
   const store = useStoreApi(), { isInteractive, minZoomReached, maxZoomReached, ariaLabelConfig } = useStore(selector$2, shallow$1), { zoomIn, zoomOut, fitView } = useReactFlow(), onZoomInHandler = () => {
@@ -15403,15 +15395,15 @@ function ControlsComponent({ style: style2, showZoom = !0, showFitView = !0, sho
 }
 ControlsComponent.displayName = "Controls";
 memo$1(ControlsComponent);
-function MiniMapNodeComponent({ id: id2, x, y: y2, width, height, style: style2, color: color2, strokeColor, strokeWidth, className, borderRadius: borderRadius2, shapeRendering, selected: selected2, onClick }) {
+function MiniMapNodeComponent({ id: id2, x, y, width, height, style: style2, color: color2, strokeColor, strokeWidth, className, borderRadius: borderRadius2, shapeRendering, selected: selected2, onClick }) {
   const { background, backgroundColor } = style2 || {}, fill = color2 || background || backgroundColor;
-  return jsx("rect", { className: cc(["react-flow__minimap-node", { selected: selected2 }, className]), x, y: y2, rx: borderRadius2, ry: borderRadius2, width, height, style: {
+  return jsx("rect", { className: cc(["react-flow__minimap-node", { selected: selected2 }, className]), x, y, rx: borderRadius2, ry: borderRadius2, width, height, style: {
     fill,
     stroke: strokeColor,
     strokeWidth
   }, shapeRendering, onClick: onClick ? (event) => onClick(event, id2) : void 0 });
 }
-const MiniMapNode = memo$1(MiniMapNodeComponent), selectorNodeIds = (s2) => s2.nodes.map((node) => node.id), getAttrFunction = (func) => func instanceof Function ? func : () => func;
+const MiniMapNode = memo$1(MiniMapNodeComponent), selectorNodeIds = (s) => s.nodes.map((node) => node.id), getAttrFunction = (func) => func instanceof Function ? func : () => func;
 function MiniMapNodes({
   nodeStrokeColor,
   nodeColor,
@@ -15438,36 +15430,36 @@ function MiniMapNodes({
   )) });
 }
 function NodeComponentWrapperInner({ id: id2, nodeColorFunc, nodeStrokeColorFunc, nodeClassNameFunc, nodeBorderRadius, nodeStrokeWidth, shapeRendering, NodeComponent, onClick }) {
-  const { node, x, y: y2, width, height } = useStore((s2) => {
-    const { internals } = s2.nodeLookup.get(id2), node2 = internals.userNode, { x: x2, y: y22 } = internals.positionAbsolute, { width: width2, height: height2 } = getNodeDimensions(node2);
+  const { node, x, y, width, height } = useStore((s) => {
+    const { internals } = s.nodeLookup.get(id2), node2 = internals.userNode, { x: x2, y: y2 } = internals.positionAbsolute, { width: width2, height: height2 } = getNodeDimensions(node2);
     return {
       node: node2,
       x: x2,
-      y: y22,
+      y: y2,
       width: width2,
       height: height2
     };
   }, shallow$1);
-  return !node || node.hidden || !nodeHasDimensions(node) ? null : jsx(NodeComponent, { x, y: y2, width, height, style: node.style, selected: !!node.selected, className: nodeClassNameFunc(node), color: nodeColorFunc(node), borderRadius: nodeBorderRadius, strokeColor: nodeStrokeColorFunc(node), strokeWidth: nodeStrokeWidth, shapeRendering, onClick, id: node.id });
+  return !node || node.hidden || !nodeHasDimensions(node) ? null : jsx(NodeComponent, { x, y, width, height, style: node.style, selected: !!node.selected, className: nodeClassNameFunc(node), color: nodeColorFunc(node), borderRadius: nodeBorderRadius, strokeColor: nodeStrokeColorFunc(node), strokeWidth: nodeStrokeWidth, shapeRendering, onClick, id: node.id });
 }
 const NodeComponentWrapper = memo$1(NodeComponentWrapperInner);
 var MiniMapNodes$1 = memo$1(MiniMapNodes);
-const defaultWidth = 200, defaultHeight = 150, filterHidden = (node) => !node.hidden, selector$1 = (s2) => {
+const defaultWidth = 200, defaultHeight = 150, filterHidden = (node) => !node.hidden, selector$1 = (s) => {
   const viewBB = {
-    x: -s2.transform[0] / s2.transform[2],
-    y: -s2.transform[1] / s2.transform[2],
-    width: s2.width / s2.transform[2],
-    height: s2.height / s2.transform[2]
+    x: -s.transform[0] / s.transform[2],
+    y: -s.transform[1] / s.transform[2],
+    width: s.width / s.transform[2],
+    height: s.height / s.transform[2]
   };
   return {
     viewBB,
-    boundingRect: s2.nodeLookup.size > 0 ? getBoundsOfRects(getInternalNodesBounds(s2.nodeLookup, { filter: filterHidden }), viewBB) : viewBB,
-    rfId: s2.rfId,
-    panZoom: s2.panZoom,
-    translateExtent: s2.translateExtent,
-    flowWidth: s2.width,
-    flowHeight: s2.height,
-    ariaLabelConfig: s2.ariaLabelConfig
+    boundingRect: s.nodeLookup.size > 0 ? getBoundsOfRects(getInternalNodesBounds(s.nodeLookup, { filter: filterHidden }), viewBB) : viewBB,
+    rfId: s.rfId,
+    panZoom: s.panZoom,
+    translateExtent: s.translateExtent,
+    flowWidth: s.width,
+    flowHeight: s.height,
+    ariaLabelConfig: s.ariaLabelConfig
   };
 }, ARIA_LABEL_KEY = "react-flow__minimap-desc";
 function MiniMapComponent({
@@ -15497,7 +15489,7 @@ function MiniMapComponent({
   zoomStep = 1,
   offsetScale = 5
 }) {
-  const store = useStoreApi(), svg = useRef(null), { boundingRect, viewBB, rfId, panZoom, translateExtent, flowWidth, flowHeight, ariaLabelConfig } = useStore(selector$1, shallow$1), elementWidth = style2?.width ?? defaultWidth, elementHeight = style2?.height ?? defaultHeight, scaledWidth = boundingRect.width / elementWidth, scaledHeight = boundingRect.height / elementHeight, viewScale = Math.max(scaledWidth, scaledHeight), viewWidth = viewScale * elementWidth, viewHeight = viewScale * elementHeight, offset2 = offsetScale * viewScale, x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset2, y2 = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset2, width = viewWidth + offset2 * 2, height = viewHeight + offset2 * 2, labelledBy = `${ARIA_LABEL_KEY}-${rfId}`, viewScaleRef = useRef(0), minimapInstance = useRef();
+  const store = useStoreApi(), svg = useRef(null), { boundingRect, viewBB, rfId, panZoom, translateExtent, flowWidth, flowHeight, ariaLabelConfig } = useStore(selector$1, shallow$1), elementWidth = style2?.width ?? defaultWidth, elementHeight = style2?.height ?? defaultHeight, scaledWidth = boundingRect.width / elementWidth, scaledHeight = boundingRect.height / elementHeight, viewScale = Math.max(scaledWidth, scaledHeight), viewWidth = viewScale * elementWidth, viewHeight = viewScale * elementHeight, offset2 = offsetScale * viewScale, x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset2, y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset2, width = viewWidth + offset2 * 2, height = viewHeight + offset2 * 2, labelledBy = `${ARIA_LABEL_KEY}-${rfId}`, viewScaleRef = useRef(0), minimapInstance = useRef();
   viewScaleRef.current = viewScale, useEffect(() => {
     if (svg.current && panZoom)
       return minimapInstance.current = XYMinimap({
@@ -15520,8 +15512,8 @@ function MiniMapComponent({
     });
   }, [pannable, zoomable, inversePan, zoomStep, translateExtent, flowWidth, flowHeight]);
   const onSvgClick = onClick ? (event) => {
-    const [x2, y22] = minimapInstance.current?.pointer(event) || [0, 0];
-    onClick(event, { x: x2, y: y22 });
+    const [x2, y2] = minimapInstance.current?.pointer(event) || [0, 0];
+    onClick(event, { x: x2, y: y2 });
   } : void 0, onSvgNodeClick = onNodeClick ? useCallback((event, nodeId) => {
     const node = store.getState().nodeLookup.get(nodeId).internals.userNode;
     onNodeClick(event, node);
@@ -15535,7 +15527,7 @@ function MiniMapComponent({
     "--xy-minimap-node-background-color-props": typeof nodeColor == "string" ? nodeColor : void 0,
     "--xy-minimap-node-stroke-color-props": typeof nodeStrokeColor == "string" ? nodeStrokeColor : void 0,
     "--xy-minimap-node-stroke-width-props": typeof nodeStrokeWidth == "number" ? nodeStrokeWidth : void 0
-  }, className: cc(["react-flow__minimap", className]), "data-testid": "rf__minimap", children: jsxs("svg", { width: elementWidth, height: elementHeight, viewBox: `${x} ${y2} ${width} ${height}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": labelledBy, ref: svg, onClick: onSvgClick, children: [_ariaLabel && jsx("title", { id: labelledBy, children: _ariaLabel }), jsx(MiniMapNodes$1, { onClick: onSvgNodeClick, nodeColor, nodeStrokeColor, nodeBorderRadius, nodeClassName, nodeStrokeWidth, nodeComponent }), jsx("path", { className: "react-flow__minimap-mask", d: `M${x - offset2},${y2 - offset2}h${width + offset2 * 2}v${height + offset2 * 2}h${-width - offset2 * 2}z
+  }, className: cc(["react-flow__minimap", className]), "data-testid": "rf__minimap", children: jsxs("svg", { width: elementWidth, height: elementHeight, viewBox: `${x} ${y} ${width} ${height}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": labelledBy, ref: svg, onClick: onSvgClick, children: [_ariaLabel && jsx("title", { id: labelledBy, children: _ariaLabel }), jsx(MiniMapNodes$1, { onClick: onSvgNodeClick, nodeColor, nodeStrokeColor, nodeBorderRadius, nodeClassName, nodeStrokeWidth, nodeComponent }), jsx("path", { className: "react-flow__minimap-mask", d: `M${x - offset2},${y - offset2}h${width + offset2 * 2}v${height + offset2 * 2}h${-width - offset2 * 2}z
         M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
 MiniMapComponent.displayName = "MiniMap";
@@ -15680,12 +15672,12 @@ function NodeToolbar({ nodeId, children: children2, className, style: style2, is
   const contextNodeId = useNodeId(), nodesSelector2 = useCallback((state) => (Array.isArray(nodeId) ? nodeId : [nodeId || contextNodeId || ""]).reduce((res, id2) => {
     const node = state.nodeLookup.get(id2);
     return node && res.set(node.id, node), res;
-  }, /* @__PURE__ */ new Map()), [nodeId, contextNodeId]), nodes = useStore(nodesSelector2, nodesEqualityFn), { x, y: y2, zoom: zoom2, selectedNodesCount } = useStore(storeSelector, shallow$1);
+  }, /* @__PURE__ */ new Map()), [nodeId, contextNodeId]), nodes = useStore(nodesSelector2, nodesEqualityFn), { x, y, zoom: zoom2, selectedNodesCount } = useStore(storeSelector, shallow$1);
   if (!(typeof isVisible == "boolean" ? isVisible : nodes.size === 1 && nodes.values().next().value?.selected && selectedNodesCount === 1) || !nodes.size)
     return null;
   const nodeRect = getInternalNodesBounds(nodes), nodesArray = Array.from(nodes.values()), zIndex = Math.max(...nodesArray.map((node) => node.internals.z + 1)), wrapperStyle2 = {
     position: "absolute",
-    transform: getNodeToolbarTransform(nodeRect, { x, y: y2, zoom: zoom2 }, position, offset2, align),
+    transform: getNodeToolbarTransform(nodeRect, { x, y, zoom: zoom2 }, position, offset2, align),
     zIndex,
     ...style2
   };
@@ -15798,8 +15790,8 @@ const { valueOf, toString } = Object.prototype, isEqual = (a, b) => {
       return a2.toString() === b2.toString();
     const aKeys = Object.keys(a2);
     let key;
-    for (let l2 = aKeys.length; l2-- !== 0; )
-      if (key = aKeys[l2], !Object.hasOwn(b2, key) || !inner(a2[key], b2[key]))
+    for (let l = aKeys.length; l-- !== 0; )
+      if (key = aKeys[l], !Object.hasOwn(b2, key) || !inner(a2[key], b2[key]))
         return !1;
     return Object.keys(b2).length === aKeys.length;
   };
@@ -15848,7 +15840,7 @@ const HandlerNames = [
   "onChange",
   "onCanvasDblClick"
 ], DiagramEventHandlersReactContext = createContext({
-  ...l$1(HandlerNames, (name) => [name, null]),
+  ...t$1(HandlerNames, (name) => [name, null]),
   handlersRef: {
     current: {}
   }
@@ -15857,8 +15849,8 @@ function DiagramEventHandlers({
   handlers,
   children: children2
 }) {
-  const handlersRef = useSyncedRef(handlers), deps = HandlerNames.map((name) => t$2(handlers[name])), value = useMemo(() => ({
-    ...l$1(HandlerNames, (name) => handlersRef.current[name] ? [name, (...args) => handlersRef.current[name]?.(...args)] : [name, null]),
+  const handlersRef = useSyncedRef(handlers), deps = HandlerNames.map((name) => e$2(handlers[name])), value = useMemo(() => ({
+    ...t$1(HandlerNames, (name) => handlersRef.current[name] ? [name, (...args) => handlersRef.current[name]?.(...args)] : [name, null]),
     handlersRef
   }), [handlersRef, ...deps]);
   return /* @__PURE__ */ jsx(DiagramEventHandlersReactContext.Provider, { value, children: children2 });
@@ -16148,7 +16140,7 @@ const FeatureNames = [
    */
   "Vscode",
   "ElementTags"
-], AllDisabled = l$1(
+], AllDisabled = t$1(
   FeatureNames,
   (name) => [`enable${name}`, !1]
 ), DiagramFeaturesContext = createContext(AllDisabled), validate = (features) => {
@@ -16459,14 +16451,14 @@ const TagStylesContext = createContext({}), radixColors = [
 function TagStylesProvider({ children: children2, rootSelector }) {
   const tags = useLikeC4Specification().tags, { specs, stylesheet } = useDeepCompareMemo(() => tags ? {
     specs: tags,
-    stylesheet: C(
-      t$1(tags),
-      u$1(([tag, spec]) => [
+    stylesheet: t$7(
+      t$5(tags),
+      t$4(([tag, spec]) => [
         `:is(${rootSelector} [data-likec4-tag="${tag}"]) {`,
         generateColorVars(spec),
         "}"
       ]),
-      r(`
+      t$3(`
 `)
     )
   } : { specs: {}, stylesheet: "" }, [tags, rootSelector]);
@@ -16547,7 +16539,7 @@ function useIsZoomTooSmall() {
 }
 function getDevicePixelRatio() {
   const dpr = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : 1;
-  return u(Math.floor(dpr), {
+  return t$9(Math.floor(dpr), {
     min: 1,
     max: 4
   });
@@ -16616,9 +16608,9 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
     0.0123412297999872
   ],
   arcfn: function(t2, derivativeFn) {
-    const d2 = derivativeFn(t2);
-    let l2 = d2.x * d2.x + d2.y * d2.y;
-    return typeof d2.z < "u" && (l2 += d2.z * d2.z), sqrt$1(l2);
+    const d = derivativeFn(t2);
+    let l = d.x * d.x + d.y * d.y;
+    return typeof d.z < "u" && (l += d.z * d.z), sqrt$1(l);
   },
   compute: function(t2, points, _3d) {
     if (t2 === 0)
@@ -16639,14 +16631,14 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
       return _3d && (ret.z = mt * p[0].z + t2 * p[1].z), ret;
     }
     if (order < 4) {
-      let mt2 = mt * mt, t22 = t2 * t2, a, b, c, d2 = 0;
-      order === 2 ? (p = [p[0], p[1], p[2], ZERO], a = mt2, b = mt * t2 * 2, c = t22) : order === 3 && (a = mt2 * mt, b = mt2 * t2 * 3, c = mt * t22 * 3, d2 = t2 * t22);
+      let mt2 = mt * mt, t22 = t2 * t2, a, b, c, d = 0;
+      order === 2 ? (p = [p[0], p[1], p[2], ZERO], a = mt2, b = mt * t2 * 2, c = t22) : order === 3 && (a = mt2 * mt, b = mt2 * t2 * 3, c = mt * t22 * 3, d = t2 * t22);
       const ret = {
-        x: a * p[0].x + b * p[1].x + c * p[2].x + d2 * p[3].x,
-        y: a * p[0].y + b * p[1].y + c * p[2].y + d2 * p[3].y,
+        x: a * p[0].x + b * p[1].x + c * p[2].x + d * p[3].x,
+        y: a * p[0].y + b * p[1].y + c * p[2].y + d * p[3].y,
         t: t2
       };
-      return _3d && (ret.z = a * p[0].z + b * p[1].z + c * p[2].z + d2 * p[3].z), ret;
+      return _3d && (ret.z = a * p[0].z + b * p[1].z + c * p[2].z + d * p[3].z), ret;
     }
     const dCpts = JSON.parse(JSON.stringify(points));
     for (; dCpts.length > 1; ) {
@@ -16661,32 +16653,32 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   },
   computeWithRatios: function(t2, points, ratios, _3d) {
     const mt = 1 - t2, r2 = ratios, p = points;
-    let f1 = r2[0], f2 = r2[1], f3 = r2[2], f4 = r2[3], d2;
+    let f1 = r2[0], f2 = r2[1], f3 = r2[2], f4 = r2[3], d;
     if (f1 *= mt, f2 *= t2, p.length === 2)
-      return d2 = f1 + f2, {
-        x: (f1 * p[0].x + f2 * p[1].x) / d2,
-        y: (f1 * p[0].y + f2 * p[1].y) / d2,
-        z: _3d ? (f1 * p[0].z + f2 * p[1].z) / d2 : !1,
+      return d = f1 + f2, {
+        x: (f1 * p[0].x + f2 * p[1].x) / d,
+        y: (f1 * p[0].y + f2 * p[1].y) / d,
+        z: _3d ? (f1 * p[0].z + f2 * p[1].z) / d : !1,
         t: t2
       };
     if (f1 *= mt, f2 *= 2 * mt, f3 *= t2 * t2, p.length === 3)
-      return d2 = f1 + f2 + f3, {
-        x: (f1 * p[0].x + f2 * p[1].x + f3 * p[2].x) / d2,
-        y: (f1 * p[0].y + f2 * p[1].y + f3 * p[2].y) / d2,
-        z: _3d ? (f1 * p[0].z + f2 * p[1].z + f3 * p[2].z) / d2 : !1,
+      return d = f1 + f2 + f3, {
+        x: (f1 * p[0].x + f2 * p[1].x + f3 * p[2].x) / d,
+        y: (f1 * p[0].y + f2 * p[1].y + f3 * p[2].y) / d,
+        z: _3d ? (f1 * p[0].z + f2 * p[1].z + f3 * p[2].z) / d : !1,
         t: t2
       };
     if (f1 *= mt, f2 *= 1.5 * mt, f3 *= 3 * mt, f4 *= t2 * t2 * t2, p.length === 4)
-      return d2 = f1 + f2 + f3 + f4, {
-        x: (f1 * p[0].x + f2 * p[1].x + f3 * p[2].x + f4 * p[3].x) / d2,
-        y: (f1 * p[0].y + f2 * p[1].y + f3 * p[2].y + f4 * p[3].y) / d2,
-        z: _3d ? (f1 * p[0].z + f2 * p[1].z + f3 * p[2].z + f4 * p[3].z) / d2 : !1,
+      return d = f1 + f2 + f3 + f4, {
+        x: (f1 * p[0].x + f2 * p[1].x + f3 * p[2].x + f4 * p[3].x) / d,
+        y: (f1 * p[0].y + f2 * p[1].y + f3 * p[2].y + f4 * p[3].y) / d,
+        z: _3d ? (f1 * p[0].z + f2 * p[1].z + f3 * p[2].z + f4 * p[3].z) / d : !1,
         t: t2
       };
   },
   derive: function(points, _3d) {
     const dpoints = [];
-    for (let p = points, d2 = p.length, c = d2 - 1; d2 > 1; d2--, c--) {
+    for (let p = points, d = p.length, c = d - 1; d > 1; d--, c--) {
       const list = [];
       for (let j = 0, dpt; j < c; j++)
         dpt = {
@@ -16722,8 +16714,8 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
     return v1.z !== void 0 && v2.z !== void 0 && (ret.z = v1.z + r2 * (v2.z - v1.z)), ret;
   },
   pointToString: function(p) {
-    let s2 = p.x + "/" + p.y;
-    return typeof p.z < "u" && (s2 += "/" + p.z), s2;
+    let s = p.x + "/" + p.y;
+    return typeof p.z < "u" && (s += "/" + p.z), s;
   },
   pointsToString: function(points) {
     return "[" + points.map(utils.pointToString).join(", ") + "]";
@@ -16731,23 +16723,23 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   copy: function(obj) {
     return JSON.parse(JSON.stringify(obj));
   },
-  angle: function(o2, v1, v2) {
-    const dx1 = v1.x - o2.x, dy1 = v1.y - o2.y, dx2 = v2.x - o2.x, dy2 = v2.y - o2.y, cross = dx1 * dy2 - dy1 * dx2, dot = dx1 * dx2 + dy1 * dy2;
+  angle: function(o, v1, v2) {
+    const dx1 = v1.x - o.x, dy1 = v1.y - o.y, dx2 = v2.x - o.x, dy2 = v2.y - o.y, cross = dx1 * dy2 - dy1 * dx2, dot = dx1 * dx2 + dy1 * dy2;
     return atan2(cross, dot);
   },
   // round as string, to avoid rounding errors
-  round: function(v, d2) {
-    const s2 = "" + v, pos = s2.indexOf(".");
-    return parseFloat(s2.substring(0, pos + 1 + d2));
+  round: function(v, d) {
+    const s = "" + v, pos = s.indexOf(".");
+    return parseFloat(s.substring(0, pos + 1 + d));
   },
   dist: function(p1, p2) {
     const dx = p1.x - p2.x, dy = p1.y - p2.y;
     return sqrt$1(dx * dx + dy * dy);
   },
   closest: function(LUT, point) {
-    let mdist = pow(2, 63), mpos, d2;
+    let mdist = pow(2, 63), mpos, d;
     return LUT.forEach(function(p, idx) {
-      d2 = utils.dist(point, p), d2 < mdist && (mdist = d2, mpos = idx);
+      d = utils.dist(point, p), d < mdist && (mdist = d, mpos = idx);
     }), { mdist, mpos };
   },
   abcratio: function(t2, n2) {
@@ -16771,8 +16763,8 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
     return top / bottom;
   },
   lli8: function(x1, y1, x2, y2, x3, y3, x4, y4) {
-    const nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4), ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4), d2 = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
-    return d2 == 0 ? !1 : { x: nx / d2, y: ny / d2 };
+    const nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4), ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4), d = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
+    return d == 0 ? !1 : { x: nx / d, y: ny / d };
   },
   lli4: function(p1, p2, p3, p4) {
     const x1 = p1.x, y1 = p1.y, x2 = p2.x, y2 = p2.y, x3 = p3.x, y3 = p3.y, x4 = p4.x, y4 = p4.y;
@@ -16793,8 +16785,8 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   },
   findbbox: function(sections) {
     let mx = nMax, my = nMax, MX = nMin, MY = nMin;
-    return sections.forEach(function(s2) {
-      const bbox = s2.bbox();
+    return sections.forEach(function(s) {
+      const bbox = s.bbox();
       mx > bbox.x.min && (mx = bbox.x.min), my > bbox.y.min && (my = bbox.y.min), MX < bbox.x.max && (MX = bbox.x.max), MY < bbox.y.max && (MY = bbox.y.max);
     }), {
       x: { min: mx, mid: (mx + MX) / 2, max: MX, size: MX - mx },
@@ -16830,22 +16822,22 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
       );
     }, shape;
   },
-  getminmax: function(curve, d2, list) {
+  getminmax: function(curve, d, list) {
     if (!list) return { min: 0, max: 0 };
     let min2 = nMax, max2 = nMin, t2, c;
     list.indexOf(0) === -1 && (list = [0].concat(list)), list.indexOf(1) === -1 && list.push(1);
     for (let i2 = 0, len = list.length; i2 < len; i2++)
-      t2 = list[i2], c = curve.get(t2), c[d2] < min2 && (min2 = c[d2]), c[d2] > max2 && (max2 = c[d2]);
+      t2 = list[i2], c = curve.get(t2), c[d] < min2 && (min2 = c[d]), c[d] > max2 && (max2 = c[d]);
     return { min: min2, mid: (min2 + max2) / 2, max: max2, size: max2 - min2 };
   },
   align: function(points, line) {
-    const tx = line.p1.x, ty = line.p1.y, a = -atan2(line.p2.y - ty, line.p2.x - tx), d2 = function(v) {
+    const tx = line.p1.x, ty = line.p1.y, a = -atan2(line.p2.y - ty, line.p2.x - tx), d = function(v) {
       return {
         x: (v.x - tx) * cos$1(a) - (v.y - ty) * sin$1(a),
         y: (v.x - tx) * sin$1(a) + (v.y - ty) * cos$1(a)
       };
     };
-    return points.map(d2);
+    return points.map(d);
   },
   roots: function(points, line) {
     line = line || { p1: { x: 0, y: 0 }, p2: { x: 1, y: 0 } };
@@ -16853,23 +16845,23 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
       return 0 <= t2 && t2 <= 1;
     };
     if (order === 2) {
-      const a2 = aligned[0].y, b2 = aligned[1].y, c2 = aligned[2].y, d3 = a2 - 2 * b2 + c2;
-      if (d3 !== 0) {
-        const m1 = -sqrt$1(b2 * b2 - a2 * c2), m2 = -a2 + b2, v12 = -(m1 + m2) / d3, v2 = -(-m1 + m2) / d3;
+      const a2 = aligned[0].y, b2 = aligned[1].y, c2 = aligned[2].y, d2 = a2 - 2 * b2 + c2;
+      if (d2 !== 0) {
+        const m1 = -sqrt$1(b2 * b2 - a2 * c2), m2 = -a2 + b2, v12 = -(m1 + m2) / d2, v2 = -(-m1 + m2) / d2;
         return [v12, v2].filter(reduce);
-      } else if (b2 !== c2 && d3 === 0)
+      } else if (b2 !== c2 && d2 === 0)
         return [(2 * b2 - c2) / (2 * b2 - 2 * c2)].filter(reduce);
       return [];
     }
     const pa = aligned[0].y, pb = aligned[1].y, pc = aligned[2].y, pd = aligned[3].y;
-    let d2 = -pa + 3 * pb - 3 * pc + pd, a = 3 * pa - 6 * pb + 3 * pc, b = -3 * pa + 3 * pb, c = pa;
-    if (utils.approximately(d2, 0)) {
+    let d = -pa + 3 * pb - 3 * pc + pd, a = 3 * pa - 6 * pb + 3 * pc, b = -3 * pa + 3 * pb, c = pa;
+    if (utils.approximately(d, 0)) {
       if (utils.approximately(a, 0))
         return utils.approximately(b, 0) ? [] : [-c / b].filter(reduce);
       const q3 = sqrt$1(b * b - 4 * a * c), a2 = 2 * a;
       return [(q3 - b) / a2, (-b - q3) / a2].filter(reduce);
     }
-    a /= d2, b /= d2, c /= d2;
+    a /= d, b /= d, c /= d;
     const p = (3 * b - a * a) / 3, p3 = p / 3, q = (2 * a * a * a - 9 * a * b + 27 * c) / 27, q2 = q / 2, discriminant = q2 * q2 + p3 * p3 * p3;
     let u1, v1, x1, x2, x3;
     if (discriminant < 0) {
@@ -16886,11 +16878,11 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   },
   droots: function(p) {
     if (p.length === 3) {
-      const a = p[0], b = p[1], c = p[2], d2 = a - 2 * b + c;
-      if (d2 !== 0) {
-        const m1 = -sqrt$1(b * b - a * c), m2 = -a + b, v1 = -(m1 + m2) / d2, v2 = -(-m1 + m2) / d2;
+      const a = p[0], b = p[1], c = p[2], d = a - 2 * b + c;
+      if (d !== 0) {
+        const m1 = -sqrt$1(b * b - a * c), m2 = -a + b, v1 = -(m1 + m2) / d, v2 = -(-m1 + m2) / d;
         return [v1, v2];
-      } else if (b !== c && d2 === 0)
+      } else if (b !== c && d === 0)
         return [(2 * b - c) / (2 * (b - c))];
       return [];
     }
@@ -16902,10 +16894,10 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   },
   curvature: function(t2, d1, d2, _3d, kOnly) {
     let num, dnm, adk, dk, k = 0, r2 = 0;
-    const d3 = utils.compute(t2, d1), dd = utils.compute(t2, d2), qdsum = d3.x * d3.x + d3.y * d3.y;
+    const d = utils.compute(t2, d1), dd = utils.compute(t2, d2), qdsum = d.x * d.x + d.y * d.y;
     if (_3d ? (num = sqrt$1(
-      pow(d3.y * dd.z - dd.y * d3.z, 2) + pow(d3.z * dd.x - dd.z * d3.x, 2) + pow(d3.x * dd.y - dd.x * d3.y, 2)
-    ), dnm = pow(qdsum + d3.z * d3.z, 3 / 2)) : (num = d3.x * dd.y - d3.y * dd.x, dnm = pow(qdsum, 3 / 2)), num === 0 || dnm === 0)
+      pow(d.y * dd.z - dd.y * d.z, 2) + pow(d.z * dd.x - dd.z * d.x, 2) + pow(d.x * dd.y - dd.x * d.y, 2)
+    ), dnm = pow(qdsum + d.z * d.z, 3 / 2)) : (num = d.x * dd.y - d.y * dd.x, dnm = pow(qdsum, 3 / 2)), num === 0 || dnm === 0)
       return { k: 0, r: 0 };
     if (k = num / dnm, r2 = dnm / num, !kOnly) {
       const pk = utils.curvature(t2 - 1e-3, d1, d2, _3d, !0).k, nk = utils.curvature(t2 + 1e-3, d1, d2, _3d, !0).k;
@@ -16915,7 +16907,7 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   },
   inflections: function(points) {
     if (points.length < 4) return [];
-    const p = utils.align(points, { p1: points[0], p2: points.slice(-1)[0] }), a = p[2].x * p[1].y, b = p[3].x * p[1].y, c = p[1].x * p[2].y, d2 = p[3].x * p[2].y, v1 = 18 * (-3 * a + 2 * b + 3 * c - d2), v2 = 18 * (3 * a - b - 3 * c), v3 = 18 * (c - a);
+    const p = utils.align(points, { p1: points[0], p2: points.slice(-1)[0] }), a = p[2].x * p[1].y, b = p[3].x * p[1].y, c = p[1].x * p[2].y, d = p[3].x * p[2].y, v1 = 18 * (-3 * a + 2 * b + 3 * c - d), v2 = 18 * (3 * a - b - 3 * c), v3 = 18 * (c - a);
     if (utils.approximately(v1, 0)) {
       if (!utils.approximately(v2, 0)) {
         let t2 = -v3 / v2;
@@ -16923,19 +16915,19 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
       }
       return [];
     }
-    const d22 = 2 * v1;
-    if (utils.approximately(d22, 0)) return [];
+    const d2 = 2 * v1;
+    if (utils.approximately(d2, 0)) return [];
     const trm = v2 * v2 - 4 * v1 * v3;
     if (trm < 0) return [];
     const sq = Math.sqrt(trm);
-    return [(sq - v2) / d22, -(v2 + sq) / d22].filter(function(r2) {
+    return [(sq - v2) / d2, -(v2 + sq) / d2].filter(function(r2) {
       return 0 <= r2 && r2 <= 1;
     });
   },
   bboxoverlap: function(b1, b2) {
     const dims = ["x", "y"], len = dims.length;
-    for (let i2 = 0, dim, l2, t2, d2; i2 < len; i2++)
-      if (dim = dims[i2], l2 = b1[dim].mid, t2 = b2[dim].mid, d2 = (b1[dim].size + b2[dim].size) / 2, abs$1(l2 - t2) >= d2) return !1;
+    for (let i2 = 0, dim, l, t2, d; i2 < len; i2++)
+      if (dim = dims[i2], l = b1[dim].mid, t2 = b2[dim].mid, d = (b1[dim].size + b2[dim].size) / 2, abs$1(l - t2) >= d) return !1;
     return !0;
   },
   expandbox: function(bbox, _bbox) {
@@ -16967,8 +16959,8 @@ const pi$1 = Math.PI, tau = 2 * pi$1, quart = pi$1 / 2, epsilon = 1e-6, nMax = N
   },
   getccenter: function(p1, p2, p3) {
     const dx1 = p2.x - p1.x, dy1 = p2.y - p1.y, dx2 = p3.x - p2.x, dy2 = p3.y - p2.y, dx1p = dx1 * cos$1(quart) - dy1 * sin$1(quart), dy1p = dx1 * sin$1(quart) + dy1 * cos$1(quart), dx2p = dx2 * cos$1(quart) - dy2 * sin$1(quart), dy2p = dx2 * sin$1(quart) + dy2 * cos$1(quart), mx1 = (p1.x + p2.x) / 2, my1 = (p1.y + p2.y) / 2, mx2 = (p2.x + p3.x) / 2, my2 = (p2.y + p3.y) / 2, mx1n = mx1 + dx1p, my1n = my1 + dy1p, mx2n = mx2 + dx2p, my2n = my2 + dy2p, arc = utils.lli8(mx1, my1, mx1n, my1n, mx2, my2, mx2n, my2n), r2 = utils.dist(arc, p1);
-    let s2 = atan2(p1.y - arc.y, p1.x - arc.x), m2 = atan2(p2.y - arc.y, p2.x - arc.x), e2 = atan2(p3.y - arc.y, p3.x - arc.x), _;
-    return s2 < e2 ? ((s2 > m2 || m2 > e2) && (s2 += tau), s2 > e2 && (_ = e2, e2 = s2, s2 = _)) : e2 < m2 && m2 < s2 ? (_ = e2, e2 = s2, s2 = _) : e2 += tau, arc.s = s2, arc.e = e2, arc.r = r2, arc;
+    let s = atan2(p1.y - arc.y, p1.x - arc.x), m2 = atan2(p2.y - arc.y, p2.x - arc.x), e2 = atan2(p3.y - arc.y, p3.x - arc.x), _;
+    return s < e2 ? ((s > m2 || m2 > e2) && (s += tau), s > e2 && (_ = e2, e2 = s, s = _)) : e2 < m2 && m2 < s ? (_ = e2, e2 = s, s = _) : e2 += tau, arc.s = s, arc.e = e2, arc.r = r2, arc;
   },
   numberSort: function(a, b) {
     return a - b;
@@ -17005,10 +16997,10 @@ class PolyBezier {
       utils.expandbox(bbox, c[i2].bbox());
     return bbox;
   }
-  offset(d2) {
+  offset(d) {
     const offset2 = [];
     return this.curves.forEach(function(v) {
-      offset2.push(...v.offset(d2));
+      offset2.push(...v.offset(d));
     }), new PolyBezier(offset2);
   }
 }
@@ -17020,8 +17012,8 @@ class Bezier {
       coordlen = args.length;
       const newargs = [];
       args.forEach(function(point2) {
-        ["x", "y", "z"].forEach(function(d2) {
-          typeof point2[d2] < "u" && newargs.push(point2[d2]);
+        ["x", "y", "z"].forEach(function(d) {
+          typeof point2[d] < "u" && newargs.push(point2[d]);
         });
       }), args = newargs;
     }
@@ -17060,11 +17052,11 @@ class Bezier {
     const abc = Bezier.getABC(2, p1, p2, p3, t2);
     return new Bezier(p1, abc.A, p3);
   }
-  static cubicFromPoints(S, B2, E, t2, d1) {
+  static cubicFromPoints(S, B, E, t2, d1) {
     typeof t2 > "u" && (t2 = 0.5);
-    const abc = Bezier.getABC(3, S, B2, E, t2);
-    typeof d1 > "u" && (d1 = utils.dist(B2, abc.C));
-    const d2 = d1 * (1 - t2) / t2, selen = utils.dist(S, E), lx = (E.x - S.x) / selen, ly = (E.y - S.y) / selen, bx1 = d1 * lx, by1 = d1 * ly, bx2 = d2 * lx, by2 = d2 * ly, e1 = { x: B2.x - bx1, y: B2.y - by1 }, e2 = { x: B2.x + bx2, y: B2.y + by2 }, A = abc.A, v1 = { x: A.x + (e1.x - A.x) / (1 - t2), y: A.y + (e1.y - A.y) / (1 - t2) }, v2 = { x: A.x + (e2.x - A.x) / t2, y: A.y + (e2.y - A.y) / t2 }, nc1 = { x: S.x + (v1.x - S.x) / t2, y: S.y + (v1.y - S.y) / t2 }, nc2 = {
+    const abc = Bezier.getABC(3, S, B, E, t2);
+    typeof d1 > "u" && (d1 = utils.dist(B, abc.C));
+    const d2 = d1 * (1 - t2) / t2, selen = utils.dist(S, E), lx = (E.x - S.x) / selen, ly = (E.y - S.y) / selen, bx1 = d1 * lx, by1 = d1 * ly, bx2 = d2 * lx, by2 = d2 * ly, e1 = { x: B.x - bx1, y: B.y - by1 }, e2 = { x: B.x + bx2, y: B.y + by2 }, A = abc.A, v1 = { x: A.x + (e1.x - A.x) / (1 - t2), y: A.y + (e1.y - A.y) / (1 - t2) }, v2 = { x: A.x + (e2.x - A.x) / t2, y: A.y + (e2.y - A.y) / t2 }, nc1 = { x: S.x + (v1.x - S.x) / t2, y: S.y + (v1.y - S.y) / t2 }, nc2 = {
       x: E.x + (v2.x - E.x) / (1 - t2),
       y: E.y + (v2.y - E.y) / (1 - t2)
     };
@@ -17087,10 +17079,10 @@ class Bezier {
   }
   toSVG() {
     if (this._3d) return !1;
-    const p = this.points, x = p[0].x, y2 = p[0].y, s2 = ["M", x, y2, this.order === 2 ? "Q" : "C"];
+    const p = this.points, x = p[0].x, y = p[0].y, s = ["M", x, y, this.order === 2 ? "Q" : "C"];
     for (let i2 = 1, last = p.length; i2 < last; i2++)
-      s2.push(p[i2].x), s2.push(p[i2].y);
-    return s2.join(" ");
+      s.push(p[i2].x), s.push(p[i2].y);
+    return s.join(" ");
   }
   setRatios(ratios) {
     if (ratios.length !== this.points.length)
@@ -17116,20 +17108,20 @@ class Bezier {
   length() {
     return utils.length(this.derivative.bind(this));
   }
-  static getABC(order = 2, S, B2, E, t2 = 0.5) {
-    const u2 = utils.projectionratio(t2, order), um = 1 - u2, C2 = {
-      x: u2 * S.x + um * E.x,
-      y: u2 * S.y + um * E.y
-    }, s2 = utils.abcratio(t2, order);
+  static getABC(order = 2, S, B, E, t2 = 0.5) {
+    const u = utils.projectionratio(t2, order), um = 1 - u, C = {
+      x: u * S.x + um * E.x,
+      y: u * S.y + um * E.y
+    }, s = utils.abcratio(t2, order);
     return { A: {
-      x: B2.x + (B2.x - C2.x) / s2,
-      y: B2.y + (B2.y - C2.y) / s2
-    }, B: B2, C: C2, S, E };
+      x: B.x + (B.x - C.x) / s,
+      y: B.y + (B.y - C.y) / s
+    }, B, C, S, E };
   }
-  getABC(t2, B2) {
-    B2 = B2 || this.get(t2);
+  getABC(t2, B) {
+    B = B || this.get(t2);
     let S = this.points[0], E = this.points[this.order];
-    return Bezier.getABC(this.order, S, B2, E, t2);
+    return Bezier.getABC(this.order, S, B, E, t2);
   }
   getLUT(steps) {
     if (this.verify(), steps = steps || 100, this._lut.length === steps + 1)
@@ -17147,11 +17139,11 @@ class Bezier {
     return hits.length ? t /= hits.length : !1;
   }
   project(point) {
-    const LUT = this.getLUT(), l2 = LUT.length - 1, closest = utils.closest(LUT, point), mpos = closest.mpos, t1 = (mpos - 1) / l2, t2 = (mpos + 1) / l2, step = 0.1 / l2;
+    const LUT = this.getLUT(), l = LUT.length - 1, closest = utils.closest(LUT, point), mpos = closest.mpos, t1 = (mpos - 1) / l, t2 = (mpos + 1) / l, step = 0.1 / l;
     let mdist = closest.mdist, t3 = t1, ft = t3, p;
     mdist += 1;
-    for (let d2; t3 < t2 + step; t3 += step)
-      p = this.compute(t3), d2 = utils.dist(point, p), d2 < mdist && (mdist = d2, ft = t3);
+    for (let d; t3 < t2 + step; t3 += step)
+      p = this.compute(t3), d = utils.dist(point, p), d < mdist && (mdist = d, ft = t3);
     return ft = ft < 0 ? 0 : ft > 1 ? 1 : ft, p = this.compute(ft), p.t = ft, p.d = mdist, p;
   }
   get(t2) {
@@ -17192,8 +17184,8 @@ class Bezier {
     return this._3d ? this.__normal3(t2) : this.__normal2(t2);
   }
   __normal2(t2) {
-    const d2 = this.derivative(t2), q = sqrt(d2.x * d2.x + d2.y * d2.y);
-    return { t: t2, x: -d2.y / q, y: d2.x / q };
+    const d = this.derivative(t2), q = sqrt(d.x * d.x + d.y * d.y);
+    return { t: t2, x: -d.y / q, y: d.x / q };
   }
   __normal3(t2) {
     const r1 = this.derivative(t2), r2 = this.derivative(t2 + 0.01), q1 = sqrt(r1.x * r1.x + r1.y * r1.y + r1.z * r1.z), q2 = sqrt(r2.x * r2.x + r2.y * r2.y + r2.z * r2.z);
@@ -17226,7 +17218,7 @@ class Bezier {
     let p = this.points, _p = [], q = [], idx = 0;
     for (q[idx++] = p[0], q[idx++] = p[1], q[idx++] = p[2], this.order === 3 && (q[idx++] = p[3]); p.length > 1; ) {
       _p = [];
-      for (let i2 = 0, pt, l2 = p.length - 1; i2 < l2; i2++)
+      for (let i2 = 0, pt, l = p.length - 1; i2 < l; i2++)
         pt = utils.lerp(t2, p[i2], p[i2 + 1]), q[idx++] = pt, _p.push(pt);
       p = _p;
     }
@@ -17263,8 +17255,8 @@ class Bezier {
   bbox() {
     const extrema = this.extrema(), result = {};
     return this.dims.forEach(
-      function(d2) {
-        result[d2] = utils.getminmax(this, d2, extrema[d2]);
+      function(d) {
+        result[d] = utils.getminmax(this, d, extrema[d]);
       }.bind(this)
     ), result;
   }
@@ -17272,15 +17264,15 @@ class Bezier {
     const lbbox = this.bbox(), tbbox = curve.bbox();
     return utils.bboxoverlap(lbbox, tbbox);
   }
-  offset(t2, d2) {
-    if (typeof d2 < "u") {
+  offset(t2, d) {
+    if (typeof d < "u") {
       const c = this.get(t2), n2 = this.normal(t2), ret = {
         c,
         n: n2,
-        x: c.x + n2.x * d2,
-        y: c.y + n2.y * d2
+        x: c.x + n2.x * d,
+        y: c.y + n2.y * d
       };
-      return this._3d && (ret.z = c.z + n2.z * d2), ret;
+      return this._3d && (ret.z = c.z + n2.z * d), ret;
     }
     if (this._linear) {
       const nv = this.normal(0), coords = this.points.map(function(p) {
@@ -17292,8 +17284,8 @@ class Bezier {
       });
       return [new Bezier(coords)];
     }
-    return this.reduce().map(function(s2) {
-      return s2._linear ? s2.offset(t2)[0] : s2.scale(t2);
+    return this.reduce().map(function(s) {
+      return s._linear ? s.offset(t2)[0] : s.scale(t2);
     });
   }
   simple() {
@@ -17302,8 +17294,8 @@ class Bezier {
       if (a1 > 0 && a2 < 0 || a1 < 0 && a2 > 0) return !1;
     }
     const n1 = this.normal(0), n2 = this.normal(1);
-    let s2 = n1.x * n2.x + n1.y * n2.y;
-    return this._3d && (s2 += n1.z * n2.z), abs(acos(s2)) < pi / 3;
+    let s = n1.x * n2.x + n1.y * n2.y;
+    return this._3d && (s += n1.z * n2.z), abs(acos(s)) < pi / 3;
   }
   reduce() {
     let i2, t1 = 0, t2 = 0, step = 0.01, segment, pass1 = [], pass2 = [], extrema = this.extrema().values;
@@ -17323,29 +17315,29 @@ class Bezier {
   }
   translate(v, d1, d2) {
     d2 = typeof d2 == "number" ? d2 : d1;
-    const o2 = this.order;
-    let d3 = this.points.map((_, i2) => (1 - i2 / o2) * d1 + i2 / o2 * d2);
+    const o = this.order;
+    let d = this.points.map((_, i2) => (1 - i2 / o) * d1 + i2 / o * d2);
     return new Bezier(
       this.points.map((p, i2) => ({
-        x: p.x + v.x * d3[i2],
-        y: p.y + v.y * d3[i2]
+        x: p.x + v.x * d[i2],
+        y: p.y + v.y * d[i2]
       }))
     );
   }
-  scale(d2) {
+  scale(d) {
     const order = this.order;
     let distanceFn = !1;
-    if (typeof d2 == "function" && (distanceFn = d2), distanceFn && order === 2)
+    if (typeof d == "function" && (distanceFn = d), distanceFn && order === 2)
       return this.raise().scale(distanceFn);
     const clockwise = this.clockwise, points = this.points;
     if (this._linear)
       return this.translate(
         this.normal(0),
-        distanceFn ? distanceFn(0) : d2,
-        distanceFn ? distanceFn(1) : d2
+        distanceFn ? distanceFn(0) : d,
+        distanceFn ? distanceFn(1) : d
       );
-    const r1 = distanceFn ? distanceFn(0) : d2, r2 = distanceFn ? distanceFn(1) : d2, v = [this.offset(0, 10), this.offset(1, 10)], np = [], o2 = utils.lli4(v[0], v[0].c, v[1], v[1].c);
-    if (!o2)
+    const r1 = distanceFn ? distanceFn(0) : d, r2 = distanceFn ? distanceFn(1) : d, v = [this.offset(0, 10), this.offset(1, 10)], np = [], o = utils.lli4(v[0], v[0].c, v[1], v[1].c);
+    if (!o)
       throw new Error("cannot scale this curve. Try reducing it first.");
     return [0, 1].forEach(function(t2) {
       const p = np[t2 * order] = utils.copy(points[t2 * order]);
@@ -17353,9 +17345,9 @@ class Bezier {
     }), distanceFn ? ([0, 1].forEach(function(t2) {
       if (!(order === 2 && t2)) {
         var p = points[t2 + 1], ov = {
-          x: p.x - o2.x,
-          y: p.y - o2.y
-        }, rc = distanceFn ? distanceFn((t2 + 1) / order) : d2;
+          x: p.x - o.x,
+          y: p.y - o.y
+        }, rc = distanceFn ? distanceFn((t2 + 1) / order) : d;
         distanceFn && !clockwise && (rc = -rc);
         var m2 = sqrt(ov.x * ov.x + ov.y * ov.y);
         ov.x /= m2, ov.y /= m2, np[t2 + 1] = {
@@ -17365,27 +17357,27 @@ class Bezier {
       }
     }), new Bezier(np)) : ([0, 1].forEach((t2) => {
       if (order === 2 && t2) return;
-      const p = np[t2 * order], d3 = this.derivative(t2), p2 = { x: p.x + d3.x, y: p.y + d3.y };
-      np[t2 + 1] = utils.lli4(p, p2, o2, points[t2 + 1]);
+      const p = np[t2 * order], d2 = this.derivative(t2), p2 = { x: p.x + d2.x, y: p.y + d2.y };
+      np[t2 + 1] = utils.lli4(p, p2, o, points[t2 + 1]);
     }), new Bezier(np));
   }
   outline(d1, d2, d3, d4) {
     if (d2 = d2 === void 0 ? d1 : d2, this._linear) {
       const n2 = this.normal(0), start2 = this.points[0], end = this.points[this.points.length - 1];
-      let s2, mid, e2;
-      d3 === void 0 && (d3 = d1, d4 = d2), s2 = { x: start2.x + n2.x * d1, y: start2.y + n2.y * d1 }, e2 = { x: end.x + n2.x * d3, y: end.y + n2.y * d3 }, mid = { x: (s2.x + e2.x) / 2, y: (s2.y + e2.y) / 2 };
-      const fline = [s2, mid, e2];
-      s2 = { x: start2.x - n2.x * d2, y: start2.y - n2.y * d2 }, e2 = { x: end.x - n2.x * d4, y: end.y - n2.y * d4 }, mid = { x: (s2.x + e2.x) / 2, y: (s2.y + e2.y) / 2 };
-      const bline = [e2, mid, s2], ls2 = utils.makeline(bline[2], fline[0]), le2 = utils.makeline(fline[2], bline[0]), segments2 = [ls2, new Bezier(fline), le2, new Bezier(bline)];
+      let s, mid, e2;
+      d3 === void 0 && (d3 = d1, d4 = d2), s = { x: start2.x + n2.x * d1, y: start2.y + n2.y * d1 }, e2 = { x: end.x + n2.x * d3, y: end.y + n2.y * d3 }, mid = { x: (s.x + e2.x) / 2, y: (s.y + e2.y) / 2 };
+      const fline = [s, mid, e2];
+      s = { x: start2.x - n2.x * d2, y: start2.y - n2.y * d2 }, e2 = { x: end.x - n2.x * d4, y: end.y - n2.y * d4 }, mid = { x: (s.x + e2.x) / 2, y: (s.y + e2.y) / 2 };
+      const bline = [e2, mid, s], ls2 = utils.makeline(bline[2], fline[0]), le2 = utils.makeline(fline[2], bline[0]), segments2 = [ls2, new Bezier(fline), le2, new Bezier(bline)];
       return new PolyBezier(segments2);
     }
     const reduced = this.reduce(), len = reduced.length, fcurves = [];
     let bcurves = [], p, alen = 0, tlen = this.length();
     const graduated = typeof d3 < "u" && typeof d4 < "u";
-    function linearDistanceFunction(s2, e2, tlen2, alen2, slen) {
+    function linearDistanceFunction(s, e2, tlen2, alen2, slen) {
       return function(v) {
-        const f1 = alen2 / tlen2, f2 = (alen2 + slen) / tlen2, d5 = e2 - s2;
-        return utils.map(v, 0, 1, s2 + f1 * d5, s2 + f2 * d5);
+        const f1 = alen2 / tlen2, f2 = (alen2 + slen) / tlen2, d = e2 - s;
+        return utils.map(v, 0, 1, s + f1 * d, s + f2 * d);
       };
     }
     reduced.forEach(function(segment) {
@@ -17395,8 +17387,8 @@ class Bezier {
       ), bcurves.push(
         segment.scale(linearDistanceFunction(-d2, -d4, tlen, alen, slen))
       )) : (fcurves.push(segment.scale(d1)), bcurves.push(segment.scale(-d2))), alen += slen;
-    }), bcurves = bcurves.map(function(s2) {
-      return p = s2.points, p[3] ? s2.points = [p[3], p[2], p[1], p[0]] : s2.points = [p[2], p[1], p[0]], s2;
+    }), bcurves = bcurves.map(function(s) {
+      return p = s.points, p[3] ? s.points = [p[3], p[2], p[1], p[0]] : s.points = [p[2], p[1], p[0]], s;
     }).reverse();
     const fs = fcurves[0].points[0], fe = fcurves[len - 1].points[fcurves[len - 1].points.length - 1], bs = bcurves[len - 1].points[bcurves[len - 1].points.length - 1], be = bcurves[0].points[0], ls = utils.makeline(bs, fs), le = utils.makeline(fe, be), segments = [ls].concat(fcurves).concat([le]).concat(bcurves);
     return new PolyBezier(segments);
@@ -17436,9 +17428,9 @@ class Bezier {
   }
   curveintersects(c1, c2, curveIntersectionThreshold) {
     const pairs = [];
-    c1.forEach(function(l2) {
+    c1.forEach(function(l) {
       c2.forEach(function(r2) {
-        l2.overlaps(r2) && pairs.push({ left: l2, right: r2 });
+        l.overlaps(r2) && pairs.push({ left: l, right: r2 });
       });
     });
     let intersections = [];
@@ -17454,8 +17446,8 @@ class Bezier {
   arcs(errorThreshold) {
     return errorThreshold = errorThreshold || 0.5, this._iterate(errorThreshold, []);
   }
-  _error(pc, np1, s2, e2) {
-    const q = (e2 - s2) / 4, c1 = this.get(s2 + q), c2 = this.get(e2 - q), ref = utils.dist(pc, np1), d1 = utils.dist(pc, c1), d2 = utils.dist(pc, c2);
+  _error(pc, np1, s, e2) {
+    const q = (e2 - s) / 4, c1 = this.get(s + q), c2 = this.get(e2 - q), ref = utils.dist(pc, np1), d1 = utils.dist(pc, c1), d2 = utils.dist(pc, c2);
     return abs(d1 - ref) + abs(d2 - ref);
   }
   _iterate(errorThreshold, circles) {
@@ -17470,11 +17462,11 @@ class Bezier {
         }, curr_good = this._error(arc, np1, t_s, t_e) <= errorThreshold, done = prev_good && !curr_good, done || (prev_e = t_e), curr_good) {
           if (t_e >= 1) {
             if (arc.interval.end = prev_e = 1, prev_arc = arc, t_e > 1) {
-              let d2 = {
+              let d = {
                 x: arc.x + arc.r * cos(arc.e),
                 y: arc.y + arc.r * sin(arc.e)
               };
-              arc.e += utils.angle({ x: arc.x, y: arc.y }, d2, this.get(1));
+              arc.e += utils.angle({ x: arc.x, y: arc.y }, d, this.get(1));
             }
             break;
           }
@@ -17495,13 +17487,13 @@ function bezierControlPoints(diagramEdge) {
   const handles = [
     // start
   ];
-  for (; i$1(bezierPoints, 3); ) {
+  for (; t$6(bezierPoints, 3); ) {
     const [cp1, cp2, end, ...rest] = bezierPoints, bezier = new Bezier(start2[0], start2[1], cp1[0], cp1[1], cp2[0], cp2[1], end[0], end[1]), inflections = bezier.inflections();
     inflections.length === 0 && inflections.push(0.5), inflections.forEach((t2) => {
-      const { x, y: y2 } = bezier.get(t2);
+      const { x, y } = bezier.get(t2);
       handles.push({
         x: Math.round(x),
-        y: Math.round(y2)
+        y: Math.round(y)
       });
     }), bezierPoints = rest, start2 = end;
   }
@@ -17509,7 +17501,7 @@ function bezierControlPoints(diagramEdge) {
 }
 const isClose = (a, b) => Math.abs(a - b) < 3.1;
 function isSamePoint(a, b) {
-  const [ax, ay] = o$1(a) ? a : [a.x, a.y], [bx, by] = o$1(b) ? b : [b.x, b.y];
+  const [ax, ay] = e$4(a) ? a : [a.x, a.y], [bx, by] = e$4(b) ? b : [b.x, b.y];
   return isClose(ax, bx) && isClose(ay, by);
 }
 function stopPropagation(e2) {
@@ -17526,7 +17518,7 @@ function bezierPath(bezierSpline) {
   let [start2, ...points] = bezierSpline;
   invariant(start2, "start should be defined");
   let path = `M ${start2[0]},${start2[1]}`;
-  for (; i$1(points, 3); ) {
+  for (; t$6(points, 3); ) {
     const [cp1, cp2, end, ...rest] = points;
     path = path + ` C ${cp1[0]},${cp1[1]} ${cp2[0]},${cp2[1]} ${end[0]},${end[1]}`, points = rest;
   }
@@ -18414,19 +18406,19 @@ function getProperAncestors(stateNode, toStateNode) {
 }
 function getAllStateNodes(stateNodes) {
   const nodeSet = new Set(stateNodes), adjList = getAdjList(nodeSet);
-  for (const s2 of nodeSet)
-    if (s2.type === "compound" && (!adjList.get(s2) || !adjList.get(s2).length))
-      getInitialStateNodesWithTheirAncestors(s2).forEach((sn) => nodeSet.add(sn));
-    else if (s2.type === "parallel") {
-      for (const child of getChildren(s2))
+  for (const s of nodeSet)
+    if (s.type === "compound" && (!adjList.get(s) || !adjList.get(s).length))
+      getInitialStateNodesWithTheirAncestors(s).forEach((sn) => nodeSet.add(sn));
+    else if (s.type === "parallel") {
+      for (const child of getChildren(s))
         if (child.type !== "history" && !nodeSet.has(child)) {
           const initialStates = getInitialStateNodesWithTheirAncestors(child);
           for (const initialStateNode of initialStates)
             nodeSet.add(initialStateNode);
         }
     }
-  for (const s2 of nodeSet) {
-    let m2 = s2.parent;
+  for (const s of nodeSet) {
+    let m2 = s.parent;
     for (; m2; )
       nodeSet.add(m2), m2 = m2.parent;
   }
@@ -18451,8 +18443,8 @@ function getValueFromAdj(baseNode, adjList) {
 }
 function getAdjList(stateNodes) {
   const adjList = /* @__PURE__ */ new Map();
-  for (const s2 of stateNodes)
-    adjList.has(s2) || adjList.set(s2, []), s2.parent && (adjList.has(s2.parent) || adjList.set(s2.parent, []), adjList.get(s2.parent).push(s2));
+  for (const s of stateNodes)
+    adjList.has(s) || adjList.set(s, []), s.parent && (adjList.has(s.parent) || adjList.set(s.parent, []), adjList.get(s.parent).push(s));
   return adjList;
 }
 function getStateValue(rootNode, stateNodes) {
@@ -18460,7 +18452,7 @@ function getStateValue(rootNode, stateNodes) {
   return getValueFromAdj(rootNode, getAdjList(config));
 }
 function isInFinalState(stateNodeSet, stateNode) {
-  return stateNode.type === "compound" ? getChildren(stateNode).some((s2) => s2.type === "final" && stateNodeSet.has(s2)) : stateNode.type === "parallel" ? getChildren(stateNode).every((sn) => isInFinalState(stateNodeSet, sn)) : stateNode.type === "final";
+  return stateNode.type === "compound" ? getChildren(stateNode).some((s) => s.type === "final" && stateNodeSet.has(s)) : stateNode.type === "parallel" ? getChildren(stateNode).every((sn) => isInFinalState(stateNodeSet, sn)) : stateNode.type === "final";
 }
 const isStateId = (str) => str[0] === STATE_IDENTIFIER;
 function getCandidates(stateNode, receivedEventType) {
@@ -18850,15 +18842,15 @@ function enterStates(currentSnapshot, event, actorScope, filteredTransitions, mu
 function computeEntrySet(transitions2, historyValue, statesForDefaultEntry, statesToEnter) {
   for (const t2 of transitions2) {
     const domain = getTransitionDomain(t2, historyValue);
-    for (const s2 of t2.target || [])
-      !isHistoryNode(s2) && // if the target is different than the source then it will *definitely* be entered
-      (t2.source !== s2 || // we know that the domain can't lie within the source
+    for (const s of t2.target || [])
+      !isHistoryNode(s) && // if the target is different than the source then it will *definitely* be entered
+      (t2.source !== s || // we know that the domain can't lie within the source
       // if it's different than the source then it's outside of it and it means that the target has to be entered as well
       t2.source !== domain || // reentering transitions always enter the target, even if it's the source itself
-      t2.reenter) && (statesToEnter.add(s2), statesForDefaultEntry.add(s2)), addDescendantStatesToEnter(s2, historyValue, statesForDefaultEntry, statesToEnter);
+      t2.reenter) && (statesToEnter.add(s), statesForDefaultEntry.add(s)), addDescendantStatesToEnter(s, historyValue, statesForDefaultEntry, statesToEnter);
     const targetStates = getEffectiveTargetStates(t2, historyValue);
-    for (const s2 of targetStates) {
-      const ancestors = getProperAncestors(s2, domain);
+    for (const s of targetStates) {
+      const ancestors = getProperAncestors(s, domain);
       domain?.type === "parallel" && ancestors.push(domain), addAncestorStatesToEnter(statesToEnter, historyValue, statesForDefaultEntry, ancestors, !t2.source.parent && t2.reenter ? void 0 : domain);
     }
   }
@@ -18867,29 +18859,29 @@ function addDescendantStatesToEnter(stateNode, historyValue, statesForDefaultEnt
   if (isHistoryNode(stateNode))
     if (historyValue[stateNode.id]) {
       const historyStateNodes = historyValue[stateNode.id];
-      for (const s2 of historyStateNodes)
-        statesToEnter.add(s2), addDescendantStatesToEnter(s2, historyValue, statesForDefaultEntry, statesToEnter);
-      for (const s2 of historyStateNodes)
-        addProperAncestorStatesToEnter(s2, stateNode.parent, statesToEnter, historyValue, statesForDefaultEntry);
+      for (const s of historyStateNodes)
+        statesToEnter.add(s), addDescendantStatesToEnter(s, historyValue, statesForDefaultEntry, statesToEnter);
+      for (const s of historyStateNodes)
+        addProperAncestorStatesToEnter(s, stateNode.parent, statesToEnter, historyValue, statesForDefaultEntry);
     } else {
       const historyDefaultTransition = resolveHistoryDefaultTransition(stateNode);
-      for (const s2 of historyDefaultTransition.target)
-        statesToEnter.add(s2), historyDefaultTransition === stateNode.parent?.initial && statesForDefaultEntry.add(stateNode.parent), addDescendantStatesToEnter(s2, historyValue, statesForDefaultEntry, statesToEnter);
-      for (const s2 of historyDefaultTransition.target)
-        addProperAncestorStatesToEnter(s2, stateNode.parent, statesToEnter, historyValue, statesForDefaultEntry);
+      for (const s of historyDefaultTransition.target)
+        statesToEnter.add(s), historyDefaultTransition === stateNode.parent?.initial && statesForDefaultEntry.add(stateNode.parent), addDescendantStatesToEnter(s, historyValue, statesForDefaultEntry, statesToEnter);
+      for (const s of historyDefaultTransition.target)
+        addProperAncestorStatesToEnter(s, stateNode.parent, statesToEnter, historyValue, statesForDefaultEntry);
     }
   else if (stateNode.type === "compound") {
     const [initialState] = stateNode.initial.target;
     isHistoryNode(initialState) || (statesToEnter.add(initialState), statesForDefaultEntry.add(initialState)), addDescendantStatesToEnter(initialState, historyValue, statesForDefaultEntry, statesToEnter), addProperAncestorStatesToEnter(initialState, stateNode, statesToEnter, historyValue, statesForDefaultEntry);
   } else if (stateNode.type === "parallel")
     for (const child of getChildren(stateNode).filter((sn) => !isHistoryNode(sn)))
-      [...statesToEnter].some((s2) => isDescendant(s2, child)) || (isHistoryNode(child) || (statesToEnter.add(child), statesForDefaultEntry.add(child)), addDescendantStatesToEnter(child, historyValue, statesForDefaultEntry, statesToEnter));
+      [...statesToEnter].some((s) => isDescendant(s, child)) || (isHistoryNode(child) || (statesToEnter.add(child), statesForDefaultEntry.add(child)), addDescendantStatesToEnter(child, historyValue, statesForDefaultEntry, statesToEnter));
 }
 function addAncestorStatesToEnter(statesToEnter, historyValue, statesForDefaultEntry, ancestors, reentrancyDomain) {
   for (const anc of ancestors)
     if ((!reentrancyDomain || isDescendant(anc, reentrancyDomain)) && statesToEnter.add(anc), anc.type === "parallel")
       for (const child of getChildren(anc).filter((sn) => !isHistoryNode(sn)))
-        [...statesToEnter].some((s2) => isDescendant(s2, child)) || (statesToEnter.add(child), addDescendantStatesToEnter(child, historyValue, statesForDefaultEntry, statesToEnter));
+        [...statesToEnter].some((s) => isDescendant(s, child)) || (statesToEnter.add(child), addDescendantStatesToEnter(child, historyValue, statesForDefaultEntry, statesToEnter));
 }
 function addProperAncestorStatesToEnter(stateNode, toStateNode, statesToEnter, historyValue, statesForDefaultEntry) {
   addAncestorStatesToEnter(statesToEnter, historyValue, statesForDefaultEntry, getProperAncestors(stateNode, toStateNode));
@@ -18906,8 +18898,8 @@ function exitStates(currentSnapshot, event, actorScope, transitions2, mutStateNo
         ...historyValue
       }, changedHistory[historyNode.id] = Array.from(mutStateNodeSet).filter(predicate);
     }
-  for (const s2 of statesToExit)
-    nextSnapshot = resolveActionsAndContext(nextSnapshot, event, actorScope, [...s2.exit, ...s2.invoke.map((def) => stopChild(def.id))], internalQueue, void 0), mutStateNodeSet.delete(s2);
+  for (const s of statesToExit)
+    nextSnapshot = resolveActionsAndContext(nextSnapshot, event, actorScope, [...s.exit, ...s.invoke.map((def) => stopChild(def.id))], internalQueue, void 0), mutStateNodeSet.delete(s);
   return [nextSnapshot, changedHistory || historyValue];
 }
 function getAction(machine, actionType) {
@@ -19034,9 +19026,9 @@ function selectTransitions(event, nextState) {
 function selectEventlessTransitions(nextState, event) {
   const enabledTransitionSet = /* @__PURE__ */ new Set(), atomicStates = nextState._nodes.filter(isAtomicStateNode);
   for (const stateNode of atomicStates)
-    loop: for (const s2 of [stateNode].concat(getProperAncestors(stateNode, void 0)))
-      if (s2.always) {
-        for (const transition of s2.always)
+    loop: for (const s of [stateNode].concat(getProperAncestors(stateNode, void 0)))
+      if (s.always) {
+        for (const transition of s.always)
           if (transition.guard === void 0 || evaluateGuard(transition.guard, nextState.context, event, nextState)) {
             enabledTransitionSet.add(transition);
             break loop;
@@ -19449,7 +19441,7 @@ function useDiagramActorSnapshot(selector2, compare = shallowEqual) {
   return useSelector(actorRef, useCallbackRef(selector2), compare);
 }
 function useDiagramContext(selector2, compare = shallowEqual, deps) {
-  const actorRef = useDiagramActorRef(), select2 = useCallback((s2) => selector2(s2.context), deps ?? []);
+  const actorRef = useDiagramActorRef(), select2 = useCallback((s) => selector2(s.context), deps ?? []);
   return useSelector(actorRef, select2, compare);
 }
 function useOnDiagramEvent(event, callback) {
@@ -19826,18 +19818,18 @@ function CompoundNodeContainer({
   style: style2,
   ...rest
 }) {
-  let opacity = u(data.style.opacity ?? 100, {
+  let opacity = t$9(data.style.opacity ?? 100, {
     min: 0,
     max: 100
   });
-  const isTransparent = opacity < 99, MIN_OPACITY = 65, borderOpacity = MIN_OPACITY + u((100 - MIN_OPACITY) * (opacity / 100), {
+  const isTransparent = opacity < 99, MIN_OPACITY = 65, borderOpacity = MIN_OPACITY + t$9((100 - MIN_OPACITY) * (opacity / 100), {
     min: 0,
     max: 100 - MIN_OPACITY
   }), compoundClass = compoundNode({
     isTransparent,
     inverseColor: opacity < 60,
     borderStyle: data.style.border ?? (isTransparent ? "dashed" : "none")
-  }), depth = u(data.depth ?? 1, {
+  }), depth = t$9(data.depth ?? 1, {
     min: 1,
     max: 5
   });
@@ -20507,9 +20499,9 @@ function ElementTitle({ id: id2, data, iconSize }) {
     },
     className: elementNodeIcon()
   }), classes2 = elementNodeData({
-    hasIcon: n$1(elementIcon),
+    hasIcon: e(elementIcon),
     hasDescription: !!data.description?.nonEmpty,
-    hasTechnology: !n(data.technology ?? "")
+    hasTechnology: !e$3(data.technology ?? "")
   }), size2 = nodeSizes(data.style).size, isSmOrXs = size2 === "sm" || size2 === "xs";
   return /* @__PURE__ */ jsxs(
     Box,
@@ -20518,7 +20510,7 @@ function ElementTitle({ id: id2, data, iconSize }) {
         classes2.root,
         "likec4-element"
       ),
-      style: e(iconSize) ? {
+      style: e$1(iconSize) ? {
         // @ts-ignore
         "--likec4-icon-size": `${iconSize}px`
       } : void 0,
@@ -20597,7 +20589,7 @@ const style = {
       }
     }), buttons2;
   }, [enableNavigateTo, enableRelationshipBrowser, diagram, modelFqn, navigateTo, props.id]);
-  return extraButtons && i$1(extraButtons, 1) && (buttons = [...buttons, ...extraButtons]), /* @__PURE__ */ jsx(ElementActionButtons, { ...props, buttons });
+  return extraButtons && t$6(extraButtons, 1) && (buttons = [...buttons, ...extraButtons]), /* @__PURE__ */ jsx(ElementActionButtons, { ...props, buttons });
 }, DeploymentElementActions = ({
   extraButtons,
   ...props
@@ -20619,7 +20611,7 @@ const style = {
       }
     }), buttons2;
   }, [enableNavigateTo, enableRelationshipBrowser, diagram, modelFqn, navigateTo, props.id]);
-  return extraButtons && i$1(extraButtons, 1) && (buttons = [...buttons, ...extraButtons]), /* @__PURE__ */ jsx(ElementActionButtons, { ...props, buttons });
+  return extraButtons && t$6(extraButtons, 1) && (buttons = [...buttons, ...extraButtons]), /* @__PURE__ */ jsx(ElementActionButtons, { ...props, buttons });
 }, {
   primary,
   secondary,
@@ -20629,7 +20621,7 @@ const style = {
   { key: "primary", value: primary.fill },
   { key: "secondary", value: secondary.fill },
   { key: "muted", value: muted.fill }
-], colors = t$3(otherColors).map((key) => ({
+], colors = t$2(otherColors).map((key) => ({
   key,
   value: defaultTheme.elements[key].fill
 })), Tooltip = Tooltip$1.withProps({
@@ -20868,7 +20860,7 @@ const toolbarTitle = css({
   textOverflow: "ellipsis",
   overflow: "hidden",
   whiteSpace: "nowrap"
-}), useSelectedNodesCount = () => useDiagramContext((s2) => s2.xynodes.filter((x) => x.selected).length);
+}), useSelectedNodesCount = () => useDiagramContext((s) => s.xynodes.filter((x) => x.selected).length);
 function Toolbar({ title, children: children2, nodeProps, ...props }) {
   const selectedNodesCount = useSelectedNodesCount(), {
     selected: selected2 = !1,
@@ -21236,34 +21228,11 @@ function useCurrentViewModel() {
     throw new Error("No LikeC4ViewModel in context found");
   return vm;
 }
-const selectViewId = (s2) => s2.context.view.id;
+const selectViewId = (s) => s.context.view.id;
 function useCurrentViewId() {
   const actorRef = useDiagramActorRef();
   return useSelector(actorRef, selectViewId);
 }
-const LikeC4ProjectsContext = createContext(null), emptyProjects = [];
-function useLikeC4Projects() {
-  const ctx = useContext(LikeC4ProjectsContext);
-  return ctx ? ctx.projects : emptyProjects;
-}
-const emptyOnProjectChange = () => {
-}, emptyContext = {
-  projects: emptyProjects,
-  onProjectChange: emptyOnProjectChange
-};
-function useLikeC4ProjectsContext() {
-  return useContext(LikeC4ProjectsContext) ?? emptyContext;
-}
-function useHasProjects() {
-  const ctx = useContext(LikeC4ProjectsContext);
-  return ctx ? ctx.projects.length > 1 : !1;
-}
-function useLikeC4ProjectId() {
-  const ctx = useContext(LikeC4ModelContext);
-  if (!ctx)
-    throw new Error("No LikeC4ModelContext found");
-  return ctx.projectId;
-}
 const backdropBlur = "--_blur", backdropOpacity = "--_opacity", level = "--_level", offset = "--_offset", inset = "--_inset", borderRadius = "--_border-radius", dialog = css.raw({
   boxSizing: "border-box",
   margin: "0",
@@ -21488,6 +21457,29 @@ const backdropBlur = "--_blur", backdropOpacity = "--_opacity", level = "--_leve
   );
 });
 Overlay.displayName = "Overlay";
+const LikeC4ProjectsContext = createContext(null), emptyProjects = [];
+function useLikeC4Projects() {
+  const ctx = useContext(LikeC4ProjectsContext);
+  return ctx ? ctx.projects : emptyProjects;
+}
+const emptyOnProjectChange = () => {
+}, emptyContext = {
+  projects: emptyProjects,
+  onProjectChange: emptyOnProjectChange
+};
+function useLikeC4ProjectsContext() {
+  return useContext(LikeC4ProjectsContext) ?? emptyContext;
+}
+function useHasProjects() {
+  const ctx = useContext(LikeC4ProjectsContext);
+  return ctx ? ctx.projects.length > 1 : !1;
+}
+function useLikeC4ProjectId() {
+  const ctx = useContext(LikeC4ModelContext);
+  if (!ctx)
+    throw new Error("No LikeC4ModelContext found");
+  return ctx.projectId;
+}
 export {
   FloatingDelayGroup as $,
   createVarsResolver as A,
@@ -21559,10 +21551,10 @@ export {
   findElementAncestor as aa,
   useClickOutside as ab,
   createReactComponent as ac,
-  C as ad,
-  s as ae,
-  u$2 as af,
-  i$1 as ag,
+  t$a as ad,
+  t$7 as ae,
+  t$8 as af,
+  t$6 as ag,
   number as ah,
   alpha as ai,
   clamp$1 as aj,
@@ -21648,11 +21640,11 @@ export {
   getStateNodeByPath as by,
   getPersistedSnapshot as bz,
   useMantineStyleNonce as c,
-  IconTransform as c$,
+  ElementActionButtons as c$,
   Box as c0,
-  n$1 as c1,
+  e as c1,
   EdgeLabelRenderer as c2,
-  e as c3,
+  e$1 as c3,
   getNodeDimensions as c4,
   useXYFlow as c5,
   useDiagram as c6,
@@ -21676,16 +21668,16 @@ export {
   MenuTarget as cO,
   MenuDropdown as cP,
   MenuItem as cQ,
-  useLikeC4Model as cR,
-  Divider as cS,
-  o$1 as cT,
-  useDiagramActorRef as cU,
-  useCurrentViewModel as cV,
-  useActorRef as cW,
-  useUpdateEffect$1 as cX,
-  Group as cY,
-  getBezierPath as cZ,
-  ElementActionButtons as c_,
+  useOnDiagramEvent as cR,
+  useLikeC4Model as cS,
+  Divider as cT,
+  e$4 as cU,
+  useDiagramActorRef as cV,
+  useCurrentViewModel as cW,
+  useActorRef as cX,
+  useUpdateEffect$1 as cY,
+  Group as cZ,
+  getBezierPath as c_,
   bezierControlPoints as ca,
   bezierPath as cb,
   ViewGroupNode as cc,
@@ -21694,7 +21686,7 @@ export {
   DeploymentNode as cf,
   ElementNode as cg,
   useDiagramActorSnapshot as ch,
-  n as ci,
+  e$3 as ci,
   MotionButton as cj,
   Tooltip$1 as ck,
   useDiagramEventHandlers as cl,
@@ -21714,21 +21706,21 @@ export {
   useCurrentViewId as cz,
   alpha$1 as d,
   getBoundsOfRects as d$,
-  CompoundNodeContainer as d0,
-  CompoundTitle as d1,
-  CompoundDetailsButton as d2,
-  ElementNodeContainer as d3,
-  ElementShape as d4,
-  ElementTitle as d5,
-  ElementTags as d6,
-  Handle as d7,
-  Position as d8,
-  ElementDetailsButton as d9,
-  VisuallyHidden as dA,
-  IconOrShapeRenderer as dB,
-  FocusTrap as dC,
-  t$3 as dD,
-  useOnDiagramEvent as dE,
+  IconTransform as d0,
+  CompoundNodeContainer as d1,
+  CompoundTitle as d2,
+  CompoundDetailsButton as d3,
+  ElementNodeContainer as d4,
+  ElementShape as d5,
+  ElementTitle as d6,
+  ElementTags as d7,
+  Handle as d8,
+  Position as d9,
+  e$2 as dA,
+  VisuallyHidden as dB,
+  IconOrShapeRenderer as dC,
+  FocusTrap as dD,
+  t$2 as dE,
   findDiagramEdge as dF,
   findDiagramNode as dG,
   autoUpdate as dH,
@@ -21745,37 +21737,37 @@ export {
   useTimeout as dS,
   useCustomCompareMemo as dT,
   useLikeC4Specification as dU,
-  r as dV,
+  t$3 as dV,
   applyEdgeChanges as dW,
   applyNodeChanges as dX,
   getViewportForBounds as dY,
   typedSystem as dZ,
   centerXYInternalNode as d_,
-  getDefaultExportFromCjs as da,
-  l$1 as db,
-  IconSelector as dc,
-  SegmentedControl as dd,
-  ReactFlowProvider as de,
-  useStoreApi as df,
-  useReactFlow as dg,
-  Panel as dh,
-  m as di,
-  Stack as dj,
-  u as dk,
-  useSyncedRef as dl,
-  IconRenderer as dm,
-  useTimeoutEffect as dn,
-  ReactRemoveScroll as dp,
-  ActionIconGroup as dq,
-  IfEnabled as dr,
-  DiagramFeatures as ds,
-  t$1 as dt,
-  customNode as du,
-  useXYStore as dv,
-  useReducedMotionConfig as dw,
-  Overlay as dx,
-  sva as dy,
-  t$2 as dz,
+  ElementDetailsButton as da,
+  getDefaultExportFromCjs as db,
+  t$1 as dc,
+  IconSelector as dd,
+  SegmentedControl as de,
+  ReactFlowProvider as df,
+  useStoreApi as dg,
+  useReactFlow as dh,
+  Panel as di,
+  m as dj,
+  Stack as dk,
+  t$9 as dl,
+  useSyncedRef as dm,
+  IconRenderer as dn,
+  useTimeoutEffect as dp,
+  ReactRemoveScroll as dq,
+  ActionIconGroup as dr,
+  IfEnabled as ds,
+  DiagramFeatures as dt,
+  t$5 as du,
+  customNode as dv,
+  useXYStore as dw,
+  useReducedMotionConfig as dx,
+  Overlay as dy,
+  sva as dz,
   em as e,
   boxToRect as e0,
   and as e1,