@synopackageland/ui 0.25.5 → 0.25.7

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 ue, toValue as eo, getCurrentScope as qo, onScopeDispose as to, shallowRef as ce, defineComponent as Xo, useId as Yo, ref as xe, computed as _, onMounted as jo, onBeforeUnmount as Qo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Zo, renderList as Jo, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ei, inject as ti } from "vue";
-import { useUiText as ni } from "./index.js";
-var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), x = /* @__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))(x || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), X = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))(X || {}), de = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e))(de || {}), $ = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e.Cell = "cell", e))($ || {}), se = /* @__PURE__ */ ((e) => (e[e.Group = 0] = "Group", e[e.Row = 1] = "Row", e[e.Append = 2] = "Append", e))(se || {});
-const Wt = (e) => ({ type: 1, displayIndex: e + 1, realIndex: e }), no = (e) => e;
+import { watch as ue, toValue as to, getCurrentScope as qo, onScopeDispose as no, shallowRef as ce, defineComponent as Yo, useId as jo, ref as xe, computed as _, onMounted as Qo, onBeforeUnmount as Zo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Jo, renderList as ei, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ti, inject as ni } from "vue";
+import { useUiText as oi } from "./index.js";
+var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), x = /* @__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))(x || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), q = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))(q || {}), de = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e))(de || {}), $ = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e.Cell = "cell", e))($ || {}), se = /* @__PURE__ */ ((e) => (e[e.Group = 0] = "Group", e[e.Row = 1] = "Row", e[e.Append = 2] = "Append", e))(se || {});
+const Wt = (e) => ({ type: 1, displayIndex: e + 1, realIndex: e }), oo = (e) => e;
 var Q = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Q || {});
 const B = {
   rowHeight: 32,
@@ -44,7 +44,7 @@ const B = {
   ranges: [],
   delta: 0,
   isDragging: !1
-}, oi = /* @__PURE__ */ new Set([
+}, ii = /* @__PURE__ */ new Set([
   x.Cell,
   x.RowHeader,
   x.RowHeaderCheckbox,
@@ -73,11 +73,11 @@ class ct {
     this.map.clear();
   }
 }
-const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
+const rt = "…", mn = new ct(1e3), gn = new ct(1e3), io = () => ({
   segment: (e) => Array.from(e, (t) => ({ segment: t }))
-}), io = typeof Intl < "u" && typeof Intl.Segmenter == "function", ao = io ? new Intl.Segmenter(void 0, { granularity: "word" }) : oo(), Ht = io ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : oo(), so = (e, t, n) => {
+}), ao = typeof Intl < "u" && typeof Intl.Segmenter == "function", so = ao ? new Intl.Segmenter(void 0, { granularity: "word" }) : io(), Ht = ao ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : io(), ro = (e, t, n) => {
   let o = "", i = 0;
-  for (const { segment: a } of ao.segment(t)) {
+  for (const { segment: a } of so.segment(t)) {
     const s = e.measureText(a).width;
     if (i + s > n) {
       for (const { segment: r } of Ht.segment(a)) {
@@ -90,7 +90,7 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     o += a, i += s;
   }
   return { text: o, width: i };
-}, ii = (e, t) => {
+}, ai = (e, t) => {
   const { x: n = 0, y: o = 0, text: i, maxWidth: a, maxLines: s, isUnderline: r, fontSize: c = 13, lineHeight: l = 22, fill: u = "black", textAlign: h = "left", verticalAlign: m = "middle", needRender: g = !0 } = t;
   let C = [];
   const S = e.measureText(rt).width;
@@ -107,7 +107,7 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     }, A = (M, E = 0) => {
       const F = a - S;
       if (w > F) {
-        const W = so(e, p, F);
+        const W = ro(e, p, F);
         p = W.text, w = W.width;
       } else if (M) {
         let W = E;
@@ -134,7 +134,7 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
         w + G > a ? C.length < s - 1 ? (k(p, w), p = "", w = 0, P(K, G, W)) : A() : P(K, G, W), W += K.length;
       }
     };
-    for (const { segment: M } of ao.segment(i)) {
+    for (const { segment: M } of so.segment(i)) {
       if (C.length >= s) break;
       if (M.includes(`
 `)) {
@@ -180,7 +180,7 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     if (p <= l)
       g = i, m = p;
     else {
-      const w = e.measureText(rt).width, v = so(e, i, l - w);
+      const w = e.measureText(rt).width, v = ro(e, i, l - w);
       g = v.text + rt, m = v.width + w;
     }
     mn.set(C, { text: g, width: m });
@@ -209,7 +209,7 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     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(), l && (e.globalAlpha = 1);
-}, ai = (e, t) => {
+}, si = (e, t) => {
   const { points: n, radiusAll: o, fill: i, stroke: a } = t, s = (l, u) => {
     const h = u.x - l.x, m = u.y - l.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) };
@@ -233,17 +233,17 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
 }, nt = (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, si = (e, t) => {
+}, V = (e, t, n) => t > n ? e >= n && e <= t : e >= t && e <= n, ri = (e, t) => {
   const [n, o] = e;
   for (const [i, a] of t)
     if (i <= n && a >= o) return !0;
   return !1;
-}, ri = (e) => {
+}, li = (e) => {
   const t = [];
   for (const n of e)
     for (let o = n[0]; o <= n[1]; o++) t.push(o);
   return t;
-}, li = (e, t, n) => {
+}, ci = (e, t, n) => {
   const [o, i] = e, [a, s] = t, [r, c] = n;
   return o >= Math.min(a, r) && o <= Math.max(a, r) && i >= Math.min(s, c) && i <= Math.max(s, c);
 }, Tt = (e) => {
@@ -255,24 +255,24 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     a[0] <= o[1] + 1 ? o = [o[0], Math.max(o[1], a[1])] : (n.push(o), o = [...a]);
   }
   return n.push(o), n;
-}, ci = (e, t) => {
+}, ui = (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), Tt(n);
-}, ui = (e) => {
+}, di = (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)];
-}, di = (e, t, n) => {
+}, hi = (e, t, n) => {
   if (e == null) return { isRowActive: !1, isCellActive: !1 };
   const [o, i] = e;
   return {
     isRowActive: i === t,
     isCellActive: i === t && o === n
   };
-}, hi = (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 }, Ot = (e, t) => {
+}, mi = (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 }, Ot = (e, t) => {
   if (e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n++) {
     const o = e[n], i = t[n];
@@ -291,7 +291,7 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
   }
   return -1 / 0;
 };
-class mi {
+class gi {
   state = kt;
   startPosition = 0;
   options;
@@ -342,36 +342,36 @@ class mi {
     this.setState(kt);
   }
 }
-const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, gi = (e, t, n) => Math.max(e - ro(t, n) * 2, 0), Gt = (e, t, n, o, i) => {
-  const a = ro(t, n), s = gi(e, t, n);
+const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, fi = (e, t, n) => Math.max(e - lo(t, n) * 2, 0), Gt = (e, t, n, o, i) => {
+  const a = lo(t, n), s = fi(e, t, n);
   return a + s / (o || 1) * (i + 0.5);
-}, lo = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
+}, co = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
   if (!o) return e / 2;
-  const i = n.findIndex((a) => a.type === X.Checkbox);
+  const i = n.findIndex((a) => a.type === q.Checkbox);
   return i < 0 ? e / 2 : Gt(e, t, o, n.length, i);
-}, fi = (e, t, n) => {
+}, pi = (e, t, n) => {
   const { x: o, y: i } = n, { scrollLeft: a, scrollTop: s } = t, { freezeRegionWidth: r, totalWidth: c, rowInitSize: l, columnInitSize: u, columnCount: h } = e, { columnAppendBtnWidth: m } = B, g = i < 0 ? -1 / 0 : i <= l ? -1 : e.getRowStartIndex(s + i), C = o < 0 ? -1 / 0 : a + o > c && a + o < c + 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) };
-}, pi = (e, t, n, o = e.containerHeight) => {
+}, Ci = (e, t, n, o = e.containerHeight) => {
   const { x: i, y: a } = n, { totalHeight: s, totalWidth: r, containerHeight: c } = e;
   return t.scrollLeft + i > r + B.columnAppendBtnWidth || t.scrollTop + a > s && !V(a, c, o);
-}, Ci = {
-  [X.Drag]: x.RowHeaderDragHandler,
-  [X.Checkbox]: x.RowHeaderCheckbox,
-  [X.Expand]: x.RowHeaderExpandHandler
+}, wi = {
+  [q.Drag]: x.RowHeaderDragHandler,
+  [q.Checkbox]: x.RowHeaderCheckbox,
+  [q.Expand]: x.RowHeaderExpandHandler
 }, ne = {
   type: x.Blank,
   x: 1 / 0,
   y: 1 / 0,
   width: 0,
   height: 0
-}, { groupHeaderHeight: wi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: vi, columnFreezeHandlerWidth: Si, fillHandlerSize: yi, fillHandlerPadding: bi } = B, xi = (e) => ki(e) ?? Di(e) ?? Ii(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Fi(e) ?? Ni(e) ?? Li(e) ?? Wi(e) ?? Bi(e) ?? ne, Ri = (e, t, n) => {
-  const o = fi(e.coordInstance, e.scrollState, t), i = pi(e.coordInstance, e.scrollState, t, n), a = xi({
+}, { groupHeaderHeight: vi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: Si, columnFreezeHandlerWidth: yi, fillHandlerSize: bi, fillHandlerPadding: xi } = B, Ri = (e) => Ii(e) ?? Wi(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Fi(e) ?? Ni(e) ?? Li(e) ?? Di(e) ?? Bi(e) ?? Oi(e) ?? ne, ki = (e, t, n) => {
+  const o = pi(e.coordInstance, e.scrollState, t), i = Ci(e.coordInstance, e.scrollState, t, n), a = Ri({
     ...e,
     position: o,
     isOutOfBounds: i,
     getLinearRow: e.getLinearRow ?? Wt,
-    real2RowIndex: e.real2RowIndex ?? no
+    real2RowIndex: e.real2RowIndex ?? oo
   });
   return {
     ...o,
@@ -381,30 +381,30 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     columnIndex: a.columnIndex ?? o.columnIndex,
     region: a
   };
-}, ki = (e) => e.isFreezing ? { ...ne, type: x.ColumnFreezeHandler } : null, Ii = (e) => {
+}, Ii = (e) => e.isFreezing ? { ...ne, type: x.ColumnFreezeHandler } : null, Pi = (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: c } = o, { scrollTop: l, scrollLeft: u } = n, [h, m] = i, g = s(m);
   if (g == null) return null;
   const C = t.getRowOffset(g) - l, S = t.getColumnRelativeOffset(h, u), { width: p, height: w } = a;
   return V(r, S, S + p) && V(c, C, C + w) ? { type: x.ActiveCell, x: S, y: C, width: p, height: w, rowIndex: g, columnIndex: h, isOutOfBounds: !1 } : null;
-}, Pi = (e) => e.isOutOfBounds ? ne : null, zi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ne, type: x.Cell }, Mi = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ne, type: x.ColumnResizeHandler }, Ai = (e) => e.dragState.isDragging ? { ...ne, type: x.ColumnHeader } : null, Ei = (e) => {
+}, zi = (e) => e.isOutOfBounds ? ne : null, Mi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ne, type: x.Cell }, Ai = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ne, type: x.ColumnResizeHandler }, Ei = (e) => e.dragState.isDragging ? { ...ne, type: x.ColumnHeader } : null, Hi = (e) => {
   const { position: t, scrollState: n, coordInstance: o, isColumnFreezable: i } = e;
   if (!i) return null;
-  const { x: a, y: s } = t, { freezeRegionWidth: r, rowInitSize: c, rowCount: l, containerHeight: u } = o, h = o.getRowOffset(l) - n.scrollTop, m = Math.min(h, u), g = Si / 2;
+  const { x: a, y: s } = t, { freezeRegionWidth: r, rowInitSize: c, rowCount: l, containerHeight: u } = o, h = o.getRowOffset(l) - n.scrollTop, m = Math.min(h, u), g = yi / 2;
   return V(a, r - g, r + g) && V(s, c, m) ? { ...ne, type: x.ColumnFreezeHandler } : null;
-}, Hi = (e) => {
+}, Ti = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return e.isColumnAppendEnable && t >= -1 && n === -2 ? { ...ne, type: x.AppendColumn } : null;
-}, Ti = (e) => {
+}, Fi = (e) => {
   const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, coordInstance: a, isMultiSelectionEnable: s } = e, { x: r, y: c, rowIndex: l, columnIndex: u } = t;
