@synopackageland/ui 0.22.0 → 0.23.0

package/dist/grid.js

@@ -779,9 +779,10 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   interactionLineColorHighlight: "--ui-accent-9"
 }, zn = {
   fontFamily: "--ui-font-sans",
-  fontSizeSM: "--ui-font-size",
+  /** 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 = (e, t = {}) => {
+}, ia = { fontSizeSM: "--ui-font-size" }, aa = (e, t = {}) => {
   const n = { ...co };
   for (const [i, a] of Object.entries(uo)) {
     const s = e(a)?.trim();
@@ -790,11 +791,12 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   const o = e(zn.fontFamily)?.trim();
   o && (n.fontFamily = o);
   for (const i of ["fontSizeSM", "fontSizeXS"]) {
-    const a = Number.parseFloat(e(zn[i]) ?? "");
-    Number.isFinite(a) && a > 0 && (n[i] = a);
+    const a = ia[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 };
-}, aa = (e) => {
+}, sa = (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));
@@ -802,35 +804,35 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     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() });
-}, sa = (e, t = {}) => {
-  const n = aa(e);
+}, ra = (e, t = {}) => {
+  const n = sa(e);
   try {
     const o = e.closest('[data-ui-color-scheme="dark"]') != null;
-    return ia(n, { themeKey: o ? "dark" : "light", ...t });
+    return aa(n, { themeKey: o ? "dark" : "light", ...t });
   } finally {
     n.dispose();
   }
 }, ho = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
-function ra(e) {
+function la(e) {
   return (e instanceof Element ? e : e?.parentElement)?.closest(ho) ?? null;
 }
-function la(e, t) {
-  const n = ra(e);
+function ca(e, t) {
+  const n = la(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)));
 }
-function ca(e, t = e ?? null) {
+function ua(e, t = e ?? null) {
   if (!e?.isConnected) return !1;
   const n = e.ownerDocument, o = n.activeElement;
-  return o === e ? !0 : o && o !== n.body && la(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
+  return o === e ? !0 : o && o !== n.body && ca(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
 }
-const ua = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), da = 50;
+const da = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), ha = 50;
 function mo(e) {
   return e.isComposing || e.keyCode === 229;
 }
-function ha(e) {
+function ma(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)
@@ -853,10 +855,10 @@ function go(e, t = {}) {
     },
     ownsKey(c) {
       if (n || mo(c)) return !0;
-      if (!ua.has(c.key)) return !1;
+      if (!da.has(c.key)) return !1;
       const l = a.get(c);
       if (l !== void 0) return l;
-      const u = c.timeStamp - o <= da;
+      const u = c.timeStamp - o <= ha;
       return o = -1 / 0, a.set(c, u), u;
     },
     dispose() {
@@ -864,12 +866,12 @@ function go(e, t = {}) {
     }
   };
 }
-const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
+const ga = ({ 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;
-}, ga = /[\t\n\r"]/, fa = (e) => ga.test(e) ? `"${e.replace(/"/g, '""')}"` : e, pa = (e) => e.map((t) => t.map(fa).join("	")).join(`\r
-`), Ca = (e) => {
+}, 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) => {
   if (!e) return [];
   const t = [];
   let n = [], o = "", i = 0, a = !0;
@@ -881,7 +883,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   for (; i < s; ) {
     const l = e[i];
     if (a && l === '"') {
-      const u = wa(e, i + 1);
+      const u = va(e, i + 1);
       if (u === -1) {
         o += l, a = !1, i++;
         continue;
@@ -899,7 +901,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       o += l, i++;
   }
   return c(), An(t);
-}, wa = (e, t) => {
+}, va = (e, t) => {
   let n = t;
   for (; n < e.length; ) {
     const o = e.indexOf('"', n);
@@ -917,7 +919,7 @@ const ma = ({ 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;
-}, va = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Sa = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${va(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, ya = (e, t) => {
+}, 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) => {
   const n = e.clipboardData;
   if (!n) return !1;
   try {
@@ -926,18 +928,18 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     return !1;
   }
   return e.preventDefault(), !0;
-}, ba = () => ({
+}, xa = () => ({
   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 })
-}), xa = (e, t = ba()) => {
+}), Ra = (e, t = xa()) => {
   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 ?? Ra(s)], { type: "text/html" }))
+        "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? ka(s)], { type: "text/html" }))
       });
       return n.write([a]);
     }
@@ -954,7 +956,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       }
     })) : Promise.reject(a);
   }
-}, Ra = (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) => {
+}, 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) => {
   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 {
@@ -991,17 +993,17 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     default:
       return null;
   }
-}, ka = (e, t) => {
+}, Ia = (e, t) => {
   if (e.kind === "cells") {
     const o = qe(e, t);
     return o ? [o.startColumn, o.startRow] : null;
   }
   const n = fo(e, t);
   return n ? [n.columns[0], n.rows[0]] : null;
-}, Ia = (e) => e.rows.length * e.columns.length, Pa = (e, t, n) => {
-  const o = Ca(e);
+}, Pa = (e) => e.rows.length * e.columns.length, za = (e, t, n) => {
+  const o = wa(e);
   if (o.length === 0) return null;
-  const i = ka(t, n);
+  const i = Ia(t, n);
   if (!i) return null;
   const { rowCount: a, columnCount: s } = n;
   let r = o, c = !1;
@@ -1025,8 +1027,8 @@ const ma = ({ 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: pa(e), html: Sa(e) }), za = (e, t) => !t || e.rows.every((n) => t(n));
-function Ma(e) {
+}, 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) {
   const t = e.equals ?? Object.is;
   let n = !1, o = null, i, a, s = !1, r = null, c = 0, l = !1;
   const u = {
@@ -1096,13 +1098,13 @@ function Fn(e) {
 function Nn(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
-function Aa(e) {
+function Ea(e) {
   return e.some((t) => t instanceof Element && t.hasAttribute(po));
 }
-function Ea(e, t) {
+function Ha(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function Ha(e, t = 400) {
+function Ta(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);
@@ -1111,19 +1113,19 @@ function Ha(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 Ta(e) {
+function Fa(e) {
   const t = e.document, n = { layers: [], guard: go(e), teardown: () => {
   } }, o = (a) => {
     if (Tn.has(a)) return;
     Tn.add(a);
     const s = a.composedPath();
-    if (!(Aa(s) || Ea(s, t)))
+    if (!(Ea(s) || Ha(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(), Ha(e);
+          a.preventDefault(), a.stopImmediatePropagation(), Ta(e);
           return;
         }
       }
@@ -1140,8 +1142,8 @@ function Ta(e) {
     e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", i, !0), n.guard.dispose();
   }, n;
 }
-function Fa(e, t) {
-  const n = Pt.get(e) ?? Ta(e);
+function Na(e, t) {
+  const n = Pt.get(e) ?? Fa(e);
   Pt.set(e, n);
   const o = { options: t, disposed: !1 };
   return n.layers.push(o), {
@@ -1157,10 +1159,10 @@ function Ln(e) {
   const t = eo(e);
   return Array.isArray(t) ? [...t] : [t];
 }
-function Na(e, t, n) {
+function La(e, t, n) {
   const o = ue(() => eo(t), (i, a, s) => {
     if (!i || typeof window > "u") return;
-    const r = Ln(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = Fa(r, {
+    const r = Ln(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = Na(r, {
       elements: () => Ln(e),
       onOutside: (l) => n.onOutside?.(l),
       onEscape: (l) => n.onEscape?.(l)
@@ -1169,8 +1171,8 @@ function Na(e, t, n) {
   }, { immediate: !0, flush: "sync" });
   return qo() && to(o), o;
 }
-const Co = 2, La = 4, zt = 20, Da = 2, Wa = 5, lt = 16;
-function Ba(e, t, n) {
+const Co = 2, Da = 4, zt = 20, Wa = 2, Ba = 5, lt = 16;
+function Oa(e, t, n) {
   const o = e.createElement("canvas").getContext("2d");
   if (!o) return null;
   o.font = `${t}px ${n}`, o.textBaseline = "alphabetic";
@@ -1192,14 +1194,14 @@ function ut(e) {
 }
 function wo(e) {
   if (!Ut(e)) return e.rowHeight;
-  const { top: t, bottom: n, lineHeight: o } = ut(e), i = e.view ? 1 : Da, a = Math.min(Wa, Math.max(i, Math.ceil(e.lines)));
+  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)));
   return Math.max(e.rowHeight, t + n + a * o);
 }
-function Oa(e, t) {
+function Va(e, t) {
   const { top: n, bottom: o, lineHeight: i } = ut(t);
   return Math.max(1, Math.round((e - n - o) / i));
 }
-const Va = {
+const Ga = {
   display: "block",
   width: "100%",
   height: "100%",
@@ -1215,8 +1217,8 @@ const Va = {
   color: "transparent",
   font: "inherit"
 };
-function Ga(e) {
-  if (!e.open) return Va;
+function Ua(e) {
+  if (!e.open) return Ga;
   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",
@@ -1238,12 +1240,12 @@ function Ga(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": `${La}px`,
+    "border-radius": `${Da}px`,
     "box-shadow": `0 0 0 ${Co}px ${s}`,
     transition: "none"
   };
 }
-function Ua(e) {
+function Ka(e) {
   return {
     position: "absolute",
     left: `${B.cellHorizontalPadding}px`,
@@ -1260,7 +1262,7 @@ function Ua(e) {
     "pointer-events": "none"
   };
 }
-function Ka(e) {
+function _a(e) {
   return {
     position: "absolute",
     left: `-${Co}px`,
@@ -1279,8 +1281,8 @@ function Ka(e) {
     "pointer-events": "none"
   };
 }
-const _a = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
-class $a {
+const $a = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
+class qa {
   session;
   options;
   mode = "edit";
@@ -1320,7 +1322,7 @@ class $a {
       get version() {
         return n().version;
       }
-    }, this.session = Ma({
+    }, this.session = Aa({
       validate: (i, a) => this.mode === "edit" ? this.options.validate?.(a, i ?? "") : null,
       onCommit: (i, a, s) => {
         const { move: r, reason: c } = this.pending;
@@ -1335,7 +1337,7 @@ class $a {
    * 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 && $a(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" };
@@ -1401,10 +1403,10 @@ class $a {
     return this.pending.reason;
   }
 }
-function qa(e) {
+function Xa(e) {
   const t = ce(1);
   let n = null;
-  const o = new $a({
+  const o = new qa({
     validate: (u, h) => {
       const m = e.columnAt(u[0]);
       return m && e.validate ? e.validate(u, m, h) : null;
@@ -1441,7 +1443,7 @@ function qa(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 = Oa(u.scrollHeight, C);
+    const R = Va(u.scrollHeight, C);
     u.style.height = w, u.style.padding = v, u.style.whiteSpace = y, R !== t.value && (t.value = R);
   }, l = {
     state: a,
@@ -1495,7 +1497,7 @@ function qa(e) {
     u && (n = go(u), m(() => {
       n?.dispose(), n = null;
     }));
-  }, { immediate: !0, flush: "sync" }), Na(
+  }, { immediate: !0, flush: "sync" }), La(
     () => e.root() ?? null,
     () => a.value.active || e.hasSelection(),
     {
@@ -1509,7 +1511,7 @@ function qa(e) {
     }
   ), to(() => o.cancel()), l;
 }
-const Xa = {
+const Ya = {
   text: "--ui-text",
   textMuted: "--ui-text-secondary",
   link: "--ui-accent-11",
@@ -1530,7 +1532,7 @@ const Xa = {
   avatarText: "--ui-text",
   badgeFill: "--ui-neutral-soft",
   badgeText: "--ui-neutral-text"
-}, Ya = {
+}, ja = {
   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" },
@@ -1575,10 +1577,10 @@ const Xa = {
     gray: { fill: "rgba(198, 212, 224, 0.4)", color: "#636b74" }
   },
   themeKey: "light"
-}, ja = (e, t = {}) => {
+}, Qa = (e, t = {}) => {
   const n = (i, a) => e(i)?.trim() || a, o = { ...Ue, chips: { ...Ue.chips } };
-  for (const [i, a] of Object.entries(Xa)) o[i] = n(a, o[i]);
-  for (const [i, a] of Object.entries(Ya)) {
+  for (const [i, a] of Object.entries(Ya)) o[i] = n(a, o[i]);
+  for (const [i, a] of Object.entries(ja)) {
     const s = Ue.chips[i];
     o.chips[i] = { fill: n(a.fill, s.fill), color: n(a.color, s.color) };
   }
@@ -1591,7 +1593,7 @@ const Xa = {
       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 ja(i, { themeKey: a ? "dark" : "light", ...t });
+    return Qa(i, { themeKey: a ? "dark" : "light", ...t });
   } finally {
     o.remove();
   }
@@ -1602,7 +1604,7 @@ const Xa = {
   icon: Math.max(12, Math.min(16, e - 8)),
   fontSize: t,
   chipFontSize: Math.min(n, Math.max(10, e - 12))
-}), Qa = 30, Za = 2, Ja = 1200, es = (e, t, n, o = Qa) => {
+}), Za = 30, Ja = 2, es = 1200, ts = (e, t, n, o = Za) => {
   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) {
@@ -1610,11 +1612,11 @@ const Xa = {
     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];
-}, ts = (e, t, n) => {
-  const o = Math.min(1, e + t / Ja), i = o * t * Za + (n ?? 0), a = Math.floor(i);
+}, ns = (e, t, n) => {
+  const o = Math.min(1, e + t / es), i = o * t * Ja + (n ?? 0), a = Math.floor(i);
   return { speed: o, motion: a, carry: n == null ? 0 : i - a };
 };
-class ns {
+class os {
   direction = [0, 0];
   speed = 0;
   carry = 0;
@@ -1628,7 +1630,7 @@ class ns {
     return this.frameId != null;
   }
   update(t, n) {
-    const [o, i] = es(t, this.options.getBounds(), n);
+    const [o, i] = ts(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;
@@ -1642,7 +1644,7 @@ class ns {
   }
   processFrame = (t) => {
     if (this.lastTime !== 0) {
-      const n = ts(this.speed, t - this.lastTime, this.options.carryFraction === !1 ? void 0 : this.carry);
+      const n = ns(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);
@@ -1660,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 os {
+class is {
   state = Rt;
   hoveredIndex = -1;
   pressed = null;
@@ -1712,7 +1714,7 @@ class os {
     this.pressed = null, this.state = Rt, this.emit(), this.options.onResize?.(n, t);
   }
 }
-class is {
+class as {
   defaultRowHeight;
   defaultColumnWidth;
   pureRowCount;
@@ -1867,12 +1869,12 @@ class is {
     this.rowCount = t, this.pureRowCount = n, this.rowInitSize = o, this.rowHeightMap = i, a != null && (this.defaultRowHeight = a), this.lastRowIndex = -1, this.rowMetaDataMap = {};
   }
 }
-const as = 240, ss = ({
+const ss = 240, rs = ({
   containerWidth: e,
   columnInitSize: t,
   columnCount: n,
   getColumnWidth: o,
-  minScrollableWidth: i = as
+  minScrollableWidth: i = ss
 }) => {
   const a = e - i;
   if (a <= t) return 0;
@@ -1880,7 +1882,7 @@ const as = 240, ss = ({
   for (let r = 0; r < n; r++)
     if (s += o(r) ?? 0, s > a) return r;
   return n;
-}, rs = (e, t, n, o) => {
+}, ls = (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);
@@ -1893,7 +1895,7 @@ const as = 240, ss = ({
 }, 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 };
-}, ls = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), cs = (e, t, n = !1) => {
+}, cs = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), us = (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];
@@ -2000,7 +2002,7 @@ class oe {
   }
 }
 const Ge = new oe(H.None, []);
-class us {
+class ds {
   selection = new oe();
   activeCell = null;
   isSelecting = !1;
@@ -2138,27 +2140,27 @@ class us {
     }
   }
 }
-const ds = (e, t, n) => {
+const hs = (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;
-}, hs = (e) => ({
+}, ms = (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)
-}), ms = (e) => typeof e == "number" && Number.isFinite(e), Er = (e, t, n = "down") => {
+}), gs = (e) => typeof e == "number" && Number.isFinite(e), Hr = (e, t, n = "down") => {
   if (t <= 0 || e.length === 0) return [];
-  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(ms) && o.some((s) => s !== o[0]), a = [];
+  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(gs) && 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(gs(r, o));
+      r += s[c % s.length], a.push(fs(r, o));
   } else
     for (let s = 0; s < t; s++) a.push(o[s % o.length]);
   return n === "down" ? a : a.reverse();
-}, gs = (e, t) => {
+}, fs = (e, t) => {
   const n = Math.max(...t.map((i) => (String(i).split(".")[1] ?? "").length));
   if (n > 12) return e;
   const o = 10 ** n;
@@ -2167,28 +2169,28 @@ const ds = (e, t, n) => {
   drag: X.Drag,
   expand: X.Expand,
   checkbox: X.Checkbox
-}, fs = {
+}, ps = {
   none: $.None,
   cell: $.Cell,
   row: $.Row,
   column: $.Column,
   all: $.All
-}, ps = {
+}, Cs = {
   none: de.None,
   column: de.Column,
   row: de.Row,
   all: de.All
-}, Cs = {
+}, ws = {
   [H.None]: "none",
   [H.Cells]: "cells",
   [H.Rows]: "rows",
   [H.Columns]: "columns"
-}, ws = {
+}, vs = {
   none: H.None,
   cells: H.Cells,
   rows: H.Rows,
   columns: H.Columns
-}, On = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, vs = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), Ss = 640, ys = 50, bs = (e, t) => ({
+}, 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) => ({
   id: e.id,
   name: e.name,
   width: t,
@@ -2197,8 +2199,8 @@ const ds = (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], xs = (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 Rs {
+}), 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 {
   coord;
   scroll = { scrollTop: 0, scrollLeft: 0, isScrolling: !1 };
   mouseState = Ve;
@@ -2230,19 +2232,19 @@ class Rs {
   constructor(t, n) {
     this.config = t, this.hooks = n, this.coord = this.createCoordinate();
     const o = () => this.config;
-    this.selection = new us({
+    this.selection = new ds({
       getPureRowCount: () => this.config.rowCount,
       get selectable() {
-        return fs[o().selectable];
+        return ps[o().selectable];
       },
       onChange: () => {
         const i = this.getSelection();
-        xs(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
+        Rs(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
       },
       onRowControlClick: (i, a) => {
         a === X.Expand && this.hooks.rowExpand(i);
       }
-    }), this.resize = new os({
+    }), this.resize = new is({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       minWidth: (i) => this.config.columns[i]?.minWidth ?? B.columnMinWidth,
@@ -2257,12 +2259,12 @@ class Rs {
       scrollState: () => this.scroll,
       selection: () => this.selection.selection,
       get draggable() {
-        return ps[o().draggable];
+        return Cs[o().draggable];
       },
       onChange: (i) => {
         this.dragState = i, this.hooks.render();
       }
-    }), this.dragState = this.drag.state, this.autoScroller = new ns({
+    }), this.dragState = this.drag.state, this.autoScroller = new os({
       getBounds: () => ({
         containerWidth: this.coord.containerWidth,
         containerHeight: this.coord.containerHeight,
@@ -2282,18 +2284,18 @@ class Rs {
    * numbers only and no column is frozen.
    */
   get isPhone() {
-    return !!this.config.touch && this.width > 0 && this.width <= Ss;
+    return !!this.config.touch && this.width > 0 && this.width <= ys;
   }
   visibleRowControls() {
     return this.isPhone ? [] : this.config.rowControls;
   }
   gutterWidth() {
-    return this.isPhone ? ys : vs(this.config.rowControls);
+    return this.isPhone ? bs : Ss(this.config.rowControls);
   }
   // ---- configuration ----------------------------------------------------
   createCoordinate() {
     const { rowCount: t, rowHeight: n, headerHeight: o, columns: i, freezeColumnCount: a } = this.config;
-    return new is({
+    return new as({
       rowHeight: n,
       columnWidth: B.columnWidth,
       rowCount: t,
@@ -2310,7 +2312,7 @@ class Rs {
     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, bs(o, a);
+      return n[i] = a, xs(o, a);
     }), this.coord.refreshColumnDimensions({ columnCount: t.length, columnInitSize: this.gutterWidth(), columnWidthMap: n }), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate();
   }
   /**
@@ -2319,7 +2321,7 @@ class Rs {
    */
   freezeCount(t) {
     const { columns: n } = this.config, o = Math.min(t, n.length);
-    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, ss({
+    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, rs({
       containerWidth: this.width,
       columnInitSize: this.gutterWidth(),
       columnCount: n.length,
@@ -2378,10 +2380,10 @@ class Rs {
   // ---- selection --------------------------------------------------------
   getSelection() {
     const { selection: t, activeCell: n } = this.selection;
-    return { kind: Cs[t.type], ranges: t.ranges.map((o) => [o[0], o[1]]), activeCell: n ? [n[0], n[1]] : null };
+    return { kind: ws[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(ws[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(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;
     this.selection.update({ selection: o, activeCell: i });
   }
   selectCell(t, n) {
@@ -2532,12 +2534,12 @@ class Rs {
   endFill(t) {
     const n = this.fillSource;
     this.fillSource = null;
-    const o = ds(n, this.fillTargetRow(t), this.config.rowCount);
+    const o = hs(n, this.fillTargetRow(t), this.config.rowCount);
     if (!o) {
       this.hooks.render();
       return;
     }
-    const i = hs(o), a = this.selection.activeCell;
+    const i = ms(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] }
@@ -2653,7 +2655,7 @@ class Rs {
   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" ? cs(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" ? us(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. */
@@ -2678,7 +2680,7 @@ class Rs {
     const r = On[t.key];
     if (r) {
       if (t.altKey) return "ignore";
-      const c = rs(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
+      const c = ls(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) {
@@ -2699,7 +2701,7 @@ class Rs {
       case "a":
       case "A":
         if (!t.commandKey || t.shiftKey || t.altKey) break;
-        return this.selection.update({ selection: ls(a, i) }), "prevent";
+        return this.selection.update({ selection: cs(a, i) }), "prevent";
       case "Enter":
         return t.shiftKey || t.altKey || t.commandKey ? "ignore" : (this.requestEdit(s, "enter", !1), "prevent");
       case "F2":
@@ -2713,7 +2715,7 @@ class Rs {
       case "Escape":
         return "ignore";
     }
-    return ha(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
+    return ma(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
   }
   // ---- drawing ----------------------------------------------------------
   /** Everything `drawGrid` needs except the theme and the cell/icon painters. */
@@ -2767,31 +2769,31 @@ class Rs {
     this.autoScroller.stop();
   }
 }
-const ks = () => {
+const Is = () => {
   if (typeof navigator > "u") return !1;
   const e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
   return /mac|iphone|ipad|ipod/i.test(e);
 }, Vn = (e, t) => {
   const n = Number.parseFloat(e.getPropertyValue(t));
   return Number.isFinite(n) && n > 0 ? n : void 0;
-}, Is = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
+}, Ps = (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
   };
-}, Ps = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, zs = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Ms = ["id"], As = { role: "rowgroup" }, Es = {
+}, 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 = {
   role: "row",
   "aria-rowindex": "1"
-}, Hs = ["id", "aria-colindex"], Ts = { role: "rowgroup" }, Fs = ["aria-rowindex", "aria-hidden"], Ns = ["id"], Ls = ["aria-colindex", "aria-selected", "aria-readonly"], Ds = ["id"], Ws = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Bs = ["id"], Os = {
+}, 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 = {
   key: 1,
   role: "status",
   class: "sr-only"
-}, Vs = {
+}, Gs = {
   key: 2,
   "data-ui-grid-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, Gs = 6, Us = 250, Ks = 100, _s = 800, $s = 300, qs = 300, Hr = /* @__PURE__ */ Xo({
+}, Us = 6, Ks = 250, _s = 100, $s = 800, qs = 300, Xs = 300, Tr = /* @__PURE__ */ Xo({
   __name: "GridHost",
   props: {
     columns: {},
@@ -2827,7 +2829,7 @@ const ks = () => {
   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);
     let R = Ue.danger;
-    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => Ps(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 = _(() => zs(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,
@@ -2845,7 +2847,7 @@ const ks = () => {
       };
     }, E = () => o.loading && o.rowCount === 0;
     let F = 0, W, K = null, G = null;
-    const ke = () => o.editing || L.active, z = new Rs(M(), {
+    const ke = () => o.editing || L.active, z = new ks(M(), {
       render: () => ge(),
       selectionChange: (d) => {
         const f = L.state.value.cell;
@@ -2884,7 +2886,7 @@ const ks = () => {
       visibleRangeChange: (d) => {
         E() || i("visible-range-change", d);
       }
-    }), L = qa({
+    }), L = Xa({
       owner: () => h.value,
       root: () => r.value,
       enabled: () => !!o.getEditText,
@@ -3005,9 +3007,9 @@ const ks = () => {
       d.style.transform = `translate(${bt}px, ${xt}px)`, d.style.width = `${b.width}px`, d.style.height = `${b.height}px`;
     }
     function Pe() {
-      return ca(h.value, r.value ?? null);
+      return ua(h.value, r.value ?? null);
     }
-    const ve = (d) => ks() ? d.metaKey : d.ctrlKey;
+    const ve = (d) => Is() ? 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) };
@@ -3017,7 +3019,7 @@ const ks = () => {
       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;
+    const Qe = () => typeof performance > "u" ? Date.now() : performance.now(), Qt = () => q != null || Qe() - Yt < $s;
     function Ze() {
       q && clearTimeout(q.timer), q = null, Yt = Qe();
     }
@@ -3030,23 +3032,23 @@ const ks = () => {
         id: d.pointerId,
         x: d.clientX,
         y: d.clientY,
-        flingStop: Qe() - jt < Ks,
+        flingStop: Qe() - jt < _s,
         longPressed: !1,
         timer: setTimeout(() => {
           q !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
-        }, Us)
+        }, Ks)
       };
       q = f;
     }
     function Io(d) {
       const f = q;
-      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Gs && Ze();
+      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Us && Ze();
     }
     function Po(d) {
       const f = q;
       !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();
-      }, $s))));
+      }, qs))));
     }
     function zo(d) {
       if (G = r.value.getBoundingClientRect(), d.pointerType === "touch") {
@@ -3151,20 +3153,20 @@ const ks = () => {
       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: Ia(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
+      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);
     }
     function en(d, f) {
       const b = z.getSelection(), T = fo(b, ft());
       if (!T) return Promise.resolve(!1);
-      const U = za(T, o.isRowLoaded);
+      const U = Ma(T, o.isRowLoaded);
       if (f && U) {
-        const be = ya(f, It(Hn(T, o.getCopyText ?? o.getCellText)));
+        const be = ba(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(() => {
-      }), xa(Z).then(
+      }), Ra(Z).then(
         () => (pt(b, T, d, !0), !0),
         () => (pt(b, T, d, !1), !1)
       );
@@ -3174,14 +3176,14 @@ const ks = () => {
     }
     function nn(d) {
       if (o.readonly) return null;
-      const f = Pa(d, z.getSelection(), {
+      const f = za(d, z.getSelection(), {
         ...ft(),
         isReadonlyColumn: (b) => !!o.columns[b]?.readonly
       });
       return f ? (De(), i("paste-request", f), f) : null;
     }
     function Wo(d) {
-      L.active || ma({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: h.value ?? null }) && (d.preventDefault(), S.value.kind !== "none" && nn(d.clipboardData?.getData("text/plain") ?? ""));
+      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") ?? ""));
     }
     const Ct = /* @__PURE__ */ new Map();
     let ze = null;
@@ -3192,7 +3194,7 @@ const ks = () => {
       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, qs);
+      Ct.set(d, f), ze && clearTimeout(ze), ze = setTimeout(on, Xs);
     }
     function Oo() {
       o.editing || (L.active || z.compositionStart(), L.active && L.compositionStart());
@@ -3214,7 +3216,7 @@ const ks = () => {
     }
     function ye() {
       const d = r.value;
-      d && (m.value = Is(d, m.value), g.value = sa(d, o.themeOverrides), R = vo(d).danger, I.value = Ba(d.ownerDocument, g.value.fontSizeSM, g.value.fontFamily), z.theme = g.value, yt(), z.invalidate());
+      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());
     }
     function yt() {
       z.configure(M()), p.value = z.contentSize;
@@ -3255,7 +3257,7 @@ const ks = () => {
       theme: g.value,
       dangerColor: R,
       textBox: I.value
-    })), $o = _(() => Ga(et.value)), un = _(() => j.value.active ? wo(et.value) : k.value), tt = _(() => {
+    })), $o = _(() => Ua(et.value)), un = _(() => j.value.active ? wo(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;
@@ -3294,7 +3296,7 @@ const ks = () => {
       ee("span", {
         id: `${J(s)}-label`,
         class: "sr-only"
-      }, we(e.label), 9, Ms),
+      }, we(e.label), 9, As),
       ee("canvas", {
         ref_key: "canvas",
         ref: c,
@@ -3321,18 +3323,18 @@ const ks = () => {
           style: Be({ width: `${p.value.width}px`, height: `${p.value.height}px` })
         }, null, 4)
       ], 544),
-      ee("div", As, [
-        ee("div", Es, [
+      ee("div", Es, [
+        ee("div", Hs, [
           (pe(!0), Ce(Zo, null, Jo(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, Hs))), 128))
+          }, we(b.name), 9, Ts))), 128))
         ])
       ]),
-      ee("div", Ts, [
+      ee("div", Fs, [
         ee("div", {
           role: "row",
           "aria-rowindex": Y.value ? Y.value[1] + 2 : 2,
@@ -3342,7 +3344,7 @@ const ks = () => {
             id: `${J(s)}-rowheader`,
             role: "rowheader",
             class: "sr-only"
-          }, we(Uo.value), 9, Ns),
+          }, we(Uo.value), 9, Ls),
           ee("div", {
             ref_key: "focusCell",
             ref: u,
@@ -3356,7 +3358,7 @@ const ks = () => {
             ee("span", {
               id: `${J(s)}-cell`,
               class: "sr-only"
-            }, we(Ko.value), 9, Ds),
+            }, we(Ko.value), 9, Ws),
             ee("textarea", {
               ref_key: "focusOwner",
               ref: h,
@@ -3378,21 +3380,21 @@ const ks = () => {
               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, Ws),
+            }, null, 44, Bs),
             cn.value ? (pe(), Ce("span", {
               key: 0,
               "data-ui-grid-edit-hint": "",
               "aria-hidden": "true",
-              style: Be({ ...J(Ua)(et.value), top: `${un.value - J(lt)}px` })
+              style: Be({ ...J(Ka)(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(Ka)(et.value), top: `${un.value + 4}px` })
-            }, we(tt.value), 13, Bs)) : Oe("", !0)
-          ], 8, Ls)
-        ], 8, Fs)
+              style: Be({ ...J(_a)(et.value), top: `${un.value + 4}px` })
+            }, we(tt.value), 13, Os)) : Oe("", !0)
+          ], 8, Ds)
+        ], 8, Ns)
       ]),
       N.value ? (pe(), Ce("div", {
         key: 0,
@@ -3403,16 +3405,16 @@ const ks = () => {
           ei(we(J(a)("No data")), 1)
         ])
       ], 4)) : Oe("", !0),
-      e.loading ? (pe(), Ce("span", Os, we(J(a)("Loading")), 1)) : Oe("", !0),
-      d.$slots.overlay ? (pe(), Ce("div", Vs, [
+      e.loading ? (pe(), Ce("span", Vs, we(J(a)("Loading")), 1)) : Oe("", !0),
+      d.$slots.overlay ? (pe(), Ce("div", Gs, [
         hn(d.$slots, "overlay", {
           activeCell: Y.value,
           getCellRect: ln
         })
       ])) : Oe("", !0)
-    ], 40, zs));
+    ], 40, Ms));
   }
-}), Xs = (e, t = 500) => {
+}), Ys = (e, t = 500) => {
   const n = new ct(t);
   let o = !1;
   const i = () => {
@@ -3435,13 +3437,13 @@ const ks = () => {
     },
     clear: () => n.clear()
   };
-}, Gn = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], Ys = /* @__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" };
+}, 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) {
   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]);
 }
-function js() {
+function Qs() {
   if (typeof window > "u") return "en";
   const e = window;
   let t;
@@ -3459,18 +3461,18 @@ function js() {
   }
   return "en";
 }
-function Qs(e) {
-  const t = ti(Ys, null);
+function Zs(e) {
+  const t = ti(js, null);
   let n;
-  return _(() => e() ?? t?.value ?? (n ??= js()));
+  return _(() => e() ?? t?.value ?? (n ??= Qs()));
 }
 function yo(e, t) {
   return e.replace(/\{(\w+)\}/g, (n, o) => String(t[o] ?? n));
 }
-const _e = 4, Re = 6, Zs = 4, Ae = 4, he = (e, t, n, o = "") => {
+const _e = 4, Re = 6, Js = 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, Js = (e) => {
+}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, er = (e) => {
   const t = e.trim();
   if (!t) return "";
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
@@ -3492,7 +3494,7 @@ const _e = 4, Re = 6, Zs = 4, Ae = 4, he = (e, t, n, o = "") => {
   }).width;
 }, bo = (e, t, n, o, i) => {
   const { metrics: a, theme: s } = t;
-  D(e, { ...n, radius: Zs, fill: i.fill }), he(e, a.chipFontSize, s.fontFamily), $e(e, {
+  D(e, { ...n, radius: Js, 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,
@@ -3520,7 +3522,7 @@ const _e = 4, Re = 6, Zs = 4, Ae = 4, he = (e, t, n, o = "") => {
 }, _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 });
-}, er = (e, t, n, o, i) => {
+}, tr = (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++) {
@@ -3528,7 +3530,7 @@ const _e = 4, Re = 6, Zs = 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();
-}, tr = (e, t, n, o, i) => {
+}, nr = (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();
 };
@@ -3544,11 +3546,11 @@ 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, nr = { type: "decimal", precision: 2 }, _n = (e, t) => {
+const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, or = { 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;
-}, or = (e, t = nr, n = "en-US") => {
+}, ir = (e, t = or, n = "en-US") => {
   if (e == null) return "";
   const o = Number(e), i = t.precision ?? 2;
   if (t.type === "currency") {
@@ -3556,34 +3558,34 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     return s + a + r;
   }
   return t.type === "percent" ? `${_n(o * 100, i)}%` : _n(o, i);
-}, Tr = (e, t) => {
+}, Fr = (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(", "), ir = (e, t) => {
+}, dt = (e) => e.map(String).filter(Boolean).join(", "), ar = (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), ar = {
+}, ht = (e) => Math.max(0, e.width - 2 * e.metrics.padding), sr = {
   draw: (e, t, n) => {
     me(e, t, n.text);
   },
   describe: (e) => e.text
-}, sr = {
+}, rr = {
   draw: (e, t, n) => {
     me(e, t, n.text.replace(/\s*\n\s*/g, " "));
   },
   describe: (e) => e.text
