@darajs/components 1.9.4 → 1.10.0

package/dist/umd/dara.components.umd.js

@@ -786,6 +786,11 @@
     icon: [448, 512, [61460, "trash-alt"], "f2ed", "M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"]
   };
   var faTrashAlt = faTrashCan;
+  var faDownLeftAndUpRightToCenter = {
+    prefix: "fas",
+    iconName: "down-left-and-up-right-to-center",
+    icon: [512, 512, ["compress-alt"], "f422", "M439 7c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8H296c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39L439 7zM72 272H216c13.3 0 24 10.7 24 24V440c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39L73 505c-9.4 9.4-24.6 9.4-33.9 0L7 473c-9.4-9.4-9.4-24.6 0-33.9l87-87L55 313c-6.9-6.9-8.9-17.2-5.2-26.2s12.5-14.8 22.2-14.8z"]
+  };
   var faToggleOff = {
     prefix: "fas",
     iconName: "toggle-off",
@@ -933,6 +938,11 @@
     iconName: "moon",
     icon: [384, 512, [127769, 9214], "f186", "M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"]
   };
+  var faUpRightAndDownLeftFromCenter = {
+    prefix: "fas",
+    iconName: "up-right-and-down-left-from-center",
+    icon: [512, 512, ["expand-alt"], "f424", "M344 0H488c13.3 0 24 10.7 24 24V168c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z"]
+  };
   var faCheck = {
     prefix: "fas",
     iconName: "check",
@@ -3737,7 +3747,7 @@
     var allProps = _objectSpread2$1(_objectSpread2$1({}, defaultProps$7), props);
     var iconArgs = allProps.icon, maskArgs = allProps.mask, symbol = allProps.symbol, className = allProps.className, title = allProps.title, titleId = allProps.titleId, maskId = allProps.maskId;
     var iconLookup = normalizeIconArgs(iconArgs);
-    var classes = objectWithKey("classes", [].concat(_toConsumableArray$3(classList$1(allProps)), _toConsumableArray$3(className.split(" "))));
+    var classes = objectWithKey("classes", [].concat(_toConsumableArray$3(classList$1(allProps)), _toConsumableArray$3((className || "").split(" "))));
     var transform = objectWithKey("transform", typeof allProps.transform === "string" ? parse$1$1.transform(allProps.transform) : allProps.transform);
     var mask = objectWithKey("mask", normalizeIconArgs(maskArgs));
     var renderedIcon = icon(iconLookup, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, classes), transform), mask), {}, {
@@ -4055,6 +4065,9 @@
   const TrashAlt = (props) => {
     return jsxRuntime.exports.jsx(StyledFAIcon, Object.assign({ icon: faTrashAlt }, props));
   };
+  const DownLeftAndUpRightToCenter = (props) => {
+    return jsxRuntime.exports.jsx(StyledFAIcon, Object.assign({ icon: faDownLeftAndUpRightToCenter }, props));
+  };
   const PenToSquare = (props) => {
     return jsxRuntime.exports.jsx(StyledFAIcon, Object.assign({ icon: faPenToSquare }, props));
   };
@@ -4070,6 +4083,9 @@
   const Xmark = (props) => {
     return jsxRuntime.exports.jsx(StyledFAIcon, Object.assign({ icon: faXmark }, props));
   };
+  const UpRightAndDownLeftFromCenter = (props) => {
+    return jsxRuntime.exports.jsx(StyledFAIcon, Object.assign({ icon: faUpRightAndDownLeftFromCenter }, props));
+  };
   const TriangleExclamation = (props) => {
     return jsxRuntime.exports.jsx(StyledFAIcon, Object.assign({ icon: faTriangleExclamation }, props));
   };
@@ -4087,10 +4103,8 @@
     color: ${(props) => props.theme.colors.grey5};
     transition: transform 0.1s linear;
 `;
-  function Chevron$1(props, ref2) {
-    return jsxRuntime.exports.jsx(Icon$2, { angles: props.angles, className: props.className, disabled: props.disabled, isOpen: props.isOpen, onClick: props.onClick, ref: ref2, style: props.style });
-  }
-  const Chevron$2 = React__namespace.forwardRef(Chevron$1);
+  const Chevron$1 = React__namespace.forwardRef((props, ref2) => jsxRuntime.exports.jsx(Icon$2, { angles: props.angles, className: props.className, disabled: props.disabled, isOpen: props.isOpen, onClick: props.onClick, ref: ref2, style: props.style }));
+  const Chevron$2 = React__namespace.memo(Chevron$1);
   styled__default.default.label`
     margin-bottom: 0;
     font-size: 11px;
@@ -4107,33 +4121,18 @@
 
     border: 1px solid ${(props) => props.theme.colors.grey3};
 `;
-  const ListItem = styled__default.default.span`
-    cursor: pointer;
-    user-select: none;
-
-    overflow: hidden;
+  const NoItemsLabel = styled__default.default.span`
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: center;
 
-    width: 100%;
-    min-height: 2rem;
-    padding: 0.25rem 1rem;
+    height: 2rem;
 
-    font-size: ${(props) => props.size ? `${props.size}rem` : "1rem"};
-    font-weight: 300;
+    font-size: 1rem;
     color: ${(props) => props.theme.colors.text};
-    text-overflow: ellipsis;
-    white-space: nowrap;
 
-    background-color: ${(props) => props.hovered ? props.theme.colors.grey2 : props.theme.colors.blue1};
-    border-bottom: 1px solid ${(props) => props.theme.colors.grey3};
-
-    :active {
-        color: ${(props) => props.theme.colors.blue1};
-        background-color: ${(props) => props.theme.colors.primary};
-    }
-
-    &:last-child {
-        border-bottom: none;
-    }
+    background-color: ${(props) => props.theme.colors.blue1};
 `;
   globalThis && globalThis.__awaiter || function(thisArg, _arguments, P2, generator) {
     function adopt(value) {
@@ -8544,48 +8543,38 @@
     border-radius: ${(props) => props.height ? `${props.height / 2}px` : "1rem"};
 `;
   function _extends$3() {
-    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i2 = 1; i2 < arguments.length; i2++) {
-        var source = arguments[i2];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    return _extends$3 = Object.assign ? Object.assign.bind() : function(n2) {
+      for (var e3 = 1; e3 < arguments.length; e3++) {
+        var t2 = arguments[e3];
+        for (var r2 in t2)
+          ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
       }
-      return target;
-    };
-    return _extends$3.apply(this, arguments);
+      return n2;
+    }, _extends$3.apply(null, arguments);
   }
-  function _assertThisInitialized$4(self2) {
-    if (self2 === void 0) {
+  function _assertThisInitialized$4(e3) {
+    if (void 0 === e3)
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self2;
+    return e3;
   }
-  function _setPrototypeOf$4(o2, p2) {
-    _setPrototypeOf$4 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
-      o3.__proto__ = p3;
-      return o3;
-    };
-    return _setPrototypeOf$4(o2, p2);
+  function _setPrototypeOf$4(t2, e3) {
+    return _setPrototypeOf$4 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t3, e4) {
+      return t3.__proto__ = e4, t3;
+    }, _setPrototypeOf$4(t2, e3);
   }
-  function _inheritsLoose$2(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _setPrototypeOf$4(subClass, superClass);
+  function _inheritsLoose$2(t2, o2) {
+    t2.prototype = Object.create(o2.prototype), t2.prototype.constructor = t2, _setPrototypeOf$4(t2, o2);
   }
-  function _getPrototypeOf$3(o2) {
-    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
-      return o3.__proto__ || Object.getPrototypeOf(o3);
-    };
-    return _getPrototypeOf$3(o2);
+  function _getPrototypeOf$3(t2) {
+    return _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t3) {
+      return t3.__proto__ || Object.getPrototypeOf(t3);
+    }, _getPrototypeOf$3(t2);
   }
-  function _isNativeFunction$1(fn2) {
+  function _isNativeFunction$1(t2) {
     try {
-      return Function.toString.call(fn2).indexOf("[native code]") !== -1;
-    } catch (e3) {
-      return typeof fn2 === "function";
+      return -1 !== Function.toString.call(t2).indexOf("[native code]");
+    } catch (n2) {
+      return "function" == typeof t2;
     }
   }
   function _isNativeReflectConstruct$3() {
@@ -8606,33 +8595,30 @@
     var p2 = new (t2.bind.apply(t2, o2))();
     return r2 && _setPrototypeOf$4(p2, r2.prototype), p2;
   }
-  function _wrapNativeSuper$1(Class) {
-    var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
-    _wrapNativeSuper$1 = function _wrapNativeSuper2(Class2) {
-      if (Class2 === null || !_isNativeFunction$1(Class2))
-        return Class2;
-      if (typeof Class2 !== "function") {
+  function _wrapNativeSuper$1(t2) {
+    var r2 = "function" == typeof Map ? /* @__PURE__ */ new Map() : void 0;
+    return _wrapNativeSuper$1 = function _wrapNativeSuper2(t3) {
+      if (null === t3 || !_isNativeFunction$1(t3))
+        return t3;
+      if ("function" != typeof t3)
         throw new TypeError("Super expression must either be null or a function");
-      }
-      if (typeof _cache !== "undefined") {
-        if (_cache.has(Class2))
-          return _cache.get(Class2);
-        _cache.set(Class2, Wrapper2);
+      if (void 0 !== r2) {
+        if (r2.has(t3))
+          return r2.get(t3);
+        r2.set(t3, Wrapper2);
       }
       function Wrapper2() {
-        return _construct$1(Class2, arguments, _getPrototypeOf$3(this).constructor);
+        return _construct$1(t3, arguments, _getPrototypeOf$3(this).constructor);
       }
-      Wrapper2.prototype = Object.create(Class2.prototype, {
+      return Wrapper2.prototype = Object.create(t3.prototype, {
         constructor: {
           value: Wrapper2,
           enumerable: false,
           writable: true,
           configurable: true
         }
-      });
-      return _setPrototypeOf$4(Wrapper2, Class2);
-    };
-    return _wrapNativeSuper$1(Class);
+      }), _setPrototypeOf$4(Wrapper2, t3);
+    }, _wrapNativeSuper$1(t2);
   }
   var PolishedError$2 = /* @__PURE__ */ function(_Error) {
     _inheritsLoose$2(PolishedError2, _Error);
@@ -9125,7 +9111,7 @@
     var _a3;
     return jsxRuntime.exports.jsxs(Wrapper$c, { className: props.className, style: props.style, children: [jsxRuntime.exports.jsxs(Loader$1, { color: props.color, size: props.size, children: [jsxRuntime.exports.jsx("div", { className: "sk-chase-dot" }), jsxRuntime.exports.jsx("div", { className: "sk-chase-dot" }), jsxRuntime.exports.jsx("div", { className: "sk-chase-dot" }), jsxRuntime.exports.jsx("div", { className: "sk-chase-dot" }), jsxRuntime.exports.jsx("div", { className: "sk-chase-dot" }), jsxRuntime.exports.jsx("div", { className: "sk-chase-dot" })] }), (props.showText || props.text) && jsxRuntime.exports.jsx(LoadingText, { color: props.color, children: (_a3 = props.text) !== null && _a3 !== void 0 ? _a3 : "LOADING" })] });
   }
-  var __rest$d = globalThis && globalThis.__rest || function(s2, e3) {
+  var __rest$f = globalThis && globalThis.__rest || function(s2, e3) {
     var t2 = {};
     for (var p2 in s2)
       if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
@@ -9231,7 +9217,7 @@
     secondary: SecondaryButton$1
   };
   function Button$2(_a3, ref2) {
-    var { autoFocus, children: children2, className, disabled: disabled2, download, href, loading, id: id2, onClick, outline = false, style: style2, styling = "primary", type: type2 = "button" } = _a3, props = __rest$d(_a3, ["autoFocus", "children", "className", "disabled", "download", "href", "loading", "id", "onClick", "outline", "style", "styling", "type"]);
+    var { autoFocus, children: children2, className, disabled: disabled2, download, href, loading, id: id2, onClick, outline = false, style: style2, styling = "primary", type: type2 = "button" } = _a3, props = __rest$f(_a3, ["autoFocus", "children", "className", "disabled", "download", "href", "loading", "id", "onClick", "outline", "style", "styling", "type"]);
     const currentTheme = useClTheme();
     const Component = stylingMap[styling];
     const content2 = loading ? jsxRuntime.exports.jsx(StyledLoading, { color: outline ? currentTheme.colors.grey2 : currentTheme.colors.blue1 }) : children2;
@@ -23850,11 +23836,7 @@
       options = encoding;
       encoding = void 0;
     }
-    return compiler(options)(
-      postprocess(
-        parse$6(options).document().write(preprocess()(value, encoding, true))
-      )
-    );
+    return compiler(options)(postprocess(parse$6(options).document().write(preprocess()(value, encoding, true))));
   }
   function compiler(options) {
     const config2 = {
@@ -23914,6 +23896,7 @@
         characterReferenceMarkerHexadecimal: onexitcharacterreferencemarker,
         characterReferenceMarkerNumeric: onexitcharacterreferencemarker,
         characterReferenceValue: onexitcharacterreferencevalue,
+        characterReference: onexitcharacterreference,
         codeFenced: closer(onexitcodefenced),
         codeFencedFence: onexitcodefencedfence,
         codeFencedFenceInfo: onexitcodefencedfenceinfo,
@@ -23988,15 +23971,9 @@
       while (++index2 < events2.length) {
         const handler = config2[events2[index2][0]];
         if (own$7.call(handler, events2[index2][1].type)) {
-          handler[events2[index2][1].type].call(
-            Object.assign(
-              {
-                sliceSerialize: events2[index2][2].sliceSerialize
-              },
-              context2
-            ),
-            events2[index2][1]
-          );
+          handler[events2[index2][1].type].call(Object.assign({
+            sliceSerialize: events2[index2][2].sliceSerialize
+          }, context2), events2[index2][1]);
         }
       }
       if (context2.tokenStack.length > 0) {
@@ -24005,20 +23982,16 @@
         handler.call(context2, void 0, tail[0]);
       }
       tree.position = {
-        start: point$2(
-          events2.length > 0 ? events2[0][1].start : {
-            line: 1,
-            column: 1,
-            offset: 0
-          }
-        ),
-        end: point$2(
-          events2.length > 0 ? events2[events2.length - 2][1].end : {
-            line: 1,
-            column: 1,
-            offset: 0
-          }
-        )
+        start: point$2(events2.length > 0 ? events2[0][1].start : {
+          line: 1,
+          column: 1,
+          offset: 0
+        }),
+        end: point$2(events2.length > 0 ? events2[events2.length - 2][1].end : {
+          line: 1,
+          column: 1,
+          offset: 0
+        })
       };
       index2 = -1;
       while (++index2 < config2.transforms.length) {
@@ -24092,10 +24065,7 @@
             if (firstBlankLineIndex && (!lineIndex || firstBlankLineIndex < lineIndex)) {
               listItem3._spread = true;
             }
-            listItem3.end = Object.assign(
-              {},
-              lineIndex ? events2[lineIndex][1].start : event2[1].end
-            );
+            listItem3.end = Object.assign({}, lineIndex ? events2[lineIndex][1].start : event2[1].end);
             events2.splice(lineIndex || index2, 0, ["exit", listItem3, event2[2]]);
             index2++;
             length++;
@@ -24156,12 +24126,10 @@
       const node2 = this.stack.pop();
       const open = this.tokenStack.pop();
       if (!open) {
-        throw new Error(
-          "Cannot close `" + token.type + "` (" + stringifyPosition({
-            start: token.start,
-            end: token.end
-          }) + "): it\u2019s not open"
-        );
+        throw new Error("Cannot close `" + token.type + "` (" + stringifyPosition({
+          start: token.start,
+          end: token.end
+        }) + "): it\u2019s not open");
       } else if (open[0].type !== token.type) {
         if (onExitError) {
           onExitError.call(this, token, open[0]);
@@ -24216,9 +24184,7 @@
       const label = this.resume();
       const node2 = this.stack[this.stack.length - 1];
       node2.label = label;
-      node2.identifier = normalizeIdentifier(
-        this.sliceSerialize(token)
-      ).toLowerCase();
+      node2.identifier = normalizeIdentifier(this.sliceSerialize(token)).toLowerCase();
     }
     function onexitdefinitiontitlestring() {
       const data3 = this.resume();
@@ -24363,9 +24329,7 @@
       const label = this.resume();
       const node2 = this.stack[this.stack.length - 1];
       node2.label = label;
-      node2.identifier = normalizeIdentifier(
-        this.sliceSerialize(token)
-      ).toLowerCase();
+      node2.identifier = normalizeIdentifier(this.sliceSerialize(token)).toLowerCase();
       this.data.referenceType = "full";
     }
     function onexitcharacterreferencemarker(token) {
@@ -24376,17 +24340,17 @@
       const type2 = this.data.characterReferenceType;
       let value;
       if (type2) {
-        value = decodeNumericCharacterReference(
-          data3,
-          type2 === "characterReferenceMarkerNumeric" ? 10 : 16
-        );
+        value = decodeNumericCharacterReference(data3, type2 === "characterReferenceMarkerNumeric" ? 10 : 16);
         this.data.characterReferenceType = void 0;
       } else {
         const result = decodeNamedCharacterReference(data3);
         value = result;
       }
-      const tail = this.stack.pop();
+      const tail = this.stack[this.stack.length - 1];
       tail.value += value;
+    }
+    function onexitcharacterreference(token) {
+      const tail = this.stack.pop();
       tail.position.end = point$2(token.end);
     }
     function onexitautolinkprotocol(token) {
@@ -24560,22 +24524,18 @@
   }
   function defaultOnError(left2, right2) {
     if (left2) {
-      throw new Error(
-        "Cannot close `" + left2.type + "` (" + stringifyPosition({
-          start: left2.start,
-          end: left2.end
-        }) + "): a different token (`" + right2.type + "`, " + stringifyPosition({
-          start: right2.start,
-          end: right2.end
-        }) + ") is open"
-      );
+      throw new Error("Cannot close `" + left2.type + "` (" + stringifyPosition({
+        start: left2.start,
+        end: left2.end
+      }) + "): a different token (`" + right2.type + "`, " + stringifyPosition({
+        start: right2.start,
+        end: right2.end
+      }) + ") is open");
     } else {
-      throw new Error(
-        "Cannot close document, a token (`" + right2.type + "`, " + stringifyPosition({
-          start: right2.start,
-          end: right2.end
-        }) + ") is still open"
-      );
+      throw new Error("Cannot close document, a token (`" + right2.type + "`, " + stringifyPosition({
+        start: right2.start,
+        end: right2.end
+      }) + ") is still open");
     }
   }
   function remarkParse(options) {
@@ -24729,13 +24689,13 @@
   }
   function imageReference$1(state, node2) {
     const id2 = String(node2.identifier).toUpperCase();
-    const def = state.definitionById.get(id2);
-    if (!def) {
+    const definition2 = state.definitionById.get(id2);
+    if (!definition2) {
       return revert(state, node2);
     }
-    const properties = { src: normalizeUri(def.url || ""), alt: node2.alt };
-    if (def.title !== null && def.title !== void 0) {
-      properties.title = def.title;
+    const properties = { src: normalizeUri(definition2.url || ""), alt: node2.alt };
+    if (definition2.title !== null && definition2.title !== void 0) {
+      properties.title = definition2.title;
     }
     const result = { type: "element", tagName: "img", properties, children: [] };
     state.patch(node2, result);
@@ -24767,13 +24727,13 @@
   }
   function linkReference$1(state, node2) {
     const id2 = String(node2.identifier).toUpperCase();
-    const def = state.definitionById.get(id2);
-    if (!def) {
+    const definition2 = state.definitionById.get(id2);
+    if (!definition2) {
       return revert(state, node2);
     }
-    const properties = { href: normalizeUri(def.url || "") };
-    if (def.title !== null && def.title !== void 0) {
-      properties.title = def.title;
+    const properties = { href: normalizeUri(definition2.url || "") };
+    if (definition2.title !== null && definition2.title !== void 0) {
+      properties.title = definition2.title;
     }
     const result = {
       type: "element",
@@ -25288,12 +25248,14 @@
     const listItems = [];
     let referenceIndex = -1;
     while (++referenceIndex < state.footnoteOrder.length) {
-      const def = state.footnoteById.get(state.footnoteOrder[referenceIndex]);
-      if (!def) {
+      const definition2 = state.footnoteById.get(
+        state.footnoteOrder[referenceIndex]
+      );
+      if (!definition2) {
         continue;
       }
-      const content2 = state.all(def);
-      const id2 = String(def.identifier).toUpperCase();
+      const content2 = state.all(definition2);
+      const id2 = String(definition2.identifier).toUpperCase();
       const safeId = normalizeUri(id2.toLowerCase());
       let rereferenceIndex = 0;
       const backReferences = [];
@@ -25336,7 +25298,7 @@
         properties: { id: clobberPrefix + "fn-" + safeId },
         children: state.wrap(content2, true)
       };
-      state.patch(def, listItem2);
+      state.patch(definition2, listItem2);
       listItems.push(listItem2);
     }
     if (listItems.length === 0) {
@@ -29519,7 +29481,7 @@
     fromMarkdownExtensions.push(gfmFromMarkdown());
     toMarkdownExtensions.push(gfmToMarkdown(settings2));
   }
-  var __rest$c = globalThis && globalThis.__rest || function(s2, e3) {
+  var __rest$e = globalThis && globalThis.__rest || function(s2, e3) {
     var t2 = {};
     for (var p2 in s2)
       if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
@@ -29786,7 +29748,7 @@
 `;
   function Markdown$1(props) {
     var _a3;
-    const { markdown, className, style: style2 } = props, reactMarkdownProps = __rest$c(props, ["markdown", "className", "style"]);
+    const { markdown, className, style: style2 } = props, reactMarkdownProps = __rest$e(props, ["markdown", "className", "style"]);
     return jsxRuntime.exports.jsx(CustomMarkdownWrapper, { className, style: style2, children: jsxRuntime.exports.jsx(Markdown$2, Object.assign({}, reactMarkdownProps, { remarkPlugins: (_a3 = reactMarkdownProps.remarkPlugins) !== null && _a3 !== void 0 ? _a3 : [remarkGfm], children: markdown })) });
   }
   var top$1 = "top";
@@ -34226,7 +34188,7 @@
       return jsxRuntime.exports.jsx(CheckboxWrapper, { "aria-disabled": props.disabled, children: jsxRuntime.exports.jsx(Checkbox, { disabled: isSelectPermitted ? props.disabled : ((_a3 = checkedState.find((option) => option.value === item.value)) === null || _a3 === void 0 ? void 0 : _a3.state) === false, id: index2, isListStyle: props.isListStyle, label: item.label ? item.label : item.value, onChange: (checked, e3) => onChangeValue(e3), selected: (_b = checkedState.find((option) => option.value === item.value)) === null || _b === void 0 ? void 0 : _b.state }) }, `item-${index2}`);
     })] });
   }
-  var __rest$b = globalThis && globalThis.__rest || function(s2, e3) {
+  var __rest$d = globalThis && globalThis.__rest || function(s2, e3) {
     var t2 = {};
     for (var p2 in s2)
       if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
@@ -34282,7 +34244,7 @@
     color: ${(props) => props.theme.colors.error};
 `;
   const Input$3 = React.forwardRef((_a3, ref2) => {
-    var { type: type2 = "text" } = _a3, props = __rest$b(_a3, ["type"]);
+    var { type: type2 = "text" } = _a3, props = __rest$d(_a3, ["type"]);
     const onChange2 = (e3) => {
       const target = e3.target;
       if (props.onChange) {
@@ -34456,18 +34418,17 @@
       setPreviousFilter(filterValue);
     }, children: "Apply" })] });
   }
-  function _objectWithoutPropertiesLoose$4(source, excluded) {
-    if (source == null)
+  function _objectWithoutPropertiesLoose$4(r2, e3) {
+    if (null == r2)
       return {};
-    var target = {};
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        if (excluded.indexOf(key) >= 0)
+    var t2 = {};
+    for (var n2 in r2)
+      if ({}.hasOwnProperty.call(r2, n2)) {
+        if (e3.indexOf(n2) >= 0)
           continue;
-        target[key] = source[key];
+        t2[n2] = r2[n2];
       }
-    }
-    return target;
+    return t2;
   }
   var reactIs = { exports: {} };
   var reactIs_production_min = {};
@@ -34642,25 +34603,6 @@
     }
     return D2;
   };
-  var extendStatics = function(d2, b2) {
-    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
-      d3.__proto__ = b3;
-    } || function(d3, b3) {
-      for (var p2 in b3)
-        if (Object.prototype.hasOwnProperty.call(b3, p2))
-          d3[p2] = b3[p2];
-    };
-    return extendStatics(d2, b2);
-  };
-  function __extends(d2, b2) {
-    if (typeof b2 !== "function" && b2 !== null)
-      throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
-    extendStatics(d2, b2);
-    function __() {
-      this.constructor = d2;
-    }
-    d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
-  }
   var __assign = function() {
     __assign = Object.assign || function __assign2(t2) {
       for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
@@ -34776,21 +34718,7 @@
       return { value: op[0] ? op[1] : void 0, done: true };
     }
   }
-  function __values(o2) {
-    var s2 = typeof Symbol === "function" && Symbol.iterator, m2 = s2 && o2[s2], i2 = 0;
-    if (m2)
-      return m2.call(o2);
-    if (o2 && typeof o2.length === "number")
-      return {
-        next: function() {
-          if (o2 && i2 >= o2.length)
-            o2 = void 0;
-          return { value: o2 && o2[i2++], done: !o2 };
-        }
-      };
-    throw new TypeError(s2 ? "Object is not iterable." : "Symbol.iterator is not defined.");
-  }
-  function __read(o2, n2) {
+  function __read$1(o2, n2) {
     var m2 = typeof Symbol === "function" && o2[Symbol.iterator];
     if (!m2)
       return o2;
@@ -34813,20 +34741,9 @@
   }
   function __spread() {
     for (var ar = [], i2 = 0; i2 < arguments.length; i2++)
-      ar = ar.concat(__read(arguments[i2]));
+      ar = ar.concat(__read$1(arguments[i2]));
     return ar;
   }
-  function __spreadArray(to2, from, pack) {
-    if (pack || arguments.length === 2)
-      for (var i2 = 0, l2 = from.length, ar; i2 < l2; i2++) {
-        if (ar || !(i2 in from)) {
-          if (!ar)
-            ar = Array.prototype.slice.call(from, 0, i2);
-          ar[i2] = from[i2];
-        }
-      }
-    return to2.concat(ar || Array.prototype.slice.call(from));
-  }
   typeof SuppressedError === "function" ? SuppressedError : function(error2, suppressed, message) {
     var e3 = new Error(message);
     return e3.name = "SuppressedError", e3.error = error2, e3.suppressed = suppressed, e3;
@@ -36864,6 +36781,118 @@
       activeIndex
     };
   }
+  var __rest$c = globalThis && globalThis.__rest || function(s2, e3) {
+    var t2 = {};
+    for (var p2 in s2)
+      if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
+        t2[p2] = s2[p2];
+    if (s2 != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s2); i2 < p2.length; i2++) {
+        if (e3.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i2]))
+          t2[p2[i2]] = s2[p2[i2]];
+      }
+    return t2;
+  };
+  const StyledChevronButton = styled__default.default(Button$3).attrs((attrs2) => Object.assign(Object.assign({}, attrs2), { styling: "ghost" }))`
+    min-width: 0;
+    height: auto;
+    margin: 0;
+    padding: 0 0.25rem;
+
+    background-color: transparent !important;
+`;
+  const ChevronButton = (_a3) => {
+    var { getToggleButtonProps, disabled: disabled2, isOpen } = _a3, props = __rest$c(_a3, ["getToggleButtonProps", "disabled", "isOpen"]);
+    return jsxRuntime.exports.jsx(StyledChevronButton, Object.assign({}, getToggleButtonProps(), props, { children: jsxRuntime.exports.jsx(Chevron$2, { disabled: disabled2, isOpen }) }));
+  };
+  const ChevronButton$1 = React__default.default.memo(ChevronButton);
+  var __rest$b = globalThis && globalThis.__rest || function(s2, e3) {
+    var t2 = {};
+    for (var p2 in s2)
+      if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
+        t2[p2] = s2[p2];
+    if (s2 != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s2); i2 < p2.length; i2++) {
+        if (e3.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i2]))
+          t2[p2[i2]] = s2[p2[i2]];
+      }
+    return t2;
+  };
+  const StyledListItem = styled__default.default.span`
+    cursor: pointer;
+    user-select: none;
+
+    overflow: hidden;
+
+    width: 100%;
+    min-height: 2rem;
+    padding: 0.25rem 1rem;
+
+    font-size: ${(props) => props.size ? `${props.size}rem` : "1rem"};
+    font-weight: 300;
+    color: ${(props) => props.theme.colors.text};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    background-color: ${(props) => {
+    if (props.isSelected) {
+      return props.theme.colors.blue3;
+    }
+    if (props.isHighlighted) {
+      return props.theme.colors.grey2;
+    }
+    return props.theme.colors.blue1;
+  }};
+    border-bottom: 1px solid ${(props) => props.theme.colors.grey3};
+
+    :hover {
+        background-color: ${(props) => props.theme.colors.grey2};
+    }
+
+    :active {
+        color: ${(props) => props.theme.colors.blue1};
+        background-color: ${(props) => props.theme.colors.blue4};
+    }
+
+    &:last-child {
+        border-bottom: none;
+    }
+`;
+  const ListItem = ({ size: size2, title, item, index: index2, getItemProps, itemClass, children: children2, isHighlighted, isSelected }) => {
+    const _a3 = getItemProps({ index: index2, item }), { itemClassName } = _a3, itemProps = __rest$b(_a3, ["itemClassName"]);
+    return jsxRuntime.exports.jsx(StyledListItem, Object.assign({}, itemProps, { className: itemClass ? `${itemClassName} ${itemClass}` : itemClassName, title, size: size2, item, isHighlighted, isSelected, children: children2 }));
+  };
+  ListItem.displayName = "ListItem";
+  const ListItem$1 = React__default.default.memo(ListItem);
+  const StyledDropdownList$1 = styled__default.default(List)`
+    border-radius: 0 0 0.25rem 0.25rem;
+    outline: 0;
+    box-shadow: ${(props) => props.theme.shadow.light};
+`;
+  const DropdownList = React__default.default.forwardRef(({ items, getItemProps, getFloatingProps, isOpen, getMenuProps, size: size2, style: style2, maxItems, itemClass, className, children: children2, selectedItem, kbdHighlightIdx }, ref2) => jsxRuntime.exports.jsx(StyledDropdownList$1, Object.assign({}, getMenuProps ? getMenuProps({ ref: ref2 }) : { ref: ref2 }, getFloatingProps(), { isOpen, maxItems, style: Object.assign(Object.assign({}, style2), { zIndex: 9999 }), className, children: !lodash$1.exports.isEmpty(items) ? items.map((item, index2) => {
+    const isSelected = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label;
+    return children2 ? children2(item, index2) : jsxRuntime.exports.jsx(ListItem$1, { getItemProps, size: size2, title: item.label, item, index: index2, itemClass, isHighlighted: isOpen && kbdHighlightIdx !== void 0 && kbdHighlightIdx === index2, isSelected, children: item.label }, `item-${index2}-${isOpen && isSelected}`);
+  }) : jsxRuntime.exports.jsx(NoItemsLabel, { children: "No Items" }) })));
+  DropdownList.displayName = "DropdownList";
+  const DropdownList$1 = React__default.default.memo(DropdownList);
+  const { stateChangeTypes: useSelectChangeTypes } = useSelect;
+  const { stateChangeTypes: useComboboxChangeTypes } = useCombobox;
+  const setTypes = /* @__PURE__ */ new Set([
+    useSelectChangeTypes.ToggleButtonKeyDownArrowDown,
+    useSelectChangeTypes.ToggleButtonKeyDownArrowUp,
+    useComboboxChangeTypes.InputKeyDownArrowDown,
+    useComboboxChangeTypes.InputKeyDownArrowUp
+  ]);
+  const syncKbdHighlightIdx = (setKbdHighlightIdx) => ({
+    onHighlightedIndexChange: ({ highlightedIndex, type: type2 }) => {
+      if (setTypes.has(type2)) {
+        setKbdHighlightIdx(highlightedIndex);
+      }
+      if (type2 === useSelectChangeTypes.ItemMouseMove) {
+        setKbdHighlightIdx(void 0);
+      }
+    }
+  });
   const { stateChangeTypes: stateChangeTypes$3 } = useCombobox;
   const Wrapper$a = styled__default.default.div`
     display: inline-flex;
@@ -36943,42 +36972,17 @@
         cursor: not-allowed;
         color: ${(props) => props.theme.colors.grey2};
     }
-`;
-  const NoItemsLabel$1 = styled__default.default.span`
-    display: flex;
-    flex: 1 1 auto;
-    align-items: center;
-    justify-content: center;
-
-    height: 2rem;
-
-    font-size: 1rem;
-    color: ${(props) => props.theme.colors.text};
-
-    background-color: ${(props) => props.theme.colors.blue1};
-`;
-  const DropdownList$3 = styled__default.default(List)`
-    margin-left: -1px;
-    border-radius: 0 0 0.25rem 0.25rem;
-    box-shadow: ${(props) => props.theme.shadow.light};
-`;
-  const ChevronButton$1 = styled__default.default(Button$3).attrs((attrs2) => Object.assign(Object.assign({}, attrs2), { styling: "ghost" }))`
-    min-width: 0;
-    height: auto;
-    margin: 0;
-    padding: 0 0.25rem;
-
-    background-color: transparent !important;
 `;
   function ComboBox(props) {
     var _a3, _b, _c, _d, _e2, _f;
     const [inputValue, setInputValue] = React.useState((_d = (_b = (_a3 = props.initialValue) === null || _a3 === void 0 ? void 0 : _a3.label) !== null && _b !== void 0 ? _b : (_c = props.selectedItem) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : "");
     const [pendingHighlight, setPendingHighlight] = React.useState(null);
-    const filteredItems = props.items.filter((item) => {
+    const filteredItems = React.useMemo(() => props.items.filter((item) => {
       var _a4;
       return inputValue ? (_a4 = item.label) === null || _a4 === void 0 ? void 0 : _a4.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase()) : true;
-    });
-    const { selectedItem, isOpen, getMenuProps, getInputProps, getToggleButtonProps, highlightedIndex, getItemProps, setHighlightedIndex } = useCombobox(Object.assign({ initialIsOpen: props.initialIsOpen, initialSelectedItem: (_e2 = props.initialValue) !== null && _e2 !== void 0 ? _e2 : props.selectedItem, itemToString: (item) => item ? item.label : "", items: filteredItems, onInputValueChange: (change) => {
+    }), [inputValue, props.items]);
+    const [kbdHighlightIdx, setKbdHighlightIdx] = React__default.default.useState();
+    const { selectedItem, isOpen, getMenuProps, getInputProps, getToggleButtonProps, getItemProps, setHighlightedIndex } = useCombobox(Object.assign(Object.assign(Object.assign({ initialIsOpen: props.initialIsOpen, initialSelectedItem: (_e2 = props.initialValue) !== null && _e2 !== void 0 ? _e2 : props.selectedItem, itemToString: (item) => item ? item.label : "", items: filteredItems, onInputValueChange: (change) => {
       setInputValue(change.inputValue);
     }, onSelectedItemChange: (changes) => {
       var _a4, _b2;
@@ -36987,7 +36991,7 @@
           props.onSelect(changes.selectedItem);
         }
       }
-    }, stateReducer: (state, { changes, type: type2 }) => {
+    } }, syncKbdHighlightIdx(setKbdHighlightIdx)), { stateReducer: (state, { changes, type: type2 }) => {
       var _a4;
       if (type2 === stateChangeTypes$3.InputFocus || type2 === stateChangeTypes$3.ToggleButtonClick && changes.isOpen || type2 === stateChangeTypes$3.ControlledPropUpdatedSelectedItem && changes.isOpen) {
         setPendingHighlight(changes.selectedItem ? props.items.findIndex((i2) => i2.value === changes.selectedItem.value) : 0);
@@ -37003,7 +37007,7 @@
         return Object.assign(Object.assign({}, changes), { inputValue: ((_a4 = changes.selectedItem) === null || _a4 === void 0 ? void 0 : _a4.label) || "" });
       }
       return changes;
-    } }, "selectedItem" in props && { selectedItem: props.selectedItem }));
+    } }), "selectedItem" in props && { selectedItem: props.selectedItem }));
     React.useEffect(() => {
       if (isOpen && pendingHighlight !== null) {
         setHighlightedIndex(pendingHighlight);
@@ -37020,17 +37024,13 @@
       middleware: [flip$2(), shift$1(), offset$2({ crossAxis: 1 }), matchWidthToReference(2)],
       whileElementsMounted: isOpen ? autoUpdate : void 0
     });
+    const dropdownStyle = React.useMemo(() => Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 }), [floatingStyles]);
     const role = useRole(context2, { role: "combobox" });
     const { getReferenceProps, getFloatingProps } = useInteractions([role]);
-    const menuProps = React.useMemo(() => getMenuProps({ ref: refs.setFloating }), [refs.setFloating, getMenuProps]);
     return jsxRuntime.exports.jsx(Tooltip$1, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$a, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, style: props.style, children: [jsxRuntime.exports.jsxs(InputWrapper$4, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, getInputProps({
       disabled: props.disabled
-    }), getReferenceProps(), { placeholder: (_f = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _f !== void 0 ? _f : props.placeholder, size: props.size })), jsxRuntime.exports.jsx(ChevronButton$1, Object.assign({}, getToggleButtonProps(), { children: jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen }) }))] }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsxs(DropdownList$3, Object.assign({}, menuProps, getFloatingProps(), { isOpen, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999 }), children: [filteredItems.length > 0 && filteredItems.map((item, index2) => React.createElement(ListItem, Object.assign({}, getItemProps({ index: index2, item }), { hovered: index2 === highlightedIndex, key: `item-${index2}`, size: props.size, title: item.label }), item.label)), filteredItems.length === 0 && jsxRuntime.exports.jsx(NoItemsLabel$1, { children: "No Items" })] })), document.body)] }) });
+    }), getReferenceProps(), { placeholder: (_f = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _f !== void 0 ? _f : props.placeholder, size: props.size })), jsxRuntime.exports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$1, { items: filteredItems, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, size: props.size, ref: refs.setFloating, selectedItem, kbdHighlightIdx }), document.body)] }) });
   }
-  styled__default.default(List)`
-    overflow-y: auto;
-    box-shadow: ${(props) => props.theme.shadow.light};
-`;
   var dateFormats$1 = {
     full: "EEEE, d MMMM yyyy",
     long: "d MMMM yyyy",
@@ -43662,7 +43662,7 @@
         }
     }
 `;
-  const DatepickerListItem = styled__default.default.span`
+  const StyledDatepickerListItem = styled__default.default.span`
     cursor: pointer;
     user-select: none;
 
@@ -43674,22 +43674,27 @@
     min-height: 2rem;
     padding: 0.25rem 1.5rem;
 
-    font-size: ${(props) => props.size ? `${props.size}rem` : props.theme.font.size};
+    font-size: 0.75rem;
     font-weight: 300;
     color: ${(props) => props.isSelected ? "#FFF" : props.theme.colors.text};
     text-overflow: ellipsis;
     white-space: nowrap;
+    border-radius: 0.25rem;
 
     background-color: ${(props) => {
     if (props.isSelected) {
       return props.theme.colors.primary;
     }
-    if (props.hovered) {
+    if (props.isHighlighted) {
       return props.theme.colors.grey2;
     }
     return props.theme.colors.grey1;
   }};
 
+    :hover {
+        background-color: ${(props) => props.isSelected ? props.theme.colors.primary : props.theme.colors.grey2};
+    }
+
     :active {
         background-color: ${(props) => props.theme.colors.grey1};
     }
@@ -43698,39 +43703,41 @@
         border-bottom: none;
     }
 `;
-  const DropdownList$2 = styled__default.default.div`
+  const DatepickerListItem = React__namespace.memo(({ item, index: index2, getItemProps, isSelected, size: size2, isHighlighted }) => {
+    const _a3 = getItemProps({ index: index2, item }), itemProps = __rest$a(_a3, ["itemClassName"]);
+    return jsxRuntime.exports.jsx(StyledDatepickerListItem, Object.assign({}, itemProps, { isSelected, title: item.label, item, index: index2, size: size2, isHighlighted, children: item.label }));
+  });
+  const StyledDropdownList = React__namespace.memo(styled__default.default(DropdownList$1)`
     overflow-y: auto;
     display: ${(props) => props.isOpen ? "flex" : "none"};
     flex-direction: column;
     gap: 0.125rem;
 
-    max-height: calc(${(props) => (props.maxItems || 5) * 2}em + 2px);
+    width: 16.25rem;
+    max-height: calc(
+        ${(props) => (props.maxItems || 5) * 2}em + 2px + (${(props) => (props.maxItems || 5) - 1}) * 0.125em
+    );
     margin-left: ${(props) => props.displacement}rem;
 
     background-color: ${(props) => props.theme.colors.grey1};
     border: none;
-    outline: 0;
-`;
+    box-shadow: none;
+`);
+  const DatepickerSelectButtonPrimary = React__namespace.memo(({ disabled: disabled2, getToggleButtonProps, setReference, getReferenceProps, size: size2, isOpen, selectedItem }) => jsxRuntime.exports.jsxs(SelectButtonPrimary, Object.assign({ disabled: disabled2 }, getToggleButtonProps({ disabled: disabled2, ref: setReference }), getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem$1, { size: size2, children: selectedItem ? selectedItem.label : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: disabled2, isOpen })] })));
   function DatepickerSelect(props) {
     var _a3;
-    const [pendingHighlight, setPendingHighlight] = React.useState(null);
-    const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, highlightedIndex, getItemProps, setHighlightedIndex } = useSelect(Object.assign({ initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
+    const [kbdHighlightIdx, setKbdHighlightIdx] = React__namespace.useState();
+    const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, getItemProps } = useSelect(Object.assign(Object.assign(Object.assign({ initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
       const selected = changes.selectedItem;
       if (props.onSelect) {
         props.onSelect(selected);
       }
-    }, stateReducer: (state, { changes, type: type2 }) => {
-      if (type2 === stateChangeTypes$2.ToggleButtonClick) {
-        setPendingHighlight(changes.selectedItem ? props.items.findIndex((i2) => i2.value === changes.selectedItem.value) : 0);
+    } }, syncKbdHighlightIdx(setKbdHighlightIdx)), { stateReducer: (state, { changes, type: type2 }) => {
+      if (type2 === stateChangeTypes$2.ToggleButtonClick && (changes === null || changes === void 0 ? void 0 : changes.isOpen) && props.selectedItem) {
+        return Object.assign(Object.assign({}, changes), { highlightedIndex: props.items.findIndex((i2) => i2.value === changes.selectedItem.value) });
       }
       return changes;
-    } }, props.selectedItem && { selectedItem: props.selectedItem }));
-    React.useEffect(() => {
-      if (isOpen && pendingHighlight !== null) {
-        setHighlightedIndex(pendingHighlight);
-        setPendingHighlight(null);
-      }
-    }, [isOpen, pendingHighlight, setHighlightedIndex]);
+    } }), props.selectedItem && { selectedItem: props.selectedItem }));
     const { refs, floatingStyles, context: context2 } = useFloating({
       open: isOpen,
       placement: props.placement || "bottom-start",
@@ -43739,19 +43746,15 @@
     });
     const role = useRole(context2, { role: "listbox" });
     const { getReferenceProps, getFloatingProps } = useInteractions([role]);
-    const menuProps = getMenuProps();
-    const setMenuRef = menuProps.ref;
     const setFloatingRef = refs.setFloating;
     const { dropdownRef } = props;
     const mergedDropdownRef = React__namespace.useCallback((node2) => {
       setFloatingRef(node2);
-      setMenuRef(node2);
       dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef(node2);
-    }, [setFloatingRef, setMenuRef, dropdownRef]);
-    return jsxRuntime.exports.jsx(Tooltip$1, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$9, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButtonPrimary, Object.assign({ disabled: props.disabled }, getToggleButtonProps({ disabled: props.disabled, ref: refs.setReference }), getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem$1, { size: props.size, children: selectedItem ? selectedItem.label : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$2, Object.assign({}, menuProps, getFloatingProps(), { ref: mergedDropdownRef, className: `${(_a3 = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _a3 !== void 0 ? _a3 : ""} ${props.itemClass}`, displacement: props.displacement, isOpen, maxItems: 7, style: Object.assign(Object.assign({}, floatingStyles), { width: "16.25rem", zIndex: 9999 }), children: props.items.map((item, index2) => {
-      const _a4 = getItemProps({ index: index2, item }), { itemClassName } = _a4, itemProps = __rest$a(_a4, ["itemClassName"]);
-      return React.createElement(DatepickerListItem, Object.assign({}, itemProps, { "aria-selected": selectedItem.label === item.label, className: `${itemClassName} ${props.itemClass}`, hovered: index2 === highlightedIndex, isSelected: selectedItem.label === item.label, key: `item-${index2}`, size: props.size, title: item.label }), item.label);
-    }) })), document.body)] }) });
+    }, [setFloatingRef, dropdownRef]);
+    const menuProps = React__namespace.useMemo(() => getMenuProps({ ref: mergedDropdownRef }), [mergedDropdownRef, getMenuProps]);
+    const renderListItem = React__namespace.useCallback((item, index2) => jsxRuntime.exports.jsx(DatepickerListItem, { item, index: index2, getItemProps, isSelected: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label, isHighlighted: isOpen && kbdHighlightIdx !== void 0 && kbdHighlightIdx === index2 }, `item-${index2}-${isOpen && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label}`), [getItemProps, selectedItem, isOpen, kbdHighlightIdx]);
+    return jsxRuntime.exports.jsx(Tooltip$1, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$9, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsx(DatepickerSelectButtonPrimary, { disabled: props.disabled, getToggleButtonProps, setReference: refs.setReference, getReferenceProps, size: props.size, isOpen, selectedItem }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(StyledDropdownList, { items: props.items, getItemProps, getFloatingProps, style: floatingStyles, isOpen, getMenuProps, size: props.size, className: `${(_a3 = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _a3 !== void 0 ? _a3 : ""} ${props.itemClass}`, itemClass: props.itemClass, displacement: props.displacement, maxItems: 7, ref: mergedDropdownRef, kbdHighlightIdx, children: renderListItem }), document.body)] }) });
   }
   function getMonths() {
     const months = [];
@@ -45607,42 +45610,16 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-`;
-  const NoItemsLabel = styled__default.default.span`
-    display: flex;
-    flex: 1 1 auto;
-    align-items: center;
-    justify-content: center;
-
-    height: 2rem;
-
-    font-size: 1rem;
-    color: ${(props) => props.theme.colors.grey4};
-
-    background-color: ${(props) => props.theme.colors.blue1};
-`;
-  const DropdownList$1 = styled__default.default(List)`
-    border-radius: 0 0 0.25rem 0.25rem;
-    outline: 0;
-    box-shadow: ${(props) => props.theme.shadow.light};
-`;
-  const ChevronButton = styled__default.default(Button$3).attrs((attrs2) => Object.assign(Object.assign({}, attrs2), { styling: "ghost" }))`
-    min-width: 0;
-    height: auto;
-    margin: 0;
-    padding: 0 0.25rem;
-
-    background-color: transparent !important;
 `;
   function MultiSelect(_a3) {
-    var _b;
+    var _b, _c;
     var { maxWidth = "100%", maxRows = 3 } = _a3, props = __rest$9(_a3, ["maxWidth", "maxRows"]);
     const [inputValue, setInputValue] = React.useState("");
     const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem, selectedItems } = useMultipleSelection(Object.assign({ initialSelectedItems: (_b = props.initialValue) !== null && _b !== void 0 ? _b : [], onSelectedItemsChange: (changes) => {
       if (props.onSelect) {
         props.onSelect(changes.selectedItems);
       }
-    } }, "selectedItems" in props && { selectedItems: props.selectedItems }));
+    } }, "selectedItems" in props && { selectedItems: (_c = props.selectedItems) !== null && _c !== void 0 ? _c : [] }));
     const onTermChange = React.useCallback(
       (term) => {
         setInputValue(term);
@@ -45656,35 +45633,23 @@
       var _a4;
       return !selectedItems.includes(item) && ((_a4 = item.label) === null || _a4 === void 0 ? void 0 : _a4.toLowerCase().includes(inputValue.toLowerCase()));
     }), [props.onTermChange, props.items, selectedItems, inputValue]);