-  if (!s || l !== -1 || u !== -1 || !o.some((v) => v.type === X.Checkbox)) return null;
-  const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = lo({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
+  if (!s || l !== -1 || u !== -1 || !o.some((v) => v.type === q.Checkbox)) return null;
+  const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = co({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
   return V(r, p, p + h) && V(c, w, w + h) ? { type: x.AllCheckbox, x: p, y: w, width: h, height: h } : null;
-}, Fi = (e) => {
+}, Ni = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return n >= -1 && t > -1 ? e.getLinearRow(t).type !== se.Append ? null : { ...ne, type: x.AppendRow } : null;
-}, Ni = (e) => {
+}, Li = (e) => {
   const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, scrollState: a, coordInstance: s } = e, { x: r, y: c, rowIndex: l, columnIndex: u } = t;
   if (l <= -1 || u !== -1) return null;
   const h = e.getLinearRow(l);
@@ -412,24 +412,24 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   if (h.type !== se.Row) return null;
   const { iconSizeXS: m } = n, g = m / 2, C = s.getRowOffset(l) - a.scrollTop;
   for (let S = 0; S < o.length; S++) {
-    const p = Ci[o[S].type], v = Gt(s.columnInitSize, n, i, o.length, S) - g, y = C + vi;
+    const p = wi[o[S].type], v = Gt(s.columnInitSize, n, i, o.length, S) - g, y = C + Si;
     if (p && V(r, v, v + m) && V(c, y, y + m))
       return { type: p, x: v, y, width: m, height: m };
   }
   return { ...ne, type: x.RowHeader };
-}, Li = (e) => {
+}, Di = (e) => {
   const { position: t, scrollState: n, coordInstance: o, getLinearRow: i } = e, { x: a, y: s, rowIndex: r, columnIndex: c } = t;
   if (r <= -1 || c !== 0 || i(r).type !== se.Group) return null;
   const l = o.getColumnWidth(c), u = o.getColumnRelativeOffset(c, n.scrollLeft);
-  return V(a, u, u + l) ? { type: x.RowGroupHeader, x: u, y: s, width: l, height: wi } : null;
-}, Di = (e) => {
+  return V(a, u, u + l) ? { type: x.RowGroupHeader, x: u, y: s, width: l, height: vi } : null;
+}, Wi = (e) => {
   const { position: t, selection: n, coordInstance: o, scrollState: i, activeCell: a, activeCellBound: s, isFillEnabled: r, real2RowIndex: c } = e;
   if (!r) return null;
   const { isCellSelection: l, ranges: u } = n, { x: h, y: m, rowIndex: g, columnIndex: C } = t;
   if (!l || 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 = c(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), M = o.getRowOffset(I) + N - i.scrollTop, E = yi / 2 + bi, F = k - E, W = M - E;
+  const [S, p] = u[0], [w, v] = u[1], y = Math.max(S, w), R = Math.max(p, v), I = c(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), M = o.getRowOffset(I) + N - i.scrollTop, E = bi / 2 + xi, F = k - E, W = M - E;
   return V(h, F, F + E * 2) && V(m, W, W + E * 2) ? { type: x.FillHandler, x: F, y: W, width: E * 2, height: E * 2 } : null;
-}, Wi = (e) => {
+}, Bi = (e) => {
   const { coordInstance: t, position: n, scrollState: o, getLinearRow: i } = e, { rowIndex: a, columnIndex: s } = n;
   return a > -1 && s > -1 ? i(a).type !== se.Row ? null : {
     type: x.Cell,
@@ -438,7 +438,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     width: t.getColumnWidth(s),
     height: t.getRowHeight(a)
   } : null;
-}, Bi = (e) => {
+}, Oi = (e) => {
   const { position: t, scrollState: n, coordInstance: o, columns: i, theme: a, isColumnResizable: s, isColumnHeaderMenuVisible: r } = e, { x: c, y: l, rowIndex: u, columnIndex: h } = t, { iconSizeXS: m } = a;
   if (u !== -1 || h <= -1) return null;
   const g = i[h];
@@ -472,10 +472,10 @@ const ro = (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))
   };
-}, Oi = (e) => ({
+}, Vi = (e) => ({
   ...e,
   getLinearRow: e.getLinearRow ?? Wt,
-  real2RowIndex: e.real2RowIndex ?? no
+  real2RowIndex: e.real2RowIndex ?? oo
 }), In = (e, t) => {
   const { coordInstance: n, visibleRegion: o, activeCell: i, highlightedRowIndex: a, mouseState: s, scrollState: r, selection: c, isSelecting: l, theme: u, getLinearRow: h } = e, { freezeColumnCount: m, columnInitSize: g, totalWidth: C, rowCount: S } = n, { isRowSelection: p, isColumnSelection: w } = c, { scrollLeft: v, scrollTop: y } = r, { rowIndex: R, type: I, isOutOfBounds: k } = s, P = [], A = [], N = [];
   if (!S) return { cellPropList: P, rowHeaderPropList: A, appendRowList: N };
@@ -489,9 +489,9 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
         ie && N.push({ x: 0.5, y: Ne + 0.5, width: C - v, height: Fe, isHover: I === x.AppendRow && R === re });
         continue;
       }
-      const { displayIndex: mt, realIndex: Ie } = Te, Le = !k && !l && oi.has(I) && re === R, { isCellActive: Pe, isRowActive: ve } = di(i, Ie, z), { isRowSelected: ae, isCellSelected: gt } = hi(c, Ie, z), le = a === Ie;
-      let q;
-      gt || ae || Ye ? q = ke : (Le || ve || le) && (q = G), ie && A.push({
+      const { displayIndex: mt, realIndex: Ie } = Te, Le = !k && !l && ii.has(I) && re === R, { isCellActive: Pe, isRowActive: ve } = hi(i, Ie, z), { isRowSelected: ae, isCellSelected: gt } = mi(c, Ie, z), le = a === Ie;
+      let X;
+      gt || ae || Ye ? X = ke : (Le || ve || le) && (X = G), ie && A.push({
         x: 0.5,
         y: Ne + 0.5,
         width: g + 0.5,
@@ -508,21 +508,21 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
         columnIndex: z,
         theme: u,
         isActive: !1,
-        fill: Pe ? K : q ?? K
+        fill: Pe ? K : X ?? K
       });
     }
   }
   return { cellPropList: P, rowHeaderPropList: A, appendRowList: N };
-}, Vi = (e, t, n) => {
+}, Gi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, displayIndex: r, isHover: c, isChecked: l } = 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: l ? w : c ? 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 A = R / 2;
   if (e.font = `${u.fontSizeXXS}px ${u.fontFamily}`, (l || c || !g) && h.length > 0) {
     for (let N = 0; N < h.length; N++) {
       const { type: M } = h[N];
-      if (M === X.Spacer) continue;
+      if (M === q.Spacer) continue;
       const E = Gt(a, u, m, h.length, N);
-      if (M === X.Checkbox) {
+      if (M === q.Checkbox) {
         Bt(e, {
           x: o + E - A,
           y: i + wn,
@@ -533,18 +533,18 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
         });
         continue;
       }
-      l && !c && g && M === X.Expand || C?.(e, { kind: M === X.Drag ? "drag" : "expand", x: o + E - A, y: i + wn, size: R, theme: u });
+      l && !c && g && M === q.Expand || C?.(e, { kind: M === q.Drag ? "drag" : "expand", x: o + E - A, y: i + wn, size: R, theme: u });
     }
     return;
   }
   $e(e, { x: o + a / 2, y: i + Ft + 1, text: r, textAlign: "center", fill: y, fontSize: u.fontSizeXXS });
-}, Gi = (e, t, n) => {
+}, Ui = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, isHover: r } = t, { theme: c, coordInstance: l, drawIcon: u } = n, { appendRowBgHovered: h, iconSizeSM: m, cellBg: g, cellLineColor: C } = c, 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 + l.columnInitSize / 2 - S + 0.5, y: i + s / 2 - S + 0.5, size: m, theme: c }), e.restore();
-}, Ui = (e, t, n) => {
+}, Ki = (e, t, n) => {
   const { coordInstance: o, theme: i, shouldRerender: a, drawCell: s } = n, { fontFamily: r, fontSizeSM: c, cellLineColor: l } = i, { rowInitSize: u, freezeRegionWidth: h, containerWidth: m, containerHeight: g } = o, C = In(n, "other"), S = In(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) => Gi(e, v, n)), nt(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: l })), S.rowHeaderPropList.forEach((y) => Vi(v, y, n));
+  S.appendRowList.forEach((v) => Ui(e, v, n)), nt(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: l })), S.rowHeaderPropList.forEach((y) => Gi(v, y, n));
   }), nt(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: l }));
   }), a && (nt(t, p, (v) => {
@@ -552,23 +552,23 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   }), nt(t, w, (v) => {
     v.font = `${c}px ${r}`, C.cellPropList.forEach((y) => s(v, y));
   }));
-}, Ki = (e, t) => {
+}, _i = (e, t) => {
   const { theme: n, scrollState: o, coordInstance: i, activeCellBound: a, real2RowIndex: s, getLinearRow: r, drawCell: c } = t;
   if (a == null) return;
   const { width: l, 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 !== se.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: l, height: u, fill: n.cellBg, stroke: n.cellLineColorActived, radius: 2 }), c(e, { x: I + 0.5, y: k + 0.5, width: l, height: u, rowIndex: m, columnIndex: h, theme: n, isActive: !0 }), e.restore();
-}, _i = (e, t) => {
+}, $i = (e, t) => {
   const { selection: n, mouseState: o, coordInstance: i, scrollState: a, theme: s, isFilling: r, isFillEnabled: c, real2RowIndex: l, getLinearRow: u } = t;
   if (!r || !c || !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(l(N)) + i.getRowHeight(l(N)) - y;
   let P = null, A = null;
   Number.isFinite(w) && w > p ? (P = i.getRowOffset(l(p + 1)) - y, A = k(w)) : Number.isFinite(w) && w < S && (P = i.getRowOffset(l(w)) - y, A = k(S - 1)), !(P == null || A == null) && (e.save(), e.globalAlpha = 0.12, D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: A - P, fill: s.interactionLineColorHighlight }), e.restore(), D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: A - P, stroke: s.interactionLineColorHighlight }));
-}, $i = (e, t) => {
+}, Xi = (e, t) => {
   const { coordInstance: n, scrollState: o, selection: i, isSelecting: a, isEditing: s, theme: r, activeCellBound: c, isFillEnabled: l, real2RowIndex: u, getLinearRow: h } = t;
   if (!l || s || a) return;
-  const m = ui(i);
+  const m = di(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), M = Ot([i.ranges[0]], [i.ranges[1]]) && c != null && c.columnIndex === v && c.rowIndex === y && h(I).type === se.Row ? c.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 - ot / 2 - 0.5, y: k + M - ot / 2 - 0.5, width: ot, height: ot, stroke: r.cellLineColorActived, fill: r.cellBg }), e.restore();
@@ -579,7 +579,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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 - te, h?.(e, { kind: "primary", x: o + A, y: M, size: k, theme: u, column: c }), A += k + te / 2), p && (P = P - k, h?.(e, { kind: "column", x: o + A, y: M, size: k, theme: u, column: c }), A += k + te / 2), N) {
     P = P - Me - te;
     const E = i + vn / 2;
-    ai(e, {
+    si(e, {
       points: [
         { x: o + a - te - Me, y: E - Me / 4 },
         { x: o + a - te, y: E - Me / 4 },
@@ -589,7 +589,7 @@ const ro = (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 - te : o + a - k - te, y: M, size: k, theme: u, column: c }), P = P - k - te), ii(e, {
+  g && (h?.(e, { kind: "description", x: N ? o + a - 2 * k - te : o + a - k - te, y: M, size: k, theme: u, column: c }), P = P - k - te), ai(e, {
     x: o + A,
     y: i + Ft,
     text: m,
@@ -599,10 +599,10 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     maxWidth: P,
     fill: R
   });
-}, Xi = (e, t, n) => {
+}, Yi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, isChecked: r } = t, { theme: c, rowControls: l, rowControlPaddingX: u, isMultiSelectionEnable: h } = n, { iconSizeXS: m, staticWhite: g, columnHeaderBg: C, cellLineColor: S, rowHeaderTextColor: p, iconBgSelected: w } = c, 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 && l.some((y) => y.type === X.Checkbox)) {
-    const y = lo({ width: a, theme: c, rowControls: l, rowControlPaddingX: u });
+  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 && l.some((y) => y.type === q.Checkbox)) {
+    const y = co({ width: a, theme: c, rowControls: l, rowControlPaddingX: u });
     Bt(e, {
       x: o + y - v + 0.5,
       y: i + s / 2 - v,
@@ -630,15 +630,15 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     }, t);
   }
   const M = y && R.length > 0 && Ot([R[0]], [[0, w - 1]]);
-  Xi(e, { x: 0, y: 0.5, width: S + 1.5, height: C, isChecked: M }, t), e.restore();
-}, Yi = (e, t) => {
+  Yi(e, { x: 0, y: 0.5, width: S + 1.5, height: C, isChecked: M }, t), e.restore();
+}, ji = (e, t) => {
   const { coordInstance: n, theme: o, mouseState: i, scrollState: a, isColumnAppendEnable: s, drawIcon: r } = t;
   if (!s) return;
   const { totalWidth: c, totalHeight: l, rowInitSize: u } = n, { iconSizeSM: h, columnHeaderBg: m, cellLineColor: g, columnHeaderBgHovered: C } = o, S = c - a.scrollLeft;
   D(e, { x: S + 1, y: 0.5, width: Sn, height: l - a.scrollTop, fill: i.type === x.AppendColumn ? C : m }), Ke(e, { x: S + 0.5, y: u + 0.5, points: [0, 0, 0, l - a.scrollTop - u], stroke: g });
   const p = h / 2;
   r?.(e, { kind: "add", x: S + Sn / 2 - p + 0.5, y: u / 2 - p + 0.5, size: h, theme: o });
-}, ji = (e, t) => {
+}, Qi = (e, t) => {
   const { theme: n, scrollState: o, coordInstance: i, isColumnResizable: a, columnResizeState: s, hoveredColumnResizeIndex: r } = t, c = s.columnIndex, l = !!a && r > -1, u = c > -1;
   if (!l && !u) return;
   const h = u ? c : r, m = i.getColumnRelativeOffset(h, o.scrollLeft) + i.getColumnWidth(h);
@@ -650,21 +650,21 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     fill: n.columnResizeHandlerBg,
     radius: 3
   });
-}, Qi = (e, t) => {
+}, Zi = (e, t) => {
   const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: c, ranges: l, delta: u } = a;
   if (!c || r !== O.Columns) return;
   const h = l[0][0];
   D(e, { x: o.x - u, y: 0.5, width: s.getColumnWidth(h), height: s.containerHeight, fill: n.columnDraggingPlaceholderBg });
   const m = Vt(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 });
-}, Zi = (e, t) => {
+}, Ji = (e, t) => {
   const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: c, ranges: l, delta: u } = a;
   if (!c || r !== O.Rows) return;
   const h = l[0][0];
   D(e, { x: 0.5, y: o.y - u, width: s.containerWidth, height: s.getRowHeight(h), fill: n.columnDraggingPlaceholderBg });
   const m = Vt(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 });
-}, Ji = (e, t) => {
+}, ea = (e, t) => {
   const { coordInstance: n, mouseState: o, scrollState: i, columnFreezeState: a, theme: s } = t, { isFreezing: r, targetIndex: c } = a;
   if (o.type !== x.ColumnFreezeHandler && !r) return;
   const { containerHeight: l, freezeRegionWidth: u } = n, h = s.interactionLineColorHighlight, m = r ? o.x : u;
@@ -673,32 +673,32 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     D(e, { x: g - 1, y: 0, width: 2, height: l, fill: h });
   }
   D(e, { x: m - xn / 2, y: o.y - Rn / 2, width: xn, height: Rn, fill: h, radius: 4 }), D(e, { x: m - 1, y: 0, width: 2, height: l, fill: h });
