@sheetxl/grid-react 0.1.98

package/build/node/esm/index.mjs

@@ -0,0 +1,3311 @@
+/**
+ * @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.
+ */
+import { jsx as e, jsxs as t, Fragment as n } from "react/jsx-runtime";
+import o, { memo as r, useCallback as i, useRef as l, useEffect as s, useImperativeHandle as c, forwardRef as a, useMemo as d, useLayoutEffect as u, useState as h, createElement as f, useReducer as p } from "react";
+import g from "clsx";
+import { useMeasure as w } from "react-use";
+import { mergeRefs as m } from "react-merge-refs";
+import { createRoot as x } from "react-dom/client";
+import { unstable_batchedUpdates as y, createPortal as v } from "react-dom";
+import b from "tiny-invariant";
+/**
+ * @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 S = "up", E = "down", _ = "left", I = "right", C = "tl", M = "t", T = "l", k = "c", R = "text/html", P = "text/plain", O = "image/png", L = Object.freeze({ left: 0, top: 0 }), D = Object.freeze({ left: 0, top: 0, bottom: 0, right: 0 }), z = Object.freeze({ x: 0, y: 0, width: 0, height: 0 });
+Object.freeze(Object.defineProperty({ __proto__: null, EmptyBounds: z, EmptyRect: D, EmptyTopLeft: L }, Symbol.toStringTag, { value: "Module" }));
+const A = "column", $ = "row", B = Object.freeze({ colIndex: 0, rowIndex: 0 }), F = Object.freeze({ colStart: 0, rowStart: 0, colEnd: 0, rowEnd: 0 }), j = (e5, t2) => e5.colStart === t2.colStart ? e5.rowStart - t2.rowStart : e5.colStart - t2.colStart, V = (e5, t2) => e5.rowStart === t2.rowStart ? e5.colStart - t2.colStart : e5.rowStart - t2.rowStart, W = (e5, t2) => e5.rowEnd === t2.rowEnd ? t2.colEnd - e5.colEnd : t2.rowEnd - e5.rowEnd, H = (e5, t2) => e5.colEnd === t2.colEnd ? t2.rowEnd - e5.rowEnd : t2.colEnd - e5.colEnd, N = (e5, t2) => e5.colIndex === t2.colIndex ? e5.rowIndex - t2.rowIndex : e5.colIndex - t2.colIndex, U = (e5, t2) => e5.rowIndex === t2.rowIndex ? e5.colIndex - t2.colIndex : e5.rowIndex - t2.rowIndex, q = (e5 = $, t2 = false) => t2 ? e5 !== A ? W : H : e5 !== A ? V : j, K = (e5, t2) => e5 === t2 || !(!e5 || !t2) && e5.rowIndex === t2.rowIndex && e5.colIndex === t2.colIndex, Y = (e5, t2) => e5 === t2 || !(!e5 || !t2) && e5.rowStart === t2.rowStart && e5.rowEnd === t2.rowEnd && e5.colStart === t2.colStart && e5.colEnd === t2.colEnd, X = (e5, t2) => !(!e5 || !t2 || e5.colStart > t2.colEnd || t2.colStart > e5.colEnd || e5.rowStart > t2.rowEnd || t2.rowStart > e5.rowEnd), G = (e5, t2) => {
+  if (e5 === t2) return true;
+  if (!e5 || !t2) return false;
+  if (e5.length !== t2.length) return false;
+  for (let n2 = 0; n2 < e5.length; n2++) if (!Y(e5[n2], t2[n2])) return false;
+  return true;
+}, Z = (e5, t2, n2) => {
+  if (!e5 && !t2) return null;
+  if (!e5) return n2 ? t2 : { ...t2 };
+  if (!t2) return n2 ? e5 : { ...e5 };
+  const o2 = Math.min(e5.colStart, t2.colStart), r2 = Math.min(e5.rowStart, t2.rowStart), i2 = Math.max(e5.colEnd, t2.colEnd), l2 = Math.max(e5.rowEnd, t2.rowEnd);
+  let s2 = n2;
+  return s2 ? (s2.colStart = o2, s2.rowStart = r2, s2.colEnd = i2, s2.rowEnd = l2) : s2 = { colStart: o2, rowStart: r2, colEnd: i2, rowEnd: l2 }, s2;
+}, J = (e5, t2) => {
+  if (!t2 || 0 === t2.length) return e5;
+  const n2 = { ...e5 };
+  for (let e6 = 0; e6 < t2.length; e6++) {
+    const o2 = t2[e6];
+    X(n2, o2) && (n2.rowStart = Math.min(n2.rowStart, o2.rowStart), n2.colStart = Math.min(n2.colStart, o2.colStart), n2.rowEnd = Math.max(n2.rowEnd, o2.rowEnd), n2.colEnd = Math.max(n2.colEnd, o2.colEnd));
+  }
+  return n2;
+}, Q = [null, null], ee = (e5, t2, n2) => {
+  if (e5[0].value === e5[1].value) return t2;
+};
+function te(e5, t2 = 2, n2, o2 = $, r2) {
+  let i2 = [...e5];
+  if (t2 <= 0 || e5.length <= 1) return i2;
+  let l2 = o2 === A, s2 = 0, c2 = false;
+  do {
+    const e6 = i2.sort(q(l2 ? $ : A));
+    i2 = [], i2.push(e6[0]);
+    const t3 = e6.length;
+    let a2 = 0, d2 = e6[0], u2 = d2.colStart, h2 = d2.rowStart, f2 = d2.colEnd, p2 = d2.rowEnd;
+    for (let s3 = 1; s3 < t3; s3++) {
+      const t4 = e6[s3];
+      let g2 = false;
+      if (g2 = l2 ? d2 && h2 === t4.rowStart && p2 === t4.rowEnd && f2 + 1 === t4.colStart : d2 && u2 === t4.colStart && f2 === t4.colEnd && p2 + 1 === t4.rowStart, g2) {
+        let e7 = { colStart: u2, rowStart: h2, colEnd: l2 ? t4.colEnd : f2, rowEnd: l2 ? p2 : t4.rowEnd };
+        if (void 0 !== d2.value && (e7.value = d2.value), n2) {
+          const i3 = r2 ?? [null, null];
+          i3[0] = d2, i3[1] = t4, e7 = n2(i3, e7, o2);
+        }
+        if (e7) {
+          i2[a2] = e7, c2 = true, d2 = e7, u2 = d2.colStart, h2 = d2.rowStart, f2 = d2.colEnd, p2 = d2.rowEnd;
+          continue;
+        }
+      }
+      i2[++a2] = t4, d2 = t4, u2 = d2.colStart, h2 = d2.rowStart, f2 = d2.colEnd, p2 = d2.rowEnd;
+    }
+    s2++, l2 = !l2, 1 === s2 && (c2 = true);
+  } while (s2 < t2 && c2 && i2.length > 1);
+  return i2;
+}
+const ne = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCell: B, EmptyRange: F, cellToRange: (e5, t2) => {
+  if (!e5) return null;
+  let n2 = t2;
+  return n2 || (n2 = { ...e5 }, delete n2.colIndex, delete n2.rowIndex), n2.colStart = e5.colIndex ?? 0, n2.rowStart = e5.rowIndex ?? 0, n2.colEnd = e5.colIndex ?? 0, n2.rowEnd = e5.rowIndex ?? 0, n2;
+}, columnFirstCellComparator: N, columnFirstRangeComparator: j, createCellComparator: (e5 = $, t2 = false) => t2 ? e5 !== A ? (e6, t3) => e6.rowIndex === t3.rowIndex ? t3.colIndex - e6.colIndex : t3.rowIndex - e6.rowIndex : (e6, t3) => e6.colIndex === t3.colIndex ? t3.rowIndex - e6.rowIndex : t3.colIndex - e6.colIndex : e5 !== A ? U : N, createConflatingRanges: (e5, t2 = false) => {
+  const n2 = [];
+  let o2, r2, i2 = Number.MIN_SAFE_INTEGER, l2 = Number.MIN_SAFE_INTEGER;
+  return { append: (s2, c2, a2) => {
+    let d2 = true;
+    const u2 = void 0 !== a2;
+    if (u2) {
+      const n3 = e5 ? e5(r2, a2, t2) : r2 === a2 ? a2 : void 0;
+      void 0 === n3 ? d2 = false : a2 = n3;
+    }
+    if (d2 && c2 === l2 + 1 && s2 === i2) return t2 ? o2.rowEnd = c2 : o2.colEnd = c2, l2 = c2, void (r2 = a2);
+    o2 && n2.push(o2);
+    const h2 = t2 ? s2 : c2, f2 = t2 ? c2 : s2;
+    o2 = { colStart: h2, rowStart: f2, colEnd: h2, rowEnd: f2 }, u2 && (o2.value = a2), i2 = s2, l2 = c2, r2 = a2;
+  }, done: (e6) => (o2 && (n2.push(o2), o2 = null), e6 ? te(n2, 3, true === e6 ? ee : e6, t2 ? A : $, Q) : n2) };
+}, createRangeComparator: q, defaultRange: (e5, t2, n2) => e5 ? n2 ? (n2.colStart = e5.colStart ?? t2.colStart, n2.rowStart = e5.rowStart ?? t2.rowStart, n2.colEnd = e5.colEnd ?? t2.colEnd, n2.rowEnd = e5.rowEnd ?? t2.rowEnd, n2) : { colStart: e5.colStart ?? t2.colStart, rowStart: e5.rowStart ?? t2.rowStart, colEnd: e5.colEnd ?? t2.colEnd, rowEnd: e5.rowEnd ?? t2.rowEnd } : t2, extendRangeToIntersectingRanges: J, extendRangeToUnionRanges: (e5, t2) => {
+  if (!t2 || 0 === t2.length) return e5;
+  let n2 = e5, o2 = null;
+  for (; !Y(n2, o2); ) o2 = n2, n2 = J(o2, t2);
+  return n2;
+}, indexOfCoords: (e5, t2) => {
+  const n2 = { colStart: e5.colIndex, rowStart: e5.rowIndex, colEnd: e5.colIndex, rowEnd: e5.rowIndex };
+  for (let e6 = t2.length - 1; e6 >= 0; e6--) if (X(n2, t2[e6])) return e6;
+  return -1;
+}, intersectRanges: (e5, t2, n2) => {
+  if (!e5) return n2 ? t2 : { ...t2 };
+  if (!t2) return n2 ? e5 : { ...e5 };
+  if (!e5 && !t2) return null;
+  if (e5.rowStart > t2.rowEnd || e5.rowEnd < t2.rowStart || e5.colStart > t2.colEnd || e5.colEnd < t2.colStart) return null;
+  const o2 = Math.max(e5.colStart, t2.colStart), r2 = Math.max(e5.rowStart, t2.rowStart), i2 = Math.min(e5.colEnd, t2.colEnd), l2 = Math.min(e5.rowEnd, t2.rowEnd);
+  let s2 = n2;
+  return s2 ? (s2.colStart = o2, s2.rowStart = r2, s2.colEnd = i2, s2.rowEnd = l2) : s2 = { colStart: o2, rowStart: r2, colEnd: i2, rowEnd: l2 }, s2;
+}, isCellWithinRange: (e5, t2) => !(!e5 || !t2 || e5.rowIndex < t2.rowStart || e5.rowIndex > t2.rowEnd || e5.colIndex < t2.colStart || e5.colIndex > t2.colEnd), isEqualCells: K, isEqualRanges: Y, isEqualRangesArrays: G, isEqualSelectionCoords: (e5, t2) => e5 === t2 || !(!e5 || !t2) && e5.rangeIndex === t2.rangeIndex && !!K(e5.cell, t2.cell) && G(e5.ranges, t2.ranges), isRangeWithinRange: (e5, t2) => !(e5.rowStart < t2.rowStart || e5.rowEnd > t2.rowEnd || e5.colStart < t2.colStart || e5.colEnd > t2.colEnd), isRangesIntersect: X, isSingleCell: (e5) => !!e5 && e5.rowEnd === e5.rowStart && e5.colStart === e5.colEnd, isValidRange: (e5) => !(!e5 || "number" != typeof e5.colStart || e5.colStart < 0 || "number" != typeof e5.colEnd || e5.colEnd < e5.colStart || "number" != typeof e5.rowStart || e5.rowStart < 0 || "number" != typeof e5.rowEnd || e5.rowEnd < e5.rowStart), mergeRangedValues: te, rowFirstCellComparator: U, rowFirstRangeComparator: V, sanitizeRange: (e5) => e5 ? { colStart: e5.colIndex ?? e5.colStart ?? 0, rowStart: e5.rowIndex ?? e5.rowStart ?? 0, colEnd: e5.colIndex ?? e5.colEnd ?? 0, rowEnd: e5.rowIndex ?? e5.rowEnd ?? 0 } : null, translateRange: (e5, t2 = -e5.rowStart, n2 = -e5.colStart, o2) => o2 ? (o2.colStart = e5.colStart + n2, o2.rowStart = e5.rowStart + t2, o2.colEnd = e5.colEnd + n2, o2.rowEnd = e5.rowEnd + t2, o2) : { colStart: e5.colStart + n2, rowStart: e5.rowStart + t2, colEnd: e5.colEnd + n2, rowEnd: e5.rowEnd + t2 }, unionRanges: Z, unionRangesArrays: (e5, t2, n2) => {
+  if (!e5 || 0 === e5.length) return null;
+  if (1 === e5.length && !t2) return e5[0];
+  let o2 = e5[0];
+  for (let t3 = 1; t3 < e5.length; t3++) o2 = Z(o2, e5[t3], n2);
+  return t2 && (o2 = Z(o2, t2, n2)), o2;
+} }, Symbol.toStringTag, { value: "Module" }));
+const oe = "function" == typeof Symbol && Symbol.for ? Symbol.for("react.element") : 60103;
+function re(e5) {
+  return /* @__PURE__ */ function(e6) {
+    return !!e6 && "object" == typeof e6;
+  }(e5) && !function(e6) {
+    const t2 = Object.prototype.toString.call(e6);
+    return "[object RegExp]" === t2 || "[object Date]" === t2 || e6.$$typeof === oe;
+  }(e5);
+}
+function ie(e5, t2) {
+  return false !== t2.clone && t2.isMergeableObject(e5) ? ae((n2 = e5, Array.isArray(n2) ? [] : {}), e5, t2) : e5;
+  var n2;
+}
+function le(e5, t2, n2) {
+  return e5.concat(t2).map(function(e6) {
+    return ie(e6, n2);
+  });
+}
+function se(e5) {
+  return Object.keys(e5).concat((t2 = e5, Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(t2).filter(function(e6) {
+    return Object.propertyIsEnumerable.call(t2, e6);
+  }) : []));
+  var t2;
+}
+function ce(e5, t2) {
+  try {
+    return t2 in e5;
+  } catch (e6) {
+    return false;
+  }
+}
+function ae(e5, t2, n2) {
+  (n2 = n2 || {}).arrayMerge = n2.arrayMerge || le, n2.isMergeableObject = n2.isMergeableObject || re, n2.cloneUnlessOtherwiseSpecified = ie;
+  const o2 = Array.isArray(t2);
+  return o2 === Array.isArray(e5) ? o2 ? n2.arrayMerge(e5, t2, n2) : function(e6, t3, n3) {
+    const o3 = {};
+    return n3.isMergeableObject(e6) && se(e6).forEach(function(t4) {
+      o3[t4] = ie(e6[t4], n3);
+    }), se(t3).forEach(function(r2) {
+      var i2, l2;
+      ce(i2 = e6, l2 = r2) && (!Object.hasOwnProperty.call(i2, l2) || !Object.propertyIsEnumerable.call(i2, l2)) || (ce(e6, r2) && n3.isMergeableObject(t3[r2]) ? o3[r2] = function(e7, t4) {
+        if (!t4.customMerge) return ae;
+        const n4 = t4.customMerge(e7);
+        return "function" == typeof n4 ? n4 : ae;
+      }(r2, n3)(e6[r2], t3[r2], n3) : o3[r2] = ie(t3[r2], n3));
+    }), o3;
+  }(e5, t2, n2) : ie(t2, n2);
+}
+ae.all = function(e5, t2) {
+  if (!Array.isArray(e5)) throw new Error("first argument should be an array");
+  return e5.reduce(function(e6, n2) {
+    return ae(e6, n2, t2);
+  }, {});
+};
+const de = Object.freeze([]), ue = Object.freeze({}), he = (e5) => e5, fe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e5) {
+  let t2 = 16 * Math.random() | 0;
+  return ("x" === e5 ? t2 : 3 & t2 | 8).toString(16);
+}), pe = (e5, t2) => e5 === t2 || !(!Array.isArray(e5) || !Array.isArray(t2) || e5.length !== t2.length) && e5.every((e6, n2) => e6 === t2[n2]), ge = (e5) => "object" == typeof e5 && !Array.isArray(e5) && null !== e5, we = (e5) => "object" != typeof e5 || Array.isArray(e5) || null === e5 ? e5 : (Object.keys(e5).forEach(function(t2) {
+  e5[t2] && "object" == typeof e5[t2] ? we(e5[t2]) : null !== e5[t2] && void 0 !== e5[t2] || delete e5[t2], "object" == typeof e5[t2] && 0 === Object.keys(e5[t2]).length && delete e5[t2];
+}), 0 === Object.keys(e5).length ? null : e5), me = (e5, t2) => !(e5 !== t2 && !pe(e5, t2) && !e5.isEqual?.(t2)), xe = (e5, t2, n2 = me) => {
+  if (null == e5 || e5 === t2) return null;
+  if (!e5 || "object" != typeof e5 || Array.isArray(e5) || e5.isImmutable?.()) return n2(e5, t2) ? null : e5;
+  const o2 = Object.keys(e5);
+  if (0 === o2.length) return null;
+  let r2 = false;
+  for (let i2 = 0; i2 < o2.length; i2++) {
+    const l2 = o2[i2];
+    null === xe(e5[l2], t2?.[l2], n2) && (r2 = true, delete e5[l2]);
+  }
+  return r2 && 0 === Object.keys(e5).length ? null : void 0;
+}, ye = "object" == typeof performance && "function" == typeof performance.now ? () => performance.now() : () => Date.now(), ve = (e5) => null == e5, be = (e5, t2) => !(t2.left > e5.right || t2.right < e5.left || t2.top > e5.bottom || t2.bottom < e5.top), Se = !("undefined" == typeof window || !window.document || !window.document.createElement), Ee = { Windows: "windows", MacOS: "macos", IOS: "ios", Linux: "linux", Android: "android", Safari: "safari", Firefox: "firefox", Node: "node", Unknown: "unknown" }, _e = () => {
+  if (Ie()) return Ee.Node;
+  const e5 = void 0 !== globalThis.navigator && globalThis.navigator.userAgent ? globalThis.navigator.userAgent.toLowerCase() : "";
+  return e5 ? /(win32|win64|windows|wince)/i.test(e5) ? Ee.Windows : /(macintosh|macintel|macppc|mac68k|macos)/i.test(e5) ? Ee.MacOS : /(iphone|ipad|ipod)/i.test(e5) ? Ee.IOS : /android/.test(e5) ? Ee.Android : /linux/.test(e5) ? Ee.Linux : /^((?!chrome|android|).)*safari/i.test(e5) ? Ee.Safari : /^((?!chrome|android|Seamonkey).)*firefox/i.test(e5) ? Ee.Firefox : Ee.Unknown : Ee.Unknown;
+};
+function Ie() {
+  return "undefined" != typeof process && "node" === process.release?.name || ("undefined" != typeof process && process.browser, false);
+}
+const Ce = (e5, t2 = false) => (document.hasFocus() || t2) && (e5 === document.activeElement || e5?.contains(document.activeElement)), Me = Object.freeze(Object.defineProperty({ __proto__: null, EmptyArray: de, EmptyObject: ue, OSType: Ee, arrayMove: function(e5, t2, n2) {
+  const o2 = e5.slice();
+  return o2.splice(n2 < 0 ? o2.length + n2 : n2, 0, o2.splice(t2, 1)[0]), o2;
+}, asNumber: (e5) => {
+  const t2 = ((e6) => 1 * e6)(e5);
+  return Number.isFinite(t2) ? t2 : 0;
+}, camelToPrettyCase: (e5) => 1 === e5.length ? e5.toUpperCase() : e5.replace(/([A-Z])/g, " $1").replace(/^./, function(e6) {
+  return e6.toUpperCase();
+}).trim(), canUseDOM: Se, cancelTimeout: (e5) => {
+  cancelAnimationFrame(e5.id);
+}, castToString: (e5) => null == e5 || void 0 === e5 ? "" : "string" != typeof e5 ? "" + e5 : e5, cloneObject: (e5) => ve(e5) ? e5 : JSON.parse(JSON.stringify(e5)), consoleWithNoSource: (...e5) => new Promise((t2) => {
+  setTimeout(() => {
+    Function("console.log.apply(console, arguments)").apply(null, e5), t2();
+  });
+}), debounce: function(e5, t2 = 300, n2 = false) {
+  let o2, r2, i2, l2, s2 = 0;
+  function c2() {
+    let a3 = Date.now() - s2;
+    a3 < t2 && a3 >= 0 ? o2 = setTimeout(c2, t2 - a3) : (o2 = null, n2 || (l2 = e5.apply(i2, r2), i2 = r2 = null));
+  }
+  null == t2 && (t2 = 100);
+  const a2 = function() {
+    i2 = globalThis, r2 = arguments, s2 = Date.now();
+    var a3 = n2 && !o2;
+    return o2 || (o2 = setTimeout(c2, t2)), a3 && (l2 = e5.apply(i2, r2), i2 = r2 = null), l2;
+  };
+  return a2.clear = function() {
+    o2 && (clearTimeout(o2), o2 = null);
+  }, a2.flush = function() {
+    o2 && (l2 = e5.apply(i2, r2), i2 = r2 = null, clearTimeout(o2), o2 = null);
+  }, a2;
+}, deepEqual: function e2(t2, n2) {
+  if (t2 === n2) return true;
+  if (t2 && n2 && "object" == typeof t2 && "object" == typeof n2) {
+    if (t2.constructor !== n2.constructor) return false;
+    let o2, r2, i2;
+    if (Array.isArray(t2)) {
+      if (o2 = t2.length, o2 != n2.length) return false;
+      for (r2 = o2; 0 !== r2--; ) if (!e2(t2[r2], n2[r2])) return false;
+      return true;
+    }
+    if (t2 instanceof Map && n2 instanceof Map) {
+      if (t2.size !== n2.size) return false;
+      for (r2 of t2.entries()) if (!n2.has(r2[0])) return false;
+      for (r2 of t2.entries()) if (!e2(r2[1], n2.get(r2[0]))) return false;
+      return true;
+    }
+    if (t2 instanceof Set && n2 instanceof Set) {
+      if (t2.size !== n2.size) return false;
+      for (r2 of t2.entries()) if (!n2.has(r2[0])) return false;
+      return true;
+    }
+    if (ArrayBuffer.isView(t2) && ArrayBuffer.isView(n2)) {
+      if (o2 = t2.length, o2 != n2.length) return false;
+      for (r2 = o2; 0 !== r2--; ) if (t2[r2] !== n2[r2]) return false;
+      return true;
+    }
+    if (t2.constructor === RegExp) return t2.source === n2.source && t2.flags === n2.flags;
+    if (t2.valueOf !== Object.prototype.valueOf) return t2.valueOf() === n2.valueOf();
+    if (t2.toString !== Object.prototype.toString) return t2.toString() === n2.toString();
+    if (i2 = Object.keys(t2), o2 = i2.length, o2 !== Object.keys(n2).length) return false;
+    for (r2 = o2; 0 !== r2--; ) if (!Object.prototype.hasOwnProperty.call(n2, i2[r2])) return false;
+    for (r2 = o2; 0 !== r2--; ) {
+      let o3 = i2[r2];
+      if (!("_owner" === o3 && t2.$$typeof || e2(t2[o3], n2[o3]))) return false;
+    }
+    return true;
+  }
+  return t2 != t2 && n2 != n2;
+}, deepFreeze: function e3(t2) {
+  return Object.freeze(t2), Object.keys(t2).forEach((n2) => {
+    "object" != typeof t2[n2] || null === t2[n2] || Object.isFrozen(t2[n2]) || e3(t2[n2]);
+  }), t2;
+}, deepMerge: ae, diffValues: (e5, t2) => {
+  const n2 = {}, o2 = Object.keys(t2), r2 = o2.length;
+  for (let i2 = 0; i2 < r2; i2++) {
+    const r3 = o2[i2];
+    e5[r3] !== t2[r3] && (void 0 === e5[r3] ? n2[r3] = t2[r3] : n2[r3] = e5[r3]);
+  }
+  return 0 === Object.keys(n2).length ? null : n2;
+}, findEqualOrGreater: function(e5, t2, n2 = he) {
+  let o2 = 0, r2 = e5.length - 1;
+  for (; o2 <= r2; ) {
+    let i2 = Math.floor((o2 + r2) / 2), l2 = n2(e5[i2]);
+    if (l2 === t2) return i2;
+    l2 < t2 ? o2 = i2 + 1 : r2 = i2 - 1;
+  }
+  return o2;
+}, findEqualOrLesser: function(e5, t2, n2 = he) {
+  let o2 = e5.length - 1, r2 = 0;
+  for (; o2 >= r2; ) {
+    let i2 = Math.floor((o2 + r2) / 2), l2 = n2(e5[i2]);
+    if (l2 === t2) return i2;
+    l2 > t2 ? o2 = i2 - 1 : r2 = i2 + 1;
+  }
+  return o2;
+}, findNextStep: (e5, t2 = true, n2 = 15, o2 = 10, r2 = 400) => {
+  const i2 = Math.max(e5 - o2, 0) + (t2 ? 1 : -1);
+  return Math.min(r2, Math[t2 ? "ceil" : "floor"](i2 / n2) * n2 + o2);
+}, getBuildEnv: () => "node-build", getDPI: () => {
+  let e5 = 1;
+  return "object" == typeof window && (e5 = window.devicePixelRatio || 1), e5;
+}, getFromPath: (e5, t2) => {
+  const n2 = t2.split(".");
+  let o2 = e5;
+  for (let e6 = 0; e6 < n2.length; e6++) {
+    const t3 = n2[e6];
+    if (!o2) return null;
+    let r2 = o2[t3];
+    if ("function" == typeof r2 && (r2 = r2.bind(o2)()), !r2 || !ge(r2)) return r2;
+    o2 = r2;
+  }
+  return o2 ?? null;
+}, getOS: _e, hasFocus: Ce, isDefined: (e5) => !(null == e5), isEmpty: (e5) => null == e5 || "" === e5, isEqualArrays: pe, isEqualBounds: (e5, t2) => e5 === t2 || !(e5 && !t2 || t2 && !e5) && e5.x === t2.x && e5.y === t2.y && e5.width === t2.width && e5.height === t2.height, isEqualObjectKeys: (e5, t2) => {
+  if (e5 === t2) return true;
+  if (e5 && !t2 || t2 && !e5) return false;
+  const n2 = Object.keys(e5);
+  if (n2.length !== Object.keys(t2).length) return false;
+  for (let o2 = 0; o2 < n2.length; o2++) if (e5[n2[o2]] !== t2[n2[o2]]) return false;
+  return true;
+}, isNode: Ie, isNullOrUndefined: ve, isNumeric: (e5) => {
+  const t2 = 1 * e5;
+  return Number.isFinite(t2) && "number" == typeof t2;
+}, isObject: ge, isPromiseLike: (e5) => !!e5 && "function" == typeof e5.then, isRectInsideRect: (e5, t2) => e5.top >= t2.top && e5.bottom <= t2.bottom && e5.left >= t2.left && e5.right <= t2.right, isRectIntersect: be, mergeContentful: (...e5) => {
+  const t2 = e5.length;
+  if (t2 > 0 && void 0 !== e5[t2 - 1] && !ge(e5[t2 - 1])) return e5[t2 - 1];
+  let n2 = e5[0] || {};
+  for (let o2 = 1; o2 < t2; o2++) n2 = ae(n2, e5[o2] || {}, { arrayMerge: (e6, t3) => [...t3] });
+  return n2;
+}, nextTick: (e5) => {
+  "undefined" != typeof window && "function" == typeof window.requestAnimationFrame ? window.requestAnimationFrame(() => {
+    e5();
+  }) : ("function" == typeof setImmediate ? setImmediate : setTimeout)(() => {
+    e5();
+  });
+}, openFileDialog: (e5 = "*.*") => new Promise((t2, n2) => {
+  if (!Se) return void n2("Unable to open dialog with no dom.");
+  const o2 = document.createElement("input");
+  o2.type = "file", o2.accept = e5;
+  let r2 = null, i2 = false;
+  globalThis.addEventListener?.("focus", () => {
+    setTimeout(() => {
+      r2 || i2 || (i2 = true, t2(null));
+    }, 1e3);
+  }, { once: true, passive: true }), o2.onchange = () => {
+    if (r2 = o2.files[0], r2) {
+      if (i2) return void console.warn("File open detected after faux cancel.", r2);
+      t2(r2);
+    }
+  }, o2.autofocus = true, o2.click();
+}), rafThrottle: (e5) => {
+  let t2, n2 = false, o2 = function() {
+    n2 = false, e5(t2);
+  };
+  return function(e6) {
+    t2 = e6, t2 && t2.persist && t2.persist(), n2 || (n2 = true, requestAnimationFrame(o2));
+  };
+}, removeEmptyProperties: we, removeEqualValues: xe, removeListenerAll: (e5) => {
+  if (!e5) return [];
+  for (let t2 = 0; t2 < e5.length; t2++) e5[t2] && e5[t2]();
+  return [];
+}, requestTimeout: (e5, t2) => {
+  const n2 = ye(), o2 = { id: requestAnimationFrame(function r2() {
+    ye() - n2 >= t2 ? e5.call(null) : o2.id = requestAnimationFrame(r2);
+  }) };
+  return o2;
+}, roundAccurately: (e5, t2 = 0) => {
+  if (null == e5 || !isFinite(e5)) return null;
+  const n2 = 10 ** t2;
+  return Number(Math.round(e5 * n2) / n2);
+}, setToPath: (e5, t2, n2) => {
+  const o2 = t2.split(".");
+  let r2 = e5;
+  if (!r2) throw new Error("Can not set path to a null path.");
+  for (let e6 = 0; r2 && e6 < o2.length - 1; e6++) {
+    const t3 = o2[e6];
+    let n3 = r2[t3];
+    if (null == n3 && (n3 = {}, r2[t3] = n3), !ge(n3)) throw new Error("Can not set path to a non object path.");
+    r2 = n3;
+  }
+  if ("number" != typeof n2 && "boolean" != typeof n2 && "string" != typeof n2 && !ge(n2)) throw new Error(`Can not set path to ${n2} that is not a a supported primitive.`);
+  return r2[o2[o2.length - 1]] = n2, e5;
+}, splitNumber: (e5) => {
+  let t2 = Math.abs(e5);
+  if (isNaN(t2) || !isFinite(e5)) return null;
+  let n2 = 0 | t2, o2 = t2 - n2, r2 = 0, i2 = 0, l2 = 1;
+  if (o2 > 5e-8) for (; i2 < 8 && Math.abs(r2 / l2 - o2) > 5e-8; ) i2++, l2 *= 10, r2 = Math.round(o2 * l2);
+  return { ip: Math.trunc(e5), fp: r2, ipLength: Math.ceil(Math.log10(n2 + 1)), fpLength: i2 };
+}, subtractRect: (e5, t2, n2 = false) => {
+  if (!t2) return [e5];
+  if (!be(e5, t2)) return [];
+  const o2 = [];
+  let r2 = e5;
+  const i2 = () => {
+    t2.top > r2.top && t2.top < r2.bottom && (o2.push({ ...r2, bottom: t2.top }), r2 = { ...r2, top: t2.top });
+  }, l2 = () => {
+    t2.bottom > r2.top && t2.bottom < r2.bottom && (o2.push({ ...r2, top: t2.bottom }), r2 = { ...r2, bottom: t2.bottom });
+  }, s2 = () => {
+    t2.right > r2.left && t2.right < r2.right && (o2.push({ ...r2, left: t2.right }), r2 = { ...r2, right: t2.right });
+  }, c2 = () => {
+    t2.left > r2.left && t2.left < r2.right && (o2.push({ ...r2, right: t2.left }), r2 = { ...r2, left: t2.left });
+  };
+  return n2 ? (c2(), s2(), i2(), l2()) : (i2(), l2(), s2(), c2()), o2;
+}, textToKey: (e5) => e5.replace(/[^a-zA-Z0-9]/g, "").toLowerCase(), throttle: function(e5, t2) {
+  let n2 = null;
+  return (...o2) => {
+    const r2 = Date.now();
+    (!n2 || r2 - n2 >= t2) && (n2 = r2, e5(...o2));
+  };
+}, toSafeJSON: function e4(t2) {
+  if (null === t2 || "object" != typeof t2) return t2;
+  if ("function" == typeof t2.toJSON) return t2.toJSON();
+  if (Array.isArray(t2)) return t2.map((t3) => e4(t3));
+  if ("function" == typeof t2.toString && t2.toString !== Object.prototype.toString) return t2.toString();
+  const n2 = {};
+  for (const o2 in t2) t2.hasOwnProperty(o2) && (n2[o2] = e4(t2[o2]));
+  return n2;
+}, transpose: (e5) => {
+  if (!e5) return e5;
+  const t2 = e5.length, n2 = e5[0].length, o2 = [];
+  for (let e6 = 0; e6 < n2; e6++) o2[e6] = Array(t2);
+  for (let r2 = 0; r2 < t2; r2++) for (let t3 = 0; t3 < n2; t3++) o2[t3][r2] = e5[r2][t3];
+  return o2;
+}, uuidV4: fe, validEnumValue: (e5, t2) => {
+  if (!Object.values(e5).includes(t2)) throw new Error(`Invalid type: ${t2 ?? "null"}. Must be one of: ${Object.values(t2).join(", ")}.`);
+}, whenFocus: async (e5, t2 = false) => new Promise((n2) => {
+  Ce(e5, t2) ? n2(true) : e5.addEventListener("focusin", () => {
+    n2(true);
+  }, { once: true }), e5.focus();
+}) }, Symbol.toStringTag, { value: "Module" }));
+Object.freeze(Object.defineProperty({ __proto__: null, MESSAGE_ERROR_INVALID_ARG: (e5) => `Invalid argument: '${e5}'.` }, Symbol.toStringTag, { value: "Module" }));
+const Te = (e5) => {
+  const t2 = new Uint8Array(e5), n2 = t2.byteLength;
+  let o2 = "";
+  for (let e6 = 0; e6 < n2; e6++) o2 += String.fromCharCode(t2[e6]);
+  if ("undefined" != typeof window && "function" == typeof globalThis.btoa) return globalThis.btoa(o2);
+  if ("undefined" != typeof Buffer) return Buffer.from(o2, "binary").toString("base64");
+  throw new Error("Unsupported environment");
+}, ke = (e5) => new Promise((t2, n2) => {
+  if (e5) if ("undefined" != typeof FileReader) {
+    const o2 = new FileReader();
+    o2.onload = () => {
+      t2(o2.result);
+    }, o2.onerror = () => {
+      n2(o2.error);
+    }, o2.readAsText(e5);
+  } else if ("undefined" != typeof Buffer) {
+    const o2 = (e6) => Buffer.from(e6).toString("utf-8");
+    e5.arrayBuffer().then((e6) => {
+      t2(o2(e6));
+    }).catch((e6) => {
+      n2(e6);
+    });
+  } else n2(new Error("Unsupported environment"));
+  else t2("");
+});
+Object.freeze(Object.defineProperty({ __proto__: null, DEFAULT_MIME_TYPE: "*/*", arrayBufferToBase64: Te, base64ToArrayBuffer: (e5) => {
+  const t2 = "undefined" != typeof window && "function" == typeof globalThis.atob ? globalThis.atob(e5) : Buffer.from(e5, "base64").toString("binary"), n2 = t2.length, o2 = new Uint8Array(n2);
+  for (let e6 = 0; e6 < n2; e6++) o2[e6] = t2.charCodeAt(e6);
+  return o2.buffer;
+}, blobToString: ke }, Symbol.toStringTag, { value: "Module" }));
+const Re = "data:image/png;base64,", Pe = "Unable to resolve image.", Oe = (e5) => new Promise(async (t2, n2) => {
+  let o2 = null;
+  try {
+    o2 = new Image(), o2.src = e5, o2.addEventListener("load", function() {
+      t2({ width: o2.naturalWidth, height: o2.naturalHeight });
+    }, { once: true }), o2.addEventListener("error", function() {
+      URL.revokeObjectURL(e5), n2("Invalid Image");
+    }, { once: true }), await o2.decode("sync");
+  } catch (e6) {
+    o2?.src && URL.revokeObjectURL(o2.src);
+  }
+  o2 || n2(Pe);
+}), Le = "image/svg+xml";
+var De, ze;
+Object.freeze(Object.defineProperty({ __proto__: null, DATA_URL_PNG_PREFIX: Re, getImageDataUrl: (e5, t2 = 1) => new Promise(async (n2, o2) => {
+  let r2 = null;
+  try {
+    r2 = new Image(), r2.src = e5, r2.addEventListener("load", function() {
+      try {
+        const e6 = document.createElement("canvas");
+        e6.width = r2.naturalWidth, e6.height = r2.naturalHeight, e6.getContext("2d").drawImage(r2, 0, 0);
+        const o3 = e6.toDataURL("image/png", t2);
+        n2({ elemImg: r2, dataUrl: o3 });
+      } catch (t3) {
+        URL.revokeObjectURL(e5), o2(t3);
+      }
+    }, { once: true }), r2.addEventListener("error", function() {
+      URL.revokeObjectURL(e5), o2("Invalid Image");
+    }, { once: true }), await r2.decode("sync");
+  } catch (e6) {
+    r2?.src && URL.revokeObjectURL(r2.src);
+  }
+  r2 || o2(Pe);
+}), loadImageDetails: async (e5, t2 = null) => {
+  let n2 = null;
+  const o2 = async () => {
+    try {
+      const o3 = t2 ?? "image/*", r3 = URL.createObjectURL(new Blob([e5], { type: o3 })), i2 = await Oe(r3);
+      n2 = { mimeType: o3, naturalDimensions: i2, asUrl: r3 };
+    } catch (e6) {
+    }
+  }, r2 = async () => {
+    try {
+      const o3 = new TextDecoder().decode(e5), r3 = URL.createObjectURL(new Blob([o3], { type: Le })), i2 = await Oe(r3);
+      n2 = { mimeType: t2 ?? Le, naturalDimensions: i2, asUrl: r3, asSVGText: o3 };
+    } catch (e6) {
+    }
+  };
+  if (t2 === Le ? await r2() : t2.startsWith("image/") ? await o2() : (await o2(), n2 || await r2()), !n2) throw new Error("Failed to load image");
+  return n2;
+} }, Symbol.toStringTag, { value: "Module" })), (ze = De || (De = {})).resolveTypedUpdates = (e5, t2, n2, o2) => {
+  if (null === e5) return e5;
+  if (void 0 === e5) return o2;
+  let r2 = e5;
+  if (t2?.shorthand) {
+    const o3 = t2?.shorthand(e5, n2);
+    void 0 !== o3 && (r2 = o3);
+  }
+  if (null !== r2 && t2?.getSubType) {
+    const e6 = t2.getSubType(r2);
+    e6 && (t2 = e6);
+  }
+  const i2 = t2?.properties, l2 = t2?.arrayType ?? false;
+  let s2 = r2;
+  if (t2 && t2.merge && s2 && o2) s2 = t2.merge(s2, o2, n2);
+  else if (l2) ;
+  else if (i2) {
+    const e6 = Object.keys({ ...r2, ...o2 });
+    s2 = null;
+    for (let t3 = 0; t3 < e6.length; t3++) {
+      const l3 = e6[t3];
+      let c2, a2 = r2[l3];
+      if (void 0 !== a2) {
+        const e7 = i2[l3];
+        c2 = e7 ? (0, ze.resolveTypedUpdates)(a2, e7, n2, o2?.[l3]) : a2;
+      } else c2 = o2?.[l3];
+      null != c2 && (s2 = s2 ?? {}, s2[l3] = c2);
+    }
+  }
+  return s2;
+};
+const Ae = "The Safari browser does not support advanced copy and paste.\nCopy and paste will be limited to within the browser tab.\n\nPlease use Chrome or Edge if external copy and paste is required.", $e = "You do not have permissions to access the clipboard.\nAll copy and paste operations will be limited to the browser tab.", Be = { Safari: "The Safari browser does not support advanced copy and paste.\nCopy and paste will be limited to within the browser tab.\n\nPlease use Chrome or Edge if external copy and paste is required.", Perms: $e, PermsWrite: _e() === Ee.Safari ? Ae : $e, PermsRead: _e() === Ee.Safari ? Ae : $e }, Fe = async () => new Promise((e5) => {
+  document.hasFocus() ? e5() : globalThis.addEventListener?.("focus", () => {
+    e5();
+  }, { once: true }), document.activeElement.focus?.();
+}), je = async (e5, t2, n2) => {
+  if (_e() === Ee.Safari) return await n2(new Error(Be.Safari));
+  try {
+    const o2 = async (e6) => {
+      try {
+        return await e6();
+      } catch (e7) {
+        if (e7.message?.includes("Document is not focused")) return false;
+        throw e7;
+      }
+    }, r2 = await globalThis?.navigator?.permissions?.query({ name: e5, allowWithoutGesture: true, allowWithoutSanitization: true });
+    let i2 = false;
+    if ("prompt" === r2.state && (i2 = await o2(t2)), i2 || "granted" !== r2.state || (i2 = await t2()), !i2) return await n2(new Error(r2.state));
+  } catch (e6) {
+    if ("No valid data on clipboard" === e6.message || "DataError" === e6.name) return;
+    return await n2(e6);
+  }
+}, Ve = async (e5) => {
+  try {
+    return await e5.read({ unsanitized: [R] });
+  } catch (e6) {
+  }
+  return await e5.read();
+};
+if (!globalThis.ClipboardItem) {
+  const e5 = (e6, t3) => new Blob([t3], { type: e6 });
+  class t2 {
+    constructor(t3, n2) {
+      this._items = {}, this._types = Object.keys(t3);
+      const o2 = {}, r2 = Object.keys(t3);
+      for (let n3 = 0; n3 < r2.length; n3++) {
+        const i2 = r2[n3];
+        let l2 = t3[i2];
+        o2[i2] = "string" == typeof l2 ? e5(i2, l2) : l2;
+      }
+      this._items = o2, this._presentationStyle = n2?.presentationStyle ?? "unspecified";
+    }
+    get types() {
+      return this._types;
+    }
+    getType(e6) {
+      return Promise.resolve(this._items[e6]);
+    }
+    supports(e6) {
+      return true;
+    }
+  }
+  globalThis.ClipboardItem = t2;
+}
+const We = async (e5, t2 = R) => new Promise(async (n2, o2) => {
+  try {
+    const o3 = await (async (e6, t3) => {
+      if (!e6) return null;
+      const n3 = await Ve(e6);
+      let o4 = false;
+      for (let e7 = 0; !o4 && n3 && e7 < n3.length; e7++) if (o4 = n3[e7].types.includes(t3), o4) return await n3[e7].getType(t3);
+      return o4 ? void 0 : null;
+    })(e5, t2);
+    if (o3) {
+      const e6 = new FileReader();
+      e6.onload = () => {
+        n2(e6.result);
+      }, e6.onerror = () => {
+        n2("");
+      }, e6.readAsText(o3);
+    } else n2("");
+  } catch (e6) {
+    o2(e6);
+  }
+}), He = async (e5, t2 = R) => {
+  const n2 = await We(e5, t2);
+  if (!n2) return null;
+  let o2 = null;
+  try {
+    o2 = new DOMParser().parseFromString(n2, R);
+  } catch (e6) {
+    console.warn("Can't parse html from clipboard.");
+  }
+  return o2;
+}, Ne = "clipboard-uuid", Ue = "web text/uuid", qe = (e5) => `<div style="display:none" ${Ne}="${e5}"/>`, Ke = (e5, t2) => {
+  let n2 = null;
+  try {
+    const o2 = new DOMParser().parseFromString(t2, R);
+    o2.body.firstElementChild.setAttribute(Ne, e5), n2 = o2.getElementsByTagName("body")[0].innerHTML;
+  } catch (e6) {
+    console.warn("Can't embed uuid.", e6);
+  }
+  return n2;
+}, Ye = (e5, t2) => {
+  if (!t2 || !e5) return false;
+  try {
+    const n2 = t2.querySelectorAll(`[${Ne}="${e5}"]`);
+    if (n2 && 1 === n2.length) return true;
+    if (t2.querySelector("parsererror")) throw new Error("We are unable to parse node");
+    return false;
+  } catch (e6) {
+    return false;
+  }
+};
+class Xe {
+  constructor(e5) {
+    if (void 0 === e5?.nativeClipboard || true === e5?.nativeClipboard) try {
+      this._nativeClipboard = globalThis?.navigator.clipboard;
+    } catch (t2) {
+      true === e5?.nativeClipboard && console.warn("NativeClipboard option set to true but no native clipboard available.");
+    }
+    else this._nativeClipboard = false === e5?.nativeClipboard ? null : e5?.nativeClipboard;
+    this._disableCheckOnFocus = e5?.disableCheckOnFocus ?? false, this._init();
+  }
+  async _checkForChanges() {
+    this._nativeClipboard && this._state && !this._disableCheckOnFocus && await je("clipboard-read", async () => {
+      await Fe();
+      const e5 = await We(this._nativeClipboard, Ue);
+      if (!this._state) return true;
+      if (e5 && e5 === this._state.uuid) return true;
+      const t2 = await He(this._nativeClipboard, R);
+      return !this._state || (Ye(this._state.uuid, t2) || this.clear(), true);
+    }, async (e5) => {
+      "denied" === e5?.message || e5.message?.includes("Document is not focused") || _e() === Ee.Safari || console.warn("Unable to detect clipboard changes: ", e5);
+    });
+  }
+  _init() {
+    const e5 = this;
+    this._listeners = /* @__PURE__ */ new Map(), this._listenersCapture = /* @__PURE__ */ new Map(), this._state = null, this._nativeClipboard && (this._onFocus = () => {
+      e5._checkForChanges();
+    }, this._onBlur = () => {
+      globalThis.addEventListener?.("focus", e5._onFocus, { once: true });
+    }, globalThis.addEventListener?.("blur", this._onBlur), this._nativeClipboard.addEventListener("clipboardchange", (t2) => {
+      e5._checkForChanges();
+    }));
+  }
+  async read() {
+    if (!this._nativeClipboard) return this._state?.items ?? null;
+    const e5 = this;
+    return await je("clipboard-read", async () => {
+      if (await Fe(), this._state?.uuid) {
+        const t2 = await We(this._nativeClipboard, Ue);
+        if (t2 && t2 === e5._state.uuid) return true;
+        const n2 = await He(this._nativeClipboard, R);
+        if (Ye(e5._state?.uuid, n2)) return true;
+      }
+      return e5._state = { items: await Ve(this._nativeClipboard), uuid: null, ref: null }, this.dispatchEvent(new Event("clipboardread")), true;
+    }, async (e6) => {
+      this.dispatchEvent(new Event("clipboarderrorread"));
+    }), this._state?.items ?? [];
+  }
+  async write(e5) {
+    return this._write({ uuid: fe(), items: e5, ref: null });
+  }
+  async _write(e5) {
+    if (!this._nativeClipboard) return this._state = e5, this.dispatchEvent(new Event("clipboardwrite")), this.dispatchEvent(new Event("clipboardchange")), null;
+    const t2 = this, n2 = [], o2 = e5.uuid;
+    let r2 = e5.items ?? [];
+    const i2 = () => {
+      t2._state = { uuid: o2, ref: e5.ref, items: n2 }, t2.dispatchEvent(new Event("clipboardwrite")), t2.dispatchEvent(new Event("clipboardchange"));
+    };
+    await je("clipboard-write", async () => {
+      await Fe(), o2 && 0 === r2.length && (r2.push(new ClipboardItem({ [Ue]: new Blob([o2], { type: Ue }) })), r2.push(new ClipboardItem({ [R]: new Blob([qe(o2)], { type: R }) })));
+      for (let e6 = 0; e6 < Math.min(1, r2.length); e6++) {
+        const t3 = r2[e6];
+        let i3 = t3.types.indexOf(R), l2 = null;
+        if (-1 !== i3) {
+          const e7 = await t3.getType(R);
+          l2 = await ke(e7), l2 && (l2 = Ke(o2, l2));
+        }
+        if (!l2 && t3.types.includes(P)) {
+          const e7 = await t3.getType(P);
+          if (e7) {
+            let t4 = null;
+            "string" == typeof e7 ? (console.warn("text as string", e7), t4 = e7) : t4 = await ke(e7), t4 && (l2 = `<div ${Ne}="${o2}">${t4}</div>`);
+          }
+        }
+        if (!l2 && t3.types.includes(O)) {
+          const e7 = await t3.getType(O), n3 = Te(await e7.arrayBuffer());
+          l2 = `<div ${Ne}="${o2}"><img src="${Re + n3}"/></div>`;
+        }
+        !l2 && o2 && (l2 = qe(o2));
+        const s2 = new Blob([l2 ?? ""], { type: R }), c2 = {};
+        for (let e7 = 0; e7 < t3.types.length; e7++) {
+          const n3 = t3.types[e7];
+          c2[n3] = e7 === i3 ? s2 : t3.getType(n3);
+        }
+        l2 && -1 === i3 && (c2[R] = s2), o2 && (c2[Ue] = new Blob([o2], { type: Ue })), n2.push(new ClipboardItem(c2));
+      }
+      try {
+        n2 && 0 !== n2.length ? await this._nativeClipboard.write(n2) : await (async (e6) => {
+          e6 && await e6.writeText("");
+        })(this._nativeClipboard);
+      } catch (e6) {
+        e6.message?.includes("Document is not focused") || console.warn("Unable to write to native clipboard: ", e6);
+      }
+      return i2(), true;
+    }, async (e6) => {
+      this.dispatchEvent(new Event("clipboarderrorwrite")), i2();
+    });
+  }
+  async writeReference(e5) {
+    if (!e5) return void this.clear();
+    let t2 = null;
+    const n2 = {};
+    try {
+      const t3 = await e5.toText?.() ?? null;
+      t3 && (n2[P] = new Blob([t3 ?? ""], { type: P }));
+    } catch (e6) {
+      t2 = e6;
+    }
+    try {
+      const t3 = await e5.toHtml?.() ?? null;
+      t3 && (n2[R] = new Blob([t3], { type: R }));
+    } catch (e6) {
+      t2 = e6, console.warn("export to html", e6);
+    }
+    try {
+      const t3 = await e5.toImage?.() ?? null;
+      t3 && (n2[O] = t3);
+    } catch (e6) {
+      t2 = e6, console.warn("export to png", e6);
+    }
+    const o2 = this._write({ uuid: fe(), ref: e5, items: Object.keys(n2).length > 0 ? [new ClipboardItem(n2)] : null });
+    if (t2) throw t2;
+    return o2;
+  }
+  clear(e5 = false) {
+    this._state && (this._state = null, e5 && 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 (e5, t2) => {
+      const n2 = await this.read();
+      let o2 = null;
+      for (let e6 = 0; !o2 && n2 && e6 < n2.length; e6++) n2[e6].types.includes(P) && (o2 = await n2[e6].getType(P));
+      if (!o2) return void e5("");
+      const r2 = new FileReader();
+      r2.onload = () => {
+        e5(r2.result);
+      }, r2.readAsText(o2), r2.onerror = (e6) => {
+        t2(e6);
+      };
+    });
+  }
+  async writeText(e5) {
+    const t2 = [new ClipboardItem({ [P]: new Blob([e5], { type: P }) })];
+    return this._write({ uuid: fe(), items: t2, ref: null });
+  }
+  addEventListener(e5, t2, n2 = {}) {
+    const o2 = n2?.capture ? this._listenersCapture : this._listeners;
+    let r2 = o2.get(e5);
+    r2 || (r2 = /* @__PURE__ */ new Map(), o2.set(e5, r2)), r2.set(t2, "boolean" == typeof n2 ? {} : n2);
+  }
+  dispatchEvent(e5) {
+    if (!e5) return;
+    const t2 = (t3) => {
+      const n2 = t3.get(e5.type);
+      n2 && n2.forEach((t4, o2) => {
+        try {
+          "function" == typeof o2 ? o2(e5) : o2.handleEvent && o2.handleEvent(e5), t4.once && n2.delete(o2);
+        } catch (e6) {
+          console.warn(e6);
+        }
+      });
+    };
+    return t2(this._listenersCapture), t2(this._listeners), true;
+  }
+  removeEventListener(e5, t2, n2) {
+    const o2 = n2?.capture ? this._listenersCapture : this._listeners, r2 = o2.get(e5);
+    r2 && (r2.delete(t2), 0 === r2.size && o2.delete(e5));
+  }
+  close() {
+    globalThis.removeEventListener?.("focus", this._onFocus), globalThis.removeEventListener?.("blur", this._onBlur);
+  }
+}
+var Ge;
+(Ge = Xe || (Xe = {})).ErrorMessages = Be, Ge.Global = new Ge();
+var Ze = "undefined" != typeof window ? window : { screen: {}, navigator: {} }, Je = (Ze.matchMedia || function() {
+  return { matches: false };
+}).bind(Ze), Qe = false, et = { get passive() {
+  return Qe = true;
+} }, tt = function() {
+};
+Ze.addEventListener && Ze.addEventListener("p", tt, et), Ze.removeEventListener && Ze.removeEventListener("p", tt, false);
+var nt = Qe, ot = "PointerEvent" in Ze, rt = "ontouchstart" in Ze, it = rt || "TouchEvent" in Ze && Je("(any-pointer: coarse)").matches, lt = (Ze.navigator.maxTouchPoints || 0) > 0 || it, st = Ze.navigator.userAgent || "", ct = Je("(pointer: coarse)").matches && /iPad|Macintosh/.test(st) && Math.min(Ze.screen.width || 0, Ze.screen.height || 0) >= 768, at = (Je("(pointer: coarse)").matches || !Je("(pointer: fine)").matches && rt) && !/Windows.*Firefox/.test(st), dt = Je("(any-pointer: fine)").matches || Je("(any-hover: hover)").matches || ct || !rt, ut = !lt || !dt && at ? lt ? "touchOnly" : "mouseOnly" : "hybrid", ht = "mouseOnly" === ut ? "mouse" : "touchOnly" === ut || at ? "touch" : "mouse";
+const ft = Object.freeze(Object.defineProperty({ __proto__: null, deviceType: ut, primaryInput: ht, supportsPassiveEvents: nt, supportsPointerEvents: ot, supportsTouchEvents: it }, Symbol.toStringTag, { value: "Module" })), pt = { Left: "left", Right: "right", Center: "center" }, gt = "shift", wt = "alt", mt = "ctrl", xt = 9, yt = 13, vt = 27, bt = 37, St = 38, Et = 39, _t = 40, It = 113, Ct = 3, Mt = { Horizontal: "horizontal", Vertical: "vertical" }, Tt = (e5, t2) => {
+  const n2 = i((...t3) => e5?.(...t3), t2), o2 = l(null);
+  o2.current = n2;
+  const r2 = i((...e6) => o2.current?.(...e6), []);
+  if (o2.current) return r2;
+}, kt = (t2) => {
+  const { style: n2, orientation: o2 = Mt.Vertical, ...r2 } = t2, i2 = o2 === Mt.Vertical;
+  return e("div", { style: { paddingBottom: "0px", paddingRight: "0px", paddingLeft: i2 ? "0px" : "3px", paddingTop: i2 ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...n2 }, ...r2, children: e("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${i2 ? "vertical" : "horizontal"} single-button start`, children: e("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: e("path", { d: i2 ? "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" }) }) }) });
+}, Rt = (t2) => {
+  const { style: n2, orientation: o2 = Mt.Vertical, ...r2 } = t2, i2 = o2 === Mt.Vertical;
+  return e("div", { style: { paddingLeft: "0px", paddingTop: "0px", paddingRight: i2 ? "0px" : "3px", paddingBottom: i2 ? "3px" : "0px", display: "flex", alignItems: "center", justifyContent: "center", ...n2 }, ...r2, children: e("button", { style: { padding: "0", display: "flex", alignItems: "center", justifyContent: "center", border: "none" }, className: `scrollbar-button ${i2 ? "vertical" : "horizontal"} single-button end`, children: e("svg", { width: "9", height: "9", viewBox: "0 0 6 6", style: { opacity: "inherit" }, children: e("path", { d: i2 ? "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" }) }) }) });
+}, Pt = (e5, t2, n2, o2, r2 = 0) => {
+  for (let r3 = 0; r3 < n2.length; r3++) {
+    const i2 = n2[r3].getBoundingClientRect();
+    let l2 = i2.left - t2, s2 = l2 + i2.width;
+    if (o2) {
+      if (l2 < e5 && s2 >= e5) return l2;
+    } else if (Math.ceil(s2) > Math.ceil(e5) + 2) return s2;
+  }
+  return r2;
+};
+/**
+ * @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.
+ */
+Object.freeze(Object.defineProperty({ __proto__: null, getScrollTo: Pt }, Symbol.toStringTag, { value: "Module" }));
+const Ot = r(a((n2, o2) => {
+  const { offset: r2 = 0, totalSize: c2 = 0, viewportSize: a2 = 0, style: u2, className: f2, orientation: p2 = Mt.Vertical, onScrollOffset: m2, onScroll: x2, showCustomScrollButtons: y2 = false, scrollButtonIncrement: v2 = 200, scrollButtonInitialRepeatDelay: b2 = 260, scrollButtonAdditionalRepeatDelay: S2 = 120, createScrollStartButton: E2 = kt, createScrollEndButton: _2 = Rt, ...I2 } = n2, C2 = Tt(x2, [x2]), M2 = l(null), [T2, { width: k2, height: R2 }] = w(), [P2, { width: O2, height: L2 }] = w(), D2 = p2 === Mt.Vertical, z2 = D2 ? "top" : "left", A2 = D2 ? "scrollTop" : "scrollLeft", $2 = D2 ? R2 : k2, B2 = D2 ? L2 : O2, [F2, j2] = h(null);
+  s(() => {
+    null !== F2 && M2.current && M2.current.scrollTo({ behavior: "smooth", [z2]: F2 });
+  }, [F2, D2]);
+  const V2 = i((e5, t2 = false) => {
+    if (!M2.current) return 0;
+    const n3 = M2.current.querySelector(".scrollbar-viewport"), o3 = n3.getBoundingClientRect(), r3 = n3.children, i2 = t2 ? 0 : Pt(e5, o3[z2], r3, true, Math.max(0, e5 - v2));
+    return j2(i2), Math.max(0, i2);
+  }, []), W2 = i((e5, t2 = false) => {
+    if (!M2.current) return 0;
+    const n3 = M2.current.querySelector(".scrollbar-viewport"), o3 = n3.getBoundingClientRect(), r3 = n3.children, i2 = Math.ceil(B2 - $2), l2 = t2 ? i2 : Pt(e5, o3[z2], r3, false, Math.max(0, e5 + v2));
+    return j2(l2), Math.min(i2, l2);
+  }, [B2, $2]), H2 = l(null), N2 = i((e5) => {
+    H2.current = r2;
+    const t2 = e5.target[A2];
+    m2(t2, a2, c2), C2?.(e5);
+  }, [m2, a2, c2, r2]);
+  s(() => {
+    const e5 = H2.current;
+    H2.current = null, r2 !== e5 && (M2.current[A2] = r2);
+  }, [r2, A2]);
+  const U2 = l(null), q2 = l(null), K2 = i(() => {
+    U2.current && (clearTimeout(U2.current), U2.current = null, q2.current = null);
+  }, []), Y2 = i((e5, t2, n3, o3 = b2) => {
+    q2.current = e5, U2.current = setTimeout(() => {
+      const t3 = n3 ? V2(q2.current || e5) : W2(q2.current || e5);
+      t3 !== q2.current ? Y2(t3, false, n3, S2) : K2();
+    }, t2 ? 0 : o3);
+  }, [V2, W2, K2]);
+  s(() => () => K2(), [K2]);
+  const X2 = r2, G2 = d(() => {
+    if (!y2) return null;
+    const e5 = { orientation: p2, disabled: Math.floor(X2) <= 0 || 0 === Math.floor(B2 - $2), onMouseUp: K2, onMouseLeave: K2, onMouseDown: () => Y2(X2, true, true) };
+    return E2?.(e5);
+  }, [y2, p2, X2, F2, B2, $2]), Z2 = d(() => {
+    if (!y2) return null;
+    const e5 = { orientation: p2, disabled: Math.floor(B2 - $2) <= Math.ceil(X2), onMouseUp: K2, onMouseLeave: K2, onMouseDown: () => Y2(X2, true, false) };
+    return _2?.(e5);
+  }, [y2, p2, X2, F2, B2, $2]);
+  return t("div", { ref: o2, style: { display: "flex", flex: "1", flexDirection: D2 ? "column" : "row", padding: "0", ...u2 }, className: g("_sheetxl-scrollbar_18qzf_11", f2), ...I2, children: [G2, e("div", { className: "pseudo-scrollbar", style: { flex: "1 1 100%", display: "flex", boxSizing: "content-box", flexDirection: D2 ? "column" : "row", justifyContent: "center", alignItems: "center" }, ref: T2, children: e("div", { tabIndex: -1, style: { flex: "1 1 100%", overflowY: D2 ? "scroll" : "hidden", overflowX: D2 ? "hidden" : "scroll", position: "relative", willChange: "transform" }, onScroll: N2, ref: M2, children: e("div", { ref: P2, style: { position: "absolute", height: D2 ? c2 - a2 + (R2 ?? 0) : 1, width: D2 ? 1 : c2 - a2 + (k2 ?? 0) }, className: "scrollbar-viewport" }) }) }), Z2] });
+}));
+Ot.displayName = "Scrollbar";
+let Lt = Date.now, Dt = {}, zt = 1;
+const At = (e5) => {
+  let t2 = null !== Dt[e5];
+  return t2 && (Dt[e5] = null), t2;
+}, $t = (e5, t2, n2, o2 = 0, r2) => {
+  let i2 = Lt(), l2 = i2, s2 = 0, c2 = 0, a2 = zt++;
+  if (a2 % 20 == 0) {
+    const e6 = {};
+    for (let t3 in Dt) e6[t3] = true;
+    Dt = e6;
+  }
+  const d2 = function(u2) {
+    const h2 = true !== u2, f2 = Lt();
+    if (!Dt[a2] || t2 && !t2(a2)) return Dt[a2] = null, void n2(60 - c2 / ((f2 - i2) / 1e3), a2, false);
+    if (h2) {
+      const e6 = Math.round((f2 - l2) / 16.666666666666668) - 1;
+      for (let t3 = 0; t3 < Math.min(e6, 4); t3++) d2(true), c2++;
+    }
+    o2 && (s2 = (f2 - i2) / o2, s2 > 1 && (s2 = 1));
+    const p2 = r2 ? r2(s2) : s2;
+    false !== e5(p2, f2, h2) && 1 !== s2 || !h2 ? h2 && (l2 = f2, requestAnimationFrame(d2)) : (Dt[a2] = null, n2(60 - c2 / ((f2 - i2) / 1e3), a2, 1 === s2 || void 0 === o2));
+  };
+  return Dt[a2] = true, requestAnimationFrame(d2), a2;
+};
+var Bt = function() {
+}, Ft = function(e5) {
+  return Math.pow(e5 - 1, 3) + 1;
+}, jt = function(e5) {
+  return (e5 /= 0.5) < 1 ? 0.5 * Math.pow(e5, 3) : 0.5 * (Math.pow(e5 - 2, 3) + 2);
+}, Vt = function(e5, t2) {
+  for (var n2 in this.__callback = e5, this.options = { scrollingX: true, scrollingY: true, animating: true, animationDuration: 250, bouncing: true, locking: true, paging: false, snapping: false, zooming: false, minZoom: 0.5, maxZoom: 3, speedMultiplier: 1, scrollingComplete: Bt, penetrationDeceleration: 0.03, penetrationAcceleration: 0.08 }, t2) this.options[n2] = t2[n2];
+};
+Vt.prototype = { __isSingleTouch: false, __isTracking: false, __didDecelerationComplete: false, __isGesturing: false, __isDragging: false, __isDecelerating: false, __isAnimating: false, __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(e5, t2, n2, o2) {
+  null !== e5 && (this.__clientWidth = e5), null !== t2 && (this.__clientHeight = t2), null !== n2 && (this.__contentWidth = n2), null !== o2 && (this.__contentHeight = o2), this.__computeScrollMax(), this.scrollTo(this.__scrollLeft, this.__scrollTop, true);
+}, setPosition: function(e5, t2) {
+  this.__clientLeft = e5 || 0, this.__clientTop = t2 || 0;
+}, setSnapSize: function(e5, t2) {
+  this.__snapWidth = e5, this.__snapHeight = t2;
+}, 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(e5, t2) {
+  var n2 = this.getValues();
+  return { left: e5 / n2.zoom, top: t2 / n2.zoom };
+}, getScrollMax: function() {
+  return { left: this.__maxScrollLeft, top: this.__maxScrollTop };
+}, zoomTo: function(e5, t2, n2, o2, r2) {
+  if (!this.options.zooming) throw new Error("Zooming is not enabled!");
+  r2 && (this.__zoomComplete = r2), this.__isDecelerating && (At(this.__isDecelerating), this.__isDecelerating = false);
+  var i2 = this.__zoomLevel;
+  void 0 === n2 && (n2 = this.__clientWidth / 2), void 0 === o2 && (o2 = this.__clientHeight / 2), e5 = Math.max(Math.min(e5, this.options.maxZoom), this.options.minZoom), this.__computeScrollMax(e5);
+  var l2 = e5 / i2, s2 = l2 * (this.__scrollLeft + n2) - n2, c2 = l2 * (this.__scrollTop + o2) - o2;
+  s2 > this.__maxScrollLeft ? s2 = this.__maxScrollLeft : s2 < 0 && (s2 = 0), c2 > this.__maxScrollTop ? c2 = this.__maxScrollTop : c2 < 0 && (c2 = 0), this.__publish(s2, c2, e5, t2);
+}, zoomBy: function(e5, t2, n2, o2, r2) {
+  this.zoomTo(this.__zoomLevel * e5, t2, n2, o2, r2);
+}, scrollTo: function(e5, t2, n2, o2) {
+  if (this.__isDecelerating && (At(this.__isDecelerating), this.__isDecelerating = false), void 0 !== o2 && o2 !== this.__zoomLevel) {
+    if (!this.options.zooming) throw new Error("Zooming is not enabled!");
+    e5 *= o2, t2 *= o2, this.__computeScrollMax(o2);
+  } else o2 = this.__zoomLevel;
+  this.options.scrollingX ? this.options.paging ? e5 = Math.round(e5 / this.__clientWidth) * this.__clientWidth : this.options.snapping && (e5 = Math.round(e5 / this.__snapWidth) * this.__snapWidth) : e5 = this.__scrollLeft, this.options.scrollingY ? this.options.paging ? t2 = Math.round(t2 / this.__clientHeight) * this.__clientHeight : this.options.snapping && (t2 = Math.round(t2 / this.__snapHeight) * this.__snapHeight) : t2 = this.__scrollTop, e5 = Math.max(Math.min(this.__maxScrollLeft, e5), 0), t2 = Math.max(Math.min(this.__maxScrollTop, t2), 0), e5 === this.__scrollLeft && t2 === this.__scrollTop && (n2 = false), this.__publish(e5, t2, o2, n2);
+}, scrollBy: function(e5, t2, n2) {
+  var o2 = this.__isAnimating ? this.__scheduledLeft : this.__scrollLeft, r2 = this.__isAnimating ? this.__scheduledTop : this.__scrollTop;
+  this.scrollTo(o2 + (e5 || 0), r2 + (t2 || 0), n2);
+}, doMouseZoom: function(e5, t2, n2, o2) {
+  var r2 = e5 > 0 ? 0.97 : 1.03;
+  return this.zoomTo(this.__zoomLevel * r2, false, n2 - this.__clientLeft, o2 - this.__clientTop);
+}, doTouchStart: function(e5, t2) {
+  if (void 0 === e5.length) throw new Error("Invalid touch list: " + e5);
+  if (t2 instanceof Date && (t2 = t2.valueOf()), "number" != typeof t2) throw new Error("Invalid timestamp value: " + t2);
+  var n2, o2;
+  this.__interruptedAnimation = true, this.__isDecelerating && (At(this.__isDecelerating), this.__isDecelerating = false, this.__interruptedAnimation = true), this.__isAnimating && (At(this.__isAnimating), this.__isAnimating = false, this.__interruptedAnimation = true);
+  var r2 = 1 === e5.length;
+  r2 ? (n2 = e5[0].pageX, o2 = e5[0].pageY) : (n2 = Math.abs(e5[0].pageX + e5[1].pageX) / 2, o2 = Math.abs(e5[0].pageY + e5[1].pageY) / 2), this.__initialTouchLeft = n2, this.__initialTouchTop = o2, this.__zoomLevelStart = this.__zoomLevel, this.__lastTouchLeft = n2, this.__lastTouchTop = o2, this.__lastTouchMove = t2, this.__lastScale = 1, this.__enableScrollX = !r2 && this.options.scrollingX, this.__enableScrollY = !r2 && this.options.scrollingY, this.__isTracking = true, this.__didDecelerationComplete = false, this.__isDragging = !r2, this.__isSingleTouch = r2, this.__positions = [];
+}, doTouchMove: function(e5, t2, n2) {
+  if (void 0 === e5.length) throw new Error("Invalid touch list: " + e5);
+  if (t2 instanceof Date && (t2 = t2.valueOf()), "number" != typeof t2) throw new Error("Invalid timestamp value: " + t2);
+  if (this.__isTracking) {
+    var o2, r2;
+    2 === e5.length ? (o2 = Math.abs(e5[0].pageX + e5[1].pageX) / 2, r2 = Math.abs(e5[0].pageY + e5[1].pageY) / 2) : (o2 = e5[0].pageX, r2 = e5[0].pageY);
+    var i2 = this.__positions;
+    if (this.__isDragging) {
+      var l2 = o2 - this.__lastTouchLeft, s2 = r2 - this.__lastTouchTop, c2 = this.__scrollLeft, a2 = this.__scrollTop, d2 = this.__zoomLevel;
+      if (void 0 !== n2 && this.options.zooming) {
+        var u2 = d2;
+        if (d2 = d2 / this.__lastScale * n2, u2 !== (d2 = Math.max(Math.min(d2, this.options.maxZoom), this.options.minZoom))) {
+          var h2 = o2 - this.__clientLeft, f2 = r2 - this.__clientTop;
+          c2 = (h2 + c2) * d2 / u2 - h2, a2 = (f2 + a2) * d2 / u2 - f2, this.__computeScrollMax(d2);
+        }
+      }
+      if (this.__enableScrollX) {
+        c2 -= l2 * this.options.speedMultiplier;
+        var p2 = this.__maxScrollLeft;
+        (c2 > p2 || c2 < 0) && (this.options.bouncing ? c2 += l2 / 2 * this.options.speedMultiplier : c2 = c2 > p2 ? p2 : 0);
+      }
+      if (this.__enableScrollY) {
+        a2 -= s2 * this.options.speedMultiplier;
+        var g2 = this.__maxScrollTop;
+        (a2 > g2 || a2 < 0) && (this.options.bouncing ? a2 += s2 / 2 * this.options.speedMultiplier : a2 = a2 > g2 ? g2 : 0);
+      }
+      i2.length > 60 && i2.splice(0, 30), i2.push(c2, a2, t2), this.__publish(c2, a2, d2);
+    } else {
+      var w2 = this.options.locking ? 3 : 0, m2 = Math.abs(o2 - this.__initialTouchLeft), x2 = Math.abs(r2 - this.__initialTouchTop);
+      this.__enableScrollX = this.options.scrollingX && m2 >= w2, this.__enableScrollY = this.options.scrollingY && x2 >= w2, i2.push(this.__scrollLeft, this.__scrollTop, t2), this.__isDragging = (this.__enableScrollX || this.__enableScrollY) && (m2 >= 5 || x2 >= 5), this.__isDragging && (this.__interruptedAnimation = false);
+    }
+    this.__lastTouchLeft = o2, this.__lastTouchTop = r2, this.__lastTouchMove = t2, this.__lastScale = n2;
+  }
+}, doTouchEnd: function(e5) {
+  if (e5 instanceof Date && (e5 = e5.valueOf()), "number" != typeof e5) throw new Error("Invalid timestamp value: " + e5);
+  if (this.__isTracking) {
+    if (this.__isTracking = false, this.__isDragging) if (this.__isDragging = false, this.__isSingleTouch && this.options.animating && e5 - this.__lastTouchMove <= 100) {
+      for (var t2 = this.__positions, n2 = t2.length - 1, o2 = n2, r2 = n2; r2 > 0 && t2[r2] > this.__lastTouchMove - 100; r2 -= 3) o2 = r2;
+      if (o2 !== n2) {
+        var i2 = t2[n2] - t2[o2], l2 = this.__scrollLeft - t2[o2 - 2], s2 = this.__scrollTop - t2[o2 - 1];
+        this.__decelerationVelocityX = l2 / i2 * (1e3 / 60), this.__decelerationVelocityY = s2 / i2 * (1e3 / 60);
+        var c2 = this.options.paging || this.options.snapping ? 4 : 1;
+        (Math.abs(this.__decelerationVelocityX) > c2 || Math.abs(this.__decelerationVelocityY) > c2) && this.__startDeceleration(e5);
+      } else this.options.scrollingComplete();
+    } else e5 - this.__lastTouchMove > 100 && this.options.scrollingComplete();
+    this.__isDecelerating || ((this.__interruptedAnimation || this.__isDragging) && this.options.scrollingComplete(), this.scrollTo(this.__scrollLeft, this.__scrollTop, true, this.__zoomLevel)), this.__positions.length = 0;
+  }
+}, __publish: function(e5, t2, n2, o2) {
+  var r2 = this.__isAnimating;
+  if (r2 && (At(r2), this.__isAnimating = false), o2 && this.options.animating) {
+    this.__scheduledLeft = e5, this.__scheduledTop = t2, this.__scheduledZoom = n2;
+    var i2 = this.__scrollLeft, l2 = this.__scrollTop, s2 = this.__zoomLevel, c2 = e5 - i2, a2 = t2 - l2, d2 = n2 - s2, u2 = function(e6, t3, n3) {
+      n3 && (this.__scrollLeft = i2 + c2 * e6, this.__scrollTop = l2 + a2 * e6, this.__zoomLevel = s2 + d2 * e6, this.__callback && this.__callback(this.__scrollLeft, this.__scrollTop, this.__zoomLevel));
+    }.bind(this), h2 = function(e6) {
+      return this.__isAnimating === e6;
+    }.bind(this), f2 = function(e6, t3, n3) {
+      t3 === this.__isAnimating && (this.__isAnimating = false), (this.__didDecelerationComplete || n3) && this.options.scrollingComplete(), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+    }.bind(this);
+    this.__isAnimating = $t(u2, h2, f2, this.options.animationDuration, r2 ? Ft : jt);
+  } else this.__scheduledLeft = this.__scrollLeft = e5, this.__scheduledTop = this.__scrollTop = t2, this.__scheduledZoom = this.__zoomLevel = n2, this.__callback && this.__callback(e5, t2, n2), this.options.zooming && (this.__computeScrollMax(), this.__zoomComplete && (this.__zoomComplete(), this.__zoomComplete = null));
+}, __computeScrollMax: function(e5) {
+  void 0 === e5 && (e5 = this.__zoomLevel), this.__maxScrollLeft = Math.max(this.__contentWidth * e5 - this.__clientWidth, 0), this.__maxScrollTop = Math.max(this.__contentHeight * e5 - this.__clientHeight, 0);
+}, __startDeceleration: function(e5) {
+  if (this.options.paging) {
+    var t2 = Math.max(Math.min(this.__scrollLeft, this.__maxScrollLeft), 0), n2 = Math.max(Math.min(this.__scrollTop, this.__maxScrollTop), 0), o2 = this.__clientWidth, r2 = this.__clientHeight;
+    this.__minDecelerationScrollLeft = Math.floor(t2 / o2) * o2, this.__minDecelerationScrollTop = Math.floor(n2 / r2) * r2, this.__maxDecelerationScrollLeft = Math.ceil(t2 / o2) * o2, this.__maxDecelerationScrollTop = Math.ceil(n2 / r2) * r2;
+  } else this.__minDecelerationScrollLeft = 0, this.__minDecelerationScrollTop = 0, this.__maxDecelerationScrollLeft = this.__maxScrollLeft, this.__maxDecelerationScrollTop = this.__maxScrollTop;
+  var i2 = function(e6, t3, n3) {
+    this.__stepThroughDeceleration(n3);
+  }.bind(this), l2 = this.options.snapping ? 4 : 0.1, s2 = function() {
+    var e6 = Math.abs(this.__decelerationVelocityX) >= l2 || Math.abs(this.__decelerationVelocityY) >= l2;
+    return e6 || (this.__didDecelerationComplete = true), e6;
+  }.bind(this), c2 = function(e6, t3, n3) {
+    this.__isDecelerating = false, this.__didDecelerationComplete && this.options.scrollingComplete(), this.scrollTo(this.__scrollLeft, this.__scrollTop, this.options.snapping);
+  }.bind(this);
+  this.__isDecelerating = $t(i2, s2, c2);
+}, __stepThroughDeceleration: function(e5) {
+  var t2 = this.__scrollLeft + this.__decelerationVelocityX, n2 = this.__scrollTop + this.__decelerationVelocityY;
+  if (!this.options.bouncing) {
+    var o2 = Math.max(Math.min(this.__maxDecelerationScrollLeft, t2), this.__minDecelerationScrollLeft);
+    o2 !== t2 && (t2 = o2, this.__decelerationVelocityX = 0);
+    var r2 = Math.max(Math.min(this.__maxDecelerationScrollTop, n2), this.__minDecelerationScrollTop);
+    r2 !== n2 && (n2 = r2, this.__decelerationVelocityY = 0);
+  }
+  if (e5 ? this.__publish(t2, n2, this.__zoomLevel) : (this.__scrollLeft = t2, this.__scrollTop = n2), this.options.paging || (this.__decelerationVelocityX *= 0.95, this.__decelerationVelocityY *= 0.95), this.options.bouncing) {
+    var i2 = 0, l2 = 0, s2 = this.options.penetrationDeceleration, c2 = this.options.penetrationAcceleration;
+    t2 < this.__minDecelerationScrollLeft ? i2 = this.__minDecelerationScrollLeft - t2 : t2 > this.__maxDecelerationScrollLeft && (i2 = this.__maxDecelerationScrollLeft - t2), n2 < this.__minDecelerationScrollTop ? l2 = this.__minDecelerationScrollTop - n2 : n2 > this.__maxDecelerationScrollTop && (l2 = this.__maxDecelerationScrollTop - n2), 0 !== i2 && (i2 * this.__decelerationVelocityX <= 0 ? this.__decelerationVelocityX += i2 * s2 : this.__decelerationVelocityX = i2 * c2), 0 !== l2 && (l2 * this.__decelerationVelocityY <= 0 ? this.__decelerationVelocityY += l2 * s2 : this.__decelerationVelocityY = l2 * c2);
+  }
+} };
+const Wt = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]), Ht = {};
+function Nt() {
+  return ft;
+}
+const Ut = Object.freeze(Object.defineProperty({ __proto__: null, EmptyCssProperties: Ht, boundPixel: function(e5, t2 = false, n2 = 0) {
+  return e5;
+}, createSyntheticEvent: (e5) => {
+  let t2 = false, n2 = false;
+  return { nativeEvent: e5, currentTarget: e5.currentTarget, target: e5.target, bubbles: e5.bubbles, cancelable: e5.cancelable, defaultPrevented: e5.defaultPrevented, eventPhase: e5.eventPhase, isTrusted: e5.isTrusted, preventDefault: () => {
+    t2 = true, e5.preventDefault();
+  }, isDefaultPrevented: () => t2, stopPropagation: () => {
+    n2 = true, e5.stopPropagation();
+  }, isPropagationStopped: () => n2, persist: () => {
+  }, timeStamp: e5.timeStamp, type: e5.type };
+}, detectIt: Nt, focusableNodeNames: Wt, toPrettyKeyCode: (e5) => "BracketLeft" === e5 ? "[" : "BracketRight" === e5 ? "]" : Me.camelToPrettyCase(e5) }, Symbol.toStringTag, { value: "Module" })), qt = [];
+function Kt(e5, t2, n2 = qt) {
+  const o2 = l(null);
+  return c(e5, () => {
+    if (!o2.current) return;
+    const e6 = o2.current, n3 = t2?.();
+    if (!n3 || "object" != typeof n3) throw new Error("attributes must return a plain object of values");
+    const r2 = Object.keys(n3), i2 = r2.length;
+    for (let t3 = 0; t3 < i2; t3++) {
+      const o3 = r2[t3], i3 = n3[o3];
+      Object.defineProperty(e6, o3, { value: i3, writable: true, configurable: true, enumerable: true });
+    }
+    return e6;
+  }, n2), o2;
+}
+const Yt = (t2) => e(Ot, { ...t2 }), Xt = ({ width: t2, height: n2 }) => e("div", { className: "corner", style: { minWidth: `${t2}px`, width: `${t2}px`, minHeight: `${n2}px`, height: `${n2}px` } }), Gt = r(a((o2, r2) => {
+  const { children: c2, viewport: a2, onScrollViewport: u2, showHorizontalScrollbar: h2 = true, showVerticalScrollbar: f2 = true, createScrollCorner: p2 = Xt, createHorizontalScrollbar: g2 = Yt, createVerticalScrollbar: m2 = Yt, style: x2, touchElement: y2, disableTouch: v2, ...b2 } = o2, S2 = Tt(u2, [u2]), E2 = Kt(r2, () => ({ isScrollPane: () => true }), []), _2 = l(null);
+  s(() => {
+    _2.current && (_2.current.__scrollTop === a2?.top && _2.current.__scrollLeft !== !a2?.left || _2.current?.scrollTo(a2?.left, a2?.top, false));
+  }, [a2?.left, a2?.top, y2]);
+  const I2 = i((e5, t2) => {
+    S2?.({ left: e5, top: t2 });
+  }, []), C2 = i((e5) => {
+    _2.current?.doTouchStart(e5.touches, e5.timeStamp);
+  }, []), M2 = i((e5) => {
+    e5.preventDefault(), _2.current?.doTouchMove(e5.touches, e5.timeStamp);
+  }, []), T2 = i((e5) => {
+    _2.current?.doTouchEnd(e5.timeStamp);
+  }, []), k2 = i(({ containerWidth: e5, containerHeight: t2, totalWidth: n2, totalHeight: o3 }) => {
+    _2.current.setDimensions(e5, t2, n2, o3);
+  }, []);
+  s(() => {
+    const e5 = y2 ?? E2.current;
+    if (!v2 && Nt().supportsTouchEvents && e5 && a2) {
+      if (!_2.current) {
+        const e6 = { scrollingX: true, scrollingY: true, decelerationRate: 0.95, penetrationAcceleration: 0.08 };
+        _2.current = new Vt(I2, e6);
+      }
+      Nt().supportsTouchEvents && (e5.addEventListener("touchstart", C2), e5.addEventListener("touchend", T2), e5.addEventListener("touchmove", M2)), k2({ containerWidth: a2?.width, containerHeight: a2?.height, totalWidth: a2?.totalWidth, totalHeight: a2?.totalHeight });
+    }
+    return () => {
+      e5?.removeEventListener("touchstart", C2), e5?.removeEventListener("touchend", T2), e5?.removeEventListener("touchmove", M2);
+    };
+  }, [a2?.width, a2?.height, a2?.totalWidth, a2?.totalHeight, v2, y2]);
+  const [R2, { width: P2 }] = w(), [O2, { height: L2 }] = w(), D2 = d(() => {
+    const t2 = m2({ orientation: Mt.Vertical, offset: a2?.top, viewportSize: a2?.height, totalSize: a2?.totalHeight, onScrollOffset: (e5) => {
+      S2?.({ top: e5 });
+    } });
+    return e("div", { style: { display: "flex", flex: "0" }, ref: R2, children: t2 });
+  }, [m2, a2?.top, a2?.height, a2?.totalHeight]), z2 = d(() => {
+    const o3 = g2({ orientation: Mt.Horizontal, offset: a2?.left, viewportSize: a2?.width, totalSize: a2?.totalWidth, onScrollOffset: (e5) => S2?.({ left: e5 }) });
+    return t("div", { style: { display: "flex", flex: "none", flexDirection: "row", alignItems: "stretch", justifyContent: "center" }, children: [e("div", { style: { display: "flex", flex: "1 1 100%", flexDirection: "column", width: `calc(100% - ${P2}px)` }, children: e("div", { ref: O2, className: "sizer", children: o3 }) }), f2 ? p2({ width: P2, height: L2 }) : e(n, {})] });
+  }, [g2, a2?.left, a2?.width, a2?.totalWidth, f2, p2, P2, L2]);
+  return e("div", { style: { position: "relative", display: "flex", minWidth: f2 ? `${P2}px` : void 0, minHeight: h2 ? `${L2}px` : void 0, ...x2 }, ...b2, ref: E2, children: t("div", { style: { position: "relative", width: "100%", flex: "1 1 100%", display: "flex", flexDirection: "column", boxSizing: "border-box" }, children: [t("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: [e("div", { style: { display: "flex", flex: "1 1 100%", overflow: "hidden" }, children: c2 }), f2 ? D2 : e(n, {})] }), h2 ? z2 : e(n, {})] }) });
+}));
+Gt.displayName = "ScrollPane";
+const Zt = () => {
+  const e5 = document.fullscreenElement;
+  return e5 ? e5.querySelector(".fullscreen-portal-root") || e5 : document.body;
+};
+let Jt = 0;
+function Qt() {
+  return s(() => {
+    function e5() {
+      const e6 = document.fullscreenElement;
+      if (!e6) return;
+      let t2 = e6.querySelector(".fullscreen-portal-root");
+      t2 || (t2 = document.createElement("div"), t2.className = "fullscreen-portal-root _fullscreen-portal-root_5qk7s_7", e6.appendChild(t2));
+    }
+    return Jt++, e5(), document.addEventListener("fullscreenchange", e5), () => {
+      document.removeEventListener("fullscreenchange", e5), Jt--, Jt <= 0 && (document.querySelectorAll(".fullscreen-portal-root").forEach((e6) => {
+        e6.parentNode && e6.parentNode.removeChild(e6);
+      }), Jt = 0);
+    };
+  }, []), { getPortalContainer: Zt };
+}
+const en = 100, tn = 100, nn = 1e6, on = 100, rn = 50;
+r(a((t2, n2) => {
+  const { offset: o2 = 0, viewportSize: r2 = 0, totalSize: s2 = 0, minSize: c2 = 0, endGap: a2 = en, endScrollIncrement: d2 = tn, style: f2 = Ht, onMouseDown: p2, onScrollOffset: g2, onScroll: w2, scaleLimit: m2 = nn, scaleFactor: x2 = on, precisionFactor: y2 = rn, ...v2 } = t2;
+  w2 && console.warn("onScroll not supported for VirtualScrollbar. Use onScrollOffset instead");
+  const b2 = Tt(p2, [p2]), S2 = () => ({ offset: o2, totalSize: 0 === m2 ? s2 : Math.min(s2 ?? 0, Math.max(c2 ?? 0, (o2 ?? 0) + (r2 ?? 0)) + (a2 ?? 0)) }), [E2, _2] = h(S2), I2 = 0 !== m2 && E2.totalSize > m2 ? x2 : 1, C2 = I2 / y2, M2 = Math.ceil(E2.totalSize / I2), T2 = Math.ceil(E2.offset / I2), k2 = Math.ceil(r2 / I2), R2 = i((e5) => {
+  }, []), [P2, O2] = h(false), L2 = l(null);
+  u(() => {
+    if (!P2) {
+      L2.current = { propTotalSize: s2, propViewportSize: r2, propOffset: o2 };
+      const e5 = S2();
+      _2(e5);
+    }
+  }, [s2, r2, o2, P2, c2, a2, d2]);
+  const D2 = Tt((e5, t3, n3) => {
+    const i2 = L2.current;
+    L2.current = null, i2 && i2.propTotalSize === s2 && i2.propViewportSize === r2 && i2.propOffset === o2 || (Math.abs(e5 - T2) < C2 && (e5 = T2), g2?.(e5 * I2, T2, k2));
+  }, [g2, I2, C2, T2, k2]), z2 = i((e5) => {
+    document.removeEventListener("mousemove", R2), document.removeEventListener("mouseup", z2), O2(false);
+  }, []), A2 = i((e5) => {
+    b2?.(e5), O2(true), document.addEventListener("mousemove", R2, { passive: true }), document.addEventListener("mouseup", z2, { passive: true });
+  }, [R2, z2]);
+  return e(Ot, { ref: n2, style: { ...f2 }, ...v2, offset: T2, totalSize: M2, viewportSize: k2, onMouseDown: A2, onScrollOffset: D2 });
+})).displayName = "VirtualScrollbar", r(a((t2, n2) => {
+  const { refFocusStart: o2, ...r2 } = t2, s2 = l(null), c2 = i(() => {
+    if (o2) return void o2?.current?.focus();
+    const e5 = s2.current.parentElement.children;
+    let t3 = [];
+    for (let n3 = 0; n3 < e5.length && e5[n3] !== s2.current; n3++) {
+      const o3 = e5[n3].getAttribute("tabindex");
+      if (null == o3 || "-1" === o3) continue;
+      if ("true" === e5[n3].getAttribute("disabled")) continue;
+      const r3 = e5[n3];
+      r3.focus && t3.push({ tabindex: parseInt(o3), child: r3 });
+    }
+    0 !== t3.length && (t3.sort(function(e6, t4) {
+      return e6.tabindex - t4.tabindex;
+    }), t3[0].child.focus());
+  }, [o2]);
+  return e("div", { tabIndex: 0, ref: m([s2, n2]), onFocus: c2, ...r2 });
+})), r(a((r2, i2) => {
+  const { className: s2, style: c2, children: a2, radius: u2 = 4, strokeWidth: h2 = 1, strokeColor: f2 = "grey", ...p2 } = r2, [g2, { width: x2, height: y2 }] = w(), v2 = l(null), b2 = (e5, t2 = 0) => {
+    const n2 = e5 / 2, o2 = y2 - n2 + t2;
+    return function(e6, t3, n3 = false) {
+      if (0 === t3) return e6;
+      function o3(e7, t4, n4) {
+        let o4 = t4.x - e7.x, i4 = t4.y - e7.y, l3 = Math.sqrt(o4 * o4 + i4 * i4);
+        return r3(e7, t4, Math.min(1, n4 / l3));
+      }
+      function r3(e7, t4, n4) {
+        return { x: e7.x + (t4.x - e7.x) * n4, y: e7.y + (t4.y - e7.y) * n4 };
+      }
+      function i3(e7, t4) {
+        e7.length > 2 && (e7[e7.length - 2] = t4.x, e7[e7.length - 1] = t4.y);
+      }
+      function l2(e7) {
+        return { x: parseFloat(e7[e7.length - 2]), y: parseFloat(e7[e7.length - 1]) };
+      }
+      let s3 = e6.split(/[,\s]/).reduce(function(e7, t4) {
+        let n4 = t4.match("([a-zA-Z])(.+)");
+        return n4 ? (e7.push(n4[1]), e7.push(n4[2])) : e7.push(t4), e7;
+      }, []).reduce(function(e7, t4) {
+        return parseFloat(t4) == t4 && e7.length ? e7[e7.length - 1].push(t4) : e7.push([t4]), e7;
+      }, []), c3 = [];
+      if (s3.length > 1) {
+        let e7 = l2(s3[0]), a3 = null;
+        "Z" === s3[s3.length - 1][0] && s3[0].length > 2 && (a3 = ["L", e7.x, e7.y], s3[s3.length - 1] = a3), c3.push(s3[0]);
+        for (let e8 = 1; e8 < s3.length; e8++) {
+          let d2 = c3[c3.length - 1], u3 = s3[e8], h3 = u3 === a3 ? s3[1] : s3[e8 + 1];
+          if (h3 && d2 && d2.length > 2 && "L" === u3[0] && h3.length > 2 && "L" === h3[0]) {
+            let e9, s4, a4 = l2(d2), f3 = l2(u3), p3 = l2(h3);
+            n3 ? (e9 = r3(f3, d2.origPoint || a4, t3), s4 = r3(f3, h3.origPoint || p3, t3)) : (e9 = o3(f3, a4, t3), s4 = o3(f3, p3, t3)), i3(u3, e9), u3.origPoint = f3, c3.push(u3);
+            let g3 = r3(e9, f3, 0.5), w2 = r3(f3, s4, 0.5), m2 = ["C", g3.x, g3.y, w2.x, w2.y, s4.x, s4.y];
+            m2.origPoint = f3, c3.push(m2);
+          } else c3.push(u3);
+        }
+        if (a3) {
+          let e8 = l2(c3[c3.length - 1]);
+          c3.push(["Z"]), i3(c3[0], e8);
+        }
+      } else c3 = s3;
+      return c3.reduce(function(e7, t4) {
+        return e7 + t4.join(" ") + " ";
+      }, "");
+    }(`M 0 ${n2} L ${u2 - 0.5} ${n2} L ${u2 - 0.5} ${o2} L ${2 * u2} ${o2} L ${x2 - 2 * u2} ${o2} M ${x2 - 2 * u2} ${o2} L ${x2 - u2} ${o2} L ${x2 - u2} ${n2} L ${x2} ${n2}`, u2);
+  }, S2 = d(() => b2(h2), [x2, y2, u2, h2]), E2 = d(() => {
+    if (0 === u2) return;
+    const e5 = u2 / 2;
+    return b2(u2) + `L ${x2} 0 L 0 0 L 0 ${e5}`;
+  }, [S2, u2, h2]), _2 = d(() => ({ style: { clipPath: `path('${E2}')` } }), [E2]);
+  return t("div", { className: s2, style: { display: "flex", flexDirection: "row", ...c2 }, ...p2, ref: m([v2, g2, i2]), children: [o.isValidElement(a2) ? o.cloneElement(a2, _2) : e(n, {}), e("svg", { style: { position: "absolute", top: 0, left: 0, pointerEvents: "none" }, width: x2, height: y2, viewBox: `0 0 ${x2} ${y2}`, children: e("path", { d: S2, stroke: f2, fill: "none", vectorEffect: "non-scaling-stroke", strokeWidth: h2 }) })] });
+}));
+const ln = {}, sn = (t2) => {
+  const { onPointerDown: n2, style: o2, splitDirection: r2, paddingBefore: i2 = 0, paddingAfter: l2 = 0, disabled: s2, key: c2, hitAreaProps: a2 = ln, ...d2 } = t2, u2 = "row" === r2, { style: h2, className: f2, ...p2 } = a2;
+  return e("div", { style: { ...o2, position: "relative" }, ...d2, children: e("div", { className: g("hit-box", f2), style: { left: (u2 ? -i2 : 0) + "px", width: `calc(100% + ${u2 ? i2 + l2 : 0}px)`, top: (u2 ? 0 : -i2) + "px", height: `calc(100% + ${u2 ? 0 : i2 + l2}px)`, position: "absolute", ...h2 }, onPointerDown: s2 ? void 0 : n2, ...p2 }) }, c2);
+}, cn = {}, an = (e5, t2, n2 = true) => null === e5 ? null : null !== e5.pixels ? n2 ? e5.pixels : t2 - e5.pixels : (n2 ? e5.percent : 100 - e5.percent) / 100 * t2, dn = (e5, t2 = true) => e5?.percent ? `${t2 ? e5.percent : 100 - e5.percent}%` : e5?.pixels ? `${e5.pixels}px` : void 0, un = (e5, t2) => {
+  if (null == e5) return null;
+  const n2 = { percent: null, pixels: null };
+  let o2 = t2;
+  return "string" == typeof e5 && ((e5 = e5.trim().toLowerCase()).endsWith("px") ? (e5 = e5.substring(0, e5.length - 2), o2 = false) : e5.endsWith("%") && (e5 = e5.substring(0, e5.length - 1), o2 = true), e5 = parseFloat(e5)), o2 ? n2.percent = e5 : n2.pixels = e5, Object.freeze(n2);
+};
+function hn(e5) {
+  if (!e5) throw new Error("must have a PointerHandlerOptions");
+  const { onPointerDown: t2, onPointerUp: n2, onPointerMoveOrWait: o2, processTouch: r2 = false, consumeTouch: c2 = true } = e5, a2 = Tt(t2, [t2]), d2 = Tt(n2, [n2]), u2 = Tt(o2, [o2]), h2 = l(false), f2 = e5?.timerInitial ?? 230, p2 = e5?.timerContinuous ?? f2 / 2, g2 = l(null), w2 = l(null), m2 = l(null), x2 = l(null), y2 = i(() => {
+    x2.current && (clearTimeout(x2.current), x2.current = null);
+  }, []), v2 = i((e6) => {
+    x2.current = setTimeout(() => {
+      window.requestAnimationFrame(() => {
+        false !== h2.current && u2?.(w2.current, m2.current, g2.current);
+      }), v2(p2);
+    }, e6 ?? f2);
+  }, []);
+  s(() => () => y2(), []);
+  const b2 = r2 ? "pointer" : "mouse", S2 = i((e6) => {
+    e6.stopPropagation(), e6.stopImmediatePropagation(), e6.preventDefault();
+  }, []), E2 = Tt((e6) => {
+    document.removeEventListener(`${b2}move`, C2), document.removeEventListener(`${b2}up`, E2), document.removeEventListener("keydown", M2), document.removeEventListener("keyup", T2), document.removeEventListener("touchstart", S2, { capture: true }), document.removeEventListener("touchmove", S2, { capture: true }), window.removeEventListener("blur", _2), y2(), window.requestAnimationFrame(() => {
+      false !== h2.current && (h2.current = false, d2?.(e6, m2.current, g2.current), m2.current = null);
+    });
+  }, []), _2 = i(() => {
+    false !== h2.current && (h2.current = false, E2(w2.current));
+  }, []), I2 = Tt(() => {
+    y2(), v2(p2), window.requestAnimationFrame(() => {
+      false !== h2.current && u2?.(w2.current, m2.current, g2.current);
+    });
+  }, [p2]), C2 = Tt((e6) => {
+    w2.current = e6, I2();
+  }, []), M2 = Tt((e6) => {
+    m2.current = { ctrlKey: e6.ctrlKey, shiftKey: e6.shiftKey, altKey: e6.altKey, metaKey: e6.metaKey }, I2();
+  }, []), T2 = Tt((e6) => {
+    m2.current = { ctrlKey: e6.ctrlKey, shiftKey: e6.shiftKey, altKey: e6.altKey, metaKey: e6.metaKey }, I2();
+  }, [p2]);
+  return Tt((e6) => {
+    e6.isDefaultPrevented() || (m2.current = { ctrlKey: e6.ctrlKey, shiftKey: e6.shiftKey, altKey: e6.altKey, metaKey: e6.metaKey }, false !== a2(e6, m2.current) && (g2.current = e6, w2.current = e6.nativeEvent, document.addEventListener(`${b2}up`, E2, { passive: false }), document.addEventListener(`${b2}move`, C2, { passive: false }), document.addEventListener("keydown", M2, { passive: false }), document.addEventListener("keyup", T2, { passive: false }), window.addEventListener("blur", _2, { passive: true }), r2 && c2 && (document.addEventListener("touchstart", S2, { passive: false, capture: true }), document.addEventListener("touchmove", S2, { passive: false, capture: true })), h2.current = true, v2(f2)));
+  }, [f2, r2]);
+}
+r(a((n2, r2) => {
+  const { elementBefore: i2, elementAfter: c2, splitDirection: a2 = "row", fixedPane: u2 = null, position: f2, onPositionChange: p2, minBefore: x2, maxBefore: y2, minAfter: v2, maxAfter: b2, children: S2, className: E2, style: _2, disabled: I2 = false, onDragStart: C2, onDragResize: M2, onDragFinish: T2, resizerProps: k2 = cn, paneProps: R2 = cn, paneBeforeProps: P2 = cn, paneAfterProps: O2 = cn, createResizer: L2 = sn } = n2;
+  if (S2) throw new Error("Use elementBefore and elementAfter instead of children.");
+  const D2 = d(() => o.isValidElement(c2) && o.isValidElement(i2), [c2, i2]), z2 = d(() => {
+    let e5 = null;
+    u2 && ("before" === u2 ? e5 = 0 : "after" === u2 && (e5 = 1));
+    const t2 = null === e5;
+    return { fixedPaneOffset: e5, isPercent: t2, minBefore: un(x2, t2), maxBefore: un(y2, t2), minAfter: un(v2, t2), maxAfter: un(b2, t2) };
+  }, [x2, y2, v2, b2]), A2 = Tt(p2, [p2]), [$2, B2] = h(() => un(f2, null === u2));
+  s(() => {
+    B2(un(f2, null === u2));
+  }, [f2, u2]);
+  const [F2, { width: j2, height: V2 }] = w(), [W2, { width: H2, height: N2 }] = w(), U2 = "row" === a2 ? H2 : N2, q2 = "row" === a2 ? j2 : V2, K2 = d(() => ((e5, t2, n3, o2) => {
+    const r3 = [null, null], i3 = [null, null];
+    if (e5 || (e5 = { percent: null === o2.fixedPaneOffset ? 50 : null, pixels: null === o2.fixedPaneOffset ? null : 0 }), 0 === t2) return null != e5?.pixels ? 1 !== o2.fixedPaneOffset ? (r3[0] = e5?.pixels, i3[1] = 100) : (r3[1] = e5?.pixels - n3, i3[0] = 100) : null != e5?.percent && (1 !== o2.fixedPaneOffset ? (i3[0] = e5?.percent, i3[1] = 100 - e5?.percent) : (i3[1] = e5?.percent, i3[0] = 100 - e5?.percent)), { percents: i3, pixels: r3, minBefore: dn(o2.minBefore, true), maxBefore: dn(o2.maxBefore, true), minAfter: dn(o2.minAfter), maxAfter: dn(o2.maxAfter) };
+    let l2 = an(e5, t2, 1 !== o2.fixedPaneOffset), s2 = t2 - n3, c3 = an(o2.minBefore, s2, true) ?? 0, a3 = an(o2.maxBefore, s2, true) ?? s2, d2 = 0, u3 = 0, h2 = 0, f3 = s2;
+    d2 = (an(o2.maxAfter, t2, false) ?? n3) - n3, u3 = an(o2.minAfter, t2, false) ?? t2, h2 = Math.max(c3, d2), f3 = Math.min(a3, u3), l2 = Math.max(h2, Math.min(l2, f3)), u3 = Math.min(s2 - l2, an(o2.maxAfter, s2 - l2, true) ?? s2), d2 = Math.min(s2 - l2, an(o2.minAfter, s2 - l2, true) ?? s2), r3[0] = l2, r3[1] = s2 - r3[0];
+    const p3 = Math.max(0, Math.min(100, l2 / s2 * 100));
+    return i3[0] = p3, i3[1] = 100 - i3[0], { percents: i3, pixels: r3, minBefore: `${c3}px`, minAfter: `${d2}px`, maxBefore: `${r3[0]}px`, maxAfter: `${r3[1]}px` };
+  })($2, q2, U2, z2), [z2, $2, q2, U2, a2]), [Y2, X2] = h(false), G2 = Tt(C2, [C2]), Z2 = Tt(M2, [M2]), J2 = Tt(T2, [T2]), Q2 = l(null), ee2 = l(null), te2 = l(null), { style: ne2, className: oe2, ...re2 } = R2, ie2 = { minWidth: 0, minHeight: 0, maxWidth: "100%", maxHeight: "100%", display: "flex", overflow: "hidden", ...ne2 }, { className: le2, style: se2, ...ce2 } = P2, { className: ae2, style: de2, ...ue2 } = O2, he2 = { flex: "1 1 100%", width: "100%", ..._2, flexDirection: a2, display: "flex" }, { className: fe2, style: pe2, onPointerDown: ge2, ...we2 } = k2, me2 = Tt((e5) => {
+    const t2 = un(e5, null === u2);
+    B2(t2);
+  }, [u2]), xe2 = Tt((e5) => {
+    if (I2 || !Y2) return;
+    const t2 = be2.current?.getBoundingClientRect();
+    let n3 = 0;
+    n3 = "row" === a2 ? (e5.clientX ?? e5.touches?.[0]?.clientX) - t2.x : (e5.clientY ?? e5.touches?.[0]?.clientY) - t2.y, n3 = Math.max(0, Math.min(q2, n3)), 1 === z2.fixedPaneOffset && (n3 = q2 - n3), f2 && $2.pixels === n3 || B2({ pixels: n3, percent: null }), Z2?.(n3), e5.stopPropagation(), e5.preventDefault();
+  }, [z2, a2, I2, Y2, $2, q2]), ye2 = Tt((e5) => {
+    if (document.removeEventListener("pointermove", xe2), document.removeEventListener("touchmove", xe2), document.removeEventListener("pointerup", ye2), Y2 && (X2(false), $2)) {
+      if (J2($2.pixels), !un(f2, null === u2) || $2.pixels !== f2) {
+        const e6 = { ...$2 };
+        null === e6.percent && (e6.percent = e6.pixels / q2 * 100), A2(e6);
+      }
+      e5.stopPropagation(), e5.preventDefault();
+    }
+  }, [$2, Y2, f2, u2, q2]), ve2 = Tt((e5) => {
+    ge2?.(e5), e5.defaultPrevented || I2 || Y2 || (X2(true), G2(), document.addEventListener("pointermove", xe2, { passive: false }), document.addEventListener("touchmove", xe2, { passive: false }), document.addEventListener("pointerup", ye2, { passive: false }));
+  }, [ge2]), be2 = Kt(r2, () => ({ setPosition: me2, isSplitPane: () => true }), []), Se2 = d(() => D2 ? L2?.({ key: "resizer", ref: m([W2, ee2]), className: g("resizer", fe2), onPointerDownCapture: ve2, style: { cursor: I2 ? void 0 : "row" === a2 ? "ew-resize" : "ns-resize", minWidth: "row" === a2 ? "2px" : void 0, minHeight: "row" !== a2 ? "2px" : void 0, boxSizing: "border-box", pointerEvents: "all", zIndex: 1, ...pe2 }, splitDirection: a2, disabled: I2, ...we2 }) : null, [D2, fe2, we2, a2, pe2, I2]), Ee2 = "row" === a2 ? "Width" : "Height", _e2 = { ...ie2, ...se2, flex: 0 === z2.fixedPaneOffset && null !== K2?.pixels[0] ? `0 0 ${Math.round(K2?.pixels[0])}px` : `1 1 ${Math.round(K2?.percents[0] ?? 100)}%`, [`min${Ee2}`]: K2?.minBefore, [`max${Ee2}`]: c2 ? K2?.maxBefore : "100%" }, Ie2 = { ...ie2, ...de2, flex: 1 === z2.fixedPaneOffset && null !== K2?.pixels[1] ? `0 0 ${Math.round(K2?.pixels[1])}px` : `1 1 ${Math.round(K2?.percents[1] ?? 100)}%`, [`min${Ee2}`]: K2?.minAfter, [`max${Ee2}`]: i2 ? K2?.maxAfter : "100%" }, Ce2 = d(() => i2 ? e("div", { ref: Q2, className: g("before", oe2, le2), style: _e2, ...re2, ...ce2, children: i2 }, "before") : null, [i2, R2, P2, z2, K2]), Me2 = d(() => c2 ? e("div", { ref: te2, className: g("after", oe2, ae2), style: Ie2, ...re2, ...ue2, children: c2 }, "after") : null, [c2, R2, O2, z2, K2]);
+  return t("div", { ref: m([F2, be2]), className: g("splitPane", "row" === a2 ? "vertical" : "horizontal", { dragging: Y2 }, E2), style: he2, children: [Ce2, Se2, Me2] });
+}));
+const fn = ({ initValue: e5, useHookBody: t2, applyStateChange: n2 }) => {
+  const o2 = l(e5);
+  if ("function" != typeof t2) throw new Error("function expected as hook body parameter. got " + typeof t2);
+  const r2 = t2();
+  return u(() => {
+    o2.current !== r2 && (o2.current = r2, n2(r2));
+  }, [n2, r2]), null;
+}, pn = (e5) => {
+  console && console.warn && console.warn(e5);
+}, gn = "object" == typeof self && self.self === self && self || "object" == typeof global && global.global === global && global || void 0;
+let wn = 1, mn = false, xn = false;
+const yn = [], vn = [], bn = () => {
+  vn.forEach((e5) => e5());
+}, Sn = ({ automaticContainerInternalUseOnly: t2 }) => {
+  const [o2, r2] = h([]), i2 = l([]);
+  return i2.current = o2, t2 || false !== mn || (xn = true), s(() => {
+    let e5 = true;
+    function n2() {
+      if (e5) return vn[0] !== n2 ? (t2 || true !== mn || pn("SingletonHooksContainer is mounted after some singleton hook has been used.Your SingletonHooksContainer will not be used in favor of internal one."), void r2((e6) => [])) : void r2([...yn]);
+    }
+    return vn.push(n2), bn(), () => {
+      e5 = false, i2.current?.length > 0 && pn("SingletonHooksContainer is unmounted, but it has active singleton hooks. They will be reevaluated once SingletonHooksContainer is mounted again"), vn.splice(vn.indexOf(n2), 1), bn();
+    };
+  }, [t2]), e(n, { children: o2.map(({ hook: e5, key: t3 }) => f(fn, { ...e5, key: t3 })) });
+}, En = (t2, n2, o2 = {}) => {
+  let r2, i2, l2 = false, c2 = false, a2 = [], { unmountIfNoConsumers: d2 = false } = o2;
+  const u2 = (e5) => {
+    i2 = e5, y(() => a2.forEach((t3) => t3(e5)));
+  }, f2 = () => (c2 || (i2 = "function" == typeof t2 ? t2() : t2, c2 = true), i2);
+  return () => {
+    const [o3, c3] = h(f2);
+    return s(() => (l2 || (l2 = true, r2 = ((t3) => {
+      const n3 = wn++;
+      return yn.push({ hook: t3, key: n3 }), 0 === vn.length && false === xn && (mn = true, ((t4) => {
+        if (gn.document && gn.document.createElement) {
+          const n4 = gn.document.createElement("div");
+          x(n4).render(e(t4, { automaticContainerInternalUseOnly: true }));
+        } else pn("Can not mount SingletonHooksContainer on server side. Did you manage to run useEffect on server? Please mount SingletonHooksContainer into your components tree manually.");
+      })(Sn)), bn(), () => {
+        yn.splice(yn.findIndex((e5) => e5.key === n3), 1), bn();
+      };
+    })({ initValue: t2, useHookBody: n2, applyStateChange: u2 })), a2.push(c3), i2 !== o3 && c3(i2), () => {
+      a2.splice(a2.indexOf(c3), 1), 0 === a2.length && d2 && (r2(), l2 = false);
+    }), []), o3;
+  };
+};
+En(null, () => {
+  const [e5, t2] = h(null);
+  return e5;
+});
+class _n {
+  constructor(e5, t2, n2, o2) {
+    this._listenersProperties = /* @__PURE__ */ new Set(), this._listenersExecute = /* @__PURE__ */ new Set(), this._key = e5, this._target = t2, this._applyProps(n2 || {}), this._callback = o2, void 0 === o2 && (this._callback = () => {
+      console.log(`implement: ${this.label()} : ${this.description()}`);
+    });
+  }
+  key() {
+    return this._key;
+  }
+  _resolve(e5, t2) {
+    if ("function" == typeof e5) {
+      const n2 = t2 ?? this._context;
+      return e5("function" == typeof n2 ? n2() : n2);
+    }
+    return e5;
+  }
+  target() {
+    return "function" == typeof this._target ? this._target() : this._target;
+  }
+  label(e5, t2) {
+    const n2 = this._scopedLabels?.[e5] || this._label;
+    let o2 = null;
+    if ("function" == typeof n2) {
+      const e6 = t2 ?? this._context;
+      o2 = n2("function" == typeof e6 ? e6() : e6);
+    } else o2 = n2;
+    return o2;
+  }
+  description(e5) {
+    return this._resolve(this._description, e5);
+  }
+  tags(e5) {
+    return this._resolve(this._tags, e5);
+  }
+  icon(e5) {
+    return this._resolve(this._icon, e5);
+  }
+  shortcut() {
+    return this._resolve(this._shortcut);
+  }
+  disabled() {
+    return this._resolve(this._disabled) || !this._callback;
+  }
+  state() {
+    return this._resolve(this._state);
+  }
+  context() {
+    return "function" == typeof this._context ? this._context() : this._context;
+  }
+  async execute(e5, t2) {
+    if (!this.disabled() && this._callback) {
+      try {
+        let n2 = true;
+        if (t2?.beforeExecute && (n2 = t2?.beforeExecute(this, e5)), false === await Promise.resolve(n2)) return false;
+        const o2 = this._callback.bind(this)(e5, this);
+        if (false === await Promise.resolve(o2)) return false;
+        t2?.onExecute?.(this, e5), this._notifyExecute(e5);
+      } catch (n2) {
+        return console.warn(n2), t2?.onError(this, n2, e5), this._notifyError(e5, n2), false;
+      }
+      return true;
+    }
+  }
+  addPropertyListener(e5, t2 = false) {
+    if (!e5) throw new Error("listener must be specified");
+    const n2 = this._listenersProperties;
+    return n2.add(e5), t2 && e5({}, this), () => {
+      n2.delete(e5);
+    };
+  }
+  addExecuteListener(e5) {
+    if (!e5) throw new Error("listener must be specified");
+    const t2 = this._listenersExecute;
+    return t2.add(e5), function() {
+      t2.delete(e5);
+    };
+  }
+  _notifyExecute(e5) {
+    const t2 = this;
+    this._listenersExecute.forEach((n2) => {
+      n2.onExecute(t2, e5);
+    });
+  }
+  _notifyError(e5, t2) {
+    const n2 = this;
+    this._listenersExecute.forEach((o2) => {
+      o2.onError?.(n2, e5, t2);
+    });
+  }
+  updateCallback(e5) {
+    return this._callback = e5 || null, this;
+  }
+  update(e5) {
+    if (!e5) return;
+    const t2 = this._applyProps(e5);
+    return Object.keys(t2).length > 0 && this._notifyPropertyChange(t2), this;
+  }
+  _notifyPropertyChange(e5) {
+    const t2 = this;
+    this._listenersProperties.forEach((n2) => {
+      n2(e5, t2);
+    });
+  }
+  _applyProps(e5) {
+    let t2 = {}, n2 = this;
+    return Object.keys(e5).forEach((o2) => {
+      let r2 = e5[o2];
+      n2["_" + o2] !== r2 && (n2["_" + o2] = t2[o2] = r2);
+    }), t2;
+  }
+}
+class In extends _n {
+}
+Me.getOS() === Me.OSType.MacOS || (Me.getOS(), Me.OSType.IOS), Me.getOS() === Me.OSType.MacOS || (Me.getOS(), Me.OSType.IOS), En({ setClipboard: (e5) => {
+  throw new Error("This is only available via the useClipboard.");
+}, getClipboard: () => Xe.Global, refNativeCopy: { current: null }, refNativeLastKey: { current: null } }, () => {
+  const [e5, t2] = h(Xe.Global);
+  return { setClipboard: (e6) => t2(e6), getClipboard: () => e5, refNativeCopy: l(null), refNativeLastKey: l(null) };
+});
+let Cn = false, Mn = 0;
+var Tn = "undefined" != typeof document ? u : s;
+const kn = () => "sheetxl-ui-" + Mn++, Rn = o["useId".toString()], Pn = null != Rn ? Rn : function() {
+  const [e5, t2] = o.useState(() => Cn ? kn() : void 0);
+  return Tn(() => {
+    null == e5 && t2(kn());
+  }, []), o.useEffect(() => {
+    Cn || (Cn = true);
+  }, []), e5;
+}, On = ({ itemType: e5, index: t2, itemSize: n2, instanceProps: o2, scale: r2 = 1 }) => {
+  let i2, l2, s2;
+  "column" === e5 ? (i2 = o2.columnMetadataMap, l2 = o2.lastMeasuredColumnIndex, s2 = o2.recalcColumnIndices) : (i2 = o2.rowMetadataMap, l2 = o2.lastMeasuredRowIndex, s2 = o2.recalcRowIndices);
+  const c2 = s2.length > 0;
+  if (t2 > l2) {
+    let a2 = 0;
+    if (l2 >= 0) {
+      const e6 = i2[l2];
+      a2 = e6.offset + e6.size;
+    }
+    for (let e6 = l2 + 1; e6 <= t2; e6++) {
+      let t3 = c2 ? s2.includes(e6) ? n2(e6) * r2 : i2[e6]?.size || n2(e6) * r2 : n2(e6) * r2;
+      i2[e6] = { offset: a2, size: t3 }, a2 += t3;
+    }
+    "column" === e5 ? o2.lastMeasuredColumnIndex = t2 : o2.lastMeasuredRowIndex = t2;
+  }
+  return i2[t2], i2[t2];
+}, Ln = ({ itemType: e5, itemSize: t2, itemCount: n2, instanceProps: o2, offset: r2, scale: i2 }) => {
+  let l2, s2;
+  "column" === e5 ? (l2 = o2.columnMetadataMap, s2 = o2.lastMeasuredColumnIndex) : (l2 = o2.rowMetadataMap, s2 = o2.lastMeasuredRowIndex);
+  let c2 = 0;
+  return c2 = (s2 > 0 ? l2[s2].offset : 0) >= r2 ? Dn({ itemType: e5, itemSize: t2, instanceProps: o2, high: s2, low: 0, offset: r2, scale: i2 }) : zn({ itemType: e5, itemSize: t2, itemCount: n2, instanceProps: o2, index: Math.max(0, s2), offset: r2, scale: i2 }), c2 = Math.min(c2, n2), c2;
+}, Dn = ({ itemType: e5, itemSize: t2, instanceProps: n2, high: o2, low: r2, offset: i2, scale: l2 }) => {
+  for (; r2 <= o2; ) {
+    const s2 = r2 + Math.floor((o2 - r2) / 2), c2 = On({ itemType: e5, itemSize: t2, index: s2, instanceProps: n2, scale: l2 }).offset;
+    if (c2 === i2) return s2;
+    c2 < i2 ? r2 = s2 + 1 : c2 > i2 && (o2 = s2 - 1);
+  }
+  return r2 > 0 ? r2 - 1 : 0;
+}, zn = ({ itemType: e5, itemSize: t2, itemCount: n2, instanceProps: o2, index: r2, offset: i2, scale: l2 }) => {
+  let s2 = 1;
+  for (; r2 < n2 && On({ itemType: e5, itemSize: t2, index: r2, instanceProps: o2, scale: l2 }).offset < i2; ) r2 += s2, s2 *= 2;
+  return Dn({ itemType: e5, itemSize: t2, instanceProps: o2, high: Math.min(r2, n2 - 1), low: Math.floor(r2 / 2), offset: i2, scale: l2 });
+}, An = (e5) => {
+  const { rowCount: t2, columnCount: n2, defaultRowHeight: o2, getRowHeight: r2, defaultColumnWidth: i2, getColumnWidth: c2 } = e5 || {}, a2 = l({ columnMetadataMap: {}, rowMetadataMap: {}, lastMeasuredColumnIndex: -1, lastMeasuredRowIndex: -1, recalcColumnIndices: [], recalcRowIndices: [] }), d2 = Tt((e6) => Ln({ itemType: "row", itemCount: t2, itemSize: r2 ?? (() => o2 ?? 20), instanceProps: a2.current, offset: e6 }), [t2, r2, o2]), u2 = Tt((e6) => -1 === e6 ? 0 : On({ itemType: "row", index: e6, itemSize: r2 ?? (() => o2 ?? 20), instanceProps: a2.current }).offset, [r2, o2]), f2 = Tt((e6) => On({ itemType: "row", index: e6, itemSize: r2 ?? (() => o2 ?? 20), instanceProps: a2.current }).size, [r2, o2]), g2 = Tt((e6) => Ln({ itemType: "column", itemCount: n2, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: a2.current, offset: e6 }), [n2, c2, i2]), w2 = Tt((e6) => -1 === e6 ? 0 : On({ itemType: "column", index: e6, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: a2.current }).offset, [c2, i2]), m2 = Tt((e6) => On({ itemType: "column", index: e6, itemSize: c2 ?? (() => i2 ?? 75), instanceProps: a2.current }).size, [c2, i2]), [x2, y2] = p((e6) => e6 + 1, 0), v2 = () => ({ getRowOffset: u2, getColOffset: w2, getRowIndex: d2, getColIndex: g2 }), [b2, S2] = h(() => e5 ? v2() : null);
+  return s(() => {
+    S2(e5 ? v2() : null);
+  }, [x2, t2, n2, i2, o2, f2, m2]), b2;
+}, $n = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ~`!@#$%^&*()-_=+[{]};:'\",<.>/?|\\", Bn = (e5) => {
+  if (!e5) return null;
+  if ("start" === e5.eventType) return { type: e5.eventType };
+  if ("submit" === e5.eventType) return { type: e5.eventType };
+  if ("cancel" === e5.eventType) return { type: e5.eventType };
+  if ("keyboard" === e5.eventType) return { type: e5.eventType, key: e5.event.key };
+  if ("pointer" === e5.eventType) return { type: e5.eventType };
+  if ("coordsChange" === e5.eventType) {
+    const t2 = { type: e5.eventType };
+    return e5.activeCoords && (t2.activeCoords = e5.activeCoords), t2;
+  }
+  return { type: e5.eventType ?? "unknown" };
+}, Fn = (e5) => true, jn = (e5) => !!e5 && (!(e5.ctrlKey || e5.metaKey || e5.altKey || e5.isComposing) && (!(e5.shiftKey || "F2" !== e5.key && " " !== e5.key && "Backspace" !== e5.key) || (!e5.shiftKey || " " !== e5.key) && -1 !== $n.indexOf(e5.key))), Vn = (e5) => !!e5 && ("dblclick" === e5.type && { editMode: true }), Wn = (t2) => {
+  const { session: n2, refLatestCoords: o2, handleSubmitEdit: r2, handleCancelEdit: c2, cellBounds: a2, isInBounds: d2, getCellEditor: u2, propsEditor: f2, borderStrokeFill: p2 = "rgb(33, 115, 70)", borderStrokeWidth: g2 = 2, alignment: w2 = pt.Left, style: m2, ...x2 } = t2, y2 = l(null), v2 = l(null), [b2, S2] = h(false), E2 = n2.coords, _2 = i(async (e5) => {
+    const t3 = y2.current?.getBoundingClientRect();
+    if (t3) {
+      if ("keyboard" === e5.eventType) {
+        const t4 = e5.event, n3 = new KeyboardEvent(t4.type, { bubbles: true, cancelable: true, view: window, key: t4.key, code: t4.code, location: t4.location, repeat: t4.repeat, isComposing: t4.isComposing, charCode: t4.charCode, keyCode: t4.keyCode, which: t4.which, ctrlKey: t4.ctrlKey, shiftKey: t4.shiftKey, altKey: t4.altKey, metaKey: t4.metaKey });
+        n3.isSynthetic = true, n3.key, v2.current?.dispatchEvent(n3);
+      } else "pointer" === e5.eventType || console.warn("unsupported event type", e5);
+      await new Promise((e6) => requestAnimationFrame(e6));
+    }
+  }, []);
+  s(() => {
+    const e5 = v2.current;
+    S2(true), v2.current.startEdit?.(n2.startEvent);
+    return (async () => {
+      n2.editorRefs.push(e5), n2.editorRefsDispatchEditorEvent.push(_2);
+      const t3 = [...n2.events];
+      for (let e6 = 0; e6 < t3.length; e6++) await _2(t3[e6]);
+      n2.onMount(e5);
+    })(), () => {
+      const t3 = n2.editorRefs.indexOf(e5);
+      -1 !== t3 && n2.editorRefs.splice(t3, 1), n2.onUnmount(e5);
+    };
+  }, []);
+  const I2 = i(() => r2(n2), []), C2 = i(() => {
+    c2(n2);
+  }, []), M2 = o2.current && ne.isEqualCells(o2.current, E2), T2 = d2 && M2 && b2, k2 = u2({ autoFocus: !!n2.startEvent?.autoFocus, ...f2, onSubmitEdit: I2, onCancelEdit: C2, ref: v2 }, E2), R2 = a2.x + Ut.boundPixel(-g2 / 2), P2 = Ut.boundPixel(a2.width + g2 / 2, true);
+  return e("div", { tabIndex: 0, ref: y2, style: { background: void 0, ...m2, opacity: T2 ? m2?.opacity ?? 1 : 0, pointerEvents: "auto", position: "absolute", boxSizing: "border-box", top: `${a2.y + Ut.boundPixel(-g2 / 2)}px`, height: Ut.boundPixel(a2.height + g2 / 2, true), left: `${R2}px`, width: P2 }, ...x2, children: e("div", { className: "editor-container", style: { position: "absolute", boxSizing: "border-box", left: `${Ut.boundPixel(1)}px`, top: `${Ut.boundPixel(1)}px`, width: Ut.boundPixel(a2.width - 2, true), height: Ut.boundPixel(a2.height - 2, true), outline: `${g2}px ${p2} solid`, boxShadow: "rgba(60,64,67,.35) 2px 2px 6px 3px", maxHeight: "100%", overflow: "hidden", display: "flex" }, children: k2 }) });
+}, Hn = (t2) => {
+  const { view: n2, canEdit: o2 = Fn, getCellEditor: r2, onBeforeStartEdit: c2, onStartEdit: a2, onSubmitEdit: d2, onCancelEdit: f2, onDoneEdit: g2, isEditorStartKeyEvent: w2 = jn, isEditorStartPointerEvent: m2 = Vn, containerProps: x2, borderStrokeFill: y2, borderStrokeWidth: v2 = 2, getRangeCoords: b2 = null, activeCoords: S2, alignment: E2 = pt.Left } = t2, [_2, I2] = h(false), [C2, M2] = h(void 0), T2 = Tt((e5, t3, n3, o3, r3, i2) => {
+    if (!t3) return null;
+    const l2 = r3?.(t3, e5), s2 = e5.getRangeCoordsBounds(l2), c3 = e5.toClipBounds(s2), a3 = s2, d3 = e5.getZoom();
+    if (!c3) return null;
+    n3 && (n3 *= d3), o3 && (o3 *= d3);
+    let u2 = a3, h2 = false;
+    if (void 0 !== n3) {
+      let t4 = { ...l2 }, o4 = 0;
+      for (; !h2 && u2.width <= n3 && o4 < 20; ) {
+        o4++, o4 > 19 && console.warn("max width reached");
+        const r4 = e5.getTotalRangeCoords(), l3 = e5.getLayout();
+        i2 === pt.Left ? t4.colEnd + 1 < r4.colEnd ? t4.colEnd = l3.getColIndex(u2.x + n3) : h2 = true : i2 === pt.Right ? t4.colStart - 1 >= 0 ? t4.colStart = l3.getColIndex(u2.x - (n3 - u2.width)) : h2 = true : i2 === pt.Center && t4.colEnd + 1 < r4.colEnd && t4.colStart - 1 >= 0 ? (t4.colStart = l3.getColIndex(u2.x - (n3 - u2.width) / 2), t4.colEnd = l3.getColIndex(u2.x + u2.width + (n3 - u2.width) / 2)) : h2 = true, h2 || (u2 = e5.getRangeCoordsBounds(t4));
+      }
+    }
+    u2.height = a3.height, void 0 !== o3 && (u2.height = Math.max(o3 + 1, a3.height));
+    const { width: f3, height: p2 } = e5.getViewportSize();
+    return { x: u2.x ?? 0, y: u2.y ?? 0, height: Math.min(p2 - u2.y, u2.height) + 1, width: Math.min(f3 - u2.x, u2.width) + 1 };
+  }, [E2]), k2 = Tt(o2, [o2]), R2 = i(() => {
+    n2?.getStage()?.focus();
+  }, [n2]), P2 = Tt((e5) => {
+    c2?.(e5), W2(), I2(true);
+  }, [c2]), O2 = Tt((e5) => {
+    a2?.(e5.coords);
+  }, [a2]), L2 = Tt((e5) => {
+    e5.isSubmitted || e5.isCancelled || (A2.current.isEditorClosed = true, R2(), e5.isCancelled = true, f2?.(e5.coords), W2());
+  }, [f2]), D2 = Tt((e5) => {
+    if (e5.isSubmitted || e5.isCancelled) return false;
+    try {
+      return e5.isEditorClosing = true, e5.isSubmitted = true, e5.isEditorSubmitted || (e5.isEditorSubmitted = true, e5.editorRefs[0]?.submitEdit?.()), e5.coords, d2?.(e5.coords), e5.isEditorClosed = true, R2(), W2(), true;
+    } catch (t3) {
+      throw e5.isEditorClosing = false, e5.isSubmitted = false, t3;
+    }
+  }, [d2]), z2 = Tt((e5) => {
+    I2(false), g2?.(e5.coords), W2();
+  }, [g2]), A2 = l(null), $2 = l(null), B2 = l(null), F2 = l([]), [j2, V2] = p((e5) => e5 + 1, 0), W2 = i((e5) => {
+    e5 && F2.current.push(e5), V2();
+  }, []), H2 = Tt((e5) => {
+    if (e5.defaultPrevented || e5.isSynthetic) return;
+    if (!n2) return;
+    const t3 = n2?.getCellCoordsFromClient(e5.clientX, e5.clientY);
+    if (!t3) return;
+    W2({ eventType: "pointer", event: e5, coords: t3 });
+  }, [n2]), N2 = Tt((e5) => {
+    const t3 = e5.nativeEvent;
+    H2(t3);
+  }, [n2]), U2 = Tt((e5) => {
+    if (e5.defaultPrevented || e5.isSynthetic) return;
+    if (!n2?.getStage()) return;
+    const t3 = $2.current;
+    w2(e5, t3) && (e5.stopPropagation(), e5.preventDefault()), e5.key;
+    W2({ eventType: "keyboard", event: e5, coords: t3 });
+  }, [n2]);
+  u(() => {
+    const e5 = (e6, t4) => {
+      const o4 = t4?.cell ?? e6;
+      if (!o4) return null;
+      const r3 = o4;
+      if (!k2(o4)) return null;
+      P2?.(o4);
+      const i2 = Me.uuidV4();
+      t4 = Object.freeze({ autoFocus: true, ...t4 }), B2.current = o4;
+      const l2 = { coords: r3, startEvent: t4, uuid: i2, isMounted: false, isStarted: false, isSubmitted: false, isEditorSubmitted: false, isEditorClosing: false, isEditorClosed: false, isCancelled: false, events: [], editorRefsDispatchEditorEvent: [], editorRefs: [], onMount: (e7) => {
+        l2.isMounted || (l2.isMounted = true, W2());
+      }, onUnmount: (e7) => {
+        if (0 === l2.editorRefs.length) {
+          const e8 = () => {
+            l2.isMounted = false, W2();
+          };
+          if (document.activeElement !== document.body) e8();
+          else {
+            const t5 = (e9) => {
+              e9.defaultPrevented || e9.target !== document.body || U2(e9);
+            };
+            window.addEventListener("keydown", t5, true), n2.getStage()?.addEventListener("focusin", () => {
+              window.removeEventListener("keydown", t5), e8();
+            }, { once: true }), R2();
+          }
+        }
+      } };
+      return l2;
+    };
+    if (F2.current.length <= 0 && !A2.current) return;
+    const t3 = F2.current[0];
+    Bn(t3), ((e6) => {
+      const t4 = [], n3 = e6?.length ?? 0;
+      for (let o4 = 0; o4 < n3; o4++) {
+        const n4 = e6[o4];
+        t4.push(Bn(n4));
+      }
+    })(F2.current), A2.current, A2.current;
+    let o3 = A2.current;
+    if (A2.current) {
+      if (A2.current.isDone) A2.current = null;
+      else if (A2.current.isSubmitted || A2.current.isCancelled) {
+        if (A2.current.isMounted) return;
+        A2.current.isDone || (z2(A2.current), A2.current.isDone = true);
+      }
+    }
+    if (t3) {
+      if ("start" === t3.eventType) {
+        const n3 = t3, o4 = n3.startEvent?.cell ?? $2.current;
+        A2.current && ne.isEqualCells(A2.current.coords, o4) || (A2.current = e5(o4, n3.startEvent));
+      } else if ("keyboard" === t3.eventType) {
+        const n3 = t3.event;
+        if (A2.current) {
+          n3.key, A2.current.events, A2.current.events.push(t3);
+          for (let e6 = 0; e6 < A2.current.editorRefsDispatchEditorEvent.length; e6++) A2.current.editorRefsDispatchEditorEvent[e6](t3);
+        } else {
+          if (w2(n3, t3.coords)) {
+            let n4;
+            const o4 = e5(n4?.cell ?? $2.current, n4);
+            o4 && o4.events.push(t3), A2.current = o4;
+          }
+        }
+      } else if ("pointer" === t3.eventType) {
+        const n3 = t3.event;
+        if (A2.current) {
+          A2.current.events.push(t3);
+          for (let e6 = 0; e6 < A2.current.editorRefsDispatchEditorEvent.length; e6++) A2.current.editorRefsDispatchEditorEvent[e6](t3);
+        } else {
+          const o4 = t3?.coords ?? $2.current, r3 = m2(n3, o4);
+          if (r3) {
+            let n4;
+            "boolean" != typeof n4 && (n4 = r3);
+            const i2 = e5(o4, n4);
+            i2 && i2.events.push(t3), A2.current = i2;
+          }
+        }
+      } else if ("submit" === t3.eventType) {
+        if (A2.current && !A2.current.isSubmitted && !A2.current.isCancelled) {
+          if (!A2.current.isMounted) return;
+          D2(A2.current);
+        }
+      } else if ("cancel" === t3.eventType) {
+        if (A2.current && !A2.current.isSubmitted && !A2.current.isCancelled) {
+          if (!A2.current.isMounted) return;
+          L2(A2.current);
+        }
+      } else if ("coordsChange" === t3.eventType) {
+        const e6 = t3;
+        if ($2.current = e6.activeCoords, A2.current, A2.current && !A2.current.isSubmitted && !A2.current.isCancelled) {
+          if (!A2.current.isMounted) return;
+          try {
+            D2(A2.current);
+          } catch (e7) {
+          }
+        }
+      }
+    }
+    F2.current.length > 0 && (F2.current.shift(), W2()), 0 === F2.current.length && (!A2.current || A2.current.isEditorClosing || A2.current.isEditorClosed ? !A2.current && o3 && R2() : A2.current.isMounted && !A2.current.isStarted && (A2.current.isStarted = true, A2.current.startEvent.autoFocus && ("string" == typeof A2.current.startEvent.autoFocus ? A2.current.editorRefs[0]?.autoFocus(A2.current.startEvent.autoFocus) : A2.current.editorRefs[0]?.autoFocus()), O2?.(A2.current), requestAnimationFrame(() => {
+      n2 && A2.current?.coords && n2.scrollCellCoordsIntoView(A2.current.coords);
+    })));
+  }, [j2]), s(() => {
+    B2.current = S2;
+    const e5 = A2.current?.coords;
+    if (!ne.isEqualCells(e5, S2)) {
+      A2.current && (A2.current.isEditorClosing = true);
+      W2({ eventType: "coordsChange", activeCoords: S2 });
+    }
+  }, [S2]);
+  const q2 = i((e5) => {
+    U2(e5.nativeEvent);
+  }, []), { width: K2 = 0, height: Y2 = 0 } = C2 ?? { width: 0, height: 0 }, X2 = Tt(r2, [r2]);
+  return { overlay: Tt((t3) => {
+    if (!A2.current || A2.current.isEditorClosed) return A2.current, null;
+    A2.current.coords;
+    let n3 = T2(t3, A2.current.coords, K2, Y2, b2, E2), o3 = true;
+    n3 && 0 !== n3.width && 0 !== n3.height || (n3 = { x: 0, y: 0, width: K2, height: K2 }, o3 = false);
+    const r3 = t3.getZoom(), i2 = { containerBounds: { x: 0, y: 0, width: n3.width / r3, height: n3.height / r3 }, setNaturalDimensions: M2, zoom: r3 };
+    return e(Wn, { session: A2.current, refLatestCoords: B2, handleSubmitEdit: D2, handleCancelEdit: L2, cellBounds: n3, borderStrokeWidth: v2, borderStrokeFill: y2, isInBounds: o3, getCellEditor: X2, propsEditor: i2, alignment: E2, ...x2 }, "editor:" + A2.current.uuid);
+  }, [r2, b2, j2, K2, Y2, E2, v2, y2]), startEdit: i((e5) => {
+    W2({ eventType: "start", startEvent: e5 });
+  }, []), submitEdit: i(() => {
+    W2({ eventType: "submit" });
+  }, []), cancelEdit: i(() => {
+    W2({ eventType: "cancel" });
+  }, []), onKeyboardEvent: q2, onPointerEvent: N2, onKeyboardEventNative: U2, onPointerEventNative: H2, isEditing: _2 };
+}, Nn = ({ gridRef: e5, gridMainRef: t2, orientation: n2 = $, headerCount: o2, selectionPolicy: r2 = "multiple", newSelectionMode: s2 = "clear", alwaysScrollToActiveCoords: c2 = true, onDragStart: a2, onDragEnd: u2, pointerDownInterceptor: h2, pointerMoveInterceptor: f2, onPointerUp: p2, newSelection: g2, modifySelection: w2, appendSelection: m2, clearSelections: x2 }) => {
+  const y2 = o2 ?? ((n2 === $ ? e5.current?.rowCount : e5.current?.columnCount) || 0), v2 = l(null), b2 = l(null), S2 = l(false), E2 = l(null), _2 = i((e6) => n2 === A ? { rowIndex: 0, colIndex: e6.colIndex } : { rowIndex: e6.rowIndex, colIndex: 0 }, [n2]), I2 = i((e6) => n2 === A ? { rowIndex: t2.current ? t2.current.rowCount - 1 : 0, colIndex: e6.colIndex } : { rowIndex: e6.rowIndex, colIndex: t2.current ? t2.current.columnCount - 1 : 0 }, [n2]), C2 = (e6) => {
+    b2.current = I2(e6), w2(b2.current, v2.current);
+  }, M2 = i((o3, r3) => {
+    if (!e5.current) return;
+    const i2 = e5.current.getViewFromClient(o3, r3)?.getCellCoordsFromClient(o3, r3);
+    return i2 ? (n2 === A ? i2.rowIndex = t2.current.getViewport().rowStart : i2.colIndex = t2.current.getViewport().colStart, i2) : void 0;
+  }, []), T2 = i((e6, o3 = false) => {
+    let r3 = e6;
+    return o3 || (r3 = { ...e6 }, n2 === $ ? delete r3.colIndex : delete r3.rowIndex), t2.current?.scrollCellCoordsIntoView(r3);
+  }, [n2]), k2 = Tt(u2, [u2]), R2 = Tt(a2, [a2]), P2 = d(() => ({ onPointerDown: (o3) => {
+    if (!e5 || !e5.current) return;
+    if (o3.nativeEvent.defaultPrevented) return;
+    const r3 = M2(o3.nativeEvent.clientX, o3.nativeEvent.clientY);
+    if (!r3) return;
+    o3.nativeEvent.which;
+    const i2 = o3.nativeEvent.shiftKey, l2 = o3.nativeEvent.ctrlKey || o3.nativeEvent.metaKey;
+    if (false === h2?.(o3, r3)) return;
+    R2?.(), S2.current = true;
+    const s3 = t2.current?.getViewFromClient(o3.nativeEvent.clientX, o3.nativeEvent.clientY), a3 = ((e6, t3) => n2 === A ? { ...e6, rowIndex: t3.rowStart } : { ...e6, colIndex: t3.colStart })(r3, s3.getVisibleRangeCoords());
+    if (i2) C2(r3);
+    else {
+      if (l2) return ((e6, t3 = e6, n3) => {
+        v2.current = _2(e6), b2.current = I2(t3), m2(v2.current, b2.current, n3);
+      })(r3, r3, a3), void (c2 && T2(a3, true));
+      ((e6, t3 = e6, n3) => {
+        v2.current = _2(e6), b2.current = I2(t3), g2(v2.current, b2.current, n3);
+      })(r3, r3, a3), C2(r3), c2 && T2(a3, true);
+    }
+  }, onPointerMoveOrWait: Me.throttle((t3) => {
+    if (!S2.current || !e5?.current) return;
+    const n3 = M2(t3.clientX, t3.clientY);
+    if (n3 && false !== f2?.(t3, n3)) {
+      if (ne.isEqualCells(E2.current, n3)) return x2();
+      C2(n3), T2(n3);
+    }
+  }, 60), onPointerUp: (e6) => {
+    S2.current = false, k2?.(), p2?.(e6);
+  }, processTouch: true, consumeTouch: true }), [r2, c2, y2, s2, x2, h2, p2]);
+  return { onPointerDown: Tt(hn(P2), []), getCellCoordsFromClient: M2 };
+}, Un = (e5, t2, n2) => {
+  if (!e5) return t2;
+  let o2 = t2;
+  const r2 = n2 === I || n2 === E;
+  for (; ; ) {
+    const t3 = e5(o2, !r2);
+    if (0 === t3) return o2;
+    r2 ? o2 += t3 : o2 -= t3;
+  }
+}, qn = (e5, t2, n2) => {
+  const o2 = [];
+  let r2 = t2;
+  for (; r2 <= n2; ) {
+    const t3 = Math.max(0, e5(r2));
+    0 === t3 ? (o2.push(r2), r2++) : r2 += t3;
+  }
+  return o2;
+}, Kn = (e5, t2, n2, o2, r2, i2) => {
+  if (!t2) return i2;
+  let { rowIndex: l2, colIndex: s2 } = e5;
+  switch (o2) {
+    case E: {
+      l2 = Un(n2, Math.min(l2 + 1, i2), o2);
+      let e6 = t2({ rowIndex: l2, colIndex: s2 });
+      for (; !e6 && l2 < i2; ) l2 = Un(n2, Math.min(++l2, i2), o2), e6 = t2({ rowIndex: l2, colIndex: s2 });
+      return l2;
+    }
+    case S: {
+      l2 = Un(n2, Math.max(l2 - 1, i2), o2);
+      let e6 = t2({ rowIndex: l2, colIndex: s2 });
+      for (; !e6 && l2 > i2; ) l2 = Un(n2, Math.max(--l2, i2), o2), e6 = t2({ rowIndex: l2, colIndex: s2 });
+      return l2;
+    }
+    case I: {
+      s2 = Un(n2, Math.min(s2 + 1, i2), o2);
+      let e6 = t2({ rowIndex: l2, colIndex: s2 });
+      for (; !e6 && s2 < i2; ) s2 = Un(n2, Math.min(++s2, i2), o2), e6 = t2({ rowIndex: l2, colIndex: s2 });
+      return s2;
+    }
+    case _: {
+      s2 = Un(n2, Math.max(s2 - 1, i2), o2);
+      let e6 = t2({ rowIndex: l2, colIndex: s2 });
+      for (; !e6 && s2 > i2; ) s2 = Un(n2, Math.max(--s2, i2), o2), e6 = t2({ rowIndex: l2, colIndex: s2 });
+      return s2;
+    }
+    default:
+      return i2;
+  }
+}, Yn = (e5, t2 = () => true, n2, o2, r2, i2) => {
+  let { rowIndex: l2, colIndex: s2 } = e5;
+  switch (o2) {
+    case E: {
+      l2 = Un(n2, Math.min(l2 + 1, i2), o2);
+      let e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      for (; e6 && l2 < i2; ) l2 = Un(n2, Math.min(++l2, i2), o2), e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      return t2?.({ rowIndex: l2, colIndex: s2 }) ? l2 : l2 - 1;
+    }
+    case S: {
+      l2 = Un(n2, Math.max(l2 - 1, i2), o2);
+      let e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      for (; e6 && l2 > i2; ) l2 = Un(n2, Math.max(--l2, i2), o2), e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      return t2?.({ rowIndex: l2, colIndex: s2 }) ? l2 : l2 + 1;
+    }
+    case I: {
+      s2 = Un(n2, Math.min(s2 + 1, i2), o2);
+      let e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      for (; e6 && s2 < i2; ) s2 = Un(n2, Math.min(++s2, i2), o2), e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      return t2?.({ rowIndex: l2, colIndex: s2 }) ? s2 : s2 - 1;
+    }
+    case _: {
+      s2 = Un(n2, Math.max(s2 - 1, i2), o2);
+      let e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      for (; e6 && s2 > i2; ) s2 = Un(n2, Math.max(--s2, i2), o2), e6 = t2?.({ rowIndex: l2, colIndex: s2 });
+      return t2?.({ rowIndex: l2, colIndex: s2 }) ? s2 : s2 + 1;
+    }
+    default:
+      return null;
+  }
+}, Xn = (e5, t2, n2, o2, r2, i2) => {
+  if (!t2) return i2;
+  let l2, { rowIndex: s2, colIndex: c2 } = e5;
+  o2 === E ? l2 = { rowIndex: s2 + 1, colIndex: c2 } : o2 === S ? l2 = { rowIndex: s2 - 1, colIndex: c2 } : o2 === I ? l2 = { rowIndex: s2, colIndex: c2 + 1 } : o2 === _ && (l2 = { rowIndex: s2, colIndex: c2 - 1 });
+  const a2 = t2(e5), d2 = t2(l2);
+  var u2, h2;
+  return (h2 = d2, !(u2 = a2) && !h2 || !u2 && h2 || u2 && !h2 ? Kn : Yn)(e5, t2, n2, o2, false, i2) ?? i2;
+}, Gn = (e5, t2) => `${e5}:${t2}`, Zn = (e5, t2, n2, o2, r2, i2) => {
+  if (n2 - t2 >= r2 - o2) return o2;
+  let l2 = o2;
+  if ("nearest" === e5 && (o2 - t2 > 0 ? e5 = "start" : n2 - r2 > 0 && (e5 = "end")), "start" === e5) l2 = t2;
+  else if ("end" === e5) l2 = n2 - (r2 - o2);
+  else if ("center" === e5) {
+    l2 = t2 + (n2 - t2) / 2 - (r2 - o2) / 2;
+  }
+  return Math.max(0, Math.min(l2, i2 - (r2 - o2)));
+}, Jn = (e5, t2, n2, o2) => (console.log("todo: implement convertToVisibleRanges"), e5), Qn = (e5, t2 = I, n2, o2, r2, i2 = null) => {
+  if (i2 && ne.isEqualSelectionCoords(i2, e5)) return e5;
+  const l2 = e5.ranges[e5.rangeIndex];
+  if (!ne.isRangesIntersect({ rowStart: e5.cell.rowIndex, colStart: e5.cell.colIndex, rowEnd: e5.cell.rowIndex, colEnd: e5.cell.colIndex }, l2)) return e5;
+  let s2 = { ...e5.cell }, c2 = e5.rangeIndex;
+  switch (t2) {
+    case I:
+      s2.colIndex = Un(r2, s2.colIndex + 1, t2);
+      break;
+    case _:
+      s2.colIndex = Un(r2, s2.colIndex - 1, t2);
+      break;
+    case E:
+      s2.rowIndex = Un(o2, s2.rowIndex + 1, t2);
+      break;
+    case S:
+      s2.rowIndex = Un(o2, s2.rowIndex - 1, t2);
+  }
+  const a2 = (t3) => {
+    if (t3) {
+      c2 = e5.rangeIndex >= e5.ranges.length - 1 ? 0 : e5.rangeIndex + 1;
+      const t4 = e5.ranges[c2];
+      s2 = { colIndex: t4.colStart, rowIndex: t4.rowStart };
+    } else {
+      c2 = e5.rangeIndex <= 0 ? e5.ranges.length - 1 : e5.rangeIndex - 1;
+      const t4 = e5.ranges[c2];
+      s2 = { colIndex: t4.colEnd, rowIndex: t4.rowEnd };
+    }
+  };
+  if (t2 === I && s2.colIndex > l2.colEnd && s2.rowIndex === l2.rowEnd) a2(true);
+  else if (t2 === _ && s2.colIndex < l2.colStart && s2.rowIndex === l2.rowStart) a2(false);
+  else if (t2 === E && s2.colIndex === l2.colEnd && s2.rowIndex > l2.rowEnd) a2(true);
+  else if (t2 === S && s2.colIndex === l2.colStart && s2.rowIndex < l2.rowStart) a2(false);
+  else {
+    let e6 = s2.rowIndex, n3 = s2.colIndex;
+    switch (t2) {
+      case I:
+        n3 > l2.colEnd && (e6 = Un(o2, e6 + 1, t2), n3 = l2.colStart, e6 > l2.rowEnd && (e6 = l2.rowStart));
+        break;
+      case _:
+        n3 < l2.colStart && (e6 = Un(o2, e6 - 1, t2), n3 = l2.colEnd, e6 < l2.rowStart && (e6 = l2.rowEnd));
+        break;
+      case E:
+        e6 > l2.rowEnd && (n3 = Un(r2, n3 + 1, t2), e6 = l2.rowStart, n3 > l2.colEnd && (n3 = l2.colStart));
+        break;
+      case S:
+        e6 < l2.rowStart && (n3 = Un(r2, n3 - 1, t2), e6 = l2.rowEnd, n3 < l2.colStart && (n3 = l2.colEnd));
+    }
+    s2 = { rowIndex: e6, colIndex: n3 };
+  }
+  let d2 = n2(s2);
+  if (!ne.isRangeWithinRange(d2, l2)) {
+    const e6 = ne.intersectRanges(d2, l2);
+    e6 && (d2 = e6);
+  }
+  let u2 = { rowStart: Un(o2, d2.rowStart, E), colStart: Un(r2, d2.colStart, I), rowEnd: Un(o2, d2.rowEnd, S), colEnd: Un(r2, d2.colEnd, _) };
+  if (u2.rowStart !== s2.rowIndex || u2.colStart !== s2.colIndex) {
+    switch (t2) {
+      case I:
+        e5.ranges[c2].colStart === u2.colStart && e5.ranges[c2].colEnd === u2.colEnd && (s2.rowIndex = u2.rowEnd), s2.colIndex = u2.colEnd;
+        break;
+      case _:
+        e5.ranges[c2].colStart === u2.colStart && e5.ranges[c2].colEnd === u2.colEnd && (s2.rowIndex = u2.rowStart), s2.rowIndex === u2.rowStart ? s2.colIndex = u2.colStart + 1 : s2.colIndex = u2.colStart;
+        break;
+      case E:
+        e5.ranges[c2].rowStart === u2.rowStart && e5.ranges[c2].rowEnd === u2.rowEnd && (s2.colIndex = u2.colEnd), s2.rowIndex = u2.rowEnd;
+        break;
+      case S:
+        e5.ranges[c2].rowStart === u2.rowStart && e5.ranges[c2].rowEnd === u2.rowEnd && (s2.colIndex = u2.colStart), s2.colIndex === u2.colStart ? s2.rowIndex = u2.rowStart + 1 : s2.rowIndex = u2.rowStart;
+    }
+    return Qn({ cell: s2, ranges: e5.ranges, rangeIndex: c2 }, t2, n2, o2, r2, i2 ?? e5);
+  }
+  return { ranges: e5.ranges, cell: s2, rangeIndex: c2 };
+}, eo = (e5, t2) => {
+  let n2, o2 = 0, r2 = 0;
+  return t2.colStart < e5.colStart ? (n2 = _, o2 = e5.colStart - t2.colStart, r2 = t2.colStart) : t2.colEnd > e5.colEnd ? (n2 = I, o2 = t2.colEnd - e5.colEnd, r2 = t2.colEnd) : t2.rowStart < e5.rowStart ? (n2 = S, o2 = e5.rowStart - t2.rowStart, r2 = t2.rowStart) : t2.rowEnd > e5.rowEnd && (n2 = E, o2 = t2.rowEnd - e5.rowEnd, r2 = t2.rowEnd), { direction: n2, amount: o2, index: r2 };
+}, to = (e5, t2 = false, n2, o2) => {
+  if (!n2) return 0;
+  const r2 = !t2, i2 = r2 ? 1 : -1;
+  let l2 = n2(r2 ? e5 : e5 + 1), s2 = n2(r2 ? e5 + 1 : e5), c2 = e5 + (r2 ? 2 : -1), a2 = 0;
+  for (; (s2 - l2) * i2 <= 0; ) {
+    if (r2 && c2 - 1 > o2 + 1 || !r2 && c2 + 1 < o2) return a2;
+    l2 = s2, s2 = n2(c2), c2 += i2, a2++;
+  }
+  return a2;
+}, no = (e5, t2, n2, o2, r2) => {
+  const i2 = {};
+  let l2 = null, s2 = null;
+  for (let c2 = 0; c2 <= n2.length && n2[c2] <= r2; c2++) {
+    const r3 = n2[c2];
+    if (r3 < o2) continue;
+    const a2 = l2 === r3 ? s2 : t2 ? e5.getColOffset(r3) : e5.getRowOffset(r3), d2 = t2 ? e5.getColOffset(r3 + 1) : e5.getRowOffset(r3 + 1);
+    l2 = r3 + 1, s2 = d2, i2[r3] = Object.freeze({ offset: a2, size: d2 - a2, spanIndex: c2 });
+  }
+  return Object.freeze(i2);
+}, oo = (e5, t2, n2) => {
+  const o2 = e5.getColOffset(t2.colStart) + (n2?.left ?? 0), r2 = e5.getRowOffset(t2.rowStart) + (n2?.top ?? 0);
+  return { x: o2, y: r2, width: e5.getColOffset(t2.colEnd + 1) + (n2?.right ?? 0) - (n2?.left ?? 0) - o2, height: e5.getRowOffset(t2.rowEnd + 1) + (n2?.bottom ?? 0) - (n2?.top ?? 0) - r2 };
+}, ro = (e5, t2, n2) => !!n2 && (!(e5 < n2.x || e5 > n2.x + n2.width) && !(t2 < n2.y || t2 > n2.y + n2.height)), io = (e5, t2 = true) => `M ${Ut.boundPixel(e5.left)} ${Ut.boundPixel(e5.top)} L ${Ut.boundPixel(e5.right, true)} ${Ut.boundPixel(e5.top)} L ${Ut.boundPixel(e5.right, true)} ${Ut.boundPixel(e5.bottom, true)} L ${Ut.boundPixel(e5.left)} ${Ut.boundPixel(e5.bottom, true)} L ${Ut.boundPixel(e5.left)} ${Ut.boundPixel(e5.top)} ${t2 ? "Z" : ""}`, lo = (t2) => {
+  const { linePoints: n2, bounds: o2, pathProps: r2, style: i2, ...l2 } = t2;
+  return e("svg", { width: `${Ut.boundPixel(o2.width, true)}`, height: `${Ut.boundPixel(o2.height, true)}`, viewBox: `0 0 ${Ut.boundPixel(o2.width, true)} ${Ut.boundPixel(o2.height, true)}`, style: { position: "absolute", left: `${Ut.boundPixel(o2.x)}px`, top: `${Ut.boundPixel(o2.y)}px`, width: `${Ut.boundPixel(o2.width, true)}px`, height: `${Ut.boundPixel(o2.height, true)}px`, pointerEvents: "none", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top, width, height", willChange: "left, top, width, height, stroke-dashoffset", ...i2 }, ...l2, children: e("path", { d: `M ${Ut.boundPixel(n2[0])} ${Ut.boundPixel(n2[1])} L ${Ut.boundPixel(n2[2])} ${Ut.boundPixel(n2[3])}`, fill: "none", vectorEffect: "non-scaling-stroke", stroke: "black", ...r2 }) });
+}, so = (n2) => {
+  const { x: o2 = 0, y: r2 = 0, width: i2 = 0, height: l2 = 0, fill: s2, stroke: c2, strokeWidth: a2 = 0, strokeDasharray: d2, strokeDashoffset: u2, clipPath: h2, pathBounds: f2, pathProps: p2, style: g2, ...w2 } = n2, m2 = r2, x2 = o2, y2 = i2, v2 = l2;
+  let b2 = null;
+  if (s2) {
+    let t2 = io({ top: 0, left: 0, bottom: v2, right: y2 });
+    f2 && (t2 = t2 + " " + io({ top: f2.y - m2, left: f2.x - x2, bottom: f2.height + f2.y - m2, right: f2.width + f2.x - x2 })), b2 = [e("path", { d: t2, fill: s2, stroke: "none", fillRule: "evenodd" }, "fill")];
+  }
+  return t("svg", { width: `${Ut.boundPixel(i2, true)}`, height: `${Ut.boundPixel(l2, true)}`, viewBox: `0 0 ${Ut.boundPixel(i2, true)} ${Ut.boundPixel(l2, true)}`, preserveAspectRatio: "none", style: { position: "absolute", left: `${Ut.boundPixel(o2)}px`, top: `${Ut.boundPixel(r2)}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", ...g2 }, ...w2, children: [b2, e("path", { d: io({ top: 0, left: 0, right: y2, bottom: v2 }), fill: "none", strokeDasharray: d2, strokeDashoffset: u2, stroke: c2, vectorEffect: "non-scaling-stroke", strokeWidth: a2, ...p2 })] });
+}, co = (t2) => {
+  const { key: n2, ...o2 } = t2;
+  return e(ao, { ...o2 }, n2);
+}, ao = r((t2) => {
+  const { stroke: n2, fill: o2, x: r2 = 0, y: i2 = 0, width: l2 = 0, height: c2 = 0, style: a2, isAnimatedStroke: d2, animatedStrokeProps: u2, range: h2, cell: f2, ...p2 } = t2, g2 = d2 || !!u2, w2 = { name: "walking-offset", dashGap: 2, speed: 50, dashLength: 8, ...u2 };
+  let m2 = w2.dashGap + w2.dashLength;
+  const x2 = w2.speed * m2, y2 = Pn().replaceAll(":", ""), v2 = `${w2.name}-${y2}`;
+  let b2;
+  return s(() => {
+    if (!g2) return;
+    const e5 = `@keyframes ${v2} {
+      to {
+        stroke-dashoffset: 0px;
+      }
+    }`, t3 = document.createElement("style");
+    t3.appendChild(document.createTextNode(e5)), document.head.appendChild(t3);
+    return t3.sheet.insertRule(e5, 0), () => {
+      document.head.removeChild(t3);
+    };
+  }, [g2]), g2 && (b2 = { strokeDasharray: `${w2.dashLength}px ${w2.dashGap}px`, strokeDashoffset: `${m2}px`, animation: `${v2} ${x2}ms linear infinite`, willChange: "stroke-dashoffset" }), e(so, { x: r2, y: i2, width: l2, height: c2, stroke: n2, fill: o2, shapeRendering: "crispEdges", style: { ...b2, ...a2 }, ...p2 });
+});
+ao.displayName = "Selection";
+const uo = r(a((t2, n2) => {
+  const { x: o2 = 0, y: r2 = 0, borderWidth: i2 = 1, size: l2 = 6, borderStroke: s2, corner: c2, style: a2, className: d2, background: u2, ...h2 } = t2;
+  if (0 === o2 || 0 === r2) return null;
+  let f2 = true, p2 = true, w2 = true, m2 = true;
+  switch (c2) {
+    case "tl":
+      f2 = false, p2 = false;
+      break;
+    case "bl":
+      f2 = false, m2 = false;
+      break;
+    case "br":
+      w2 = false, m2 = false;
+      break;
+    case "tr":
+      p2 = false, w2 = false;
+  }
+  return e("div", { className: g("fill-handle", d2), style: { position: "absolute", left: o2 - (l2 + (f2 ? i2 : 0)) / 2, top: r2 - (l2 + (p2 ? i2 : 0)) / 2, width: l2, height: l2, borderLeft: f2 ? `${i2}px ${s2}` : void 0, borderTop: p2 ? `${i2}px ${s2}` : void 0, borderRight: w2 ? `${i2}px ${s2}` : void 0, borderBottom: m2 ? `${i2}px ${s2}` : void 0, background: u2, cursor: "crosshair", pointerEvents: "all", transitionDuration: "0ms", transitionTimingFunction: "linear", transitionDelay: "0", transitionProperty: "left, top", willChange: "left, top", ...a2 }, tabIndex: -1, ...h2 });
+}));
+uo.displayName = "FillHandle";
+const ho = r(a((o2, r2) => {
+  const { range: i2, view: c2, anchor: a2, borderStroke: u2 = "rgb(33, 115, 70)", background: f2 = "white", borderWidth: p2 = 1.5, size: x2 = 22, style: y2, className: b2, selectionTouchPointerHandler: S2, onTouchSelectStart: E2, onTouchSelectEnd: _2, currentTouchAnchor: I2, scrollableElement: C2, scrollableRoot: M2 = document.body, ...T2 } = o2, k2 = Tt(E2, [E2]), R2 = Tt(_2, [_2]), { bounds: P2, coordsPivot: O2, key: L2 } = d(() => {
+    if (!i2 || !c2) return null;
+    let e5 = null, t2 = null;
+    switch (a2) {
+      case "tl":
+        e5 = { colIndex: i2.colEnd, rowIndex: i2.rowEnd }, t2 = { colIndex: i2.colStart, rowIndex: i2.rowStart };
+        break;
+      case "br":
+        e5 = { colIndex: i2.colStart, rowIndex: i2.rowStart }, t2 = { colIndex: i2.colEnd, rowIndex: i2.rowEnd };
+        break;
+      case "t":
+      case "l":
+        e5 = { colIndex: i2.colEnd, rowIndex: i2.rowEnd };
+        break;
+      case "b":
+        e5 = { colIndex: i2.colStart, rowIndex: i2.rowStart };
+        break;
+      case "r":
+        e5 = { colIndex: i2.colStart, rowIndex: i2.rowEnd };
+    }
+    let n2 = c2.getRangeCoordsBounds(t2 ? { rowStart: t2.rowIndex, colStart: t2.colIndex, rowEnd: t2.rowIndex, colEnd: t2.colIndex } : i2);
+    const o3 = c2.getBounds(), r3 = c2.getViewportSize(), l2 = o3.x, s2 = o3.y, d2 = r3.width, u3 = r3.height;
+    switch (a2) {
+      case "tl":
+        break;
+      case "br":
+        n2.x = n2.x + n2.width, n2.y = n2.y + n2.height;
+        break;
+      case "t":
+        n2.x = d2 / 2 - l2;
+        break;
+      case "b":
+        n2.x = d2 / 2 - l2, n2.y = n2.y + n2.height;
+        break;
+      case "l":
+        n2.y = u3 / 2 - s2;
+        break;
+      case "r":
+        n2.x = n2.x + n2.width, n2.y = u3 / 2 - s2;
+    }
+    const h2 = c2.toClipBounds(n2, 0);
+    return !h2 || h2.width <= 0 || h2.height <= 0 || n2.x < 0 || n2.y < 0 || n2.x > d2 || n2.y > u3 ? { bounds: null, coordsAnchor: null, coordsPivot: null, key: null } : { bounds: n2, coordsAnchor: null, coordsPivot: e5, key: "touchSelect-" + c2.getAnchor() + "-" + a2 };
+  }, [i2, c2, a2]), D2 = l(null), z2 = hn(d(() => {
+    const e5 = (e6) => "t" === a2 || "b" === a2 ? { ...e6, colIndex: void 0 } : "l" === a2 || "r" === a2 ? { ...e6, rowIndex: void 0 } : e6;
+    return { processTouch: true, consumeTouch: true, onPointerDown: (t2, n2) => {
+      const o3 = e5(c2.getCellCoordsFromClient(t2.clientX, t2.clientY));
+      return D2.current = { coordsPivot: O2 }, k2?.(a2), S2.onSelectionPointerDown(t2, n2, c2, o3, O2, false, true);
+    }, onPointerMoveOrWait: (t2, n2, o3) => {
+      const r3 = e5(c2.getCellCoordsFromClient(t2.clientX, t2.clientY));
+      return S2.onSelectionPointerMoveOrWait(t2, n2, o3, c2, r3, D2.current?.coordsPivot, true, true);
+    }, onPointerUp: (e6, t2, n2) => (D2.current = null, R2?.(a2), S2.onPointerUp(e6, t2, n2)) };
+  }, [S2, i2, c2, a2])), [A2, { y: $2, x: B2 }] = w(), F2 = l(null), { getPortalContainer: j2 } = Qt(), [V2, W2] = h(null);
+  return s(() => {
+    const t2 = F2.current?.getBoundingClientRect();
+    if (!t2 || !P2) return void W2(null);
+    let n2 = 0, o3 = 0, i3 = C2;
+    for (; i3; ) n2 += i3.scrollLeft, o3 += i3.scrollTop, i3 = M2 && i3 === M2.parentElement ? null : i3.parentElement;
+    W2(v(e("div", { className: g("touch-select-handle", b2), ref: r2, style: { position: "absolute", left: n2 + (t2?.x ?? 0) - (x2 + p2) / 2, top: o3 + (t2?.y ?? 0) - (x2 + p2) / 2, width: x2, height: x2, borderWidth: `${p2}px`, border: u2, borderRadius: "50%", background: f2, boxShadow: `0 0 0 1.5px ${f2}`, cursor: "grab", pointerEvents: "all", opacity: I2 ? 0 : 1, transitionDuration: "160ms", transitionProperty: "opacity", ...y2 }, tabIndex: -1, onPointerDown: z2, ...T2 }), M2 ?? j2(), L2));
+  }, [$2, B2, P2?.x, P2?.y, P2?.width, P2?.height, b2, I2, f2, x2, p2, u2, C2]), P2 ? t(n, { children: [e("div", { ref: m([A2, F2]), style: { position: "absolute", left: P2.x, top: P2.y, opacity: 0 } }), V2] }) : null;
+}));
+ho.displayName = "TouchSelectHandle";
+const fo = -10, po = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd: 0 }), go = Object.freeze({ colIndex: 0, rowIndex: 0 }), wo = Object.freeze([]), mo = (e5) => {
+  if (e5 && e5.cell && e5.ranges && e5.rangeIndex > -1 && e5.rangeIndex <= e5.ranges.length) return e5;
+  const t2 = { cell: null, ranges: e5?.ranges ?? wo };
+  return t2.rangeIndex = e5?.rangeIndex ?? t2.ranges.length - 1, t2.cell = e5?.cell, !t2.cell && t2.ranges.length > 0 && (t2.cell = { rowIndex: t2.ranges[t2.rangeIndex].rowStart, colIndex: t2.ranges[t2.rangeIndex].colStart }), t2.cell || (t2.cell = go), ne.isEqualSelectionCoords(t2, e5) ? e5 : t2;
+}, xo = (e5, t2, n2) => {
+  const o2 = e5.getVisibleRangeCoords(), r2 = e5.getScrollOrientation();
+  !r2.horizontal && (t2.colIndex > o2.colEnd || t2.colIndex < o2.colStart) && (t2 = { ...t2, colIndex: t2.colIndex > o2.colEnd ? o2.colEnd + 1 : o2.colEnd - 1 }, e5 = n2.current.getViewFromLocation(k)), !r2.vertical && (t2.rowIndex > o2.rowEnd || t2.rowIndex < o2.rowStart) && (t2 = { ...t2, rowIndex: t2.rowIndex > o2.rowEnd ? o2.rowEnd + 1 : o2.rowEnd - 1 }, e5 = n2.current.getViewFromLocation(k)), e5.scrollCellCoordsIntoView(t2);
+}, yo = () => false, vo = ({ gridRef: t2, commands: n2, layout: o2, selection: r2, onSelectionChange: c2, onSelectionDragStart: a2, onSelectionDragEnd: p2, selectionPolicy: g2 = "multiple", newSelectionMode: w2 = "clear", allowDeselectSelection: m2 = true, onFillPreview: x2, onFillCancel: y2, onFillDone: v2, onFill: b2, disableFillDrag: R2 = !b2, fillHandleBorderColor: P2 = "white", hiddenRowsAt: O2, hiddenColumnsAt: L2, isContentfulCell: D2, contentfulCellFinder: z2 = Xn, getDataCoords: A2, alwaysScrollToActiveCoords: $2 = false, selectionBounds: B2, pointerDownInterceptor: F2, pointerMoveInterceptor: j2, mergedRanges: V2, canSelectionSpanMergedCells: W2 = yo, onMoveDragStart: H2, onMoveDragUpdate: N2, onMoveDragEnd: U2, onMoveDragDone: q2, selectionRenderer: K2 = co, disableMoveDrag: Y2 = !U2, getCellCoordsAsRangeCoords: X2 = ne.cellToRange, moveDragHitSize: G2 = 6, moveDragOutlineSize: Z2 = 4, selectionBackgroundColor: J2 = "rgba(16, 124, 65, 0.1)", selectionBorderColor: Q2 = "rgb(33, 115, 70)", selectionRemoveBorderColor: ee2 = "rgb(255, 0, 0)", selectionRemoveBackgroundColor: te2 = "rgba(250, 10, 10, 0.1)", disableTouchSelection: oe2 = false, touchSelectHandleProps: re2 }) => {
+  const ie2 = i(() => ({ top: B2?.top ?? 0, left: B2?.left ?? 0, bottom: t2.current?.rowCount - 1 || 0, right: t2.current?.columnCount - 1 || 0 }), []), le2 = Tt(b2, [b2]), se2 = Tt(x2, [x2]), ce2 = Tt(y2, [y2]), ae2 = Tt(v2, [v2]), de2 = Tt(D2, [D2]), ue2 = Tt(K2, [K2]), he2 = Tt((e5, t3 = false) => to(e5, t3, o2.getRowOffset, t3 ? ie2().bottom : ie2().top), [o2?.getRowOffset]), fe2 = Tt(O2 ?? he2, [O2]), pe2 = Tt((e5, t3 = false) => to(e5, t3, o2.getColOffset, t3 ? ie2().right : ie2().left), [o2?.getColOffset]), ge2 = Tt(L2 ?? pe2, [L2]), [we2, me2] = h(() => mo(r2)), xe2 = d(() => mo(we2), [we2]), ye2 = l(xe2), ve2 = l(true);
+  u(Me.throttle(() => {
+    me2((e5) => {
+      ve2.current = true;
+      const t3 = mo(r2);
+      return ne.isEqualSelectionCoords(t3, e5) ? e5 : t3;
+    });
+  }, 0), [r2]), u(() => {
+    ye2.current = xe2;
+  }, [xe2]), s(() => {
+    ve2.current || !c2 || ne.isEqualSelectionCoords(r2, xe2) || c2(xe2);
+  }, [xe2]);
+  const be2 = i((e5) => {
+    me2((t3) => {
+      ve2.current = false, t3 = mo(t3);
+      let n3 = "function" == typeof e5 ? e5(t3.ranges) : e5 ?? wo;
+      if (ne.isEqualRangesArrays(n3, t3.ranges)) return t3;
+      let o3 = Math.max(n3.length ? 0 : -1, Math.min(t3.rangeIndex, n3.length - 1)), r3 = t3.cell;
+      -1 === o3 || ne.isCellWithinRange(r3, n3[o3]) || (r3 = { rowIndex: n3[o3].rowStart, colIndex: n3[o3].colStart }), 1 === n3.length && ne.isSingleCell(n3[0]) && ne.isCellWithinRange(r3, n3[0]) && (n3 = [], o3 = -1);
+      const i2 = { cell: r3, ranges: n3, rangeIndex: o3 };
+      return ne.isEqualSelectionCoords(i2, t3) ? t3 : i2;
+    });
+  }, []), Se2 = Tt((e5) => {
+    me2((t3) => {
+      ve2.current = false, t3 = mo(t3);
+      const n3 = e5 ?? go, o3 = X2(n3);
+      if (!ne.isSingleCell(o3) && 0 === t3.ranges.length) return { ranges: [o3], rangeIndex: 0, cell: n3 };
+      if (ne.isEqualCells(n3, t3.cell)) return t3;
+      let r3 = t3.ranges, i2 = t3.rangeIndex;
+      1 === t3.ranges.length && (ne.isSingleCell(t3.ranges[0]) && ne.isCellWithinRange(n3, t3.ranges[0]) || !ne.isCellWithinRange(n3, t3.ranges[0])) && (r3 = [], i2 = -1);
+      const l2 = { ranges: r3, rangeIndex: i2, cell: n3 };
+      return ne.isEqualSelectionCoords(l2, t3) ? t3 : l2;
+    });
+  }, [X2]), [Ee2, _e2] = h(null), [Ie2, Ce2] = h(null), Te2 = l(null), [ke2, Re2] = h(null), Pe2 = l(null), Oe2 = l(null), [Le2, De2] = h(null), ze2 = l(null), Ae2 = l(null), $e2 = l(V2);
+  s(() => {
+    $e2.current = V2;
+  }, [V2]);
+  const Be2 = Tt((e5, n3 = { inline: "nearest", block: "nearest" }) => {
+    let { rowIndex: o3, colIndex: r3 } = e5;
+    void 0 === o3 && xe2?.cell && (o3 = xe2.cell.rowIndex), void 0 === r3 && xe2?.cell && (r3 = xe2.cell.colIndex), void 0 !== o3 && void 0 !== r3 && t2.current?.scrollCellCoordsIntoView({ rowIndex: o3, colIndex: r3 }, n3);
+  }, [xe2]), Fe2 = i((e5) => {
+    const t3 = ie2();
+    return e5.rowIndex < t3.top || e5.colIndex < t3.left || e5.colIndex > t3.right || e5.rowIndex > t3.bottom;
+  }, []), je2 = Tt((e5, n3) => {
+    if (!t2?.current) return null;
+    const o3 = { rowStart: Math.min(e5.rowIndex, n3.rowIndex), colStart: Math.min(e5.colIndex, n3.colIndex), rowEnd: Math.max(e5.rowIndex, n3.rowIndex), colEnd: Math.max(e5.colIndex, n3.colIndex) }, r3 = W2?.(o3);
+    if (r3) return o3;
+    const i2 = X2(e5), l2 = X2(n3), s2 = { rowStart: Math.min(i2.rowStart, l2.rowStart), colStart: Math.min(i2.colStart, l2.colStart), rowEnd: Math.max(i2.rowEnd, l2.rowEnd), colEnd: Math.max(i2.colEnd, l2.colEnd) };
+    let c3;
+    return "function" == typeof $e2.current ? c3 = $e2.current(s2) : V2 && (c3 = V2), c3 ? ne.extendRangeToUnionRanges(s2, c3) : s2;
+  }, [W2, X2]), Ve2 = Tt((e5, t3, n3) => {
+    const o3 = e5.ranges.length > 0 ? e5.ranges[e5.rangeIndex] : { rowStart: e5.cell.rowIndex, colStart: e5.cell.colIndex, rowEnd: e5.cell.rowIndex, colEnd: e5.cell.colIndex }, r3 = { rowStart: Math.min(t3.rowIndex ?? o3.rowStart, n3.rowIndex ?? o3.rowStart), colStart: Math.min(t3.colIndex ?? o3.colStart, n3.colIndex ?? o3.colStart), rowEnd: Math.max(t3.rowIndex ?? o3.rowEnd, n3.rowIndex ?? o3.rowEnd), colEnd: Math.max(t3.colIndex ?? o3.colEnd, n3.colIndex ?? o3.colEnd) }, i2 = { rowIndex: r3.rowStart, colIndex: r3.colStart }, l2 = { rowIndex: r3.rowEnd, colIndex: r3.colEnd };
+    if (Fe2(i2) || Fe2(l2)) return;
+    return je2(i2, l2);
+  }, [je2]), We2 = Tt((e5, t3, n3) => {
+    if ("single" === g2) return;
+    if (!ye2.current) return;
+    const o3 = Ve2(ye2.current, e5, t3 ?? ye2.current.cell);
+    if (!o3) return;
+    const r3 = ye2.current.rangeIndex;
+    be2((e6) => e6.length ? e6.map((e7, t4) => r3 === t4 ? o3 : e7) : [o3]), n3 && o3 && Se2({ colIndex: o3.colStart, rowIndex: o3.rowStart });
+  }, []), He2 = i((e5, t3, n3) => {
+    if (!ye2.current) return;
+    e5 = { ...ye2.current?.cell, ...e5 }, t3 = t3 ?? e5;
+    const o3 = Ve2(ye2.current, e5, t3);
+    if (!o3) return;
+    const r3 = { rowIndex: o3.rowStart, colIndex: o3.colStart }, i2 = { ...r3, ...n3 };
+    "clear" === w2 ? (ze2.current = i2, Ue2()) : "modify" === w2 ? We2(r3) : Ne2(r3), Se2(i2);
+  }, []), Ne2 = i((e5, t3 = e5, n3) => {
+    "multiple" !== g2 || !e5 || Fe2(e5) || Fe2(t3) || me2((o3) => {
+      ve2.current = false, o3 = mo(o3);
+      const r3 = je2(e5, t3);
+      if (!r3) return o3;
+      let i2 = o3.ranges.length > 0 ? [...o3.ranges] : [je2(o3.cell, o3.cell)];
+      i2.push(r3);
+      const l2 = { ranges: i2, cell: { rowIndex: r3.rowStart, colIndex: r3.colStart, ...n3 }, rangeIndex: i2.length - 1 };
+      return ne.isEqualSelectionCoords(l2, o3) ? o3 : l2;
+    });
+  }, []), Ue2 = () => {
+    be2(wo);
+  }, qe2 = "touch" === Ut.detectIt().primaryInput, Ke2 = l(null), Ye2 = l(null), Xe2 = l(null), Ge2 = d(() => ({ onPointerDown: (e5) => {
+    if (!t2 || !t2.current) return false;
+    const n3 = e5.nativeEvent, o3 = t2.current.getViewFromClient(n3.clientX, n3.clientY);
+    if ("touch" === n3.pointerType || "touchstart" === n3.type) return Ye2.current = { topLeft: o3.getScrollTopLeft(), point: { x: n3.clientX, y: n3.clientY } }, true;
+    const r3 = o3.getCellCoordsFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY);
+    if (!r3) return false;
+    Ke2.current = { anchor: o3.getAnchor(), coords: r3 }, Ae2.current = null;
+    const i2 = e5.nativeEvent.which === Ct;
+    if (i2) {
+      if (-1 !== ne.indexOfCoords(r3, xe2.ranges)) return false;
+    }
+    const l2 = e5.nativeEvent.shiftKey, s2 = e5.nativeEvent.ctrlKey || e5.nativeEvent.metaKey, c3 = s2, d2 = m2, u2 = xe2.ranges.length > 0, h2 = s2 && d2;
+    if (false === F2?.(e5, r3, xe2)) return false;
+    a2?.(ye2.current, e5.nativeEvent);
+    const f2 = !i2 && "single" !== g2;
+    if (l2) return We2(r3), f2;
+    const p3 = ne.isEqualCells(r3, xe2.cell);
+    if (c3) {
+      if (p3 && (!h2 || !u2)) return f2;
+      if (s2) {
+        if (-1 !== ne.indexOfCoords(r3, xe2.ranges) && d2) {
+          Pe2.current = r3;
+          const e6 = je2(r3, r3);
+          return Oe2.current = e6, Re2(e6), f2;
+        }
+      }
+      return Ne2(r3), f2;
+    }
+    $2 && Be2(r3), p3 && 0 === xe2.ranges.length || He2(r3);
+  }, onPointerMoveOrWait: Me.throttle((e5, n3) => {
+    if (!t2?.current) return;
+    if ("touch" === e5.pointerType || "touchmove" === e5.type) return;
+    if (!Ke2.current) return;
+    const o3 = Ke2.current.anchor;
+    let r3 = t2.current.getViewFromLocation(o3), i2 = r3.getCellCoordsFromClient(e5.clientX, e5.clientY);
+    if (!ne.isEqualCells(i2, Ke2.current?.coords) && (Ke2.current = { anchor: o3, coords: i2 }, i2 && false !== j2?.(e5, i2, ye2.current))) {
+      if (Pe2.current) {
+        const e6 = { rowStart: Math.min(i2.rowIndex, Pe2.current.rowIndex), colStart: Math.min(i2.colIndex, Pe2.current.colIndex), rowEnd: Math.max(i2.rowIndex, Pe2.current.rowIndex), colEnd: Math.max(i2.colIndex, Pe2.current.colIndex) }, t3 = { rowIndex: e6.rowStart, colIndex: e6.colStart }, n4 = { rowIndex: e6.rowEnd, colIndex: e6.colEnd };
+        if (Fe2(t3) || Fe2(n4)) return;
+        const o4 = je2(t3, n4);
+        Oe2.current = o4, Re2(o4);
+      } else We2(i2);
+      Xe2.current = n3, xo(r3, i2, t2);
+    }
+  }, 60), onPointerUp: (e5) => {
+    if (Ke2.current = null, "touch" === e5.pointerType || "touchend" === e5.type) {
+      if (Ye2.current) {
+        const e6 = t2.current.getViewFromClient(Ye2.current.point.x, Ye2.current.point.y), n4 = e6.getScrollTopLeft();
+        if (n4.left === Ye2.current.topLeft.left && n4.top === Ye2.current.topLeft.top) {
+          const t3 = e6.getCellCoordsFromClient(Ye2.current.point.x, Ye2.current.point.y);
+          He2(t3);
+        }
+      }
+      return Ye2.current = null, void (Ke2.current = null);
+    }
+    try {
+      p2?.(ye2.current, e5);
+    } catch (e6) {
+      console.warn(e6);
+    }
+    if (!Pe2.current) return;
+    const n3 = Oe2.current;
+    Pe2.current = null, Oe2.current = null, Re2(null), me2((e6) => {
+      if (ve2.current = false, 0 === (e6 = mo(e6)).ranges.length) return e6;
+      let t3 = [], o3 = -1, r3 = e6.cell;
+      for (let i3 = 0; i3 < e6.ranges.length; i3++) {
+        const l2 = e6.ranges[i3];
+        if (ne.isRangesIntersect(l2, n3)) {
+          const r4 = Me.subtractRect({ top: l2.rowStart, left: l2.colStart, bottom: l2.rowEnd + 1, right: l2.colEnd + 1 }, { top: n3.rowStart, left: n3.colStart, bottom: n3.rowEnd + 1, right: n3.colEnd + 1 });
+          for (let n4 = 0; n4 < r4.length; n4++) {
+            const i4 = { rowStart: r4[n4].top, colStart: r4[n4].left, rowEnd: r4[n4].bottom - 1, colEnd: r4[n4].right - 1 };
+            t3.push(i4), ne.isCellWithinRange(e6.cell, i4) && (o3 = t3.length - 1);
+          }
+        } else t3.push(l2);
+        t3.length > 0 && -1 === o3 && ne.isCellWithinRange(e6.cell, l2) && (o3 = t3.length - 1, r3 = { rowIndex: t3[t3.length - 1].rowStart, colIndex: t3[t3.length - 1].colStart });
+      }
+      const i2 = { cell: r3, rangeIndex: o3, ranges: t3 };
+      return ne.isEqualSelectionCoords(i2, e6) ? e6 : i2;
+    });
+  }, processTouch: true, consumeTouch: false }), [xe2, g2, m2, $2, w2]), Ze2 = Tt(hn(Ge2), []), Je2 = d(() => ({ onSelectionPointerDown: (e5, n3, o3, r3, i2 = xe2.cell, l2 = $2, s2 = e5.nativeEvent.shiftKey, c3 = false) => {
+    if (!t2 || !t2.current) return false;
+    e5.stopPropagation(), e5.preventDefault(), e5.nativeEvent.stopImmediatePropagation();
+    const d2 = o3 ?? t2.current.getViewFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY), u2 = r3 ?? d2.getCellCoordsFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY);
+    if (!u2) return false;
+    Ke2.current = { anchor: d2.getAnchor(), coords: u2 }, Ae2.current = null;
+    const h2 = e5.nativeEvent.which === Ct;
+    if (h2) {
+      if (-1 !== ne.indexOfCoords(u2, xe2.ranges)) return false;
+    }
+    const f2 = e5.nativeEvent.ctrlKey || e5.nativeEvent.metaKey, p3 = f2, w3 = m2, x3 = xe2.ranges.length > 0, y3 = f2 && w3;
+    if (false === F2?.(e5, u2, xe2)) return false;
+    a2?.(ye2.current, e5.nativeEvent);
+    const v3 = !h2 && "single" !== g2;
+    if (s2) return We2(u2, i2, c3), v3;
+    const b3 = ne.isEqualCells(u2, i2);
+    if (p3) {
+      if (b3 && (!y3 || !x3)) return v3;
+      if (y3) {
+        if (-1 !== ne.indexOfCoords(u2, xe2.ranges) && w3) {
+          Pe2.current = u2;
+          const e6 = je2(u2, u2);
+          return Oe2.current = e6, Re2(e6), v3;
+        }
+      }
+      return Ne2(u2), v3;
+    }
+    l2 && Be2(u2), b3 && 0 === xe2.ranges.length || He2(u2);
+  }, onSelectionPointerMoveOrWait: (e5, n3, o3, r3, i2, l2 = xe2.cell, s2 = true, c3 = false) => {
+    if (!t2?.current) return;
+    if (e5.stopPropagation(), e5.preventDefault(), e5.stopImmediatePropagation(), !Ke2.current) return;
+    const a3 = Ke2.current.anchor;
+    let d2 = r3 ?? t2.current.getViewFromLocation(a3), u2 = i2 ?? d2.getCellCoordsFromClient(e5.clientX, e5.clientY);
+    if (!ne.isEqualCells(u2, Ke2.current?.coords) && (Ke2.current = { anchor: a3, coords: u2 }, u2 && false !== j2?.(e5, u2, ye2.current))) {
+      if (Pe2.current) {
+        const e6 = { rowStart: Math.min(u2.rowIndex, Pe2.current.rowIndex), colStart: Math.min(u2.colIndex, Pe2.current.colIndex), rowEnd: Math.max(u2.rowIndex, Pe2.current.rowIndex), colEnd: Math.max(u2.colIndex, Pe2.current.colIndex) }, t3 = { rowIndex: e6.rowStart, colIndex: e6.colStart }, n4 = { rowIndex: e6.rowEnd, colIndex: e6.colEnd };
+        if (Fe2(t3) || Fe2(n4)) return;
+        const o4 = je2(t3, n4);
+        Oe2.current = o4, Re2(o4);
+      } else We2(u2, l2, c3);
+      s2 && xo(d2, u2, t2);
+    }
+  }, onPointerUp: (e5) => {
+    Ke2.current = null, e5.stopPropagation(), e5.preventDefault(), e5.stopImmediatePropagation();
+    try {
+      p2?.(ye2.current, e5);
+    } catch (e6) {
+      console.warn(e6);
+    }
+    if (!Pe2.current) return;
+    const t3 = Oe2.current;
+    Pe2.current = null, Oe2.current = null, Re2(null), me2((e6) => {
+      if (ve2.current = false, 0 === (e6 = mo(e6)).ranges.length) return e6;
+      let n3 = [], o3 = -1, r3 = e6.cell;
+      for (let i3 = 0; i3 < e6.ranges.length; i3++) {
+        const l2 = e6.ranges[i3];
+        if (ne.isRangesIntersect(l2, t3)) {
+          const r4 = Me.subtractRect({ top: l2.rowStart, left: l2.colStart, bottom: l2.rowEnd + 1, right: l2.colEnd + 1 }, { top: t3.rowStart, left: t3.colStart, bottom: t3.rowEnd + 1, right: t3.colEnd + 1 });
+          for (let t4 = 0; t4 < r4.length; t4++) {
+            const i4 = { rowStart: r4[t4].top, colStart: r4[t4].left, rowEnd: r4[t4].bottom - 1, colEnd: r4[t4].right - 1 };
+            n3.push(i4), ne.isCellWithinRange(e6.cell, i4) && (o3 = n3.length - 1);
+          }
+        } else n3.push(l2);
+        n3.length > 0 && -1 === o3 && ne.isCellWithinRange(e6.cell, l2) && (o3 = n3.length - 1, r3 = { rowIndex: n3[n3.length - 1].rowStart, colIndex: n3[n3.length - 1].colStart });
+      }
+      const i2 = { cell: r3, rangeIndex: o3, ranges: n3 };
+      return ne.isEqualSelectionCoords(i2, e6) ? e6 : i2;
+    });
+  } }), [xe2, g2, m2, $2, w2]), Qe2 = Tt((e5, n3 = false, r3 = false, i2 = 0) => {
+    if (!t2.current || !xe2.cell) return;
+    let l2 = xe2.cell, s2 = xe2.cell;
+    if (n3 && xe2.ranges.length > 0) {
+      const t3 = xe2.ranges[xe2.rangeIndex], n4 = xe2.cell;
+      switch (e5) {
+        case S:
+          s2 = { rowIndex: n4.rowIndex === t3.rowStart ? t3.rowEnd : t3.rowStart, colIndex: t3.colEnd }, l2 = { rowIndex: n4.rowIndex === t3.rowStart ? t3.rowStart : t3.rowEnd, colIndex: t3.colStart };
+          break;
+        case E:
+          s2 = { rowIndex: n4.rowIndex === t3.rowEnd ? t3.rowStart : t3.rowEnd, colIndex: t3.colEnd }, l2 = { rowIndex: n4.rowIndex === t3.rowEnd ? t3.rowEnd : t3.rowStart, colIndex: t3.colStart };
+          break;
+        case _:
+          s2 = { rowIndex: t3.rowEnd, colIndex: n4.colIndex === t3.colStart ? t3.colEnd : t3.colStart }, l2 = { rowIndex: t3.rowStart, colIndex: n4.colIndex === t3.colStart ? t3.colStart : t3.colEnd };
+          break;
+        case I:
+          s2 = { rowIndex: t3.rowEnd, colIndex: n4.colIndex === t3.colEnd ? t3.colStart : t3.colEnd }, l2 = { rowIndex: t3.rowStart, colIndex: n4.colIndex === t3.colEnd ? t3.colEnd : t3.colStart };
+      }
+    }
+    const c3 = X2(s2);
+    let { rowStart: a3, colStart: d2 } = c3;
+    const u2 = ie2();
+    if (Ae2.current) switch (e5) {
+      case S:
+      case E:
+        Ae2.current.colIndex >= c3.colStart && Ae2.current.colIndex <= c3.colEnd && (d2 = Ae2.current.colIndex);
+        break;
+      case _:
+      case I:
+        Ae2.current.rowIndex >= c3.rowStart && Ae2.current.rowIndex <= c3.rowEnd && (a3 = Ae2.current.rowIndex);
+    }
+    if (!i2) {
+      switch (e5) {
+        case S:
+          a3 = Un(fe2, Math.max(c3.rowStart - 1, u2.top), e5);
+          break;
+        case E:
+          a3 = Un(fe2, Math.min(c3.rowEnd + 1, u2.bottom), e5);
+          break;
+        case _:
+          d2 = Un(ge2, Math.max(c3.colStart - 1, u2.left), e5);
+          break;
+        case I:
+          d2 = Un(ge2, Math.min(c3.colEnd + 1, u2.right), e5);
+      }
+      if (r3) switch (e5) {
+        case S:
+          a3 = z2({ ...s2, colIndex: xe2.cell.colIndex }, de2, fe2, e5, false, Math.max(u2.top, fe2(u2.top, false)));
+          break;
+        case E:
+          a3 = z2({ ...s2, colIndex: xe2.cell.colIndex }, de2, fe2, e5, false, Math.min(u2.bottom, u2.bottom - fe2(u2.bottom, true)));
+          break;
+        case _:
+          d2 = z2({ ...s2, rowIndex: xe2.cell.rowIndex }, de2, ge2, e5, false, Math.max(u2.left, ge2(u2.left, false)));
+          break;
+        case I:
+          d2 = z2({ ...s2, rowIndex: xe2.cell.rowIndex }, de2, ge2, e5, false, Math.min(u2.right, u2.right - ge2(u2.right, true)));
+      }
+    }
+    let h2 = null;
+    if (i2) {
+      let n4 = 0;
+      switch (e5) {
+        case S:
+          n4 = o2.getRowOffset(a3 + 1), a3 = Math.max(u2.top, o2.getRowIndex(n4 - i2)), h2 = { top: o2.getRowOffset(a3 + 1) - (n4 - t2.current.getScrollPosition().top) };
+          break;
+        case E:
+          n4 = o2.getRowOffset(a3), a3 = Math.min(u2.bottom, o2.getRowIndex(n4 + i2)), h2 = { top: o2.getRowOffset(a3) - (n4 - t2.current.getScrollPosition().top) };
+          break;
+        case _:
+          n4 = o2.getColOffset(d2 + 1), d2 = Math.max(u2.left, o2.getColIndex(n4 - i2)), h2 = { left: o2.getColOffset(d2 + 1) - (n4 - t2.current.getScrollPosition().left) };
+          break;
+        case I:
+          n4 = o2.getColOffset(d2), d2 = Math.min(u2.right, o2.getColIndex(n4 + i2)), h2 = { left: o2.getColOffset(d2) - (n4 - t2.current.getScrollPosition().left) };
+      }
+    }
+    const f2 = { rowIndex: a3, colIndex: d2 }, p3 = X2(f2), g3 = { rowIndex: p3.rowStart, colIndex: p3.colStart };
+    n3 || (Ae2.current = f2);
+    const w3 = ne.isEqualCells(ze2.current, g3) && ne.isEqualCells(ze2.current, l2);
+    if (n3 && !w3 ? We2(g3, l2) : He2(g3), h2) t2.current.scrollTo(h2);
+    else {
+      if (n3 && ze2.current) {
+        const t3 = ie2();
+        if (e5 === I && ze2.current.colIndex === t3.left || e5 === _ && ze2.current.colIndex === t3.right || e5 === S && ze2.current.rowIndex === t3.bottom || e5 === E && ze2.current.rowIndex === t3.top) return;
+      }
+      e5 === _ || e5 === I ? Be2({ colIndex: f2.colIndex }) : e5 !== S && e5 !== E || Be2({ rowIndex: f2.rowIndex });
+    }
+  }, [xe2, X2]), et2 = Tt((e5) => {
+    if (!t2.current) return;
+    if (0 === xe2.ranges.length) return void Qe2(e5);
+    const n3 = X2(xe2.cell);
+    if (ne.isEqualRangesArrays([n3], xe2.ranges)) return void Qe2(e5);
+    const o3 = Qn(xe2, e5, X2, fe2, ge2);
+    me2((e6) => {
+      ve2.current = false, e6 = mo(e6);
+      const t3 = { ...e6, cell: o3.cell, rangeIndex: o3.rangeIndex };
+      return ne.isEqualSelectionCoords(t3, e6) ? e6 : t3;
+    }), o3.cell && Be2(o3.cell);
+  }, [xe2, X2]), tt2 = i(() => {
+    const e5 = ie2();
+    We2({ rowIndex: e5.top }, { rowIndex: e5.bottom });
+  }, []), nt2 = i(() => {
+    const e5 = ie2();
+    We2({ colIndex: e5.left }, { colIndex: e5.right });
+  }, []), ot2 = Tt(() => {
+    xe2.cell && t2?.current && Be2(xe2.cell);
+  }, [xe2.cell]), rt2 = i((e5 = false) => {
+    const t3 = { rowIndex: ie2().top };
+    e5 ? We2(t3) : He2(t3), Be2(t3);
+  }, []), it2 = i((e5 = false) => {
+    const t3 = { rowIndex: ie2().bottom };
+    e5 ? We2(t3) : He2(t3), Be2(t3);
+  }, []), lt2 = i((e5 = false) => {
+    const t3 = { colIndex: ie2().left };
+    e5 ? We2(t3) : He2(t3), Be2(t3);
+  }, []), st2 = i((e5 = false) => {
+    const t3 = ie2(), n3 = { rowIndex: t3.top, colIndex: t3.left };
+    e5 ? We2(n3) : He2(n3), Be2(n3);
+  }, []), ct2 = i((e5 = false) => {
+    const t3 = ie2(), n3 = { colIndex: A2?.()?.colEnd ?? t3.right };
+    e5 ? We2(n3) : He2(n3), Be2(n3);
+  }, [A2]), at2 = i((e5 = false) => {
+    const t3 = ie2(), n3 = { rowIndex: A2?.()?.rowEnd ?? t3.bottom, colIndex: A2?.()?.colEnd ?? t3.right };
+    e5 ? We2(n3) : He2(n3), Be2(n3);
+  }, [A2]), dt2 = Tt((e5) => {
+    if (!t2.current) return;
+    if (xe2.ranges.length <= 1) return;
+    const n3 = e5 === _ || e5 === S;
+    let o3 = xe2.rangeIndex + (n3 ? -1 : 1);
+    o3 < 0 ? o3 = xe2.ranges.length - 1 : o3 > xe2.ranges.length - 1 && (o3 = 0);
+    const r3 = xe2.ranges[o3], i2 = Qn({ cell: { rowIndex: r3.rowEnd, colIndex: r3.colEnd }, rangeIndex: 0, ranges: [r3] }, I, X2, fe2, ge2);
+    me2((e6) => {
+      ve2.current = false, e6 = mo(e6);
+      const t3 = { ...e6, cell: i2.cell, rangeIndex: o3 };
+      return ne.isEqualSelectionCoords(t3, e6) ? e6 : t3;
+    }), i2.cell && Be2(i2.cell);
+  }, [xe2, X2]), ut2 = Tt(() => {
+    const e5 = Jn(xe2);
+    me2((t3) => {
+      ve2.current = false, t3 = mo(t3);
+      const n3 = { ...t3, visibleSelection: e5 };
+      return ne.isEqualSelectionCoords(n3, t3) ? t3 : n3;
+    }), e5.cell && Be2(e5.cell);
+  }, [xe2, X2]), ht2 = Tt(() => {
+    if (!t2.current) return;
+    if (0 === xe2.ranges.length) return;
+    const e5 = xe2.cell, n3 = xe2.ranges[xe2.rangeIndex], o3 = Jn({ cell: e5, rangeIndex: 0, ranges: [n3] }), r3 = o3.ranges[o3.rangeIndex];
+    let i2;
+    i2 = r3.rowStart === e5.rowIndex && r3.colStart === e5.colIndex ? { rowIndex: r3.rowStart, colIndex: r3.colEnd } : r3.rowStart === e5.rowIndex && r3.colEnd === e5.colIndex ? { rowIndex: r3.rowEnd, colIndex: r3.colStart } : r3.rowEnd === e5.rowIndex && r3.colStart === e5.colIndex ? { rowIndex: r3.rowEnd, colIndex: r3.colEnd } : { rowIndex: r3.rowStart, colIndex: r3.colStart }, me2((e6) => {
+      e6 = mo(e6);
+      const t3 = { ...e6, cell: i2 };
+      return ne.isEqualSelectionCoords(t3, e6) ? e6 : t3;
+    }), i2 && Be2(i2);
+  }, [xe2, X2]), ft2 = i((e5 = false) => {
+    Qe2(E, e5, false, t2.current.getDimensions().containerHeight);
+  }, []), pt2 = i((e5 = false) => {
+    Qe2(S, e5, false, t2.current.getDimensions().containerHeight);
+  }, []), xt2 = i((e5 = false) => {
+    Qe2(I, e5, false, t2.current.getDimensions().containerWidth);
+  }, []), yt2 = i((e5 = false) => {
+    Qe2(_, e5, false, t2.current.getDimensions().containerWidth);
+  }, []), vt2 = i(() => {
+    et2(_);
+  }, []), bt2 = i(() => {
+    et2(I);
+  }, []), St2 = i(() => {
+    et2(S);
+  }, []), Et2 = i(() => {
+    et2(E);
+  }, []), _t2 = i(() => {
+    dt2(_);
+  }, []), It2 = i(() => {
+    dt2(I);
+  }, []), Mt2 = i(() => {
+    ht2();
+  }, []), kt2 = i(() => {
+    Qe2(_, false, false);
+  }, []), Rt2 = i(() => {
+    Qe2(_, true, false);
+  }, []), Pt2 = i(() => {
+    Qe2(_, false, true);
+  }, []), Ot2 = i(() => {
+    Qe2(_, true, true);
+  }, []), Lt2 = i(() => {
+    Qe2(I, false, false);
+  }, []), Dt2 = i(() => {
+    Qe2(I, true, false);
+  }, []), zt2 = i(() => {
+    Qe2(I, false, true);
+  }, []), At2 = i(() => {
+    Qe2(I, true, true);
+  }, []), $t2 = i(() => {
+    Qe2(S, false, false);
+  }, []), Bt2 = i(() => {
+    Qe2(S, true, false);
+  }, []), Ft2 = i(() => {
+    Qe2(S, false, true);
+  }, []), jt2 = i(() => {
+    Qe2(S, true, true);
+  }, []), Vt2 = i(() => {
+    Qe2(E, false, false);
+  }, []), Wt2 = i(() => {
+    Qe2(E, true, false);
+  }, []), Ht2 = i(() => {
+    Qe2(E, false, true);
+  }, []), Nt2 = i(() => {
+    Qe2(E, true, true);
+  }, []), qt2 = i(() => {
+    be2((e5) => e5.slice(0, -1));
+  }, []), Kt2 = d(() => {
+    const e5 = ie2();
+    return ((e6, t3, n3, o3, r3) => {
+      for (let i2 = 0; i2 < e6.length; i2++) {
+        const l2 = e6[i2];
+        if (l2.rowStart === t3 && l2.colStart === n3 && l2.rowEnd === o3 && l2.colEnd === r3) return true;
+      }
+      return false;
+    })(xe2.ranges, e5.top, e5.left, e5.bottom, e5.right);
+  }, [B2, xe2.ranges]), Yt2 = i((e5, n3 = true) => {
+    ze2.current = e5, Se2(e5), n3 && e5 && t2?.current && Be2(e5);
+  }, []), Xt2 = Tt((e5 = true) => {
+    const t3 = Te2.current;
+    if (!ye2.current?.cell) return;
+    const n3 = ye2.current?.ranges, o3 = ye2.current?.cell;
+    if (!o3 || !t3) return;
+    if (!t3) return;
+    let r3 = null;
+    if (r3 = n3.length > 0 ? n3[n3.length - 1] : X2(o3), r3.colEnd >= r3.colStart && r3.rowEnd >= r3.rowStart) {
+      const n4 = eo(r3, t3);
+      let o4 = e5 ? le2 : se2;
+      try {
+        o4?.(r3, t3, n4.direction);
+      } catch (e6) {
+        console.warn(e6);
+      } finally {
+        e5 && ae2?.();
+      }
+    }
+  }, [X2]), Gt2 = l(null), Zt2 = d(() => ({ onPointerDown: (e5, n3) => {
+    if (Xe2.current = n3, !t2 || !t2.current) return false;
+    const o3 = t2.current.getViewFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY), r3 = o3?.getCellCoordsFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY);
+    r3 && (e5.stopPropagation(), _e2("crosshair"), Gt2.current = { anchor: o3.getAnchor(), coords: r3 });
+  }, onPointerMoveOrWait: (e5, n3) => {
+    if (R2 || !t2?.current || !ye2.current || !Gt2.current) return;
+    const o3 = Gt2.current.anchor;
+    let r3 = t2.current.getViewFromLocation(o3), i2 = r3.getCellCoordsFromClient(e5.clientX, e5.clientY);
+    if (!i2) return;
+    Gt2.current = { anchor: o3, coords: i2 };
+    const l2 = ye2.current.ranges;
+    let s2 = je2(ye2.current.cell, i2);
+    if (!s2) return;
+    const c3 = l2.length > 0, a3 = c3 ? l2[l2.length - 1] : X2(ye2.current.cell);
+    if (!s2) return;
+    const d2 = s2.rowStart < a3.rowStart ? S : s2.rowEnd > a3.rowEnd ? E : s2.colEnd > a3.colEnd ? I : _, u2 = ie2();
+    d2 === _ && (s2 = { ...a3, colStart: Math.max(u2.left, s2.colStart) }), d2 === S && (s2 = { ...a3, rowStart: Math.max(u2.top, s2.rowStart) }), d2 === I && (s2 = { ...a3, colEnd: Math.min(u2.right, s2.colEnd) }), d2 === E && (s2 = { ...a3, rowEnd: Math.min(u2.bottom, s2.rowEnd) });
+    const h2 = eo(a3, s2);
+    if (!W2?.(a3)) {
+      let e6;
+      "function" == typeof $e2.current ? e6 = $e2.current(a3) : V2 && (e6 = V2), s2 = ((e7, t3, n4, o4, r4, i3) => {
+        const l3 = { ...t3 };
+        if (0 === n4.length) return l3;
+        if (r4 === _) {
+          const t4 = e7.colEnd + 1 - e7.colStart;
+          l3.colStart = e7.colStart - Math.ceil(i3 / t4) * t4, l3.colStart < o4.left && (l3.colStart = l3.colStart + Math.ceil((o4.left - l3.colStart) / t4) * t4);
+        } else if (r4 === I) {
+          const t4 = e7.colEnd + 1 - e7.colStart;
+          l3.colEnd = e7.colEnd + Math.ceil(i3 / t4) * t4, l3.colEnd > o4.right && (l3.colEnd = l3.colEnd - Math.ceil((o4.right - l3.colEnd) / t4) * t4);
+        } else if (r4 === S) {
+          const t4 = e7.rowEnd + 1 - e7.rowStart;
+          l3.rowStart = e7.rowStart - Math.ceil(i3 / t4) * t4, l3.rowStart < o4.top && (l3.rowStart = l3.rowStart + Math.ceil((o4.top - l3.rowStart) / t4) * t4);
+        } else if (r4 === E) {
+          const t4 = e7.rowEnd + 1 - e7.rowStart;
+          l3.rowEnd = e7.rowEnd + Math.ceil(i3 / t4) * t4, l3.rowEnd > o4.bottom && (l3.rowEnd = l3.rowEnd - Math.ceil((o4.bottom - l3.rowEnd) / t4) * t4);
+        }
+        return l3;
+      })(a3, s2, e6, u2, h2.direction, h2.amount);
+    }
+    if (c3 && ne.isRangeWithinRange(s2, a3) && (s2 = null), !ne.isEqualRanges(s2, Te2.current)) {
+      if (Ce2(s2), Te2.current = s2, !s2) {
+        try {
+          ce2?.();
+        } catch (e6) {
+        }
+        return void ae2?.();
+      }
+      Xt2(false);
+    }
+    Xe2.current = n3, xo(r3, i2, t2);
+  }, onPointerUp: (e5, n3) => {
+    Xe2.current = n3, Promise.resolve(Xt2(true)).finally(() => {
+      ae2?.(), Ce2(null), Te2.current = null, Gt2.current = null, _e2(null), t2.current?.focus();
+    });
+  } }), [X2]), Jt2 = hn(Zt2), Qt2 = d(() => ({ onPointerDown: Jt2 }), [Jt2]), [en2, tn2] = h(null), nn2 = l(null), on2 = d(() => ({ onPointerDown: (e5, n3) => {
+    if (Xe2.current = n3, !t2 || !t2.current) return false;
+    const o3 = t2.current.getViewFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY), r3 = o3?.getCellCoordsFromClient(e5.nativeEvent.clientX, e5.nativeEvent.clientY);
+    if (!r3) return;
+    if (false === F2?.(e5, r3, xe2)) return false;
+    e5.stopPropagation(), _e2("default");
+    const i2 = o3.getRelativePointFromClient(0, 0), l2 = ye2.current?.ranges[ye2.current?.ranges.length - 1] ?? ne.cellToRange(ye2.current?.cell), s2 = o3.toClipBounds(o3.getRangeCoordsBounds(l2)), c3 = { x: 0, y: 0 };
+    s2.x - i2.x > e5.nativeEvent.clientX ? c3.x = e5.nativeEvent.clientX - (s2.x - i2.x) : e5.nativeEvent.clientX >= s2.x - i2.x + s2.width && (c3.x = Math.max(0, e5.nativeEvent.clientX - (s2.x - i2.x + s2.width)) + 1), s2.y - i2.y > e5.nativeEvent.clientY ? c3.y = e5.nativeEvent.clientY - (s2.y - i2.y) : e5.nativeEvent.clientY >= s2.y - i2.y + s2.height && (c3.y = Math.max(0, e5.nativeEvent.clientY - (s2.y - i2.y + s2.height)) + 1), H2?.(l2, e5.nativeEvent, n3), nn2.current = { range: l2, anchor: o3.getAnchor(), cell: r3, isMoving: false, extrusion: c3 };
+  }, onPointerMoveOrWait: (e5, n3, o3) => {
+    if (Y2 || !t2?.current || !ye2.current || !nn2.current) return;
+    const r3 = e5.clientX - o3.clientX, i2 = e5.clientY - o3.clientY;
+    if (nn2.current.isMoving = nn2.current.isMoving || Math.abs(r3) > Math.max(1, 2) || Math.abs(i2) > Math.max(1, 2) || performance.now() - o3.timeStamp > 500, !nn2.current.isMoving) return;
+    const l2 = nn2.current.anchor, s2 = nn2.current.extrusion;
+    let c3 = t2.current.getViewFromLocation(l2), a3 = c3.getCellCoordsFromClient(e5.clientX - s2.x, e5.clientY - s2.y, true);
+    if (!a3) return;
+    const d2 = nn2.current.cell, u2 = nn2.current.range, h2 = ie2(), f2 = u2.colEnd - u2.colStart + 1, p3 = Math.min(Math.max(0, d2.colIndex - u2.colStart), f2 - 1), g3 = Math.min(h2.right - f2 + 1, Math.max(h2.left, a3.colIndex - p3)), w3 = u2.rowEnd - u2.rowStart + 1, m3 = Math.min(Math.max(0, d2.rowIndex - u2.rowStart), w3 - 1), x3 = Math.min(h2.bottom - w3 + 1, Math.max(h2.top, a3.rowIndex - m3)), y3 = { colStart: g3, colEnd: g3 + f2 - 1, rowStart: x3, rowEnd: x3 + w3 - 1 };
+    ne.isEqualRanges(en2, y3) && !((e6) => !e6 || !Xe2.current || Xe2.current.ctrlKey !== e6.ctrlKey || Xe2.current.shiftKey !== e6.shiftKey || Xe2.current.altKey !== e6.altKey || Xe2.current.metaKey !== e6.metaKey)(e5) || (tn2(y3), N2?.(y3, e5, n3)), Xe2.current = n3, xo(c3, a3, t2);
+  }, onPointerUp: (e5, n3) => {
+    Xe2.current = n3;
+    const o3 = () => {
+      tn2(null), nn2.current = null, _e2(null), t2.current?.focus();
+    };
+    if (!nn2.current) return void o3();
+    const r3 = nn2.current.range, i2 = en2;
+    U2?.(r3, e5, n3), Promise.resolve(r3 && i2 && q2?.(r3, i2, e5, n3)).finally(() => {
+      o3();
+    });
+  } }), [en2]), rn2 = hn(on2), ln2 = d(() => ({ onPointerDown: rn2 }), [rn2]), sn2 = l(null), cn2 = d(() => {
+    const e5 = ne.isEqualSelectionCoords(xe2, sn2.current) ? sn2.current : xe2;
+    return sn2.current = e5, e5;
+  }, [xe2]), an2 = i((n3) => {
+    let o3 = null, r3 = "br";
+    const i2 = [], l2 = { stroke: P2, fill: J2, strokeWidth: 0.5 }, s2 = (e5, t3, o4) => {
+      const r4 = n3.toClipBounds(n3.getRangeCoordsBounds(e5), fo);
+      if (!r4) return;
+      r4.x = r4.width > 0 ? r4.x : r4.x - l2.strokeWidth / 2, r4.y = r4.height > 0 ? r4.y : r4.y - l2.strokeWidth / 2, r4.width = Math.max(r4.width, l2.strokeWidth), r4.height = Math.max(r4.height, l2.strokeWidth);
+      const i3 = { key: `selection-fill-${t3}`, range: e5, ...r4, ...l2 };
+      if (o4) {
+        const e6 = n3.getCellCoordsAsRangeCoords(o4);
+        i3.cell = o4, i3.pathBounds = n3.toClipBounds(n3.getRangeCoordsBounds(e6), fo), i3.pathBounds && (i3.pathBounds.width <= 0 || i3.pathBounds.height <= 0) && (delete i3.pathBounds, delete i3.cell);
+      }
+      return ue2(i3);
+    };
+    let c3 = xe2 ? mo(xe2) : null;
+    const a3 = c3?.cell ? n3.getCellCoordsAsRangeCoords(c3?.cell) : po;
+    !c3 || c3.ranges && 0 !== c3.ranges.length || (c3 = { ranges: [a3], rangeIndex: 0, cell: c3.cell });
+    for (let e5 = 0; c3 && e5 < c3.ranges.length; e5++) {
+      const t3 = c3.ranges[e5], l3 = s2(t3, e5, e5 === c3.rangeIndex ? c3.cell : null);
+      l3 && i2.push(l3);
+      const a4 = 2, d3 = 0.5, u3 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: 0, left: 0, right: 0, bottom: 0 }), fo);
+      if (u3) {
+        const n4 = (c3.ranges.length, 4);
+        i2.push(ue2({ range: t3, key: `selection-inside-edge-${e5}`, x: u3.x - 1, y: u3.y - 1, width: Math.max(u3.width + 1, 0), height: Math.max(u3.height + 1, 0), style: { overflow: "hidden" }, stroke: P2, strokeWidth: n4 }));
+      }
+      if (1 === c3.ranges.length) {
+        const o4 = n3.toClipBounds(n3.getRangeCoordsBounds(t3), fo);
+        if (o4) {
+          Y2 || i2.push(ue2({ range: t3, key: `move-selection-hit-box-${e5}`, x: o4.width > 1 ? o4.x : o4.x - (G2 / 2 + 1), y: o4.height > 1 ? o4.y : o4.y - (G2 / 2 + 1), width: Math.max(o4.width + 2, 1), height: Math.max(o4.height + 2, 1), stroke: "transparent", style: { boxShadow: "none" }, pathProps: { cursor: en2 ? void 0 : "move", pointerEvents: "stroke" }, strokeWidth: G2, ...ln2 }));
+          const n4 = a4;
+          i2.push(ue2({ range: t3, key: `selection-single-${e5}`, x: o4.x - n4 / 2, y: o4.y - n4 / 2, width: Math.max(o4.width + n4 / 2, 1), height: Math.max(o4.height + n4 / 2, 1), stroke: Q2, strokeWidth: n4 }));
+        }
+      } else {
+        const o4 = n3.toClipBounds(n3.getRangeCoordsBounds(t3, { top: -1, left: -1, right: -2, bottom: -2 }), fo);
+        o4 && i2.push(ue2({ range: t3, key: `selection-multi-${e5}`, x: o4.width > 1 ? o4.x : o4.x - d3 / 2, y: o4.height > 1 ? o4.y : o4.y - d3 / 2, width: Math.max(o4.width, d3) + 1, height: Math.max(o4.height, d3) + 1, stroke: Q2, style: { overflow: "hidden" }, strokeWidth: 2 }));
+      }
+      if (c3.ranges.length > 1 && e5 === c3.rangeIndex) {
+        const o4 = n3.getCellCoordsAsRangeCoords(c3.cell), r4 = n3.toClipBounds(n3.getRangeCoordsBounds(o4, { top: 1, left: 1, right: -1, bottom: -1 }), fo);
+        r4 && i2.push(ue2({ range: t3, key: `selection-anchor-${e5}`, x: r4.x, y: r4.y, width: Math.max(r4.width, d3), height: Math.max(r4.height, d3), stroke: Q2, style: { overflow: "hidden" }, strokeWidth: 2 }));
+      }
+      if (e5 === c3.ranges.length - 1) {
+        o3 = null, r3 = null;
+        const e6 = t3.rowStart === ie2().top && t3.rowEnd === ie2().bottom, i3 = t3.colStart === ie2().left && t3.colEnd === ie2().right, l4 = n3.getRangeCoordsBounds(t3);
+        let s3 = null;
+        if (e6 || i3) {
+          if (s3 = n3.toClipBounds(l4, fo), Object.keys(n3.allViews()).length > 1) {
+            const o4 = n3.getVisibleRangeCoords(), r4 = n3.allViews()[C], l5 = n3.allViews()[M], c4 = n3.allViews()[T], a5 = n3.getAnchor();
+            (i3 && (a5 === M && r4 || a5 === k && c4 || !ne.isCellWithinRange({ colIndex: t3.colStart, rowIndex: t3.rowEnd }, o4) && !ne.isCellWithinRange({ colIndex: t3.colStart, rowIndex: t3.rowEnd + 1 }, o4)) || e6 && (a5 === T && r4 || a5 === k && l5 || !ne.isCellWithinRange({ colIndex: t3.colEnd, rowIndex: t3.rowStart }, o4) && !ne.isCellWithinRange({ colIndex: t3.colEnd + 1, rowIndex: t3.rowStart }, o4))) && (s3 = null);
+          }
+        } else s3 = n3.toClipBounds(l4, fo);
+        if (!s3 || 0 === s3.width || 0 === s3.height) continue;
+        o3 = { x: s3.x + s3.width + 1, y: s3.y + s3.height + 1 }, 0 === s3.width || 0 === s3.height || t3.rowStart === ie2().top && t3.colStart === ie2().left && t3.rowEnd === ie2().bottom && t3.colEnd === ie2().right || (e6 ? (o3.y = a4, r3 = "tr") : i3 && (o3.x = a4, r3 = "bl"));
+      }
+    }
+    let d2 = null;
+    if (ke2) {
+      const e5 = n3.toClipBounds(n3.getRangeCoordsBounds(ke2, { top: 0, left: 0, right: 0, bottom: 0 }), fo);
+      if (e5) {
+        const t3 = 2;
+        d2 = ue2({ ...l2, range: ke2, key: "remove-selection", x: e5.x, y: e5.y, width: e5.width, height: e5.height, strokeWidth: t3, stroke: ee2, fill: te2 });
+      }
+    }
+    let u2 = null;
+    if (Ie2) {
+      const e5 = n3.toClipBounds(n3.getRangeCoordsBounds(Ie2, { top: 0, left: 0, right: 0, bottom: 0 }), fo);
+      if (e5) {
+        const t3 = 2;
+        u2 = ue2({ range: Ie2, key: "selection-fill-outline", x: e5.x - t3 / 2, y: e5.y - t3 / 2, width: e5.width + t3 / 2, height: e5.height + t3 / 2, strokeWidth: t3, stroke: Q2, strokeDasharray: "3 2" });
+      }
+    }
+    let h2 = null;
+    !R2 && o3 && !en2 && (h2 = f(uo, { ...o3, corner: r3, size: 7.5, borderStroke: `${P2} solid`, style: { borderRadius: 1 }, background: Q2, ...Qt2, key: "fillHandle" }));
+    const p3 = [...i2];
+    if (d2 && p3.push(d2), u2 && p3.push(u2), h2 && p3.push(h2), !oe2 && qe2 && 1 === c3?.ranges.length && c3.ranges[c3.ranges.length - 1]) {
+      const o4 = c3.ranges[c3.ranges.length - 1], r4 = o4.rowStart === ie2().top && o4.rowEnd === ie2().bottom, i3 = o4.colStart === ie2().left && o4.colEnd === ie2().right, l3 = { view: n3, range: o4, borderStroke: `${Q2} solid`, background: P2, selectionTouchPointerHandler: Je2, ...re2, onTouchSelectStart: (e5) => De2(e5), onTouchSelectEnd: () => De2(null), currentTouchAnchor: Le2 };
+      p3.push(e(ho, { anchor: i3 ? "b" : r4 ? "r" : "br", scrollableElement: t2.current, ...l3 }, "touch-select-handle-after")), p3.push(e(ho, { anchor: i3 ? "t" : r4 ? "l" : "tl", scrollableElement: t2.current, ...l3 }, "touch-select-handle-before"));
+    }
+    if (en2) {
+      const e5 = n3.toClipBounds(n3.getRangeCoordsBounds(en2, { top: 1, left: 1, right: 1, bottom: 1 }), fo);
+      e5 && p3.push(ue2({ range: en2, key: "selection-move-outline", x: e5.x - Z2 / 2, y: e5.y - Z2 / 2, width: Math.max(e5.width + Z2 / 2, 1), height: Math.max(e5.height + Z2 / 2, 1), stroke: Q2, style: { boxShadow: "none", transitionDuration: "70ms", transitionTimingFunction: "ease-in", transitionProperty: "left, top, width, height", willChange: "left, top, width, height" }, strokeWidth: Z2 }));
+    }
+    return e("div", { children: p3 }, "selection");
+  }, [cn2, ke2, R2, Ie2, Y2, en2, ie2, P2, Q2, J2, ee2, te2, oe2, re2, Le2]), dn2 = d(() => {
+    const e5 = () => t2.current;
+    return [new In("moveToPageDown", e5, { label: "Page Down", description: "Shift viewport down one page.", shortcut: [{ key: "PageDown" }] }, () => ft2(false)), new In("selectToPageDown", e5, { label: "Select To Page Down", description: "Shift viewport and select down one page.", shortcut: [{ key: "PageDown", modifiers: [gt] }] }, () => ft2(true)), new In("moveToPageRight", e5, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [wt] }] }, () => xt2(false)), new In("selectToPageRight", e5, { label: "Page Right", description: "Shift viewport right one page.", shortcut: [{ key: "PageDown", modifiers: [wt, gt] }] }, () => xt2(true)), new In("moveToPageUp", e5, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp" }] }, () => pt2(false)), new In("selectToPageUp", e5, { label: "Page Up", description: "Shift viewport up one page.", shortcut: [{ key: "PageUp", modifiers: [gt] }] }, () => pt2(true)), new In("moveToPageLeft", e5, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [wt] }] }, () => yt2(false)), new In("selectToPageLeft", e5, { label: "Page Left", description: "Shift viewport left one page.", shortcut: [{ key: "PageUp", modifiers: [wt, gt] }] }, () => yt2(true)), new In("selectColumn", e5, { label: "Select Column", description: "Select the columns for the selected cells.", shortcut: { key: "Space", modifiers: [mt] } }, tt2), new In("selectRow", e5, { label: "Select Row", description: "Select the rows for the selected cells.", shortcut: { key: "Space", modifiers: [gt] } }, nt2), new In("selectToColumnStart", e5, { label: "Select To Column Start", description: "Select the columns to the beginning of the sheet." }, () => rt2(true)), new In("selectToColumnEnd", e5, { label: "Select To Column End", description: "Select the columns to the end of the sheet." }, () => it2(true)), new In("moveToRowStart", e5, { label: "Move to Row Home", description: "Move to the beginning of the row.", shortcut: [{ key: "Home" }] }, () => lt2(false)), new In("selectToRowStart", e5, { label: "Select to Row Home", description: "Select to the beginning of the row.", shortcut: [{ key: "Home", modifiers: [gt] }] }, () => lt2(true)), new In("moveToSheetStart", e5, { label: "Move to Sheet Home", description: "Move to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [mt] }] }, () => st2(false)), new In("selectToSheetStart", e5, { label: "Select to Sheet Home", description: "Select to the beginning of the sheet.", shortcut: [{ key: "Home", modifiers: [mt, gt] }] }, () => st2(true)), new In("moveToRowEnd", e5, { label: "Move to Row End", description: "Move to the end of the row.", shortcut: [{ key: "End" }] }, () => ct2(false)), new In("selectToRowEnd", e5, { label: "Select to Row End", description: "Select to the end of the row.", shortcut: [{ key: "End", modifiers: [gt] }] }, () => ct2(true)), new In("moveToSheetEnd", e5, { label: "Move to Sheet End", description: "Move to the end of the sheet.", shortcut: [{ key: "End", modifiers: [mt] }] }, () => at2(false)), new In("selectToSheetEnd", e5, { label: "Select to Sheet End", description: "Select to the end of the sheet.", shortcut: [{ key: "End", modifiers: [mt, gt] }] }, () => at2(true)), new In("scrollToActiveCoords", e5, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell.", shortcut: { key: "Backspace", modifiers: [mt] } }, ot2), new In("scrollToActiveCoordsClearSelection", e5, { label: "Scroll to Active Cell", description: "Scroll to the Active Cell and clear selection.", shortcut: { key: "Backspace", modifiers: [gt] } }, () => {
+      Ue2(), Yt2(xe2.cell, true);
+    }), new In("traverseSelectionRight", e5, { label: "Traverse Right", description: "Traverse the selection moving rightward.", shortcut: { key: "Tab" } }, bt2), new In("traverseSelectionLeft", e5, { label: "Traverse Left", description: "Traverse the selection moving leftward.", shortcut: { key: "Tab", modifiers: [gt] } }, vt2), new In("traverseSelectionDown", e5, { label: "Traverse Down", description: "Traverse the selection moving downward.", shortcut: [{ key: "Enter" }, { key: "NumpadEnter" }] }, Et2), new In("traverseSelectionUp", e5, { label: "Traverse Up", description: "Traverse the selection moving upward.", shortcut: [{ key: "Enter", modifiers: [gt] }, { key: "NumpadEnter", modifiers: [gt] }] }, St2), new In("moveLeft", e5, { label: "Move Left", description: "Move active cell to the left.", shortcut: [{ key: "ArrowLeft" }] }, kt2), new In("selectLeft", e5, { label: "Select Left", description: "Extend selection left.", shortcut: [{ key: "ArrowLeft", modifiers: [gt] }] }, Rt2), new In("moveContentfulLeft", e5, { label: "Move Left Contentful", description: "Move left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [mt] }] }, Pt2), new In("selectContentfulLeft", e5, { label: "Select Left Contentful", description: "Extend selection left to the next cell with content.", shortcut: [{ key: "ArrowLeft", modifiers: [mt, gt] }] }, Ot2), new In("moveRight", e5, { label: "Move Right", description: "Move active cell to the right.", shortcut: [{ key: "ArrowRight" }] }, Lt2), new In("selectRight", e5, { label: "Select Right", description: "Extend selection right.", shortcut: [{ key: "ArrowRight", modifiers: [gt] }] }, Dt2), new In("moveContentfulRight", e5, { label: "Move Right Contentful", description: "Move right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [mt] }] }, zt2), new In("selectContentfulRight", e5, { label: "Select Right Contentful", description: "Extend selection right to the next cell with content.", shortcut: [{ key: "ArrowRight", modifiers: [mt, gt] }] }, At2), new In("moveUp", e5, { label: "Move Up", description: "Move active cell to the up.", shortcut: [{ key: "ArrowUp" }] }, $t2), new In("selectUp", e5, { label: "Select Up", description: "Extend selection up.", shortcut: [{ key: "ArrowUp", modifiers: [gt] }] }, Bt2), new In("moveContentfulUp", e5, { label: "Move Up Contentful", description: "Move up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [mt] }] }, Ft2), new In("selectContentfulUp", e5, { label: "Select Up Contentful", description: "Extend selection up to the next cell with content.", shortcut: [{ key: "ArrowUp", modifiers: [mt, gt] }] }, jt2), new In("moveDown", e5, { label: "Move Down", description: "Move active cell to the down.", shortcut: [{ key: "ArrowDown" }] }, Vt2), new In("selectDown", e5, { label: "Select Down", description: "Extend selection down.", shortcut: [{ key: "ArrowDown", modifiers: [gt] }] }, Wt2), new In("moveContentfulDown", e5, { label: "Move Down Contentful", description: "Move down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [mt] }] }, Ht2), new In("selectContentfulDown", e5, { label: "Select Down Contentful", description: "Extend selection down to the next cell with content.", shortcut: [{ key: "ArrowDown", modifiers: [mt, gt] }] }, Nt2), new In("selectVisible", e5, { label: "Select Visible", description: "Select visible cells only.", shortcut: { key: ";", modifiers: [wt] } }, ut2), new In("traverseSelectionPreviousRange", e5, { label: "Traverse Previous Range", description: "Traverse the selection to the previous range.", shortcut: { key: "ArrowLeft", modifiers: [mt, wt] } }, _t2), new In("traverseSelectionNextRange", e5, { label: "Traverse Next Range", description: "Traverse the selection to the next range.", shortcut: { key: "ArrowRight", modifiers: [mt, wt] } }, It2), new In("traverseSelectionCorners", e5, { label: "Traverse Corners", description: "Traverse the selection through the corners of the selected range.", shortcut: { key: ".", modifiers: [mt] } }, Mt2)];
+  }, []);
+  return d(() => {
+    n2?.addCommands(dn2, true);
+  }, [n2]), { selection: cn2, setSelectionCell: Yt2, setSelectionRanges: be2, overlay: an2, cursor: Ee2, onPointerDown: Ze2, clearLastSelection: qt2, newSelection: He2, modifySelection: We2, appendSelection: Ne2, clearSelections: Ue2, isEntire: Kt2, navigate: Qe2, navigateSelection: et2 };
+}, bo = { "sheetxl-grid": "_sheetxl-grid_11irg_13" }, So = Object.freeze({ top: 0, left: 0 }), Eo = Object.freeze({ bottom: -4, right: -4 }), _o = Object.freeze({ horizontal: true, vertical: true }), Io = [C, M, T, k], Co = 150, Mo = 3e3, To = {}, ko = r(a((o2, r2) => {
+  const { width: c2, height: a2, rowCount: w2 = 1, columnCount: m2 = 1, defaultRowHeight: x2, defaultColumnWidth: y2, getRowHeight: v2, getColumnWidth: R2, layout: P2, onViewportScroll: O2, onImmediateScroll: L2, showGridLines: D2 = true, gridLineColor: z2 = "rgb(224, 224, 224)", gridLineRowsProps: A2, gridLineColumnsProps: $2, clipCells: B2 = true, cursor: F2, freezeLeft: j2 = 0, freezeTop: V2 = 0, freezeLeftProps: W2, freezeTopProps: H2, cellRenderer: N2, onViewportChange: U2, onFirstRender: q2, overlayRenderer: K2, overlayProps: Y2, overlays: X2, overlaysProps: G2, allowOverlaysOverflow: Z2 = false, stageProps: J2, stageWrapper: Q2 = null, hiddenRowsAt: ee2, hiddenColumnsAt: te2, hiddenCellAt: oe2, getVisibleCells: re2, zoom: ie2 = 1, enableMouseWheel: le2 = true, onWheelScroll: se2, getCellCoordsAsRangeCoords: ce2 = ne.cellToRange, scrollPoint: ae2 = So, style: de2 = {}, ...ue2 } = o2;
+  b(N2, "No cellRenderer specified. This is probably not what you wanted"), b(!o2?.children, "Grid does not support children elements");
+  const he2 = Tt(L2, [L2]), fe2 = Tt(U2, [U2]), pe2 = Tt(O2, [O2]), ge2 = Tt(se2, [se2]), we2 = Tt(q2, [q2]), me2 = l(null), xe2 = l(null), ye2 = l(null), [ve2, be2] = p((e5) => e5 + 1, 0), [Se2, Ee2] = h({ left: ae2?.left ?? 0, top: ae2?.top ?? 0, horizontalScrollDirection: null, verticalScrollDirection: null }), _e2 = l(null), Ie2 = l(Se2), { top: Ce2, left: Te2, verticalScrollDirection: ke2, horizontalScrollDirection: Re2 } = Se2, Pe2 = l(false), Oe2 = An({ rowCount: w2, columnCount: m2, defaultRowHeight: x2, defaultColumnWidth: y2, getRowHeight: v2, getColumnWidth: R2 }), Le2 = l(null), De2 = d(() => {
+    const e5 = P2 || Oe2;
+    return Le2.current = null, { getColOffset: (t2) => e5.getColOffset(t2) * ie2, getColIndex: (t2) => e5.getColIndex(t2 / ie2), getRowOffset: (t2) => e5.getRowOffset(t2) * ie2, getRowIndex: (t2) => e5.getRowIndex(t2 / ie2) };
+  }, [Oe2, P2, ie2]), ze2 = (e5, t2, n2) => {
+    const o3 = (t2?.left ?? 0) + 0, r3 = (t2?.top ?? 0) + 0;
+    return { getColOffset: (t3) => e5.getColOffset(t3) - o3, getColIndex: (t3) => e5.getColIndex(t3 + o3), getRowOffset: (t3) => e5.getRowOffset(t3) - r3, getRowIndex: (t3) => e5.getRowIndex(t3 + r3) };
+  }, Ae2 = i((e5, t2 = false) => to(e5, t2, De2.getRowOffset, t2 ? 0 : w2), [w2, De2?.getRowOffset]), $e2 = Tt(ee2 ?? Ae2, [ee2]), Be2 = i((e5, t2 = false) => to(e5, t2, De2.getColOffset, t2 ? m2 : 0), [m2, De2?.getColOffset]), Fe2 = Tt(te2 ?? Be2, [te2]), je2 = d(() => Math.min(c2 ?? 800, De2.getColOffset(m2)), [De2.getColOffset, m2, c2]), Ve2 = d(() => Math.min(a2 ?? 600, De2.getRowOffset(w2)), [De2.getRowOffset, w2, a2]), We2 = i((e5) => {
+    Me.canUseDOM && setTimeout(() => {
+      me2.current?.focus({ preventScroll: true, ...e5 });
+    }, 0);
+  }, []), He2 = i((e5) => me2.current?.contains(e5) || xe2.current?.contains(e5), []);
+  s(() => {
+    Pe2.current && (_e2.current && _e2.current.left !== Ie2.current?.left && _e2.current.top !== Ie2.current?.top || (_e2.current = null, pe2?.({ left: Te2, top: Ce2 })));
+  }, [Te2, Ce2]);
+  const Ne2 = Tt(() => ({ top: Ce2, left: Te2 }), [Ce2, Te2]), Ue2 = d(() => {
+    const e5 = [];
+    let t2 = 0, n2 = 0;
+    "number" == typeof V2 ? t2 = V2 : (t2 = V2.index ?? 0, n2 = (V2.scrollOffset ?? 0) * ie2);
+    const o3 = n2, r3 = De2.getRowOffset(t2), i2 = r3 - o3;
+    if (t2 > 0) {
+      const l3 = ze2(De2, { top: n2 + De2.getRowOffset(0) }), s3 = De2.getRowIndex(o3), c4 = De2.getRowIndex(r3 - 1);
+      let a4;
+      e5[1] = { minIndex: s3, maxIndex: c4, minCoord: 0, maxCoord: t2 - 1, minBounds: 0, maxBounds: i2, visibleIndices: () => a4 || (a4 = Object.freeze(qn($e2, s3, c4)), a4), layout: l3, maxVirtualBounds: r3, scrollOffset: n2, freezeOffset: n2 };
+    }
+    const l2 = Math.max(0, Ve2 - i2), s2 = ze2(De2, { top: Ce2 + i2 }), c3 = s2.getRowIndex(0), a3 = s2.getRowIndex(l2);
+    let d2;
+    return e5[0] = { minIndex: c3, maxIndex: a3, minCoord: t2, maxCoord: w2 - 1, minBounds: i2, maxBounds: l2, visibleIndices: () => d2 || (d2 = Object.freeze(qn($e2, c3, a3)), d2), layout: s2, maxVirtualBounds: De2.getRowOffset(w2), scrollOffset: Ce2, freezeOffset: (t2 > 0 ? De2.getRowOffset(t2) : 0) - n2 }, e5;
+  }, [De2.getRowIndex, De2.getRowOffset, $e2, Ve2, w2, V2, Ce2, ie2]), qe2 = d(() => {
+    const e5 = [];
+    let t2 = 0, n2 = 0;
+    "number" == typeof j2 ? t2 = j2 : (t2 = j2.index ?? 0, n2 = (j2.scrollOffset ?? 0) * ie2);
+    const o3 = n2, r3 = De2.getColOffset(t2), i2 = r3 - o3;
+    if (t2 > 0) {
+      const l3 = ze2(De2, { left: n2 + De2.getColOffset(0) }), s3 = De2.getColIndex(o3), c4 = De2.getColIndex(r3 - 1);
+      let a4;
+      e5[1] = { minIndex: s3, maxIndex: c4, minCoord: 0, maxCoord: t2 - 1, minBounds: 0, maxBounds: i2, visibleIndices: () => a4 || (a4 = Object.freeze(qn(Fe2, s3, c4)), a4), layout: l3, maxVirtualBounds: r3, scrollOffset: n2, freezeOffset: n2 };
+    }
+    const l2 = Math.max(0, je2 - i2), s2 = ze2(De2, { left: Te2 + i2 }), c3 = s2.getColIndex(0), a3 = s2.getColIndex(l2);
+    let d2;
+    return e5[0] = { minIndex: c3, maxIndex: a3, minCoord: t2, maxCoord: m2 - 1, minBounds: i2, maxBounds: l2, visibleIndices: () => d2 || (d2 = Object.freeze(qn(Fe2, c3, a3)), d2), layout: s2, maxVirtualBounds: De2.getColOffset(m2), scrollOffset: Te2, freezeOffset: (t2 > 0 ? De2.getColOffset(t2) : 0) - n2 }, e5;
+  }, [De2.getColIndex, De2.getColOffset, Fe2, je2, m2, j2, Te2, ie2]), Ke2 = l({}), Ye2 = l([]), Xe2 = d(() => {
+    let e5 = {};
+    const t2 = (t3, n3, o3, r3, i2) => {
+      const l2 = { vertical: r3?.vertical || false, horizontal: r3?.horizontal || false };
+      if (t3 >= qe2.length || n3 >= Ue2.length) return null;
+      const s2 = { rowStart: Ue2[n3].minIndex, colStart: qe2[t3].minIndex, rowEnd: Ue2[n3].maxIndex, colEnd: qe2[t3].maxIndex };
+      if (s2.rowStart > s2.rowEnd || s2.colStart > s2.colEnd) return null;
+      const c3 = { getColIndex: (e6) => qe2[t3].layout.getColIndex(e6), getColOffset: (e6) => qe2[t3].layout.getColOffset(e6), getRowIndex: (e6) => Ue2[n3].layout.getRowIndex(e6), getRowOffset: (e6) => Ue2[n3].layout.getRowOffset(e6) }, a3 = Object.freeze({ left: i2?.left ?? 0, top: i2?.top ?? 0, right: i2?.right ?? 0, bottom: i2?.bottom ?? 0 }), d2 = Object.freeze({ x: qe2[t3].minBounds, y: Ue2[n3].minBounds, width: qe2[t3].maxBounds, height: Ue2[n3].maxBounds }), u2 = (e6, t4) => oo(c3, e6 ?? s2, t4), h2 = { width: qe2[t3].maxVirtualBounds, height: Ue2[n3].maxVirtualBounds }, f2 = { left: qe2[t3].scrollOffset, top: Ue2[n3].scrollOffset }, p2 = { left: qe2[t3].freezeOffset, top: Ue2[n3].freezeOffset }, g2 = { width: je2, height: Ve2 };
+      let w3 = null, m3 = null;
+      const x3 = (p2.top + (r3.vertical ? f2.top : 0)) / ie2, y3 = (p2.left + (r3.horizontal ? f2.left : 0)) / ie2;
+      return { getStage: () => me2.current ?? null, getVisibleRangeCoords: () => s2, toClipBounds: (e6, t4) => {
+        let n4, o4 = 0;
+        return void 0 === t4 || "number" == typeof t4 ? (n4 = u2(s2), o4 = t4) : n4 = t4, ((e7, t5, n5 = 0) => {
+          if (e7.x > t5.width || e7.y > t5.height) return null;
+          const o5 = { left: e7.x, top: e7.y, bottom: e7.height + e7.y, right: e7.width + e7.x }, r4 = { left: t5.x + n5, top: t5.y + n5, bottom: t5.height - 2 * n5 + t5.y, right: t5.width - 2 * n5 + t5.x }, i3 = { left: Math.max(o5.left, r4.left), top: Math.max(o5.top, r4.top), bottom: Math.min(o5.bottom, r4.bottom), right: Math.min(o5.right, r4.right) }, l3 = { x: i3.left, y: i3.top, width: i3.right - i3.left, height: i3.bottom - i3.top };
+          return l3.height < 0 || l3.width < 0 ? null : l3;
+        })(e6 ?? { x: 0, y: 0, width: d2.width, height: d2.height }, n4, o4);
+      }, toViewBounds: (e6) => 0 === y3 && 0 === x3 && 1 === ie2 ? e6 : { x: (e6.x - y3) * ie2, y: (e6.y - x3) * ie2, width: e6.width * ie2, height: e6.height * ie2 }, toAbsoluteBounds: (e6) => 0 === y3 && 0 === x3 && 1 === ie2 ? e6 : { x: e6.x / ie2 + y3, y: e6.y / ie2 + x3, width: e6.width / ie2, height: e6.height / ie2 }, getRelativePointFromClient: (e6, t4) => {
+        const n4 = tt2(e6, t4);
+        return { x: n4.x - d2.x, y: n4.y - d2.y };
+      }, getLayout: () => c3, getCellCoordsAsRangeCoords: ce2, getVisibleColumns: () => qe2[t3].visibleIndices(), getVisibleRows: () => Ue2[n3].visibleIndices(), getVisibleColumnOffsets: () => (w3 || (w3 = no(qe2[t3].layout, true, qe2[t3].visibleIndices(), s2.colStart, s2.colEnd)), w3), getVisibleRowOffsets: () => (m3 || (m3 = no(Ue2[n3].layout, false, Ue2[n3].visibleIndices(), s2.rowStart, s2.rowEnd)), m3), getTotalRangeCoords: () => ({ colStart: qe2[t3].minCoord, colEnd: qe2[t3].maxCoord, rowStart: Ue2[n3].minCoord, rowEnd: Ue2[n3].maxCoord }), getRangeCoordsBounds: u2, scrollCellCoordsIntoView: (e6, t4) => ut2(e6, t4, o3), getCellCoordsFromClient: (e6, t4, n4 = false) => {
+        const o4 = tt2(e6, t4);
+        if (!o4) return null;
+        const r4 = c3.getColIndex(o4.x - d2.x), i3 = { rowIndex: c3.getRowIndex(o4.y - d2.y), colIndex: r4 };
+        if (n4) return i3;
+        const l3 = ce2(i3);
+        return { rowIndex: l3.rowStart, colIndex: l3.colStart };
+      }, getZoom: () => ie2, getAnchor: () => o3, getBounds: () => d2, getInsets: () => a3, getTotalSize: () => h2, getViewportSize: () => g2, getScrollTopLeft: () => f2, getFreezeTopLeft: () => p2, getScrollOrientation: () => l2, allViews: () => e5 };
+    };
+    let n2 = e5[k] = t2(0, 0, k, _o, Eo);
+    return n2 && (e5[k] = n2), n2 = t2(0, 1, M, { horizontal: true }), n2 && (e5[M] = n2), n2 = t2(1, 0, T, { vertical: true }), n2 && (e5[T] = n2), n2 = t2(1, 1, C, {}), n2 && (e5[C] = n2), Ke2.current = null, e5 = Object.freeze(e5);
+  }, [Ue2, qe2, ce2]), Ge2 = Object.keys(Xe2), Ze2 = qe2[0]?.maxVirtualBounds ?? 0, Je2 = Ue2[0]?.maxVirtualBounds ?? 0, Qe2 = d(() => ({ left: qe2[1] ? qe2[1].layout.getColOffset(qe2[1].maxIndex + 1) : 0, top: Ue2[1] ? Ue2[1].layout.getRowOffset(Ue2[1].maxIndex + 1) : 0 }), [Xe2]);
+  s(() => {
+    if (Ye2.current.length > 0) {
+      for (let e5 = 0; e5 < Ye2.current.length; e5++) Ye2.current[e5]();
+      Ye2.current = [];
+    }
+  }, [Xe2]);
+  const et2 = Tt(() => ({ containerWidth: je2, containerHeight: Ve2, totalWidth: Ze2, totalHeight: Je2 }), [je2, Ve2, De2]);
+  s(() => {
+    !_e2.current && Pe2.current && fe2({ top: Ce2, left: Te2, width: je2, height: Ve2, totalWidth: Ze2, totalHeight: Je2 });
+  }, [Ce2, Te2, Ze2, Je2]), s(() => {
+    Pe2.current && fe2({ top: Ce2, left: Te2, width: je2, height: Ve2, totalWidth: Ze2, totalHeight: Je2 });
+  }, [je2, Ve2]);
+  const tt2 = i((e5, t2) => {
+    b("number" == typeof e5 && "number" == typeof t2, "Top and left should be a number.");
+    const n2 = me2.current?.getBoundingClientRect();
+    return n2 ? { x: e5 - n2.x, y: t2 - n2.y } : { x: e5, y: t2 };
+  }, []), nt2 = Tt((e5) => Xe2[e5] || null, [Xe2]), ot2 = Tt((e5, t2) => {
+    if (1 === Object.keys(Xe2).length) return Xe2[k];
+    const n2 = tt2(e5, t2);
+    if (!n2) return null;
+    const { x: o3, y: r3 } = n2;
+    let i2 = null;
+    const l2 = Io;
+    for (let e6 = 0; !i2 && e6 < l2.length; e6++) {
+      const t3 = Xe2[l2[e6]];
+      t3 && ro(o3, r3, t3.getBounds()) && (i2 = t3);
+    }
+    return i2 || (i2 = Xe2[k]), i2;
+  }, [Xe2, ce2]), rt2 = Tt(() => Xe2[k].getVisibleRangeCoords(), [Xe2[k]]), it2 = l(null), lt2 = i(() => {
+    null !== it2.current && Me.cancelTimeout(it2.current), it2.current = Me.requestTimeout(st2, 150);
+  }, []), st2 = i(() => {
+    it2.current = null, Ee2((e5) => {
+      const t2 = { ...e5, verticalScrollDirection: null, horizontalScrollDirection: null };
+      return Ie2.current = t2, t2;
+    });
+  }, []), ct2 = Tt((e5) => {
+    const t2 = e5?.left ?? e5?.[0], n2 = e5?.top ?? e5?.[1], o3 = void 0 !== t2 ? Math.min(Ze2 - je2, Math.max(qe2?.[1]?.scrollOffset ?? 0, t2)) : Ie2.current.left, r3 = void 0 !== n2 ? Math.min(Je2 - Ve2, Math.max(Ue2?.[1]?.scrollOffset ?? 0, n2)) : Ie2.current.top;
+    if (Ie2.current.left === o3 && Ie2.current.top === r3) return;
+    let i2 = null, l2 = null;
+    Ie2.current.left > o3 ? i2 = _ : Ie2.current.left < o3 && (i2 = I), Ie2.current.top > r3 ? l2 = S : Ie2.current.top < r3 && (l2 = E), Me.throttle(() => {
+      Ee2((e6) => {
+        const t3 = { ...e6, left: o3, top: r3, horizontalScrollDirection: i2, verticalScrollDirection: l2 };
+        return Ie2.current = t3, t3;
+      });
+    }, 17)(), _e2.current?.top === r3 && _e2.current?.left === o3 || (_e2.current = { left: o3, top: r3 }, he2({ left: o3, top: r3 }), fe2({ left: o3, top: r3, width: je2, height: Ve2, totalWidth: Ze2, totalHeight: Je2 })), lt2();
+  }, [Ze2, Je2, Ue2, qe2]);
+  s(() => {
+    _e2.current || ct2({ left: Te2, top: Ce2 });
+  }, [Ze2, je2, Je2, Ve2]), u(() => {
+    _e2.current = { left: ae2?.left, top: ae2?.top }, ct2(_e2.current);
+  }, [ae2?.left, ae2?.top]);
+  const at2 = Tt((e5) => {
+    const t2 = e5?.left ?? e5?.[0], n2 = e5?.top ?? e5?.[1], o3 = e5?.behavior ?? "auto", r3 = { left: Ie2.current.left + (t2 ?? 0), top: Ie2.current.top + (n2 ?? 0) };
+    o3 && (r3.behavior = o3), ct2(r3);
+  }, [Ze2, je2, Je2, Ve2]), dt2 = i((e5) => {
+    let t2 = null;
+    if (Object.keys(Xe2).length > 1) {
+      const n2 = Io;
+      for (let o3 = 0; !t2 && o3 < n2.length; o3++) {
+        const r3 = Xe2[n2[o3]];
+        r3 && ne.isCellWithinRange(e5, r3.getVisibleRangeCoords()) && (t2 = r3);
+      }
+    }
+    return t2 || (t2 = Xe2[k]), t2;
+  }, [Xe2]), ut2 = Tt((e5, t2 = { inline: "nearest", block: "nearest" }, n2 = null) => {
+    const o3 = { rowIndex: 0, colIndex: 0, ...e5 };
+    let r3 = null;
+    if (null !== n2) {
+      if (r3 = Xe2[n2], null === r3) return new Promise((e6, t3) => {
+        t3("Invalid view");
+      });
+    } else r3 = dt2(o3);
+    const i2 = ce2(o3), l2 = r3.getLayout(), s2 = l2.getColOffset(i2.colStart), c3 = l2.getRowOffset(i2.rowStart), a3 = l2.getColOffset(i2.colEnd + 1), d2 = l2.getRowOffset(i2.rowEnd + 1), u2 = r3.getBounds(), h2 = r3.getTotalSize(), f2 = r3.getScrollTopLeft(), p2 = ((e6, t3, n3 = true) => (n3 = true === n3 ? { block: "start", inline: "end" } : false === n3 ? { block: "end", inline: "end" } : { block: "end", inline: "end", ...n3 }, { left: Zn(n3.inline, e6.x, e6.x + e6.width, t3.left, t3.left + t3.width, t3.totalWidth), top: Zn(n3.block, e6.y, e6.y + e6.height, t3.top, t3.top + t3.height, t3.totalHeight) }))({ x: s2 + f2.left, y: c3 + f2.top, width: a3 - s2, height: d2 - c3 }, { left: f2.left, top: f2.top, width: u2.width, height: u2.height, totalWidth: h2.width, totalHeight: h2.height }, t2), g2 = { ...p2 };
+    g2.left > Te2 ? g2.left += 20 : g2.left < Te2 && (g2.left -= 0), g2.top > Ce2 ? g2.top += 20 : g2.top < Ce2 && (g2.top -= 0);
+    const w3 = r3.getScrollOrientation();
+    return w3.horizontal && void 0 !== e5.colIndex || delete g2.left, w3.vertical && void 0 !== e5.rowIndex || delete g2.top, new Promise((e6, t3) => {
+      try {
+        ct2(g2), e6(g2);
+      } catch (e7) {
+        t3(e7);
+      }
+    });
+  }, [Ze2, Je2, Xe2, ce2]), ht2 = Tt((e5) => {
+    const t2 = e5.shiftKey;
+    e5.preventDefault();
+    const { deltaX: n2, deltaY: o3, deltaMode: r3 } = e5;
+    if (ye2.current) return;
+    let i2 = ge2?.(e5);
+    if (false === i2) return;
+    let l2 = t2 ? o3 : n2, s2 = o3;
+    const c3 = t2 || Math.abs(l2) > Math.abs(s2);
+    1 === r3 && (s2 *= 0), ye2.current = window.requestAnimationFrame(() => {
+      ye2.current = null, at2(c3 ? { left: l2 } : { top: s2 });
+    });
+  }, [Ze2, je2, Je2, Ve2, ge2]), ft2 = i((e5 = null) => {
+    Le2.current = null, Ke2.current = null, be2();
+  }, []);
+  u(() => {
+    ft2();
+  }, [N2]);
+  const pt2 = Kt(r2, () => ({ stage: me2.current, focus: We2, contains: He2, invalidate: ft2, scrollTo: ct2, scrollBy: at2, scrollCellCoordsIntoView: ut2, getScrollPosition: Ne2, getDimensions: et2, getViewport: rt2, handleWheel: ht2, rowCount: w2, columnCount: m2, getLayout: () => De2, getRelativePointFromClient: tt2, getViewFromClient: ot2, getViewFromCellCoords: dt2, getViewFromLocation: nt2, onViewChangeOnce: (e5) => {
+    Ye2.current.push(e5);
+  } }), [w2, m2, Xe2]);
+  s(() => (le2 && pt2.current?.addEventListener("wheel", ht2, { passive: false }), Pe2.current = true, _e2.current = null, () => {
+    pt2.current?.removeEventListener("wheel", ht2);
+  }), [le2]);
+  const gt2 = l([]), wt2 = (t2, n2) => {
+    if (!t2 || !K2) return;
+    gt2.current = [];
+    n2.push(((t3, o3) => {
+      const r3 = `view:${t3.getAnchor()}:overlay:${n2.length}`, i2 = K2?.({ key: r3, view: t3 }, (e5) => gt2.current[o3] = e5);
+      if (!i2) return null;
+      const l2 = t3.getBounds();
+      return e("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${l2.width}px`, height: `${l2.height}px`, overflow: "hidden" }, children: i2 }, `overlay-${t3.getAnchor()}-${o3}`);
+    })(t2, 0));
+  }, mt2 = d(() => {
+    const e5 = {}, t2 = Object.keys(Xe2);
+    for (let n2 = 0; n2 < t2.length; n2++) {
+      const o3 = t2[n2], r3 = [];
+      wt2(Xe2[o3], r3), e5[o3] = { overlays: r3 };
+    }
+    return e5;
+  }, [ve2, K2, w2, m2, Ue2, qe2]), xt2 = (t2, n2, o3, r3, i2, l2, s2) => {
+    if (!t2) return;
+    const c3 = t2.getVisibleColumns(), a3 = t2.getVisibleRows();
+    if (0 === c3.length || 0 === a3.length) return;
+    let d2 = null;
+    if (re2) d2 = re2(t2);
+    else {
+      d2 = [];
+      for (let e5 = 0; e5 < a3.length; e5++) for (let t3 = 0; t3 < c3.length; t3++) {
+        const n3 = { rowIndex: a3[e5], colIndex: c3[t3] };
+        if (oe2?.(n3)) continue;
+        const o4 = { coords: n3, range: ce2(n3) };
+        d2.push(o4);
+      }
+    }
+    const u2 = t2.getVisibleColumnOffsets(), h2 = t2.getVisibleRowOffsets(), f2 = t2.getScrollTopLeft(), p2 = t2.getFreezeTopLeft(), g2 = f2.left + p2.left, w3 = f2.top + p2.top, m3 = Math.trunc(g2 / Mo), x3 = Math.trunc(w3 / Mo), y3 = {}, v3 = (e5, t3, n3, o4, r4) => {
+      const i3 = `view:${e5.getAnchor()}:cell:${Gn(t3.rowIndex, t3.colIndex)}`, c4 = o4.x, a4 = o4.y, d3 = Math.trunc((g2 + c4) / Mo) - m3, u3 = Math.trunc((w3 + a4) / Mo) - x3;
+      y3[u3] || (y3[u3] = {});
+      let h3 = y3[u3][d3];
+      h3 || (h3 = y3[u3][d3] = []);
+      let f3 = l2?.get(i3);
+      if (!f3) {
+        const l3 = (g2 + c4) % Mo, s3 = (w3 + a4) % Mo;
+        f3 = N2({ key: i3, coords: t3, bounds: o4, zoom: ie2, range: n3, view: e5, value: r4, style: { left: Ut.boundPixel(l3), top: Ut.boundPixel(s3), width: Ut.boundPixel(o4.width, true), height: Ut.boundPixel(o4.height, true) } });
+      }
+      s2?.set(i3, f3), h3.push(f3);
+    };
+    for (let e5 = 0; d2 && e5 < d2.length; e5++) {
+      const n3 = d2[e5], l3 = n3?.coords ?? n3;
+      if (!l3) continue;
+      const s3 = n3?.range ?? { rowStart: l3.rowIndex, colStart: l3.colIndex, rowEnd: l3.rowIndex, colEnd: l3.colIndex }, c4 = t2.getVisibleRangeCoords();
+      if (!ne.isRangesIntersect(s3, c4) && !ne.isRangeWithinRange(s3, c4)) continue;
+      const a4 = s3 && !ne.isSingleCell(s3);
+      if (!a4 && oe2?.(l3)) continue;
+      const f3 = l3.rowIndex, p3 = l3.colIndex, g3 = h2[f3], w4 = u2[p3];
+      let m4 = null;
+      g3 && w4 && (m4 = { x: w4.offset, y: g3.offset, width: w4.size, height: g3.size });
+      const x4 = Gn(s3.rowStart, s3.colStart);
+      if (a4) {
+        if (i2.has(x4)) continue;
+        i2.add(x4), s3.rowEnd - s3.rowStart > 0 && o3.push(s3), s3.colEnd - s3.colStart > 0 && r3.push(s3);
+      }
+      if (a4 && (m4 = oo(t2.getLayout(), s3)), !m4) {
+        console.warn("no bounds for cell", x4);
+        continue;
+      }
+      const y4 = n3?.value;
+      v3(t2, l3, s3, m4, y4);
+    }
+    const b2 = g2 % Mo, S2 = w3 % Mo, E2 = Object.keys(y3);
+    for (let o4 = 0; o4 < E2.length; o4++) {
+      const r4 = y3[E2[o4]];
+      if (!r4) continue;
+      const i3 = Object.keys(r4);
+      for (let l3 = 0; l3 < i3.length; l3++) {
+        const s3 = r4[i3[l3]];
+        if (!s3) continue;
+        const c4 = parseInt(E2[o4]), a4 = parseInt(i3[l3]), d3 = c4 + x3, u3 = a4 + m3, h3 = `view:${t2.getAnchor()}:segment:${u3}:${d3}`;
+        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${Ut.boundPixel(a4 * Mo - b2, true)}px, ${Ut.boundPixel(c4 * Mo - S2, true)}px)`, willChange: "transform" }, children: s3 }, h3));
+      }
+    }
+  }, yt2 = d(() => {
+    const e5 = Le2.current, t2 = /* @__PURE__ */ new Map(), n2 = {}, o3 = Object.keys(Xe2);
+    for (let r3 = 0; r3 < o3.length; r3++) {
+      const i2 = o3[r3], l2 = [], s2 = [], c3 = [];
+      xt2(Xe2[i2], c3, l2, s2, /* @__PURE__ */ new Set(), e5, t2), n2[i2] = { cells: c3, rangesH: l2, rangesV: s2 };
+    }
+    return Le2.current = t2, n2;
+  }, [ve2, w2, m2, Ue2, qe2, D2, de2, B2, oe2, re2, ce2]), vt2 = (t2, n2, o3, r3, i2) => {
+    if (t2) if (n2) {
+      const e5 = `view:${t2.getAnchor()}:hl:`, n3 = t2.getVisibleRows();
+      if (!n3 || 0 === n3.length) return;
+      const l2 = 0, s2 = t2.getBounds().width;
+      let c3 = [];
+      const a3 = i2.sort(ne.rowFirstRangeComparator), d2 = t2.getVisibleRangeCoords();
+      for (let i3 = 0; i3 < n3.length && n3[i3] <= d2.rowEnd; i3++) {
+        const u2 = n3[i3];
+        if (u2 < d2.rowStart) continue;
+        let h2 = false;
+        for (; a3.length > 0 && a3[0].rowStart <= u2; ) {
+          const e6 = a3.shift();
+          e6.rowEnd > u2 && (c3.push(e6), h2 = true);
+        }
+        h2 && (c3 = c3.sort(ne.columnFirstRangeComparator));
+        const p2 = t2.getLayout(), g2 = p2.getRowOffset(u2 + 1);
+        let w3 = l2;
+        for (let t3 = 0; t3 < c3.length + 1; t3++) {
+          let n4 = w3, i4 = s2;
+          const l3 = c3[t3];
+          t3 < c3.length && (i4 = Math.min(s2, p2.getColOffset(l3.colStart)), w3 = Math.min(s2, p2.getColOffset(l3.colEnd + 1))), r3.push(f("path", { d: `M ${Ut.boundPixel(n4)} ${Ut.boundPixel(g2, false, o3)} L ${Ut.boundPixel(i4)} ${Ut.boundPixel(g2, false, o3)}`, stroke: z2, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...A2, key: e5 + u2 + ":" + t3 }));
+        }
+        for (let e6 = c3.length - 1; e6 >= 0; e6--) c3[e6].rowEnd <= n3[i3 + 1] && c3.splice(e6, 1);
+      }
+    } else {
+      const n3 = `view:${t2.getAnchor()}:vl:`, l2 = t2.getVisibleColumns();
+      if (!l2 || 0 === l2.length) return;
+      const s2 = 0, c3 = t2.getBounds().height;
+      let a3 = [];
+      const d2 = i2.sort(ne.columnFirstRangeComparator), u2 = t2.getVisibleRangeCoords();
+      for (let i3 = 0; i3 < l2.length && l2[i3] <= u2.colEnd; i3++) {
+        const h2 = l2[i3];
+        if (h2 < u2.colStart) continue;
+        let f2 = false;
+        for (; d2.length > 0 && d2[0].colStart <= h2; ) {
+          const e5 = d2.shift();
+          e5.colEnd > h2 && (a3.push(e5), f2 = true);
+        }
+        f2 && (a3 = a3.sort(ne.rowFirstRangeComparator));
+        const p2 = t2.getLayout(), g2 = p2.getColOffset(h2 + 1);
+        let w3 = s2;
+        for (let t3 = 0; t3 < a3.length + 1; t3++) {
+          let i4 = w3, l3 = c3;
+          const s3 = a3[t3];
+          t3 < a3.length && (l3 = Math.min(c3, p2.getRowOffset(s3.rowStart)), w3 = Math.min(c3, p2.getRowOffset(s3.rowEnd + 1)));
+          let d3 = z2;
+          r3.push(e("path", { d: `M ${Ut.boundPixel(g2, false, o3)} ${Ut.boundPixel(i4)} L ${Ut.boundPixel(g2, false, o3)} ${Ut.boundPixel(l3)}`, stroke: d3, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...$2 }, n3 + h2 + ":" + t3));
+        }
+        for (let e5 = a3.length - 1; e5 >= 0; e5--) a3[e5].colEnd <= l2[i3 + 1] && a3.splice(e5, 1);
+      }
+    }
+  }, bt2 = (t2) => {
+    if (!yt2) return;
+    const n2 = {};
+    for (let o3 = 0; o3 < Ge2.length; o3++) {
+      const r3 = Ge2[o3], i2 = Xe2[r3], l2 = [];
+      vt2(i2, t2, 0, l2, t2 ? yt2[r3].rangesH : yt2[r3].rangesV);
+      const s2 = i2.getRangeCoordsBounds(), c3 = Math.ceil(s2.width), a3 = Math.ceil(s2.height);
+      n2[r3] = e("svg", { width: `${c3}`, height: `${a3}`, viewBox: `0 0 ${c3} ${a3}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: l2 });
+    }
+    return n2;
+  }, St2 = d(() => true === D2 || true === D2?.horizontal ? bt2(true) : null, [ve2, D2, Ue2, V2, j2, z2, A2, w2, m2, je2, Ze2, yt2]), Et2 = d(() => true === D2 || true === D2?.vertical ? bt2(false) : null, [ve2, D2, qe2, V2, j2, z2, $2, w2, m2, Ve2, Je2, yt2]), _t2 = d(() => 0 === Qe2.left ? null : e(lo, { linePoints: [0, 0, 0, Ve2 + 1], bounds: { x: Qe2.left, y: 0, width: 1, height: Ve2 + 1 }, ...W2 }), [ve2, Qe2.left, Ve2, W2]), It2 = d(() => 0 === Qe2.top ? null : e(lo, { linePoints: [0, 0, je2 + 1, 0], bounds: { x: 0, y: Qe2.top, width: je2 + 1, height: 1 }, ...H2 }), [ve2, Qe2.top, je2, H2]), Ct2 = d(() => {
+    const o3 = [], r3 = (e5) => {
+      if (!e5 || !Xe2[e5]) return;
+      const n2 = Xe2[e5].getBounds();
+      return t("div", { style: { position: "absolute", pointerEvents: "none", left: n2.x, top: n2.y, width: n2.width, height: n2.height, clip: `rect(0, ${n2.width + 1}px, ${n2.height + 1}px, 0)` }, className: `view view-${e5}`, children: [St2?.[e5], Et2?.[e5], yt2?.[e5].cells] }, `view:${e5}`);
+    };
+    for (let e5 = 0; e5 < Ge2.length; e5++) o3.push(r3(Ge2[e5]));
+    return e(n, { children: o3 });
+  }, [Xe2, St2, Et2, yt2]), Mt2 = d(() => {
+    if (!r2) return;
+    const e5 = (e6, t2, n3, o4) => {
+      if (!o4 || 0 === o4.length) return;
+      const r3 = [];
+      for (let i3 = 0; i3 < o4.length; i3++) {
+        const l3 = o4[i3];
+        let s3 = e6?.get(l3);
+        s3 !== To && (s3 = l3(n3) ?? To), t2.set(l3, s3), s3 && s3 !== To && r3.push(s3);
+      }
+      return r3;
+    }, n2 = (n3, o4, r3) => {
+      if (!r3) return;
+      const i3 = r3.getBounds(), l3 = r3.getInsets(), s3 = r3.getAnchor();
+      return t("div", { className: g("view", `view-${s3}`, bo.view), style: { position: "absolute", pointerEvents: "none", left: i3.x - l3.left, top: i3.y - l3.top, width: i3.width - (l3.left + l3.right), height: i3.height - (l3.top + l3.bottom), clipPath: Z2 ? "inset(-2px)" : "inset(0px)" }, children: [e5(n3, o4, r3, X2), mt2?.[s3].overlays] }, `view:${s3}`);
+    }, o3 = Ke2.current, i2 = {}, l2 = [], s2 = Object.keys(Xe2);
+    for (let e6 = 0; e6 < s2.length; e6++) {
+      const t2 = s2[e6], r3 = o3?.[t2], c3 = i2[t2] = /* @__PURE__ */ new Map();
+      l2.push(n2(r3, c3, Xe2[t2]));
+    }
+    return Ke2.current = i2, l2;
+  }, [ve2, Xe2, Z2, X2]), kt2 = d(() => {
+    const { style: t2, ...n2 } = J2 ?? {};
+    return e("div", { style: { width: je2, height: Ve2, ...t2 }, className: "sheetxl-stage", tabIndex: 0, ref: me2, ...n2, ...ue2, children: Q2 ? Q2(Ct2) : Ct2 });
+  }, [je2, Ve2, Ct2, J2, Q2]), Rt2 = l(false);
+  return s(() => {
+    !Rt2.current && yt2 && (Rt2.current = true, we2?.(pt2.current));
+  }, [yt2]), t("div", { className: g("sheetxl-grid", bo["sheetxl-grid"]), style: { overflow: "visible", cursor: F2, maxWidth: je2, maxHeight: Ve2, width: je2, height: Ve2, ...de2 }, ref: pt2, children: [kt2, t("div", { className: g("sheetxl-overlays"), ref: xe2, ...G2, children: [Mt2, _t2, It2] })] });
+}));
+ko.displayName = "BaseGrid";
+const Ro = r(a((t2, n2) => {
+  const { width: o2, height: r2, style: i2 = {}, className: l2, ...s2 } = t2, [c2, { width: a2, height: d2 }] = w();
+  return e("div", { className: l2, style: { ...i2 }, children: e("div", { style: { position: "relative", top: "0px", left: "0px", width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", boxSizing: "content-box" }, ref: c2, children: e(ko, { ref: n2, width: o2 ?? a2, height: r2 ?? d2, ...s2 }) }) });
+}));
+Ro.displayName = "Grid";
+const Po = r(a((t2, n2) => {
+  const { showVerticalScrollbar: o2, showHorizontalScrollbar: r2, createHorizontalScrollbar: s2, createVerticalScrollbar: a2, createScrollCorner: d2, viewport: u2, onScrollViewport: f2, style: p2 = {}, className: g2, onScroll: w2, ...m2 } = t2, [x2, y2] = h(null), v2 = l(null), S2 = l(null);
+  b(!u2, "Viewport can not be specified"), c(n2, () => S2.current && v2.current ? Object.assign(S2.current, v2.current) : null);
+  const E2 = i((e5) => {
+    S2.current?.scrollTo(e5), f2?.(e5);
+  }, []);
+  return e(Gt, { className: g2, style: p2, ref: v2, showVerticalScrollbar: o2, showHorizontalScrollbar: r2, createHorizontalScrollbar: s2, createVerticalScrollbar: a2, createScrollCorner: d2, viewport: x2, onScrollViewport: E2, children: e(Ro, { style: { width: "100%", height: "100%" }, ...m2, onViewportChange: (e5) => y2(e5), ref: S2 }) });
+}));
+Po.displayName = "ScrollableGrid";
+const Oo = () => false, Lo = r((t2) => {
+  const { index: n2, value: o2, zoom: r2, zoomScale: i2 = 100, headerText: s2 = (e5) => `${e5}`, headerStyle: c2, headerStyleSelect: a2 = c2, headerStyleSelectAll: d2 = a2, headerStyleHover: u2 = d2, verticalPadding: f2 = 0, horizontalPadding: p2 = 0, isSelected: g2 = Oo, isSelectedAll: w2 = Oo, coords: m2, bounds: x2, range: y2, orientation: v2, view: b2, style: S2, ...E2 } = t2, _2 = i2 / 100, I2 = l(null), [C2, M2] = h(false), T2 = g2?.(n2) || false, k2 = w2?.(n2) || false ? d2 : T2 ? a2 : c2;
+  let R2 = k2;
+  if (C2) {
+    let e5 = u2;
+    "function" == typeof u2 && (e5 = u2(k2)), R2 = Me.mergeContentful(k2, e5);
+  }
+  return e("div", { ref: I2, style: { background: R2.fill, color: R2.text?.fill, fontFamily: R2.text?.fontFamily ?? c2.text?.fontFamily, fontSize: 96 * (R2.text?.fontSize ?? 11) / 72 * _2, fontStyle: R2.text?.fontStyle, fontWeight: R2.text?.fontWeight, lineHeight: 1.2, display: "flex", justifyContent: "center", alignItems: "end", pointerEvents: "auto", paddingBottom: `${_2}px`, ...S2, left: S2.left - (v2 === A ? 1 : 0), top: S2.top - (v2 === $ ? 1 : 0), width: S2.width + 1, height: S2.height + 1, overflow: "hidden" }, ...E2, onMouseMove: (e5) => {
+    "touch" !== Ut.detectIt().primaryInput && 0 === e5.buttons && M2(true);
+  }, onMouseOut: (e5) => {
+    M2(false);
+  }, children: s2(n2) });
+});
+Lo.displayName = "HeaderRenderer";
+const Do = "ew-resize", zo = "ns-resize", Ao = r(a((n2, o2) => {
+  const { orientation: r2, view: i2, index: l2, className: s2, style: c2, disabled: a2 = false, disabledResize: d2 = false, isNextHidden: u2, isHidden: h2, isSelected: f2, isSelectedAll: p2, showTouchDivider: w2, headerStyle: m2, headerStyleSelect: x2, headerStyleSelectAll: y2, headerStyleHover: v2, bounds: b2, onPointerDown: S2, onAutoFit: E2, ..._2 } = n2, I2 = r2 === A;
+  let C2 = m2;
+  f2 && x2 && (C2 = x2), p2 && y2 && (C2 = y2);
+  const M2 = "touch" === Ut.detectIt().primaryInput;
+  let T2 = I2 ? 14 : 8, k2 = T2 / 2, R2 = 0;
+  u2 && (R2 = -2), h2 && (R2 = 2), h2 && (T2 = T2 / 2 + R2, k2 = 2 * R2);
+  let P2 = C2.dividerStrokeFill ?? C2.strokeFill;
+  return !(f2 || p2) && 0 === R2 && (P2 = `linear-gradient(${I2 ? 180 : 90}deg, ${C2.fill}, ${P2} 55%, ${P2} 100%)`), t("div", { className: g("header-divider", { disabled: a2 }, s2, `index-${l2}`), ref: o2, onPointerDown: M2 ? void 0 : S2, onDoubleClick: M2 ? void 0 : () => E2?.(), style: { top: (I2 ? 0 : -T2 / 2 + (R2 - 1)) + "px", left: (I2 ? -T2 / 2 + (R2 - 1) : 0) + "px", width: I2 ? T2 : "calc(100% + 1px)", height: I2 ? "calc(100% + 1px)" : T2, position: "absolute", overflow: "visible", pointerEvents: "all", cursor: a2 || d2 || M2 ? void 0 : I2 ? Do : zo, ...c2 }, ..._2, children: [e("div", { style: { position: "relative", top: `${I2 ? 0 : k2}px`, left: `${I2 ? k2 : 0}px`, width: I2 ? 1 : "100%", height: I2 ? "100%" : 1, background: P2 }, onDoubleClick: () => E2?.() }), w2 && M2 ? e("div", { style: { position: "absolute", cursor: "grab", zIndex: 1, borderRadius: "4px", right: I2 ? "-6px" : "2px", bottom: I2 ? "2px" : "-9px", height: "24px", width: I2 ? "24px" : "18px", maxHeight: I2 ? "calc(100% - 4px)" : void 0, maxWidth: I2 ? void 0 : "calc(100% - 4px)", background: C2.fill, border: `${y2.edgeStrokeFill} solid 1px`, boxShadow: `0.5px 0.5px 0px 0px ${m2.text.fill}`, display: "flex", alignItems: "center", justifyContent: "center" }, onPointerDown: S2, children: e("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(x2.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: I2 ? void 0 : "rotate(90deg)" } }) }) : null] });
+})), $o = (t2, n2) => e(Ao, { ...t2, ref: n2 }), Bo = r(a((o2, r2) => {
+  const { orientation: i2, view: s2, index: c2, disabled: a2 = false, disabledResize: d2 = false, resizeThreshold: u2 = 1, dividerRenderer: f2 = $o, onDividerMouseDown: p2, onDividerResizeStart: w2, onDividerResize: m2, onDividerResizeEnd: x2, onDividerMouseUp: y2, onDividerAutoFit: b2, onPointerDown: S2, ...E2 } = o2, _2 = Tt(S2, [S2]), I2 = Tt(b2, [b2]), C2 = i2 === A;
+  let M2 = C2 ? s2.getVisibleColumns() : s2.getVisibleRows(), T2 = null;
+  M2.length > 0 && (C2 ? T2 = s2.getRangeCoordsBounds({ rowStart: 0, rowEnd: 0, colStart: M2[0], colEnd: M2[M2.length - 1] }) : s2.getRangeCoordsBounds({ rowStart: M2[0], rowEnd: M2[M2.length - 1], colStart: 0, colEnd: 0 }), T2 = s2.toClipBounds(T2, fo));
+  const k2 = l(null), [R2, P2] = h(null), O2 = (e5, t2) => C2 ? e5.clientX - t2.clientX : e5.clientY - t2.clientY, L2 = s2.getLayout(), D2 = C2 ? L2.getColOffset(c2 + 1) : L2.getRowOffset(c2 + 1), z2 = hn({ processTouch: true, onPointerDown: (e5) => {
+    if (_2?.(e5), !a2 && !d2) {
+      const e6 = C2 ? L2.getColOffset(c2) : L2.getRowOffset(c2), t2 = D2 - e6;
+      k2.current = { isResizing: false, startSize: t2, index: c2, view: s2, orientation: i2, onDividerMouseDown: p2, onDividerResizeStart: w2, onDividerResize: m2, onDividerResizeEnd: x2, onDividerMouseUp: y2 }, P2(k2.current), p2?.(c2, t2);
+    }
+    e5.stopPropagation(), e5.preventDefault();
+  }, onPointerUp: (e5, t2, n2) => {
+    if (!k2.current) return;
+    k2.current.isResizing && k2.current.onDividerResizeEnd?.(k2.current.index, Math.max(0, k2.current.startSize + O2(e5, n2)), k2.current.startSize);
+    const o3 = k2.current;
+    k2.current = null, P2(k2.current), o3.onDividerMouseUp?.(o3.index);
+  }, onPointerMoveOrWait: (e5, t2, n2) => {
+    if (!k2.current) return;
+    const o3 = O2(e5, n2);
+    k2.current.isResizing ? k2.current.onDividerResize?.(k2.current.index, Math.max(0, k2.current.startSize + o3), k2.current.startSize) : Math.abs(o3) > Math.max(1, u2) && (k2.current = { ...k2.current, isResizing: true }, P2(k2.current), k2.current.onDividerResizeStart?.(k2.current.index, Math.max(0, k2.current.startSize + o3))), e5.stopPropagation(), e5.preventDefault();
+  } }), $2 = Tt(() => {
+    I2?.(c2);
+  }, [c2]);
+  if (!T2) return;
+  const B2 = f2({ bounds: T2, orientation: i2, view: s2, index: c2, disabled: a2, disabledResize: d2, onAutoFit: $2, onPointerDown: z2, ...E2 }, r2);
+  if (!B2) return;
+  const { getPortalContainer: F2 } = Qt();
+  let j2 = null;
+  return R2 && R2.isResizing && R2.index === c2 && (j2 = v(e("div", { style: { position: "absolute", cursor: C2 ? Do : zo, left: 0, top: 0, width: "100%", height: "100%" } }), F2(), "divider:" + c2)), t(n, { children: [j2, e("div", { className: g("header-divider-anchor"), style: { position: "absolute", pointerEvents: "auto", top: `${C2 ? T2.y : D2}px`, left: `${C2 ? D2 : T2.x}px`, width: (C2 ? 0 : T2.width - 1) + "px", height: (C2 ? T2.height - 1 : 0) + "px", display: "flex" }, tabIndex: -1, children: B2 })] });
+}));
+class Fo {
+  naturalDimensions(e5, t2 = {}) {
+    const n2 = document.createElement("div");
+    let o2 = t2?.lineHeight ?? "1";
+    !t2?.lineHeight && t2.paintableText?.fontSize && (o2 = Math.ceil(1.2 * t2.paintableText.fontSize) + "px");
+    const r2 = document.createElement("div");
+    r2.style.visibility = "hidden", r2.style.position = "absolute", r2.style.textRendering = "geometricprecision", r2.style.display = "inline-grid", r2.style.overflowWrap = "break-word", r2.style.maxWidth = t2.maxWidth ? t2.maxWidth + "px" : "100%", r2.style.lineHeight = o2, r2.style.letterSpacing = (t2.paintableText?.letterSpacing ?? 0) + "px", r2.style.fontSize = t2.paintableText?.fontSize ? t2.paintableText.fontSize + "px" : "unset", r2.style.fontFamily = t2.paintableText?.fontSize ? t2.paintableText.fontFamily : "unset", r2.style.fontWeight = t2.paintableText?.fontWeight ? "" + t2.paintableText.fontWeight : "400", r2.style.fontStyle = t2.paintableText?.fontStyle ? t2.paintableText.fontStyle : "normal", r2.style.whiteSpace = "wrap" === t2.paintableText?.wrap ? "break-spaces" : "pre", n2.appendChild(r2);
+    const i2 = e5.split("\n");
+    for (let e6 = 0; e6 < i2.length; e6++) {
+      let t3 = document.createElement("span");
+      r2.appendChild(t3), t3.textContent = i2[e6];
+    }
+    0 !== i2.length && 0 !== i2[i2.length - 1].length || r2.appendChild(document.createElement("br")), document.body.appendChild(r2);
+    let l2 = r2.getBoundingClientRect();
+    return r2.remove(), { width: l2.width, height: l2.height, maxLineHeight: 1.2 * (t2.paintableText?.fontSize || 1056 / 72) };
+  }
+}
+const jo = (e5 = void 0) => Object.freeze({ clean: e5, dirty: void 0, editMode: false }), Vo = jo(), Wo = r(a((t2, n2) => {
+  const { editState: o2 = Vo, defaultTextStyle: r2, onStartEdit: c2, onChangeEdit: a2, onSubmitEdit: f2, onCancelEdit: p2, onDoneEdit: g2, containerBounds: w2, setNaturalDimensions: m2, onNavigate: x2, textProperties: y2, style: v2, autoFocus: b2, ...C2 } = t2, M2 = l(null), { width: T2 = 0 } = w2 ?? {}, [k2, R2] = h(() => o2);
+  s(() => {
+    R2(o2);
+  }, [o2]);
+  const P2 = y2?.align || "left", O2 = y2?.vAlign || "middle", L2 = y2?.fill || "#040404", D2 = y2?.wrap || "wrap", z2 = y2?.fontFamily || "Calibri", A2 = y2?.fontSize || 11, $2 = y2?.fontWeight || 400, B2 = y2?.fontStyle || "normal", F2 = k2.dirty ?? k2.clean ?? "";
+  let j2 = 2;
+  const V2 = 96 * A2 / 72, W2 = 1.2 * V2;
+  "right" === O2 && (j2 += 1);
+  const H2 = d(() => new Fo().naturalDimensions(F2, { maxWidth: "wrap" === D2 ? T2 - j2 : void 0, lineHeight: `${W2}px`, paintableText: { fontStyle: B2, wrap: D2, letterSpacing: -0.25 } }), [F2, D2, j2, V2, z2, $2, B2, m2, T2]), N2 = i(() => H2.maxLineHeight ? H2.maxLineHeight + "px" : "1.2", [H2]), [U2, q2] = h(N2);
+  u(() => {
+    q2(N2());
+  }, [w2, H2]), u(() => {
+    m2?.({ width: "wrap" === D2 ? void 0 : H2.width + j2, height: H2.height });
+  }, [H2, m2]);
+  const K2 = Tt(a2, [a2]), Y2 = Tt((e5) => {
+    if (k2.dirty === e5) return;
+    const t3 = { ...k2 };
+    t3.dirty = e5, M2.current, R2(t3), K2?.(t3);
+  }, [k2]), X2 = Tt((e5) => {
+    if (k2.editMode === e5) return;
+    const t3 = { ...k2 };
+    t3.editMode = e5, R2(t3), K2?.(t3);
+  }, [k2]), G2 = Tt(() => {
+    try {
+      return f2?.(k2), g2?.(), true;
+    } catch (e5) {
+      return false;
+    }
+  }, [f2, k2]), Z2 = Tt(() => {
+    R2(o2), p2?.(), g2?.();
+  }, [p2, o2]), J2 = Tt((e5) => {
+    if (!M2.current) return;
+    if (e5.isDefaultPrevented(), !(e5.isTrusted || e5.nativeEvent.ctrlKey || e5.nativeEvent.metaKey || e5.nativeEvent.altKey || e5.nativeEvent.isComposing) && -1 !== $n.indexOf(e5.nativeEvent.key)) {
+      const t4 = { ...k2 };
+      return t4.dirty = "Backspace" === e5.nativeEvent.key ? "" : (t4.dirty ?? "") + e5.key, R2(t4), K2?.(t4), void e5.preventDefault();
+    }
+    const t3 = e5.nativeEvent.shiftKey;
+    if (e5.which === vt) return e5.preventDefault(), void Z2();
+    if (e5.which === It) return X2(true), void e5.preventDefault();
+    if (e5.which === yt && (e5.preventDefault(), G2() && x2?.(t3 ? S : E)), e5.which === xt) return e5.preventDefault(), void (G2() && x2?.(t3 ? _ : I));
+    if (!k2.editMode) {
+      let t4 = null;
+      switch (e5.which) {
+        case bt:
+          t4 = _;
+          break;
+        case Et:
+          t4 = I;
+          break;
+        case St:
+          t4 = S;
+          break;
+        case _t:
+          t4 = E;
+      }
+      if (t4) return void G2();
+    }
+  }, [k2, x2]), [Q2, ee2] = h(!b2);
+  s(() => {
+    ee2(false);
+  }, []);
+  const te2 = Kt(n2, () => ({ startEdit(e5) {
+    let t3 = e5?.initialSelection;
+    if (!t3) {
+      const e6 = M2.current.value.length ?? 0;
+      t3 = { start: e6, end: e6, direction: "forward" };
+    }
+    M2.current?.setSelectionRange(t3.start, t3.end, t3.direction);
+    const n3 = { ...o2, editMode: e5?.editMode ?? false };
+    void 0 !== e5?.text && (n3.dirty = e5.text), n3.editMode === o2.editMode && n3.dirty === o2.dirty || (R2(n3), K2?.(n3));
+  }, submitEdit: () => G2(), cancelEdit() {
+    Z2();
+  }, autoFocus() {
+    M2.current?.focus();
+  }, getLineHeight: () => H2?.maxLineHeight ?? W2, dispatchEvent: (e5) => M2.current.dispatchEvent(e5) }), [o2, c2]);
+  return e("div", { ref: te2, ...C2, style: { background: "transparent", display: "flex", flexGrow: 1, alignSelf: "center", height: H2.height, maxWidth: "100%", maxHeight: "100%", ...v2 }, children: e("textarea", { spellCheck: "false", ref: M2, value: F2, autoFocus: false, disabled: Q2, name: "cell-editor", autoComplete: "off", autoCapitalize: "off", style: { flex: "1 1 100%", position: "relative", fontSize: `${V2}px`, fontFamily: `${z2}`, fontWeight: `${$2}`, fontStyle: `${B2}`, padding: "0px", marginRight: "right" === P2 ? "3px" : "0px", marginLeft: "left" === P2 ? "2px" : "0px", lineHeight: U2, height: H2.height, textRendering: "geometricPrecision", letterSpacing: "-0.25px", boxSizing: "border-box", borderWidth: 0, outline: "none", resize: "none", overflow: "hidden", verticalAlign: "baseline", textAlign: P2, background: "transparent", color: L2, marginBottom: "0px", userSelect: "text", maxHeight: "100%", whiteSpace: "wrap" === D2 ? "break-spaces" : "pre", wordWrap: "break-word" }, onChange: (e5) => {
+    Y2(e5.target.value);
+  }, onDoubleClick: (e5) => {
+    e5.isTrusted;
+  }, onMouseDown: (e5) => {
+    X2(true);
+  }, onKeyDown: J2 }) });
+})), Ho = r((t2) => {
+  const { value: n2, view: o2, bounds: r2, range: i2, zoom: l2, children: s2, style: c2, ...a2 } = t2;
+  return e("div", { style: { padding: "2px 4px", fontFamily: "Calibri", letterSpacing: -0.25, lineHeight: 1.2, fontSize: c2?.fontSize || 1056 / 72, ...c2 }, ...a2, children: n2 });
+});
+export {
+  ko as BaseGrid,
+  Wo as DefaultCellEditor,
+  Ho as DefaultCellRenderer,
+  Ao as DefaultHeaderDivider,
+  uo as FillHandle,
+  Ro as Grid,
+  Bo as HeaderDivider,
+  Lo as HeaderRenderer,
+  Co as RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL,
+  fo as SELECTION_CLIP_INSETS,
+  $n as STANDARD_KEY_CHARS,
+  lo as SVGLine,
+  so as SVGRect,
+  Po as ScrollableGrid,
+  ao as Selection,
+  ho as TouchSelectHandle,
+  co as defaultSelectionRenderer,
+  jo as getDefaultStringEditState,
+  mo as safeSelectionCoords,
+  An as useCellLayout,
+  Nn as useHeaderSelection,
+  Hn as useKeyboardEditorOverlay,
+  vo as useSelection
+};