-    const { isOpen, getMenuProps, getInputProps, highlightedIndex, getItemProps, getToggleButtonProps } = useCombobox({
-      defaultHighlightedIndex: -1,
-      initialIsOpen: props.initialIsOpen,
-      inputValue,
-      itemToString: (item) => (item === null || item === void 0 ? void 0 : item.label) || "",
-      items: filteredItems,
-      onStateChange: ({ inputValue: internalInputVal, selectedItem, type: type2 }) => {
-        if (type2 === stateChangeTypes$1.InputChange) {
-          onTermChange(internalInputVal);
-        }
-        if ([
-          stateChangeTypes$1.InputKeyDownEnter,
-          stateChangeTypes$1.ItemClick,
-          stateChangeTypes$1.InputBlur
-        ].includes(type2)) {
-          if (selectedItem) {
-            onTermChange("");
-            addSelectedItem(selectedItem);
-          }
-        }
-      },
-      selectedItem: null,
-      stateReducer: (state, { changes, type: type2 }) => {
-        if (type2 === stateChangeTypes$1.ItemClick || type2 === stateChangeTypes$1.InputKeyDownEnter) {
-          return Object.assign(Object.assign({}, changes), { isOpen: true });
+    const [kbdHighlightIdx, setKbdHighlightIdx] = React.useState();
+    const { isOpen, getMenuProps, getInputProps, getItemProps, getToggleButtonProps } = useCombobox(Object.assign(Object.assign({ defaultHighlightedIndex: -1, initialIsOpen: props.initialIsOpen, inputValue, itemToString: (item) => (item === null || item === void 0 ? void 0 : item.label) || "", items: filteredItems, onStateChange: ({ inputValue: internalInputVal, selectedItem, type: type2 }) => {
+      if (type2 === stateChangeTypes$1.InputChange) {
+        onTermChange(internalInputVal);
+      }
+      if ([stateChangeTypes$1.InputKeyDownEnter, stateChangeTypes$1.ItemClick, stateChangeTypes$1.InputBlur].includes(type2)) {
+        if (selectedItem) {
+          onTermChange("");
+          addSelectedItem(selectedItem);
         }
-        return changes;
       }
-    });
+    } }, syncKbdHighlightIdx(setKbdHighlightIdx)), { selectedItem: null, stateReducer: (state, { changes, type: type2 }) => {
+      if (type2 === stateChangeTypes$1.ItemClick || type2 === stateChangeTypes$1.InputKeyDownEnter) {
+        return Object.assign(Object.assign({}, changes), { isOpen: true });
+      }
+      return changes;
+    } }));
     const { refs, floatingStyles, context: context2 } = useFloating({
       open: isOpen,
       middleware: [flip$2(), shift$1(), matchWidthToReference()],
@@ -45692,25 +45657,11 @@
     });
     const role = useRole(context2, { role: "listbox" });
     const { getReferenceProps, getFloatingProps } = useInteractions([role]);
-    const menuProps = React.useMemo(() => getMenuProps({ ref: refs.setFloating }), [getMenuProps, refs.setFloating]);
-    const toggleProps = React.useMemo(() => getToggleButtonProps(), [getToggleButtonProps]);
     return jsxRuntime.exports.jsxs(Wrapper$7, { className: props.className, isDisabled: props.disabled, isOpen, maxRows, maxWidth, style: props.style, children: [jsxRuntime.exports.jsx(Tooltip$1, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(InputWrapper$3, { isDisabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntime.exports.jsxs(TagWrapper, { maxRows, children: [selectedItems.map((selectedItem, index2) => jsxRuntime.exports.jsxs(Tag$1, Object.assign({ disabled: props.disabled }, getSelectedItemProps({ index: index2, selectedItem }), { children: [jsxRuntime.exports.jsx(TagText, { children: selectedItem.label }), jsxRuntime.exports.jsx(Cross$1, { asButton: true, onClick: (e3) => {
       e3.stopPropagation();
       return removeSelectedItem(selectedItem);
-    } })] }), selectedItem.value)), jsxRuntime.exports.jsx(Input$1, Object.assign({}, getInputProps(getDropdownProps({ preventKeyAction: isOpen })), getReferenceProps(), { disabled: props.disabled, placeholder: props.placeholder, size: props.size, style: { flex: "1 1 5ch" } }))] }), jsxRuntime.exports.jsx(ChevronButton, Object.assign({}, toggleProps, { children: jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen }) }))] }) }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsxs(DropdownList$1, Object.assign({}, menuProps, getFloatingProps(), { isOpen, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999 }), children: [filteredItems.length > 0 && filteredItems.map((item, index2) => React.createElement(ListItem, Object.assign({}, getItemProps({ index: index2, item }), { hovered: index2 === highlightedIndex, key: `item-${index2}`, size: props.size, title: item.label }), item.label)), filteredItems.length === 0 && jsxRuntime.exports.jsx(NoItemsLabel, { children: "No Items" })] })), document.body)] });
+    } })] }), selectedItem.value)), jsxRuntime.exports.jsx(Input$1, Object.assign({}, getInputProps(getDropdownProps({ preventKeyAction: isOpen })), getReferenceProps(), { disabled: props.disabled, placeholder: props.placeholder, size: props.size, style: { flex: "1 1 5ch" } }))] }), jsxRuntime.exports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }) }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$1, { items: filteredItems, getItemProps, getFloatingProps, style: floatingStyles, isOpen, getMenuProps, size: props.size, ref: refs.setFloating, kbdHighlightIdx }), document.body)] });
   }
-  var __rest$8 = globalThis && globalThis.__rest || function(s2, e3) {
-    var t2 = {};
-    for (var p2 in s2)
-      if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
-        t2[p2] = s2[p2];
-    if (s2 != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s2); i2 < p2.length; i2++) {
-        if (e3.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i2]))
-          t2[p2[i2]] = s2[p2[i2]];
-      }
-    return t2;
-  };
   const SelectedItem = styled__default.default.div`
     overflow: hidden;
 
@@ -45791,21 +45742,16 @@
             color: ${(props) => props.theme.colors.grey2};
         }
     }
-`;
-  const DropdownList = styled__default.default(List)`
-    margin-left: -1px;
-    border-radius: 0 0 0.25rem 0.25rem;
-    outline: 0;
-    box-shadow: ${(props) => props.theme.shadow.light};
 `;
   function Select$1(props) {
     var _a3, _b, _c;
     const { applySameWidthModifier = true } = props;
-    const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, highlightedIndex, getItemProps } = useSelect(Object.assign({ initialIsOpen: props.initialIsOpen, initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
+    const [kbdHighlightIdx, setKbdHighlightIdx] = React__namespace.useState();
+    const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, getItemProps } = useSelect(Object.assign(Object.assign({ initialIsOpen: props.initialIsOpen, initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
       var _a4;
       const selected = changes.selectedItem;
       (_a4 = props.onSelect) === null || _a4 === void 0 ? void 0 : _a4.call(props, selected);
-    } }, "selectedItem" in props && { selectedItem: props.selectedItem }));
+    } }, syncKbdHighlightIdx(setKbdHighlightIdx)), "selectedItem" in props && { selectedItem: props.selectedItem }));
     const { refs, floatingStyles, context: context2 } = useFloating({
       open: isOpen,
       placement: props.placement || "bottom-start",
@@ -45822,10 +45768,8 @@
     }, [setFloatingRef, dropdownRef]);
     const menuProps = React__namespace.useMemo(() => getMenuProps({ ref: mergedDropdownRef }), [mergedDropdownRef, getMenuProps]);
     const toggleButtonProps = React__namespace.useMemo(() => getToggleButtonProps({ disabled: props.disabled, ref: refs.setReference }), [props.disabled, refs.setReference, getToggleButtonProps]);