-}, ea = (e, t) => {
+}, ta = (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();
-}, ta = (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), na = (e, t) => {
+}, na = (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), oa = (e, t) => {
   const { containerWidth: n, containerHeight: o, pixelRatio: i, shouldRerender: a, draw: s } = t, r = Math.ceil(n * i), c = Math.ceil(o * i);
   (e.width !== r || e.height !== c) && (e.width = r, e.height = c);
   const l = e.getContext("2d");
   l != null && (a && (l.clearRect(0, 0, r, c), l.save(), i !== 1 && l.scale(i, i), l.beginPath(), l.rect(0, 0, n, o), l.clip()), s(l), a && l.restore());
-}, oa = (e, t, n, o, i = Math.ceil(globalThis.devicePixelRatio ?? 1)) => {
-  const a = Oi(n), { coordInstance: s, scrollState: r, height: c } = a, { containerWidth: l } = s;
+}, ia = (e, t, n, o, i = Math.ceil(globalThis.devicePixelRatio ?? 1)) => {
+  const a = Vi(n), { coordInstance: s, scrollState: r, height: c } = a, { containerWidth: l } = s;
   if (l === 0 || c === 0) return;
-  const u = Math.ceil(l * i), h = Math.ceil(c * i), m = r.isScrolling || ta(n, o);
+  const u = Math.ceil(l * i), h = Math.ceil(c * i), m = r.isScrolling || na(n, o);
   (e.width !== u || e.height !== h) && (e.width = u, e.height = h, e.style.width = `${l}px`, e.style.height = `${c}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, l, c), g.clip(), na(t, {
+  g != null && (g.clearRect(0, 0, u, h), g.save(), i !== 1 && g.scale(i, i), g.beginPath(), g.rect(0, 0, l, c), g.clip(), oa(t, {
     containerWidth: l,
     containerHeight: c,
     pixelRatio: i,
     shouldRerender: m,
-    draw: (C) => Ui(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 && (Pn(g, a, "freeze"), Pn(g, a, "other"), Yi(g, a)), ea(g, a), Ki(g, a), _i(g, a), $i(g, a), ji(g, a), Zi(g, a), Qi(g, a), Ji(g, a), g.restore());
-}, co = {
+    draw: (C) => Ki(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 && (Pn(g, a, "freeze"), Pn(g, a, "other"), ji(g, a)), ta(g, a), _i(g, a), $i(g, a), Xi(g, a), Qi(g, a), Ji(g, a), Zi(g, a), ea(g, a), g.restore());
+}, uo = {
   staticWhite: "#FFFFFF",
   staticBlack: "#000000",
   iconFgCommon: "#6b7280",
@@ -743,7 +743,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   interactionLineColorCommon: "#d4d4d8",
   interactionLineColorHighlight: "#3b82f6",
   themeKey: "light"
-}, uo = {
+}, ho = {
   staticWhite: "--ui-accent-contrast",
   staticBlack: "--ui-text",
   iconFgCommon: "--ui-icon-tertiary",
@@ -782,57 +782,57 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   /** 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"
-}, ia = { fontSizeSM: "--ui-font-size" }, aa = (e, t = {}) => {
-  const n = { ...co };
-  for (const [i, a] of Object.entries(uo)) {
+}, aa = { fontSizeSM: "--ui-font-size" }, sa = (e, t = {}) => {
+  const n = { ...uo };
+  for (const [i, a] of Object.entries(ho)) {
     const s = e(a)?.trim();
     s && (n[i] = s);
   }
   const o = e(zn.fontFamily)?.trim();
   o && (n.fontFamily = o);
   for (const i of ["fontSizeSM", "fontSizeXS"]) {
-    const a = ia[i];
+    const a = aa[i];
     let s = Number.parseFloat(e(zn[i]) ?? "");
     !(s > 0) && a && (s = Number.parseFloat(e(a) ?? "")), Number.isFinite(s) && s > 0 && (n[i] = s);
   }
   return { ...n, ...t };
-}, sa = (e) => {
+}, ra = (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(uo));
+  const o = new Set(Object.values(ho));
   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() });
-}, ra = (e, t = {}) => {
-  const n = sa(e);
+}, la = (e, t = {}) => {
+  const n = ra(e);
   try {
     const o = e.closest('[data-ui-color-scheme="dark"]') != null;
-    return aa(n, { themeKey: o ? "dark" : "light", ...t });
+    return sa(n, { themeKey: o ? "dark" : "light", ...t });
   } finally {
     n.dispose();
   }
-}, ho = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
-function la(e) {
-  return (e instanceof Element ? e : e?.parentElement)?.closest(ho) ?? null;
+}, mo = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
+function ca(e) {
+  return (e instanceof Element ? e : e?.parentElement)?.closest(mo) ?? null;
 }
-function ca(e, t) {
-  const n = la(e);
+function ua(e, t) {
+  const n = ca(e);
   return !!n && !n.contains(t);
 }
 function Mn(e, t) {
-  return e.some((n) => n instanceof Element && n.matches(ho) && !t.some((o) => n.contains(o) || o.contains(n)));
+  return e.some((n) => n instanceof Element && n.matches(mo) && !t.some((o) => n.contains(o) || o.contains(n)));
 }
-function ua(e, t = e ?? null) {
+function da(e, t = e ?? null) {
   if (!e?.isConnected) return !1;
   const n = e.ownerDocument, o = n.activeElement;
-  return o === e ? !0 : o && o !== n.body && ca(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
+  return o === e ? !0 : o && o !== n.body && ua(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
 }
-const da = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), ha = 50;
-function mo(e) {
+const ha = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), ma = 50;
+function go(e) {
   return e.isComposing || e.keyCode === 229;
 }
-function ma(e) {
+function ga(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 +842,7 @@ function ma(e) {
   t >= 106 && t <= 111 || // Multiply..Divide
   t === 61 || t === 173 || (t === 229 || t === 0) && e.key !== "Shift";
 }
-function go(e, t = {}) {
+function fo(e, t = {}) {
   let n = !1, o = -1 / 0, i = !1;
   const a = /* @__PURE__ */ new WeakMap(), s = (c) => {
     n = !0, t.onStart?.(c);
@@ -854,11 +854,11 @@ function go(e, t = {}) {
       return n;
     },
     ownsKey(c) {
-      if (n || mo(c)) return !0;
-      if (!da.has(c.key)) return !1;
+      if (n || go(c)) return !0;
+      if (!ha.has(c.key)) return !1;
       const l = a.get(c);
       if (l !== void 0) return l;
-      const u = c.timeStamp - o <= ha;
+      const u = c.timeStamp - o <= ma;
       return o = -1 / 0, a.set(c, u), u;
     },
     dispose() {
@@ -866,12 +866,12 @@ function go(e, t = {}) {
     }
   };
 }
-const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
+const fa = ({ 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;
-}, fa = /[\t\n\r"]/, pa = (e) => fa.test(e) ? `"${e.replace(/"/g, '""')}"` : e, Ca = (e) => e.map((t) => t.map(pa).join("	")).join(`\r
-`), wa = (e) => {
+}, pa = /[\t\n\r"]/, Ca = (e) => pa.test(e) ? `"${e.replace(/"/g, '""')}"` : e, wa = (e) => e.map((t) => t.map(Ca).join("	")).join(`\r
+`), va = (e) => {
   if (!e) return [];
   const t = [];
   let n = [], o = "", i = 0, a = !0;
@@ -883,7 +883,7 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   for (; i < s; ) {
     const l = e[i];
     if (a && l === '"') {
-      const u = va(e, i + 1);
+      const u = Sa(e, i + 1);
       if (u === -1) {
         o += l, a = !1, i++;
         continue;
@@ -901,7 +901,7 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       o += l, i++;
   }
   return c(), An(t);
-}, va = (e, t) => {
+}, Sa = (e, t) => {
   let n = t;
   for (; n < e.length; ) {
     const o = e.indexOf('"', n);
@@ -919,7 +919,7 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   const t = Math.max(0, ...e.map((n) => n.length));
   for (const n of e) for (; n.length < t; ) n.push("");
   return e;
-}, Sa = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ya = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${Sa(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, ba = (e, t) => {
+}, ya = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ba = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${ya(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, xa = (e, t) => {
   const n = e.clipboardData;
   if (!n) return !1;
   try {
@@ -928,18 +928,18 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     return !1;
   }
   return e.preventDefault(), !0;
-}, xa = () => ({
+}, Ra = () => ({
   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 })
-}), Ra = (e, t = xa()) => {
+}), ka = (e, t = Ra()) => {
   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 ?? ka(s)], { type: "text/html" }))
+        "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? Ia(s)], { type: "text/html" }))
       });
       return n.write([a]);
     }
@@ -956,7 +956,7 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       }
     })) : Promise.reject(a);
   }
-}, ka = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), it = (e, t, n) => Math.min(n, Math.max(t, e)), qe = (e, t) => {
+}, Ia = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), it = (e, t, n) => Math.min(n, Math.max(t, e)), Xe = (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 {
@@ -974,12 +974,12 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   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);
-}, fo = (e, t) => {
+}, po = (e, t) => {
   const { rowCount: n, columnCount: o } = t;
   if (n <= 0 || o <= 0) return null;
   switch (e.kind) {
     case "cells": {
-      const i = qe(e, t);
+      const i = Xe(e, t);
       return i ? { rows: at(i.startRow, i.endRow), columns: at(i.startColumn, i.endColumn) } : null;
     }
     case "rows": {
@@ -993,21 +993,21 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     default:
       return null;
   }
-}, Ia = (e, t) => {
+}, Pa = (e, t) => {
   if (e.kind === "cells") {
-    const o = qe(e, t);
+    const o = Xe(e, t);
     return o ? [o.startColumn, o.startRow] : null;
   }
-  const n = fo(e, t);
+  const n = po(e, t);
   return n ? [n.columns[0], n.rows[0]] : null;
-}, Pa = (e) => e.rows.length * e.columns.length, za = (e, t, n) => {
-  const o = wa(e);
+}, za = (e) => e.rows.length * e.columns.length, Ma = (e, t, n) => {
+  const o = va(e);
   if (o.length === 0) return null;
-  const i = Ia(t, n);
+  const i = Pa(t, n);
   if (!i) return null;
   const { rowCount: a, columnCount: s } = n;
   let r = o, c = !1;
-  const l = qe(t, n);
+  const l = Xe(t, n);
   if (o.length === 1 && o[0].length === 1 && l && (l.endRow > l.startRow || l.endColumn > l.startColumn)) {
     const w = o[0][0];
     r = Array.from({ length: l.endRow - l.startRow + 1 }, () => Array.from({ length: l.endColumn - l.startColumn + 1 }, () => w)), c = !0;
@@ -1027,8 +1027,8 @@ const ga = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     readonlyColumns: p,
     repeated: c
   };
-}, Hn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), It = (e) => ({ text: Ca(e), html: ya(e) }), Ma = (e, t) => !t || e.rows.every((n) => t(n));
-function Aa(e) {
+}, Hn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), It = (e) => ({ text: wa(e), html: ba(e) }), Aa = (e, t) => !t || e.rows.every((n) => t(n));
+function Ea(e) {
   const t = e.equals ?? Object.is;
   let n = !1, o = null, i, a, s = !1, r = null, c = 0, l = !1;
   const u = {
@@ -1091,20 +1091,20 @@ function Aa(e) {
   };
   return g;
 }
-const po = "data-ui-ignore-outside", Pt = /* @__PURE__ */ new WeakMap(), Tn = /* @__PURE__ */ new WeakSet();
+const Co = "data-ui-ignore-outside", Pt = /* @__PURE__ */ new WeakMap(), Tn = /* @__PURE__ */ new WeakSet();
 function Fn(e) {
   return [...e.options.elements()].filter((t) => !!t);
 }
 function Nn(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
-function Ea(e) {
-  return e.some((t) => t instanceof Element && t.hasAttribute(po));
+function Ha(e) {
+  return e.some((t) => t instanceof Element && t.hasAttribute(Co));
 }
-function Ha(e, t) {
+function Ta(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function Ta(e, t = 400) {
+function Fa(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 +1113,19 @@ function Ta(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 Fa(e) {
-  const t = e.document, n = { layers: [], guard: go(e), teardown: () => {
+function Na(e) {
+  const t = e.document, n = { layers: [], guard: fo(e), teardown: () => {
   } }, o = (a) => {
     if (Tn.has(a)) return;
     Tn.add(a);
     const s = a.composedPath();
-    if (!(Ea(s) || Ha(s, t)))
+    if (!(Ha(s) || Ta(s, t)))
       for (const r of [...n.layers].reverse()) {
         if (r.disposed) continue;
         const c = Fn(r);
         if (Nn(s, c) || Mn(s, c)) return;
         if (r.options.onOutside?.(a) === "veto") {
-          a.preventDefault(), a.stopImmediatePropagation(), Ta(e);
+          a.preventDefault(), a.stopImmediatePropagation(), Fa(e);
           return;
         }
       }
@@ -1135,15 +1135,15 @@ function Fa(e) {
     if (!s?.options.onEscape) return;
     const r = a.composedPath(), c = Fn(s);
     if (Mn(r, c)) return;
-    const l = r.find((u) => u instanceof Element && u.hasAttribute(po));
+    const l = r.find((u) => u instanceof Element && u.hasAttribute(Co));
     l && !Nn([l], c) || 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 Na(e, t) {
-  const n = Pt.get(e) ?? Fa(e);
+function La(e, t) {
+  const n = Pt.get(e) ?? Na(e);
   Pt.set(e, n);
   const o = { options: t, disposed: !1 };
   return n.layers.push(o), {
@@ -1156,23 +1156,23 @@ function Na(e, t) {
   };
 }
 function Ln(e) {
-  const t = eo(e);
+  const t = to(e);
   return Array.isArray(t) ? [...t] : [t];
 }
-function La(e, t, n) {
-  const o = ue(() => eo(t), (i, a, s) => {
+function Da(e, t, n) {
+  const o = ue(() => to(t), (i, a, s) => {
     if (!i || typeof window > "u") return;
-    const r = Ln(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = Na(r, {
+    const r = Ln(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = La(r, {
       elements: () => Ln(e),
       onOutside: (l) => n.onOutside?.(l),
       onEscape: (l) => n.onEscape?.(l)
     });
     s(() => c.dispose());
   }, { immediate: !0, flush: "sync" });
-  return qo() && to(o), o;
+  return qo() && no(o), o;
 }
-const Co = 2, Da = 4, zt = 20, Wa = 2, Ba = 5, lt = 16;
-function Oa(e, t, n) {
+const wo = 2, Wa = 4, zt = 20, Ba = 2, Oa = 5, lt = 16;
+function Va(e, t, n) {
   const o = e.createElement("canvas").getContext("2d");
   if (!o) return null;
   o.font = `${t}px ${n}`, o.textBaseline = "alphabetic";
@@ -1192,16 +1192,16 @@ function ut(e) {
   const o = Math.max(0, (n - zt) / 2), i = t ? Math.round(n / 2 + t.drop - t.ascent) - Math.floor((zt - Math.ceil(t.ascent + t.descent)) / 2) : o;
   return { top: Math.max(0, i), bottom: e.hint ? lt : o, lineHeight: zt };
 }
-function wo(e) {
+function vo(e) {
   if (!Ut(e)) return e.rowHeight;
-  const { top: t, bottom: n, lineHeight: o } = ut(e), i = e.view ? 1 : Wa, a = Math.min(Ba, Math.max(i, Math.ceil(e.lines)));
+  const { top: t, bottom: n, lineHeight: o } = ut(e), i = e.view ? 1 : Ba, a = Math.min(Oa, Math.max(i, Math.ceil(e.lines)));
   return Math.max(e.rowHeight, t + n + a * o);
 }
-function Va(e, t) {
+function Ga(e, t) {
   const { top: n, bottom: o, lineHeight: i } = ut(t);
   return Math.max(1, Math.round((e - n - o) / i));
 }
-const Ga = {
+const Ua = {
   display: "block",
   width: "100%",
   height: "100%",
@@ -1217,14 +1217,14 @@ const Ga = {
   color: "transparent",
   font: "inherit"
 };
-function Ua(e) {
-  if (!e.open) return Ga;
+function Ka(e) {
+  if (!e.open) return Ua;
   const { top: t, bottom: n, lineHeight: o } = ut(e), i = B.cellHorizontalPadding, a = Ut(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
   return {
     display: "block",
     "box-sizing": "border-box",
     width: "100%",
-    height: `${wo(e)}px`,
+    height: `${vo(e)}px`,
     margin: "0",
     padding: `${t}px ${i}px ${n}px`,
     border: "0",
@@ -1240,12 +1240,12 @@ function Ua(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": `${Da}px`,
-    "box-shadow": `0 0 0 ${Co}px ${s}`,
+    "border-radius": `${Wa}px`,
+    "box-shadow": `0 0 0 ${wo}px ${s}`,
     transition: "none"
   };
 }
-function Ka(e) {
+function _a(e) {
   return {
     position: "absolute",
     left: `${B.cellHorizontalPadding}px`,
@@ -1262,10 +1262,10 @@ function Ka(e) {
     "pointer-events": "none"
   };
 }
-function _a(e) {
+function $a(e) {
   return {
     position: "absolute",
-    left: `-${Co}px`,
+    left: `-${wo}px`,
     "max-width": "320px",
     "min-width": "120px",
     "box-sizing": "border-box",
@@ -1281,7 +1281,7 @@ function _a(e) {
     "pointer-events": "none"
   };
 }
-const $a = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
+const Xa = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
 class qa {
   session;
   options;
@@ -1322,7 +1322,7 @@ class qa {
       get version() {
         return n().version;
       }
-    }, this.session = Aa({
+    }, this.session = Ea({
       validate: (i, a) => this.mode === "edit" ? this.options.validate?.(a, i ?? "") : null,
       onCommit: (i, a, s) => {
         const { move: r, reason: c } = this.pending;
@@ -1337,7 +1337,7 @@ class qa {
    * edited (the IME keydown, then its `compositionstart`) changes nothing.
    */
   begin(t) {
-    if (this.state.active && $a(this.state.cell, t.cell)) return null;
+    if (this.state.active && Xa(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,7 +1403,7 @@ class qa {
     return this.pending.reason;
   }
 }
-function Xa(e) {
+function Ya(e) {
   const t = ce(1);
   let n = null;
   const o = new qa({
@@ -1443,7 +1443,7 @@ function Xa(e) {
     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 } = ut(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 = Va(u.scrollHeight, C);
+    const R = Ga(u.scrollHeight, C);
     u.style.height = w, u.style.padding = v, u.style.whiteSpace = y, R !== t.value && (t.value = R);
   }, l = {
     state: a,
@@ -1494,10 +1494,10 @@ function Xa(e) {
     }
   };
   return ue(e.owner, (u, h, m) => {
-    u && (n = go(u), m(() => {
+    u && (n = fo(u), m(() => {
       n?.dispose(), n = null;
     }));
-  }, { immediate: !0, flush: "sync" }), La(
+  }, { immediate: !0, flush: "sync" }), Da(
     () => e.root() ?? null,
     () => a.value.active || e.hasSelection(),
     {
@@ -1509,9 +1509,9 @@ function Xa(e) {
         if (o.commit("outside", "none") === "invalid") return "veto";
       }
     }
-  ), to(() => o.cancel()), l;
+  ), no(() => o.cancel()), l;
 }
-const Ya = {
+const ja = {
   text: "--ui-text",
   textMuted: "--ui-text-secondary",
   link: "--ui-accent-11",
@@ -1532,7 +1532,7 @@ const Ya = {
   avatarText: "--ui-text",
   badgeFill: "--ui-neutral-soft",
   badgeText: "--ui-neutral-text"
-}, ja = {
+}, Qa = {
   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 +1577,15 @@ const Ya = {
     gray: { fill: "rgba(198, 212, 224, 0.4)", color: "#636b74" }
   },
   themeKey: "light"
-}, Qa = (e, t = {}) => {
+}, Za = (e, t = {}) => {
   const n = (i, a) => e(i)?.trim() || a, o = { ...Ue, chips: { ...Ue.chips } };
-  for (const [i, a] of Object.entries(Ya)) o[i] = n(a, o[i]);
-  for (const [i, a] of Object.entries(ja)) {
+  for (const [i, a] of Object.entries(ja)) o[i] = n(a, o[i]);
+  for (const [i, a] of Object.entries(Qa)) {
     const s = Ue.chips[i];
     o.chips[i] = { fill: n(a.fill, s.fill), color: n(a.color, s.color) };
   }
   return { ...o, ...t };
-}, vo = (e, t = {}) => {
+}, So = (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,7 +1593,7 @@ const Ya = {
       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 Qa(i, { themeKey: a ? "dark" : "light", ...t });
+    return Za(i, { themeKey: a ? "dark" : "light", ...t });
   } finally {
     o.remove();
   }
@@ -1604,7 +1604,7 @@ const Ya = {
   icon: Math.max(12, Math.min(16, e - 8)),
   fontSize: t,
   chipFontSize: Math.min(n, Math.max(10, e - 12))
-}), Za = 30, Ja = 2, es = 1200, ts = (e, t, n, o = Za) => {
+}), Ja = 30, es = 2, ts = 1200, ns = (e, t, n, o = Ja) => {
   const { x: i, y: a } = e, { containerWidth: s, containerHeight: r, freezeRegionWidth: c, columnInitSize: l, rowInitSize: u } = t;
   let h = 0, m = 0;
   if (!n || n === O.None || n === O.Columns) {
@@ -1612,11 +1612,11 @@ const Ya = {
     s - i < o ? h = 1 : i < c + o && !g && (h = -1);
   }
   return (!n || n === O.None || n === O.Rows) && (r - a < o ? m = 1 : a < u + o && (m = -1)), [h, m];
-}, ns = (e, t, n) => {
-  const o = Math.min(1, e + t / es), i = o * t * Ja + (n ?? 0), a = Math.floor(i);
+}, os = (e, t, n) => {
+  const o = Math.min(1, e + t / ts), i = o * t * es + (n ?? 0), a = Math.floor(i);
   return { speed: o, motion: a, carry: n == null ? 0 : i - a };
 };
-class os {
+class is {
   direction = [0, 0];
   speed = 0;
   carry = 0;
@@ -1630,7 +1630,7 @@ class os {
     return this.frameId != null;
   }
   update(t, n) {
-    const [o, i] = ts(t, this.options.getBounds(), n);
+    const [o, i] = ns(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 +1644,7 @@ class os {
   }
   processFrame = (t) => {
     if (this.lastTime !== 0) {
-      const n = ns(this.speed, t - this.lastTime, this.options.carryFraction === !1 ? void 0 : this.carry);
+      const n = os(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);
@@ -1662,7 +1662,7 @@ const Wn = (e, t, n, o) => {
   const i = e.getColumnRelativeOffset(o, t);
   return V(n, i, i + B.columnResizeHandlerWidth / 2) ? o - 1 : o;
 };
-class is {
+class as {
   state = Rt;
   hoveredIndex = -1;
   pressed = null;
@@ -1714,7 +1714,7 @@ class is {
     this.pressed = null, this.state = Rt, this.emit(), this.options.onResize?.(n, t);
   }
 }
-class as {
+class ss {
   defaultRowHeight;
   defaultColumnWidth;
   pureRowCount;
@@ -1869,12 +1869,12 @@ class as {
     this.rowCount = t, this.pureRowCount = n, this.rowInitSize = o, this.rowHeightMap = i, a != null && (this.defaultRowHeight = a), this.lastRowIndex = -1, this.rowMetaDataMap = {};
   }
 }
-const ss = 240, rs = ({
+const rs = 240, ls = ({
   containerWidth: e,
   columnInitSize: t,
   columnCount: n,
   getColumnWidth: o,
-  minScrollableWidth: i = ss
+  minScrollableWidth: i = rs
 }) => {
   const a = e - i;
   if (a <= t) return 0;
@@ -1882,7 +1882,7 @@ const ss = 240, rs = ({
   for (let r = 0; r < n; r++)
     if (s += o(r) ?? 0, s > a) return r;
   return n;
-}, ls = (e, t, n, o) => {
+}, cs = (e, t, n, o) => {
   const { pureRowCount: i, columnCount: a } = o, s = !!n.expand;
   let [r, c] = e.ranges[s ? 1 : 0];
   n.jump ? t === "up" ? c = 0 : t === "down" ? c = i - 1 : t === "left" ? r = 0 : r = a - 1 : t === "up" ? c = Math.max(c - 1, 0) : t === "down" ? c = Math.min(c + 1, i - 1) : t === "left" ? r = Math.max(r - 1, 0) : r = Math.min(r + 1, a - 1);
@@ -1895,7 +1895,7 @@ const ss = 240, rs = ({
 }, Bn = (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 };
-}, cs = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), us = (e, t, n = !1) => {
+}, us = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), ds = (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];
@@ -1954,7 +1954,7 @@ class oe {
     switch (this.type) {
       case H.Rows:
       case H.Columns: {
-        const n = ci(this.ranges, t);
+        const n = ui(this.ranges, t);
         return n.length ? new oe(this.type, n) : Ge;
       }
       case H.Cells:
@@ -1965,7 +1965,7 @@ class oe {
   }
   flatten() {
     const [t, n] = this.ranges;
-    return this.isCellSelection ? [...t, ...n] : ri(this.ranges);
+    return this.isCellSelection ? [...t, ...n] : li(this.ranges);
   }
   /** Runs merged and sorted, or the cell rectangle as `[topLeft, bottomRight]`. */
   serialize() {
@@ -1990,9 +1990,9 @@ class oe {
     switch (this.type) {
       case H.Rows:
       case H.Columns:
-        return si(t, this.ranges);
+        return ri(t, this.ranges);
       case H.Cells:
-        return li(t, this.ranges[0], this.ranges[1]);
+        return ci(t, this.ranges[0], this.ranges[1]);
       default:
         return !1;
     }
@@ -2002,7 +2002,7 @@ class oe {
   }
 }
 const Ge = new oe(H.None, []);
-class ds {
+class hs {
   selection = new oe();
   activeCell = null;
   isSelecting = !1;
@@ -2076,7 +2076,7 @@ class ds {
         return;
       }
       const R = u.includes(y);
-      p(v, H.Rows), this.options.onRowControlClick?.(v, X.Checkbox, !R);
+      p(v, H.Rows), this.options.onRowControlClick?.(v, q.Checkbox, !R);
     };
     switch (r) {
       case x.ColumnHeader: {
@@ -2140,57 +2140,57 @@ class ds {
     }
   }
 }
-const hs = (e, t, n) => {
+const ms = (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;
-}, ms = (e) => ({
+}, gs = (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)
-}), gs = (e) => typeof e == "number" && Number.isFinite(e), Hr = (e, t, n = "down") => {
+}), fs = (e) => typeof e == "number" && Number.isFinite(e), Tr = (e, t, n = "down") => {
   if (t <= 0 || e.length === 0) return [];
-  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(gs) && o.some((s) => s !== o[0]), a = [];
+  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(fs) && o.some((s) => s !== o[0]), a = [];
   if (i) {
     const s = o.slice(1).map((c, l) => c - o[l]);
     let r = o[o.length - 1];
     for (let c = 0; c < t; c++)
-      r += s[c % s.length], a.push(fs(r, o));
+      r += s[c % s.length], a.push(ps(r, o));
   } else
     for (let s = 0; s < t; s++) a.push(o[s % o.length]);
   return n === "down" ? a : a.reverse();
-}, fs = (e, t) => {
+}, ps = (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;
-}, Mt = {
-  drag: X.Drag,
-  expand: X.Expand,
-  checkbox: X.Checkbox
-}, ps = {
+}, On = 20, Mt = {
+  drag: q.Drag,
+  expand: q.Expand,
+  checkbox: q.Checkbox
+}, Cs = {
   none: $.None,
   cell: $.Cell,
   row: $.Row,
   column: $.Column,
   all: $.All
-}, Cs = {
+}, ws = {
   none: de.None,
   column: de.Column,
   row: de.Row,
   all: de.All
-}, ws = {
+}, vs = {
   [H.None]: "none",
   [H.Cells]: "cells",
   [H.Rows]: "rows",
   [H.Columns]: "columns"
-}, vs = {
+}, Ss = {
   none: H.None,
   cells: H.Cells,
   rows: H.Rows,
   columns: H.Columns
-}, On = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, Ss = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), ys = 640, bs = 50, xs = (e, t) => ({
+}, Vn = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, ys = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), bs = 640, xs = 50, Rs = (e, t) => ({
   id: e.id,
   name: e.name,
   width: t,
@@ -2199,8 +2199,8 @@ const hs = (e, t, n) => {
   isPrimary: e.isPrimary,
   description: e.description,
   hasIcon: e.hasIcon
-}), So = (e, t) => e === t || !!e && !!t && e[0] === t[0] && e[1] === t[1], Rs = (e, t) => e.kind === t.kind && So(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 ks {
+}), yo = (e, t) => e === t || !!e && !!t && e[0] === t[0] && e[1] === t[1], ks = (e, t) => e.kind === t.kind && yo(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 Is {
   coord;
   scroll = { scrollTop: 0, scrollLeft: 0, isScrolling: !1 };
   mouseState = Ve;
@@ -2232,19 +2232,19 @@ class ks {
   constructor(t, n) {
     this.config = t, this.hooks = n, this.coord = this.createCoordinate();
     const o = () => this.config;
-    this.selection = new ds({
+    this.selection = new hs({
       getPureRowCount: () => this.config.rowCount,
       get selectable() {
-        return ps[o().selectable];
+        return Cs[o().selectable];
       },
       onChange: () => {
         const i = this.getSelection();
-        Rs(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
+        ks(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
       },
       onRowControlClick: (i, a) => {
-        a === X.Expand && this.hooks.rowExpand(i);
+        a === q.Expand && this.hooks.rowExpand(i);
       }
-    }), this.resize = new is({
+    }), this.resize = new as({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       minWidth: (i) => this.config.columns[i]?.minWidth ?? B.columnMinWidth,
@@ -2254,17 +2254,17 @@ class ks {
       onChange: (i) => {
         this.resizeState = i, this.hooks.render();
       }
-    }), this.resizeState = this.resize.state, this.drag = new mi({
+    }), this.resizeState = this.resize.state, this.drag = new gi({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       selection: () => this.selection.selection,
       get draggable() {
-        return Cs[o().draggable];
+        return ws[o().draggable];
       },
       onChange: (i) => {
         this.dragState = i, this.hooks.render();
       }
-    }), this.dragState = this.drag.state, this.autoScroller = new os({
+    }), this.dragState = this.drag.state, this.autoScroller = new is({
       getBounds: () => ({
         containerWidth: this.coord.containerWidth,
         containerHeight: this.coord.containerHeight,
@@ -2284,18 +2284,18 @@ class ks {
    * numbers only and no column is frozen.
    */
   get isPhone() {
-    return !!this.config.touch && this.width > 0 && this.width <= ys;
+    return !!this.config.touch && this.width > 0 && this.width <= bs;
   }
   visibleRowControls() {
     return this.isPhone ? [] : this.config.rowControls;
   }
   gutterWidth() {
-    return this.isPhone ? bs : Ss(this.config.rowControls);
+    return this.isPhone ? xs : ys(this.config.rowControls);
   }
   // ---- configuration ----------------------------------------------------
   createCoordinate() {
     const { rowCount: t, rowHeight: n, headerHeight: o, columns: i, freezeColumnCount: a } = this.config;
-    return new as({
+    return new ss({
       rowHeight: n,
       columnWidth: B.columnWidth,
       rowCount: t,
@@ -2312,7 +2312,7 @@ class ks {
     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, xs(o, a);
+      return n[i] = a, Rs(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 +2321,7 @@ class ks {
    */
   freezeCount(t) {
     const { columns: n } = this.config, o = Math.min(t, n.length);
-    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, rs({
+    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, ls({
       containerWidth: this.width,
       columnInitSize: this.gutterWidth(),
       columnCount: n.length,
@@ -2348,14 +2348,22 @@ class ks {
   get viewport() {
     return { width: this.width, height: this.height };
   }
-  /** Scrollable content size for the scroller's spacer. */
+  /**
+   * Scrollable content size for the scroller's spacer. An axis that scrolls ends
+   * `SCROLL_END_GAP` past its last row or column, so an overlay scrollbar (macOS)
+   * lies over blank space at the end instead of over the last row or column.
+   * Rows that end under the horizontal bar get the gap too. Columns that fit get
+   * none, so a grid sized to its width never scrolls sideways for it; its host
+   * keeps room for a vertical overlay bar beside them.
+   */
   get contentSize() {
-    return { width: this.coord.totalWidth, height: this.coord.totalHeight };
+    const { totalWidth: t, totalHeight: n } = this.coord, o = t > this.width ? On : 0, i = n > this.height - o ? On : 0;
+    return { width: t + o, height: n + i };
   }
   /** The scroller moved (native scroll or our own `scrollTo`). */
   setScroll(t, n) {
-    const o = Math.max(0, this.coord.totalWidth - this.width), i = Math.max(0, this.coord.totalHeight - this.height), a = Math.min(Math.max(0, t), o), s = Math.min(Math.max(0, n), i);
-    a === this.scroll.scrollLeft && s === this.scroll.scrollTop || (this.scroll = { scrollLeft: a, scrollTop: s, isScrolling: !1 }, this.updateVisible(), this.hooks.render());
+    const o = this.contentSize, i = Math.max(0, o.width - this.width), a = Math.max(0, o.height - this.height), s = Math.min(Math.max(0, t), i), r = Math.min(Math.max(0, n), a);
+    s === this.scroll.scrollLeft && r === this.scroll.scrollTop || (this.scroll = { scrollLeft: s, scrollTop: r, isScrolling: !1 }, this.updateVisible(), this.hooks.render());
   }
   scrollTo(t, n) {
     const o = this.scroll;
@@ -2380,10 +2388,10 @@ class ks {
   // ---- selection --------------------------------------------------------
   getSelection() {
     const { selection: t, activeCell: n } = this.selection;
-    return { kind: ws[t.type], ranges: t.ranges.map((o) => [o[0], o[1]]), activeCell: n ? [n[0], n[1]] : null };
+    return { kind: vs[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 oe(vs[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 oe(Ss[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) {
@@ -2465,13 +2473,13 @@ class ks {
     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 Ri(this.regionContext(), t);
+    return ki(this.regionContext(), t);
   }
   // ---- pointer ----------------------------------------------------------
   /** Returns true when the press belongs to the grid (the host then claims focus). */
   pointerDown(t) {
     const n = { x: t.x, y: t.y }, o = this.hitTest(n);
-    return this.mouseState = o, this.down = { state: o, point: n }, this.lastPoint = n, this.lastModifiers = { shiftKey: t.shiftKey, commandKey: t.commandKey }, o.type === x.Blank || o.type === x.None ? (this.hooks.render(), !1) : o.type === x.FillHandler && (this.fillSource = qe(this.getSelection(), { rowCount: this.config.rowCount, columnCount: this.config.columns.length }), this.fillSource) ? (this.hooks.render(), !0) : (this.isResizeEnabled && this.resize.start(o) || (this.drag.start(o), this.selection.onSelectionStart({ shiftKey: t.shiftKey, metaKey: t.commandKey }, o), this.hooks.render()), !0);
+    return this.mouseState = o, this.down = { state: o, point: n }, this.lastPoint = n, this.lastModifiers = { shiftKey: t.shiftKey, commandKey: t.commandKey }, o.type === x.Blank || o.type === x.None ? (this.hooks.render(), !1) : o.type === x.FillHandler && (this.fillSource = Xe(this.getSelection(), { rowCount: this.config.rowCount, columnCount: this.config.columns.length }), this.fillSource) ? (this.hooks.render(), !0) : (this.isResizeEnabled && this.resize.start(o) || (this.drag.start(o), this.selection.onSelectionStart({ shiftKey: t.shiftKey, metaKey: t.commandKey }, o), this.hooks.render()), !0);
   }
   /** Hover and gestures. `fromAutoScroll` re-derives the head after an auto-scroll tick. */
   pointerMove(t, n = !1) {
@@ -2534,12 +2542,12 @@ class ks {
   endFill(t) {
     const n = this.fillSource;
     this.fillSource = null;
-    const o = hs(n, this.fillTargetRow(t), this.config.rowCount);
+    const o = ms(n, this.fillTargetRow(t), this.config.rowCount);
     if (!o) {
       this.hooks.render();
       return;
     }
-    const i = ms(o), a = this.selection.activeCell;
+    const i = gs(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] }
@@ -2572,7 +2580,7 @@ class ks {
   /** True when `cell` is the active cell and the whole selection. */
   isSoleActiveCell(t) {
     const { selection: n, activeCell: o } = this.selection;
-    if (!n.isCellSelection || !So(o, t)) return !1;
+    if (!n.isCellSelection || !yo(o, t)) return !1;
     const [i, a] = n.ranges;
     return !!i && !!a && i[0] === a[0] && i[1] === a[1];
   }
@@ -2655,7 +2663,7 @@ class ks {
   moveAfterEdit(t, n) {
     const { rowCount: o, columns: i } = this.config;
     if (!o || !i.length) return;
-    const a = { pureRowCount: o, columnCount: i.length }, s = new oe(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? us(s, a) : Bn(s, n === "left", a);
+    const a = { pureRowCount: o, columnCount: i.length }, s = new oe(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? ds(s, a) : Bn(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. */
@@ -2670,17 +2678,17 @@ class ks {
   keyDown(t) {
     if (t.key === "Escape" && this.down)
       return this.cancelGesture(), "prevent";
-    if (mo(t))
+    if (go(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 On[t.key] || t.key === "Tab" || t.key === "Home" ? t.key === "Tab" && !s ? "ignore" : (this.selectCell(s ?? [0, 0], !1), "prevent") : "ignore";
-    const r = On[t.key];
+      return Vn[t.key] || t.key === "Tab" || t.key === "Home" ? t.key === "Tab" && !s ? "ignore" : (this.selectCell(s ?? [0, 0], !1), "prevent") : "ignore";
+    const r = Vn[t.key];
     if (r) {
       if (t.altKey) return "ignore";
-      const c = ls(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
+      const c = cs(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
       return this.selection.update({ selection: c.selection, ...c.activeCell ? { activeCell: c.activeCell } : {} }), this.scrollToCell(c.scrollTo), "prevent";
     }
     switch (t.key) {
@@ -2701,7 +2709,7 @@ class ks {
       case "a":
       case "A":
         if (!t.commandKey || t.shiftKey || t.altKey) break;
-        return this.selection.update({ selection: cs(a, i) }), "prevent";
+        return this.selection.update({ selection: us(a, i) }), "prevent";
       case "Enter":
         return t.shiftKey || t.altKey || t.commandKey ? "ignore" : (this.requestEdit(s, "enter", !1), "prevent");
       case "F2":
@@ -2715,7 +2723,7 @@ class ks {
       case "Escape":
         return "ignore";
     }
-    return ma(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
+    return ga(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
   }
   // ---- drawing ----------------------------------------------------------
   /** Everything `drawGrid` needs except the theme and the cell/icon painters. */
@@ -2769,31 +2777,31 @@ class ks {
     this.autoScroller.stop();
   }
 }
-const Is = () => {
+const Ps = () => {
   if (typeof navigator > "u") return !1;
   const e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
   return /mac|iphone|ipad|ipod/i.test(e);
-}, Vn = (e, t) => {
+}, Gn = (e, t) => {
   const n = Number.parseFloat(e.getPropertyValue(t));
   return Number.isFinite(n) && n > 0 ? n : void 0;
-}, Ps = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
+}, zs = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
   const n = getComputedStyle(e);
   return {
-    rowHeight: Vn(n, "--ui-grid-row-height") ?? t.rowHeight,
-    headerHeight: Vn(n, "--ui-grid-header-height") ?? t.headerHeight
+    rowHeight: Gn(n, "--ui-grid-row-height") ?? t.rowHeight,
+    headerHeight: Gn(n, "--ui-grid-header-height") ?? t.headerHeight
   };
-}, zs = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, Ms = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], As = ["id"], Es = { role: "rowgroup" }, Hs = {
+}, Ms = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, As = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Es = ["id"], Hs = { role: "rowgroup" }, Ts = {
   role: "row",
   "aria-rowindex": "1"
-}, Ts = ["id", "aria-colindex"], Fs = { role: "rowgroup" }, Ns = ["aria-rowindex", "aria-hidden"], Ls = ["id"], Ds = ["aria-colindex", "aria-selected", "aria-readonly"], Ws = ["id"], Bs = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Os = ["id"], Vs = {
+}, Fs = ["id", "aria-colindex"], Ns = { role: "rowgroup" }, Ls = ["aria-rowindex", "aria-hidden"], Ds = ["id"], Ws = ["aria-colindex", "aria-selected", "aria-readonly"], Bs = ["id"], Os = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Vs = ["id"], Gs = {
   key: 1,
   role: "status",
   class: "sr-only"
-}, Gs = {
+}, Us = {
   key: 2,
   "data-ui-grid-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, Us = 6, Ks = 250, _s = 100, $s = 800, qs = 300, Xs = 300, Tr = /* @__PURE__ */ Xo({
+}, Ks = 6, _s = 250, $s = 100, Xs = 800, qs = 300, Ys = 300, Fr = /* @__PURE__ */ Yo({
   __name: "GridHost",
   props: {
     columns: {},
@@ -2827,9 +2835,9 @@ const Is = () => {
   },
   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 = ni(), s = Yo(), r = xe(), c = xe(), l = xe(), u = xe(), h = xe(), m = ce({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), g = ce({ ...co, ...o.themeOverrides }), C = ce({ width: 0, height: 0 }), S = ce({ kind: "none", ranges: [], activeCell: null }), p = ce({ width: 0, height: 0 }), w = xe(!1), v = xe(!1), y = ce(0);
+    const o = e, i = n, a = oi(), s = jo(), r = xe(), c = xe(), l = xe(), u = xe(), h = xe(), m = ce({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), g = ce({ ...uo, ...o.themeOverrides }), C = ce({ width: 0, height: 0 }), S = ce({ kind: "none", ranges: [], activeCell: null }), p = ce({ width: 0, height: 0 }), w = xe(!1), v = xe(!1), y = ce(0);
     let R = Ue.danger;
-    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => zs(C.value.height, P.value, k.value)), N = _(() => !o.loading && o.rowCount === 0), M = () => {
+    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => Ms(C.value.height, P.value, k.value)), N = _(() => !o.loading && o.rowCount === 0), M = () => {
       const d = o.loading && o.rowCount === 0;
       return {
         columns: o.columns,
@@ -2847,7 +2855,7 @@ const Is = () => {
       };
     }, E = () => o.loading && o.rowCount === 0;
     let F = 0, W, K = null, G = null;
-    const ke = () => o.editing || L.active, z = new ks(M(), {
+    const ke = () => o.editing || L.active, z = new Is(M(), {
       render: () => ge(),
       selectionChange: (d) => {
         const f = L.state.value.cell;
@@ -2873,7 +2881,7 @@ const Is = () => {
       rowExpand: (d, f) => f === void 0 ? i("row-expand", d) : i("row-expand", d, f),
       headerMenu: (d, f) => i("header-menu", d, f),
       columnResize: (d, f, b) => {
-        p.value = z.contentSize, b ? (i("column-resize-end", d, f), Bo(d, f)) : i("column-resize", d, f);
+        p.value = z.contentSize, b ? (i("column-resize-end", d, f), Oo(d, f)) : i("column-resize", d, f);
       },
       fill: (d) => {
         De(), i("fill-request", d);
@@ -2886,7 +2894,7 @@ const Is = () => {
       visibleRangeChange: (d) => {
         E() || i("visible-range-change", d);
       }
-    }), L = Xa({
+    }), L = Ya({
       owner: () => h.value,
       root: () => r.value,
       enabled: () => !!o.getEditText,
@@ -2932,7 +2940,7 @@ const Is = () => {
         drawCell: mt,
         drawIcon: o.drawIcon ? Ie : void 0
       };
-      oa(d, K, f, W), W = f, re(d), l.value && (l.value.style.cursor = z.cursor), Le();
+      ia(d, K, f, W), W = f, re(d), l.value && (l.value.style.cursor = z.cursor), Le();
     }
     function ie() {
       F && (cancelAnimationFrame(F), Ye());
@@ -3007,9 +3015,9 @@ const Is = () => {
       d.style.transform = `translate(${bt}px, ${xt}px)`, d.style.width = `${b.width}px`, d.style.height = `${b.height}px`;
     }
     function Pe() {
-      return ua(h.value, r.value ?? null);
+      return da(h.value, r.value ?? null);
     }
-    const ve = (d) => Is() ? d.metaKey : d.ctrlKey;
+    const ve = (d) => Ps() ? d.metaKey : d.ctrlKey;
     function ae(d) {
       const f = G ?? (G = r.value.getBoundingClientRect());
       return { x: d.clientX - f.left, y: d.clientY - f.top, shiftKey: d.shiftKey, commandKey: ve(d) };
@@ -3018,13 +3026,13 @@ const Is = () => {
       const f = l.value, b = G;
       return d.clientX - b.left >= f.clientWidth || d.clientY - b.top >= f.clientHeight;
     }
-    let le = null, q = null, Yt = -1 / 0, jt = -1 / 0, je = !1;
-    const Qe = () => typeof performance > "u" ? Date.now() : performance.now(), Qt = () => q != null || Qe() - Yt < $s;
+    let le = null, X = null, Yt = -1 / 0, jt = -1 / 0, je = !1;
+    const Qe = () => typeof performance > "u" ? Date.now() : performance.now(), Qt = () => X != null || Qe() - Yt < Xs;
     function Ze() {
-      q && clearTimeout(q.timer), q = null, Yt = Qe();
+      X && clearTimeout(X.timer), X = null, Yt = Qe();
     }
-    function ko(d) {
-      if (q) {
+    function Io(d) {
+      if (X) {
         Ze();
         return;
       }
@@ -3032,27 +3040,27 @@ const Is = () => {
         id: d.pointerId,
         x: d.clientX,
         y: d.clientY,
-        flingStop: Qe() - jt < _s,
+        flingStop: Qe() - jt < $s,
         longPressed: !1,
         timer: setTimeout(() => {
-          q !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
-        }, Ks)
+          X !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
+        }, _s)
       };
-      q = f;
-    }
-    function Io(d) {
-      const f = q;
-      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Us && Ze();
+      X = f;
     }
     function Po(d) {
-      const f = q;
+      const f = X;
+      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Ks && Ze();
+    }
+    function zo(d) {
+      const f = X;
       !f || f.id !== d.pointerId || (Ze(), !(f.longPressed || f.flingStop) && (L.active && !L.commit("pointer") || o.editing || (z.tap(ae(d)), ie(), le && clearTimeout(le), le = setTimeout(() => {
         le = null, z.clearTapFeedback();
       }, qs))));
     }
-    function zo(d) {
+    function Mo(d) {
       if (G = r.value.getBoundingClientRect(), d.pointerType === "touch") {
-        ko(d);
+        Io(d);
         return;
       }
       if (d.button !== 0 || gt(d)) return;
@@ -3070,16 +3078,16 @@ const Is = () => {
         Pe();
       }
     }
-    function Mo(d) {
+    function Ao(d) {
       if (d.pointerType === "touch") {
-        Io(d);
+        Po(d);
         return;
       }
       G || (G = r.value.getBoundingClientRect()), z.pointerMove(ae(d)), ie(), l.value && (l.value.style.cursor = z.cursor);
     }
-    function Ao(d) {
+    function Eo(d) {
       if (d.pointerType === "touch") {
-        Po(d);
+        zo(d);
         return;
       }
       if (z.isGestureActive) {
@@ -3092,36 +3100,36 @@ const Is = () => {
     }
     function Zt(d) {
       if (d.pointerType === "touch") {
-        q?.id === d.pointerId && Ze();
+        X?.id === d.pointerId && Ze();
         return;
       }
       z.cancelGesture(), ie();
     }
-    function Eo() {
+    function Ho() {
       z.pointerLeave();
     }
-    function Ho(d) {
+    function To(d) {
       ke() || Qt() || z.doubleClick(ae(d));
     }
-    function To(d) {
+    function Fo(d) {
       if (Qt()) {
         d.preventDefault();
         return;
       }
       G = r.value.getBoundingClientRect(), z.contextMenu(ae(d)) && (d.preventDefault(), Pe());
     }
-    function Fo() {
+    function No() {
       const d = l.value;
       d && (G = null, jt = Qe(), z.setScroll(d.scrollLeft, d.scrollTop));
     }
-    function No(d) {
+    function Lo(d) {
       if (L.active) {
         L.keyDown(d, ve(d)) && d.stopPropagation();
         return;
       }
       if (o.editing) return;
-      if (d.key === "Escape" && De(), Lo(d)) {
-        Do();
+      if (d.key === "Escape" && De(), Do(d)) {
+        Wo();
         return;
       }
       z.keyDown({
@@ -3140,12 +3148,12 @@ const Is = () => {
       Je && (Je = null, ge());
     }
     const ft = () => ({ rowCount: o.loading && o.rowCount === 0 ? 0 : o.rowCount, columnCount: o.columns.length });
-    function Lo(d) {
+    function Do(d) {
       if (!ve(d) || d.altKey || d.shiftKey) return !1;
       const f = d.key.toLowerCase();
       return f === "c" || f === "x" || d.code === "KeyC" || d.code === "KeyX";
     }
-    function Do() {
+    function Wo() {
       const d = h.value;
       !d || d.value || (d.value = " ", d.select(), fe && clearTimeout(fe), fe = setTimeout(Jt, 0));
     }
@@ -3153,20 +3161,20 @@ const Is = () => {
       fe && clearTimeout(fe), fe = null, h.value && !L.active && (h.value.value = "");
     }
     function pt(d, f, b, T) {
-      T && (Je = qe(d, ft()), ge()), i("clipboard-copy", { block: f, cellCount: Pa(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
+      T && (Je = Xe(d, ft()), ge()), i("clipboard-copy", { block: f, cellCount: za(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
     }
     function en(d, f) {
-      const b = z.getSelection(), T = fo(b, ft());
+      const b = z.getSelection(), T = po(b, ft());
       if (!T) return Promise.resolve(!1);
-      const U = Ma(T, o.isRowLoaded);
+      const U = Aa(T, o.isRowLoaded);
       if (f && U) {
-        const be = ba(f, It(Hn(T, o.getCopyText ?? o.getCellText)));
+        const be = xa(f, It(Hn(T, o.getCopyText ?? o.getCellText)));
         return pt(b, T, d, be), Promise.resolve(be);
       }
       f?.preventDefault();
       let Z;
       return U ? Z = Promise.resolve(It(Hn(T, o.getCopyText ?? o.getCellText))) : o.resolveCopy ? Z = o.resolveCopy(T).then(It) : Z = Promise.reject(new Error("Rows are not loaded")), Z.catch(() => {
-      }), Ra(Z).then(
+      }), ka(Z).then(
         () => (pt(b, T, d, !0), !0),
         () => (pt(b, T, d, !1), !1)
       );
@@ -3176,14 +3184,14 @@ const Is = () => {
     }
     function nn(d) {
       if (o.readonly) return null;
-      const f = za(d, z.getSelection(), {
+      const f = Ma(d, z.getSelection(), {
         ...ft(),
         isReadonlyColumn: (b) => !!o.columns[b]?.readonly
       });
       return f ? (De(), i("paste-request", f), f) : null;
     }
-    function Wo(d) {
-      L.active || ga({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: h.value ?? null }) && (d.preventDefault(), S.value.kind !== "none" && nn(d.clipboardData?.getData("text/plain") ?? ""));
+    function Bo(d) {
+      L.active || fa({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: h.value ?? null }) && (d.preventDefault(), S.value.kind !== "none" && nn(d.clipboardData?.getData("text/plain") ?? ""));
     }
     const Ct = /* @__PURE__ */ new Map();
     let ze = null;
@@ -3193,13 +3201,13 @@ const Is = () => {
       Ct.clear();
       for (const [f, b] of d) i("column-width-save", f, b);
     }
-    function Bo(d, f) {
-      Ct.set(d, f), ze && clearTimeout(ze), ze = setTimeout(on, Xs);
+    function Oo(d, f) {
+      Ct.set(d, f), ze && clearTimeout(ze), ze = setTimeout(on, Ys);
     }
-    function Oo() {
+    function Vo() {
       o.editing || (L.active || z.compositionStart(), L.active && L.compositionStart());
     }
-    function Vo() {
+    function Go() {
       L.compositionEnd();
     }
     let wt = null, vt = null, St = null, We = null;
@@ -3216,7 +3224,7 @@ const Is = () => {
     }
     function ye() {
       const d = r.value;
-      d && (m.value = Ps(d, m.value), g.value = ra(d, o.themeOverrides), R = vo(d).danger, I.value = Oa(d.ownerDocument, g.value.fontSizeSM, g.value.fontFamily), z.theme = g.value, yt(), z.invalidate());
+      d && (m.value = zs(d, m.value), g.value = la(d, o.themeOverrides), R = So(d).danger, I.value = Va(d.ownerDocument, g.value.fontSizeSM, g.value.fontFamily), z.theme = g.value, yt(), z.invalidate());
     }
     function yt() {
       z.configure(M()), p.value = z.contentSize;
@@ -3232,7 +3240,7 @@ const Is = () => {
     }, { immediate: !0 }), ue(
       () => [o.columns, o.rowCount, o.freezeColumnCount, o.rowControls, o.selectable, o.draggable, o.columnResizable, o.readonly, v.value, k.value, P.value, w.value, A.value],
       yt
-    ), ue(() => [o.getCellText, o.cellRenderer, o.isRowLoaded, o.drawIcon], () => z.invalidate()), ue(() => o.themeOverrides, ye), ue(() => o.editing, () => ge()), ue(() => o.highlightedRow, () => z.invalidate()), jo(() => {
+    ), ue(() => [o.getCellText, o.cellRenderer, o.isRowLoaded, o.drawIcon], () => z.invalidate()), ue(() => o.themeOverrides, ye), ue(() => o.editing, () => ge()), ue(() => o.highlightedRow, () => z.invalidate()), Qo(() => {
       if (K = document.createElement("canvas"), ye(), sn(), typeof ResizeObserver < "u" && (wt = new ResizeObserver(() => sn()), wt.observe(r.value)), typeof MutationObserver < "u") {
         vt = new MutationObserver(() => ye());
         const d = r.value.closest("[data-ui-app]");
@@ -3240,13 +3248,13 @@ const Is = () => {
           f && vt.observe(f, { attributes: !0, attributeFilter: ["data-ui-color-scheme", "data-ui-density", "style", "class"] });
       }
       St = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, St?.addEventListener?.("change", ye), We = typeof matchMedia == "function" ? matchMedia("(pointer: coarse)") : null, v.value = !!We?.matches, We?.addEventListener?.("change", an), ge();
-    }), Qo(() => {
-      F && cancelAnimationFrame(F), Se && clearTimeout(Se), wt?.disconnect(), vt?.disconnect(), St?.removeEventListener?.("change", ye), We?.removeEventListener?.("change", an), q && clearTimeout(q.timer), le && clearTimeout(le), z.dispose(), fe && clearTimeout(fe), on(), K = null;
+    }), Zo(() => {
+      F && cancelAnimationFrame(F), Se && clearTimeout(Se), wt?.disconnect(), vt?.disconnect(), St?.removeEventListener?.("change", ye), We?.removeEventListener?.("change", an), X && clearTimeout(X.timer), le && clearTimeout(le), z.dispose(), fe && clearTimeout(fe), on(), K = null;
     });
-    const Y = _(() => S.value.activeCell), Go = _(() => Y.value ? o.columns[Y.value[0]] : void 0), Uo = _(() => {
+    const Y = _(() => S.value.activeCell), Uo = _(() => Y.value ? o.columns[Y.value[0]] : void 0), Ko = _(() => {
       const d = Y.value;
       return d ? o.getRowLabel?.(d[1]) ?? String(d[1] + 1) : "";
-    }), Ko = _(() => Y.value && o.rowCount > 0 ? o.getCellText(Y.value) : ""), rn = (d) => `${s}-col-${d}`, _o = _(() => Y.value ? `${rn(Y.value[0])} ${s}-rowheader ${s}-cell` : `${s}-label`), ln = (d) => z.getCellRect(d), j = _(() => L.state.value), cn = _(() => j.value.active && j.value.mode === "edit" && j.value.kind === "long-text" && !!o.editHint), et = _(() => ({
+    }), _o = _(() => Y.value && o.rowCount > 0 ? o.getCellText(Y.value) : ""), rn = (d) => `${s}-col-${d}`, $o = _(() => Y.value ? `${rn(Y.value[0])} ${s}-rowheader ${s}-cell` : `${s}-label`), ln = (d) => z.getCellRect(d), j = _(() => L.state.value), cn = _(() => j.value.active && j.value.mode === "edit" && j.value.kind === "long-text" && !!o.editHint), et = _(() => ({
       open: j.value.active,
       kind: j.value.kind,
       view: j.value.mode === "view",
@@ -3257,7 +3265,7 @@ const Is = () => {
       theme: g.value,
       dangerColor: R,
       textBox: I.value
-    })), $o = _(() => Ua(et.value)), un = _(() => j.value.active ? wo(et.value) : k.value), tt = _(() => {
+    })), Xo = _(() => Ka(et.value)), un = _(() => j.value.active ? vo(et.value) : k.value), tt = _(() => {
       if (y.value, j.value.active) return j.value.error;
       const d = S.value.activeCell, f = d && o.cellStatus ? o.cellStatus(d) : null;
       return f?.state === "error" ? f.message : null;
@@ -3291,12 +3299,12 @@ const Is = () => {
       "data-ui-grid-skeleton": w.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: Wo
+      onPaste: Bo
     }, [
       ee("span", {
         id: `${J(s)}-label`,
         class: "sr-only"
-      }, we(e.label), 9, As),
+      }, we(e.label), 9, Es),
       ee("canvas", {
         ref_key: "canvas",
         ref: c,
@@ -3309,32 +3317,32 @@ const Is = () => {
         "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: zo,
-        onPointermove: Mo,
-        onPointerup: Ao,
+        onScrollPassive: No,
+        onPointerdown: Mo,
+        onPointermove: Ao,
+        onPointerup: Eo,
         onPointercancel: Zt,
         onLostpointercapture: Zt,
-        onPointerleave: Eo,
-        onDblclick: Ho,
-        onContextmenu: To
+        onPointerleave: Ho,
+        onDblclick: To,
+        onContextmenu: Fo
       }, [
         ee("div", {
           style: Be({ width: `${p.value.width}px`, height: `${p.value.height}px` })
         }, null, 4)
       ], 544),
-      ee("div", Es, [
-        ee("div", Hs, [
-          (pe(!0), Ce(Zo, null, Jo(e.columns, (b, T) => (pe(), Ce("span", {
+      ee("div", Hs, [
+        ee("div", Ts, [
+          (pe(!0), Ce(Jo, null, ei(e.columns, (b, T) => (pe(), Ce("span", {
             id: rn(T),
             key: b.id,
             role: "columnheader",
             class: "sr-only",
             "aria-colindex": T + 1
-          }, we(b.name), 9, Ts))), 128))
+          }, we(b.name), 9, Fs))), 128))
         ])
       ]),
-      ee("div", Fs, [
+      ee("div", Ns, [
         ee("div", {
           role: "row",
           "aria-rowindex": Y.value ? Y.value[1] + 2 : 2,
@@ -3344,27 +3352,27 @@ const Is = () => {
             id: `${J(s)}-rowheader`,
             role: "rowheader",
             class: "sr-only"
-          }, we(Uo.value), 9, Ls),
+          }, we(Ko.value), 9, Ds),
           ee("div", {
             ref_key: "focusCell",
             ref: u,
             role: "gridcell",
             "aria-colindex": Y.value ? Y.value[0] + 1 : 1,
             "aria-selected": Y.value ? "true" : void 0,
-            "aria-readonly": e.readonly || Go.value?.readonly ? "true" : void 0,
+            "aria-readonly": e.readonly || Uo.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" }
           }, [
             ee("span", {
               id: `${J(s)}-cell`,
               class: "sr-only"
-            }, we(Ko.value), 9, Ws),
+            }, we(_o.value), 9, Bs),
             ee("textarea", {
               ref_key: "focusOwner",
               ref: h,
               "data-ui-grid-focus-owner": "",
               "data-ui-grid-editing": j.value.active ? j.value.mode : void 0,
-              "aria-labelledby": _o.value,
+              "aria-labelledby": $o.value,
               "aria-invalid": tt.value ? "true" : void 0,
               "aria-describedby": tt.value ? `${J(s)}-message` : void 0,
               readonly: j.value.active && j.value.mode === "view" ? !0 : void 0,
@@ -3372,29 +3380,29 @@ const Is = () => {
               autocapitalize: "off",
               spellcheck: "false",
               rows: "1",
-              style: Be($o.value),
-              onKeydown: No,
-              onCompositionstart: Oo,
-              onCompositionend: Vo,
+              style: Be(Xo.value),
+              onKeydown: Lo,
+              onCompositionstart: Vo,
+              onCompositionend: Go,
               onInput: f[0] || (f[0] = (b) => J(L).input()),
               onBlur: f[1] || (f[1] = (b) => J(L).blur()),
               onCopy: f[2] || (f[2] = (b) => tn(b, !1)),
               onCut: f[3] || (f[3] = (b) => tn(b, !0))
-            }, null, 44, Bs),
+            }, null, 44, Os),
             cn.value ? (pe(), Ce("span", {
               key: 0,
               "data-ui-grid-edit-hint": "",
               "aria-hidden": "true",
-              style: Be({ ...J(Ka)(et.value), top: `${un.value - J(lt)}px` })
+              style: Be({ ...J(_a)(et.value), top: `${un.value - J(lt)}px` })
             }, we(e.editHint), 5)) : Oe("", !0),
             tt.value ? (pe(), Ce("div", {
               key: 1,
               id: `${J(s)}-message`,
               "data-ui-grid-edit-message": "",
-              style: Be({ ...J(_a)(et.value), top: `${un.value + 4}px` })
-            }, we(tt.value), 13, Os)) : Oe("", !0)
-          ], 8, Ds)
-        ], 8, Ns)
+              style: Be({ ...J($a)(et.value), top: `${un.value + 4}px` })
+            }, we(tt.value), 13, Vs)) : Oe("", !0)
+          ], 8, Ws)
+        ], 8, Ls)
       ]),
       N.value ? (pe(), Ce("div", {
         key: 0,
@@ -3402,19 +3410,19 @@ const Is = () => {
         style: Be([{ top: `${P.value}px` }, { position: "absolute", left: "0", right: "0", bottom: "0", display: "flex", "align-items": "center", "justify-content": "center", color: "var(--ui-text-muted)", "font-size": "var(--ui-font-size)", "pointer-events": "none", "z-index": "1" }])
       }, [
         hn(d.$slots, "empty", {}, () => [
-          ei(we(J(a)("No data")), 1)
+          ti(we(J(a)("No data")), 1)
         ])
       ], 4)) : Oe("", !0),
-      e.loading ? (pe(), Ce("span", Vs, we(J(a)("Loading")), 1)) : Oe("", !0),
-      d.$slots.overlay ? (pe(), Ce("div", Gs, [
+      e.loading ? (pe(), Ce("span", Gs, we(J(a)("Loading")), 1)) : Oe("", !0),
+      d.$slots.overlay ? (pe(), Ce("div", Us, [
         hn(d.$slots, "overlay", {
           activeCell: Y.value,
           getCellRect: ln
         })
       ])) : Oe("", !0)
-    ], 40, Ms));
+    ], 40, As));
   }
-}), Ys = (e, t = 500) => {
+}), js = (e, t = 500) => {
   const n = new ct(t);
   let o = !1;
   const i = () => {
@@ -3437,13 +3445,13 @@ const Is = () => {
     },
     clear: () => n.clear()
   };
-}, Gn = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], js = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), Un = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
-function Kn(e) {
+}, Un = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], Qs = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), Kn = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
+function _n(e) {
   if (!e) return;
   const n = e.trim().replaceAll("_", "-").toLowerCase();
-  return Un[n] ? Un[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : Gn.find((i) => i.toLowerCase() === n) ?? Gn.find((i) => i === n.split("-")[0]);
+  return Kn[n] ? Kn[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : Un.find((i) => i.toLowerCase() === n) ?? Un.find((i) => i === n.split("-")[0]);
 }
-function Qs() {
+function Zs() {
   if (typeof window > "u") return "en";
   const e = window;
   let t;
@@ -3452,27 +3460,27 @@ function Qs() {
   } catch {
     t = void 0;
   }
-  const n = typeof t == "string" ? Kn(t) : void 0;
+  const n = typeof t == "string" ? _n(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 = Kn(i);
+    const a = _n(i);
     if (a) return a;
   }
   return "en";
 }
-function Zs(e) {
-  const t = ti(js, null);
+function Js(e) {
+  const t = ni(Qs, null);
   let n;
-  return _(() => e() ?? t?.value ?? (n ??= Qs()));
+  return _(() => e() ?? t?.value ?? (n ??= Zs()));
 }
-function yo(e, t) {
+function bo(e, t) {
   return e.replace(/\{(\w+)\}/g, (n, o) => String(t[o] ?? n));
 }
-const _e = 4, Re = 6, Js = 4, Ae = 4, he = (e, t, n, o = "") => {
+const _e = 4, Re = 6, er = 4, Ae = 4, he = (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, er = (e) => {
+}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, tr = (e) => {
   const t = e.trim();
   if (!t) return "";
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
@@ -3492,9 +3500,9 @@ const _e = 4, Re = 6, Js = 4, Ae = 4, he = (e, t, n, o = "") => {
     fontSize: s,
     textAlign: o.align ?? "left"
   }).width;
-}, bo = (e, t, n, o, i) => {
+}, xo = (e, t, n, o, i) => {
   const { metrics: a, theme: s } = t;
-  D(e, { ...n, radius: Js, fill: i.fill }), he(e, a.chipFontSize, s.fontFamily), $e(e, {
+  D(e, { ...n, radius: er, fill: i.fill }), he(e, a.chipFontSize, s.fontFamily), $e(e, {
     text: o,
     x: n.x + Re,
     y: n.y + (n.height - a.chipFontSize) / 2,
@@ -3521,8 +3529,8 @@ const _e = 4, Re = 6, Js = 4, Ae = 4, he = (e, t, n, o = "") => {
   return { widths: i, more: 0, badgeWidth: 0 };
 }, _t = (e, t, n) => (he(e, t.metrics.chipFontSize, t.theme.fontFamily), Ee(e, `+${n}`, t.metrics.chipFontSize) + 2 * Re), $t = (e, t, n, o, i) => {
   const { metrics: a, cellTheme: s } = t, r = t.y + (t.height - a.chip) / 2;
-  bo(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
-}, tr = (e, t, n, o, i) => {
+  xo(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
+}, nr = (e, t, n, o, i) => {
   const a = t + o / 2, s = n + o / 2 + o * 0.04, r = o / 2, c = r * 0.45;
   e.beginPath();
   for (let l = 0; l < 10; l++) {
@@ -3530,11 +3538,11 @@ const _e = 4, Re = 6, Js = 4, Ae = 4, he = (e, t, n, o = "") => {
     l === 0 ? e.moveTo(m, g) : e.lineTo(m, g);
   }
   e.closePath(), e.fillStyle = i, e.fill();
-}, nr = (e, t, n, o, i) => {
+}, or = (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 qt {
+class Xt {
   cache = new ct(200);
   set(t, n) {
     this.cache.set(t, n);
@@ -3546,70 +3554,70 @@ class qt {
     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, or = { type: "decimal", precision: 2 }, _n = (e, t) => {
+const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, ir = { type: "decimal", precision: 2 }, $n = (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;
-}, ir = (e, t = or, n = "en-US") => {
+}, ar = (e, t = ir, 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 });
     return s + a + r;
   }
-  return t.type === "percent" ? `${_n(o * 100, i)}%` : _n(o, i);
-}, Fr = (e, t) => {
+  return t.type === "percent" ? `${$n(o * 100, i)}%` : $n(o, i);
+}, Nr = (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;
-}, dt = (e) => e.map(String).filter(Boolean).join(", "), ar = (e, t) => {
+}, dt = (e) => e.map(String).filter(Boolean).join(", "), sr = (e, t) => {
   const n = t.chips[e.tone ?? "neutral"] ?? t.chips.neutral;
   return { fill: e.fill ?? n.fill, color: e.color ?? n.color };
-}, ht = (e) => Math.max(0, e.width - 2 * e.metrics.padding), sr = {
+}, ht = (e) => Math.max(0, e.width - 2 * e.metrics.padding), rr = {
   draw: (e, t, n) => {
     me(e, t, n.text);
   },
   describe: (e) => e.text
-}, rr = {
+}, lr = {
   draw: (e, t, n) => {
     me(e, t, n.text.replace(/\s*\n\s*/g, " "));
   },
   describe: (e) => e.text
-}, lr = {
+}, cr = {
   draw: (e, t, n) => {
     me(e, t, n.text);
   },
   describe: (e) => e.text
-}, cr = {
+}, ur = {
   draw: (e, t, n) => {
     me(e, t, n.text, { color: t.cellTheme.textMuted, align: n.align === "end" ? "right" : "left" });
   },
   describe: (e) => e.text
-}, $n = (e, t) => e.text ?? ir(e.value, e.format, t), ur = {
+}, Xn = (e, t) => e.text ?? ar(e.value, e.format, t), dr = {
   draw: (e, t, n) => {
-    me(e, t, $n(n, t.locale), { align: "right" });
+    me(e, t, Xn(n, t.locale), { align: "right" });
   },
-  describe: (e, t) => $n(e, t.locale)
+  describe: (e, t) => Xn(e, t.locale)
 }, qn = (e, t, n) => {
   const o = n.icon;
   return { x: e - n.padding - o, y: (t - o) / 2, width: o, height: o };
-}, dr = {
+}, hr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i } = t, a = qn(t.width, t.height, o);
-    n.text && (me(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), nr(e, t.x + a.x, t.y + a.y, a.width, i.link));
+    n.text && (me(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), or(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 = qn(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;
+    return qe(t, a) ? { action: { type: "open-url", href: e.href }, area: a } : null;
   }
-}, Xn = (e, t, n) => {
+}, Yn = (e, t, n) => {
   const o = n.icon;
   return { x: e / 2 - o / 2, y: t / 2 - o / 2, width: o, height: o };
-}, Yn = (e) => ({ type: "update", value: !e.value }), hr = {
+}, jn = (e) => ({ type: "update", value: !e.value }), mr = {
   draw: (e, t, n) => {
-    const { cellTheme: o, metrics: i } = t, a = Xn(t.width, t.height, i);
+    const { cellTheme: o, metrics: i } = t, a = Yn(t.width, t.height, i);
     Bt(e, {
       x: t.x + a.x,
       y: t.y + a.y,
@@ -3624,23 +3632,23 @@ 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 = Xn(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: Yn(e), area: a } : 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) };
+    return qe(t, a) ? { action: jn(e), area: a } : null;
   },
-  keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? Yn(e) : null
-}, At = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), mr = {
+  keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? jn(e) : null
+}, At = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), gr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i } = t, a = o.icon, s = t.y + (t.height - a) / 2, r = st(n);
     let c = t.x + o.padding;
     for (let l = 0; l < r && c + a <= t.x + t.width - o.padding + At; l++)
-      tr(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + At;
+      nr(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + At;
   },
-  describe: (e, { labels: t }) => e.value > 0 ? yo(t.rating, { value: e.value, max: st(e) }) : "",
+  describe: (e, { labels: t }) => e.value > 0 ? bo(t.rating, { value: e.value, max: st(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 + At, a = st(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;
+    if (!qe(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 };
   },
@@ -3652,7 +3660,7 @@ 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(st(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")}`, Nt = new qt(), xo = (e, t, n) => {
+}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Nt = new Xt(), Ro = (e, t, n) => {
   const { metrics: o, theme: i } = t;
   if (!n.length) return [];
   he(e, o.chipFontSize, i.fontFamily);
@@ -3661,38 +3669,38 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   const u = [];
   return r.widths.forEach((h, m) => {
     const g = { x: l, y: c, width: h, height: o.chip };
-    bo(e, t, g, n[m].label, n[m].colors), u.push({ x: l - t.x, y: c - t.y, width: h, height: o.chip }), l += h + _e;
+    xo(e, t, g, n[m].label, n[m].colors), u.push({ x: l - t.x, y: c - t.y, width: h, height: o.chip }), l += h + _e;
   }), r.more > 0 && $t(e, t, l, r.more, r.badgeWidth), u;
-}, gr = {
+}, fr = {
   draw: (e, t, n) => {
-    xo(e, t, n.options.map((o) => ({ label: o.label, colors: ar(o, t.cellTheme) })));
+    Ro(e, t, n.options.map((o) => ({ label: o.label, colors: sr(o, t.cellTheme) })));
   },
   describe: (e) => dt(e.options.map((t) => t.label))
-}, fr = {
+}, pr = {
   draw: (e, t, n) => {
-    const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = xo(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
+    const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = Ro(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
     Nt.set(He("link", t, n.records.map((a) => a.id)), i);
   },
   describe: (e) => dt(e.records.map((t) => t.label)),
-  hitTest: (e, t) => Ro(Nt.get(He("link", Xt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
-}, Xt = (e) => ({ width: e.size.width, metrics: e.metrics }), Ro = (e, t, n, o = !1) => {
+  hitTest: (e, t) => ko(Nt.get(He("link", qt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
+}, qt = (e) => ({ width: e.size.width, metrics: e.metrics }), ko = (e, t, n, o = !1) => {
   if (!t.wasActive && !o || !e) return null;
-  const i = e.findIndex((a) => Xe(t.point, a));
+  const i = e.findIndex((a) => qe(t.point, a));
   return i < 0 ? null : { action: n(i), area: e[i] };
-}, pr = (e, t, n, o, i, a, s) => {
+}, Cr = (e, t, n, o, i, a, s) => {
   const { cellTheme: r, theme: c } = t, l = 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(), l)
     e.clip(), e.drawImage(l, n, o, i, i);
   else {
     e.fillStyle = r.avatarFill, e.fill();
-    const u = er(a);
+    const u = tr(a);
     if (u) {
       const h = Math.round(i * 0.55);
       he(e, h, c.fontFamily), e.fillStyle = r.avatarText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(u, n + i / 2, o + i / 2 + 0.5);
     }
   }
   e.restore();
-}, Cr = {
+}, wr = {
   draw: (e, t, n) => {
     const { metrics: o, theme: i } = t;
     if (!n.people.length) return;
@@ -3702,83 +3710,83 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     let l = t.x + o.padding;
     r.widths.forEach((u, h) => {
       const m = n.people[h];
-      pr(e, t, l, c, a, m.name, m.avatarUrl), u > a + Ae && me(e, t, m.name, { x: l + a + Ae, maxWidth: u - a - Ae - (h < r.widths.length - 1 || r.more ? Re : 0) }), l += u + _e;
+      Cr(e, t, l, c, a, m.name, m.avatarUrl), u > a + Ae && me(e, t, m.name, { x: l + a + Ae, maxWidth: u - a - Ae - (h < r.widths.length - 1 || r.more ? Re : 0) }), l += u + _e;
     }), r.more > 0 && $t(e, t, l, r.more, r.badgeWidth);
   },
   describe: (e) => dt(e.people.map((t) => t.name))
-}, jn = (e) => {
+}, Qn = (e) => {
   const t = /\.([\p{L}\p{N}]{1,5})$/u.exec(e);
   return t ? t[1].toUpperCase() : "";
-}, Lt = new qt(), wr = {
+}, Lt = new Xt(), vr = {
   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));
     he(e, r, a.fontFamily, "600");
-    const c = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, jn(g.name) || "?", r) + 6)), l = Kt(c, ht(t), (g) => _t(e, t, g), s), u = t.y + (t.height - s) / 2;
+    const c = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, Qn(g.name) || "?", r) + 6)), l = Kt(c, ht(t), (g) => _t(e, t, g), s), u = t.y + (t.height - s) / 2;
     let h = t.x + o.padding;
     const m = [];
     l.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 }), he(e, r, a.fontFamily, "600"), e.fillStyle = i.badgeText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(jn(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;
+      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 }), he(e, r, a.fontFamily, "600"), e.fillStyle = i.badgeText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(Qn(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;
     }), l.more > 0 && $t(e, t, h, l.more, l.badgeWidth), Lt.set(He("attachment", t, n.files.map((g) => g.id)), m);
   },
   describe: (e) => dt(e.files.map((t) => t.name)),