-}, rr = {
+}, lr = {
   draw: (e, t, n) => {
     me(e, t, n.text);
   },
   describe: (e) => e.text
-}, lr = {
+}, cr = {
   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 ?? or(e.value, e.format, t), cr = {
+}, $n = (e, t) => e.text ?? ir(e.value, e.format, t), ur = {
   draw: (e, t, n) => {
     me(e, t, $n(n, t.locale), { align: "right" });
   },
@@ -3591,10 +3593,10 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
 }, qn = (e, t, n) => {
   const o = n.icon;
   return { x: e - n.padding - o, y: (t - o) / 2, width: o, height: o };
-}, ur = {
+}, dr = {
   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) }), tr(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) }), nr(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 }) => {
@@ -3605,7 +3607,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
 }, Xn = (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 }), dr = {
+}, Yn = (e) => ({ type: "update", value: !e.value }), hr = {
   draw: (e, t, n) => {
     const { cellTheme: o, metrics: i } = t, a = Xn(t.width, t.height, i);
     Bt(e, {
@@ -3626,12 +3628,12 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     return Xe(t, a) ? { action: Yn(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))), hr = {
+}, At = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), mr = {
   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++)
-      er(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + At;
+      tr(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) }) : "",
   // Click the n-th star: value n; click the current value again: clear.
@@ -3661,12 +3663,12 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     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;
   }), r.more > 0 && $t(e, t, l, r.more, r.badgeWidth), u;
