@synopackageland/ui 0.25.17 → 0.25.19

package/dist/grid.js

@@ -1,8 +1,8 @@
 /*! @synopackageland/ui/grid: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
-import { watch as de, toValue as no, getCurrentScope as Yo, onScopeDispose as oo, shallowRef as ue, defineComponent as jo, getCurrentInstance as Qo, useId as Zo, ref as ke, computed as U, onMounted as Jo, onBeforeUnmount as ei, openBlock as Ce, createElementBlock as we, unref as ee, createElementVNode as ne, toDisplayString as ve, normalizeStyle as Be, Fragment as ti, renderList as ni, createCommentVNode as Oe, renderSlot as mn, createTextVNode as oi, inject as ii } from "vue";
-import { useUiText as ai } from "./index.js";
+import { watch as de, toValue as so, getCurrentScope as Jo, onScopeDispose as ro, shallowRef as ue, defineComponent as ei, getCurrentInstance as ti, useId as ni, ref as ke, computed as U, onMounted as oi, onBeforeUnmount as ii, openBlock as Ce, createElementBlock as we, unref as ee, createElementVNode as ne, toDisplayString as ve, normalizeStyle as Be, Fragment as ai, renderList as si, createCommentVNode as Oe, renderSlot as gn, createTextVNode as ri, inject as li } from "vue";
+import { useUiText as ci } from "./index.js";
 var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), b = /* @__PURE__ */ ((e) => (e.Cell = "Cell", e.ActiveCell = "ActiveCell", e.AppendRow = "AppendRow", e.AppendColumn = "AppendColumn", e.ColumnHeader = "ColumnHeader", e.ColumnHeaderMenu = "ColumnHeaderMenu", e.ColumnPrimaryIcon = "ColumnPrimaryIcon", e.ColumnDescription = "ColumnDescription", e.ColumnResizeHandler = "ColumnResizeHandler", e.ColumnFreezeHandler = "ColumnFreezeHandler", e.RowHeaderDragHandler = "RowHeaderDragHandler", e.RowHeaderExpandHandler = "RowHeaderExpandHandler", e.RowHeaderCheckbox = "RowHeaderCheckbox", e.RowGroupControl = "RowGroupControl", e.RowGroupHeader = "RowGroupHeader", e.RowHeader = "RowHeader", e.AllCheckbox = "AllCheckbox", e.FillHandler = "FillHandler", e.Blank = "Blank", e.None = "None", e))(b || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), $ = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))($ || {}), he = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e))(he || {}), K = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e.Cell = "cell", e))(K || {}), le = /* @__PURE__ */ ((e) => (e[e.Group = 0] = "Group", e[e.Row = 1] = "Row", e[e.Append = 2] = "Append", e))(le || {});
-const Bt = (e) => ({ type: 1, displayIndex: e + 1, realIndex: e }), io = (e) => e;
+const Ot = (e) => ({ type: 1, displayIndex: e + 1, realIndex: e }), lo = (e) => e;
 var Z = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Z || {});
 const B = {
   rowHeight: 32,
@@ -20,6 +20,7 @@ const B = {
   columnFreezeHandlerHeight: 30,
   /** The minimum while resizing. */
   columnMinWidth: 100,
+  /** The cells' side padding: `--ui-space-2` (tests/grid/tokens.test.ts keeps them equal). */
   cellHorizontalPadding: 8,
   cellVerticalPaddingMD: 10,
   cellTextLineHeight: 22,
@@ -44,7 +45,7 @@ const B = {
   ranges: [],
   delta: 0,
   isDragging: !1
-}, si = /* @__PURE__ */ new Set([
+}, ui = /* @__PURE__ */ new Set([
   b.Cell,
   b.RowHeader,
   b.RowHeaderCheckbox,
@@ -73,14 +74,14 @@ class dt {
     this.map.clear();
   }
 }
-const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
+const ct = "…", fn = new dt(1e3), pn = new dt(1e3), co = () => ({
   segment: (e) => Array.from(e, (t) => ({ segment: t }))
-}), so = typeof Intl < "u" && typeof Intl.Segmenter == "function", ro = so ? new Intl.Segmenter(void 0, { granularity: "word" }) : ao(), Tt = so ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : ao(), lo = (e, t, n) => {
+}), uo = typeof Intl < "u" && typeof Intl.Segmenter == "function", ho = uo ? new Intl.Segmenter(void 0, { granularity: "word" }) : co(), Nt = uo ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : co(), mo = (e, t, n) => {
   let o = "", i = 0;
-  for (const { segment: a } of ro.segment(t)) {
+  for (const { segment: a } of ho.segment(t)) {
     const s = e.measureText(a).width;
     if (i + s > n) {
-      for (const { segment: r } of Tt.segment(a)) {
+      for (const { segment: r } of Nt.segment(a)) {
         const l = e.measureText(r).width;
         if (i + l > n) break;
         o += r, i += l;
@@ -90,12 +91,12 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
     o += a, i += s;
   }
   return { text: o, width: i };
-}, ri = (e, t) => {
+}, di = (e, t) => {
   const { x: n = 0, y: o = 0, text: i, maxWidth: a, maxLines: s, isUnderline: r, fontSize: l = 13, lineHeight: c = 22, fill: u = "black", textAlign: h = "left", verticalAlign: m = "middle", needRender: g = !0 } = t;
   let C = [];
   const S = e.measureText(ct).width;
   let p = "", w = 0, v = 0;
-  const y = `${e.font}-${i}-${l}-${a}-${s}`, R = fn.get(y);
+  const y = `${e.font}-${i}-${l}-${a}-${s}`, R = pn.get(y);
   if (R)
     C = R;
   else {
@@ -107,14 +108,14 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
     }, M = (z, E = 0) => {
       const W = a - S;
       if (w > W) {
-        const L = lo(e, p, W);
-        p = L.text, w = L.width;
+        const F = mo(e, p, W);
+        p = F.text, w = F.width;
       } else if (z) {
-        let L = E;
-        for (const { segment: _ } of Tt.segment(z)) {
+        let F = E;
+        for (const { segment: _ } of Nt.segment(z)) {
           const q = e.measureText(_).width;
           if (w + q > W) break;
-          P(_, q, L), L += _.length;
+          P(_, q, F), F += _.length;
         }
       }
       k(p + ct, w + S), p = "", w = 0;
@@ -127,14 +128,14 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
         C.length < s - 1 ? (k(p, w), p = "", w = 0, P(z, E, W)) : M(z, W);
         return;
       }
-      let L = W;
-      for (const { segment: _ } of Tt.segment(z)) {
+      let F = W;
+      for (const { segment: _ } of Nt.segment(z)) {
         if (C.length >= s) break;
         const q = e.measureText(_).width;
-        w + q > a ? C.length < s - 1 ? (k(p, w), p = "", w = 0, P(_, q, L)) : M() : P(_, q, L), L += _.length;
+        w + q > a ? C.length < s - 1 ? (k(p, w), p = "", w = 0, P(_, q, F)) : M() : P(_, q, F), F += _.length;
       }
     };
-    for (const { segment: z } of ro.segment(i)) {
+    for (const { segment: z } of ho.segment(i)) {
       if (C.length >= s) break;
       if (z.includes(`
 `)) {
@@ -148,14 +149,14 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
             }
             k(p, w), p = "", w = 0, v = I;
           }
-          const L = E[W];
-          L.length > 0 && (I += L.length, N(L, e.measureText(L).width, I - L.length));
+          const F = E[W];
+          F.length > 0 && (I += F.length, N(F, e.measureText(F).width, I - F.length));
         }
         continue;
       }
       I += z.length, N(z, e.measureText(z).width, I - z.length);
     }
-    C.length < s && p !== "" && k(p, w), fn.set(y, C);
+    C.length < s && p !== "" && k(p, w), pn.set(y, C);
   }
   if (g) {
     const I = m === "middle" ? l / 2 : 0;
@@ -172,7 +173,7 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
 }, $e = (e, t) => {
   const { x: n = 0, y: o = 0, text: i, fill: a, fontSize: s = 13, textAlign: r = "left", verticalAlign: l = "middle", maxWidth: c = 1 / 0, needRender: u = !0, isUnderline: h = !1 } = t;
   let m, g;
-  const C = `${e.font}-${i}-${s}-${c}`, S = gn.get(C);
+  const C = `${e.font}-${i}-${s}-${c}`, S = fn.get(C);
   if (S)
     m = S.width, g = S.text;
   else {
@@ -180,10 +181,10 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
     if (p <= c)
       g = i, m = p;
     else {
-      const w = e.measureText(ct).width, v = lo(e, i, c - w);
+      const w = e.measureText(ct).width, v = mo(e, i, c - w);
       g = v.text + ct, m = v.width + w;
     }
-    gn.set(C, { text: g, width: m });
+    fn.set(C, { text: g, width: m });
   }
   if (u) {
     const p = l === "middle" ? s / 2 : 0, w = r === "right" ? n + c : n;
@@ -209,7 +210,7 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
     e.moveTo(n + u.tl, o), e.arcTo(n + i, o, n + i, o + u.tr, u.tr), e.arcTo(n + i, o + a, n + i - u.br, o + a, u.br), e.arcTo(n, o + a, n, o + a - u.bl, u.bl), e.arcTo(n, o, n + u.tl, o, u.tl);
   }
   e.closePath(), s && e.fill(), r && e.stroke(), c && (e.globalAlpha = 1);
-}, li = (e, t) => {
+}, hi = (e, t) => {
   const { points: n, radiusAll: o, fill: i, stroke: a } = t, s = (c, u) => {
     const h = u.x - c.x, m = u.y - c.y, g = Math.sqrt(h * h + m * m), C = h / g, S = m / g;
     return { x: h, y: m, len: g, nx: C, ny: S, ang: Math.atan2(S, C) };
@@ -227,26 +228,26 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
     P += -g.ny * k * w, M += g.nx * k * w, e.arc(P, M, k, m.ang + Math.PI / 2 * w, g.ang - Math.PI / 2 * w, v), l = u;
   }
   e.closePath(), i && e.fill(), a && e.stroke();
-}, Ot = (e, t) => {
+}, Vt = (e, t) => {
   const { x: n, y: o, size: i, radius: a = 4, fill: s, stroke: r, isChecked: l = !1 } = t, c = l ? i : i - 1;
   e.beginPath(), D(e, { x: n, y: o, width: c, height: c, radius: a, fill: s, stroke: r }), r && (e.strokeStyle = r), l && (e.save(), e.beginPath(), e.moveTo(n + i / 4.23, o + i / 1.97), e.lineTo(n + i / 2.42, o + i / 1.44), e.lineTo(n + i / 1.29, o + i / 3.25), e.lineJoin = "round", e.lineCap = "round", e.lineWidth = 1.9, e.stroke(), e.restore());
 }, it = (e, t, n) => {
   const { x: o, y: i, width: a, height: s } = t;
   e.save(), e.beginPath(), e.rect(o, i, a, s), e.clip(), n(e), e.restore();
-}, V = (e, t, n) => t > n ? e >= n && e <= t : e >= t && e <= n, ci = (e, t) => {
+}, V = (e, t, n) => t > n ? e >= n && e <= t : e >= t && e <= n, mi = (e, t) => {
   const [n, o] = e;
   for (const [i, a] of t)
     if (i <= n && a >= o) return !0;
   return !1;
-}, ui = (e) => {
+}, gi = (e) => {
   const t = [];
   for (const n of e)
     for (let o = n[0]; o <= n[1]; o++) t.push(o);
   return t;
-}, di = (e, t, n) => {
+}, fi = (e, t, n) => {
   const [o, i] = e, [a, s] = t, [r, l] = n;
   return o >= Math.min(a, r) && o <= Math.max(a, r) && i >= Math.min(s, l) && i <= Math.max(s, l);
-}, Nt = (e) => {
+}, Ft = (e) => {
   if (e.length <= 1) return e;
   const t = [...e].sort((i, a) => i[0] - a[0]), n = [];
   let o = [...t[0]];
@@ -255,31 +256,31 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
     a[0] <= o[1] + 1 ? o = [o[0], Math.max(o[1], a[1])] : (n.push(o), o = [...a]);
   }
   return n.push(o), n;
-}, hi = (e, t) => {
+}, pi = (e, t) => {
   const n = [];
   let o = !1;
   for (const i of e)
     !o && i[0] === t[0] && t[1] === i[1] ? o = !0 : !o && t[0] > i[0] && t[1] < i[1] ? (n.push([i[0], t[0] - 1], [t[1] + 1, i[1]]), o = !0) : !o && t[0] <= i[1] && t[1] >= i[0] ? (t[0] > i[0] && n.push([i[0], t[0] - 1]), t[1] < i[1] && n.push([t[1] + 1, i[1]]), o = !0) : n.push([...i]);
-  return o || n.push(t), Nt(n);
-}, mi = (e) => {
+  return o || n.push(t), Ft(n);
+}, Ci = (e) => {
   if (!e.isCellSelection) return null;
   const [t, n] = e.ranges[0], [o, i] = e.ranges[1];
   return [Math.max(t, o), Math.max(n, i)];
-}, gi = (e, t, n) => {
+}, wi = (e, t, n) => {
   if (e == null) return { isRowActive: !1, isCellActive: !1 };
   const [o, i] = e;
   return {
     isRowActive: i === t,
     isCellActive: i === t && o === n
   };
-}, fi = (e, t, n) => e.isRowSelection && e.includes([t, t]) ? { isRowSelected: !0, isCellSelected: !0 } : e.isCellSelection && e.includes([n, t]) ? { isRowSelected: !1, isCellSelected: !0 } : { isRowSelected: !1, isCellSelected: !1 }, Vt = (e, t) => {
+}, vi = (e, t, n) => e.isRowSelection && e.includes([t, t]) ? { isRowSelected: !0, isCellSelected: !0 } : e.isCellSelection && e.includes([n, t]) ? { isRowSelected: !1, isCellSelected: !0 } : { isRowSelected: !1, isCellSelected: !1 }, Gt = (e, t) => {
   if (e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n++) {
     const o = e[n], i = t[n];
     if (o.length !== i.length || o[0] !== i[0] || o[1] !== i[1]) return !1;
   }
   return !0;
-}, Gt = (e, t, n, o) => {
+}, Ut = (e, t, n, o) => {
   const { x: i, y: a } = t, { scrollLeft: s, scrollTop: r } = n, { freezeRegionWidth: l, rowInitSize: c } = e;
   if (o === O.Columns) {
     const u = i <= l ? i : s + i, h = e.getColumnStartIndex(u), m = e.getColumnOffset(h), g = e.getColumnWidth(h);
@@ -291,7 +292,7 @@ const ct = "…", gn = new dt(1e3), fn = new dt(1e3), ao = () => ({
   }
   return -1 / 0;
 };
-class pi {
+class Si {
   state = It;
   startPosition = 0;
   options;
@@ -332,7 +333,7 @@ class pi {
   end(t, n) {
     const { type: o, isDragging: i, ranges: a } = this.state;
     if (i && n && (o === O.Columns || o === O.Rows)) {
-      const s = Gt(this.options.coordInstance(), t, this.options.scrollState(), o);
+      const s = Ut(this.options.coordInstance(), t, this.options.scrollState(), o);
       V(s, a[0][0], a[a.length - 1][1]) || n(a, s);
     }
     this.setState(It);
@@ -342,20 +343,20 @@ class pi {
     this.setState(It);
   }
 }
-const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, Ci = (e, t, n) => Math.max(e - co(t, n) * 2, 0), Ut = (e, t, n, o, i) => {
-  const a = co(t, n), s = Ci(e, t, n);
+const go = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, yi = (e, t, n) => Math.max(e - go(t, n) * 2, 0), Kt = (e, t, n, o, i) => {
+  const a = go(t, n), s = yi(e, t, n);
   return a + s / (o || 1) * (i + 0.5);
-}, uo = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
+}, fo = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
   if (!o) return e / 2;
   const i = n.findIndex((a) => a.type === $.Checkbox);
-  return i < 0 ? e / 2 : Ut(e, t, o, n.length, i);
-}, wi = (e, t, n) => {
+  return i < 0 ? e / 2 : Kt(e, t, o, n.length, i);
+}, bi = (e, t, n) => {
   const { x: o, y: i } = n, { scrollLeft: a, scrollTop: s } = t, { freezeRegionWidth: r, totalWidth: l, rowInitSize: c, columnInitSize: u, columnCount: h } = e, { columnAppendBtnWidth: m } = B, g = i < 0 ? -1 / 0 : i <= c ? -1 : e.getRowStartIndex(s + i), C = o < 0 ? -1 / 0 : a + o > l && a + o < l + m ? -2 : o <= r ? o <= u ? -1 : e.getColumnStartIndex(o) : e.getColumnStartIndex(a + o);
   return { x: o, y: i, rowIndex: g, columnIndex: Math.min(C, h - 1) };
-}, vi = (e, t, n, o = e.containerHeight) => {
+}, xi = (e, t, n, o = e.containerHeight) => {
   const { x: i, y: a } = n, { totalHeight: s, totalWidth: r, containerHeight: l } = e;
   return t.scrollLeft + i > r + B.columnAppendBtnWidth || t.scrollTop + a > s && !V(a, l, o);
-}, Si = {
+}, Ri = {
   [$.Drag]: b.RowHeaderDragHandler,
   [$.Checkbox]: b.RowHeaderCheckbox,
   [$.Expand]: b.RowHeaderExpandHandler
@@ -365,13 +366,13 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   y: 1 / 0,
   width: 0,
   height: 0
-}, { groupHeaderHeight: yi, columnHeadPadding: pn, columnResizeHandlerWidth: Cn, rowHeadIconPaddingTop: bi, columnFreezeHandlerWidth: xi, fillHandlerSize: Ri, fillHandlerPadding: ki } = B, Ii = (e) => zi(e) ?? Oi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Ni(e) ?? Li(e) ?? Fi(e) ?? Di(e) ?? Wi(e) ?? Bi(e) ?? Vi(e) ?? Gi(e) ?? ie, Pi = (e, t, n) => {
-  const o = wi(e.coordInstance, e.scrollState, t), i = vi(e.coordInstance, e.scrollState, t, n), a = Ii({
+}, { groupHeaderHeight: ki, columnHeadPadding: Cn, columnResizeHandlerWidth: wn, rowHeadIconPaddingTop: Ii, columnFreezeHandlerWidth: Pi, fillHandlerSize: zi, fillHandlerPadding: Mi } = B, Ai = (e) => Hi(e) ?? Ki(e) ?? Ti(e) ?? Ni(e) ?? Fi(e) ?? Li(e) ?? Di(e) ?? Wi(e) ?? Bi(e) ?? Oi(e) ?? Vi(e) ?? Gi(e) ?? Ui(e) ?? _i(e) ?? $i(e) ?? ie, Ei = (e, t, n) => {
+  const o = bi(e.coordInstance, e.scrollState, t), i = xi(e.coordInstance, e.scrollState, t, n), a = Ai({
     ...e,
     position: o,
     isOutOfBounds: i,
-    getLinearRow: e.getLinearRow ?? Bt,
-    real2RowIndex: e.real2RowIndex ?? io
+    getLinearRow: e.getLinearRow ?? Ot,
+    real2RowIndex: e.real2RowIndex ?? lo
   });
   return {
     ...o,
@@ -381,30 +382,30 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     columnIndex: a.columnIndex ?? o.columnIndex,
     region: a
   };
-}, zi = (e) => e.isFreezing ? { ...ie, type: b.ColumnFreezeHandler } : null, Mi = (e) => {
+}, Hi = (e) => e.isFreezing ? { ...ie, type: b.ColumnFreezeHandler } : null, Ti = (e) => {
   const { coordInstance: t, scrollState: n, position: o, activeCell: i, activeCellBound: a, real2RowIndex: s } = e;
   if (i == null || a == null) return null;
   const { x: r, y: l } = o, { scrollTop: c, scrollLeft: u } = n, [h, m] = i, g = s(m);
   if (g == null) return null;
   const C = t.getRowOffset(g) - c, S = t.getColumnRelativeOffset(h, u), { width: p, height: w } = a;
   return V(r, S, S + p) && V(l, C, C + w) ? { type: b.ActiveCell, x: S, y: C, width: p, height: w, rowIndex: g, columnIndex: h, isOutOfBounds: !1 } : null;
-}, Ai = (e) => e.isOutOfBounds ? ie : null, Ei = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ie, type: b.Cell }, Hi = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ie, type: b.ColumnResizeHandler }, Ti = (e) => e.dragState.isDragging ? { ...ie, type: b.ColumnHeader } : null, Ni = (e) => {
+}, Ni = (e) => e.isOutOfBounds ? ie : null, Fi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ie, type: b.Cell }, Li = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ie, type: b.ColumnResizeHandler }, Di = (e) => e.dragState.isDragging ? { ...ie, type: b.ColumnHeader } : null, Wi = (e) => {
   const { position: t, scrollState: n, coordInstance: o, isColumnFreezable: i } = e;
   if (!i) return null;
-  const { x: a, y: s } = t, { freezeRegionWidth: r, rowInitSize: l, rowCount: c, containerHeight: u } = o, h = o.getRowOffset(c) - n.scrollTop, m = Math.min(h, u), g = xi / 2;
+  const { x: a, y: s } = t, { freezeRegionWidth: r, rowInitSize: l, rowCount: c, containerHeight: u } = o, h = o.getRowOffset(c) - n.scrollTop, m = Math.min(h, u), g = Pi / 2;
   return V(a, r - g, r + g) && V(s, l, m) ? { ...ie, type: b.ColumnFreezeHandler } : null;
-}, Li = (e) => {
+}, Bi = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return e.isColumnAppendEnable && t >= -1 && n === -2 ? { ...ie, type: b.AppendColumn } : null;
-}, Fi = (e) => {
+}, Oi = (e) => {
   const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, coordInstance: a, isMultiSelectionEnable: s } = e, { x: r, y: l, rowIndex: c, columnIndex: u } = t;
   if (!s || c !== -1 || u !== -1 || !o.some((v) => v.type === $.Checkbox)) return null;
-  const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = uo({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
+  const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = fo({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
   return V(r, p, p + h) && V(l, w, w + h) ? { type: b.AllCheckbox, x: p, y: w, width: h, height: h } : null;
-}, Di = (e) => {
+}, Vi = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return n >= -1 && t > -1 ? e.getLinearRow(t).type !== le.Append ? null : { ...ie, type: b.AppendRow } : null;
-}, Wi = (e) => {
+}, Gi = (e) => {
   const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, scrollState: a, coordInstance: s } = e, { x: r, y: l, rowIndex: c, columnIndex: u } = t;
   if (c <= -1 || u !== -1) return null;
   const h = e.getLinearRow(c);
@@ -412,24 +413,24 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   if (h.type !== le.Row) return null;
   const { iconSizeXS: m } = n, g = m / 2, C = s.getRowOffset(c) - a.scrollTop;
   for (let S = 0; S < o.length; S++) {
-    const p = Si[o[S].type], v = Ut(s.columnInitSize, n, i, o.length, S) - g, y = C + bi;
+    const p = Ri[o[S].type], v = Kt(s.columnInitSize, n, i, o.length, S) - g, y = C + Ii;
     if (p && V(r, v, v + m) && V(l, y, y + m))
       return { type: p, x: v, y, width: m, height: m };
   }
   return { ...ie, type: b.RowHeader };
-}, Bi = (e) => {
+}, Ui = (e) => {
   const { position: t, scrollState: n, coordInstance: o, getLinearRow: i } = e, { x: a, y: s, rowIndex: r, columnIndex: l } = t;
   if (r <= -1 || l !== 0 || i(r).type !== le.Group) return null;
   const c = o.getColumnWidth(l), u = o.getColumnRelativeOffset(l, n.scrollLeft);
-  return V(a, u, u + c) ? { type: b.RowGroupHeader, x: u, y: s, width: c, height: yi } : null;
-}, Oi = (e) => {
+  return V(a, u, u + c) ? { type: b.RowGroupHeader, x: u, y: s, width: c, height: ki } : null;
+}, Ki = (e) => {
   const { position: t, selection: n, coordInstance: o, scrollState: i, activeCell: a, activeCellBound: s, isFillEnabled: r, real2RowIndex: l } = e;
   if (!r) return null;
   const { isCellSelection: c, ranges: u } = n, { x: h, y: m, rowIndex: g, columnIndex: C } = t;
   if (!c || g < 0 || C < 0) return null;
-  const [S, p] = u[0], [w, v] = u[1], y = Math.max(S, w), R = Math.max(p, v), I = l(R), k = o.getColumnRelativeOffset(y, i.scrollLeft) + o.getColumnWidth(y), N = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), z = o.getRowOffset(I) + N - i.scrollTop, E = Ri / 2 + ki, W = k - E, L = z - E;
-  return V(h, W, W + E * 2) && V(m, L, L + E * 2) ? { type: b.FillHandler, x: W, y: L, width: E * 2, height: E * 2 } : null;
-}, Vi = (e) => {
+  const [S, p] = u[0], [w, v] = u[1], y = Math.max(S, w), R = Math.max(p, v), I = l(R), k = o.getColumnRelativeOffset(y, i.scrollLeft) + o.getColumnWidth(y), N = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), z = o.getRowOffset(I) + N - i.scrollTop, E = zi / 2 + Mi, W = k - E, F = z - E;
+  return V(h, W, W + E * 2) && V(m, F, F + E * 2) ? { type: b.FillHandler, x: W, y: F, width: E * 2, height: E * 2 } : null;
+}, _i = (e) => {
   const { coordInstance: t, position: n, scrollState: o, getLinearRow: i } = e, { rowIndex: a, columnIndex: s } = n;
   return a > -1 && s > -1 ? i(a).type !== le.Row ? null : {
     type: b.Cell,
@@ -438,33 +439,33 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     width: t.getColumnWidth(s),
     height: t.getRowHeight(a)
   } : null;
-}, Gi = (e) => {
+}, $i = (e) => {
   const { position: t, scrollState: n, coordInstance: o, columns: i, theme: a, isColumnResizable: s, isColumnHeaderMenuVisible: r } = e, { x: l, y: c, rowIndex: u, columnIndex: h } = t, { iconSizeXS: m } = a;
   if (u !== -1 || h <= -1) return null;
   const g = i[h];
   if (g == null) return null;
-  const { rowInitSize: C } = o, { isPrimary: S, description: p, hasMenu: w } = g, v = !!(w && r), y = o.getColumnWidth(h), R = o.getColumnRelativeOffset(h, n.scrollLeft), I = R + y, k = v ? I - pn / 2 - m : I;
+  const { rowInitSize: C } = o, { isPrimary: S, description: p, hasMenu: w } = g, v = !!(w && r), y = o.getColumnWidth(h), R = o.getColumnRelativeOffset(h, n.scrollLeft), I = R + y, k = v ? I - Cn / 2 - m : I;
   if (v && V(l, k, k + m))
     return { type: b.ColumnHeaderMenu, x: R, y: 0, width: m, height: C };
-  const P = k - m - pn / 2, M = (C - m) / 2;
+  const P = k - m - Cn / 2, M = (C - m) / 2;
   if (p && V(l, P, P + m) && V(c, M, M + m))
     return { type: b.ColumnDescription, x: P, y: M, width: m, height: m };
   const N = R + m / 2, z = (C - m) / 2;
-  return S && V(l, N, N + m) && V(c, z, z + m) ? { type: b.ColumnPrimaryIcon, x: N, y: z, width: m, height: m } : s && (h !== 0 && V(l, R, R + Cn / 2) || V(l, I - Cn / 2, I)) ? { ...ie, type: b.ColumnResizeHandler } : { type: b.ColumnHeader, x: R, y: 0, width: y, height: C };
+  return S && V(l, N, N + m) && V(c, z, z + m) ? { type: b.ColumnPrimaryIcon, x: N, y: z, width: m, height: m } : s && (h !== 0 && V(l, R, R + wn / 2) || V(l, I - wn / 2, I)) ? { ...ie, type: b.ColumnResizeHandler } : { type: b.ColumnHeader, x: R, y: 0, width: y, height: C };
 }, {
   fillHandlerSize: at,
-  cellTextLineHeight: wn,
-  rowHeadIconPaddingTop: vn,
-  columnHeadHeight: Sn,
+  cellTextLineHeight: vn,
+  rowHeadIconPaddingTop: Sn,
+  columnHeadHeight: yn,
   columnHeadPadding: oe,
   columnHeadMenuSize: Me,
-  columnAppendBtnWidth: yn,
-  columnResizeHandlerWidth: bn,
-  columnResizeHandlerPaddingTop: xn,
+  columnAppendBtnWidth: bn,
+  columnResizeHandlerWidth: xn,
+  columnResizeHandlerPaddingTop: Rn,
   cellVerticalPaddingMD: Lt,
-  columnFreezeHandlerWidth: Rn,
-  columnFreezeHandlerHeight: kn
-} = B, In = (e, t) => {
+  columnFreezeHandlerWidth: kn,
+  columnFreezeHandlerHeight: In
+} = B, Pn = (e, t) => {
   const { rowCount: n, columnCount: o } = e, i = e.getRowStartIndex(t.scrollTop), a = e.getRowStopIndex(i, t.scrollTop), s = e.getColumnStartIndex(t.scrollLeft), r = e.getColumnStopIndex(s, t.scrollLeft);
   return {
     startRowIndex: Math.max(0, i),
@@ -472,38 +473,38 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     startColumnIndex: Math.max(0, s),
     stopColumnIndex: Math.max(0, Math.min(o - 1, r))
   };
-}, Ui = (e) => ({
+}, qi = (e) => ({
   ...e,
-  getLinearRow: e.getLinearRow ?? Bt,
-  real2RowIndex: e.real2RowIndex ?? io
-}), Pn = (e, t) => {
+  getLinearRow: e.getLinearRow ?? Ot,
+  real2RowIndex: e.real2RowIndex ?? lo
+}), zn = (e, t) => {
   const { coordInstance: n, visibleRegion: o, activeCell: i, highlightedRowIndex: a, mouseState: s, scrollState: r, selection: l, isSelecting: c, theme: u, getLinearRow: h } = e, { freezeColumnCount: m, columnInitSize: g, totalWidth: C, rowCount: S } = n, { isRowSelection: p, isColumnSelection: w } = l, { scrollLeft: v, scrollTop: y } = r, { rowIndex: R, type: I, isOutOfBounds: k } = s, P = [], M = [], N = [];
   if (!S) return { cellPropList: P, rowHeaderPropList: M, appendRowList: N };
-  const z = t === "freeze", E = z ? 0 : Math.max(m, o.startColumnIndex), W = z ? Math.max(m - 1, 0) : o.stopColumnIndex, L = z && m === 0, { cellBg: _, cellBgHovered: q, cellBgSelected: ae } = u;
+  const z = t === "freeze", E = z ? 0 : Math.max(m, o.startColumnIndex), W = z ? Math.max(m - 1, 0) : o.stopColumnIndex, F = z && m === 0, { cellBg: _, cellBgHovered: q, cellBgSelected: ae } = u;
   for (let X = E; X <= W; X++) {
-    const A = n.getColumnRelativeOffset(X, v), F = n.getColumnWidth(X), fe = w && l.includes([X, X]), Te = X === 0;
+    const A = n.getColumnRelativeOffset(X, v), L = n.getColumnWidth(X), fe = w && l.includes([X, X]), Te = X === 0;
     for (let Y = o.startRowIndex; Y <= o.stopRowIndex; Y++) {
-      const Ne = h(Y), Le = n.getRowHeight(Y), Fe = n.getRowOffset(Y) - y;
+      const Ne = h(Y), Fe = n.getRowHeight(Y), Le = n.getRowOffset(Y) - y;
       if (Ne.type === le.Group) continue;
       if (Ne.type === le.Append) {
-        Te && N.push({ x: 0.5, y: Fe + 0.5, width: C - v, height: Le, isHover: I === b.AppendRow && R === Y });
+        Te && N.push({ x: 0.5, y: Le + 0.5, width: C - v, height: Fe, isHover: I === b.AppendRow && R === Y });
         continue;
       }
-      const { displayIndex: ft, realIndex: Pe } = Ne, Ye = !k && !c && si.has(I) && Y === R, { isCellActive: je, isRowActive: Se } = gi(i, Pe, X), { isRowSelected: ye, isCellSelected: ce } = fi(l, Pe, X), Qe = a === Pe;
+      const { displayIndex: ft, realIndex: Pe } = Ne, Ye = !k && !c && ui.has(I) && Y === R, { isCellActive: je, isRowActive: Se } = wi(i, Pe, X), { isRowSelected: ye, isCellSelected: ce } = vi(l, Pe, X), Qe = a === Pe;
       let re;
       ce || ye || fe ? re = ae : (Ye || Se || Qe) && (re = q), Te && M.push({
         x: 0.5,
-        y: Fe + 0.5,
+        y: Le + 0.5,
         width: g + 0.5,
-        height: Le,
+        height: Fe,
         displayIndex: String(ft),
         isHover: Ye || Se || Qe,
         isChecked: p && ye
-      }), !L && P.push({
+      }), !F && P.push({
         x: A + 0.5,
-        y: Fe + 0.5,
-        width: F,
-        height: Le,
+        y: Le + 0.5,
+        width: L,
+        height: Fe,
         rowIndex: Pe,
         columnIndex: X,
         theme: u,
@@ -513,7 +514,7 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     }
   }
   return { cellPropList: P, rowHeaderPropList: M, appendRowList: N };
-}, Ki = (e, t, n) => {
+}, Xi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, displayIndex: r, isHover: l, isChecked: c } = t, { theme: u, rowControls: h, rowControlPaddingX: m, rowIndexVisible: g = !0, drawIcon: C } = n, { cellBg: S, cellBgHovered: p, cellBgSelected: w, cellLineColor: v, rowHeaderTextColor: y, iconSizeXS: R, staticWhite: I, iconBgSelected: k } = u;
   D(e, { x: o, y: i, width: a, height: s, fill: c ? w : l ? p : S }), Ke(e, { x: o, y: i, points: [0, 0, a, 0], stroke: v }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: v });
   const M = R / 2;
@@ -521,11 +522,11 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     for (let N = 0; N < h.length; N++) {
       const { type: z } = h[N];
       if (z === $.Spacer) continue;
-      const E = Ut(a, u, m, h.length, N);
+      const E = Kt(a, u, m, h.length, N);
       if (z === $.Checkbox) {
-        Ot(e, {
+        Vt(e, {
           x: o + E - M,
-          y: i + vn,
+          y: i + Sn,
           size: R,
           stroke: c ? I : y,
           fill: c ? k : void 0,
@@ -533,18 +534,18 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
         });
         continue;
       }
-      c && !l && g && z === $.Expand || C?.(e, { kind: z === $.Drag ? "drag" : "expand", x: o + E - M, y: i + vn, size: R, theme: u });
+      c && !l && g && z === $.Expand || C?.(e, { kind: z === $.Drag ? "drag" : "expand", x: o + E - M, y: i + Sn, size: R, theme: u });
     }
     return;
   }
   $e(e, { x: o + a / 2, y: i + Lt + 1, text: r, textAlign: "center", fill: y, fontSize: u.fontSizeXXS });
-}, _i = (e, t, n) => {
+}, Yi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, isHover: r } = t, { theme: l, coordInstance: c, drawIcon: u } = n, { appendRowBgHovered: h, iconSizeSM: m, cellBg: g, cellLineColor: C } = l, S = m / 2;
   e.save(), e.beginPath(), D(e, { x: o + 0.5, y: i + 0.5, width: a, height: s, fill: r ? h : g }), D(e, { x: o, y: i + s, width: a, height: 1, fill: C }), u?.(e, { kind: "add", x: o + c.columnInitSize / 2 - S + 0.5, y: i + s / 2 - S + 0.5, size: m, theme: l }), e.restore();
-}, $i = (e, t, n) => {
-  const { coordInstance: o, theme: i, shouldRerender: a, drawCell: s } = n, { fontFamily: r, fontSizeSM: l, cellLineColor: c } = i, { rowInitSize: u, freezeRegionWidth: h, containerWidth: m, containerHeight: g } = o, C = Pn(n, "other"), S = Pn(n, "freeze"), p = { x: 0, y: u + 1, width: h + 1, height: g - u - 1 }, w = { x: h + 1, y: u + 1, width: m - h, height: g - u - 1 };
-  S.appendRowList.forEach((v) => _i(e, v, n)), it(e, p, (v) => {
-    S.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: c })), S.rowHeaderPropList.forEach((y) => Ki(v, y, n));
+}, Mn = (e, t, n) => {
+  const { coordInstance: o, theme: i, shouldRerender: a, drawCell: s } = n, { fontFamily: r, fontSizeSM: l, cellLineColor: c } = i, { rowInitSize: u, freezeRegionWidth: h, containerWidth: m, containerHeight: g } = o, C = zn(n, "other"), S = zn(n, "freeze"), p = { x: 0, y: u + 1, width: h + 1, height: g - u - 1 }, w = { x: h + 1, y: u + 1, width: m - h, height: g - u - 1 };
+  S.appendRowList.forEach((v) => Yi(e, v, n)), it(e, p, (v) => {
+    S.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: c })), S.rowHeaderPropList.forEach((y) => Xi(v, y, n));
   }), it(e, w, (v) => {
     C.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: c }));
   }), a && (it(t, p, (v) => {
@@ -552,34 +553,34 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   }), it(t, w, (v) => {
     v.font = `${l}px ${r}`, C.cellPropList.forEach((y) => s(v, y));
   }));