-    return jsxRuntime.exports.jsx(Tooltip$1, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$6, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen }, toggleButtonProps, getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem, { size: props.size, children: (_b = (_a3 = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a3 !== void 0 ? _a3 : props.placeholder) !== null && _b !== void 0 ? _b : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList, Object.assign({}, menuProps, getFloatingProps(), { className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ""} ${props.itemClass}`, isOpen, maxItems: props.maxItems, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999 }), children: props.items.map((item, index2) => {
-      const _a4 = getItemProps({ index: index2, item }), { itemClassName } = _a4, itemProps = __rest$8(_a4, ["itemClassName"]);
-      return React.createElement(ListItem, Object.assign({}, itemProps, { className: `${itemClassName} ${props.itemClass}`, hovered: index2 === highlightedIndex, key: `item-${index2}`, size: props.size, title: item.label }), item.label);
-    }) })), document.body)] }) });
+    const dropdownStyle = React__namespace.useMemo(() => Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 }), [floatingStyles]);
+    return jsxRuntime.exports.jsx(Tooltip$1, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$6, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen }, toggleButtonProps, getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem, { size: props.size, children: (_b = (_a3 = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a3 !== void 0 ? _a3 : props.placeholder) !== null && _b !== void 0 ? _b : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$1, { items: props.items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, size: props.size, ref: refs.setFloating, className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ""} ${props.itemClass}`, itemClass: props.itemClass, maxItems: props.maxItems, selectedItem, kbdHighlightIdx }), document.body)] }) });
   }
   const StyledSelect$2 = styled__default.default(Select$1)`
     margin: 1px solid ${(props) => props.theme.colors.background};
@@ -46425,22 +46369,29 @@
       return jsxRuntime.exports.jsxs(RadioWrapper, { "aria-disabled": props.disabled, isListStyle: props.isListStyle, children: [jsxRuntime.exports.jsx(RadioButton, { checked: isEqual_1((_a3 = props.value) === null || _a3 === void 0 ? void 0 : _a3.value, item.value) || currentSelected === index2, disabled: props.disabled, name: uuid2.current, onChange: (e3) => onChangeValue(e3), type: "radio", value: index2 }), jsxRuntime.exports.jsx(StyledCheckmark, { disabled: props.disabled }), item.label ? item.label : item.value] }, `item-${index2}`);
     }) });
   }
+  var __rest$8 = globalThis && globalThis.__rest || function(s2, e3) {
+    var t2 = {};
+    for (var p2 in s2)
+      if (Object.prototype.hasOwnProperty.call(s2, p2) && e3.indexOf(p2) < 0)
+        t2[p2] = s2[p2];
+    if (s2 != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s2); i2 < p2.length; i2++) {
+        if (e3.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i2]))
+          t2[p2[i2]] = s2[p2[i2]];
+      }
+    return t2;
+  };
   const { stateChangeTypes } = useCombobox;
-  const ListWrapper = styled__default.default(List)`
-    margin-left: -1px;
-    border-radius: 0 0 0.25rem 0.25rem;
-    box-shadow: ${(props) => props.theme.shadow.light};
-`;
-  const getTextColor = (heading2, selected, theme2) => {
+  const getTextColor = (heading2, isSelected, theme2) => {
     if (heading2) {
       return theme2.colors.text;
     }
-    if (selected) {
+    if (isSelected) {
       return theme2.colors.primary;
     }
     return theme2.colors.text;
   };
-  const ListItemSpan = styled__default.default(ListItem)`
+  const ListItemSpan = styled__default.default(StyledListItem)`
     cursor: ${(props) => (props === null || props === void 0 ? void 0 : props.heading) ? "text" : "pointer"};
     user-select: ${(props) => (props === null || props === void 0 ? void 0 : props.heading) ? "text" : "none"};
 
@@ -46452,7 +46403,7 @@
     padding-right: 0.7rem;
 
     font-weight: ${(props) => (props === null || props === void 0 ? void 0 : props.heading) ? "bold" : "normal"};
-    color: ${(props) => getTextColor(props === null || props === void 0 ? void 0 : props.heading, props.selected, props.theme)};
+    color: ${(props) => getTextColor(props === null || props === void 0 ? void 0 : props.heading, props.isSelected, props.theme)};
 
     ${(props) => {
     if (props.heading) {
@@ -46478,14 +46429,22 @@
       return [...acc, item];
     }, []);
   }
+  const SectionedListItem = ({ item, index: index2, getItemProps, isSelected, isHighlighted }) => {
+    const theme2 = useClTheme();
+    const _a3 = getItemProps({ index: index2, item }), itemProps = __rest$8(_a3, ["itemClassName"]);
+    if (item.heading) {
+      delete itemProps.onClick;
+    }
+    return jsxRuntime.exports.jsxs(ListItemSpan, Object.assign({}, itemProps, { heading: item.heading, section: item.section, isSelected, title: item.label, item, index: index2, isHighlighted, children: [item.label || item.section, item.badge && jsxRuntime.exports.jsx(Badge, { color: item.badge.color || theme2.colors.primary, children: item.badge.label })] }));
+  };
   function SectionedList(props) {
     var _a3, _b, _c;
-    const theme2 = useClTheme();
     const unpackedItems = React.useMemo(() => unpackSectionedList(props.items), [props.items]);
     const [pendingHighlight, setPendingHighlight] = React.useState(null);
     const [items, setItems] = React.useState(unpackedItems);
     const [inputValue, setInputValue] = React.useState((_b = (_a3 = props.selectedItem) === null || _a3 === void 0 ? void 0 : _a3.label) !== null && _b !== void 0 ? _b : "");
-    const { selectedItem, isOpen, getMenuProps, getInputProps, getToggleButtonProps, highlightedIndex, getItemProps, setHighlightedIndex } = useCombobox(Object.assign({ initialIsOpen: false, initialSelectedItem: (_c = props.initialValue) !== null && _c !== void 0 ? _c : props.selectedItem, itemToString: (item) => item ? item.label : "", items, onInputValueChange: (change) => {
+    const [kbdHighlightIdx, setKbdHighlightIdx] = React__default.default.useState();
+    const { selectedItem, isOpen, getMenuProps, getInputProps, getToggleButtonProps, getItemProps, setHighlightedIndex } = useCombobox(Object.assign(Object.assign(Object.assign({ initialIsOpen: false, initialSelectedItem: (_c = props.initialValue) !== null && _c !== void 0 ? _c : props.selectedItem, itemToString: (item) => item ? item.label : "", items, onInputValueChange: (change) => {
       setInputValue(change.inputValue);
       if (!change.inputValue) {
         setItems(unpackedItems);
@@ -46518,7 +46477,7 @@
           props.onSelect(changes.selectedItem);
         }
       }
-    }, stateReducer: (state, { changes, type: type2 }) => {
+    } }, syncKbdHighlightIdx(setKbdHighlightIdx)), { stateReducer: (state, { changes, type: type2 }) => {
       var _a4, _b2, _c2;
       if (type2 === stateChangeTypes.ControlledPropUpdatedSelectedItem) {
         return Object.assign(Object.assign({}, changes), { inputValue: "" });
@@ -46543,7 +46502,7 @@
         return Object.assign(Object.assign({}, changes), { highlightedIndex: changes.highlightedIndex + 1 === items.length ? 0 : changes.highlightedIndex + 1 });
       }
       return changes;
-    } }, "selectedItem" in props && { selectedItem: props.selectedItem }));
+    } }), "selectedItem" in props && { selectedItem: props.selectedItem }));
     React.useEffect(() => {
       if (isOpen && pendingHighlight !== null) {
         setHighlightedIndex(pendingHighlight);
@@ -46563,25 +46522,9 @@
     });
     const role = useRole(context2, { role: "listbox" });
     const { getReferenceProps, getFloatingProps } = useInteractions([role]);
-    const menuProps = getMenuProps();
-    const setMenuRef = menuProps.ref;
-    const setFloatingRef = refs.setFloating;
-    const mergedRefs = React.useCallback((node2) => {
-      setFloatingRef(node2);
-      setMenuRef(node2);
-    }, [setFloatingRef, setMenuRef]);
-    return jsxRuntime.exports.jsxs(Wrapper$a, { className: props.className, isDisabled: props.disabled, isErrored: false, isOpen, style: props.style, children: [jsxRuntime.exports.jsxs(InputWrapper$4, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, getInputProps({ value: inputValue }), getReferenceProps())), jsxRuntime.exports.jsx(ChevronButton$1, Object.assign({}, getToggleButtonProps(), { children: jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen }) }))] }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsxs(ListWrapper, Object.assign({}, menuProps, getFloatingProps(), { ref: mergedRefs, isOpen, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999 }), children: [items.length > 0 && items.map((item, index2) => {
-      const itemProps = getItemProps({ index: index2, item });
-      if (item.heading) {
-        delete itemProps.onClick;
-      }
-      return React.createElement(
-        ListItemSpan,
-        Object.assign({}, itemProps, { heading: item.heading, hovered: index2 === highlightedIndex, key: `item-${index2}`, section: item.section, selected: item.value === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value), title: item.label }),
-        item.label || item.section,
-        item.badge && jsxRuntime.exports.jsx(Badge, { color: item.badge.color || theme2.colors.primary, children: item.badge.label })
-      );
-    }), items.length === 0 && jsxRuntime.exports.jsx(NoItemsLabel$1, { children: "No Items" })] })), document.body)] });
+    const dropdownStyle = React__default.default.useMemo(() => Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 }), [floatingStyles]);
+    const renderListItem = React.useCallback((item, index2) => jsxRuntime.exports.jsx(SectionedListItem, { item, index: index2, getItemProps, isSelected: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value, isHighlighted: isOpen && kbdHighlightIdx !== void 0 && kbdHighlightIdx === index2 }, `item-${index2}-${isOpen && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label}`), [getItemProps, selectedItem, isOpen, kbdHighlightIdx]);
+    return jsxRuntime.exports.jsxs(Wrapper$a, { className: props.className, isDisabled: props.disabled, isErrored: false, isOpen, style: props.style, children: [jsxRuntime.exports.jsxs(InputWrapper$4, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, getInputProps({ value: inputValue }), getReferenceProps())), jsxRuntime.exports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$1, { items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, ref: refs.setFloating, kbdHighlightIdx, children: renderListItem }), document.body)] });
   }
   var toNumber$2 = toNumber_1$1;
   var INFINITY$3 = 1 / 0, MAX_INTEGER = 17976931348623157e292;
@@ -50793,31 +50736,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     var nextStyle = nextProps.style, nextRest = _objectWithoutPropertiesLoose$1(nextProps, _excluded2);
     return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
   }
-  const GlobalStyle = styled.createGlobalStyle`
-    body {
-        /* stylelint-disable-next-line -- external classname */
-        .DatetimeFilterSelect {
-            background-color: ${(props) => props.theme.colors.grey1};
-
-            span {
-                background-color: ${(props) => props.theme.colors.grey1};
-                border-bottom: 1px solid ${(props) => props.theme.colors.grey1};
-
-                &[aria-selected="true"] {
-                    background-color: ${(props) => props.theme.colors.primary};
-                }
-
-                :hover {
-                    background-color: ${(props) => props.theme.colors.grey3};
-                }
-
-                :active {
-                    background-color: ${(props) => props.theme.colors.grey4};
-                }
-            }
-        }
-    }
-`;
   const DatetimeFilterWrapper = styled__default.default(FilterWrapper)`
     gap: 0;
 `;
@@ -50943,7 +50861,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
       return false;
     }, [props.disabled, previousFilter, filteredValues, dateValues, selected]);
-    return jsxRuntime.exports.jsxs(DatetimeFilterWrapper, { className: props.className, children: [jsxRuntime.exports.jsx(GlobalStyle, {}), jsxRuntime.exports.jsxs(FilterHeader, { children: [jsxRuntime.exports.jsx(StyledSelect$1, { dropdownRef: (element2) => {
+    return jsxRuntime.exports.jsxs(DatetimeFilterWrapper, { className: props.className, children: [jsxRuntime.exports.jsxs(FilterHeader, { children: [jsxRuntime.exports.jsx(StyledSelect$1, { dropdownRef: (element2) => {
       if (props.portalsRef) {
         props.portalsRef.current[2] = element2;
       }
@@ -295805,7 +295723,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     android: /* @__PURE__ */ /Android\b/.test(nav.userAgent),
     webkit,
     safari,
-    webkit_version: webkit ? +(/* @__PURE__ */ /\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0,
+    webkit_version: webkit ? +(/* @__PURE__ */ /\bAppleWebKit\/(\d+)/.exec(nav.userAgent) || [0, 0])[1] : 0,
     tabSize: doc.documentElement.style.tabSize != null ? "tab-size" : "-moz-tab-size"
   };
   const MaxJoinLen = 256;
@@ -297173,6 +297091,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
   }
   const scrollIntoView = /* @__PURE__ */ StateEffect.define({ map: (t2, ch) => t2.map(ch) });
+  const setEditContextFormatting = /* @__PURE__ */ StateEffect.define();
   function logException(state, exception, context2) {
     let handler = state.facet(exceptionSink);
     if (handler.length)
@@ -297412,10 +297331,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       super();
       this.view = view;
       this.decorations = [];
-      this.dynamicDecorationMap = [];
+      this.dynamicDecorationMap = [false];
       this.domChanged = null;
       this.hasComposition = null;
       this.markedForComposition = /* @__PURE__ */ new Set();
+      this.editContextFormatting = Decoration.none;
       this.lastCompositionAfterCursor = false;
       this.minWidth = 0;
       this.minWidthFrom = 0;
@@ -297441,8 +297361,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           this.minWidthTo = update2.changes.mapPos(this.minWidthTo, 1);
         }
       }
+      this.updateEditContextFormatting(update2);
       let readCompositionAt = -1;
-      if (this.view.inputState.composing >= 0) {
+      if (this.view.inputState.composing >= 0 && !this.view.observer.editContext) {
         if ((_a3 = this.domChanged) === null || _a3 === void 0 ? void 0 : _a3.newSel)
           readCompositionAt = this.domChanged.newSel.head;
         else if (!touchesComposition(update2.changes, this.hasComposition) && !update2.selectionSet)
@@ -297528,6 +297449,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       if (composition)
         this.fixCompositionDOM(composition);
     }
+    updateEditContextFormatting(update2) {
+      this.editContextFormatting = this.editContextFormatting.map(update2.changes);
+      for (let tr2 of update2.transactions)
+        for (let effect2 of tr2.effects)
+          if (effect2.is(setEditContextFormatting)) {
+            this.editContextFormatting = effect2.value;
+          }
+    }
     compositionView(composition) {
       let cur = new TextView(composition.text.nodeValue);
       cur.flags |= 8;
@@ -297700,6 +297629,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         if (start2 <= pos && (start2 < pos || child.covers(-1)) && (end2 > pos || child.covers(1)) && (!best || child instanceof LineView && !(best instanceof LineView && side >= 0))) {
           best = child;
           bestPos = start2;
+        } else if (best && start2 == pos && end2 == pos && child instanceof BlockWidgetView && Math.abs(side) < 2) {
+          if (child.deco.startSide < 0)
+            break;
+          else if (i2)
+            best = null;
         }
         off = start2;
       }
@@ -297817,7 +297751,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return Decoration.set(deco);
     }
     updateDeco() {
-      let i2 = 0;
+      let i2 = 1;
       let allDeco = this.view.state.facet(decorations).map((d2) => {
         let dynamic = this.dynamicDecorationMap[i2++] = typeof d2 == "function";
         return dynamic ? d2(this.view) : d2;
@@ -297833,6 +297767,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         allDeco.push(RangeSet.join(outerDeco));
       }
       this.decorations = [
+        this.editContextFormatting,
         ...allDeco,
         this.computeBlockGapDeco(),
         this.view.viewState.lineGapDeco
@@ -298346,9 +298281,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.lastScrollTop = 0;
       this.lastScrollLeft = 0;
       this.pendingIOSKey = void 0;
+      this.tabFocusMode = -1;
       this.lastSelectionOrigin = null;
       this.lastSelectionTime = 0;
-      this.lastEscPress = 0;
       this.lastContextMenu = 0;
       this.scrollHandlers = [];
       this.handlers = /* @__PURE__ */ Object.create(null);
@@ -298409,10 +298344,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     keydown(event2) {
       this.lastKeyCode = event2.keyCode;
       this.lastKeyTime = Date.now();
-      if (event2.keyCode == 9 && Date.now() < this.lastEscPress + 2e3)
+      if (event2.keyCode == 9 && this.tabFocusMode > -1 && (!this.tabFocusMode || Date.now() <= this.tabFocusMode))
         return true;
-      if (event2.keyCode != 27 && modifierCodes.indexOf(event2.keyCode) < 0)
-        this.view.inputState.lastEscPress = 0;
+      if (this.tabFocusMode > 0 && event2.keyCode != 27 && modifierCodes.indexOf(event2.keyCode) < 0)
+        this.tabFocusMode = -1;
       if (browser.android && browser.chrome && !event2.synthetic && (event2.keyCode == 13 || event2.keyCode == 8)) {
         this.view.observer.delayAndroidKey(event2.key, event2.keyCode);
         return true;
@@ -298453,6 +298388,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.mouseSelection = mouseSelection;
     }
     update(update2) {
+      this.view.observer.update(update2);
       if (this.mouseSelection)
         this.mouseSelection.update(update2);
       if (this.draggedContent && update2.docChanged)
@@ -298623,7 +298559,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.mustSelect = false;
     }
     update(update2) {
-      if (this.style.update(update2))
+      if (update2.transactions.some((tr2) => tr2.isUserEvent("input.type")))
+        this.destroy();
+      else if (this.style.update(update2))
         setTimeout(() => this.select(this.lastEvent), 20);
     }
   }
@@ -298715,8 +298653,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   };
   handlers.keydown = (view, event2) => {
     view.inputState.setSelectionOrigin("select");
-    if (event2.keyCode == 27)
-      view.inputState.lastEscPress = Date.now();
+    if (event2.keyCode == 27 && view.inputState.tabFocusMode != 0)
+      view.inputState.tabFocusMode = Date.now() + 2e3;
     return false;
   };
   observers.touchstart = (view, e3) => {
@@ -298742,7 +298680,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       let mustFocus = !view.hasFocus;
       view.inputState.startMouseSelection(new MouseSelection(view, event2, style2, mustFocus));
       if (mustFocus)
-        view.observer.ignore(() => focusPreventScroll(view.contentDOM));
+        view.observer.ignore(() => {
+          focusPreventScroll(view.contentDOM);
+          let active = view.root.activeElement;
+          if (active && !active.contains(view.contentDOM))
+            active.blur();
+        });
       let mouseSel = view.inputState.mouseSelection;
       if (mouseSel) {
         mouseSel.start(event2);
@@ -299012,6 +298955,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     updateForFocusChange(view);
   };
   observers.compositionstart = observers.compositionupdate = (view) => {
+    if (view.observer.editContext)
+      return;
     if (view.inputState.compositionFirstChange == null)
       view.inputState.compositionFirstChange = true;
     if (view.inputState.composing < 0) {
@@ -299019,6 +298964,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
   };
   observers.compositionend = (view) => {
+    if (view.observer.editContext)
+      return;
     view.inputState.composing = -1;
     view.inputState.compositionEndedAt = Date.now();
     view.inputState.compositionPendingKey = true;
@@ -299831,9 +299778,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.heightOracle = new HeightOracle(guessWrapping);
       this.stateDeco = state.facet(decorations).filter((d2) => typeof d2 != "function");
       this.heightMap = HeightMap.empty().applyChanges(this.stateDeco, Text$1.empty, this.heightOracle.setDoc(state.doc), [new ChangedRange(0, 0, 0, state.doc.length)]);
-      this.viewport = this.getViewport(0, null);
+      for (let i2 = 0; i2 < 2; i2++) {
+        this.viewport = this.getViewport(0, null);
+        if (!this.updateForViewport())
+          break;
+      }
       this.updateViewportLines();
-      this.updateForViewport();
       this.lineGaps = this.ensureLineGaps([]);
       this.lineGapDeco = Decoration.set(this.lineGaps.map((gap) => gap.draw(this, false)));
       this.computeVisibleRanges();
@@ -299848,12 +299798,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         }
       }
       this.viewports = viewports.sort((a2, b2) => a2.from - b2.from);
+      return this.updateScaler();
+    }
+    updateScaler() {
+      let scaler = this.scaler;
       this.scaler = this.heightMap.height <= 7e6 ? IdScaler : new BigScaler(this.heightOracle, this.heightMap, this.viewports);
+      return scaler.eq(this.scaler) ? 0 : 2;
     }
     updateViewportLines() {
       this.viewportLines = [];
       this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.heightOracle.setDoc(this.state.doc), 0, 0, (block) => {
-        this.viewportLines.push(this.scaler.scale == 1 ? block : scaleBlock(block, this.scaler));
+        this.viewportLines.push(scaleBlock(block, this.scaler));
       });
     }
     update(update2, scrollTarget = null) {
@@ -299877,10 +299832,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       let viewport2 = heightChanges.length ? this.mapViewport(this.viewport, update2.changes) : this.viewport;
       if (scrollTarget && (scrollTarget.range.head < viewport2.from || scrollTarget.range.head > viewport2.to) || !this.viewportIsAppropriate(viewport2))
         viewport2 = this.getViewport(0, scrollTarget);
-      let updateLines = !update2.changes.empty || update2.flags & 2 || viewport2.from != this.viewport.from || viewport2.to != this.viewport.to;
+      let viewportChange = viewport2.from != this.viewport.from || viewport2.to != this.viewport.to;
       this.viewport = viewport2;
-      this.updateForViewport();
-      if (updateLines)
+      update2.flags |= this.updateForViewport();
+      if (viewportChange || !update2.changes.empty || update2.flags & 2)
         this.updateViewportLines();
       if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
         this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps, update2.changes)));
@@ -299971,9 +299926,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           result |= 2;
       }
       let viewportChange = !this.viewportIsAppropriate(this.viewport, bias) || this.scrollTarget && (this.scrollTarget.range.head < this.viewport.from || this.scrollTarget.range.head > this.viewport.to);
-      if (viewportChange)
+      if (viewportChange) {
+        if (result & 2)
+          result |= this.updateScaler();
         this.viewport = this.getViewport(bias, this.scrollTarget);
-      this.updateForViewport();
+        result |= this.updateForViewport();
+      }
       if (result & 2 || viewportChange)
         this.updateViewportLines();
       if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
@@ -300063,12 +300021,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         }
         gaps.push(gap);
       };
-      for (let line of this.viewportLines) {
-        if (line.length < doubleMargin)
-          continue;
+      let checkLine = (line) => {
+        if (line.length < doubleMargin || line.type != BlockType.Text)
+          return;
         let structure = lineStructure(line.from, line.to, this.stateDeco);
         if (structure.total < doubleMargin)
-          continue;
+          return;
         let target = this.scrollTarget ? this.scrollTarget.range.head : null;
         let viewFrom, viewTo;
         if (wrapping) {
@@ -300105,6 +300063,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           addGap(line.from, viewFrom, line, structure);
         if (viewTo < line.to)
           addGap(viewTo, line.to, line, structure);
+      };
+      for (let line of this.viewportLines) {
+        if (Array.isArray(line.type))
+          line.type.forEach(checkLine);
+        else
+          checkLine(line);
       }
       return gaps;
     }
@@ -300142,7 +300106,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find((b2) => b2.from <= pos && b2.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType$1.ByPos, this.heightOracle, 0, 0), this.scaler);
     }
     lineBlockAtHeight(height) {
-      return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType$1.ByHeight, this.heightOracle, 0, 0), this.scaler);
+      return height >= this.viewportLines[0].top && height <= this.viewportLines[this.viewportLines.length - 1].bottom && this.viewportLines.find((l2) => l2.top <= height && l2.bottom >= height) || scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType$1.ByHeight, this.heightOracle, 0, 0), this.scaler);
     }
     scrollAnchorAt(scrollTop) {
       let block = this.lineBlockAtHeight(scrollTop + 8);
@@ -300220,7 +300184,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     fromDOM(n2) {
       return n2;
     },
-    scale: 1
+    scale: 1,
+    eq(other) {
+      return other == this;
+    }
   };
   class BigScaler {
     constructor(oracle, heightMap, viewports) {
@@ -300260,6 +300227,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         domBase = vp.domBottom;
       }
     }
+    eq(other) {
+      if (!(other instanceof BigScaler))
+        return false;
+      return this.scale == other.scale && this.viewports.length == other.viewports.length && this.viewports.every((vp, i2) => vp.from == other.viewports[i2].from && vp.to == other.viewports[i2].to);
+    }
   }
   function scaleBlock(block, scaler) {
     if (scaler.scale == 1)
@@ -300632,6 +300604,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.typeOver = typeOver;
       this.bounds = null;
       this.text = "";
+      this.domChanged = start2 > -1;
       let { impreciseHead: iHead, impreciseAnchor: iAnchor } = view.docView;
       if (view.state.readOnly && start2 > -1) {
         this.newSel = null;
@@ -300702,18 +300675,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       change = { from: sel.from, to: sel.to, insert: Text$1.of([" "]) };
     }
     if (change) {
-      if (browser.ios && view.inputState.flushIOSKey(change))
-        return true;
-      if (browser.android && (change.to == sel.to && (change.from == sel.from || change.from == sel.from - 1 && view.state.sliceDoc(change.from, sel.from) == " ") && change.insert.length == 1 && change.insert.lines == 2 && dispatchKey(view.contentDOM, "Enter", 13) || (change.from == sel.from - 1 && change.to == sel.to && change.insert.length == 0 || lastKey == 8 && change.insert.length < change.to - change.from && change.to > sel.head) && dispatchKey(view.contentDOM, "Backspace", 8) || change.from == sel.from && change.to == sel.to + 1 && change.insert.length == 0 && dispatchKey(view.contentDOM, "Delete", 46)))
-        return true;
-      let text2 = change.insert.toString();
-      if (view.inputState.composing >= 0)
-        view.inputState.composing++;
-      let defaultTr;
-      let defaultInsert = () => defaultTr || (defaultTr = applyDefaultInsert(view, change, newSel));
-      if (!view.state.facet(inputHandler$1).some((h2) => h2(view, change.from, change.to, text2, defaultInsert)))
-        view.dispatch(defaultInsert());
-      return true;
+      return applyDOMChangeInner(view, change, newSel, lastKey);
     } else if (newSel && !newSel.main.eq(sel)) {
       let scrollIntoView2 = false, userEvent = "select";
       if (view.inputState.lastSelectionTime > Date.now() - 50) {
@@ -300727,6 +300689,21 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return false;
     }
   }
+  function applyDOMChangeInner(view, change, newSel, lastKey = -1) {
+    if (browser.ios && view.inputState.flushIOSKey(change))
+      return true;
+    let sel = view.state.selection.main;
+    if (browser.android && (change.to == sel.to && (change.from == sel.from || change.from == sel.from - 1 && view.state.sliceDoc(change.from, sel.from) == " ") && change.insert.length == 1 && change.insert.lines == 2 && dispatchKey(view.contentDOM, "Enter", 13) || (change.from == sel.from - 1 && change.to == sel.to && change.insert.length == 0 || lastKey == 8 && change.insert.length < change.to - change.from && change.to > sel.head) && dispatchKey(view.contentDOM, "Backspace", 8) || change.from == sel.from && change.to == sel.to + 1 && change.insert.length == 0 && dispatchKey(view.contentDOM, "Delete", 46)))
+      return true;
+    let text2 = change.insert.toString();
+    if (view.inputState.composing >= 0)
+      view.inputState.composing++;
+    let defaultTr;
+    let defaultInsert = () => defaultTr || (defaultTr = applyDefaultInsert(view, change, newSel));
+    if (!view.state.facet(inputHandler$1).some((h2) => h2(view, change.from, change.to, text2, defaultInsert)))
+      view.dispatch(defaultInsert());
+    return true;
+  }
   function applyDefaultInsert(view, change, newSel) {
     let tr2, startState = view.state, sel = startState.selection.main;
     if (change.from >= sel.from && change.to <= sel.to && change.to - change.from >= (sel.to - sel.from) / 3 && (!newSel || newSel.main.empty && newSel.main.from == change.from + change.insert.length) && view.inputState.composing < 0) {
@@ -300835,6 +300812,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     constructor(view) {
       this.view = view;
       this.active = false;
+      this.editContext = null;
       this.selectionRange = new DOMSelectionState();
       this.selectionChanged = false;
       this.delayedFlush = -1;
@@ -300860,6 +300838,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         else
           this.flush();
       });
+      if (window.EditContext && view.constructor.EDIT_CONTEXT !== false) {
+        this.editContext = new EditContextManager(view);
+        view.contentDOM.editContext = this.editContext.editContext;
+      }
       if (useCharData)
         this.onCharData = (event2) => {
           this.queue.push({
@@ -300912,6 +300894,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     onScroll(e3) {
       if (this.intersecting)
         this.flush(false);
+      if (this.editContext)
+        this.view.requestMeasure(this.editContext.measureReq);
       this.onScrollChanged(e3);
     }
     onResize() {
@@ -301134,7 +301118,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
       let startState = this.view.state;
       let handled = applyDOMChange(this.view, domChange);
-      if (this.view.state == startState)
+      if (this.view.state == startState && (domChange.domChanged || domChange.newSel && !domChange.newSel.main.eq(this.view.state.selection.main)))
         this.view.update([]);
       return handled;
     }
@@ -301184,6 +301168,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         win.removeEventListener("beforeprint", this.onPrint);
       win.document.removeEventListener("selectionchange", this.onSelectionChange);
     }
+    update(update2) {
+      if (this.editContext)
+        this.editContext.update(update2);
+    }
     destroy() {
       var _a3, _b, _c;
       this.stop();
@@ -301234,6 +301222,147 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     view.contentDOM.removeEventListener("beforeinput", read2, true);
     return found ? buildSelectionRangeFromRange(view, found) : null;
   }
+  class EditContextManager {
+    constructor(view) {
+      this.from = 0;
+      this.to = 0;
+      this.pendingContextChange = null;
+      this.resetRange(view.state);
+      let context2 = this.editContext = new window.EditContext({
+        text: view.state.doc.sliceString(this.from, this.to),
+        selectionStart: this.toContextPos(Math.max(this.from, Math.min(this.to, view.state.selection.main.anchor))),
+        selectionEnd: this.toContextPos(view.state.selection.main.head)
+      });
+      context2.addEventListener("textupdate", (e3) => {
+        let { anchor } = view.state.selection.main;
+        let change = {
+          from: this.toEditorPos(e3.updateRangeStart),
+          to: this.toEditorPos(e3.updateRangeEnd),
+          insert: Text$1.of(e3.text.split("\n"))
+        };
+        if (change.from == this.from && anchor < this.from)
+          change.from = anchor;
+        else if (change.to == this.to && anchor > this.to)
+          change.to = anchor;
+        if (change.from == change.to && !change.insert.length)
+          return;
+        this.pendingContextChange = change;
+        applyDOMChangeInner(view, change, EditorSelection.single(this.toEditorPos(e3.selectionStart), this.toEditorPos(e3.selectionEnd)));
+        if (this.pendingContextChange)
+          this.revertPending(view.state);
+      });
+      context2.addEventListener("characterboundsupdate", (e3) => {
+        let rects = [], prev = null;
+        for (let i2 = this.toEditorPos(e3.rangeStart), end2 = this.toEditorPos(e3.rangeEnd); i2 < end2; i2++) {
+          let rect = view.coordsForChar(i2);
+          prev = rect && new DOMRect(rect.left, rect.right, rect.right - rect.left, rect.bottom - rect.top) || prev || new DOMRect();
+          rects.push(prev);
+        }
+        context2.updateCharacterBounds(e3.rangeStart, rects);
+      });
+      context2.addEventListener("textformatupdate", (e3) => {
+        let deco = [];
+        for (let format2 of e3.getTextFormats()) {
+          let lineStyle = format2.underlineStyle, thickness = format2.underlineThickness;
+          if (lineStyle != "None" && thickness != "None") {
+            let style2 = `text-decoration: underline ${lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${thickness == "Thin" ? 1 : 2}px`;
+            deco.push(Decoration.mark({ attributes: { style: style2 } }).range(this.toEditorPos(format2.rangeStart), this.toEditorPos(format2.rangeEnd)));
+          }
+        }
+        view.dispatch({ effects: setEditContextFormatting.of(Decoration.set(deco)) });
+      });
+      context2.addEventListener("compositionstart", () => {
+        if (view.inputState.composing < 0) {
+          view.inputState.composing = 0;
+          view.inputState.compositionFirstChange = true;
+        }
+      });
+      context2.addEventListener("compositionend", () => {
+        view.inputState.composing = -1;
+        view.inputState.compositionFirstChange = null;
+      });
+      this.measureReq = { read: (view2) => {
+        this.editContext.updateControlBounds(view2.contentDOM.getBoundingClientRect());
+        let sel = getSelection(view2.root);
+        if (sel && sel.rangeCount)
+          this.editContext.updateSelectionBounds(sel.getRangeAt(0).getBoundingClientRect());
+      } };
+    }
+    applyEdits(update2) {
+      let off = 0, abort = false, pending = this.pendingContextChange;
+      update2.changes.iterChanges((fromA, toA, _fromB, _toB, insert2) => {
+        if (abort)
+          return;
+        let dLen = insert2.length - (toA - fromA);
+        if (pending && toA >= pending.to) {
+          if (pending.from == fromA && pending.to == toA && pending.insert.eq(insert2)) {
+            pending = this.pendingContextChange = null;
+            off += dLen;
+            return;
+          } else {
+            pending = null;
+            this.revertPending(update2.state);
+          }
+        }
+        fromA += off;
+        toA += off;
+        if (toA <= this.from) {
+          this.from += dLen;
+          this.to += dLen;
+        } else if (fromA < this.to) {
+          if (fromA < this.from || toA > this.to || this.to - this.from + insert2.length > 3e4) {
+            abort = true;
+            return;
+          }
+          this.editContext.updateText(this.toContextPos(fromA), this.toContextPos(toA), insert2.toString());
+          this.to += dLen;
+        }
+        off += dLen;
+      });
+      if (pending && !abort)
+        this.revertPending(update2.state);
+      return !abort;
+    }
+    update(update2) {
+      if (!this.applyEdits(update2) || !this.rangeIsValid(update2.state)) {
+        this.pendingContextChange = null;
+        this.resetRange(update2.state);
+        this.editContext.updateText(0, this.editContext.text.length, update2.state.doc.sliceString(this.from, this.to));
+        this.setSelection(update2.state);
+      } else if (update2.docChanged || update2.selectionSet) {
+        this.setSelection(update2.state);
+      }
+      if (update2.geometryChanged || update2.docChanged || update2.selectionSet)
+        update2.view.requestMeasure(this.measureReq);
+    }
+    resetRange(state) {
+      let { head } = state.selection.main;
+      this.from = Math.max(0, head - 1e4);
+      this.to = Math.min(state.doc.length, head + 1e4);
+    }
+    revertPending(state) {
+      let pending = this.pendingContextChange;
+      this.pendingContextChange = null;
+      this.editContext.updateText(this.toContextPos(pending.from), this.toContextPos(pending.to + pending.insert.length), state.doc.sliceString(pending.from, pending.to));
+    }
+    setSelection(state) {
+      let { main: main2 } = state.selection;
+      let start2 = this.toContextPos(Math.max(this.from, Math.min(this.to, main2.anchor)));
+      let end2 = this.toContextPos(main2.head);
+      if (this.editContext.selectionStart != start2 || this.editContext.selectionEnd != end2)
+        this.editContext.updateSelection(start2, end2);
+    }
+    rangeIsValid(state) {
+      let { head } = state.selection.main;
+      return !(this.from > 0 && head - this.from < 500 || this.to < state.doc.length && this.to - head < 500 || this.to - this.from > 1e4 * 3);
+    }
+    toEditorPos(contextPos) {
+      return contextPos + this.from;
+    }
+    toContextPos(editorPos) {
+      return editorPos - this.from;
+    }
+  }
   class EditorView {
     get state() {
       return this.viewState.state;
@@ -301766,6 +301895,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
     }
     destroy() {
+      if (this.root.activeElement == this.contentDOM)
+        this.contentDOM.blur();
       for (let plugin of this.plugins)
         plugin.destroy(this);
       this.plugins = [];
@@ -301785,6 +301916,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       let ref2 = this.viewState.scrollAnchorAt(scrollTop);
       return scrollIntoView.of(new ScrollTarget(EditorSelection.cursor(ref2.from), "start", "start", ref2.top - scrollTop, scrollLeft, true));
     }
+    setTabFocusMode(to2) {
+      if (to2 == null)
+        this.inputState.tabFocusMode = this.inputState.tabFocusMode < 0 ? 0 : -1;
+      else if (typeof to2 == "boolean")
+        this.inputState.tabFocusMode = to2 ? 0 : -1;
+      else if (this.inputState.tabFocusMode != 0)
+        this.inputState.tabFocusMode = Date.now() + to2;
+    }
     static domEventHandlers(handlers2) {
       return ViewPlugin.define(() => ({}), { eventHandlers: handlers2 });
     }
@@ -301978,8 +302117,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           let scopeObj = bound2[scope2] || (bound2[scope2] = /* @__PURE__ */ Object.create(null));
           if (!scopeObj._any)
             scopeObj._any = { preventDefault: false, stopPropagation: false, run: [] };
+          let { any } = b2;
           for (let key in scopeObj)
-            scopeObj[key].run.push(b2.any);
+            scopeObj[key].run.push((view) => any(view, currentKeyEvent));
         }
       let name2 = b2[platform2] || b2.key;
       if (!name2)
@@ -301992,7 +302132,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return bound2;
   }
+  let currentKeyEvent = null;
   function runHandlers(map2, event2, view, scope2) {
+    currentKeyEvent = event2;
     let name2 = keyName(event2);
     let charCode = codePointAt(name2, 0), isChar = codePointSize(charCode) == name2.length && name2 != " ";
     let prefix = "", handled = false, prevented = false, stopPropagation = false;
@@ -302009,7 +302151,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         for (let cmd2 of binding.run)
           if (!ran.has(cmd2)) {
             ran.add(cmd2);
-            if (cmd2(view, event2)) {
+            if (cmd2(view)) {
               if (binding.stopPropagation)
                 stopPropagation = true;
               return true;
@@ -302043,19 +302185,25 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       handled = true;
     if (handled && stopPropagation)
       event2.stopPropagation();
+    currentKeyEvent = null;
     return handled;
   }
   const CanHidePrimary = !browser.ios;
   const themeSpec = {
     ".cm-line": {
-      "& ::selection": { backgroundColor: "transparent !important" },
-      "&::selection": { backgroundColor: "transparent !important" }
+      "& ::selection, &::selection": { backgroundColor: "transparent !important" }
+    },
+    ".cm-content": {
+      "& :focus": {
+        caretColor: "initial !important",
+        "&::selection, & ::selection": {
+          backgroundColor: "Highlight !important"
+        }
+      }
     }
   };
-  if (CanHidePrimary) {
-    themeSpec[".cm-line"].caretColor = "transparent !important";
-    themeSpec[".cm-content"] = { caretColor: "transparent !important" };
-  }
+  if (CanHidePrimary)
+    themeSpec[".cm-line"].caretColor = themeSpec[".cm-content"].caretColor = "transparent !important";
   const panelConfig = /* @__PURE__ */ Facet.define({
     combine(configs) {
       let topContainer, bottomContainer;
@@ -305445,8 +305593,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       let fields = [];
       let lines = [], positions = [], m2;
       for (let line of template.split(/\r\n?|\n/)) {
-        while (m2 = /[#$]\{(?:(\d+)(?::([^}]*))?|([^}]*))\}/.exec(line)) {
-          let seq = m2[1] ? +m2[1] : null, name2 = m2[2] || m2[3] || "", found = -1;
+        while (m2 = /[#$]\{(?:(\d+)(?::([^}]*))?|((?:\\[{}]|[^}])*))\}/.exec(line)) {
+          let seq = m2[1] ? +m2[1] : null, rawName = m2[2] || m2[3] || "", found = -1;
+          let name2 = rawName.replace(/\\[{}]/g, (m3) => m3[1]);
           for (let i2 = 0; i2 < fields.length; i2++) {
             if (seq != null ? fields[i2].seq == seq : name2 ? fields[i2].name == name2 : false)
               found = i2;
@@ -305462,16 +305611,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 pos.field++;
           }
           positions.push(new FieldPos(found, lines.length, m2.index, m2.index + name2.length));
-          line = line.slice(0, m2.index) + name2 + line.slice(m2.index + m2[0].length);
+          line = line.slice(0, m2.index) + rawName + line.slice(m2.index + m2[0].length);
         }
-        for (let esc; esc = /\\([{}])/.exec(line); ) {
-          line = line.slice(0, esc.index) + esc[1] + line.slice(esc.index + esc[0].length);
+        line = line.replace(/\\([{}])/g, (_2, brace, index2) => {
           for (let pos of positions)
-            if (pos.line == lines.length && pos.from > esc.index) {
+            if (pos.line == lines.length && pos.from > index2) {
               pos.from--;
               pos.to--;
             }
-        }
+          return brace;
+        });
         lines.push(line);
       }
       return new Snippet(lines, positions);
@@ -306759,6 +306908,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }), { userEvent: "delete.dedent" }));
     return true;
   };
+  const toggleTabFocusMode = (view) => {
+    view.setTabFocusMode();
+    return true;
+  };
   const emacsStyleKeymap = [
     { key: "Ctrl-b", run: cursorCharLeft, shift: selectCharLeft, preventDefault: true },
     { key: "Ctrl-f", run: cursorCharRight, shift: selectCharRight },
@@ -306819,7 +306972,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     { key: "Shift-Mod-k", run: deleteLine },
     { key: "Shift-Mod-\\", run: cursorMatchingBracket },
     { key: "Mod-/", run: toggleComment },
-    { key: "Alt-A", run: toggleBlockComment }
+    { key: "Alt-A", run: toggleBlockComment },
+    { key: "Ctrl-m", mac: "Shift-Alt-m", run: toggleTabFocusMode }
   ].concat(standardKeymap);
   const indentWithTab = { key: "Tab", run: indentMore, shift: indentLess };
   class Stack$1 {
@@ -306854,6 +307008,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       var _a3;
       let depth = action >> 19, type2 = action & 65535;
       let { parser: parser2 } = this.p;
+      if (this.reducePos < this.pos - 25)
+        this.setLookAhead(this.pos);
       let dPrec = parser2.dynamicPrecedence(type2);
       if (dPrec)
         this.score += dPrec;
@@ -308279,7 +308435,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function json() {
     return new LanguageSupport(jsonLanguage);
   }
-  const printKeyword = 1, indent = 194, dedent = 195, newline$1 = 196, blankLineStart = 197, newlineBracketed = 198, eof = 199, stringContent = 200, Escape = 2, replacementStart = 3, stringEnd = 201, ParenL = 24, ParenthesizedExpression = 25, TupleExpression = 49, ComprehensionExpression = 50, BracketL = 55, ArrayExpression = 56, ArrayComprehensionExpression = 57, BraceL = 59, DictionaryExpression = 60, DictionaryComprehensionExpression = 61, SetExpression = 62, SetComprehensionExpression = 63, ArgList = 65, subscript = 238, String$1 = 71, stringStart = 241, stringStartD = 242, stringStartL = 243, stringStartLD = 244, stringStartR = 245, stringStartRD = 246, stringStartRL = 247, stringStartRLD = 248, FormatString = 72, stringStartF = 249, stringStartFD = 250, stringStartFL = 251, stringStartFLD = 252, stringStartFR = 253, stringStartFRD = 254, stringStartFRL = 255, stringStartFRLD = 256, FormatReplacement = 73, nestedFormatReplacement = 77, importList = 264, TypeParamList = 112, ParamList = 130, SequencePattern = 151, MappingPattern = 152, PatternArgList = 155;
+  const printKeyword = 1, indent = 194, dedent = 195, newline$1 = 196, blankLineStart = 197, newlineBracketed = 198, eof = 199, stringContent = 200, Escape = 2, replacementStart = 3, stringEnd = 201, ParenL = 24, ParenthesizedExpression = 25, TupleExpression = 49, ComprehensionExpression = 50, BracketL = 55, ArrayExpression = 56, ArrayComprehensionExpression = 57, BraceL = 59, DictionaryExpression = 60, DictionaryComprehensionExpression = 61, SetExpression = 62, SetComprehensionExpression = 63, ArgList = 65, subscript = 238, String$1 = 71, stringStart = 241, stringStartD = 242, stringStartL = 243, stringStartLD = 244, stringStartR = 245, stringStartRD = 246, stringStartRL = 247, stringStartRLD = 248, FormatString = 72, stringStartF = 249, stringStartFD = 250, stringStartFL = 251, stringStartFLD = 252, stringStartFR = 253, stringStartFRD = 254, stringStartFRL = 255, stringStartFRLD = 256, FormatReplacement = 73, nestedFormatReplacement = 77, importList = 263, TypeParamList = 112, ParamList = 130, SequencePattern = 151, MappingPattern = 152, PatternArgList = 155;
   const newline = 10, carriageReturn = 13, space = 32, tab = 9, hash = 35, parenOpen = 40, dot = 46, braceOpen = 123, braceClose = 125, singleQuote = 39, doubleQuote = 34, backslash = 92, letter_o = 111, letter_x = 120, letter_N = 78, letter_u = 117, letter_U = 85;
   const bracketed = /* @__PURE__ */ new Set([
     ParenthesizedExpression,
@@ -308536,9 +308692,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   const spec_identifier = { __proto__: null, await: 44, or: 54, and: 56, in: 60, not: 62, is: 64, if: 70, else: 72, lambda: 76, yield: 94, from: 96, async: 102, for: 104, None: 162, True: 164, False: 164, del: 178, pass: 182, break: 186, continue: 190, return: 194, raise: 202, import: 206, as: 208, global: 212, nonlocal: 214, assert: 218, type: 223, elif: 236, while: 240, try: 246, except: 248, finally: 250, with: 254, def: 258, class: 268, match: 279, case: 285 };
   const parser$1 = LRParser.deserialize({
     version: 14,
-    states: "##pO`QeOOP$}OSOOO&WQtO'#HUOOQS'#Co'#CoOOQS'#Cp'#CpO'vQdO'#CnO*UQtO'#HTOOQS'#HU'#HUOOQS'#DU'#DUOOQS'#HT'#HTO*rQdO'#D_O+VQdO'#DfO+gQdO'#DjO+zOWO'#DuO,VOWO'#DvO.[QtO'#GuOOQS'#Gu'#GuO'vQdO'#GtO0ZQtO'#GtOOQS'#Eb'#EbO0rQdO'#EcOOQS'#Gs'#GsO0|QdO'#GrOOQV'#Gr'#GrO1XQdO'#FYOOQS'#G^'#G^O1^QdO'#FXOOQV'#IS'#ISOOQV'#Gq'#GqOOQV'#Fq'#FqQ`QeOOO'vQdO'#CqO1lQdO'#C}O1sQdO'#DRO2RQdO'#HYO2cQtO'#EVO'vQdO'#EWOOQS'#EY'#EYOOQS'#E['#E[OOQS'#E^'#E^O2wQdO'#E`O3_QdO'#EdO1XQdO'#EfO3rQtO'#EfO1XQdO'#EiO0rQdO'#ElO1XQdO'#EnO0rQdO'#EtO0rQdO'#EwO3}QdO'#EyO4UQdO'#FOO4aQdO'#EzO0rQdO'#FOO1XQdO'#FQO1XQdO'#FVO4fQdO'#F[P4mOdO'#GpPOOO)CBd)CBdOOQS'#Ce'#CeOOQS'#Cf'#CfOOQS'#Cg'#CgOOQS'#Ch'#ChOOQS'#Ci'#CiOOQS'#Cj'#CjOOQS'#Cl'#ClO'vQdO,59OO'vQdO,59OO'vQdO,59OO'vQdO,59OO'vQdO,59OO'vQdO,59OO4xQdO'#DoOOQS,5:Y,5:YO5]QdO'#HdOOQS,5:],5:]O5jQ!fO,5:]O5oQtO,59YO1lQdO,59bO1lQdO,59bO1lQdO,59bO8_QdO,59bO8dQdO,59bO8kQdO,59jO8rQdO'#HTO9xQdO'#HSOOQS'#HS'#HSOOQS'#D['#D[O:aQdO,59aO'vQdO,59aO:oQdO,59aOOQS,59y,59yO:tQdO,5:RO'vQdO,5:ROOQS,5:Q,5:QO;SQdO,5:QO;XQdO,5:XO'vQdO,5:XO'vQdO,5:VOOQS,5:U,5:UO;jQdO,5:UO;oQdO,5:WOOOW'#Fy'#FyO;tOWO,5:aOOQS,5:a,5:aO<PQdO'#HwOOOW'#Dw'#DwOOOW'#Fz'#FzO<aOWO,5:bOOQS,5:b,5:bOOQS'#F}'#F}O<oQtO,5:iO?aQtO,5=`O?zQ#xO,5=`O@kQtO,5=`OOQS,5:},5:}OASQeO'#GWOBfQdO,5;^OOQV,5=^,5=^OBqQtO'#H}OCYQdO,5;tOOQS-E:[-E:[OOQV,5;s,5;sO4[QdO'#FQOOQV-E9o-E9oOCbQtO,59]OEiQtO,59iOFSQdO'#HVOF_QdO'#HVO1XQdO'#HVOFjQdO'#DTOFrQdO,59mOFwQdO'#HZO'vQdO'#HZO0rQdO,5=tOOQS,5=t,5=tO0rQdO'#EROOQS'#ES'#ESOGfQdO'#GPOGvQdO,58|OGvQdO,58|O*xQdO,5:oOHUQtO'#H]OOQS,5:r,5:rOOQS,5:z,5:zOHiQdO,5;OOHzQdO,5;QOOQS'#GS'#GSOIYQtO,5;QOIhQdO,5;QOImQdO'#IQOOQS,5;T,5;TOI{QdO'#H|OOQS,5;W,5;WOJ^QdO,5;YO4aQdO,5;`O4aQdO,5;cOJfQtO'#ITO'vQdO'#ITOJpQdO,5;eO3}QdO,5;eO0rQdO,5;jO1XQdO,5;lOJuQeO'#EuOLRQgO,5;fO!!SQdO'#IUO4aQdO,5;jO!!_QdO,5;lO!!gQdO,5;qO!!rQtO,5;vO'vQdO,5;vPOOO,5=[,5=[P!!yOSO,5=[P!#OOdO,5=[O!%sQtO1G.jO!%zQtO1G.jO!(kQtO1G.jO!(uQtO1G.jO!+`QtO1G.jO!+sQtO1G.jO!,WQdO'#HcO!,fQtO'#GuO0rQdO'#HcO!,pQdO'#HbOOQS,5:Z,5:ZO!,xQdO,5:ZO!,}QdO'#HeO!-YQdO'#HeO!-mQdO,5>OOOQS'#Ds'#DsOOQS1G/w1G/wOOQS1G.|1G.|O!.mQtO1G.|O!.tQtO1G.|O1lQdO1G.|O!/aQdO1G/UOOQS'#DZ'#DZO0rQdO,59tOOQS1G.{1G.{O!/hQdO1G/eO!/xQdO1G/eO!0QQdO1G/fO'vQdO'#H[O!0VQdO'#H[O!0[QtO1G.{O!0lQdO,59iO!1rQdO,5=zO!2SQdO,5=zO!2[QdO1G/mO!2aQtO1G/mOOQS1G/l1G/lO!2qQdO,5=uO!3hQdO,5=uO0rQdO1G/qO!4VQdO1G/sO!4[QtO1G/sO!4lQtO1G/qOOQS1G/p1G/pOOQS1G/r1G/rOOOW-E9w-E9wOOQS1G/{1G/{O!4|QdO'#HxO0rQdO'#HxO!5_QdO,5>cOOOW-E9x-E9xOOQS1G/|1G/|OOQS-E9{-E9{O!5mQ#xO1G2zO!6^QtO1G2zO'vQdO,5<jOOQS,5<j,5<jOOQS-E9|-E9|OOQS,5<r,5<rOOQS-E:U-E:UOOQV1G0x1G0xO1XQdO'#GRO!6uQtO,5>iOOQS1G1`1G1`O!7^QdO1G1`OOQS'#DV'#DVO0rQdO,5=qOOQS,5=q,5=qO!7cQdO'#FrO!7nQdO,59oO!7vQdO1G/XO!8QQtO,5=uOOQS1G3`1G3`OOQS,5:m,5:mO!8qQdO'#GtOOQS,5<k,5<kOOQS-E9}-E9}O!9SQdO1G.hOOQS1G0Z1G0ZO!9bQdO,5=wO!9rQdO,5=wO0rQdO1G0jO0rQdO1G0jO1XQdO1G0lOOQS-E:Q-E:QO!:TQdO1G0lO!:`QdO1G0lO!:eQdO,5>lO!:sQdO,5>lO!;RQdO,5>hO!;iQdO,5>hO!;zQdO'#EpO0rQdO1G0tO!<VQdO1G0tO!<[QgO1G0zO!@YQgO1G0}O!DTQdO,5>oO!D_QdO,5>oO!DgQtO,5>oO0rQdO1G1PO!DqQdO1G1PO4aQdO1G1UO!!_QdO1G1WOOQV,5;a,5;aO!DvQfO,5;aO!D{QgO1G1QO!H|QdO'#GZO4aQdO1G1QO4aQdO1G1QO!I^QdO,5>pO!IkQdO,5>pO1XQdO,5>pOOQV1G1U1G1UO!IsQdO'#FSO!JUQ!fO1G1WO!J^QdO1G1WOOQV1G1]1G1]O4aQdO1G1]O!JcQdO1G1]O!JkQdO'#F^OOQV1G1b1G1bO!!rQtO1G1bPOOO1G2v1G2vP!JpOSO1G2vOOQS,5=},5=}OOQS'#Dp'#DpO0rQdO,5=}O!JuQdO,5=|O!KYQdO,5=|OOQS1G/u1G/uO!KbQdO,5>PO!KrQdO,5>PO!KzQdO,5>PO!L_QdO,5>PO!LoQdO,5>POOQS1G3j1G3jOOQS7+$h7+$hO!7vQdO7+$pO!NbQdO1G.|O!NiQdO1G.|OOQS1G/`1G/`OOQS,5<`,5<`O'vQdO,5<`OOQS7+%P7+%PO!NpQdO7+%POOQS-E9r-E9rOOQS7+%Q7+%QO# QQdO,5=vO'vQdO,5=vOOQS7+$g7+$gO# VQdO7+%PO# _QdO7+%QO# dQdO1G3fOOQS7+%X7+%XO# tQdO1G3fO# |QdO7+%XOOQS,5<_,5<_O'vQdO,5<_O#!RQdO1G3aOOQS-E9q-E9qO#!xQdO7+%]OOQS7+%_7+%_O##WQdO1G3aO##uQdO7+%_O##zQdO1G3gO#$[QdO1G3gO#$dQdO7+%]O#$iQdO,5>dO#%SQdO,5>dO#%SQdO,5>dOOQS'#Dx'#DxO#%eO&jO'#DzO#%pO`O'#HyOOOW1G3}1G3}O#%uQdO1G3}O#%}QdO1G3}O#&YQ#xO7+(fO#&yQtO1G2UP#'dQdO'#GOOOQS,5<m,5<mOOQS-E:P-E:POOQS7+&z7+&zOOQS1G3]1G3]OOQS,5<^,5<^OOQS-E9p-E9pOOQS7+$s7+$sO#'qQdO,5=`O#([QdO,5=`O#(mQtO,5<aO#)QQdO1G3cOOQS-E9s-E9sOOQS7+&U7+&UO#)bQdO7+&UOOQS7+&W7+&WO#)pQdO'#IPO1XQdO'#IOO#*UQdO7+&WOOQS,5<p,5<pO#*aQdO1G4WOOQS-E:S-E:SOOQS,5<l,5<lO#*oQdO1G4SOOQS-E:O-E:OO1XQdO'#EqO#+VQdO'#EqO#+bQdO'#IRO#+jQdO,5;[OOQS7+&`7+&`O0rQdO7+&`O#+oQgO7+&fO!IPQdO'#GXO4aQdO7+&fO4aQdO7+&iO#/mQtO,5<tO'vQdO,5<tO#/wQdO1G4ZOOQS-E:W-E:WO#0RQdO1G4ZO4aQdO7+&kO0rQdO7+&kOOQV7+&p7+&pO!JUQ!fO7+&rO!J^QdO7+&rO`QeO1G0{OOQV-E:X-E:XO4aQdO7+&lO4aQdO7+&lOOQV,5<u,5<uO#0ZQdO,5<uO!IPQdO,5<uOOQV7+&l7+&lO#0fQgO7+&lO#4aQdO,5<vO#4lQdO1G4[OOQS-E:Y-E:YO#4yQdO1G4[O#5RQdO'#IWO#5aQdO'#IWO1XQdO'#IWOOQS'#IW'#IWO#5lQdO'#IVOOQS,5;n,5;nO#5tQdO,5;nO0rQdO'#FUOOQV7+&r7+&rO4aQdO7+&rOOQV7+&w7+&wO4aQdO7+&wO#5yQfO,5;xOOQV7+&|7+&|POOO7+(b7+(bO#6OQdO1G3iOOQS,5<c,5<cO#6^QdO1G3hOOQS-E9u-E9uO#6qQdO,5<dO#6|QdO,5<dO#7aQdO1G3kOOQS-E9v-E9vO#7qQdO1G3kO#7yQdO1G3kO#8ZQdO1G3kO#7qQdO1G3kOOQS<<H[<<H[O#8fQtO1G1zOOQS<<Hk<<HkP#8sQdO'#FtO8kQdO1G3bO#9QQdO1G3bO#9VQdO<<HkOOQS<<Hl<<HlO#9gQdO7+)QOOQS<<Hs<<HsO#9wQtO1G1yP#:hQdO'#FsO#:uQdO7+)RO#;VQdO7+)RO#;_QdO<<HwO#;dQdO7+({OOQS<<Hy<<HyO#<ZQdO,5<bO'vQdO,5<bOOQS-E9t-E9tOOQS<<Hw<<HwOOQS,5<g,5<gO0rQdO,5<gO#<`QdO1G4OOOQS-E9y-E9yO#<yQdO1G4OO<PQdO'#H{OOOO'#D{'#D{OOOO'#F|'#F|O#=[O&jO,5:fOOOW,5>e,5>eOOOW7+)i7+)iO#=gQdO7+)iO#=oQdO1G2zO#>YQdO1G2zP'vQdO'#FuO0rQdO<<IpO#>kQdO,5>kO#>|QdO,5>kO1XQdO,5>kO#?_QdO,5>jOOQS<<Ir<<IrP1XQdO'#GUP0rQdO'#GQOOQS,5;],5;]O#?dQdO,5>mO#?rQdO,5>mOOQS1G0v1G0vOOQS<<Iz<<IzOOQV-E:V-E:VO4aQdO<<JQOOQV,5<s,5<sO4aQdO,5<sOOQV<<JQ<<JQOOQV<<JT<<JTO#?zQtO1G2`P#@UQdO'#GYO#@]QdO7+)uO#@gQgO<<JVO4aQdO<<JVOOQV<<J^<<J^O4aQdO<<J^O!JUQ!fO<<J^O#DbQgO7+&gOOQV<<JW<<JWO#DlQgO<<JWOOQV1G2a1G2aO1XQdO1G2aO#HgQdO1G2aO4aQdO<<JWO1XQdO1G2bP0rQdO'#G[O#HrQdO7+)vO#IPQdO7+)vOOQS'#FT'#FTO0rQdO,5>rO#IXQdO,5>rOOQS,5>r,5>rO#IdQdO,5>qO#IuQdO,5>qOOQS1G1Y1G1YOOQS,5;p,5;pOOQV<<Jc<<JcO#I}QdO1G1dOOQS7+)T7+)TP#JSQdO'#FwO#JdQdO1G2OO#JwQdO1G2OO#KXQdO1G2OP#KdQdO'#FxO#KqQdO7+)VO#LRQdO7+)VO#LRQdO7+)VO#LZQdO7+)VO#LkQdO7+(|O8kQdO7+(|OOQSAN>VAN>VO#MUQdO<<LmOOQSAN>cAN>cO0rQdO1G1|O#MfQtO1G1|P#MpQdO'#FvOOQS1G2R1G2RP#M}QdO'#F{O#N[QdO7+)jO#NuQdO,5>gOOOO-E9z-E9zOOOW<<MT<<MTO$ TQdO7+(fOOQSAN?[AN?[O$ nQdO,5<oO$!SQdO1G4VOOQS-E:R-E:RO$!eQdO1G4VOOQS1G4U1G4UOOQS,5<q,5<qO$!vQdO1G4XOOQS-E:T-E:TOOQVAN?lAN?lOOQV1G2_1G2_O4aQdOAN?qO$#UQgOAN?qOOQVAN?xAN?xO4aQdOAN?xOOQV<<JR<<JRO4aQdOAN?rO4aQdO7+'{OOQV7+'{7+'{O1XQdO7+'{OOQVAN?rAN?rOOQS7+'|7+'|O$'PQdO<<MbOOQS1G4^1G4^O0rQdO1G4^OOQS,5<w,5<wO$'^QdO1G4]OOQS-E:Z-E:ZOOQU'#G_'#G_O$'oQfO7+'OO$'zQdO'#F_O$)RQdO7+'jO$)cQdO7+'jOOQS7+'j7+'jO$)nQdO<<LqO$*OQdO<<LqO$*OQdO<<LqO$*WQdO'#H^OOQS<<Lh<<LhO$*bQdO<<LhOOQS7+'h7+'hOOQS'#D|'#D|OOOO1G4R1G4RO$*{QdO1G4RO$+TQdO1G4RO1XQdO1G2ZP1XQdO'#GTO$+`QdO7+)qO$+qQdO7+)qP!;zQdO'#GVOOQVG25]G25]O4aQdOG25]OOQVG25dG25dOOQVG25^G25^OOQV<<Kg<<KgO4aQdO<<KgOOQS7+)x7+)xP$,SQdO'#G]OOQU-E:]-E:]OOQV<<Jj<<JjO$,vQtO'#FaOOQS'#Fc'#FcO$-WQdO'#FbO$-xQdO'#FbOOQS'#Fb'#FbO$-}QdO'#IYO$'zQdO'#FiO$'zQdO'#FiO$.fQdO'#FjO$'zQdO'#FkO$.mQdO'#IZOOQS'#IZ'#IZO$/[QdO,5;yOOQS<<KU<<KUO$/dQdO<<KUO$/tQdOANB]O$0UQdOANB]O$0^QdO'#H_OOQS'#H_'#H_O1sQdO'#DcO$0wQdO,5=xOOQSANBSANBSOOOO7+)m7+)mO$1`QdO7+)mOOQS7+'u7+'uO$1hQdO<<M]OOQVLD*wLD*wOOQVANARANARO5jQ!fO'#GaO$1yQtO,5<SO$'zQdO'#FmOOQS,5<W,5<WOOQS'#Fd'#FdO$2kQdO,5;|O$2pQdO,5;|OOQS'#Fg'#FgO$'zQdO'#G`O$3bQdO,5<QO$3|QdO,5>tO$4^QdO,5>tO1XQdO,5<PO$4oQdO,5<TO$4tQdO,5<TO$'zQdO'#I[O$4yQdO'#I[O$5OQdO,5<UOOQS,5<V,5<VO'vQdO'#FpOOQU1G1e1G1eO4aQdO1G1eOOQSAN@pAN@pO$5TQdOG27wO$5eQdO,59}OOQS1G3d1G3dOOOO<<MX<<MXOOQS,5<{,5<{OOQS-E:_-E:_O$5jQtO'#FaO$5qQdO'#I]O$6PQdO'#I]O$6XQdO,5<XOOQS1G1h1G1hO$6^QdO1G1hO$6cQdO,5<zOOQS-E:^-E:^O$6}QdO,5=OO$7fQdO1G4`OOQS-E:b-E:bOOQS1G1k1G1kOOQS1G1o1G1oO$7vQdO,5>vO$'zQdO,5>vOOQS1G1p1G1pO$8UQtO,5<[OOQU7+'P7+'PO$*WQdO1G/iO$'zQdO,5<YO$8]QdO,5>wO$8dQdO,5>wOOQS1G1s1G1sOOQS7+'S7+'SP$'zQdO'#GdO$8lQdO1G4bO$8vQdO1G4bO$9OQdO1G4bOOQS7+%T7+%TO$9^QdO1G1tO$9lQtO'#FaO$9sQdO,5<}OOQS,5<},5<}O$:RQdO1G4cOOQS-E:a-E:aO$'zQdO,5<|O$:YQdO,5<|O$:_QdO7+)|OOQS-E:`-E:`O$:iQdO7+)|O$'zQdO,5<ZP$'zQdO'#GcO$:qQdO1G2hO$'zQdO1G2hP$;PQdO'#GbO$;WQdO<<MhO$;bQdO1G1uO$;pQdO7+(SO8kQdO'#C}O8kQdO,59bO8kQdO,59bO8kQdO,59bO$<OQtO,5=`O8kQdO1G.|O0rQdO1G/XO0rQdO7+$pP$<cQdO'#GOO'vQdO'#GtO$<pQdO,59bO$<uQdO,59bO$<|QdO,59mO$=RQdO1G/UO1sQdO'#DRO8kQdO,59j",
-    stateData: "$=l~O%cOS%^OSSOS%]PQ~OPdOVaOfoOhYOopOs!POvqO!PrO!Q{O!T!SO!U!RO!XZO!][O!h`O!r`O!s`O!t`O!{tO!}uO#PvO#RwO#TxO#XyO#ZzO#^|O#_|O#a}O#c!OO#l!QO#o!TO#s!UO#u!VO#z!WO#}hO$P!XO%oRO%pRO%tSO%uWO&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O&c^O&d^O&e^O&f^O&g^O&h^O&i^O&j^O~O%]!YO~OV!aO_!aOa!bOh!iO!X!kO!f!mO%j![O%k!]O%l!^O%m!_O%n!_O%o!`O%p!`O%q!aO%r!aO%s!aO~Ok%xXl%xXm%xXn%xXo%xXp%xXs%xXz%xX{%xX!x%xX#g%xX%[%xX%_%xX%z%xXg%xX!T%xX!U%xX%{%xX!W%xX![%xX!Q%xX#[%xXt%xX!m%xX~P%SOfoOhYO!XZO!][O!h`O!r`O!s`O!t`O%oRO%pRO%tSO%uWO&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O&c^O&d^O&e^O&f^O&g^O&h^O&i^O&j^O~Oz%wX{%wX#g%wX%[%wX%_%wX%z%wX~Ok!pOl!qOm!oOn!oOo!rOp!sOs!tO!x%wX~P)pOV!zOg!|Oo0dOv0rO!PrO~P'vOV#OOo0dOv0rO!W#PO~P'vOV#SOa#TOo0dOv0rO![#UO~P'vOQ#XO%`#XO%a#ZO~OQ#^OR#[O%`#^O%a#`O~OV%iX_%iXa%iXh%iXk%iXl%iXm%iXn%iXo%iXp%iXs%iXz%iX!X%iX!f%iX%j%iX%k%iX%l%iX%m%iX%n%iX%o%iX%p%iX%q%iX%r%iX%s%iXg%iX!T%iX!U%iX~O&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O&c^O&d^O&e^O&f^O&g^O&h^O&i^O&j^O{%iX!x%iX#g%iX%[%iX%_%iX%z%iX%{%iX!W%iX![%iX!Q%iX#[%iXt%iX!m%iX~P,eOz#dO{%hX!x%hX#g%hX%[%hX%_%hX%z%hX~Oo0dOv0rO~P'vO#g#gO%[#iO%_#iO~O%uWO~O!T#nO#u!VO#z!WO#}hO~OopO~P'vOV#sOa#tO%uWO{wP~OV#xOo0dOv0rO!Q#yO~P'vO{#{O!x$QO%z#|O#g!yX%[!yX%_!yX~OV#xOo0dOv0rO#g#SX%[#SX%_#SX~P'vOo0dOv0rO#g#WX%[#WX%_#WX~P'vO!f$WO!r$WO%uWO~OV$cO~P'vO!U$eO#s$fO#u$gO~O{$hO~OV$oO~P'vOS$qO%[$pO%c$rO~OV${Oa${Og$}Oo0dOv0rO~P'vOo0dOv0rO{%QO~P'vO&Y%SO~Oa!bOh!iO!X!kO!f!mOVba_bakbalbambanbaobapbasbazba{ba!xba#gba%[ba%_ba%jba%kba%lba%mba%nba%oba%pba%qba%rba%sba%zbagba!Tba!Uba%{ba!Wba![ba!Qba#[batba!mba~On%XO~Oo%XO~P'vOo0dO~P'vOk0fOl0gOm0eOn0eOo0nOp0oOs0sOg%wX!T%wX!U%wX%{%wX!W%wX![%wX!Q%wX#[%wX!m%wX~P)pO%{%ZOg%vXz%vX!T%vX!U%vX!W%vX{%vX~Og%]Oz%^O!T%bO!U%aO~Og%]O~Oz%eO!T%bO!U%aO!W&SX~O!W%iO~Oz%jO{%lO!T%bO!U%aO![%}X~O![%pO~O![%qO~OQ#XO%`#XO%a%sO~OV%uOo0dOv0rO!PrO~P'vOQ#^OR#[O%`#^O%a%xO~OV!qa_!qaa!qah!qak!qal!qam!qan!qao!qap!qas!qaz!qa{!qa!X!qa!f!qa!x!qa#g!qa%[!qa%_!qa%j!qa%k!qa%l!qa%m!qa%n!qa%o!qa%p!qa%q!qa%r!qa%s!qa%z!qag!qa!T!qa!U!qa%{!qa!W!qa![!qa!Q!qa#[!qat!qa!m!qa~P#yOz%zO{%ha!x%ha#g%ha%[%ha%_%ha%z%ha~P%SOV%|OopOvqO{%ha!x%ha#g%ha%[%ha%_%ha%z%ha~P'vOz%zO{%ha!x%ha#g%ha%[%ha%_%ha%z%ha~OPdOVaOopOvqO!PrO!Q{O!{tO!}uO#PvO#RwO#TxO#XyO#ZzO#^|O#_|O#a}O#c!OO#g$zX%[$zX%_$zX~P'vO#g#gO%[&RO%_&RO~O!f&SOh&qX%[&qX#[&qX#g&qX%_&qX#Z&qX~Oh!iO%[&UO~Okealeameaneaoeapeaseazea{ea!xea#gea%[ea%_ea%zeagea!Tea!Uea%{ea!Wea![ea!Qea#[eatea!mea~P%SOsqazqa{qa#gqa%[qa%_qa%zqa~Ok!pOl!qOm!oOn!oOo!rOp!sO!xqa~PEQO%z&WOz%yX{%yX~O%uWOz%yX{%yX~Oz&ZO{wX~O{&]O~Oz%jO#g%}X%[%}X%_%}Xg%}X{%}X![%}X!m%}X%z%}X~OV0mOo0dOv0rO!PrO~P'vO%z#|O#gUa%[Ua%_Ua~Oz&fO#g&PX%[&PX%_&PXn&PX~P%SOz&iO!Q&hO#g#Wa%[#Wa%_#Wa~O#[&jO#g#Ya%[#Ya%_#Ya~O!f$WO!r$WO#Z&lO%uWO~O#Z&lO~Oz&nO#g&tX%[&tX%_&tX~Oz&pO#g&pX%[&pX%_&pX{&pX~O!X&rO%z&sO~Oz&wOn&wX~P%SOn&zO~OPdOVaOopOvqO!PrO!Q{O!{tO!}uO#PvO#RwO#TxO#XyO#ZzO#^|O#_|O#a}O#c!OO%['PO~P'vOt'TO#p'RO#q'SOP#naV#naf#nah#nao#nas#nav#na!P#na!Q#na!T#na!U#na!X#na!]#na!h#na!r#na!s#na!t#na!{#na!}#na#P#na#R#na#T#na#X#na#Z#na#^#na#_#na#a#na#c#na#l#na#o#na#s#na#u#na#z#na#}#na$P#na%X#na%o#na%p#na%t#na%u#na&Z#na&[#na&]#na&^#na&_#na&`#na&a#na&b#na&c#na&d#na&e#na&f#na&g#na&h#na&i#na&j#na%Z#na%_#na~Oz'UO#['WO{&xX~Oh'YO!X&rO~Oh!iO{$hO!X&rO~O{'`O~P%SO%['cO~OS'dO%['cO~OV!aO_!aOa!bOh!iO!X!kO!f!mO%l!^O%m!_O%n!_O%o!`O%p!`O%q!aO%r!aO%s!aOkWilWimWinWioWipWisWizWi{Wi!xWi#gWi%[Wi%_Wi%jWi%zWigWi!TWi!UWi%{Wi!WWi![Wi!QWi#[WitWi!mWi~O%k!]O~P!#WO%kWi~P!#WOV!aO_!aOa!bOh!iO!X!kO!f!mO%o!`O%p!`O%q!aO%r!aO%s!aOkWilWimWinWioWipWisWizWi{Wi!xWi#gWi%[Wi%_Wi%jWi%kWi%lWi%zWigWi!TWi!UWi%{Wi!WWi![Wi!QWi#[WitWi!mWi~O%m!_O%n!_O~P!&RO%mWi%nWi~P!&ROa!bOh!iO!X!kO!f!mOkWilWimWinWioWipWisWizWi{Wi!xWi#gWi%[Wi%_Wi%jWi%kWi%lWi%mWi%nWi%oWi%pWi%zWigWi!TWi!UWi%{Wi!WWi![Wi!QWi#[WitWi!mWi~OV!aO_!aO%q!aO%r!aO%s!aO~P!)POVWi_Wi%qWi%rWi%sWi~P!)PO!T%bO!U%aOg&VXz&VX~O%z'fO%{'fO~P,eOz'hOg&UX~Og'jO~Oz'kO{'mO!W&XX~Oo0dOv0rOz'kO{'nO!W&XX~P'vO!W'pO~Om!oOn!oOo!rOp!sOkjisjizji{ji!xji#gji%[ji%_ji%zji~Ol!qO~P!-rOlji~P!-rOk0fOl0gOm0eOn0eOo0nOp0oO~Ot'rO~P!.{OV'wOg'xOo0dOv0rO~P'vOg'xOz'yO~Og'{O~O!U'}O~Og(OOz'yO!T%bO!U%aO~P%SOk0fOl0gOm0eOn0eOo0nOp0oOgqa!Tqa!Uqa%{qa!Wqa![qa!Qqa#[qatqa!mqa~PEQOV'wOo0dOv0rO!W&Sa~P'vOz(RO!W&Sa~O!W(SO~Oz(RO!T%bO!U%aO!W&Sa~P%SOV(WOo0dOv0rO![%}a#g%}a%[%}a%_%}ag%}a{%}a!m%}a%z%}a~P'vOz(XO![%}a#g%}a%[%}a%_%}ag%}a{%}a!m%}a%z%}a~O![([O~Oz(XO!T%bO!U%aO![%}a~P%SOz(_O!T%bO!U%aO![&Ta~P%SOz(bO{&lX![&lX!m&lX%z&lX~O{(fO![(hO!m(iO%z(eO~OV%|OopOvqO{%hi!x%hi#g%hi%[%hi%_%hi%z%hi~P'vOz(kO{%hi!x%hi#g%hi%[%hi%_%hi%z%hi~O!f&SOh&qa%[&qa#[&qa#g&qa%_&qa#Z&qa~O%[(pO~OV#sOa#tO%uWO~Oz&ZO{wa~OopOvqO~P'vOz(XO#g%}a%[%}a%_%}ag%}a{%}a![%}a!m%}a%z%}a~P%SOz(uO#g%hX%[%hX%_%hX%z%hX~O%z#|O#gUi%[Ui%_Ui~O#g&Pa%[&Pa%_&Pan&Pa~P'vOz(xO#g&Pa%[&Pa%_&Pan&Pa~OV(|Oh)OO%uWO~O#Z)PO~O%uWO#g&ta%[&ta%_&ta~Oz)RO#g&ta%[&ta%_&ta~Oo0dOv0rO#g&pa%[&pa%_&pa{&pa~P'vOz)UO#g&pa%[&pa%_&pa{&pa~OV)WOa)WO%uWO~O%z)]O~Ot)`O#j)_OP#hiV#hif#hih#hio#his#hiv#hi!P#hi!Q#hi!T#hi!U#hi!X#hi!]#hi!h#hi!r#hi!s#hi!t#hi!{#hi!}#hi#P#hi#R#hi#T#hi#X#hi#Z#hi#^#hi#_#hi#a#hi#c#hi#l#hi#o#hi#s#hi#u#hi#z#hi#}#hi$P#hi%X#hi%o#hi%p#hi%t#hi%u#hi&Z#hi&[#hi&]#hi&^#hi&_#hi&`#hi&a#hi&b#hi&c#hi&d#hi&e#hi&f#hi&g#hi&h#hi&i#hi&j#hi%Z#hi%_#hi~Ot)aOP#kiV#kif#kih#kio#kis#kiv#ki!P#ki!Q#ki!T#ki!U#ki!X#ki!]#ki!h#ki!r#ki!s#ki!t#ki!{#ki!}#ki#P#ki#R#ki#T#ki#X#ki#Z#ki#^#ki#_#ki#a#ki#c#ki#l#ki#o#ki#s#ki#u#ki#z#ki#}#ki$P#ki%X#ki%o#ki%p#ki%t#ki%u#ki&Z#ki&[#ki&]#ki&^#ki&_#ki&`#ki&a#ki&b#ki&c#ki&d#ki&e#ki&f#ki&g#ki&h#ki&i#ki&j#ki%Z#ki%_#ki~OV)cOn&wa~P'vOz)dOn&wa~Oz)dOn&wa~P%SOn)hO~O%Y)lO~Ot)oO#p'RO#q)nOP#niV#nif#nih#nio#nis#niv#ni!P#ni!Q#ni!T#ni!U#ni!X#ni!]#ni!h#ni!r#ni!s#ni!t#ni!{#ni!}#ni#P#ni#R#ni#T#ni#X#ni#Z#ni#^#ni#_#ni#a#ni#c#ni#l#ni#o#ni#s#ni#u#ni#z#ni#}#ni$P#ni%X#ni%o#ni%p#ni%t#ni%u#ni&Z#ni&[#ni&]#ni&^#ni&_#ni&`#ni&a#ni&b#ni&c#ni&d#ni&e#ni&f#ni&g#ni&h#ni&i#ni&j#ni%Z#ni%_#ni~OV)rOo0dOv0rO{$hO~P'vOo0dOv0rO{&xa~P'vOz)vO{&xa~OV)zOa){Og*OO%q)|O%uWO~O{$hO&{*QO~Oh'YO~Oh!iO{$hO~O%[*VO~O%[*XO~OV${Oa${Oo0dOv0rOg&Ua~P'vOz*[Og&Ua~Oo0dOv0rO{*_O!W&Xa~P'vOz*`O!W&Xa~Oo0dOv0rOz*`O{*cO!W&Xa~P'vOo0dOv0rOz*`O!W&Xa~P'vOz*`O{*cO!W&Xa~Om0eOn0eOo0nOp0oOgjikjisjizji!Tji!Uji%{ji!Wji{ji![ji#gji%[ji%_ji!Qji#[jitji!mji%zji~Ol0gO~P!LzOlji~P!LzOV'wOg*hOo0dOv0rO~P'vOn*jO~Og*hOz*lO~Og*mO~OV'wOo0dOv0rO!W&Si~P'vOz*nO!W&Si~O!W*oO~OV(WOo0dOv0rO![%}i#g%}i%[%}i%_%}ig%}i{%}i!m%}i%z%}i~P'vOz*rO!T%bO!U%aO![&Ti~Oz*uO![%}i#g%}i%[%}i%_%}ig%}i{%}i!m%}i%z%}i~O![*vO~Oa*xOo0dOv0rO![&Ti~P'vOz*rO![&Ti~O![*zO~OV*|Oo0dOv0rO{&la![&la!m&la%z&la~P'vOz*}O{&la![&la!m&la%z&la~O!]+QO&n+SO![!nX~O![+UO~O{(fO![+VO~O{(fO![+VO!m+WO~OV%|OopOvqO{%hq!x%hq#g%hq%[%hq%_%hq%z%hq~P'vOz$ri{$ri!x$ri#g$ri%[$ri%_$ri%z$ri~P%SOV%|OopOvqO~P'vOV%|Oo0dOv0rO#g%ha%[%ha%_%ha%z%ha~P'vOz+XO#g%ha%[%ha%_%ha%z%ha~Oz$ia#g$ia%[$ia%_$ian$ia~P%SO#g&Pi%[&Pi%_&Pin&Pi~P'vOz+[O#g#Wq%[#Wq%_#Wq~Oz+]O#[+_O#g&sX%[&sX%_&sXg&sX~OV+aOh)OO%uWO~O%uWO#g&ti%[&ti%_&ti~Oo0dOv0rO#g&pi%[&pi%_&pi{&pi~P'vO{#{Oz#eX!W#eX~Oz+eO!W&uX~O!W+gO~Ot+jO#j)_OP#hqV#hqf#hqh#hqo#hqs#hqv#hq!P#hq!Q#hq!T#hq!U#hq!X#hq!]#hq!h#hq!r#hq!s#hq!t#hq!{#hq!}#hq#P#hq#R#hq#T#hq#X#hq#Z#hq#^#hq#_#hq#a#hq#c#hq#l#hq#o#hq#s#hq#u#hq#z#hq#}#hq$P#hq%X#hq%o#hq%p#hq%t#hq%u#hq&Z#hq&[#hq&]#hq&^#hq&_#hq&`#hq&a#hq&b#hq&c#hq&d#hq&e#hq&f#hq&g#hq&h#hq&i#hq&j#hq%Z#hq%_#hq~On$|az$|a~P%SOV)cOn&wi~P'vOz+qOn&wi~Oz+{O{$hO#[+{O~O#q+}OP#nqV#nqf#nqh#nqo#nqs#nqv#nq!P#nq!Q#nq!T#nq!U#nq!X#nq!]#nq!h#nq!r#nq!s#nq!t#nq!{#nq!}#nq#P#nq#R#nq#T#nq#X#nq#Z#nq#^#nq#_#nq#a#nq#c#nq#l#nq#o#nq#s#nq#u#nq#z#nq#}#nq$P#nq%X#nq%o#nq%p#nq%t#nq%u#nq&Z#nq&[#nq&]#nq&^#nq&_#nq&`#nq&a#nq&b#nq&c#nq&d#nq&e#nq&f#nq&g#nq&h#nq&i#nq&j#nq%Z#nq%_#nq~O#[,OOz%Oa{%Oa~Oo0dOv0rO{&xi~P'vOz,QO{&xi~O{#{O%z,SOg&zXz&zX~O%uWOg&zXz&zX~Oz,WOg&yX~Og,YO~O%Y,]O~O!T%bO!U%aOg&Viz&Vi~OV${Oa${Oo0dOv0rOg&Ui~P'vO{,`Oz$la!W$la~Oo0dOv0rO{,aOz$la!W$la~P'vOo0dOv0rO{*_O!W&Xi~P'vOz,dO!W&Xi~Oo0dOv0rOz,dO!W&Xi~P'vOz,dO{,gO!W&Xi~Og$hiz$hi!W$hi~P%SOV'wOo0dOv0rO~P'vOn,iO~OV'wOg,jOo0dOv0rO~P'vOV'wOo0dOv0rO!W&Sq~P'vOz$gi![$gi#g$gi%[$gi%_$gig$gi{$gi!m$gi%z$gi~P%SOV(WOo0dOv0rO~P'vOa*xOo0dOv0rO![&Tq~P'vOz,kO![&Tq~O![,lO~OV(WOo0dOv0rO![%}q#g%}q%[%}q%_%}qg%}q{%}q!m%}q%z%}q~P'vO{,mO~OV*|Oo0dOv0rO{&li![&li!m&li%z&li~P'vOz,rO{&li![&li!m&li%z&li~O!]+QO&n+SO![!na~O{(fO![,uO~OV%|Oo0dOv0rO#g%hi%[%hi%_%hi%z%hi~P'vOz,vO#g%hi%[%hi%_%hi%z%hi~O%uWO#g&sa%[&sa%_&sag&sa~Oz,yO#g&sa%[&sa%_&sag&sa~Og,|O~OV)WOa)WO%uWO!W&ua~Oz-OO!W&ua~On$|iz$|i~P%SOV)cO~P'vOV)cOn&wq~P'vOt-SOP#myV#myf#myh#myo#mys#myv#my!P#my!Q#my!T#my!U#my!X#my!]#my!h#my!r#my!s#my!t#my!{#my!}#my#P#my#R#my#T#my#X#my#Z#my#^#my#_#my#a#my#c#my#l#my#o#my#s#my#u#my#z#my#}#my$P#my%X#my%o#my%p#my%t#my%u#my&Z#my&[#my&]#my&^#my&_#my&`#my&a#my&b#my&c#my&d#my&e#my&f#my&g#my&h#my&i#my&j#my%Z#my%_#my~O%Z-WO%_-WO~P`O#q-XOP#nyV#nyf#nyh#nyo#nys#nyv#ny!P#ny!Q#ny!T#ny!U#ny!X#ny!]#ny!h#ny!r#ny!s#ny!t#ny!{#ny!}#ny#P#ny#R#ny#T#ny#X#ny#Z#ny#^#ny#_#ny#a#ny#c#ny#l#ny#o#ny#s#ny#u#ny#z#ny#}#ny$P#ny%X#ny%o#ny%p#ny%t#ny%u#ny&Z#ny&[#ny&]#ny&^#ny&_#ny&`#ny&a#ny&b#ny&c#ny&d#ny&e#ny&f#ny&g#ny&h#ny&i#ny&j#ny%Z#ny%_#ny~Oz-[O{$hO#[-[O~Oo0dOv0rO{&xq~P'vOz-_O{&xq~O%z,SOg&zaz&za~OV)zOa){O%q)|O%uWOg&ya~Oz-cOg&ya~O$S-gO~OV${Oa${Oo0dOv0rO~P'vOo0dOv0rO{-hOz$li!W$li~P'vOo0dOv0rOz$li!W$li~P'vO{-hOz$li!W$li~Oo0dOv0rO{*_O~P'vOo0dOv0rO{*_O!W&Xq~P'vOz-kO!W&Xq~Oo0dOv0rOz-kO!W&Xq~P'vOs-nO!T%bO!U%aOg&Oq!W&Oq![&Oqz&Oq~P!.{Oa*xOo0dOv0rO![&Ty~P'vOz$ji![$ji~P%SOa*xOo0dOv0rO~P'vOV*|Oo0dOv0rO~P'vOV*|Oo0dOv0rO{&lq![&lq!m&lq%z&lq~P'vO{(fO![-sO!m-tO%z-rO~OV%|Oo0dOv0rO#g%hq%[%hq%_%hq%z%hq~P'vO#[-vOz$wa#g$wa%[$wa%_$wag$wa~O%uWO#g&si%[&si%_&sig&si~Oz-xO#g&si%[&si%_&sig&si~OV)WOa)WO%uWO!W&ui~Ot-|OP#m!RV#m!Rf#m!Rh#m!Ro#m!Rs#m!Rv#m!R!P#m!R!Q#m!R!T#m!R!U#m!R!X#m!R!]#m!R!h#m!R!r#m!R!s#m!R!t#m!R!{#m!R!}#m!R#P#m!R#R#m!R#T#m!R#X#m!R#Z#m!R#^#m!R#_#m!R#a#m!R#c#m!R#l#m!R#o#m!R#s#m!R#u#m!R#z#m!R#}#m!R$P#m!R%X#m!R%o#m!R%p#m!R%t#m!R%u#m!R&Z#m!R&[#m!R&]#m!R&^#m!R&_#m!R&`#m!R&a#m!R&b#m!R&c#m!R&d#m!R&e#m!R&f#m!R&g#m!R&h#m!R&i#m!R&j#m!R%Z#m!R%_#m!R~Oo0dOv0rO{&xy~P'vOV)zOa){O%q)|O%uWOg&yi~O$S-gO%Z.UO%_.UO~OV.`Oh.^O!X.]O!]._O!h.XO!s.ZO!t.ZO%p.WO%uWO&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O~Oo0dOv0rOz$lq!W$lq~P'vO{.eOz$lq!W$lq~Oo0dOv0rO{*_O!W&Xy~P'vOz.fO!W&Xy~Oo0dOv.jO~P'vOs-nO!T%bO!U%aOg&Oy!W&Oy![&Oyz&Oy~P!.{O{(fO![.mO~O{(fO![.mO!m.nO~O%uWO#g&sq%[&sq%_&sqg&sq~Oz.pO#g&sq%[&sq%_&sqg&sq~OV)zOa){O%q)|O%uWO~Oh.uO!f.sOz$TX#[$TX%j$TXg$TX~Os$TX{$TX!W$TX![$TX~P$,bO%o.wO%p.wOs$UXz$UX{$UX#[$UX%j$UX!W$UXg$UX![$UX~O!h.yO~Oz.}O#[/PO%j.zOs&|X{&|X!W&|Xg&|X~Oa/SO~P$(WOh.uOs&}Xz&}X{&}X#[&}X%j&}X!W&}Xg&}X![&}X~Os/WO{$hO~Oo0dOv0rOz$ly!W$ly~P'vOo0dOv0rO{*_O!W&X!R~P'vOz/[O!W&X!R~Og&RXs&RX!T&RX!U&RX!W&RX![&RXz&RX~P!.{Os-nO!T%bO!U%aOg&Qa!W&Qa![&Qaz&Qa~O{(fO![/_O~O%uWO#g&sy%[&sy%_&syg&sy~O!f.sOh$[as$[az$[a{$[a#[$[a%j$[a!W$[ag$[a![$[a~O!h/fO~O%o.wO%p.wOs$Uaz$Ua{$Ua#[$Ua%j$Ua!W$Uag$Ua![$Ua~O%j.zOs$Yaz$Ya{$Ya#[$Ya!W$Yag$Ya![$Ya~Os&|a{&|a!W&|ag&|a~P$'zOz/kOs&|a{&|a!W&|ag&|a~O!W/nO~Og/nO~O{/pO~O![/qO~Oo0dOv0rO{*_O!W&X!Z~P'vO{/tO~O%z/uO~P$,bOz/vO#[/PO%j.zOg'PX~Oz/vOg'PX~Og/xO~O!h/yO~O#[/POs%Saz%Sa{%Sa%j%Sa!W%Sag%Sa![%Sa~O#[/PO%j.zOs%Waz%Wa{%Wa!W%Wag%Wa~Os&|i{&|i!W&|ig&|i~P$'zOz/{O#[/PO%j.zO!['Oa~O{$da~P%SOg'Pa~P$'zOz0TOg'Pa~Oa0VO!['Oi~P$(WOz0XO!['Oi~Oz0XO#[/PO%j.zO!['Oi~O#[/PO%j.zOg$biz$bi~O%z0[O~P$,bO#[/PO%j.zOg%Vaz%Va~Og'Pi~P$'zO{0_O~Oa0VO!['Oq~P$(WOz0aO!['Oq~O#[/PO%j.zOz%Ui![%Ui~Oa0VO~P$(WOa0VO!['Oy~P$(WO#[/PO%j.zOg$ciz$ci~O#[/PO%j.zOz%Uq![%Uq~Oz+XO#g%ha%[%ha%_%ha%z%ha~P%SOV%|Oo0dOv0rO~P'vOn0iO~Oo0iO~P'vO{0jO~Ot0kO~P!.{O&]&Z&j&h&i&g&f&d&e&c&b&`&a&_&^&[%u~",
-    goto: "!=c'QPPPPPP'RP'Z*s+]+v,b,}-kP.YP'Z.y.y'ZPPP'Z2cPPPPPP2c5VPP5VP7g7p>PPP>S>t>wPP'Z'ZPP?WPP'Z'ZPP'Z'Z'Z'Z'Z?[@U'ZP@XP@_DfHSHWPHZHeHi'ZPPPHlHu'RP'R'RP'RP'RP'RP'RP'R'R'RP'RPP'RPP'RP'RPH{IXIaPIhInPIhPIhIhPPPIhPK|PLVLaLgK|PIhLpPIhPLwL}PMRMgNUNoMRMRNu! SMRMRMRMR! h! n! q! v! y!!T!!Z!!g!!y!#P!#Z!#a!#}!$T!$Z!$e!$k!$q!%T!%_!%e!%k!%q!%{!&R!&X!&_!&e!&o!&u!'P!'V!'`!'f!'u!'}!(X!(`PPPPPPPPPPP!(f!(i!(o!(x!)S!)_PPPPPPPPPPPP!.R!/g!3g!6wPP!7P!7`!7i!8b!8X!8k!8q!8t!8w!8z!9S!9sPPPPPPPPPPPPPPPPP!9v!9z!:QP!:f!:j!:v!;S!;Y!;c!;f!;i!;o!;u!;{!<OP!<W!<a!=]!=`]eOn#g$h)l+w'}`OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$c$e$f$h$o${%Q%X%[%^%a%e%j%l%u%z%|&X&]&f&h&i&p&s&w&z'R'U'g'h'k'm'n'r'w'y'}(R(W(X(_(b(k(m(u(x)U)])_)c)d)h)l)r)v*Q*[*_*`*c*i*j*l*n*q*r*u*x*|*}+Q+X+Z+[+c+p+q+w,P,Q,T,_,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/W/[/t0d0e0f0g0i0j0k0l0m0o0s}!cQ#c#p$R$b$n%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h!P!dQ#c#p$R$b$n$s%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h!R!eQ#c#p$R$b$n$s$t%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h!T!fQ#c#p$R$b$n$s$t$u%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h!V!gQ#c#p$R$b$n$s$t$u$v%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h!X!hQ#c#p$R$b$n$s$t$u$v$w%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h!]!hQ!n#c#p$R$b$n$s$t$u$v$w$x%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0h'}TOTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$c$e$f$h$o${%Q%X%[%^%a%e%j%l%u%z%|&X&]&f&h&i&p&s&w&z'R'U'g'h'k'm'n'r'w'y'}(R(W(X(_(b(k(m(u(x)U)])_)c)d)h)l)r)v*Q*[*_*`*c*i*j*l*n*q*r*u*x*|*}+Q+X+Z+[+c+p+q+w,P,Q,T,_,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/W/[/t0d0e0f0g0i0j0k0l0m0o0s&cVOYZ[dnprxy}!P!Q!U!i!k!o!p!q!s!t#[#d#g#y#{#}$Q$f$h${%Q%X%[%^%e%j%l%u%z&X&]&h&i&p&s&z'R'U'g'h'k'm'n'r'y(R(X(_(b(k(m(u)U)])_)h)l)r)v*Q*[*_*`*c*i*j*l*n*q*r*u*|*}+Q+X+[+c+w,P,Q,T,_,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/[/t0d0e0f0g0i0j0k0l0o0s%mXOYZ[dnrxy}!P!Q!U!i!k#[#d#g#y#{#}$Q$f$h${%Q%[%^%e%j%l%u%z&X&]&h&i&p&s&z'R'U'g'h'k'm'n'r'y(R(X(_(b(k(m(u)U)])_)h)l)r)v*Q*[*_*`*c*i*l*n*q*r*u*|*}+Q+X+[+c+w,P,Q,T,_,`,a,c,d,g,k,m,o,q,r,v-_-a-h-k.e.f/[0j0k0lQ#vqQ/].jR0p0r't`OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$c$e$f$h$o${%Q%X%[%^%a%e%j%l%u%z%|&X&]&f&h&i&p&s&w&z'R'U'g'k'm'n'r'w'y'}(R(W(X(_(b(k(m(u(x)U)])_)c)d)h)l)r)v*Q*_*`*c*i*j*l*n*q*r*u*x*|*}+Q+X+Z+[+c+p+q+w,P,Q,T,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/W/[/t0d0e0f0g0i0j0k0l0m0o0sW#jhz{$XW#rq&Z.j0rQ$Z|Q$_!OQ$l!VQ$m!WW$z!i'h*[,_S&Y#s#tQ&}$gQ(n&SQ(|&jU(}&l)O)PU)Q&n)R+bW)X&r+e-O-zQ)x'WW)y'Y,W-c.SQ+d)WS,V)z){Y,x+],y-w-x.pQ,{+_Q-Y+{Q-^,OQ.Q-[l.V-g.].^.`.{.}/S/k/p/u/z0V0[0_Q.o-vQ/T._Q/b.uQ/m/PU0Q/v0T0]X0W/{0X0`0aR&X#r!_!wYZ!P!Q!k%Q%^%e'k'm'n'y(R)_*_*`*c*i*l*n,`,a,c,d,g-h-k.e.f/[R%[!vQ!{YQ%v#[Q&b#}Q&e$QR,s+QT.i-n/t![!jQ!n#c#p$R$b$n$s$t$u$v$w$x%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0hQ&V#kQ'^$mR*U'_R'g$zQ%T!mR/`.s'|_OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$c$e$f$h$o${%Q%X%[%^%a%e%j%l%u%z%|&X&]&f&h&i&p&s&w&z'R'U'g'h'k'm'n'r'w'y'}(R(W(X(_(b(k(m(u(x)U)])_)c)d)h)l)r)v*Q*[*_*`*c*i*j*l*n*q*r*u*x*|*}+Q+X+Z+[+c+p+q+w,P,Q,T,_,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/W/[/t0d0e0f0g0i0j0k0l0m0o0sS#a_#b!P.Z-g.].^._.`.u.{.}/S/k/p/u/v/z/{0T0V0X0[0]0_0`0a'|_OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$c$e$f$h$o${%Q%X%[%^%a%e%j%l%u%z%|&X&]&f&h&i&p&s&w&z'R'U'g'h'k'm'n'r'w'y'}(R(W(X(_(b(k(m(u(x)U)])_)c)d)h)l)r)v*Q*[*_*`*c*i*j*l*n*q*r*u*x*|*}+Q+X+Z+[+c+p+q+w,P,Q,T,_,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/W/[/t0d0e0f0g0i0j0k0l0m0o0sT#a_#bT#^^#_R(j%va(g%v(i(j+W,s-t-u.nT+S(f+TR-u,sQ$PsQ+d)XR,U)yX#}s$O$P&dQ&t$_Q'[$lQ'_$mR)k&}Q)Y&rV,}+e-O-zZgOn$h)l+wXkOn)l+wQ$i!TQ&u$`Q&v$aQ'X$kQ']$mQ)i&|Q)p'RQ)s'SQ)t'TQ*R'ZS*T'^'_Q+k)_Q+m)`Q+n)aQ+r)gS+t)j*SQ+x)nQ+y)oS+z)q)rQ,[*UQ-Q+jQ-R+lQ-T+sS-U+u+vQ-Z+|Q-]+}Q-{-SQ-}-VQ.O-XQ.P-YQ.q-|Q.r.QQ/X.cR/s/YWkOn)l+wR#mjQ'Z$lS)j&}'[R+v)kQ,T)yR-a,UQ*S'ZQ+u)jR-V+vZiOjn)l+wQ'a$nR*W'bT-e,]-fu.b-g.].^.`.u.{.}/S/k/p/u/v/z0T0V0[0]0_t.b-g.].^.`.u.{.}/S/k/p/u/v/z0T0V0[0]0_Q/T._X0W/{0X0`0a!P.Y-g.].^._.`.u.{.}/S/k/p/u/v/z/{0T0V0X0[0]0_0`0aQ.x.XR/g.yg.{.[.|/c/j/o/}0P0R0^0b0cu.a-g.].^.`.u.{.}/S/k/p/u/v/z0T0V0[0]0_X.v.V.a/b0QR/d.uV0S/v0T0]R/Y.cQnOS#on+wR+w)lQ&[#uR(s&[S%k#R#wS(Y%k(]T(]%n&^Q%_!yQ%f!}W'z%_%f(P(TQ(P%cR(T%hQ&g$RR(y&gQ(`%oQ*s(ZT*y(`*sQ'i$|R*]'iS'l%P%QY*a'l*b,e-l.gU*b'm'n'oU,e*c*d*eS-l,f,gR.g-mQ#Y]R%r#YQ#_^R%w#_Q(c%tS+O(c+PR+P(dQ+T(fR,t+TQ#b_R%y#bQ#ebQ%{#cW&O#e%{(v+YQ(v&aR+Y0hQ$OsS&c$O&dR&d$PQ&q$]R)V&qQ&T#jR(o&TQ$X{R&k$XQ+^(}S,z+^-yR-y,{Q&o$ZR)S&oQ+f)YR-P+fQ#hfR&Q#hQ)^&uR+i)^Q&x$bS)e&x)fR)f&yQ'Q$iR)m'QQ'V$jS)w'V,RR,R)xQ,X)}R-d,XWjOn)l+wR#ljQ-f,]R.T-fd.|.[/c/j/o/}0P0R0^0b0cR/i.|U.t.V/b0QR/a.tQ/|/oS0Y/|0ZR0Z/}S/w/c/dR0U/wQ/O.[R/l/OR!ZPXmOn)l+wWlOn)l+wR'O$hYfOn$h)l+wR&P#g[sOn#g$h)l+wR&b#}&bQOYZ[dnprxy}!P!Q!U!i!k!o!p!q!s!t#[#d#g#y#{#}$Q$f$h${%Q%X%[%^%e%j%l%u%z&X&]&h&i&p&s&z'R'U'g'h'k'm'n'r'y(R(X(_(b(k(m(u)U)])_)h)l)r)v*Q*[*_*`*c*i*j*l*n*q*r*u*|*}+Q+X+[+c+w,P,Q,T,_,`,a,c,d,g,i,k,m,o,q,r,v-_-a-h-k-n.e.f/[/t0d0e0f0g0i0j0k0l0o0sQ!nTQ#caQ#poU$Rt%a'}S$b!R$eQ$n!XQ$s!cQ$t!dQ$u!eQ$v!fQ$w!gQ$x!hQ%c!zQ%h#OQ%n#SQ%o#TQ&^#xQ&y$cQ'b$oQ(l%|U(w&f(x+ZW)b&w)d+p+qQ*g'wQ*p(WQ+o)cQ,n*xQ/r/WR0h0mQ!yYQ!}ZQ$`!PQ$a!QQ%P!kQ'o%Q^'v%^%e'y(R*i*l*n^*^'k*`,c,d-k.f/[Q*d'mQ*e'nQ+l)_Q,b*_Q,f*cQ-i,`Q-j,aQ-m,gQ.d-hR/Z.e[bOn#g$h)l+w!^!vYZ!P!Q!k%Q%^%e'k'm'n'y(R)_*_*`*c*i*l*n,`,a,c,d,g-h-k.e.f/[Q#R[Q#fdS#wrxQ$UyW$]}$Q&z)hS$j!U$fW$y!i'h*[,_S%t#[+Q`%}#d%z(k(m(u+X,v0lQ&_#yQ&`#{Q&a#}Q'e${Q'u%[W(V%j(X*q*uQ(Z%lQ(d%uQ(q&XS(t&]0jQ(z&hQ({&iU)T&p)U+cQ)[&sQ)q'RY)u'U)v,P,Q-_Q*Y'gS*f'r0kW*w(_*r,k,oW*{(b*},q,rQ+h)]Q+|)rQ,Z*QQ,p*|Q,w+[Q-`,TQ-q,mR.R-ahUOn#d#g$h%z&]'r(k(m)l+w%S!uYZ[drxy}!P!Q!U!i!k#[#y#{#}$Q$f${%Q%[%^%e%j%l%u&X&h&i&p&s&z'R'U'g'h'k'm'n'y(R(X(_(b(u)U)])_)h)r)v*Q*[*_*`*c*i*l*n*q*r*u*|*}+Q+X+[+c,P,Q,T,_,`,a,c,d,g,k,m,o,q,r,v-_-a-h-k.e.f/[0j0k0lQ#qpW%U!o!s0e0oQ%V!pQ%W!qQ%Y!tQ%d0dS'q%X0iQ's0fQ't0gQ,h*jQ-p,iS.h-n/tR0q0sU#uq.j0rR(r&Z[cOn#g$h)l+wZ!xY#[#}$Q+QQ#W[Q#zrR$TxQ%`!yQ%g!}Q%m#RQ'e$yQ(Q%cQ(U%hQ(^%nQ(a%oQ*t(ZQ,^*YQ-o,hQ.l-pR/^.kQ$StQ'|%aR*k'}Q.k-nR0O/tR#QZR#V[R%O!iQ$|!iV*Z'h*[,_!]!lQ!n#c#p$R$b$n$s$t$u$v$w$x%c%h%n%o&^&y'b(l(w)b*g*p+o,n/r0hR%R!kT#]^#_Q%v#[R,s+QQ(h%vS+V(i(jQ,u+WQ-s,sS.m-t-uR/_.nT+R(f+TQ$^}Q&e$QQ)g&zR+s)hQ#khQ$VzQ$Y{R&m$XQ(|&lR+a)PQ(|&lQ+`)OR+a)PR$[|R)Z&rXlOn)l+wQ$d!RR&{$eQ$k!UR&|$fR*P'YQ)}'YV-b,W-c.SQ.c-gQ/Q.]R/R.^U.[-g.].^Q/V.`Q/c.uQ/h.{U/j.}/k/zQ/o/SQ/}/pQ0P/uU0R/v0T0]Q0^0VQ0b0[R0c0_R/U._R/e.u",
+    states: "##jO`QeOOP$}OSOOO&WQtO'#HUOOQS'#Co'#CoOOQS'#Cp'#CpO'vQdO'#CnO*UQtO'#HTOOQS'#HU'#HUOOQS'#DU'#DUOOQS'#HT'#HTO*rQdO'#D_O+VQdO'#DfO+gQdO'#DjO+zOWO'#DuO,VOWO'#DvO.[QtO'#GuOOQS'#Gu'#GuO'vQdO'#GtO0ZQtO'#GtOOQS'#Eb'#EbO0rQdO'#EcOOQS'#Gs'#GsO0|QdO'#GrOOQV'#Gr'#GrO1XQdO'#FYOOQS'#G^'#G^O1^QdO'#FXOOQV'#IS'#ISOOQV'#Gq'#GqOOQV'#Fq'#FqQ`QeOOO'vQdO'#CqO1lQdO'#C}O1sQdO'#DRO2RQdO'#HYO2cQtO'#EVO'vQdO'#EWOOQS'#EY'#EYOOQS'#E['#E[OOQS'#E^'#E^O2wQdO'#E`O3_QdO'#EdO3rQdO'#EfO3zQtO'#EfO1XQdO'#EiO0rQdO'#ElO1XQdO'#EnO0rQdO'#EtO0rQdO'#EwO4VQdO'#EyO4^QdO'#FOO4iQdO'#EzO0rQdO'#FOO1XQdO'#FQO1XQdO'#FVO4nQdO'#F[P4uOdO'#GpPOOO)CBd)CBdOOQS'#Ce'#CeOOQS'#Cf'#CfOOQS'#Cg'#CgOOQS'#Ch'#ChOOQS'#Ci'#CiOOQS'#Cj'#CjOOQS'#Cl'#ClO'vQdO,59OO'vQdO,59OO'vQdO,59OO'vQdO,59OO'vQdO,59OO'vQdO,59OO5QQdO'#DoOOQS,5:Y,5:YO5eQdO'#HdOOQS,5:],5:]O5rQ!fO,5:]O5wQtO,59YO1lQdO,59bO1lQdO,59bO1lQdO,59bO8gQdO,59bO8lQdO,59bO8sQdO,59jO8zQdO'#HTO:QQdO'#HSOOQS'#HS'#HSOOQS'#D['#D[O:iQdO,59aO'vQdO,59aO:wQdO,59aOOQS,59y,59yO:|QdO,5:RO'vQdO,5:ROOQS,5:Q,5:QO;[QdO,5:QO;aQdO,5:XO'vQdO,5:XO'vQdO,5:VOOQS,5:U,5:UO;rQdO,5:UO;wQdO,5:WOOOW'#Fy'#FyO;|OWO,5:aOOQS,5:a,5:aO<XQdO'#HwOOOW'#Dw'#DwOOOW'#Fz'#FzO<iOWO,5:bOOQS,5:b,5:bOOQS'#F}'#F}O<wQtO,5:iO?iQtO,5=`O@SQ#xO,5=`O@sQtO,5=`OOQS,5:},5:}OA[QeO'#GWOBnQdO,5;^OOQV,5=^,5=^OByQtO'#IPOChQdO,5;tOOQS-E:[-E:[OOQV,5;s,5;sO4dQdO'#FQOOQV-E9o-E9oOCpQtO,59]OEwQtO,59iOFbQdO'#HVOFmQdO'#HVO1XQdO'#HVOFxQdO'#DTOGQQdO,59mOGVQdO'#HZO'vQdO'#HZO0rQdO,5=tOOQS,5=t,5=tO0rQdO'#EROOQS'#ES'#ESOGtQdO'#GPOHUQdO,58|OHUQdO,58|O*xQdO,5:oOHdQtO'#H]OOQS,5:r,5:rOOQS,5:z,5:zOHwQdO,5;OOIYQdO'#IOO1XQdO'#H}OOQS,5;Q,5;QOOQS'#GT'#GTOInQtO,5;QOI|QdO,5;QOJRQdO'#IQOOQS,5;T,5;TOJaQdO'#H|OOQS,5;W,5;WOJrQdO,5;YO4iQdO,5;`O4iQdO,5;cOJzQtO'#ITO'vQdO'#ITOKUQdO,5;eO4VQdO,5;eO0rQdO,5;jO1XQdO,5;lOKZQeO'#EuOLgQgO,5;fO!!hQdO'#IUO4iQdO,5;jO!!sQdO,5;lO!!{QdO,5;qO!#WQtO,5;vO'vQdO,5;vPOOO,5=[,5=[P!#_OSO,5=[P!#dOdO,5=[O!&XQtO1G.jO!&`QtO1G.jO!)PQtO1G.jO!)ZQtO1G.jO!+tQtO1G.jO!,XQtO1G.jO!,lQdO'#HcO!,zQtO'#GuO0rQdO'#HcO!-UQdO'#HbOOQS,5:Z,5:ZO!-^QdO,5:ZO!-cQdO'#HeO!-nQdO'#HeO!.RQdO,5>OOOQS'#Ds'#DsOOQS1G/w1G/wOOQS1G.|1G.|O!/RQtO1G.|O!/YQtO1G.|O1lQdO1G.|O!/uQdO1G/UOOQS'#DZ'#DZO0rQdO,59tOOQS1G.{1G.{O!/|QdO1G/eO!0^QdO1G/eO!0fQdO1G/fO'vQdO'#H[O!0kQdO'#H[O!0pQtO1G.{O!1QQdO,59iO!2WQdO,5=zO!2hQdO,5=zO!2pQdO1G/mO!2uQtO1G/mOOQS1G/l1G/lO!3VQdO,5=uO!3|QdO,5=uO0rQdO1G/qO!4kQdO1G/sO!4pQtO1G/sO!5QQtO1G/qOOQS1G/p1G/pOOQS1G/r1G/rOOOW-E9w-E9wOOQS1G/{1G/{O!5bQdO'#HxO0rQdO'#HxO!5sQdO,5>cOOOW-E9x-E9xOOQS1G/|1G/|OOQS-E9{-E9{O!6RQ#xO1G2zO!6rQtO1G2zO'vQdO,5<jOOQS,5<j,5<jOOQS-E9|-E9|OOQS,5<r,5<rOOQS-E:U-E:UOOQV1G0x1G0xO1XQdO'#GRO!7ZQtO,5>kOOQS1G1`1G1`O!7xQdO1G1`OOQS'#DV'#DVO0rQdO,5=qOOQS,5=q,5=qO!7}QdO'#FrO!8YQdO,59oO!8bQdO1G/XO!8lQtO,5=uOOQS1G3`1G3`OOQS,5:m,5:mO!9]QdO'#GtOOQS,5<k,5<kOOQS-E9}-E9}O!9nQdO1G.hOOQS1G0Z1G0ZO!9|QdO,5=wO!:^QdO,5=wO0rQdO1G0jO0rQdO1G0jO!:oQdO,5>jO!;QQdO,5>jO1XQdO,5>jO!;cQdO,5>iOOQS-E:R-E:RO!;hQdO1G0lO!;sQdO1G0lO!;xQdO,5>lO!<WQdO,5>lO!<fQdO,5>hO!<|QdO,5>hO!=_QdO'#EpO0rQdO1G0tO!=jQdO1G0tO!=oQgO1G0zO!AmQgO1G0}O!EhQdO,5>oO!ErQdO,5>oO!EzQtO,5>oO0rQdO1G1PO!FUQdO1G1PO4iQdO1G1UO!!sQdO1G1WOOQV,5;a,5;aO!FZQfO,5;aO!F`QgO1G1QO!JaQdO'#GZO4iQdO1G1QO4iQdO1G1QO!JqQdO,5>pO!KOQdO,5>pO1XQdO,5>pOOQV1G1U1G1UO!KWQdO'#FSO!KiQ!fO1G1WO!KqQdO1G1WOOQV1G1]1G1]O4iQdO1G1]O!KvQdO1G1]O!LOQdO'#F^OOQV1G1b1G1bO!#WQtO1G1bPOOO1G2v1G2vP!LTOSO1G2vOOQS,5=},5=}OOQS'#Dp'#DpO0rQdO,5=}O!LYQdO,5=|O!LmQdO,5=|OOQS1G/u1G/uO!LuQdO,5>PO!MVQdO,5>PO!M_QdO,5>PO!MrQdO,5>PO!NSQdO,5>POOQS1G3j1G3jOOQS7+$h7+$hO!8bQdO7+$pO# uQdO1G.|O# |QdO1G.|OOQS1G/`1G/`OOQS,5<`,5<`O'vQdO,5<`OOQS7+%P7+%PO#!TQdO7+%POOQS-E9r-E9rOOQS7+%Q7+%QO#!eQdO,5=vO'vQdO,5=vOOQS7+$g7+$gO#!jQdO7+%PO#!rQdO7+%QO#!wQdO1G3fOOQS7+%X7+%XO##XQdO1G3fO##aQdO7+%XOOQS,5<_,5<_O'vQdO,5<_O##fQdO1G3aOOQS-E9q-E9qO#$]QdO7+%]OOQS7+%_7+%_O#$kQdO1G3aO#%YQdO7+%_O#%_QdO1G3gO#%oQdO1G3gO#%wQdO7+%]O#%|QdO,5>dO#&gQdO,5>dO#&gQdO,5>dOOQS'#Dx'#DxO#&xO&jO'#DzO#'TO`O'#HyOOOW1G3}1G3}O#'YQdO1G3}O#'bQdO1G3}O#'mQ#xO7+(fO#(^QtO1G2UP#(wQdO'#GOOOQS,5<m,5<mOOQS-E:P-E:POOQS7+&z7+&zOOQS1G3]1G3]OOQS,5<^,5<^OOQS-E9p-E9pOOQS7+$s7+$sO#)UQdO,5=`O#)oQdO,5=`O#*QQtO,5<aO#*eQdO1G3cOOQS-E9s-E9sOOQS7+&U7+&UO#*uQdO7+&UO#+TQdO,5<nO#+iQdO1G4UOOQS-E:Q-E:QO#+zQdO1G4UOOQS1G4T1G4TOOQS7+&W7+&WO#,]QdO7+&WOOQS,5<p,5<pO#,hQdO1G4WOOQS-E:S-E:SOOQS,5<l,5<lO#,vQdO1G4SOOQS-E:O-E:OO1XQdO'#EqO#-^QdO'#EqO#-iQdO'#IRO#-qQdO,5;[OOQS7+&`7+&`O0rQdO7+&`O#-vQgO7+&fO!JdQdO'#GXO4iQdO7+&fO4iQdO7+&iO#1tQtO,5<tO'vQdO,5<tO#2OQdO1G4ZOOQS-E:W-E:WO#2YQdO1G4ZO4iQdO7+&kO0rQdO7+&kOOQV7+&p7+&pO!KiQ!fO7+&rO!KqQdO7+&rO`QeO1G0{OOQV-E:X-E:XO4iQdO7+&lO4iQdO7+&lOOQV,5<u,5<uO#2bQdO,5<uO!JdQdO,5<uOOQV7+&l7+&lO#2mQgO7+&lO#6hQdO,5<vO#6sQdO1G4[OOQS-E:Y-E:YO#7QQdO1G4[O#7YQdO'#IWO#7hQdO'#IWO1XQdO'#IWOOQS'#IW'#IWO#7sQdO'#IVOOQS,5;n,5;nO#7{QdO,5;nO0rQdO'#FUOOQV7+&r7+&rO4iQdO7+&rOOQV7+&w7+&wO4iQdO7+&wO#8QQfO,5;xOOQV7+&|7+&|POOO7+(b7+(bO#8VQdO1G3iOOQS,5<c,5<cO#8eQdO1G3hOOQS-E9u-E9uO#8xQdO,5<dO#9TQdO,5<dO#9hQdO1G3kOOQS-E9v-E9vO#9xQdO1G3kO#:QQdO1G3kO#:bQdO1G3kO#9xQdO1G3kOOQS<<H[<<H[O#:mQtO1G1zOOQS<<Hk<<HkP#:zQdO'#FtO8sQdO1G3bO#;XQdO1G3bO#;^QdO<<HkOOQS<<Hl<<HlO#;nQdO7+)QOOQS<<Hs<<HsO#<OQtO1G1yP#<oQdO'#FsO#<|QdO7+)RO#=^QdO7+)RO#=fQdO<<HwO#=kQdO7+({OOQS<<Hy<<HyO#>bQdO,5<bO'vQdO,5<bOOQS-E9t-E9tOOQS<<Hw<<HwOOQS,5<g,5<gO0rQdO,5<gO#>gQdO1G4OOOQS-E9y-E9yO#?QQdO1G4OO<XQdO'#H{OOOO'#D{'#D{OOOO'#F|'#F|O#?cO&jO,5:fOOOW,5>e,5>eOOOW7+)i7+)iO#?nQdO7+)iO#?vQdO1G2zO#@aQdO1G2zP'vQdO'#FuO0rQdO<<IpO1XQdO1G2YP1XQdO'#GSO#@rQdO7+)pO#ATQdO7+)pOOQS<<Ir<<IrP1XQdO'#GUP0rQdO'#GQOOQS,5;],5;]O#AfQdO,5>mO#AtQdO,5>mOOQS1G0v1G0vOOQS<<Iz<<IzOOQV-E:V-E:VO4iQdO<<JQOOQV,5<s,5<sO4iQdO,5<sOOQV<<JQ<<JQOOQV<<JT<<JTO#A|QtO1G2`P#BWQdO'#GYO#B_QdO7+)uO#BiQgO<<JVO4iQdO<<JVOOQV<<J^<<J^O4iQdO<<J^O!KiQ!fO<<J^O#FdQgO7+&gOOQV<<JW<<JWO#FnQgO<<JWOOQV1G2a1G2aO1XQdO1G2aO#JiQdO1G2aO4iQdO<<JWO1XQdO1G2bP0rQdO'#G[O#JtQdO7+)vO#KRQdO7+)vOOQS'#FT'#FTO0rQdO,5>rO#KZQdO,5>rOOQS,5>r,5>rO#KfQdO,5>qO#KwQdO,5>qOOQS1G1Y1G1YOOQS,5;p,5;pOOQV<<Jc<<JcO#LPQdO1G1dOOQS7+)T7+)TP#LUQdO'#FwO#LfQdO1G2OO#LyQdO1G2OO#MZQdO1G2OP#MfQdO'#FxO#MsQdO7+)VO#NTQdO7+)VO#NTQdO7+)VO#N]QdO7+)VO#NmQdO7+(|O8sQdO7+(|OOQSAN>VAN>VO$ WQdO<<LmOOQSAN>cAN>cO0rQdO1G1|O$ hQtO1G1|P$ rQdO'#FvOOQS1G2R1G2RP$!PQdO'#F{O$!^QdO7+)jO$!wQdO,5>gOOOO-E9z-E9zOOOW<<MT<<MTO$#VQdO7+(fOOQSAN?[AN?[OOQS7+'t7+'tO$#pQdO<<M[OOQS,5<q,5<qO$$RQdO1G4XOOQS-E:T-E:TOOQVAN?lAN?lOOQV1G2_1G2_O4iQdOAN?qO$$aQgOAN?qOOQVAN?xAN?xO4iQdOAN?xOOQV<<JR<<JRO4iQdOAN?rO4iQdO7+'{OOQV7+'{7+'{O1XQdO7+'{OOQVAN?rAN?rOOQS7+'|7+'|O$([QdO<<MbOOQS1G4^1G4^O0rQdO1G4^OOQS,5<w,5<wO$(iQdO1G4]OOQS-E:Z-E:ZOOQU'#G_'#G_O$(zQfO7+'OO$)VQdO'#F_O$*^QdO7+'jO$*nQdO7+'jOOQS7+'j7+'jO$*yQdO<<LqO$+ZQdO<<LqO$+ZQdO<<LqO$+cQdO'#H^OOQS<<Lh<<LhO$+mQdO<<LhOOQS7+'h7+'hOOQS'#D|'#D|OOOO1G4R1G4RO$,WQdO1G4RO$,`QdO1G4RP!=_QdO'#GVOOQVG25]G25]O4iQdOG25]OOQVG25dG25dOOQVG25^G25^OOQV<<Kg<<KgO4iQdO<<KgOOQS7+)x7+)xP$,kQdO'#G]OOQU-E:]-E:]OOQV<<Jj<<JjO$-_QtO'#FaOOQS'#Fc'#FcO$-oQdO'#FbO$.aQdO'#FbOOQS'#Fb'#FbO$.fQdO'#IYO$)VQdO'#FiO$)VQdO'#FiO$.}QdO'#FjO$)VQdO'#FkO$/UQdO'#IZOOQS'#IZ'#IZO$/sQdO,5;yOOQS<<KU<<KUO$/{QdO<<KUO$0]QdOANB]O$0mQdOANB]O$0uQdO'#H_OOQS'#H_'#H_O1sQdO'#DcO$1`QdO,5=xOOQSANBSANBSOOOO7+)m7+)mO$1wQdO7+)mOOQVLD*wLD*wOOQVANARANARO5rQ!fO'#GaO$2PQtO,5<SO$)VQdO'#FmOOQS,5<W,5<WOOQS'#Fd'#FdO$2qQdO,5;|O$2vQdO,5;|OOQS'#Fg'#FgO$)VQdO'#G`O$3hQdO,5<QO$4SQdO,5>tO$4dQdO,5>tO1XQdO,5<PO$4uQdO,5<TO$4zQdO,5<TO$)VQdO'#I[O$5PQdO'#I[O$5UQdO,5<UOOQS,5<V,5<VO'vQdO'#FpOOQU1G1e1G1eO4iQdO1G1eOOQSAN@pAN@pO$5ZQdOG27wO$5kQdO,59}OOQS1G3d1G3dOOOO<<MX<<MXOOQS,5<{,5<{OOQS-E:_-E:_O$5pQtO'#FaO$5wQdO'#I]O$6VQdO'#I]O$6_QdO,5<XOOQS1G1h1G1hO$6dQdO1G1hO$6iQdO,5<zOOQS-E:^-E:^O$7TQdO,5=OO$7lQdO1G4`OOQS-E:b-E:bOOQS1G1k1G1kOOQS1G1o1G1oO$7|QdO,5>vO$)VQdO,5>vOOQS1G1p1G1pO$8[QtO,5<[OOQU7+'P7+'PO$+cQdO1G/iO$)VQdO,5<YO$8cQdO,5>wO$8jQdO,5>wOOQS1G1s1G1sOOQS7+'S7+'SP$)VQdO'#GdO$8rQdO1G4bO$8|QdO1G4bO$9UQdO1G4bOOQS7+%T7+%TO$9dQdO1G1tO$9rQtO'#FaO$9yQdO,5<}OOQS,5<},5<}O$:XQdO1G4cOOQS-E:a-E:aO$)VQdO,5<|O$:`QdO,5<|O$:eQdO7+)|OOQS-E:`-E:`O$:oQdO7+)|O$)VQdO,5<ZP$)VQdO'#GcO$:wQdO1G2hO$)VQdO1G2hP$;VQdO'#GbO$;^QdO<<MhO$;hQdO1G1uO$;vQdO7+(SO8sQdO'#C}O8sQdO,59bO8sQdO,59bO8sQdO,59bO$<UQtO,5=`O8sQdO1G.|O0rQdO1G/XO0rQdO7+$pP$<iQdO'#GOO'vQdO'#GtO$<vQdO,59bO$<{QdO,59bO$=SQdO,59mO$=XQdO1G/UO1sQdO'#DRO8sQdO,59j",
+    stateData: "$=r~O%cOS%^OSSOS%]PQ~OPdOVaOfoOhYOopOs!POvqO!PrO!Q{O!T!SO!U!RO!XZO!][O!h`O!r`O!s`O!t`O!{tO!}uO#PvO#RwO#TxO#XyO#ZzO#^|O#_|O#a}O#c!OO#l!QO#o!TO#s!UO#u!VO#z!WO#}hO$P!XO%oRO%pRO%tSO%uWO&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O&c^O&d^O&e^O&f^O&g^O&h^O&i^O&j^O~O%]!YO~OV!aO_!aOa!bOh!iO!X!kO!f!mO%j![O%k!]O%l!^O%m!_O%n!_O%o!`O%p!`O%q!aO%r!aO%s!aO~Ok%xXl%xXm%xXn%xXo%xXp%xXs%xXz%xX{%xX!x%xX#g%xX%[%xX%_%xX%z%xXg%xX!T%xX!U%xX%{%xX!W%xX![%xX!Q%xX#[%xXt%xX!m%xX~P%SOfoOhYO!XZO!][O!h`O!r`O!s`O!t`O%oRO%pRO%tSO%uWO&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O&c^O&d^O&e^O&f^O&g^O&h^O&i^O&j^O~Oz%wX{%wX#g%wX%[%wX%_%wX%z%wX~Ok!pOl!qOm!oOn!oOo!rOp!sOs!tO!x%wX~P)pOV!zOg!|Oo0cOv0qO!PrO~P'vOV#OOo0cOv0qO!W#PO~P'vOV#SOa#TOo0cOv0qO![#UO~P'vOQ#XO%`#XO%a#ZO~OQ#^OR#[O%`#^O%a#`O~OV%iX_%iXa%iXh%iXk%iXl%iXm%iXn%iXo%iXp%iXs%iXz%iX!X%iX!f%iX%j%iX%k%iX%l%iX%m%iX%n%iX%o%iX%p%iX%q%iX%r%iX%s%iXg%iX!T%iX!U%iX~O&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O&c^O&d^O&e^O&f^O&g^O&h^O&i^O&j^O{%iX!x%iX#g%iX%[%iX%_%iX%z%iX%{%iX!W%iX![%iX!Q%iX#[%iXt%iX!m%iX~P,eOz#dO{%hX!x%hX#g%hX%[%hX%_%hX%z%hX~Oo0cOv0qO~P'vO#g#gO%[#iO%_#iO~O%uWO~O!T#nO#u!VO#z!WO#}hO~OopO~P'vOV#sOa#tO%uWO{wP~OV#xOo0cOv0qO!Q#yO~P'vO{#{O!x$QO%z#|O#g!yX%[!yX%_!yX~OV#xOo0cOv0qO#g#SX%[#SX%_#SX~P'vOo0cOv0qO#g#WX%[#WX%_#WX~P'vOh$WO%uWO~O!f$YO!r$YO%uWO~OV$eO~P'vO!U$gO#s$hO#u$iO~O{$jO~OV$qO~P'vOS$sO%[$rO%c$tO~OV$}Oa$}Og%POo0cOv0qO~P'vOo0cOv0qO{%SO~P'vO&Y%UO~Oa!bOh!iO!X!kO!f!mOVba_bakbalbambanbaobapbasbazba{ba!xba#gba%[ba%_ba%jba%kba%lba%mba%nba%oba%pba%qba%rba%sba%zbagba!Tba!Uba%{ba!Wba![ba!Qba#[batba!mba~On%ZO~Oo%ZO~P'vOo0cO~P'vOk0eOl0fOm0dOn0dOo0mOp0nOs0rOg%wX!T%wX!U%wX%{%wX!W%wX![%wX!Q%wX#[%wX!m%wX~P)pO%{%]Og%vXz%vX!T%vX!U%vX!W%vX{%vX~Og%_Oz%`O!T%dO!U%cO~Og%_O~Oz%gO!T%dO!U%cO!W&SX~O!W%kO~Oz%lO{%nO!T%dO!U%cO![%}X~O![%rO~O![%sO~OQ#XO%`#XO%a%uO~OV%wOo0cOv0qO!PrO~P'vOQ#^OR#[O%`#^O%a%zO~OV!qa_!qaa!qah!qak!qal!qam!qan!qao!qap!qas!qaz!qa{!qa!X!qa!f!qa!x!qa#g!qa%[!qa%_!qa%j!qa%k!qa%l!qa%m!qa%n!qa%o!qa%p!qa%q!qa%r!qa%s!qa%z!qag!qa!T!qa!U!qa%{!qa!W!qa![!qa!Q!qa#[!qat!qa!m!qa~P#yOz%|O{%ha!x%ha#g%ha%[%ha%_%ha%z%ha~P%SOV&OOopOvqO{%ha!x%ha#g%ha%[%ha%_%ha%z%ha~P'vOz%|O{%ha!x%ha#g%ha%[%ha%_%ha%z%ha~OPdOVaOopOvqO!PrO!Q{O!{tO!}uO#PvO#RwO#TxO#XyO#ZzO#^|O#_|O#a}O#c!OO#g$zX%[$zX%_$zX~P'vO#g#gO%[&TO%_&TO~O!f&UOh&sX%[&sXz&sX#[&sX#g&sX%_&sX#Z&sXg&sX~Oh!iO%[&WO~Okealeameaneaoeapeaseazea{ea!xea#gea%[ea%_ea%zeagea!Tea!Uea%{ea!Wea![ea!Qea#[eatea!mea~P%SOsqazqa{qa#gqa%[qa%_qa%zqa~Ok!pOl!qOm!oOn!oOo!rOp!sO!xqa~PE`O%z&YOz%yX{%yX~O%uWOz%yX{%yX~Oz&]O{wX~O{&_O~Oz%lO#g%}X%[%}X%_%}Xg%}X{%}X![%}X!m%}X%z%}X~OV0lOo0cOv0qO!PrO~P'vO%z#|O#gUa%[Ua%_Ua~Oz&hO#g&PX%[&PX%_&PXn&PX~P%SOz&kO!Q&jO#g#Wa%[#Wa%_#Wa~Oz&lO#[&nO#g&rX%[&rX%_&rXg&rX~O!f$YO!r$YO#Z&qO%uWO~O#Z&qO~Oz&sO#g&tX%[&tX%_&tX~Oz&uO#g&pX%[&pX%_&pX{&pX~O!X&wO%z&xO~Oz&|On&wX~P%SOn'PO~OPdOVaOopOvqO!PrO!Q{O!{tO!}uO#PvO#RwO#TxO#XyO#ZzO#^|O#_|O#a}O#c!OO%['UO~P'vOt'YO#p'WO#q'XOP#naV#naf#nah#nao#nas#nav#na!P#na!Q#na!T#na!U#na!X#na!]#na!h#na!r#na!s#na!t#na!{#na!}#na#P#na#R#na#T#na#X#na#Z#na#^#na#_#na#a#na#c#na#l#na#o#na#s#na#u#na#z#na#}#na$P#na%X#na%o#na%p#na%t#na%u#na&Z#na&[#na&]#na&^#na&_#na&`#na&a#na&b#na&c#na&d#na&e#na&f#na&g#na&h#na&i#na&j#na%Z#na%_#na~Oz'ZO#[']O{&xX~Oh'_O!X&wO~Oh!iO{$jO!X&wO~O{'eO~P%SO%['hO~OS'iO%['hO~OV!aO_!aOa!bOh!iO!X!kO!f!mO%l!^O%m!_O%n!_O%o!`O%p!`O%q!aO%r!aO%s!aOkWilWimWinWioWipWisWizWi{Wi!xWi#gWi%[Wi%_Wi%jWi%zWigWi!TWi!UWi%{Wi!WWi![Wi!QWi#[WitWi!mWi~O%k!]O~P!#lO%kWi~P!#lOV!aO_!aOa!bOh!iO!X!kO!f!mO%o!`O%p!`O%q!aO%r!aO%s!aOkWilWimWinWioWipWisWizWi{Wi!xWi#gWi%[Wi%_Wi%jWi%kWi%lWi%zWigWi!TWi!UWi%{Wi!WWi![Wi!QWi#[WitWi!mWi~O%m!_O%n!_O~P!&gO%mWi%nWi~P!&gOa!bOh!iO!X!kO!f!mOkWilWimWinWioWipWisWizWi{Wi!xWi#gWi%[Wi%_Wi%jWi%kWi%lWi%mWi%nWi%oWi%pWi%zWigWi!TWi!UWi%{Wi!WWi![Wi!QWi#[WitWi!mWi~OV!aO_!aO%q!aO%r!aO%s!aO~P!)eOVWi_Wi%qWi%rWi%sWi~P!)eO!T%dO!U%cOg&VXz&VX~O%z'kO%{'kO~P,eOz'mOg&UX~Og'oO~Oz'pO{'rO!W&XX~Oo0cOv0qOz'pO{'sO!W&XX~P'vO!W'uO~Om!oOn!oOo!rOp!sOkjisjizji{ji!xji#gji%[ji%_ji%zji~Ol!qO~P!.WOlji~P!.WOk0eOl0fOm0dOn0dOo0mOp0nO~Ot'wO~P!/aOV'|Og'}Oo0cOv0qO~P'vOg'}Oz(OO~Og(QO~O!U(SO~Og(TOz(OO!T%dO!U%cO~P%SOk0eOl0fOm0dOn0dOo0mOp0nOgqa!Tqa!Uqa%{qa!Wqa![qa!Qqa#[qatqa!mqa~PE`OV'|Oo0cOv0qO!W&Sa~P'vOz(WO!W&Sa~O!W(XO~Oz(WO!T%dO!U%cO!W&Sa~P%SOV(]Oo0cOv0qO![%}a#g%}a%[%}a%_%}ag%}a{%}a!m%}a%z%}a~P'vOz(^O![%}a#g%}a%[%}a%_%}ag%}a{%}a!m%}a%z%}a~O![(aO~Oz(^O!T%dO!U%cO![%}a~P%SOz(dO!T%dO!U%cO![&Ta~P%SOz(gO{&lX![&lX!m&lX%z&lX~O{(kO![(mO!m(nO%z(jO~OV&OOopOvqO{%hi!x%hi#g%hi%[%hi%_%hi%z%hi~P'vOz(pO{%hi!x%hi#g%hi%[%hi%_%hi%z%hi~O!f&UOh&sa%[&saz&sa#[&sa#g&sa%_&sa#Z&sag&sa~O%[(uO~OV#sOa#tO%uWO~Oz&]O{wa~OopOvqO~P'vOz(^O#g%}a%[%}a%_%}ag%}a{%}a![%}a!m%}a%z%}a~P%SOz(zO#g%hX%[%hX%_%hX%z%hX~O%z#|O#gUi%[Ui%_Ui~O#g&Pa%[&Pa%_&Pan&Pa~P'vOz(}O#g&Pa%[&Pa%_&Pan&Pa~O%uWO#g&ra%[&ra%_&rag&ra~Oz)SO#g&ra%[&ra%_&rag&ra~Og)VO~OV)WOh$WO%uWO~O#Z)XO~O%uWO#g&ta%[&ta%_&ta~Oz)ZO#g&ta%[&ta%_&ta~Oo0cOv0qO#g&pa%[&pa%_&pa{&pa~P'vOz)^O#g&pa%[&pa%_&pa{&pa~OV)`Oa)`O%uWO~O%z)eO~Ot)hO#j)gOP#hiV#hif#hih#hio#his#hiv#hi!P#hi!Q#hi!T#hi!U#hi!X#hi!]#hi!h#hi!r#hi!s#hi!t#hi!{#hi!}#hi#P#hi#R#hi#T#hi#X#hi#Z#hi#^#hi#_#hi#a#hi#c#hi#l#hi#o#hi#s#hi#u#hi#z#hi#}#hi$P#hi%X#hi%o#hi%p#hi%t#hi%u#hi&Z#hi&[#hi&]#hi&^#hi&_#hi&`#hi&a#hi&b#hi&c#hi&d#hi&e#hi&f#hi&g#hi&h#hi&i#hi&j#hi%Z#hi%_#hi~Ot)iOP#kiV#kif#kih#kio#kis#kiv#ki!P#ki!Q#ki!T#ki!U#ki!X#ki!]#ki!h#ki!r#ki!s#ki!t#ki!{#ki!}#ki#P#ki#R#ki#T#ki#X#ki#Z#ki#^#ki#_#ki#a#ki#c#ki#l#ki#o#ki#s#ki#u#ki#z#ki#}#ki$P#ki%X#ki%o#ki%p#ki%t#ki%u#ki&Z#ki&[#ki&]#ki&^#ki&_#ki&`#ki&a#ki&b#ki&c#ki&d#ki&e#ki&f#ki&g#ki&h#ki&i#ki&j#ki%Z#ki%_#ki~OV)kOn&wa~P'vOz)lOn&wa~Oz)lOn&wa~P%SOn)pO~O%Y)tO~Ot)wO#p'WO#q)vOP#niV#nif#nih#nio#nis#niv#ni!P#ni!Q#ni!T#ni!U#ni!X#ni!]#ni!h#ni!r#ni!s#ni!t#ni!{#ni!}#ni#P#ni#R#ni#T#ni#X#ni#Z#ni#^#ni#_#ni#a#ni#c#ni#l#ni#o#ni#s#ni#u#ni#z#ni#}#ni$P#ni%X#ni%o#ni%p#ni%t#ni%u#ni&Z#ni&[#ni&]#ni&^#ni&_#ni&`#ni&a#ni&b#ni&c#ni&d#ni&e#ni&f#ni&g#ni&h#ni&i#ni&j#ni%Z#ni%_#ni~OV)zOo0cOv0qO{$jO~P'vOo0cOv0qO{&xa~P'vOz*OO{&xa~OV*SOa*TOg*WO%q*UO%uWO~O{$jO&{*YO~Oh'_O~Oh!iO{$jO~O%[*_O~O%[*aO~OV$}Oa$}Oo0cOv0qOg&Ua~P'vOz*dOg&Ua~Oo0cOv0qO{*gO!W&Xa~P'vOz*hO!W&Xa~Oo0cOv0qOz*hO{*kO!W&Xa~P'vOo0cOv0qOz*hO!W&Xa~P'vOz*hO{*kO!W&Xa~Om0dOn0dOo0mOp0nOgjikjisjizji!Tji!Uji%{ji!Wji{ji![ji#gji%[ji%_ji!Qji#[jitji!mji%zji~Ol0fO~P!N_Olji~P!N_OV'|Og*pOo0cOv0qO~P'vOn*rO~Og*pOz*tO~Og*uO~OV'|Oo0cOv0qO!W&Si~P'vOz*vO!W&Si~O!W*wO~OV(]Oo0cOv0qO![%}i#g%}i%[%}i%_%}ig%}i{%}i!m%}i%z%}i~P'vOz*zO!T%dO!U%cO![&Ti~Oz*}O![%}i#g%}i%[%}i%_%}ig%}i{%}i!m%}i%z%}i~O![+OO~Oa+QOo0cOv0qO![&Ti~P'vOz*zO![&Ti~O![+SO~OV+UOo0cOv0qO{&la![&la!m&la%z&la~P'vOz+VO{&la![&la!m&la%z&la~O!]+YO&n+[O![!nX~O![+^O~O{(kO![+_O~O{(kO![+_O!m+`O~OV&OOopOvqO{%hq!x%hq#g%hq%[%hq%_%hq%z%hq~P'vOz$ri{$ri!x$ri#g$ri%[$ri%_$ri%z$ri~P%SOV&OOopOvqO~P'vOV&OOo0cOv0qO#g%ha%[%ha%_%ha%z%ha~P'vOz+aO#g%ha%[%ha%_%ha%z%ha~Oz$ia#g$ia%[$ia%_$ian$ia~P%SO#g&Pi%[&Pi%_&Pin&Pi~P'vOz+dO#g#Wq%[#Wq%_#Wq~O#[+eOz$va#g$va%[$va%_$vag$va~O%uWO#g&ri%[&ri%_&rig&ri~Oz+gO#g&ri%[&ri%_&rig&ri~OV+iOh$WO%uWO~O%uWO#g&ti%[&ti%_&ti~Oo0cOv0qO#g&pi%[&pi%_&pi{&pi~P'vO{#{Oz#eX!W#eX~Oz+mO!W&uX~O!W+oO~Ot+rO#j)gOP#hqV#hqf#hqh#hqo#hqs#hqv#hq!P#hq!Q#hq!T#hq!U#hq!X#hq!]#hq!h#hq!r#hq!s#hq!t#hq!{#hq!}#hq#P#hq#R#hq#T#hq#X#hq#Z#hq#^#hq#_#hq#a#hq#c#hq#l#hq#o#hq#s#hq#u#hq#z#hq#}#hq$P#hq%X#hq%o#hq%p#hq%t#hq%u#hq&Z#hq&[#hq&]#hq&^#hq&_#hq&`#hq&a#hq&b#hq&c#hq&d#hq&e#hq&f#hq&g#hq&h#hq&i#hq&j#hq%Z#hq%_#hq~On$|az$|a~P%SOV)kOn&wi~P'vOz+yOn&wi~Oz,TO{$jO#[,TO~O#q,VOP#nqV#nqf#nqh#nqo#nqs#nqv#nq!P#nq!Q#nq!T#nq!U#nq!X#nq!]#nq!h#nq!r#nq!s#nq!t#nq!{#nq!}#nq#P#nq#R#nq#T#nq#X#nq#Z#nq#^#nq#_#nq#a#nq#c#nq#l#nq#o#nq#s#nq#u#nq#z#nq#}#nq$P#nq%X#nq%o#nq%p#nq%t#nq%u#nq&Z#nq&[#nq&]#nq&^#nq&_#nq&`#nq&a#nq&b#nq&c#nq&d#nq&e#nq&f#nq&g#nq&h#nq&i#nq&j#nq%Z#nq%_#nq~O#[,WOz%Oa{%Oa~Oo0cOv0qO{&xi~P'vOz,YO{&xi~O{#{O%z,[Og&zXz&zX~O%uWOg&zXz&zX~Oz,`Og&yX~Og,bO~O%Y,eO~O!T%dO!U%cOg&Viz&Vi~OV$}Oa$}Oo0cOv0qOg&Ui~P'vO{,hOz$la!W$la~Oo0cOv0qO{,iOz$la!W$la~P'vOo0cOv0qO{*gO!W&Xi~P'vOz,lO!W&Xi~Oo0cOv0qOz,lO!W&Xi~P'vOz,lO{,oO!W&Xi~Og$hiz$hi!W$hi~P%SOV'|Oo0cOv0qO~P'vOn,qO~OV'|Og,rOo0cOv0qO~P'vOV'|Oo0cOv0qO!W&Sq~P'vOz$gi![$gi#g$gi%[$gi%_$gig$gi{$gi!m$gi%z$gi~P%SOV(]Oo0cOv0qO~P'vOa+QOo0cOv0qO![&Tq~P'vOz,sO![&Tq~O![,tO~OV(]Oo0cOv0qO![%}q#g%}q%[%}q%_%}qg%}q{%}q!m%}q%z%}q~P'vO{,uO~OV+UOo0cOv0qO{&li![&li!m&li%z&li~P'vOz,zO{&li![&li!m&li%z&li~O!]+YO&n+[O![!na~O{(kO![,}O~OV&OOo0cOv0qO#g%hi%[%hi%_%hi%z%hi~P'vOz-OO#g%hi%[%hi%_%hi%z%hi~O%uWO#g&rq%[&rq%_&rqg&rq~Oz-RO#g&rq%[&rq%_&rqg&rq~OV)`Oa)`O%uWO!W&ua~Oz-TO!W&ua~On$|iz$|i~P%SOV)kO~P'vOV)kOn&wq~P'vOt-XOP#myV#myf#myh#myo#mys#myv#my!P#my!Q#my!T#my!U#my!X#my!]#my!h#my!r#my!s#my!t#my!{#my!}#my#P#my#R#my#T#my#X#my#Z#my#^#my#_#my#a#my#c#my#l#my#o#my#s#my#u#my#z#my#}#my$P#my%X#my%o#my%p#my%t#my%u#my&Z#my&[#my&]#my&^#my&_#my&`#my&a#my&b#my&c#my&d#my&e#my&f#my&g#my&h#my&i#my&j#my%Z#my%_#my~O%Z-]O%_-]O~P`O#q-^OP#nyV#nyf#nyh#nyo#nys#nyv#ny!P#ny!Q#ny!T#ny!U#ny!X#ny!]#ny!h#ny!r#ny!s#ny!t#ny!{#ny!}#ny#P#ny#R#ny#T#ny#X#ny#Z#ny#^#ny#_#ny#a#ny#c#ny#l#ny#o#ny#s#ny#u#ny#z#ny#}#ny$P#ny%X#ny%o#ny%p#ny%t#ny%u#ny&Z#ny&[#ny&]#ny&^#ny&_#ny&`#ny&a#ny&b#ny&c#ny&d#ny&e#ny&f#ny&g#ny&h#ny&i#ny&j#ny%Z#ny%_#ny~Oz-aO{$jO#[-aO~Oo0cOv0qO{&xq~P'vOz-dO{&xq~O%z,[Og&zaz&za~OV*SOa*TO%q*UO%uWOg&ya~Oz-hOg&ya~O$S-lO~OV$}Oa$}Oo0cOv0qO~P'vOo0cOv0qO{-mOz$li!W$li~P'vOo0cOv0qOz$li!W$li~P'vO{-mOz$li!W$li~Oo0cOv0qO{*gO~P'vOo0cOv0qO{*gO!W&Xq~P'vOz-pO!W&Xq~Oo0cOv0qOz-pO!W&Xq~P'vOs-sO!T%dO!U%cOg&Oq!W&Oq![&Oqz&Oq~P!/aOa+QOo0cOv0qO![&Ty~P'vOz$ji![$ji~P%SOa+QOo0cOv0qO~P'vOV+UOo0cOv0qO~P'vOV+UOo0cOv0qO{&lq![&lq!m&lq%z&lq~P'vO{(kO![-xO!m-yO%z-wO~OV&OOo0cOv0qO#g%hq%[%hq%_%hq%z%hq~P'vO%uWO#g&ry%[&ry%_&ryg&ry~OV)`Oa)`O%uWO!W&ui~Ot-}OP#m!RV#m!Rf#m!Rh#m!Ro#m!Rs#m!Rv#m!R!P#m!R!Q#m!R!T#m!R!U#m!R!X#m!R!]#m!R!h#m!R!r#m!R!s#m!R!t#m!R!{#m!R!}#m!R#P#m!R#R#m!R#T#m!R#X#m!R#Z#m!R#^#m!R#_#m!R#a#m!R#c#m!R#l#m!R#o#m!R#s#m!R#u#m!R#z#m!R#}#m!R$P#m!R%X#m!R%o#m!R%p#m!R%t#m!R%u#m!R&Z#m!R&[#m!R&]#m!R&^#m!R&_#m!R&`#m!R&a#m!R&b#m!R&c#m!R&d#m!R&e#m!R&f#m!R&g#m!R&h#m!R&i#m!R&j#m!R%Z#m!R%_#m!R~Oo0cOv0qO{&xy~P'vOV*SOa*TO%q*UO%uWOg&yi~O$S-lO%Z.VO%_.VO~OV.aOh._O!X.^O!].`O!h.YO!s.[O!t.[O%p.XO%uWO&Z]O&[]O&]]O&^]O&_]O&`]O&a]O&b]O~Oo0cOv0qOz$lq!W$lq~P'vO{.fOz$lq!W$lq~Oo0cOv0qO{*gO!W&Xy~P'vOz.gO!W&Xy~Oo0cOv.kO~P'vOs-sO!T%dO!U%cOg&Oy!W&Oy![&Oyz&Oy~P!/aO{(kO![.nO~O{(kO![.nO!m.oO~OV*SOa*TO%q*UO%uWO~Oh.tO!f.rOz$TX#[$TX%j$TXg$TX~Os$TX{$TX!W$TX![$TX~P$,yO%o.vO%p.vOs$UXz$UX{$UX#[$UX%j$UX!W$UXg$UX![$UX~O!h.xO~Oz.|O#[/OO%j.yOs&|X{&|X!W&|Xg&|X~Oa/RO~P$)cOh.tOs&}Xz&}X{&}X#[&}X%j&}X!W&}Xg&}X![&}X~Os/VO{$jO~Oo0cOv0qOz$ly!W$ly~P'vOo0cOv0qO{*gO!W&X!R~P'vOz/ZO!W&X!R~Og&RXs&RX!T&RX!U&RX!W&RX![&RXz&RX~P!/aOs-sO!T%dO!U%cOg&Qa!W&Qa![&Qaz&Qa~O{(kO![/^O~O!f.rOh$[as$[az$[a{$[a#[$[a%j$[a!W$[ag$[a![$[a~O!h/eO~O%o.vO%p.vOs$Uaz$Ua{$Ua#[$Ua%j$Ua!W$Uag$Ua![$Ua~O%j.yOs$Yaz$Ya{$Ya#[$Ya!W$Yag$Ya![$Ya~Os&|a{&|a!W&|ag&|a~P$)VOz/jOs&|a{&|a!W&|ag&|a~O!W/mO~Og/mO~O{/oO~O![/pO~Oo0cOv0qO{*gO!W&X!Z~P'vO{/sO~O%z/tO~P$,yOz/uO#[/OO%j.yOg'PX~Oz/uOg'PX~Og/wO~O!h/xO~O#[/OOs%Saz%Sa{%Sa%j%Sa!W%Sag%Sa![%Sa~O#[/OO%j.yOs%Waz%Wa{%Wa!W%Wag%Wa~Os&|i{&|i!W&|ig&|i~P$)VOz/zO#[/OO%j.yO!['Oa~O{$da~P%SOg'Pa~P$)VOz0SOg'Pa~Oa0UO!['Oi~P$)cOz0WO!['Oi~Oz0WO#[/OO%j.yO!['Oi~O#[/OO%j.yOg$biz$bi~O%z0ZO~P$,yO#[/OO%j.yOg%Vaz%Va~Og'Pi~P$)VO{0^O~Oa0UO!['Oq~P$)cOz0`O!['Oq~O#[/OO%j.yOz%Ui![%Ui~Oa0UO~P$)cOa0UO!['Oy~P$)cO#[/OO%j.yOg$ciz$ci~O#[/OO%j.yOz%Uq![%Uq~Oz+aO#g%ha%[%ha%_%ha%z%ha~P%SOV&OOo0cOv0qO~P'vOn0hO~Oo0hO~P'vO{0iO~Ot0jO~P!/aO&]&Z&j&h&i&g&f&d&e&c&b&`&a&_&^&[%u~",
+    goto: "!=l'QPPPPPP'RP'Z*s+]+v,b,}-kP.YP'Z.y.y'ZPPP'Z2cPPPPPP2c5VPP5VP7g7p=xPP={>m>pPP'Z'ZPP?PPP'Z'ZPP'Z'Z'Z'Z'Z?T?}'ZP@QP@WD_G{HPPHSH^Hb'ZPPPHeHn'RP'R'RP'RP'RP'RP'RP'R'R'RP'RPP'RPP'RP'RPHtIQIYPIaIgPIaPIaIaPPPIaPKuPLOLYL`KuPIaLiPIaPLpLvPLzM`M}NhLzLzNnN{LzLzLzLz! a! g! j! o! r! |!!S!!`!!r!!x!#S!#Y!#v!#|!$S!$^!$d!$j!$|!%W!%^!%d!%n!%t!%z!&Q!&W!&^!&h!&n!&x!'O!'X!'_!'n!'v!(Q!(XPPPPPPPPPPP!(_!(b!(h!(q!({!)WPPPPPPPPPPPP!-z!/`!3`!6pPP!6x!7X!7b!8Z!8Q!8d!8j!8m!8p!8s!8{!9lPPPPPPPPPPPPPPPPP!9o!9s!9yP!:_!:c!:o!:x!;U!;l!;o!;r!;x!<O!<U!<XP!<a!<j!=f!=i]eOn#g$j)t,P'}`OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$e$g$h$j$q$}%S%Z%^%`%c%g%l%n%w%|&O&Z&_&h&j&k&u&x&|'P'W'Z'l'm'p'r's'w'|(O(S(W(](^(d(g(p(r(z(})^)e)g)k)l)p)t)z*O*Y*d*g*h*k*q*r*t*v*y*z*}+Q+U+V+Y+a+c+d+k+x+y,P,X,Y,],g,h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/V/Z/s0c0d0e0f0h0i0j0k0l0n0r}!cQ#c#p$R$d$p%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g!P!dQ#c#p$R$d$p$u%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g!R!eQ#c#p$R$d$p$u$v%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g!T!fQ#c#p$R$d$p$u$v$w%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g!V!gQ#c#p$R$d$p$u$v$w$x%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g!X!hQ#c#p$R$d$p$u$v$w$x$y%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g!]!hQ!n#c#p$R$d$p$u$v$w$x$y$z%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0g'}TOTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$e$g$h$j$q$}%S%Z%^%`%c%g%l%n%w%|&O&Z&_&h&j&k&u&x&|'P'W'Z'l'm'p'r's'w'|(O(S(W(](^(d(g(p(r(z(})^)e)g)k)l)p)t)z*O*Y*d*g*h*k*q*r*t*v*y*z*}+Q+U+V+Y+a+c+d+k+x+y,P,X,Y,],g,h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/V/Z/s0c0d0e0f0h0i0j0k0l0n0r&cVOYZ[dnprxy}!P!Q!U!i!k!o!p!q!s!t#[#d#g#y#{#}$Q$h$j$}%S%Z%^%`%g%l%n%w%|&Z&_&j&k&u&x'P'W'Z'l'm'p'r's'w(O(W(^(d(g(p(r(z)^)e)g)p)t)z*O*Y*d*g*h*k*q*r*t*v*y*z*}+U+V+Y+a+d+k,P,X,Y,],g,h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/Z/s0c0d0e0f0h0i0j0k0n0r%mXOYZ[dnrxy}!P!Q!U!i!k#[#d#g#y#{#}$Q$h$j$}%S%^%`%g%l%n%w%|&Z&_&j&k&u&x'P'W'Z'l'm'p'r's'w(O(W(^(d(g(p(r(z)^)e)g)p)t)z*O*Y*d*g*h*k*q*t*v*y*z*}+U+V+Y+a+d+k,P,X,Y,],g,h,i,k,l,o,s,u,w,y,z-O-d-f-m-p.f.g/Z0i0j0kQ#vqQ/[.kR0o0q't`OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$e$g$h$j$q$}%S%Z%^%`%c%g%l%n%w%|&O&Z&_&h&j&k&u&x&|'P'W'Z'l'p'r's'w'|(O(S(W(](^(d(g(p(r(z(})^)e)g)k)l)p)t)z*O*Y*g*h*k*q*r*t*v*y*z*}+Q+U+V+Y+a+c+d+k+x+y,P,X,Y,],h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/V/Z/s0c0d0e0f0h0i0j0k0l0n0rh#jhz{$W$Z&l&q)S)X+f+g-RW#rq&].k0qQ$]|Q$a!OQ$n!VQ$o!WW$|!i'm*d,gS&[#s#tQ'S$iQ(s&UQ)U&nU)Y&s)Z+jW)a&w+m-T-{Q*Q']W*R'_,`-h.TQ+l)`S,_*S*TQ-Q+eQ-_,TQ-c,WQ.R-al.W-l.^._.a.z.|/R/j/o/t/y0U0Z0^Q/S.`Q/a.tQ/l/OU0P/u0S0[X0V/z0W0_0`R&Z#r!_!wYZ!P!Q!k%S%`%g'p'r's(O(W)g*g*h*k*q*t*v,h,i,k,l,o-m-p.f.g/ZR%^!vQ!{YQ%x#[Q&d#}Q&g$QR,{+YT.j-s/s![!jQ!n#c#p$R$d$p$u$v$w$x$y$z%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0gQ&X#kQ'c$oR*^'dR'l$|Q%V!mR/_.r'|_OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$e$g$h$j$q$}%S%Z%^%`%c%g%l%n%w%|&O&Z&_&h&j&k&u&x&|'P'W'Z'l'm'p'r's'w'|(O(S(W(](^(d(g(p(r(z(})^)e)g)k)l)p)t)z*O*Y*d*g*h*k*q*r*t*v*y*z*}+Q+U+V+Y+a+c+d+k+x+y,P,X,Y,],g,h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/V/Z/s0c0d0e0f0h0i0j0k0l0n0rS#a_#b!P.[-l.^._.`.a.t.z.|/R/j/o/t/u/y/z0S0U0W0Z0[0^0_0`'|_OTYZ[adnoprtxy}!P!Q!R!U!X!c!d!e!f!g!h!i!k!o!p!q!s!t!z#O#S#T#[#d#g#x#y#{#}$Q$e$g$h$j$q$}%S%Z%^%`%c%g%l%n%w%|&O&Z&_&h&j&k&u&x&|'P'W'Z'l'm'p'r's'w'|(O(S(W(](^(d(g(p(r(z(})^)e)g)k)l)p)t)z*O*Y*d*g*h*k*q*r*t*v*y*z*}+Q+U+V+Y+a+c+d+k+x+y,P,X,Y,],g,h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/V/Z/s0c0d0e0f0h0i0j0k0l0n0rT#a_#bT#^^#_R(o%xa(l%x(n(o+`,{-y-z.oT+[(k+]R-z,{Q$PsQ+l)aR,^*RX#}s$O$P&fQ&y$aQ'a$nQ'd$oR)s'SQ)b&wV-S+m-T-{ZgOn$j)t,PXkOn)t,PQ$k!TQ&z$bQ&{$cQ'^$mQ'b$oQ)q'RQ)x'WQ){'XQ)|'YQ*Z'`S*]'c'dQ+s)gQ+u)hQ+v)iQ+z)oS+|)r*[Q,Q)vQ,R)wS,S)y)zQ,d*^Q-V+rQ-W+tQ-Y+{S-Z+},OQ-`,UQ-b,VQ-|-XQ.O-[Q.P-^Q.Q-_Q.p-}Q.q.RQ/W.dR/r/XWkOn)t,PR#mjQ'`$nS)r'S'aR,O)sQ,]*RR-f,^Q*['`Q+})rR-[,OZiOjn)t,PQ'f$pR*`'gT-j,e-ku.c-l.^._.a.t.z.|/R/j/o/t/u/y0S0U0Z0[0^t.c-l.^._.a.t.z.|/R/j/o/t/u/y0S0U0Z0[0^Q/S.`X0V/z0W0_0`!P.Z-l.^._.`.a.t.z.|/R/j/o/t/u/y/z0S0U0W0Z0[0^0_0`Q.w.YR/f.xg.z.].{/b/i/n/|0O0Q0]0a0bu.b-l.^._.a.t.z.|/R/j/o/t/u/y0S0U0Z0[0^X.u.W.b/a0PR/c.tV0R/u0S0[R/X.dQnOS#on,PR,P)tQ&^#uR(x&^S%m#R#wS(_%m(bT(b%p&`Q%a!yQ%h!}W(P%a%h(U(YQ(U%eR(Y%jQ&i$RR)O&iQ(e%qQ*{(`T+R(e*{Q'n%OR*e'nS'q%R%SY*i'q*j,m-q.hU*j'r's'tU,m*k*l*mS-q,n,oR.h-rQ#Y]R%t#YQ#_^R%y#_Q(h%vS+W(h+XR+X(iQ+](kR,|+]Q#b_R%{#bQ#ebQ%}#cW&Q#e%}({+bQ({&cR+b0gQ$OsS&e$O&fR&f$PQ&v$_R)_&vQ&V#jR(t&VQ&m$VS)T&m+hR+h)UQ$Z{R&p$ZQ&t$]R)[&tQ+n)bR-U+nQ#hfR&S#hQ)f&zR+q)fQ&}$dS)m&})nR)n'OQ'V$kR)u'VQ'[$lS*P'[,ZR,Z*QQ,a*VR-i,aWjOn)t,PR#ljQ-k,eR.U-kd.{.]/b/i/n/|0O0Q0]0a0bR/h.{U.s.W/a0PR/`.sQ/{/nS0X/{0YR0Y/|S/v/b/cR0T/vQ.}.]R/k.}R!ZPXmOn)t,PWlOn)t,PR'T$jYfOn$j)t,PR&R#g[sOn#g$j)t,PR&d#}&bQOYZ[dnprxy}!P!Q!U!i!k!o!p!q!s!t#[#d#g#y#{#}$Q$h$j$}%S%Z%^%`%g%l%n%w%|&Z&_&j&k&u&x'P'W'Z'l'm'p'r's'w(O(W(^(d(g(p(r(z)^)e)g)p)t)z*O*Y*d*g*h*k*q*r*t*v*y*z*}+U+V+Y+a+d+k,P,X,Y,],g,h,i,k,l,o,q,s,u,w,y,z-O-d-f-m-p-s.f.g/Z/s0c0d0e0f0h0i0j0k0n0rQ!nTQ#caQ#poU$Rt%c(SS$d!R$gQ$p!XQ$u!cQ$v!dQ$w!eQ$x!fQ$y!gQ$z!hQ%e!zQ%j#OQ%p#SQ%q#TQ&`#xQ'O$eQ'g$qQ(q&OU(|&h(}+cW)j&|)l+x+yQ*o'|Q*x(]Q+w)kQ,v+QQ/q/VR0g0lQ!yYQ!}ZQ$b!PQ$c!QQ%R!kQ't%S^'{%`%g(O(W*q*t*v^*f'p*h,k,l-p.g/ZQ*l'rQ*m'sQ+t)gQ,j*gQ,n*kQ-n,hQ-o,iQ-r,oQ.e-mR/Y.f[bOn#g$j)t,P!^!vYZ!P!Q!k%S%`%g'p'r's(O(W)g*g*h*k*q*t*v,h,i,k,l,o-m-p.f.g/ZQ#R[Q#fdS#wrxQ$UyW$_}$Q'P)pS$l!U$hW${!i'm*d,gS%v#[+Y`&P#d%|(p(r(z+a-O0kQ&a#yQ&b#{Q&c#}Q'j$}Q'z%^W([%l(^*y*}Q(`%nQ(i%wQ(v&ZS(y&_0iQ)P&jQ)Q&kU)]&u)^+kQ)d&xQ)y'WY)}'Z*O,X,Y-dQ*b'lS*n'w0jW+P(d*z,s,wW+T(g+V,y,zQ+p)eQ,U)zQ,c*YQ,x+UQ-P+dQ-e,]Q-v,uR.S-fhUOn#d#g$j%|&_'w(p(r)t,P%S!uYZ[drxy}!P!Q!U!i!k#[#y#{#}$Q$h$}%S%^%`%g%l%n%w&Z&j&k&u&x'P'W'Z'l'm'p'r's(O(W(^(d(g(z)^)e)g)p)z*O*Y*d*g*h*k*q*t*v*y*z*}+U+V+Y+a+d+k,X,Y,],g,h,i,k,l,o,s,u,w,y,z-O-d-f-m-p.f.g/Z0i0j0kQ#qpW%W!o!s0d0nQ%X!pQ%Y!qQ%[!tQ%f0cS'v%Z0hQ'x0eQ'y0fQ,p*rQ-u,qS.i-s/sR0p0rU#uq.k0qR(w&][cOn#g$j)t,PZ!xY#[#}$Q+YQ#W[Q#zrR$TxQ%b!yQ%i!}Q%o#RQ'j${Q(V%eQ(Z%jQ(c%pQ(f%qQ*|(`Q,f*bQ-t,pQ.m-uR/].lQ$StQ(R%cR*s(SQ.l-sR/}/sR#QZR#V[R%Q!iQ%O!iV*c'm*d,g!]!lQ!n#c#p$R$d$p$u$v$w$x$y$z%e%j%p%q&`'O'g(q(|)j*o*x+w,v/q0gR%T!kT#]^#_Q%x#[R,{+YQ(m%xS+_(n(oQ,}+`Q-x,{S.n-y-zR/^.oT+Z(k+]Q$`}Q&g$QQ)o'PR+{)pQ$XzQ)W&qR+i)XQ$XzQ&o$WQ)W&qR+i)XQ#khW$Vz$W&q)XQ$[{Q&r$ZZ)R&l)S+f+g-RR$^|R)c&wXlOn)t,PQ$f!RR'Q$gQ$m!UR'R$hR*X'_Q*V'_V-g,`-h.TQ.d-lQ/P.^R/Q._U.]-l.^._Q/U.aQ/b.tQ/g.zU/i.|/j/yQ/n/RQ/|/oQ0O/tU0Q/u0S0[Q0]0UQ0a0ZR0b0^R/T.`R/d.t",
     nodeNames: "\u26A0 print Escape { Comment Script AssignStatement * BinaryExpression BitOp BitOp BitOp BitOp ArithOp ArithOp @ ArithOp ** UnaryExpression ArithOp BitOp AwaitExpression await ) ( ParenthesizedExpression BinaryExpression or and CompareOp in not is UnaryExpression ConditionalExpression if else LambdaExpression lambda ParamList VariableName AssignOp , : NamedExpression AssignOp YieldExpression yield from TupleExpression ComprehensionExpression async for LambdaExpression ] [ ArrayExpression ArrayComprehensionExpression } { DictionaryExpression DictionaryComprehensionExpression SetExpression SetComprehensionExpression CallExpression ArgList AssignOp MemberExpression . PropertyName Number String FormatString FormatReplacement FormatSelfDoc FormatConversion FormatSpec FormatReplacement FormatSelfDoc ContinuedString Ellipsis None Boolean TypeDef AssignOp UpdateStatement UpdateOp ExpressionStatement DeleteStatement del PassStatement pass BreakStatement break ContinueStatement continue ReturnStatement return YieldStatement PrintStatement RaiseStatement raise ImportStatement import as ScopeStatement global nonlocal AssertStatement assert TypeDefinition type TypeParamList TypeParam StatementGroup ; IfStatement Body elif WhileStatement while ForStatement TryStatement try except finally WithStatement with FunctionDefinition def ParamList AssignOp TypeDef ClassDefinition class DecoratedStatement Decorator At MatchStatement match MatchBody MatchClause case CapturePattern LiteralPattern ArithOp ArithOp AsPattern OrPattern LogicOp AttributePattern SequencePattern MappingPattern StarPattern ClassPattern PatternArgList KeywordPattern KeywordPattern Guard",
     maxTerm: 277,
     context: trackIndent,