-}, mr = {
+}, gr = {
   draw: (e, t, n) => {
-    xo(e, t, n.options.map((o) => ({ label: o.label, colors: ir(o, t.cellTheme) })));
+    xo(e, t, n.options.map((o) => ({ label: o.label, colors: ar(o, t.cellTheme) })));
   },
   describe: (e) => dt(e.options.map((t) => t.label))
-}, gr = {
+}, fr = {
   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 })));
     Nt.set(He("link", t, n.records.map((a) => a.id)), i);
@@ -3677,20 +3679,20 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   if (!t.wasActive && !o || !e) return null;
   const i = e.findIndex((a) => Xe(t.point, a));
   return i < 0 ? null : { action: n(i), area: e[i] };
-}, fr = (e, t, n, o, i, a, s) => {
+}, pr = (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 = Js(a);
+    const u = er(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();
-}, pr = {
+}, Cr = {
   draw: (e, t, n) => {
     const { metrics: o, theme: i } = t;
     if (!n.people.length) return;
@@ -3700,14 +3702,14 @@ 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];
-      fr(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;
+      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;
     }), r.more > 0 && $t(e, t, l, r.more, r.badgeWidth);
   },
   describe: (e) => dt(e.people.map((t) => t.name))
 }, jn = (e) => {
   const t = /\.([\p{L}\p{N}]{1,5})$/u.exec(e);
   return t ? t[1].toUpperCase() : "";
-}, Lt = new qt(), Cr = {
+}, Lt = new qt(), wr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.files.length) return;
@@ -3723,14 +3725,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   },
   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)}%`, wr = {
+}, Qn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, vr = {
   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 });
   },
   describe: (e) => e.value == null ? "" : Qn(e.value)
-}, Et = 10, Dt = new qt(), vr = {
+}, Et = 10, Dt = new qt(), Sr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.label) return;
@@ -3745,34 +3747,34 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     return n && Xe(t.point, n) ? { action: { type: "press" }, area: n } : null;
   },
   keyAction: (e, t) => !e.disabled && (t === "Enter" || t === " ") ? { type: "press" } : null
-}, Zn = 4, Sr = {
-  text: ar,
-  longText: sr,
-  number: cr,
-  select: mr,
-  person: pr,
-  date: rr,
-  boolean: dr,
-  rating: hr,
-  url: ur,
-  link: gr,
-  attachment: Cr,
-  progress: wr,
-  button: vr,
-  derived: lr
-}, Fr = () => {
+}, 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 = () => {
   Nt.clear(), Lt.clear(), Dt.clear();
-}, yr = 6, br = (e, t, n, o) => {
+}, br = 6, xr = (e, t, n, o) => {
   if (e.save(), n === "pending") {
-    const i = yr / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
+    const i = br / 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], xr = (e) => {
-  const t = { ...Sr, ...e.renderers }, n = e.locale ?? "en-US";
+}, 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";
   let o = e.labels, i = e.theme ?? Ue, a = null, s = null;
-  const r = Xs(() => 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 = 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) => {
     if (e.theme || a === p.theme) return;
     a = p.theme;
     const w = e.themeRoot?.();
@@ -3785,7 +3787,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 && br(p, w, y, i);
+      y && xr(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);
@@ -3835,7 +3837,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()
   };
-}, Rr = {
+}, kr = {
   "{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",
@@ -4095,8 +4097,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"
-}, kr = {
-  en: Rr,
+}, Ir = {
+  en: kr,
   "zh-TW": {
     "{count} failed": "{count} 個失敗",
     "{name} is not a JPEG, PNG, WebP or GIF image": "{name} 不是 JPEG、PNG、WebP 或 GIF 圖片",
@@ -6186,27 +6188,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 Ir(e, t, n = {}) {
-  return yo(kr[e][t], n);
+function Pr(e, t, n = {}) {
+  return yo(Ir[e][t], n);
 }
-function Pr() {
-  const e = Qs(() => {
+function zr() {
+  const e = Zs(() => {
   });
-  return (t, n) => Ir(e.value, t, n);
+  return (t, n) => Pr(e.value, t, n);
 }
-const Nr = (e) => {
-  const t = Pr(), n = _(() => ({
+const Lr = (e) => {
+  const t = zr(), 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 = xr({ ...e, labels: n.value });
+  })), o = Rr({ ...e, labels: n.value });
   return ue(n, (i) => o.setLabels(i)), o;
-}, zr = 300;
-function Lr(e) {
-  const t = e.delayMs ?? zr, n = e.setTimer ?? ((l, u) => setTimeout(l, u)), o = e.clearTimer ?? ((l) => clearTimeout(l)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+}, 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();
   let s = 0;
   const r = (l, u) => {
     const h = i.get(l);
@@ -6243,39 +6245,39 @@ function Lr(e) {
     }
   };
 }
-function Dr(e) {
+function Wr(e) {
   return e ? e.state === "saving" ? "pending" : "error" : null;
 }
 export {
-  Xa as GRID_CELL_TOKENS,
-  Ya as GRID_CHIP_TOKENS,
-  Hr as GridHost,
-  zr as SAVING_MARK_DELAY_MS,
-  Ia as blockCellCount,
-  Pa as buildPasteProposal,
+  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,
-  Dr as cellStatusMark,
-  Fr as clearGridCellRegions,
-  Lr as createCellStatusStore,
-  ja as createGridCellTheme,
-  xr as createGridCells,
-  Xs as createGridImageCache,
-  Sr as defaultGridCellRenderers,
+  Wr as cellStatusMark,
+  Nr as clearGridCellRegions,
+  Dr as createCellStatusStore,
+  Qa as createGridCellTheme,
+  Rr as createGridCells,
+  Ys as createGridImageCache,
+  yr as defaultGridCellRenderers,
   Ue as defaultGridCellTheme,
-  br as drawGridCellStatus,
-  Er as fillSeries,
-  hs as filledRange,
-  or as formatGridNumber,
+  xr as drawGridCellStatus,
+  Hr as fillSeries,
+  ms as filledRange,
+  ir as formatGridNumber,
   Dn as gridCellMetrics,
-  Tr as parseGridNumber,
-  Ca as parseTsv,
-  ds as planFill,
+  Fr as parseGridNumber,
+  wa as parseTsv,
+  hs as planFill,
   vo as readGridCellTheme,
   fo as selectionBlock,
-  ka as selectionStart,
-  Sa as toHtmlTable,
-  pa as toTsv,
-  Nr as useGridCells,
-  xa as writeClipboardAsync,
-  ya as writeClipboardEvent
+  Ia as selectionStart,
+  ya as toHtmlTable,
+  Ca as toTsv,
+  Lr as useGridCells,
+  Ra as writeClipboardAsync,
+  ba as writeClipboardEvent
 };