-  hitTest: (e, t) => Ro(Lt.get(He("attachment", Xt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
-}, Qn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, vr = {
+  hitTest: (e, t) => ko(Lt.get(He("attachment", qt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
+}, Zn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, Sr = {
   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, c = t.y + t.height / 2, l = a / 2 - 1.25;
-    e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, c, l, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, c, l, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), me(e, t, Qn(s), { x: t.x + o.padding + a + Ae + 2 });
+    e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, c, l, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, c, l, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), me(e, t, Zn(s), { x: t.x + o.padding + a + Ae + 2 });
   },
-  describe: (e) => e.value == null ? "" : Qn(e.value)
-}, Et = 10, Dt = new qt(), Sr = {
+  describe: (e) => e.value == null ? "" : Zn(e.value)
+}, Et = 10, Dt = new Xt(), yr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.label) return;
     he(e, o.chipFontSize, a.fontFamily);
     const s = Math.min(ht(t), Ee(e, n.label, o.chipFontSize) + 2 * Et), r = { x: t.x + o.padding, y: t.y + (t.height - o.chip) / 2, width: s, height: o.chip };
-    D(e, { ...r, radius: Zn, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: Zn, stroke: i.buttonBorder }), n.disabled && (e.globalAlpha = 0.5), me(e, t, n.label, { x: r.x + Et, maxWidth: s - 2 * Et, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Dt.set(He("button", t, [n.label]), [{ x: r.x - t.x, y: r.y - t.y, width: s, height: o.chip }]);
+    D(e, { ...r, radius: Jn, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: Jn, stroke: i.buttonBorder }), n.disabled && (e.globalAlpha = 0.5), me(e, t, n.label, { x: r.x + Et, maxWidth: s - 2 * Et, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Dt.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 = Dt.get(He("button", Xt(t), [e.label]))?.[0];
-    return n && Xe(t.point, n) ? { action: { type: "press" }, area: n } : null;
+    const n = Dt.get(He("button", qt(t), [e.label]))?.[0];
+    return n && qe(t.point, n) ? { action: { type: "press" }, area: n } : null;
   },
   keyAction: (e, t) => !e.disabled && (t === "Enter" || t === " ") ? { type: "press" } : null
-}, Zn = 4, yr = {
-  text: sr,
-  longText: rr,
-  number: ur,
-  select: gr,
-  person: Cr,
-  date: lr,
-  boolean: hr,
-  rating: mr,
-  url: dr,
-  link: fr,
-  attachment: wr,
-  progress: vr,
-  button: Sr,
-  derived: cr
-}, Nr = () => {
+}, Jn = 4, br = {
+  text: rr,
+  longText: lr,
+  number: dr,
+  select: fr,
+  person: wr,
+  date: cr,
+  boolean: mr,
+  rating: gr,
+  url: hr,
+  link: pr,
+  attachment: vr,
+  progress: Sr,
+  button: yr,
+  derived: ur
+}, Lr = () => {
   Nt.clear(), Lt.clear(), Dt.clear();
-}, br = 6, xr = (e, t, n, o) => {
+}, xr = 6, Rr = (e, t, n, o) => {
   if (e.save(), n === "pending") {
-    const i = br / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
+    const i = xr / 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();
-}, Jn = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], Rr = (e) => {
-  const t = { ...yr, ...e.renderers }, n = e.locale ?? "en-US";
+}, eo = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], kr = (e) => {
+  const t = { ...br, ...e.renderers }, n = e.locale ?? "en-US";
   let o = e.labels, i = e.theme ?? Ue, a = null, s = null;
-  const r = Ys(() => e.onImageLoad?.()), c = (p) => ((!s || s.rowHeight !== p.height || s.fontSize !== p.theme.fontSizeSM || s.chipFontSize > p.theme.fontSizeXS) && (s = Dn(p.height, p.theme.fontSizeSM, p.theme.fontSizeXS)), s), l = (p) => {
+  const r = js(() => e.onImageLoad?.()), c = (p) => ((!s || s.rowHeight !== p.height || s.fontSize !== p.theme.fontSizeSM || s.chipFontSize > p.theme.fontSizeXS) && (s = Dn(p.height, p.theme.fontSizeSM, p.theme.fontSizeXS)), s), l = (p) => {
     if (e.theme || a === p.theme) return;
     a = p.theme;
     const w = e.themeRoot?.();
-    w && (i = vo(w));
+    w && (i = So(w));
   }, u = {
     draw: (p, w) => {
       const v = e.getValue(w.cell);
@@ -3787,7 +3795,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: c(w), images: r, labels: o, locale: n }, v), p.restore());
       }
       const y = e.getStatus?.(w.cell);
-      y && xr(p, w, y, i);
+      y && Rr(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);
@@ -3819,12 +3827,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" || !Jn(I.ranges[0], I.ranges[1])) return;
+          if (!k || I.kind !== "cells" || !eo(I.ranges[0], I.ranges[1])) return;
           const P = y.currentTarget?.querySelector("[data-ui-grid]"), A = R.getCellRect(k);
           if (!P || !A) return;
           const N = P.getBoundingClientRect(), M = { x: y.clientX - N.left - A.x, y: y.clientY - N.top - A.y };
           if (M.x < 0 || M.y < 0 || M.x >= A.width || M.y >= A.height) return;
-          const E = g(k, M, A, Jn(v, k));
+          const E = g(k, M, A, eo(v, k));
           E && w(E.action, k);
         }
       };
