@hpcc-js/dgrid2 3.2.0 → 3.2.1

package/dist/index.js

@@ -2,754 +2,678 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import require$$0$1, { forwardRef, createContext, useState, useCallback, useRef, useMemo, useImperativeHandle, useContext, useEffect, useLayoutEffect as useLayoutEffect$1, memo, useId, createElement } from "react";
+import require$$0, { flushSync } from "react-dom";
 import { format, timeParse, timeFormat, HTMLWidget } from "@hpcc-js/common";
 const PKG_NAME = "@hpcc-js/dgrid2", PKG_VERSION = "3.1.1", BUILD_VERSION = "3.2.1";
-var n, l$1, u$2, i$1, o$1, r$2, f$2, e$1, c$1, s$1, a$1, h$1 = {}, v$1 = [], p$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, y$1 = Array.isArray;
-function d$1(n2, l2) {
-  for (var u2 in l2) n2[u2] = l2[u2];
-  return n2;
-}
-function w$2(n2) {
-  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
-}
-function _$1(l2, u2, t2) {
-  var i2, o2, r2, f2 = {};
-  for (r2 in u2) r2 == "key" ? i2 = u2[r2] : r2 == "ref" ? o2 = u2[r2] : f2[r2] = u2[r2];
-  if (arguments.length > 2 && (f2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), typeof l2 == "function" && l2.defaultProps != null) for (r2 in l2.defaultProps) f2[r2] === void 0 && (f2[r2] = l2.defaultProps[r2]);
-  return g$2(l2, f2, i2, o2, null);
-}
-function g$2(n2, t2, i2, o2, r2) {
-  var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: r2 ?? ++u$2, __i: -1, __u: 0 };
-  return r2 == null && l$1.vnode != null && l$1.vnode(f2), f2;
-}
-function m$1() {
-  return { current: null };
-}
-function b(n2) {
-  return n2.children;
-}
-function k$2(n2, l2) {
-  this.props = n2, this.context = l2;
-}
-function x$2(n2, l2) {
-  if (l2 == null) return n2.__ ? x$2(n2.__, n2.__i + 1) : null;
-  for (var u2; l2 < n2.__k.length; l2++) if ((u2 = n2.__k[l2]) != null && u2.__e != null) return u2.__e;
-  return typeof n2.type == "function" ? x$2(n2) : null;
-}
-function C$2(n2) {
-  var l2, u2;
-  if ((n2 = n2.__) != null && n2.__c != null) {
-    for (n2.__e = n2.__c.base = null, l2 = 0; l2 < n2.__k.length; l2++) if ((u2 = n2.__k[l2]) != null && u2.__e != null) {
-      n2.__e = n2.__c.base = u2.__e;
-      break;
-    }
-    return C$2(n2);
-  }
-}
-function S(n2) {
-  (!n2.__d && (n2.__d = !0) && i$1.push(n2) && !M$1.__r++ || o$1 !== l$1.debounceRendering) && ((o$1 = l$1.debounceRendering) || r$2)(M$1);
-}
-function M$1() {
-  var n2, u2, t2, o2, r2, e2, c2, s2;
-  for (i$1.sort(f$2); n2 = i$1.shift(); ) n2.__d && (u2 = i$1.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, c2 = [], s2 = [], t2.__P && ((o2 = d$1({}, r2)).__v = r2.__v + 1, l$1.vnode && l$1.vnode(o2), O$1(t2.__P, o2, r2, t2.__n, t2.__P.namespaceURI, 32 & r2.__u ? [e2] : null, c2, e2 ?? x$2(r2), !!(32 & r2.__u), s2), o2.__v = r2.__v, o2.__.__k[o2.__i] = o2, j$2(c2, o2, s2), o2.__e != e2 && C$2(o2)), i$1.length > u2 && i$1.sort(f$2));
-  M$1.__r = 0;
-}
-function P$2(n2, l2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
-  var a2, p2, y2, d2, w2, _2 = t2 && t2.__k || v$1, g2 = l2.length;
-  for (u2.__d = e2, $$1(u2, l2, _2), e2 = u2.__d, a2 = 0; a2 < g2; a2++) (y2 = u2.__k[a2]) != null && (p2 = y2.__i === -1 ? h$1 : _2[y2.__i] || h$1, y2.__i = a2, O$1(n2, y2, p2, i2, o2, r2, f2, e2, c2, s2), d2 = y2.__e, y2.ref && p2.ref != y2.ref && (p2.ref && E$1(p2.ref, null, y2), s2.push(y2.ref, y2.__c || d2, y2)), w2 == null && d2 != null && (w2 = d2), 65536 & y2.__u || p2.__k === y2.__k ? e2 = I$1(y2, e2, n2) : typeof y2.type == "function" && y2.__d !== void 0 ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
-  u2.__d = e2, u2.__e = w2;
-}
-function $$1(n2, l2, u2) {
-  var t2, i2, o2, r2, f2, e2 = l2.length, c2 = u2.length, s2 = c2, a2 = 0;
-  for (n2.__k = [], t2 = 0; t2 < e2; t2++) (i2 = l2[t2]) != null && typeof i2 != "boolean" && typeof i2 != "function" ? (r2 = t2 + a2, (i2 = n2.__k[t2] = typeof i2 == "string" || typeof i2 == "number" || typeof i2 == "bigint" || i2.constructor == String ? g$2(null, i2, null, null, null) : y$1(i2) ? g$2(b, { children: i2 }, null, null, null) : i2.constructor === void 0 && i2.__b > 0 ? g$2(i2.type, i2.props, i2.key, i2.ref ? i2.ref : null, i2.__v) : i2).__ = n2, i2.__b = n2.__b + 1, o2 = null, (f2 = i2.__i = L$1(i2, u2, r2, s2)) !== -1 && (s2--, (o2 = u2[f2]) && (o2.__u |= 131072)), o2 == null || o2.__v === null ? (f2 == -1 && a2--, typeof i2.type != "function" && (i2.__u |= 65536)) : f2 !== r2 && (f2 == r2 - 1 ? a2-- : f2 == r2 + 1 ? a2++ : (f2 > r2 ? a2-- : a2++, i2.__u |= 65536))) : i2 = n2.__k[t2] = null;
-  if (s2) for (t2 = 0; t2 < c2; t2++) (o2 = u2[t2]) != null && !(131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = x$2(o2)), N$1(o2, o2));
-}
-function I$1(n2, l2, u2) {
-  var t2, i2;
-  if (typeof n2.type == "function") {
-    for (t2 = n2.__k, i2 = 0; t2 && i2 < t2.length; i2++) t2[i2] && (t2[i2].__ = n2, l2 = I$1(t2[i2], l2, u2));
-    return l2;
-  }
-  n2.__e != l2 && (l2 && n2.type && !u2.contains(l2) && (l2 = x$2(n2)), u2.insertBefore(n2.__e, l2 || null), l2 = n2.__e);
-  do
-    l2 = l2 && l2.nextSibling;
-  while (l2 != null && l2.nodeType === 8);
-  return l2;
-}
-function H$1(n2, l2) {
-  return l2 = l2 || [], n2 == null || typeof n2 == "boolean" || (y$1(n2) ? n2.some(function(n3) {
-    H$1(n3, l2);
-  }) : l2.push(n2)), l2;
-}
-function L$1(n2, l2, u2, t2) {
-  var i2 = n2.key, o2 = n2.type, r2 = u2 - 1, f2 = u2 + 1, e2 = l2[u2];
-  if (e2 === null || e2 && i2 == e2.key && o2 === e2.type && !(131072 & e2.__u)) return u2;
-  if ((typeof o2 != "function" || o2 === b || i2) && t2 > (e2 != null && !(131072 & e2.__u) ? 1 : 0)) for (; r2 >= 0 || f2 < l2.length; ) {
-    if (r2 >= 0) {
-      if ((e2 = l2[r2]) && !(131072 & e2.__u) && i2 == e2.key && o2 === e2.type) return r2;
-      r2--;
-    }
-    if (f2 < l2.length) {
-      if ((e2 = l2[f2]) && !(131072 & e2.__u) && i2 == e2.key && o2 === e2.type) return f2;
-      f2++;
-    }
-  }
-  return -1;
-}
-function T$2(n2, l2, u2) {
-  l2[0] === "-" ? n2.setProperty(l2, u2 ?? "") : n2[l2] = u2 == null ? "" : typeof u2 != "number" || p$1.test(l2) ? u2 : u2 + "px";
-}
-function A$2(n2, l2, u2, t2, i2) {
-  var o2;
-  n: if (l2 === "style") if (typeof u2 == "string") n2.style.cssText = u2;
+var client = {}, hasRequiredClient;
+function requireClient() {
+  if (hasRequiredClient) return client;
+  hasRequiredClient = 1;
+  var m = require$$0;
+  if (process.env.NODE_ENV === "production")
+    client.createRoot = m.createRoot, client.hydrateRoot = m.hydrateRoot;
   else {
-    if (typeof t2 == "string" && (n2.style.cssText = t2 = ""), t2) for (l2 in t2) u2 && l2 in u2 || T$2(n2.style, l2, "");
-    if (u2) for (l2 in u2) t2 && u2[l2] === t2[l2] || T$2(n2.style, l2, u2[l2]);
+    var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    client.createRoot = function(c, o) {
+      i.usingClientEntryPoint = !0;
+      try {
+        return m.createRoot(c, o);
+      } finally {
+        i.usingClientEntryPoint = !1;
+      }
+    }, client.hydrateRoot = function(c, h, o) {
+      i.usingClientEntryPoint = !0;
+      try {
+        return m.hydrateRoot(c, h, o);
+      } finally {
+        i.usingClientEntryPoint = !1;
+      }
+    };
   }
-  else if (l2[0] === "o" && l2[1] === "n") o2 = l2 !== (l2 = l2.replace(/(PointerCapture)$|Capture$/i, "$1")), l2 = l2.toLowerCase() in n2 || l2 === "onFocusOut" || l2 === "onFocusIn" ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o2] = u2, u2 ? t2 ? u2.u = t2.u : (u2.u = e$1, n2.addEventListener(l2, o2 ? s$1 : c$1, o2)) : n2.removeEventListener(l2, o2 ? s$1 : c$1, o2);
-  else {
-    if (i2 == "http://www.w3.org/2000/svg") l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
-    else if (l2 != "width" && l2 != "height" && l2 != "href" && l2 != "list" && l2 != "form" && l2 != "tabIndex" && l2 != "download" && l2 != "rowSpan" && l2 != "colSpan" && l2 != "role" && l2 != "popover" && l2 in n2) try {
-      n2[l2] = u2 ?? "";
-      break n;
-    } catch {
+  return client;
+}
+var clientExports = requireClient(), jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxRuntime_production_min;
+function requireReactJsxRuntime_production_min() {
+  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+  hasRequiredReactJsxRuntime_production_min = 1;
+  var f = require$$0$1, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+    for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  return reactJsxRuntime_production_min.Fragment = l, reactJsxRuntime_production_min.jsx = q, reactJsxRuntime_production_min.jsxs = q, reactJsxRuntime_production_min;
+}
+var reactJsxRuntime_development = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  return hasRequiredReactJsxRuntime_development || (hasRequiredReactJsxRuntime_development = 1, process.env.NODE_ENV !== "production" && function() {
+    var React = require$$0$1, REACT_ELEMENT_TYPE = Symbol.for("react.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator, FAUX_ITERATOR_SYMBOL = "@@iterator";
+    function getIteratorFn(maybeIterable) {
+      if (maybeIterable === null || typeof maybeIterable != "object")
+        return null;
+      var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+      return typeof maybeIterator == "function" ? maybeIterator : null;
     }
-    typeof u2 == "function" || (u2 == null || u2 === !1 && l2[4] !== "-" ? n2.removeAttribute(l2) : n2.setAttribute(l2, l2 == "popover" && u2 == 1 ? "" : u2));
-  }
-}
-function F$2(n2) {
-  return function(u2) {
-    if (this.l) {
-      var t2 = this.l[u2.type + n2];
-      if (u2.t == null) u2.t = e$1++;
-      else if (u2.t < t2.u) return;
-      return l$1.event && (u2 = l$1.event(u2)), "handleEvent" in t2 ? t2.handleEvent(u2) : t2(u2);
+    var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function error(format2) {
+      {
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++)
+          args[_key2 - 1] = arguments[_key2];
+        printWarning("error", format2, args);
+      }
     }
-  };
-}
-function O$1(n2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
-  var a2, h2, v2, p2, w2, _2, g2, m2, x2, C2, S2, M2, $2, I2, H2, L2, T2 = u2.type;
-  if (u2.constructor !== void 0) return null;
-  128 & t2.__u && (c2 = !!(32 & t2.__u), r2 = [e2 = u2.__e = t2.__e]), (a2 = l$1.__b) && a2(u2);
-  n: if (typeof T2 == "function") try {
-    if (m2 = u2.props, x2 = "prototype" in T2 && T2.prototype.render, C2 = (a2 = T2.contextType) && i2[a2.__c], S2 = a2 ? C2 ? C2.props.value : a2.__ : i2, t2.__c ? g2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (x2 ? u2.__c = h2 = new T2(m2, S2) : (u2.__c = h2 = new k$2(m2, S2), h2.constructor = T2, h2.render = V$1), C2 && C2.sub(h2), h2.props = m2, h2.state || (h2.state = {}), h2.context = S2, h2.__n = i2, v2 = h2.__d = !0, h2.__h = [], h2._sb = []), x2 && h2.__s == null && (h2.__s = h2.state), x2 && T2.getDerivedStateFromProps != null && (h2.__s == h2.state && (h2.__s = d$1({}, h2.__s)), d$1(h2.__s, T2.getDerivedStateFromProps(m2, h2.__s))), p2 = h2.props, w2 = h2.state, h2.__v = u2, v2) x2 && T2.getDerivedStateFromProps == null && h2.componentWillMount != null && h2.componentWillMount(), x2 && h2.componentDidMount != null && h2.__h.push(h2.componentDidMount);
-    else {
-      if (x2 && T2.getDerivedStateFromProps == null && m2 !== p2 && h2.componentWillReceiveProps != null && h2.componentWillReceiveProps(m2, S2), !h2.__e && (h2.shouldComponentUpdate != null && h2.shouldComponentUpdate(m2, h2.__s, S2) === !1 || u2.__v === t2.__v)) {
-        for (u2.__v !== t2.__v && (h2.props = m2, h2.state = h2.__s, h2.__d = !1), u2.__e = t2.__e, u2.__k = t2.__k, u2.__k.some(function(n3) {
-          n3 && (n3.__ = u2);
-        }), M2 = 0; M2 < h2._sb.length; M2++) h2.__h.push(h2._sb[M2]);
-        h2._sb = [], h2.__h.length && f2.push(h2);
-        break n;
+    function printWarning(level, format2, args) {
+      {
+        var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame, stack = ReactDebugCurrentFrame2.getStackAddendum();
+        stack !== "" && (format2 += "%s", args = args.concat([stack]));
+        var argsWithFormat = args.map(function(item) {
+          return String(item);
+        });
+        argsWithFormat.unshift("Warning: " + format2), Function.prototype.apply.call(console[level], console, argsWithFormat);
       }
-      h2.componentWillUpdate != null && h2.componentWillUpdate(m2, h2.__s, S2), x2 && h2.componentDidUpdate != null && h2.__h.push(function() {
-        h2.componentDidUpdate(p2, w2, _2);
-      });
     }
-    if (h2.context = S2, h2.props = m2, h2.__P = n2, h2.__e = !1, $2 = l$1.__r, I2 = 0, x2) {
-      for (h2.state = h2.__s, h2.__d = !1, $2 && $2(u2), a2 = h2.render(h2.props, h2.state, h2.context), H2 = 0; H2 < h2._sb.length; H2++) h2.__h.push(h2._sb[H2]);
-      h2._sb = [];
-    } else do
-      h2.__d = !1, $2 && $2(u2), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
-    while (h2.__d && ++I2 < 25);
-    h2.state = h2.__s, h2.getChildContext != null && (i2 = d$1(d$1({}, i2), h2.getChildContext())), x2 && !v2 && h2.getSnapshotBeforeUpdate != null && (_2 = h2.getSnapshotBeforeUpdate(p2, w2)), P$2(n2, y$1(L2 = a2 != null && a2.type === b && a2.key == null ? a2.props.children : a2) ? L2 : [L2], u2, t2, i2, o2, r2, f2, e2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && f2.push(h2), g2 && (h2.__E = h2.__ = null);
-  } catch (n3) {
-    if (u2.__v = null, c2 || r2 != null) {
-      for (u2.__u |= c2 ? 160 : 128; e2 && e2.nodeType === 8 && e2.nextSibling; ) e2 = e2.nextSibling;
-      r2[r2.indexOf(e2)] = null, u2.__e = e2;
-    } else u2.__e = t2.__e, u2.__k = t2.__k;
-    l$1.__e(n3, u2, t2);
-  }
-  else r2 == null && u2.__v === t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : u2.__e = z$2(t2.__e, u2, t2, i2, o2, r2, f2, c2, s2);
-  (a2 = l$1.diffed) && a2(u2);
-}
-function j$2(n2, u2, t2) {
-  u2.__d = void 0;
-  for (var i2 = 0; i2 < t2.length; i2++) E$1(t2[i2], t2[++i2], t2[++i2]);
-  l$1.__c && l$1.__c(u2, n2), n2.some(function(u3) {
-    try {
-      n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
-        n3.call(u3);
-      });
-    } catch (n3) {
-      l$1.__e(n3, u3.__v);
+    var enableScopeAPI = !1, enableCacheElement = !1, enableTransitionTracing = !1, enableLegacyHidden = !1, enableDebugTracing = !1, REACT_MODULE_REFERENCE;
+    REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+    function isValidElementType(type) {
+      return !!(typeof type == "string" || typeof type == "function" || type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing || typeof type == "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== void 0));
     }
-  });
-}
-function z$2(u2, t2, i2, o2, r2, f2, e2, c2, s2) {
-  var a2, v2, p2, d2, _2, g2, m2, b2 = i2.props, k2 = t2.props, C2 = t2.type;
-  if (C2 === "svg" ? r2 = "http://www.w3.org/2000/svg" : C2 === "math" ? r2 = "http://www.w3.org/1998/Math/MathML" : r2 || (r2 = "http://www.w3.org/1999/xhtml"), f2 != null) {
-    for (a2 = 0; a2 < f2.length; a2++) if ((_2 = f2[a2]) && "setAttribute" in _2 == !!C2 && (C2 ? _2.localName === C2 : _2.nodeType === 3)) {
-      u2 = _2, f2[a2] = null;
-      break;
+    function getWrappedName(outerType, innerType, wrapperName) {
+      var displayName = outerType.displayName;
+      if (displayName)
+        return displayName;
+      var functionName = innerType.displayName || innerType.name || "";
+      return functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName;
     }
-  }
-  if (u2 == null) {
-    if (C2 === null) return document.createTextNode(k2);
-    u2 = document.createElementNS(r2, C2, k2.is && k2), c2 && (l$1.__m && l$1.__m(t2, f2), c2 = !1), f2 = null;
-  }
-  if (C2 === null) b2 === k2 || c2 && u2.data === k2 || (u2.data = k2);
-  else {
-    if (f2 = f2 && n.call(u2.childNodes), b2 = i2.props || h$1, !c2 && f2 != null) for (b2 = {}, a2 = 0; a2 < u2.attributes.length; a2++) b2[(_2 = u2.attributes[a2]).name] = _2.value;
-    for (a2 in b2) if (_2 = b2[a2], a2 != "children") {
-      if (a2 == "dangerouslySetInnerHTML") p2 = _2;
-      else if (!(a2 in k2)) {
-        if (a2 == "value" && "defaultValue" in k2 || a2 == "checked" && "defaultChecked" in k2) continue;
-        A$2(u2, a2, null, _2, r2);
+    function getContextName(type) {
+      return type.displayName || "Context";
+    }
+    function getComponentNameFromType(type) {
+      if (type == null)
+        return null;
+      if (typeof type.tag == "number" && error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof type == "function")
+        return type.displayName || type.name || null;
+      if (typeof type == "string")
+        return type;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
+        case REACT_PORTAL_TYPE:
+          return "Portal";
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
       }
+      if (typeof type == "object")
+        switch (type.$$typeof) {
+          case REACT_CONTEXT_TYPE:
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          case REACT_PROVIDER_TYPE:
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          case REACT_FORWARD_REF_TYPE:
+            return getWrappedName(type, type.render, "ForwardRef");
+          case REACT_MEMO_TYPE:
+            var outerName = type.displayName || null;
+            return outerName !== null ? outerName : getComponentNameFromType(type.type) || "Memo";
+          case REACT_LAZY_TYPE: {
+            var lazyComponent = type, payload = lazyComponent._payload, init = lazyComponent._init;
+            try {
+              return getComponentNameFromType(init(payload));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
     }
-    for (a2 in k2) _2 = k2[a2], a2 == "children" ? d2 = _2 : a2 == "dangerouslySetInnerHTML" ? v2 = _2 : a2 == "value" ? g2 = _2 : a2 == "checked" ? m2 = _2 : c2 && typeof _2 != "function" || b2[a2] === _2 || A$2(u2, a2, _2, b2[a2], r2);
-    if (v2) c2 || p2 && (v2.__html === p2.__html || v2.__html === u2.innerHTML) || (u2.innerHTML = v2.__html), t2.__k = [];
-    else if (p2 && (u2.innerHTML = ""), P$2(u2, y$1(d2) ? d2 : [d2], t2, i2, o2, C2 === "foreignObject" ? "http://www.w3.org/1999/xhtml" : r2, f2, e2, f2 ? f2[0] : i2.__k && x$2(i2, 0), c2, s2), f2 != null) for (a2 = f2.length; a2--; ) w$2(f2[a2]);
-    c2 || (a2 = "value", C2 === "progress" && g2 == null ? u2.removeAttribute("value") : g2 !== void 0 && (g2 !== u2[a2] || C2 === "progress" && !g2 || C2 === "option" && g2 !== b2[a2]) && A$2(u2, a2, g2, b2[a2], r2), a2 = "checked", m2 !== void 0 && m2 !== u2[a2] && A$2(u2, a2, m2, b2[a2], r2));
-  }
-  return u2;
-}
-function E$1(n2, u2, t2) {
-  try {
-    if (typeof n2 == "function") {
-      var i2 = typeof n2.__u == "function";
-      i2 && n2.__u(), i2 && u2 == null || (n2.__u = n2(u2));
-    } else n2.current = u2;
-  } catch (n3) {
-    l$1.__e(n3, t2);
-  }
-}
-function N$1(n2, u2, t2) {
-  var i2, o2;
-  if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || E$1(i2, null, u2)), (i2 = n2.__c) != null) {
-    if (i2.componentWillUnmount) try {
-      i2.componentWillUnmount();
-    } catch (n3) {
-      l$1.__e(n3, u2);
-    }
-    i2.base = i2.__P = null;
-  }
-  if (i2 = n2.__k) for (o2 = 0; o2 < i2.length; o2++) i2[o2] && N$1(i2[o2], u2, t2 || typeof n2.type != "function");
-  t2 || w$2(n2.__e), n2.__c = n2.__ = n2.__e = n2.__d = void 0;
-}
-function V$1(n2, l2, u2) {
-  return this.constructor(n2, u2);
-}
-function q$2(u2, t2, i2) {
-  var o2, r2, f2, e2;
-  l$1.__ && l$1.__(u2, t2), r2 = (o2 = typeof i2 == "function") ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], O$1(t2, u2 = (!o2 && i2 || t2).__k = _$1(b, null, [u2]), r2 || h$1, h$1, t2.namespaceURI, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), j$2(f2, u2, e2);
-}
-function B$2(n2, l2) {
-  q$2(n2, l2, B$2);
-}
-function D$2(l2, u2, t2) {
-  var i2, o2, r2, f2, e2 = d$1({}, l2.props);
-  for (r2 in l2.type && l2.type.defaultProps && (f2 = l2.type.defaultProps), u2) r2 == "key" ? i2 = u2[r2] : r2 == "ref" ? o2 = u2[r2] : e2[r2] = u2[r2] === void 0 && f2 !== void 0 ? f2[r2] : u2[r2];
-  return arguments.length > 2 && (e2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), g$2(l2.type, e2, i2 || l2.key, o2 || l2.ref, null);
-}
-function G$1(n2, l2) {
-  var u2 = { __c: l2 = "__cC" + a$1++, __: n2, Consumer: function(n3, l3) {
-    return n3.children(l3);
-  }, Provider: function(n3) {
-    var u3, t2;
-    return this.getChildContext || (u3 = /* @__PURE__ */ new Set(), (t2 = {})[l2] = this, this.getChildContext = function() {
-      return t2;
-    }, this.componentWillUnmount = function() {
-      u3 = null;
-    }, this.shouldComponentUpdate = function(n4) {
-      this.props.value !== n4.value && u3.forEach(function(n5) {
-        n5.__e = !0, S(n5);
-      });
-    }, this.sub = function(n4) {
-      u3.add(n4);
-      var l3 = n4.componentWillUnmount;
-      n4.componentWillUnmount = function() {
-        u3 && u3.delete(n4), l3 && l3.call(n4);
-      };
-    }), n3.children;
-  } };
-  return u2.Provider.__ = u2.Consumer.contextType = u2;
-}
-n = v$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
-  for (var i2, o2, r2; l2 = l2.__; ) if ((i2 = l2.__c) && !i2.__) try {
-    if ((o2 = i2.constructor) && o2.getDerivedStateFromError != null && (i2.setState(o2.getDerivedStateFromError(n2)), r2 = i2.__d), i2.componentDidCatch != null && (i2.componentDidCatch(n2, t2 || {}), r2 = i2.__d), r2) return i2.__E = i2;
-  } catch (l3) {
-    n2 = l3;
-  }
-  throw n2;
-} }, u$2 = 0, k$2.prototype.setState = function(n2, l2) {
-  var u2;
-  u2 = this.__s != null && this.__s !== this.state ? this.__s : this.__s = d$1({}, this.state), typeof n2 == "function" && (n2 = n2(d$1({}, u2), this.props)), n2 && d$1(u2, n2), n2 != null && this.__v && (l2 && this._sb.push(l2), S(this));
-}, k$2.prototype.forceUpdate = function(n2) {
-  this.__v && (this.__e = !0, n2 && this.__h.push(n2), S(this));
-}, k$2.prototype.render = b, i$1 = [], r$2 = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$2 = function(n2, l2) {
-  return n2.__v.__b - l2.__v.__b;
-}, M$1.__r = 0, e$1 = 0, c$1 = F$2(!1), s$1 = F$2(!0), a$1 = 0;
-var f$1 = 0;
-function u$1(e2, t2, n2, o2, i2, u2) {
-  t2 || (t2 = {});
-  var a2, c2, l2 = t2;
-  "ref" in t2 && (a2 = t2.ref, delete t2.ref);
-  var p2 = { type: e2, props: l2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
-  if (typeof e2 == "function" && (a2 = e2.defaultProps)) for (c2 in a2) l2[c2] === void 0 && (l2[c2] = a2[c2]);
-  return l$1.vnode && l$1.vnode(p2), p2;
-}
-var t, r$1, u, i, o = 0, f = [], c = l$1, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
-function d(n2, t2) {
-  c.__h && c.__h(r$1, n2, o || t2), o = 0;
-  var u2 = r$1.__H || (r$1.__H = { __: [], __h: [] });
-  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
-}
-function h(n2) {
-  return o = 1, p(D$1, n2);
-}
-function p(n2, u2, i2) {
-  var o2 = d(t++, 2);
-  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : D$1(void 0, u2), function(n3) {
-    var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
-    t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
-  }], o2.__c = r$1, !r$1.u)) {
-    var f2 = function(n3, t2, r2) {
-      if (!o2.__c.__H) return !0;
-      var u3 = o2.__c.__H.__.filter(function(n4) {
-        return !!n4.__c;
-      });
-      if (u3.every(function(n4) {
-        return !n4.__N;
-      })) return !c2 || c2.call(this, n3, t2, r2);
-      var i3 = o2.__c.props !== n3;
-      return u3.forEach(function(n4) {
-        if (n4.__N) {
-          var t3 = n4.__[0];
-          n4.__ = n4.__N, n4.__N = void 0, t3 !== n4.__[0] && (i3 = !0);
+    var assign = Object.assign, disabledDepth = 0, prevLog, prevInfo, prevWarn, prevError, prevGroup, prevGroupCollapsed, prevGroupEnd;
+    function disabledLog() {
+    }
+    disabledLog.__reactDisabledLog = !0;
+    function disableLogs() {
+      {
+        if (disabledDepth === 0) {
+          prevLog = console.log, prevInfo = console.info, prevWarn = console.warn, prevError = console.error, prevGroup = console.group, prevGroupCollapsed = console.groupCollapsed, prevGroupEnd = console.groupEnd;
+          var props = {
+            configurable: !0,
+            enumerable: !0,
+            value: disabledLog,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: props,
+            log: props,
+            warn: props,
+            error: props,
+            group: props,
+            groupCollapsed: props,
+            groupEnd: props
+          });
         }
-      }), c2 && c2.call(this, n3, t2, r2) || i3;
-    };
-    r$1.u = !0;
-    var c2 = r$1.shouldComponentUpdate, e2 = r$1.componentWillUpdate;
-    r$1.componentWillUpdate = function(n3, t2, r2) {
-      if (this.__e) {
-        var u3 = c2;
-        c2 = void 0, f2(n3, t2, r2), c2 = u3;
+        disabledDepth++;
       }
-      e2 && e2.call(this, n3, t2, r2);
-    }, r$1.shouldComponentUpdate = f2;
-  }
-  return o2.__N || o2.__;
-}
-function y(n2, u2) {
-  var i2 = d(t++, 3);
-  !c.__s && C$1(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r$1.__H.__h.push(i2));
-}
-function _(n2, u2) {
-  var i2 = d(t++, 4);
-  !c.__s && C$1(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r$1.__h.push(i2));
-}
-function A$1(n2) {
-  return o = 5, T$1(function() {
-    return { current: n2 };
-  }, []);
-}
-function F$1(n2, t2, r2) {
-  o = 6, _(function() {
-    return typeof n2 == "function" ? (n2(t2()), function() {
-      return n2(null);
-    }) : n2 ? (n2.current = t2(), function() {
-      return n2.current = null;
-    }) : void 0;
-  }, r2 == null ? r2 : r2.concat(n2));
-}
-function T$1(n2, r2) {
-  var u2 = d(t++, 7);
-  return C$1(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
-}
-function q$1(n2, t2) {
-  return o = 8, T$1(function() {
-    return n2;
-  }, t2);
-}
-function x$1(n2) {
-  var u2 = r$1.context[n2.__c], i2 = d(t++, 9);
-  return i2.c = n2, u2 ? (i2.__ == null && (i2.__ = !0, u2.sub(r$1)), u2.props.value) : n2.__;
-}
-function P$1(n2, t2) {
-  c.useDebugValue && c.useDebugValue(t2 ? t2(n2) : n2);
-}
-function g$1() {
-  var n2 = d(t++, 11);
-  if (!n2.__) {
-    for (var u2 = r$1.__v; u2 !== null && !u2.__m && u2.__ !== null; ) u2 = u2.__;
-    var i2 = u2.__m || (u2.__m = [0, 0]);
-    n2.__ = "P" + i2[0] + "-" + i2[1]++;
-  }
-  return n2.__;
-}
-function j$1() {
-  for (var n2; n2 = f.shift(); ) if (n2.__P && n2.__H) try {
-    n2.__H.__h.forEach(z$1), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
-  } catch (t2) {
-    n2.__H.__h = [], c.__e(t2, n2.__v);
-  }
-}
-c.__b = function(n2) {
-  r$1 = null, e && e(n2);
-}, c.__ = function(n2, t2) {
-  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
-}, c.__r = function(n2) {
-  a && a(n2), t = 0;
-  var i2 = (r$1 = n2.__c).__H;
-  i2 && (u === r$1 ? (i2.__h = [], r$1.__h = [], i2.__.forEach(function(n3) {
-    n3.__N && (n3.__ = n3.__N), n3.i = n3.__N = void 0;
-  })) : (i2.__h.forEach(z$1), i2.__h.forEach(B$1), i2.__h = [], t = 0)), u = r$1;
-}, c.diffed = function(n2) {
-  v && v(n2);
-  var t2 = n2.__c;
-  t2 && t2.__H && (t2.__H.__h.length && (f.push(t2) !== 1 && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w$1)(j$1)), t2.__H.__.forEach(function(n3) {
-    n3.i && (n3.__H = n3.i), n3.i = void 0;
-  })), u = r$1 = null;
-}, c.__c = function(n2, t2) {
-  t2.some(function(n3) {
-    try {
-      n3.__h.forEach(z$1), n3.__h = n3.__h.filter(function(n4) {
-        return !n4.__ || B$1(n4);
-      });
-    } catch (r2) {
-      t2.some(function(n4) {
-        n4.__h && (n4.__h = []);
-      }), t2 = [], c.__e(r2, n3.__v);
-    }
-  }), l && l(n2, t2);
-}, c.unmount = function(n2) {
-  m && m(n2);
-  var t2, r2 = n2.__c;
-  r2 && r2.__H && (r2.__H.__.forEach(function(n3) {
-    try {
-      z$1(n3);
-    } catch (n4) {
-      t2 = n4;
-    }
-  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
-};
-var k$1 = typeof requestAnimationFrame == "function";
-function w$1(n2) {
-  var t2, r2 = function() {
-    clearTimeout(u2), k$1 && cancelAnimationFrame(t2), setTimeout(n2);
-  }, u2 = setTimeout(r2, 100);
-  k$1 && (t2 = requestAnimationFrame(r2));
-}
-function z$1(n2) {
-  var t2 = r$1, u2 = n2.__c;
-  typeof u2 == "function" && (n2.__c = void 0, u2()), r$1 = t2;
-}
-function B$1(n2) {
-  var t2 = r$1;
-  n2.__c = n2.__(), r$1 = t2;
-}
-function C$1(n2, t2) {
-  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
-    return t3 !== n2[r2];
-  });
-}
-function D$1(n2, t2) {
-  return typeof t2 == "function" ? t2(n2) : t2;
-}
-function g(n2, t2) {
-  for (var e2 in n2) if (e2 !== "__source" && !(e2 in t2)) return !0;
-  for (var r2 in t2) if (r2 !== "__source" && n2[r2] !== t2[r2]) return !0;
-  return !1;
-}
-function E(n2, t2) {
-  var e2 = t2(), r2 = h({ t: { __: e2, u: t2 } }), u2 = r2[0].t, o2 = r2[1];
-  return _(function() {
-    u2.__ = e2, u2.u = t2, C(u2) && o2({ t: u2 });
-  }, [n2, e2, t2]), y(function() {
-    return C(u2) && o2({ t: u2 }), n2(function() {
-      C(u2) && o2({ t: u2 });
-    });
-  }, [n2]), e2;
-}
-function C(n2) {
-  var t2, e2, r2 = n2.u, u2 = n2.__;
-  try {
-    var o2 = r2();
-    return !((t2 = u2) === (e2 = o2) && (t2 !== 0 || 1 / t2 == 1 / e2) || t2 != t2 && e2 != e2);
-  } catch {
-    return !0;
-  }
-}
-function x(n2) {
-  n2();
-}
-function R(n2) {
-  return n2;
-}
-function w() {
-  return [!1, x];
-}
-var k = _;
-function I(n2, t2) {
-  this.props = n2, this.context = t2;
-}
-function N(n2, e2) {
-  function r2(n3) {
-    var t2 = this.props.ref, r3 = t2 == n3.ref;
-    return !r3 && t2 && (t2.call ? t2(null) : t2.current = null), e2 ? !e2(this.props, n3) || !r3 : g(this.props, n3);
-  }
-  function u2(e3) {
-    return this.shouldComponentUpdate = r2, _$1(n2, e3);
-  }
-  return u2.displayName = "Memo(" + (n2.displayName || n2.name) + ")", u2.prototype.isReactComponent = !0, u2.__f = !0, u2;
-}
-(I.prototype = new k$2()).isPureReactComponent = !0, I.prototype.shouldComponentUpdate = function(n2, t2) {
-  return g(this.props, n2) || g(this.state, t2);
-};
-var M = l$1.__b;
-l$1.__b = function(n2) {
-  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), M && M(n2);
-};
-var T = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
-function A(n2) {
-  function t2(t3) {
-    if (!("ref" in t3)) return n2(t3, null);
-    var e2 = t3.ref;
-    delete t3.ref;
-    var r2 = n2(t3, e2);
-    return t3.ref = e2, r2;
-  }
-  return t2.$$typeof = T, t2.render = t2, t2.prototype.isReactComponent = t2.__f = !0, t2.displayName = "ForwardRef(" + (n2.displayName || n2.name) + ")", t2;
-}
-var D = function(n2, t2) {
-  return n2 == null ? null : H$1(H$1(n2).map(t2));
-}, L = { map: D, forEach: D, count: function(n2) {
-  return n2 ? H$1(n2).length : 0;
-}, only: function(n2) {
-  var t2 = H$1(n2);
-  if (t2.length !== 1) throw "Children.only";
-  return t2[0];
-}, toArray: H$1 }, O = l$1.__e;
-l$1.__e = function(n2, t2, e2, r2) {
-  if (n2.then) {
-    for (var u2, o2 = t2; o2 = o2.__; ) if ((u2 = o2.__c) && u2.__c) return t2.__e == null && (t2.__e = e2.__e, t2.__k = e2.__k), u2.__c(n2, t2);
-  }
-  O(n2, t2, e2, r2);
-};
-var F = l$1.unmount;
-function U(n2, t2, e2) {
-  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
-    typeof n3.__c == "function" && n3.__c();
-  }), n2.__c.__H = null), (n2 = function(n3, t3) {
-    for (var e3 in t3) n3[e3] = t3[e3];
-    return n3;
-  }({}, n2)).__c != null && (n2.__c.__P === e2 && (n2.__c.__P = t2), n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
-    return U(n3, t2, e2);
-  })), n2;
-}
-function V(n2, t2, e2) {
-  return n2 && e2 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
-    return V(n3, t2, e2);
-  }), n2.__c && n2.__c.__P === t2 && (n2.__e && e2.appendChild(n2.__e), n2.__c.__e = !0, n2.__c.__P = e2)), n2;
-}
-function W() {
-  this.__u = 0, this.o = null, this.__b = null;
-}
-function P(n2) {
-  var t2 = n2.__.__c;
-  return t2 && t2.__a && t2.__a(n2);
-}
-function j(n2) {
-  var e2, r2, u2;
-  function o2(o3) {
-    if (e2 || (e2 = n2()).then(function(n3) {
-      r2 = n3.default || n3;
-    }, function(n3) {
-      u2 = n3;
-    }), u2) throw u2;
-    if (!r2) throw e2;
-    return _$1(r2, o3);
-  }
-  return o2.displayName = "Lazy", o2.__f = !0, o2;
-}
-function z() {
-  this.i = null, this.l = null;
-}
-l$1.unmount = function(n2) {
-  var t2 = n2.__c;
-  t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), F && F(n2);
-}, (W.prototype = new k$2()).__c = function(n2, t2) {
-  var e2 = t2.__c, r2 = this;
-  r2.o == null && (r2.o = []), r2.o.push(e2);
-  var u2 = P(r2.__v), o2 = !1, i2 = function() {
-    o2 || (o2 = !0, e2.__R = null, u2 ? u2(c2) : c2());
-  };
-  e2.__R = i2;
-  var c2 = function() {
-    if (!--r2.__u) {
-      if (r2.state.__a) {
-        var n3 = r2.state.__a;
-        r2.__v.__k[0] = V(n3, n3.__c.__P, n3.__c.__O);
+    }
+    function reenableLogs() {
+      {
+        if (disabledDepth--, disabledDepth === 0) {
+          var props = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: assign({}, props, {
+              value: prevLog
+            }),
+            info: assign({}, props, {
+              value: prevInfo
+            }),
+            warn: assign({}, props, {
+              value: prevWarn
+            }),
+            error: assign({}, props, {
+              value: prevError
+            }),
+            group: assign({}, props, {
+              value: prevGroup
+            }),
+            groupCollapsed: assign({}, props, {
+              value: prevGroupCollapsed
+            }),
+            groupEnd: assign({}, props, {
+              value: prevGroupEnd
+            })
+          });
+        }
+        disabledDepth < 0 && error("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
-      var t3;
-      for (r2.setState({ __a: r2.__b = null }); t3 = r2.o.pop(); ) t3.forceUpdate();
     }
-  };
-  r2.__u++ || 32 & t2.__u || r2.setState({ __a: r2.__b = r2.__v.__k[0] }), n2.then(i2, i2);
-}, W.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, W.prototype.render = function(n2, e2) {
-  if (this.__b) {
-    if (this.__v.__k) {
-      var r2 = document.createElement("div"), o2 = this.__v.__k[0].__c;
-      this.__v.__k[0] = U(this.__b, r2, o2.__O = o2.__P);
-    }
-    this.__b = null;
-  }
-  var i2 = e2.__a && _$1(b, null, n2.fallback);
-  return i2 && (i2.__u &= -33), [_$1(b, null, e2.__a ? null : n2.children), i2];
-};
-var B = function(n2, t2, e2) {
-  if (++e2[1] === e2[0] && n2.l.delete(t2), n2.props.revealOrder && (n2.props.revealOrder[0] !== "t" || !n2.l.size)) for (e2 = n2.i; e2; ) {
-    for (; e2.length > 3; ) e2.pop()();
-    if (e2[1] < e2[0]) break;
-    n2.i = e2 = e2[2];
-  }
-};
-function H(n2) {
-  return this.getChildContext = function() {
-    return n2.context;
-  }, n2.children;
-}
-function Z(n2) {
-  var e2 = this, r2 = n2.h;
-  e2.componentWillUnmount = function() {
-    q$2(null, e2.v), e2.v = null, e2.h = null;
-  }, e2.h && e2.h !== r2 && e2.componentWillUnmount(), e2.v || (e2.h = r2, e2.v = { nodeType: 1, parentNode: r2, childNodes: [], contains: function() {
-    return !0;
-  }, appendChild: function(n3) {
-    this.childNodes.push(n3), e2.h.appendChild(n3);
-  }, insertBefore: function(n3, t2) {
-    this.childNodes.push(n3), e2.h.appendChild(n3);
-  }, removeChild: function(n3) {
-    this.childNodes.splice(this.childNodes.indexOf(n3) >>> 1, 1), e2.h.removeChild(n3);
-  } }), q$2(_$1(H, { context: e2.context }, n2.__v), e2.v);
-}
-function Y(n2, e2) {
-  var r2 = _$1(Z, { __v: n2, h: e2 });
-  return r2.containerInfo = e2, r2;
-}
-(z.prototype = new k$2()).__a = function(n2) {
-  var t2 = this, e2 = P(t2.__v), r2 = t2.l.get(n2);
-  return r2[0]++, function(u2) {
-    var o2 = function() {
-      t2.props.revealOrder ? (r2.push(u2), B(t2, n2, r2)) : u2();
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher, prefix;
+    function describeBuiltInComponentFrame(name, source, ownerFn) {
+      {
+        if (prefix === void 0)
+          try {
+            throw Error();
+          } catch (x) {
+            var match = x.stack.trim().match(/\n( *(at )?)/);
+            prefix = match && match[1] || "";
+          }
+        return `
+` + prefix + name;
+      }
+    }
+    var reentry = !1, componentFrameCache;
+    {
+      var PossiblyWeakMap = typeof WeakMap == "function" ? WeakMap : Map;
+      componentFrameCache = new PossiblyWeakMap();
+    }
+    function describeNativeComponentFrame(fn, construct) {
+      if (!fn || reentry)
+        return "";
+      {
+        var frame = componentFrameCache.get(fn);
+        if (frame !== void 0)
+          return frame;
+      }
+      var control;
+      reentry = !0;
+      var previousPrepareStackTrace = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var previousDispatcher;
+      previousDispatcher = ReactCurrentDispatcher.current, ReactCurrentDispatcher.current = null, disableLogs();
+      try {
+        if (construct) {
+          var Fake = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(Fake.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            }
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          }
+          fn();
+        }
+      } catch (sample) {
+        if (sample && control && typeof sample.stack == "string") {
+          for (var sampleLines = sample.stack.split(`
+`), controlLines = control.stack.split(`
+`), s = sampleLines.length - 1, c = controlLines.length - 1; s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]; )
+            c--;
+          for (; s >= 1 && c >= 0; s--, c--)
+            if (sampleLines[s] !== controlLines[c]) {
+              if (s !== 1 || c !== 1)
+                do
+                  if (s--, c--, c < 0 || sampleLines[s] !== controlLines[c]) {
+                    var _frame = `
+` + sampleLines[s].replace(" at new ", " at ");
+                    return fn.displayName && _frame.includes("<anonymous>") && (_frame = _frame.replace("<anonymous>", fn.displayName)), typeof fn == "function" && componentFrameCache.set(fn, _frame), _frame;
+                  }
+                while (s >= 1 && c >= 0);
+              break;
+            }
+        }
+      } finally {
+        reentry = !1, ReactCurrentDispatcher.current = previousDispatcher, reenableLogs(), Error.prepareStackTrace = previousPrepareStackTrace;
+      }
+      var name = fn ? fn.displayName || fn.name : "", syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
+      return typeof fn == "function" && componentFrameCache.set(fn, syntheticFrame), syntheticFrame;
+    }
+    function describeFunctionComponentFrame(fn, source, ownerFn) {
+      return describeNativeComponentFrame(fn, !1);
+    }
+    function shouldConstruct(Component) {
+      var prototype = Component.prototype;
+      return !!(prototype && prototype.isReactComponent);
+    }
+    function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+      if (type == null)
+        return "";
+      if (typeof type == "function")
+        return describeNativeComponentFrame(type, shouldConstruct(type));
+      if (typeof type == "string")
+        return describeBuiltInComponentFrame(type);
+      switch (type) {
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+      }
+      if (typeof type == "object")
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeFunctionComponentFrame(type.render);
+          case REACT_MEMO_TYPE:
+            return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+          case REACT_LAZY_TYPE: {
+            var lazyComponent = type, payload = lazyComponent._payload, init = lazyComponent._init;
+            try {
+              return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var hasOwnProperty = Object.prototype.hasOwnProperty, loggedTypeFailures = {}, ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    function setCurrentlyValidatingElement(element) {
+      if (element) {
+        var owner = element._owner, stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+        ReactDebugCurrentFrame.setExtraStackFrame(stack);
+      } else
+        ReactDebugCurrentFrame.setExtraStackFrame(null);
+    }
+    function checkPropTypes(typeSpecs, values, location, componentName, element) {
+      {
+        var has = Function.call.bind(hasOwnProperty);
+        for (var typeSpecName in typeSpecs)
+          if (has(typeSpecs, typeSpecName)) {
+            var error$1 = void 0;
+            try {
+              if (typeof typeSpecs[typeSpecName] != "function") {
+                var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw err.name = "Invariant Violation", err;
+              }
+              error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ex) {
+              error$1 = ex;
+            }
+            error$1 && !(error$1 instanceof Error) && (setCurrentlyValidatingElement(element), error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1), setCurrentlyValidatingElement(null)), error$1 instanceof Error && !(error$1.message in loggedTypeFailures) && (loggedTypeFailures[error$1.message] = !0, setCurrentlyValidatingElement(element), error("Failed %s type: %s", location, error$1.message), setCurrentlyValidatingElement(null));
+          }
+      }
+    }
+    var isArrayImpl = Array.isArray;
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
+    function typeName(value) {
+      {
+        var hasToStringTag = typeof Symbol == "function" && Symbol.toStringTag, type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+        return type;
+      }
+    }
+    function willCoercionThrow(value) {
+      try {
+        return testStringCoercion(value), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function testStringCoercion(value) {
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      if (willCoercionThrow(value))
+        return error("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", typeName(value)), testStringCoercion(value);
+    }
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner, RESERVED_PROPS = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, specialPropKeyWarningShown, specialPropRefWarningShown;
+    function hasValidRef(config) {
+      if (hasOwnProperty.call(config, "ref")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
+        if (getter && getter.isReactWarning)
+          return !1;
+      }
+      return config.ref !== void 0;
+    }
+    function hasValidKey(config) {
+      if (hasOwnProperty.call(config, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+        if (getter && getter.isReactWarning)
+          return !1;
+      }
+      return config.key !== void 0;
+    }
+    function warnIfStringRefCannotBeAutoConverted(config, self) {
+      typeof config.ref == "string" && ReactCurrentOwner.current;
+    }
+    function defineKeyPropWarningGetter(props, displayName) {
+      {
+        var warnAboutAccessingKey = function() {
+          specialPropKeyWarningShown || (specialPropKeyWarningShown = !0, error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName));
+        };
+        warnAboutAccessingKey.isReactWarning = !0, Object.defineProperty(props, "key", {
+          get: warnAboutAccessingKey,
+          configurable: !0
+        });
+      }
+    }
+    function defineRefPropWarningGetter(props, displayName) {
+      {
+        var warnAboutAccessingRef = function() {
+          specialPropRefWarningShown || (specialPropRefWarningShown = !0, error("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName));
+        };
+        warnAboutAccessingRef.isReactWarning = !0, Object.defineProperty(props, "ref", {
+          get: warnAboutAccessingRef,
+          configurable: !0
+        });
+      }
+    }
+    var ReactElement = function(type, key, ref, self, source, owner, props) {
+      var element = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: REACT_ELEMENT_TYPE,
+        // Built-in properties that belong on the element
+        type,
+        key,
+        ref,
+        props,
+        // Record the component responsible for creating this element.
+        _owner: owner
+      };
+      return element._store = {}, Object.defineProperty(element._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(element, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: self
+      }), Object.defineProperty(element, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: source
+      }), Object.freeze && (Object.freeze(element.props), Object.freeze(element)), element;
     };
-    e2 ? e2(o2) : o2();
-  };
-}, z.prototype.render = function(n2) {
-  this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t2 = H$1(n2.children);
-  n2.revealOrder && n2.revealOrder[0] === "b" && t2.reverse();
-  for (var e2 = t2.length; e2--; ) this.l.set(t2[e2], this.i = [1, 0, this.i]);
-  return n2.children;
-}, z.prototype.componentDidUpdate = z.prototype.componentDidMount = function() {
-  var n2 = this;
-  this.l.forEach(function(t2, e2) {
-    B(n2, e2, t2);
-  });
-};
-var $ = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, q = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, G = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, J = /[A-Z0-9]/g, K = typeof document < "u", Q = function(n2) {
-  return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(n2);
-};
-function X(n2, t2, e2) {
-  return t2.__k == null && (t2.textContent = ""), q$2(n2, t2), typeof e2 == "function" && e2(), n2 ? n2.__c : null;
-}
-function nn(n2, t2, e2) {
-  return B$2(n2, t2), typeof e2 == "function" && e2(), n2 ? n2.__c : null;
-}
-k$2.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
-  Object.defineProperty(k$2.prototype, t2, { configurable: !0, get: function() {
-    return this["UNSAFE_" + t2];
-  }, set: function(n2) {
-    Object.defineProperty(this, t2, { configurable: !0, writable: !0, value: n2 });
-  } });
-});
-var tn = l$1.event;
-function en() {
-}
-function rn() {
-  return this.cancelBubble;
-}
-function un() {
-  return this.defaultPrevented;
-}
-l$1.event = function(n2) {
-  return tn && (n2 = tn(n2)), n2.persist = en, n2.isPropagationStopped = rn, n2.isDefaultPrevented = un, n2.nativeEvent = n2;
-};
-var on, cn = { enumerable: !1, configurable: !0, get: function() {
-  return this.class;
-} }, fn = l$1.vnode;
-l$1.vnode = function(n2) {
-  typeof n2.type == "string" && function(n3) {
-    var t2 = n3.props, e2 = n3.type, u2 = {}, o2 = e2.indexOf("-") === -1;
-    for (var i2 in t2) {
-      var c2 = t2[i2];
-      if (!(i2 === "value" && "defaultValue" in t2 && c2 == null || K && i2 === "children" && e2 === "noscript" || i2 === "class" || i2 === "className")) {
-        var f2 = i2.toLowerCase();
-        i2 === "defaultValue" && "value" in t2 && t2.value == null ? i2 = "value" : i2 === "download" && c2 === !0 ? c2 = "" : f2 === "translate" && c2 === "no" ? c2 = !1 : f2[0] === "o" && f2[1] === "n" ? f2 === "ondoubleclick" ? i2 = "ondblclick" : f2 !== "onchange" || e2 !== "input" && e2 !== "textarea" || Q(t2.type) ? f2 === "onfocus" ? i2 = "onfocusin" : f2 === "onblur" ? i2 = "onfocusout" : G.test(i2) && (i2 = f2) : f2 = i2 = "oninput" : o2 && q.test(i2) ? i2 = i2.replace(J, "-$&").toLowerCase() : c2 === null && (c2 = void 0), f2 === "oninput" && u2[i2 = f2] && (i2 = "oninputCapture"), u2[i2] = c2;
+    function jsxDEV(type, config, maybeKey, source, self) {
+      {
+        var propName, props = {}, key = null, ref = null;
+        maybeKey !== void 0 && (checkKeyStringCoercion(maybeKey), key = "" + maybeKey), hasValidKey(config) && (checkKeyStringCoercion(config.key), key = "" + config.key), hasValidRef(config) && (ref = config.ref, warnIfStringRefCannotBeAutoConverted(config, self));
+        for (propName in config)
+          hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) && (props[propName] = config[propName]);
+        if (type && type.defaultProps) {
+          var defaultProps = type.defaultProps;
+          for (propName in defaultProps)
+            props[propName] === void 0 && (props[propName] = defaultProps[propName]);
+        }
+        if (key || ref) {
+          var displayName = typeof type == "function" ? type.displayName || type.name || "Unknown" : type;
+          key && defineKeyPropWarningGetter(props, displayName), ref && defineRefPropWarningGetter(props, displayName);
+        }
+        return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
       }
     }
-    e2 == "select" && u2.multiple && Array.isArray(u2.value) && (u2.value = H$1(t2.children).forEach(function(n4) {
-      n4.props.selected = u2.value.indexOf(n4.props.value) != -1;
-    })), e2 == "select" && u2.defaultValue != null && (u2.value = H$1(t2.children).forEach(function(n4) {
-      n4.props.selected = u2.multiple ? u2.defaultValue.indexOf(n4.props.value) != -1 : u2.defaultValue == n4.props.value;
-    })), t2.class && !t2.className ? (u2.class = t2.class, Object.defineProperty(u2, "className", cn)) : (t2.className && !t2.class || t2.class && t2.className) && (u2.class = u2.className = t2.className), n3.props = u2;
-  }(n2), n2.$$typeof = $, fn && fn(n2);
-};
-var ln = l$1.__r;
-l$1.__r = function(n2) {
-  ln && ln(n2), on = n2.__c;
-};
-var an = l$1.diffed;
-l$1.diffed = function(n2) {
-  an && an(n2);
-  var t2 = n2.props, e2 = n2.__e;
-  e2 != null && n2.type === "textarea" && "value" in t2 && t2.value !== e2.value && (e2.value = t2.value == null ? "" : t2.value), on = null;
-};
-var sn = { ReactCurrentDispatcher: { current: { readContext: function(n2) {
-  return on.__n[n2.__c].props.value;
-}, useCallback: q$1, useContext: x$1, useDebugValue: P$1, useDeferredValue: R, useEffect: y, useId: g$1, useImperativeHandle: F$1, useInsertionEffect: k, useLayoutEffect: _, useMemo: T$1, useReducer: p, useRef: A$1, useState: h, useSyncExternalStore: E, useTransition: w } } };
-function vn(n2) {
-  return _$1.bind(null, n2);
-}
-function dn(n2) {
-  return !!n2 && n2.$$typeof === $;
-}
-function pn(n2) {
-  return dn(n2) && n2.type === b;
-}
-function mn(n2) {
-  return !!n2 && !!n2.displayName && (typeof n2.displayName == "string" || n2.displayName instanceof String) && n2.displayName.startsWith("Memo(");
-}
-function yn(n2) {
-  return dn(n2) ? D$2.apply(null, arguments) : n2;
-}
-function _n(n2) {
-  return !!n2.__k && (q$2(null, n2), !0);
-}
-function bn(n2) {
-  return n2 && (n2.base || n2.nodeType === 1 && n2) || null;
-}
-var Sn = function(n2, t2) {
-  return n2(t2);
-}, gn = function(n2, t2) {
-  return n2(t2);
-}, En = b, Cn = dn, xn = { useState: h, useId: g$1, useReducer: p, useEffect: y, useLayoutEffect: _, useInsertionEffect: k, useTransition: w, useDeferredValue: R, useSyncExternalStore: E, startTransition: x, useRef: A$1, useImperativeHandle: F$1, useMemo: T$1, useCallback: q$1, useContext: x$1, useDebugValue: P$1, version: "18.3.1", Children: L, render: X, hydrate: nn, unmountComponentAtNode: _n, createPortal: Y, createElement: _$1, createContext: G$1, createFactory: vn, cloneElement: yn, createRef: m$1, Fragment: b, isValidElement: dn, isElement: Cn, isFragment: pn, isMemo: mn, findDOMNode: bn, Component: k$2, PureComponent: I, memo: N, forwardRef: A, flushSync: gn, unstable_batchedUpdates: Sn, StrictMode: En, Suspense: W, SuspenseList: z, lazy: j, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: sn };
-function r(e2) {
-  var t2, f2, n2 = "";
-  if (typeof e2 == "string" || typeof e2 == "number") n2 += e2;
-  else if (typeof e2 == "object") if (Array.isArray(e2)) {
-    var o2 = e2.length;
-    for (t2 = 0; t2 < o2; t2++) e2[t2] && (f2 = r(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
-  } else for (f2 in e2) e2[f2] && (n2 && (n2 += " "), n2 += f2);
-  return n2;
+    var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner, ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+    function setCurrentlyValidatingElement$1(element) {
+      if (element) {
+        var owner = element._owner, stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+        ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+      } else
+        ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+    }
+    var propTypesMisspellWarningShown;
+    propTypesMisspellWarningShown = !1;
+    function isValidElement(object) {
+      return typeof object == "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function getDeclarationErrorAddendum() {
+      {
+        if (ReactCurrentOwner$1.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
+          if (name)
+            return `
+
+Check the render method of \`` + name + "`.";
+        }
+        return "";
+      }
+    }
+    function getSourceInfoErrorAddendum(source) {
+      return "";
+    }
+    var ownerHasKeyUseWarning = {};
+    function getCurrentComponentErrorInfo(parentType) {
+      {
+        var info = getDeclarationErrorAddendum();
+        if (!info) {
+          var parentName = typeof parentType == "string" ? parentType : parentType.displayName || parentType.name;
+          parentName && (info = `
+
+Check the top-level render call using <` + parentName + ">.");
+        }
+        return info;
+      }
+    }
+    function validateExplicitKey(element, parentType) {
+      {
+        if (!element._store || element._store.validated || element.key != null)
+          return;
+        element._store.validated = !0;
+        var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+        if (ownerHasKeyUseWarning[currentComponentErrorInfo])
+          return;
+        ownerHasKeyUseWarning[currentComponentErrorInfo] = !0;
+        var childOwner = "";
+        element && element._owner && element._owner !== ReactCurrentOwner$1.current && (childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + "."), setCurrentlyValidatingElement$1(element), error('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner), setCurrentlyValidatingElement$1(null);
+      }
+    }
+    function validateChildKeys(node, parentType) {
+      {
+        if (typeof node != "object")
+          return;
+        if (isArray(node))
+          for (var i = 0; i < node.length; i++) {
+            var child = node[i];
+            isValidElement(child) && validateExplicitKey(child, parentType);
+          }
+        else if (isValidElement(node))
+          node._store && (node._store.validated = !0);
+        else if (node) {
+          var iteratorFn = getIteratorFn(node);
+          if (typeof iteratorFn == "function" && iteratorFn !== node.entries)
+            for (var iterator = iteratorFn.call(node), step; !(step = iterator.next()).done; )
+              isValidElement(step.value) && validateExplicitKey(step.value, parentType);
+        }
+      }
+    }
+    function validatePropTypes(element) {
+      {
+        var type = element.type;
+        if (type == null || typeof type == "string")
+          return;
+        var propTypes;
+        if (typeof type == "function")
+          propTypes = type.propTypes;
+        else if (typeof type == "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        type.$$typeof === REACT_MEMO_TYPE))
+          propTypes = type.propTypes;
+        else
+          return;
+        if (propTypes) {
+          var name = getComponentNameFromType(type);
+          checkPropTypes(propTypes, element.props, "prop", name, element);
+        } else if (type.PropTypes !== void 0 && !propTypesMisspellWarningShown) {
+          propTypesMisspellWarningShown = !0;
+          var _name = getComponentNameFromType(type);
+          error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
+        }
+        typeof type.getDefaultProps == "function" && !type.getDefaultProps.isReactClassApproved && error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function validateFragmentProps(fragment) {
+      {
+        for (var keys = Object.keys(fragment.props), i = 0; i < keys.length; i++) {
+          var key = keys[i];
+          if (key !== "children" && key !== "key") {
+            setCurrentlyValidatingElement$1(fragment), error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key), setCurrentlyValidatingElement$1(null);
+            break;
+          }
+        }
+        fragment.ref !== null && (setCurrentlyValidatingElement$1(fragment), error("Invalid attribute `ref` supplied to `React.Fragment`."), setCurrentlyValidatingElement$1(null));
+      }
+    }
+    var didWarnAboutKeySpread = {};
+    function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
+      {
+        var validType = isValidElementType(type);
+        if (!validType) {
+          var info = "";
+          (type === void 0 || typeof type == "object" && type !== null && Object.keys(type).length === 0) && (info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var sourceInfo = getSourceInfoErrorAddendum();
+          sourceInfo ? info += sourceInfo : info += getDeclarationErrorAddendum();
+          var typeString;
+          type === null ? typeString = "null" : isArray(type) ? typeString = "array" : type !== void 0 && type.$$typeof === REACT_ELEMENT_TYPE ? (typeString = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />", info = " Did you accidentally export a JSX literal instead of a component?") : typeString = typeof type, error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
+        }
+        var element = jsxDEV(type, props, key, source, self);
+        if (element == null)
+          return element;
+        if (validType) {
+          var children = props.children;
+          if (children !== void 0)
+            if (isStaticChildren)
+              if (isArray(children)) {
+                for (var i = 0; i < children.length; i++)
+                  validateChildKeys(children[i], type);
+                Object.freeze && Object.freeze(children);
+              } else
+                error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              validateChildKeys(children, type);
+        }
+        if (hasOwnProperty.call(props, "key")) {
+          var componentName = getComponentNameFromType(type), keys = Object.keys(props).filter(function(k) {
+            return k !== "key";
+          }), beforeExample = keys.length > 0 ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+            var afterExample = keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
+            error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, beforeExample, componentName, afterExample, componentName), didWarnAboutKeySpread[componentName + beforeExample] = !0;
+          }
+        }
+        return type === REACT_FRAGMENT_TYPE ? validateFragmentProps(element) : validatePropTypes(element), element;
+      }
+    }
+    function jsxWithValidationStatic(type, props, key) {
+      return jsxWithValidation(type, props, key, !0);
+    }
+    function jsxWithValidationDynamic(type, props, key) {
+      return jsxWithValidation(type, props, key, !1);
+    }
+    var jsx = jsxWithValidationDynamic, jsxs = jsxWithValidationStatic;
+    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE, reactJsxRuntime_development.jsx = jsx, reactJsxRuntime_development.jsxs = jsxs;
+  }()), reactJsxRuntime_development;
+}
+var hasRequiredJsxRuntime;
+function requireJsxRuntime() {
+  return hasRequiredJsxRuntime || (hasRequiredJsxRuntime = 1, process.env.NODE_ENV === "production" ? jsxRuntime.exports = requireReactJsxRuntime_production_min() : jsxRuntime.exports = requireReactJsxRuntime_development()), jsxRuntime.exports;
+}
+var jsxRuntimeExports = requireJsxRuntime();
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
 }
 function clsx() {
-  for (var e2, t2, f2 = 0, n2 = "", o2 = arguments.length; f2 < o2; f2++) (e2 = arguments[f2]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
-  return n2;
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
 }
 function getColSpan(column, lastFrozenColumnIndex, args) {
   const colSpan = typeof column.colSpan == "function" ? column.colSpan(args) : 1;
@@ -779,8 +703,8 @@ function createCellEvent(event) {
   return Object.setPrototypeOf(cellEvent, Object.getPrototypeOf(event)), cellEvent;
 }
 const nonInputKeys = /* @__PURE__ */ new Set(["Unidentified", "Alt", "AltGraph", "CapsLock", "Control", "Fn", "FnLock", "Meta", "NumLock", "ScrollLock", "Shift", "Tab", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp", "End", "Home", "PageDown", "PageUp", "Insert", "ContextMenu", "Escape", "Pause", "Play", "PrintScreen", "F1", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "F10", "F11", "F12"]);
-function isCtrlKeyHeldDown(e2) {
-  return (e2.ctrlKey || e2.metaKey) && e2.key !== "Control";
+function isCtrlKeyHeldDown(e) {
+  return (e.ctrlKey || e.metaKey) && e.key !== "Control";
 }
 function isDefaultCellInput(event) {
   return isCtrlKeyHeldDown(event) && event.keyCode !== 86 ? !1 : !nonInputKeys.has(event.key);
@@ -799,7 +723,7 @@ function renderMeasuringCells(viewportColumns) {
     idx,
     minWidth,
     maxWidth
-  }) => /* @__PURE__ */ u$1("div", {
+  }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: measuringCellClassname,
     style: {
       gridColumnStart: idx + 1,
@@ -1000,10 +924,10 @@ function renderCheckbox({
   indeterminate,
   ...props
 }) {
-  function handleChange(e2) {
-    onChange(e2.target.checked, e2.nativeEvent.shiftKey);
+  function handleChange(e) {
+    onChange(e.target.checked, e.nativeEvent.shiftKey);
   }
-  return /* @__PURE__ */ u$1("input", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("input", {
     ref: (el) => {
       el && (el.indeterminate = indeterminate === !0);
     },
@@ -1020,9 +944,9 @@ function renderValue(props) {
     return null;
   }
 }
-const DataGridDefaultRenderersContext = /* @__PURE__ */ G$1(void 0), DataGridDefaultRenderersProvider = DataGridDefaultRenderersContext.Provider;
+const DataGridDefaultRenderersContext = /* @__PURE__ */ createContext(void 0), DataGridDefaultRenderersProvider = DataGridDefaultRenderersContext.Provider;
 function useDefaultRenderers() {
-  return x$1(DataGridDefaultRenderersContext);
+  return useContext(DataGridDefaultRenderersContext);
 }
 function SelectCellFormatter({
   value,
@@ -1044,9 +968,9 @@ function SelectCellFormatter({
     onChange
   });
 }
-const RowSelectionContext = /* @__PURE__ */ G$1(void 0), RowSelectionProvider = RowSelectionContext.Provider, RowSelectionChangeContext = /* @__PURE__ */ G$1(void 0), RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
+const RowSelectionContext = /* @__PURE__ */ createContext(void 0), RowSelectionProvider = RowSelectionContext.Provider, RowSelectionChangeContext = /* @__PURE__ */ createContext(void 0), RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
 function useRowSelection() {
-  const rowSelectionContext = x$1(RowSelectionContext), rowSelectionChangeContext = x$1(RowSelectionChangeContext);
+  const rowSelectionContext = useContext(RowSelectionContext), rowSelectionChangeContext = useContext(RowSelectionChangeContext);
   if (rowSelectionContext === void 0 || rowSelectionChangeContext === void 0)
     throw new Error("useRowSelection must be used within DataGrid cells");
   return {
@@ -1055,9 +979,9 @@ function useRowSelection() {
     onRowSelectionChange: rowSelectionChangeContext
   };
 }
-const HeaderRowSelectionContext = /* @__PURE__ */ G$1(void 0), HeaderRowSelectionProvider = HeaderRowSelectionContext.Provider, HeaderRowSelectionChangeContext = /* @__PURE__ */ G$1(void 0), HeaderRowSelectionChangeProvider = HeaderRowSelectionChangeContext.Provider;
+const HeaderRowSelectionContext = /* @__PURE__ */ createContext(void 0), HeaderRowSelectionProvider = HeaderRowSelectionContext.Provider, HeaderRowSelectionChangeContext = /* @__PURE__ */ createContext(void 0), HeaderRowSelectionChangeProvider = HeaderRowSelectionChangeContext.Provider;
 function useHeaderRowSelection() {
-  const headerRowSelectionContext = x$1(HeaderRowSelectionContext), headerRowSelectionChangeContext = x$1(HeaderRowSelectionChangeContext);
+  const headerRowSelectionContext = useContext(HeaderRowSelectionContext), headerRowSelectionChangeContext = useContext(HeaderRowSelectionChangeContext);
   if (headerRowSelectionContext === void 0 || headerRowSelectionChangeContext === void 0)
     throw new Error("useHeaderRowSelection must be used within DataGrid cells");
   return {
@@ -1073,7 +997,7 @@ function HeaderRenderer(props) {
     isRowSelected,
     onRowSelectionChange
   } = useHeaderRowSelection();
-  return /* @__PURE__ */ u$1(SelectCellFormatter, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectCellFormatter, {
     "aria-label": "Select All",
     tabIndex: props.tabIndex,
     indeterminate: isIndeterminate,
@@ -1091,7 +1015,7 @@ function SelectFormatter(props) {
     isRowSelected,
     onRowSelectionChange
   } = useRowSelection();
-  return /* @__PURE__ */ u$1(SelectCellFormatter, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectCellFormatter, {
     "aria-label": "Select",
     tabIndex: props.tabIndex,
     disabled: isRowSelectionDisabled,
@@ -1110,7 +1034,7 @@ function SelectGroupFormatter(props) {
     isRowSelected,
     onRowSelectionChange
   } = useRowSelection();
-  return /* @__PURE__ */ u$1(SelectCellFormatter, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectCellFormatter, {
     "aria-label": "Select Group",
     tabIndex: props.tabIndex,
     value: isRowSelected,
@@ -1133,17 +1057,17 @@ const SelectColumn = {
   sortable: !1,
   frozen: !0,
   renderHeaderCell(props) {
-    return /* @__PURE__ */ u$1(HeaderRenderer, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderRenderer, {
       ...props
     });
   },
   renderCell(props) {
-    return /* @__PURE__ */ u$1(SelectFormatter, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFormatter, {
       ...props
     });
   },
   renderGroupCell(props) {
-    return /* @__PURE__ */ u$1(SelectGroupFormatter, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroupFormatter, {
       ...props
     });
   }
@@ -1161,7 +1085,7 @@ function useCalculatedColumns({
     colSpanColumns,
     lastFrozenColumnIndex,
     headerRowsCount
-  } = T$1(() => {
+  } = useMemo(() => {
     let lastFrozenColumnIndex2 = -1, headerRowsCount2 = 1;
     const columns2 = [];
     collectColumns(rawColumns, 1);
@@ -1217,7 +1141,7 @@ function useCalculatedColumns({
     layoutCssVars,
     totalFrozenColumnWidth,
     columnMetrics
-  } = T$1(() => {
+  } = useMemo(() => {
     const columnMetrics2 = /* @__PURE__ */ new Map();
     let left = 0, totalFrozenColumnWidth2 = 0;
     const templateColumns2 = [];
@@ -1233,8 +1157,8 @@ function useCalculatedColumns({
       totalFrozenColumnWidth2 = columnMetric.left + columnMetric.width;
     }
     const layoutCssVars2 = {};
-    for (let i2 = 0; i2 <= lastFrozenColumnIndex; i2++) {
-      const column = columns[i2];
+    for (let i = 0; i <= lastFrozenColumnIndex; i++) {
+      const column = columns[i];
       layoutCssVars2[`--rdg-frozen-left-${column.idx}`] = `${columnMetrics2.get(column).left}px`;
     }
     return {
@@ -1243,7 +1167,7 @@ function useCalculatedColumns({
       totalFrozenColumnWidth: totalFrozenColumnWidth2,
       columnMetrics: columnMetrics2
     };
-  }, [getColumnWidth, columns, lastFrozenColumnIndex]), [colOverscanStartIdx, colOverscanEndIdx] = T$1(() => {
+  }, [getColumnWidth, columns, lastFrozenColumnIndex]), [colOverscanStartIdx, colOverscanEndIdx] = useMemo(() => {
     if (!enableVirtualization)
       return [0, columns.length - 1];
     const viewportLeft = scrollLeft + totalFrozenColumnWidth, viewportRight = scrollLeft + viewportWidth, lastColIdx = columns.length - 1, firstUnfrozenColumnIdx = min(lastFrozenColumnIndex + 1, lastColIdx);
@@ -1292,9 +1216,9 @@ function updateColumnParent(column, index, level) {
     parent.idx === -1 && (parent.idx = index), parent.colSpan += 1, updateColumnParent(parent, index, level - 1);
   }
 }
-const useLayoutEffect = typeof window > "u" ? y : _;
+const useLayoutEffect = typeof window > "u" ? useEffect : useLayoutEffect$1;
 function useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gridWidth, resizedColumnWidths, measuredColumnWidths, setResizedColumnWidths, setMeasuredColumnWidths, onColumnResize) {
-  const prevGridWidthRef = A$1(gridWidth), columnsCanFlex = columns.length === viewportColumns.length, ignorePreviouslyMeasuredColumns = columnsCanFlex && gridWidth !== prevGridWidthRef.current, newTemplateColumns = [...templateColumns], columnsToMeasure = [];
+  const prevGridWidthRef = useRef(gridWidth), columnsCanFlex = columns.length === viewportColumns.length, ignorePreviouslyMeasuredColumns = columnsCanFlex && gridWidth !== prevGridWidthRef.current, newTemplateColumns = [...templateColumns], columnsToMeasure = [];
   for (const {
     key,
     idx,
@@ -1331,7 +1255,7 @@ function useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gri
       } else columnsCanFlex && typeof width == "string" && !resizedColumnWidths.has(key) && (newTemplateColumns2[idx] = width, columnsToMeasure2.push(key));
     gridRef.current.style.gridTemplateColumns = newTemplateColumns2.join(" ");
     const measuredWidth = typeof nextWidth == "number" ? nextWidth : measureColumnWidth(gridRef, resizingKey);
-    gn(() => {
+    flushSync(() => {
       setResizedColumnWidths((resizedColumnWidths2) => {
         const newResizedColumnWidths = new Map(resizedColumnWidths2);
         return newResizedColumnWidths.set(resizingKey, measuredWidth), newResizedColumnWidths;
@@ -1349,7 +1273,7 @@ function measureColumnWidth(gridRef, key) {
   return measuringCell == null ? void 0 : measuringCell.getBoundingClientRect().width;
 }
 function useGridDimensions() {
-  const gridRef = A$1(null), [inlineSize, setInlineSize] = h(1), [blockSize, setBlockSize] = h(1), [horizontalScrollbarHeight, setHorizontalScrollbarHeight] = h(0);
+  const gridRef = useRef(null), [inlineSize, setInlineSize] = useState(1), [blockSize, setBlockSize] = useState(1), [horizontalScrollbarHeight, setHorizontalScrollbarHeight] = useState(0);
   return useLayoutEffect(() => {
     const {
       ResizeObserver
@@ -1370,7 +1294,7 @@ function useGridDimensions() {
         clientHeight: clientHeight2,
         offsetHeight: offsetHeight2
       } = gridRef.current;
-      gn(() => {
+      flushSync(() => {
         setInlineSize(size.inlineSize), setBlockSize(size.blockSize), setHorizontalScrollbarHeight(offsetHeight2 - clientHeight2);
       });
     });
@@ -1379,18 +1303,18 @@ function useGridDimensions() {
     };
   }, []), [gridRef, inlineSize, blockSize, horizontalScrollbarHeight];
 }
-function useLatestFunc(fn2) {
-  const ref = A$1(fn2);
-  y(() => {
-    ref.current = fn2;
+function useLatestFunc(fn) {
+  const ref = useRef(fn);
+  useEffect(() => {
+    ref.current = fn;
   });
-  const callbackFn = q$1((...args) => {
+  const callbackFn = useCallback((...args) => {
     ref.current(...args);
   }, []);
-  return fn2 && callbackFn;
+  return fn && callbackFn;
 }
 function useRovingTabIndex(isSelected) {
-  const [isChildFocused, setIsChildFocused] = h(!1);
+  const [isChildFocused, setIsChildFocused] = useState(!1);
   isChildFocused && !isSelected && setIsChildFocused(!1);
   function onFocus(event) {
     event.target !== event.currentTarget && setIsChildFocused(!0);
@@ -1413,7 +1337,7 @@ function useViewportColumns({
   rowOverscanStartIdx,
   rowOverscanEndIdx
 }) {
-  const startIdx = T$1(() => {
+  const startIdx = useMemo(() => {
     if (colOverscanStartIdx === 0) return 0;
     let startIdx2 = colOverscanStartIdx;
     const updateStartIdx = (colIdx, colSpan) => colSpan !== void 0 && colIdx + colSpan > colOverscanStartIdx ? (startIdx2 = colIdx, !0) : !1;
@@ -1450,7 +1374,7 @@ function useViewportColumns({
     }
     return startIdx2;
   }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, topSummaryRows, bottomSummaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns]);
-  return T$1(() => {
+  return useMemo(() => {
     const viewportColumns = [];
     for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
       const column = columns[colIdx];
@@ -1472,7 +1396,7 @@ function useViewportRows({
     getRowTop,
     getRowHeight,
     findRowIdx
-  } = T$1(() => {
+  } = useMemo(() => {
     if (typeof rowHeight == "number")
       return {
         totalRowHeight: rowHeight * rows.length,
@@ -1562,17 +1486,17 @@ function DragHandle({
   }
   function updateRows(startRowIdx, endRowIdx) {
     const sourceRow = rows[rowIdx], updatedRows = [...rows], indexes = [];
-    for (let i2 = startRowIdx; i2 < endRowIdx; i2++)
+    for (let i = startRowIdx; i < endRowIdx; i++)
       if (isCellEditable({
-        rowIdx: i2,
+        rowIdx: i,
         idx
       })) {
         const updatedRow = onFill({
           columnKey: column.key,
           sourceRow,
-          targetRow: rows[i2]
+          targetRow: rows[i]
         });
-        updatedRow !== rows[i2] && (updatedRows[i2] = updatedRow, indexes.push(i2));
+        updatedRow !== rows[i] && (updatedRows[i] = updatedRow, indexes.push(i));
       }
     indexes.length > 0 && (onRowsChange == null || onRowsChange(updatedRows, {
       indexes,
@@ -1596,7 +1520,7 @@ function DragHandle({
       insetInlineStart: insetInlineStart ? `calc(${insetInlineStart} + ${columnWidth}px + var(--rdg-drag-handle-size) * -0.5 - 1px)` : void 0
     };
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     style: getStyle(),
     className: clsx(cellDragHandleClassname, column.frozen && cellDragHandleFrozenClassname),
     onClick,
@@ -1616,10 +1540,10 @@ function EditCell({
   navigate
 }) {
   var _a, _b, _c;
-  const frameRequestRef = A$1(void 0), commitOnOutsideClick = ((_a = column.editorOptions) == null ? void 0 : _a.commitOnOutsideClick) !== !1, commitOnOutsideMouseDown = useLatestFunc(() => {
+  const frameRequestRef = useRef(void 0), commitOnOutsideClick = ((_a = column.editorOptions) == null ? void 0 : _a.commitOnOutsideClick) !== !1, commitOnOutsideMouseDown = useLatestFunc(() => {
     onClose(!0, !1);
   });
-  y(() => {
+  useEffect(() => {
     if (!commitOnOutsideClick) return;
     function onWindowCaptureMouseDown() {
       frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
@@ -1660,7 +1584,7 @@ function EditCell({
   const {
     cellClass
   } = column, className = getCellClassname(column, "rdg-editor-container", typeof cellClass == "function" ? cellClass(row2) : cellClass, !((_b = column.editorOptions) != null && _b.displayCellContent) && cellEditing);
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
@@ -1669,7 +1593,7 @@ function EditCell({
     style: getCellStyle(column, colSpan),
     onKeyDown: handleKeyDown,
     onMouseDownCapture: cancelFrameRequest,
-    children: column.renderEditCell != null && /* @__PURE__ */ u$1(b, {
+    children: column.renderEditCell != null && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
       children: [column.renderEditCell({
         column,
         row: row2,
@@ -1705,7 +1629,7 @@ function GroupedColumnHeaderCell({
       rowIdx
     });
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "columnheader",
     "aria-colindex": index,
     "aria-colspan": colSpan,
@@ -1729,7 +1653,7 @@ function renderHeaderCell({
   sortDirection,
   priority
 }) {
-  return column.sortable ? /* @__PURE__ */ u$1(SortableHeaderCell, {
+  return column.sortable ? /* @__PURE__ */ jsxRuntimeExports.jsx(SortableHeaderCell, {
     sortDirection,
     priority,
     children: column.name
@@ -1741,12 +1665,12 @@ function SortableHeaderCell({
   children
 }) {
   const renderSortStatus2 = useDefaultRenderers().renderSortStatus;
-  return /* @__PURE__ */ u$1("span", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
     className: headerSortCellClassname,
-    children: [/* @__PURE__ */ u$1("span", {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       className: headerSortNameClassname,
       children
-    }), /* @__PURE__ */ u$1("span", {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       children: renderSortStatus2({
         sortDirection,
         priority
@@ -1769,7 +1693,7 @@ function HeaderCell({
   direction,
   dragDropKey
 }) {
-  const [isDragging, setIsDragging] = h(!1), [isOver, setIsOver] = h(!1), isRtl = direction === "rtl", rowSpan = getHeaderCellRowSpan(column, rowIdx), {
+  const [isDragging, setIsDragging] = useState(!1), [isOver, setIsOver] = useState(!1), isRtl = direction === "rtl", rowSpan = getHeaderCellRowSpan(column, rowIdx), {
     tabIndex,
     childTabIndex,
     onFocus
@@ -1875,7 +1799,7 @@ function HeaderCell({
     onDragEnter,
     onDragLeave,
     onDrop
-  }), /* @__PURE__ */ u$1("div", {
+  }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     role: "columnheader",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
@@ -1897,7 +1821,7 @@ function HeaderCell({
       sortDirection,
       priority,
       tabIndex: childTabIndex
-    }), resizable && /* @__PURE__ */ u$1("div", {
+    }), resizable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: resizeHandleClassname,
       onClick: stopPropagation,
       onPointerDown
@@ -1922,12 +1846,12 @@ function HeaderRow({
   shouldFocusGrid,
   direction
 }) {
-  const dragDropKey = g$1(), cells = [];
+  const dragDropKey = useId(), cells = [];
   for (let index = 0; index < columns.length; index++) {
     const column = columns[index], colSpan = getColSpan(column, lastFrozenColumnIndex, {
       type: "HEADER"
     });
-    colSpan !== void 0 && (index += colSpan - 1), cells.push(/* @__PURE__ */ u$1(HeaderCell, {
+    colSpan !== void 0 && (index += colSpan - 1), cells.push(/* @__PURE__ */ jsxRuntimeExports.jsx(HeaderCell, {
       column,
       colSpan,
       rowIdx,
@@ -1942,14 +1866,14 @@ function HeaderRow({
       dragDropKey
     }, column.key));
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "row",
     "aria-rowindex": rowIdx,
     className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
     children: cells
   });
 }
-const HeaderRow$1 = /* @__PURE__ */ N(HeaderRow);
+const HeaderRow$1 = /* @__PURE__ */ memo(HeaderRow);
 function GroupedColumnHeaderRow({
   rowIdx,
   level,
@@ -1970,7 +1894,7 @@ function GroupedColumnHeaderRow({
         const {
           idx
         } = parent;
-        cells.push(/* @__PURE__ */ u$1(GroupedColumnHeaderCell, {
+        cells.push(/* @__PURE__ */ jsxRuntimeExports.jsx(GroupedColumnHeaderCell, {
           column: parent,
           rowIdx,
           isCellSelected: selectedCellIdx === idx,
@@ -1979,14 +1903,14 @@ function GroupedColumnHeaderRow({
       }
     }
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "row",
     "aria-rowindex": rowIdx,
     className: headerRowClassname,
     children: cells
   });
 }
-const GroupedColumnHeaderRow$1 = /* @__PURE__ */ N(GroupedColumnHeaderRow), cellCopied = "c6ra8a37-0-0-beta-47", cellCopiedClassname = `rdg-cell-copied ${cellCopied}`, cellDraggedOver = "cq910m07-0-0-beta-47", cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
+const GroupedColumnHeaderRow$1 = /* @__PURE__ */ memo(GroupedColumnHeaderRow), cellCopied = "c6ra8a37-0-0-beta-47", cellCopiedClassname = `rdg-cell-copied ${cellCopied}`, cellDraggedOver = "cq910m07-0-0-beta-47", cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
 function Cell({
   column,
   colSpan,
@@ -2051,7 +1975,7 @@ function Cell({
   function handleRowChange(newRow) {
     onRowChange(column, newRow);
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
@@ -2075,7 +1999,7 @@ function Cell({
     })
   });
 }
-const Cell$1 = /* @__PURE__ */ N(Cell);
+const Cell$1 = /* @__PURE__ */ memo(Cell);
 function Row({
   className,
   rowIdx,
@@ -2116,7 +2040,7 @@ function Row({
     });
     colSpan !== void 0 && (index += colSpan - 1);
     const isCellSelected = selectedCellIdx === idx;
-    isCellSelected && selectedCellEditor ? cells.push(selectedCellEditor) : cells.push(/* @__PURE__ */ u$1(Cell$1, {
+    isCellSelected && selectedCellEditor ? cells.push(selectedCellEditor) : cells.push(/* @__PURE__ */ jsxRuntimeExports.jsx(Cell$1, {
       column,
       colSpan,
       row: row2,
@@ -2131,13 +2055,13 @@ function Row({
       selectCell
     }, column.key));
   }
-  const selectionValue = T$1(() => ({
+  const selectionValue = useMemo(() => ({
     isRowSelected,
     isRowSelectionDisabled
   }), [isRowSelectionDisabled, isRowSelected]);
-  return /* @__PURE__ */ u$1(RowSelectionProvider, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RowSelectionProvider, {
     value: selectionValue,
-    children: /* @__PURE__ */ u$1("div", {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       role: "row",
       ref,
       className,
@@ -2148,9 +2072,9 @@ function Row({
     })
   });
 }
-const RowComponent = /* @__PURE__ */ N(/* @__PURE__ */ A(Row));
+const RowComponent = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef(Row));
 function defaultRenderRow(key, props) {
-  return /* @__PURE__ */ u$1(RowComponent, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RowComponent, {
     ...props
   }, key);
 }
@@ -2162,7 +2086,7 @@ function ScrollToCell({
   gridElement,
   setScrollToCellPosition
 }) {
-  const ref = A$1(null);
+  const ref = useRef(null);
   return useLayoutEffect(() => {
     scrollIntoView(ref.current);
   }), useLayoutEffect(() => {
@@ -2176,7 +2100,7 @@ function ScrollToCell({
     return observer.observe(ref.current), () => {
       observer.disconnect();
     };
-  }, [gridElement, setScrollToCellPosition]), /* @__PURE__ */ u$1("div", {
+  }, [gridElement, setScrollToCellPosition]), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     ref,
     style: {
       gridColumn: idx === void 0 ? "1/-1" : idx + 1,
@@ -2189,7 +2113,7 @@ function renderSortStatus({
   sortDirection,
   priority
 }) {
-  return /* @__PURE__ */ u$1(b, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
     children: [renderSortIcon({
       sortDirection
     }), renderSortPriority({
@@ -2200,13 +2124,13 @@ function renderSortStatus({
 function renderSortIcon({
   sortDirection
 }) {
-  return sortDirection === void 0 ? null : /* @__PURE__ */ u$1("svg", {
+  return sortDirection === void 0 ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("svg", {
     viewBox: "0 0 12 8",
     width: "12",
     height: "8",
     className: arrowClassname,
     "aria-hidden": !0,
-    children: /* @__PURE__ */ u$1("path", {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", {
       d: sortDirection === "ASC" ? "M0 8 6 0 12 8" : "M0 0 6 8 12 0"
     })
   });
@@ -2239,7 +2163,7 @@ function SummaryCell({
       idx: column.idx
     });
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
@@ -2256,7 +2180,7 @@ function SummaryCell({
     })
   });
 }
-const SummaryCell$1 = /* @__PURE__ */ N(SummaryCell), summaryRow = "skuhp557-0-0-beta-47", topSummaryRow = "tf8l5ub7-0-0-beta-47", summaryRowClassname = `rdg-summary-row ${summaryRow}`;
+const SummaryCell$1 = /* @__PURE__ */ memo(SummaryCell), summaryRow = "skuhp557-0-0-beta-47", topSummaryRow = "tf8l5ub7-0-0-beta-47", summaryRowClassname = `rdg-summary-row ${summaryRow}`;
 function SummaryRow({
   rowIdx,
   gridRowStart,
@@ -2278,7 +2202,7 @@ function SummaryRow({
     });
     colSpan !== void 0 && (index += colSpan - 1);
     const isCellSelected = selectedCellIdx === column.idx;
-    cells.push(/* @__PURE__ */ u$1(SummaryCell$1, {
+    cells.push(/* @__PURE__ */ jsxRuntimeExports.jsx(SummaryCell$1, {
       column,
       colSpan,
       row: row2,
@@ -2287,7 +2211,7 @@ function SummaryRow({
       selectCell
     }, column.key));
   }
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     role: "row",
     "aria-rowindex": ariaRowIndex,
     className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? "even" : "odd"}`, summaryRowClassname, isTop ? `${topSummaryRowClassname} ${topSummaryRow}` : bottomSummaryRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
@@ -2299,7 +2223,7 @@ function SummaryRow({
     children: cells
   });
 }
-const SummaryRow$1 = /* @__PURE__ */ N(SummaryRow);
+const SummaryRow$1 = /* @__PURE__ */ memo(SummaryRow);
 function DataGrid(props, ref) {
   const {
     columns: rawColumns,
@@ -2340,7 +2264,7 @@ function DataGrid(props, ref) {
     "aria-describedby": ariaDescribedBy,
     "aria-rowcount": rawAriaRowCount,
     "data-testid": testId
-  } = props, defaultRenderers = useDefaultRenderers(), role = rawRole ?? "grid", rowHeight = rawRowHeight ?? 35, headerRowHeight = rawHeaderRowHeight ?? (typeof rowHeight == "number" ? rowHeight : 35), summaryRowHeight = rawSummaryRowHeight ?? (typeof rowHeight == "number" ? rowHeight : 35), renderRow = (renderers == null ? void 0 : renderers.renderRow) ?? (defaultRenderers == null ? void 0 : defaultRenderers.renderRow) ?? defaultRenderRow, renderSortStatus$1 = (renderers == null ? void 0 : renderers.renderSortStatus) ?? (defaultRenderers == null ? void 0 : defaultRenderers.renderSortStatus) ?? renderSortStatus, renderCheckbox$1 = (renderers == null ? void 0 : renderers.renderCheckbox) ?? (defaultRenderers == null ? void 0 : defaultRenderers.renderCheckbox) ?? renderCheckbox, noRowsFallback = (renderers == null ? void 0 : renderers.noRowsFallback) ?? (defaultRenderers == null ? void 0 : defaultRenderers.noRowsFallback), enableVirtualization = rawEnableVirtualization ?? !0, direction = rawDirection ?? "ltr", [scrollTop, setScrollTop] = h(0), [scrollLeft, setScrollLeft] = h(0), [resizedColumnWidths, setResizedColumnWidths] = h(() => /* @__PURE__ */ new Map()), [measuredColumnWidths, setMeasuredColumnWidths] = h(() => /* @__PURE__ */ new Map()), [copiedCell, setCopiedCell] = h(null), [isDragging, setDragging] = h(!1), [draggedOverRowIdx, setOverRowIdx] = h(void 0), [scrollToPosition, setScrollToPosition] = h(null), getColumnWidth = q$1((column) => resizedColumnWidths.get(column.key) ?? measuredColumnWidths.get(column.key) ?? column.width, [measuredColumnWidths, resizedColumnWidths]), [gridRef, gridWidth, gridHeight, horizontalScrollbarHeight] = useGridDimensions(), {
+  } = props, defaultRenderers = useDefaultRenderers(), role = rawRole ?? "grid", rowHeight = rawRowHeight ?? 35, headerRowHeight = rawHeaderRowHeight ?? (typeof rowHeight == "number" ? rowHeight : 35), summaryRowHeight = rawSummaryRowHeight ?? (typeof rowHeight == "number" ? rowHeight : 35), renderRow = (renderers == null ? void 0 : renderers.renderRow) ?? (defaultRenderers == null ? void 0 : defaultRenderers.renderRow) ?? defaultRenderRow, renderSortStatus$1 = (renderers == null ? void 0 : renderers.renderSortStatus) ?? (defaultRenderers == null ? void 0 : defaultRenderers.renderSortStatus) ?? renderSortStatus, renderCheckbox$1 = (renderers == null ? void 0 : renderers.renderCheckbox) ?? (defaultRenderers == null ? void 0 : defaultRenderers.renderCheckbox) ?? renderCheckbox, noRowsFallback = (renderers == null ? void 0 : renderers.noRowsFallback) ?? (defaultRenderers == null ? void 0 : defaultRenderers.noRowsFallback), enableVirtualization = rawEnableVirtualization ?? !0, direction = rawDirection ?? "ltr", [scrollTop, setScrollTop] = useState(0), [scrollLeft, setScrollLeft] = useState(0), [resizedColumnWidths, setResizedColumnWidths] = useState(() => /* @__PURE__ */ new Map()), [measuredColumnWidths, setMeasuredColumnWidths] = useState(() => /* @__PURE__ */ new Map()), [copiedCell, setCopiedCell] = useState(null), [isDragging, setDragging] = useState(!1), [draggedOverRowIdx, setOverRowIdx] = useState(void 0), [scrollToPosition, setScrollToPosition] = useState(null), getColumnWidth = useCallback((column) => resizedColumnWidths.get(column.key) ?? measuredColumnWidths.get(column.key) ?? column.width, [measuredColumnWidths, resizedColumnWidths]), [gridRef, gridWidth, gridHeight, horizontalScrollbarHeight] = useGridDimensions(), {
     columns,
     colSpanColumns,
     lastFrozenColumnIndex,
@@ -2357,14 +2281,14 @@ function DataGrid(props, ref) {
     scrollLeft,
     viewportWidth: gridWidth,
     enableVirtualization
-  }), topSummaryRowsCount = (topSummaryRows == null ? void 0 : topSummaryRows.length) ?? 0, bottomSummaryRowsCount = (bottomSummaryRows == null ? void 0 : bottomSummaryRows.length) ?? 0, summaryRowsCount = topSummaryRowsCount + bottomSummaryRowsCount, headerAndTopSummaryRowsCount = headerRowsCount + topSummaryRowsCount, groupedColumnHeaderRowsCount = headerRowsCount - 1, minRowIdx = -headerAndTopSummaryRowsCount, mainHeaderRowIdx = minRowIdx + groupedColumnHeaderRowsCount, maxRowIdx = rows.length + bottomSummaryRowsCount - 1, [selectedPosition, setSelectedPosition] = h(() => ({
+  }), topSummaryRowsCount = (topSummaryRows == null ? void 0 : topSummaryRows.length) ?? 0, bottomSummaryRowsCount = (bottomSummaryRows == null ? void 0 : bottomSummaryRows.length) ?? 0, summaryRowsCount = topSummaryRowsCount + bottomSummaryRowsCount, headerAndTopSummaryRowsCount = headerRowsCount + topSummaryRowsCount, groupedColumnHeaderRowsCount = headerRowsCount - 1, minRowIdx = -headerAndTopSummaryRowsCount, mainHeaderRowIdx = minRowIdx + groupedColumnHeaderRowsCount, maxRowIdx = rows.length + bottomSummaryRowsCount - 1, [selectedPosition, setSelectedPosition] = useState(() => ({
     idx: -1,
     rowIdx: minRowIdx - 1,
     mode: "SELECT"
-  })), prevSelectedPosition = A$1(selectedPosition), latestDraggedOverRowIdx = A$1(draggedOverRowIdx), lastSelectedRowIdx = A$1(-1), focusSinkRef = A$1(null), shouldFocusCellRef = A$1(!1), isTreeGrid = role === "treegrid", headerRowsHeight = headerRowsCount * headerRowHeight, summaryRowsHeight = summaryRowsCount * summaryRowHeight, clientHeight = gridHeight - headerRowsHeight - summaryRowsHeight, isSelectable = selectedRows != null && onSelectedRowsChange != null, isRtl = direction === "rtl", leftKey = isRtl ? "ArrowRight" : "ArrowLeft", rightKey = isRtl ? "ArrowLeft" : "ArrowRight", ariaRowCount = rawAriaRowCount ?? headerRowsCount + rows.length + summaryRowsCount, defaultGridComponents = T$1(() => ({
+  })), prevSelectedPosition = useRef(selectedPosition), latestDraggedOverRowIdx = useRef(draggedOverRowIdx), lastSelectedRowIdx = useRef(-1), focusSinkRef = useRef(null), shouldFocusCellRef = useRef(!1), isTreeGrid = role === "treegrid", headerRowsHeight = headerRowsCount * headerRowHeight, summaryRowsHeight = summaryRowsCount * summaryRowHeight, clientHeight = gridHeight - headerRowsHeight - summaryRowsHeight, isSelectable = selectedRows != null && onSelectedRowsChange != null, isRtl = direction === "rtl", leftKey = isRtl ? "ArrowRight" : "ArrowLeft", rightKey = isRtl ? "ArrowLeft" : "ArrowRight", ariaRowCount = rawAriaRowCount ?? headerRowsCount + rows.length + summaryRowsCount, defaultGridComponents = useMemo(() => ({
     renderCheckbox: renderCheckbox$1,
     renderSortStatus: renderSortStatus$1
-  }), [renderCheckbox$1, renderSortStatus$1]), headerSelectionValue = T$1(() => {
+  }), [renderCheckbox$1, renderSortStatus$1]), headerSelectionValue = useMemo(() => {
     let hasSelectedRow = !1, hasUnselectedRow = !1;
     if (rowKeyGetter != null && selectedRows != null && selectedRows.size > 0) {
       for (const row2 of rows)
@@ -2421,7 +2345,7 @@ function DataGrid(props, ref) {
     }), scrollIntoView(focusSinkRef.current));
   }), useLayoutEffect(() => {
     shouldFocusCellRef.current && (shouldFocusCellRef.current = !1, focusCellOrCellContent());
-  }), F$1(ref, () => ({
+  }), useImperativeHandle(ref, () => ({
     element: gridRef.current,
     scrollToCell({
       idx,
@@ -2435,7 +2359,7 @@ function DataGrid(props, ref) {
     },
     selectCell
   }));
-  const setDraggedOverRowIdx = q$1((rowIdx) => {
+  const setDraggedOverRowIdx = useCallback((rowIdx) => {
     setOverRowIdx(rowIdx), latestDraggedOverRowIdx.current = rowIdx;
   }, []);
   function selectHeaderRow(args) {
@@ -2461,8 +2385,8 @@ function DataGrid(props, ref) {
     const newSelectedRows = new Set(selectedRows), rowKey = rowKeyGetter(row2), previousRowIdx = lastSelectedRowIdx.current, rowIdx = rows.indexOf(row2);
     if (lastSelectedRowIdx.current = rowIdx, checked ? newSelectedRows.add(rowKey) : newSelectedRows.delete(rowKey), isShiftClick && previousRowIdx !== -1 && previousRowIdx !== rowIdx && previousRowIdx < rows.length) {
       const step = sign(rowIdx - previousRowIdx);
-      for (let i2 = previousRowIdx + step; i2 !== rowIdx; i2 += step) {
-        const row3 = rows[i2];
+      for (let i = previousRowIdx + step; i !== rowIdx; i += step) {
+        const row3 = rows[i];
         (isRowSelectionDisabled == null ? void 0 : isRowSelectionDisabled(row3)) !== !0 && (checked ? newSelectedRows.add(rowKeyGetter(row3)) : newSelectedRows.delete(rowKeyGetter(row3)));
       }
     }
@@ -2528,7 +2452,7 @@ function DataGrid(props, ref) {
       scrollTop: scrollTop2,
       scrollLeft: scrollLeft2
     } = event.currentTarget;
-    gn(() => {
+    flushSync(() => {
       setScrollTop(scrollTop2), setScrollLeft(abs(scrollLeft2));
     }), onScroll == null || onScroll(event);
   }
@@ -2778,7 +2702,7 @@ function DataGrid(props, ref) {
     if (column.renderEditCell == null || column.editable === !1)
       return;
     const columnWidth = getColumnWidth(column);
-    return /* @__PURE__ */ u$1(DragHandle, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(DragHandle, {
       gridRowStart: headerAndTopSummaryRowsCount + rowIdx + 1,
       rows,
       column,
@@ -2813,14 +2737,14 @@ function DataGrid(props, ref) {
         mode: "SELECT"
       }));
     }, onRowChange = (row3, commitChanges, shouldFocusCell) => {
-      commitChanges ? gn(() => {
+      commitChanges ? flushSync(() => {
         updateRow(column, selectedPosition.rowIdx, row3), closeEditor(shouldFocusCell);
       }) : setSelectedPosition((position) => ({
         ...position,
         row: row3
       }));
     };
-    return rows[selectedPosition.rowIdx] !== selectedPosition.originalRow && closeEditor(!1), /* @__PURE__ */ u$1(EditCell, {
+    return rows[selectedPosition.rowIdx] !== selectedPosition.originalRow && closeEditor(!1), /* @__PURE__ */ jsxRuntimeExports.jsx(EditCell, {
       column,
       colSpan,
       row: row2,
@@ -2860,7 +2784,7 @@ function DataGrid(props, ref) {
         onCellContextMenu: onCellContextMenuLatest,
         rowClass,
         gridRowStart,
-        copiedCellIdx: copiedCell !== null && copiedCell.row === row2 ? columns.findIndex((c2) => c2.key === copiedCell.columnKey) : void 0,
+        copiedCellIdx: copiedCell !== null && copiedCell.row === row2 ? columns.findIndex((c) => c.key === copiedCell.columnKey) : void 0,
         selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : void 0,
         draggedOverCellIdx: getDraggedOverCellIdx(rowIdx),
         setDraggedOverRowIdx: isDragging ? setDraggedOverRowIdx : void 0,
@@ -2880,7 +2804,7 @@ function DataGrid(props, ref) {
   let templateRows = `repeat(${headerRowsCount}, ${headerRowHeight}px)`;
   topSummaryRowsCount > 0 && (templateRows += ` repeat(${topSummaryRowsCount}, ${summaryRowHeight}px)`), rows.length > 0 && (templateRows += gridTemplateRows), bottomSummaryRowsCount > 0 && (templateRows += ` repeat(${bottomSummaryRowsCount}, ${summaryRowHeight}px)`);
   const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== minRowIdx - 1;
-  return /* @__PURE__ */ u$1("div", {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     role,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -2904,21 +2828,21 @@ function DataGrid(props, ref) {
     onScroll: handleScroll,
     onKeyDown: handleKeyDown,
     "data-testid": testId,
-    children: [/* @__PURE__ */ u$1(DataGridDefaultRenderersProvider, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(DataGridDefaultRenderersProvider, {
       value: defaultGridComponents,
-      children: [/* @__PURE__ */ u$1(HeaderRowSelectionChangeProvider, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(HeaderRowSelectionChangeProvider, {
         value: selectHeaderRowLatest,
-        children: /* @__PURE__ */ u$1(HeaderRowSelectionProvider, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(HeaderRowSelectionProvider, {
           value: headerSelectionValue,
           children: [Array.from({
             length: groupedColumnHeaderRowsCount
-          }, (_2, index) => /* @__PURE__ */ u$1(GroupedColumnHeaderRow$1, {
+          }, (_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(GroupedColumnHeaderRow$1, {
             rowIdx: index + 1,
             level: -groupedColumnHeaderRowsCount + index,
             columns: getRowViewportColumns(minRowIdx + index),
             selectedCellIdx: selectedPosition.rowIdx === minRowIdx + index ? selectedPosition.idx : void 0,
             selectCell: selectHeaderCellLatest
-          }, index)), /* @__PURE__ */ u$1(HeaderRow$1, {
+          }, index)), /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderRow$1, {
             rowIdx: headerRowsCount,
             columns: getRowViewportColumns(mainHeaderRowIdx),
             onColumnResize: handleColumnResizeLatest,
@@ -2932,10 +2856,10 @@ function DataGrid(props, ref) {
             direction
           })]
         })
-      }), rows.length === 0 && noRowsFallback ? noRowsFallback : /* @__PURE__ */ u$1(b, {
+      }), rows.length === 0 && noRowsFallback ? noRowsFallback : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
         children: [topSummaryRows == null ? void 0 : topSummaryRows.map((row2, rowIdx) => {
           const gridRowStart = headerRowsCount + 1 + rowIdx, summaryRowIdx = mainHeaderRowIdx + 1 + rowIdx, isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx, top = headerRowsHeight + summaryRowHeight * rowIdx;
-          return /* @__PURE__ */ u$1(SummaryRow$1, {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryRow$1, {
             "aria-rowindex": gridRowStart,
             rowIdx: summaryRowIdx,
             gridRowStart,
@@ -2948,12 +2872,12 @@ function DataGrid(props, ref) {
             isTop: !0,
             selectCell: selectCellLatest
           }, rowIdx);
-        }), /* @__PURE__ */ u$1(RowSelectionChangeProvider, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(RowSelectionChangeProvider, {
           value: selectRowLatest,
           children: getViewportRows()
         }), bottomSummaryRows == null ? void 0 : bottomSummaryRows.map((row2, rowIdx) => {
           const gridRowStart = headerAndTopSummaryRowsCount + rows.length + rowIdx + 1, summaryRowIdx = rows.length + rowIdx, isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx, top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (bottomSummaryRows.length - rowIdx) : void 0, bottom = top === void 0 ? summaryRowHeight * (bottomSummaryRows.length - 1 - rowIdx) : void 0;
-          return /* @__PURE__ */ u$1(SummaryRow$1, {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryRow$1, {
             "aria-rowindex": ariaRowCount - bottomSummaryRowsCount + rowIdx + 1,
             rowIdx: summaryRowIdx,
             gridRowStart,
@@ -2968,14 +2892,14 @@ function DataGrid(props, ref) {
           }, rowIdx);
         })]
       })]
-    }), renderDragHandle(), renderMeasuringCells(viewportColumns), isTreeGrid && /* @__PURE__ */ u$1("div", {
+    }), renderDragHandle(), renderMeasuringCells(viewportColumns), isTreeGrid && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       ref: focusSinkRef,
       tabIndex: isGroupRowFocused ? 0 : -1,
       className: clsx(focusSinkClassname, isGroupRowFocused && [rowSelected, lastFrozenColumnIndex !== -1 && rowSelectedWithFrozenCell], !isRowIdxWithinViewportBounds(selectedPosition.rowIdx) && focusSinkHeaderAndSummaryClassname),
       style: {
         gridRowStart: selectedPosition.rowIdx + headerAndTopSummaryRowsCount + 1
       }
-    }), scrollToPosition !== null && /* @__PURE__ */ u$1(ScrollToCell, {
+    }), scrollToPosition !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollToCell, {
       scrollToPosition,
       setScrollToCellPosition: setScrollToPosition,
       gridElement: gridRef.current
@@ -2988,23 +2912,23 @@ function getCellToScroll(gridEl) {
 function isSamePosition(p1, p2) {
   return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
 }
-const DataGrid$1 = /* @__PURE__ */ A(DataGrid);
+const DataGrid$1 = /* @__PURE__ */ forwardRef(DataGrid);
 function useData(widget) {
-  const columns = xn.useMemo(() => widget.columns(), [widget, widget.dataChecksum()]), data = xn.useMemo(() => widget.data(), [widget, widget.dataChecksum()]);
+  const columns = require$$0$1.useMemo(() => widget.columns(), [widget, widget.dataChecksum()]), data = require$$0$1.useMemo(() => widget.data(), [widget, widget.dataChecksum()]);
   return [columns, data];
 }
 function copyAndSort(items, attribute, descending) {
   const key = attribute;
-  return [...items].sort((a2, b2) => a2[key] < b2[key] ? descending ? 1 : -1 : a2[key] > b2[key] ? descending ? -1 : 1 : 0);
+  return [...items].sort((a, b) => a[key] < b[key] ? descending ? 1 : -1 : a[key] > b[key] ? descending ? -1 : 1 : 0);
 }
 const EmptyRowsRenderer = ({
   message
-}) => /* @__PURE__ */ u$1("div", { style: { textAlign: "center", gridColumn: "1/-1" }, children: message }), ReactTable = ({
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { textAlign: "center", gridColumn: "1/-1" }, children: message }), ReactTable = ({
   table,
   sort
 }) => {
-  const [columns, data] = useData(table), multiSelect = table.multiSelect(), columnTypes = table.columnTypes(), columnPatterns = table.columnPatterns(), columnFormats = table.columnFormats(), [listColumns, setListColumns] = h([]), [sortColumn, setSortColumn] = h(), [rows, setRows] = h([]), [selectedRows, setSelectedRows] = h(/* @__PURE__ */ new Set());
-  y(() => {
+  const [columns, data] = useData(table), multiSelect = table.multiSelect(), columnTypes = table.columnTypes(), columnPatterns = table.columnPatterns(), columnFormats = table.columnFormats(), [listColumns, setListColumns] = useState([]), [sortColumn, setSortColumn] = useState(), [rows, setRows] = useState([]), [selectedRows, setSelectedRows] = useState(/* @__PURE__ */ new Set());
+  useEffect(() => {
     setListColumns([
       ...multiSelect ? [SelectColumn] : [],
       ...columns.map((column) => {
@@ -3015,7 +2939,7 @@ const EmptyRowsRenderer = ({
             __hpcc_pattern = columnPatterns[column] !== void 0 ? timeParse(columnPatterns[column]) : void 0, __hpcc_format = columnFormats[column] !== void 0 ? timeFormat(columnFormats[column]) : void 0;
             break;
           case "number":
-            formatter = (props) => /* @__PURE__ */ u$1("div", { style: { textAlign: "right" }, children: props.row[props.column.key] });
+            formatter = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { textAlign: "right" }, children: props.row[props.column.key] });
           // eslint-disable-next-line no-fallthrough
           default:
             __hpcc_format = columnFormats[column] !== void 0 ? format(columnFormats[column]) : void 0;
@@ -3033,15 +2957,15 @@ const EmptyRowsRenderer = ({
       })
     ]);
   }, [columnFormats, columnPatterns, columnTypes, columns, multiSelect]);
-  const onSortColumnsChange = q$1((sortColumns) => {
+  const onSortColumnsChange = useCallback((sortColumns) => {
     const futureSortColumn = sortColumns.slice(-1)[0], sorted = futureSortColumn !== void 0, isSortedDescending = (futureSortColumn == null ? void 0 : futureSortColumn.direction) === "DESC";
     setSortColumn(futureSortColumn), setRows(copyAndSort(rows, sorted ? futureSortColumn.columnKey : "key", sorted ? isSortedDescending : !1));
-  }, [rows]), rowKeyGetter = q$1((row2) => row2.key, []), onSelectedRowsChange = q$1((selectedRows2) => {
+  }, [rows]), rowKeyGetter = useCallback((row2) => row2.key, []), onSelectedRowsChange = useCallback((selectedRows2) => {
     setSelectedRows(selectedRows2);
-  }, []), onCellClick = q$1((row2, column) => {
+  }, []), onCellClick = useCallback((row2, column) => {
     table.onRowClickCallback(row2, column.key);
   }, [table]);
-  return y(() => {
+  return useEffect(() => {
     let items = data.map((row2, index) => {
       const retVal = {
         key: index
@@ -3052,7 +2976,7 @@ const EmptyRowsRenderer = ({
       }), retVal;
     });
     sort != null && sort.attribute && (items = copyAndSort(items, sort.attribute, sort.descending)), setRows(items);
-  }, [listColumns, data, sort]), /* @__PURE__ */ u$1(
+  }, [listColumns, data, sort]), /* @__PURE__ */ jsxRuntimeExports.jsx(
     DataGrid$1,
     {
       columns: listColumns,
@@ -3060,7 +2984,7 @@ const EmptyRowsRenderer = ({
       rows,
       rowKeyGetter,
       rowHeight: 20,
-      renderers: { noRowsFallback: /* @__PURE__ */ u$1(EmptyRowsRenderer, { message: table.noDataMessage() }) },
+      renderers: { noRowsFallback: /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyRowsRenderer, { message: table.noDataMessage() }) },
       className: table.darkMode() ? "rdg-dark" : "rdg-light",
       sortColumns: sortColumn ? [sortColumn] : [],
       onSortColumnsChange,
@@ -3078,6 +3002,8 @@ class Table extends HTMLWidget {
   constructor() {
     super();
     __publicField(this, "_div");
+    __publicField(this, "_root");
+    __publicField(this, "_component");
     __publicField(this, "_prevRow");
     __publicField(this, "_prevColumn");
   }
@@ -3094,10 +3020,10 @@ class Table extends HTMLWidget {
     this._prevRow && JSON.stringify(this._prevRow) !== JSON.stringify(row2) && this.click(this._prevRow, this._prevColumn ?? "", !1), row2 && this.click(row2, column, !0), this._prevRow = row2, this._prevColumn = column;
   }
   enter(domNode, element) {
-    super.enter(domNode, element), this._div = element.append("div").style("display", "grid");
+    super.enter(domNode, element), this._div = element.append("div").style("display", "grid"), this._root = clientExports.createRoot(this._div.node(), { identifierPrefix: this.id() }), this._component = createElement(ReactTable, { table: this });
   }
   update(domNode, element) {
-    super.update(domNode, element), this._div.style("width", this.width() + "px"), this._div.style("height", this.height() + "px"), q$2(_$1(ReactTable, { table: this }), this._div.node());
+    super.update(domNode, element), this._div.style("width", this.width() + "px"), this._div.style("height", this.height() + "px"), this._root.render(this._component);
   }
   exit(domNode, element) {
     this._div.remove(), super.exit(domNode, element);