-}, qi = (e, t) => {
+}, ji = (e, t) => {
   const { theme: n, scrollState: o, coordInstance: i, activeCellBound: a, real2RowIndex: s, getLinearRow: r, drawCell: l } = t;
   if (a == null) return;
   const { width: c, height: u, columnIndex: h, rowIndex: m } = a, { freezeColumnCount: g, freezeRegionWidth: C, containerWidth: S, containerHeight: p, columnCount: w, rowInitSize: v } = i, y = s(m);
   if (h >= w || r(y)?.type !== le.Row) return;
   const R = h < g, I = i.getColumnRelativeOffset(h, o.scrollLeft), k = i.getRowOffset(y) - o.scrollTop;
   e.save(), e.beginPath(), e.rect(R ? 0 : C, v, R ? C + 1 : S - C, p - v), e.clip(), e.font = `${n.fontSizeSM}px ${n.fontFamily}`, D(e, { x: I + 0.5, y: k + 0.5, width: c, height: u, fill: n.cellBg, stroke: n.cellLineColorActived, radius: 2 }), l(e, { x: I + 0.5, y: k + 0.5, width: c, height: u, rowIndex: m, columnIndex: h, theme: n, isActive: !0 }), e.restore();
-}, Xi = (e, t) => {
+}, Qi = (e, t) => {
   const { selection: n, mouseState: o, coordInstance: i, scrollState: a, theme: s, isFilling: r, isFillEnabled: l, real2RowIndex: c, getLinearRow: u } = t;
   if (!r || !l || !n.isCellSelection) return;
   const [h, m] = n.ranges, g = Math.min(h[0], m[0]), C = Math.max(h[0], m[0]), S = Math.min(h[1], m[1]), p = Math.max(h[1], m[1]), w = u(o.rowIndex).realIndex, { scrollLeft: v, scrollTop: y } = a, R = i.getColumnRelativeOffset(g, v), I = i.getColumnRelativeOffset(C, v) + i.getColumnWidth(C), k = (N) => i.getRowOffset(c(N)) + i.getRowHeight(c(N)) - y;
   let P = null, M = null;
   Number.isFinite(w) && w > p ? (P = i.getRowOffset(c(p + 1)) - y, M = k(w)) : Number.isFinite(w) && w < S && (P = i.getRowOffset(c(w)) - y, M = k(S - 1)), !(P == null || M == null) && (e.save(), e.globalAlpha = 0.12, D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: M - P, fill: s.interactionLineColorHighlight }), e.restore(), D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: M - P, stroke: s.interactionLineColorHighlight }));
-}, Yi = (e, t) => {
+}, Zi = (e, t) => {
   const { coordInstance: n, scrollState: o, selection: i, isSelecting: a, isEditing: s, theme: r, activeCellBound: l, isFillEnabled: c, real2RowIndex: u, getLinearRow: h } = t;
   if (!c || s || a) return;
-  const m = mi(i);
+  const m = Ci(i);
   if (m == null) return;
-  const { freezeColumnCount: g, freezeRegionWidth: C, rowInitSize: S, containerWidth: p, containerHeight: w } = n, [v, y] = m, R = n.getColumnRelativeOffset(v, o.scrollLeft), I = u(y), k = n.getRowOffset(I) - o.scrollTop, P = n.getColumnWidth(v), z = Vt([i.ranges[0]], [i.ranges[1]]) && l != null && l.columnIndex === v && l.rowIndex === y && h(I).type === le.Row ? l.height : n.getRowHeight(I);
+  const { freezeColumnCount: g, freezeRegionWidth: C, rowInitSize: S, containerWidth: p, containerHeight: w } = n, [v, y] = m, R = n.getColumnRelativeOffset(v, o.scrollLeft), I = u(y), k = n.getRowOffset(I) - o.scrollTop, P = n.getColumnWidth(v), z = Gt([i.ranges[0]], [i.ranges[1]]) && l != null && l.columnIndex === v && l.rowIndex === y && h(I).type === le.Row ? l.height : n.getRowHeight(I);
   e.save(), e.beginPath(), v >= g && (e.rect(C, S, p - C, w - S), e.clip()), D(e, { x: R + P - at / 2 - 0.5, y: k + z - at / 2 - 0.5, width: at, height: at, stroke: r.cellLineColorActived, fill: r.cellBg }), e.restore();
-}, ji = (e, t, n) => {
+}, Ji = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, fill: r, column: l, hasMenu: c } = t, { theme: u, drawIcon: h } = n, { name: m, description: g, hasMenu: C, isPrimary: S, hasIcon: p } = l, { cellLineColor: w, columnHeaderBg: v, iconFgCommon: y, columnHeaderNameColor: R, fontSizeSM: I, iconSizeXS: k } = u;
   let P = a - oe * 2, M = oe;
