@sheetxl/grid-react 0.1.98

package/build/browser/esm/index.mjs

@@ -0,0 +1,3386 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sheetxl-grid_11irg_13{position:relative;box-sizing:border-box;user-select:none}._sheetxl-grid_11irg_13 *{box-sizing:border-box!important}._sheetxl-grid_11irg_13 *:focus{outline:none}._sheetxl-grid_11irg_13 .cell-container{position:absolute;overflow:visible;white-space:pre}._sheetxl-grid_11irg_13 .cell-container>*{inset:0;position:absolute}._sheetxl-grid_11irg_13 .sheetxl-stage{contain:strict}._sheetxl-grid_11irg_13 .sheetxl-stage>*{contain:strict}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+import { jsx as Y, jsxs as Ht, Fragment as wn } from "react/jsx-runtime";
+import Sn, { memo as Dt, useCallback as O, useRef as J, useEffect as st, useImperativeHandle as Ur, forwardRef as Ut, useMemo as Ee, useLayoutEffect as nn, useState as Je, version as qr, createElement as Jo, useReducer as Qo } from "react";
+import { createRoot as Oi } from "react-dom/client";
+import { unstable_batchedUpdates as Li, createPortal as Kr } from "react-dom";
+/**
+ * @license @sheetxl/grid-react - Grid - Advanced data grid component for React - v0.0.0
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+/**
+ * @license @sheetxl/utils - Utils - Utilities used by most SheetXL components. - v0.1.93
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const it = "up", lt = "down", ot = "left", Ke = "right", uo = "tl", Hn = "t", Nn = "l", Xt = "c", Bt = "text/html", fn = "text/plain", Mo = "image/png", Di = Object.freeze({ left: 0, top: 0 }), zi = Object.freeze({ left: 0, top: 0, bottom: 0, right: 0 }), Ai = Object.freeze({ x: 0, y: 0, width: 0, height: 0 });
+Object.freeze(Object.defineProperty({ __proto__: null, EmptyBounds: Ai, EmptyRect: zi, EmptyTopLeft: Di }, Symbol.toStringTag, { value: "Module" }));
+const Nt = "column", cn = "row", $i = Object.freeze({ colIndex: 0, rowIndex: 0 }), Bi = Object.freeze({ colStart: 0, rowStart: 0, colEnd: 0, rowEnd: 0 }), Yr = (e, t) => e.colStart === t.colStart ? e.rowStart - t.rowStart : e.colStart - t.colStart, Xr = (e, t) => e.rowStart === t.rowStart ? e.colStart - t.colStart : e.rowStart - t.rowStart, Fi = (e, t) => e.rowEnd === t.rowEnd ? t.colEnd - e.colEnd : t.rowEnd - e.rowEnd, ji = (e, t) => e.colEnd === t.colEnd ? t.rowEnd - e.rowEnd : t.colEnd - e.colEnd, or = (e, t) => e.colIndex === t.colIndex ? e.rowIndex - t.rowIndex : e.colIndex - t.colIndex, rr = (e, t) => e.rowIndex === t.rowIndex ? e.colIndex - t.colIndex : e.rowIndex - t.rowIndex, Gr = (e = cn, t = !1) => t ? e !== Nt ? Fi : ji : e !== Nt ? Xr : Yr, ir = (e, t) => e === t || !(!e || !t) && e.rowIndex === t.rowIndex && e.colIndex === t.colIndex, jo = (e, t) => e === t || !(!e || !t) && e.rowStart === t.rowStart && e.rowEnd === t.rowEnd && e.colStart === t.colStart && e.colEnd === t.colEnd, Vo = (e, t) => !(!e || !t || e.colStart > t.colEnd || t.colStart > e.colEnd || e.rowStart > t.rowEnd || t.rowStart > e.rowEnd), lr = (e, t) => {
+  if (e === t) return !0;
+  if (!e || !t || e.length !== t.length) return !1;
+  for (let n = 0; n < e.length; n++) if (!jo(e[n], t[n])) return !1;
+  return !0;
+}, To = (e, t, n) => {
+  if (!e && !t) return null;
+  if (!e) return n ? t : { ...t };
+  if (!t) return n ? e : { ...e };
+  const o = Math.min(e.colStart, t.colStart), r = Math.min(e.rowStart, t.rowStart), i = Math.max(e.colEnd, t.colEnd), l = Math.max(e.rowEnd, t.rowEnd);
+  let s = n;
+  return s ? (s.colStart = o, s.rowStart = r, s.colEnd = i, s.rowEnd = l) : s = { colStart: o, rowStart: r, colEnd: i, rowEnd: l }, s;
+}, sr = (e, t) => {
+  if (!t || t.length === 0) return e;
+  const n = { ...e };
+  for (let o = 0; o < t.length; o++) {
+    const r = t[o];
+    Vo(n, r) && (n.rowStart = Math.min(n.rowStart, r.rowStart), n.colStart = Math.min(n.colStart, r.colStart), n.rowEnd = Math.max(n.rowEnd, r.rowEnd), n.colEnd = Math.max(n.colEnd, r.colEnd));
+  }
+  return n;
+}, Vi = [null, null], Wi = (e, t, n) => {
+  if (e[0].value === e[1].value) return t;
+};
+function cr(e, t = 2, n, o = cn, r) {
+  let i = [...e];
+  if (t <= 0 || e.length <= 1) return i;
+  let l = o === Nt, s = 0, a = !1;
+  do {
+    const d = i.sort(Gr(l ? cn : Nt));
+    i = [], i.push(d[0]);
+    const g = d.length;
+    let m = 0, f = d[0], x = f.colStart, E = f.rowStart, I = f.colEnd, M = f.rowEnd;
+    for (let ae = 1; ae < g; ae++) {
+      const R = d[ae];
+      let _ = !1;
+      if (_ = l ? f && E === R.rowStart && M === R.rowEnd && I + 1 === R.colStart : f && x === R.colStart && I === R.colEnd && M + 1 === R.rowStart, _) {
+        let L = { colStart: x, rowStart: E, colEnd: l ? R.colEnd : I, rowEnd: l ? M : R.rowEnd };
+        if (f.value !== void 0 && (L.value = f.value), n) {
+          const le = r ?? [null, null];
+          le[0] = f, le[1] = R, L = n(le, L, o);
+        }
+        if (L) {
+          i[m] = L, a = !0, f = L, x = f.colStart, E = f.rowStart, I = f.colEnd, M = f.rowEnd;
+          continue;
+        }
+      }
+      i[++m] = R, f = R, x = f.colStart, E = f.rowStart, I = f.colEnd, M = f.rowEnd;
+    }
+    s++, l = !l, s === 1 && (a = !0);
+  } while (s < t && a && i.length > 1);
+  return i;
+}
+const Z = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: $i, EmptyRange: Bi, cellToRange: (e, t) => {
+  if (!e) return null;
+  let n = t;
+  return n || (n = { ...e }, delete n.colIndex, delete n.rowIndex), n.colStart = e.colIndex ?? 0, n.rowStart = e.rowIndex ?? 0, n.colEnd = e.colIndex ?? 0, n.rowEnd = e.rowIndex ?? 0, n;
+}, columnFirstCellComparator: or, columnFirstRangeComparator: Yr, createCellComparator: (e = cn, t = !1) => t ? e !== Nt ? (n, o) => n.rowIndex === o.rowIndex ? o.colIndex - n.colIndex : o.rowIndex - n.rowIndex : (n, o) => n.colIndex === o.colIndex ? o.rowIndex - n.rowIndex : o.colIndex - n.colIndex : e !== Nt ? rr : or, createConflatingRanges: (e, t = !1) => {
+  const n = [];
+  let o, r, i = Number.MIN_SAFE_INTEGER, l = Number.MIN_SAFE_INTEGER;
+  return { append: (s, a, d) => {
+    let g = !0;
+    const m = d !== void 0;
+    if (m) {
+      const E = e ? e(r, d, t) : r === d ? d : void 0;
+      E === void 0 ? g = !1 : d = E;
+    }
+    if (g && a === l + 1 && s === i) return t ? o.rowEnd = a : o.colEnd = a, l = a, void (r = d);
+    o && n.push(o);
+    const f = t ? s : a, x = t ? a : s;
+    o = { colStart: f, rowStart: x, colEnd: f, rowEnd: x }, m && (o.value = d), i = s, l = a, r = d;
+  }, done: (s) => (o && (n.push(o), o = null), s ? cr(n, 3, s === !0 ? Wi : s, t ? Nt : cn, Vi) : n) };
+}, createRangeComparator: Gr, defaultRange: (e, t, n) => e ? n ? (n.colStart = e.colStart ?? t.colStart, n.rowStart = e.rowStart ?? t.rowStart, n.colEnd = e.colEnd ?? t.colEnd, n.rowEnd = e.rowEnd ?? t.rowEnd, n) : { colStart: e.colStart ?? t.colStart, rowStart: e.rowStart ?? t.rowStart, colEnd: e.colEnd ?? t.colEnd, rowEnd: e.rowEnd ?? t.rowEnd } : t, extendRangeToIntersectingRanges: sr, extendRangeToUnionRanges: (e, t) => {
+  if (!t || t.length === 0) return e;
+  let n = e, o = null;
+  for (; !jo(n, o); ) o = n, n = sr(o, t);
+  return n;
+}, indexOfCoords: (e, t) => {
+  const n = { colStart: e.colIndex, rowStart: e.rowIndex, colEnd: e.colIndex, rowEnd: e.rowIndex };
+  for (let o = t.length - 1; o >= 0; o--) if (Vo(n, t[o])) return o;
+  return -1;
+}, intersectRanges: (e, t, n) => {
+  if (!e) return n ? t : { ...t };
+  if (!t) return n ? e : { ...e };
+  if (!e && !t || e.rowStart > t.rowEnd || e.rowEnd < t.rowStart || e.colStart > t.colEnd || e.colEnd < t.colStart) return null;
+  const o = Math.max(e.colStart, t.colStart), r = Math.max(e.rowStart, t.rowStart), i = Math.min(e.colEnd, t.colEnd), l = Math.min(e.rowEnd, t.rowEnd);
+  let s = n;
+  return s ? (s.colStart = o, s.rowStart = r, s.colEnd = i, s.rowEnd = l) : s = { colStart: o, rowStart: r, colEnd: i, rowEnd: l }, s;
+}, isCellWithinRange: (e, t) => !(!e || !t || e.rowIndex < t.rowStart || e.rowIndex > t.rowEnd || e.colIndex < t.colStart || e.colIndex > t.colEnd), isEqualCells: ir, isEqualRanges: jo, isEqualRangesArrays: lr, isEqualSelectionCoords: (e, t) => e === t || !(!e || !t) && e.rangeIndex === t.rangeIndex && !!ir(e.cell, t.cell) && lr(e.ranges, t.ranges), isRangeWithinRange: (e, t) => !(e.rowStart < t.rowStart || e.rowEnd > t.rowEnd || e.colStart < t.colStart || e.colEnd > t.colEnd), isRangesIntersect: Vo, isSingleCell: (e) => !!e && e.rowEnd === e.rowStart && e.colStart === e.colEnd, isValidRange: (e) => !(!e || typeof e.colStart != "number" || e.colStart < 0 || typeof e.colEnd != "number" || e.colEnd < e.colStart || typeof e.rowStart != "number" || e.rowStart < 0 || typeof e.rowEnd != "number" || e.rowEnd < e.rowStart), mergeRangedValues: cr, rowFirstCellComparator: rr, rowFirstRangeComparator: Xr, sanitizeRange: (e) => e ? { colStart: e.colIndex ?? e.colStart ?? 0, rowStart: e.rowIndex ?? e.rowStart ?? 0, colEnd: e.colIndex ?? e.colEnd ?? 0, rowEnd: e.rowIndex ?? e.rowEnd ?? 0 } : null, translateRange: (e, t = -e.rowStart, n = -e.colStart, o) => o ? (o.colStart = e.colStart + n, o.rowStart = e.rowStart + t, o.colEnd = e.colEnd + n, o.rowEnd = e.rowEnd + t, o) : { colStart: e.colStart + n, rowStart: e.rowStart + t, colEnd: e.colEnd + n, rowEnd: e.rowEnd + t }, unionRanges: To, unionRangesArrays: (e, t, n) => {
+  if (!e || e.length === 0) return null;
+  if (e.length === 1 && !t) return e[0];
+  let o = e[0];
+  for (let r = 1; r < e.length; r++) o = To(o, e[r], n);
+  return t && (o = To(o, t, n)), o;
+} }, Symbol.toStringTag, { value: "Module" })), Hi = typeof Symbol == "function" && Symbol.for ? Symbol.for("react.element") : 60103;
+function Ni(e) {
+  return /* @__PURE__ */ function(t) {
+    return !!t && typeof t == "object";
+  }(e) && !function(t) {
+    const n = Object.prototype.toString.call(t);
+    return n === "[object RegExp]" || n === "[object Date]" || t.$$typeof === Hi;
+  }(e);
+}
+function Vn(e, t) {
+  return t.clone !== !1 && t.isMergeableObject(e) ? _n((n = e, Array.isArray(n) ? [] : {}), e, t) : e;
+  var n;
+}
+function Ui(e, t, n) {
+  return e.concat(t).map(function(o) {
+    return Vn(o, n);
+  });
+}
+function ar(e) {
+  return Object.keys(e).concat((t = e, Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(t).filter(function(n) {
+    return Object.propertyIsEnumerable.call(t, n);
+  }) : []));
+  var t;
+}
+function dr(e, t) {
+  try {
+    return t in e;
+  } catch {
+    return !1;
+  }
+}
+function _n(e, t, n) {
+  (n = n || {}).arrayMerge = n.arrayMerge || Ui, n.isMergeableObject = n.isMergeableObject || Ni, n.cloneUnlessOtherwiseSpecified = Vn;
+  const o = Array.isArray(t);
+  return o === Array.isArray(e) ? o ? n.arrayMerge(e, t, n) : function(r, i, l) {
+    const s = {};
+    return l.isMergeableObject(r) && ar(r).forEach(function(a) {
+      s[a] = Vn(r[a], l);
+    }), ar(i).forEach(function(a) {
+      var d, g;
+      dr(d = r, g = a) && (!Object.hasOwnProperty.call(d, g) || !Object.propertyIsEnumerable.call(d, g)) || (dr(r, a) && l.isMergeableObject(i[a]) ? s[a] = function(m, f) {
+        if (!f.customMerge) return _n;
+        const x = f.customMerge(m);
+        return typeof x == "function" ? x : _n;
+      }(a, l)(r[a], i[a], l) : s[a] = Vn(i[a], l));
+    }), s;
+  }(e, t, n) : Vn(t, n);
+}
+_n.all = function(e, t) {
+  if (!Array.isArray(e)) throw new Error("first argument should be an array");
+  return e.reduce(function(n, o) {
+    return _n(n, o, t);
+  }, {});
+};
+const qi = Object.freeze([]), Ki = Object.freeze({}), ur = (e) => e, so = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  let t = 16 * Math.random() | 0;
+  return (e === "x" ? t : 3 & t | 8).toString(16);
+}), Zr = (e, t) => e === t || !(!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length) && e.every((n, o) => n === t[o]), Fn = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Jr = (e) => typeof e != "object" || Array.isArray(e) || e === null ? e : (Object.keys(e).forEach(function(t) {
+  e[t] && typeof e[t] == "object" ? Jr(e[t]) : e[t] !== null && e[t] !== void 0 || delete e[t], typeof e[t] == "object" && Object.keys(e[t]).length === 0 && delete e[t];
+}), Object.keys(e).length === 0 ? null : e), Yi = (e, t) => !(e !== t && !Zr(e, t) && !e.isEqual?.(t)), Qr = (e, t, n = Yi) => {
+  if (e == null || e === t) return null;
+  if (!e || typeof e != "object" || Array.isArray(e) || e.isImmutable?.()) return n(e, t) ? null : e;
+  const o = Object.keys(e);
+  if (o.length === 0) return null;
+  let r = !1;
+  for (let i = 0; i < o.length; i++) {
+    const l = o[i];
+    Qr(e[l], t?.[l], n) === null && (r = !0, delete e[l]);
+  }
+  return r && Object.keys(e).length === 0 ? null : void 0;
+}, hr = typeof performance == "object" && typeof performance.now == "function" ? () => performance.now() : () => Date.now(), fr = (e) => e == null, pr = (e, t) => !(t.left > e.right || t.right < e.left || t.top > e.bottom || t.bottom < e.top), gr = !(typeof window > "u" || !window.document || !window.document.createElement), Ft = { Windows: "windows", MacOS: "macos", IOS: "ios", Linux: "linux", Android: "android", Safari: "safari", Firefox: "firefox", Node: "node", Unknown: "unknown" }, Un = () => {
+  if (ei()) return Ft.Node;
+  const e = globalThis.navigator !== void 0 && globalThis.navigator.userAgent ? globalThis.navigator.userAgent.toLowerCase() : "";
+  return e ? /(win32|win64|windows|wince)/i.test(e) ? Ft.Windows : /(macintosh|macintel|macppc|mac68k|macos)/i.test(e) ? Ft.MacOS : /(iphone|ipad|ipod)/i.test(e) ? Ft.IOS : /android/.test(e) ? Ft.Android : /linux/.test(e) ? Ft.Linux : /^((?!chrome|android|).)*safari/i.test(e) ? Ft.Safari : /^((?!chrome|android|Seamonkey).)*firefox/i.test(e) ? Ft.Firefox : Ft.Unknown : Ft.Unknown;
+};
+function ei() {
+  return typeof process < "u" && process.release?.name === "node" || (typeof process < "u" && process.browser, !1);
+}
+const wr = (e, t = !1) => (document.hasFocus() || t) && (e === document.activeElement || e?.contains(document.activeElement)), Ct = Object.freeze(Object.defineProperty({ __proto__: null, EmptyArray: qi, EmptyObject: Ki, OSType: Ft, arrayMove: function(e, t, n) {
+  const o = e.slice();
+  return o.splice(n < 0 ? o.length + n : n, 0, o.splice(t, 1)[0]), o;
+}, asNumber: (e) => {
+  const t = ((n) => 1 * n)(e);
+  return Number.isFinite(t) ? t : 0;
+}, camelToPrettyCase: (e) => e.length === 1 ? e.toUpperCase() : e.replace(/([A-Z])/g, " $1").replace(/^./, function(t) {
+  return t.toUpperCase();
+}).trim(), canUseDOM: gr, cancelTimeout: (e) => {
+  cancelAnimationFrame(e.id);
+}, castToString: (e) => e == null || e === void 0 ? "" : typeof e != "string" ? "" + e : e, cloneObject: (e) => fr(e) ? e : JSON.parse(JSON.stringify(e)), consoleWithNoSource: (...e) => new Promise((t) => {
+  setTimeout(() => {
+    Function("console.log.apply(console, arguments)").apply(null, e), t();
+  });
+}), debounce: function(e, t = 300, n = !1) {
+  let o, r, i, l, s = 0;
+  function a() {
+    let g = Date.now() - s;
+    g < t && g >= 0 ? o = setTimeout(a, t - g) : (o = null, n || (l = e.apply(i, r), i = r = null));
+  }
+  t == null && (t = 100);
+  const d = function() {
+    i = globalThis, r = arguments, s = Date.now();
+    var g = n && !o;
+    return o || (o = setTimeout(a, t)), g && (l = e.apply(i, r), i = r = null), l;
+  };
+  return d.clear = function() {
+    o && (clearTimeout(o), o = null);
+  }, d.flush = function() {
+    o && (l = e.apply(i, r), i = r = null, clearTimeout(o), o = null);
+  }, d;
+}, deepEqual: function e(t, n) {
+  if (t === n) return !0;
+  if (t && n && typeof t == "object" && typeof n == "object") {
+    if (t.constructor !== n.constructor) return !1;
+    let o, r, i;
+    if (Array.isArray(t)) {
+      if (o = t.length, o != n.length) return !1;
+      for (r = o; r-- !== 0; ) if (!e(t[r], n[r])) return !1;
+      return !0;
+    }
+    if (t instanceof Map && n instanceof Map) {
+      if (t.size !== n.size) return !1;
+      for (r of t.entries()) if (!n.has(r[0])) return !1;
+      for (r of t.entries()) if (!e(r[1], n.get(r[0]))) return !1;
+      return !0;
+    }
+    if (t instanceof Set && n instanceof Set) {
+      if (t.size !== n.size) return !1;
+      for (r of t.entries()) if (!n.has(r[0])) return !1;
+      return !0;
+    }
+    if (ArrayBuffer.isView(t) && ArrayBuffer.isView(n)) {
+      if (o = t.length, o != n.length) return !1;
+      for (r = o; r-- !== 0; ) if (t[r] !== n[r]) return !1;
+      return !0;
+    }
+    if (t.constructor === RegExp) return t.source === n.source && t.flags === n.flags;
+    if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === n.valueOf();
+    if (t.toString !== Object.prototype.toString) return t.toString() === n.toString();
+    if (i = Object.keys(t), o = i.length, o !== Object.keys(n).length) return !1;
+    for (r = o; r-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(n, i[r])) return !1;
+    for (r = o; r-- !== 0; ) {
+      let l = i[r];
+      if (!(l === "_owner" && t.$$typeof || e(t[l], n[l]))) return !1;
+    }
+    return !0;
+  }
+  return t != t && n != n;
+}, deepFreeze: function e(t) {
+  return Object.freeze(t), Object.keys(t).forEach((n) => {
+    typeof t[n] != "object" || t[n] === null || Object.isFrozen(t[n]) || e(t[n]);
+  }), t;
+}, deepMerge: _n, diffValues: (e, t) => {
+  const n = {}, o = Object.keys(t), r = o.length;
+  for (let i = 0; i < r; i++) {
+    const l = o[i];
+    e[l] !== t[l] && (e[l] === void 0 ? n[l] = t[l] : n[l] = e[l]);
+  }
+  return Object.keys(n).length === 0 ? null : n;
+}, findEqualOrGreater: function(e, t, n = ur) {
+  let o = 0, r = e.length - 1;
+  for (; o <= r; ) {
+    let i = Math.floor((o + r) / 2), l = n(e[i]);
+    if (l === t) return i;
+    l < t ? o = i + 1 : r = i - 1;
+  }
+  return o;
+}, findEqualOrLesser: function(e, t, n = ur) {
+  let o = e.length - 1, r = 0;
+  for (; o >= r; ) {
+    let i = Math.floor((o + r) / 2), l = n(e[i]);
+    if (l === t) return i;
+    l > t ? o = i - 1 : r = i + 1;
+  }
+  return o;
+}, findNextStep: (e, t = !0, n = 15, o = 10, r = 400) => {
+  const i = Math.max(e - o, 0) + (t ? 1 : -1);
+  return Math.min(r, Math[t ? "ceil" : "floor"](i / n) * n + o);
+}, getBuildEnv: () => "browser2-build", getDPI: () => {
+  let e = 1;
+  return typeof window == "object" && (e = window.devicePixelRatio || 1), e;
+}, getFromPath: (e, t) => {
+  const n = t.split(".");
+  let o = e;
+  for (let r = 0; r < n.length; r++) {
+    const i = n[r];
+    if (!o) return null;
+    let l = o[i];
+    if (typeof l == "function" && (l = l.bind(o)()), !l || !Fn(l)) return l;
+    o = l;
+  }
+  return o ?? null;
+}, getOS: Un, hasFocus: wr, isDefined: (e) => e != null, isEmpty: (e) => e == null || e === "", isEqualArrays: Zr, isEqualBounds: (e, t) => e === t || !(e && !t || t && !e) && e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, isEqualObjectKeys: (e, t) => {
+  if (e === t) return !0;
+  if (e && !t || t && !e) return !1;
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (let o = 0; o < n.length; o++) if (e[n[o]] !== t[n[o]]) return !1;
+  return !0;
+}, isNode: ei, isNullOrUndefined: fr, isNumeric: (e) => {
+  const t = 1 * e;
+  return Number.isFinite(t) && typeof t == "number";
+}, isObject: Fn, isPromiseLike: (e) => !!e && typeof e.then == "function", isRectInsideRect: (e, t) => e.top >= t.top && e.bottom <= t.bottom && e.left >= t.left && e.right <= t.right, isRectIntersect: pr, mergeContentful: (...e) => {
+  const t = e.length;
+  if (t > 0 && e[t - 1] !== void 0 && !Fn(e[t - 1])) return e[t - 1];
+  let n = e[0] || {};
+  for (let o = 1; o < t; o++) n = _n(n, e[o] || {}, { arrayMerge: (r, i) => [...i] });
+  return n;
+}, nextTick: (e) => {
+  typeof window < "u" && typeof window.requestAnimationFrame == "function" ? window.requestAnimationFrame(() => {
+    e();
+  }) : (typeof setImmediate == "function" ? setImmediate : setTimeout)(() => {
+    e();
+  });
+}, openFileDialog: (e = "*.*") => new Promise((t, n) => {
+  if (!gr) return void n("Unable to open dialog with no dom.");
+  const o = document.createElement("input");
+  o.type = "file", o.accept = e;
+  let r = null, i = !1;
+  globalThis.addEventListener?.("focus", () => {
+    setTimeout(() => {
+      r || i || (i = !0, t(null));
+    }, 1e3);
+  }, { once: !0, passive: !0 }), o.onchange = () => {
+    if (r = o.files[0], r) {
+      if (i) return void console.warn("File open detected after faux cancel.", r);
+      t(r);
+    }
+  }, o.autofocus = !0, o.click();
+}), rafThrottle: (e) => {
+  let t, n = !1, o = function() {
+    n = !1, e(t);
+  };
+  return function(r) {
+    t = r, t && t.persist && t.persist(), n || (n = !0, requestAnimationFrame(o));
+  };
+}, removeEmptyProperties: Jr, removeEqualValues: Qr, removeListenerAll: (e) => {
+  if (!e) return [];
+  for (let t = 0; t < e.length; t++) e[t] && e[t]();
+  return [];
+}, requestTimeout: (e, t) => {
+  const n = hr(), o = { id: requestAnimationFrame(function r() {
+    hr() - n >= t ? e.call(null) : o.id = requestAnimationFrame(r);
+  }) };
+  return o;
+}, roundAccurately: (e, t = 0) => {
+  if (e == null || !isFinite(e)) return null;
+  const n = 10 ** t;
+  return Number(Math.round(e * n) / n);
+}, setToPath: (e, t, n) => {
+  const o = t.split(".");
+  let r = e;
+  if (!r) throw new Error("Can not set path to a null path.");
+  for (let i = 0; r && i < o.length - 1; i++) {
+    const l = o[i];
+    let s = r[l];
+    if (s == null && (s = {}, r[l] = s), !Fn(s)) throw new Error("Can not set path to a non object path.");
+    r = s;
+  }
+  if (typeof n != "number" && typeof n != "boolean" && typeof n != "string" && !Fn(n)) throw new Error(`Can not set path to ${n} that is not a a supported primitive.`);
+  return r[o[o.length - 1]] = n, e;
+}, splitNumber: (e) => {
+  let t = Math.abs(e);
+  if (isNaN(t) || !isFinite(e)) return null;
+  let n = 0 | t, o = t - n, r = 0, i = 0, l = 1;
+  if (o > 5e-8) for (; i < 8 && Math.abs(r / l - o) > 5e-8; ) i++, l *= 10, r = Math.round(o * l);
+  return { ip: Math.trunc(e), fp: r, ipLength: Math.ceil(Math.log10(n + 1)), fpLength: i };
+}, subtractRect: (e, t, n = !1) => {
+  if (!t) return [e];
+  if (!pr(e, t)) return [];
+  const o = [];
+  let r = e;
+  const i = () => {
+    t.top > r.top && t.top < r.bottom && (o.push({ ...r, bottom: t.top }), r = { ...r, top: t.top });
+  }, l = () => {
+    t.bottom > r.top && t.bottom < r.bottom && (o.push({ ...r, top: t.bottom }), r = { ...r, bottom: t.bottom });
+  }, s = () => {
+    t.right > r.left && t.right < r.right && (o.push({ ...r, left: t.right }), r = { ...r, right: t.right });
+  }, a = () => {
+    t.left > r.left && t.left < r.right && (o.push({ ...r, right: t.left }), r = { ...r, left: t.left });
+  };
+  return n ? (a(), s(), i(), l()) : (i(), l(), s(), a()), o;
+}, textToKey: (e) => e.replace(/[^a-zA-Z0-9]/g, "").toLowerCase(), throttle: function(e, t) {
+  let n = null;
+  return (...o) => {
+    const r = Date.now();
+    (!n || r - n >= t) && (n = r, e(...o));
+  };
+}, toSafeJSON: function e(t) {
+  if (t === null || typeof t != "object") return t;
+  if (typeof t.toJSON == "function") return t.toJSON();
+  if (Array.isArray(t)) return t.map((o) => e(o));
+  if (typeof t.toString == "function" && t.toString !== Object.prototype.toString) return t.toString();
+  const n = {};
+  for (const o in t) t.hasOwnProperty(o) && (n[o] = e(t[o]));
+  return n;
+}, transpose: (e) => {
+  if (!e) return e;
+  const t = e.length, n = e[0].length, o = [];
+  for (let r = 0; r < n; r++) o[r] = Array(t);
+  for (let r = 0; r < t; r++) for (let i = 0; i < n; i++) o[i][r] = e[r][i];
+  return o;
+}, uuidV4: so, validEnumValue: (e, t) => {
+  if (!Object.values(e).includes(t)) throw new Error(`Invalid type: ${t ?? "null"}. Must be one of: ${Object.values(t).join(", ")}.`);
+}, whenFocus: async (e, t = !1) => new Promise((n) => {
+  wr(e, t) ? n(!0) : e.addEventListener("focusin", () => {
+    n(!0);
+  }, { once: !0 }), e.focus();
+}) }, Symbol.toStringTag, { value: "Module" }));
+Object.freeze(Object.defineProperty({ __proto__: null, MESSAGE_ERROR_INVALID_ARG: (e) => `Invalid argument: '${e}'.` }, Symbol.toStringTag, { value: "Module" }));
+const ti = (e) => {
+  const t = new Uint8Array(e), n = t.byteLength;
+  let o = "";
+  for (let r = 0; r < n; r++) o += String.fromCharCode(t[r]);
+  if (typeof window < "u" && typeof globalThis.btoa == "function") return globalThis.btoa(o);
+  if (typeof Buffer < "u") return Buffer.from(o, "binary").toString("base64");
+  throw new Error("Unsupported environment");
+}, Wo = (e) => new Promise((t, n) => {
+  if (e) if (typeof FileReader < "u") {
+    const o = new FileReader();
+    o.onload = () => {
+      t(o.result);
+    }, o.onerror = () => {
+      n(o.error);
+    }, o.readAsText(e);
+  } else if (typeof Buffer < "u") {
+    const o = (r) => Buffer.from(r).toString("utf-8");
+    e.arrayBuffer().then((r) => {
+      t(o(r));
+    }).catch((r) => {
+      n(r);
+    });
+  } else n(new Error("Unsupported environment"));
+  else t("");
+});
+Object.freeze(Object.defineProperty({ __proto__: null, DEFAULT_MIME_TYPE: "*/*", arrayBufferToBase64: ti, base64ToArrayBuffer: (e) => {
+  const t = typeof window < "u" && typeof globalThis.atob == "function" ? globalThis.atob(e) : Buffer.from(e, "base64").toString("binary"), n = t.length, o = new Uint8Array(n);
+  for (let r = 0; r < n; r++) o[r] = t.charCodeAt(r);
+  return o.buffer;
+}, blobToString: Wo }, Symbol.toStringTag, { value: "Module" }));
+const ni = "data:image/png;base64,", oi = "Unable to resolve image.", mr = (e) => new Promise(async (t, n) => {
+  let o = null;
+  try {
+    o = new Image(), o.src = e, o.addEventListener("load", function() {
+      t({ width: o.naturalWidth, height: o.naturalHeight });
+    }, { once: !0 }), o.addEventListener("error", function() {
+      URL.revokeObjectURL(e), n("Invalid Image");
+    }, { once: !0 }), await o.decode("sync");
+  } catch {
+    o?.src && URL.revokeObjectURL(o.src);
+  }
+  o || n(oi);
+}), Ro = "image/svg+xml";
+var xr, vr;
+Object.freeze(Object.defineProperty({ __proto__: null, DATA_URL_PNG_PREFIX: ni, getImageDataUrl: (e, t = 1) => new Promise(async (n, o) => {
+  let r = null;
+  try {
+    r = new Image(), r.src = e, r.addEventListener("load", function() {
+      try {
+        const i = document.createElement("canvas");
+        i.width = r.naturalWidth, i.height = r.naturalHeight, i.getContext("2d").drawImage(r, 0, 0);
+        const l = i.toDataURL("image/png", t);
+        n({ elemImg: r, dataUrl: l });
+      } catch (i) {
+        URL.revokeObjectURL(e), o(i);
+      }
+    }, { once: !0 }), r.addEventListener("error", function() {
+      URL.revokeObjectURL(e), o("Invalid Image");
+    }, { once: !0 }), await r.decode("sync");
+  } catch {
+    r?.src && URL.revokeObjectURL(r.src);
+  }
+  r || o(oi);
+}), loadImageDetails: async (e, t = null) => {
+  let n = null;
+  const o = async () => {
+    try {
+      const i = t ?? "image/*", l = URL.createObjectURL(new Blob([e], { type: i })), s = await mr(l);
+      n = { mimeType: i, naturalDimensions: s, asUrl: l };
+    } catch {
+    }
+  }, r = async () => {
+    try {
+      const i = new TextDecoder().decode(e), l = URL.createObjectURL(new Blob([i], { type: Ro })), s = await mr(l);
+      n = { mimeType: t ?? Ro, naturalDimensions: s, asUrl: l, asSVGText: i };
+    } catch {
+    }
+  };
+  if (t === Ro ? await r() : t.startsWith("image/") ? await o() : (await o(), n || await r()), !n) throw new Error("Failed to load image");
+  return n;
+} }, Symbol.toStringTag, { value: "Module" })), (vr = xr || (xr = {})).resolveTypedUpdates = (e, t, n, o) => {
+  if (e === null) return e;
+  if (e === void 0) return o;
+  let r = e;
+  if (t?.shorthand) {
+    const a = t?.shorthand(e, n);
+    a !== void 0 && (r = a);
+  }
+  if (r !== null && t?.getSubType) {
+    const a = t.getSubType(r);
+    a && (t = a);
+  }
+  const i = t?.properties, l = t?.arrayType ?? !1;
+  let s = r;
+  if (t && t.merge && s && o) s = t.merge(s, o, n);
+  else if (!l && i) {
+    const a = Object.keys({ ...r, ...o });
+    s = null;
+    for (let d = 0; d < a.length; d++) {
+      const g = a[d];
+      let m, f = r[g];
+      if (f !== void 0) {
+        const x = i[g];
+        m = x ? (0, vr.resolveTypedUpdates)(f, x, n, o?.[g]) : f;
+      } else m = o?.[g];
+      m != null && (s = s ?? {}, s[g] = m);
+    }
+  }
+  return s;
+};
+const yr = `The Safari browser does not support advanced copy and paste.
+Copy and paste will be limited to within the browser tab.
+
+Please use Chrome or Edge if external copy and paste is required.`, ko = `You do not have permissions to access the clipboard.
+All copy and paste operations will be limited to the browser tab.`, ri = { Safari: `The Safari browser does not support advanced copy and paste.
+Copy and paste will be limited to within the browser tab.
+
+Please use Chrome or Edge if external copy and paste is required.`, Perms: ko, PermsWrite: Un() === Ft.Safari ? yr : ko, PermsRead: Un() === Ft.Safari ? yr : ko }, Po = async () => new Promise((e) => {
+  document.hasFocus() ? e() : globalThis.addEventListener?.("focus", () => {
+    e();
+  }, { once: !0 }), document.activeElement.focus?.();
+}), Oo = async (e, t, n) => {
+  if (Un() === Ft.Safari) return await n(new Error(ri.Safari));
+  try {
+    const o = async (l) => {
+      try {
+        return await l();
+      } catch (s) {
+        if (s.message?.includes("Document is not focused")) return !1;
+        throw s;
+      }
+    }, r = await globalThis?.navigator?.permissions?.query({ name: e, allowWithoutGesture: !0, allowWithoutSanitization: !0 });
+    let i = !1;
+    if (r.state === "prompt" && (i = await o(t)), i || r.state !== "granted" || (i = await t()), !i) return await n(new Error(r.state));
+  } catch (o) {
+    return o.message === "No valid data on clipboard" || o.name === "DataError" ? void 0 : await n(o);
+  }
+}, ii = async (e) => {
+  try {
+    return await e.read({ unsanitized: [Bt] });
+  } catch {
+  }
+  return await e.read();
+};
+if (!globalThis.ClipboardItem) {
+  const e = (n, o) => new Blob([o], { type: n });
+  class t {
+    constructor(o, r) {
+      this._items = {}, this._types = Object.keys(o);
+      const i = {}, l = Object.keys(o);
+      for (let s = 0; s < l.length; s++) {
+        const a = l[s];
+        let d = o[a];
+        i[a] = typeof d == "string" ? e(a, d) : d;
+      }
+      this._items = i, this._presentationStyle = r?.presentationStyle ?? "unspecified";
+    }
+    get types() {
+      return this._types;
+    }
+    getType(o) {
+      return Promise.resolve(this._items[o]);
+    }
+    supports(o) {
+      return !0;
+    }
+  }
+  globalThis.ClipboardItem = t;
+}
+const Ho = async (e, t = Bt) => new Promise(async (n, o) => {
+  try {
+    const r = await (async (i, l) => {
+      if (!i) return null;
+      const s = await ii(i);
+      let a = !1;
+      for (let d = 0; !a && s && d < s.length; d++) if (a = s[d].types.includes(l), a) return await s[d].getType(l);
+      return a ? void 0 : null;
+    })(e, t);
+    if (r) {
+      const i = new FileReader();
+      i.onload = () => {
+        n(i.result);
+      }, i.onerror = () => {
+        n("");
+      }, i.readAsText(r);
+    } else n("");
+  } catch (r) {
+    o(r);
+  }
+}), br = async (e, t = Bt) => {
+  const n = await Ho(e, t);
+  if (!n) return null;
+  let o = null;
+  try {
+    o = new DOMParser().parseFromString(n, Bt);
+  } catch {
+    console.warn("Can't parse html from clipboard.");
+  }
+  return o;
+}, qn = "clipboard-uuid", Tn = "web text/uuid", Sr = (e) => `<div style="display:none" ${qn}="${e}"/>`, Xi = (e, t) => {
+  let n = null;
+  try {
+    const o = new DOMParser().parseFromString(t, Bt);
+    o.body.firstElementChild.setAttribute(qn, e), n = o.getElementsByTagName("body")[0].innerHTML;
+  } catch (o) {
+    console.warn("Can't embed uuid.", o);
+  }
+  return n;
+}, Er = (e, t) => {
+  if (!t || !e) return !1;
+  try {
+    const n = t.querySelectorAll(`[${qn}="${e}"]`);
+    if (n && n.length === 1) return !0;
+    if (t.querySelector("parsererror")) throw new Error("We are unable to parse node");
+    return !1;
+  } catch {
+    return !1;
+  }
+};
+let ho = class {
+  constructor(e) {
+    if (e?.nativeClipboard === void 0 || e?.nativeClipboard === !0) try {
+      this._nativeClipboard = globalThis?.navigator.clipboard;
+    } catch {
+      e?.nativeClipboard === !0 && console.warn("NativeClipboard option set to true but no native clipboard available.");
+    }
+    else this._nativeClipboard = e?.nativeClipboard === !1 ? null : e?.nativeClipboard;
+    this._disableCheckOnFocus = e?.disableCheckOnFocus ?? !1, this._init();
+  }
+  async _checkForChanges() {
+    this._nativeClipboard && this._state && !this._disableCheckOnFocus && await Oo("clipboard-read", async () => {
+      await Po();
+      const e = await Ho(this._nativeClipboard, Tn);
+      if (!this._state || e && e === this._state.uuid) return !0;
+      const t = await br(this._nativeClipboard, Bt);
+      return !this._state || (Er(this._state.uuid, t) || this.clear(), !0);
+    }, async (e) => {
+      e?.message === "denied" || e.message?.includes("Document is not focused") || Un() === Ft.Safari || console.warn("Unable to detect clipboard changes: ", e);
+    });
+  }
+  _init() {
+    const e = this;
+    this._listeners = /* @__PURE__ */ new Map(), this._listenersCapture = /* @__PURE__ */ new Map(), this._state = null, this._nativeClipboard && (this._onFocus = () => {
+      e._checkForChanges();
+    }, this._onBlur = () => {
+      globalThis.addEventListener?.("focus", e._onFocus, { once: !0 });
+    }, globalThis.addEventListener?.("blur", this._onBlur), this._nativeClipboard.addEventListener("clipboardchange", (t) => {
+      e._checkForChanges();
+    }));
+  }
+  async read() {
+    if (!this._nativeClipboard) return this._state?.items ?? null;
+    const e = this;
+    return await Oo("clipboard-read", async () => {
+      if (await Po(), this._state?.uuid) {
+        const t = await Ho(this._nativeClipboard, Tn);
+        if (t && t === e._state.uuid) return !0;
+        const n = await br(this._nativeClipboard, Bt);
+        if (Er(e._state?.uuid, n)) return !0;
+      }
+      return e._state = { items: await ii(this._nativeClipboard), uuid: null, ref: null }, this.dispatchEvent(new Event("clipboardread")), !0;
+    }, async (t) => {
+      this.dispatchEvent(new Event("clipboarderrorread"));
+    }), this._state?.items ?? [];
+  }
+  async write(e) {
+    return this._write({ uuid: so(), items: e, ref: null });
+  }
+  async _write(e) {
+    if (!this._nativeClipboard) return this._state = e, this.dispatchEvent(new Event("clipboardwrite")), this.dispatchEvent(new Event("clipboardchange")), null;
+    const t = this, n = [], o = e.uuid;
+    let r = e.items ?? [];
+    const i = () => {
+      t._state = { uuid: o, ref: e.ref, items: n }, t.dispatchEvent(new Event("clipboardwrite")), t.dispatchEvent(new Event("clipboardchange"));
+    };
+    await Oo("clipboard-write", async () => {
+      await Po(), o && r.length === 0 && (r.push(new ClipboardItem({ [Tn]: new Blob([o], { type: Tn }) })), r.push(new ClipboardItem({ [Bt]: new Blob([Sr(o)], { type: Bt }) })));
+      for (let l = 0; l < Math.min(1, r.length); l++) {
+        const s = r[l];
+        let a = s.types.indexOf(Bt), d = null;
+        if (a !== -1) {
+          const f = await s.getType(Bt);
+          d = await Wo(f), d && (d = Xi(o, d));
+        }
+        if (!d && s.types.includes(fn)) {
+          const f = await s.getType(fn);
+          if (f) {
+            let x = null;
+            typeof f == "string" ? (console.warn("text as string", f), x = f) : x = await Wo(f), x && (d = `<div ${qn}="${o}">${x}</div>`);
+          }
+        }
+        if (!d && s.types.includes(Mo)) {
+          const f = await s.getType(Mo), x = ti(await f.arrayBuffer());
+          d = `<div ${qn}="${o}"><img src="${ni + x}"/></div>`;
+        }
+        !d && o && (d = Sr(o));
+        const g = new Blob([d ?? ""], { type: Bt }), m = {};
+        for (let f = 0; f < s.types.length; f++) {
+          const x = s.types[f];
+          m[x] = f === a ? g : s.getType(x);
+        }
+        d && a === -1 && (m[Bt] = g), o && (m[Tn] = new Blob([o], { type: Tn })), n.push(new ClipboardItem(m));
+      }
+      try {
+        n && n.length !== 0 ? await this._nativeClipboard.write(n) : await (async (l) => {
+          l && await l.writeText("");
+        })(this._nativeClipboard);
+      } catch (l) {
+        l.message?.includes("Document is not focused") || console.warn("Unable to write to native clipboard: ", l);
+      }
+      return i(), !0;
+    }, async (l) => {
+      this.dispatchEvent(new Event("clipboarderrorwrite")), i();
+    });
+  }
+  async writeReference(e) {
+    if (!e) return void this.clear();
+    let t = null;
+    const n = {};
+    try {
+      const r = await e.toText?.() ?? null;
+      r && (n[fn] = new Blob([r ?? ""], { type: fn }));
+    } catch (r) {
+      t = r;
+    }
+    try {
+      const r = await e.toHtml?.() ?? null;
+      r && (n[Bt] = new Blob([r], { type: Bt }));
+    } catch (r) {
+      t = r, console.warn("export to html", r);
+    }
+    try {
+      const r = await e.toImage?.() ?? null;
+      r && (n[Mo] = r);
+    } catch (r) {
+      t = r, console.warn("export to png", r);
+    }
+    const o = this._write({ uuid: so(), ref: e, items: Object.keys(n).length > 0 ? [new ClipboardItem(n)] : null });
+    if (t) throw t;
+    return o;
+  }
+  clear(e = !1) {
+    this._state && (this._state = null, e && this._write({ uuid: null, ref: null, items: null }), this.dispatchEvent(new Event("clipboardwrite")), this.dispatchEvent(new Event("clipboardchange")));
+  }
+  async readReference() {
+    return await this.read(), this._state?.ref ?? null;
+  }
+  readText() {
+    return new Promise(async (e, t) => {
+      const n = await this.read();
+      let o = null;
+      for (let i = 0; !o && n && i < n.length; i++) n[i].types.includes(fn) && (o = await n[i].getType(fn));
+      if (!o) return void e("");
+      const r = new FileReader();
+      r.onload = () => {
+        e(r.result);
+      }, r.readAsText(o), r.onerror = (i) => {
+        t(i);
+      };
+    });
+  }
+  async writeText(e) {
+    const t = [new ClipboardItem({ [fn]: new Blob([e], { type: fn }) })];
+    return this._write({ uuid: so(), items: t, ref: null });
+  }
+  addEventListener(e, t, n = {}) {
+    const o = n?.capture ? this._listenersCapture : this._listeners;
+    let r = o.get(e);
+    r || (r = /* @__PURE__ */ new Map(), o.set(e, r)), r.set(t, typeof n == "boolean" ? {} : n);
+  }
+  dispatchEvent(e) {
+    if (!e) return;
+    const t = (n) => {
+      const o = n.get(e.type);
+      o && o.forEach((r, i) => {
+        try {
+          typeof i == "function" ? i(e) : i.handleEvent && i.handleEvent(e), r.once && o.delete(i);
+        } catch (l) {
+          console.warn(l);
+        }
+      });
+    };
+    return t(this._listenersCapture), t(this._listeners), !0;
+  }
+  removeEventListener(e, t, n) {
+    const o = n?.capture ? this._listenersCapture : this._listeners, r = o.get(e);
+    r && (r.delete(t), r.size === 0 && o.delete(e));
+  }
+  close() {
+    globalThis.removeEventListener?.("focus", this._onFocus), globalThis.removeEventListener?.("blur", this._onBlur);
+  }
+};
+var Lo;
+(Lo = ho || (ho = {})).ErrorMessages = ri, Lo.Global = new Lo(), function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode("._sheetxl-scrollbar_18qzf_11 ::-webkit-scrollbar-button{background:transparent}._fullscreen-portal-root_5qk7s_7{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:1200}._fullscreen-portal-root_5qk7s_7>*{pointer-events:auto}")), document.head.appendChild(e);
+    }
+  } catch (t) {
+    console.error("vite-plugin-css-injected-by-js", t);
+  }
+}();
+/**
+ * @license @sheetxl/utils-react - Utils React - Utilities for React capabilities needed for all SheetXL components. - v0.1.95
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const Wn = { Left: "left", Right: "right", Center: "center" }, It = "shift", yn = "alt", Lt = "ctrl", Gi = 9, Zi = 13, Ji = 27, Qi = 37, el = 38, tl = 39, nl = 40, ol = 113, _r = 3, mn = { Horizontal: "horizontal", Vertical: "vertical" };
+function li(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (n = li(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function Rn() {
+  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = li(e)) && (o && (o += " "), o += t);
+  return o;
+}
+var rl = function() {
+}, si = typeof window < "u", il = si ? nn : st, Ir = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+const In = si && window.ResizeObserver !== void 0 ? function() {
+  var e = Je(null), t = e[0], n = e[1], o = Je(Ir), r = o[0], i = o[1], l = Ee(function() {
+    return new window.ResizeObserver(function(s) {
+      if (s[0]) {
+        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, f = a.height, x = a.top, E = a.left, I = a.bottom, M = a.right;
+        i({ x: d, y: g, width: m, height: f, top: x, left: E, bottom: I, right: M });
+      }
+    });
+  }, []);
+  return il(function() {
+    if (t) return l.observe(t), function() {
+      l.disconnect();
+    };
+  }, [t]), [n, r];
+} : function() {
+  return [rl, Ir];
+}, T = (e, t) => {
+  const n = O((...i) => e?.(...i), t), o = J(null);
+  o.current = n;
+  const r = O((...i) => o.current?.(...i), []);
+  if (o.current) return r;
+}, ll = (e) => {
+  const { style: t, orientation: n = mn.Vertical, ...o } = e, r = n === mn.Vertical;
+  return Y("div", { style: { paddingBottom: "0px", paddingRight: "0px", paddingLeft: r ? "0px" : "3px", paddingTop: r ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...t }, ...o, children: Y("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${r ? "vertical" : "horizontal"} single-button start`, children: Y("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: Y("path", { d: r ? "m 3.7274761,0.68060577 1.11969,1.93863003 1.12075,1.93912 c 0.0895,0.155 0.12152,0.33658 0.0904,0.51283 -0.0311,0.17625 -0.12336,0.33591 -0.26054,0.45091 -0.13715,0.11495 -0.31044,0.17793 -0.4894,0.17781 H 0.83095614 c -0.20186,0 -0.39542,-0.0802 -0.53814,-0.2229 -0.14272,-0.14272 -0.22291,-0.33629 -0.22291,-0.53814 -3e-4,-0.13308 0.0347,-0.26385 0.10147,-0.379 l 1.11872996,-1.94066 1.11921,-1.93864003 c 0.13594,-0.23541 0.38717,-0.38047 0.65905,-0.38047 0.27188,0 0.52311,0.14506 0.65905,0.38047 z" : "m 0.75051,2.3424298 1.93863,-1.11969 1.93912,-1.12075 c 0.155,-0.0895 0.33658,-0.12152 0.51283,-0.0904 0.17625,0.0311 0.33591,0.12336 0.45091,0.26054 0.11495,0.13715 0.17793,0.31044 0.17781,0.4894 v 4.47742 c 0,0.20186 -0.0802,0.39542 -0.2229,0.53814 -0.14272,0.14272 -0.33629,0.22291 -0.53814,0.22291 -0.13308,3e-4 -0.26385,-0.0347 -0.379,-0.10147 L 2.68911,4.7797998 0.75047,3.6605898 C 0.51506,3.5246498 0.37,3.2734198 0.37,3.0015398 c 0,-0.27188 0.14506,-0.52311 0.38047,-0.65905 z" }) }) }) });
+}, sl = (e) => {
+  const { style: t, orientation: n = mn.Vertical, ...o } = e, r = n === mn.Vertical;
+  return Y("div", { style: { paddingLeft: "0px", paddingTop: "0px", paddingRight: r ? "0px" : "3px", paddingBottom: r ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...t }, ...o, children: Y("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${r ? "vertical" : "horizontal"} single-button end`, children: Y("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: Y("path", { d: r ? "M 2.412334,5.319396 1.292644,3.3807659 0.17189405,1.4416459 c -0.0895,-0.155 -0.12152,-0.33658 -0.0904,-0.51282998 0.0311,-0.17625 0.12336,-0.33591 0.26054,-0.45091 0.13715,-0.11495 0.31044,-0.17793 0.4894,-0.17781 H 5.308854 c 0.20186,0 0.39542,0.0802 0.53814,0.2229 0.14272,0.14272 0.22291,0.33629 0.22291,0.53813998 3e-4,0.13308 -0.0347,0.26385 -0.10147,0.379 l -1.11873,1.94066 -1.11921,1.9386401 c -0.13594,0.23541 -0.38717,0.38047 -0.65905,0.38047 -0.27188,0 -0.52311,-0.14506 -0.65905,-0.38047 z" : "m 5.3893002,3.6575719 -1.9386301,1.11969 -1.93912,1.12075 c -0.155,0.0895 -0.33658,0.12152 -0.51282997,0.0904 -0.17625,-0.0311 -0.33591,-0.12336 -0.45091,-0.26054 -0.11495,-0.13715 -0.17793,-0.31044 -0.17781,-0.4894 V 0.76105195 c 0,-0.20186 0.0802,-0.39542 0.2229,-0.53814 C 0.73562013,0.08019195 0.92919013,1.9467784e-6 1.1310401,1.9467784e-6 1.2641201,-2.9805322e-4 1.3948901,0.03470195 1.5100401,0.10147195 l 1.94066,1.11872995 1.9386401,1.11921 c 0.23541,0.13594 0.38047,0.38717 0.38047,0.65905 0,0.27188 -0.14506,0.52311 -0.38047,0.65905 z" }) }) }) });
+}, No = (e, t, n, o, r = 0) => {
+  for (let i = 0; i < n.length; i++) {
+    const l = n[i].getBoundingClientRect();
+    let s = l.left - t, a = s + l.width;
+    if (o) {
+      if (s < e && a >= e) return s;
+    } else if (Math.ceil(a) > Math.ceil(e) + 2) return a;
+  }
+  return r;
+};
+Object.freeze(Object.defineProperty({ __proto__: null, getScrollTo: No }, Symbol.toStringTag, { value: "Module" }));
+const er = Dt(Ut((e, t) => {
+  const { offset: n = 0, totalSize: o = 0, viewportSize: r = 0, style: i, className: l, orientation: s = mn.Vertical, onScrollOffset: a, onScroll: d, showCustomScrollButtons: g = !1, scrollButtonIncrement: m = 200, scrollButtonInitialRepeatDelay: f = 260, scrollButtonAdditionalRepeatDelay: x = 120, createScrollStartButton: E = ll, createScrollEndButton: I = sl, ...M } = e, ae = T(d, [d]), R = J(null), [_, { width: L, height: le }] = In(), [$, { width: oe, height: be }] = In(), U = s === mn.Vertical, H = U ? "top" : "left", X = U ? "scrollTop" : "scrollLeft", k = U ? le : L, u = U ? be : oe, [C, ee] = Je(null);
+  st(() => {
+    C !== null && R.current && R.current.scrollTo({ behavior: "smooth", [H]: C });
+  }, [C, U]);
+  const W = O((S, ue = !1) => {
+    if (!R.current) return 0;
+    const K = R.current.querySelector(".scrollbar-viewport"), pe = K.getBoundingClientRect(), te = K.children, Re = ue ? 0 : No(S, pe[H], te, !0, Math.max(0, S - m));
+    return ee(Re), Math.max(0, Re);
+  }, []), A = O((S, ue = !1) => {
+    if (!R.current) return 0;
+    const K = R.current.querySelector(".scrollbar-viewport"), pe = K.getBoundingClientRect(), te = K.children, Re = Math.ceil(u - k), at = ue ? Re : No(S, pe[H], te, !1, Math.max(0, S + m));
+    return ee(at), Math.min(Re, at);
+  }, [u, k]), q = J(null), N = O((S) => {
+    q.current = n;
+    const ue = S.target[X];
+    a(ue, r, o), ae?.(S);
+  }, [a, r, o, n]);
+  st(() => {
+    const S = q.current;
+    q.current = null, n !== S && (R.current[X] = n);
+  }, [n, X]);
+  const xe = J(null), G = J(null), He = O(() => {
+    xe.current && (clearTimeout(xe.current), xe.current = null, G.current = null);
+  }, []), Ue = O((S, ue, K, pe = f) => {
+    G.current = S, xe.current = setTimeout(() => {
+      const te = K ? W(G.current || S) : A(G.current || S);
+      te !== G.current ? Ue(te, !1, K, x) : He();
+    }, ue ? 0 : pe);
+  }, [W, A, He]);
+  st(() => () => He(), [He]);
+  const We = n, ht = Ee(() => {
+    if (!g) return null;
+    const S = { orientation: s, disabled: Math.floor(We) <= 0 || Math.floor(u - k) === 0, onMouseUp: He, onMouseLeave: He, onMouseDown: () => Ue(We, !0, !0) };
+    return E?.(S);
+  }, [g, s, We, C, u, k]), _e = Ee(() => {
+    if (!g) return null;
+    const S = { orientation: s, disabled: Math.floor(u - k) <= Math.ceil(We), onMouseUp: He, onMouseLeave: He, onMouseDown: () => Ue(We, !0, !1) };
+    return I?.(S);
+  }, [g, s, We, C, u, k]);
+  return Ht("div", { ref: t, style: { display: "flex", flex: "1", flexDirection: U ? "column" : "row", padding: "0", ...i }, className: Rn("_sheetxl-scrollbar_18qzf_11", l), ...M, children: [ht, Y("div", { className: "pseudo-scrollbar", style: { flex: "1 1 100%", display: "flex", boxSizing: "content-box", flexDirection: U ? "column" : "row", justifyContent: "center", alignItems: "center" }, ref: _, children: Y("div", { tabIndex: -1, style: { flex: "1 1 100%", overflowY: U ? "scroll" : "hidden", overflowX: U ? "hidden" : "scroll", position: "relative", willChange: "transform" }, onScroll: N, ref: R, children: Y("div", { ref: $, style: { position: "absolute", height: U ? o - r + (le ?? 0) : 1, width: U ? 1 : o - r + (L ?? 0) }, className: "scrollbar-viewport" }) }) }), _e] });
+}));
+er.displayName = "Scrollbar";
+let Cr = Date.now, gn = {}, cl = 1;
+const jn = (e) => {
+  let t = gn[e] !== null;
+  return t && (gn[e] = null), t;
+}, Mr = (e, t, n, o = 0, r) => {
+  let i = Cr(), l = i, s = 0, a = 0, d = cl++;
+  if (d % 20 == 0) {
+    const m = {};
+    for (let f in gn) m[f] = !0;
+    gn = m;
+  }
+  const g = function(m) {
+    const f = m !== !0, x = Cr();
+    if (!gn[d] || t && !t(d)) return gn[d] = null, void n(60 - a / ((x - i) / 1e3), d, !1);
+    if (f) {
+      const I = Math.round((x - l) / 16.666666666666668) - 1;
+      for (let M = 0; M < Math.min(I, 4); M++) g(!0), a++;
+    }
+    o && (s = (x - i) / o, s > 1 && (s = 1));
+    const E = r ? r(s) : s;
+    e(E, x, f) !== !1 && s !== 1 || !f ? f && (l = x, requestAnimationFrame(g)) : (gn[d] = null, n(60 - a / ((x - i) / 1e3), d, s === 1 || o === void 0));
+  };
+  return gn[d] = !0, requestAnimationFrame(g), d;
+};
+var al = function() {
+}, dl = function(e) {
+  return Math.pow(e - 1, 3) + 1;
+}, ul = function(e) {
+  return (e /= 0.5) < 1 ? 0.5 * Math.pow(e, 3) : 0.5 * (Math.pow(e - 2, 3) + 2);
+}, ci = function(e, t) {
+  for (var n in this.__callback = e, this.options = { scrollingX: !0, scrollingY: !0, animating: !0, animationDuration: 250, bouncing: !0, locking: !0, paging: !1, snapping: !1, zooming: !1, minZoom: 0.5, maxZoom: 3, speedMultiplier: 1, scrollingComplete: al, penetrationDeceleration: 0.03, penetrationAcceleration: 0.08 }, t) this.options[n] = t[n];
+};
+ci.prototype = { __isSingleTouch: !1, __isTracking: !1, __didDecelerationComplete: !1, __isGesturing: !1, __isDragging: !1, __isDecelerating: !1, __isAnimating: !1, __clientLeft: 0, __clientTop: 0, __clientWidth: 0, __clientHeight: 0, __contentWidth: 0, __contentHeight: 0, __snapWidth: 100, __snapHeight: 100, __zoomLevel: 1, __scrollLeft: 0, __scrollTop: 0, __maxScrollLeft: 0, __maxScrollTop: 0, __scheduledLeft: 0, __scheduledTop: 0, __scheduledZoom: 0, __lastTouchLeft: null, __lastTouchTop: null, __lastTouchMove: null, __positions: null, __minDecelerationScrollLeft: null, __minDecelerationScrollTop: null, __maxDecelerationScrollLeft: null, __maxDecelerationScrollTop: null, __decelerationVelocityX: null, __decelerationVelocityY: null, setDimensions: function(e, t, n, o) {
+  e !== null && (this.__clientWidth = e), t !== null && (this.__clientHeight = t), n !== null && (this.__contentWidth = n), o !== null && (this.__contentHeight = o), this.__computeScrollMax(), this.scrollTo(this.__scrollLeft, this.__scrollTop, !0);
+}, setPosition: function(e, t) {
+  this.__clientLeft = e || 0, this.__clientTop = t || 0;
+}, setSnapSize: function(e, t) {
+  this.__snapWidth = e, this.__snapHeight = t;
+}, getValues: function() {
+  return { left: this.__scrollLeft, top: this.__scrollTop, right: this.__scrollLeft + this.__clientWidth / this.__zoomLevel, bottom: this.__scrollTop + this.__clientHeight / this.__zoomLevel, zoom: this.__zoomLevel };
+}, getPoint: function(e, t) {
+  var n = this.getValues();
+  return { left: e / n.zoom, top: t / n.zoom };
+}, getScrollMax: function() {
+  return { left: this.__maxScrollLeft, top: this.__maxScrollTop };
+}, zoomTo: function(e, t, n, o, r) {
+  if (!this.options.zooming) throw new Error("Zooming is not enabled!");
+  r && (this.__zoomComplete = r), this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = !1);
+  var i = this.__zoomLevel;
+  n === void 0 && (n = this.__clientWidth / 2), o === void 0 && (o = this.__clientHeight / 2), e = Math.max(Math.min(e, this.options.maxZoom), this.options.minZoom), this.__computeScrollMax(e);
+  var l = e / i, s = l * (this.__scrollLeft + n) - n, a = l * (this.__scrollTop + o) - o;
+  s > this.__maxScrollLeft ? s = this.__maxScrollLeft : s < 0 && (s = 0), a > this.__maxScrollTop ? a = this.__maxScrollTop : a < 0 && (a = 0), this.__publish(s, a, e, t);
+}, zoomBy: function(e, t, n, o, r) {
+  this.zoomTo(this.__zoomLevel * e, t, n, o, r);
+}, scrollTo: function(e, t, n, o) {
+  if (this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = !1), o !== void 0 && o !== this.__zoomLevel) {
+    if (!this.options.zooming) throw new Error("Zooming is not enabled!");
+    e *= o, t *= o, this.__computeScrollMax(o);
+  } else o = this.__zoomLevel;
+  this.options.scrollingX ? this.options.paging ? e = Math.round(e / this.__clientWidth) * this.__clientWidth : this.options.snapping && (e = Math.round(e / this.__snapWidth) * this.__snapWidth) : e = this.__scrollLeft, this.options.scrollingY ? this.options.paging ? t = Math.round(t / this.__clientHeight) * this.__clientHeight : this.options.snapping && (t = Math.round(t / this.__snapHeight) * this.__snapHeight) : t = this.__scrollTop, e = Math.max(Math.min(this.__maxScrollLeft, e), 0), t = Math.max(Math.min(this.__maxScrollTop, t), 0), e === this.__scrollLeft && t === this.__scrollTop && (n = !1), this.__publish(e, t, o, n);
+}, scrollBy: function(e, t, n) {
+  var o = this.__isAnimating ? this.__scheduledLeft : this.__scrollLeft, r = this.__isAnimating ? this.__scheduledTop : this.__scrollTop;
+  this.scrollTo(o + (e || 0), r + (t || 0), n);
+}, doMouseZoom: function(e, t, n, o) {
+  var r = e > 0 ? 0.97 : 1.03;
+  return this.zoomTo(this.__zoomLevel * r, !1, n - this.__clientLeft, o - this.__clientTop);
+}, doTouchStart: function(e, t) {
+  if (e.length === void 0) throw new Error("Invalid touch list: " + e);
+  if (t instanceof Date && (t = t.valueOf()), typeof t != "number") throw new Error("Invalid timestamp value: " + t);
+  var n, o;
+  this.__interruptedAnimation = !0, this.__isDecelerating && (jn(this.__isDecelerating), this.__isDecelerating = !1, this.__interruptedAnimation = !0), this.__isAnimating && (jn(this.__isAnimating), this.__isAnimating = !1, this.__interruptedAnimation = !0);
+  var r = e.length === 1;
+  r ? (n = e[0].pageX, o = e[0].pageY) : (n = Math.abs(e[0].pageX + e[1].pageX) / 2, o = Math.abs(e[0].pageY + e[1].pageY) / 2), this.__initialTouchLeft = n, this.__initialTouchTop = o, this.__zoomLevelStart = this.__zoomLevel, this.__lastTouchLeft = n, this.__lastTouchTop = o, this.__lastTouchMove = t, this.__lastScale = 1, this.__enableScrollX = !r && this.options.scrollingX, this.__enableScrollY = !r && this.options.scrollingY, this.__isTracking = !0, this.__didDecelerationComplete = !1, this.__isDragging = !r, this.__isSingleTouch = r, this.__positions = [];
+}, doTouchMove: function(e, t, n) {
+  if (e.length === void 0) throw new Error("Invalid touch list: " + e);
+  if (t instanceof Date && (t = t.valueOf()), typeof t != "number") throw new Error("Invalid timestamp value: " + t);
+  if (this.__isTracking) {
+    var o, r;
+    e.length === 2 ? (o = Math.abs(e[0].pageX + e[1].pageX) / 2, r = Math.abs(e[0].pageY + e[1].pageY) / 2) : (o = e[0].pageX, r = e[0].pageY);
+    var i = this.__positions;
+    if (this.__isDragging) {
+      var l = o - this.__lastTouchLeft, s = r - this.__lastTouchTop, a = this.__scrollLeft, d = this.__scrollTop, g = this.__zoomLevel;
+      if (n !== void 0 && this.options.zooming) {
+        var m = g;
+        if (g = g / this.__lastScale * n, m !== (g = Math.max(Math.min(g, this.options.maxZoom), this.options.minZoom))) {
+          var f = o - this.__clientLeft, x = r - this.__clientTop;
+          a = (f + a) * g / m - f, d = (x + d) * g / m - x, this.__computeScrollMax(g);
+        }
+      }
+      if (this.__enableScrollX) {
+        a -= l * this.options.speedMultiplier;
+        var E = this.__maxScrollLeft;
+        (a > E || a < 0) && (this.options.bouncing ? a += l / 2 * this.options.speedMultiplier : a = a > E ? E : 0);
+      }
+      if (this.__enableScrollY) {
+        d -= s * this.options.speedMultiplier;
+        var I = this.__maxScrollTop;
+        (d > I || d < 0) && (this.options.bouncing ? d += s / 2 * this.options.speedMultiplier : d = d > I ? I : 0);
+      }
+      i.length > 60 && i.splice(0, 30), i.push(a, d, t), this.__publish(a, d, g);
+    } else {
+      var M = this.options.locking ? 3 : 0, ae = Math.abs(o - this.__initialTouchLeft), R = Math.abs(r - this.__initialTouchTop);
+      this.__enableScrollX = this.options.scrollingX && ae >= M, this.__enableScrollY = this.options.scrollingY && R >= M, i.push(this.__scrollLeft, this.__scrollTop, t), this.__isDragging = (this.__enableScrollX || this.__enableScrollY) && (ae >= 5 || R >= 5), this.__isDragging && (this.__interruptedAnimation = !1);
+    }
+    this.__lastTouchLeft = o, this.__lastTouchTop = r, this.__lastTouchMove = t, this.__lastScale = n;
+  }
+}, doTouchEnd: function(e) {
+  if (e instanceof Date && (e = e.valueOf()), typeof e != "number") throw new Error("Invalid timestamp value: " + e);
+  if (this.__isTracking) {
+    if (this.__isTracking = !1, this.__isDragging) if (this.__isDragging = !1, this.__isSingleTouch && this.options.animating && e - this.__lastTouchMove <= 100) {
+      for (var t = this.__positions, n = t.length - 1, o = n, r = n; r > 0 && t[r] > this.__lastTouchMove - 100; r -= 3) o = r;
+      if (o !== n) {
+        var i = t[n] - t[o], l = this.__scrollLeft - t[o - 2], s = this.__scrollTop - t[o - 1];
+        this.__decelerationVelocityX = l / i * (1e3 / 60), this.__decelerationVelocityY = s / i * (1e3 / 60);
+        var a = this.options.paging || this.options.snapping ? 4 : 1;
+        (Math.abs(this.__decelerationVelocityX) > a || Math.abs(this.__decelerationVelocityY) > a) && this.__startDeceleration(e);
+      } else this.options.scrollingComplete();
+    } else e - this.__lastTouchMove > 100 && this.options.scrollingComplete();
+    this.__isDecelerating || ((this.__interruptedAnimation || this.__isDragging) && this.options.scrollingComplete(), this.scrollTo(this.__scrollLeft, this.__scrollTop, !0, this.__zoomLevel)), this.__positions.length = 0;
+  }
+}, __publish: function(e, t, n, o) {
+  var r = this.__isAnimating;
+  if (r && (jn(r), this.__isAnimating = !1), o && this.options.animating) {
+    this.__scheduledLeft = e, this.__scheduledTop = t, this.__scheduledZoom = n;
+    var i = this.__scrollLeft, l = this.__scrollTop, s = this.__zoomLevel, a = e - i, d = t - l, g = n - s, m = function(E, I, M) {
+      M && (this.__scrollLeft = i + a * E, this.__scrollTop = l + d * E, this.__zoomLevel = s + g * E, this.__callback && this.__callback(this.__scrollLeft, this.__scrollTop, this.__zoomLevel));
+    }.bind(this), f = function(E) {
+      return this.__isAnimating === E;
+    }.bind(this), x = function(E, I, M) {
+      I === this.__isAnimating && (this.__isAnimating = !1), (this.__didDecelerationComplete || M) && this.options.scrollingComplete(), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+    }.bind(this);
+    this.__isAnimating = Mr(m, f, x, this.options.animationDuration, r ? dl : ul);
+  } else this.__scheduledLeft = this.__scrollLeft = e, this.__scheduledTop = this.__scrollTop = t, this.__scheduledZoom = this.__zoomLevel = n, this.__callback && this.__callback(e, t, n), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+}, __computeScrollMax: function(e) {
+  e === void 0 && (e = this.__zoomLevel), this.__maxScrollLeft = Math.max(this.__contentWidth * e - this.__clientWidth, 0), this.__maxScrollTop = Math.max(this.__contentHeight * e - this.__clientHeight, 0);
+}, __startDeceleration: function(e) {
+  if (this.options.paging) {
+    var t = Math.max(Math.min(this.__scrollLeft, this.__maxScrollLeft), 0), n = Math.max(Math.min(this.__scrollTop, this.__maxScrollTop), 0), o = this.__clientWidth, r = this.__clientHeight;
+    this.__minDecelerationScrollLeft = Math.floor(t / o) * o, this.__minDecelerationScrollTop = Math.floor(n / r) * r, this.__maxDecelerationScrollLeft = Math.ceil(t / o) * o, this.__maxDecelerationScrollTop = Math.ceil(n / r) * r;
+  } else this.__minDecelerationScrollLeft = 0, this.__minDecelerationScrollTop = 0, this.__maxDecelerationScrollLeft = this.__maxScrollLeft, this.__maxDecelerationScrollTop = this.__maxScrollTop;
+  var i = function(d, g, m) {
+    this.__stepThroughDeceleration(m);
+  }.bind(this), l = this.options.snapping ? 4 : 0.1, s = function() {
+    var d = Math.abs(this.__decelerationVelocityX) >= l || Math.abs(this.__decelerationVelocityY) >= l;
+    return d || (this.__didDecelerationComplete = !0), d;
+  }.bind(this), a = function(d, g, m) {
+    this.__isDecelerating = !1, this.__didDecelerationComplete && this.options.scrollingComplete(), this.scrollTo(this.__scrollLeft, this.__scrollTop, this.options.snapping);
+  }.bind(this);
+  this.__isDecelerating = Mr(i, s, a);
+}, __stepThroughDeceleration: function(e) {
+  var t = this.__scrollLeft + this.__decelerationVelocityX, n = this.__scrollTop + this.__decelerationVelocityY;
+  if (!this.options.bouncing) {
+    var o = Math.max(Math.min(this.__maxDecelerationScrollLeft, t), this.__minDecelerationScrollLeft);
+    o !== t && (t = o, this.__decelerationVelocityX = 0);
+    var r = Math.max(Math.min(this.__maxDecelerationScrollTop, n), this.__minDecelerationScrollTop);
+    r !== n && (n = r, this.__decelerationVelocityY = 0);
+  }
+  if (e ? this.__publish(t, n, this.__zoomLevel) : (this.__scrollLeft = t, this.__scrollTop = n), !this.options.paging && (this.__decelerationVelocityX *= 0.95, this.__decelerationVelocityY *= 0.95), this.options.bouncing) {
+    var i = 0, l = 0, s = this.options.penetrationDeceleration, a = this.options.penetrationAcceleration;
+    t < this.__minDecelerationScrollLeft ? i = this.__minDecelerationScrollLeft - t : t > this.__maxDecelerationScrollLeft && (i = this.__maxDecelerationScrollLeft - t), n < this.__minDecelerationScrollTop ? l = this.__minDecelerationScrollTop - n : n > this.__maxDecelerationScrollTop && (l = this.__maxDecelerationScrollTop - n), i !== 0 && (i * this.__decelerationVelocityX <= 0 ? this.__decelerationVelocityX += i * s : this.__decelerationVelocityX = i * a), l !== 0 && (l * this.__decelerationVelocityY <= 0 ? this.__decelerationVelocityY += l * s : this.__decelerationVelocityY = l * a);
+  }
+} };
+var Gt = typeof window < "u" ? window : { screen: {}, navigator: {} }, Ln = (Gt.matchMedia || function() {
+  return { matches: !1 };
+}).bind(Gt), ai = !1, hl = { get passive() {
+  return ai = !0;
+} }, Tr = function() {
+};
+Gt.addEventListener && Gt.addEventListener("p", Tr, hl), Gt.removeEventListener && Gt.removeEventListener("p", Tr, !1);
+var fl = ai, pl = "PointerEvent" in Gt, tr = "ontouchstart" in Gt, di = tr || "TouchEvent" in Gt && Ln("(any-pointer: coarse)").matches, Rr = (Gt.navigator.maxTouchPoints || 0) > 0 || di, ui = Gt.navigator.userAgent || "", gl = Ln("(pointer: coarse)").matches && /iPad|Macintosh/.test(ui) && Math.min(Gt.screen.width || 0, Gt.screen.height || 0) >= 768, hi = (Ln("(pointer: coarse)").matches || !Ln("(pointer: fine)").matches && tr) && !/Windows.*Firefox/.test(ui), wl = Ln("(any-pointer: fine)").matches || Ln("(any-hover: hover)").matches || gl || !tr, Uo = !Rr || !wl && hi ? Rr ? "touchOnly" : "mouseOnly" : "hybrid", ml = Uo === "mouseOnly" ? "mouse" : Uo === "touchOnly" || hi ? "touch" : "mouse";
+const xl = Object.freeze(Object.defineProperty({ __proto__: null, deviceType: Uo, primaryInput: ml, supportsPassiveEvents: fl, supportsPointerEvents: pl, supportsTouchEvents: di }, Symbol.toStringTag, { value: "Module" })), vl = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), fi = {};
+function qo() {
+  return xl;
+}
+const me = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProperties: fi, boundPixel: function(e, t = !1, n = 0) {
+  return e;
+}, createSyntheticEvent: (e) => {
+  let t = !1, n = !1;
+  return { nativeEvent: e, currentTarget: e.currentTarget, target: e.target, bubbles: e.bubbles, cancelable: e.cancelable, defaultPrevented: e.defaultPrevented, eventPhase: e.eventPhase, isTrusted: e.isTrusted, preventDefault: () => {
+    t = !0, e.preventDefault();
+  }, isDefaultPrevented: () => t, stopPropagation: () => {
+    n = !0, e.stopPropagation();
+  }, isPropagationStopped: () => n, persist: () => {
+  }, timeStamp: e.timeStamp, type: e.type };
+}, detectIt: qo, focusableNodeNames: vl, toPrettyKeyCode: (e) => e === "BracketLeft" ? "[" : e === "BracketRight" ? "]" : Ct.camelToPrettyCase(e) }, Symbol.toStringTag, { value: "Module" })), yl = [];
+function wo(e, t, n = yl) {
+  const o = J(null);
+  return Ur(e, () => {
+    if (!o.current) return;
+    const r = o.current, i = t?.();
+    if (!i || typeof i != "object") throw new Error("attributes must return a plain object of values");
+    const l = Object.keys(i), s = l.length;
+    for (let a = 0; a < s; a++) {
+      const d = l[a], g = i[d];
+      Object.defineProperty(r, d, { value: g, writable: !0, configurable: !0, enumerable: !0 });
+    }
+    return r;
+  }, n), o;
+}
+const kr = (e) => Y(er, { ...e }), bl = ({ width: e, height: t }) => Y("div", { className: "corner", style: { minWidth: `${e}px`, width: `${e}px`, minHeight: `${t}px`, height: `${t}px` } }), pi = Dt(Ut((e, t) => {
+  const { children: n, viewport: o, onScrollViewport: r, showHorizontalScrollbar: i = !0, showVerticalScrollbar: l = !0, createScrollCorner: s = bl, createHorizontalScrollbar: a = kr, createVerticalScrollbar: d = kr, style: g, touchElement: m, disableTouch: f, ...x } = e, E = T(r, [r]), I = wo(t, () => ({ isScrollPane: () => !0 }), []), M = J(null);
+  st(() => {
+    M.current && (M.current.__scrollTop === o?.top && M.current.__scrollLeft !== !o?.left || M.current?.scrollTo(o?.left, o?.top, !1));
+  }, [o?.left, o?.top, m]);
+  const ae = O((k, u) => {
+    E?.({ left: k, top: u });
+  }, []), R = O((k) => {
+    M.current?.doTouchStart(k.touches, k.timeStamp);
+  }, []), _ = O((k) => {
+    k.preventDefault(), M.current?.doTouchMove(k.touches, k.timeStamp);
+  }, []), L = O((k) => {
+    M.current?.doTouchEnd(k.timeStamp);
+  }, []), le = O(({ containerWidth: k, containerHeight: u, totalWidth: C, totalHeight: ee }) => {
+    M.current.setDimensions(k, u, C, ee);
+  }, []);
+  st(() => {
+    const k = m ?? I.current;
+    if (!f && qo().supportsTouchEvents && k && o) {
+      if (!M.current) {
+        const u = { scrollingX: !0, scrollingY: !0, decelerationRate: 0.95, penetrationAcceleration: 0.08 };
+        M.current = new ci(ae, u);
+      }
+      qo().supportsTouchEvents && (k.addEventListener("touchstart", R), k.addEventListener("touchend", L), k.addEventListener("touchmove", _)), le({ containerWidth: o?.width, containerHeight: o?.height, totalWidth: o?.totalWidth, totalHeight: o?.totalHeight });
+    }
+    return () => {
+      k?.removeEventListener("touchstart", R), k?.removeEventListener("touchend", L), k?.removeEventListener("touchmove", _);
+    };
+  }, [o?.width, o?.height, o?.totalWidth, o?.totalHeight, f, m]);
+  const [$, { width: oe }] = In(), [be, { height: U }] = In(), H = Ee(() => {
+    const k = d({ orientation: mn.Vertical, offset: o?.top, viewportSize: o?.height, totalSize: o?.totalHeight, onScrollOffset: (u) => {
+      E?.({ top: u });
+    } });
+    return Y("div", { style: { display: "flex", flex: "0" }, ref: $, children: k });
+  }, [d, o?.top, o?.height, o?.totalHeight]), X = Ee(() => {
+    const k = a({ orientation: mn.Horizontal, offset: o?.left, viewportSize: o?.width, totalSize: o?.totalWidth, onScrollOffset: (u) => E?.({ left: u }) });
+    return Ht("div", { style: { display: "flex", flex: "none", flexDirection: "row", alignItems: "stretch", justifyContent: "center" }, children: [Y("div", { style: { display: "flex", flex: "1 1 100%", flexDirection: "column", width: `calc(100% - ${oe}px)` }, children: Y("div", { ref: be, className: "sizer", children: k }) }), l ? s({ width: oe, height: U }) : Y(wn, {})] });
+  }, [a, o?.left, o?.width, o?.totalWidth, l, s, oe, U]);
+  return Y("div", { style: { position: "relative", display: "flex", minWidth: l ? `${oe}px` : void 0, minHeight: i ? `${U}px` : void 0, ...g }, ...x, ref: I, children: Ht("div", { style: { position: "relative", width: "100%", flex: "1 1 100%", display: "flex", flexDirection: "column", boxSizing: "border-box" }, children: [Ht("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: [Y("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: n }), l ? H : Y(wn, {})] }), i ? X : Y(wn, {})] }) });
+}));
+pi.displayName = "ScrollPane";
+const Sl = () => {
+  const e = document.fullscreenElement;
+  return e ? e.querySelector(".fullscreen-portal-root") || e : document.body;
+};
+let no = 0;
+function gi() {
+  return st(() => {
+    function e() {
+      const t = document.fullscreenElement;
+      if (!t) return;
+      let n = t.querySelector(".fullscreen-portal-root");
+      n || (n = document.createElement("div"), n.className = "fullscreen-portal-root _fullscreen-portal-root_5qk7s_7", t.appendChild(n));
+    }
+    return no++, e(), document.addEventListener("fullscreenchange", e), () => {
+      document.removeEventListener("fullscreenchange", e), no--, no <= 0 && (document.querySelectorAll(".fullscreen-portal-root").forEach((t) => {
+        t.parentNode && t.parentNode.removeChild(t);
+      }), no = 0);
+    };
+  }, []), { getPortalContainer: Sl };
+}
+const El = 100, _l = 100, Il = 1e6, Cl = 100, Ml = 50, Tl = Dt(Ut((e, t) => {
+  const { offset: n = 0, viewportSize: o = 0, totalSize: r = 0, minSize: i = 0, endGap: l = El, endScrollIncrement: s = _l, style: a = fi, onMouseDown: d, onScrollOffset: g, onScroll: m, scaleLimit: f = Il, scaleFactor: x = Cl, precisionFactor: E = Ml, ...I } = e;
+  m && console.warn("onScroll not supported for VirtualScrollbar. Use onScrollOffset instead");
+  const M = T(d, [d]), ae = () => ({ offset: n, totalSize: f === 0 ? r : Math.min(r ?? 0, Math.max(i ?? 0, (n ?? 0) + (o ?? 0)) + (l ?? 0)) }), [R, _] = Je(ae), L = f !== 0 && R.totalSize > f ? x : 1, le = L / E, $ = Math.ceil(R.totalSize / L), oe = Math.ceil(R.offset / L), be = Math.ceil(o / L), U = O((W) => {
+  }, []), [H, X] = Je(!1), k = J(null);
+  nn(() => {
+    if (!H) {
+      k.current = { propTotalSize: r, propViewportSize: o, propOffset: n };
+      const W = ae();
+      _(W);
+    }
+  }, [r, o, n, H, i, l, s]);
+  const u = T((W, A, q) => {
+    const N = k.current;
+    k.current = null, N && N.propTotalSize === r && N.propViewportSize === o && N.propOffset === n || (Math.abs(W - oe) < le && (W = oe), g?.(W * L, oe, be));
+  }, [g, L, le, oe, be]), C = O((W) => {
+    document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", C), X(!1);
+  }, []), ee = O((W) => {
+    M?.(W), X(!0), document.addEventListener("mousemove", U, { passive: !0 }), document.addEventListener("mouseup", C, { passive: !0 });
+  }, [U, C]);
+  return Y(er, { ref: t, style: { ...a }, ...I, offset: oe, totalSize: $, viewportSize: be, onMouseDown: ee, onScrollOffset: u });
+}));
+function Do(e, t) {
+  if (typeof e == "function") return e(t);
+  e && (e.current = t);
+}
+Tl.displayName = "VirtualScrollbar";
+var fo = parseInt(qr.split(".")[0], 10) >= 19 ? function(e) {
+  return (t) => {
+    const n = [];
+    for (const o of e) {
+      const r = Do(o, t), i = typeof r == "function";
+      n.push(i ? r : () => Do(o, null));
+    }
+    return () => {
+      for (const o of n) o();
+    };
+  };
+} : function(e) {
+  return (t) => {
+    for (const n of e) Do(n, t);
+  };
+};
+Dt(Ut((e, t) => {
+  const { refFocusStart: n, ...o } = e, r = J(null), i = O(() => {
+    if (n) return void n?.current?.focus();
+    const l = r.current.parentElement.children;
+    let s = [];
+    for (let a = 0; a < l.length && l[a] !== r.current; a++) {
+      const d = l[a].getAttribute("tabindex");
+      if (d == null || d === "-1" || l[a].getAttribute("disabled") === "true") continue;
+      const g = l[a];
+      g.focus && s.push({ tabindex: parseInt(d), child: g });
+    }
+    s.length !== 0 && (s.sort(function(a, d) {
+      return a.tabindex - d.tabindex;
+    }), s[0].child.focus());
+  }, [n]);
+  return Y("div", { tabIndex: 0, ref: fo([r, t]), onFocus: i, ...o });
+})), Dt(Ut((e, t) => {
+  const { className: n, style: o, children: r, radius: i = 4, strokeWidth: l = 1, strokeColor: s = "grey", ...a } = e, [d, { width: g, height: m }] = In(), f = J(null), x = (ae, R = 0) => {
+    const _ = ae / 2, L = m - _ + R;
+    return function(le, $, oe = !1) {
+      if ($ === 0) return le;
+      function be(C, ee, W) {
+        let A = ee.x - C.x, q = ee.y - C.y, N = Math.sqrt(A * A + q * q);
+        return U(C, ee, Math.min(1, W / N));
+      }
+      function U(C, ee, W) {
+        return { x: C.x + (ee.x - C.x) * W, y: C.y + (ee.y - C.y) * W };
+      }
+      function H(C, ee) {
+        C.length > 2 && (C[C.length - 2] = ee.x, C[C.length - 1] = ee.y);
+      }
+      function X(C) {
+        return { x: parseFloat(C[C.length - 2]), y: parseFloat(C[C.length - 1]) };
+      }
+      let k = le.split(/[,\s]/).reduce(function(C, ee) {
+        let W = ee.match("([a-zA-Z])(.+)");
+        return W ? (C.push(W[1]), C.push(W[2])) : C.push(ee), C;
+      }, []).reduce(function(C, ee) {
+        return parseFloat(ee) == ee && C.length ? C[C.length - 1].push(ee) : C.push([ee]), C;
+      }, []), u = [];
+      if (k.length > 1) {
+        let C = X(k[0]), ee = null;
+        k[k.length - 1][0] === "Z" && k[0].length > 2 && (ee = ["L", C.x, C.y], k[k.length - 1] = ee), u.push(k[0]);
+        for (let W = 1; W < k.length; W++) {
+          let A = u[u.length - 1], q = k[W], N = q === ee ? k[1] : k[W + 1];
+          if (N && A && A.length > 2 && q[0] === "L" && N.length > 2 && N[0] === "L") {
+            let xe, G, He = X(A), Ue = X(q), We = X(N);
+            oe ? (xe = U(Ue, A.origPoint || He, $), G = U(Ue, N.origPoint || We, $)) : (xe = be(Ue, He, $), G = be(Ue, We, $)), H(q, xe), q.origPoint = Ue, u.push(q);
+            let ht = U(xe, Ue, 0.5), _e = U(Ue, G, 0.5), S = ["C", ht.x, ht.y, _e.x, _e.y, G.x, G.y];
+            S.origPoint = Ue, u.push(S);
+          } else u.push(q);
+        }
+        if (ee) {
+          let W = X(u[u.length - 1]);
+          u.push(["Z"]), H(u[0], W);
+        }
+      } else u = k;
+      return u.reduce(function(C, ee) {
+        return C + ee.join(" ") + " ";
+      }, "");
+    }(`M 0 ${_} L ${i - 0.5} ${_} L ${i - 0.5} ${L} L ${2 * i} ${L} L ${g - 2 * i} ${L} M ${g - 2 * i} ${L} L ${g - i} ${L} L ${g - i} ${_} L ${g} ${_}`, i);
+  }, E = Ee(() => x(l), [g, m, i, l]), I = Ee(() => {
+    if (i === 0) return;
+    const ae = i / 2;
+    return x(i) + `L ${g} 0 L 0 0 L 0 ${ae}`;
+  }, [E, i, l]), M = Ee(() => ({ style: { clipPath: `path('${I}')` } }), [I]);
+  return Ht("div", { className: n, style: { display: "flex", flexDirection: "row", ...o }, ...a, ref: fo([f, d, t]), children: [Sn.isValidElement(r) ? Sn.cloneElement(r, M) : Y(wn, {}), Y("svg", { style: { position: "absolute", top: 0, left: 0, pointerEvents: "none" }, width: g, height: m, viewBox: `0 0 ${g} ${m}`, children: Y("path", { d: E, stroke: s, fill: "none", vectorEffect: "non-scaling-stroke", strokeWidth: l }) })] });
+}));
+const Rl = {}, kl = (e) => {
+  const { onPointerDown: t, style: n, splitDirection: o, paddingBefore: r = 0, paddingAfter: i = 0, disabled: l, key: s, hitAreaProps: a = Rl, ...d } = e, g = o === "row", { style: m, className: f, ...x } = a;
+  return Y("div", { style: { ...n, position: "relative" }, ...d, children: Y("div", { className: Rn("hit-box", f), style: { left: (g ? -r : 0) + "px", width: `calc(100% + ${g ? r + i : 0}px)`, top: (g ? 0 : -r) + "px", height: `calc(100% + ${g ? 0 : r + i}px)`, position: "absolute", ...m }, onPointerDown: l ? void 0 : t, ...x }) }, s);
+}, oo = {}, bn = (e, t, n = !0) => e === null ? null : e.pixels !== null ? n ? e.pixels : t - e.pixels : (n ? e.percent : 100 - e.percent) / 100 * t, ro = (e, t = !0) => e?.percent ? `${t ? e.percent : 100 - e.percent}%` : e?.pixels ? `${e.pixels}px` : void 0, pn = (e, t) => {
+  if (e == null) return null;
+  const n = { percent: null, pixels: null };
+  let o = t;
+  return typeof e == "string" && ((e = e.trim().toLowerCase()).endsWith("px") ? (e = e.substring(0, e.length - 2), o = !1) : e.endsWith("%") && (e = e.substring(0, e.length - 1), o = !0), e = parseFloat(e)), o ? n.percent = e : n.pixels = e, Object.freeze(n);
+};
+function On(e) {
+  if (!e) throw new Error("must have a PointerHandlerOptions");
+  const { onPointerDown: t, onPointerUp: n, onPointerMoveOrWait: o, processTouch: r = !1, consumeTouch: i = !0 } = e, l = T(t, [t]), s = T(n, [n]), a = T(o, [o]), d = J(!1), g = e?.timerInitial ?? 230, m = e?.timerContinuous ?? g / 2, f = J(null), x = J(null), E = J(null), I = J(null), M = O(() => {
+    I.current && (clearTimeout(I.current), I.current = null);
+  }, []), ae = O((H) => {
+    I.current = setTimeout(() => {
+      window.requestAnimationFrame(() => {
+        d.current !== !1 && a?.(x.current, E.current, f.current);
+      }), ae(m);
+    }, H ?? g);
+  }, []);
+  st(() => () => M(), []);
+  const R = r ? "pointer" : "mouse", _ = O((H) => {
+    H.stopPropagation(), H.stopImmediatePropagation(), H.preventDefault();
+  }, []), L = T((H) => {
+    document.removeEventListener(`${R}move`, oe), document.removeEventListener(`${R}up`, L), document.removeEventListener("keydown", be), document.removeEventListener("keyup", U), document.removeEventListener("touchstart", _, { capture: !0 }), document.removeEventListener("touchmove", _, { capture: !0 }), window.removeEventListener("blur", le), M(), window.requestAnimationFrame(() => {
+      d.current !== !1 && (d.current = !1, s?.(H, E.current, f.current), E.current = null);
+    });
+  }, []), le = O(() => {
+    d.current !== !1 && (d.current = !1, L(x.current));
+  }, []), $ = T(() => {
+    M(), ae(m), window.requestAnimationFrame(() => {
+      d.current !== !1 && a?.(x.current, E.current, f.current);
+    });
+  }, [m]), oe = T((H) => {
+    x.current = H, $();
+  }, []), be = T((H) => {
+    E.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, $();
+  }, []), U = T((H) => {
+    E.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, $();
+  }, [m]);
+  return T((H) => {
+    H.isDefaultPrevented() || (E.current = { ctrlKey: H.ctrlKey, shiftKey: H.shiftKey, altKey: H.altKey, metaKey: H.metaKey }, l(H, E.current) !== !1 && (f.current = H, x.current = H.nativeEvent, document.addEventListener(`${R}up`, L, { passive: !1 }), document.addEventListener(`${R}move`, oe, { passive: !1 }), document.addEventListener("keydown", be, { passive: !1 }), document.addEventListener("keyup", U, { passive: !1 }), window.addEventListener("blur", le, { passive: !0 }), r && i && (document.addEventListener("touchstart", _, { passive: !1, capture: !0 }), document.addEventListener("touchmove", _, { passive: !1, capture: !0 })), d.current = !0, ae(g)));
+  }, [g, r]);
+}
+Dt(Ut((e, t) => {
+  const { elementBefore: n, elementAfter: o, splitDirection: r = "row", fixedPane: i = null, position: l, onPositionChange: s, minBefore: a, maxBefore: d, minAfter: g, maxAfter: m, children: f, className: x, style: E, disabled: I = !1, onDragStart: M, onDragResize: ae, onDragFinish: R, resizerProps: _ = oo, paneProps: L = oo, paneBeforeProps: le = oo, paneAfterProps: $ = oo, createResizer: oe = kl } = e;
+  if (f) throw new Error("Use elementBefore and elementAfter instead of children.");
+  const be = Ee(() => Sn.isValidElement(o) && Sn.isValidElement(n), [o, n]), U = Ee(() => {
+    let Q = null;
+    i && (i === "before" ? Q = 0 : i === "after" && (Q = 1));
+    const et = Q === null;
+    return { fixedPaneOffset: Q, isPercent: et, minBefore: pn(a, et), maxBefore: pn(d, et), minAfter: pn(g, et), maxAfter: pn(m, et) };
+  }, [a, d, g, m]), H = T(s, [s]), [X, k] = Je(() => pn(l, i === null));
+  st(() => {
+    k(pn(l, i === null));
+  }, [l, i]);
+  const [u, { width: C, height: ee }] = In(), [W, { width: A, height: q }] = In(), N = r === "row" ? A : q, xe = r === "row" ? C : ee, G = Ee(() => ((Q, et, qe, dt) => {
+    const Ie = [null, null], Le = [null, null];
+    if (Q || (Q = { percent: dt.fixedPaneOffset === null ? 50 : null, pixels: dt.fixedPaneOffset === null ? null : 0 }), et === 0) return Q?.pixels != null ? dt.fixedPaneOffset !== 1 ? (Ie[0] = Q?.pixels, Le[1] = 100) : (Ie[1] = Q?.pixels - qe, Le[0] = 100) : Q?.percent != null && (dt.fixedPaneOffset !== 1 ? (Le[0] = Q?.percent, Le[1] = 100 - Q?.percent) : (Le[1] = Q?.percent, Le[0] = 100 - Q?.percent)), { percents: Le, pixels: Ie, minBefore: ro(dt.minBefore, !0), maxBefore: ro(dt.maxBefore, !0), minAfter: ro(dt.minAfter), maxAfter: ro(dt.maxAfter) };
+    let rt = bn(Q, et, dt.fixedPaneOffset !== 1), tt = et - qe, Ae = bn(dt.minBefore, tt, !0) ?? 0, rn = bn(dt.maxBefore, tt, !0) ?? tt, Mt = 0, nt = 0, Tt = 0, kt = tt;
+    Mt = (bn(dt.maxAfter, et, !1) ?? qe) - qe, nt = bn(dt.minAfter, et, !1) ?? et, Tt = Math.max(Ae, Mt), kt = Math.min(rn, nt), rt = Math.max(Tt, Math.min(rt, kt)), nt = Math.min(tt - rt, bn(dt.maxAfter, tt - rt, !0) ?? tt), Mt = Math.min(tt - rt, bn(dt.minAfter, tt - rt, !0) ?? tt), Ie[0] = rt, Ie[1] = tt - Ie[0];
+    const hn = Math.max(0, Math.min(100, rt / tt * 100));
+    return Le[0] = hn, Le[1] = 100 - Le[0], { percents: Le, pixels: Ie, minBefore: `${Ae}px`, minAfter: `${Mt}px`, maxBefore: `${Ie[0]}px`, maxAfter: `${Ie[1]}px` };
+  })(X, xe, N, U), [U, X, xe, N, r]), [He, Ue] = Je(!1), We = T(M, [M]), ht = T(ae, [ae]), _e = T(R, [R]), S = J(null), ue = J(null), K = J(null), { style: pe, className: te, ...Re } = L, at = { minWidth: 0, minHeight: 0, maxWidth: "100%", maxHeight: "100%", display: "flex", overflow: "hidden", ...pe }, { className: pt, style: zt, ...gt } = le, { className: Zt, style: Be, ...z } = $, ke = { flex: "1 1 100%", width: "100%", ...E, flexDirection: r, display: "flex" }, { className: Qe, style: Xe, onPointerDown: wt, ...an } = _, Jt = T((Q) => {
+    const et = pn(Q, i === null);
+    k(et);
+  }, [i]), jt = T((Q) => {
+    if (I || !He) return;
+    const et = ze.current?.getBoundingClientRect();
+    let qe = 0;
+    qe = r === "row" ? (Q.clientX ?? Q.touches?.[0]?.clientX) - et.x : (Q.clientY ?? Q.touches?.[0]?.clientY) - et.y, qe = Math.max(0, Math.min(xe, qe)), U.fixedPaneOffset === 1 && (qe = xe - qe), l && X.pixels === qe || k({ pixels: qe, percent: null }), ht?.(qe), Q.stopPropagation(), Q.preventDefault();
+  }, [U, r, I, He, X, xe]), dn = T((Q) => {
+    if (document.removeEventListener("pointermove", jt), document.removeEventListener("touchmove", jt), document.removeEventListener("pointerup", dn), He && (Ue(!1), X)) {
+      if (_e(X.pixels), !pn(l, i === null) || X.pixels !== l) {
+        const et = { ...X };
+        et.percent === null && (et.percent = et.pixels / xe * 100), H(et);
+      }
+      Q.stopPropagation(), Q.preventDefault();
+    }
+  }, [X, He, l, i, xe]), on = T((Q) => {
+    wt?.(Q), Q.defaultPrevented || I || He || (Ue(!0), We(), document.addEventListener("pointermove", jt, { passive: !1 }), document.addEventListener("touchmove", jt, { passive: !1 }), document.addEventListener("pointerup", dn, { passive: !1 }));
+  }, [wt]), ze = wo(t, () => ({ setPosition: Jt, isSplitPane: () => !0 }), []), qt = Ee(() => be ? oe?.({ key: "resizer", ref: fo([W, ue]), className: Rn("resizer", Qe), onPointerDownCapture: on, style: { cursor: I ? void 0 : r === "row" ? "ew-resize" : "ns-resize", minWidth: r === "row" ? "2px" : void 0, minHeight: r !== "row" ? "2px" : void 0, boxSizing: "border-box", pointerEvents: "all", zIndex: 1, ...Xe }, splitDirection: r, disabled: I, ...an }) : null, [be, Qe, an, r, Xe, I]), vt = r === "row" ? "Width" : "Height", Vt = { ...at, ...zt, flex: U.fixedPaneOffset === 0 && G?.pixels[0] !== null ? `0 0 ${Math.round(G?.pixels[0])}px` : `1 1 ${Math.round(G?.percents[0] ?? 100)}%`, [`min${vt}`]: G?.minBefore, [`max${vt}`]: o ? G?.maxBefore : "100%" }, Cn = { ...at, ...Be, flex: U.fixedPaneOffset === 1 && G?.pixels[1] !== null ? `0 0 ${Math.round(G?.pixels[1])}px` : `1 1 ${Math.round(G?.percents[1] ?? 100)}%`, [`min${vt}`]: G?.minAfter, [`max${vt}`]: n ? G?.maxAfter : "100%" }, un = Ee(() => n ? Y("div", { ref: S, className: Rn("before", te, pt), style: Vt, ...Re, ...gt, children: n }, "before") : null, [n, L, le, U, G]), Ne = Ee(() => o ? Y("div", { ref: K, className: Rn("after", te, Zt), style: Cn, ...Re, ...z, children: o }, "after") : null, [o, L, $, U, G]);
+  return Ht("div", { ref: fo([u, ze]), className: Rn("splitPane", r === "row" ? "vertical" : "horizontal", { dragging: He }, x), style: ke, children: [un, qt, Ne] });
+}));
+const Pl = ({ initValue: e, useHookBody: t, applyStateChange: n }) => {
+  const o = J(e);
+  if (typeof t != "function") throw new Error("function expected as hook body parameter. got " + typeof t);
+  const r = t();
+  return nn(() => {
+    o.current !== r && (o.current = r, n(r));
+  }, [n, r]), null;
+}, Ko = (e) => {
+  console && console.warn && console.warn(e);
+}, zo = typeof self == "object" && self.self === self && self || typeof global == "object" && global.global === global && global || void 0;
+let Ol = 1, Yo = !1, wi = !1;
+const co = [], kn = [], po = () => {
+  kn.forEach((e) => e());
+}, Ll = ({ automaticContainerInternalUseOnly: e }) => {
+  const [t, n] = Je([]), o = J([]);
+  return o.current = t, e || Yo !== !1 || (wi = !0), st(() => {
+    let r = !0;
+    function i() {
+      if (r) return kn[0] !== i ? (e || Yo !== !0 || Ko("SingletonHooksContainer is mounted after some singleton hook has been used.Your SingletonHooksContainer will not be used in favor of internal one."), void n((l) => [])) : void n([...co]);
+    }
+    return kn.push(i), po(), () => {
+      r = !1, o.current?.length > 0 && Ko("SingletonHooksContainer is unmounted, but it has active singleton hooks. They will be reevaluated once SingletonHooksContainer is mounted again"), kn.splice(kn.indexOf(i), 1), po();
+    };
+  }, [e]), Y(wn, { children: t.map(({ hook: r, key: i }) => Jo(Pl, { ...r, key: i })) });
+}, mi = (e, t, n = {}) => {
+  let o, r, i = !1, l = !1, s = [], { unmountIfNoConsumers: a = !1 } = n;
+  const d = (m) => {
+    r = m, Li(() => s.forEach((f) => f(m)));
+  }, g = () => (l || (r = typeof e == "function" ? e() : e, l = !0), r);
+  return () => {
+    const [m, f] = Je(g);
+    return st(() => (i || (i = !0, o = ((x) => {
+      const E = Ol++;
+      return co.push({ hook: x, key: E }), kn.length === 0 && wi === !1 && (Yo = !0, ((I) => {
+        if (zo.document && zo.document.createElement) {
+          const M = zo.document.createElement("div");
+          Oi(M).render(Y(I, { automaticContainerInternalUseOnly: !0 }));
+        } else Ko("Can not mount SingletonHooksContainer on server side. Did you manage to run useEffect on server? Please mount SingletonHooksContainer into your components tree manually.");
+      })(Ll)), po(), () => {
+        co.splice(co.findIndex((I) => I.key === E), 1), po();
+      };
+    })({ initValue: e, useHookBody: t, applyStateChange: d })), s.push(f), r !== m && f(r), () => {
+      s.splice(s.indexOf(f), 1), s.length === 0 && a && (o(), i = !1);
+    }), []), m;
+  };
+};
+mi(null, () => {
+  const [e, t] = Je(null);
+  return e;
+});
+class Dl {
+  constructor(t, n, o, r) {
+    this._listenersProperties = /* @__PURE__ */ new Set(), this._listenersExecute = /* @__PURE__ */ new Set(), this._key = t, this._target = n, this._applyProps(o || {}), this._callback = r, r === void 0 && (this._callback = () => {
+      console.log(`implement: ${this.label()} : ${this.description()}`);
+    });
+  }
+  key() {
+    return this._key;
+  }
+  _resolve(t, n) {
+    if (typeof t == "function") {
+      const o = n ?? this._context;
+      return t(typeof o == "function" ? o() : o);
+    }
+    return t;
+  }
+  target() {
+    return typeof this._target == "function" ? this._target() : this._target;
+  }
+  label(t, n) {
+    const o = this._scopedLabels?.[t] || this._label;
+    let r = null;
+    if (typeof o == "function") {
+      const i = n ?? this._context;
+      r = o(typeof i == "function" ? i() : i);
+    } else r = o;
+    return r;
+  }
+  description(t) {
+    return this._resolve(this._description, t);
+  }
+  tags(t) {
+    return this._resolve(this._tags, t);
+  }
+  icon(t) {
+    return this._resolve(this._icon, t);
+  }
+  shortcut() {
+    return this._resolve(this._shortcut);
+  }
+  disabled() {
+    return this._resolve(this._disabled) || !this._callback;
+  }
+  state() {
+    return this._resolve(this._state);
+  }
+  context() {
+    return typeof this._context == "function" ? this._context() : this._context;
+  }
+  async execute(t, n) {
+    if (!this.disabled() && this._callback) {
+      try {
+        let o = !0;
+        if (n?.beforeExecute && (o = n?.beforeExecute(this, t)), await Promise.resolve(o) === !1) return !1;
+        const r = this._callback.bind(this)(t, this);
+        if (await Promise.resolve(r) === !1) return !1;
+        n?.onExecute?.(this, t), this._notifyExecute(t);
+      } catch (o) {
+        return console.warn(o), n?.onError(this, o, t), this._notifyError(t, o), !1;
+      }
+      return !0;
+    }
+  }
+  addPropertyListener(t, n = !1) {
+    if (!t) throw new Error("listener must be specified");
+    const o = this._listenersProperties;
+    return o.add(t), n && t({}, this), () => {
+      o.delete(t);
+    };
+  }
+  addExecuteListener(t) {
+    if (!t) throw new Error("listener must be specified");
+    const n = this._listenersExecute;
+    return n.add(t), function() {
+      n.delete(t);
+    };
+  }
+  _notifyExecute(t) {
+    const n = this;
+    this._listenersExecute.forEach((o) => {
+      o.onExecute(n, t);
+    });
+  }
+  _notifyError(t, n) {
+    const o = this;
+    this._listenersExecute.forEach((r) => {
+      r.onError?.(o, t, n);
+    });
+  }
+  updateCallback(t) {
+    return this._callback = t || null, this;
+  }
+  update(t) {
+    if (!t) return;
+    const n = this._applyProps(t);
+    return Object.keys(n).length > 0 && this._notifyPropertyChange(n), this;
+  }
+  _notifyPropertyChange(t) {
+    const n = this;
+    this._listenersProperties.forEach((o) => {
+      o(t, n);
+    });
+  }
+  _applyProps(t) {
+    let n = {}, o = this;
+    return Object.keys(t).forEach((r) => {
+      let i = t[r];
+      o["_" + r] !== i && (o["_" + r] = n[r] = i);
+    }), n;
+  }
+}
+class Se extends Dl {
+}
+Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), Ct.getOS() === Ct.OSType.MacOS || (Ct.getOS(), Ct.OSType.IOS), mi({ setClipboard: (e) => {
+  throw new Error("This is only available via the useClipboard.");
+}, getClipboard: () => ho.Global, refNativeCopy: { current: null }, refNativeLastKey: { current: null } }, () => {
+  const [e, t] = Je(ho.Global);
+  return { setClipboard: (n) => t(n), getClipboard: () => e, refNativeCopy: J(null), refNativeLastKey: J(null) };
+});
+let Ao = !1, zl = 0;
+var Al = typeof document < "u" ? nn : st;
+const Pr = () => "sheetxl-ui-" + zl++, $l = Sn.useId ?? function() {
+  const [e, t] = Sn.useState(() => Ao ? Pr() : void 0);
+  return Al(() => {
+    e == null && t(Pr());
+  }, []), Sn.useEffect(() => {
+    Ao || (Ao = !0);
+  }, []), e;
+}, Pn = ({ itemType: e, index: t, itemSize: n, instanceProps: o, scale: r = 1 }) => {
+  let i, l, s;
+  e === "column" ? (i = o.columnMetadataMap, l = o.lastMeasuredColumnIndex, s = o.recalcColumnIndices) : (i = o.rowMetadataMap, l = o.lastMeasuredRowIndex, s = o.recalcRowIndices);
+  const a = s.length > 0;
+  if (t > l) {
+    let d = 0;
+    if (l >= 0) {
+      const g = i[l];
+      d = g.offset + g.size;
+    }
+    for (let g = l + 1; g <= t; g++) {
+      let m = a ? s.includes(g) ? n(g) * r : i[g]?.size || n(g) * r : n(g) * r;
+      i[g] = { offset: d, size: m }, d += m;
+    }
+    e === "column" ? o.lastMeasuredColumnIndex = t : o.lastMeasuredRowIndex = t;
+  }
+  return i[t], i[t];
+}, Or = ({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, offset: r, scale: i }) => {
+  let l, s;
+  e === "column" ? (l = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (l = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
+  let a = 0;
+  return a = (s > 0 ? l[s].offset : 0) >= r ? xi({ itemType: e, itemSize: t, instanceProps: o, high: s, low: 0, offset: r, scale: i }) : Bl({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, index: Math.max(0, s), offset: r, scale: i }), a = Math.min(a, n), a;
+}, xi = ({ itemType: e, itemSize: t, instanceProps: n, high: o, low: r, offset: i, scale: l }) => {
+  for (; r <= o; ) {
+    const s = r + Math.floor((o - r) / 2), a = Pn({ itemType: e, itemSize: t, index: s, instanceProps: n, scale: l }).offset;
+    if (a === i) return s;
+    a < i ? r = s + 1 : a > i && (o = s - 1);
+  }
+  return r > 0 ? r - 1 : 0;
+}, Bl = ({ itemType: e, itemSize: t, itemCount: n, instanceProps: o, index: r, offset: i, scale: l }) => {
+  let s = 1;
+  for (; r < n && Pn({ itemType: e, itemSize: t, index: r, instanceProps: o, scale: l }).offset < i; ) r += s, s *= 2;
+  return xi({ itemType: e, itemSize: t, instanceProps: o, high: Math.min(r, n - 1), low: Math.floor(r / 2), offset: i, scale: l });
+}, Fl = (e) => {
+  const { rowCount: t, columnCount: n, defaultRowHeight: o, getRowHeight: r, defaultColumnWidth: i, getColumnWidth: l } = e || {}, s = J({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), a = T((_) => Or({ itemType: "row", itemCount: t, itemSize: r ?? (() => o ?? 20), instanceProps: s.current, offset: _ }), [t, r, o]), d = T((_) => _ === -1 ? 0 : Pn({ itemType: "row", index: _, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).offset, [r, o]), g = T((_) => Pn({ itemType: "row", index: _, itemSize: r ?? (() => o ?? 20), instanceProps: s.current }).size, [r, o]), m = T((_) => Or({ itemType: "column", itemCount: n, itemSize: l ?? (() => i ?? 75), instanceProps: s.current, offset: _ }), [n, l, i]), f = T((_) => _ === -1 ? 0 : Pn({ itemType: "column", index: _, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).offset, [l, i]), x = T((_) => Pn({ itemType: "column", index: _, itemSize: l ?? (() => i ?? 75), instanceProps: s.current }).size, [l, i]), [E, I] = Qo((_) => _ + 1, 0), M = () => ({ getRowOffset: d, getColOffset: f, getRowIndex: a, getColIndex: m }), [ae, R] = Je(() => e ? M() : null);
+  return st(() => {
+    R(e ? M() : null);
+  }, [E, t, n, i, o, g, x]), ae;
+}, vi = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", Lr = (e) => {
+  if (!e) return null;
+  if (e.eventType === "start") return { type: e.eventType };
+  if (e.eventType === "submit") return { type: e.eventType };
+  if (e.eventType === "cancel") return { type: e.eventType };
+  if (e.eventType === "keyboard") return { type: e.eventType, key: e.event.key };
+  if (e.eventType === "pointer") return { type: e.eventType };
+  if (e.eventType === "coordsChange") {
+    const t = { type: e.eventType };
+    return e.activeCoords && (t.activeCoords = e.activeCoords), t;
+  }
+  return { type: e.eventType ?? "unknown" };
+}, jl = (e) => !0, Vl = (e) => !!e && !(e.ctrlKey || e.metaKey || e.altKey || e.isComposing) && (!(e.shiftKey || e.key !== "F2" && e.key !== " " && e.key !== "Backspace") || (!e.shiftKey || e.key !== " ") && vi.indexOf(e.key) !== -1), Wl = (e) => !!e && e.type === "dblclick" && { editMode: !0 }, Hl = (e) => {
+  const { session: t, refLatestCoords: n, handleSubmitEdit: o, handleCancelEdit: r, cellBounds: i, isInBounds: l, getCellEditor: s, propsEditor: a, borderStrokeFill: d = "rgb(33, 115, 70)", borderStrokeWidth: g = 2, alignment: m = Wn.Left, style: f, ...x } = e, E = J(null), I = J(null), [M, ae] = Je(!1), R = t.coords, _ = O(async (X) => {
+    if (E.current?.getBoundingClientRect()) {
+      if (X.eventType === "keyboard") {
+        const u = X.event, C = new KeyboardEvent(u.type, { bubbles: !0, cancelable: !0, view: window, key: u.key, code: u.code, location: u.location, repeat: u.repeat, isComposing: u.isComposing, charCode: u.charCode, keyCode: u.keyCode, which: u.which, ctrlKey: u.ctrlKey, shiftKey: u.shiftKey, altKey: u.altKey, metaKey: u.metaKey });
+        C.isSynthetic = !0, C.key, I.current?.dispatchEvent(C);
+      } else X.eventType === "pointer" || console.warn("unsupported event type", X);
+      await new Promise((u) => requestAnimationFrame(u));
+    }
+  }, []);
+  st(() => {
+    const X = I.current;
+    return ae(!0), I.current.startEdit?.(t.startEvent), (async () => {
+      t.editorRefs.push(X), t.editorRefsDispatchEditorEvent.push(_);
+      const k = [...t.events];
+      for (let u = 0; u < k.length; u++) await _(k[u]);
+      t.onMount(X);
+    })(), () => {
+      const k = t.editorRefs.indexOf(X);
+      k !== -1 && t.editorRefs.splice(k, 1), t.onUnmount(X);
+    };
+  }, []);
+  const L = O(() => o(t), []), le = O(() => {
+    r(t);
+  }, []), $ = n.current && Z.isEqualCells(n.current, R), oe = l && $ && M, be = s({ autoFocus: !!t.startEvent?.autoFocus, ...a, onSubmitEdit: L, onCancelEdit: le, ref: I }, R), U = i.x + me.boundPixel(-g / 2), H = me.boundPixel(i.width + g / 2, !0);
+  return Y("div", { tabIndex: 0, ref: E, style: { background: void 0, ...f, opacity: oe ? f?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${i.y + me.boundPixel(-g / 2)}px`, height: me.boundPixel(i.height + g / 2, !0), left: `${U}px`, width: H }, ...x, children: Y("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${me.boundPixel(1)}px`, top: `${me.boundPixel(1)}px`, width: me.boundPixel(i.width - 2, !0), height: me.boundPixel(i.height - 2, !0), outline: `${g}px ${d} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: be }) });
+}, gs = (e) => {
+  const { view: t, canEdit: n = jl, getCellEditor: o, onBeforeStartEdit: r, onStartEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, isEditorStartKeyEvent: d = Vl, isEditorStartPointerEvent: g = Wl, containerProps: m, borderStrokeFill: f, borderStrokeWidth: x = 2, getRangeCoords: E = null, activeCoords: I, alignment: M = Wn.Left } = e, [ae, R] = Je(!1), [_, L] = Je(void 0), le = T((S, ue, K, pe, te, Re) => {
+    if (!ue) return null;
+    const at = te?.(ue, S), pt = S.getRangeCoordsBounds(at), zt = S.toClipBounds(pt), gt = pt, Zt = S.getZoom();
+    if (!zt) return null;
+    K && (K *= Zt), pe && (pe *= Zt);
+    let Be = gt, z = !1;
+    if (K !== void 0) {
+      let Xe = { ...at }, wt = 0;
+      for (; !z && Be.width <= K && wt < 20; ) {
+        wt++, wt > 19 && console.warn("max width reached");
+        const an = S.getTotalRangeCoords(), Jt = S.getLayout();
+        Re === Wn.Left ? Xe.colEnd + 1 < an.colEnd ? Xe.colEnd = Jt.getColIndex(Be.x + K) : z = !0 : Re === Wn.Right ? Xe.colStart - 1 >= 0 ? Xe.colStart = Jt.getColIndex(Be.x - (K - Be.width)) : z = !0 : Re === Wn.Center && Xe.colEnd + 1 < an.colEnd && Xe.colStart - 1 >= 0 ? (Xe.colStart = Jt.getColIndex(Be.x - (K - Be.width) / 2), Xe.colEnd = Jt.getColIndex(Be.x + Be.width + (K - Be.width) / 2)) : z = !0, z || (Be = S.getRangeCoordsBounds(Xe));
+      }
+    }
+    Be.height = gt.height, pe !== void 0 && (Be.height = Math.max(pe + 1, gt.height));
+    const { width: ke, height: Qe } = S.getViewportSize();
+    return { x: Be.x ?? 0, y: Be.y ?? 0, height: Math.min(Qe - Be.y, Be.height) + 1, width: Math.min(ke - Be.x, Be.width) + 1 };
+  }, [M]), $ = T(n, [n]), oe = O(() => {
+    t?.getStage()?.focus();
+  }, [t]), be = T((S) => {
+    r?.(S), N(), R(!0);
+  }, [r]), U = T((S) => {
+    i?.(S.coords);
+  }, [i]), H = T((S) => {
+    S.isSubmitted || S.isCancelled || (u.current.isEditorClosed = !0, oe(), S.isCancelled = !0, s?.(S.coords), N());
+  }, [s]), X = T((S) => {
+    if (S.isSubmitted || S.isCancelled) return !1;
+    try {
+      return S.isEditorClosing = !0, S.isSubmitted = !0, S.isEditorSubmitted || (S.isEditorSubmitted = !0, S.editorRefs[0]?.submitEdit?.()), S.coords, l?.(S.coords), S.isEditorClosed = !0, oe(), N(), !0;
+    } catch (ue) {
+      throw S.isEditorClosing = !1, S.isSubmitted = !1, ue;
+    }
+  }, [l]), k = T((S) => {
+    R(!1), a?.(S.coords), N();
+  }, [a]), u = J(null), C = J(null), ee = J(null), W = J([]), [A, q] = Qo((S) => S + 1, 0), N = O((S) => {
+    S && W.current.push(S), q();
+  }, []), xe = T((S) => {
+    if (S.defaultPrevented || S.isSynthetic || !t) return;
+    const ue = t?.getCellCoordsFromClient(S.clientX, S.clientY);
+    ue && N({ eventType: "pointer", event: S, coords: ue });
+  }, [t]), G = T((S) => {
+    const ue = S.nativeEvent;
+    xe(ue);
+  }, [t]), He = T((S) => {
+    if (S.defaultPrevented || S.isSynthetic || !t?.getStage()) return;
+    const ue = C.current;
+    d(S, ue) && (S.stopPropagation(), S.preventDefault()), S.key, N({ eventType: "keyboard", event: S, coords: ue });
+  }, [t]);
+  nn(() => {
+    const S = (pe, te) => {
+      const Re = te?.cell ?? pe;
+      if (!Re) return null;
+      const at = Re;
+      if (!$(Re)) return null;
+      be?.(Re);
+      const pt = Ct.uuidV4();
+      te = Object.freeze({ autoFocus: !0, ...te }), ee.current = Re;
+      const zt = { coords: at, startEvent: te, uuid: pt, isMounted: !1, isStarted: !1, isSubmitted: !1, isEditorSubmitted: !1, isEditorClosing: !1, isEditorClosed: !1, isCancelled: !1, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (gt) => {
+        zt.isMounted || (zt.isMounted = !0, N());
+      }, onUnmount: (gt) => {
+        if (zt.editorRefs.length === 0) {
+          const Zt = () => {
+            zt.isMounted = !1, N();
+          };
+          if (document.activeElement !== document.body) Zt();
+          else {
+            const Be = (z) => {
+              z.defaultPrevented || z.target !== document.body || He(z);
+            };
+            window.addEventListener("keydown", Be, !0), t.getStage()?.addEventListener("focusin", () => {
+              window.removeEventListener("keydown", Be), Zt();
+            }, { once: !0 }), oe();
+          }
+        }
+      } };
+      return zt;
+    };
+    if (W.current.length <= 0 && !u.current) return;
+    const ue = W.current[0];
+    Lr(ue), ((pe) => {
+      const te = [], Re = pe?.length ?? 0;
+      for (let at = 0; at < Re; at++) {
+        const pt = pe[at];
+        te.push(Lr(pt));
+      }
+    })(W.current), u.current, u.current;
+    let K = u.current;
+    if (u.current) {
+      if (u.current.isDone) u.current = null;
+      else if (u.current.isSubmitted || u.current.isCancelled) {
+        if (u.current.isMounted) return;
+        u.current.isDone || (k(u.current), u.current.isDone = !0);
+      }
+    }
+    if (ue) {
+      if (ue.eventType === "start") {
+        const pe = ue, te = pe.startEvent?.cell ?? C.current;
+        u.current && Z.isEqualCells(u.current.coords, te) || (u.current = S(te, pe.startEvent));
+      } else if (ue.eventType === "keyboard") {
+        const pe = ue.event;
+        if (u.current) {
+          pe.key, u.current.events, u.current.events.push(ue);
+          for (let te = 0; te < u.current.editorRefsDispatchEditorEvent.length; te++) u.current.editorRefsDispatchEditorEvent[te](ue);
+        } else if (d(pe, ue.coords)) {
+          let te;
+          const Re = S(te?.cell ?? C.current, te);
+          Re && Re.events.push(ue), u.current = Re;
+        }
+      } else if (ue.eventType === "pointer") {
+        const pe = ue.event;
+        if (u.current) {
+          u.current.events.push(ue);
+          for (let te = 0; te < u.current.editorRefsDispatchEditorEvent.length; te++) u.current.editorRefsDispatchEditorEvent[te](ue);
+        } else {
+          const te = ue?.coords ?? C.current, Re = g(pe, te);
+          if (Re) {
+            let at;
+            typeof at != "boolean" && (at = Re);
+            const pt = S(te, at);
+            pt && pt.events.push(ue), u.current = pt;
+          }
+        }
+      } else if (ue.eventType === "submit") {
+        if (u.current && !u.current.isSubmitted && !u.current.isCancelled) {
+          if (!u.current.isMounted) return;
+          X(u.current);
+        }
+      } else if (ue.eventType === "cancel") {
+        if (u.current && !u.current.isSubmitted && !u.current.isCancelled) {
+          if (!u.current.isMounted) return;
+          H(u.current);
+        }
+      } else if (ue.eventType === "coordsChange") {
+        const pe = ue;
+        if (C.current = pe.activeCoords, u.current, u.current && !u.current.isSubmitted && !u.current.isCancelled) {
+          if (!u.current.isMounted) return;
+          try {
+            X(u.current);
+          } catch {
+          }
+        }
+      }
+    }
+    W.current.length > 0 && (W.current.shift(), N()), W.current.length === 0 && (!u.current || u.current.isEditorClosing || u.current.isEditorClosed ? !u.current && K && oe() : u.current.isMounted && !u.current.isStarted && (u.current.isStarted = !0, u.current.startEvent.autoFocus && (typeof u.current.startEvent.autoFocus == "string" ? u.current.editorRefs[0]?.autoFocus(u.current.startEvent.autoFocus) : u.current.editorRefs[0]?.autoFocus()), U?.(u.current), requestAnimationFrame(() => {
+      t && u.current?.coords && t.scrollCellCoordsIntoView(u.current.coords);
+    })));
+  }, [A]), st(() => {
+    ee.current = I;
+    const S = u.current?.coords;
+    Z.isEqualCells(S, I) || (u.current && (u.current.isEditorClosing = !0), N({ eventType: "coordsChange", activeCoords: I }));
+  }, [I]);
+  const Ue = O((S) => {
+    He(S.nativeEvent);
+  }, []), { width: We = 0, height: ht = 0 } = _ ?? { width: 0, height: 0 }, _e = T(o, [o]);
+  return { overlay: T((S) => {
+    if (!u.current || u.current.isEditorClosed) return u.current, null;
+    u.current.coords;
+    let ue = le(S, u.current.coords, We, ht, E, M), K = !0;
+    ue && ue.width !== 0 && ue.height !== 0 || (ue = { x: 0, y: 0, width: We, height: We }, K = !1);
+    const pe = S.getZoom(), te = { containerBounds: { x: 0, y: 0, width: ue.width / pe, height: ue.height / pe }, setNaturalDimensions: L, zoom: pe };
+    return Y(Hl, { session: u.current, refLatestCoords: ee, handleSubmitEdit: X, handleCancelEdit: H, cellBounds: ue, borderStrokeWidth: x, borderStrokeFill: f, isInBounds: K, getCellEditor: _e, propsEditor: te, alignment: M, ...m }, "editor:" + u.current.uuid);
+  }, [o, E, A, We, ht, M, x, f]), startEdit: O((S) => {
+    N({ eventType: "start", startEvent: S });
+  }, []), submitEdit: O(() => {
+    N({ eventType: "submit" });
+  }, []), cancelEdit: O(() => {
+    N({ eventType: "cancel" });
+  }, []), onKeyboardEvent: Ue, onPointerEvent: G, onKeyboardEventNative: He, onPointerEventNative: xe, isEditing: ae };
+}, ws = ({ gridRef: e, gridMainRef: t, orientation: n = cn, headerCount: o, selectionPolicy: r = "multiple", newSelectionMode: i = "clear", alwaysScrollToActiveCoords: l = !0, onDragStart: s, onDragEnd: a, pointerDownInterceptor: d, pointerMoveInterceptor: g, onPointerUp: m, newSelection: f, modifySelection: x, appendSelection: E, clearSelections: I }) => {
+  const M = o ?? ((n === cn ? e.current?.rowCount : e.current?.columnCount) || 0), ae = J(null), R = J(null), _ = J(!1), L = J(null), le = O((u) => n === Nt ? { rowIndex: 0, colIndex: u.colIndex } : { rowIndex: u.rowIndex, colIndex: 0 }, [n]), $ = O((u) => n === Nt ? { rowIndex: t.current ? t.current.rowCount - 1 : 0, colIndex: u.colIndex } : { rowIndex: u.rowIndex, colIndex: t.current ? t.current.columnCount - 1 : 0 }, [n]), oe = (u) => {
+    R.current = $(u), x(R.current, ae.current);
+  }, be = O((u, C) => {
+    if (!e.current) return;
+    const ee = e.current.getViewFromClient(u, C)?.getCellCoordsFromClient(u, C);
+    return ee ? (n === Nt ? ee.rowIndex = t.current.getViewport().rowStart : ee.colIndex = t.current.getViewport().colStart, ee) : void 0;
+  }, []), U = O((u, C = !1) => {
+    let ee = u;
+    return C || (ee = { ...u }, n === cn ? delete ee.colIndex : delete ee.rowIndex), t.current?.scrollCellCoordsIntoView(ee);
+  }, [n]), H = T(a, [a]), X = T(s, [s]), k = Ee(() => ({ onPointerDown: (u) => {
+    if (!e || !e.current || u.nativeEvent.defaultPrevented) return;
+    const C = be(u.nativeEvent.clientX, u.nativeEvent.clientY);
+    if (!C) return;
+    u.nativeEvent.which;
+    const ee = u.nativeEvent.shiftKey, W = u.nativeEvent.ctrlKey || u.nativeEvent.metaKey;
+    if (d?.(u, C) === !1) return;
+    X?.(), _.current = !0;
+    const A = t.current?.getViewFromClient(u.nativeEvent.clientX, u.nativeEvent.clientY), q = ((N, xe) => n === Nt ? { ...N, rowIndex: xe.rowStart } : { ...N, colIndex: xe.colStart })(C, A.getVisibleRangeCoords());
+    if (ee) oe(C);
+    else {
+      if (W) return ((N, xe = N, G) => {
+        ae.current = le(N), R.current = $(xe), E(ae.current, R.current, G);
+      })(C, C, q), void (l && U(q, !0));
+      ((N, xe = N, G) => {
+        ae.current = le(N), R.current = $(xe), f(ae.current, R.current, G);
+      })(C, C, q), oe(C), l && U(q, !0);
+    }
+  }, onPointerMoveOrWait: Ct.throttle((u) => {
+    if (!_.current || !e?.current) return;
+    const C = be(u.clientX, u.clientY);
+    if (C && g?.(u, C) !== !1) {
+      if (Z.isEqualCells(L.current, C)) return I();
+      oe(C), U(C);
+    }
+  }, 60), onPointerUp: (u) => {
+    _.current = !1, H?.(), m?.(u);
+  }, processTouch: !0, consumeTouch: !0 }), [r, l, M, i, I, d, m]);
+  return { onPointerDown: T(On(k), []), getCellCoordsFromClient: be };
+}, Ye = (e, t, n) => {
+  if (!e) return t;
+  let o = t;
+  const r = n === Ke || n === lt;
+  for (; ; ) {
+    const i = e(o, !r);
+    if (i === 0) return o;
+    r ? o += i : o -= i;
+  }
+}, io = (e, t, n) => {
+  const o = [];
+  let r = t;
+  for (; r <= n; ) {
+    const i = Math.max(0, e(r));
+    i === 0 ? (o.push(r), r++) : r += i;
+  }
+  return o;
+}, Nl = (e, t, n, o, r, i) => {
+  if (!t) return i;
+  let { rowIndex: l, colIndex: s } = e;
+  switch (o) {
+    case lt: {
+      l = Ye(n, Math.min(l + 1, i), o);
+      let a = t({ rowIndex: l, colIndex: s });
+      for (; !a && l < i; ) l = Ye(n, Math.min(++l, i), o), a = t({ rowIndex: l, colIndex: s });
+      return l;
+    }
+    case it: {
+      l = Ye(n, Math.max(l - 1, i), o);
+      let a = t({ rowIndex: l, colIndex: s });
+      for (; !a && l > i; ) l = Ye(n, Math.max(--l, i), o), a = t({ rowIndex: l, colIndex: s });
+      return l;
+    }
+    case Ke: {
+      s = Ye(n, Math.min(s + 1, i), o);
+      let a = t({ rowIndex: l, colIndex: s });
+      for (; !a && s < i; ) s = Ye(n, Math.min(++s, i), o), a = t({ rowIndex: l, colIndex: s });
+      return s;
+    }
+    case ot: {
+      s = Ye(n, Math.max(s - 1, i), o);
+      let a = t({ rowIndex: l, colIndex: s });
+      for (; !a && s > i; ) s = Ye(n, Math.max(--s, i), o), a = t({ rowIndex: l, colIndex: s });
+      return s;
+    }
+    default:
+      return i;
+  }
+}, Ul = (e, t = () => !0, n, o, r, i) => {
+  let { rowIndex: l, colIndex: s } = e;
+  switch (o) {
+    case lt: {
+      l = Ye(n, Math.min(l + 1, i), o);
+      let a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && l < i; ) l = Ye(n, Math.min(++l, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      return t?.({ rowIndex: l, colIndex: s }) ? l : l - 1;
+    }
+    case it: {
+      l = Ye(n, Math.max(l - 1, i), o);
+      let a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && l > i; ) l = Ye(n, Math.max(--l, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      return t?.({ rowIndex: l, colIndex: s }) ? l : l + 1;
+    }
+    case Ke: {
+      s = Ye(n, Math.min(s + 1, i), o);
+      let a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && s < i; ) s = Ye(n, Math.min(++s, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      return t?.({ rowIndex: l, colIndex: s }) ? s : s - 1;
+    }
+    case ot: {
+      s = Ye(n, Math.max(s - 1, i), o);
+      let a = t?.({ rowIndex: l, colIndex: s });
+      for (; a && s > i; ) s = Ye(n, Math.max(--s, i), o), a = t?.({ rowIndex: l, colIndex: s });
+      return t?.({ rowIndex: l, colIndex: s }) ? s : s + 1;
+    }
+    default:
+      return null;
+  }
+}, ql = (e, t, n, o, r, i) => {
+  if (!t) return i;
+  let l, { rowIndex: s, colIndex: a } = e;
+  o === lt ? l = { rowIndex: s + 1, colIndex: a } : o === it ? l = { rowIndex: s - 1, colIndex: a } : o === Ke ? l = { rowIndex: s, colIndex: a + 1 } : o === ot && (l = { rowIndex: s, colIndex: a - 1 });
+  const d = t(e), g = t(l);
+  var m, f;
+  return (f = g, !(m = d) && !f || !m && f || m && !f ? Nl : Ul)(e, t, n, o, !1, i) ?? i;
+}, Dr = (e, t) => `${e}:${t}`, zr = (e, t, n, o, r, i) => {
+  if (n - t >= r - o) return o;
+  let l = o;
+  return e === "nearest" && (o - t > 0 ? e = "start" : n - r > 0 && (e = "end")), e === "start" ? l = t : e === "end" ? l = n - (r - o) : e === "center" && (l = t + (n - t) / 2 - (r - o) / 2), Math.max(0, Math.min(l, i - (r - o)));
+}, Ar = (e, t, n, o) => (console.log("todo: implement convertToVisibleRanges"), e), Xo = (e, t = Ke, n, o, r, i = null) => {
+  if (i && Z.isEqualSelectionCoords(i, e)) return e;
+  const l = e.ranges[e.rangeIndex];
+  if (!Z.isRangesIntersect({ rowStart: e.cell.rowIndex, colStart: e.cell.colIndex, rowEnd: e.cell.rowIndex, colEnd: e.cell.colIndex }, l)) return e;
+  let s = { ...e.cell }, a = e.rangeIndex;
+  switch (t) {
+    case Ke:
+      s.colIndex = Ye(r, s.colIndex + 1, t);
+      break;
+    case ot:
+      s.colIndex = Ye(r, s.colIndex - 1, t);
+      break;
+    case lt:
+      s.rowIndex = Ye(o, s.rowIndex + 1, t);
+      break;
+    case it:
+      s.rowIndex = Ye(o, s.rowIndex - 1, t);
+  }
+  const d = (f) => {
+    if (f) {
+      a = e.rangeIndex >= e.ranges.length - 1 ? 0 : e.rangeIndex + 1;
+      const x = e.ranges[a];
+      s = { colIndex: x.colStart, rowIndex: x.rowStart };
+    } else {
+      a = e.rangeIndex <= 0 ? e.ranges.length - 1 : e.rangeIndex - 1;
+      const x = e.ranges[a];
+      s = { colIndex: x.colEnd, rowIndex: x.rowEnd };
+    }
+  };
+  if (t === Ke && s.colIndex > l.colEnd && s.rowIndex === l.rowEnd) d(!0);
+  else if (t === ot && s.colIndex < l.colStart && s.rowIndex === l.rowStart) d(!1);
+  else if (t === lt && s.colIndex === l.colEnd && s.rowIndex > l.rowEnd) d(!0);
+  else if (t === it && s.colIndex === l.colStart && s.rowIndex < l.rowStart) d(!1);
+  else {
+    let f = s.rowIndex, x = s.colIndex;
+    switch (t) {
+      case Ke:
+        x > l.colEnd && (f = Ye(o, f + 1, t), x = l.colStart, f > l.rowEnd && (f = l.rowStart));
+        break;
+      case ot:
+        x < l.colStart && (f = Ye(o, f - 1, t), x = l.colEnd, f < l.rowStart && (f = l.rowEnd));
+        break;
+      case lt:
+        f > l.rowEnd && (x = Ye(r, x + 1, t), f = l.rowStart, x > l.colEnd && (x = l.colStart));
+        break;
+      case it:
+        f < l.rowStart && (x = Ye(r, x - 1, t), f = l.rowEnd, x < l.colStart && (x = l.colEnd));
+    }
+    s = { rowIndex: f, colIndex: x };
+  }
+  let g = n(s);
+  if (!Z.isRangeWithinRange(g, l)) {
+    const f = Z.intersectRanges(g, l);
+    f && (g = f);
+  }
+  let m = { rowStart: Ye(o, g.rowStart, lt), colStart: Ye(r, g.colStart, Ke), rowEnd: Ye(o, g.rowEnd, it), colEnd: Ye(r, g.colEnd, ot) };
+  if (m.rowStart !== s.rowIndex || m.colStart !== s.colIndex) {
+    switch (t) {
+      case Ke:
+        e.ranges[a].colStart === m.colStart && e.ranges[a].colEnd === m.colEnd && (s.rowIndex = m.rowEnd), s.colIndex = m.colEnd;
+        break;
+      case ot:
+        e.ranges[a].colStart === m.colStart && e.ranges[a].colEnd === m.colEnd && (s.rowIndex = m.rowStart), s.rowIndex === m.rowStart ? s.colIndex = m.colStart + 1 : s.colIndex = m.colStart;
+        break;
+      case lt:
+        e.ranges[a].rowStart === m.rowStart && e.ranges[a].rowEnd === m.rowEnd && (s.colIndex = m.colEnd), s.rowIndex = m.rowEnd;
+        break;
+      case it:
+        e.ranges[a].rowStart === m.rowStart && e.ranges[a].rowEnd === m.rowEnd && (s.colIndex = m.colStart), s.colIndex === m.colStart ? s.rowIndex = m.rowStart + 1 : s.rowIndex = m.rowStart;
+    }
+    return Xo({ cell: s, ranges: e.ranges, rangeIndex: a }, t, n, o, r, i ?? e);
+  }
+  return { ranges: e.ranges, cell: s, rangeIndex: a };
+}, $r = (e, t) => {
+  let n, o = 0, r = 0;
+  return t.colStart < e.colStart ? (n = ot, o = e.colStart - t.colStart, r = t.colStart) : t.colEnd > e.colEnd ? (n = Ke, o = t.colEnd - e.colEnd, r = t.colEnd) : t.rowStart < e.rowStart ? (n = it, o = e.rowStart - t.rowStart, r = t.rowStart) : t.rowEnd > e.rowEnd && (n = lt, o = t.rowEnd - e.rowEnd, r = t.rowEnd), { direction: n, amount: o, index: r };
+}, go = (e, t = !1, n, o) => {
+  if (!n) return 0;
+  const r = !t, i = r ? 1 : -1;
+  let l = n(r ? e : e + 1), s = n(r ? e + 1 : e), a = e + (r ? 2 : -1), d = 0;
+  for (; (s - l) * i <= 0; ) {
+    if (r && a - 1 > o + 1 || !r && a + 1 < o) return d;
+    l = s, s = n(a), a += i, d++;
+  }
+  return d;
+}, Br = (e, t, n, o, r) => {
+  const i = {};
+  let l = null, s = null;
+  for (let a = 0; a <= n.length && n[a] <= r; a++) {
+    const d = n[a];
+    if (d < o) continue;
+    const g = l === d ? s : t ? e.getColOffset(d) : e.getRowOffset(d), m = t ? e.getColOffset(d + 1) : e.getRowOffset(d + 1);
+    l = d + 1, s = m, i[d] = Object.freeze({ offset: g, size: m - g, spanIndex: a });
+  }
+  return Object.freeze(i);
+}, Fr = (e, t, n) => {
+  const o = e.getColOffset(t.colStart) + (n?.left ?? 0), r = e.getRowOffset(t.rowStart) + (n?.top ?? 0);
+  return { x: o, y: r, width: e.getColOffset(t.colEnd + 1) + (n?.right ?? 0) - (n?.left ?? 0) - o, height: e.getRowOffset(t.rowEnd + 1) + (n?.bottom ?? 0) - (n?.top ?? 0) - r };
+}, Kl = (e, t, n) => !!n && !(e < n.x || e > n.x + n.width) && !(t < n.y || t > n.y + n.height), $o = (e, t = !0) => `M ${me.boundPixel(e.left)} ${me.boundPixel(e.top)} L ${me.boundPixel(e.right, !0)} ${me.boundPixel(e.top)} L ${me.boundPixel(e.right, !0)} ${me.boundPixel(e.bottom, !0)} L ${me.boundPixel(e.left)} ${me.boundPixel(e.bottom, !0)} L ${me.boundPixel(e.left)} ${me.boundPixel(e.top)} ${t ? "Z" : ""}`, jr = (e) => {
+  const { linePoints: t, bounds: n, pathProps: o, style: r, ...i } = e;
+  return Y("svg", { width: `${me.boundPixel(n.width, !0)}`, height: `${me.boundPixel(n.height, !0)}`, viewBox: `0 0 ${me.boundPixel(n.width, !0)} ${me.boundPixel(n.height, !0)}`, style: { position: "absolute", left: `${me.boundPixel(n.x)}px`, top: `${me.boundPixel(n.y)}px`, width: `${me.boundPixel(n.width, !0)}px`, height: `${me.boundPixel(n.height, !0)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...r }, ...i, children: Y("path", { d: `M ${me.boundPixel(t[0])} ${me.boundPixel(t[1])} L ${me.boundPixel(t[2])} ${me.boundPixel(t[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...o }) });
+}, Yl = (e) => {
+  const { x: t = 0, y: n = 0, width: o = 0, height: r = 0, fill: i, stroke: l, strokeWidth: s = 0, strokeDasharray: a, strokeDashoffset: d, clipPath: g, pathBounds: m, pathProps: f, style: x, ...E } = e, I = n, M = t, ae = o, R = r;
+  let _ = null;
+  if (i) {
+    let L = $o({ top: 0, left: 0, bottom: R, right: ae });
+    m && (L = L + " " + $o({ top: m.y - I, left: m.x - M, bottom: m.height + m.y - I, right: m.width + m.x - M })), _ = [Y("path", { d: L, fill: i, stroke: "none", fillRule: "evenodd" }, "fill")];
+  }
+  return Ht("svg", { width: `${me.boundPixel(o, !0)}`, height: `${me.boundPixel(r, !0)}`, viewBox: `0 0 ${me.boundPixel(o, !0)} ${me.boundPixel(r, !0)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${me.boundPixel(t)}px`, top: `${me.boundPixel(n)}px`, pointerEvents: "none", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", boxShadow: "rgb(60 64 67 / 5%) 0px 1px 4px 2px, rgb(255 255 255 / 15%) 0px 0px 2px 1px", overflow: "visible", ...x }, ...E, children: [_, Y("path", { d: $o({ top: 0, left: 0, right: ae, bottom: R }), fill: "none", strokeDasharray: a, strokeDashoffset: d, stroke: l, vectorEffect: "non-scaling-stroke", strokeWidth: s, ...f })] });
+}, Xl = (e) => {
+  const { key: t, ...n } = e;
+  return Y(yi, { ...n }, t);
+}, yi = Dt((e) => {
+  const { stroke: t, fill: n, x: o = 0, y: r = 0, width: i = 0, height: l = 0, style: s, isAnimatedStroke: a, animatedStrokeProps: d, range: g, cell: m, ...f } = e, x = a || !!d, E = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...d };
+  let I = E.dashGap + E.dashLength;
+  const M = E.speed * I, ae = $l().replaceAll(":", ""), R = `${E.name}-${ae}`;
+  let _;
+  return st(() => {
+    if (!x) return;
+    const L = `@keyframes ${R} {
+      to {
+        stroke-dashoffset: 0px;
+      }
+    }`, le = document.createElement("style");
+    return le.appendChild(document.createTextNode(L)), document.head.appendChild(le), le.sheet.insertRule(L, 0), () => {
+      document.head.removeChild(le);
+    };
+  }, [x]), x && (_ = { strokeDasharray: `${E.dashLength}px ${E.dashGap}px`, strokeDashoffset: `${I}px`, animation: `${R} ${M}ms linear infinite`, willChange: "stroke-dashoffset" }), Y(Yl, { x: o, y: r, width: i, height: l, stroke: t, fill: n, shapeRendering: "crispEdges", style: { ..._, ...s }, ...f });
+});
+function bi(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (n = bi(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function En() {
+  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = bi(e)) && (o && (o += " "), o += t);
+  return o;
+}
+yi.displayName = "Selection";
+const Si = Dt(Ut((e, t) => {
+  const { x: n = 0, y: o = 0, borderWidth: r = 1, size: i = 6, borderStroke: l, corner: s, style: a, className: d, background: g, ...m } = e;
+  if (n === 0 || o === 0) return null;
+  let f = !0, x = !0, E = !0, I = !0;
+  switch (s) {
+    case "tl":
+      f = !1, x = !1;
+      break;
+    case "bl":
+      f = !1, I = !1;
+      break;
+    case "br":
+      E = !1, I = !1;
+      break;
+    case "tr":
+      x = !1, E = !1;
+  }
+  return Y("div", { className: En("fill-handle", d), style: { position: "absolute", left: n - (i + (f ? r : 0)) / 2, top: o - (i + (x ? r : 0)) / 2, width: i, height: i, borderLeft: f ? `${r}px ${l}` : void 0, borderTop: x ? `${r}px ${l}` : void 0, borderRight: E ? `${r}px ${l}` : void 0, borderBottom: I ? `${r}px ${l}` : void 0, background: g, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...a }, tabIndex: -1, ...m });
+}));
+Si.displayName = "FillHandle";
+var Gl = function() {
+}, Ei = typeof window < "u", Zl = Ei ? nn : st, Vr = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+const _i = Ei && window.ResizeObserver !== void 0 ? function() {
+  var e = Je(null), t = e[0], n = e[1], o = Je(Vr), r = o[0], i = o[1], l = Ee(function() {
+    return new window.ResizeObserver(function(s) {
+      if (s[0]) {
+        var a = s[0].contentRect, d = a.x, g = a.y, m = a.width, f = a.height, x = a.top, E = a.left, I = a.bottom, M = a.right;
+        i({ x: d, y: g, width: m, height: f, top: x, left: E, bottom: I, right: M });
+      }
+    });
+  }, []);
+  return Zl(function() {
+    if (t) return l.observe(t), function() {
+      l.disconnect();
+    };
+  }, [t]), [n, r];
+} : function() {
+  return [Gl, Vr];
+};
+function Bo(e, t) {
+  if (typeof e == "function") return e(t);
+  e && (e.current = t);
+}
+var Jl = parseInt(qr.split(".")[0], 10) >= 19 ? function(e) {
+  return (t) => {
+    const n = [];
+    for (const o of e) {
+      const r = Bo(o, t), i = typeof r == "function";
+      n.push(i ? r : () => Bo(o, null));
+    }
+    return () => {
+      for (const o of n) o();
+    };
+  };
+} : function(e) {
+  return (t) => {
+    for (const n of e) Bo(n, t);
+  };
+};
+const Go = Dt(Ut((e, t) => {
+  const { range: n, view: o, anchor: r, borderStroke: i = "rgb(33, 115, 70)", background: l = "white", borderWidth: s = 1.5, size: a = 22, style: d, className: g, selectionTouchPointerHandler: m, onTouchSelectStart: f, onTouchSelectEnd: x, currentTouchAnchor: E, scrollableElement: I, scrollableRoot: M = document.body, ...ae } = e, R = T(f, [f]), _ = T(x, [x]), { bounds: L, coordsPivot: le, key: $ } = Ee(() => {
+    if (!n || !o) return null;
+    let W = null, A = null;
+    switch (r) {
+      case "tl":
+        W = { colIndex: n.colEnd, rowIndex: n.rowEnd }, A = { colIndex: n.colStart, rowIndex: n.rowStart };
+        break;
+      case "br":
+        W = { colIndex: n.colStart, rowIndex: n.rowStart }, A = { colIndex: n.colEnd, rowIndex: n.rowEnd };
+        break;
+      case "t":
+      case "l":
+        W = { colIndex: n.colEnd, rowIndex: n.rowEnd };
+        break;
+      case "b":
+        W = { colIndex: n.colStart, rowIndex: n.rowStart };
+        break;
+      case "r":
+        W = { colIndex: n.colStart, rowIndex: n.rowEnd };
+    }
+    let q = o.getRangeCoordsBounds(A ? { rowStart: A.rowIndex, colStart: A.colIndex, rowEnd: A.rowIndex, colEnd: A.colIndex } : n);
+    const N = o.getBounds(), xe = o.getViewportSize(), G = N.x, He = N.y, Ue = xe.width, We = xe.height;
+    switch (r) {
+      case "tl":
+        break;
+      case "br":
+        q.x = q.x + q.width, q.y = q.y + q.height;
+        break;
+      case "t":
+        q.x = Ue / 2 - G;
+        break;
+      case "b":
+        q.x = Ue / 2 - G, q.y = q.y + q.height;
+        break;
+      case "l":
+        q.y = We / 2 - He;
+        break;
+      case "r":
+        q.x = q.x + q.width, q.y = We / 2 - He;
+    }
+    const ht = o.toClipBounds(q, 0);
+    return !ht || ht.width <= 0 || ht.height <= 0 || q.x < 0 || q.y < 0 || q.x > Ue || q.y > We ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: q, coordsAnchor: null, coordsPivot: W, key: "touchSelect-" + o.getAnchor() + "-" + r };
+  }, [n, o, r]), oe = J(null), be = On(Ee(() => {
+    const W = (A) => r === "t" || r === "b" ? { ...A, colIndex: void 0 } : r === "l" || r === "r" ? { ...A, rowIndex: void 0 } : A;
+    return { processTouch: !0, consumeTouch: !0, onPointerDown: (A, q) => {
+      const N = W(o.getCellCoordsFromClient(A.clientX, A.clientY));
+      return oe.current = { coordsPivot: le }, R?.(r), m.onSelectionPointerDown(A, q, o, N, le, !1, !0);
+    }, onPointerMoveOrWait: (A, q, N) => {
+      const xe = W(o.getCellCoordsFromClient(A.clientX, A.clientY));
+      return m.onSelectionPointerMoveOrWait(A, q, N, o, xe, oe.current?.coordsPivot, !0, !0);
+    }, onPointerUp: (A, q, N) => (oe.current = null, _?.(r), m.onPointerUp(A, q, N)) };
+  }, [m, n, o, r])), [U, { y: H, x: X }] = _i(), k = J(null), { getPortalContainer: u } = gi(), [C, ee] = Je(null);
+  return st(() => {
+    const W = k.current?.getBoundingClientRect();
+    if (!W || !L) return void ee(null);
+    let A = 0, q = 0, N = I;
+    for (; N; ) A += N.scrollLeft, q += N.scrollTop, N = M && N === M.parentElement ? null : N.parentElement;
+    ee(Kr(Y("div", { className: En("touch-select-handle", g), ref: t, style: { position: "absolute", left: A + (W?.x ?? 0) - (a + s) / 2, top: q + (W?.y ?? 0) - (a + s) / 2, width: a, height: a, borderWidth: `${s}px`, border: i, borderRadius: "50%", background: l, boxShadow: `0 0 0 1.5px ${l}`, cursor: "grab", pointerEvents: "all", opacity: E ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...d }, tabIndex: -1, onPointerDown: be, ...ae }), M ?? u(), $));
+  }, [H, X, L?.x, L?.y, L?.width, L?.height, g, E, l, a, s, i, I]), L ? Ht(wn, { children: [Y("div", { ref: Jl([U, k]), style: { position: "absolute", left: L.x, top: L.y, opacity: 0 } }), C] }) : null;
+}));
+Go.displayName = "TouchSelectHandle";
+const tn = -10, Ql = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), Ii = Object.freeze({ colIndex: 0, rowIndex: 0 }), Zo = Object.freeze([]), Yt = (e) => {
+  if (e && e.cell && e.ranges && e.rangeIndex > -1 && e.rangeIndex <= e.ranges.length) return e;
+  const t = { cell: null, ranges: e?.ranges ?? Zo };
+  return t.rangeIndex = e?.rangeIndex ?? t.ranges.length - 1, t.cell = e?.cell, !t.cell && t.ranges.length > 0 && (t.cell = { rowIndex: t.ranges[t.rangeIndex].rowStart, colIndex: t.ranges[t.rangeIndex].colStart }), t.cell || (t.cell = Ii), Z.isEqualSelectionCoords(t, e) ? e : t;
+}, lo = (e, t, n) => {
+  const o = e.getVisibleRangeCoords(), r = e.getScrollOrientation();
+  !r.horizontal && (t.colIndex > o.colEnd || t.colIndex < o.colStart) && (t = { ...t, colIndex: t.colIndex > o.colEnd ? o.colEnd + 1 : o.colEnd - 1 }, e = n.current.getViewFromLocation(Xt)), !r.vertical && (t.rowIndex > o.rowEnd || t.rowIndex < o.rowStart) && (t = { ...t, rowIndex: t.rowIndex > o.rowEnd ? o.rowEnd + 1 : o.rowEnd - 1 }, e = n.current.getViewFromLocation(Xt)), e.scrollCellCoordsIntoView(t);
+}, es = () => !1, ms = ({ gridRef: e, commands: t, layout: n, selection: o, onSelectionChange: r, onSelectionDragStart: i, onSelectionDragEnd: l, selectionPolicy: s = "multiple", newSelectionMode: a = "clear", allowDeselectSelection: d = !0, onFillPreview: g, onFillCancel: m, onFillDone: f, onFill: x, disableFillDrag: E = !x, fillHandleBorderColor: I = "white", hiddenRowsAt: M, hiddenColumnsAt: ae, isContentfulCell: R, contentfulCellFinder: _ = ql, getDataCoords: L, alwaysScrollToActiveCoords: le = !1, selectionBounds: $, pointerDownInterceptor: oe, pointerMoveInterceptor: be, mergedRanges: U, canSelectionSpanMergedCells: H = es, onMoveDragStart: X, onMoveDragUpdate: k, onMoveDragEnd: u, onMoveDragDone: C, selectionRenderer: ee = Xl, disableMoveDrag: W = !u, getCellCoordsAsRangeCoords: A = Z.cellToRange, moveDragHitSize: q = 6, moveDragOutlineSize: N = 4, selectionBackgroundColor: xe = "rgba(16, 124, 65, 0.1)", selectionBorderColor: G = "rgb(33, 115, 70)", selectionRemoveBorderColor: He = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: Ue = "rgba(250, 10, 10, 0.1)", disableTouchSelection: We = !1, touchSelectHandleProps: ht }) => {
+  const _e = O(() => ({ top: $?.top ?? 0, left: $?.left ?? 0, bottom: e.current?.rowCount - 1 || 0, right: e.current?.columnCount - 1 || 0 }), []), S = T(x, [x]), ue = T(g, [g]), K = T(m, [m]), pe = T(f, [f]), te = T(R, [R]), Re = T(ee, [ee]), at = T((c, h = !1) => go(c, h, n.getRowOffset, h ? _e().bottom : _e().top), [n?.getRowOffset]), pt = T(M ?? at, [M]), zt = T((c, h = !1) => go(c, h, n.getColOffset, h ? _e().right : _e().left), [n?.getColOffset]), gt = T(ae ?? zt, [ae]), [Zt, Be] = Je(() => Yt(o)), z = Ee(() => Yt(Zt), [Zt]), ke = J(z), Qe = J(!0);
+  nn(Ct.throttle(() => {
+    Be((c) => {
+      Qe.current = !0;
+      const h = Yt(o);
+      return Z.isEqualSelectionCoords(h, c) ? c : h;
+    });
+  }, 0), [o]), nn(() => {
+    ke.current = z;
+  }, [z]), st(() => {
+    Qe.current || !r || Z.isEqualSelectionCoords(o, z) || r(z);
+  }, [z]);
+  const Xe = O((c) => {
+    Be((h) => {
+      Qe.current = !1, h = Yt(h);
+      let w = typeof c == "function" ? c(h.ranges) : c ?? Zo;
+      if (Z.isEqualRangesArrays(w, h.ranges)) return h;
+      let p = Math.max(w.length ? 0 : -1, Math.min(h.rangeIndex, w.length - 1)), y = h.cell;
+      p === -1 || Z.isCellWithinRange(y, w[p]) || (y = { rowIndex: w[p].rowStart, colIndex: w[p].colStart }), w.length === 1 && Z.isSingleCell(w[0]) && Z.isCellWithinRange(y, w[0]) && (w = [], p = -1);
+      const V = { cell: y, ranges: w, rangeIndex: p };
+      return Z.isEqualSelectionCoords(V, h) ? h : V;
+    });
+  }, []), wt = T((c) => {
+    Be((h) => {
+      Qe.current = !1, h = Yt(h);
+      const w = c ?? Ii, p = A(w);
+      if (!Z.isSingleCell(p) && h.ranges.length === 0) return { ranges: [p], rangeIndex: 0, cell: w };
+      if (Z.isEqualCells(w, h.cell)) return h;
+      let y = h.ranges, V = h.rangeIndex;
+      h.ranges.length === 1 && (Z.isSingleCell(h.ranges[0]) && Z.isCellWithinRange(w, h.ranges[0]) || !Z.isCellWithinRange(w, h.ranges[0])) && (y = [], V = -1);
+      const b = { ranges: y, rangeIndex: V, cell: w };
+      return Z.isEqualSelectionCoords(b, h) ? h : b;
+    });
+  }, [A]), [an, Jt] = Je(null), [jt, dn] = Je(null), on = J(null), [ze, qt] = Je(null), vt = J(null), Vt = J(null), [Cn, un] = Je(null), Ne = J(null), Q = J(null), et = J(U);
+  st(() => {
+    et.current = U;
+  }, [U]);
+  const qe = T((c, h = { inline: "nearest", block: "nearest" }) => {
+    let { rowIndex: w, colIndex: p } = c;
+    w === void 0 && z?.cell && (w = z.cell.rowIndex), p === void 0 && z?.cell && (p = z.cell.colIndex), w !== void 0 && p !== void 0 && e.current?.scrollCellCoordsIntoView({ rowIndex: w, colIndex: p }, h);
+  }, [z]), dt = O((c) => {
+    const h = _e();
+    return c.rowIndex < h.top || c.colIndex < h.left || c.colIndex > h.right || c.rowIndex > h.bottom;
+  }, []), Ie = T((c, h) => {
+    if (!e?.current) return null;
+    const w = { rowStart: Math.min(c.rowIndex, h.rowIndex), colStart: Math.min(c.colIndex, h.colIndex), rowEnd: Math.max(c.rowIndex, h.rowIndex), colEnd: Math.max(c.colIndex, h.colIndex) };
+    if (H?.(w)) return w;
+    const y = A(c), V = A(h), b = { rowStart: Math.min(y.rowStart, V.rowStart), colStart: Math.min(y.colStart, V.colStart), rowEnd: Math.max(y.rowEnd, V.rowEnd), colEnd: Math.max(y.colEnd, V.colEnd) };
+    let he;
+    return typeof et.current == "function" ? he = et.current(b) : U && (he = U), he ? Z.extendRangeToUnionRanges(b, he) : b;
+  }, [H, A]), Le = T((c, h, w) => {
+    const p = c.ranges.length > 0 ? c.ranges[c.rangeIndex] : { rowStart: c.cell.rowIndex, colStart: c.cell.colIndex, rowEnd: c.cell.rowIndex, colEnd: c.cell.colIndex }, y = { rowStart: Math.min(h.rowIndex ?? p.rowStart, w.rowIndex ?? p.rowStart), colStart: Math.min(h.colIndex ?? p.colStart, w.colIndex ?? p.colStart), rowEnd: Math.max(h.rowIndex ?? p.rowEnd, w.rowIndex ?? p.rowEnd), colEnd: Math.max(h.colIndex ?? p.colEnd, w.colIndex ?? p.colEnd) }, V = { rowIndex: y.rowStart, colIndex: y.colStart }, b = { rowIndex: y.rowEnd, colIndex: y.colEnd };
+    if (!(dt(V) || dt(b)))
+      return Ie(V, b);
+  }, [Ie]), rt = T((c, h, w) => {
+    if (s === "single" || !ke.current) return;
+    const p = Le(ke.current, c, h ?? ke.current.cell);
+    if (!p) return;
+    const y = ke.current.rangeIndex;
+    Xe((V) => V.length ? V.map((b, he) => y === he ? p : b) : [p]), w && p && wt({ colIndex: p.colStart, rowIndex: p.rowStart });
+  }, []), tt = O((c, h, w) => {
+    if (!ke.current) return;
+    c = { ...ke.current?.cell, ...c }, h = h ?? c;
+    const p = Le(ke.current, c, h);
+    if (!p) return;
+    const y = { rowIndex: p.rowStart, colIndex: p.colStart }, V = { ...y, ...w };
+    a === "clear" ? (Ne.current = V, rn()) : a === "modify" ? rt(y) : Ae(y), wt(V);
+  }, []), Ae = O((c, h = c, w) => {
+    s !== "multiple" || !c || dt(c) || dt(h) || Be((p) => {
+      Qe.current = !1, p = Yt(p);
+      const y = Ie(c, h);
+      if (!y) return p;
+      let V = p.ranges.length > 0 ? [...p.ranges] : [Ie(p.cell, p.cell)];
+      V.push(y);
+      const b = { ranges: V, cell: { rowIndex: y.rowStart, colIndex: y.colStart, ...w }, rangeIndex: V.length - 1 };
+      return Z.isEqualSelectionCoords(b, p) ? p : b;
+    });
+  }, []), rn = () => {
+    Xe(Zo);
+  }, Mt = me.detectIt().primaryInput === "touch", nt = J(null), Tt = J(null), kt = J(null), hn = Ee(() => ({ onPointerDown: (c) => {
+    if (!e || !e.current) return !1;
+    const h = c.nativeEvent, w = e.current.getViewFromClient(h.clientX, h.clientY);
+    if (h.pointerType === "touch" || h.type === "touchstart") return Tt.current = { topLeft: w.getScrollTopLeft(), point: { x: h.clientX, y: h.clientY } }, !0;
+    const p = w.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
+    if (!p) return !1;
+    nt.current = { anchor: w.getAnchor(), coords: p }, Q.current = null;
+    const y = c.nativeEvent.which === _r;
+    if (y && Z.indexOfCoords(p, z.ranges) !== -1)
+      return !1;
+    const V = c.nativeEvent.shiftKey, b = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, he = b, ne = d, re = z.ranges.length > 0, we = b && ne;
+    if (oe?.(c, p, z) === !1) return !1;
+    i?.(ke.current, c.nativeEvent);
+    const De = !y && s !== "single";
+    if (V) return rt(p), De;
+    const de = Z.isEqualCells(p, z.cell);
+    if (he) {
+      if (de && (!we || !re)) return De;
+      if (b && Z.indexOfCoords(p, z.ranges) !== -1 && ne) {
+        vt.current = p;
+        const ie = Ie(p, p);
+        return Vt.current = ie, qt(ie), De;
+      }
+      return Ae(p), De;
+    }
+    le && qe(p), de && z.ranges.length === 0 || tt(p);
+  }, onPointerMoveOrWait: Ct.throttle((c, h) => {
+    if (!e?.current || c.pointerType === "touch" || c.type === "touchmove" || !nt.current) return;
+    const w = nt.current.anchor;
+    let p = e.current.getViewFromLocation(w), y = p.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!Z.isEqualCells(y, nt.current?.coords) && (nt.current = { anchor: w, coords: y }, y && be?.(c, y, ke.current) !== !1)) {
+      if (vt.current) {
+        const V = { rowStart: Math.min(y.rowIndex, vt.current.rowIndex), colStart: Math.min(y.colIndex, vt.current.colIndex), rowEnd: Math.max(y.rowIndex, vt.current.rowIndex), colEnd: Math.max(y.colIndex, vt.current.colIndex) }, b = { rowIndex: V.rowStart, colIndex: V.colStart }, he = { rowIndex: V.rowEnd, colIndex: V.colEnd };
+        if (dt(b) || dt(he)) return;
+        const ne = Ie(b, he);
+        Vt.current = ne, qt(ne);
+      } else rt(y);
+      kt.current = h, lo(p, y, e);
+    }
+  }, 60), onPointerUp: (c) => {
+    if (nt.current = null, c.pointerType === "touch" || c.type === "touchend") {
+      if (Tt.current) {
+        const w = e.current.getViewFromClient(Tt.current.point.x, Tt.current.point.y), p = w.getScrollTopLeft();
+        if (p.left === Tt.current.topLeft.left && p.top === Tt.current.topLeft.top) {
+          const y = w.getCellCoordsFromClient(Tt.current.point.x, Tt.current.point.y);
+          tt(y);
+        }
+      }
+      return Tt.current = null, void (nt.current = null);
+    }
+    try {
+      l?.(ke.current, c);
+    } catch (w) {
+      console.warn(w);
+    }
+    if (!vt.current) return;
+    const h = Vt.current;
+    vt.current = null, Vt.current = null, qt(null), Be((w) => {
+      if (Qe.current = !1, (w = Yt(w)).ranges.length === 0) return w;
+      let p = [], y = -1, V = w.cell;
+      for (let he = 0; he < w.ranges.length; he++) {
+        const ne = w.ranges[he];
+        if (Z.isRangesIntersect(ne, h)) {
+          const re = Ct.subtractRect({ top: ne.rowStart, left: ne.colStart, bottom: ne.rowEnd + 1, right: ne.colEnd + 1 }, { top: h.rowStart, left: h.colStart, bottom: h.rowEnd + 1, right: h.colEnd + 1 });
+          for (let we = 0; we < re.length; we++) {
+            const De = { rowStart: re[we].top, colStart: re[we].left, rowEnd: re[we].bottom - 1, colEnd: re[we].right - 1 };
+            p.push(De), Z.isCellWithinRange(w.cell, De) && (y = p.length - 1);
+          }
+        } else p.push(ne);
+        p.length > 0 && y === -1 && Z.isCellWithinRange(w.cell, ne) && (y = p.length - 1, V = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
+      }
+      const b = { cell: V, rangeIndex: y, ranges: p };
+      return Z.isEqualSelectionCoords(b, w) ? w : b;
+    });
+  }, processTouch: !0, consumeTouch: !1 }), [z, s, d, le, a]), mo = T(On(hn), []), xo = Ee(() => ({ onSelectionPointerDown: (c, h, w, p, y = z.cell, V = le, b = c.nativeEvent.shiftKey, he = !1) => {
+    if (!e || !e.current) return !1;
+    c.stopPropagation(), c.preventDefault(), c.nativeEvent.stopImmediatePropagation();
+    const ne = w ?? e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), re = p ?? ne.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
+    if (!re) return !1;
+    nt.current = { anchor: ne.getAnchor(), coords: re }, Q.current = null;
+    const we = c.nativeEvent.which === _r;
+    if (we && Z.indexOfCoords(re, z.ranges) !== -1)
+      return !1;
+    const De = c.nativeEvent.ctrlKey || c.nativeEvent.metaKey, de = De, ie = d, _t = z.ranges.length > 0, B = De && ie;
+    if (oe?.(c, re, z) === !1) return !1;
+    i?.(ke.current, c.nativeEvent);
+    const Pe = !we && s !== "single";
+    if (b) return rt(re, y, he), Pe;
+    const Rt = Z.isEqualCells(re, y);
+    if (de) {
+      if (Rt && (!B || !_t)) return Pe;
+      if (B && Z.indexOfCoords(re, z.ranges) !== -1 && ie) {
+        vt.current = re;
+        const Te = Ie(re, re);
+        return Vt.current = Te, qt(Te), Pe;
+      }
+      return Ae(re), Pe;
+    }
+    V && qe(re), Rt && z.ranges.length === 0 || tt(re);
+  }, onSelectionPointerMoveOrWait: (c, h, w, p, y, V = z.cell, b = !0, he = !1) => {
+    if (!e?.current || (c.stopPropagation(), c.preventDefault(), c.stopImmediatePropagation(), !nt.current)) return;
+    const ne = nt.current.anchor;
+    let re = p ?? e.current.getViewFromLocation(ne), we = y ?? re.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!Z.isEqualCells(we, nt.current?.coords) && (nt.current = { anchor: ne, coords: we }, we && be?.(c, we, ke.current) !== !1)) {
+      if (vt.current) {
+        const De = { rowStart: Math.min(we.rowIndex, vt.current.rowIndex), colStart: Math.min(we.colIndex, vt.current.colIndex), rowEnd: Math.max(we.rowIndex, vt.current.rowIndex), colEnd: Math.max(we.colIndex, vt.current.colIndex) }, de = { rowIndex: De.rowStart, colIndex: De.colStart }, ie = { rowIndex: De.rowEnd, colIndex: De.colEnd };
+        if (dt(de) || dt(ie)) return;
+        const _t = Ie(de, ie);
+        Vt.current = _t, qt(_t);
+      } else rt(we, V, he);
+      b && lo(re, we, e);
+    }
+  }, onPointerUp: (c) => {
+    nt.current = null, c.stopPropagation(), c.preventDefault(), c.stopImmediatePropagation();
+    try {
+      l?.(ke.current, c);
+    } catch (w) {
+      console.warn(w);
+    }
+    if (!vt.current) return;
+    const h = Vt.current;
+    vt.current = null, Vt.current = null, qt(null), Be((w) => {
+      if (Qe.current = !1, (w = Yt(w)).ranges.length === 0) return w;
+      let p = [], y = -1, V = w.cell;
+      for (let he = 0; he < w.ranges.length; he++) {
+        const ne = w.ranges[he];
+        if (Z.isRangesIntersect(ne, h)) {
+          const re = Ct.subtractRect({ top: ne.rowStart, left: ne.colStart, bottom: ne.rowEnd + 1, right: ne.colEnd + 1 }, { top: h.rowStart, left: h.colStart, bottom: h.rowEnd + 1, right: h.colEnd + 1 });
+          for (let we = 0; we < re.length; we++) {
+            const De = { rowStart: re[we].top, colStart: re[we].left, rowEnd: re[we].bottom - 1, colEnd: re[we].right - 1 };
+            p.push(De), Z.isCellWithinRange(w.cell, De) && (y = p.length - 1);
+          }
+        } else p.push(ne);
+        p.length > 0 && y === -1 && Z.isCellWithinRange(w.cell, ne) && (y = p.length - 1, V = { rowIndex: p[p.length - 1].rowStart, colIndex: p[p.length - 1].colStart });
+      }
+      const b = { cell: V, rangeIndex: y, ranges: p };
+      return Z.isEqualSelectionCoords(b, w) ? w : b;
+    });
+  } }), [z, s, d, le, a]), ft = T((c, h = !1, w = !1, p = 0) => {
+    if (!e.current || !z.cell) return;
+    let y = z.cell, V = z.cell;
+    if (h && z.ranges.length > 0) {
+      const B = z.ranges[z.rangeIndex], Pe = z.cell;
+      switch (c) {
+        case it:
+          V = { rowIndex: Pe.rowIndex === B.rowStart ? B.rowEnd : B.rowStart, colIndex: B.colEnd }, y = { rowIndex: Pe.rowIndex === B.rowStart ? B.rowStart : B.rowEnd, colIndex: B.colStart };
+          break;
+        case lt:
+          V = { rowIndex: Pe.rowIndex === B.rowEnd ? B.rowStart : B.rowEnd, colIndex: B.colEnd }, y = { rowIndex: Pe.rowIndex === B.rowEnd ? B.rowEnd : B.rowStart, colIndex: B.colStart };
+          break;
+        case ot:
+          V = { rowIndex: B.rowEnd, colIndex: Pe.colIndex === B.colStart ? B.colEnd : B.colStart }, y = { rowIndex: B.rowStart, colIndex: Pe.colIndex === B.colStart ? B.colStart : B.colEnd };
+          break;
+        case Ke:
+          V = { rowIndex: B.rowEnd, colIndex: Pe.colIndex === B.colEnd ? B.colStart : B.colEnd }, y = { rowIndex: B.rowStart, colIndex: Pe.colIndex === B.colEnd ? B.colEnd : B.colStart };
+      }
+    }
+    const b = A(V);
+    let { rowStart: he, colStart: ne } = b;
+    const re = _e();
+    if (Q.current) switch (c) {
+      case it:
+      case lt:
+        Q.current.colIndex >= b.colStart && Q.current.colIndex <= b.colEnd && (ne = Q.current.colIndex);
+        break;
+      case ot:
+      case Ke:
+        Q.current.rowIndex >= b.rowStart && Q.current.rowIndex <= b.rowEnd && (he = Q.current.rowIndex);
+    }
+    if (!p) {
+      switch (c) {
+        case it:
+          he = Ye(pt, Math.max(b.rowStart - 1, re.top), c);
+          break;
+        case lt:
+          he = Ye(pt, Math.min(b.rowEnd + 1, re.bottom), c);
+          break;
+        case ot:
+          ne = Ye(gt, Math.max(b.colStart - 1, re.left), c);
+          break;
+        case Ke:
+          ne = Ye(gt, Math.min(b.colEnd + 1, re.right), c);
+      }
+      if (w) switch (c) {
+        case it:
+          he = _({ ...V, colIndex: z.cell.colIndex }, te, pt, c, !1, Math.max(re.top, pt(re.top, !1)));
+          break;
+        case lt:
+          he = _({ ...V, colIndex: z.cell.colIndex }, te, pt, c, !1, Math.min(re.bottom, re.bottom - pt(re.bottom, !0)));
+          break;
+        case ot:
+          ne = _({ ...V, rowIndex: z.cell.rowIndex }, te, gt, c, !1, Math.max(re.left, gt(re.left, !1)));
+          break;
+        case Ke:
+          ne = _({ ...V, rowIndex: z.cell.rowIndex }, te, gt, c, !1, Math.min(re.right, re.right - gt(re.right, !0)));
+      }
+    }
+    let we = null;
+    if (p) {
+      let B = 0;
+      switch (c) {
+        case it:
+          B = n.getRowOffset(he + 1), he = Math.max(re.top, n.getRowIndex(B - p)), we = { top: n.getRowOffset(he + 1) - (B - e.current.getScrollPosition().top) };
+          break;
+        case lt:
+          B = n.getRowOffset(he), he = Math.min(re.bottom, n.getRowIndex(B + p)), we = { top: n.getRowOffset(he) - (B - e.current.getScrollPosition().top) };
+          break;
+        case ot:
+          B = n.getColOffset(ne + 1), ne = Math.max(re.left, n.getColIndex(B - p)), we = { left: n.getColOffset(ne + 1) - (B - e.current.getScrollPosition().left) };
+          break;
+        case Ke:
+          B = n.getColOffset(ne), ne = Math.min(re.right, n.getColIndex(B + p)), we = { left: n.getColOffset(ne) - (B - e.current.getScrollPosition().left) };
+      }
+    }
+    const De = { rowIndex: he, colIndex: ne }, de = A(De), ie = { rowIndex: de.rowStart, colIndex: de.colStart };
+    h || (Q.current = De);
+    const _t = Z.isEqualCells(Ne.current, ie) && Z.isEqualCells(Ne.current, y);
+    if (h && !_t ? rt(ie, y) : tt(ie), we) e.current.scrollTo(we);
+    else {
+      if (h && Ne.current) {
+        const B = _e();
+        if (c === Ke && Ne.current.colIndex === B.left || c === ot && Ne.current.colIndex === B.right || c === it && Ne.current.rowIndex === B.bottom || c === lt && Ne.current.rowIndex === B.top) return;
+      }
+      c === ot || c === Ke ? qe({ colIndex: De.colIndex }) : c !== it && c !== lt || qe({ rowIndex: De.rowIndex });
+    }
+  }, [z, A]), ln = T((c) => {
+    if (!e.current) return;
+    if (z.ranges.length === 0) return void ft(c);
+    const h = A(z.cell);
+    if (Z.isEqualRangesArrays([h], z.ranges)) return void ft(c);
+    const w = Xo(z, c, A, pt, gt);
+    Be((p) => {
+      Qe.current = !1, p = Yt(p);
+      const y = { ...p, cell: w.cell, rangeIndex: w.rangeIndex };
+      return Z.isEqualSelectionCoords(y, p) ? p : y;
+    }), w.cell && qe(w.cell);
+  }, [z, A]), vo = O(() => {
+    const c = _e();
+    rt({ rowIndex: c.top }, { rowIndex: c.bottom });
+  }, []), yo = O(() => {
+    const c = _e();
+    rt({ colIndex: c.left }, { colIndex: c.right });
+  }, []), xn = T(() => {
+    z.cell && e?.current && qe(z.cell);
+  }, [z.cell]), Kn = O((c = !1) => {
+    const h = { rowIndex: _e().top };
+    c ? rt(h) : tt(h), qe(h);
+  }, []), Yn = O((c = !1) => {
+    const h = { rowIndex: _e().bottom };
+    c ? rt(h) : tt(h), qe(h);
+  }, []), Dn = O((c = !1) => {
+    const h = { colIndex: _e().left };
+    c ? rt(h) : tt(h), qe(h);
+  }, []), Mn = O((c = !1) => {
+    const h = _e(), w = { rowIndex: h.top, colIndex: h.left };
+    c ? rt(w) : tt(w), qe(w);
+  }, []), zn = O((c = !1) => {
+    const h = _e(), w = { colIndex: L?.()?.colEnd ?? h.right };
+    c ? rt(w) : tt(w), qe(w);
+  }, [L]), vn = O((c = !1) => {
+    const h = _e(), w = { rowIndex: L?.()?.rowEnd ?? h.bottom, colIndex: L?.()?.colEnd ?? h.right };
+    c ? rt(w) : tt(w), qe(w);
+  }, [L]), An = T((c) => {
+    if (!e.current || z.ranges.length <= 1) return;
+    const h = c === ot || c === it;
+    let w = z.rangeIndex + (h ? -1 : 1);
+    w < 0 ? w = z.ranges.length - 1 : w > z.ranges.length - 1 && (w = 0);
+    const p = z.ranges[w], y = Xo({ cell: { rowIndex: p.rowEnd, colIndex: p.colEnd }, rangeIndex: 0, ranges: [p] }, Ke, A, pt, gt);
+    Be((V) => {
+      Qe.current = !1, V = Yt(V);
+      const b = { ...V, cell: y.cell, rangeIndex: w };
+      return Z.isEqualSelectionCoords(b, V) ? V : b;
+    }), y.cell && qe(y.cell);
+  }, [z, A]), bo = T(() => {
+    const c = Ar(z);
+    Be((h) => {
+      Qe.current = !1, h = Yt(h);
+      const w = { ...h, visibleSelection: c };
+      return Z.isEqualSelectionCoords(w, h) ? h : w;
+    }), c.cell && qe(c.cell);
+  }, [z, A]), So = T(() => {
+    if (!e.current || z.ranges.length === 0) return;
+    const c = z.cell, h = z.ranges[z.rangeIndex], w = Ar({ cell: c, rangeIndex: 0, ranges: [h] }), p = w.ranges[w.rangeIndex];
+    let y;
+    y = p.rowStart === c.rowIndex && p.colStart === c.colIndex ? { rowIndex: p.rowStart, colIndex: p.colEnd } : p.rowStart === c.rowIndex && p.colEnd === c.colIndex ? { rowIndex: p.rowEnd, colIndex: p.colStart } : p.rowEnd === c.rowIndex && p.colStart === c.colIndex ? { rowIndex: p.rowEnd, colIndex: p.colEnd } : { rowIndex: p.rowStart, colIndex: p.colStart }, Be((V) => {
+      V = Yt(V);
+      const b = { ...V, cell: y };
+      return Z.isEqualSelectionCoords(b, V) ? V : b;
+    }), y && qe(y);
+  }, [z, A]), Xn = O((c = !1) => {
+    ft(lt, c, !1, e.current.getDimensions().containerHeight);
+  }, []), Qt = O((c = !1) => {
+    ft(it, c, !1, e.current.getDimensions().containerHeight);
+  }, []), Gn = O((c = !1) => {
+    ft(Ke, c, !1, e.current.getDimensions().containerWidth);
+  }, []), $n = O((c = !1) => {
+    ft(ot, c, !1, e.current.getDimensions().containerWidth);
+  }, []), Zn = O(() => {
+    ln(ot);
+  }, []), Jn = O(() => {
+    ln(Ke);
+  }, []), Eo = O(() => {
+    ln(it);
+  }, []), _o = O(() => {
+    ln(lt);
+  }, []), Bn = O(() => {
+    An(ot);
+  }, []), Io = O(() => {
+    An(Ke);
+  }, []), Co = O(() => {
+    So();
+  }, []), Qn = O(() => {
+    ft(ot, !1, !1);
+  }, []), v = O(() => {
+    ft(ot, !0, !1);
+  }, []), P = O(() => {
+    ft(ot, !1, !0);
+  }, []), D = O(() => {
+    ft(ot, !0, !0);
+  }, []), F = O(() => {
+    ft(Ke, !1, !1);
+  }, []), j = O(() => {
+    ft(Ke, !0, !1);
+  }, []), fe = O(() => {
+    ft(Ke, !1, !0);
+  }, []), se = O(() => {
+    ft(Ke, !0, !0);
+  }, []), ve = O(() => {
+    ft(it, !1, !1);
+  }, []), ye = O(() => {
+    ft(it, !0, !1);
+  }, []), ce = O(() => {
+    ft(it, !1, !0);
+  }, []), Ve = O(() => {
+    ft(it, !0, !0);
+  }, []), ut = O(() => {
+    ft(lt, !1, !1);
+  }, []), Fe = O(() => {
+    ft(lt, !0, !1);
+  }, []), je = O(() => {
+    ft(lt, !1, !0);
+  }, []), mt = O(() => {
+    ft(lt, !0, !0);
+  }, []), Ge = O(() => {
+    Xe((c) => c.slice(0, -1));
+  }, []), Pt = Ee(() => {
+    const c = _e();
+    return ((h, w, p, y, V) => {
+      for (let b = 0; b < h.length; b++) {
+        const he = h[b];
+        if (he.rowStart === w && he.colStart === p && he.rowEnd === y && he.colEnd === V) return !0;
+      }
+      return !1;
+    })(z.ranges, c.top, c.left, c.bottom, c.right);
+  }, [$, z.ranges]), yt = O((c, h = !0) => {
+    Ne.current = c, wt(c), h && c && e?.current && qe(c);
+  }, []), ge = T((c = !0) => {
+    const h = on.current;
+    if (!ke.current?.cell) return;
+    const w = ke.current?.ranges, p = ke.current?.cell;
+    if (!p || !h || !h) return;
+    let y = null;
+    if (y = w.length > 0 ? w[w.length - 1] : A(p), y.colEnd >= y.colStart && y.rowEnd >= y.rowStart) {
+      const V = $r(y, h);
+      let b = c ? S : ue;
+      try {
+        b?.(y, h, V.direction);
+      } catch (he) {
+        console.warn(he);
+      } finally {
+        c && pe?.();
+      }
+    }
+  }, [A]), xt = J(null), At = On(Ee(() => ({ onPointerDown: (c, h) => {
+    if (kt.current = h, !e || !e.current) return !1;
+    const w = e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), p = w?.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
+    p && (c.stopPropagation(), Jt("crosshair"), xt.current = { anchor: w.getAnchor(), coords: p });
+  }, onPointerMoveOrWait: (c, h) => {
+    if (E || !e?.current || !ke.current || !xt.current) return;
+    const w = xt.current.anchor;
+    let p = e.current.getViewFromLocation(w), y = p.getCellCoordsFromClient(c.clientX, c.clientY);
+    if (!y) return;
+    xt.current = { anchor: w, coords: y };
+    const V = ke.current.ranges;
+    let b = Ie(ke.current.cell, y);
+    if (!b) return;
+    const he = V.length > 0, ne = he ? V[V.length - 1] : A(ke.current.cell);
+    if (!b) return;
+    const re = b.rowStart < ne.rowStart ? it : b.rowEnd > ne.rowEnd ? lt : b.colEnd > ne.colEnd ? Ke : ot, we = _e();
+    re === ot && (b = { ...ne, colStart: Math.max(we.left, b.colStart) }), re === it && (b = { ...ne, rowStart: Math.max(we.top, b.rowStart) }), re === Ke && (b = { ...ne, colEnd: Math.min(we.right, b.colEnd) }), re === lt && (b = { ...ne, rowEnd: Math.min(we.bottom, b.rowEnd) });
+    const De = $r(ne, b);
+    if (!H?.(ne)) {
+      let de;
+      typeof et.current == "function" ? de = et.current(ne) : U && (de = U), b = ((ie, _t, B, Pe, Rt, Te) => {
+        const Me = { ..._t };
+        if (B.length === 0) return Me;
+        if (Rt === ot) {
+          const St = ie.colEnd + 1 - ie.colStart;
+          Me.colStart = ie.colStart - Math.ceil(Te / St) * St, Me.colStart < Pe.left && (Me.colStart = Me.colStart + Math.ceil((Pe.left - Me.colStart) / St) * St);
+        } else if (Rt === Ke) {
+          const St = ie.colEnd + 1 - ie.colStart;
+          Me.colEnd = ie.colEnd + Math.ceil(Te / St) * St, Me.colEnd > Pe.right && (Me.colEnd = Me.colEnd - Math.ceil((Pe.right - Me.colEnd) / St) * St);
+        } else if (Rt === it) {
+          const St = ie.rowEnd + 1 - ie.rowStart;
+          Me.rowStart = ie.rowStart - Math.ceil(Te / St) * St, Me.rowStart < Pe.top && (Me.rowStart = Me.rowStart + Math.ceil((Pe.top - Me.rowStart) / St) * St);
+        } else if (Rt === lt) {
+          const St = ie.rowEnd + 1 - ie.rowStart;
+          Me.rowEnd = ie.rowEnd + Math.ceil(Te / St) * St, Me.rowEnd > Pe.bottom && (Me.rowEnd = Me.rowEnd - Math.ceil((Pe.bottom - Me.rowEnd) / St) * St);
+        }
+        return Me;
+      })(ne, b, de, we, De.direction, De.amount);
+    }
+    if (he && Z.isRangeWithinRange(b, ne) && (b = null), !Z.isEqualRanges(b, on.current)) {
+      if (dn(b), on.current = b, !b) {
+        try {
+          K?.();
+        } catch {
+        }
+        return void pe?.();
+      }
+      ge(!1);
+    }
+    kt.current = h, lo(p, y, e);
+  }, onPointerUp: (c, h) => {
+    kt.current = h, Promise.resolve(ge(!0)).finally(() => {
+      pe?.(), dn(null), on.current = null, xt.current = null, Jt(null), e.current?.focus();
+    });
+  } }), [A])), Wt = Ee(() => ({ onPointerDown: At }), [At]), [Ce, Ze] = Je(null), $e = J(null), ct = Ee(() => ({ onPointerDown: (c, h) => {
+    if (kt.current = h, !e || !e.current) return !1;
+    const w = e.current.getViewFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY), p = w?.getCellCoordsFromClient(c.nativeEvent.clientX, c.nativeEvent.clientY);
+    if (!p) return;
+    if (oe?.(c, p, z) === !1) return !1;
+    c.stopPropagation(), Jt("default");
+    const y = w.getRelativePointFromClient(0, 0), V = ke.current?.ranges[ke.current?.ranges.length - 1] ?? Z.cellToRange(ke.current?.cell), b = w.toClipBounds(w.getRangeCoordsBounds(V)), he = { x: 0, y: 0 };
+    b.x - y.x > c.nativeEvent.clientX ? he.x = c.nativeEvent.clientX - (b.x - y.x) : c.nativeEvent.clientX >= b.x - y.x + b.width && (he.x = Math.max(0, c.nativeEvent.clientX - (b.x - y.x + b.width)) + 1), b.y - y.y > c.nativeEvent.clientY ? he.y = c.nativeEvent.clientY - (b.y - y.y) : c.nativeEvent.clientY >= b.y - y.y + b.height && (he.y = Math.max(0, c.nativeEvent.clientY - (b.y - y.y + b.height)) + 1), X?.(V, c.nativeEvent, h), $e.current = { range: V, anchor: w.getAnchor(), cell: p, isMoving: !1, extrusion: he };
+  }, onPointerMoveOrWait: (c, h, w) => {
+    if (W || !e?.current || !ke.current || !$e.current) return;
+    const p = c.clientX - w.clientX, y = c.clientY - w.clientY;
+    if ($e.current.isMoving = $e.current.isMoving || Math.abs(p) > Math.max(1, 2) || Math.abs(y) > Math.max(1, 2) || performance.now() - w.timeStamp > 500, !$e.current.isMoving) return;
+    const V = $e.current.anchor, b = $e.current.extrusion;
+    let he = e.current.getViewFromLocation(V), ne = he.getCellCoordsFromClient(c.clientX - b.x, c.clientY - b.y, !0);
+    if (!ne) return;
+    const re = $e.current.cell, we = $e.current.range, De = _e(), de = we.colEnd - we.colStart + 1, ie = Math.min(Math.max(0, re.colIndex - we.colStart), de - 1), _t = Math.min(De.right - de + 1, Math.max(De.left, ne.colIndex - ie)), B = we.rowEnd - we.rowStart + 1, Pe = Math.min(Math.max(0, re.rowIndex - we.rowStart), B - 1), Rt = Math.min(De.bottom - B + 1, Math.max(De.top, ne.rowIndex - Pe)), Te = { colStart: _t, colEnd: _t + de - 1, rowStart: Rt, rowEnd: Rt + B - 1 };
+    Z.isEqualRanges(Ce, Te) && !((Me) => !Me || !kt.current || kt.current.ctrlKey !== Me.ctrlKey || kt.current.shiftKey !== Me.shiftKey || kt.current.altKey !== Me.altKey || kt.current.metaKey !== Me.metaKey)(c) || (Ze(Te), k?.(Te, c, h)), kt.current = h, lo(he, ne, e);
+  }, onPointerUp: (c, h) => {
+    kt.current = h;
+    const w = () => {
+      Ze(null), $e.current = null, Jt(null), e.current?.focus();
+    };
+    if (!$e.current) return void w();
+    const p = $e.current.range, y = Ce;
+    u?.(p, c, h), Promise.resolve(p && y && C?.(p, y, c, h)).finally(() => {
+      w();
+    });
+  } }), [Ce]), Oe = On(ct), Et = Ee(() => ({ onPointerDown: Oe }), [Oe]), bt = J(null), $t = Ee(() => {
+    const c = Z.isEqualSelectionCoords(z, bt.current) ? bt.current : z;
+    return bt.current = c, c;
+  }, [z]), Kt = O((c) => {
+    let h = null, w = "br";
+    const p = [], y = { stroke: I, fill: xe, strokeWidth: 0.5 }, V = (de, ie, _t) => {
+      const B = c.toClipBounds(c.getRangeCoordsBounds(de), tn);
+      if (!B) return;
+      B.x = B.width > 0 ? B.x : B.x - y.strokeWidth / 2, B.y = B.height > 0 ? B.y : B.y - y.strokeWidth / 2, B.width = Math.max(B.width, y.strokeWidth), B.height = Math.max(B.height, y.strokeWidth);
+      const Pe = { key: `selection-fill-${ie}`, range: de, ...B, ...y };
+      if (_t) {
+        const Rt = c.getCellCoordsAsRangeCoords(_t);
+        Pe.cell = _t, Pe.pathBounds = c.toClipBounds(c.getRangeCoordsBounds(Rt), tn), Pe.pathBounds && (Pe.pathBounds.width <= 0 || Pe.pathBounds.height <= 0) && (delete Pe.pathBounds, delete Pe.cell);
+      }
+      return Re(Pe);
+    };
+    let b = z ? Yt(z) : null;
+    const he = b?.cell ? c.getCellCoordsAsRangeCoords(b?.cell) : Ql;
+    !b || b.ranges && b.ranges.length !== 0 || (b = { ranges: [he], rangeIndex: 0, cell: b.cell });
+    for (let de = 0; b && de < b.ranges.length; de++) {
+      const ie = b.ranges[de], _t = V(ie, de, de === b.rangeIndex ? b.cell : null);
+      _t && p.push(_t);
+      const B = 2, Pe = 0.5, Rt = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: 0, left: 0, right: 0, bottom: 0 }), tn);
+      if (Rt) {
+        const Te = (b.ranges.length, 4);
+        p.push(Re({ range: ie, key: `selection-inside-edge-${de}`, x: Rt.x - 1, y: Rt.y - 1, width: Math.max(Rt.width + 1, 0), height: Math.max(Rt.height + 1, 0), style: { overflow: "hidden" }, stroke: I, strokeWidth: Te }));
+      }
+      if (b.ranges.length === 1) {
+        const Te = c.toClipBounds(c.getRangeCoordsBounds(ie), tn);
+        if (Te) {
+          W || p.push(Re({ range: ie, key: `move-selection-hit-box-${de}`, x: Te.width > 1 ? Te.x : Te.x - (q / 2 + 1), y: Te.height > 1 ? Te.y : Te.y - (q / 2 + 1), width: Math.max(Te.width + 2, 1), height: Math.max(Te.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: Ce ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: q, ...Et }));
+          const Me = B;
+          p.push(Re({ range: ie, key: `selection-single-${de}`, x: Te.x - Me / 2, y: Te.y - Me / 2, width: Math.max(Te.width + Me / 2, 1), height: Math.max(Te.height + Me / 2, 1), stroke: G, strokeWidth: Me }));
+        }
+      } else {
+        const Te = c.toClipBounds(c.getRangeCoordsBounds(ie, { top: -1, left: -1, right: -2, bottom: -2 }), tn);
+        Te && p.push(Re({ range: ie, key: `selection-multi-${de}`, x: Te.width > 1 ? Te.x : Te.x - Pe / 2, y: Te.height > 1 ? Te.y : Te.y - Pe / 2, width: Math.max(Te.width, Pe) + 1, height: Math.max(Te.height, Pe) + 1, stroke: G, style: { overflow: "hidden" }, strokeWidth: 2 }));
+      }
+      if (b.ranges.length > 1 && de === b.rangeIndex) {
+        const Te = c.getCellCoordsAsRangeCoords(b.cell), Me = c.toClipBounds(c.getRangeCoordsBounds(Te, { top: 1, left: 1, right: -1, bottom: -1 }), tn);
+        Me && p.push(Re({ range: ie, key: `selection-anchor-${de}`, x: Me.x, y: Me.y, width: Math.max(Me.width, Pe), height: Math.max(Me.height, Pe), stroke: G, style: { overflow: "hidden" }, strokeWidth: 2 }));
+      }
+      if (de === b.ranges.length - 1) {
+        h = null, w = null;
+        const Te = ie.rowStart === _e().top && ie.rowEnd === _e().bottom, Me = ie.colStart === _e().left && ie.colEnd === _e().right, St = c.getRangeCoordsBounds(ie);
+        let en = null;
+        if (Te || Me) {
+          if (en = c.toClipBounds(St, tn), Object.keys(c.allViews()).length > 1) {
+            const eo = c.getVisibleRangeCoords(), nr = c.allViews()[uo], ki = c.allViews()[Hn], Pi = c.allViews()[Nn], to = c.getAnchor();
+            (Me && (to === Hn && nr || to === Xt && Pi || !Z.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd }, eo) && !Z.isCellWithinRange({ colIndex: ie.colStart, rowIndex: ie.rowEnd + 1 }, eo)) || Te && (to === Nn && nr || to === Xt && ki || !Z.isCellWithinRange({ colIndex: ie.colEnd, rowIndex: ie.rowStart }, eo) && !Z.isCellWithinRange({ colIndex: ie.colEnd + 1, rowIndex: ie.rowStart }, eo))) && (en = null);
+          }
+        } else en = c.toClipBounds(St, tn);
+        if (!en || en.width === 0 || en.height === 0) continue;
+        h = { x: en.x + en.width + 1, y: en.y + en.height + 1 }, en.width === 0 || en.height === 0 || ie.rowStart === _e().top && ie.colStart === _e().left && ie.rowEnd === _e().bottom && ie.colEnd === _e().right || (Te ? (h.y = B, w = "tr") : Me && (h.x = B, w = "bl"));
+      }
+    }
+    let ne = null;
+    if (ze) {
+      const de = c.toClipBounds(c.getRangeCoordsBounds(ze, { top: 0, left: 0, right: 0, bottom: 0 }), tn);
+      de && (ne = Re({ ...y, range: ze, key: "remove-selection", x: de.x, y: de.y, width: de.width, height: de.height, strokeWidth: 2, stroke: He, fill: Ue }));
+    }
+    let re = null;
+    if (jt) {
+      const de = c.toClipBounds(c.getRangeCoordsBounds(jt, { top: 0, left: 0, right: 0, bottom: 0 }), tn);
+      de && (re = Re({ range: jt, key: "selection-fill-outline", x: de.x - 2 / 2, y: de.y - 2 / 2, width: de.width + 2 / 2, height: de.height + 2 / 2, strokeWidth: 2, stroke: G, strokeDasharray: "3 2" }));
+    }
+    let we = null;
+    !E && h && !Ce && (we = Jo(Si, { ...h, corner: w, size: 7.5, borderStroke: `${I} solid`, style: { borderRadius: 1 }, background: G, ...Wt, key: "fillHandle" }));
+    const De = [...p];
+    if (ne && De.push(ne), re && De.push(re), we && De.push(we), !We && Mt && b?.ranges.length === 1 && b.ranges[b.ranges.length - 1]) {
+      const de = b.ranges[b.ranges.length - 1], ie = de.rowStart === _e().top && de.rowEnd === _e().bottom, _t = de.colStart === _e().left && de.colEnd === _e().right, B = { view: c, range: de, borderStroke: `${G} solid`, background: I, selectionTouchPointerHandler: xo, ...ht, onTouchSelectStart: (Pe) => un(Pe), onTouchSelectEnd: () => un(null), currentTouchAnchor: Cn };
+      De.push(Y(Go, { anchor: _t ? "b" : ie ? "r" : "br", scrollableElement: e.current, ...B }, "touch-select-handle-after")), De.push(Y(Go, { anchor: _t ? "t" : ie ? "l" : "tl", scrollableElement: e.current, ...B }, "touch-select-handle-before"));
+    }
+    if (Ce) {
+      const de = c.toClipBounds(c.getRangeCoordsBounds(Ce, { top: 1, left: 1, right: 1, bottom: 1 }), tn);
+      de && De.push(Re({ range: Ce, key: "selection-move-outline", x: de.x - N / 2, y: de.y - N / 2, width: Math.max(de.width + N / 2, 1), height: Math.max(de.height + N / 2, 1), stroke: G, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: N }));
+    }
+    return Y("div", { children: De }, "selection");
+  }, [$t, ze, E, jt, W, Ce, _e, I, G, xe, He, Ue, We, ht, Cn]), Ot = Ee(() => {
+    const c = () => e.current;
+    return [new Se("moveToPageDown", c, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => Xn(!1)), new Se("selectToPageDown", c, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [It] }] }, () => Xn(!0)), new Se("moveToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [yn] }] }, () => Gn(!1)), new Se("selectToPageRight", c, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [yn, It] }] }, () => Gn(!0)), new Se("moveToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => Qt(!1)), new Se("selectToPageUp", c, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [It] }] }, () => Qt(!0)), new Se("moveToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [yn] }] }, () => $n(!1)), new Se("selectToPageLeft", c, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [yn, It] }] }, () => $n(!0)), new Se("selectColumn", c, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [Lt] } }, vo), new Se("selectRow", c, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [It] } }, yo), new Se("selectToColumnStart", c, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => Kn(!0)), new Se("selectToColumnEnd", c, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => Yn(!0)), new Se("moveToRowStart", c, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => Dn(!1)), new Se("selectToRowStart", c, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [It] }] }, () => Dn(!0)), new Se("moveToSheetStart", c, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [Lt] }] }, () => Mn(!1)), new Se("selectToSheetStart", c, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [Lt, It] }] }, () => Mn(!0)), new Se("moveToRowEnd", c, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => zn(!1)), new Se("selectToRowEnd", c, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [It] }] }, () => zn(!0)), new Se("moveToSheetEnd", c, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [Lt] }] }, () => vn(!1)), new Se("selectToSheetEnd", c, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [Lt, It] }] }, () => vn(!0)), new Se("scrollToActiveCoords", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [Lt] } }, xn), new Se("scrollToActiveCoordsClearSelection", c, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [It] } }, () => {
+      rn(), yt(z.cell, !0);
+    }), new Se("traverseSelectionRight", c, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, Jn), new Se("traverseSelectionLeft", c, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [It] } }, Zn), new Se("traverseSelectionDown", c, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, _o), new Se("traverseSelectionUp", c, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [It] }, { key: "NumpadEnter", modifiers: [It] }] }, Eo), new Se("moveLeft", c, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, Qn), new Se("selectLeft", c, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [It] }] }, v), new Se("moveContentfulLeft", c, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [Lt] }] }, P), new Se("selectContentfulLeft", c, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [Lt, It] }] }, D), new Se("moveRight", c, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, F), new Se("selectRight", c, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [It] }] }, j), new Se("moveContentfulRight", c, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [Lt] }] }, fe), new Se("selectContentfulRight", c, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [Lt, It] }] }, se), new Se("moveUp", c, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, ve), new Se("selectUp", c, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [It] }] }, ye), new Se("moveContentfulUp", c, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [Lt] }] }, ce), new Se("selectContentfulUp", c, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [Lt, It] }] }, Ve), new Se("moveDown", c, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, ut), new Se("selectDown", c, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [It] }] }, Fe), new Se("moveContentfulDown", c, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [Lt] }] }, je), new Se("selectContentfulDown", c, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [Lt, It] }] }, mt), new Se("selectVisible", c, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [yn] } }, bo), new Se("traverseSelectionPreviousRange", c, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [Lt, yn] } }, Bn), new Se("traverseSelectionNextRange", c, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [Lt, yn] } }, Io), new Se("traverseSelectionCorners", c, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [Lt] } }, Co)];
+  }, []);
+  return Ee(() => {
+    t?.addCommands(Ot, !0);
+  }, [t]), { selection: $t, setSelectionCell: yt, setSelectionRanges: Xe, overlay: Kt, cursor: an, onPointerDown: mo, clearLastSelection: Ge, newSelection: tt, modifySelection: rt, appendSelection: Ae, clearSelections: rn, isEntire: Pt, navigate: ft, navigateSelection: ln };
+};
+function ao(e, t) {
+  if (!e) throw new Error("Invariant failed");
+}
+const Wr = { "sheetxl-grid": "_sheetxl-grid_11irg_13" }, ts = Object.freeze({ top: 0, left: 0 }), ns = Object.freeze({ bottom: -4, right: -4 }), os = Object.freeze({ horizontal: !0, vertical: !0 }), Hr = [uo, Hn, Nn, Xt], xs = 150, sn = 3e3, Fo = {}, Ci = Dt(Ut((e, t) => {
+  const { width: n, height: o, rowCount: r = 1, columnCount: i = 1, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d, layout: g, onViewportScroll: m, onImmediateScroll: f, showGridLines: x = !0, gridLineColor: E = "rgb(224, 224, 224)", gridLineRowsProps: I, gridLineColumnsProps: M, clipCells: ae = !0, cursor: R, freezeLeft: _ = 0, freezeTop: L = 0, freezeLeftProps: le, freezeTopProps: $, cellRenderer: oe, onViewportChange: be, onFirstRender: U, overlayRenderer: H, overlayProps: X, overlays: k, overlaysProps: u, allowOverlaysOverflow: C = !1, stageProps: ee, stageWrapper: W = null, hiddenRowsAt: A, hiddenColumnsAt: q, hiddenCellAt: N, getVisibleCells: xe, zoom: G = 1, enableMouseWheel: He = !0, onWheelScroll: Ue, getCellCoordsAsRangeCoords: We = Z.cellToRange, scrollPoint: ht = ts, style: _e = {}, ...S } = e;
+  ao(oe), ao(!e?.children);
+  const ue = T(f, [f]), K = T(be, [be]), pe = T(m, [m]), te = T(Ue, [Ue]), Re = T(U, [U]), at = J(null), pt = J(null), zt = J(null), [gt, Zt] = Qo((v) => v + 1, 0), [Be, z] = Je({ left: ht?.left ?? 0, top: ht?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), ke = J(null), Qe = J(Be), { top: Xe, left: wt, verticalScrollDirection: an, horizontalScrollDirection: Jt } = Be, jt = J(!1), dn = Fl({ rowCount: r, columnCount: i, defaultRowHeight: l, defaultColumnWidth: s, getRowHeight: a, getColumnWidth: d }), on = J(null), ze = Ee(() => {
+    const v = g || dn;
+    return on.current = null, { getColOffset: (P) => v.getColOffset(P) * G, getColIndex: (P) => v.getColIndex(P / G), getRowOffset: (P) => v.getRowOffset(P) * G, getRowIndex: (P) => v.getRowIndex(P / G) };
+  }, [dn, g, G]), qt = (v, P, D) => {
+    const F = (P?.left ?? 0) + 0, j = (P?.top ?? 0) + 0;
+    return { getColOffset: (fe) => v.getColOffset(fe) - F, getColIndex: (fe) => v.getColIndex(fe + F), getRowOffset: (fe) => v.getRowOffset(fe) - j, getRowIndex: (fe) => v.getRowIndex(fe + j) };
+  }, vt = O((v, P = !1) => go(v, P, ze.getRowOffset, P ? 0 : r), [r, ze?.getRowOffset]), Vt = T(A ?? vt, [A]), Cn = O((v, P = !1) => go(v, P, ze.getColOffset, P ? i : 0), [i, ze?.getColOffset]), un = T(q ?? Cn, [q]), Ne = Ee(() => Math.min(n ?? 800, ze.getColOffset(i)), [ze.getColOffset, i, n]), Q = Ee(() => Math.min(o ?? 600, ze.getRowOffset(r)), [ze.getRowOffset, r, o]), et = O((v) => {
+    Ct.canUseDOM && setTimeout(() => {
+      at.current?.focus({ preventScroll: !0, ...v });
+    }, 0);
+  }, []), qe = O((v) => at.current?.contains(v) || pt.current?.contains(v), []);
+  st(() => {
+    jt.current && (ke.current && ke.current.left !== Qe.current?.left && ke.current.top !== Qe.current?.top || (ke.current = null, pe?.({ left: wt, top: Xe })));
+  }, [wt, Xe]);
+  const dt = T(() => ({ top: Xe, left: wt }), [Xe, wt]), Ie = Ee(() => {
+    const v = [];
+    let P = 0, D = 0;
+    typeof L == "number" ? P = L : (P = L.index ?? 0, D = (L.scrollOffset ?? 0) * G);
+    const F = D, j = ze.getRowOffset(P), fe = j - F;
+    if (P > 0) {
+      const ut = qt(ze, { top: D + ze.getRowOffset(0) }), Fe = ze.getRowIndex(F), je = ze.getRowIndex(j - 1);
+      let mt;
+      v[1] = { minIndex: Fe, maxIndex: je, minCoord: 0, maxCoord: P - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => mt || (mt = Object.freeze(io(Vt, Fe, je)), mt), layout: ut, maxVirtualBounds: j, scrollOffset: D, freezeOffset: D };
+    }
+    const se = Math.max(0, Q - fe), ve = qt(ze, { top: Xe + fe }), ye = ve.getRowIndex(0), ce = ve.getRowIndex(se);
+    let Ve;
+    return v[0] = { minIndex: ye, maxIndex: ce, minCoord: P, maxCoord: r - 1, minBounds: fe, maxBounds: se, visibleIndices: () => Ve || (Ve = Object.freeze(io(Vt, ye, ce)), Ve), layout: ve, maxVirtualBounds: ze.getRowOffset(r), scrollOffset: Xe, freezeOffset: (P > 0 ? ze.getRowOffset(P) : 0) - D }, v;
+  }, [ze.getRowIndex, ze.getRowOffset, Vt, Q, r, L, Xe, G]), Le = Ee(() => {
+    const v = [];
+    let P = 0, D = 0;
+    typeof _ == "number" ? P = _ : (P = _.index ?? 0, D = (_.scrollOffset ?? 0) * G);
+    const F = D, j = ze.getColOffset(P), fe = j - F;
+    if (P > 0) {
+      const ut = qt(ze, { left: D + ze.getColOffset(0) }), Fe = ze.getColIndex(F), je = ze.getColIndex(j - 1);
+      let mt;
+      v[1] = { minIndex: Fe, maxIndex: je, minCoord: 0, maxCoord: P - 1, minBounds: 0, maxBounds: fe, visibleIndices: () => mt || (mt = Object.freeze(io(un, Fe, je)), mt), layout: ut, maxVirtualBounds: j, scrollOffset: D, freezeOffset: D };
+    }
+    const se = Math.max(0, Ne - fe), ve = qt(ze, { left: wt + fe }), ye = ve.getColIndex(0), ce = ve.getColIndex(se);
+    let Ve;
+    return v[0] = { minIndex: ye, maxIndex: ce, minCoord: P, maxCoord: i - 1, minBounds: fe, maxBounds: se, visibleIndices: () => Ve || (Ve = Object.freeze(io(un, ye, ce)), Ve), layout: ve, maxVirtualBounds: ze.getColOffset(i), scrollOffset: wt, freezeOffset: (P > 0 ? ze.getColOffset(P) : 0) - D }, v;
+  }, [ze.getColIndex, ze.getColOffset, un, Ne, i, _, wt, G]), rt = J({}), tt = J([]), Ae = Ee(() => {
+    let v = {};
+    const P = (F, j, fe, se, ve) => {
+      const ye = { vertical: se?.vertical || !1, horizontal: se?.horizontal || !1 };
+      if (F >= Le.length || j >= Ie.length) return null;
+      const ce = { rowStart: Ie[j].minIndex, colStart: Le[F].minIndex, rowEnd: Ie[j].maxIndex, colEnd: Le[F].maxIndex };
+      if (ce.rowStart > ce.rowEnd || ce.colStart > ce.colEnd) return null;
+      const Ve = { getColIndex: (Ce) => Le[F].layout.getColIndex(Ce), getColOffset: (Ce) => Le[F].layout.getColOffset(Ce), getRowIndex: (Ce) => Ie[j].layout.getRowIndex(Ce), getRowOffset: (Ce) => Ie[j].layout.getRowOffset(Ce) }, ut = Object.freeze({ left: ve?.left ?? 0, top: ve?.top ?? 0, right: ve?.right ?? 0, bottom: ve?.bottom ?? 0 }), Fe = Object.freeze({ x: Le[F].minBounds, y: Ie[j].minBounds, width: Le[F].maxBounds, height: Ie[j].maxBounds }), je = (Ce, Ze) => Fr(Ve, Ce ?? ce, Ze), mt = { width: Le[F].maxVirtualBounds, height: Ie[j].maxVirtualBounds }, Ge = { left: Le[F].scrollOffset, top: Ie[j].scrollOffset }, Pt = { left: Le[F].freezeOffset, top: Ie[j].freezeOffset }, yt = { width: Ne, height: Q };
+      let ge = null, xt = null;
+      const At = (Pt.top + (se.vertical ? Ge.top : 0)) / G, Wt = (Pt.left + (se.horizontal ? Ge.left : 0)) / G;
+      return { getStage: () => at.current ?? null, getVisibleRangeCoords: () => ce, toClipBounds: (Ce, Ze) => {
+        let $e, ct = 0;
+        return Ze === void 0 || typeof Ze == "number" ? ($e = je(ce), ct = Ze) : $e = Ze, ((Oe, Et, bt = 0) => {
+          if (Oe.x > Et.width || Oe.y > Et.height) return null;
+          const $t = { left: Oe.x, top: Oe.y, bottom: Oe.height + Oe.y, right: Oe.width + Oe.x }, Kt = { left: Et.x + bt, top: Et.y + bt, bottom: Et.height - 2 * bt + Et.y, right: Et.width - 2 * bt + Et.x }, Ot = { left: Math.max($t.left, Kt.left), top: Math.max($t.top, Kt.top), bottom: Math.min($t.bottom, Kt.bottom), right: Math.min($t.right, Kt.right) }, c = { x: Ot.left, y: Ot.top, width: Ot.right - Ot.left, height: Ot.bottom - Ot.top };
+          return c.height < 0 || c.width < 0 ? null : c;
+        })(Ce ?? { x: 0, y: 0, width: Fe.width, height: Fe.height }, $e, ct);
+      }, toViewBounds: (Ce) => Wt === 0 && At === 0 && G === 1 ? Ce : { x: (Ce.x - Wt) * G, y: (Ce.y - At) * G, width: Ce.width * G, height: Ce.height * G }, toAbsoluteBounds: (Ce) => Wt === 0 && At === 0 && G === 1 ? Ce : { x: Ce.x / G + Wt, y: Ce.y / G + At, width: Ce.width / G, height: Ce.height / G }, getRelativePointFromClient: (Ce, Ze) => {
+        const $e = hn(Ce, Ze);
+        return { x: $e.x - Fe.x, y: $e.y - Fe.y };
+      }, getLayout: () => Ve, getCellCoordsAsRangeCoords: We, getVisibleColumns: () => Le[F].visibleIndices(), getVisibleRows: () => Ie[j].visibleIndices(), getVisibleColumnOffsets: () => (ge || (ge = Br(Le[F].layout, !0, Le[F].visibleIndices(), ce.colStart, ce.colEnd)), ge), getVisibleRowOffsets: () => (xt || (xt = Br(Ie[j].layout, !1, Ie[j].visibleIndices(), ce.rowStart, ce.rowEnd)), xt), getTotalRangeCoords: () => ({ colStart: Le[F].minCoord, colEnd: Le[F].maxCoord, rowStart: Ie[j].minCoord, rowEnd: Ie[j].maxCoord }), getRangeCoordsBounds: je, scrollCellCoordsIntoView: (Ce, Ze) => Dn(Ce, Ze, fe), getCellCoordsFromClient: (Ce, Ze, $e = !1) => {
+        const ct = hn(Ce, Ze);
+        if (!ct) return null;
+        const Oe = Ve.getColIndex(ct.x - Fe.x), Et = { rowIndex: Ve.getRowIndex(ct.y - Fe.y), colIndex: Oe };
+        if ($e) return Et;
+        const bt = We(Et);
+        return { rowIndex: bt.rowStart, colIndex: bt.colStart };
+      }, getZoom: () => G, getAnchor: () => fe, getBounds: () => Fe, getInsets: () => ut, getTotalSize: () => mt, getViewportSize: () => yt, getScrollTopLeft: () => Ge, getFreezeTopLeft: () => Pt, getScrollOrientation: () => ye, allViews: () => v };
+    };
+    let D = v[Xt] = P(0, 0, Xt, os, ns);
+    return D && (v[Xt] = D), D = P(0, 1, Hn, { horizontal: !0 }), D && (v[Hn] = D), D = P(1, 0, Nn, { vertical: !0 }), D && (v[Nn] = D), D = P(1, 1, uo, {}), D && (v[uo] = D), rt.current = null, v = Object.freeze(v);
+  }, [Ie, Le, We]), rn = Object.keys(Ae), Mt = Le[0]?.maxVirtualBounds ?? 0, nt = Ie[0]?.maxVirtualBounds ?? 0, Tt = Ee(() => ({ left: Le[1] ? Le[1].layout.getColOffset(Le[1].maxIndex + 1) : 0, top: Ie[1] ? Ie[1].layout.getRowOffset(Ie[1].maxIndex + 1) : 0 }), [Ae]);
+  st(() => {
+    if (tt.current.length > 0) {
+      for (let v = 0; v < tt.current.length; v++) tt.current[v]();
+      tt.current = [];
+    }
+  }, [Ae]);
+  const kt = T(() => ({ containerWidth: Ne, containerHeight: Q, totalWidth: Mt, totalHeight: nt }), [Ne, Q, ze]);
+  st(() => {
+    !ke.current && jt.current && K({ top: Xe, left: wt, width: Ne, height: Q, totalWidth: Mt, totalHeight: nt });
+  }, [Xe, wt, Mt, nt]), st(() => {
+    jt.current && K({ top: Xe, left: wt, width: Ne, height: Q, totalWidth: Mt, totalHeight: nt });
+  }, [Ne, Q]);
+  const hn = O((v, P) => {
+    ao(typeof v == "number" && typeof P == "number");
+    const D = at.current?.getBoundingClientRect();
+    return D ? { x: v - D.x, y: P - D.y } : { x: v, y: P };
+  }, []), mo = T((v) => Ae[v] || null, [Ae]), xo = T((v, P) => {
+    if (Object.keys(Ae).length === 1) return Ae[Xt];
+    const D = hn(v, P);
+    if (!D) return null;
+    const { x: F, y: j } = D;
+    let fe = null;
+    const se = Hr;
+    for (let ve = 0; !fe && ve < se.length; ve++) {
+      const ye = Ae[se[ve]];
+      ye && Kl(F, j, ye.getBounds()) && (fe = ye);
+    }
+    return fe || (fe = Ae[Xt]), fe;
+  }, [Ae, We]), ft = T(() => Ae[Xt].getVisibleRangeCoords(), [Ae[Xt]]), ln = J(null), vo = O(() => {
+    ln.current !== null && Ct.cancelTimeout(ln.current), ln.current = Ct.requestTimeout(yo, 150);
+  }, []), yo = O(() => {
+    ln.current = null, z((v) => {
+      const P = { ...v, verticalScrollDirection: null, horizontalScrollDirection: null };
+      return Qe.current = P, P;
+    });
+  }, []), xn = T((v) => {
+    const P = v?.left ?? v?.[0], D = v?.top ?? v?.[1], F = P !== void 0 ? Math.min(Mt - Ne, Math.max(Le?.[1]?.scrollOffset ?? 0, P)) : Qe.current.left, j = D !== void 0 ? Math.min(nt - Q, Math.max(Ie?.[1]?.scrollOffset ?? 0, D)) : Qe.current.top;
+    if (Qe.current.left === F && Qe.current.top === j) return;
+    let fe = null, se = null;
+    Qe.current.left > F ? fe = ot : Qe.current.left < F && (fe = Ke), Qe.current.top > j ? se = it : Qe.current.top < j && (se = lt), Ct.throttle(() => {
+      z((ve) => {
+        const ye = { ...ve, left: F, top: j, horizontalScrollDirection: fe, verticalScrollDirection: se };
+        return Qe.current = ye, ye;
+      });
+    }, 17)(), ke.current?.top === j && ke.current?.left === F || (ke.current = { left: F, top: j }, ue({ left: F, top: j }), K({ left: F, top: j, width: Ne, height: Q, totalWidth: Mt, totalHeight: nt })), vo();
+  }, [Mt, nt, Ie, Le]);
+  st(() => {
+    ke.current || xn({ left: wt, top: Xe });
+  }, [Mt, Ne, nt, Q]), nn(() => {
+    ke.current = { left: ht?.left, top: ht?.top }, xn(ke.current);
+  }, [ht?.left, ht?.top]);
+  const Kn = T((v) => {
+    const P = v?.left ?? v?.[0], D = v?.top ?? v?.[1], F = v?.behavior ?? "auto", j = { left: Qe.current.left + (P ?? 0), top: Qe.current.top + (D ?? 0) };
+    F && (j.behavior = F), xn(j);
+  }, [Mt, Ne, nt, Q]), Yn = O((v) => {
+    let P = null;
+    if (Object.keys(Ae).length > 1) {
+      const D = Hr;
+      for (let F = 0; !P && F < D.length; F++) {
+        const j = Ae[D[F]];
+        j && Z.isCellWithinRange(v, j.getVisibleRangeCoords()) && (P = j);
+      }
+    }
+    return P || (P = Ae[Xt]), P;
+  }, [Ae]), Dn = T((v, P = { inline: "nearest", block: "nearest" }, D = null) => {
+    const F = { rowIndex: 0, colIndex: 0, ...v };
+    let j = null;
+    if (D !== null) {
+      if (j = Ae[D], j === null) return new Promise((yt, ge) => {
+        ge("Invalid view");
+      });
+    } else j = Yn(F);
+    const fe = We(F), se = j.getLayout(), ve = se.getColOffset(fe.colStart), ye = se.getRowOffset(fe.rowStart), ce = se.getColOffset(fe.colEnd + 1), Ve = se.getRowOffset(fe.rowEnd + 1), ut = j.getBounds(), Fe = j.getTotalSize(), je = j.getScrollTopLeft(), mt = ((yt, ge, xt = !0) => (xt = xt === !0 ? { block: "start", inline: "end" } : xt === !1 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...xt }, { left: zr(xt.inline, yt.x, yt.x + yt.width, ge.left, ge.left + ge.width, ge.totalWidth), top: zr(xt.block, yt.y, yt.y + yt.height, ge.top, ge.top + ge.height, ge.totalHeight) }))({ x: ve + je.left, y: ye + je.top, width: ce - ve, height: Ve - ye }, { left: je.left, top: je.top, width: ut.width, height: ut.height, totalWidth: Fe.width, totalHeight: Fe.height }, P), Ge = { ...mt };
+    Ge.left > wt ? Ge.left += 20 : Ge.left < wt && (Ge.left -= 0), Ge.top > Xe ? Ge.top += 20 : Ge.top < Xe && (Ge.top -= 0);
+    const Pt = j.getScrollOrientation();
+    return Pt.horizontal && v.colIndex !== void 0 || delete Ge.left, Pt.vertical && v.rowIndex !== void 0 || delete Ge.top, new Promise((yt, ge) => {
+      try {
+        xn(Ge), yt(Ge);
+      } catch (xt) {
+        ge(xt);
+      }
+    });
+  }, [Mt, nt, Ae, We]), Mn = T((v) => {
+    const P = v.shiftKey;
+    v.preventDefault();
+    const { deltaX: D, deltaY: F, deltaMode: j } = v;
+    if (zt.current || te?.(v) === !1) return;
+    let se = P ? F : D, ve = F;
+    const ye = P || Math.abs(se) > Math.abs(ve);
+    j === 1 && (ve *= 0), zt.current = window.requestAnimationFrame(() => {
+      zt.current = null, Kn(ye ? { left: se } : { top: ve });
+    });
+  }, [Mt, Ne, nt, Q, te]), zn = O((v = null) => {
+    on.current = null, rt.current = null, Zt();
+  }, []);
+  nn(() => {
+    zn();
+  }, [oe]);
+  const vn = wo(t, () => ({ stage: at.current, focus: et, contains: qe, invalidate: zn, scrollTo: xn, scrollBy: Kn, scrollCellCoordsIntoView: Dn, getScrollPosition: dt, getDimensions: kt, getViewport: ft, handleWheel: Mn, rowCount: r, columnCount: i, getLayout: () => ze, getRelativePointFromClient: hn, getViewFromClient: xo, getViewFromCellCoords: Yn, getViewFromLocation: mo, onViewChangeOnce: (v) => {
+    tt.current.push(v);
+  } }), [r, i, Ae]);
+  st(() => (He && vn.current?.addEventListener("wheel", Mn, { passive: !1 }), jt.current = !0, ke.current = null, () => {
+    vn.current?.removeEventListener("wheel", Mn);
+  }), [He]);
+  const An = J([]), bo = (v, P) => {
+    !v || !H || (An.current = [], P.push(((D, F) => {
+      const j = `view:${D.getAnchor()}:overlay:${P.length}`, fe = H?.({ key: j, view: D }, (ve) => An.current[F] = ve);
+      if (!fe) return null;
+      const se = D.getBounds();
+      return Y("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${se.width}px`, height: `${se.height}px`, overflow: "hidden" }, children: fe }, `overlay-${D.getAnchor()}-${F}`);
+    })(v, 0)));
+  }, So = Ee(() => {
+    const v = {}, P = Object.keys(Ae);
+    for (let D = 0; D < P.length; D++) {
+      const F = P[D], j = [];
+      bo(Ae[F], j), v[F] = { overlays: j };
+    }
+    return v;
+  }, [gt, H, r, i, Ie, Le]), Xn = (v, P, D, F, j, fe, se) => {
+    if (!v) return;
+    const ve = v.getVisibleColumns(), ye = v.getVisibleRows();
+    if (ve.length === 0 || ye.length === 0) return;
+    let ce = null;
+    if (xe) ce = xe(v);
+    else {
+      ce = [];
+      for (let Ze = 0; Ze < ye.length; Ze++) for (let $e = 0; $e < ve.length; $e++) {
+        const ct = { rowIndex: ye[Ze], colIndex: ve[$e] };
+        if (N?.(ct)) continue;
+        const Oe = { coords: ct, range: We(ct) };
+        ce.push(Oe);
+      }
+    }
+    const Ve = v.getVisibleColumnOffsets(), ut = v.getVisibleRowOffsets(), Fe = v.getScrollTopLeft(), je = v.getFreezeTopLeft(), mt = Fe.left + je.left, Ge = Fe.top + je.top, Pt = Math.trunc(mt / sn), yt = Math.trunc(Ge / sn), ge = {}, xt = (Ze, $e, ct, Oe, Et) => {
+      const bt = `view:${Ze.getAnchor()}:cell:${Dr($e.rowIndex, $e.colIndex)}`, $t = Oe.x, Kt = Oe.y, Ot = Math.trunc((mt + $t) / sn) - Pt, c = Math.trunc((Ge + Kt) / sn) - yt;
+      ge[c] || (ge[c] = {});
+      let h = ge[c][Ot];
+      h || (h = ge[c][Ot] = []);
+      let w = fe?.get(bt);
+      if (!w) {
+        const p = (mt + $t) % sn, y = (Ge + Kt) % sn;
+        w = oe({ key: bt, coords: $e, bounds: Oe, zoom: G, range: ct, view: Ze, value: Et, style: { left: me.boundPixel(p), top: me.boundPixel(y), width: me.boundPixel(Oe.width, !0), height: me.boundPixel(Oe.height, !0) } });
+      }
+      se?.set(bt, w), h.push(w);
+    };
+    for (let Ze = 0; ce && Ze < ce.length; Ze++) {
+      const $e = ce[Ze], ct = $e?.coords ?? $e;
+      if (!ct) continue;
+      const Oe = $e?.range ?? { rowStart: ct.rowIndex, colStart: ct.colIndex, rowEnd: ct.rowIndex, colEnd: ct.colIndex }, Et = v.getVisibleRangeCoords();
+      if (!Z.isRangesIntersect(Oe, Et) && !Z.isRangeWithinRange(Oe, Et)) continue;
+      const bt = Oe && !Z.isSingleCell(Oe);
+      if (!bt && N?.(ct)) continue;
+      const $t = ct.rowIndex, Kt = ct.colIndex, Ot = ut[$t], c = Ve[Kt];
+      let h = null;
+      Ot && c && (h = { x: c.offset, y: Ot.offset, width: c.size, height: Ot.size });
+      const w = Dr(Oe.rowStart, Oe.colStart);
+      if (bt) {
+        if (j.has(w)) continue;
+        j.add(w), Oe.rowEnd - Oe.rowStart > 0 && D.push(Oe), Oe.colEnd - Oe.colStart > 0 && F.push(Oe);
+      }
+      if (bt && (h = Fr(v.getLayout(), Oe)), !h) {
+        console.warn("no bounds for cell", w);
+        continue;
+      }
+      const p = $e?.value;
+      xt(v, ct, Oe, h, p);
+    }
+    const At = mt % sn, Wt = Ge % sn, Ce = Object.keys(ge);
+    for (let Ze = 0; Ze < Ce.length; Ze++) {
+      const $e = ge[Ce[Ze]];
+      if (!$e) continue;
+      const ct = Object.keys($e);
+      for (let Oe = 0; Oe < ct.length; Oe++) {
+        const Et = $e[ct[Oe]];
+        if (!Et) continue;
+        const bt = parseInt(Ce[Ze]), $t = parseInt(ct[Oe]), Kt = bt + yt, Ot = $t + Pt, c = `view:${v.getAnchor()}:segment:${Ot}:${Kt}`;
+        P.push(Y("div", { className: "cell-container", style: { transform: `translate(${me.boundPixel($t * sn - At, !0)}px, ${me.boundPixel(bt * sn - Wt, !0)}px)`, willChange: "transform" }, children: Et }, c));
+      }
+    }
+  }, Qt = Ee(() => {
+    const v = on.current, P = /* @__PURE__ */ new Map(), D = {}, F = Object.keys(Ae);
+    for (let j = 0; j < F.length; j++) {
+      const fe = F[j], se = [], ve = [], ye = [];
+      Xn(Ae[fe], ye, se, ve, /* @__PURE__ */ new Set(), v, P), D[fe] = { cells: ye, rangesH: se, rangesV: ve };
+    }
+    return on.current = P, D;
+  }, [gt, r, i, Ie, Le, x, _e, ae, N, xe, We]), Gn = (v, P, D, F, j) => {
+    if (v) if (P) {
+      const fe = `view:${v.getAnchor()}:hl:`, se = v.getVisibleRows();
+      if (!se || se.length === 0) return;
+      const ve = 0, ye = v.getBounds().width;
+      let ce = [];
+      const Ve = j.sort(Z.rowFirstRangeComparator), ut = v.getVisibleRangeCoords();
+      for (let Fe = 0; Fe < se.length && se[Fe] <= ut.rowEnd; Fe++) {
+        const je = se[Fe];
+        if (je < ut.rowStart) continue;
+        let mt = !1;
+        for (; Ve.length > 0 && Ve[0].rowStart <= je; ) {
+          const ge = Ve.shift();
+          ge.rowEnd > je && (ce.push(ge), mt = !0);
+        }
+        mt && (ce = ce.sort(Z.columnFirstRangeComparator));
+        const Ge = v.getLayout(), Pt = Ge.getRowOffset(je + 1);
+        let yt = ve;
+        for (let ge = 0; ge < ce.length + 1; ge++) {
+          let xt = yt, At = ye;
+          const Wt = ce[ge];
+          ge < ce.length && (At = Math.min(ye, Ge.getColOffset(Wt.colStart)), yt = Math.min(ye, Ge.getColOffset(Wt.colEnd + 1))), F.push(Jo("path", { d: `M ${me.boundPixel(xt)} ${me.boundPixel(Pt, !1, D)} L ${me.boundPixel(At)} ${me.boundPixel(Pt, !1, D)}`, stroke: E, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...I, key: fe + je + ":" + ge }));
+        }
+        for (let ge = ce.length - 1; ge >= 0; ge--) ce[ge].rowEnd <= se[Fe + 1] && ce.splice(ge, 1);
+      }
+    } else {
+      const fe = `view:${v.getAnchor()}:vl:`, se = v.getVisibleColumns();
+      if (!se || se.length === 0) return;
+      const ve = 0, ye = v.getBounds().height;
+      let ce = [];
+      const Ve = j.sort(Z.columnFirstRangeComparator), ut = v.getVisibleRangeCoords();
+      for (let Fe = 0; Fe < se.length && se[Fe] <= ut.colEnd; Fe++) {
+        const je = se[Fe];
+        if (je < ut.colStart) continue;
+        let mt = !1;
+        for (; Ve.length > 0 && Ve[0].colStart <= je; ) {
+          const ge = Ve.shift();
+          ge.colEnd > je && (ce.push(ge), mt = !0);
+        }
+        mt && (ce = ce.sort(Z.rowFirstRangeComparator));
+        const Ge = v.getLayout(), Pt = Ge.getColOffset(je + 1);
+        let yt = ve;
+        for (let ge = 0; ge < ce.length + 1; ge++) {
+          let xt = yt, At = ye;
+          const Wt = ce[ge];
+          ge < ce.length && (At = Math.min(ye, Ge.getRowOffset(Wt.rowStart)), yt = Math.min(ye, Ge.getRowOffset(Wt.rowEnd + 1)));
+          let Ce = E;
+          F.push(Y("path", { d: `M ${me.boundPixel(Pt, !1, D)} ${me.boundPixel(xt)} L ${me.boundPixel(Pt, !1, D)} ${me.boundPixel(At)}`, stroke: Ce, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...M }, fe + je + ":" + ge));
+        }
+        for (let ge = ce.length - 1; ge >= 0; ge--) ce[ge].colEnd <= se[Fe + 1] && ce.splice(ge, 1);
+      }
+    }
+  }, $n = (v) => {
+    if (!Qt) return;
+    const P = {};
+    for (let D = 0; D < rn.length; D++) {
+      const F = rn[D], j = Ae[F], fe = [];
+      Gn(j, v, 0, fe, v ? Qt[F].rangesH : Qt[F].rangesV);
+      const se = j.getRangeCoordsBounds(), ve = Math.ceil(se.width), ye = Math.ceil(se.height);
+      P[F] = Y("svg", { width: `${ve}`, height: `${ye}`, viewBox: `0 0 ${ve} ${ye}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: fe });
+    }
+    return P;
+  }, Zn = Ee(() => x === !0 || x?.horizontal === !0 ? $n(!0) : null, [gt, x, Ie, L, _, E, I, r, i, Ne, Mt, Qt]), Jn = Ee(() => x === !0 || x?.vertical === !0 ? $n(!1) : null, [gt, x, Le, L, _, E, M, r, i, Q, nt, Qt]), Eo = Ee(() => Tt.left === 0 ? null : Y(jr, { linePoints: [0, 0, 0, Q + 1], bounds: { x: Tt.left, y: 0, width: 1, height: Q + 1 }, ...le }), [gt, Tt.left, Q, le]), _o = Ee(() => Tt.top === 0 ? null : Y(jr, { linePoints: [0, 0, Ne + 1, 0], bounds: { x: 0, y: Tt.top, width: Ne + 1, height: 1 }, ...$ }), [gt, Tt.top, Ne, $]), Bn = Ee(() => {
+    const v = [], P = (D) => {
+      if (!D || !Ae[D]) return;
+      const F = Ae[D].getBounds();
+      return Ht("div", { style: { position: "absolute", pointerEvents: "none", left: F.x, top: F.y, width: F.width, height: F.height, clip: `rect(0, ${F.width + 1}px, ${F.height + 1}px, 0)` }, className: `view view-${D}`, children: [Zn?.[D], Jn?.[D], Qt?.[D].cells] }, `view:${D}`);
+    };
+    for (let D = 0; D < rn.length; D++) v.push(P(rn[D]));
+    return Y(wn, { children: v });
+  }, [Ae, Zn, Jn, Qt]), Io = Ee(() => {
+    if (!t) return;
+    const v = (se, ve, ye, ce) => {
+      if (!ce || ce.length === 0) return;
+      const Ve = [];
+      for (let ut = 0; ut < ce.length; ut++) {
+        const Fe = ce[ut];
+        let je = se?.get(Fe);
+        je !== Fo && (je = Fe(ye) ?? Fo), ve.set(Fe, je), je && je !== Fo && Ve.push(je);
+      }
+      return Ve;
+    }, P = (se, ve, ye) => {
+      if (!ye) return;
+      const ce = ye.getBounds(), Ve = ye.getInsets(), ut = ye.getAnchor();
+      return Ht("div", { className: En("view", `view-${ut}`, Wr.view), style: { position: "absolute", pointerEvents: "none", left: ce.x - Ve.left, top: ce.y - Ve.top, width: ce.width - (Ve.left + Ve.right), height: ce.height - (Ve.top + Ve.bottom), clipPath: C ? "inset(-2px)" : "inset(0px)" }, children: [v(se, ve, ye, k), So?.[ut].overlays] }, `view:${ut}`);
+    }, D = rt.current, F = {}, j = [], fe = Object.keys(Ae);
+    for (let se = 0; se < fe.length; se++) {
+      const ve = fe[se], ye = D?.[ve], ce = F[ve] = /* @__PURE__ */ new Map();
+      j.push(P(ye, ce, Ae[ve]));
+    }
+    return rt.current = F, j;
+  }, [gt, Ae, C, k]), Co = Ee(() => {
+    const { style: v, ...P } = ee ?? {};
+    return Y("div", { style: { width: Ne, height: Q, ...v }, className: "sheetxl-stage", tabIndex: 0, ref: at, ...P, ...S, children: W ? W(Bn) : Bn });
+  }, [Ne, Q, Bn, ee, W]), Qn = J(!1);
+  return st(() => {
+    !Qn.current && Qt && (Qn.current = !0, Re?.(vn.current));
+  }, [Qt]), Ht("div", { className: En("sheetxl-grid", Wr["sheetxl-grid"]), style: { overflow: "visible", cursor: R, maxWidth: Ne, maxHeight: Q, width: Ne, height: Q, ..._e }, ref: vn, children: [Co, Ht("div", { className: En("sheetxl-overlays"), ref: pt, ...u, children: [Io, Eo, _o] })] });
+}));
+Ci.displayName = "BaseGrid";
+const Mi = Dt(Ut((e, t) => {
+  const { width: n, height: o, style: r = {}, className: i, ...l } = e, [s, { width: a, height: d }] = _i();
+  return Y("div", { className: i, style: { ...r }, children: Y("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: s, children: Y(Ci, { ref: t, width: n ?? a, height: o ?? d, ...l }) }) });
+}));
+Mi.displayName = "Grid";
+const rs = Dt(Ut((e, t) => {
+  const { showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: s, onScrollViewport: a, style: d = {}, className: g, onScroll: m, ...f } = e, [x, E] = Je(null), I = J(null), M = J(null);
+  ao(!s), Ur(t, () => M.current && I.current ? Object.assign(M.current, I.current) : null);
+  const ae = O((R) => {
+    M.current?.scrollTo(R), a?.(R);
+  }, []);
+  return Y(pi, { className: g, style: d, ref: I, showVerticalScrollbar: n, showHorizontalScrollbar: o, createHorizontalScrollbar: r, createVerticalScrollbar: i, createScrollCorner: l, viewport: x, onScrollViewport: ae, children: Y(Mi, { style: { width: "100%", height: "100%" }, ...f, onViewportChange: (R) => E(R), ref: M }) });
+}));
+rs.displayName = "ScrollableGrid";
+const Nr = () => !1, is = Dt((e) => {
+  const { index: t, value: n, zoom: o, zoomScale: r = 100, headerText: i = (k) => `${k}`, headerStyle: l, headerStyleSelect: s = l, headerStyleSelectAll: a = s, headerStyleHover: d = a, verticalPadding: g = 0, horizontalPadding: m = 0, isSelected: f = Nr, isSelectedAll: x = Nr, coords: E, bounds: I, range: M, orientation: ae, view: R, style: _, ...L } = e, le = r / 100, $ = J(null), [oe, be] = Je(!1), U = f?.(t) || !1, H = x?.(t) ? a : U ? s : l;
+  let X = H;
+  if (oe) {
+    let k = d;
+    typeof d == "function" && (k = d(H)), X = Ct.mergeContentful(H, k);
+  }
+  return Y("div", { ref: $, style: { background: X.fill, color: X.text?.fill, fontFamily: X.text?.fontFamily ?? l.text?.fontFamily, fontSize: 96 * (X.text?.fontSize ?? 11) / 72 * le, fontStyle: X.text?.fontStyle, fontWeight: X.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${le}px`, ..._, left: _.left - (ae === Nt ? 1 : 0), top: _.top - (ae === cn ? 1 : 0), width: _.width + 1, height: _.height + 1, overflow: "hidden" }, ...L, onMouseMove: (k) => {
+    me.detectIt().primaryInput !== "touch" && k.buttons === 0 && be(!0);
+  }, onMouseOut: (k) => {
+    be(!1);
+  }, children: i(t) });
+});
+is.displayName = "HeaderRenderer";
+const Ti = "ew-resize", Ri = "ns-resize", ls = Dt(Ut((e, t) => {
+  const { orientation: n, view: o, index: r, className: i, style: l, disabled: s = !1, disabledResize: a = !1, isNextHidden: d, isHidden: g, isSelected: m, isSelectedAll: f, showTouchDivider: x, headerStyle: E, headerStyleSelect: I, headerStyleSelectAll: M, headerStyleHover: ae, bounds: R, onPointerDown: _, onAutoFit: L, ...le } = e, $ = n === Nt;
+  let oe = E;
+  m && I && (oe = I), f && M && (oe = M);
+  const be = me.detectIt().primaryInput === "touch";
+  let U = $ ? 14 : 8, H = U / 2, X = 0;
+  d && (X = -2), g && (X = 2), g && (U = U / 2 + X, H = 2 * X);
+  let k = oe.dividerStrokeFill ?? oe.strokeFill;
+  return !(m || f) && X === 0 && (k = `linear-gradient(${$ ? 180 : 90}deg, ${oe.fill}, ${k} 55%, ${k} 100%)`), Ht("div", { className: En("header-divider", { disabled: s }, i, `index-${r}`), ref: t, onPointerDown: be ? void 0 : _, onDoubleClick: be ? void 0 : () => L?.(), style: { top: ($ ? 0 : -U / 2 + (X - 1)) + "px", left: ($ ? -U / 2 + (X - 1) : 0) + "px", width: $ ? U : "calc(100% + 1px)", height: $ ? "calc(100% + 1px)" : U, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: s || a || be ? void 0 : $ ? Ti : Ri, ...l }, ...le, children: [Y("div", { style: { position: "relative", top: `${$ ? 0 : H}px`, left: `${$ ? H : 0}px`, width: $ ? 1 : "100%", height: $ ? "100%" : 1, background: k }, onDoubleClick: () => L?.() }), x && be ? Y("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: $ ? "-6px" : "2px", bottom: $ ? "2px" : "-9px", height: "24px", width: $ ? "24px" : "18px", maxHeight: $ ? "calc(100% - 4px)" : void 0, maxWidth: $ ? void 0 : "calc(100% - 4px)", background: oe.fill, border: `${M.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${E.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: _, children: Y("div", { style: { width: "6.4px", height: "12px", backgroundImage: `url("data:image/svg+xml,%3Csvg width='6.4' height='12' viewBox='0 0 9.6 16' version='1.1' fill='${encodeURIComponent(I.text.fill)}' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath d='M 9.60008,14.40009 C 9.60008,15.28374 8.88368,16 8.00003,16 7.11639,16 6.40012,15.28374 6.40012,14.40009 c 0,-0.88365 0.71627,-1.60005 1.59991,-1.60005 0.88365,0 1.60005,0.7164 1.60005,1.60005 m 0,-6.40012 c 0,0.88364 -0.7164,1.60004 -1.60005,1.60004 -0.88364,0 -1.59991,-0.7164 -1.59991,-1.60004 0,-0.88365 0.71627,-1.60005 1.59991,-1.60005 0.88365,0 1.60005,0.7164 1.60005,1.60005 m 0,-6.40006 c 0,0.88365 -0.7164,1.60005 -1.60005,1.60005 -0.88364,0 -1.59991,-0.7164 -1.59991,-1.60005 C 6.40012,0.71626 7.11639,0 8.00003,0 8.88368,0 9.60008,0.71626 9.60008,1.59991 M 3.19996,14.40009 C 3.19996,15.28374 2.48369,16 1.60005,16 0.7164,16 0,15.28374 0,14.40009 c 0,-0.88365 0.7164,-1.60005 1.60005,-1.60005 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-6.40012 c 0,0.88364 -0.71627,1.60004 -1.59991,1.60004 C 0.7164,9.60001 0,8.88361 0,7.99997 0,7.11632 0.7164,6.39992 1.60005,6.39992 c 0.88364,0 1.59991,0.7164 1.59991,1.60005 m 0,-6.40006 c 0,0.88365 -0.71627,1.60005 -1.59991,1.60005 C 0.7164,3.19996 0,2.48356 0,1.59991 0,0.71626 0.7164,0 1.60005,0 2.48369,0 3.19996,0.71626 3.19996,1.59991' /%3E%3C/svg%3E%0A")`, backgroundRepeat: "no-repeat", backgroundPosition: "center", transform: $ ? void 0 : "rotate(90deg)" } }) }) : null] });
+})), ss = (e, t) => Y(ls, { ...e, ref: t }), vs = Dt(Ut((e, t) => {
+  const { orientation: n, view: o, index: r, disabled: i = !1, disabledResize: l = !1, resizeThreshold: s = 1, dividerRenderer: a = ss, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: f, onDividerMouseUp: x, onDividerAutoFit: E, onPointerDown: I, ...M } = e, ae = T(I, [I]), R = T(E, [E]), _ = n === Nt;
+  let L = _ ? o.getVisibleColumns() : o.getVisibleRows(), le = null;
+  L.length > 0 && (_ ? le = o.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: L[0], colEnd: L[L.length - 1] }) : o.getRangeCoordsBounds({ rowStart: L[0], rowEnd: L[L.length - 1], colStart: 0, colEnd: 0 }), le = o.toClipBounds(le, tn));
+  const $ = J(null), [oe, be] = Je(null), U = (A, q) => _ ? A.clientX - q.clientX : A.clientY - q.clientY, H = o.getLayout(), X = _ ? H.getColOffset(r + 1) : H.getRowOffset(r + 1), k = On({ processTouch: !0, onPointerDown: (A) => {
+    if (ae?.(A), !i && !l) {
+      const q = _ ? H.getColOffset(r) : H.getRowOffset(r), N = X - q;
+      $.current = { isResizing: !1, startSize: N, index: r, view: o, orientation: n, onDividerMouseDown: d, onDividerResizeStart: g, onDividerResize: m, onDividerResizeEnd: f, onDividerMouseUp: x }, be($.current), d?.(r, N);
+    }
+    A.stopPropagation(), A.preventDefault();
+  }, onPointerUp: (A, q, N) => {
+    if (!$.current) return;
+    $.current.isResizing && $.current.onDividerResizeEnd?.($.current.index, Math.max(0, $.current.startSize + U(A, N)), $.current.startSize);
+    const xe = $.current;
+    $.current = null, be($.current), xe.onDividerMouseUp?.(xe.index);
+  }, onPointerMoveOrWait: (A, q, N) => {
+    if (!$.current) return;
+    const xe = U(A, N);
+    $.current.isResizing ? $.current.onDividerResize?.($.current.index, Math.max(0, $.current.startSize + xe), $.current.startSize) : Math.abs(xe) > Math.max(1, s) && ($.current = { ...$.current, isResizing: !0 }, be($.current), $.current.onDividerResizeStart?.($.current.index, Math.max(0, $.current.startSize + xe))), A.stopPropagation(), A.preventDefault();
+  } }), u = T(() => {
+    R?.(r);
+  }, [r]);
+  if (!le) return;
+  const C = a({ bounds: le, orientation: n, view: o, index: r, disabled: i, disabledResize: l, onAutoFit: u, onPointerDown: k, ...M }, t);
+  if (!C) return;
+  const { getPortalContainer: ee } = gi();
+  let W = null;
+  return oe && oe.isResizing && oe.index === r && (W = Kr(Y("div", { style: { position: "absolute", cursor: _ ? Ti : Ri, left: 0, top: 0, width: "100%", height: "100%" } }), ee(), "divider:" + r)), Ht(wn, { children: [W, Y("div", { className: En("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${_ ? le.y : X}px`, left: `${_ ? X : le.x}px`, width: (_ ? 0 : le.width - 1) + "px", height: (_ ? le.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: C })] });
+}));
+class cs {
+  naturalDimensions(t, n = {}) {
+    const o = document.createElement("div");
+    let r = n?.lineHeight ?? "1";
+    !n?.lineHeight && n.paintableText?.fontSize && (r = Math.ceil(1.2 * n.paintableText.fontSize) + "px");
+    const i = document.createElement("div");
+    i.style.visibility = "hidden", i.style.position = "absolute", i.style.textRendering = "geometricprecision", i.style.display = "inline-grid", i.style.overflowWrap = "break-word", i.style.maxWidth = n.maxWidth ? n.maxWidth + "px" : "100%", i.style.lineHeight = r, i.style.letterSpacing = (n.paintableText?.letterSpacing ?? 0) + "px", i.style.fontSize = n.paintableText?.fontSize ? n.paintableText.fontSize + "px" : "unset", i.style.fontFamily = n.paintableText?.fontSize ? n.paintableText.fontFamily : "unset", i.style.fontWeight = n.paintableText?.fontWeight ? "" + n.paintableText.fontWeight : "400", i.style.fontStyle = n.paintableText?.fontStyle ? n.paintableText.fontStyle : "normal", i.style.whiteSpace = n.paintableText?.wrap === "wrap" ? "break-spaces" : "pre", o.appendChild(i);
+    const l = t.split(`
+`);
+    for (let a = 0; a < l.length; a++) {
+      let d = document.createElement("span");
+      i.appendChild(d), d.textContent = l[a];
+    }
+    l.length !== 0 && l[l.length - 1].length !== 0 || i.appendChild(document.createElement("br")), document.body.appendChild(i);
+    let s = i.getBoundingClientRect();
+    return i.remove(), { width: s.width, height: s.height, maxLineHeight: 1.2 * (n.paintableText?.fontSize || 1056 / 72) };
+  }
+}
+const as = (e = void 0) => Object.freeze({ clean: e, dirty: void 0, editMode: !1 }), ds = as(), ys = Dt(Ut((e, t) => {
+  const { editState: n = ds, defaultTextStyle: o, onStartEdit: r, onChangeEdit: i, onSubmitEdit: l, onCancelEdit: s, onDoneEdit: a, containerBounds: d, setNaturalDimensions: g, onNavigate: m, textProperties: f, style: x, autoFocus: E, ...I } = e, M = J(null), { width: ae = 0 } = d ?? {}, [R, _] = Je(() => n);
+  st(() => {
+    _(n);
+  }, [n]);
+  const L = f?.align || "left", le = f?.vAlign || "middle", $ = f?.fill || "#040404", oe = f?.wrap || "wrap", be = f?.fontFamily || "Calibri", U = f?.fontSize || 11, H = f?.fontWeight || 400, X = f?.fontStyle || "normal", k = R.dirty ?? R.clean ?? "";
+  let u = 2;
+  const C = 96 * U / 72, ee = 1.2 * C;
+  le === "right" && (u += 1);
+  const W = Ee(() => new cs().naturalDimensions(k, { maxWidth: oe === "wrap" ? ae - u : void 0, lineHeight: `${ee}px`, paintableText: { fontStyle: X, wrap: oe, letterSpacing: -0.25 } }), [k, oe, u, C, be, H, X, g, ae]), A = O(() => W.maxLineHeight ? W.maxLineHeight + "px" : "1.2", [W]), [q, N] = Je(A);
+  nn(() => {
+    N(A());
+  }, [d, W]), nn(() => {
+    g?.({ width: oe === "wrap" ? void 0 : W.width + u, height: W.height });
+  }, [W, g]);
+  const xe = T(i, [i]), G = T((K) => {
+    if (R.dirty === K) return;
+    const pe = { ...R };
+    pe.dirty = K, M.current, _(pe), xe?.(pe);
+  }, [R]), He = T((K) => {
+    if (R.editMode === K) return;
+    const pe = { ...R };
+    pe.editMode = K, _(pe), xe?.(pe);
+  }, [R]), Ue = T(() => {
+    try {
+      return l?.(R), a?.(), !0;
+    } catch {
+      return !1;
+    }
+  }, [l, R]), We = T(() => {
+    _(n), s?.(), a?.();
+  }, [s, n]), ht = T((K) => {
+    if (!M.current) return;
+    if (K.isDefaultPrevented(), !(K.isTrusted || K.nativeEvent.ctrlKey || K.nativeEvent.metaKey || K.nativeEvent.altKey || K.nativeEvent.isComposing) && vi.indexOf(K.nativeEvent.key) !== -1) {
+      const te = { ...R };
+      return te.dirty = K.nativeEvent.key === "Backspace" ? "" : (te.dirty ?? "") + K.key, _(te), xe?.(te), void K.preventDefault();
+    }
+    const pe = K.nativeEvent.shiftKey;
+    if (K.which === Ji) return K.preventDefault(), void We();
+    if (K.which === ol) return He(!0), void K.preventDefault();
+    if (K.which === Zi && (K.preventDefault(), Ue() && m?.(pe ? it : lt)), K.which === Gi) return K.preventDefault(), void (Ue() && m?.(pe ? ot : Ke));
+    if (!R.editMode) {
+      let te = null;
+      switch (K.which) {
+        case Qi:
+          te = ot;
+          break;
+        case tl:
+          te = Ke;
+          break;
+        case el:
+          te = it;
+          break;
+        case nl:
+          te = lt;
+      }
+      if (te) return void Ue();
+    }
+  }, [R, m]), [_e, S] = Je(!E);
+  st(() => {
+    S(!1);
+  }, []);
+  const ue = wo(t, () => ({ startEdit(K) {
+    let pe = K?.initialSelection;
+    if (!pe) {
+      const Re = M.current.value.length ?? 0;
+      pe = { start: Re, end: Re, direction: "forward" };
+    }
+    M.current?.setSelectionRange(pe.start, pe.end, pe.direction);
+    const te = { ...n, editMode: K?.editMode ?? !1 };
+    K?.text !== void 0 && (te.dirty = K.text), te.editMode === n.editMode && te.dirty === n.dirty || (_(te), xe?.(te));
+  }, submitEdit: () => Ue(), cancelEdit() {
+    We();
+  }, autoFocus() {
+    M.current?.focus();
+  }, getLineHeight: () => W?.maxLineHeight ?? ee, dispatchEvent: (K) => M.current.dispatchEvent(K) }), [n, r]);
+  return Y("div", { ref: ue, ...I, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: W.height, maxWidth: "100%", maxHeight: "100%", ...x }, children: Y("textarea", { spellCheck: "false", ref: M, value: k, autoFocus: !1, disabled: _e, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${C}px`, fontFamily: `${be}`, fontWeight: `${H}`, fontStyle: `${X}`, padding: "0px", marginRight: L === "right" ? "3px" : "0px", marginLeft: L === "left" ? "2px" : "0px", lineHeight: q, height: W.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: L, background: "transparent", color: $, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: oe === "wrap" ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (K) => {
+    G(K.target.value);
+  }, onDoubleClick: (K) => {
+    K.isTrusted;
+  }, onMouseDown: (K) => {
+    He(!0);
+  }, onKeyDown: ht }) });
+})), bs = Dt((e) => {
+  const { value: t, view: n, bounds: o, range: r, zoom: i, children: l, style: s, ...a } = e;
+  return Y("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: s?.fontSize || 1056 / 72, ...s }, ...a, children: t });
+});
+export {
+  Ci as BaseGrid,
+  ys as DefaultCellEditor,
+  bs as DefaultCellRenderer,
+  ls as DefaultHeaderDivider,
+  Si as FillHandle,
+  Mi as Grid,
+  vs as HeaderDivider,
+  is as HeaderRenderer,
+  xs as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
+  tn as SELECTION_CLIP_INSETS,
+  vi as STANDARD_KEY_CHARS,
+  jr as SVGLine,
+  Yl as SVGRect,
+  rs as ScrollableGrid,
+  yi as Selection,
+  Go as TouchSelectHandle,
+  Xl as defaultSelectionRenderer,
+  as as getDefaultStringEditState,
+  Yt as safeSelectionCoords,
+  Fl as useCellLayout,
+  ws as useHeaderSelection,
+  gs as useKeyboardEditorOverlay,
+  ms as useSelection
+};