@@ -3837,7 +3845,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()
   };
-}, kr = {
+}, Ir = {
   "{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",
@@ -4098,8 +4106,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "Rating {value} of {max}": "Rating {value} of {max}",
   Saving: "Saving",
   "Not saved": "Not saved"
-}, Ir = {
-  en: kr,
+}, Pr = {
+  en: Ir,
   "zh-TW": {
     "{count} failed": "{count} 個失敗",
     "{name} is not a JPEG, PNG, WebP or GIF image": "{name} 不是 JPEG、PNG、WebP 或 GIF 圖片",
@@ -6197,27 +6205,27 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not saved": "Non salvato"
   }
 };
-function Pr(e, t, n = {}) {
-  return yo(Ir[e][t], n);
+function zr(e, t, n = {}) {
+  return bo(Pr[e][t], n);
 }
-function zr() {
-  const e = Zs(() => {
+function Mr() {
+  const e = Js(() => {
   });
-  return (t, n) => Pr(e.value, t, n);
+  return (t, n) => zr(e.value, t, n);
 }
-const Lr = (e) => {
-  const t = zr(), n = _(() => ({
+const Dr = (e) => {
+  const t = Mr(), n = _(() => ({
     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 = Rr({ ...e, labels: n.value });
+  })), o = kr({ ...e, labels: n.value });
   return ue(n, (i) => o.setLabels(i)), o;
-}, Mr = 300;
-function Dr(e) {
-  const t = e.delayMs ?? Mr, n = e.setTimer ?? ((l, u) => setTimeout(l, u)), o = e.clearTimer ?? ((l) => clearTimeout(l)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+}, Ar = 300;
+function Wr(e) {
+  const t = e.delayMs ?? Ar, n = e.setTimer ?? ((l, u) => setTimeout(l, u)), o = e.clearTimer ?? ((l) => clearTimeout(l)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   let s = 0;
   const r = (l, u) => {
     const h = i.get(l);
@@ -6254,39 +6262,39 @@ function Dr(e) {
     }
   };
 }
-function Wr(e) {
+function Br(e) {
   return e ? e.state === "saving" ? "pending" : "error" : null;
 }
 export {
-  Ya as GRID_CELL_TOKENS,
-  ja as GRID_CHIP_TOKENS,
-  Tr as GridHost,
-  Mr as SAVING_MARK_DELAY_MS,
-  Pa as blockCellCount,
-  za as buildPasteProposal,
-  qe as cellRange,
-  Wr as cellStatusMark,
-  Nr as clearGridCellRegions,
-  Dr as createCellStatusStore,
-  Qa as createGridCellTheme,
-  Rr as createGridCells,
-  Ys as createGridImageCache,
-  yr as defaultGridCellRenderers,
+  ja as GRID_CELL_TOKENS,
+  Qa as GRID_CHIP_TOKENS,
+  Fr as GridHost,
+  Ar as SAVING_MARK_DELAY_MS,
+  za as blockCellCount,
+  Ma as buildPasteProposal,
+  Xe as cellRange,
+  Br as cellStatusMark,
+  Lr as clearGridCellRegions,
+  Wr as createCellStatusStore,
+  Za as createGridCellTheme,
+  kr as createGridCells,
+  js as createGridImageCache,
+  br as defaultGridCellRenderers,
   Ue as defaultGridCellTheme,
-  xr as drawGridCellStatus,
-  Hr as fillSeries,
-  ms as filledRange,
-  ir as formatGridNumber,
+  Rr as drawGridCellStatus,
+  Tr as fillSeries,
+  gs as filledRange,
+  ar as formatGridNumber,
   Dn as gridCellMetrics,
-  Fr as parseGridNumber,
-  wa as parseTsv,
-  hs as planFill,
-  vo as readGridCellTheme,
-  fo as selectionBlock,
-  Ia as selectionStart,
-  ya as toHtmlTable,
-  Ca as toTsv,
-  Lr as useGridCells,
-  Ra as writeClipboardAsync,
-  ba as writeClipboardEvent
+  Nr as parseGridNumber,
+  va as parseTsv,
+  ms as planFill,
+  So as readGridCellTheme,
+  po as selectionBlock,
+  Pa as selectionStart,
+  ba as toHtmlTable,
+  wa as toTsv,
+  Dr as useGridCells,
+  ka as writeClipboardAsync,
+  xa as writeClipboardEvent
 };