-  const N = c && C, z = i + (Sn - k) / 2;
+  const N = c && C, z = i + (yn - k) / 2;
   if (D(e, { x: o + 0.5, y: i, width: a - 0.5, height: s, fill: r ?? v }), Ke(e, { x: o, y: i, points: [0, s, a, s, a, 0], stroke: w }), S && (P = P - k - oe, h?.(e, { kind: "primary", x: o + M, y: z, size: k, theme: u, column: l }), M += k + oe / 2), p && (P = P - k, h?.(e, { kind: "column", x: o + M, y: z, size: k, theme: u, column: l }), M += k + oe / 2), N) {
     P = P - Me - oe;
-    const E = i + Sn / 2;
-    li(e, {
+    const E = i + yn / 2;
+    hi(e, {
       points: [
         { x: o + a - oe - Me, y: E - Me / 4 },
         { x: o + a - oe, y: E - Me / 4 },
@@ -589,21 +590,21 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       fill: y
     });
   }
-  g && (h?.(e, { kind: "description", x: N ? o + a - 2 * k - oe : o + a - k - oe, y: z, size: k, theme: u, column: l }), P = P - k - oe), ri(e, {
+  g && (h?.(e, { kind: "description", x: N ? o + a - 2 * k - oe : o + a - k - oe, y: z, size: k, theme: u, column: l }), P = P - k - oe), di(e, {
     x: o + M,
     y: i + Lt,
     text: m,
-    maxLines: Math.max(1, Math.floor((s - Lt) / wn)),
-    lineHeight: wn,
+    maxLines: Math.max(1, Math.floor((s - Lt) / vn)),
+    lineHeight: vn,
     fontSize: I,
     maxWidth: P,
     fill: R
   });
-}, Qi = (e, t, n) => {
+}, ea = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, isChecked: r } = t, { theme: l, rowControls: c, rowControlPaddingX: u, isMultiSelectionEnable: h } = n, { iconSizeXS: m, staticWhite: g, columnHeaderBg: C, cellLineColor: S, rowHeaderTextColor: p, iconBgSelected: w } = l, v = m / 2;
   if (D(e, { x: o, y: i, width: a, height: s, fill: C }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: S }), h && c.some((y) => y.type === $.Checkbox)) {
-    const y = uo({ width: a, theme: l, rowControls: c, rowControlPaddingX: u });
-    Ot(e, {
+    const y = fo({ width: a, theme: l, rowControls: c, rowControlPaddingX: u });
+    Vt(e, {
       x: o + y - v + 0.5,
       y: i + s / 2 - v,
       size: m,
@@ -612,14 +613,14 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       isChecked: r
     });
   }
-}, zn = (e, t, n) => {
+}, An = (e, t, n) => {
   const { visibleRegion: o, coordInstance: i, columns: a, theme: s, mouseState: r, scrollState: l, selection: c, isInteracting: u, isColumnHeaderMenuVisible: h } = t, { containerWidth: m, freezeRegionWidth: g, rowInitSize: C, columnInitSize: S, freezeColumnCount: p, pureRowCount: w } = i, { isColumnSelection: v, isRowSelection: y, ranges: R } = c, { type: I, columnIndex: k } = r, P = n === "freeze", M = P ? 0 : Math.max(p, o.startColumnIndex), N = P ? Math.max(p - 1, 0) : o.stopColumnIndex;
   e.save(), e.beginPath(), e.rect(P ? 0 : g + 1, 0, P ? g + 1 : m - g, C + 1), e.clip(), e.font = `normal ${s.fontSizeSM}px ${s.fontFamily}`;
   for (let E = M; E <= N; E++) {
     const W = a[E];
     if (W == null) continue;
-    const L = v && c.includes([E, E]), _ = !u && (I === b.ColumnHeader || I === b.ColumnHeaderMenu) && k === E, q = L ? s.columnHeaderBgSelected : _ ? s.columnHeaderBgHovered : void 0;
-    ji(e, {
+    const F = v && c.includes([E, E]), _ = !u && (I === b.ColumnHeader || I === b.ColumnHeaderMenu) && k === E, q = F ? s.columnHeaderBgSelected : _ ? s.columnHeaderBgHovered : void 0;
+    Ji(e, {
       x: i.getColumnRelativeOffset(E, l.scrollLeft) + 0.5,
       y: 0.5,
       width: i.getColumnWidth(E),
@@ -629,42 +630,42 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       hasMenu: h
     }, t);
   }
-  const z = y && R.length > 0 && Vt([R[0]], [[0, w - 1]]);
-  Qi(e, { x: 0, y: 0.5, width: S + 1.5, height: C, isChecked: z }, t), e.restore();
-}, Zi = (e, t) => {
+  const z = y && R.length > 0 && Gt([R[0]], [[0, w - 1]]);
+  ea(e, { x: 0, y: 0.5, width: S + 1.5, height: C, isChecked: z }, t), e.restore();
+}, ta = (e, t) => {
   const { coordInstance: n, theme: o, mouseState: i, scrollState: a, isColumnAppendEnable: s, drawIcon: r } = t;
   if (!s) return;
   const { totalWidth: l, totalHeight: c, rowInitSize: u } = n, { iconSizeSM: h, columnHeaderBg: m, cellLineColor: g, columnHeaderBgHovered: C } = o, S = l - a.scrollLeft;
-  D(e, { x: S + 1, y: 0.5, width: yn, height: c - a.scrollTop, fill: i.type === b.AppendColumn ? C : m }), Ke(e, { x: S + 0.5, y: u + 0.5, points: [0, 0, 0, c - a.scrollTop - u], stroke: g });
+  D(e, { x: S + 1, y: 0.5, width: bn, height: c - a.scrollTop, fill: i.type === b.AppendColumn ? C : m }), Ke(e, { x: S + 0.5, y: u + 0.5, points: [0, 0, 0, c - a.scrollTop - u], stroke: g });
   const p = h / 2;
-  r?.(e, { kind: "add", x: S + yn / 2 - p + 0.5, y: u / 2 - p + 0.5, size: h, theme: o });
-}, Ji = (e, t) => {
+  r?.(e, { kind: "add", x: S + bn / 2 - p + 0.5, y: u / 2 - p + 0.5, size: h, theme: o });
+}, na = (e, t) => {
   const { theme: n, scrollState: o, coordInstance: i, isColumnResizable: a, columnResizeState: s, hoveredColumnResizeIndex: r } = t, l = s.columnIndex, c = !!a && r > -1, u = l > -1;
   if (!c && !u) return;
   const h = u ? l : r, m = i.getColumnRelativeOffset(h, o.scrollLeft) + i.getColumnWidth(h);
   D(e, {
-    x: m - bn / 2 + 0.5,
-    y: xn + 0.5,
-    width: bn,
-    height: i.rowInitSize - xn * 2,
+    x: m - xn / 2 + 0.5,
+    y: Rn + 0.5,
+    width: xn,
+    height: i.rowInitSize - Rn * 2,
     fill: n.columnResizeHandlerBg,
     radius: 3
   });
-}, ea = (e, t) => {
+}, oa = (e, t) => {
   const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: l, ranges: c, delta: u } = a;
   if (!l || r !== O.Columns) return;
   const h = c[0][0];
   D(e, { x: o.x - u, y: 0.5, width: s.getColumnWidth(h), height: s.containerHeight, fill: n.columnDraggingPlaceholderBg });
-  const m = Gt(s, o, i, r), g = s.getColumnRelativeOffset(m, i.scrollLeft);
+  const m = Ut(s, o, i, r), g = s.getColumnRelativeOffset(m, i.scrollLeft);
   D(e, { x: g - 0.5, y: 0.5, width: 2, height: s.containerHeight, fill: n.interactionLineColorHighlight });
-}, ta = (e, t) => {
+}, ia = (e, t) => {
   const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: l, ranges: c, delta: u } = a;
   if (!l || r !== O.Rows) return;
   const h = c[0][0];
   D(e, { x: 0.5, y: o.y - u, width: s.containerWidth, height: s.getRowHeight(h), fill: n.columnDraggingPlaceholderBg });
-  const m = Gt(s, o, i, r), g = s.getRowOffset(m) - i.scrollTop;
+  const m = Ut(s, o, i, r), g = s.getRowOffset(m) - i.scrollTop;
   D(e, { x: 0.5, y: g - 0.5, width: s.containerWidth, height: 2, fill: n.interactionLineColorHighlight });
-}, na = (e, t) => {
+}, aa = (e, t) => {
   const { coordInstance: n, mouseState: o, scrollState: i, columnFreezeState: a, theme: s } = t, { isFreezing: r, targetIndex: l } = a;
   if (o.type !== b.ColumnFreezeHandler && !r) return;
   const { containerHeight: c, freezeRegionWidth: u } = n, h = s.interactionLineColorHighlight, m = r ? o.x : u;
@@ -672,33 +673,33 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     const g = n.getColumnRelativeOffset(l + 1, i.scrollLeft);
     D(e, { x: g - 1, y: 0, width: 2, height: c, fill: h });
   }
-  D(e, { x: m - Rn / 2, y: o.y - kn / 2, width: Rn, height: kn, fill: h, radius: 4 }), D(e, { x: m - 1, y: 0, width: 2, height: c, fill: h });
-}, oa = (e, t) => {
+  D(e, { x: m - kn / 2, y: o.y - In / 2, width: kn, height: In, fill: h, radius: 4 }), D(e, { x: m - 1, y: 0, width: 2, height: c, fill: h });
+}, sa = (e, t) => {
   const { theme: n, coordInstance: o, scrollState: i } = t, { freezeRegionWidth: a, containerHeight: s } = o, r = n.interactionLineColorCommon;
   if (i.scrollLeft === 0) {
     D(e, { x: a, y: 0.5, width: 1, height: s, fill: r });
     return;
   }
   e.save(), e.beginPath(), e.shadowColor = r, e.shadowBlur = 5, e.shadowOffsetX = 3, e.strokeStyle = r, e.moveTo(a + 0.5, 0), e.lineTo(a + 0.5, s), e.stroke(), e.restore();
-}, ia = (e, t) => t == null ? !0 : !(e.scrollState.scrollLeft === t.scrollState.scrollLeft && e.scrollState.scrollTop === t.scrollState.scrollTop && e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), aa = (e, t) => {
+}, ra = (e, t) => t == null ? !0 : !(e.scrollState.scrollLeft === t.scrollState.scrollLeft && e.scrollState.scrollTop === t.scrollState.scrollTop && e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), la = (e, t) => {
   const { containerWidth: n, containerHeight: o, pixelRatio: i, shouldRerender: a, draw: s } = t, r = Math.ceil(n * i), l = Math.ceil(o * i);
   (e.width !== r || e.height !== l) && (e.width = r, e.height = l);
   const c = e.getContext("2d");
   c != null && (a && (c.clearRect(0, 0, r, l), c.save(), i !== 1 && c.scale(i, i), c.beginPath(), c.rect(0, 0, n, o), c.clip()), s(c), a && c.restore());
-}, sa = (e, t, n, o, i = Math.ceil(globalThis.devicePixelRatio ?? 1)) => {
-  const a = Ui(n), { coordInstance: s, scrollState: r, height: l } = a, { containerWidth: c } = s;
-  if (c === 0 || l === 0) return;
-  const u = Math.ceil(c * i), h = Math.ceil(l * i), m = r.isScrolling || ia(n, o);
-  (e.width !== u || e.height !== h) && (e.width = u, e.height = h, e.style.width = `${c}px`, e.style.height = `${l}px`);
+}, Pt = /* @__PURE__ */ new WeakSet(), ca = (e, t) => e.scrollState.isScrolling || t != null && (e.scrollState.scrollLeft !== t.scrollState.scrollLeft || e.scrollState.scrollTop !== t.scrollState.scrollTop), ua = (e, t, n, o, i = Math.ceil(globalThis.devicePixelRatio ?? 1)) => {
+  const a = qi(n), { coordInstance: s, height: r } = a, { containerWidth: l } = s;
+  if (l === 0 || r === 0) return;
+  const c = Math.ceil(l * i), u = Math.ceil(r * i), h = ca(n, o), m = h || Pt.has(t) || ra(n, o);
+  (e.width !== c || e.height !== u) && (e.width = c, e.height = u, e.style.width = `${l}px`, e.style.height = `${r}px`);
   const g = e.getContext("2d");
-  g != null && (g.clearRect(0, 0, u, h), g.save(), i !== 1 && g.scale(i, i), g.beginPath(), g.rect(0, 0, c, l), g.clip(), aa(t, {
-    containerWidth: c,
-    containerHeight: l,
+  g != null && (g.clearRect(0, 0, c, u), g.save(), i !== 1 && g.scale(i, i), g.beginPath(), g.rect(0, 0, l, r), g.clip(), h ? (Mn(g, g, { ...a, shouldRerender: !0 }), Pt.add(t)) : (la(t, {
+    containerWidth: l,
+    containerHeight: r,
     pixelRatio: i,
     shouldRerender: m,
-    draw: (C) => $i(g, C, { ...a, shouldRerender: m })
-  }), g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.drawImage(t, 0, 0, u, h), g.restore(), s.rowInitSize > 0 && (zn(g, a, "freeze"), zn(g, a, "other"), Zi(g, a)), oa(g, a), qi(g, a), Xi(g, a), Yi(g, a), Ji(g, a), ta(g, a), ea(g, a), na(g, a), g.restore());
-}, ho = {
+    draw: (C) => Mn(g, C, { ...a, shouldRerender: m })
+  }), Pt.delete(t), g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.drawImage(t, 0, 0, c, u), g.restore()), s.rowInitSize > 0 && (An(g, a, "freeze"), An(g, a, "other"), ta(g, a)), sa(g, a), ji(g, a), Qi(g, a), Zi(g, a), na(g, a), ia(g, a), oa(g, a), aa(g, a), g.restore());
+}, po = {
   staticWhite: "#FFFFFF",
   staticBlack: "#000000",
   iconFgCommon: "#6b7280",
@@ -743,7 +744,7 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   interactionLineColorCommon: "#d4d4d8",
   interactionLineColorHighlight: "#3b82f6",
   themeKey: "light"
-}, mo = {
+}, Co = {
   staticWhite: "--ui-accent-contrast",
   staticBlack: "--ui-text",
   iconFgCommon: "--ui-icon-tertiary",
@@ -777,62 +778,62 @@ const co = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   scrollBarBg: "--ui-scrollbar-thumb-hover",
   interactionLineColorCommon: "--ui-border-strong",
   interactionLineColorHighlight: "--ui-accent-9"
-}, Mn = {
+}, En = {
   fontFamily: "--ui-font-sans",
   /** Cell text: the grid's own size (14px on a phone), else the body size. */
   fontSizeSM: "--ui-grid-font-size",
   fontSizeXS: "--ui-font-size-sm"
-}, ra = { fontSizeSM: "--ui-font-size" }, la = (e, t = {}) => {
-  const n = { ...ho };
-  for (const [i, a] of Object.entries(mo)) {
+}, da = { fontSizeSM: "--ui-font-size" }, ha = (e, t = {}) => {
+  const n = { ...po };
+  for (const [i, a] of Object.entries(Co)) {
     const s = e(a)?.trim();
     s && (n[i] = s);
   }
-  const o = e(Mn.fontFamily)?.trim();
+  const o = e(En.fontFamily)?.trim();
   o && (n.fontFamily = o);
   for (const i of ["fontSizeSM", "fontSizeXS"]) {
-    const a = ra[i];
-    let s = Number.parseFloat(e(Mn[i]) ?? "");
+    const a = da[i];
+    let s = Number.parseFloat(e(En[i]) ?? "");
     !(s > 0) && a && (s = Number.parseFloat(e(a) ?? "")), Number.isFinite(s) && s > 0 && (n[i] = s);
   }
   return { ...n, ...t };
-}, ca = (e) => {
+}, ma = (e) => {
   const t = getComputedStyle(e), n = e.ownerDocument.createElement("span");
   n.setAttribute("aria-hidden", "true"), n.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none", e.appendChild(n);
-  const o = new Set(Object.values(mo));
+  const o = new Set(Object.values(Co));
   return Object.assign((a) => {
     const s = t.getPropertyValue(a).trim();
     return !s || !o.has(a) ? s : (n.style.color = "", n.style.color = `var(${a})`, getComputedStyle(n).color || s);
   }, { dispose: () => n.remove() });
-}, ua = (e, t = {}) => {
-  const n = ca(e);
+}, ga = (e, t = {}) => {
+  const n = ma(e);
   try {
     const o = e.closest('[data-ui-color-scheme="dark"]') != null;
-    return la(n, { themeKey: o ? "dark" : "light", ...t });
+    return ha(n, { themeKey: o ? "dark" : "light", ...t });
   } finally {
     n.dispose();
   }
-}, go = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
-function da(e) {
-  return (e instanceof Element ? e : e?.parentElement)?.closest(go) ?? null;
+}, wo = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
+function fa(e) {
+  return (e instanceof Element ? e : e?.parentElement)?.closest(wo) ?? null;
 }
-function ha(e, t) {
-  const n = da(e);
+function pa(e, t) {
+  const n = fa(e);
   return !!n && !n.contains(t);
 }
-function An(e, t) {
-  return e.some((n) => n instanceof Element && n.matches(go) && !t.some((o) => n.contains(o) || o.contains(n)));
+function Hn(e, t) {
+  return e.some((n) => n instanceof Element && n.matches(wo) && !t.some((o) => n.contains(o) || o.contains(n)));
 }
-function ma(e, t = e ?? null) {
+function Ca(e, t = e ?? null) {
   if (!e?.isConnected) return !1;
   const n = e.ownerDocument, o = n.activeElement;
-  return o === e ? !0 : o && o !== n.body && ha(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
+  return o === e ? !0 : o && o !== n.body && pa(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
 }
-const ga = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), fa = 50;
-function fo(e) {
+const wa = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), va = 50;
+function vo(e) {
   return e.isComposing || e.keyCode === 229;
 }
-function pa(e) {
+function Sa(e) {
   const { keyCode: t, metaKey: n, ctrlKey: o } = e;
   return n || o || t === 32 ? !1 : t >= 65 && t <= 90 || // A-Z
   t >= 48 && t <= 57 || // 0-9 (ClosedParen..OpenParen)
@@ -842,7 +843,7 @@ function pa(e) {
   t >= 106 && t <= 111 || // Multiply..Divide
   t === 61 || t === 173 || (t === 229 || t === 0) && e.key !== "Shift";
 }
-function po(e, t = {}) {
+function So(e, t = {}) {
   let n = !1, o = -1 / 0, i = !1;
   const a = /* @__PURE__ */ new WeakMap(), s = (l) => {
     n = !0, t.onStart?.(l);
@@ -854,11 +855,11 @@ function po(e, t = {}) {
       return n;
     },
     ownsKey(l) {
-      if (n || fo(l)) return !0;
-      if (!ga.has(l.key)) return !1;
+      if (n || vo(l)) return !0;
+      if (!wa.has(l.key)) return !1;
       const c = a.get(l);
       if (c !== void 0) return c;
-      const u = l.timeStamp - o <= fa;
+      const u = l.timeStamp - o <= va;
       return o = -1 / 0, a.set(l, u), u;
     },
     dispose() {
@@ -866,12 +867,12 @@ function po(e, t = {}) {
     }
   };
 }
-const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
+const ya = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   if (!e || t == null || t === n || !(t instanceof HTMLElement)) return !0;
   const o = t.isContentEditable || t.contentEditable === "true";
   return t.tagName !== "INPUT" && t.tagName !== "TEXTAREA" && !o;
-}, wa = /[\t\n\r"]/, va = (e) => wa.test(e) ? `"${e.replace(/"/g, '""')}"` : e, Sa = (e) => e.map((t) => t.map(va).join("	")).join(`\r
-`), ya = (e) => {
+}, ba = /[\t\n\r"]/, xa = (e) => ba.test(e) ? `"${e.replace(/"/g, '""')}"` : e, Ra = (e) => e.map((t) => t.map(xa).join("	")).join(`\r
+`), ka = (e) => {
   if (!e) return [];
   const t = [];
   let n = [], o = "", i = 0, a = !0;
@@ -883,7 +884,7 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   for (; i < s; ) {
     const c = e[i];
     if (a && c === '"') {
-      const u = ba(e, i + 1);
+      const u = Ia(e, i + 1);
       if (u === -1) {
         o += c, a = !1, i++;
         continue;
@@ -896,12 +897,12 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     else if (c === "\r" || c === `
 `) {
       if (l(), i += c === "\r" && e[i + 1] === `
-` ? 2 : 1, i >= s) return En(t);
+` ? 2 : 1, i >= s) return Tn(t);
     } else
       o += c, i++;
   }
-  return l(), En(t);
-}, ba = (e, t) => {
+  return l(), Tn(t);
+}, Ia = (e, t) => {
   let n = t;
   for (; n < e.length; ) {
     const o = e.indexOf('"', n);
@@ -915,11 +916,11 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
 ` || i === "\r" ? o : -1;
   }
   return -1;
-}, En = (e) => {
+}, Tn = (e) => {
   const t = Math.max(0, ...e.map((n) => n.length));
   for (const n of e) for (; n.length < t; ) n.push("");
   return e;
-}, xa = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Ra = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${xa(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, ka = (e, t) => {
+}, Pa = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), za = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${Pa(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, Ma = (e, t) => {
   const n = e.clipboardData;
   if (!n) return !1;
   try {
@@ -928,18 +929,18 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     return !1;
   }
   return e.preventDefault(), !0;
-}, Ia = () => ({
+}, Aa = () => ({
   clipboard: typeof navigator < "u" ? navigator.clipboard : void 0,
   ClipboardItem: typeof ClipboardItem < "u" ? ClipboardItem : void 0,
   hasFocus: () => typeof document < "u" ? document.hasFocus() : !0,
   onFocus: (e) => window.addEventListener("focus", e, { once: !0 })
-}), Pa = (e, t = Ia()) => {
+}), Ea = (e, t = Aa()) => {
   const { clipboard: n, ClipboardItem: o } = t, i = () => {
     if (o && n?.write) {
       const a = new o({
         "text/plain": e.then(({ text: s }) => new Blob([s], { type: "text/plain" })),
         // Null means no HTML; an empty table keeps the blob type valid in every browser.
-        "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? za(s)], { type: "text/html" }))
+        "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? Ha(s)], { type: "text/html" }))
       });
       return n.write([a]);
     }
@@ -956,7 +957,7 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       }
     })) : Promise.reject(a);
   }
-}, za = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), st = (e, t, n) => Math.min(n, Math.max(t, e)), qe = (e, t) => {
+}, Ha = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), st = (e, t, n) => Math.min(n, Math.max(t, e)), qe = (e, t) => {
   if (e.kind !== "cells" || e.ranges.length < 2 || t.rowCount <= 0 || t.columnCount <= 0) return null;
   const [n, o] = e.ranges, i = t.columnCount - 1, a = t.rowCount - 1;
   return {
@@ -969,12 +970,12 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   const n = [];
   for (let o = e; o <= t; o++) n.push(o);
   return n;
-}, Hn = (e, t) => {
+}, Nn = (e, t) => {
   const n = /* @__PURE__ */ new Set(), o = [...e].map(([i, a]) => [Math.min(i, a), Math.max(i, a)]).sort((i, a) => i[0] - a[0]);
   for (const [i, a] of o)
     for (let s = Math.max(0, i); s <= Math.min(t - 1, a); s++) n.add(s);
   return [...n].sort((i, a) => i - a);
-}, Co = (e, t) => {
+}, yo = (e, t) => {
   const { rowCount: n, columnCount: o } = t;
   if (n <= 0 || o <= 0) return null;
   switch (e.kind) {
@@ -983,27 +984,27 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       return i ? { rows: rt(i.startRow, i.endRow), columns: rt(i.startColumn, i.endColumn) } : null;
     }
     case "rows": {
-      const i = Hn(e.ranges, n);
+      const i = Nn(e.ranges, n);
       return i.length ? { rows: i, columns: rt(0, o - 1) } : null;
     }
     case "columns": {
-      const i = Hn(e.ranges, o);
+      const i = Nn(e.ranges, o);
       return i.length ? { rows: rt(0, n - 1), columns: i } : null;
     }
     default:
       return null;
   }
-}, Ma = (e, t) => {
+}, Ta = (e, t) => {
   if (e.kind === "cells") {
     const o = qe(e, t);
     return o ? [o.startColumn, o.startRow] : null;
   }
-  const n = Co(e, t);
+  const n = yo(e, t);
   return n ? [n.columns[0], n.rows[0]] : null;
-}, Aa = (e) => e.rows.length * e.columns.length, Ea = (e, t, n) => {
-  const o = ya(e);
+}, Na = (e) => e.rows.length * e.columns.length, Fa = (e, t, n) => {
+  const o = ka(e);
   if (o.length === 0) return null;
-  const i = Ma(t, n);
+  const i = Ta(t, n);
   if (!i) return null;
   const { rowCount: a, columnCount: s } = n;
   let r = o, l = !1;
@@ -1027,8 +1028,8 @@ const Ca = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     readonlyColumns: p,
     repeated: l
   };
-}, Tn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), Pt = (e) => ({ text: Sa(e), html: Ra(e) }), Ha = (e, t) => !t || e.rows.every((n) => t(n));
-function Ta(e) {
+}, Fn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), zt = (e) => ({ text: Ra(e), html: za(e) }), La = (e, t) => !t || e.rows.every((n) => t(n));
+function Da(e) {
   const t = e.equals ?? Object.is;
   let n = !1, o = null, i, a, s = !1, r = null, l = 0, c = !1;
   const u = {
@@ -1091,20 +1092,20 @@ function Ta(e) {
   };
   return g;
 }
-const wo = "data-ui-ignore-outside", zt = /* @__PURE__ */ new WeakMap(), Nn = /* @__PURE__ */ new WeakSet();
-function Ln(e) {
+const bo = "data-ui-ignore-outside", Mt = /* @__PURE__ */ new WeakMap(), Ln = /* @__PURE__ */ new WeakSet();
+function Dn(e) {
   return [...e.options.elements()].filter((t) => !!t);
 }
-function Fn(e, t) {
+function Wn(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
-function Na(e) {
-  return e.some((t) => t instanceof Element && t.hasAttribute(wo));
+function Wa(e) {
+  return e.some((t) => t instanceof Element && t.hasAttribute(bo));
 }
-function La(e, t) {
+function Ba(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function Fa(e, t = 400) {
+function Oa(e, t = 400) {
   let n = 0;
   const o = () => {
     e.clearTimeout(n), e.removeEventListener("click", i, !0), e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", o, !0);
@@ -1113,19 +1114,19 @@ function Fa(e, t = 400) {
   };
   return e.addEventListener("click", i, !0), e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", o, !0), n = e.setTimeout(o, t), o;
 }
-function Da(e) {
-  const t = e.document, n = { layers: [], guard: po(e), teardown: () => {
+function Va(e) {
+  const t = e.document, n = { layers: [], guard: So(e), teardown: () => {
   } }, o = (a) => {
-    if (Nn.has(a)) return;
-    Nn.add(a);
+    if (Ln.has(a)) return;
+    Ln.add(a);
     const s = a.composedPath();
-    if (!(Na(s) || La(s, t)))
+    if (!(Wa(s) || Ba(s, t)))
       for (const r of [...n.layers].reverse()) {
         if (r.disposed) continue;
-        const l = Ln(r);
-        if (Fn(s, l) || An(s, l)) return;
+        const l = Dn(r);
+        if (Wn(s, l) || Hn(s, l)) return;
         if (r.options.onOutside?.(a) === "veto") {
-          a.preventDefault(), a.stopImmediatePropagation(), Fa(e);
+          a.preventDefault(), a.stopImmediatePropagation(), Oa(e);
           return;
         }
       }
@@ -1133,46 +1134,46 @@ function Da(e) {
     if (a.key !== "Escape" || a.defaultPrevented || n.guard.ownsKey(a)) return;
     const s = n.layers.at(-1);
     if (!s?.options.onEscape) return;
-    const r = a.composedPath(), l = Ln(s);
-    if (An(r, l)) return;
-    const c = r.find((u) => u instanceof Element && u.hasAttribute(wo));
-    c && !Fn([c], l) || s.options.onEscape(a) && (a.preventDefault(), a.stopPropagation());
+    const r = a.composedPath(), l = Dn(s);
+    if (Hn(r, l)) return;
+    const c = r.find((u) => u instanceof Element && u.hasAttribute(bo));
+    c && !Wn([c], l) || s.options.onEscape(a) && (a.preventDefault(), a.stopPropagation());
   };
   return e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", i, !0), n.teardown = () => {
     e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", i, !0), n.guard.dispose();
   }, n;
 }
-function Wa(e, t) {
-  const n = zt.get(e) ?? Da(e);
-  zt.set(e, n);
+function Ga(e, t) {
+  const n = Mt.get(e) ?? Va(e);
+  Mt.set(e, n);
   const o = { options: t, disposed: !1 };
   return n.layers.push(o), {
     get disposed() {
       return o.disposed;
     },
     dispose() {
-      o.disposed || (o.disposed = !0, n.layers = n.layers.filter((i) => i !== o), !n.layers.length && (n.teardown(), zt.delete(e)));
+      o.disposed || (o.disposed = !0, n.layers = n.layers.filter((i) => i !== o), !n.layers.length && (n.teardown(), Mt.delete(e)));
     }
   };
 }
-function Dn(e) {
-  const t = no(e);
+function Bn(e) {
+  const t = so(e);
   return Array.isArray(t) ? [...t] : [t];
 }
-function Ba(e, t, n) {
-  const o = de(() => no(t), (i, a, s) => {
+function Ua(e, t, n) {
+  const o = de(() => so(t), (i, a, s) => {
     if (!i || typeof window > "u") return;
-    const r = Dn(e).find(Boolean)?.ownerDocument?.defaultView ?? window, l = Wa(r, {
-      elements: () => Dn(e),
+    const r = Bn(e).find(Boolean)?.ownerDocument?.defaultView ?? window, l = Ga(r, {
+      elements: () => Bn(e),
       onOutside: (c) => n.onOutside?.(c),
       onEscape: (c) => n.onEscape?.(c)
     });
     s(() => l.dispose());
   }, { immediate: !0, flush: "sync" });
-  return Yo() && oo(o), o;
+  return Jo() && ro(o), o;
 }
-const vo = 2, Oa = 4, Mt = 20, Va = 2, Ga = 5, ut = 16;
-function Ua(e, t, n) {
+const xo = 2, Ka = 4, At = 20, _a = 2, $a = 5, ut = 16;
+function qa(e, t, n) {
   const o = e.createElement("canvas").getContext("2d");
   if (!o) return null;
   o.font = `${t}px ${n}`, o.textBaseline = "alphabetic";
@@ -1181,27 +1182,27 @@ function Ua(e, t, n) {
   const { alphabeticBaseline: s } = o.measureText("Hg"), r = { ascent: i, descent: a, drop: -s };
   return Object.values(r).every((l) => Number.isFinite(l) && Math.abs(l) < t * 2) ? r : null;
 }
-const Kt = (e) => e.view || e.kind === "long-text";
+const _t = (e) => e.view || e.kind === "long-text";
 function ht(e) {
   const t = e.textBox, n = e.rowHeight;
-  if (!Kt(e)) {
+  if (!_t(e)) {
     if (!t) return { top: 0, bottom: 0, lineHeight: n };
     const a = Math.ceil(t.ascent + t.descent), s = Math.round(n / 2 + t.drop - t.ascent);
     return { top: Math.max(0, Math.min(n - a, s)), bottom: 0, lineHeight: a };
   }
-  const o = Math.max(0, (n - Mt) / 2), i = t ? Math.round(n / 2 + t.drop - t.ascent) - Math.floor((Mt - Math.ceil(t.ascent + t.descent)) / 2) : o;
-  return { top: Math.max(0, i), bottom: e.hint ? ut : o, lineHeight: Mt };
+  const o = Math.max(0, (n - At) / 2), i = t ? Math.round(n / 2 + t.drop - t.ascent) - Math.floor((At - Math.ceil(t.ascent + t.descent)) / 2) : o;
+  return { top: Math.max(0, i), bottom: e.hint ? ut : o, lineHeight: At };
 }
-function So(e) {
-  if (!Kt(e)) return e.rowHeight;
-  const { top: t, bottom: n, lineHeight: o } = ht(e), i = e.view ? 1 : Va, a = Math.min(Ga, Math.max(i, Math.ceil(e.lines)));
+function Ro(e) {
+  if (!_t(e)) return e.rowHeight;
+  const { top: t, bottom: n, lineHeight: o } = ht(e), i = e.view ? 1 : _a, a = Math.min($a, Math.max(i, Math.ceil(e.lines)));
   return Math.max(e.rowHeight, t + n + a * o);
 }
-function Ka(e, t) {
+function Xa(e, t) {
   const { top: n, bottom: o, lineHeight: i } = ht(t);
   return Math.max(1, Math.round((e - n - o) / i));
 }
-const _a = {
+const Ya = {
   display: "block",
   width: "100%",
   height: "100%",
@@ -1217,14 +1218,14 @@ const _a = {
   color: "transparent",
   font: "inherit"
 };
-function $a(e) {
-  if (!e.open) return _a;
-  const { top: t, bottom: n, lineHeight: o } = ht(e), i = B.cellHorizontalPadding, a = Kt(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
+function ja(e) {
+  if (!e.open) return Ya;
+  const { top: t, bottom: n, lineHeight: o } = ht(e), i = B.cellHorizontalPadding, a = _t(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
   return {
     display: "block",
     "box-sizing": "border-box",
     width: "100%",
-    height: `${So(e)}px`,
+    height: `${Ro(e)}px`,
     margin: "0",
     padding: `${t}px ${i}px ${n}px`,
     border: "0",
@@ -1240,12 +1241,12 @@ function $a(e) {
     "caret-color": e.theme.cellTextColor,
     font: `${e.theme.fontSizeSM}px/${o}px ${e.theme.fontFamily}`,
     "text-align": e.kind === "number" && !e.view ? "right" : "left",
-    "border-radius": `${Oa}px`,
-    "box-shadow": `0 0 0 ${vo}px ${s}`,
+    "border-radius": `${Ka}px`,
+    "box-shadow": `0 0 0 ${xo}px ${s}`,
     transition: "none"
   };
 }
-function qa(e) {
+function Qa(e) {
   return {
     position: "absolute",
     left: `${B.cellHorizontalPadding}px`,
@@ -1262,10 +1263,10 @@ function qa(e) {
     "pointer-events": "none"
   };
 }
-function Xa(e) {
+function Za(e) {
   return {
     position: "absolute",
-    left: `-${vo}px`,
+    left: `-${xo}px`,
     "max-width": "320px",
     "min-width": "120px",
     "box-sizing": "border-box",
@@ -1281,8 +1282,8 @@ function Xa(e) {
     "pointer-events": "none"
   };
 }
-const Ya = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
-class ja {
+const Ja = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
+class es {
   session;
   options;
   mode = "edit";
@@ -1322,7 +1323,7 @@ class ja {
       get version() {
         return n().version;
       }
-    }, this.session = Ta({
+    }, this.session = Da({
       validate: (i, a) => this.mode === "edit" ? this.options.validate?.(a, i ?? "") : null,
       onCommit: (i, a, s) => {
         const { move: r, reason: l } = this.pending;
@@ -1337,7 +1338,7 @@ class ja {
    * edited (the IME keydown, then its `compositionstart`) changes nothing.
    */
   begin(t) {
-    if (this.state.active && Ya(this.state.cell, t.cell)) return null;
+    if (this.state.active && Ja(this.state.cell, t.cell)) return null;
     this.state.active && this.commit("selection", "none");
     const n = t.mode === "edit" && (t.trigger === "key" || t.trigger === "composition");
     this.mode = t.mode, this.kind = t.kind, this.pending = { move: "none", reason: "blur" };
@@ -1403,10 +1404,10 @@ class ja {
     return this.pending.reason;
   }
 }
-function Qa(e) {
+function ts(e) {
   const t = ue(1);
   let n = null;
-  const o = new ja({
+  const o = new es({
     validate: (u, h) => {
       const m = e.columnAt(u[0]);
       return m && e.validate ? e.validate(u, m, h) : null;
@@ -1442,8 +1443,8 @@ function Qa(e) {
     const u = e.owner(), { kind: h, mode: m, active: g } = o.state;
     if (!u || !g || h !== "long-text" && m !== "view") return;
     const C = { kind: h, view: m === "view", hint: h === "long-text" && m === "edit" && e.hasHint(), rowHeight: e.rowHeight(), textBox: e.textBox() }, { top: S, bottom: p } = ht(C), { height: w, padding: v, whiteSpace: y } = u.style;
-    u.style.height = "0px", u.style.padding = `${S}px 8px ${p}px`, u.style.whiteSpace = "pre-wrap";
-    const R = Ka(u.scrollHeight, C);
+    u.style.height = "0px", u.style.padding = `${S}px ${B.cellHorizontalPadding}px ${p}px`, u.style.whiteSpace = "pre-wrap";
+    const R = Xa(u.scrollHeight, C);
     u.style.height = w, u.style.padding = v, u.style.whiteSpace = y, R !== t.value && (t.value = R);
   }, c = {
     state: a,
@@ -1494,10 +1495,10 @@ function Qa(e) {
     }
   };
   return de(e.owner, (u, h, m) => {
-    u && (n = po(u), m(() => {
+    u && (n = So(u), m(() => {
       n?.dispose(), n = null;
     }));
-  }, { immediate: !0, flush: "sync" }), Ba(
+  }, { immediate: !0, flush: "sync" }), Ua(
     () => e.root() ?? null,
     () => a.value.active || e.hasSelection(),
     {
@@ -1509,9 +1510,9 @@ function Qa(e) {
         if (o.commit("outside", "none") === "invalid") return "veto";
       }
     }
-  ), oo(() => o.cancel()), c;
+  ), ro(() => o.cancel()), c;
 }
-const Za = {
+const ns = {
   text: "--ui-text",
   textMuted: "--ui-text-secondary",
   link: "--ui-accent-11",
@@ -1532,7 +1533,7 @@ const Za = {
   avatarText: "--ui-text",
   badgeFill: "--ui-neutral-soft",
   badgeText: "--ui-neutral-text"
-}, Ja = {
+}, os = {
   neutral: { fill: "--ui-neutral-soft", color: "--ui-neutral-text" },
   info: { fill: "--ui-info-soft", color: "--ui-info-text" },
   success: { fill: "--ui-success-soft", color: "--ui-success-text" },
@@ -1577,15 +1578,15 @@ const Za = {
     gray: { fill: "rgba(198, 212, 224, 0.4)", color: "#636b74" }
   },
   themeKey: "light"
-}, es = (e, t = {}) => {
+}, is = (e, t = {}) => {
   const n = (i, a) => e(i)?.trim() || a, o = { ...Ue, chips: { ...Ue.chips } };
-  for (const [i, a] of Object.entries(Za)) o[i] = n(a, o[i]);
-  for (const [i, a] of Object.entries(Ja)) {
+  for (const [i, a] of Object.entries(ns)) o[i] = n(a, o[i]);
+  for (const [i, a] of Object.entries(os)) {
     const s = Ue.chips[i];
     o.chips[i] = { fill: n(a.fill, s.fill), color: n(a.color, s.color) };
   }
   return { ...o, ...t };
-}, yo = (e, t = {}) => {
+}, ko = (e, t = {}) => {
   const n = getComputedStyle(e), o = e.ownerDocument.createElement("span");
   o.setAttribute("aria-hidden", "true"), o.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none", e.appendChild(o);
   try {
@@ -1593,18 +1594,18 @@ const Za = {
       if (n.getPropertyValue(s).trim())
         return o.style.color = "", o.style.color = `var(${s})`, getComputedStyle(o).color || void 0;
     }, a = e.closest('[data-ui-color-scheme="dark"]') != null;
-    return es(i, { themeKey: a ? "dark" : "light", ...t });
+    return is(i, { themeKey: a ? "dark" : "light", ...t });
   } finally {
     o.remove();
   }
-}, Wn = (e, t = 13, n = 12) => ({
+}, On = (e, t = 13, n = 12) => ({
   rowHeight: e,
-  padding: 8,
+  padding: B.cellHorizontalPadding,
   chip: Math.max(14, Math.min(20, e - 8)),
   icon: Math.max(12, Math.min(16, e - 8)),
   fontSize: t,
   chipFontSize: Math.min(n, Math.max(10, e - 12))
-}), ts = 30, ns = 2, os = 1200, is = (e, t, n, o = ts) => {
+}), as = 30, ss = 2, rs = 1200, ls = (e, t, n, o = as) => {
   const { x: i, y: a } = e, { containerWidth: s, containerHeight: r, freezeRegionWidth: l, columnInitSize: c, rowInitSize: u } = t;
   let h = 0, m = 0;
   if (!n || n === O.None || n === O.Columns) {
@@ -1612,11 +1613,11 @@ const Za = {
     s - i < o ? h = 1 : i < l + o && !g && (h = -1);
   }
   return (!n || n === O.None || n === O.Rows) && (r - a < o ? m = 1 : a < u + o && (m = -1)), [h, m];
-}, as = (e, t, n) => {
-  const o = Math.min(1, e + t / os), i = o * t * ns + (n ?? 0), a = Math.floor(i);
+}, cs = (e, t, n) => {
+  const o = Math.min(1, e + t / rs), i = o * t * ss + (n ?? 0), a = Math.floor(i);
   return { speed: o, motion: a, carry: n == null ? 0 : i - a };
 };
-class ss {
+class us {
   direction = [0, 0];
   speed = 0;
   carry = 0;
@@ -1630,7 +1631,7 @@ class ss {
     return this.frameId != null;
   }
   update(t, n) {
-    const [o, i] = is(t, this.options.getBounds(), n);
+    const [o, i] = ls(t, this.options.getBounds(), n);
     if (!(o === this.direction[0] && i === this.direction[1])) {
       if (this.direction = [o, i], this.cancel(), o === 0 && i === 0) {
         this.speed = 0, this.carry = 0;
@@ -1644,7 +1645,7 @@ class ss {
   }
   processFrame = (t) => {
     if (this.lastTime !== 0) {
-      const n = as(this.speed, t - this.lastTime, this.options.carryFraction === !1 ? void 0 : this.carry);
+      const n = cs(this.speed, t - this.lastTime, this.options.carryFraction === !1 ? void 0 : this.carry);
       this.speed = n.speed, this.carry = n.carry;
       const [o, i] = this.direction, a = o * n.motion, s = i * n.motion;
       (a !== 0 || s !== 0) && this.options.scrollBy(a, s), this.options.onTick?.(a, s);
@@ -1658,11 +1659,11 @@ class ss {
     this.frameId != null && ((this.options.cancelFrame ?? cancelAnimationFrame)(this.frameId), this.frameId = null);
   }
 }
-const Bn = (e, t, n, o) => {
+const Vn = (e, t, n, o) => {
   const i = e.getColumnRelativeOffset(o, t);
   return V(n, i, i + B.columnResizeHandlerWidth / 2) ? o - 1 : o;
 };
-class rs {
+class ds {
   state = kt;
   hoveredIndex = -1;
   pressed = null;
@@ -1684,7 +1685,7 @@ class rs {
   start(t) {
     const { type: n, columnIndex: o, x: i } = t;
     if (n !== b.ColumnResizeHandler) return !1;
-    const a = this.options.coordInstance(), s = Bn(a, this.options.scrollState().scrollLeft, i, o);
+    const a = this.options.coordInstance(), s = Vn(a, this.options.scrollState().scrollLeft, i, o);
     if (s < 0) return !1;
     const r = a.getColumnWidth(s);
     return this.pressed = { x: i, width: r }, this.state = { x: i, columnIndex: s, width: r }, this.emit(), !0;
@@ -1698,7 +1699,7 @@ class rs {
       this.state = { x: o, columnIndex: a, width: r }, this.emit(), this.options.onResize?.(r, a);
       return;
     }
-    const s = n === b.ColumnResizeHandler ? Bn(this.options.coordInstance(), this.options.scrollState().scrollLeft, o, i) : -1;
+    const s = n === b.ColumnResizeHandler ? Vn(this.options.coordInstance(), this.options.scrollState().scrollLeft, o, i) : -1;
     s !== this.hoveredIndex && (this.hoveredIndex = s, this.emit());
   }
   /** On pointerup; returns the final width and column, or null when not resizing. */
@@ -1714,7 +1715,7 @@ class rs {
     this.pressed = null, this.state = kt, this.emit(), this.options.onResize?.(n, t);
   }
 }
-class ls {
+class hs {
   defaultRowHeight;
   defaultColumnWidth;
   pureRowCount;
@@ -1869,12 +1870,12 @@ class ls {
     this.rowCount = t, this.pureRowCount = n, this.rowInitSize = o, this.rowHeightMap = i, a != null && (this.defaultRowHeight = a), this.lastRowIndex = -1, this.rowMetaDataMap = {};
   }
 }
-const cs = 240, us = ({
+const ms = 240, gs = ({
   containerWidth: e,
   columnInitSize: t,
   columnCount: n,
   getColumnWidth: o,
-  minScrollableWidth: i = cs
+  minScrollableWidth: i = ms
 }) => {
   const a = e - i;
   if (a <= t) return 0;
@@ -1882,7 +1883,7 @@ const cs = 240, us = ({
   for (let r = 0; r < n; r++)
     if (s += o(r) ?? 0, s > a) return r;
   return n;
-}, ds = (e, t, n, o) => {
+}, fs = (e, t, n, o) => {
   const { pureRowCount: i, columnCount: a } = o, s = !!n.expand;
   let [r, l] = e.ranges[s ? 1 : 0];
   n.jump ? t === "up" ? l = 0 : t === "down" ? l = i - 1 : t === "left" ? r = 0 : r = a - 1 : t === "up" ? l = Math.max(l - 1, 0) : t === "down" ? l = Math.min(l + 1, i - 1) : t === "left" ? r = Math.max(r - 1, 0) : r = Math.min(r + 1, a - 1);
@@ -1892,10 +1893,10 @@ const cs = 240, us = ({
     ...s ? {} : { activeCell: c },
     scrollTo: c
   };
-}, On = (e, t, n) => {
+}, Gn = (e, t, n) => {
   const [o, i] = e.ranges[0], s = [t ? Math.max(o - 1, 0) : Math.min(o + 1, n.columnCount - 1), i];
   return { selection: e.setRanges([s, s]), activeCell: s, scrollTo: s };
-}, hs = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), ms = (e, t, n = !1) => {
+}, ps = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), Cs = (e, t, n = !1) => {
   let o = e.ranges[0];
   e.isColumnSelection && (o = [o[0], 0]);
   const [i, a] = o, s = n ? a : Math.min(a + 1, t.pureRowCount - 1), r = [i, s];
@@ -1941,7 +1942,7 @@ class se {
       case H.Columns: {
         let n = !1;
         const o = this.ranges.map((i) => this.isOverlap(i, t) ? (n = !0, [Math.min(i[0], t[0]), Math.max(i[1], t[1])]) : i);
-        return n || o.push(t), new se(this.type, Nt(o));
+        return n || o.push(t), new se(this.type, Ft(o));
       }
       case H.Cells:
         return new se(this.type, [this.ranges[0], t]);
@@ -1954,7 +1955,7 @@ class se {
     switch (this.type) {
       case H.Rows:
       case H.Columns: {
-        const n = hi(this.ranges, t);
+        const n = pi(this.ranges, t);
         return n.length ? new se(this.type, n) : Ge;
       }
       case H.Cells:
@@ -1965,14 +1966,14 @@ class se {
   }
   flatten() {
     const [t, n] = this.ranges;
-    return this.isCellSelection ? [...t, ...n] : ui(this.ranges);
+    return this.isCellSelection ? [...t, ...n] : gi(this.ranges);
   }
   /** Runs merged and sorted, or the cell rectangle as `[topLeft, bottomRight]`. */
   serialize() {
     switch (this.type) {
       case H.Rows:
       case H.Columns:
-        return Nt(this.ranges);
+        return Ft(this.ranges);
       case H.Cells: {
         const [t, n] = this.ranges;
         return [
@@ -1990,19 +1991,19 @@ class se {
     switch (this.type) {
       case H.Rows:
       case H.Columns:
-        return ci(t, this.ranges);
+        return mi(t, this.ranges);
       case H.Cells:
-        return di(t, this.ranges[0], this.ranges[1]);
+        return fi(t, this.ranges[0], this.ranges[1]);
       default:
         return !1;
     }
   }
   equals(t) {
-    return Vt(this.ranges, t);
+    return Gt(this.ranges, t);
   }
 }
 const Ge = new se(H.None, []);
-class gs {
+class ws {
   selection = new se();
   activeCell = null;
   isSelecting = !1;
@@ -2018,7 +2019,7 @@ class gs {
     return this.options.isMultiSelectionEnable ?? !0;
   }
   getLinearRow(t) {
-    return (this.options.getLinearRow ?? Bt)(t);
+    return (this.options.getLinearRow ?? Ot)(t);
   }
   /** Replaces the selection and/or the active cell; notifies once if either changed. */
   update(t) {
@@ -2043,6 +2044,8 @@ class gs {
         });
         return;
       }
+      // The expand control opens the record on release; the selection stays.
+      case b.RowHeaderExpandHandler:
       case b.RowHeaderDragHandler:
       case b.RowHeaderCheckbox:
       case b.ColumnHeader:
@@ -2140,57 +2143,57 @@ class gs {
     }
   }
 }
-const fs = (e, t, n) => {
+const vs = (e, t, n) => {
   if (!Number.isFinite(t) || n <= 0) return null;
   const o = Math.min(n - 1, Math.max(0, Math.trunc(t))), i = { startColumn: e.startColumn, endColumn: e.endColumn };
   return o > e.endRow ? { source: e, target: { ...i, startRow: e.endRow + 1, endRow: o }, direction: "down" } : o < e.startRow ? { source: e, target: { ...i, startRow: o, endRow: e.startRow - 1 }, direction: "up" } : null;
-}, ps = (e) => ({
+}, Ss = (e) => ({
   startColumn: e.source.startColumn,
   endColumn: e.source.endColumn,
   startRow: Math.min(e.source.startRow, e.target.startRow),
   endRow: Math.max(e.source.endRow, e.target.endRow)
-}), Cs = (e) => typeof e == "number" && Number.isFinite(e), Lr = (e, t, n = "down") => {
+}), ys = (e) => typeof e == "number" && Number.isFinite(e), Or = (e, t, n = "down") => {
   if (t <= 0 || e.length === 0) return [];
-  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(Cs) && o.some((s) => s !== o[0]), a = [];
+  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(ys) && o.some((s) => s !== o[0]), a = [];
   if (i) {
     const s = o.slice(1).map((l, c) => l - o[c]);
     let r = o[o.length - 1];
     for (let l = 0; l < t; l++)
-      r += s[l % s.length], a.push(ws(r, o));
+      r += s[l % s.length], a.push(bs(r, o));
   } else
     for (let s = 0; s < t; s++) a.push(o[s % o.length]);
   return n === "down" ? a : a.reverse();
-}, ws = (e, t) => {
+}, bs = (e, t) => {
   const n = Math.max(...t.map((i) => (String(i).split(".")[1] ?? "").length));
   if (n > 12) return e;
   const o = 10 ** n;
   return Math.round(e * o) / o;
-}, Vn = 20, At = {
+}, Un = 20, Et = {
   drag: $.Drag,
   expand: $.Expand,
   checkbox: $.Checkbox
-}, vs = {
+}, xs = {
   none: K.None,
   cell: K.Cell,
   row: K.Row,
   column: K.Column,
   all: K.All
-}, Ss = {
+}, Rs = {
   none: he.None,
   column: he.Column,
   row: he.Row,
   all: he.All
-}, ys = {
+}, ks = {
   [H.None]: "none",
   [H.Cells]: "cells",
   [H.Rows]: "rows",
   [H.Columns]: "columns"
-}, bs = {
+}, Is = {
   none: H.None,
   cells: H.Cells,
   rows: H.Rows,
   columns: H.Columns
-}, Gn = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, xs = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), Rs = 640, ks = 50, Is = (e, t) => ({
+}, Kn = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, Ps = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), zs = 640, Ms = 50, As = (e, t) => ({
   id: e.id,
   name: e.name,
   width: t,
@@ -2199,8 +2202,8 @@ const fs = (e, t, n) => {
   isPrimary: e.isPrimary,
   description: e.description,
   hasIcon: e.hasIcon
-}), bo = (e, t) => e === t || !!e && !!t && e[0] === t[0] && e[1] === t[1], Ps = (e, t) => e.kind === t.kind && bo(e.activeCell, t.activeCell) && e.ranges.length === t.ranges.length && e.ranges.every((n, o) => n[0] === t.ranges[o][0] && n[1] === t.ranges[o][1]);
-class zs {
+}), Io = (e, t) => e === t || !!e && !!t && e[0] === t[0] && e[1] === t[1], Es = (e, t) => e.kind === t.kind && Io(e.activeCell, t.activeCell) && e.ranges.length === t.ranges.length && e.ranges.every((n, o) => n[0] === t.ranges[o][0] && n[1] === t.ranges[o][1]);
+class Hs {
   coord;
   scroll = { scrollTop: 0, scrollLeft: 0, isScrolling: !1 };
   mouseState = Ve;
@@ -2232,19 +2235,19 @@ class zs {
   constructor(t, n) {
     this.config = t, this.hooks = n, this.coord = this.createCoordinate();
     const o = () => this.config;
-    this.selection = new gs({
+    this.selection = new ws({
       getPureRowCount: () => this.config.rowCount,
       get selectable() {
-        return vs[o().selectable];
+        return xs[o().selectable];
       },
       onChange: () => {
         const i = this.getSelection();
-        Ps(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
+        Es(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
       },
       onRowControlClick: (i, a) => {
         a === $.Expand && this.hooks.rowExpand(i);
       }
-    }), this.resize = new rs({
+    }), this.resize = new ds({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       minWidth: (i) => this.config.columns[i]?.minWidth ?? B.columnMinWidth,
@@ -2254,17 +2257,17 @@ class zs {
       onChange: (i) => {
         this.resizeState = i, this.hooks.render();
       }
-    }), this.resizeState = this.resize.state, this.drag = new pi({
+    }), this.resizeState = this.resize.state, this.drag = new Si({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       selection: () => this.selection.selection,
       get draggable() {
-        return Ss[o().draggable];
+        return Rs[o().draggable];
       },
       onChange: (i) => {
         this.dragState = i, this.hooks.render();
       }
-    }), this.dragState = this.drag.state, this.autoScroller = new ss({
+    }), this.dragState = this.drag.state, this.autoScroller = new us({
       getBounds: () => ({
         containerWidth: this.coord.containerWidth,
         containerHeight: this.coord.containerHeight,
@@ -2276,7 +2279,7 @@ class zs {
       onTick: () => {
         this.lastPoint && this.pointerMove({ ...this.lastPoint, ...this.lastModifiers }, !0);
       }
-    }), this.rowControls = this.visibleRowControls().map((i) => ({ type: At[i] })), this.applyColumns();
+    }), this.rowControls = this.visibleRowControls().map((i) => ({ type: Et[i] })), this.applyColumns();
   }
   /**
    * Touch on a grid no wider than 640 px. There a tap opens the record (the
@@ -2284,18 +2287,18 @@ class zs {
    * numbers only and no column is frozen.
    */
   get isPhone() {
-    return !!this.config.touch && this.width > 0 && this.width <= Rs;
+    return !!this.config.touch && this.width > 0 && this.width <= zs;
   }
   visibleRowControls() {
     return this.isPhone ? [] : this.config.rowControls;
   }
   gutterWidth() {
-    return this.isPhone ? ks : xs(this.config.rowControls);
+    return this.isPhone ? Ms : Ps(this.config.rowControls);
   }
   // ---- configuration ----------------------------------------------------
   createCoordinate() {
     const { rowCount: t, rowHeight: n, headerHeight: o, columns: i, freezeColumnCount: a } = this.config;
-    return new ls({
+    return new hs({
       rowHeight: n,
       columnWidth: B.columnWidth,
       rowCount: t,
@@ -2312,7 +2315,7 @@ class zs {
     const { columns: t } = this.config, n = {};
     this.gridColumns = t.map((o, i) => {
       const a = this.widthOverrides.get(i) ?? o.width ?? B.columnWidth;
-      return n[i] = a, Is(o, a);
+      return n[i] = a, As(o, a);
     }), this.coord.refreshColumnDimensions({ columnCount: t.length, columnInitSize: this.gutterWidth(), columnWidthMap: n }), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate();
   }
   /**
@@ -2321,7 +2324,7 @@ class zs {
    */
   freezeCount(t) {
     const { columns: n } = this.config, o = Math.min(t, n.length);
-    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, us({
+    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, gs({
       containerWidth: this.width,
       columnInitSize: this.gutterWidth(),
       columnCount: n.length,
@@ -2330,7 +2333,7 @@ class zs {
   }
   configure(t) {
     const n = this.config;
-    this.config = t, n.rowHeight !== t.rowHeight || n.headerHeight !== t.headerHeight ? this.coord = this.createCoordinate() : n.rowCount !== t.rowCount && this.coord.refreshRowDimensions({ rowCount: t.rowCount, pureRowCount: t.rowCount, rowInitSize: t.headerHeight }), n.columns !== t.columns && this.widthOverrides.clear(), this.rowControls = this.visibleRowControls().map((o) => ({ type: At[o] })), this.applyColumns(), this.clampSelection(), this.setScroll(this.scroll.scrollLeft, this.scroll.scrollTop), this.updateVisible();
+    this.config = t, n.rowHeight !== t.rowHeight || n.headerHeight !== t.headerHeight ? this.coord = this.createCoordinate() : n.rowCount !== t.rowCount && this.coord.refreshRowDimensions({ rowCount: t.rowCount, pureRowCount: t.rowCount, rowInitSize: t.headerHeight }), n.columns !== t.columns && this.widthOverrides.clear(), this.rowControls = this.visibleRowControls().map((o) => ({ type: Et[o] })), this.applyColumns(), this.clampSelection(), this.setScroll(this.scroll.scrollLeft, this.scroll.scrollTop), this.updateVisible();
   }
   /** Drops a selection that points past the data after rows or columns went away. */
   clampSelection() {
@@ -2343,7 +2346,7 @@ class zs {
   setViewport(t, n) {
     if (t === this.width && n === this.height) return;
     const o = this.isPhone;
-    this.width = t, this.height = n, this.coord.containerWidth = t, this.coord.containerHeight = n, this.isPhone !== o && (this.rowControls = this.visibleRowControls().map((i) => ({ type: At[i] })), this.applyColumns()), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate(), this.updateVisible();
+    this.width = t, this.height = n, this.coord.containerWidth = t, this.coord.containerHeight = n, this.isPhone !== o && (this.rowControls = this.visibleRowControls().map((i) => ({ type: Et[i] })), this.applyColumns()), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate(), this.updateVisible();
   }
   get viewport() {
     return { width: this.width, height: this.height };
@@ -2357,7 +2360,7 @@ class zs {
    * keeps room for a vertical overlay bar beside them.
    */
   get contentSize() {
-    const { totalWidth: t, totalHeight: n } = this.coord, o = t > this.width ? Vn : 0, i = n > this.height - o ? Vn : 0;
+    const { totalWidth: t, totalHeight: n } = this.coord, o = t > this.width ? Un : 0, i = n > this.height - o ? Un : 0;
     return { width: t + o, height: n + i };
   }
   /** The scroller moved (native scroll or our own `scrollTo`). */
@@ -2370,7 +2373,7 @@ class zs {
     this.setScroll(t, n), this.scroll !== o && this.hooks.scrollTo(this.scroll.scrollLeft, this.scroll.scrollTop);
   }
   updateVisible() {
-    const t = In(this.coord, this.scroll), n = this.visible;
+    const t = Pn(this.coord, this.scroll), n = this.visible;
     n && n.startRowIndex === t.startRowIndex && n.stopRowIndex === t.stopRowIndex && n.startColumnIndex === t.startColumnIndex && n.stopColumnIndex === t.stopColumnIndex || (this.visible = t, this.contentVersion++, this.config.rowCount > 0 && this.config.columns.length > 0 && this.hooks.visibleRangeChange({
       startRow: t.startRowIndex,
       stopRow: t.stopRowIndex,
@@ -2379,7 +2382,7 @@ class zs {
     }));
   }
   get visibleRegion() {
-    return this.visible ?? (this.visible = In(this.coord, this.scroll));
+    return this.visible ?? (this.visible = Pn(this.coord, this.scroll));
   }
   /** Marks cell content stale (data, columns or theme changed). */
   invalidate() {
@@ -2388,10 +2391,10 @@ class zs {
   // ---- selection --------------------------------------------------------
   getSelection() {
     const { selection: t, activeCell: n } = this.selection;
-    return { kind: ys[t.type], ranges: t.ranges.map((o) => [o[0], o[1]]), activeCell: n ? [n[0], n[1]] : null };
+    return { kind: ks[t.type], ranges: t.ranges.map((o) => [o[0], o[1]]), activeCell: n ? [n[0], n[1]] : null };
   }
   setSelection(t) {
-    const n = t.ranges.map((a) => [a[0], a[1]]), o = t.kind === "none" ? Ge : new se(bs[t.kind], n), i = t.activeCell !== void 0 ? t.activeCell ? [t.activeCell[0], t.activeCell[1]] : null : t.kind === "cells" && n[0] ? [n[0][0], n[0][1]] : null;
+    const n = t.ranges.map((a) => [a[0], a[1]]), o = t.kind === "none" ? Ge : new se(Is[t.kind], n), i = t.activeCell !== void 0 ? t.activeCell ? [t.activeCell[0], t.activeCell[1]] : null : t.kind === "cells" && n[0] ? [n[0][0], n[0][1]] : null;
     this.selection.update({ selection: o, activeCell: i });
   }
   selectCell(t, n) {
@@ -2477,7 +2480,7 @@ class zs {
     return !t || t[0] >= this.coord.columnCount || t[1] >= this.coord.pureRowCount ? null : { columnIndex: t[0], rowIndex: t[1], width: this.coord.getColumnWidth(t[0]), height: this.coord.getRowHeight(t[1]) };
   }
   hitTest(t) {
-    return Pi(this.regionContext(), t);
+    return Ei(this.regionContext(), t);
   }
   // ---- pointer ----------------------------------------------------------
   /** Returns true when the press belongs to the grid (the host then claims focus). */
@@ -2553,12 +2556,12 @@ class zs {
   endFill(t) {
     const n = this.fillSource;
     this.fillSource = null;
-    const o = fs(n, this.fillTargetRow(t), this.config.rowCount);
+    const o = vs(n, this.fillTargetRow(t), this.config.rowCount);
     if (!o) {
       this.hooks.render();
       return;
     }
-    const i = ps(o), a = this.selection.activeCell;
+    const i = Ss(o), a = this.selection.activeCell;
     this.selection.update({
       selection: this.selection.selection.set(H.Cells, [[i.startColumn, i.startRow], [i.endColumn, i.endRow]]),
       ...a ? {} : { activeCell: [n.startColumn, n.startRow] }
@@ -2591,7 +2594,7 @@ class zs {
   /** True when `cell` is the active cell and the whole selection. */
   isSoleActiveCell(t) {
     const { selection: n, activeCell: o } = this.selection;
-    if (!n.isCellSelection || !bo(o, t)) return !1;
+    if (!n.isCellSelection || !Io(o, t)) return !1;
     const [i, a] = n.ranges;
     return !!i && !!a && i[0] === a[0] && i[1] === a[1];
   }
@@ -2674,7 +2677,7 @@ class zs {
   moveAfterEdit(t, n) {
     const { rowCount: o, columns: i } = this.config;
     if (!o || !i.length) return;
-    const a = { pureRowCount: o, columnCount: i.length }, s = new se(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? ms(s, a) : On(s, n === "left", a);
+    const a = { pureRowCount: o, columnCount: i.length }, s = new se(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? Cs(s, a) : Gn(s, n === "left", a);
     this.selection.update({ selection: r.selection, activeCell: r.activeCell }), this.scrollToCell(r.scrollTo);
   }
   /** An input method started composing on the selected cell. */
@@ -2689,22 +2692,22 @@ class zs {
   keyDown(t) {
     if (t.key === "Escape" && this.down)
       return this.cancelGesture(), "prevent";
-    if (fo(t))
+    if (vo(t))
       return this.compositionStart(), "pass";
     const { rowCount: n, columns: o } = this.config;
     if (!n || !o.length) return "ignore";
     const i = { pureRowCount: n, columnCount: o.length }, a = this.selection.selection, s = this.selection.activeCell;
     if (!a.isCellSelection || !s)
-      return Gn[t.key] || t.key === "Tab" || t.key === "Home" ? t.key === "Tab" && !s ? "ignore" : (this.selectCell(s ?? [0, 0], !1), "prevent") : "ignore";
-    const r = Gn[t.key];
+      return Kn[t.key] || t.key === "Tab" || t.key === "Home" ? t.key === "Tab" && !s ? "ignore" : (this.selectCell(s ?? [0, 0], !1), "prevent") : "ignore";
+    const r = Kn[t.key];
     if (r) {
       if (t.altKey) return "ignore";
-      const l = ds(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
+      const l = fs(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
       return this.selection.update({ selection: l.selection, ...l.activeCell ? { activeCell: l.activeCell } : {} }), this.scrollToCell(l.scrollTo), "prevent";
     }
     switch (t.key) {
       case "Tab": {
-        const l = On(a, t.shiftKey, i);
+        const l = Gn(a, t.shiftKey, i);
         return this.selection.update({ selection: l.selection, activeCell: l.activeCell }), this.scrollToCell(l.scrollTo), "prevent";
       }
       case "Home":
@@ -2720,7 +2723,7 @@ class zs {
       case "a":
       case "A":
         if (!t.commandKey || t.shiftKey || t.altKey) break;
-        return this.selection.update({ selection: hs(a, i) }), "prevent";
+        return this.selection.update({ selection: ps(a, i) }), "prevent";
       case "Enter":
         return t.shiftKey || t.altKey || t.commandKey ? "ignore" : (this.requestEdit(s, "enter", !1), "prevent");
       case "F2":
@@ -2734,7 +2737,7 @@ class zs {
       case "Escape":
         return "ignore";
     }
-    return pa(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
+    return Sa(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
   }
   // ---- drawing ----------------------------------------------------------
   /** Everything `drawGrid` needs except the theme and the cell/icon painters. */
@@ -2790,31 +2793,31 @@ class zs {
     this.autoScroller.stop();
   }
 }
-const Ms = () => {
+const Ts = () => {
   if (typeof navigator > "u") return !1;
   const e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
   return /mac|iphone|ipad|ipod/i.test(e);
-}, Un = (e, t) => {
+}, _n = (e, t) => {
   const n = Number.parseFloat(e.getPropertyValue(t));
   return Number.isFinite(n) && n > 0 ? n : void 0;
-}, As = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
+}, Ns = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
   const n = getComputedStyle(e);
   return {
-    rowHeight: Un(n, "--ui-grid-row-height") ?? t.rowHeight,
-    headerHeight: Un(n, "--ui-grid-header-height") ?? t.headerHeight
+    rowHeight: _n(n, "--ui-grid-row-height") ?? t.rowHeight,
+    headerHeight: _n(n, "--ui-grid-header-height") ?? t.headerHeight
   };
-}, Es = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, Hs = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Ts = ["id"], Ns = { role: "rowgroup" }, Ls = {
+}, Fs = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, Ls = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Ds = ["id"], Ws = { role: "rowgroup" }, Bs = {
   role: "row",
   "aria-rowindex": "1"
-}, Fs = ["id", "aria-colindex"], Ds = { role: "rowgroup" }, Ws = ["aria-rowindex", "aria-hidden"], Bs = ["id"], Os = ["aria-colindex", "aria-selected", "aria-readonly"], Vs = ["id"], Gs = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Us = ["id"], Ks = {
+}, Os = ["id", "aria-colindex"], Vs = { role: "rowgroup" }, Gs = ["aria-rowindex", "aria-hidden"], Us = ["id"], Ks = ["aria-colindex", "aria-selected", "aria-readonly"], _s = ["id"], $s = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], qs = ["id"], Xs = {
   key: 1,
   role: "status",
   class: "sr-only"
-}, _s = {
+}, Ys = {
   key: 2,
   "data-ui-grid-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, $s = 6, qs = 250, Xs = 100, Ys = 800, js = 300, Qs = 300, Fr = /* @__PURE__ */ jo({
+}, js = 6, Qs = 250, Zs = 100, Js = 800, er = 300, tr = 300, Vr = /* @__PURE__ */ ei({
   __name: "GridHost",
   props: {
     columns: {},
@@ -2848,9 +2851,9 @@ const Ms = () => {
   },
   emits: ["selection-change", "edit-request", "cell-commit", "edit-end", "clear-request", "row-expand", "header-menu", "column-resize", "column-resize-end", "column-width-save", "fill-request", "clipboard-copy", "paste-request", "column-reorder", "row-reorder", "context-menu", "visible-range-change"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = n, a = Qo(), s = ai(), r = Zo(), l = ke(), c = ke(), u = ke(), h = ke(), m = ke(), g = ue({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), C = ue({ ...ho, ...o.themeOverrides }), S = ue({ width: 0, height: 0 }), p = ue({ kind: "none", ranges: [], activeCell: null }), w = ue({ width: 0, height: 0 }), v = ke(!1), y = ke(!1), R = ue(0);
+    const o = e, i = n, a = ti(), s = ci(), r = ni(), l = ke(), c = ke(), u = ke(), h = ke(), m = ke(), g = ue({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), C = ue({ ...po, ...o.themeOverrides }), S = ue({ width: 0, height: 0 }), p = ue({ kind: "none", ranges: [], activeCell: null }), w = ue({ width: 0, height: 0 }), v = ke(!1), y = ke(!1), R = ue(0);
     let I = Ue.danger;
-    const k = ue(null), P = U(() => o.rowHeight ?? g.value.rowHeight), M = U(() => o.headerHeight ?? g.value.headerHeight), N = U(() => Es(S.value.height, M.value, P.value)), z = U(() => !o.loading && o.rowCount === 0), E = () => {
+    const k = ue(null), P = U(() => o.rowHeight ?? g.value.rowHeight), M = U(() => o.headerHeight ?? g.value.headerHeight), N = U(() => Fs(S.value.height, M.value, P.value)), z = U(() => !o.loading && o.rowCount === 0), E = () => {
       const d = o.loading && o.rowCount === 0;
       return {
         columns: o.columns,
@@ -2867,26 +2870,26 @@ const Ms = () => {
         touch: y.value
       };
     }, W = () => o.loading && o.rowCount === 0;
-    let L = 0, _, q = null, ae = null;
-    const X = () => o.editing || F.active, A = new zs(E(), {
+    let F = 0, _, q = null, ae = null;
+    const X = () => o.editing || L.active, A = new Hs(E(), {
       render: () => fe(),
       selectionChange: (d) => {
-        const f = F.state.value.cell;
-        F.active && f && (d.activeCell?.[0] !== f[0] || d.activeCell?.[1] !== f[1]) && F.commit("selection"), p.value = d, !X() && m.value && (m.value.value = ""), je(), i("selection-change", d);
+        const f = L.state.value.cell;
+        L.active && f && (d.activeCell?.[0] !== f[0] || d.activeCell?.[1] !== f[1]) && L.commit("selection"), p.value = d, !X() && m.value && (m.value.value = ""), je(), i("selection-change", d);
       },
       scrollTo: (d, f) => {
         const x = u.value;
         x && (x.scrollLeft = d, x.scrollTop = f);
       },
       editRequest: (d, f, x, T) => {
-        if ((x !== "tap" || f.editor !== "long-text") && F.open(d, f, x, "edit")) {
+        if ((x !== "tap" || f.editor !== "long-text") && L.open(d, f, x, "edit")) {
           Ze = x === "tap";
           return;
         }
         i("edit-request", { cell: d, column: f, trigger: x, replace: T });
       },
       viewRequest: (d, f, x) => {
-        F.open(d, f, x, "view") && (Ze = x === "tap");
+        L.open(d, f, x, "view") && (Ze = x === "tap");
       },
       clearRequest: (d) => {
         De(), i("clear-request", d);
@@ -2896,7 +2899,7 @@ const Ms = () => {
       canExpandRow: () => !!(a?.vnode.props?.onRowExpand || a?.vnode.props?.onRowExpandOnce),
       headerMenu: (d, f) => i("header-menu", d, f),
       columnResize: (d, f, x) => {
-        w.value = A.contentSize, x ? (i("column-resize-end", d, f), Vo(d, f)) : i("column-resize", d, f);
+        w.value = A.contentSize, x ? (i("column-resize-end", d, f), _o(d, f)) : i("column-resize", d, f);
       },
       fill: (d) => {
         De(), i("fill-request", d);
@@ -2909,7 +2912,7 @@ const Ms = () => {
       visibleRangeChange: (d) => {
         W() || i("visible-range-change", d);
       }
-    }), F = Qa({
+    }), L = ts({
       owner: () => m.value,
       root: () => l.value,
       enabled: () => !!o.getEditText,
@@ -2927,12 +2930,12 @@ const Ms = () => {
         i("edit-end", { cell: d, column: f, committed: x }), fe();
       },
       moveSelection: (d) => {
-        const f = F.state.value.cell ?? p.value.activeCell;
+        const f = L.state.value.cell ?? p.value.activeCell;
         f && A.moveAfterEdit(f, d);
       },
       clearSelection: () => A.setSelection({ kind: "none", ranges: [] }),
       refocus: () => {
-        if (Ze && !F.active) {
+        if (Ze && !L.active) {
           Ze = !1, m.value?.blur();
           return;
         }
@@ -2940,10 +2943,10 @@ const Ms = () => {
       }
     });
     function fe() {
-      L || typeof requestAnimationFrame > "u" || (L = requestAnimationFrame(Te));
+      F || typeof requestAnimationFrame > "u" || (F = requestAnimationFrame(Te));
     }
     function Te() {
-      L = 0;
+      F = 0;
       const d = c.value;
       if (!d || !q) return;
       const f = {
@@ -2955,10 +2958,10 @@ const Ms = () => {
         drawCell: Pe,
         drawIcon: o.drawIcon ? Ye : void 0
       };
-      sa(d, q, f, _), _ = f, Ne(d), u.value && (u.value.style.cursor = A.cursor), je();
+      ua(d, q, f, _), _ = f, Ne(d), u.value && (u.value.style.cursor = A.cursor), je();
     }
     function Y() {
-      L && (cancelAnimationFrame(L), Te());
+      F && (cancelAnimationFrame(F), Te());
     }
     function Ne(d) {
       const f = tt;
@@ -2967,15 +2970,15 @@ const Ms = () => {
       if (!x) return;
       const T = A.getCellRect([f.startColumn, f.startRow]), G = A.getCellRect([f.endColumn, f.endRow]);
       if (!T || !G) return;
-      const { columnInitSize: J, rowInitSize: Re } = A.coord, { width: xt, height: Rt } = A.viewport, hn = Math.ceil(globalThis.devicePixelRatio ?? 1);
-      x.save(), x.setTransform(hn, 0, 0, hn, 0, 0), x.beginPath(), x.rect(J, Re, xt - J, Rt - Re), x.clip(), x.setLineDash([4, 3]), x.lineWidth = 1, x.strokeStyle = C.value.interactionLineColorHighlight, x.strokeRect(T.x + 0.5, T.y + 0.5, G.x + G.width - T.x - 1, G.y + G.height - T.y - 1), x.restore();
+      const { columnInitSize: J, rowInitSize: Re } = A.coord, { width: xt, height: Rt } = A.viewport, mn = Math.ceil(globalThis.devicePixelRatio ?? 1);
+      x.save(), x.setTransform(mn, 0, 0, mn, 0, 0), x.beginPath(), x.rect(J, Re, xt - J, Rt - Re), x.clip(), x.setLineDash([4, 3]), x.lineWidth = 1, x.strokeStyle = C.value.interactionLineColorHighlight, x.strokeRect(T.x + 0.5, T.y + 0.5, G.x + G.width - T.x - 1, G.y + G.height - T.y - 1), x.restore();
     }
-    const Le = (d) => Math.max(0, Math.min(d.width - 2 * B.cellHorizontalPadding, d.width * 0.6));
-    function Fe(d, f) {
+    const Fe = (d) => Math.max(0, Math.min(d.width - 2 * B.cellHorizontalPadding, d.width * 0.6));
+    function Le(d, f) {
       D(d, {
         x: f.x + B.cellHorizontalPadding,
         y: f.y + (f.height - 8) / 2,
-        width: Le(f),
+        width: Fe(f),
         height: 8,
         radius: 8 / 2,
         fill: f.theme.cellBgLoading
@@ -3008,7 +3011,7 @@ const Ms = () => {
         isLoading: T
       };
       if (T) {
-        Fe(d, G);
+        Le(d, G);
         return;
       }
       const J = o.cellRenderer?.(x, f.columnIndex);
@@ -3030,9 +3033,9 @@ const Ms = () => {
       d.style.transform = `translate(${xt}px, ${Rt}px)`, d.style.width = `${x.width}px`, d.style.height = `${x.height}px`;
     }
     function Se() {
-      return ma(m.value, l.value ?? null);
+      return Ca(m.value, l.value ?? null);
     }
-    const ye = (d) => Ms() ? d.metaKey : d.ctrlKey;
+    const ye = (d) => Ts() ? d.metaKey : d.ctrlKey;
     function ce(d) {
       const f = ae ?? (ae = l.value.getBoundingClientRect());
       return { x: d.clientX - f.left, y: d.clientY - f.top, shiftKey: d.shiftKey, commandKey: ye(d) };
@@ -3041,12 +3044,12 @@ const Ms = () => {
       const f = u.value, x = ae;
       return d.clientX - x.left >= f.clientWidth || d.clientY - x.top >= f.clientHeight;
     }
-    let re = null, te = null, jt = -1 / 0, Qt = -1 / 0, Ze = !1;
-    const Je = () => typeof performance > "u" ? Date.now() : performance.now(), Zt = () => te != null || Je() - jt < Ys;
+    let re = null, te = null, Qt = -1 / 0, Zt = -1 / 0, Ze = !1;
+    const Je = () => typeof performance > "u" ? Date.now() : performance.now(), Jt = () => te != null || Je() - Qt < Js;
     function et() {
-      te && clearTimeout(te.timer), te = null, jt = Je();
+      te && clearTimeout(te.timer), te = null, Qt = Je();
     }
-    function Po(d) {
+    function Eo(d) {
       if (te) {
         et();
         return;
@@ -3055,31 +3058,31 @@ const Ms = () => {
         id: d.pointerId,
         x: d.clientX,
         y: d.clientY,
-        flingStop: Je() - Qt < Xs,
+        flingStop: Je() - Zt < Zs,
         longPressed: !1,
         timer: setTimeout(() => {
           te !== f || f.flingStop || X() || (f.longPressed = !0, A.longPress(ce(d)), Y());
-        }, qs)
+        }, Qs)
       };
       te = f;
     }
-    function zo(d) {
+    function Ho(d) {
       const f = te;
-      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > $s && et();
+      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > js && et();
     }
-    function Mo(d) {
+    function To(d) {
       const f = te;
-      !f || f.id !== d.pointerId || (et(), !(f.longPressed || f.flingStop) && (F.active && !F.commit("pointer") || o.editing || (A.tap(ce(d)), Y(), re && clearTimeout(re), re = setTimeout(() => {
+      !f || f.id !== d.pointerId || (et(), !(f.longPressed || f.flingStop) && (L.active && !L.commit("pointer") || o.editing || (A.tap(ce(d)), Y(), re && clearTimeout(re), re = setTimeout(() => {
         re = null, A.clearTapFeedback();
-      }, js))));
+      }, er))));
     }
-    function Ao(d) {
+    function No(d) {
       if (ae = l.value.getBoundingClientRect(), d.pointerType === "touch") {
-        Po(d);
+        Eo(d);
         return;
       }
       if (d.button !== 0 || Qe(d)) return;
-      if (F.active && !F.commit("pointer")) {
+      if (L.active && !L.commit("pointer")) {
         d.preventDefault();
         return;
       }
@@ -3093,16 +3096,16 @@ const Ms = () => {
         Se();
       }
     }
-    function Eo(d) {
+    function Fo(d) {
       if (d.pointerType === "touch") {
-        zo(d);
+        Ho(d);
         return;
       }
       ae || (ae = l.value.getBoundingClientRect()), A.pointerMove(ce(d)), Y(), u.value && (u.value.style.cursor = A.cursor);
     }
-    function Ho(d) {
+    function Lo(d) {
       if (d.pointerType === "touch") {
-        Mo(d);
+        To(d);
         return;
       }
       if (A.isGestureActive) {
@@ -3113,38 +3116,38 @@ const Ms = () => {
         }
       }
     }
-    function Jt(d) {
+    function en(d) {
       if (d.pointerType === "touch") {
         te?.id === d.pointerId && et();
         return;
       }
       A.cancelGesture(), Y();
     }
-    function To() {
+    function Do() {
       A.pointerLeave();
     }
-    function No(d) {
-      X() || Zt() || A.doubleClick(ce(d));
+    function Wo(d) {
+      X() || Jt() || A.doubleClick(ce(d));
     }
-    function Lo(d) {
-      if (Zt()) {
+    function Bo(d) {
+      if (Jt()) {
         d.preventDefault();
         return;
       }
       ae = l.value.getBoundingClientRect(), A.contextMenu(ce(d)) && (d.preventDefault(), Se());
     }
-    function Fo() {
+    function Oo() {
       const d = u.value;
-      d && (ae = null, Qt = Je(), A.setScroll(d.scrollLeft, d.scrollTop));
+      d && (ae = null, Zt = Je(), A.setScroll(d.scrollLeft, d.scrollTop));
     }
-    function Do(d) {
-      if (F.active) {
-        F.keyDown(d, ye(d)) && d.stopPropagation();
+    function Vo(d) {
+      if (L.active) {
+        L.keyDown(d, ye(d)) && d.stopPropagation();
         return;
       }
       if (o.editing) return;
-      if (d.key === "Escape" && De(), Wo(d)) {
-        Bo();
+      if (d.key === "Escape" && De(), Go(d)) {
+        Uo();
         return;
       }
       A.keyDown({
@@ -3163,74 +3166,74 @@ const Ms = () => {
       tt && (tt = null, fe());
     }
     const pt = () => ({ rowCount: o.loading && o.rowCount === 0 ? 0 : o.rowCount, columnCount: o.columns.length });
-    function Wo(d) {
+    function Go(d) {
       if (!ye(d) || d.altKey || d.shiftKey) return !1;
       const f = d.key.toLowerCase();
       return f === "c" || f === "x" || d.code === "KeyC" || d.code === "KeyX";
     }
-    function Bo() {
+    function Uo() {
       const d = m.value;
-      !d || d.value || (d.value = " ", d.select(), pe && clearTimeout(pe), pe = setTimeout(en, 0));
+      !d || d.value || (d.value = " ", d.select(), pe && clearTimeout(pe), pe = setTimeout(tn, 0));
     }
-    function en() {
-      pe && clearTimeout(pe), pe = null, m.value && !F.active && (m.value.value = "");
+    function tn() {
+      pe && clearTimeout(pe), pe = null, m.value && !L.active && (m.value.value = "");
     }
     function Ct(d, f, x, T) {
-      T && (tt = qe(d, pt()), fe()), i("clipboard-copy", { block: f, cellCount: Aa(f), cut: x, ok: T }), T && x && !o.readonly && i("clear-request", d);
+      T && (tt = qe(d, pt()), fe()), i("clipboard-copy", { block: f, cellCount: Na(f), cut: x, ok: T }), T && x && !o.readonly && i("clear-request", d);
     }
-    function tn(d, f) {
-      const x = A.getSelection(), T = Co(x, pt());
+    function nn(d, f) {
+      const x = A.getSelection(), T = yo(x, pt());
       if (!T) return Promise.resolve(!1);
-      const G = Ha(T, o.isRowLoaded);
+      const G = La(T, o.isRowLoaded);
       if (f && G) {
-        const Re = ka(f, Pt(Tn(T, o.getCopyText ?? o.getCellText)));
+        const Re = Ma(f, zt(Fn(T, o.getCopyText ?? o.getCellText)));
         return Ct(x, T, d, Re), Promise.resolve(Re);
       }
       f?.preventDefault();
       let J;
-      return G ? J = Promise.resolve(Pt(Tn(T, o.getCopyText ?? o.getCellText))) : o.resolveCopy ? J = o.resolveCopy(T).then(Pt) : J = Promise.reject(new Error("Rows are not loaded")), J.catch(() => {
-      }), Pa(J).then(
+      return G ? J = Promise.resolve(zt(Fn(T, o.getCopyText ?? o.getCellText))) : o.resolveCopy ? J = o.resolveCopy(T).then(zt) : J = Promise.reject(new Error("Rows are not loaded")), J.catch(() => {
+      }), Ea(J).then(
         () => (Ct(x, T, d, !0), !0),
         () => (Ct(x, T, d, !1), !1)
       );
     }
-    function nn(d, f) {
-      F.active || o.editing || (en(), d.preventDefault(), tn(f, d));
+    function on(d, f) {
+      L.active || o.editing || (tn(), d.preventDefault(), nn(f, d));
     }
-    function on(d) {
+    function an(d) {
       if (o.readonly) return null;
-      const f = Ea(d, A.getSelection(), {
+      const f = Fa(d, A.getSelection(), {
         ...pt(),
         isReadonlyColumn: (x) => !!o.columns[x]?.readonly
       });
       return f ? (De(), i("paste-request", f), f) : null;
     }
-    function Oo(d) {
-      F.active || Ca({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: m.value ?? null }) && (d.preventDefault(), p.value.kind !== "none" && on(d.clipboardData?.getData("text/plain") ?? ""));
+    function Ko(d) {
+      L.active || ya({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: m.value ?? null }) && (d.preventDefault(), p.value.kind !== "none" && an(d.clipboardData?.getData("text/plain") ?? ""));
     }
     const wt = /* @__PURE__ */ new Map();
     let ze = null;
-    function an() {
+    function sn() {
       ze && clearTimeout(ze), ze = null;
       const d = [...wt];
       wt.clear();
       for (const [f, x] of d) i("column-width-save", f, x);
     }
-    function Vo(d, f) {
-      wt.set(d, f), ze && clearTimeout(ze), ze = setTimeout(an, Qs);
+    function _o(d, f) {
+      wt.set(d, f), ze && clearTimeout(ze), ze = setTimeout(sn, tr);
     }
-    function Go() {
-      o.editing || (F.active || A.compositionStart(), F.active && F.compositionStart());
+    function $o() {
+      o.editing || (L.active || A.compositionStart(), L.active && L.compositionStart());
     }
-    function Uo() {
-      F.compositionEnd();
+    function qo() {
+      L.compositionEnd();
     }
     let vt = null, St = null, yt = null, We = null;
-    function sn() {
+    function rn() {
       y.value = !!We?.matches, xe();
     }
     let be = null;
-    function rn() {
+    function ln() {
       const d = l.value;
       if (!d) return;
       ae = null;
@@ -3239,7 +3242,7 @@ const Ms = () => {
     }
     function xe() {
       const d = l.value;
-      d && (g.value = As(d, g.value), C.value = ua(d, o.themeOverrides), I = yo(d).danger, k.value = Ua(d.ownerDocument, C.value.fontSizeSM, C.value.fontFamily), A.theme = C.value, bt(), A.invalidate());
+      d && (g.value = Ns(d, g.value), C.value = ga(d, o.themeOverrides), I = ko(d).danger, k.value = qa(d.ownerDocument, C.value.fontSizeSM, C.value.fontFamily), A.theme = C.value, bt(), A.invalidate());
     }
     function bt() {
       A.configure(E()), w.value = A.contentSize;
@@ -3255,32 +3258,32 @@ const Ms = () => {
     }, { immediate: !0 }), de(
       () => [o.columns, o.rowCount, o.freezeColumnCount, o.rowControls, o.selectable, o.draggable, o.columnResizable, o.readonly, y.value, P.value, M.value, v.value, N.value],
       bt
-    ), de(() => [o.getCellText, o.cellRenderer, o.isRowLoaded, o.drawIcon], () => A.invalidate()), de(() => o.themeOverrides, xe), de(() => o.editing, () => fe()), de(() => o.highlightedRow, () => A.invalidate()), Jo(() => {
-      if (q = document.createElement("canvas"), xe(), rn(), typeof ResizeObserver < "u" && (vt = new ResizeObserver(() => rn()), vt.observe(l.value)), typeof MutationObserver < "u") {
+    ), de(() => [o.getCellText, o.cellRenderer, o.isRowLoaded, o.drawIcon], () => A.invalidate()), de(() => o.themeOverrides, xe), de(() => o.editing, () => fe()), de(() => o.highlightedRow, () => A.invalidate()), oi(() => {
+      if (q = document.createElement("canvas"), xe(), ln(), typeof ResizeObserver < "u" && (vt = new ResizeObserver(() => ln()), vt.observe(l.value)), typeof MutationObserver < "u") {
         St = new MutationObserver(() => xe());
         const d = l.value.closest("[data-ui-app]");
         for (const f of /* @__PURE__ */ new Set([d, document.documentElement]))
           f && St.observe(f, { attributes: !0, attributeFilter: ["data-ui-color-scheme", "data-ui-density", "style", "class"] });
       }
-      yt = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, yt?.addEventListener?.("change", xe), We = typeof matchMedia == "function" ? matchMedia("(pointer: coarse)") : null, y.value = !!We?.matches, We?.addEventListener?.("change", sn), fe();
-    }), ei(() => {
-      L && cancelAnimationFrame(L), be && clearTimeout(be), vt?.disconnect(), St?.disconnect(), yt?.removeEventListener?.("change", xe), We?.removeEventListener?.("change", sn), te && clearTimeout(te.timer), re && clearTimeout(re), A.dispose(), pe && clearTimeout(pe), an(), q = null;
+      yt = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, yt?.addEventListener?.("change", xe), We = typeof matchMedia == "function" ? matchMedia("(pointer: coarse)") : null, y.value = !!We?.matches, We?.addEventListener?.("change", rn), fe();
+    }), ii(() => {
+      F && cancelAnimationFrame(F), be && clearTimeout(be), vt?.disconnect(), St?.disconnect(), yt?.removeEventListener?.("change", xe), We?.removeEventListener?.("change", rn), te && clearTimeout(te.timer), re && clearTimeout(re), A.dispose(), pe && clearTimeout(pe), sn(), q = null;
     });
-    const j = U(() => p.value.activeCell), Ko = U(() => j.value ? o.columns[j.value[0]] : void 0), _o = U(() => {
+    const j = U(() => p.value.activeCell), Xo = U(() => j.value ? o.columns[j.value[0]] : void 0), Yo = U(() => {
       const d = j.value;
       return d ? o.getRowLabel?.(d[1]) ?? String(d[1] + 1) : "";
-    }), $o = U(() => j.value && o.rowCount > 0 ? o.getCellText(j.value) : ""), ln = (d) => `${r}-col-${d}`, qo = U(() => j.value ? `${ln(j.value[0])} ${r}-rowheader ${r}-cell` : `${r}-label`), cn = (d) => A.getCellRect(d), Q = U(() => F.state.value), un = U(() => Q.value.active && Q.value.mode === "edit" && Q.value.kind === "long-text" && !!o.editHint), nt = U(() => ({
+    }), jo = U(() => j.value && o.rowCount > 0 ? o.getCellText(j.value) : ""), cn = (d) => `${r}-col-${d}`, Qo = U(() => j.value ? `${cn(j.value[0])} ${r}-rowheader ${r}-cell` : `${r}-label`), un = (d) => A.getCellRect(d), Q = U(() => L.state.value), dn = U(() => Q.value.active && Q.value.mode === "edit" && Q.value.kind === "long-text" && !!o.editHint), nt = U(() => ({
       open: Q.value.active,
       kind: Q.value.kind,
       view: Q.value.mode === "view",
       invalid: !!Q.value.error,
-      hint: un.value,
+      hint: dn.value,
       rowHeight: P.value,
-      lines: F.lines.value,
+      lines: L.lines.value,
       theme: C.value,
       dangerColor: I,
       textBox: k.value
-    })), Xo = U(() => $a(nt.value)), dn = U(() => Q.value.active ? So(nt.value) : P.value), ot = U(() => {
+    })), Zo = U(() => ja(nt.value)), hn = U(() => Q.value.active ? Ro(nt.value) : P.value), ot = U(() => {
       if (R.value, Q.value.active) return Q.value.error;
       const d = p.value.activeCell, f = d && o.cellStatus ? o.cellStatus(d) : null;
       return f?.state === "error" ? f.message : null;
@@ -3288,7 +3291,7 @@ const Ms = () => {
     return t({
       focus: Se,
       focusOwner: () => m.value ?? null,
-      getCellRect: cn,
+      getCellRect: un,
       scrollToCell: (d) => A.scrollToCell(d),
       getSelection: () => A.getSelection(),
       setSelection: (d) => A.setSelection(d),
@@ -3296,11 +3299,11 @@ const Ms = () => {
         R.value++, A.invalidate();
       },
       refreshTheme: xe,
-      isEditing: () => F.active,
-      commitEdit: () => !F.active || F.commit("selection"),
-      cancelEdit: () => F.cancel(),
-      copy: (d = !1) => tn(d),
-      paste: (d) => on(d)
+      isEditing: () => L.active,
+      commitEdit: () => !L.active || L.commit("selection"),
+      cancelEdit: () => L.cancel(),
+      copy: (d = !1) => nn(d),
+      paste: (d) => an(d)
     }), (d, f) => (Ce(), we("div", {
       ref_key: "root",
       ref: l,
@@ -3314,12 +3317,12 @@ const Ms = () => {
       "data-ui-grid-skeleton": v.value && e.loading && e.rowCount === 0 ? "" : void 0,
       "aria-multiselectable": "true",
       style: { position: "relative", overflow: "hidden", width: "100%", height: "100%", "min-height": "0", background: "var(--ui-surface)", contain: "strict", isolation: "isolate" },
-      onPaste: Oo
+      onPaste: Ko
     }, [
       ne("span", {
         id: `${ee(r)}-label`,
         class: "sr-only"
-      }, ve(e.label), 9, Ts),
+      }, ve(e.label), 9, Ds),
       ne("canvas", {
         ref_key: "canvas",
         ref: c,
@@ -3332,32 +3335,32 @@ const Ms = () => {
         "data-ui-grid-scroller": "",
         "aria-hidden": "true",
         style: { position: "absolute", inset: "0", overflow: "auto", "overscroll-behavior": "contain", "z-index": "1", "touch-action": "pan-x pan-y", "-webkit-overflow-scrolling": "touch", "-webkit-touch-callout": "none", "-webkit-user-select": "none", "user-select": "none", "-webkit-tap-highlight-color": "transparent" },
-        onScrollPassive: Fo,
-        onPointerdown: Ao,
-        onPointermove: Eo,
-        onPointerup: Ho,
-        onPointercancel: Jt,
-        onLostpointercapture: Jt,
-        onPointerleave: To,
-        onDblclick: No,
-        onContextmenu: Lo
+        onScrollPassive: Oo,
+        onPointerdown: No,
+        onPointermove: Fo,
+        onPointerup: Lo,
+        onPointercancel: en,
+        onLostpointercapture: en,
+        onPointerleave: Do,
+        onDblclick: Wo,
+        onContextmenu: Bo
       }, [
         ne("div", {
           style: Be({ width: `${w.value.width}px`, height: `${w.value.height}px` })
         }, null, 4)
       ], 544),
-      ne("div", Ns, [
-        ne("div", Ls, [
-          (Ce(!0), we(ti, null, ni(e.columns, (x, T) => (Ce(), we("span", {
-            id: ln(T),
+      ne("div", Ws, [
+        ne("div", Bs, [
+          (Ce(!0), we(ai, null, si(e.columns, (x, T) => (Ce(), we("span", {
+            id: cn(T),
             key: x.id,
             role: "columnheader",
             class: "sr-only",
             "aria-colindex": T + 1
-          }, ve(x.name), 9, Fs))), 128))
+          }, ve(x.name), 9, Os))), 128))
         ])
       ]),
-      ne("div", Ds, [
+      ne("div", Vs, [
         ne("div", {
           role: "row",
           "aria-rowindex": j.value ? j.value[1] + 2 : 2,
@@ -3367,27 +3370,27 @@ const Ms = () => {
             id: `${ee(r)}-rowheader`,
             role: "rowheader",
             class: "sr-only"
-          }, ve(_o.value), 9, Bs),
+          }, ve(Yo.value), 9, Us),
           ne("div", {
             ref_key: "focusCell",
             ref: h,
             role: "gridcell",
             "aria-colindex": j.value ? j.value[0] + 1 : 1,
             "aria-selected": j.value ? "true" : void 0,
-            "aria-readonly": e.readonly || Ko.value?.readonly ? "true" : void 0,
+            "aria-readonly": e.readonly || Xo.value?.readonly ? "true" : void 0,
             "data-ui-grid-focus-cell": "",
             style: { position: "absolute", top: "0", left: "0", width: "0", height: "0", transform: "translate(-10000px, 0)", "z-index": "2", "pointer-events": "none" }
           }, [
             ne("span", {
               id: `${ee(r)}-cell`,
               class: "sr-only"
-            }, ve($o.value), 9, Vs),
+            }, ve(jo.value), 9, _s),
             ne("textarea", {
               ref_key: "focusOwner",
               ref: m,
               "data-ui-grid-focus-owner": "",
               "data-ui-grid-editing": Q.value.active ? Q.value.mode : void 0,
-              "aria-labelledby": qo.value,
+              "aria-labelledby": Qo.value,
               "aria-invalid": ot.value ? "true" : void 0,
               "aria-describedby": ot.value ? `${ee(r)}-message` : void 0,
               readonly: Q.value.active && Q.value.mode === "view" ? !0 : void 0,
@@ -3395,49 +3398,49 @@ const Ms = () => {
               autocapitalize: "off",
               spellcheck: "false",
               rows: "1",
-              style: Be(Xo.value),
-              onKeydown: Do,
-              onCompositionstart: Go,
-              onCompositionend: Uo,
-              onInput: f[0] || (f[0] = (x) => ee(F).input()),
-              onBlur: f[1] || (f[1] = (x) => ee(F).blur()),
-              onCopy: f[2] || (f[2] = (x) => nn(x, !1)),
-              onCut: f[3] || (f[3] = (x) => nn(x, !0))
-            }, null, 44, Gs),
-            un.value ? (Ce(), we("span", {
+              style: Be(Zo.value),
+              onKeydown: Vo,
+              onCompositionstart: $o,
+              onCompositionend: qo,
+              onInput: f[0] || (f[0] = (x) => ee(L).input()),
+              onBlur: f[1] || (f[1] = (x) => ee(L).blur()),
+              onCopy: f[2] || (f[2] = (x) => on(x, !1)),
+              onCut: f[3] || (f[3] = (x) => on(x, !0))
+            }, null, 44, $s),
+            dn.value ? (Ce(), we("span", {
               key: 0,
               "data-ui-grid-edit-hint": "",
               "aria-hidden": "true",
-              style: Be({ ...ee(qa)(nt.value), top: `${dn.value - ee(ut)}px` })
+              style: Be({ ...ee(Qa)(nt.value), top: `${hn.value - ee(ut)}px` })
             }, ve(e.editHint), 5)) : Oe("", !0),
             ot.value ? (Ce(), we("div", {
               key: 1,
               id: `${ee(r)}-message`,
               "data-ui-grid-edit-message": "",
-              style: Be({ ...ee(Xa)(nt.value), top: `${dn.value + 4}px` })
-            }, ve(ot.value), 13, Us)) : Oe("", !0)
-          ], 8, Os)
-        ], 8, Ws)
+              style: Be({ ...ee(Za)(nt.value), top: `${hn.value + 4}px` })
+            }, ve(ot.value), 13, qs)) : Oe("", !0)
+          ], 8, Ks)
+        ], 8, Gs)
       ]),
       z.value ? (Ce(), we("div", {
         key: 0,
         "data-ui-grid-empty": "",
         style: Be([{ top: `${M.value}px` }, { position: "absolute", left: "0", right: "0", bottom: "0", display: "flex", "align-items": "center", "justify-content": "center", overflow: "hidden", color: "var(--ui-text-muted)", "font-size": "var(--ui-font-size)", "pointer-events": "none", "z-index": "1" }])
       }, [
-        mn(d.$slots, "empty", {}, () => [
-          oi(ve(ee(s)("No data")), 1)
+        gn(d.$slots, "empty", {}, () => [
+          ri(ve(ee(s)("No data")), 1)
         ])
       ], 4)) : Oe("", !0),
-      e.loading ? (Ce(), we("span", Ks, ve(ee(s)("Loading")), 1)) : Oe("", !0),
-      d.$slots.overlay ? (Ce(), we("div", _s, [
-        mn(d.$slots, "overlay", {
+      e.loading ? (Ce(), we("span", Xs, ve(ee(s)("Loading")), 1)) : Oe("", !0),
+      d.$slots.overlay ? (Ce(), we("div", Ys, [
+        gn(d.$slots, "overlay", {
           activeCell: j.value,
-          getCellRect: cn
+          getCellRect: un
         })
       ])) : Oe("", !0)
-    ], 40, Hs));
+    ], 40, Ls));
   }
-}), Zs = (e, t = 500) => {
+}), nr = (e, t = 500) => {
   const n = new dt(t);
   let o = !1;
   const i = () => {
@@ -3460,13 +3463,13 @@ const Ms = () => {
     },
     clear: () => n.clear()
   };
-}, Kn = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], Js = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), _n = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
-function $n(e) {
+}, $n = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], or = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), qn = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
+function Xn(e) {
   if (!e) return;
   const n = e.trim().replaceAll("_", "-").toLowerCase();
-  return _n[n] ? _n[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : Kn.find((i) => i.toLowerCase() === n) ?? Kn.find((i) => i === n.split("-")[0]);
+  return qn[n] ? qn[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : $n.find((i) => i.toLowerCase() === n) ?? $n.find((i) => i === n.split("-")[0]);
 }
-function er() {
+function ir() {
   if (typeof window > "u") return "en";
   const e = window;
   let t;
@@ -3475,31 +3478,31 @@ function er() {
   } catch {
     t = void 0;
   }
-  const n = typeof t == "string" ? $n(t) : void 0;
+  const n = typeof t == "string" ? Xn(t) : void 0;
   if (n) return n;
   const o = typeof navigator > "u" ? [] : navigator.languages?.length ? navigator.languages : [navigator.language];
   for (const i of o) {
-    const a = $n(i);
+    const a = Xn(i);
     if (a) return a;
   }
   return "en";
 }
-function tr(e) {
-  const t = ii(Js, null);
+function ar(e) {
+  const t = li(or, null);
   let n;
-  return U(() => e() ?? t?.value ?? (n ??= er()));
+  return U(() => e() ?? t?.value ?? (n ??= ir()));
 }
-function xo(e, t) {
+function Po(e, t) {
   return e.replace(/\{(\w+)\}/g, (n, o) => String(t[o] ?? n));
 }
-const _e = 4, Ie = 6, nr = 4, Ae = 4, me = (e, t, n, o = "") => {
+const _e = 4, Ie = 6, sr = 4, Ae = 4, me = (e, t, n, o = "") => {
   const i = `${o ? `${o} ` : ""}${t}px ${n}`;
   e.font !== i && (e.font = i);
-}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, or = (e) => {
+}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, Yn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null, rr = (e) => {
   const t = e.trim();
   if (!t) return "";
-  if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
-    for (const { segment: n } of new Intl.Segmenter(void 0, { granularity: "grapheme" }).segment(t)) return n.toLocaleUpperCase();
+  if (Yn)
+    for (const { segment: n } of Yn.segment(t)) return n.toLocaleUpperCase();
   return Array.from(t)[0].toLocaleUpperCase();
 }, ge = (e, t, n, o = {}) => {
   if (!n) return 0;
@@ -3515,9 +3518,9 @@ const _e = 4, Ie = 6, nr = 4, Ae = 4, me = (e, t, n, o = "") => {
     fontSize: s,
     textAlign: o.align ?? "left"
   }).width;
-}, Ro = (e, t, n, o, i) => {
+}, zo = (e, t, n, o, i) => {
   const { metrics: a, theme: s } = t;
-  D(e, { ...n, radius: nr, fill: i.fill }), me(e, a.chipFontSize, s.fontFamily), $e(e, {
+  D(e, { ...n, radius: sr, fill: i.fill }), me(e, a.chipFontSize, s.fontFamily), $e(e, {
     text: o,
     x: n.x + Ie,
     y: n.y + (n.height - a.chipFontSize) / 2,
@@ -3525,7 +3528,7 @@ const _e = 4, Ie = 6, nr = 4, Ae = 4, me = (e, t, n, o = "") => {
     fill: i.color,
     fontSize: a.chipFontSize
   });
-}, _t = (e, t, n, o) => {
+}, $t = (e, t, n, o) => {
   const i = [];
   let a = 0;
   for (let s = 0; s < e.length; s++) {
@@ -3542,10 +3545,10 @@ const _e = 4, Ie = 6, nr = 4, Ae = 4, me = (e, t, n, o = "") => {
     return { widths: i, more: u, badgeWidth: n(u) };
   }
   return { widths: i, more: 0, badgeWidth: 0 };
-}, $t = (e, t, n) => (me(e, t.metrics.chipFontSize, t.theme.fontFamily), Ee(e, `+${n}`, t.metrics.chipFontSize) + 2 * Ie), qt = (e, t, n, o, i) => {
+}, qt = (e, t, n) => (me(e, t.metrics.chipFontSize, t.theme.fontFamily), Ee(e, `+${n}`, t.metrics.chipFontSize) + 2 * Ie), Xt = (e, t, n, o, i) => {
   const { metrics: a, cellTheme: s } = t, r = t.y + (t.height - a.chip) / 2;
-  Ro(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
-}, ir = (e, t, n, o, i) => {
+  zo(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
+}, lr = (e, t, n, o, i) => {
   const a = t + o / 2, s = n + o / 2 + o * 0.04, r = o / 2, l = r * 0.45;
   e.beginPath();
   for (let c = 0; c < 10; c++) {
@@ -3553,11 +3556,11 @@ const _e = 4, Ie = 6, nr = 4, Ae = 4, me = (e, t, n, o = "") => {
     c === 0 ? e.moveTo(m, g) : e.lineTo(m, g);
   }
   e.closePath(), e.fillStyle = i, e.fill();
-}, ar = (e, t, n, o, i) => {
+}, cr = (e, t, n, o, i) => {
   const a = o;
   e.save(), e.strokeStyle = i, e.lineWidth = Math.max(1.25, a / 11), e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(t + a * 0.45, n + a * 0.2), e.lineTo(t + a * 0.2, n + a * 0.2), e.lineTo(t + a * 0.2, n + a * 0.8), e.lineTo(t + a * 0.8, n + a * 0.8), e.lineTo(t + a * 0.8, n + a * 0.55), e.moveTo(t + a * 0.55, n + a * 0.2), e.lineTo(t + a * 0.8, n + a * 0.2), e.lineTo(t + a * 0.8, n + a * 0.45), e.moveTo(t + a * 0.8, n + a * 0.2), e.lineTo(t + a * 0.48, n + a * 0.52), e.stroke(), e.restore();
 };
-class Xt {
+class Yt {
   cache = new dt(200);
   set(t, n) {
     this.cache.set(t, n);
@@ -3569,71 +3572,75 @@ class Xt {
     this.cache.clear();
   }
 }
-const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, sr = { type: "decimal", precision: 2 }, qn = (e, t) => {
+const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, ur = { type: "decimal", precision: 2 }, jn = (e, t) => {
   if (!Number.isFinite(e) || Math.abs(e) <= Number.MAX_SAFE_INTEGER) return e.toFixed(t);
   const n = String(e), o = n.includes("e") ? "" : "0".repeat(t);
   return o ? `${n}.${o}` : n;
-}, rr = (e, t = sr, n = "en-US") => {
+}, Qn = /* @__PURE__ */ new Map(), dr = (e, t) => {
+  const n = `${e}|${t}`;
+  let o = Qn.get(n);
+  return o || (o = new Intl.NumberFormat(e, { minimumFractionDigits: t, maximumFractionDigits: t }), Qn.set(n, o)), o;
+}, hr = (e, t = ur, n = "en-US") => {
   if (e == null) return "";
   const o = Number(e), i = t.precision ?? 2;
   if (t.type === "currency") {
-    const a = t.symbol ?? "$", s = o < 0 ? "-" : "", r = Math.abs(o).toLocaleString(n, { minimumFractionDigits: i, maximumFractionDigits: i });
+    const a = t.symbol ?? "$", s = o < 0 ? "-" : "", r = dr(n, i).format(Math.abs(o));
     return s + a + r;
   }
-  return t.type === "percent" ? `${qn(o * 100, i)}%` : qn(o, i);
-}, Dr = (e, t) => {
+  return t.type === "percent" ? `${jn(o * 100, i)}%` : jn(o, i);
+}, Gr = (e, t) => {
   if (e == null || e === "") return null;
   const n = String(e), o = t?.type === "percent" || n.includes("%"), i = n.replace(/[^\d.+-]/g, "").replace(/([+\-.])+/g, "$1"), a = Number.parseFloat(i);
   return Number.isNaN(a) ? null : o ? a / 100 : a;
-}, mt = (e) => e.map(String).filter(Boolean).join(", "), lr = (e, t) => {
+}, mt = (e) => e.map(String).filter(Boolean).join(", "), mr = (e, t) => {
   const n = t.chips[e.tone ?? "neutral"] ?? t.chips.neutral;
   return { fill: e.fill ?? n.fill, color: e.color ?? n.color };
-}, gt = (e) => Math.max(0, e.width - 2 * e.metrics.padding), cr = {
+}, gt = (e) => Math.max(0, e.width - 2 * e.metrics.padding), gr = {
   draw: (e, t, n) => {
     ge(e, t, n.text);
   },
   describe: (e) => e.text
-}, ur = {
+}, fr = {
   draw: (e, t, n) => {
     ge(e, t, n.text.replace(/\s*\n\s*/g, " "));
   },
   describe: (e) => e.text
-}, dr = {
+}, pr = {
   draw: (e, t, n) => {
     ge(e, t, n.text);
   },
   describe: (e) => e.text
-}, hr = {
+}, Cr = {
   draw: (e, t, n) => {
     ge(e, t, n.text, { color: t.cellTheme.textMuted, align: n.align === "end" ? "right" : "left" });
   },
   describe: (e) => e.text
-}, Xn = (e, t) => e.text ?? rr(e.value, e.format, t), mr = {
+}, Zn = (e, t) => e.text ?? hr(e.value, e.format, t), wr = {
   draw: (e, t, n) => {
-    ge(e, t, Xn(n, t.locale), { align: "right" });
+    ge(e, t, Zn(n, t.locale), { align: "right" });
   },
-  describe: (e, t) => Xn(e, t.locale)
-}, Yn = (e, t, n) => {
+  describe: (e, t) => Zn(e, t.locale)
+}, Jn = (e, t, n) => {
   const o = n.icon;
   return { x: e - n.padding - o, y: (t - o) / 2, width: o, height: o };
-}, gr = {
+}, vr = {
   draw: (e, t, n) => {
-    const { metrics: o, cellTheme: i } = t, a = Yn(t.width, t.height, o);
-    n.text && (ge(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), ar(e, t.x + a.x, t.y + a.y, a.width, i.link));
+    const { metrics: o, cellTheme: i } = t, a = Jn(t.width, t.height, o);
+    n.text && (ge(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), cr(e, t.x + a.x, t.y + a.y, a.width, i.link));
   },
   describe: (e) => e.text,
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (!e.text || !e.href) return null;
-    const i = Yn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
+    const i = Jn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
     return Xe(t, a) ? { action: { type: "open-url", href: e.href }, area: a } : null;
   }
-}, jn = (e, t, n) => {
+}, eo = (e, t, n) => {
   const o = n.icon;
   return { x: e / 2 - o / 2, y: t / 2 - o / 2, width: o, height: o };
-}, Qn = (e) => ({ type: "update", value: !e.value }), fr = {
+}, to = (e) => ({ type: "update", value: !e.value }), Sr = {
   draw: (e, t, n) => {
-    const { cellTheme: o, metrics: i } = t, a = jn(t.width, t.height, i);
-    Ot(e, {
+    const { cellTheme: o, metrics: i } = t, a = eo(t.width, t.height, i);
+    Vt(e, {
       x: t.x + a.x,
       y: t.y + a.y,
       size: a.width,
@@ -3647,22 +3654,22 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   // The icon box is hit exactly, plus 4 px around it (a 24 px target at 16 px).
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
-    const i = jn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
-    return Xe(t, a) ? { action: Qn(e), area: a } : null;
+    const i = eo(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
+    return Xe(t, a) ? { action: to(e), area: a } : null;
   },
-  keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? Qn(e) : null
-}, Et = 2, lt = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), pr = {
+  keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? to(e) : null
+}, Ht = 2, lt = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), yr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i } = t, a = o.icon, s = t.y + (t.height - a) / 2, r = lt(n);
     let l = t.x + o.padding;
-    for (let c = 0; c < r && l + a <= t.x + t.width - o.padding + Et; c++)
-      ir(e, l, s, a, n.value > c ? i.ratingOn : i.ratingOff), l += a + Et;
+    for (let c = 0; c < r && l + a <= t.x + t.width - o.padding + Ht; c++)
+      lr(e, l, s, a, n.value > c ? i.ratingOn : i.ratingOff), l += a + Ht;
   },
-  describe: (e, { labels: t }) => e.value > 0 ? xo(t.rating, { value: e.value, max: lt(e) }) : "",
+  describe: (e, { labels: t }) => e.value > 0 ? Po(t.rating, { value: e.value, max: lt(e) }) : "",
   // Click the n-th star: value n; click the current value again: clear.
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
-    const i = o.icon + Et, a = lt(e), s = { x: o.padding, y: Math.max(0, n.height / 2 - o.icon), width: a * i, height: Math.min(n.height, 2 * o.icon) };
+    const i = o.icon + Ht, a = lt(e), s = { x: o.padding, y: Math.max(0, n.height / 2 - o.icon), width: a * i, height: Math.min(n.height, 2 * o.icon) };
     if (!Xe(t, s)) return null;
     const r = Math.min(a, Math.max(1, Math.ceil((t.x - o.padding) / i)));
     return { action: { type: "update", value: r !== e.value ? r : null }, area: s };
@@ -3675,133 +3682,133 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     const n = Math.min(lt(e), Number(t));
     return { type: "update", value: n === 0 || n === e.value ? null : n };
   }
-}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Ft = new Xt(), ko = (e, t, n) => {
+}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Dt = new Yt(), Mo = (e, t, n) => {
   const { metrics: o, theme: i } = t;
   if (!n.length) return [];
   me(e, o.chipFontSize, i.fontFamily);
-  const a = n.map((h) => Ee(e, h.label, o.chipFontSize) + 2 * Ie), s = 2 * Ie + Ee(e, "…", o.chipFontSize) + o.chipFontSize, r = _t(a, gt(t), (h) => $t(e, t, h), s), l = t.y + (t.height - o.chip) / 2;
+  const a = n.map((h) => Ee(e, h.label, o.chipFontSize) + 2 * Ie), s = 2 * Ie + Ee(e, "…", o.chipFontSize) + o.chipFontSize, r = $t(a, gt(t), (h) => qt(e, t, h), s), l = t.y + (t.height - o.chip) / 2;
   let c = t.x + o.padding;
   const u = [];
   return r.widths.forEach((h, m) => {
     const g = { x: c, y: l, width: h, height: o.chip };
-    Ro(e, t, g, n[m].label, n[m].colors), u.push({ x: c - t.x, y: l - t.y, width: h, height: o.chip }), c += h + _e;
-  }), r.more > 0 && qt(e, t, c, r.more, r.badgeWidth), u;
-}, Cr = {
+    zo(e, t, g, n[m].label, n[m].colors), u.push({ x: c - t.x, y: l - t.y, width: h, height: o.chip }), c += h + _e;
+  }), r.more > 0 && Xt(e, t, c, r.more, r.badgeWidth), u;
+}, br = {
   draw: (e, t, n) => {
-    ko(e, t, n.options.map((o) => ({ label: o.label, colors: lr(o, t.cellTheme) })));
+    Mo(e, t, n.options.map((o) => ({ label: o.label, colors: mr(o, t.cellTheme) })));
   },
   describe: (e) => mt(e.options.map((t) => t.label))
-}, wr = {
+}, xr = {
   draw: (e, t, n) => {
-    const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = ko(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
-    Ft.set(He("link", t, n.records.map((a) => a.id)), i);
+    const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = Mo(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
+    Dt.set(He("link", t, n.records.map((a) => a.id)), i);
   },
   describe: (e) => mt(e.records.map((t) => t.label)),
-  hitTest: (e, t) => Io(Ft.get(He("link", Yt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
-}, Yt = (e) => ({ width: e.size.width, metrics: e.metrics }), Io = (e, t, n, o = !1) => {
+  hitTest: (e, t) => Ao(Dt.get(He("link", jt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
+}, jt = (e) => ({ width: e.size.width, metrics: e.metrics }), Ao = (e, t, n, o = !1) => {
   if (!t.wasActive && !o || !e) return null;
   const i = e.findIndex((a) => Xe(t.point, a));
   return i < 0 ? null : { action: n(i), area: e[i] };
-}, vr = (e, t, n, o, i, a, s) => {
+}, Rr = (e, t, n, o, i, a, s) => {
   const { cellTheme: r, theme: l } = t, c = s ? t.images.get(s) : void 0;
   if (e.save(), e.beginPath(), e.arc(n + i / 2, o + i / 2, i / 2, 0, Math.PI * 2), e.closePath(), c)
     e.clip(), e.drawImage(c, n, o, i, i);
   else {
     e.fillStyle = r.avatarFill, e.fill();
-    const u = or(a);
+    const u = rr(a);
     if (u) {
       const h = Math.round(i * 0.55);
       me(e, h, l.fontFamily), e.fillStyle = r.avatarText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(u, n + i / 2, o + i / 2 + 0.5);
     }
   }
   e.restore();
-}, Sr = {
+}, kr = {
   draw: (e, t, n) => {
     const { metrics: o, theme: i } = t;
     if (!n.people.length) return;
     const a = o.chip;
     me(e, o.fontSize, i.fontFamily);
-    const s = n.people.map((u) => a + Ae + Ee(e, u.name, o.fontSize) + Ie), r = _t(s, gt(t), (u) => $t(e, t, u), a), l = t.y + (t.height - a) / 2;
+    const s = n.people.map((u) => a + Ae + Ee(e, u.name, o.fontSize) + Ie), r = $t(s, gt(t), (u) => qt(e, t, u), a), l = t.y + (t.height - a) / 2;
     let c = t.x + o.padding;
     r.widths.forEach((u, h) => {
       const m = n.people[h];
-      vr(e, t, c, l, a, m.name, m.avatarUrl), u > a + Ae && ge(e, t, m.name, { x: c + a + Ae, maxWidth: u - a - Ae - (h < r.widths.length - 1 || r.more ? Ie : 0) }), c += u + _e;
-    }), r.more > 0 && qt(e, t, c, r.more, r.badgeWidth);
+      Rr(e, t, c, l, a, m.name, m.avatarUrl), u > a + Ae && ge(e, t, m.name, { x: c + a + Ae, maxWidth: u - a - Ae - (h < r.widths.length - 1 || r.more ? Ie : 0) }), c += u + _e;
+    }), r.more > 0 && Xt(e, t, c, r.more, r.badgeWidth);
   },
   describe: (e) => mt(e.people.map((t) => t.name))
-}, Zn = (e) => {
+}, no = (e) => {
   const t = /\.([\p{L}\p{N}]{1,5})$/u.exec(e);
   return t ? t[1].toUpperCase() : "";
-}, Dt = new Xt(), yr = {
+}, Wt = new Yt(), Ir = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.files.length) return;
     const s = o.chip, r = Math.max(8, Math.round(s * 0.42));
     me(e, r, a.fontFamily, "600");
-    const l = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, Zn(g.name) || "?", r) + 6)), c = _t(l, gt(t), (g) => $t(e, t, g), s), u = t.y + (t.height - s) / 2;
+    const l = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, no(g.name) || "?", r) + 6)), c = $t(l, gt(t), (g) => qt(e, t, g), s), u = t.y + (t.height - s) / 2;
     let h = t.x + o.padding;
     const m = [];
     c.widths.forEach((g, C) => {
       const S = n.files[C], p = S.thumbnailUrl ? t.images.get(S.thumbnailUrl) : void 0;
-      p ? (e.save(), D(e, { x: h, y: u, width: g, height: s, radius: 3 }), e.clip(), e.drawImage(p, h, u, g, s), e.restore(), D(e, { x: h + 0.5, y: u + 0.5, width: g - 1, height: s - 1, radius: 3, stroke: a.cellLineColor })) : (D(e, { x: h, y: u, width: g, height: s, radius: 3, fill: i.badgeFill }), me(e, r, a.fontFamily, "600"), e.fillStyle = i.badgeText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(Zn(S.name) || "?", h + g / 2, u + s / 2 + 0.5, g - 4)), m.push({ x: h - t.x, y: u - t.y, width: g, height: s }), h += g + _e;
-    }), c.more > 0 && qt(e, t, h, c.more, c.badgeWidth), Dt.set(He("attachment", t, n.files.map((g) => g.id)), m);
+      p ? (e.save(), D(e, { x: h, y: u, width: g, height: s, radius: 3 }), e.clip(), e.drawImage(p, h, u, g, s), e.restore(), D(e, { x: h + 0.5, y: u + 0.5, width: g - 1, height: s - 1, radius: 3, stroke: a.cellLineColor })) : (D(e, { x: h, y: u, width: g, height: s, radius: 3, fill: i.badgeFill }), me(e, r, a.fontFamily, "600"), e.fillStyle = i.badgeText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(no(S.name) || "?", h + g / 2, u + s / 2 + 0.5, g - 4)), m.push({ x: h - t.x, y: u - t.y, width: g, height: s }), h += g + _e;
+    }), c.more > 0 && Xt(e, t, h, c.more, c.badgeWidth), Wt.set(He("attachment", t, n.files.map((g) => g.id)), m);
   },
   describe: (e) => mt(e.files.map((t) => t.name)),
-  hitTest: (e, t) => Io(Dt.get(He("attachment", Yt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
-}, Jn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, br = {
+  hitTest: (e, t) => Ao(Wt.get(He("attachment", jt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
+}, oo = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, Pr = {
   draw: (e, t, n) => {
     if (n.value == null) return;
     const { metrics: o, cellTheme: i } = t, a = o.icon, s = Math.max(0, Math.min(1, n.value)), r = t.x + o.padding + a / 2, l = t.y + t.height / 2, c = a / 2 - 1.25;
-    e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, l, c, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, l, c, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), ge(e, t, Jn(s), { x: t.x + o.padding + a + Ae + 2 });
+    e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, l, c, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, l, c, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), ge(e, t, oo(s), { x: t.x + o.padding + a + Ae + 2 });
   },
-  describe: (e) => e.value == null ? "" : Jn(e.value)
-}, Ht = 10, Wt = new Xt(), xr = {
+  describe: (e) => e.value == null ? "" : oo(e.value)
+}, Tt = 10, Bt = new Yt(), zr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.label) return;
     me(e, o.chipFontSize, a.fontFamily);
-    const s = Math.min(gt(t), Ee(e, n.label, o.chipFontSize) + 2 * Ht), r = { x: t.x + o.padding, y: t.y + (t.height - o.chip) / 2, width: s, height: o.chip };
-    D(e, { ...r, radius: eo, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: eo, stroke: i.buttonBorder }), n.disabled && (e.globalAlpha = 0.5), ge(e, t, n.label, { x: r.x + Ht, maxWidth: s - 2 * Ht, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Wt.set(He("button", t, [n.label]), [{ x: r.x - t.x, y: r.y - t.y, width: s, height: o.chip }]);
+    const s = Math.min(gt(t), Ee(e, n.label, o.chipFontSize) + 2 * Tt), r = { x: t.x + o.padding, y: t.y + (t.height - o.chip) / 2, width: s, height: o.chip };
+    D(e, { ...r, radius: io, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: io, stroke: i.buttonBorder }), n.disabled && (e.globalAlpha = 0.5), ge(e, t, n.label, { x: r.x + Tt, maxWidth: s - 2 * Tt, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Bt.set(He("button", t, [n.label]), [{ x: r.x - t.x, y: r.y - t.y, width: s, height: o.chip }]);
   },
   describe: (e) => e.label,
   hitTest: (e, t) => {
     if (e.disabled || !e.label) return null;
-    const n = Wt.get(He("button", Yt(t), [e.label]))?.[0];
+    const n = Bt.get(He("button", jt(t), [e.label]))?.[0];
     return n && Xe(t.point, n) ? { action: { type: "press" }, area: n } : null;
   },
   keyAction: (e, t) => !e.disabled && (t === "Enter" || t === " ") ? { type: "press" } : null
-}, eo = 4, Rr = {
-  text: cr,
-  longText: ur,
-  number: mr,
-  select: Cr,
-  person: Sr,
-  date: dr,
-  boolean: fr,
-  rating: pr,
-  url: gr,
-  link: wr,
-  attachment: yr,
-  progress: br,
-  button: xr,
-  derived: hr
-}, Wr = () => {
-  Ft.clear(), Dt.clear(), Wt.clear();
-}, kr = 6, Ir = (e, t, n, o) => {
+}, io = 4, Mr = {
+  text: gr,
+  longText: fr,
+  number: wr,
+  select: br,
+  person: kr,
+  date: pr,
+  boolean: Sr,
+  rating: yr,
+  url: vr,
+  link: xr,
+  attachment: Ir,
+  progress: Pr,
+  button: zr,
+  derived: Cr
+}, Ur = () => {
+  Dt.clear(), Wt.clear(), Bt.clear();
+}, Ar = 6, Er = (e, t, n, o) => {
   if (e.save(), n === "pending") {
-    const i = kr / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
+    const i = Ar / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
     e.beginPath(), e.arc(a, s, i + 1, 0, Math.PI * 2), e.fillStyle = o.surface, e.fill(), e.beginPath(), e.arc(a, s, i, 0, Math.PI * 2), e.fillStyle = o.pending, e.fill();
   } else
     e.lineWidth = 2, e.strokeStyle = o.danger, e.strokeRect(t.x + 1, t.y + 1, t.width - 2, t.height - 2);
   e.restore();
-}, to = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], Pr = (e) => {
-  const t = { ...Rr, ...e.renderers }, n = e.locale ?? "en-US";
+}, ao = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], Hr = (e) => {
+  const t = { ...Mr, ...e.renderers }, n = e.locale ?? "en-US";
   let o = e.labels, i = e.theme ?? Ue, a = null, s = null;
-  const r = Zs(() => e.onImageLoad?.()), l = (p) => ((!s || s.rowHeight !== p.height || s.fontSize !== p.theme.fontSizeSM || s.chipFontSize > p.theme.fontSizeXS) && (s = Wn(p.height, p.theme.fontSizeSM, p.theme.fontSizeXS)), s), c = (p) => {
+  const r = nr(() => e.onImageLoad?.()), l = (p) => ((!s || s.rowHeight !== p.height || s.fontSize !== p.theme.fontSizeSM || s.chipFontSize > p.theme.fontSizeXS) && (s = On(p.height, p.theme.fontSizeSM, p.theme.fontSizeXS)), s), c = (p) => {
     if (e.theme || a === p.theme) return;
     a = p.theme;
     const w = e.themeRoot?.();
-    w && (i = yo(w));
+    w && (i = ko(w));
   }, u = {
     draw: (p, w) => {
       const v = e.getValue(w.cell);
@@ -3810,7 +3817,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
         R && (p.save(), p.beginPath(), p.rect(w.x, w.y, w.width, w.height), p.clip(), R.draw(p, { ...w, cellTheme: i, metrics: l(w), images: r, labels: o, locale: n }, v), p.restore());
       }
       const y = e.getStatus?.(w.cell);
-      y && Ir(p, w, y, i);
+      y && Er(p, w, y, i);
     }
   }, h = (p, w) => w?.type === "update" && e.isReadonly?.(p) ? null : w, m = (p) => {
     const w = e.getValue(p), v = w ? t[w.kind]?.describe(w, { labels: o, locale: n }) ?? "" : "", y = e.getStatus?.(p);
@@ -3820,7 +3827,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   }, g = (p, w, v, y) => {
     const R = e.getValue(p), I = R ? t[R.kind] : void 0;
     if (!R || !I?.hitTest) return null;
-    const k = I.hitTest(R, { point: w, size: { width: v.width, height: v.height }, metrics: Wn(v.height), wasActive: y });
+    const k = I.hitTest(R, { point: w, size: { width: v.width, height: v.height }, metrics: On(v.height), wasActive: y });
     return k && h(p, k.action) ? k : null;
   };
   return {
@@ -3842,12 +3849,12 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
           const R = p();
           if (!R || y.button !== 0 || y.shiftKey || y.metaKey || y.ctrlKey) return;
           const I = R.getSelection(), k = I.activeCell;
-          if (!k || I.kind !== "cells" || !to(I.ranges[0], I.ranges[1])) return;
+          if (!k || I.kind !== "cells" || !ao(I.ranges[0], I.ranges[1])) return;
           const P = y.currentTarget?.querySelector("[data-ui-grid]"), M = R.getCellRect(k);
           if (!P || !M) return;
           const N = P.getBoundingClientRect(), z = { x: y.clientX - N.left - M.x, y: y.clientY - N.top - M.y };
           if (z.x < 0 || z.y < 0 || z.x >= M.width || z.y >= M.height) return;
-          const E = g(k, z, M, to(v, k));
+          const E = g(k, z, M, ao(v, k));
           E && w(E.action, k);
         }
       };
@@ -3860,7 +3867,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     },
     clearImages: () => r.clear()
   };
-}, zr = {
+}, Tr = {
   "{count} failed": "{count} failed",
   "{name} is not a JPEG, PNG, WebP or GIF image": "{name} is not a JPEG, PNG, WebP or GIF image",
   "{name}: {kind} images are not supported; on an iPhone, set Settings > Camera > Formats to Most Compatible": "{name}: {kind} images are not supported; on an iPhone, set Settings > Camera > Formats to Most Compatible",
@@ -4132,8 +4139,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "At most {max} tags": "At most {max} tags",
   "Expand all": "Expand all",
   "Collapse all": "Collapse all"
-}, Mr = {
-  en: zr,
+}, Nr = {
+  en: Tr,
   "zh-TW": {
     "{count} failed": "{count} 個失敗",
     "{name} is not a JPEG, PNG, WebP or GIF image": "{name} 不是 JPEG、PNG、WebP 或 GIF 圖片",
@@ -6319,27 +6326,27 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Collapse all": "Comprimi tutto"
   }
 };
-function Ar(e, t, n = {}) {
-  return xo(Mr[e][t], n);
+function Fr(e, t, n = {}) {
+  return Po(Nr[e][t], n);
 }
-function Er() {
-  const e = tr(() => {
+function Lr() {
+  const e = ar(() => {
   });
-  return (t, n) => Ar(e.value, t, n);
+  return (t, n) => Fr(e.value, t, n);
 }
-const Br = (e) => {
-  const t = Er(), n = U(() => ({
+const Kr = (e) => {
+  const t = Lr(), n = U(() => ({
     checked: t("Checked"),
     unchecked: t("Not checked"),
     rating: t("Rating {value} of {max}", { value: "{value}", max: "{max}" }),
     saving: t("Saving"),
     failed: t("Not saved"),
     ...e.labels
-  })), o = Pr({ ...e, labels: n.value });
+  })), o = Hr({ ...e, labels: n.value });
   return de(n, (i) => o.setLabels(i)), o;
-}, Hr = 300;
-function Or(e) {
-  const t = e.delayMs ?? Hr, n = e.setTimer ?? ((c, u) => setTimeout(c, u)), o = e.clearTimer ?? ((c) => clearTimeout(c)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+}, Dr = 300;
+function _r(e) {
+  const t = e.delayMs ?? Dr, n = e.setTimer ?? ((c, u) => setTimeout(c, u)), o = e.clearTimer ?? ((c) => clearTimeout(c)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   let s = 0;
   const r = (c, u) => {
     const h = i.get(c);
@@ -6376,39 +6383,39 @@ function Or(e) {
     }
   };
 }
-function Vr(e) {
+function $r(e) {
   return e ? e.state === "saving" ? "pending" : "error" : null;
 }
 export {
-  Za as GRID_CELL_TOKENS,
-  Ja as GRID_CHIP_TOKENS,
-  Fr as GridHost,
-  Hr as SAVING_MARK_DELAY_MS,
-  Aa as blockCellCount,
-  Ea as buildPasteProposal,
+  ns as GRID_CELL_TOKENS,
+  os as GRID_CHIP_TOKENS,
+  Vr as GridHost,
+  Dr as SAVING_MARK_DELAY_MS,
+  Na as blockCellCount,
+  Fa as buildPasteProposal,
   qe as cellRange,
-  Vr as cellStatusMark,
-  Wr as clearGridCellRegions,
-  Or as createCellStatusStore,
-  es as createGridCellTheme,
-  Pr as createGridCells,
-  Zs as createGridImageCache,
-  Rr as defaultGridCellRenderers,
+  $r as cellStatusMark,
+  Ur as clearGridCellRegions,
+  _r as createCellStatusStore,
+  is as createGridCellTheme,
+  Hr as createGridCells,
+  nr as createGridImageCache,
+  Mr as defaultGridCellRenderers,
   Ue as defaultGridCellTheme,
-  Ir as drawGridCellStatus,
-  Lr as fillSeries,
-  ps as filledRange,
-  rr as formatGridNumber,
-  Wn as gridCellMetrics,
-  Dr as parseGridNumber,
-  ya as parseTsv,
-  fs as planFill,
-  yo as readGridCellTheme,
-  Co as selectionBlock,
-  Ma as selectionStart,
-  Ra as toHtmlTable,
-  Sa as toTsv,
-  Br as useGridCells,
-  Pa as writeClipboardAsync,
-  ka as writeClipboardEvent
+  Er as drawGridCellStatus,
+  Or as fillSeries,
+  Ss as filledRange,
+  hr as formatGridNumber,
+  On as gridCellMetrics,
+  Gr as parseGridNumber,
+  ka as parseTsv,
+  vs as planFill,
+  ko as readGridCellTheme,
+  yo as selectionBlock,
+  Ta as selectionStart,
+  za as toHtmlTable,
+  Ra as toTsv,
+  Kr as useGridCells,
+  Ea as writeClipboardAsync,
+  Ma as writeClipboardEvent
 };