@@ -308555,7 +308711,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     tokenizers: [legacyPrint, indentation, newlines, strings, 0, 1, 2, 3, 4],
     topRules: { "Script": [0, 5] },
     specialized: [{ term: 221, get: (value) => spec_identifier[value] || -1 }],
-    tokenPrec: 7646
+    tokenPrec: 7652
   });
   const cache$1 = /* @__PURE__ */ new NodeWeakMap();
   const ScopeNodes = /* @__PURE__ */ new Set([
@@ -310145,6 +310301,75 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function noop$3() {
   }
   var noop_1 = noop$3;
+  var extendStatics = function(d2, b2) {
+    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
+      d3.__proto__ = b3;
+    } || function(d3, b3) {
+      for (var p2 in b3)
+        if (Object.prototype.hasOwnProperty.call(b3, p2))
+          d3[p2] = b3[p2];
+    };
+    return extendStatics(d2, b2);
+  };
+  function __extends(d2, b2) {
+    if (typeof b2 !== "function" && b2 !== null)
+      throw new TypeError("Class extends value " + String(b2) + " is not a constructor or null");
+    extendStatics(d2, b2);
+    function __() {
+      this.constructor = d2;
+    }
+    d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
+  }
+  function __values(o2) {
+    var s2 = typeof Symbol === "function" && Symbol.iterator, m2 = s2 && o2[s2], i2 = 0;
+    if (m2)
+      return m2.call(o2);
+    if (o2 && typeof o2.length === "number")
+      return {
+        next: function() {
+          if (o2 && i2 >= o2.length)
+            o2 = void 0;
+          return { value: o2 && o2[i2++], done: !o2 };
+        }
+      };
+    throw new TypeError(s2 ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+  function __read(o2, n2) {
+    var m2 = typeof Symbol === "function" && o2[Symbol.iterator];
+    if (!m2)
+      return o2;
+    var i2 = m2.call(o2), r2, ar = [], e3;
+    try {
+      while ((n2 === void 0 || n2-- > 0) && !(r2 = i2.next()).done)
+        ar.push(r2.value);
+    } catch (error2) {
+      e3 = { error: error2 };
+    } finally {
+      try {
+        if (r2 && !r2.done && (m2 = i2["return"]))
+          m2.call(i2);
+      } finally {
+        if (e3)
+          throw e3.error;
+      }
+    }
+    return ar;
+  }
+  function __spreadArray(to2, from, pack) {
+    if (pack || arguments.length === 2)
+      for (var i2 = 0, l2 = from.length, ar; i2 < l2; i2++) {
+        if (ar || !(i2 in from)) {
+          if (!ar)
+            ar = Array.prototype.slice.call(from, 0, i2);
+          ar[i2] = from[i2];
+        }
+      }
+    return to2.concat(ar || Array.prototype.slice.call(from));
+  }
+  typeof SuppressedError === "function" ? SuppressedError : function(error2, suppressed, message) {
+    var e3 = new Error(message);
+    return e3.name = "SuppressedError", e3.error = error2, e3.suppressed = suppressed, e3;
+  };
   function isFunction$1(value) {
     return typeof value === "function";
   }
@@ -311338,6 +311563,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function SoftEdgeArrowButton() {
     return jsxRuntime.exports.jsxs("svg", { fill: "none", height: "15", viewBox: "0 0 16 15", width: "16", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.exports.jsx("path", { d: "M9.1333 0.867188C10.9545 0.867188 12.701 1.59064 13.9888 2.87839C15.2765 4.16614 16 5.9127 16 7.73385C16 9.55501 15.2765 11.3016 13.9888 12.5893C12.701 13.8771 10.9545 14.6005 9.1333 14.6005L9.1333 12.2659C10.3353 12.2659 11.488 11.7884 12.3379 10.9385C13.1878 10.0885 13.6653 8.93581 13.6653 7.73385C13.6653 6.53189 13.1878 5.37916 12.3379 4.52925C11.488 3.67933 10.3353 3.20185 9.1333 3.20185V0.867188Z", fill: "currentColor" }), jsxRuntime.exports.jsx("path", { d: "M1.14286 6.59375H14.1667V8.87946H1.14286C0.510714 8.87946 0 8.36875 0 7.73661C0 7.10446 0.510714 6.59375 1.14286 6.59375Z", fill: "currentColor" }), jsxRuntime.exports.jsx("circle", { cx: "9.13389", cy: "2.03452", fill: "currentColor", r: "1.16733" }), jsxRuntime.exports.jsx("circle", { cx: "9.13389", cy: "13.4344", fill: "currentColor", r: "1.16733" })] });
   }
+  function CollapseExpandGroupButton(props) {
+    const { disablePointerEvents } = React.useContext(pointerCtx);
+    const buttonText = props.showExpandAll ? "Collapse All" : "Expand All";
+    return jsxRuntime.exports.jsx(Tooltip$1, { content: buttonText, placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": buttonText, disableEvents: disablePointerEvents, fixedSize: true, onClick: props.showExpandAll ? props.onCollapseAll : props.onExpandAll, style: { padding: "0 0.75rem" }, children: props.showExpandAll ? jsxRuntime.exports.jsx(DownLeftAndUpRightToCenter, {}) : jsxRuntime.exports.jsx(UpRightAndDownLeftFromCenter, {}) }) });
+  }
   function SaveImageButton(props) {
     const [hovered, setHovered] = React.useState(false);
     const { disablePointerEvents } = React.useContext(pointerCtx);
@@ -311792,6 +312022,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return deque;
   };
   var hasCycle = hasCycle$1;
+  const DEFAULT_NODE_SIZE$1 = 64;
+  const TARGET_NODE_MULTIPLIER = 1.25;
   function willCreateCycle(graphOriginal, edge) {
     const graph = graphOriginal.copy();
     try {
@@ -311828,14 +312060,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function getTooltipContent(id2, data2, theme2, label, tooltipSize) {
     return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx("div", { style: { display: "flex", flexDirection: "row", justifyContent: "center" }, children: jsxRuntime.exports.jsx("h2", { style: { fontSize: tooltipSize ? `${tooltipSize}px` : theme2.font.size }, children: label !== null && label !== void 0 ? label : id2 }) }), data2 && typeof data2 === "object" && jsxRuntime.exports.jsx("ul", { style: { margin: 0, padding: 0, paddingLeft: "1rem", paddingTop: "1rem" }, children: Object.keys(data2).map((key) => jsxRuntime.exports.jsx("li", { children: jsxRuntime.exports.jsxs("p", { style: { fontSize: tooltipSize ? `${tooltipSize}px` : theme2.font.size }, children: [jsxRuntime.exports.jsxs("strong", { children: [key, ": "] }), data2[key]] }) }, `${id2}-${String(data2[key])}`)) }), data2 && typeof data2 === "string" && jsxRuntime.exports.jsx("span", { style: { margin: 0, padding: 0, paddingTop: "1rem" }, children: data2 })] });
   }
-  function getNodeGroup(graph, id2, isLatent) {
-    let group = "other";
+  function getNodeCategory(graph, id2, isLatent) {
+    let category = "other";
     if (isLatent) {
-      group = "latent";
-    } else if (graph.inDegree(id2) > 0 && graph.outDegree(id2) === 0) {
-      group = "target";
+      category = "latent";
+    } else if (graph.hasNode(id2) && graph.inDegree(id2) > 0 && graph.outDegree(id2) === 0) {
+      category = "target";
     }
-    return group;
+    return category;
   }
   function isDag(graph) {
     if (hasCycle(graph)) {
@@ -311865,7 +312097,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return void 0;
   }
-  function getNodeGroups(nodes, group, graph) {
+  function getGroupToNodesMap(nodes, group, graph) {
     const attributePathArray = group.split(".");
     return nodes.reduce((groupAccumulator, node2) => {
       const nodeAttributes = graph.getNodeAttributes(node2);
@@ -311881,6 +312113,18 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return groupAccumulator;
     }, {});
   }
+  function getNodeToGroupMap(nodes, group, graph) {
+    const attributePathArray = group.split(".");
+    return nodes.reduce((nodeToGroupMap, node2) => {
+      const nodeAttributes = graph.getNodeAttributes(node2);
+      const nodeGroup = attributePathArray.reduce(getPathInNodeAttribute, nodeAttributes);
+      if (nodeGroup !== void 0) {
+        const groupKey = String(nodeGroup);
+        nodeToGroupMap[node2] = groupKey;
+      }
+      return nodeToGroupMap;
+    }, {});
+  }
   function getNodeOrder(nodes, orderPath, graph) {
     const attributePathArray = orderPath.split(".");
     return nodes.reduce((groupAccumulator, node2) => {
@@ -311898,7 +312142,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (!Array.isArray(tiers)) {
       const { group, rank } = tiers;
       const nodes = graph.nodes();
-      const tieredNodes = getNodeGroups(nodes, group, graph);
+      const tieredNodes = getGroupToNodesMap(nodes, group, graph);
       if (rank) {
         const missingGroups = [];
         tiersArray = rank.map((key) => {
@@ -312427,7 +312671,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function LegendList({ listItems }) {
     return jsxRuntime.exports.jsx(Ul, { children: listItems.map((_a3) => {
       var { label } = _a3, props = __rest$5(_a3, ["label"]);
-      return jsxRuntime.exports.jsxs(Li, { children: [jsxRuntime.exports.jsx(LegendSymbol, Object.assign({}, props)), jsxRuntime.exports.jsx(LegendText, { children: label })] }, label);
+      return jsxRuntime.exports.jsxs(Li, { children: [jsxRuntime.exports.jsx(LegendSymbol, Object.assign({}, props)), jsxRuntime.exports.jsx(LegendText, { children: label })] }, `${label}-${props.type}`);
     }) });
   }
   const LegendWrapper = styled__default.default.div`
@@ -340168,7 +340412,7 @@ ${e3}`);
   }
   class GraphLayoutBuilder {
     constructor() {
-      this._nodeSize = 64;
+      this._nodeSize = DEFAULT_NODE_SIZE$1;
       this._nodeFontSize = 16;
     }
     nodeSize(size2) {
@@ -347395,22 +347639,22 @@ ${e3}`);
     }
     const nodes = graph.mapNodes((id2, attributes2) => {
       const parentIds = graph.inboundNeighbors(id2);
-      let nodeGroup = "latent";
+      let nodeType = "latent";
       let nodeOrder;
       let nodeRank;
       if (tiers) {
         const nodeData = nodeTiersMap.get(id2);
-        nodeGroup = nodeData === null || nodeData === void 0 ? void 0 : nodeData.group;
+        nodeType = nodeData === null || nodeData === void 0 ? void 0 : nodeData.group;
         nodeOrder = nodeData === null || nodeData === void 0 ? void 0 : nodeData.order;
         nodeRank = nodeData === null || nodeData === void 0 ? void 0 : nodeData.rank;
       }
-      return Object.assign(Object.assign({}, attributes2), { group: nodeGroup, ord: nodeOrder, parentIds, rank: nodeRank });
+      return Object.assign(Object.assign({}, attributes2), { group: nodeType, ord: nodeOrder, parentIds, rank: nodeRank });
     });
     const stratify = ai();
     return stratify(nodes);
   }
   function getD3Data(graph) {
-    const nodes = graph.reduceNodes((acc, id2, attrs2) => Object.assign(Object.assign({}, acc), { [id2]: Object.assign(Object.assign({}, attrs2), { group: getNodeGroup(graph, id2, attrs2["meta.rendering_properties.latent"]) }) }), {});
+    const nodes = graph.reduceNodes((acc, id2, attrs2) => Object.assign(Object.assign({}, acc), { [id2]: Object.assign(Object.assign({}, attrs2), { category: getNodeCategory(graph, id2, attrs2["meta.rendering_properties.latent"]) }) }), {});
     const edges = graph.mapEdges((edgeKey, attrs2, source, target) => {
       return Object.assign(Object.assign({}, attrs2), { source: nodes[source], target: nodes[target] });
     });
@@ -347555,6 +347799,7 @@ ${e3}`);
       this._linkForce = 5;
       this._warmupTicks = 100;
       this._tierSeparation = 300;
+      this._groupRepelStrength = 2e3;
       this.orientation = "horizontal";
     }
     collisionForce(force) {
@@ -347577,6 +347822,10 @@ ${e3}`);
       this._tierSeparation = separation;
       return this;
     }
+    groupRepelStrength(force) {
+      this._groupRepelStrength = force;
+      return this;
+    }
     build() {
       return new SpringLayout(this);
     }
@@ -347589,12 +347838,12 @@ ${e3}`);
           function force(alpha) {
             sortedNodesOrderArray.forEach((nodeName, index2) => {
               const targetPosition = index2 * nodeSeparation;
-              const targettedNode = nodesMap.get(nodeName);
-              if (targettedNode) {
+              const targetedNode = nodesMap.get(nodeName);
+              if (targetedNode) {
                 if (orientation === "horizontal") {
-                  targettedNode.vy += (targetPosition - targettedNode.y) * alpha;
+                  targetedNode.vy += (targetPosition - targetedNode.y) * alpha;
                 } else {
-                  targettedNode.vx += (targetPosition - targettedNode.x) * alpha;
+                  targetedNode.vx += (targetPosition - targetedNode.x) * alpha;
                 }
               }
             });
@@ -347619,12 +347868,12 @@ ${e3}`);
         tiersArray.forEach((tier, index2) => {
           const targetPosition = index2 * tiersSeparation;
           tier.forEach((nodeName) => {
-            const targettedNode = nodesMapping.get(nodeName);
-            if (targettedNode) {
+            const targetedNode = nodesMapping.get(nodeName);
+            if (targetedNode) {
               if (orientation === "horizontal") {
-                targettedNode.x = targetPosition + (targettedNode.x - targetPosition) * alpha;
+                targetedNode.x = targetPosition + (targetedNode.x - targetPosition) * alpha;
               } else {
-                targettedNode.y = targetPosition + (targettedNode.y - targetPosition) * alpha;
+                targetedNode.y = targetPosition + (targetedNode.y - targetPosition) * alpha;
               }
             }
           });
@@ -347634,6 +347883,33 @@ ${e3}`);
     }
     simulation2.force("layer", forceLayer());
   }
+  function createGroupEdges(nodeList) {
+    const edges = [];
+    if (nodeList.length > 1) {
+      for (let i2 = 0; i2 < nodeList.length; i2++) {
+        for (let j2 = i2 + 1; j2 < nodeList.length; j2++) {
+          edges.push({
+            source: nodeList[i2],
+            target: nodeList[j2],
+            originalMeta: {},
+            edge_type: EdgeType.UNDIRECTED_EDGE
+          });
+        }
+      }
+    }
+    return edges;
+  }
+  function createEdgesWithinAllGroups(group, graph, nodes) {
+    const groupsToNodes = getGroupToNodesMap(graph.nodes(), group, graph);
+    const edges = [];
+    Object.keys(groupsToNodes).forEach((groupName) => {
+      const nodeStringsList = groupsToNodes[groupName];
+      const nodeList = nodeStringsList.map((nodeString) => nodes.find((node2) => node2.id === nodeString));
+      const groupEdges = createGroupEdges(nodeList);
+      edges.push(...groupEdges);
+    });
+    return edges;
+  }
   class SpringLayout extends GraphLayout {
     constructor(builder) {
       super(builder);
@@ -347642,12 +347918,56 @@ ${e3}`);
       this.gravity = builder._gravity;
       this.warmupTicks = builder._warmupTicks;
       this.tierSeparation = builder._tierSeparation;
+      this.groupRepelStrength = builder._groupRepelStrength;
       this.orientation = builder.orientation;
       this.tiers = builder.tiers;
+      this.group = builder.group;
     }
     applyLayout(graph, forceUpdate) {
-      let [edges, nodes] = getD3Data(graph);
-      const simulation$1 = simulation(nodes).force("links", link(edges).id((d2) => d2.id).distance(() => this.nodeSize * this.linkForce)).force("charge", manyBody().strength(this.gravity)).force("collide", collide(this.nodeSize * this.collisionForce)).force("center", center()).stop();
+      const [edges, nodes] = getD3Data(graph);
+      const { group, groupRepelStrength } = this;
+      let simulation$1;
+      if (group) {
+        let clusterRepelForce = function(alpha) {
+          for (let i2 = 0; i2 < groupKeys.length; i2++) {
+            const groupA = groupKeys[i2];
+            const nodeA = firstNodes[groupA];
+            const groupASize = groupsToNodes[groupA].length;
+            for (let j2 = i2 + 1; j2 < groupKeys.length; j2++) {
+              const groupB = groupKeys[j2];
+              const nodeB = firstNodes[groupB];
+              const groupBSize = groupsToNodes[groupB].length;
+              const dx = nodeA.x - nodeB.x;
+              const dy = nodeA.y - nodeB.y;
+              const distance = Math.sqrt(dx * dx + dy * dy);
+              if (distance > 3e3) {
+                continue;
+              }
+              const cappedDistance = Math.max(distance, 1);
+              const strengthFactor = groupASize * groupBSize;
+              const strength = groupRepelStrength * strengthFactor * alpha / (cappedDistance * cappedDistance);
+              if (strength < 0.01) {
+                continue;
+              }
+              nodeA.vx += nodeA.x * strength;
+              nodeA.vy += nodeA.y * strength;
+              nodeB.vx -= nodeB.x * strength;
+              nodeB.vy -= nodeB.y * strength;
+            }
+          }
+        };
+        const groupsToNodes = getGroupToNodesMap(graph.nodes(), group, graph);
+        const groupKeys = Object.keys(groupsToNodes);
+        const firstNodes = {};
+        groupKeys.forEach((groupKey) => {
+          const nodeId = groupsToNodes[groupKey][0];
+          firstNodes[groupKey] = nodes.find((node2) => node2.id === nodeId);
+        });
+        const groupEdges = createEdgesWithinAllGroups(this.group, graph, nodes);
+        simulation$1 = simulation(nodes).force("clusterRepel", clusterRepelForce).force("groupLinks", link(groupEdges).id((d2) => d2.id).distance(() => this.nodeSize * this.linkForce)).force("collide", collide(this.nodeSize * this.collisionForce)).force("center", center()).stop();
+      } else {
+        simulation$1 = simulation(nodes).force("links", link(edges).id((d2) => d2.id).distance(() => this.nodeSize * this.linkForce)).force("charge", manyBody().strength(this.gravity)).force("collide", collide(this.nodeSize * this.collisionForce)).force("center", center()).stop();
+      }
       if (this.tiers) {
         applyTierForces(simulation$1, graph, nodes, this.tiers, this.tierSeparation, this.orientation);
       }
@@ -347657,7 +347977,6 @@ ${e3}`);
         forceUpdate(newNodes);
       }).restart();
       const onAddNode = debounce_1$1(() => {
-        [edges, nodes] = getD3Data(graph);
         simulation$1.nodes(nodes).force("links", link(edges).id((d2) => d2.id).distance(() => this.nodeSize * this.linkForce)).alpha(0.8).alphaTarget(0).restart();
       }, 100);
       return Promise.resolve({
@@ -347714,18 +348033,18 @@ ${e3}`);
     applyLayout(graph) {
       const [edges, nodes] = getD3Data(graph);
       const simulation$1 = simulation(nodes).alphaMin(1e-3).force("link", link(edges).id((d2) => d2.id).distance(() => this.nodeSize * 3).strength(this.targetLocation === "center" ? 0.7 : 0.1)).force("charge", manyBody().strength(this.targetLocation === "center" ? -1e3 : -2e3)).force("y", y$3().y((node2) => {
-        if (node2.group === "target") {
+        if (node2.category === "target") {
           return this.nodeSize * 10;
         }
-        if (node2.group === "latent") {
+        if (node2.category === "latent") {
           return this.nodeSize * 2;
         }
         return this.nodeSize * 6;
       }).strength(this.targetLocation === "center" ? 0 : 0.3)).force("collide", collide(this.nodeSize + 10)).force("radial", radial((node2) => {
-        if (node2.group === "target") {
+        if (node2.category === "target") {
           return 0;
         }
-        if (node2.group === "latent") {
+        if (node2.category === "latent") {
           return this.nodeSize * 8;
         }
         return this.nodeSize * 4;
@@ -347733,7 +348052,7 @@ ${e3}`);
         if (this.targetLocation === "center") {
           return 1;
         }
-        return node2.group === "other" ? 0.7 : 1;
+        return node2.category === "other" ? 0.7 : 1;
       })).stop();
       if (this.tiers) {
         applyTierForces(simulation$1, graph, nodes, this.tiers, this.tierSeparation, this.orientation);
@@ -383431,6 +383750,20 @@ ${e3}`);
       relativePlacementConstraint: getRelativeTieredArrayPlacement(tiersArray, orientation, tierSeparation, nodesOrder)
     };
   }
+  function assignParents(elements, relationships) {
+    const elementLookup = {};
+    elements.forEach((element2) => {
+      elementLookup[element2.data.id] = element2;
+    });
+    for (const [parent, children2] of Object.entries(relationships)) {
+      children2.forEach((childId) => {
+        const node2 = elementLookup[childId];
+        if (node2) {
+          node2.data.parent = parent;
+        }
+      });
+    }
+  }
   class FcoseLayout extends GraphLayout {
     constructor(builder) {
       super(builder);
@@ -383446,6 +383779,7 @@ ${e3}`);
       this.tierSeparation = builder._tierSeparation;
       this.orientation = builder.orientation;
       this.tiers = builder.tiers;
+      this.group = builder.group;
     }
     get requiresPosition() {
       return false;
@@ -383470,6 +383804,16 @@ ${e3}`);
             group: "edges"
           }))
         ];
+        if (this.group) {
+          const groupedNodes = getGroupToNodesMap(graph.nodes(), this.group, graph);
+          Object.keys(groupedNodes).forEach((groupLabel) => {
+            elements.push({
+              data: { id: groupLabel, height: size2, width: size2 },
+              group: "nodes"
+            });
+          });
+          assignParents(elements, groupedNodes);
+        }
         cytoscape$1({
           elements,
           headless: true,
@@ -386242,6 +386586,9 @@ if (vType < 0.5) {
   function isGraphLayoutWithTiers(layout2) {
     return layout2.tiers !== void 0;
   }
+  function isGraphLayoutWithGroups(layout2) {
+    return layout2.group !== void 0;
+  }
   const DOT_DISTANCE = 20;
   const SCALE = 0.5;
   class Background extends EventEmitter$1 {
@@ -388930,12 +389277,75 @@ void main(void){
     }
     return gfx;
   }
+  function calculateSourceBoundPosition(centerX, centerY, rotation2, width) {
+    const halfSize = width / 2;
+    let x2;
+    let y2;
+    if (rotation2 >= 0 && rotation2 < Math.PI / 4) {
+      x2 = centerX + halfSize;
+      y2 = centerY + Math.tan(rotation2) * halfSize;
+    } else if (rotation2 >= Math.PI / 4 && rotation2 < Math.PI / 2) {
+      x2 = centerX + Math.tan(Math.PI / 2 - rotation2) * halfSize;
+      y2 = centerY + halfSize;
+    } else if (rotation2 >= Math.PI / 2 && rotation2 < 3 * Math.PI / 4) {
+      x2 = centerX - Math.tan(rotation2 - Math.PI / 2) * halfSize;
+      y2 = centerY + halfSize;
+    } else if (rotation2 >= Math.PI / 4 && rotation2 < 3 * Math.PI) {
+      x2 = centerX - halfSize;
+      y2 = centerY + Math.tan(Math.PI - rotation2) * halfSize;
+    } else if (rotation2 <= 0 && rotation2 > -Math.PI / 4) {
+      y2 = centerY + Math.tan(Math.PI + rotation2) * halfSize;
+      x2 = centerX + halfSize;
+    } else if (rotation2 <= -Math.PI / 4 && rotation2 > -Math.PI / 2) {
+      x2 = centerX - Math.tan(-rotation2 - Math.PI / 2) * halfSize;
+      y2 = centerY - halfSize;
+    } else if (rotation2 <= -Math.PI / 2 && rotation2 > -3 * Math.PI / 4) {
+      x2 = centerX + Math.tan(Math.PI / 2 + rotation2) * halfSize;
+      y2 = centerY - halfSize;
+    } else {
+      x2 = centerX - halfSize;
+      y2 = centerY + Math.tan(-rotation2) * halfSize;
+    }
+    return { x: x2, y: y2 };
+  }
+  function calculateTargetBoundPosition(centerX, centerY, rotation2, width) {
+    const halfSize = width / 2;
+    let x2;
+    let y2;
+    if (rotation2 >= 0 && rotation2 < Math.PI / 4) {
+      x2 = centerX - halfSize;
+      y2 = centerY - Math.tan(rotation2) * halfSize;
+    } else if (rotation2 >= Math.PI / 4 && rotation2 < Math.PI / 2) {
+      x2 = centerX - Math.tan(Math.PI / 2 - rotation2) * halfSize;
+      y2 = centerY - halfSize;
+    } else if (rotation2 >= Math.PI / 2 && rotation2 < 3 * Math.PI / 4) {
+      x2 = centerX + Math.tan(rotation2 - Math.PI / 2) * halfSize;
+      y2 = centerY - halfSize;
+    } else if (rotation2 >= Math.PI / 4 && rotation2 < 3 * Math.PI) {
+      x2 = centerX + halfSize;
+      y2 = centerY - Math.tan(Math.PI - rotation2) * halfSize;
+    } else if (rotation2 <= 0 && rotation2 > -Math.PI / 4) {
+      x2 = centerX - halfSize;
+      y2 = centerY - Math.tan(Math.PI + rotation2) * halfSize;
+    } else if (rotation2 <= -Math.PI / 4 && rotation2 > -Math.PI / 2) {
+      x2 = centerX + Math.tan(-rotation2 - Math.PI / 2) * halfSize;
+      y2 = centerY + halfSize;
+    } else if (rotation2 <= -Math.PI / 2 && rotation2 > -3 * Math.PI / 4) {
+      x2 = centerX - Math.tan(Math.PI / 2 + rotation2) * halfSize;
+      y2 = centerY + halfSize;
+    } else {
+      x2 = centerX + halfSize;
+      y2 = centerY - Math.tan(-rotation2) * halfSize;
+    }
+    return { x: x2, y: y2 };
+  }
   const EDGE_LINE_SPRITE = "EDGE_LINE_SPRITE";
   const EDGE_LINE_GFX = "EDGE_LINE_GFX";
   const EDGE_TOP_SYMBOL = "EDGE_TOP_SYMBOL";
   const EDGE_CENTER_SYMBOL = "EDGE_CENTER_SYMBOL";
   const EDGE_BOTTOM_SYMBOL = "EDGE_BOTTOM_SYMBOL";
   const EDGE_STRENGTH_SYMBOL = "EDGE_STRENGTH_SYMBOL";
+  const EDGE_NUMBER_SYMBOL = "EDGE_NUMBER_SYMBOL";
   const EDGE_OFFSET = 10;
   const LOCAL_MULTIPLIER = 1.5;
   class EdgeObject extends EventEmitter$1 {
@@ -388990,6 +389400,10 @@ void main(void){
       edgeStrengthSymbol.name = EDGE_STRENGTH_SYMBOL;
       edgeStrengthSymbol.anchor.set(0.5, 1);
       edgeSymbolsGfx.addChild(edgeStrengthSymbol);
+      const edgeSourceNumberSymbol = new Sprite();
+      edgeSourceNumberSymbol.name = EDGE_NUMBER_SYMBOL;
+      edgeSourceNumberSymbol.anchor.set(0.5);
+      edgeSymbolsGfx.addChild(edgeSourceNumberSymbol);
       return edgeSymbolsGfx;
     }
     static updateEdgeStyle(edgeGfx, edgeStyle, textureCache) {
@@ -389100,6 +389514,24 @@ void main(void){
       edgeStrengthSymbol.position.y = edgeTopSymbol.position.y - 5;
       [edgeStrengthSymbol.tint] = colorToPixi(edgeStyle.color);
       edgeStrengthSymbol.alpha = 1;
+      const edgeNumberSymbol = edgeSymbolsGfx.getChildByName(EDGE_NUMBER_SYMBOL);
+      const numberSymbolTexture = textureCache.get(createKey(EDGE_NUMBER_SYMBOL, edgeStyle.collapsedEdgesCount), () => {
+        if (edgeStyle.collapsedEdgesCount === void 0) {
+          return new Graphics();
+        }
+        const textStyle = new TextStyle({
+          fontFamily: "Manrope",
+          fontSize: 18,
+          fill: colorToPixi(edgeStyle.color)
+        });
+        const text2 = new Text(edgeStyle.collapsedEdgesCount, textStyle);
+        return text2;
+      });
+      edgeNumberSymbol.texture = numberSymbolTexture;
+      edgeNumberSymbol.position.y = edgeTopSymbol.position.y - 30;
+      edgeNumberSymbol.rotation = edgeGfx.rotation <= Math.PI / 2 && edgeGfx.rotation > 0 || edgeGfx.rotation >= -3 * Math.PI / 2 && edgeGfx.rotation < -Math.PI ? -Math.PI / 2 : Math.PI / 2;
+      [edgeStrengthSymbol.tint] = colorToPixi(edgeStyle.color);
+      edgeNumberSymbol.alpha = 1;
       if (edgeStyle.isEdgeSelected && !edgeStyle.state.selected && !edgeStyle.state.hover) {
         edgeCenterSymbol.alpha = 0.3;
         edgeBottomSymbol.alpha = 0.3;
@@ -389134,28 +389566,38 @@ void main(void){
       edgeBottomSymbol.visible = !hasPoints && edgeBottomSymbol.visible && zoomState.symbol;
       edgeStrengthSymbol.visible = !hasPoints && edgeStrengthSymbol.visible && zoomState.symbol;
     }
-    updatePosition(edgeStyle, sourceNodePosition, targetNodePosition, sourceSize, targetSize, viewport2, textureCache) {
+    updatePosition(edgeStyle, sourceNodePosition, targetNodePosition, sourceSize, targetSize, viewport2, textureCache, isSourceSquare, isTargetSquare) {
       var _a3;
-      const rotation2 = -Math.atan2(targetNodePosition.x - sourceNodePosition.x, targetNodePosition.y - sourceNodePosition.y);
-      const targetRadius = (targetSize - BORDER_PADDING) / 2;
-      const targetBoundPosition = {
-        x: targetNodePosition.x + Math.sin(rotation2) * targetRadius,
-        y: targetNodePosition.y - Math.cos(rotation2) * targetRadius
-      };
+      const rotation2 = Math.atan2(targetNodePosition.y - sourceNodePosition.y, targetNodePosition.x - sourceNodePosition.x);
       const sourceRadius = (sourceSize - BORDER_PADDING) / 2;
-      const sourceBoundPosition = {
-        x: sourceNodePosition.x - Math.sin(rotation2) * sourceRadius,
-        y: sourceNodePosition.y + Math.cos(rotation2) * sourceRadius
-      };
+      const targetRadius = (targetSize - BORDER_PADDING) / 2;
+      let targetBoundPosition;
+      let sourceBoundPosition;
+      if (isTargetSquare) {
+        targetBoundPosition = calculateTargetBoundPosition(targetNodePosition.x, targetNodePosition.y, rotation2, targetSize - BORDER_PADDING);
+      } else {
+        targetBoundPosition = {
+          x: targetNodePosition.x - Math.cos(rotation2) * targetRadius,
+          y: targetNodePosition.y - Math.sin(rotation2) * targetRadius
+        };
+      }
+      if (isSourceSquare) {
+        sourceBoundPosition = calculateSourceBoundPosition(sourceNodePosition.x, sourceNodePosition.y, rotation2, sourceSize - BORDER_PADDING);
+      } else {
+        sourceBoundPosition = {
+          x: sourceNodePosition.x + Math.cos(rotation2) * sourceRadius,
+          y: sourceNodePosition.y + Math.sin(rotation2) * sourceRadius
+        };
+      }
       const position2 = {
         x: (sourceBoundPosition.x + targetBoundPosition.x) / 2,
         y: (sourceBoundPosition.y + targetBoundPosition.y) / 2
       };
       const length = Math.hypot(targetBoundPosition.x - sourceBoundPosition.x, targetBoundPosition.y - sourceBoundPosition.y);
       this.edgeGfx.position.copyFrom(position2);
-      this.edgeGfx.rotation = rotation2;
+      this.edgeGfx.rotation = rotation2 - Math.PI / 2;
       this.edgeSymbolsGfx.position.copyFrom(position2);
-      this.edgeSymbolsGfx.rotation = rotation2;
+      this.edgeSymbolsGfx.rotation = rotation2 - Math.PI / 2;
       (_a3 = edgeStyle.color) !== null && _a3 !== void 0 ? _a3 : edgeStyle.color = edgeStyle.theme.colors.grey5;
       if (edgeStyle.points) {
         this.edgeGfx.scale.x = 1;
@@ -389283,6 +389725,89 @@ void main(void){
       thickness: 4
     }
   ];
+  const GROUP_RECTANGLE = "GROUP_RECTANGLE";
+  const GROUP_BORDER = "GROUP_BORDER";
+  class GroupContainerObject extends EventEmitter$1 {
+    constructor() {
+      super();
+      this.state = {
+        hover: false
+      };
+      this.groupContainerGfx = this.createGroupContainer();
+    }
+    createGroupContainer() {
+      const groupContainerGfx = new Container();
+      groupContainerGfx.interactive = true;
+      groupContainerGfx.cursor = "pointer";
+      groupContainerGfx.hitArea = new Rectangle(0, 0);
+      MOUSE_EVENTS.forEach((eventName) => {
+        groupContainerGfx.addEventListener(eventName, (event2) => this.emit(eventName, event2));
+      });
+      const containerRectangle = new Sprite();
+      containerRectangle.name = GROUP_RECTANGLE;
+      containerRectangle.anchor.set(0.5);
+      groupContainerGfx.addChild(containerRectangle);
+      const containerBorder = new Sprite();
+      containerBorder.name = GROUP_BORDER;
+      containerBorder.anchor.set(0.5);
+      groupContainerGfx.addChild(containerBorder);
+      return groupContainerGfx;
+    }
+    static updateContainerStyle(groupContainerGfx, nodes, textureCache, theme2) {
+      let minX = Infinity;
+      let maxX = -Infinity;
+      let minY = Infinity;
+      let maxY = -Infinity;
+      nodes.forEach((node2) => {
+        var _a3;
+        let radius2 = (_a3 = node2["meta.rendering_properties.size"]) !== null && _a3 !== void 0 ? _a3 : DEFAULT_NODE_SIZE$1 * TARGET_NODE_MULTIPLIER;
+        radius2 += 20;
+        minX = Math.min(minX, node2.x - radius2);
+        maxX = Math.max(maxX, node2.x + radius2);
+        minY = Math.min(minY, node2.y - radius2);
+        maxY = Math.max(maxY, node2.y + radius2);
+      });
+      const height = maxY - minY;
+      const width = maxX - minX;
+      groupContainerGfx.hitArea.x = -width / 2;
+      groupContainerGfx.hitArea.y = -height / 2;
+      groupContainerGfx.hitArea.width = width;
+      groupContainerGfx.hitArea.height = height;
+      const rectangleTexture = textureCache.get(createKey(GROUP_RECTANGLE, minX, maxX, minY, maxY), () => {
+        const graphics = new Graphics();
+        graphics.lineStyle(2, theme2.colors.primary.replace("#", "0x"), 0.5);
+        graphics.beginFill(theme2.colors.blue2.replace("#", "0x"), 1);
+        graphics.drawRoundedRect(minX, minY, width, height, 8);
+        graphics.endFill();
+        return graphics;
+      });
+      const rectangle = groupContainerGfx.getChildByName(GROUP_RECTANGLE);
+      rectangle.texture = rectangleTexture;
+      [rectangle.tint, rectangle.alpha] = colorToPixi(theme2.colors.blue2);
+    }
+    updatePosition(position2) {
+      this.groupContainerGfx.position.copyFrom(position2);
+    }
+    updateStyle(nodes, textureCache, theme2) {
+      let minX = Infinity;
+      let maxX = -Infinity;
+      let minY = Infinity;
+      let maxY = -Infinity;
+      nodes.forEach((node2) => {
+        var _a3;
+        let radius2 = (_a3 = node2["meta.rendering_properties.size"]) !== null && _a3 !== void 0 ? _a3 : DEFAULT_NODE_SIZE$1 * TARGET_NODE_MULTIPLIER;
+        radius2 += 20;
+        minX = Math.min(minX, node2.x - radius2);
+        maxX = Math.max(maxX, node2.x + radius2);
+        minY = Math.min(minY, node2.y - radius2);
+        maxY = Math.max(maxY, node2.y + radius2);
+      });
+      const centerX = minX + (maxX - minX) / 2;
+      const centerY = minY + (maxY - minY) / 2;
+      GroupContainerObject.updateContainerStyle(this.groupContainerGfx, nodes, textureCache, theme2);
+      this.groupContainerGfx.position.copyFrom({ x: centerX, y: centerY });
+    }
+  }
   const SHADOWS = {
     dark: {
       shadowHover: "rgba(255, 255, 255, 0.3)",
@@ -389357,8 +389882,8 @@ ${letters.join("\n")}`;
     }
     return finalText.join(" ");
   }
-  function getNodeColor(group, theme2) {
-    switch (group) {
+  function getNodeColor(category, theme2) {
+    switch (category) {
       case "target":
         return [theme2.colors.secondary, theme2.colors.blue1];
       case "latent":
@@ -389367,13 +389892,15 @@ ${letters.join("\n")}`;
         return [theme2.colors.blue4, theme2.colors.text];
     }
   }
-  function getNodeSize(size2, group) {
-    const sizeMultiplier = group === "target" ? 1.25 : 1;
+  function getNodeSize(size2, category) {
+    const sizeMultiplier = category === "target" ? TARGET_NODE_MULTIPLIER : 1;
     return size2 * sizeMultiplier;
   }
   const NODE_CIRCLE = "NODE_CIRCLE";
   const NODE_BORDER = "NODE_BORDER";
   const NODE_LABEL = "NODE_LABEL";
+  const NODE_SQUARE = "NODE_SQUARE";
+  const NODE_SQUARE_BORDER = "NODE_SQUARE_BORDER";
   class NodeObject extends EventEmitter$1 {
     constructor() {
       super();
@@ -389398,10 +389925,18 @@ ${letters.join("\n")}`;
       nodeCircle.name = NODE_CIRCLE;
       nodeCircle.anchor.set(0.5);
       nodeGfx.addChild(nodeCircle);
+      const nodeSquare = new Sprite();
+      nodeSquare.name = NODE_SQUARE;
+      nodeSquare.anchor.set(0.5);
+      nodeGfx.addChild(nodeSquare);
       const nodeBorder = new Sprite();
       nodeBorder.name = NODE_BORDER;
       nodeBorder.anchor.set(0.5);
       nodeGfx.addChild(nodeBorder);
+      const nodeSquareBorder = new Sprite();
+      nodeSquareBorder.name = NODE_SQUARE_BORDER;
+      nodeSquareBorder.anchor.set(0.5);
+      nodeGfx.addChild(nodeSquareBorder);
       return nodeGfx;
     }
     createNodeLabel() {
@@ -389425,22 +389960,32 @@ ${letters.join("\n")}`;
         nodeGfx.filters = [new F({ offset: { x: 0, y: 0 } })];
       }
       const dropShadow = nodeGfx.filters[0];
-      const circleTexture = textureCache.get(createKey(NODE_CIRCLE, nodeStyle.size), () => {
+      const nodeTextureKey = nodeStyle.isGroupNode ? NODE_SQUARE : NODE_CIRCLE;
+      const nodeBorderTextureKey = nodeStyle.isGroupNode ? NODE_SQUARE_BORDER : NODE_BORDER;
+      const nodeTexture = textureCache.get(createKey(nodeTextureKey, nodeStyle.size), () => {
         const graphics = new SmoothGraphics();
         graphics.beginFill(16777215, 1, true);
-        graphics.drawCircle(nodeStyle.size, nodeStyle.size, nodeStyle.size);
+        if (nodeStyle.isGroupNode) {
+          graphics.drawRoundedRect(nodeStyle.size, nodeStyle.size, 2 * nodeStyle.size, 2 * nodeStyle.size, 8);
+        } else {
+          graphics.drawCircle(nodeStyle.size, nodeStyle.size, nodeStyle.size);
+        }
         return graphics;
       });
-      const circle2 = nodeGfx.getChildByName(NODE_CIRCLE);
-      circle2.texture = circleTexture;
-      [circle2.tint, circle2.alpha] = colorToPixi(nodeStyle.color);
-      const borderTexture = textureCache.get(createKey(NODE_BORDER, outerRadius, borderWidth, nodeStyle.size), () => {
+      const nodeBody = nodeGfx.getChildByName(nodeTextureKey);
+      nodeBody.texture = nodeTexture;
+      [nodeBody.tint, nodeBody.alpha] = colorToPixi(nodeStyle.color);
+      const borderTexture = textureCache.get(createKey(nodeBorderTextureKey, outerRadius, borderWidth, nodeStyle.size), () => {
         const graphics = new SmoothGraphics();
         graphics.lineStyle({ color: 16777215, width: borderWidth });
-        graphics.drawCircle(outerRadius, outerRadius, nodeStyle.size);
+        if (nodeStyle.isGroupNode) {
+          graphics.drawRoundedRect(outerRadius, outerRadius, 2 * nodeStyle.size, 2 * nodeStyle.size, 8);
+        } else {
+          graphics.drawCircle(outerRadius, outerRadius, nodeStyle.size);
+        }
         return graphics;
       }, BORDER_PADDING);
-      const border = nodeGfx.getChildByName(NODE_BORDER);
+      const border = nodeGfx.getChildByName(nodeBorderTextureKey);
       border.texture = borderTexture;
       [border.tint, border.alpha] = colorToPixi(nodeStyle.highlight_color);
       const themeShadows = SHADOWS[nodeStyle.theme.themeType];
@@ -389457,13 +390002,13 @@ ${letters.join("\n")}`;
       dropShadow.blur = blur;
       dropShadow.padding = 10;
       if (nodeStyle.isEdgeSelected && !nodeStyle.state.selected && !nodeStyle.state.attachedEdgeSelected && !nodeStyle.state.hover && !nodeStyle.isSourceOfNewEdge) {
-        circle2.alpha = 0.3;
+        nodeBody.alpha = 0.3;
         border.alpha = 0.3;
       }
     }
     static updateNodeLabelStyle(nodeLabelGfx, nodeStyle, textureCache) {
-      const labelTexture = textureCache.get(createKey(NODE_LABEL, nodeStyle.label, nodeStyle.size, nodeStyle.group), () => {
-        const nodeRadius = getNodeSize(nodeStyle.size, nodeStyle.group);
+      const labelTexture = textureCache.get(createKey(NODE_LABEL, nodeStyle.label, nodeStyle.size, nodeStyle.category), () => {
+        const nodeRadius = getNodeSize(nodeStyle.size, nodeStyle.category);
         const nodeSize2 = nodeRadius * 2;
         const maxSize = nodeSize2 - 10;
         const textStyle = getTextStyle(nodeStyle.label_size);
@@ -389493,7 +390038,7 @@ ${letters.join("\n")}`;
     }
     updateStyle(nodeStyle, textureCache) {
       var _a3, _b, _c;
-      const [defaultColor, defaultFontColor] = getNodeColor(nodeStyle.group, nodeStyle.theme);
+      const [defaultColor, defaultFontColor] = getNodeColor(nodeStyle.category, nodeStyle.theme);
       (_a3 = nodeStyle.color) !== null && _a3 !== void 0 ? _a3 : nodeStyle.color = defaultColor;
       (_b = nodeStyle.highlight_color) !== null && _b !== void 0 ? _b : nodeStyle.highlight_color = nodeStyle.theme.colors.primary;
       (_c = nodeStyle.label_color) !== null && _c !== void 0 ? _c : nodeStyle.label_color = defaultFontColor;
@@ -389585,7 +390130,9 @@ ${letters.join("\n")}`;
     "nodeMouseover",
     "nodeMouseout",
     "edgeMouseout",
-    "edgeMouseover"
+    "edgeMouseover",
+    "groupMouseout",
+    "groupMouseover"
   ];
   class Engine extends EventEmitter$1 {
     constructor(graph, layout2, editable2, editorMode, theme2, constraints, zoomThresholds, errorHandler, processEdgeStyle, requireFocusToZoom) {
@@ -389604,6 +390151,8 @@ ${letters.join("\n")}`;
       this.onAddNode = null;
       this.onAddEdge = null;
       this.onCleanup = null;
+      this.groupContainerMap = /* @__PURE__ */ new Map();
+      this.collapsedEdgesMap = /* @__PURE__ */ new Map();
       this.onGraphAttributesUpdatedBound = this.onGraphAttributesUpdated.bind(this);
       this.onGraphNodeAddedBound = this.onGraphNodeAdded.bind(this);
       this.onGraphEdgeAddedBound = this.onGraphEdgeAdded.bind(this);
@@ -389681,10 +390230,28 @@ ${letters.join("\n")}`;
     resetViewport() {
       const nodesX = this.graph.mapNodes((nodeKey) => this.graph.getNodeAttribute(nodeKey, "x"));
       const nodesY = this.graph.mapNodes((nodeKey) => this.graph.getNodeAttribute(nodeKey, "y"));
-      const minX = Math.min(...nodesX);
-      const maxX = Math.max(...nodesX);
-      const minY = Math.min(...nodesY);
-      const maxY = Math.max(...nodesY);
+      let minX = Math.min(...nodesX);
+      let maxX = Math.max(...nodesX);
+      let minY = Math.min(...nodesY);
+      let maxY = Math.max(...nodesY);
+      if (isGraphLayoutWithGroups(this.layout)) {
+        const nodes = this.graph.mapNodes((nodeKey) => this.graph.getNodeAttributes(nodeKey));
+        const nodesInGroups = Object.values(getGroupToNodesMap(this.graph.nodes(), this.layout.group, this.graph)).flat();
+        const updateBoundary = (node2, delta) => {
+          if (nodesInGroups.includes(node2 === null || node2 === void 0 ? void 0 : node2.id)) {
+            return delta;
+          }
+          return 0;
+        };
+        const nodeWithMinX = nodes.find((node2) => node2.x === minX);
+        const nodeWithMaxX = nodes.find((node2) => node2.x === maxX);
+        const nodeWithMinY = nodes.find((node2) => node2.y === minY);
+        const nodeWithMaxY = nodes.find((node2) => node2.y === maxY);
+        minX += updateBoundary(nodeWithMinX, -20);
+        maxX += updateBoundary(nodeWithMaxX, 20);
+        minY += updateBoundary(nodeWithMinY, -20);
+        maxY += updateBoundary(nodeWithMaxY, 20);
+      }
       const graphWidth = Math.abs(maxX - minX);
       const graphHeight = Math.abs(maxY - minY);
       const graphCenter = new Point$1(minX + graphWidth / 2, minY + graphHeight / 2);
@@ -389700,6 +390267,111 @@ ${letters.join("\n")}`;
         console.error("Error resetting viewport", err);
       }
     }
+    collapseAllGroups() {
+      if (isGraphLayoutWithGroups(this.layout)) {
+        const layoutGroup = this.layout.group;
+        const groupsObject = getGroupToNodesMap(this.graph.nodes(), layoutGroup, this.graph);
+        const nodeToGroup = getNodeToGroupMap(this.graph.nodes(), layoutGroup, this.graph);
+        const groupsArray = Object.keys(groupsObject);
+        groupsArray.forEach((group) => {
+          const groupNodeAttributes = {
+            id: group,
+            originalMeta: {},
+            variable_type: "groupNode"
+          };
+          this.dropGroupContainer(group);
+          if (!this.graph.hasNode(group)) {
+            this.graph.addNode(group, groupNodeAttributes);
+          } else {
+            this.createNode(group, groupNodeAttributes);
+          }
+        });
+        groupsArray.forEach((group) => {
+          const collapsedEdges = [];
+          this.graph.forEachEdge((edgeKey) => {
+            var _a3, _b;
+            const initialSource = this.graph.source(edgeKey);
+            const initialTarget = this.graph.target(edgeKey);
+            if (nodeToGroup[initialSource] === group || nodeToGroup[initialTarget] === group || groupsArray.includes(initialSource) || groupsArray.includes(initialTarget)) {
+              const finalTarget = (_a3 = nodeToGroup[initialTarget]) !== null && _a3 !== void 0 ? _a3 : initialTarget;
+              const finalSource = (_b = nodeToGroup[initialSource]) !== null && _b !== void 0 ? _b : initialSource;
+              const edgeHasChanged = !(initialSource === finalSource && initialTarget === finalTarget);
+              const edgeIsNotWithinTheGroup = finalSource !== finalTarget;
+              const graphHasFinalEdge = this.graph.hasEdge(finalSource, finalTarget);
+              const finalSourceAttributes = this.graph.getNodeAttributes(finalSource);
+              const finalTargetAttributes = this.graph.getNodeAttributes(finalTarget);
+              const currentEdgeAttributes = this.graph.getEdgeAttributes(edgeKey);
+              let numberOfCollapsedEdges = graphHasFinalEdge ? this.graph.getEdgeAttributes(finalSource, finalTarget)["meta.rendering_properties.collapsedEdgesCount"] : 0;
+              if (graphHasFinalEdge && edgeHasChanged && group === finalSource) {
+                numberOfCollapsedEdges += 1;
+              }
+              const edgeAttributes = Object.assign(Object.assign({}, currentEdgeAttributes), { "meta.rendering_properties.collapsedEdgesCount": numberOfCollapsedEdges });
+              if (initialSource !== finalSource || initialTarget !== finalTarget) {
+                collapsedEdges.push(Object.assign({ id: edgeKey }, edgeAttributes));
+                this.dropEdge(edgeKey);
+              }
+              if (edgeIsNotWithinTheGroup) {
+                if (!graphHasFinalEdge && group === finalSource) {
+                  edgeAttributes["meta.rendering_properties.collapsedEdgesCount"] = 1;
+                  this.graph.addEdge(finalSource, finalTarget, edgeAttributes);
+                } else if (!this.edgeMap.has(edgeKey) && !edgeHasChanged) {
+                  this.createEdge(edgeKey, edgeAttributes, finalSource, finalTarget, finalSourceAttributes, finalTargetAttributes);
+                } else if (graphHasFinalEdge) {
+                  this.graph.setEdgeAttribute(finalSource, finalTarget, "meta.rendering_properties.collapsedEdgesCount", numberOfCollapsedEdges);
+                }
+              }
+            }
+          });
+          this.collapsedEdgesMap.set(group, collapsedEdges);
+        });
+        Object.values(groupsObject).forEach((nodes) => {
+          nodes.forEach((node2) => {
+            if (this.nodeMap.has(node2)) {
+              this.dropNode(node2);
+            }
+          });
+        });
+        this.requestRender();
+      }
+    }
+    expandAllGroups() {
+      if (this.graph.nodes().some((node2) => this.graph.getNodeAttribute(node2, "variable_type") === "groupNode")) {
+        this.graph.forEachEdge((edgeKey) => {
+          const source = this.graph.source(edgeKey);
+          const target = this.graph.target(edgeKey);
+          const isSourceGroupNode = this.graph.getNodeAttribute(source, "variable_type") === "groupNode";
+          const isTargetGroupNode = this.graph.getNodeAttribute(target, "variable_type") === "groupNode";
+          if (isSourceGroupNode || isTargetGroupNode) {
+            this.dropEdge(edgeKey);
+            this.graph.setEdgeAttribute(source, target, "meta.rendering_properties.collapsedEdgesCount", 0);
+          }
+        });
+        this.graph.forEachNode((node2, attributes2) => {
+          if (this.graph.getNodeAttribute(node2, "variable_type") !== "groupNode") {
+            if (!this.nodeMap.has(node2)) {
+              this.createNode(node2, attributes2);
+            }
+          } else {
+            this.dropNode(node2);
+          }
+        });
+        this.collapsedEdgesMap.forEach((edges) => {
+          edges.forEach((edge) => {
+            var _a3, _b;
+            if (!this.edgeMap.has(edge.id)) {
+              const source = (_a3 = edge.extras) === null || _a3 === void 0 ? void 0 : _a3.source.identifier;
+              const target = (_b = edge.extras) === null || _b === void 0 ? void 0 : _b.destination.identifier;
+              const sourceNodeAttributes = this.graph.getNodeAttributes(source);
+              const targetNodeAttributes = this.graph.getNodeAttributes(target);
+              this.createEdge(edge.id, edge, source, target, sourceNodeAttributes, targetNodeAttributes);
+            }
+          });
+        });
+        this.createGroupContainers();
+        this.debouncedUpdateLayout();
+        this.requestRender();
+      }
+    }
     searchNodes(ids) {
       const newNodes = ids.filter((newId2) => !this.searchResults.includes(newId2));
       const removedNodes = this.searchResults.filter((oldId) => !ids.includes(oldId));
@@ -389822,10 +390494,12 @@ ${letters.join("\n")}`;
         this.background.updatePosition(this.container);
         this.app.stage.addChild(this.background.sprite);
         this.app.stage.addChild(this.viewport);
+        this.groupContainerLayer = new Container();
         this.edgeLayer = new Container();
         this.edgeSymbolsLayer = new Container();
         this.nodeLayer = new Container();
         this.nodeLabelLayer = new Container();
+        this.viewport.addChild(this.groupContainerLayer);
         this.viewport.addChild(this.edgeLayer);
         this.viewport.addChild(this.edgeSymbolsLayer);
         this.viewport.addChild(this.nodeLayer);
@@ -389946,12 +390620,19 @@ ${letters.join("\n")}`;
       });
       edge.addListener("mouseup", (event2) => {
         if (this.mousedownEdgeKey === id2) {
+          if (isGraphLayoutWithGroups(this.layout)) {
+            const groupsObject = getGroupToNodesMap(this.graph.nodes(), this.layout.group, this.graph);
+            if (Object.keys(groupsObject).includes(source) || Object.keys(groupsObject).includes(target)) {
+              return;
+            }
+          }
           this.emit("edgeClick", event2, source, target);
         }
       });
       this.updateEdgeStyle(id2, attributes2, source, target, sourceAttributes, targetAttributes);
     }
     createGraph() {
+      this.createGroupContainers();
       this.graph.forEachNode(this.createNode.bind(this));
       this.graph.forEachEdge(this.createEdge.bind(this));
       this.updateStrengthRange();
@@ -389992,6 +390673,12 @@ ${letters.join("\n")}`;
           const xOffset = Math.abs(this.nodeMousedownPosition.x - event2.global.x);
           const yOffset = Math.abs(this.nodeMousedownPosition.y - event2.global.y);
           if (xOffset <= 2 && yOffset <= 2) {
+            if (isGraphLayoutWithGroups(this.layout)) {
+              const groupsObject = getGroupToNodesMap(this.graph.nodes(), this.layout.group, this.graph);
+              if (Object.keys(groupsObject).includes(id2)) {
+                return;
+              }
+            }
             this.emit("nodeClick", event2, id2);
           }
         }
@@ -390006,6 +390693,39 @@ ${letters.join("\n")}`;
       });
       this.updateNodeStyle(id2, attributes2);
     }
+    createGroupContainer(id2, nodes) {
+      const groupContainer = new GroupContainerObject();
+      this.groupContainerLayer.addChild(groupContainer.groupContainerGfx);
+      this.groupContainerMap.set(id2, groupContainer);
+      groupContainer.addListener("mouseover", (event2) => {
+        this.hoverGroupContainer(id2, nodes);
+        if (!this.mousedownNodeKey) {
+          this.emit("groupMouseover", event2, id2);
+        }
+      });
+      groupContainer.addListener("mouseout", (event2) => {
+        const local = groupContainer.groupContainerGfx.toLocal(event2.global);
+        const isInGroupContainer = groupContainer.groupContainerGfx.hitArea.contains(local.x, local.y);
+        if (!isInGroupContainer) {
+          this.unhoverGroupContainer(id2, nodes);
+          this.emit("groupMouseout", event2, id2);
+        }
+        if (!this.editable && !this.isMovingNode && !this.isCreatingEdge) {
+          this.mousedownNodeKey = null;
+        }
+      });
+      this.updateGroupContainerStyle(id2, nodes);
+    }
+    createGroupContainers() {
+      if (isGraphLayoutWithGroups(this.layout)) {
+        const { group } = this.layout;
+        const groups = getGroupToNodesMap(this.graph.nodes(), group, this.graph);
+        Object.keys(groups).forEach((gr) => {
+          const nodesIngroup = groups[gr].map((node2) => this.graph.getNodeAttributes(node2));
+          this.createGroupContainer(gr, nodesIngroup);
+        });
+      }
+    }
     dropEdge(id2) {
       const edge = this.edgeMap.get(id2);
       if (edge) {
@@ -390023,6 +390743,14 @@ ${letters.join("\n")}`;
         this.requestRender();
       }
     }
+    dropGroupContainer(id2) {
+      const container = this.groupContainerMap.get(id2);
+      if (container) {
+        this.groupContainerLayer.removeChild(container.groupContainerGfx);
+        this.groupContainerMap.delete(id2);
+        this.requestRender();
+      }
+    }
     enableDragBehaviour() {
       var _a3;
       if (this.dragMode === "move_node") {
@@ -390058,7 +390786,8 @@ ${letters.join("\n")}`;
         strength: this.getRelativeStrength(attributes2),
         theme: this.theme,
         thickness: attributes2["meta.rendering_properties.thickness"],
-        type: attributes2.edge_type
+        type: attributes2.edge_type,
+        collapsedEdges: attributes2["meta.rendering_properties.collapsedEdgesCount"]
       };
       if (this.processEdgeStyle) {
         return this.processEdgeStyle(edgeStyle, attributes2);
@@ -390067,10 +390796,10 @@ ${letters.join("\n")}`;
     }
     getNodeStyle(node2, attributes2) {
       var _a3, _b, _c, _d;
-      const group = getNodeGroup(this.graph, attributes2.id, attributes2["meta.rendering_properties.latent"]);
+      const group = getNodeCategory(this.graph, attributes2.id, attributes2["meta.rendering_properties.latent"]);
       return {
         color: attributes2["meta.rendering_properties.color"],
-        group,
+        category: group,
         highlight_color: attributes2["meta.rendering_properties.highlight_color"],
         isEdgeSelected: !!this.selectedEdge,
         isSourceOfNewEdge: this.isCreatingEdge && this.mousedownNodeKey === attributes2.id,
@@ -390079,7 +390808,8 @@ ${letters.join("\n")}`;
         label_size: (_b = attributes2["meta.rendering_properties.label_size"]) !== null && _b !== void 0 ? _b : this.layout.nodeFontSize,
         size: (_c = attributes2["meta.rendering_properties.size"]) !== null && _c !== void 0 ? _c : getNodeSize((_d = attributes2["meta.rendering_properties.size"]) !== null && _d !== void 0 ? _d : this.layout.nodeSize, group),
         state: node2.state,
-        theme: this.theme
+        theme: this.theme,
+        isGroupNode: attributes2.variable_type === "groupNode"
       };
     }
     hoverEdge(id2) {
@@ -390091,6 +390821,15 @@ ${letters.join("\n")}`;
       this.updateEdgeStyleByKey(id2);
       this.requestRender();
     }
+    hoverGroupContainer(id2, nodes) {
+      const groupContainer = this.groupContainerMap.get(id2);
+      if (groupContainer.state.hover) {
+        return;
+      }
+      groupContainer.state.hover = true;
+      this.updateGroupContainerStyle(id2, nodes);
+      this.requestRender();
+    }
     hoverNode(id2) {
       const node2 = this.nodeMap.get(id2);
       if (node2.state.hover) {
@@ -390234,15 +390973,26 @@ ${letters.join("\n")}`;
       this.updateNodeStyleByKey(id2);
       this.requestRender();
     }
+    unhoverGroupContainer(id2, nodes) {
+      const groupContainer = this.groupContainerMap.get(id2);
+      if (!groupContainer.state.hover) {
+        return;
+      }
+      groupContainer.state.hover = false;
+      this.updateGroupContainerStyle(id2, nodes);
+      this.requestRender();
+    }
     updateEdgeStyle(id2, attributes2, source, target, sourceNodeAttributes, targetNodeAttributes) {
       const edge = this.edgeMap.get(id2);
       if (edge && this.viewport) {
         const sourceNode = this.nodeMap.get(source);
         const targetNode = this.nodeMap.get(target);
+        const isSourceGroupNode = sourceNodeAttributes.variable_type === "groupNode";
+        const isTargetGroupNode = targetNodeAttributes.variable_type === "groupNode";
         const sourceNodePosition = { x: sourceNodeAttributes.x, y: sourceNodeAttributes.y };
         const targetNodePosition = { x: targetNodeAttributes.x, y: targetNodeAttributes.y };
         const edgeStyle = this.getEdgeStyle(edge, attributes2, this.getConstraint(source, target));
-        edge.updatePosition(edgeStyle, sourceNodePosition, targetNodePosition, sourceNode.nodeGfx.width, targetNode.nodeGfx.width, this.viewport, this.textureCache);
+        edge.updatePosition(edgeStyle, sourceNodePosition, targetNodePosition, sourceNode.nodeGfx.width, targetNode.nodeGfx.width, this.viewport, this.textureCache, isSourceGroupNode, isTargetGroupNode);
       }
     }
     updateEdgeStyleByKey(edgeKey) {
@@ -390320,6 +391070,12 @@ ${letters.join("\n")}`;
         node2.updateStyle(this.getNodeStyle(node2, attributes2), this.textureCache);
       }
     }
+    updateGroupContainerStyle(id2, nodes) {
+      const groupContainer = this.groupContainerMap.get(id2);
+      if (groupContainer) {
+        groupContainer.updateStyle(nodes, this.textureCache, this.theme);
+      }
+    }
     updateNodeStyleByKey(nodeKey) {
       const nodeAttributes = this.graph.getNodeAttributes(nodeKey);
       this.updateNodeStyle(nodeKey, nodeAttributes);
@@ -390337,6 +391093,14 @@ ${letters.join("\n")}`;
     updateStyles() {
       this.graph.forEachNode(this.updateNodeStyle.bind(this));
       this.graph.forEachEdge(this.updateEdgeStyle.bind(this));
+      if (isGraphLayoutWithGroups(this.layout)) {
+        const { group } = this.layout;
+        const groupsObject = getGroupToNodesMap(this.graph.nodes(), group, this.graph);
+        Object.keys(groupsObject).forEach((gr) => {
+          const nodesIngroup = groupsObject[gr].map((node2) => this.graph.getNodeAttributes(node2));
+          this.updateGroupContainerStyle(gr, nodesIngroup);
+        });
+      }
     }
   }
   function useRenderEngine({ parentRef, graph, layout: layout2, editable: editable2, editorMode, constraints, errorHandler, processEdgeStyle, zoomThresholds, requireFocusToZoom }) {
@@ -390412,6 +391176,16 @@ ${letters.join("\n")}`;
           engine.current.resetViewport();
         }
       },
+      collapseGroups: () => {
+        if (engine.current.initialized) {
+          engine.current.collapseAllGroups();
+        }
+      },
+      expandGroups: () => {
+        if (engine.current.initialized) {
+          engine.current.expandAllGroups();
+        }
+      },
       extractImage: () => {
         if (engine.current.initialized) {
           return engine.current.extractImage();
@@ -391618,7 +392392,8 @@ ${letters.join("\n")}`;
     const handleError = (e3) => {
       setError(e3);
     };
-    const { getCenterPosition, useEngineEvent, resetViewport, resetLayout, extractImage, onSetDragMode, onNodeSelected, onEdgeSelected, onSearchResults, onUpdateConstraints, onSetFocus } = useRenderEngine({
+    const layoutHasGroup = React.useMemo(() => layout2.group !== void 0, [layout2]);
+    const { getCenterPosition, useEngineEvent, resetViewport, collapseGroups, expandGroups, resetLayout, extractImage, onSetDragMode, onNodeSelected, onEdgeSelected, onSearchResults, onUpdateConstraints, onSetFocus } = useRenderEngine({
       constraints: props.initialConstraints,
       editable: props.editable,
       editorMode: state.editorMode,
@@ -391639,6 +392414,7 @@ ${letters.join("\n")}`;
       localStorage.setItem("showGraphZoomPrompt", "false");
     }
     const [hasFocus, setHasFocus] = React.useState(false);
+    const [showCollapseAll, setShowCollapseAll] = React.useState(true);
     function onPaneFocus(focus) {
       setHasFocus(focus);
       onSetFocus(focus);
@@ -391683,6 +392459,22 @@ ${letters.join("\n")}`;
       }
     }, [state.editorMode, selectedEdge, constraints]);
     function onRemoveNode() {
+      var _a4, _b2;
+      if (layoutHasGroup) {
+        const layoutGroup = layout2.group;
+        const groupsObject = getGroupToNodesMap(state.graph.nodes(), layoutGroup, state.graph);
+        const nodesToGroups = getNodeToGroupMap(state.graph.nodes(), layoutGroup, state.graph);
+        const group = nodesToGroups[selectedNode];
+        if (((_a4 = groupsObject[group]) === null || _a4 === void 0 ? void 0 : _a4.length) === 1) {
+          (_b2 = props.onNotify) === null || _b2 === void 0 ? void 0 : _b2.call(props, {
+            key: "delete-group",
+            message: "Cannot delete the last node in a group",
+            status: Status.WARNING,
+            title: "Group deletion"
+          });
+          return;
+        }
+      }
       api2.removeNode(selectedNode);
       setSelectedNode(null);
     }
@@ -391715,9 +392507,23 @@ ${letters.join("\n")}`;
       }
     }
     function onAddEdge(edge) {
-      var _a4;
+      var _a4, _b2;
+      if (layoutHasGroup) {
+        const layoutGroup = layout2.group;
+        const groupsObject = getGroupToNodesMap(state.graph.nodes(), layoutGroup, state.graph);
+        const groups = Object.keys(groupsObject);
+        if (groups.includes(edge[0]) && groups.includes(edge[1])) {
+          (_a4 = props.onNotify) === null || _a4 === void 0 ? void 0 : _a4.call(props, {
+            key: "create-edge-group",
+            message: "Adding edge between groups is not allowed",
+            status: Status.WARNING,
+            title: "Group edge detected"
+          });
+          return;
+        }
+      }
       if (willCreateCycle(state.graph, edge)) {
-        (_a4 = props.onNotify) === null || _a4 === void 0 ? void 0 : _a4.call(props, {
+        (_b2 = props.onNotify) === null || _b2 === void 0 ? void 0 : _b2.call(props, {
           key: "create-edge-cycle",
           message: "Could not create an edge as it would create a cycle",
           status: Status.WARNING,
@@ -391819,6 +392625,20 @@ ${letters.join("\n")}`;
       });
       setTooltipContent(edgeTooltipContent);
     });
+    useEngineEvent("groupMouseover", (event2, groupId) => {
+      tooltipRef.current = () => ({
+        bottom: event2.clientY,
+        height: 0,
+        left: event2.clientX,
+        right: event2.clientX,
+        top: event2.clientY,
+        width: 0
+      });
+      setTooltipContent(getTooltipContent(groupId, "", theme2));
+    });
+    useEngineEvent("groupMouseout", () => {
+      setTooltipContent(null);
+    });
     useEngineEvent("edgeMouseout", () => {
       setTooltipContent(null);
     });
@@ -391943,7 +392763,19 @@ ${letters.join("\n")}`;
       editorMode: state.editorMode,
       onNotify: props.onNotify,
       verboseDescriptions: props.verboseDescriptions
-    }, children: jsxRuntime.exports.jsx(pointerCtx.Provider, { value: { disablePointerEvents: isDragging, onPanelEnter, onPanelExit }, children: jsxRuntime.exports.jsx(GraphPane, { "$hasFocus": hasFocus, onClick: () => onPaneFocus(true), ref: paneRef, style: props.style, children: jsxRuntime.exports.jsxs(Graph, { onMouseEnter, onMouseLeave, children: [jsxRuntime.exports.jsx(EditorOverlay, { bottomLeft: jsxRuntime.exports.jsx(Legend, { listItems: getLegendData(props.defaultLegends, state.editorMode, props.additionalLegends) }), onDelete, onNext, onPrev, showFrameButtons: !isDragging && (showFrameButtons || hasFocus), title: panelTitle, topCenter: jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: showZoomPrompt && jsxRuntime.exports.jsx(ZoomPrompt, { hasFocus, onClose: () => setShowZoomPrompt(false), onDismiss }) }), topLeft: jsxRuntime.exports.jsx(RecalculateLayoutButton, { onResetLayout: resetLayout }), topRight: jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx(FloatingSearchBar, { onChange: onSearchBarChange, onClose: () => setSelectedNode(null), onNext: onNextSearchResult, onPrev: onPrevSearchResult, selectedResult: currentSearchNode + 1, totalNumberOfResults: searchResults.length }), jsxRuntime.exports.jsx(CenterGraphButton, { onResetZoom: resetViewport }), jsxRuntime.exports.jsx(EditControls, { onAddNode }), jsxRuntime.exports.jsx(DragModeButton, { dragMode, setDragMode }), jsxRuntime.exports.jsx(SaveImageButton, { onSave: saveImage })] }), validContentSelected: contentSelected, children: jsxRuntime.exports.jsxs(graphCtx.Provider, { value: {
+    }, children: jsxRuntime.exports.jsx(pointerCtx.Provider, { value: { disablePointerEvents: isDragging, onPanelEnter, onPanelExit }, children: jsxRuntime.exports.jsx(GraphPane, { "$hasFocus": hasFocus, onClick: () => onPaneFocus(true), ref: paneRef, style: props.style, children: jsxRuntime.exports.jsxs(Graph, { onMouseEnter, onMouseLeave, children: [jsxRuntime.exports.jsx(EditorOverlay, { bottomLeft: jsxRuntime.exports.jsx(Legend, { listItems: getLegendData(props.defaultLegends, state.editorMode, props.additionalLegends) }), onDelete, onNext, onPrev, showFrameButtons: !isDragging && (showFrameButtons || hasFocus), title: panelTitle, topCenter: jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: showZoomPrompt && jsxRuntime.exports.jsx(ZoomPrompt, { hasFocus, onClose: () => setShowZoomPrompt(false), onDismiss }) }), topLeft: jsxRuntime.exports.jsx(RecalculateLayoutButton, { onResetLayout: resetLayout }), topRight: jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx(FloatingSearchBar, { onChange: (value) => {
+      onSearchBarChange(value);
+      if (layoutHasGroup) {
+        expandGroups();
+        setShowCollapseAll(true);
+      }
+    }, onClose: () => setSelectedNode(null), onNext: onNextSearchResult, onPrev: onPrevSearchResult, selectedResult: currentSearchNode + 1, totalNumberOfResults: searchResults.length }), layoutHasGroup && jsxRuntime.exports.jsx(CollapseExpandGroupButton, { onCollapseAll: () => {
+      setShowCollapseAll(false);
+      collapseGroups();
+    }, onExpandAll: () => {
+      expandGroups();
+      setShowCollapseAll(true);
+    }, showExpandAll: showCollapseAll }), jsxRuntime.exports.jsx(CenterGraphButton, { onResetZoom: resetViewport }), jsxRuntime.exports.jsx(EditControls, { onAddNode }), jsxRuntime.exports.jsx(DragModeButton, { dragMode, setDragMode }), jsxRuntime.exports.jsx(SaveImageButton, { onSave: saveImage })] }), validContentSelected: contentSelected, children: jsxRuntime.exports.jsxs(graphCtx.Provider, { value: {
       api: api2,
       constraints,
       editable: props.editable,
@@ -396763,6 +397595,9 @@ ${letters.join("\n")}`;
   function isDefinitionWithTiers(obj) {
     return obj && typeof obj === "object" && "tiers" in obj;
   }
+  function isDefinitionWithGroup(obj) {
+    return obj && typeof obj === "object" && "group" in obj;
+  }
   function parseLayoutDefinition(definition2) {
     let builder;
     switch (definition2.layout_type) {
@@ -396855,13 +397690,25 @@ ${letters.join("\n")}`;
       }
       case "spring": {
         builder = SpringLayout.Builder;
+        if (definition2.collision_force) {
+          builder.collisionForce(definition2.collision_force);
+        }
+        if (definition2.gravity) {
+          builder.gravity(definition2.gravity);
+        }
+        if (definition2.link_force) {
+          builder.linkForce(definition2.link_force);
+        }
         if (definition2.warmup_ticks) {
           builder.warmupTicks(definition2.warmup_ticks);
         }
+        if (definition2.group_repel_strength) {
+          builder.groupRepelStrength(definition2.group_repel_strength);
+        }
         break;
       }
       default: {
-        throw new Error(`Unrecognised layout type: ${String(definition2.layout_type)}`);
+        throw new Error(`Unrecognized layout type: ${String(definition2.layout_type)}`);
       }
     }
     if (isDefinitionWithTiers(definition2)) {
@@ -396876,6 +397723,12 @@ ${letters.join("\n")}`;
         builderWithTiers.tierSeparation(definition2.tier_separation);
       }
     }
+    if (isDefinitionWithGroup(definition2)) {
+      const builderWithGroup = builder;
+      if (definition2.group) {
+        builderWithGroup.group = definition2.group;
+      }
+    }
     if (definition2.node_size) {
       builder.nodeSize(definition2.node_size);
     }