@m4l/components 0.1.26 → 0.1.28

package/react-data-grid.d46d625e.js

@@ -1,1590 +1,2043 @@
-import { forwardRef as pt, useRef as ce, createContext as xt, useContext as ut, useState as Y, useMemo as Q, useImperativeHandle as Ho, useCallback as je, useEffect as wt, useLayoutEffect as Ko, memo as ae } from "react";
-import se from "clsx";
-import { jsx as I, jsxs as ne, Fragment as ze } from "react/jsx-runtime";
-function G(e, t) {
-  t === void 0 && (t = {});
-  var n = t.insertAt;
-  if (!(!e || typeof document > "u")) {
-    var i = document.head || document.getElementsByTagName("head")[0], l = document.createElement("style");
-    l.type = "text/css", n === "top" && i.firstChild ? i.insertBefore(l, i.firstChild) : i.appendChild(l), l.styleSheet ? l.styleSheet.cssText = e : l.appendChild(document.createTextNode(e));
+import { forwardRef, useRef, createContext, useContext, useState, useMemo, useImperativeHandle, useCallback, useEffect, useLayoutEffect as useLayoutEffect$1, memo } from "react";
+import clsx from "clsx";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function styleInject(css, ref) {
+  if (ref === void 0)
+    ref = {};
+  var insertAt = ref.insertAt;
+  if (!css || typeof document === "undefined") {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName("head")[0];
+  var style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
   }
 }
-var _o = ".c1wupbe700-beta13{background-color:inherit;border-block-end:1px solid var(--rdg-border-color);border-inline-end:1px solid var(--rdg-border-color);contain:size style;grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:hidden;overflow:clip;padding-block:0;padding-inline:8px;position:relative;text-overflow:ellipsis;white-space:nowrap}.c1wupbe700-beta13[aria-selected=true]{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.cd0kgiy700-beta13 .c1wupbe700-beta13{contain:content}.c1730fa4700-beta13{position:sticky;z-index:1}.c9dpaye700-beta13{box-shadow:calc(2px*var(--rdg-sign)) 0 5px -2px hsla(0,0%,53%,.3)}";
-G(_o, { insertAt: "top" });
-const jo = "c1wupbe700-beta13", Bo = `rdg-cell ${jo}`, Go = "cd0kgiy700-beta13", Vo = "c1730fa4700-beta13", qo = `rdg-cell-frozen ${Vo}`, Uo = "c9dpaye700-beta13", Xo = `rdg-cell-frozen-last ${Uo}`;
-var Yo = '.r104f42s700-beta13{--rdg-color:#000;--rdg-border-color:#ddd;--rdg-summary-border-color:#aaa;--rdg-background-color:#fff;--rdg-header-background-color:#f9f9f9;--rdg-row-hover-background-color:#f5f5f5;--rdg-row-selected-background-color:#dbecfa;--row-selected-hover-background-color:#c9e3f8;--rdg-checkbox-color:#005194;--rdg-checkbox-focus-color:#61b8ff;--rdg-checkbox-disabled-border-color:#ccc;--rdg-checkbox-disabled-background-color:#ddd;--rdg-selection-color:#66afe9;--rdg-font-size:14px;content-visibility:auto;background-color:var(--rdg-background-color);block-size:350px;border:1px solid var(--rdg-border-color);box-sizing:border-box;color:var(--rdg-color);color-scheme:var(--rdg-color-scheme,light dark);contain:strict;contain:size layout style paint;display:grid;font-size:var(--rdg-font-size);overflow:auto;user-select:none}@supports not (contain:strict){.r104f42s700-beta13{position:relative;z-index:0}}.r104f42s700-beta13 *,.r104f42s700-beta13 :after,.r104f42s700-beta13 :before{box-sizing:inherit}.r104f42s700-beta13:before{content:"";grid-column:1/-1;grid-row:1/-1}.r104f42s700-beta13.rdg-dark{--rdg-color-scheme:dark;--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}.r104f42s700-beta13.rdg-light{--rdg-color-scheme:light}@media (prefers-color-scheme:dark){.r104f42s700-beta13:not(.rdg-light){--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}}.v7ly7s700-beta13.r1otpg64700-beta13{cursor:move}.fc4f4zb700-beta13{grid-column:1/-1;pointer-events:none;z-index:4}';
-G(Yo, { insertAt: "top" });
-const Jo = "r104f42s700-beta13", Qo = `rdg ${Jo}`, Zo = "v7ly7s700-beta13", en = `rdg-viewport-dragging ${Zo}`, tn = "fc4f4zb700-beta13";
-var on = '.r1otpg64700-beta13{background-color:var(--rdg-background-color);display:contents;line-height:var(--rdg-row-height)}.r1otpg64700-beta13:hover{background-color:var(--rdg-row-hover-background-color)}.r1otpg64700-beta13[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.r1otpg64700-beta13[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}.rel5gk2700-beta13{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.r1qymf1z700-beta13:before{border-inline-start:2px solid var(--rdg-selection-color);content:"";display:inline-block;height:100%;inset-inline-start:0;position:sticky}';
-G(on, { insertAt: "top" });
-const nn = "r1otpg64700-beta13", mt = `rdg-row ${nn}`, rn = "rel5gk2700-beta13", Ve = "rdg-row-selected", cn = "r1qymf1z700-beta13";
-var sn = '.cd9l4jz700-beta13{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-inline-end:1px;position:absolute}.c1noyk41700-beta13{all:unset}.cdwjxv8700-beta13{background-color:var(--rdg-background-color);block-size:20px;border:2px solid var(--rdg-border-color);content:"";inline-size:20px}.c1noyk41700-beta13:checked+.cdwjxv8700-beta13{background-color:var(--rdg-checkbox-color);outline:4px solid var(--rdg-background-color);outline-offset:-6px}.c1noyk41700-beta13:focus+.cdwjxv8700-beta13{border-color:var(--rdg-checkbox-focus-color)}.cca4mwn700-beta13{cursor:default}.cca4mwn700-beta13 .cdwjxv8700-beta13{background-color:var(--rdg-checkbox-disabled-background-color);border-color:var(--rdg-checkbox-disabled-border-color)}';
-G(sn, { insertAt: "top" });
-const ln = "cd9l4jz700-beta13", dn = `rdg-checkbox-label ${ln}`, an = "c1noyk41700-beta13", un = `rdg-checkbox-input ${an}`, fn = "cdwjxv8700-beta13", gn = `rdg-checkbox ${fn}`, bn = "cca4mwn700-beta13", hn = `rdg-checkbox-label-disabled ${bn}`, pn = /* @__PURE__ */ pt(function({
-  onChange: t,
-  ...n
-}, i) {
-  function l(c) {
-    t(c.target.checked, c.nativeEvent.shiftKey);
-  }
-  return /* @__PURE__ */ ne("label", {
-    className: se(dn, n.disabled && hn),
-    children: [/* @__PURE__ */ I("input", {
+var css_248z$f = ".c1wupbe700-beta13{background-color:inherit;border-block-end:1px solid var(--rdg-border-color);border-inline-end:1px solid var(--rdg-border-color);contain:size style;grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:hidden;overflow:clip;padding-block:0;padding-inline:8px;position:relative;text-overflow:ellipsis;white-space:nowrap}.c1wupbe700-beta13[aria-selected=true]{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.cd0kgiy700-beta13 .c1wupbe700-beta13{contain:content}.c1730fa4700-beta13{position:sticky;z-index:1}.c9dpaye700-beta13{box-shadow:calc(2px*var(--rdg-sign)) 0 5px -2px hsla(0,0%,53%,.3)}";
+styleInject(css_248z$f, { "insertAt": "top" });
+const cell = "c1wupbe700-beta13";
+const cellClassname = `rdg-cell ${cell}`;
+const cellAutoResizeClassname = "cd0kgiy700-beta13";
+const cellFrozen = "c1730fa4700-beta13";
+const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
+const cellFrozenLast = "c9dpaye700-beta13";
+const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
+var css_248z$e = '.r104f42s700-beta13{--rdg-color:#000;--rdg-border-color:#ddd;--rdg-summary-border-color:#aaa;--rdg-background-color:#fff;--rdg-header-background-color:#f9f9f9;--rdg-row-hover-background-color:#f5f5f5;--rdg-row-selected-background-color:#dbecfa;--row-selected-hover-background-color:#c9e3f8;--rdg-checkbox-color:#005194;--rdg-checkbox-focus-color:#61b8ff;--rdg-checkbox-disabled-border-color:#ccc;--rdg-checkbox-disabled-background-color:#ddd;--rdg-selection-color:#66afe9;--rdg-font-size:14px;content-visibility:auto;background-color:var(--rdg-background-color);block-size:350px;border:1px solid var(--rdg-border-color);box-sizing:border-box;color:var(--rdg-color);color-scheme:var(--rdg-color-scheme,light dark);contain:strict;contain:size layout style paint;display:grid;font-size:var(--rdg-font-size);overflow:auto;user-select:none}@supports not (contain:strict){.r104f42s700-beta13{position:relative;z-index:0}}.r104f42s700-beta13 *,.r104f42s700-beta13 :after,.r104f42s700-beta13 :before{box-sizing:inherit}.r104f42s700-beta13:before{content:"";grid-column:1/-1;grid-row:1/-1}.r104f42s700-beta13.rdg-dark{--rdg-color-scheme:dark;--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}.r104f42s700-beta13.rdg-light{--rdg-color-scheme:light}@media (prefers-color-scheme:dark){.r104f42s700-beta13:not(.rdg-light){--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}}.v7ly7s700-beta13.r1otpg64700-beta13{cursor:move}.fc4f4zb700-beta13{grid-column:1/-1;pointer-events:none;z-index:4}';
+styleInject(css_248z$e, { "insertAt": "top" });
+const root = "r104f42s700-beta13";
+const rootClassname = `rdg ${root}`;
+const viewportDragging = "v7ly7s700-beta13";
+const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
+const focusSinkClassname = "fc4f4zb700-beta13";
+var css_248z$d = '.r1otpg64700-beta13{background-color:var(--rdg-background-color);display:contents;line-height:var(--rdg-row-height)}.r1otpg64700-beta13:hover{background-color:var(--rdg-row-hover-background-color)}.r1otpg64700-beta13[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.r1otpg64700-beta13[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}.rel5gk2700-beta13{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.r1qymf1z700-beta13:before{border-inline-start:2px solid var(--rdg-selection-color);content:"";display:inline-block;height:100%;inset-inline-start:0;position:sticky}';
+styleInject(css_248z$d, { "insertAt": "top" });
+const row = "r1otpg64700-beta13";
+const rowClassname = `rdg-row ${row}`;
+const rowSelected = "rel5gk2700-beta13";
+const rowSelectedClassname = `rdg-row-selected`;
+const rowSelectedWithFrozenCell = "r1qymf1z700-beta13";
+var css_248z$c = '.cd9l4jz700-beta13{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-inline-end:1px;position:absolute}.c1noyk41700-beta13{all:unset}.cdwjxv8700-beta13{background-color:var(--rdg-background-color);block-size:20px;border:2px solid var(--rdg-border-color);content:"";inline-size:20px}.c1noyk41700-beta13:checked+.cdwjxv8700-beta13{background-color:var(--rdg-checkbox-color);outline:4px solid var(--rdg-background-color);outline-offset:-6px}.c1noyk41700-beta13:focus+.cdwjxv8700-beta13{border-color:var(--rdg-checkbox-focus-color)}.cca4mwn700-beta13{cursor:default}.cca4mwn700-beta13 .cdwjxv8700-beta13{background-color:var(--rdg-checkbox-disabled-background-color);border-color:var(--rdg-checkbox-disabled-border-color)}';
+styleInject(css_248z$c, { "insertAt": "top" });
+const checkboxLabel = "cd9l4jz700-beta13";
+const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
+const checkboxInput = "c1noyk41700-beta13";
+const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
+const checkbox = "cdwjxv8700-beta13";
+const checkboxClassname = `rdg-checkbox ${checkbox}`;
+const checkboxLabelDisabled = "cca4mwn700-beta13";
+const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
+const CheckboxFormatter = /* @__PURE__ */ forwardRef(function CheckboxFormatter2({
+  onChange,
+  ...props
+}, ref) {
+  function handleChange(e) {
+    onChange(e.target.checked, e.nativeEvent.shiftKey);
+  }
+  return /* @__PURE__ */ jsxs("label", {
+    className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
+    children: [/* @__PURE__ */ jsx("input", {
       type: "checkbox",
-      ref: i,
-      ...n,
-      className: un,
-      onChange: l
-    }), /* @__PURE__ */ I("div", {
-      className: gn
+      ref,
+      ...props,
+      className: checkboxInputClassname,
+      onChange: handleChange
+    }), /* @__PURE__ */ jsx("div", {
+      className: checkboxClassname
     })]
   });
-}), Be = typeof window > "u" ? wt : Ko;
-function Ct(e) {
-  const t = ce(null);
-  return Be(() => {
-    !e || t.current?.focus({
-      preventScroll: !0
+});
+const useLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect$1;
+function useFocusRef(isSelected) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (!isSelected)
+      return;
+    ref.current?.focus({
+      preventScroll: true
     });
-  }, [e]), {
-    ref: t,
-    tabIndex: e ? 0 : -1
+  }, [isSelected]);
+  return {
+    ref,
+    tabIndex: isSelected ? 0 : -1
   };
 }
-const Yt = /* @__PURE__ */ xt(void 0), xn = Yt.Provider;
-function kt() {
-  return ut(Yt);
+const DataGridDefaultComponentsContext = /* @__PURE__ */ createContext(void 0);
+const DataGridDefaultComponentsProvider = DataGridDefaultComponentsContext.Provider;
+function useDefaultComponents() {
+  return useContext(DataGridDefaultComponentsContext);
 }
-function Vr({
-  value: e,
-  isCellSelected: t,
-  disabled: n,
-  onChange: i,
-  "aria-label": l,
-  "aria-labelledby": c
+function SelectCellFormatter({
+  value,
+  isCellSelected,
+  disabled,
+  onChange,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
 }) {
   const {
-    ref: d,
-    tabIndex: C
-  } = Ct(t), f = kt().checkboxFormatter;
-  return /* @__PURE__ */ I(f, {
-    "aria-label": l,
-    "aria-labelledby": c,
-    ref: d,
-    tabIndex: C,
-    disabled: n,
-    checked: e,
-    onChange: i
+    ref,
+    tabIndex
+  } = useFocusRef(isCellSelected);
+  const Formatter = useDefaultComponents().checkboxFormatter;
+  return /* @__PURE__ */ jsx(Formatter, {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    ref,
+    tabIndex,
+    disabled,
+    checked: value,
+    onChange
   });
 }
-function wn(e) {
+function ValueFormatter(props) {
   try {
-    return /* @__PURE__ */ I(ze, {
-      children: e.row[e.column.key]
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: props.row[props.column.key]
     });
   } catch {
     return null;
   }
 }
-var mn = ".gch972y700-beta13{outline:none}.cz2qf0d700-beta13{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.cz2qf0d700-beta13>path{transition:d .1s}";
-G(mn, { insertAt: "top" });
-const Cn = "gch972y700-beta13", kn = `rdg-group-cell-content ${Cn}`, yn = "cz2qf0d700-beta13", Rn = `rdg-caret ${yn}`;
-function vn({
-  groupKey: e,
-  isExpanded: t,
-  isCellSelected: n,
-  toggleGroup: i
+var css_248z$b = ".gch972y700-beta13{outline:none}.cz2qf0d700-beta13{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.cz2qf0d700-beta13>path{transition:d .1s}";
+styleInject(css_248z$b, { "insertAt": "top" });
+const groupCellContent = "gch972y700-beta13";
+const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
+const caret = "cz2qf0d700-beta13";
+const caretClassname = `rdg-caret ${caret}`;
+function ToggleGroupFormatter({
+  groupKey,
+  isExpanded,
+  isCellSelected,
+  toggleGroup
 }) {
   const {
-    ref: l,
-    tabIndex: c
-  } = Ct(n);
-  function d({
-    key: f
+    ref,
+    tabIndex
+  } = useFocusRef(isCellSelected);
+  function handleKeyDown({
+    key
   }) {
-    f === "Enter" && i();
-  }
-  return /* @__PURE__ */ ne("span", {
-    ref: l,
-    className: kn,
-    tabIndex: c,
-    onKeyDown: d,
-    children: [e, /* @__PURE__ */ I("svg", {
+    if (key === "Enter") {
+      toggleGroup();
+    }
+  }
+  const d = isExpanded ? "M1 1 L 7 7 L 13 1" : "M1 7 L 7 1 L 13 7";
+  return /* @__PURE__ */ jsxs("span", {
+    ref,
+    className: groupCellContentClassname,
+    tabIndex,
+    onKeyDown: handleKeyDown,
+    children: [groupKey, /* @__PURE__ */ jsx("svg", {
       viewBox: "0 0 14 8",
       width: "14",
       height: "8",
-      className: Rn,
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ I("path", {
-        d: t ? "M1 1 L 7 7 L 13 1" : "M1 7 L 7 1 L 13 7"
+      className: caretClassname,
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("path", {
+        d
       })
     })]
   });
 }
-const Jt = /* @__PURE__ */ xt(void 0), Qt = Jt.Provider, Zt = /* @__PURE__ */ xt(void 0), In = Zt.Provider;
-function qr() {
-  const e = ut(Jt), t = ut(Zt);
-  if (e === void 0 || t === void 0)
+const RowSelectionContext = /* @__PURE__ */ createContext(void 0);
+const RowSelectionProvider = RowSelectionContext.Provider;
+const RowSelectionChangeContext = /* @__PURE__ */ createContext(void 0);
+const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
+function useRowSelection() {
+  const rowSelectionContext = useContext(RowSelectionContext);
+  const rowSelectionChangeContext = useContext(RowSelectionChangeContext);
+  if (rowSelectionContext === void 0 || rowSelectionChangeContext === void 0) {
     throw new Error("useRowSelection must be used within DataGrid cells");
-  return [e, t];
+  }
+  return [rowSelectionContext, rowSelectionChangeContext];
 }
-const ft = "select-row";
-function Z(e, t, n) {
-  const i = typeof e.colSpan == "function" ? e.colSpan(n) : 1;
-  if (Number.isInteger(i) && i > 1 && (!e.frozen || e.idx + i - 1 <= t))
-    return i;
+const SELECT_COLUMN_KEY = "select-row";
+function getColSpan(column, lastFrozenColumnIndex, args) {
+  const colSpan = typeof column.colSpan === "function" ? column.colSpan(args) : 1;
+  if (Number.isInteger(colSpan) && colSpan > 1 && (!column.frozen || column.idx + colSpan - 1 <= lastFrozenColumnIndex)) {
+    return colSpan;
+  }
+  return void 0;
 }
-function gt(e) {
-  e?.scrollIntoView({
+function scrollIntoView(element) {
+  element?.scrollIntoView({
     inline: "nearest",
     block: "nearest"
   });
 }
-const Sn = /* @__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 qt(e) {
+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(e) {
   return (e.ctrlKey || e.metaKey) && e.key !== "Control";
 }
-function zn(e) {
-  return !Sn.has(e.key);
+function isDefaultCellInput(event) {
+  return !nonInputKeys.has(event.key);
 }
-function En({
-  key: e,
-  target: t
+function onEditorNavigation({
+  key,
+  target
 }) {
-  return e === "Tab" && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement) ? t.matches(".rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child") : !1;
+  if (key === "Tab" && (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement)) {
+    return target.matches(".rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child");
+  }
+  return false;
 }
-function Dn({
-  selectedPosition: e,
-  columns: t,
-  rows: n,
-  isGroupRow: i
+function isSelectedCellEditable({
+  selectedPosition,
+  columns,
+  rows,
+  isGroupRow
 }) {
-  const l = t[e.idx], c = n[e.rowIdx];
-  return !i(c) && eo(l, c);
+  const column = columns[selectedPosition.idx];
+  const row2 = rows[selectedPosition.rowIdx];
+  return !isGroupRow(row2) && isCellEditable(column, row2);
 }
-function eo(e, t) {
-  return e.editor != null && !e.rowGroup && (typeof e.editable == "function" ? e.editable(t) : e.editable) !== !1;
+function isCellEditable(column, row2) {
+  return column.editor != null && !column.rowGroup && (typeof column.editable === "function" ? column.editable(row2) : column.editable) !== false;
 }
-function to({
-  rows: e,
-  summaryRows: t,
-  rowIdx: n,
-  lastFrozenColumnIndex: i,
-  column: l,
-  isGroupRow: c
+function getSelectedCellColSpan({
+  rows,
+  summaryRows,
+  rowIdx,
+  lastFrozenColumnIndex,
+  column,
+  isGroupRow
 }) {
-  if (n === -1)
-    return Z(l, i, {
+  if (rowIdx === -1) {
+    return getColSpan(column, lastFrozenColumnIndex, {
       type: "HEADER"
     });
-  if (n >= 0 && n < e.length) {
-    const d = e[n];
-    return c(d) ? void 0 : Z(l, i, {
-      type: "ROW",
-      row: d
-    });
   }
-  if (t)
-    return Z(l, i, {
+  if (rowIdx >= 0 && rowIdx < rows.length) {
+    const row2 = rows[rowIdx];
+    if (!isGroupRow(row2)) {
+      return getColSpan(column, lastFrozenColumnIndex, {
+        type: "ROW",
+        row: row2
+      });
+    }
+    return void 0;
+  }
+  if (summaryRows) {
+    return getColSpan(column, lastFrozenColumnIndex, {
       type: "SUMMARY",
-      row: t[n - e.length]
+      row: summaryRows[rowIdx - rows.length]
     });
+  }
+  return void 0;
 }
-function Fn({
-  cellNavigationMode: e,
-  columns: t,
-  colSpanColumns: n,
-  rows: i,
-  summaryRows: l,
-  minRowIdx: c,
-  maxRowIdx: d,
+function getNextSelectedCellPosition({
+  cellNavigationMode,
+  columns,
+  colSpanColumns,
+  rows,
+  summaryRows,
+  minRowIdx,
+  maxRowIdx,
   currentPosition: {
-    idx: C
+    idx: currentIdx
   },
-  nextPosition: f,
-  lastFrozenColumnIndex: k,
-  isCellWithinBounds: b,
-  isGroupRow: w
+  nextPosition,
+  lastFrozenColumnIndex,
+  isCellWithinBounds,
+  isGroupRow
 }) {
   let {
-    idx: g,
-    rowIdx: s
-  } = f;
-  const v = (p) => {
-    if (s >= 0 && s < i.length) {
-      const E = i[s];
-      if (w(E))
+    idx: nextIdx,
+    rowIdx: nextRowIdx
+  } = nextPosition;
+  const setColSpan = (moveRight) => {
+    if (nextRowIdx >= 0 && nextRowIdx < rows.length) {
+      const row2 = rows[nextRowIdx];
+      if (isGroupRow(row2))
         return;
     }
-    for (const E of n) {
-      const A = E.idx;
-      if (A > g)
+    for (const column of colSpanColumns) {
+      const colIdx = column.idx;
+      if (colIdx > nextIdx)
         break;
-      const _ = to({
-        rows: i,
-        summaryRows: l,
-        rowIdx: s,
-        lastFrozenColumnIndex: k,
-        column: E,
-        isGroupRow: w
+      const colSpan = getSelectedCellColSpan({
+        rows,
+        summaryRows,
+        rowIdx: nextRowIdx,
+        lastFrozenColumnIndex,
+        column,
+        isGroupRow
       });
-      if (_ && g > A && g < _ + A) {
-        g = A + (p ? _ : 0);
+      if (colSpan && nextIdx > colIdx && nextIdx < colSpan + colIdx) {
+        nextIdx = colIdx + (moveRight ? colSpan : 0);
         break;
       }
     }
   };
-  if (b(f) && v(g - C > 0), e !== "NONE") {
-    const p = t.length;
-    g === p ? e === "CHANGE_ROW" ? s === d || (g = 0, s += 1) : g = 0 : g === -1 && (e === "CHANGE_ROW" ? s === c || (s -= 1, g = p - 1) : g = p - 1, v(!1));
+  if (isCellWithinBounds(nextPosition)) {
+    setColSpan(nextIdx - currentIdx > 0);
+  }
+  if (cellNavigationMode !== "NONE") {
+    const columnsCount = columns.length;
+    const isAfterLastColumn = nextIdx === columnsCount;
+    const isBeforeFirstColumn = nextIdx === -1;
+    if (isAfterLastColumn) {
+      if (cellNavigationMode === "CHANGE_ROW") {
+        const isLastRow = nextRowIdx === maxRowIdx;
+        if (!isLastRow) {
+          nextIdx = 0;
+          nextRowIdx += 1;
+        }
+      } else {
+        nextIdx = 0;
+      }
+    } else if (isBeforeFirstColumn) {
+      if (cellNavigationMode === "CHANGE_ROW") {
+        const isFirstRow = nextRowIdx === minRowIdx;
+        if (!isFirstRow) {
+          nextRowIdx -= 1;
+          nextIdx = columnsCount - 1;
+        }
+      } else {
+        nextIdx = columnsCount - 1;
+      }
+      setColSpan(false);
+    }
   }
   return {
-    idx: g,
-    rowIdx: s
+    idx: nextIdx,
+    rowIdx: nextRowIdx
   };
 }
-function $n({
-  cellNavigationMode: e,
-  maxColIdx: t,
-  minRowIdx: n,
-  maxRowIdx: i,
+function canExitGrid({
+  cellNavigationMode,
+  maxColIdx,
+  minRowIdx,
+  maxRowIdx,
   selectedPosition: {
-    rowIdx: l,
-    idx: c
+    rowIdx,
+    idx
   },
-  shiftKey: d
+  shiftKey
 }) {
-  return e === "NONE" || e === "CHANGE_ROW" ? d ? c === 0 && l === n : c === t && l === i : !1;
+  if (cellNavigationMode === "NONE" || cellNavigationMode === "CHANGE_ROW") {
+    const atLastCellInRow = idx === maxColIdx;
+    const atFirstCellInRow = idx === 0;
+    const atLastRow = rowIdx === maxRowIdx;
+    const atFirstRow = rowIdx === minRowIdx;
+    return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
+  }
+  return false;
 }
-function qe(e, t) {
-  return t !== void 0 ? {
-    "--rdg-grid-row-start": e,
-    "--rdg-row-height": `${t}px`
-  } : {
-    "--rdg-grid-row-start": e
+function getRowStyle(rowIdx, height) {
+  if (height !== void 0) {
+    return {
+      "--rdg-grid-row-start": rowIdx,
+      "--rdg-row-height": `${height}px`
+    };
+  }
+  return {
+    "--rdg-grid-row-start": rowIdx
   };
 }
-function Ee(e, t) {
+function getCellStyle(column, colSpan) {
   return {
-    gridColumnStart: e.idx + 1,
-    gridColumnEnd: t !== void 0 ? `span ${t}` : void 0,
-    insetInlineStart: e.frozen ? `var(--rdg-frozen-left-${e.idx})` : void 0
+    gridColumnStart: column.idx + 1,
+    gridColumnEnd: colSpan !== void 0 ? `span ${colSpan}` : void 0,
+    insetInlineStart: column.frozen ? `var(--rdg-frozen-left-${column.idx})` : void 0
   };
 }
-function De(e, ...t) {
-  return se(Bo, ...t, e.frozen && qo, e.isLastFrozenColumn && Xo);
+function getCellClassname(column, ...extraClasses) {
+  return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
 }
 const {
-  min: Se,
-  max: Ge,
-  round: Ln,
-  floor: bt,
-  sign: An,
-  abs: On,
-  ceil: Tn
+  min,
+  max,
+  round,
+  floor,
+  sign,
+  abs,
+  ceil
 } = Math;
-function dt(e) {
-  if (typeof e != "function")
+function assertIsValidKeyGetter(keyGetter) {
+  if (typeof keyGetter !== "function") {
     throw new Error("Please specify the rowKeyGetter prop to use selection");
+  }
 }
-function ht(e, {
-  minWidth: t,
-  maxWidth: n
+function clampColumnWidth(width, {
+  minWidth,
+  maxWidth
 }) {
-  return e = Ge(e, t), typeof n == "number" && n >= t ? Se(e, n) : e;
+  width = max(width, minWidth);
+  if (typeof maxWidth === "number" && maxWidth >= minWidth) {
+    return min(width, maxWidth);
+  }
+  return width;
 }
-function Nn({
-  rawColumns: e,
-  columnWidths: t,
-  viewportWidth: n,
-  scrollLeft: i,
-  defaultColumnOptions: l,
-  rawGroupBy: c,
-  enableVirtualization: d
+function useCalculatedColumns({
+  rawColumns,
+  columnWidths,
+  viewportWidth,
+  scrollLeft,
+  defaultColumnOptions,
+  rawGroupBy,
+  enableVirtualization
 }) {
-  const C = l?.width, f = l?.minWidth ?? 80, k = l?.maxWidth, b = l?.formatter ?? wn, w = l?.sortable ?? !1, g = l?.resizable ?? !1, {
-    columns: s,
-    colSpanColumns: v,
-    lastFrozenColumnIndex: p,
-    groupBy: E
-  } = Q(() => {
-    const O = [];
-    let y = -1;
-    const z = e.map((h) => {
-      const x = c?.includes(h.key) ?? !1, D = x || h.frozen || !1, m = {
-        ...h,
+  const defaultWidth = defaultColumnOptions?.width;
+  const defaultMinWidth = defaultColumnOptions?.minWidth ?? 80;
+  const defaultMaxWidth = defaultColumnOptions?.maxWidth;
+  const defaultFormatter = defaultColumnOptions?.formatter ?? ValueFormatter;
+  const defaultSortable = defaultColumnOptions?.sortable ?? false;
+  const defaultResizable = defaultColumnOptions?.resizable ?? false;
+  const {
+    columns,
+    colSpanColumns,
+    lastFrozenColumnIndex,
+    groupBy
+  } = useMemo(() => {
+    const groupBy2 = [];
+    let lastFrozenColumnIndex2 = -1;
+    const columns2 = rawColumns.map((rawColumn) => {
+      const rowGroup = rawGroupBy?.includes(rawColumn.key) ?? false;
+      const frozen = rowGroup || rawColumn.frozen || false;
+      const column = {
+        ...rawColumn,
         idx: 0,
-        frozen: D,
-        isLastFrozenColumn: !1,
-        rowGroup: x,
-        width: h.width ?? C,
-        minWidth: h.minWidth ?? f,
-        maxWidth: h.maxWidth ?? k,
-        sortable: h.sortable ?? w,
-        resizable: h.resizable ?? g,
-        formatter: h.formatter ?? b
+        frozen,
+        isLastFrozenColumn: false,
+        rowGroup,
+        width: rawColumn.width ?? defaultWidth,
+        minWidth: rawColumn.minWidth ?? defaultMinWidth,
+        maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
+        sortable: rawColumn.sortable ?? defaultSortable,
+        resizable: rawColumn.resizable ?? defaultResizable,
+        formatter: rawColumn.formatter ?? defaultFormatter
       };
-      return x && (m.groupFormatter ?? (m.groupFormatter = vn)), D && y++, m;
+      if (rowGroup) {
+        column.groupFormatter ?? (column.groupFormatter = ToggleGroupFormatter);
+      }
+      if (frozen) {
+        lastFrozenColumnIndex2++;
+      }
+      return column;
     });
-    z.sort(({
-      key: h,
-      frozen: x
+    columns2.sort(({
+      key: aKey,
+      frozen: frozenA
     }, {
-      key: D,
-      frozen: m
-    }) => h === ft ? -1 : D === ft ? 1 : c?.includes(h) ? c.includes(D) ? c.indexOf(h) - c.indexOf(D) : -1 : c?.includes(D) ? 1 : x ? m ? 0 : -1 : m ? 1 : 0);
-    const S = [];
-    return z.forEach((h, x) => {
-      h.idx = x, h.rowGroup && O.push(h.key), h.colSpan != null && S.push(h);
-    }), y !== -1 && (z[y].isLastFrozenColumn = !0), {
-      columns: z,
-      colSpanColumns: S,
-      lastFrozenColumnIndex: y,
-      groupBy: O
+      key: bKey,
+      frozen: frozenB
+    }) => {
+      if (aKey === SELECT_COLUMN_KEY)
+        return -1;
+      if (bKey === SELECT_COLUMN_KEY)
+        return 1;
+      if (rawGroupBy?.includes(aKey)) {
+        if (rawGroupBy.includes(bKey)) {
+          return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
+        }
+        return -1;
+      }
+      if (rawGroupBy?.includes(bKey))
+        return 1;
+      if (frozenA) {
+        if (frozenB)
+          return 0;
+        return -1;
+      }
+      if (frozenB)
+        return 1;
+      return 0;
+    });
+    const colSpanColumns2 = [];
+    columns2.forEach((column, idx) => {
+      column.idx = idx;
+      if (column.rowGroup) {
+        groupBy2.push(column.key);
+      }
+      if (column.colSpan != null) {
+        colSpanColumns2.push(column);
+      }
+    });
+    if (lastFrozenColumnIndex2 !== -1) {
+      columns2[lastFrozenColumnIndex2].isLastFrozenColumn = true;
+    }
+    return {
+      columns: columns2,
+      colSpanColumns: colSpanColumns2,
+      lastFrozenColumnIndex: lastFrozenColumnIndex2,
+      groupBy: groupBy2
     };
-  }, [e, C, f, k, b, g, w, c]), {
-    layoutCssVars: A,
-    totalFrozenColumnWidth: _,
-    columnMetrics: H
-  } = Q(() => {
-    const O = /* @__PURE__ */ new Map();
-    let y = 0, z = 0, S = "", h = 0, x = 0;
-    for (const m of s) {
-      let F = Pn(m, t, n);
-      F === void 0 ? x++ : (F = ht(F, m), h += F, O.set(m, {
-        width: F,
-        left: 0
-      }));
+  }, [rawColumns, defaultWidth, defaultMinWidth, defaultMaxWidth, defaultFormatter, defaultResizable, defaultSortable, rawGroupBy]);
+  const {
+    layoutCssVars,
+    totalFrozenColumnWidth,
+    columnMetrics
+  } = useMemo(() => {
+    const columnMetrics2 = /* @__PURE__ */ new Map();
+    let left = 0;
+    let totalFrozenColumnWidth2 = 0;
+    let templateColumns = "";
+    let allocatedWidth = 0;
+    let unassignedColumnsCount = 0;
+    for (const column of columns) {
+      let width = getSpecifiedWidth(column, columnWidths, viewportWidth);
+      if (width === void 0) {
+        unassignedColumnsCount++;
+      } else {
+        width = clampColumnWidth(width, column);
+        allocatedWidth += width;
+        columnMetrics2.set(column, {
+          width,
+          left: 0
+        });
+      }
     }
-    for (const m of s) {
-      let F;
-      if (O.has(m)) {
-        const V = O.get(m);
-        V.left = y, {
-          width: F
-        } = V;
+    for (const column of columns) {
+      let width;
+      if (columnMetrics2.has(column)) {
+        const columnMetric = columnMetrics2.get(column);
+        columnMetric.left = left;
+        ({
+          width
+        } = columnMetric);
       } else {
-        const V = n - h, ee = Ln(V / x);
-        F = ht(ee, m), h += F, x--, O.set(m, {
-          width: F,
-          left: y
+        const unallocatedWidth = viewportWidth - allocatedWidth;
+        const unallocatedColumnWidth = round(unallocatedWidth / unassignedColumnsCount);
+        width = clampColumnWidth(unallocatedColumnWidth, column);
+        allocatedWidth += width;
+        unassignedColumnsCount--;
+        columnMetrics2.set(column, {
+          width,
+          left
         });
       }
-      y += F, S += `${F}px `;
+      left += width;
+      templateColumns += `${width}px `;
     }
-    if (p !== -1) {
-      const m = O.get(s[p]);
-      z = m.left + m.width;
+    if (lastFrozenColumnIndex !== -1) {
+      const columnMetric = columnMetrics2.get(columns[lastFrozenColumnIndex]);
+      totalFrozenColumnWidth2 = columnMetric.left + columnMetric.width;
     }
-    const D = {
-      gridTemplateColumns: S
+    const layoutCssVars2 = {
+      gridTemplateColumns: templateColumns
     };
-    for (let m = 0; m <= p; m++) {
-      const F = s[m];
-      D[`--rdg-frozen-left-${F.idx}`] = `${O.get(F).left}px`;
+    for (let i = 0; i <= lastFrozenColumnIndex; i++) {
+      const column = columns[i];
+      layoutCssVars2[`--rdg-frozen-left-${column.idx}`] = `${columnMetrics2.get(column).left}px`;
     }
     return {
-      layoutCssVars: D,
-      totalFrozenColumnWidth: z,
-      columnMetrics: O
+      layoutCssVars: layoutCssVars2,
+      totalFrozenColumnWidth: totalFrozenColumnWidth2,
+      columnMetrics: columnMetrics2
     };
-  }, [t, s, n, p]), [M, T] = Q(() => {
-    if (!d)
-      return [0, s.length - 1];
-    const O = i + _, y = i + n, z = s.length - 1, S = Se(p + 1, z);
-    if (O >= y)
-      return [S, S];
-    let h = S;
-    for (; h < z; ) {
+  }, [columnWidths, columns, viewportWidth, lastFrozenColumnIndex]);
+  const [colOverscanStartIdx, colOverscanEndIdx] = useMemo(() => {
+    if (!enableVirtualization) {
+      return [0, columns.length - 1];
+    }
+    const viewportLeft = scrollLeft + totalFrozenColumnWidth;
+    const viewportRight = scrollLeft + viewportWidth;
+    const lastColIdx = columns.length - 1;
+    const firstUnfrozenColumnIdx = min(lastFrozenColumnIndex + 1, lastColIdx);
+    if (viewportLeft >= viewportRight) {
+      return [firstUnfrozenColumnIdx, firstUnfrozenColumnIdx];
+    }
+    let colVisibleStartIdx = firstUnfrozenColumnIdx;
+    while (colVisibleStartIdx < lastColIdx) {
       const {
-        left: F,
-        width: V
-      } = H.get(s[h]);
-      if (F + V > O)
+        left,
+        width
+      } = columnMetrics.get(columns[colVisibleStartIdx]);
+      if (left + width > viewportLeft) {
         break;
-      h++;
+      }
+      colVisibleStartIdx++;
     }
-    let x = h;
-    for (; x < z; ) {
+    let colVisibleEndIdx = colVisibleStartIdx;
+    while (colVisibleEndIdx < lastColIdx) {
       const {
-        left: F,
-        width: V
-      } = H.get(s[x]);
-      if (F + V >= y)
+        left,
+        width
+      } = columnMetrics.get(columns[colVisibleEndIdx]);
+      if (left + width >= viewportRight) {
         break;
-      x++;
+      }
+      colVisibleEndIdx++;
     }
-    const D = Ge(S, h - 1), m = Se(z, x + 1);
-    return [D, m];
-  }, [H, s, p, i, _, n, d]);
+    const colOverscanStartIdx2 = max(firstUnfrozenColumnIdx, colVisibleStartIdx - 1);
+    const colOverscanEndIdx2 = min(lastColIdx, colVisibleEndIdx + 1);
+    return [colOverscanStartIdx2, colOverscanEndIdx2];
+  }, [columnMetrics, columns, lastFrozenColumnIndex, scrollLeft, totalFrozenColumnWidth, viewportWidth, enableVirtualization]);
   return {
-    columns: s,
-    colSpanColumns: v,
-    colOverscanStartIdx: M,
-    colOverscanEndIdx: T,
-    layoutCssVars: A,
-    columnMetrics: H,
-    lastFrozenColumnIndex: p,
-    totalFrozenColumnWidth: _,
-    groupBy: E
+    columns,
+    colSpanColumns,
+    colOverscanStartIdx,
+    colOverscanEndIdx,
+    layoutCssVars,
+    columnMetrics,
+    lastFrozenColumnIndex,
+    totalFrozenColumnWidth,
+    groupBy
   };
 }
-function Pn({
-  key: e,
-  width: t
-}, n, i) {
-  if (n.has(e))
-    return n.get(e);
-  if (typeof t == "number")
-    return t;
-  if (typeof t == "string" && /^\d+%$/.test(t))
-    return bt(i * parseInt(t, 10) / 100);
+function getSpecifiedWidth({
+  key,
+  width
+}, columnWidths, viewportWidth) {
+  if (columnWidths.has(key)) {
+    return columnWidths.get(key);
+  }
+  if (typeof width === "number") {
+    return width;
+  }
+  if (typeof width === "string" && /^\d+%$/.test(width)) {
+    return floor(viewportWidth * parseInt(width, 10) / 100);
+  }
+  return void 0;
 }
-function Mn() {
-  const e = ce(null), [t, n] = Y(1), [i, l] = Y(1);
-  return Be(() => {
+function useGridDimensions() {
+  const gridRef = useRef(null);
+  const [inlineSize, setInlineSize] = useState(1);
+  const [blockSize, setBlockSize] = useState(1);
+  useLayoutEffect(() => {
     const {
-      ResizeObserver: c
+      ResizeObserver
     } = window;
-    if (c == null)
+    if (ResizeObserver == null)
       return;
     const {
-      clientWidth: d,
-      clientHeight: C,
-      offsetWidth: f,
-      offsetHeight: k
-    } = e.current, {
-      width: b,
-      height: w
-    } = e.current.getBoundingClientRect(), g = b - f + d, s = w - k + C;
-    n(Ut(g)), l(s);
-    const v = new c((p) => {
-      const E = p[0].contentBoxSize[0];
-      n(Ut(E.inlineSize)), l(E.blockSize);
+      clientWidth,
+      clientHeight,
+      offsetWidth,
+      offsetHeight
+    } = gridRef.current;
+    const {
+      width,
+      height
+    } = gridRef.current.getBoundingClientRect();
+    const initialWidth = width - offsetWidth + clientWidth;
+    const initialHeight = height - offsetHeight + clientHeight;
+    setInlineSize(handleDevicePixelRatio(initialWidth));
+    setBlockSize(initialHeight);
+    const resizeObserver = new ResizeObserver((entries) => {
+      const size = entries[0].contentBoxSize[0];
+      setInlineSize(handleDevicePixelRatio(size.inlineSize));
+      setBlockSize(size.blockSize);
     });
-    return v.observe(e.current), () => {
-      v.disconnect();
+    resizeObserver.observe(gridRef.current);
+    return () => {
+      resizeObserver.disconnect();
     };
-  }, []), [e, t, i];
+  }, []);
+  return [gridRef, inlineSize, blockSize];
 }
-function Ut(e) {
-  return e - (devicePixelRatio === 1 ? 0 : Tn(devicePixelRatio));
+function handleDevicePixelRatio(size) {
+  return size - (devicePixelRatio === 1 ? 0 : ceil(devicePixelRatio));
 }
-function J(e) {
-  const t = ce(e);
-  return wt(() => {
-    t.current = e;
-  }), je((...n) => {
-    t.current(...n);
+function useLatestFunc(fn) {
+  const ref = useRef(fn);
+  useEffect(() => {
+    ref.current = fn;
+  });
+  return useCallback((...args) => {
+    ref.current(...args);
   }, []);
 }
-function Ue(e) {
-  const [t, n] = Y(!1);
-  t && !e && n(!1);
-  const i = je((d) => {
-    d !== null && (gt(d), !d.contains(document.activeElement) && d.focus({
-      preventScroll: !0
-    }));
+function useRovingCellRef(isSelected) {
+  const [isChildFocused, setIsChildFocused] = useState(false);
+  if (isChildFocused && !isSelected) {
+    setIsChildFocused(false);
+  }
+  const ref = useCallback((cell2) => {
+    if (cell2 === null)
+      return;
+    scrollIntoView(cell2);
+    if (cell2.contains(document.activeElement))
+      return;
+    cell2.focus({
+      preventScroll: true
+    });
   }, []);
-  function l(d) {
-    d.target !== d.currentTarget && n(!0);
+  function onFocus(event) {
+    if (event.target !== event.currentTarget) {
+      setIsChildFocused(true);
+    }
   }
+  const isFocused = isSelected && !isChildFocused;
   return {
-    ref: e ? i : void 0,
-    tabIndex: e && !t ? 0 : -1,
-    onFocus: e ? l : void 0
+    ref: isSelected ? ref : void 0,
+    tabIndex: isFocused ? 0 : -1,
+    onFocus: isSelected ? onFocus : void 0
   };
 }
-function Wn({
-  columns: e,
-  colSpanColumns: t,
-  rows: n,
-  summaryRows: i,
-  colOverscanStartIdx: l,
-  colOverscanEndIdx: c,
-  lastFrozenColumnIndex: d,
-  rowOverscanStartIdx: C,
-  rowOverscanEndIdx: f,
-  isGroupRow: k
+function useViewportColumns({
+  columns,
+  colSpanColumns,
+  rows,
+  summaryRows,
+  colOverscanStartIdx,
+  colOverscanEndIdx,
+  lastFrozenColumnIndex,
+  rowOverscanStartIdx,
+  rowOverscanEndIdx,
+  isGroupRow
 }) {
-  const b = Q(() => {
-    if (l === 0)
+  const startIdx = useMemo(() => {
+    if (colOverscanStartIdx === 0)
       return 0;
-    let w = l;
-    const g = (s, v) => v !== void 0 && s + v > l ? (w = s, !0) : !1;
-    for (const s of t) {
-      const v = s.idx;
-      if (v >= w || g(v, Z(s, d, {
+    let startIdx2 = colOverscanStartIdx;
+    const updateStartIdx = (colIdx, colSpan) => {
+      if (colSpan !== void 0 && colIdx + colSpan > colOverscanStartIdx) {
+        startIdx2 = colIdx;
+        return true;
+      }
+      return false;
+    };
+    for (const column of colSpanColumns) {
+      const colIdx = column.idx;
+      if (colIdx >= startIdx2)
+        break;
+      if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
         type: "HEADER"
-      })))
+      }))) {
         break;
-      for (let p = C; p <= f; p++) {
-        const E = n[p];
-        if (!k(E) && g(v, Z(s, d, {
+      }
+      for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
+        const row2 = rows[rowIdx];
+        if (isGroupRow(row2))
+          continue;
+        if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
           type: "ROW",
-          row: E
-        })))
+          row: row2
+        }))) {
           break;
+        }
       }
-      if (i != null) {
-        for (const p of i)
-          if (g(v, Z(s, d, {
+      if (summaryRows != null) {
+        for (const row2 of summaryRows) {
+          if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
             type: "SUMMARY",
-            row: p
-          })))
+            row: row2
+          }))) {
             break;
+          }
+        }
       }
     }
-    return w;
-  }, [C, f, n, i, l, d, t, k]);
-  return Q(() => {
-    const w = [];
-    for (let g = 0; g <= c; g++) {
-      const s = e[g];
-      g < b && !s.frozen || w.push(s);
+    return startIdx2;
+  }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, summaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns, isGroupRow]);
+  return useMemo(() => {
+    const viewportColumns = [];
+    for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
+      const column = columns[colIdx];
+      if (colIdx < startIdx && !column.frozen)
+        continue;
+      viewportColumns.push(column);
     }
-    return w;
-  }, [b, c, e]);
+    return viewportColumns;
+  }, [startIdx, colOverscanEndIdx, columns]);
 }
-function Hn(e) {
-  return Array.isArray(e);
+function isReadonlyArray(arr) {
+  return Array.isArray(arr);
 }
-function Kn({
-  rawRows: e,
-  rowHeight: t,
-  clientHeight: n,
-  scrollTop: i,
-  groupBy: l,
-  rowGrouper: c,
-  expandedGroupIds: d,
-  enableVirtualization: C
+function useViewportRows({
+  rawRows,
+  rowHeight,
+  clientHeight,
+  scrollTop,
+  groupBy,
+  rowGrouper,
+  expandedGroupIds,
+  enableVirtualization
 }) {
-  const [f, k] = Q(() => {
-    if (l.length === 0 || c == null)
-      return [void 0, e.length];
-    const H = (M, [T, ...O], y) => {
-      let z = 0;
-      const S = {};
-      for (const [h, x] of Object.entries(c(M, T))) {
-        const [D, m] = O.length === 0 ? [x, x.length] : H(x, O, y + z + 1);
-        S[h] = {
-          childRows: x,
-          childGroups: D,
-          startRowIndex: y + z
-        }, z += m + 1;
+  const [groupedRows, rowsCount] = useMemo(() => {
+    if (groupBy.length === 0 || rowGrouper == null)
+      return [void 0, rawRows.length];
+    const groupRows = (rows2, [groupByKey, ...remainingGroupByKeys], startRowIndex) => {
+      let groupRowsCount = 0;
+      const groups = {};
+      for (const [key, childRows] of Object.entries(rowGrouper(rows2, groupByKey))) {
+        const [childGroups, childRowsCount] = remainingGroupByKeys.length === 0 ? [childRows, childRows.length] : groupRows(childRows, remainingGroupByKeys, startRowIndex + groupRowsCount + 1);
+        groups[key] = {
+          childRows,
+          childGroups,
+          startRowIndex: startRowIndex + groupRowsCount
+        };
+        groupRowsCount += childRowsCount + 1;
       }
-      return [S, z];
+      return [groups, groupRowsCount];
     };
-    return H(e, l, 0);
-  }, [l, c, e]), [b, w] = Q(() => {
-    const H = /* @__PURE__ */ new Set();
-    if (!f)
-      return [e, O];
-    const M = [], T = (y, z, S) => {
-      if (Hn(y)) {
-        M.push(...y);
+    return groupRows(rawRows, groupBy, 0);
+  }, [groupBy, rowGrouper, rawRows]);
+  const [rows, isGroupRow] = useMemo(() => {
+    const allGroupRows = /* @__PURE__ */ new Set();
+    if (!groupedRows)
+      return [rawRows, isGroupRow2];
+    const flattenedRows = [];
+    const expandGroup = (rows2, parentId, level) => {
+      if (isReadonlyArray(rows2)) {
+        flattenedRows.push(...rows2);
         return;
       }
-      Object.keys(y).forEach((h, x, D) => {
-        const m = z !== void 0 ? `${z}__${h}` : h, F = d?.has(m) ?? !1, {
-          childRows: V,
-          childGroups: ee,
-          startRowIndex: ue
-        } = y[h], le = {
-          id: m,
-          parentId: z,
-          groupKey: h,
-          isExpanded: F,
-          childRows: V,
-          level: S,
-          posInSet: x,
-          startRowIndex: ue,
-          setSize: D.length
+      Object.keys(rows2).forEach((groupKey, posInSet, keys) => {
+        const id = parentId !== void 0 ? `${parentId}__${groupKey}` : groupKey;
+        const isExpanded = expandedGroupIds?.has(id) ?? false;
+        const {
+          childRows,
+          childGroups,
+          startRowIndex
+        } = rows2[groupKey];
+        const groupRow2 = {
+          id,
+          parentId,
+          groupKey,
+          isExpanded,
+          childRows,
+          level,
+          posInSet,
+          startRowIndex,
+          setSize: keys.length
         };
-        M.push(le), H.add(le), F && T(ee, m, S + 1);
+        flattenedRows.push(groupRow2);
+        allGroupRows.add(groupRow2);
+        if (isExpanded) {
+          expandGroup(childGroups, id, level + 1);
+        }
       });
     };
-    return T(f, void 0, 0), [M, O];
-    function O(y) {
-      return H.has(y);
+    expandGroup(groupedRows, void 0, 0);
+    return [flattenedRows, isGroupRow2];
+    function isGroupRow2(row2) {
+      return allGroupRows.has(row2);
     }
-  }, [d, f, e]), {
-    totalRowHeight: g,
-    gridTemplateRows: s,
-    getRowTop: v,
-    getRowHeight: p,
-    findRowIdx: E
-  } = Q(() => {
-    if (typeof t == "number")
+  }, [expandedGroupIds, groupedRows, rawRows]);
+  const {
+    totalRowHeight,
+    gridTemplateRows,
+    getRowTop,
+    getRowHeight,
+    findRowIdx
+  } = useMemo(() => {
+    if (typeof rowHeight === "number") {
       return {
-        totalRowHeight: t * b.length,
-        gridTemplateRows: ` repeat(${b.length}, ${t}px)`,
-        getRowTop: (y) => y * t,
-        getRowHeight: () => t,
-        findRowIdx: (y) => bt(y / t)
+        totalRowHeight: rowHeight * rows.length,
+        gridTemplateRows: ` repeat(${rows.length}, ${rowHeight}px)`,
+        getRowTop: (rowIdx) => rowIdx * rowHeight,
+        getRowHeight: () => rowHeight,
+        findRowIdx: (offset) => floor(offset / rowHeight)
       };
-    let H = 0, M = " ";
-    const T = b.map((y) => {
-      const z = w(y) ? t({
+    }
+    let totalRowHeight2 = 0;
+    let gridTemplateRows2 = " ";
+    const rowPositions = rows.map((row2) => {
+      const currentRowHeight = isGroupRow(row2) ? rowHeight({
         type: "GROUP",
-        row: y
-      }) : t({
+        row: row2
+      }) : rowHeight({
         type: "ROW",
-        row: y
-      }), S = {
-        top: H,
-        height: z
+        row: row2
+      });
+      const position = {
+        top: totalRowHeight2,
+        height: currentRowHeight
       };
-      return M += `${z}px `, H += z, S;
-    }), O = (y) => Ge(0, Se(b.length - 1, y));
+      gridTemplateRows2 += `${currentRowHeight}px `;
+      totalRowHeight2 += currentRowHeight;
+      return position;
+    });
+    const validateRowIdx = (rowIdx) => {
+      return max(0, min(rows.length - 1, rowIdx));
+    };
     return {
-      totalRowHeight: H,
-      gridTemplateRows: M,
-      getRowTop: (y) => T[O(y)].top,
-      getRowHeight: (y) => T[O(y)].height,
-      findRowIdx(y) {
-        let z = 0, S = T.length - 1;
-        for (; z <= S; ) {
-          const h = z + bt((S - z) / 2), x = T[h].top;
-          if (x === y)
-            return h;
-          if (x < y ? z = h + 1 : x > y && (S = h - 1), z > S)
-            return S;
+      totalRowHeight: totalRowHeight2,
+      gridTemplateRows: gridTemplateRows2,
+      getRowTop: (rowIdx) => rowPositions[validateRowIdx(rowIdx)].top,
+      getRowHeight: (rowIdx) => rowPositions[validateRowIdx(rowIdx)].height,
+      findRowIdx(offset) {
+        let start = 0;
+        let end = rowPositions.length - 1;
+        while (start <= end) {
+          const middle = start + floor((end - start) / 2);
+          const currentOffset = rowPositions[middle].top;
+          if (currentOffset === offset)
+            return middle;
+          if (currentOffset < offset) {
+            start = middle + 1;
+          } else if (currentOffset > offset) {
+            end = middle - 1;
+          }
+          if (start > end)
+            return end;
         }
         return 0;
       }
     };
-  }, [w, t, b]);
-  let A = 0, _ = b.length - 1;
-  if (C) {
-    const M = E(i), T = E(i + n);
-    A = Ge(0, M - 4), _ = Se(b.length - 1, T + 4);
+  }, [isGroupRow, rowHeight, rows]);
+  let rowOverscanStartIdx = 0;
+  let rowOverscanEndIdx = rows.length - 1;
+  if (enableVirtualization) {
+    const overscanThreshold = 4;
+    const rowVisibleStartIdx = findRowIdx(scrollTop);
+    const rowVisibleEndIdx = findRowIdx(scrollTop + clientHeight);
+    rowOverscanStartIdx = max(0, rowVisibleStartIdx - overscanThreshold);
+    rowOverscanEndIdx = min(rows.length - 1, rowVisibleEndIdx + overscanThreshold);
   }
   return {
-    rowOverscanStartIdx: A,
-    rowOverscanEndIdx: _,
-    rows: b,
-    rowsCount: k,
-    totalRowHeight: g,
-    gridTemplateRows: s,
-    isGroupRow: w,
-    getRowTop: v,
-    getRowHeight: p,
-    findRowIdx: E
+    rowOverscanStartIdx,
+    rowOverscanEndIdx,
+    rows,
+    rowsCount,
+    totalRowHeight,
+    gridTemplateRows,
+    isGroupRow,
+    getRowTop,
+    getRowHeight,
+    findRowIdx
   };
 }
-var _n = ".h1tr5c9i700-beta13{cursor:pointer;display:flex}.h1tr5c9i700-beta13:focus{outline:none}.h19r0msv700-beta13{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
-G(_n, { insertAt: "top" });
-const jn = "h1tr5c9i700-beta13", Bn = `rdg-header-sort-cell ${jn}`, Gn = "h19r0msv700-beta13", Vn = `rdg-header-sort-name ${Gn}`;
-function qn({
-  column: e,
-  sortDirection: t,
-  priority: n,
-  onSort: i,
-  isCellSelected: l
+var css_248z$a = ".h1tr5c9i700-beta13{cursor:pointer;display:flex}.h1tr5c9i700-beta13:focus{outline:none}.h19r0msv700-beta13{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
+styleInject(css_248z$a, { "insertAt": "top" });
+const headerSortCell = "h1tr5c9i700-beta13";
+const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
+const headerSortName = "h19r0msv700-beta13";
+const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
+function HeaderRenderer({
+  column,
+  sortDirection,
+  priority,
+  onSort,
+  isCellSelected
 }) {
-  return e.sortable ? /* @__PURE__ */ I(Un, {
-    onSort: i,
-    sortDirection: t,
-    priority: n,
-    isCellSelected: l,
-    children: e.name
-  }) : /* @__PURE__ */ I(ze, {
-    children: e.name
+  if (!column.sortable)
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: column.name
+    });
+  return /* @__PURE__ */ jsx(SortableHeaderCell, {
+    onSort,
+    sortDirection,
+    priority,
+    isCellSelected,
+    children: column.name
   });
 }
-function Un({
-  onSort: e,
-  sortDirection: t,
-  priority: n,
-  children: i,
-  isCellSelected: l
+function SortableHeaderCell({
+  onSort,
+  sortDirection,
+  priority,
+  children,
+  isCellSelected
 }) {
-  const c = kt().sortIcon, {
-    ref: d,
-    tabIndex: C
-  } = Ct(l);
-  function f(b) {
-    (b.key === " " || b.key === "Enter") && (b.preventDefault(), e(b.ctrlKey || b.metaKey));
-  }
-  function k(b) {
-    e(b.ctrlKey || b.metaKey);
-  }
-  return /* @__PURE__ */ ne("span", {
-    ref: d,
-    tabIndex: C,
-    className: Bn,
-    onClick: k,
-    onKeyDown: f,
-    children: [/* @__PURE__ */ I("span", {
-      className: Vn,
-      children: i
-    }), /* @__PURE__ */ ne("span", {
-      children: [/* @__PURE__ */ I(c, {
-        sortDirection: t
-      }), n]
+  const SortIcon2 = useDefaultComponents().sortIcon;
+  const {
+    ref,
+    tabIndex
+  } = useFocusRef(isCellSelected);
+  function handleKeyDown(event) {
+    if (event.key === " " || event.key === "Enter") {
+      event.preventDefault();
+      onSort(event.ctrlKey || event.metaKey);
+    }
+  }
+  function handleClick(event) {
+    onSort(event.ctrlKey || event.metaKey);
+  }
+  return /* @__PURE__ */ jsxs("span", {
+    ref,
+    tabIndex,
+    className: headerSortCellClassname,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    children: [/* @__PURE__ */ jsx("span", {
+      className: headerSortNameClassname,
+      children
+    }), /* @__PURE__ */ jsxs("span", {
+      children: [/* @__PURE__ */ jsx(SortIcon2, {
+        sortDirection
+      }), priority]
     })]
   });
 }
-var Xn = '.celq7o9700-beta13{touch-action:none}.celq7o9700-beta13:after{content:"";cursor:col-resize;inline-size:10px;inset-block-end:0;inset-block-start:0;inset-inline-end:0;position:absolute}';
-G(Xn, { insertAt: "top" });
-const Yn = "celq7o9700-beta13", Jn = `rdg-cell-resizable ${Yn}`;
-function Qn({
-  column: e,
-  colSpan: t,
-  isCellSelected: n,
-  onColumnResize: i,
-  allRowsSelected: l,
-  onAllRowsSelectionChange: c,
-  sortColumns: d,
-  onSortColumnsChange: C,
-  selectCell: f,
-  shouldFocusGrid: k,
-  direction: b
+var css_248z$9 = '.celq7o9700-beta13{touch-action:none}.celq7o9700-beta13:after{content:"";cursor:col-resize;inline-size:10px;inset-block-end:0;inset-block-start:0;inset-inline-end:0;position:absolute}';
+styleInject(css_248z$9, { "insertAt": "top" });
+const cellResizable = "celq7o9700-beta13";
+const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
+function HeaderCell({
+  column,
+  colSpan,
+  isCellSelected,
+  onColumnResize,
+  allRowsSelected,
+  onAllRowsSelectionChange,
+  sortColumns,
+  onSortColumnsChange,
+  selectCell,
+  shouldFocusGrid,
+  direction
 }) {
-  const w = b === "rtl", {
-    ref: g,
-    tabIndex: s,
-    onFocus: v
-  } = Ue(n), p = d?.findIndex((x) => x.columnKey === e.key), E = p !== void 0 && p > -1 ? d[p] : void 0, A = E?.direction, _ = E !== void 0 && d.length > 1 ? p + 1 : void 0, H = A && !_ ? A === "ASC" ? "ascending" : "descending" : void 0, M = De(e, e.headerCellClass, e.resizable && Jn), T = e.headerRenderer ?? qn;
-  function O(x) {
-    if (x.pointerType === "mouse" && x.buttons !== 1)
+  const isRtl = direction === "rtl";
+  const {
+    ref,
+    tabIndex,
+    onFocus
+  } = useRovingCellRef(isCellSelected);
+  const sortIndex = sortColumns?.findIndex((sort) => sort.columnKey === column.key);
+  const sortColumn = sortIndex !== void 0 && sortIndex > -1 ? sortColumns[sortIndex] : void 0;
+  const sortDirection = sortColumn?.direction;
+  const priority = sortColumn !== void 0 && sortColumns.length > 1 ? sortIndex + 1 : void 0;
+  const ariaSort = sortDirection && !priority ? sortDirection === "ASC" ? "ascending" : "descending" : void 0;
+  const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
+  const HeaderRenderer$1 = column.headerRenderer ?? HeaderRenderer;
+  function onPointerDown(event) {
+    if (event.pointerType === "mouse" && event.buttons !== 1) {
       return;
+    }
+    const {
+      currentTarget,
+      pointerId
+    } = event;
     const {
-      currentTarget: D,
-      pointerId: m
-    } = x, {
-      right: F,
-      left: V
-    } = D.getBoundingClientRect(), ee = w ? x.clientX - V : F - x.clientX;
-    if (ee > 11)
+      right,
+      left
+    } = currentTarget.getBoundingClientRect();
+    const offset = isRtl ? event.clientX - left : right - event.clientX;
+    if (offset > 11) {
       return;
-    function ue(Fe) {
+    }
+    function onPointerMove(event2) {
       const {
-        right: fe,
-        left: ge
-      } = D.getBoundingClientRect(), te = w ? fe + ee - Fe.clientX : Fe.clientX + ee - ge;
-      te > 0 && i(e, ht(te, e));
+        right: right2,
+        left: left2
+      } = currentTarget.getBoundingClientRect();
+      const width = isRtl ? right2 + offset - event2.clientX : event2.clientX + offset - left2;
+      if (width > 0) {
+        onColumnResize(column, clampColumnWidth(width, column));
+      }
     }
-    function le() {
-      D.removeEventListener("pointermove", ue), D.removeEventListener("lostpointercapture", le);
+    function onLostPointerCapture() {
+      currentTarget.removeEventListener("pointermove", onPointerMove);
+      currentTarget.removeEventListener("lostpointercapture", onLostPointerCapture);
     }
-    D.setPointerCapture(m), D.addEventListener("pointermove", ue), D.addEventListener("lostpointercapture", le);
+    currentTarget.setPointerCapture(pointerId);
+    currentTarget.addEventListener("pointermove", onPointerMove);
+    currentTarget.addEventListener("lostpointercapture", onLostPointerCapture);
   }
-  function y(x) {
-    if (C == null)
+  function onSort(ctrlClick) {
+    if (onSortColumnsChange == null)
       return;
     const {
-      sortDescendingFirst: D
-    } = e;
-    if (E === void 0) {
-      const m = {
-        columnKey: e.key,
-        direction: D ? "DESC" : "ASC"
+      sortDescendingFirst
+    } = column;
+    if (sortColumn === void 0) {
+      const nextSort = {
+        columnKey: column.key,
+        direction: sortDescendingFirst ? "DESC" : "ASC"
       };
-      C(d && x ? [...d, m] : [m]);
+      onSortColumnsChange(sortColumns && ctrlClick ? [...sortColumns, nextSort] : [nextSort]);
     } else {
-      let m;
-      if ((D && A === "DESC" || !D && A === "ASC") && (m = {
-        columnKey: e.key,
-        direction: A === "ASC" ? "DESC" : "ASC"
-      }), x) {
-        const F = [...d];
-        m ? F[p] = m : F.splice(p, 1), C(F);
-      } else
-        C(m ? [m] : []);
+      let nextSortColumn;
+      if (sortDescendingFirst && sortDirection === "DESC" || !sortDescendingFirst && sortDirection === "ASC") {
+        nextSortColumn = {
+          columnKey: column.key,
+          direction: sortDirection === "ASC" ? "DESC" : "ASC"
+        };
+      }
+      if (ctrlClick) {
+        const nextSortColumns = [...sortColumns];
+        if (nextSortColumn) {
+          nextSortColumns[sortIndex] = nextSortColumn;
+        } else {
+          nextSortColumns.splice(sortIndex, 1);
+        }
+        onSortColumnsChange(nextSortColumns);
+      } else {
+        onSortColumnsChange(nextSortColumn ? [nextSortColumn] : []);
+      }
     }
   }
-  function z() {
-    f(e.idx);
+  function onClick() {
+    selectCell(column.idx);
   }
-  function S(x) {
+  function onDoubleClick(event) {
     const {
-      right: D,
-      left: m
-    } = x.currentTarget.getBoundingClientRect();
-    (w ? x.clientX - m : D - x.clientX) > 11 || i(e, "auto");
+      right,
+      left
+    } = event.currentTarget.getBoundingClientRect();
+    const offset = isRtl ? event.clientX - left : right - event.clientX;
+    if (offset > 11) {
+      return;
+    }
+    onColumnResize(column, "auto");
   }
-  function h(x) {
-    v?.(x), k && f(0);
+  function handleFocus(event) {
+    onFocus?.(event);
+    if (shouldFocusGrid) {
+      selectCell(0);
+    }
   }
-  return /* @__PURE__ */ I("div", {
+  return /* @__PURE__ */ jsx("div", {
     role: "columnheader",
-    "aria-colindex": e.idx + 1,
-    "aria-selected": n,
-    "aria-sort": H,
-    "aria-colspan": t,
-    ref: g,
-    tabIndex: k ? 0 : s,
-    className: M,
+    "aria-colindex": column.idx + 1,
+    "aria-selected": isCellSelected,
+    "aria-sort": ariaSort,
+    "aria-colspan": colSpan,
+    ref,
+    tabIndex: shouldFocusGrid ? 0 : tabIndex,
+    className,
     style: {
-      ...Ee(e, t),
-      minWidth: e.minWidth,
-      maxWidth: e.maxWidth ?? void 0
+      ...getCellStyle(column, colSpan),
+      minWidth: column.minWidth,
+      maxWidth: column.maxWidth ?? void 0
     },
-    onFocus: h,
-    onClick: z,
-    onDoubleClick: e.resizable ? S : void 0,
-    onPointerDown: e.resizable ? O : void 0,
-    children: /* @__PURE__ */ I(T, {
-      column: e,
-      sortDirection: A,
-      priority: _,
-      onSort: y,
-      allRowsSelected: l,
-      onAllRowsSelectionChange: c,
-      isCellSelected: n
+    onFocus: handleFocus,
+    onClick,
+    onDoubleClick: column.resizable ? onDoubleClick : void 0,
+    onPointerDown: column.resizable ? onPointerDown : void 0,
+    children: /* @__PURE__ */ jsx(HeaderRenderer$1, {
+      column,
+      sortDirection,
+      priority,
+      onSort,
+      allRowsSelected,
+      onAllRowsSelectionChange,
+      isCellSelected
     })
   });
 }
-var Zn = ".h197vzie700-beta13{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;line-height:var(--rdg-header-row-height)}.h197vzie700-beta13>.c1wupbe700-beta13{inset-block-start:0;position:sticky;z-index:2}.h197vzie700-beta13>.c1730fa4700-beta13{z-index:3}";
-G(Zn, { insertAt: "top" });
-const er = "h197vzie700-beta13", tr = `rdg-header-row ${er}`;
-function or({
-  columns: e,
-  allRowsSelected: t,
-  onAllRowsSelectionChange: n,
-  onColumnResize: i,
-  sortColumns: l,
-  onSortColumnsChange: c,
-  lastFrozenColumnIndex: d,
-  selectedCellIdx: C,
-  selectCell: f,
-  shouldFocusGrid: k,
-  direction: b
+var css_248z$8 = ".h197vzie700-beta13{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;line-height:var(--rdg-header-row-height)}.h197vzie700-beta13>.c1wupbe700-beta13{inset-block-start:0;position:sticky;z-index:2}.h197vzie700-beta13>.c1730fa4700-beta13{z-index:3}";
+styleInject(css_248z$8, { "insertAt": "top" });
+const headerRow = "h197vzie700-beta13";
+const headerRowClassname = `rdg-header-row ${headerRow}`;
+function HeaderRow({
+  columns,
+  allRowsSelected,
+  onAllRowsSelectionChange,
+  onColumnResize,
+  sortColumns,
+  onSortColumnsChange,
+  lastFrozenColumnIndex,
+  selectedCellIdx,
+  selectCell,
+  shouldFocusGrid,
+  direction
 }) {
-  const w = [];
-  for (let g = 0; g < e.length; g++) {
-    const s = e[g], v = Z(s, d, {
+  const cells = [];
+  for (let index = 0; index < columns.length; index++) {
+    const column = columns[index];
+    const colSpan = getColSpan(column, lastFrozenColumnIndex, {
       type: "HEADER"
     });
-    v !== void 0 && (g += v - 1), w.push(/* @__PURE__ */ I(Qn, {
-      column: s,
-      colSpan: v,
-      isCellSelected: C === s.idx,
-      onColumnResize: i,
-      allRowsSelected: t,
-      onAllRowsSelectionChange: n,
-      onSortColumnsChange: c,
-      sortColumns: l,
-      selectCell: f,
-      shouldFocusGrid: k && g === 0,
-      direction: b
-    }, s.key));
-  }
-  return /* @__PURE__ */ I("div", {
+    if (colSpan !== void 0) {
+      index += colSpan - 1;
+    }
+    cells.push(/* @__PURE__ */ jsx(HeaderCell, {
+      column,
+      colSpan,
+      isCellSelected: selectedCellIdx === column.idx,
+      onColumnResize,
+      allRowsSelected,
+      onAllRowsSelectionChange,
+      onSortColumnsChange,
+      sortColumns,
+      selectCell,
+      shouldFocusGrid: shouldFocusGrid && index === 0,
+      direction
+    }, column.key));
+  }
+  return /* @__PURE__ */ jsx("div", {
     role: "row",
     "aria-rowindex": 1,
-    className: se(tr, C === -1 && Ve),
-    style: qe(1),
-    children: w
+    className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
+    style: getRowStyle(1),
+    children: cells
   });
 }
-const nr = /* @__PURE__ */ ae(or);
-var rr = ".c1bmg16t700-beta13,.ccpfvsn700-beta13{background-color:#ccf}.c1bmg16t700-beta13.ccpfvsn700-beta13{background-color:#99f}";
-G(rr, { insertAt: "top" });
-const ir = "ccpfvsn700-beta13", cr = `rdg-cell-copied ${ir}`, sr = "c1bmg16t700-beta13", lr = `rdg-cell-dragged-over ${sr}`;
-function dr({
-  column: e,
-  colSpan: t,
-  isCellSelected: n,
-  isCopied: i,
-  isDraggedOver: l,
-  row: c,
-  dragHandle: d,
-  onRowClick: C,
-  onRowDoubleClick: f,
-  onRowChange: k,
-  selectCell: b,
-  ...w
+const HeaderRow$1 = /* @__PURE__ */ memo(HeaderRow);
+var css_248z$7 = ".c1bmg16t700-beta13,.ccpfvsn700-beta13{background-color:#ccf}.c1bmg16t700-beta13.ccpfvsn700-beta13{background-color:#99f}";
+styleInject(css_248z$7, { "insertAt": "top" });
+const cellCopied = "ccpfvsn700-beta13";
+const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
+const cellDraggedOver = "c1bmg16t700-beta13";
+const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
+function Cell({
+  column,
+  colSpan,
+  isCellSelected,
+  isCopied,
+  isDraggedOver,
+  row: row2,
+  dragHandle,
+  onRowClick,
+  onRowDoubleClick,
+  onRowChange,
+  selectCell,
+  ...props
 }) {
   const {
-    ref: g,
-    tabIndex: s,
-    onFocus: v
-  } = Ue(n), {
-    cellClass: p
-  } = e, E = De(e, typeof p == "function" ? p(c) : p, i && cr, l && lr);
-  function A(T) {
-    b(c, e, T);
+    ref,
+    tabIndex,
+    onFocus
+  } = useRovingCellRef(isCellSelected);
+  const {
+    cellClass
+  } = column;
+  const className = getCellClassname(column, typeof cellClass === "function" ? cellClass(row2) : cellClass, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
+  function selectCellWrapper(openEditor) {
+    selectCell(row2, column, openEditor);
   }
-  function _() {
-    A(e.editorOptions?.editOnClick), C?.(c, e);
+  function handleClick() {
+    selectCellWrapper(column.editorOptions?.editOnClick);
+    onRowClick?.(row2, column);
   }
-  function H() {
-    A();
+  function handleContextMenu() {
+    selectCellWrapper();
   }
-  function M() {
-    A(!0), f?.(c, e);
+  function handleDoubleClick() {
+    selectCellWrapper(true);
+    onRowDoubleClick?.(row2, column);
   }
-  return /* @__PURE__ */ I("div", {
+  return /* @__PURE__ */ jsx("div", {
     role: "gridcell",
-    "aria-colindex": e.idx + 1,
-    "aria-selected": n,
-    "aria-colspan": t,
-    "aria-readonly": !eo(e, c) || void 0,
-    ref: g,
-    tabIndex: s,
-    className: E,
-    style: Ee(e, t),
-    onClick: _,
-    onDoubleClick: M,
-    onContextMenu: H,
-    onFocus: v,
-    ...w,
-    children: !e.rowGroup && /* @__PURE__ */ ne(ze, {
-      children: [/* @__PURE__ */ I(e.formatter, {
-        column: e,
-        row: c,
-        isCellSelected: n,
-        onRowChange: k
-      }), d]
+    "aria-colindex": column.idx + 1,
+    "aria-selected": isCellSelected,
+    "aria-colspan": colSpan,
+    "aria-readonly": !isCellEditable(column, row2) || void 0,
+    ref,
+    tabIndex,
+    className,
+    style: getCellStyle(column, colSpan),
+    onClick: handleClick,
+    onDoubleClick: handleDoubleClick,
+    onContextMenu: handleContextMenu,
+    onFocus,
+    ...props,
+    children: !column.rowGroup && /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx(column.formatter, {
+        column,
+        row: row2,
+        isCellSelected,
+        onRowChange
+      }), dragHandle]
     })
   });
 }
-const ar = /* @__PURE__ */ ae(dr);
-function ur({
-  className: e,
-  rowIdx: t,
-  gridRowStart: n,
-  height: i,
-  selectedCellIdx: l,
-  isRowSelected: c,
-  copiedCellIdx: d,
-  draggedOverCellIdx: C,
-  lastFrozenColumnIndex: f,
-  row: k,
-  viewportColumns: b,
-  selectedCellEditor: w,
-  selectedCellDragHandle: g,
-  onRowClick: s,
-  onRowDoubleClick: v,
-  rowClass: p,
-  setDraggedOverRowIdx: E,
-  onMouseEnter: A,
-  onRowChange: _,
-  selectCell: H,
-  ...M
-}, T) {
-  const O = J((S) => {
-    _(t, S);
+const Cell$1 = /* @__PURE__ */ memo(Cell);
+function Row({
+  className,
+  rowIdx,
+  gridRowStart,
+  height,
+  selectedCellIdx,
+  isRowSelected,
+  copiedCellIdx,
+  draggedOverCellIdx,
+  lastFrozenColumnIndex,
+  row: row2,
+  viewportColumns,
+  selectedCellEditor,
+  selectedCellDragHandle,
+  onRowClick,
+  onRowDoubleClick,
+  rowClass,
+  setDraggedOverRowIdx,
+  onMouseEnter,
+  onRowChange,
+  selectCell,
+  ...props
+}, ref) {
+  const handleRowChange = useLatestFunc((newRow) => {
+    onRowChange(rowIdx, newRow);
   });
-  function y(S) {
-    E?.(t), A?.(S);
-  }
-  e = se(mt, `rdg-row-${t % 2 === 0 ? "even" : "odd"}`, p?.(k), e, l === -1 && Ve);
-  const z = [];
-  for (let S = 0; S < b.length; S++) {
-    const h = b[S], {
-      idx: x
-    } = h, D = Z(h, f, {
+  function handleDragEnter(event) {
+    setDraggedOverRowIdx?.(rowIdx);
+    onMouseEnter?.(event);
+  }
+  className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? "even" : "odd"}`, rowClass?.(row2), className, selectedCellIdx === -1 && rowSelectedClassname);
+  const cells = [];
+  for (let index = 0; index < viewportColumns.length; index++) {
+    const column = viewportColumns[index];
+    const {
+      idx
+    } = column;
+    const colSpan = getColSpan(column, lastFrozenColumnIndex, {
       type: "ROW",
-      row: k
+      row: row2
     });
-    D !== void 0 && (S += D - 1);
-    const m = l === x;
-    m && w ? z.push(w) : z.push(/* @__PURE__ */ I(ar, {
-      column: h,
-      colSpan: D,
-      row: k,
-      isCopied: d === x,
-      isDraggedOver: C === x,
-      isCellSelected: m,
-      dragHandle: m ? g : void 0,
-      onRowClick: s,
-      onRowDoubleClick: v,
-      onRowChange: O,
-      selectCell: H
-    }, h.key));
-  }
-  return /* @__PURE__ */ I(Qt, {
-    value: c,
-    children: /* @__PURE__ */ I("div", {
+    if (colSpan !== void 0) {
+      index += colSpan - 1;
+    }
+    const isCellSelected = selectedCellIdx === idx;
+    if (isCellSelected && selectedCellEditor) {
+      cells.push(selectedCellEditor);
+    } else {
+      cells.push(/* @__PURE__ */ jsx(Cell$1, {
+        column,
+        colSpan,
+        row: row2,
+        isCopied: copiedCellIdx === idx,
+        isDraggedOver: draggedOverCellIdx === idx,
+        isCellSelected,
+        dragHandle: isCellSelected ? selectedCellDragHandle : void 0,
+        onRowClick,
+        onRowDoubleClick,
+        onRowChange: handleRowChange,
+        selectCell
+      }, column.key));
+    }
+  }
+  return /* @__PURE__ */ jsx(RowSelectionProvider, {
+    value: isRowSelected,
+    children: /* @__PURE__ */ jsx("div", {
       role: "row",
-      ref: T,
-      className: e,
-      onMouseEnter: y,
-      style: qe(n, i),
-      ...M,
-      children: z
+      ref,
+      className,
+      onMouseEnter: handleDragEnter,
+      style: getRowStyle(gridRowStart, height),
+      ...props,
+      children: cells
     })
   });
 }
-const fr = /* @__PURE__ */ ae(/* @__PURE__ */ pt(ur));
-function gr({
-  id: e,
-  groupKey: t,
-  childRows: n,
-  isExpanded: i,
-  isCellSelected: l,
-  column: c,
-  row: d,
-  groupColumnIndex: C,
-  toggleGroup: f
+const Row$1 = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef(Row));
+function GroupCell({
+  id,
+  groupKey,
+  childRows,
+  isExpanded,
+  isCellSelected,
+  column,
+  row: row2,
+  groupColumnIndex,
+  toggleGroup: toggleGroupWrapper
 }) {
   const {
-    ref: k,
-    tabIndex: b,
-    onFocus: w
-  } = Ue(l);
-  function g() {
-    f(e);
-  }
-  const s = c.rowGroup && C === c.idx;
-  return /* @__PURE__ */ I("div", {
+    ref,
+    tabIndex,
+    onFocus
+  } = useRovingCellRef(isCellSelected);
+  function toggleGroup() {
+    toggleGroupWrapper(id);
+  }
+  const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
+  return /* @__PURE__ */ jsx("div", {
     role: "gridcell",
-    "aria-colindex": c.idx + 1,
-    "aria-selected": l,
-    ref: k,
-    tabIndex: b,
-    className: De(c),
+    "aria-colindex": column.idx + 1,
+    "aria-selected": isCellSelected,
+    ref,
+    tabIndex,
+    className: getCellClassname(column),
     style: {
-      ...Ee(c),
-      cursor: s ? "pointer" : "default"
+      ...getCellStyle(column),
+      cursor: isLevelMatching ? "pointer" : "default"
     },
-    onClick: s ? g : void 0,
-    onFocus: w,
-    children: (!c.rowGroup || C === c.idx) && c.groupFormatter && /* @__PURE__ */ I(c.groupFormatter, {
-      groupKey: t,
-      childRows: n,
-      column: c,
-      row: d,
-      isExpanded: i,
-      isCellSelected: l,
-      toggleGroup: g
+    onClick: isLevelMatching ? toggleGroup : void 0,
+    onFocus,
+    children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /* @__PURE__ */ jsx(column.groupFormatter, {
+      groupKey,
+      childRows,
+      column,
+      row: row2,
+      isExpanded,
+      isCellSelected,
+      toggleGroup
     })
-  }, c.key);
+  }, column.key);
 }
-const br = /* @__PURE__ */ ae(gr);
-var hr = ".gyxx7e9700-beta13:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e9700-beta13>.c1wupbe700-beta13:not(:last-child):not(.c9dpaye700-beta13){border-inline-end:none}";
-G(hr, { insertAt: "top" });
-const pr = "gyxx7e9700-beta13", xr = `rdg-group-row ${pr}`;
-function wr({
-  id: e,
-  groupKey: t,
-  viewportColumns: n,
-  childRows: i,
-  rowIdx: l,
-  row: c,
-  gridRowStart: d,
-  height: C,
-  level: f,
-  isExpanded: k,
-  selectedCellIdx: b,
-  isRowSelected: w,
-  selectGroup: g,
-  toggleGroup: s,
-  ...v
+const GroupCell$1 = /* @__PURE__ */ memo(GroupCell);
+var css_248z$6 = ".gyxx7e9700-beta13:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e9700-beta13>.c1wupbe700-beta13:not(:last-child):not(.c9dpaye700-beta13){border-inline-end:none}";
+styleInject(css_248z$6, { "insertAt": "top" });
+const groupRow = "gyxx7e9700-beta13";
+const groupRowClassname = `rdg-group-row ${groupRow}`;
+function GroupedRow({
+  id,
+  groupKey,
+  viewportColumns,
+  childRows,
+  rowIdx,
+  row: row2,
+  gridRowStart,
+  height,
+  level,
+  isExpanded,
+  selectedCellIdx,
+  isRowSelected,
+  selectGroup,
+  toggleGroup,
+  ...props
 }) {
-  const p = n[0].key === ft ? f + 1 : f;
-  function E() {
-    g(l);
+  const idx = viewportColumns[0].key === SELECT_COLUMN_KEY ? level + 1 : level;
+  function handleSelectGroup() {
+    selectGroup(rowIdx);
   }
-  return /* @__PURE__ */ I(Qt, {
-    value: w,
-    children: /* @__PURE__ */ I("div", {
+  return /* @__PURE__ */ jsx(RowSelectionProvider, {
+    value: isRowSelected,
+    children: /* @__PURE__ */ jsx("div", {
       role: "row",
-      "aria-level": f,
-      "aria-expanded": k,
-      className: se(mt, xr, `rdg-row-${l % 2 === 0 ? "even" : "odd"}`, b === -1 && Ve),
-      onClick: E,
-      style: qe(d, C),
-      ...v,
-      children: n.map((A) => /* @__PURE__ */ I(br, {
-        id: e,
-        groupKey: t,
-        childRows: i,
-        isExpanded: k,
-        isCellSelected: b === A.idx,
-        column: A,
-        row: c,
-        groupColumnIndex: p,
-        toggleGroup: s
-      }, A.key))
+      "aria-level": level,
+      "aria-expanded": isExpanded,
+      className: clsx(rowClassname, groupRowClassname, `rdg-row-${rowIdx % 2 === 0 ? "even" : "odd"}`, selectedCellIdx === -1 && rowSelectedClassname),
+      onClick: handleSelectGroup,
+      style: getRowStyle(gridRowStart, height),
+      ...props,
+      children: viewportColumns.map((column) => /* @__PURE__ */ jsx(GroupCell$1, {
+        id,
+        groupKey,
+        childRows,
+        isExpanded,
+        isCellSelected: selectedCellIdx === column.idx,
+        column,
+        row: row2,
+        groupColumnIndex: idx,
+        toggleGroup
+      }, column.key))
     })
   });
 }
-const mr = /* @__PURE__ */ ae(wr);
-var Cr = ".s1n3hxke700-beta13{inset-block-end:var(--rdg-summary-row-bottom);inset-block-start:var(--rdg-summary-row-top)}";
-G(Cr, { insertAt: "top" });
-const kr = "s1n3hxke700-beta13";
-function yr({
-  column: e,
-  colSpan: t,
-  row: n,
-  isCellSelected: i,
-  selectCell: l
+const GroupRowRenderer = /* @__PURE__ */ memo(GroupedRow);
+var css_248z$5 = ".s1n3hxke700-beta13{inset-block-end:var(--rdg-summary-row-bottom);inset-block-start:var(--rdg-summary-row-top)}";
+styleInject(css_248z$5, { "insertAt": "top" });
+const summaryCellClassname = "s1n3hxke700-beta13";
+function SummaryCell({
+  column,
+  colSpan,
+  row: row2,
+  isCellSelected,
+  selectCell
 }) {
   const {
-    ref: c,
-    tabIndex: d,
-    onFocus: C
-  } = Ue(i), {
-    summaryFormatter: f,
-    summaryCellClass: k
-  } = e, b = De(e, kr, typeof k == "function" ? k(n) : k);
-  function w() {
-    l(n, e);
-  }
-  return /* @__PURE__ */ I("div", {
+    ref,
+    tabIndex,
+    onFocus
+  } = useRovingCellRef(isCellSelected);
+  const {
+    summaryFormatter: SummaryFormatter,
+    summaryCellClass
+  } = column;
+  const className = getCellClassname(column, summaryCellClassname, typeof summaryCellClass === "function" ? summaryCellClass(row2) : summaryCellClass);
+  function onClick() {
+    selectCell(row2, column);
+  }
+  return /* @__PURE__ */ jsx("div", {
     role: "gridcell",
-    "aria-colindex": e.idx + 1,
-    "aria-colspan": t,
-    "aria-selected": i,
-    ref: c,
-    tabIndex: d,
-    className: b,
-    style: Ee(e, t),
-    onClick: w,
-    onFocus: C,
-    children: f && /* @__PURE__ */ I(f, {
-      column: e,
-      row: n,
-      isCellSelected: i
+    "aria-colindex": column.idx + 1,
+    "aria-colspan": colSpan,
+    "aria-selected": isCellSelected,
+    ref,
+    tabIndex,
+    className,
+    style: getCellStyle(column, colSpan),
+    onClick,
+    onFocus,
+    children: SummaryFormatter && /* @__PURE__ */ jsx(SummaryFormatter, {
+      column,
+      row: row2,
+      isCellSelected
     })
   });
 }
-const Rr = /* @__PURE__ */ ae(yr);
-var vr = ".snfqesz700-beta13.r1otpg64700-beta13{line-height:var(--rdg-summary-row-height)}.snfqesz700-beta13.r1otpg64700-beta13>.c1wupbe700-beta13{position:sticky}.s1jijrjz700-beta13>.c1wupbe700-beta13{border-block-start:2px solid var(--rdg-summary-border-color)}";
-G(vr, { insertAt: "top" });
-const Ir = "snfqesz700-beta13", Sr = "s1jijrjz700-beta13", zr = `rdg-summary-row ${Ir}`;
-function Er({
-  rowIdx: e,
-  gridRowStart: t,
-  row: n,
-  viewportColumns: i,
-  top: l,
-  bottom: c,
-  lastFrozenColumnIndex: d,
-  selectedCellIdx: C,
-  selectCell: f,
-  "aria-rowindex": k
+const SummaryCell$1 = /* @__PURE__ */ memo(SummaryCell);
+var css_248z$4 = ".snfqesz700-beta13.r1otpg64700-beta13{line-height:var(--rdg-summary-row-height)}.snfqesz700-beta13.r1otpg64700-beta13>.c1wupbe700-beta13{position:sticky}.s1jijrjz700-beta13>.c1wupbe700-beta13{border-block-start:2px solid var(--rdg-summary-border-color)}";
+styleInject(css_248z$4, { "insertAt": "top" });
+const summaryRow = "snfqesz700-beta13";
+const summaryRowBorderClassname = "s1jijrjz700-beta13";
+const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
+function SummaryRow({
+  rowIdx,
+  gridRowStart,
+  row: row2,
+  viewportColumns,
+  top,
+  bottom,
+  lastFrozenColumnIndex,
+  selectedCellIdx,
+  selectCell,
+  "aria-rowindex": ariaRowIndex
 }) {
-  const b = [];
-  for (let w = 0; w < i.length; w++) {
-    const g = i[w], s = Z(g, d, {
+  const cells = [];
+  for (let index = 0; index < viewportColumns.length; index++) {
+    const column = viewportColumns[index];
+    const colSpan = getColSpan(column, lastFrozenColumnIndex, {
       type: "SUMMARY",
-      row: n
+      row: row2
     });
-    s !== void 0 && (w += s - 1);
-    const v = C === g.idx;
-    b.push(/* @__PURE__ */ I(Rr, {
-      column: g,
-      colSpan: s,
-      row: n,
-      isCellSelected: v,
-      selectCell: f
-    }, g.key));
-  }
-  return /* @__PURE__ */ I("div", {
+    if (colSpan !== void 0) {
+      index += colSpan - 1;
+    }
+    const isCellSelected = selectedCellIdx === column.idx;
+    cells.push(/* @__PURE__ */ jsx(SummaryCell$1, {
+      column,
+      colSpan,
+      row: row2,
+      isCellSelected,
+      selectCell
+    }, column.key));
+  }
+  return /* @__PURE__ */ jsx("div", {
     role: "row",
-    "aria-rowindex": k,
-    className: se(mt, `rdg-row-${e % 2 === 0 ? "even" : "odd"}`, zr, e === 0 && Sr, C === -1 && Ve),
+    "aria-rowindex": ariaRowIndex,
+    className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? "even" : "odd"}`, summaryRowClassname, rowIdx === 0 && summaryRowBorderClassname, selectedCellIdx === -1 && rowSelectedClassname),
     style: {
-      ...qe(t),
-      "--rdg-summary-row-top": l !== void 0 ? `${l}px` : void 0,
-      "--rdg-summary-row-bottom": c !== void 0 ? `${c}px` : void 0
+      ...getRowStyle(gridRowStart),
+      "--rdg-summary-row-top": top !== void 0 ? `${top}px` : void 0,
+      "--rdg-summary-row-bottom": bottom !== void 0 ? `${bottom}px` : void 0
     },
-    children: b
+    children: cells
   });
 }
-const Dr = /* @__PURE__ */ ae(Er);
-var Fr = ".c1tngyp1700-beta13.rdg-cell{padding:0}";
-G(Fr, { insertAt: "top" });
-const $r = "c1tngyp1700-beta13";
-function Lr({
-  column: e,
-  colSpan: t,
-  row: n,
-  onRowChange: i,
-  closeEditor: l
+const SummaryRow$1 = /* @__PURE__ */ memo(SummaryRow);
+var css_248z$3 = ".c1tngyp1700-beta13.rdg-cell{padding:0}";
+styleInject(css_248z$3, { "insertAt": "top" });
+const cellEditing = "c1tngyp1700-beta13";
+function EditCell({
+  column,
+  colSpan,
+  row: row2,
+  onRowChange,
+  closeEditor
 }) {
-  const c = ce(), d = e.editorOptions?.commitOnOutsideClick !== !1, C = J(() => {
-    b(!0);
+  const frameRequestRef = useRef();
+  const commitOnOutsideClick = column.editorOptions?.commitOnOutsideClick !== false;
+  const commitOnOutsideMouseDown = useLatestFunc(() => {
+    onClose(true);
   });
-  wt(() => {
-    if (!d)
+  useEffect(() => {
+    if (!commitOnOutsideClick)
       return;
-    function s() {
-      c.current = requestAnimationFrame(C);
+    function onWindowCaptureMouseDown() {
+      frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
     }
-    return addEventListener("mousedown", s, {
-      capture: !0
-    }), () => {
-      removeEventListener("mousedown", s, {
-        capture: !0
-      }), f();
+    addEventListener("mousedown", onWindowCaptureMouseDown, {
+      capture: true
+    });
+    return () => {
+      removeEventListener("mousedown", onWindowCaptureMouseDown, {
+        capture: true
+      });
+      cancelFrameRequest();
     };
-  }, [d, C]);
-  function f() {
-    cancelAnimationFrame(c.current);
+  }, [commitOnOutsideClick, commitOnOutsideMouseDown]);
+  function cancelFrameRequest() {
+    cancelAnimationFrame(frameRequestRef.current);
   }
-  function k(s) {
-    s.key === "Escape" ? (s.stopPropagation(), b()) : s.key === "Enter" ? (s.stopPropagation(), b(!0)) : (e.editorOptions?.onNavigation ?? En)(s) || s.stopPropagation();
+  function onKeyDown(event) {
+    if (event.key === "Escape") {
+      event.stopPropagation();
+      onClose();
+    } else if (event.key === "Enter") {
+      event.stopPropagation();
+      onClose(true);
+    } else {
+      const onNavigation = column.editorOptions?.onNavigation ?? onEditorNavigation;
+      if (!onNavigation(event)) {
+        event.stopPropagation();
+      }
+    }
   }
-  function b(s) {
-    s ? i(n, !0) : l();
+  function onClose(commitChanges) {
+    if (commitChanges) {
+      onRowChange(row2, true);
+    } else {
+      closeEditor();
+    }
   }
   const {
-    cellClass: w
-  } = e, g = De(e, "rdg-editor-container", typeof w == "function" ? w(n) : w, !e.editorOptions?.renderFormatter && $r);
-  return /* @__PURE__ */ I("div", {
+    cellClass
+  } = column;
+  const className = getCellClassname(column, "rdg-editor-container", typeof cellClass === "function" ? cellClass(row2) : cellClass, !column.editorOptions?.renderFormatter && cellEditing);
+  return /* @__PURE__ */ jsx("div", {
     role: "gridcell",
-    "aria-colindex": e.idx + 1,
-    "aria-colspan": t,
-    "aria-selected": !0,
-    className: g,
-    style: Ee(e, t),
-    onKeyDown: k,
-    onMouseDownCapture: d ? f : void 0,
-    children: e.editor != null && /* @__PURE__ */ ne(ze, {
-      children: [/* @__PURE__ */ I(e.editor, {
-        column: e,
-        row: n,
-        onRowChange: i,
-        onClose: b
-      }), e.editorOptions?.renderFormatter && /* @__PURE__ */ I(e.formatter, {
-        column: e,
-        row: n,
-        isCellSelected: !0,
-        onRowChange: i
+    "aria-colindex": column.idx + 1,
+    "aria-colspan": colSpan,
+    "aria-selected": true,
+    className,
+    style: getCellStyle(column, colSpan),
+    onKeyDown,
+    onMouseDownCapture: commitOnOutsideClick ? cancelFrameRequest : void 0,
+    children: column.editor != null && /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx(column.editor, {
+        column,
+        row: row2,
+        onRowChange,
+        onClose
+      }), column.editorOptions?.renderFormatter && /* @__PURE__ */ jsx(column.formatter, {
+        column,
+        row: row2,
+        isCellSelected: true,
+        onRowChange
       })]
     })
   });
 }
-var Ar = ".cadd3bp700-beta13{background-color:var(--rdg-selection-color);block-size:8px;cursor:move;inline-size:8px;inset-block-end:0;inset-inline-end:0;position:absolute}.cadd3bp700-beta13:hover{background-color:var(--rdg-background-color);block-size:16px;border:2px solid var(--rdg-selection-color);inline-size:16px}";
-G(Ar, { insertAt: "top" });
-const Or = "cadd3bp700-beta13", Tr = `rdg-cell-drag-handle ${Or}`;
-function Nr({
-  rows: e,
-  columns: t,
-  selectedPosition: n,
-  latestDraggedOverRowIdx: i,
-  isCellEditable: l,
-  onRowsChange: c,
-  onFill: d,
-  setDragging: C,
-  setDraggedOverRowIdx: f
+var css_248z$2 = ".cadd3bp700-beta13{background-color:var(--rdg-selection-color);block-size:8px;cursor:move;inline-size:8px;inset-block-end:0;inset-inline-end:0;position:absolute}.cadd3bp700-beta13:hover{background-color:var(--rdg-background-color);block-size:16px;border:2px solid var(--rdg-selection-color);inline-size:16px}";
+styleInject(css_248z$2, { "insertAt": "top" });
+const cellDragHandle = "cadd3bp700-beta13";
+const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
+function DragHandle({
+  rows,
+  columns,
+  selectedPosition,
+  latestDraggedOverRowIdx,
+  isCellEditable: isCellEditable2,
+  onRowsChange,
+  onFill,
+  setDragging,
+  setDraggedOverRowIdx
 }) {
-  function k(s) {
-    if (s.buttons !== 1)
+  function handleMouseDown(event) {
+    if (event.buttons !== 1)
       return;
-    C(!0), window.addEventListener("mouseover", v), window.addEventListener("mouseup", p);
-    function v(E) {
-      E.buttons !== 1 && p();
+    setDragging(true);
+    window.addEventListener("mouseover", onMouseOver);
+    window.addEventListener("mouseup", onMouseUp);
+    function onMouseOver(event2) {
+      if (event2.buttons !== 1)
+        onMouseUp();
     }
-    function p() {
-      window.removeEventListener("mouseover", v), window.removeEventListener("mouseup", p), C(!1), b();
+    function onMouseUp() {
+      window.removeEventListener("mouseover", onMouseOver);
+      window.removeEventListener("mouseup", onMouseUp);
+      setDragging(false);
+      handleDragEnd();
     }
   }
-  function b() {
-    const s = i.current;
-    if (s === void 0)
+  function handleDragEnd() {
+    const overRowIdx = latestDraggedOverRowIdx.current;
+    if (overRowIdx === void 0)
       return;
     const {
-      rowIdx: v
-    } = n, p = v < s ? v + 1 : s, E = v < s ? s + 1 : v;
-    g(p, E), f(void 0);
+      rowIdx
+    } = selectedPosition;
+    const startRowIndex = rowIdx < overRowIdx ? rowIdx + 1 : overRowIdx;
+    const endRowIndex = rowIdx < overRowIdx ? overRowIdx + 1 : rowIdx;
+    updateRows(startRowIndex, endRowIndex);
+    setDraggedOverRowIdx(void 0);
   }
-  function w(s) {
-    s.stopPropagation(), g(n.rowIdx + 1, e.length);
+  function handleDoubleClick(event) {
+    event.stopPropagation();
+    updateRows(selectedPosition.rowIdx + 1, rows.length);
   }
-  function g(s, v) {
+  function updateRows(startRowIdx, endRowIdx) {
     const {
-      idx: p,
-      rowIdx: E
-    } = n, A = t[p], _ = e[E], H = [...e], M = [];
-    for (let T = s; T < v; T++)
-      if (l({
-        rowIdx: T,
-        idx: p
+      idx,
+      rowIdx
+    } = selectedPosition;
+    const column = columns[idx];
+    const sourceRow = rows[rowIdx];
+    const updatedRows = [...rows];
+    const indexes = [];
+    for (let i = startRowIdx; i < endRowIdx; i++) {
+      if (isCellEditable2({
+        rowIdx: i,
+        idx
       })) {
-        const O = d({
-          columnKey: A.key,
-          sourceRow: _,
-          targetRow: e[T]
+        const updatedRow = onFill({
+          columnKey: column.key,
+          sourceRow,
+          targetRow: rows[i]
         });
-        O !== e[T] && (H[T] = O, M.push(T));
+        if (updatedRow !== rows[i]) {
+          updatedRows[i] = updatedRow;
+          indexes.push(i);
+        }
       }
-    M.length > 0 && c?.(H, {
-      indexes: M,
-      column: A
-    });
+    }
+    if (indexes.length > 0) {
+      onRowsChange?.(updatedRows, {
+        indexes,
+        column
+      });
+    }
   }
-  return /* @__PURE__ */ I("div", {
-    className: Tr,
-    onMouseDown: k,
-    onDoubleClick: w
+  return /* @__PURE__ */ jsx("div", {
+    className: cellDragHandleClassname,
+    onMouseDown: handleMouseDown,
+    onDoubleClick: handleDoubleClick
   });
 }
-var Pr = ".a888944700-beta13{fill:currentColor}.a888944700-beta13>path{transition:d .1s}";
-G(Pr, { insertAt: "top" });
-const Mr = "a888944700-beta13", Wr = `rdg-sort-arrow ${Mr}`;
-function Hr({
-  sortDirection: e
+var css_248z$1 = ".a888944700-beta13{fill:currentColor}.a888944700-beta13>path{transition:d .1s}";
+styleInject(css_248z$1, { "insertAt": "top" });
+const arrow = "a888944700-beta13";
+const arrowClassname = `rdg-sort-arrow ${arrow}`;
+function SortIcon({
+  sortDirection
 }) {
-  return e !== void 0 ? /* @__PURE__ */ I("svg", {
+  return sortDirection !== void 0 ? /* @__PURE__ */ jsx("svg", {
     viewBox: "0 0 12 8",
     width: "12",
     height: "8",
-    className: Wr,
-    "aria-hidden": !0,
-    children: /* @__PURE__ */ I("path", {
-      d: e === "ASC" ? "M0 8 6 0 12 8" : "M0 0 6 8 12 0"
+    className: arrowClassname,
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", {
+      d: sortDirection === "ASC" ? "M0 8 6 0 12 8" : "M0 0 6 8 12 0"
     })
   }) : null;
 }
-const Xt = {
+const initialPosition = {
   idx: -1,
   rowIdx: -2,
   mode: "SELECT"
 };
-function Kr({
-  columns: e,
-  rows: t,
-  summaryRows: n,
-  rowKeyGetter: i,
-  onRowsChange: l,
-  rowHeight: c,
-  headerRowHeight: d,
-  summaryRowHeight: C,
-  selectedRows: f,
-  onSelectedRowsChange: k,
-  sortColumns: b,
-  onSortColumnsChange: w,
-  defaultColumnOptions: g,
-  groupBy: s,
-  rowGrouper: v,
-  expandedGroupIds: p,
-  onExpandedGroupIdsChange: E,
-  onRowClick: A,
-  onRowDoubleClick: _,
-  onScroll: H,
-  onColumnResize: M,
-  onFill: T,
-  onCopy: O,
-  onPaste: y,
-  cellNavigationMode: z,
-  enableVirtualization: S,
-  components: h,
-  className: x,
-  style: D,
-  rowClass: m,
-  direction: F,
-  "aria-label": V,
-  "aria-labelledby": ee,
-  "aria-describedby": ue,
-  "data-testid": le
-}, Fe) {
-  const fe = kt();
-  c ?? (c = 35);
-  const ge = d ?? (typeof c == "number" ? c : 35), te = C ?? (typeof c == "number" ? c : 35), oo = h?.rowRenderer ?? fe?.rowRenderer ?? fr, yt = h?.sortIcon ?? fe?.sortIcon ?? Hr, Rt = h?.checkboxFormatter ?? fe?.checkboxFormatter ?? pn, vt = h?.noRowsFallback ?? fe?.noRowsFallback, $e = z ?? "NONE";
-  S ?? (S = !0), F ?? (F = "ltr");
-  const [no, ro] = Y(0), [Xe, io] = Y(0), [co, It] = Y(() => /* @__PURE__ */ new Map()), [u, be] = Y(Xt), [he, St] = Y(null), [zt, so] = Y(!1), [Ce, lo] = Y(void 0), [re, Et] = Y(null), Ye = ce(u), Dt = ce(Ce), Je = ce(-1), Le = ce(null), [de, ao, Ft] = Mn(), oe = 1, pe = n?.length ?? 0, Ae = Ft - ge - pe * te, ke = f != null && k != null, uo = u.rowIdx === -1, Oe = F === "rtl", Qe = Oe ? "ArrowRight" : "ArrowLeft", $t = Oe ? "ArrowLeft" : "ArrowRight", fo = Q(() => ({
-    sortIcon: yt,
-    checkboxFormatter: Rt
-  }), [yt, Rt]), go = Q(() => {
+function DataGrid({
+  columns: rawColumns,
+  rows: rawRows,
+  summaryRows,
+  rowKeyGetter,
+  onRowsChange,
+  rowHeight,
+  headerRowHeight: rawHeaderRowHeight,
+  summaryRowHeight: rawSummaryRowHeight,
+  selectedRows,
+  onSelectedRowsChange,
+  sortColumns,
+  onSortColumnsChange,
+  defaultColumnOptions,
+  groupBy: rawGroupBy,
+  rowGrouper,
+  expandedGroupIds,
+  onExpandedGroupIdsChange,
+  onRowClick,
+  onRowDoubleClick,
+  onScroll,
+  onColumnResize,
+  onFill,
+  onCopy,
+  onPaste,
+  cellNavigationMode: rawCellNavigationMode,
+  enableVirtualization,
+  components,
+  className,
+  style,
+  rowClass,
+  direction,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "data-testid": testId
+}, ref) {
+  const defaultComponents = useDefaultComponents();
+  rowHeight ?? (rowHeight = 35);
+  const headerRowHeight = rawHeaderRowHeight ?? (typeof rowHeight === "number" ? rowHeight : 35);
+  const summaryRowHeight = rawSummaryRowHeight ?? (typeof rowHeight === "number" ? rowHeight : 35);
+  const RowRenderer = components?.rowRenderer ?? defaultComponents?.rowRenderer ?? Row$1;
+  const sortIcon = components?.sortIcon ?? defaultComponents?.sortIcon ?? SortIcon;
+  const checkboxFormatter = components?.checkboxFormatter ?? defaultComponents?.checkboxFormatter ?? CheckboxFormatter;
+  const noRowsFallback = components?.noRowsFallback ?? defaultComponents?.noRowsFallback;
+  const cellNavigationMode = rawCellNavigationMode ?? "NONE";
+  enableVirtualization ?? (enableVirtualization = true);
+  direction ?? (direction = "ltr");
+  const [scrollTop, setScrollTop] = useState(0);
+  const [scrollLeft, setScrollLeft] = useState(0);
+  const [columnWidths, setColumnWidths] = useState(() => /* @__PURE__ */ new Map());
+  const [selectedPosition, setSelectedPosition] = useState(initialPosition);
+  const [copiedCell, setCopiedCell] = useState(null);
+  const [isDragging, setDragging] = useState(false);
+  const [draggedOverRowIdx, setOverRowIdx] = useState(void 0);
+  const [autoResizeColumn, setAutoResizeColumn] = useState(null);
+  const prevSelectedPosition = useRef(selectedPosition);
+  const latestDraggedOverRowIdx = useRef(draggedOverRowIdx);
+  const lastSelectedRowIdx = useRef(-1);
+  const rowRef = useRef(null);
+  const [gridRef, gridWidth, gridHeight] = useGridDimensions();
+  const headerRowsCount = 1;
+  const summaryRowsCount = summaryRows?.length ?? 0;
+  const clientHeight = gridHeight - headerRowHeight - summaryRowsCount * summaryRowHeight;
+  const isSelectable = selectedRows != null && onSelectedRowsChange != null;
+  const isHeaderRowSelected = selectedPosition.rowIdx === -1;
+  const isRtl = direction === "rtl";
+  const leftKey = isRtl ? "ArrowRight" : "ArrowLeft";
+  const rightKey = isRtl ? "ArrowLeft" : "ArrowRight";
+  const defaultGridComponents = useMemo(() => ({
+    sortIcon,
+    checkboxFormatter
+  }), [sortIcon, checkboxFormatter]);
+  const allRowsSelected = useMemo(() => {
     const {
-      length: o
-    } = t;
-    return o !== 0 && f != null && i != null && f.size >= o && t.every((r) => f.has(i(r)));
-  }, [t, f, i]), {
-    columns: B,
-    colSpanColumns: Lt,
-    colOverscanStartIdx: bo,
-    colOverscanEndIdx: At,
-    layoutCssVars: Ze,
-    columnMetrics: Ot,
-    lastFrozenColumnIndex: U,
-    totalFrozenColumnWidth: et,
-    groupBy: Tt
-  } = Nn({
-    rawColumns: e,
-    columnWidths: co,
-    scrollLeft: Xe,
-    viewportWidth: ao,
-    defaultColumnOptions: g,
-    rawGroupBy: v ? s : void 0,
-    enableVirtualization: S
-  }), {
-    rowOverscanStartIdx: ye,
-    rowOverscanEndIdx: Re,
-    rows: W,
-    rowsCount: Nt,
-    totalRowHeight: Pt,
-    gridTemplateRows: ho,
-    isGroupRow: X,
-    getRowTop: tt,
-    getRowHeight: ot,
-    findRowIdx: Mt
-  } = Kn({
-    rawRows: t,
-    groupBy: Tt,
-    rowGrouper: v,
-    rowHeight: c,
-    clientHeight: Ae,
-    scrollTop: no,
-    expandedGroupIds: p,
-    enableVirtualization: S
-  }), xe = Wn({
-    columns: B,
-    colSpanColumns: Lt,
-    colOverscanStartIdx: bo,
-    colOverscanEndIdx: At,
-    lastFrozenColumnIndex: U,
-    rowOverscanStartIdx: ye,
-    rowOverscanEndIdx: Re,
-    rows: W,
-    summaryRows: n,
-    isGroupRow: X
-  }), ie = Tt.length > 0 && typeof v == "function", po = ie ? -1 : 0, Te = B.length - 1, ve = -1, Ie = oe + W.length + pe - 2, nt = Me(u), Ne = Gt(u), xo = J(Wt), wo = J(So), mo = J(Pe), Co = J((o, r, R) => {
-    const a = W.indexOf(o);
-    we({
-      rowIdx: a,
-      idx: r.idx
-    }, R);
-  }), ko = J((o) => {
-    we({
-      rowIdx: o,
+      length
+    } = rawRows;
+    return length !== 0 && selectedRows != null && rowKeyGetter != null && selectedRows.size >= length && rawRows.every((row2) => selectedRows.has(rowKeyGetter(row2)));
+  }, [rawRows, selectedRows, rowKeyGetter]);
+  const {
+    columns,
+    colSpanColumns,
+    colOverscanStartIdx,
+    colOverscanEndIdx,
+    layoutCssVars,
+    columnMetrics,
+    lastFrozenColumnIndex,
+    totalFrozenColumnWidth,
+    groupBy
+  } = useCalculatedColumns({
+    rawColumns,
+    columnWidths,
+    scrollLeft,
+    viewportWidth: gridWidth,
+    defaultColumnOptions,
+    rawGroupBy: rowGrouper ? rawGroupBy : void 0,
+    enableVirtualization
+  });
+  const {
+    rowOverscanStartIdx,
+    rowOverscanEndIdx,
+    rows,
+    rowsCount,
+    totalRowHeight,
+    gridTemplateRows,
+    isGroupRow,
+    getRowTop,
+    getRowHeight,
+    findRowIdx
+  } = useViewportRows({
+    rawRows,
+    groupBy,
+    rowGrouper,
+    rowHeight,
+    clientHeight,
+    scrollTop,
+    expandedGroupIds,
+    enableVirtualization
+  });
+  const viewportColumns = useViewportColumns({
+    columns,
+    colSpanColumns,
+    colOverscanStartIdx,
+    colOverscanEndIdx,
+    lastFrozenColumnIndex,
+    rowOverscanStartIdx,
+    rowOverscanEndIdx,
+    rows,
+    summaryRows,
+    isGroupRow
+  });
+  const hasGroups = groupBy.length > 0 && typeof rowGrouper === "function";
+  const minColIdx = hasGroups ? -1 : 0;
+  const maxColIdx = columns.length - 1;
+  const minRowIdx = -1;
+  const maxRowIdx = headerRowsCount + rows.length + summaryRowsCount - 2;
+  const selectedCellIsWithinSelectionBounds = isCellWithinSelectionBounds(selectedPosition);
+  const selectedCellIsWithinViewportBounds = isCellWithinViewportBounds(selectedPosition);
+  const selectRowLatest = useLatestFunc(selectRow);
+  const selectAllRowsLatest = useLatestFunc(selectAllRows);
+  const handleFormatterRowChangeLatest = useLatestFunc(updateRow);
+  const selectViewportCellLatest = useLatestFunc((row2, column, enableEditor) => {
+    const rowIdx = rows.indexOf(row2);
+    selectCell({
+      rowIdx,
+      idx: column.idx
+    }, enableEditor);
+  });
+  const selectGroupLatest = useLatestFunc((rowIdx) => {
+    selectCell({
+      rowIdx,
       idx: -1
     });
-  }), yo = J((o) => {
-    we({
+  });
+  const selectHeaderCellLatest = useLatestFunc((idx) => {
+    selectCell({
       rowIdx: -1,
-      idx: o
+      idx
     });
-  }), Ro = J((o, r) => {
-    const R = n.indexOf(o) + oe + W.length - 1;
-    we({
-      rowIdx: R,
-      idx: r.idx
+  });
+  const selectSummaryCellLatest = useLatestFunc((summaryRow2, column) => {
+    const rowIdx = summaryRows.indexOf(summaryRow2) + headerRowsCount + rows.length - 1;
+    selectCell({
+      rowIdx,
+      idx: column.idx
     });
-  }), vo = J(Ht);
-  Be(() => {
-    if (!nt || at(u, Ye.current)) {
-      Ye.current = u;
+  });
+  const toggleGroupLatest = useLatestFunc(toggleGroup);
+  useLayoutEffect(() => {
+    if (!selectedCellIsWithinSelectionBounds || isSamePosition(selectedPosition, prevSelectedPosition.current)) {
+      prevSelectedPosition.current = selectedPosition;
       return;
     }
-    Ye.current = u, u.idx === -1 && (Le.current.focus({
-      preventScroll: !0
-    }), gt(Le.current));
-  }), Be(() => {
-    if (re === null)
+    prevSelectedPosition.current = selectedPosition;
+    if (selectedPosition.idx === -1) {
+      rowRef.current.focus({
+        preventScroll: true
+      });
+      scrollIntoView(rowRef.current);
+    }
+  });
+  useLayoutEffect(() => {
+    if (autoResizeColumn === null)
       return;
-    const o = de.current.querySelector(`[aria-colindex="${re.idx + 1}"]`), {
-      width: r
-    } = o.getBoundingClientRect();
-    It((R) => {
-      const a = new Map(R);
-      return a.set(re.key, r), a;
-    }), Et(null), M?.(re.idx, r);
-  }, [re, de, M]), Ho(Fe, () => ({
-    element: de.current,
-    scrollToColumn: $o,
-    scrollToRow(o) {
+    const columnElement = gridRef.current.querySelector(`[aria-colindex="${autoResizeColumn.idx + 1}"]`);
+    const {
+      width
+    } = columnElement.getBoundingClientRect();
+    setColumnWidths((columnWidths2) => {
+      const newColumnWidths = new Map(columnWidths2);
+      newColumnWidths.set(autoResizeColumn.key, width);
+      return newColumnWidths;
+    });
+    setAutoResizeColumn(null);
+    onColumnResize?.(autoResizeColumn.idx, width);
+  }, [autoResizeColumn, gridRef, onColumnResize]);
+  useImperativeHandle(ref, () => ({
+    element: gridRef.current,
+    scrollToColumn,
+    scrollToRow(rowIdx) {
       const {
-        current: r
-      } = de;
-      !r || r.scrollTo({
-        top: tt(o),
+        current
+      } = gridRef;
+      if (!current)
+        return;
+      current.scrollTo({
+        top: getRowTop(rowIdx),
         behavior: "smooth"
       });
     },
-    selectCell: we
+    selectCell
   }));
-  const Io = je((o, r) => {
-    if (r === "auto") {
-      Et(o);
+  const handleColumnResize = useCallback((column, width) => {
+    if (width === "auto") {
+      setAutoResizeColumn(column);
       return;
     }
-    It((R) => {
-      const a = new Map(R);
-      return a.set(o.key, r), a;
-    }), M?.(o.idx, r);
-  }, [M]), rt = je((o) => {
-    lo(o), Dt.current = o;
+    setColumnWidths((columnWidths2) => {
+      const newColumnWidths = new Map(columnWidths2);
+      newColumnWidths.set(column.key, width);
+      return newColumnWidths;
+    });
+    onColumnResize?.(column.idx, width);
+  }, [onColumnResize]);
+  const setDraggedOverRowIdx = useCallback((rowIdx) => {
+    setOverRowIdx(rowIdx);
+    latestDraggedOverRowIdx.current = rowIdx;
   }, []);
-  function Wt({
-    row: o,
-    checked: r,
-    isShiftClick: R
+  function selectRow({
+    row: row2,
+    checked,
+    isShiftClick
   }) {
-    if (!k)
+    if (!onSelectedRowsChange)
       return;
-    dt(i);
-    const a = new Set(f);
-    if (X(o)) {
-      for (const $ of o.childRows) {
-        const L = i($);
-        r ? a.add(L) : a.delete(L);
+    assertIsValidKeyGetter(rowKeyGetter);
+    const newSelectedRows = new Set(selectedRows);
+    if (isGroupRow(row2)) {
+      for (const childRow of row2.childRows) {
+        const rowKey2 = rowKeyGetter(childRow);
+        if (checked) {
+          newSelectedRows.add(rowKey2);
+        } else {
+          newSelectedRows.delete(rowKey2);
+        }
       }
-      k(a);
+      onSelectedRowsChange(newSelectedRows);
       return;
     }
-    const N = i(o);
-    if (r) {
-      a.add(N);
-      const $ = Je.current, L = W.indexOf(o);
-      if (Je.current = L, R && $ !== -1 && $ !== L) {
-        const K = An(L - $);
-        for (let P = $ + K; P !== L; P += K) {
-          const q = W[P];
-          X(q) || a.add(i(q));
+    const rowKey = rowKeyGetter(row2);
+    if (checked) {
+      newSelectedRows.add(rowKey);
+      const previousRowIdx = lastSelectedRowIdx.current;
+      const rowIdx = rows.indexOf(row2);
+      lastSelectedRowIdx.current = rowIdx;
+      if (isShiftClick && previousRowIdx !== -1 && previousRowIdx !== rowIdx) {
+        const step = sign(rowIdx - previousRowIdx);
+        for (let i = previousRowIdx + step; i !== rowIdx; i += step) {
+          const row3 = rows[i];
+          if (isGroupRow(row3))
+            continue;
+          newSelectedRows.add(rowKeyGetter(row3));
         }
       }
-    } else
-      a.delete(N), Je.current = -1;
-    k(a);
+    } else {
+      newSelectedRows.delete(rowKey);
+      lastSelectedRowIdx.current = -1;
+    }
+    onSelectedRowsChange(newSelectedRows);
   }
-  function So(o) {
-    if (!k)
+  function selectAllRows(checked) {
+    if (!onSelectedRowsChange)
       return;
-    dt(i);
-    const r = new Set(f);
-    for (const R of t) {
-      const a = i(R);
-      o ? r.add(a) : r.delete(a);
+    assertIsValidKeyGetter(rowKeyGetter);
+    const newSelectedRows = new Set(selectedRows);
+    for (const row2 of rawRows) {
+      const rowKey = rowKeyGetter(row2);
+      if (checked) {
+        newSelectedRows.add(rowKey);
+      } else {
+        newSelectedRows.delete(rowKey);
+      }
     }
-    k(r);
+    onSelectedRowsChange(newSelectedRows);
   }
-  function Ht(o) {
-    if (!E)
+  function toggleGroup(expandedGroupId) {
+    if (!onExpandedGroupIdsChange)
       return;
-    const r = new Set(p);
-    r.has(o) ? r.delete(o) : r.add(o), E(r);
+    const newExpandedGroupIds = new Set(expandedGroupIds);
+    if (newExpandedGroupIds.has(expandedGroupId)) {
+      newExpandedGroupIds.delete(expandedGroupId);
+    } else {
+      newExpandedGroupIds.add(expandedGroupId);
+    }
+    onExpandedGroupIdsChange(newExpandedGroupIds);
   }
-  function Kt(o) {
-    if (!(o.target instanceof Element))
+  function handleKeyDown(event) {
+    if (!(event.target instanceof Element))
       return;
-    const r = o.target.closest(".rdg-cell") !== null, R = ie && o.target === Le.current;
-    if (!r && !R)
+    const isCellEvent = event.target.closest(".rdg-cell") !== null;
+    const isRowEvent = hasGroups && event.target === rowRef.current;
+    if (!isCellEvent && !isRowEvent)
       return;
     const {
-      key: a,
-      keyCode: N
-    } = o, {
-      rowIdx: $
-    } = u;
-    if (Ne && (y != null || O != null) && qt(o) && !X(W[$]) && u.mode === "SELECT") {
-      if (N === 67) {
-        Eo();
+      key,
+      keyCode
+    } = event;
+    const {
+      rowIdx
+    } = selectedPosition;
+    if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event) && !isGroupRow(rows[rowIdx]) && selectedPosition.mode === "SELECT") {
+      const cKey = 67;
+      const vKey = 86;
+      if (keyCode === cKey) {
+        handleCopy();
         return;
       }
-      if (N === 86) {
-        Do();
+      if (keyCode === vKey) {
+        handlePaste();
         return;
       }
     }
-    if (Bt($)) {
-      const L = W[$];
-      if (X(L) && u.idx === -1 && (a === Qe && L.isExpanded || a === $t && !L.isExpanded)) {
-        o.preventDefault(), Ht(L.id);
+    if (isRowIdxWithinViewportBounds(rowIdx)) {
+      const row2 = rows[rowIdx];
+      if (isGroupRow(row2) && selectedPosition.idx === -1 && (key === leftKey && row2.isExpanded || key === rightKey && !row2.isExpanded)) {
+        event.preventDefault();
+        toggleGroup(row2.id);
         return;
       }
     }
-    switch (o.key) {
+    switch (event.key) {
       case "Escape":
-        St(null);
+        setCopiedCell(null);
         return;
       case "ArrowUp":
       case "ArrowDown":
@@ -1595,521 +2048,611 @@ function Kr({
       case "End":
       case "PageUp":
       case "PageDown":
-        Ao(o);
+        navigate(event);
         break;
       default:
-        Fo(o);
+        handleCellInput(event);
         break;
     }
   }
-  function zo(o) {
+  function handleScroll(event) {
     const {
-      scrollTop: r,
-      scrollLeft: R
-    } = o.currentTarget;
-    ro(r), io(On(R)), H?.(o);
+      scrollTop: scrollTop2,
+      scrollLeft: scrollLeft2
+    } = event.currentTarget;
+    setScrollTop(scrollTop2);
+    setScrollLeft(abs(scrollLeft2));
+    onScroll?.(event);
   }
-  function it(o) {
-    return ie ? t.indexOf(W[o]) : o;
+  function getRawRowIdx(rowIdx) {
+    return hasGroups ? rawRows.indexOf(rows[rowIdx]) : rowIdx;
   }
-  function Pe(o, r) {
-    if (typeof l != "function")
+  function updateRow(rowIdx, row2) {
+    if (typeof onRowsChange !== "function")
       return;
-    const R = it(o);
-    if (r === t[R])
+    const rawRowIdx = getRawRowIdx(rowIdx);
+    if (row2 === rawRows[rawRowIdx])
       return;
-    const a = [...t];
-    a[R] = r, l(a, {
-      indexes: [R],
-      column: B[u.idx]
+    const updatedRows = [...rawRows];
+    updatedRows[rawRowIdx] = row2;
+    onRowsChange(updatedRows, {
+      indexes: [rawRowIdx],
+      column: columns[selectedPosition.idx]
     });
   }
-  function _t() {
-    u.mode === "EDIT" && Pe(u.rowIdx, u.row);
+  function commitEditorChanges() {
+    if (selectedPosition.mode !== "EDIT")
+      return;
+    updateRow(selectedPosition.rowIdx, selectedPosition.row);
   }
-  function Eo() {
+  function handleCopy() {
     const {
-      idx: o,
-      rowIdx: r
-    } = u, R = t[it(r)], a = B[o].key;
-    St({
-      row: R,
-      columnKey: a
-    }), O?.({
-      sourceRow: R,
-      sourceColumnKey: a
+      idx,
+      rowIdx
+    } = selectedPosition;
+    const sourceRow = rawRows[getRawRowIdx(rowIdx)];
+    const sourceColumnKey = columns[idx].key;
+    setCopiedCell({
+      row: sourceRow,
+      columnKey: sourceColumnKey
+    });
+    onCopy?.({
+      sourceRow,
+      sourceColumnKey
     });
   }
-  function Do() {
-    if (!y || !l || he === null || !We(u))
+  function handlePaste() {
+    if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable2(selectedPosition)) {
       return;
+    }
     const {
-      idx: o,
-      rowIdx: r
-    } = u, R = t[it(r)], a = y({
-      sourceRow: he.row,
-      sourceColumnKey: he.columnKey,
-      targetRow: R,
-      targetColumnKey: B[o].key
+      idx,
+      rowIdx
+    } = selectedPosition;
+    const targetRow = rawRows[getRawRowIdx(rowIdx)];
+    const updatedTargetRow = onPaste({
+      sourceRow: copiedCell.row,
+      sourceColumnKey: copiedCell.columnKey,
+      targetRow,
+      targetColumnKey: columns[idx].key
     });
-    Pe(r, a);
+    updateRow(rowIdx, updatedTargetRow);
   }
-  function Fo(o) {
-    if (!Ne)
+  function handleCellInput(event) {
+    if (!selectedCellIsWithinViewportBounds)
       return;
-    const r = W[u.rowIdx];
-    if (X(r))
+    const row2 = rows[selectedPosition.rowIdx];
+    if (isGroupRow(row2))
       return;
     const {
-      key: R,
-      shiftKey: a
-    } = o;
-    if (ke && a && R === " ") {
-      dt(i);
-      const $ = i(r);
-      Wt({
-        row: r,
-        checked: !f.has($),
-        isShiftClick: !1
-      }), o.preventDefault();
+      key,
+      shiftKey
+    } = event;
+    if (isSelectable && shiftKey && key === " ") {
+      assertIsValidKeyGetter(rowKeyGetter);
+      const rowKey = rowKeyGetter(row2);
+      selectRow({
+        row: row2,
+        checked: !selectedRows.has(rowKey),
+        isShiftClick: false
+      });
+      event.preventDefault();
       return;
     }
-    B[u.idx].editorOptions?.onCellKeyDown?.(o), !o.isDefaultPrevented() && We(u) && zn(o) && be(({
-      idx: $,
-      rowIdx: L
-    }) => ({
-      idx: $,
-      rowIdx: L,
-      mode: "EDIT",
-      row: r,
-      originalRow: r
-    }));
-  }
-  function jt(o) {
-    return o >= po && o <= Te;
-  }
-  function Bt(o) {
-    return o >= 0 && o < W.length;
-  }
-  function Me({
-    idx: o,
-    rowIdx: r
+    const column = columns[selectedPosition.idx];
+    column.editorOptions?.onCellKeyDown?.(event);
+    if (event.isDefaultPrevented())
+      return;
+    if (isCellEditable2(selectedPosition) && isDefaultCellInput(event)) {
+      setSelectedPosition(({
+        idx,
+        rowIdx
+      }) => ({
+        idx,
+        rowIdx,
+        mode: "EDIT",
+        row: row2,
+        originalRow: row2
+      }));
+    }
+  }
+  function isColIdxWithinSelectionBounds(idx) {
+    return idx >= minColIdx && idx <= maxColIdx;
+  }
+  function isRowIdxWithinViewportBounds(rowIdx) {
+    return rowIdx >= 0 && rowIdx < rows.length;
+  }
+  function isCellWithinSelectionBounds({
+    idx,
+    rowIdx
   }) {
-    return r >= ve && r <= Ie && jt(o);
+    return rowIdx >= minRowIdx && rowIdx <= maxRowIdx && isColIdxWithinSelectionBounds(idx);
   }
-  function Gt({
-    idx: o,
-    rowIdx: r
+  function isCellWithinViewportBounds({
+    idx,
+    rowIdx
   }) {
-    return Bt(r) && jt(o);
-  }
-  function We(o) {
-    return Gt(o) && Dn({
-      columns: B,
-      rows: W,
-      selectedPosition: o,
-      isGroupRow: X
+    return isRowIdxWithinViewportBounds(rowIdx) && isColIdxWithinSelectionBounds(idx);
+  }
+  function isCellEditable2(position) {
+    return isCellWithinViewportBounds(position) && isSelectedCellEditable({
+      columns,
+      rows,
+      selectedPosition: position,
+      isGroupRow
     });
   }
-  function we(o, r) {
-    if (!!Me(o))
-      if (_t(), r && We(o)) {
-        const R = W[o.rowIdx];
-        be({
-          ...o,
-          mode: "EDIT",
-          row: R,
-          originalRow: R
-        });
-      } else
-        at(u, o) ? gt(de.current?.querySelector('[tabindex="0"]')) : be({
-          ...o,
-          mode: "SELECT"
-        });
+  function selectCell(position, enableEditor) {
+    if (!isCellWithinSelectionBounds(position))
+      return;
+    commitEditorChanges();
+    if (enableEditor && isCellEditable2(position)) {
+      const row2 = rows[position.rowIdx];
+      setSelectedPosition({
+        ...position,
+        mode: "EDIT",
+        row: row2,
+        originalRow: row2
+      });
+    } else if (isSamePosition(selectedPosition, position)) {
+      scrollIntoView(gridRef.current?.querySelector('[tabindex="0"]'));
+    } else {
+      setSelectedPosition({
+        ...position,
+        mode: "SELECT"
+      });
+    }
   }
-  function $o(o) {
+  function scrollToColumn(idx) {
     const {
-      current: r
-    } = de;
-    if (!!r && o > U) {
+      current
+    } = gridRef;
+    if (!current)
+      return;
+    if (idx > lastFrozenColumnIndex) {
       const {
-        rowIdx: R
-      } = u;
-      if (!Me({
-        rowIdx: R,
-        idx: o
+        rowIdx
+      } = selectedPosition;
+      if (!isCellWithinSelectionBounds({
+        rowIdx,
+        idx
       }))
         return;
       const {
-        clientWidth: a
-      } = r, N = B[o], {
-        left: $,
-        width: L
-      } = Ot.get(N);
-      let K = $ + L;
-      const P = to({
-        rows: W,
-        summaryRows: n,
-        rowIdx: R,
-        lastFrozenColumnIndex: U,
-        column: N,
-        isGroupRow: X
+        clientWidth
+      } = current;
+      const column = columns[idx];
+      const {
+        left,
+        width
+      } = columnMetrics.get(column);
+      let right = left + width;
+      const colSpan = getSelectedCellColSpan({
+        rows,
+        summaryRows,
+        rowIdx,
+        lastFrozenColumnIndex,
+        column,
+        isGroupRow
       });
-      if (P !== void 0) {
+      if (colSpan !== void 0) {
         const {
-          left: Ke,
-          width: me
-        } = Ot.get(B[N.idx + P - 1]);
-        K = Ke + me;
+          left: left2,
+          width: width2
+        } = columnMetrics.get(columns[column.idx + colSpan - 1]);
+        right = left2 + width2;
+      }
+      const isCellAtLeftBoundary = left < scrollLeft + totalFrozenColumnWidth;
+      const isCellAtRightBoundary = right > clientWidth + scrollLeft;
+      const sign2 = isRtl ? -1 : 1;
+      if (isCellAtLeftBoundary) {
+        current.scrollLeft = (left - totalFrozenColumnWidth) * sign2;
+      } else if (isCellAtRightBoundary) {
+        current.scrollLeft = (right - clientWidth) * sign2;
       }
-      const q = $ < Xe + et, He = K > a + Xe, j = Oe ? -1 : 1;
-      q ? r.scrollLeft = ($ - et) * j : He && (r.scrollLeft = (K - a) * j);
     }
   }
-  function Lo(o, r, R) {
+  function getNextPosition(key, ctrlKey, shiftKey) {
     const {
-      idx: a,
-      rowIdx: N
-    } = u, $ = W[N], L = nt && a === -1;
-    if (o === Qe && L && X($) && !$.isExpanded && $.level !== 0) {
-      let K = -1;
-      for (let P = u.rowIdx - 1; P >= 0; P--) {
-        const q = W[P];
-        if (X(q) && q.id === $.parentId) {
-          K = P;
+      idx,
+      rowIdx
+    } = selectedPosition;
+    const row2 = rows[rowIdx];
+    const isRowSelected = selectedCellIsWithinSelectionBounds && idx === -1;
+    if (key === leftKey && isRowSelected && isGroupRow(row2) && !row2.isExpanded && row2.level !== 0) {
+      let parentRowIdx = -1;
+      for (let i = selectedPosition.rowIdx - 1; i >= 0; i--) {
+        const parentRow = rows[i];
+        if (isGroupRow(parentRow) && parentRow.id === row2.parentId) {
+          parentRowIdx = i;
           break;
         }
       }
-      if (K !== -1)
+      if (parentRowIdx !== -1) {
         return {
-          idx: a,
-          rowIdx: K
+          idx,
+          rowIdx: parentRowIdx
         };
+      }
     }
-    switch (o) {
+    switch (key) {
       case "ArrowUp":
         return {
-          idx: a,
-          rowIdx: N - 1
+          idx,
+          rowIdx: rowIdx - 1
         };
       case "ArrowDown":
         return {
-          idx: a,
-          rowIdx: N + 1
+          idx,
+          rowIdx: rowIdx + 1
         };
-      case Qe:
+      case leftKey:
         return {
-          idx: a - 1,
-          rowIdx: N
+          idx: idx - 1,
+          rowIdx
         };
-      case $t:
+      case rightKey:
         return {
-          idx: a + 1,
-          rowIdx: N
+          idx: idx + 1,
+          rowIdx
         };
       case "Tab":
         return {
-          idx: a + (R ? -1 : 1),
-          rowIdx: N
+          idx: idx + (shiftKey ? -1 : 1),
+          rowIdx
         };
       case "Home":
-        return L ? {
-          idx: a,
-          rowIdx: 0
-        } : {
+        if (isRowSelected)
+          return {
+            idx,
+            rowIdx: 0
+          };
+        return {
           idx: 0,
-          rowIdx: r ? ve : N
+          rowIdx: ctrlKey ? minRowIdx : rowIdx
         };
       case "End":
-        return L ? {
-          idx: a,
-          rowIdx: W.length - 1
-        } : {
-          idx: Te,
-          rowIdx: r ? Ie : N
+        if (isRowSelected)
+          return {
+            idx,
+            rowIdx: rows.length - 1
+          };
+        return {
+          idx: maxColIdx,
+          rowIdx: ctrlKey ? maxRowIdx : rowIdx
         };
       case "PageUp": {
-        if (u.rowIdx === ve)
-          return u;
-        const K = tt(N) + ot(N) - Ae;
+        if (selectedPosition.rowIdx === minRowIdx)
+          return selectedPosition;
+        const nextRowY = getRowTop(rowIdx) + getRowHeight(rowIdx) - clientHeight;
         return {
-          idx: a,
-          rowIdx: K > 0 ? Mt(K) : 0
+          idx,
+          rowIdx: nextRowY > 0 ? findRowIdx(nextRowY) : 0
         };
       }
       case "PageDown": {
-        if (u.rowIdx >= W.length)
-          return u;
-        const K = tt(N) + Ae;
+        if (selectedPosition.rowIdx >= rows.length)
+          return selectedPosition;
+        const nextRowY = getRowTop(rowIdx) + clientHeight;
         return {
-          idx: a,
-          rowIdx: K < Pt ? Mt(K) : W.length - 1
+          idx,
+          rowIdx: nextRowY < totalRowHeight ? findRowIdx(nextRowY) : rows.length - 1
         };
       }
       default:
-        return u;
+        return selectedPosition;
     }
   }
-  function Ao(o) {
+  function navigate(event) {
     const {
-      key: r,
-      shiftKey: R
-    } = o;
-    let a = $e;
-    if (r === "Tab") {
-      if ($n({
-        shiftKey: R,
-        cellNavigationMode: $e,
-        maxColIdx: Te,
-        minRowIdx: ve,
-        maxRowIdx: Ie,
-        selectedPosition: u
+      key,
+      shiftKey
+    } = event;
+    let mode = cellNavigationMode;
+    if (key === "Tab") {
+      if (canExitGrid({
+        shiftKey,
+        cellNavigationMode,
+        maxColIdx,
+        minRowIdx,
+        maxRowIdx,
+        selectedPosition
       })) {
-        _t();
+        commitEditorChanges();
         return;
       }
-      a = $e === "NONE" ? "CHANGE_ROW" : $e;
+      mode = cellNavigationMode === "NONE" ? "CHANGE_ROW" : cellNavigationMode;
     }
-    o.preventDefault();
-    const N = qt(o), $ = Lo(r, N, R);
-    if (at(u, $))
+    event.preventDefault();
+    const ctrlKey = isCtrlKeyHeldDown(event);
+    const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
+    if (isSamePosition(selectedPosition, nextPosition))
       return;
-    const L = Fn({
-      columns: B,
-      colSpanColumns: Lt,
-      rows: W,
-      summaryRows: n,
-      minRowIdx: ve,
-      maxRowIdx: Ie,
-      lastFrozenColumnIndex: U,
-      cellNavigationMode: a,
-      currentPosition: u,
-      nextPosition: $,
-      isCellWithinBounds: Me,
-      isGroupRow: X
+    const nextSelectedCellPosition = getNextSelectedCellPosition({
+      columns,
+      colSpanColumns,
+      rows,
+      summaryRows,
+      minRowIdx,
+      maxRowIdx,
+      lastFrozenColumnIndex,
+      cellNavigationMode: mode,
+      currentPosition: selectedPosition,
+      nextPosition,
+      isCellWithinBounds: isCellWithinSelectionBounds,
+      isGroupRow
     });
-    we(L);
+    selectCell(nextSelectedCellPosition);
   }
-  function Oo(o) {
-    if (Ce === void 0)
+  function getDraggedOverCellIdx(currentRowIdx) {
+    if (draggedOverRowIdx === void 0)
       return;
     const {
-      rowIdx: r
-    } = u;
-    return (r < Ce ? r < o && o <= Ce : r > o && o >= Ce) ? u.idx : void 0;
+      rowIdx
+    } = selectedPosition;
+    const isDraggedOver = rowIdx < draggedOverRowIdx ? rowIdx < currentRowIdx && currentRowIdx <= draggedOverRowIdx : rowIdx > currentRowIdx && currentRowIdx >= draggedOverRowIdx;
+    return isDraggedOver ? selectedPosition.idx : void 0;
   }
-  function To() {
-    if (re === null)
-      return Ze;
+  function getLayoutCssVars() {
+    if (autoResizeColumn === null)
+      return layoutCssVars;
     const {
-      gridTemplateColumns: o
-    } = Ze, r = o.split(" ");
-    return r[re.idx] = "max-content", {
-      ...Ze,
-      gridTemplateColumns: r.join(" ")
+      gridTemplateColumns
+    } = layoutCssVars;
+    const newSizes = gridTemplateColumns.split(" ");
+    newSizes[autoResizeColumn.idx] = "max-content";
+    return {
+      ...layoutCssVars,
+      gridTemplateColumns: newSizes.join(" ")
     };
   }
-  function No(o) {
-    if (!(u.rowIdx !== o || u.mode === "EDIT" || ie || T == null))
-      return /* @__PURE__ */ I(Nr, {
-        rows: t,
-        columns: B,
-        selectedPosition: u,
-        isCellEditable: We,
-        latestDraggedOverRowIdx: Dt,
-        onRowsChange: l,
-        onFill: T,
-        setDragging: so,
-        setDraggedOverRowIdx: rt
-      });
+  function getDragHandle(rowIdx) {
+    if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === "EDIT" || hasGroups || onFill == null) {
+      return;
+    }
+    return /* @__PURE__ */ jsx(DragHandle, {
+      rows: rawRows,
+      columns,
+      selectedPosition,
+      isCellEditable: isCellEditable2,
+      latestDraggedOverRowIdx,
+      onRowsChange,
+      onFill,
+      setDragging,
+      setDraggedOverRowIdx
+    });
   }
-  function Po(o) {
-    if (u.rowIdx !== o || u.mode === "SELECT")
+  function getCellEditor(rowIdx) {
+    if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === "SELECT")
       return;
     const {
-      idx: r,
-      row: R
-    } = u, a = B[r], N = Z(a, U, {
+      idx,
+      row: row2
+    } = selectedPosition;
+    const column = columns[idx];
+    const colSpan = getColSpan(column, lastFrozenColumnIndex, {
       type: "ROW",
-      row: R
-    }), $ = () => {
-      be(({
-        idx: K,
-        rowIdx: P
+      row: row2
+    });
+    const closeEditor = () => {
+      setSelectedPosition(({
+        idx: idx2,
+        rowIdx: rowIdx2
       }) => ({
-        idx: K,
-        rowIdx: P,
+        idx: idx2,
+        rowIdx: rowIdx2,
         mode: "SELECT"
       }));
-    }, L = (K, P) => {
-      P ? (Pe(u.rowIdx, K), $()) : be((q) => ({
-        ...q,
-        row: K
-      }));
     };
-    return W[u.rowIdx] !== u.originalRow && $(), /* @__PURE__ */ I(Lr, {
-      column: a,
-      colSpan: N,
-      row: R,
-      onRowChange: L,
-      closeEditor: $
-    }, a.key);
-  }
-  function ct(o) {
-    const r = B[u.idx];
-    return r !== void 0 && u.rowIdx === o && !xe.includes(r) ? u.idx > At ? [...xe, r] : [...xe.slice(0, U + 1), r, ...xe.slice(U + 1)] : xe;
-  }
-  function Mo() {
-    const o = [];
-    let r = 0;
+    const onRowChange = (row3, commitChanges) => {
+      if (commitChanges) {
+        updateRow(selectedPosition.rowIdx, row3);
+        closeEditor();
+      } else {
+        setSelectedPosition((position) => ({
+          ...position,
+          row: row3
+        }));
+      }
+    };
+    if (rows[selectedPosition.rowIdx] !== selectedPosition.originalRow) {
+      closeEditor();
+    }
+    return /* @__PURE__ */ jsx(EditCell, {
+      column,
+      colSpan,
+      row: row2,
+      onRowChange,
+      closeEditor
+    }, column.key);
+  }
+  function getRowViewportColumns(rowIdx) {
+    const selectedColumn = columns[selectedPosition.idx];
+    if (selectedColumn !== void 0 && selectedPosition.rowIdx === rowIdx && !viewportColumns.includes(selectedColumn)) {
+      return selectedPosition.idx > colOverscanEndIdx ? [...viewportColumns, selectedColumn] : [...viewportColumns.slice(0, lastFrozenColumnIndex + 1), selectedColumn, ...viewportColumns.slice(lastFrozenColumnIndex + 1)];
+    }
+    return viewportColumns;
+  }
+  function getViewportRows() {
+    const rowElements = [];
+    let startRowIndex = 0;
     const {
-      idx: R,
-      rowIdx: a
-    } = u, N = Ne && a < ye ? ye - 1 : ye, $ = Ne && a > Re ? Re + 1 : Re;
-    for (let L = N; L <= $; L++) {
-      const K = L === ye - 1 || L === Re + 1, P = K ? a : L;
-      let q = xe;
-      const He = B[R];
-      He !== void 0 && (K ? q = [He] : q = ct(P));
-      const j = W[P], Ke = oe + P + 1;
-      if (X(j)) {
+      idx: selectedIdx,
+      rowIdx: selectedRowIdx
+    } = selectedPosition;
+    const startRowIdx = selectedCellIsWithinViewportBounds && selectedRowIdx < rowOverscanStartIdx ? rowOverscanStartIdx - 1 : rowOverscanStartIdx;
+    const endRowIdx = selectedCellIsWithinViewportBounds && selectedRowIdx > rowOverscanEndIdx ? rowOverscanEndIdx + 1 : rowOverscanEndIdx;
+    for (let viewportRowIdx = startRowIdx; viewportRowIdx <= endRowIdx; viewportRowIdx++) {
+      const isRowOutsideViewport = viewportRowIdx === rowOverscanStartIdx - 1 || viewportRowIdx === rowOverscanEndIdx + 1;
+      const rowIdx = isRowOutsideViewport ? selectedRowIdx : viewportRowIdx;
+      let rowColumns = viewportColumns;
+      const selectedColumn = columns[selectedIdx];
+      if (selectedColumn !== void 0) {
+        if (isRowOutsideViewport) {
+          rowColumns = [selectedColumn];
+        } else {
+          rowColumns = getRowViewportColumns(rowIdx);
+        }
+      }
+      const row2 = rows[rowIdx];
+      const gridRowStart = headerRowsCount + rowIdx + 1;
+      if (isGroupRow(row2)) {
         ({
-          startRowIndex: r
-        } = j);
-        const _e = ke && j.childRows.every((Wo) => f.has(i(Wo)));
-        o.push(/* @__PURE__ */ I(mr, {
-          "aria-level": j.level + 1,
-          "aria-setsize": j.setSize,
-          "aria-posinset": j.posInSet + 1,
-          "aria-rowindex": oe + r + 1,
-          "aria-selected": ke ? _e : void 0,
-          id: j.id,
-          groupKey: j.groupKey,
-          viewportColumns: q,
-          childRows: j.childRows,
-          rowIdx: P,
-          row: j,
-          gridRowStart: Ke,
-          height: ot(P),
-          level: j.level,
-          isExpanded: j.isExpanded,
-          selectedCellIdx: a === P ? R : void 0,
-          isRowSelected: _e,
-          selectGroup: ko,
-          toggleGroup: vo
-        }, j.id));
+          startRowIndex
+        } = row2);
+        const isGroupRowSelected = isSelectable && row2.childRows.every((cr) => selectedRows.has(rowKeyGetter(cr)));
+        rowElements.push(/* @__PURE__ */ jsx(GroupRowRenderer, {
+          "aria-level": row2.level + 1,
+          "aria-setsize": row2.setSize,
+          "aria-posinset": row2.posInSet + 1,
+          "aria-rowindex": headerRowsCount + startRowIndex + 1,
+          "aria-selected": isSelectable ? isGroupRowSelected : void 0,
+          id: row2.id,
+          groupKey: row2.groupKey,
+          viewportColumns: rowColumns,
+          childRows: row2.childRows,
+          rowIdx,
+          row: row2,
+          gridRowStart,
+          height: getRowHeight(rowIdx),
+          level: row2.level,
+          isExpanded: row2.isExpanded,
+          selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : void 0,
+          isRowSelected: isGroupRowSelected,
+          selectGroup: selectGroupLatest,
+          toggleGroup: toggleGroupLatest
+        }, row2.id));
         continue;
       }
-      r++;
-      let me, lt = !1;
-      typeof i == "function" ? (me = i(j), lt = f?.has(me) ?? !1) : me = ie ? r : P, o.push(/* @__PURE__ */ I(oo, {
-        "aria-rowindex": oe + (ie ? r : P) + 1,
-        "aria-selected": ke ? lt : void 0,
-        rowIdx: P,
-        row: j,
-        viewportColumns: q,
-        isRowSelected: lt,
-        onRowClick: A,
-        onRowDoubleClick: _,
-        rowClass: m,
-        gridRowStart: Ke,
-        height: ot(P),
-        copiedCellIdx: he !== null && he.row === j ? B.findIndex((_e) => _e.key === he.columnKey) : void 0,
-        selectedCellIdx: a === P ? R : void 0,
-        draggedOverCellIdx: Oo(P),
-        setDraggedOverRowIdx: zt ? rt : void 0,
-        lastFrozenColumnIndex: U,
-        onRowChange: mo,
-        selectCell: Co,
-        selectedCellDragHandle: No(P),
-        selectedCellEditor: Po(P)
-      }, me));
+      startRowIndex++;
+      let key;
+      let isRowSelected = false;
+      if (typeof rowKeyGetter === "function") {
+        key = rowKeyGetter(row2);
+        isRowSelected = selectedRows?.has(key) ?? false;
+      } else {
+        key = hasGroups ? startRowIndex : rowIdx;
+      }
+      rowElements.push(/* @__PURE__ */ jsx(RowRenderer, {
+        "aria-rowindex": headerRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
+        "aria-selected": isSelectable ? isRowSelected : void 0,
+        rowIdx,
+        row: row2,
+        viewportColumns: rowColumns,
+        isRowSelected,
+        onRowClick,
+        onRowDoubleClick,
+        rowClass,
+        gridRowStart,
+        height: getRowHeight(rowIdx),
+        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,
+        lastFrozenColumnIndex,
+        onRowChange: handleFormatterRowChangeLatest,
+        selectCell: selectViewportCellLatest,
+        selectedCellDragHandle: getDragHandle(rowIdx),
+        selectedCellEditor: getCellEditor(rowIdx)
+      }, key));
     }
-    return o;
-  }
-  (u.idx > Te || u.rowIdx > Ie) && (be(Xt), rt(void 0));
-  let st = `${ge}px`;
-  W.length > 0 && (st += ho), pe > 0 && (st += ` repeat(${pe}, ${te}px)`);
-  const Vt = u.idx === -1 && u.rowIdx !== -2;
-  return /* @__PURE__ */ ne("div", {
-    role: ie ? "treegrid" : "grid",
-    "aria-label": V,
-    "aria-labelledby": ee,
-    "aria-describedby": ue,
-    "aria-multiselectable": ke ? !0 : void 0,
-    "aria-colcount": B.length,
-    "aria-rowcount": oe + Nt + pe,
-    className: se(Qo, x, zt && en, re !== null && Go),
+    return rowElements;
+  }
+  if (selectedPosition.idx > maxColIdx || selectedPosition.rowIdx > maxRowIdx) {
+    setSelectedPosition(initialPosition);
+    setDraggedOverRowIdx(void 0);
+  }
+  let templateRows = `${headerRowHeight}px`;
+  if (rows.length > 0) {
+    templateRows += gridTemplateRows;
+  }
+  if (summaryRowsCount > 0) {
+    templateRows += ` repeat(${summaryRowsCount}, ${summaryRowHeight}px)`;
+  }
+  const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== -2;
+  return /* @__PURE__ */ jsxs("div", {
+    role: hasGroups ? "treegrid" : "grid",
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-multiselectable": isSelectable ? true : void 0,
+    "aria-colcount": columns.length,
+    "aria-rowcount": headerRowsCount + rowsCount + summaryRowsCount,
+    className: clsx(rootClassname, className, isDragging && viewportDraggingClassname, autoResizeColumn !== null && cellAutoResizeClassname),
     style: {
-      ...D,
-      scrollPaddingInlineStart: u.idx > U ? `${et}px` : void 0,
-      scrollPaddingBlock: u.rowIdx >= 0 && u.rowIdx < W.length ? `${ge}px ${pe * te}px` : void 0,
-      gridTemplateRows: st,
-      "--rdg-header-row-height": `${ge}px`,
-      "--rdg-summary-row-height": `${te}px`,
-      "--rdg-sign": Oe ? -1 : 1,
-      ...To()
+      ...style,
+      scrollPaddingInlineStart: selectedPosition.idx > lastFrozenColumnIndex ? `${totalFrozenColumnWidth}px` : void 0,
+      scrollPaddingBlock: selectedPosition.rowIdx >= 0 && selectedPosition.rowIdx < rows.length ? `${headerRowHeight}px ${summaryRowsCount * summaryRowHeight}px` : void 0,
+      gridTemplateRows: templateRows,
+      "--rdg-header-row-height": `${headerRowHeight}px`,
+      "--rdg-summary-row-height": `${summaryRowHeight}px`,
+      "--rdg-sign": isRtl ? -1 : 1,
+      ...getLayoutCssVars()
     },
-    dir: F,
-    ref: de,
-    onScroll: zo,
-    onKeyDown: Kt,
-    "data-testid": le,
-    children: [ie && /* @__PURE__ */ I("div", {
-      ref: Le,
-      tabIndex: Vt ? 0 : -1,
-      className: se(tn, Vt && [rn, U !== -1 && cn]),
+    dir: direction,
+    ref: gridRef,
+    onScroll: handleScroll,
+    onKeyDown: handleKeyDown,
+    "data-testid": testId,
+    children: [hasGroups && /* @__PURE__ */ jsx("div", {
+      ref: rowRef,
+      tabIndex: isGroupRowFocused ? 0 : -1,
+      className: clsx(focusSinkClassname, isGroupRowFocused && [rowSelected, lastFrozenColumnIndex !== -1 && rowSelectedWithFrozenCell]),
       style: {
-        gridRowStart: u.rowIdx + 2
+        gridRowStart: selectedPosition.rowIdx + 2
       },
-      onKeyDown: Kt
-    }), /* @__PURE__ */ ne(xn, {
-      value: fo,
-      children: [/* @__PURE__ */ I(nr, {
-        columns: ct(-1),
-        onColumnResize: Io,
-        allRowsSelected: go,
-        onAllRowsSelectionChange: wo,
-        sortColumns: b,
-        onSortColumnsChange: w,
-        lastFrozenColumnIndex: U,
-        selectedCellIdx: uo ? u.idx : void 0,
-        selectCell: yo,
-        shouldFocusGrid: !nt,
-        direction: F
-      }), W.length === 0 && vt ? vt : /* @__PURE__ */ ne(ze, {
-        children: [/* @__PURE__ */ I(In, {
-          value: xo,
-          children: Mo()
-        }), n?.map((o, r) => {
-          const R = oe + W.length + r + 1, a = oe + W.length + r - 1, N = u.rowIdx === a, $ = Ae > Pt ? Ft - te * (n.length - r) : void 0, L = $ === void 0 ? te * (n.length - 1 - r) : void 0;
-          return /* @__PURE__ */ I(Dr, {
-            "aria-rowindex": oe + Nt + r + 1,
-            rowIdx: r,
-            gridRowStart: R,
-            row: o,
-            top: $,
-            bottom: L,
-            viewportColumns: ct(a),
-            lastFrozenColumnIndex: U,
-            selectedCellIdx: N ? u.idx : void 0,
-            selectCell: Ro
-          }, r);
+      onKeyDown: handleKeyDown
+    }), /* @__PURE__ */ jsxs(DataGridDefaultComponentsProvider, {
+      value: defaultGridComponents,
+      children: [/* @__PURE__ */ jsx(HeaderRow$1, {
+        columns: getRowViewportColumns(-1),
+        onColumnResize: handleColumnResize,
+        allRowsSelected,
+        onAllRowsSelectionChange: selectAllRowsLatest,
+        sortColumns,
+        onSortColumnsChange,
+        lastFrozenColumnIndex,
+        selectedCellIdx: isHeaderRowSelected ? selectedPosition.idx : void 0,
+        selectCell: selectHeaderCellLatest,
+        shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
+        direction
+      }), rows.length === 0 && noRowsFallback ? noRowsFallback : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx(RowSelectionChangeProvider, {
+          value: selectRowLatest,
+          children: getViewportRows()
+        }), summaryRows?.map((row2, rowIdx) => {
+          const gridRowStart = headerRowsCount + rows.length + rowIdx + 1;
+          const summaryRowIdx = headerRowsCount + rows.length + rowIdx - 1;
+          const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
+          const top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (summaryRows.length - rowIdx) : void 0;
+          const bottom = top === void 0 ? summaryRowHeight * (summaryRows.length - 1 - rowIdx) : void 0;
+          return /* @__PURE__ */ jsx(SummaryRow$1, {
+            "aria-rowindex": headerRowsCount + rowsCount + rowIdx + 1,
+            rowIdx,
+            gridRowStart,
+            row: row2,
+            top,
+            bottom,
+            viewportColumns: getRowViewportColumns(summaryRowIdx),
+            lastFrozenColumnIndex,
+            selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : void 0,
+            selectCell: selectSummaryCellLatest
+          }, rowIdx);
         })]
       })]
     })]
   });
 }
-function at(e, t) {
-  return e.idx === t.idx && e.rowIdx === t.rowIdx;
+function isSamePosition(p1, p2) {
+  return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
 }
-const Ur = /* @__PURE__ */ pt(Kr);
-var _r = ".t16y9g8l700-beta13{appearance:none;background-color:var(--rdg-background-color);block-size:100%;border:2px solid #ccc;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top}.t16y9g8l700-beta13:focus{border-color:var(--rdg-selection-color);outline:none}.t16y9g8l700-beta13::placeholder{color:#999;opacity:1}";
-G(_r, { insertAt: "top" });
+const DataGrid$1 = /* @__PURE__ */ forwardRef(DataGrid);
+var css_248z = ".t16y9g8l700-beta13{appearance:none;background-color:var(--rdg-background-color);block-size:100%;border:2px solid #ccc;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top}.t16y9g8l700-beta13:focus{border-color:var(--rdg-selection-color);outline:none}.t16y9g8l700-beta13::placeholder{color:#999;opacity:1}";
+styleInject(css_248z, { "insertAt": "top" });
 export {
-  Ur as D,
-  qn as H,
-  ft as S,
-  Vr as a,
-  qr as u
+  DataGrid$1 as D,
+  HeaderRenderer as H,
+  SELECT_COLUMN_KEY as S,
+  SelectCellFormatter as a,
+  useRowSelection as u
 };