@daisforge/ui 1.10.3 → 1.12.0

package/chunks/{TableGlide-B0WCOgRq.mjs → TableGlide-B61Yi-Hs.mjs}

@@ -1,14 +1,14 @@
-import Ln, { GridCellKind as Mt, CompactSelection as P } from "@glideappsfinal/glide-data-grid";
-import { bodyM as Bn, bodyS as kn, bodyXXS as zn } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import { split as _n } from "canvas-hypertxt";
-import ce, { isValidElement as Qr, useLayoutEffect as ui, useRef as it, useCallback as U, useEffect as wt, useMemo as M, useState as at } from "react";
-import { renderToString as Mn } from "react-dom/server";
+import Bn, { GridCellKind as Mt, CompactSelection as L } from "@glideappsfinal/glide-data-grid";
+import { bodyM as kn, bodyS as zn, bodyXXS as _n } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { split as Mn } from "canvas-hypertxt";
+import ce, { isValidElement as to, useLayoutEffect as ui, useRef as it, useCallback as U, useEffect as wt, useMemo as M, useState as at } from "react";
+import { renderToString as Rn } from "react-dom/server";
 import { j as Ft } from "./vendor-BG4P-329.mjs";
 import "@glideappsfinal/glide-data-grid/dist/index.css";
-import { x as lr, t as Rn, n as Nn, q as cr } from "./utils-Ch8gMTzR.mjs";
-import { createPortal as Le } from "react-dom";
-import to from "styled-components";
-const q = {
+import { z as lr, t as Nn, n as On, q as cr } from "./utils-BNelzuI-.mjs";
+import { createPortal as Pe } from "react-dom";
+import eo from "styled-components";
+const K = {
   small: {
     rowHeight: 20,
     cellVerticalPadding: 4,
@@ -27,41 +27,41 @@ const q = {
     cellHorizontalPadding: 16,
     textfieldSize: "s"
   }
-}, Je = (r) => q[r].rowHeight, Qe = (r) => q[r].textfieldSize, On = {
-  small: q.small.rowHeight,
-  medium: q.medium.rowHeight,
-  big: q.big.rowHeight
-}, au = {
+}, Je = (r) => K[r].rowHeight, Qe = (r) => K[r].textfieldSize, Wn = {
+  small: K.small.rowHeight,
+  medium: K.medium.rowHeight,
+  big: K.big.rowHeight
+}, lu = {
   kind: Mt.Text,
   data: "",
   displayData: "",
   allowOverlay: !0,
   readonly: !0
-}, Wn = {
+}, Gn = {
   big: {
-    cellVerticalPadding: q.big.cellVerticalPadding,
-    cellHorizontalPadding: q.big.cellHorizontalPadding,
-    textfieldSize: q.big.textfieldSize
+    cellVerticalPadding: K.big.cellVerticalPadding,
+    cellHorizontalPadding: K.big.cellHorizontalPadding,
+    textfieldSize: K.big.textfieldSize
   },
   medium: {
-    cellVerticalPadding: q.medium.cellVerticalPadding,
-    cellHorizontalPadding: q.medium.cellHorizontalPadding,
-    textfieldSize: q.medium.textfieldSize
+    cellVerticalPadding: K.medium.cellVerticalPadding,
+    cellHorizontalPadding: K.medium.cellHorizontalPadding,
+    textfieldSize: K.medium.textfieldSize
   },
   small: {
-    cellVerticalPadding: q.small.cellVerticalPadding,
-    cellHorizontalPadding: q.small.cellHorizontalPadding,
-    textfieldSize: q.small.textfieldSize
+    cellVerticalPadding: K.small.cellVerticalPadding,
+    cellHorizontalPadding: K.small.cellHorizontalPadding,
+    textfieldSize: K.small.textfieldSize
   }
 }, ti = {
   "padding-block": "0px",
   "padding-inline": "0px"
-}, Xt = (r) => `${r}px`, lu = {
+}, Xt = (r) => `${r}px`, cu = {
   small: {
     rowHeight: Je("small"),
     cell: {
-      "padding-block": Xt(q.small.cellVerticalPadding),
-      "padding-inline": Xt(q.small.cellHorizontalPadding)
+      "padding-block": Xt(K.small.cellVerticalPadding),
+      "padding-inline": Xt(K.small.cellHorizontalPadding)
     },
     editorCell: ti,
     input: Qe("small"),
@@ -69,13 +69,13 @@ const q = {
     combobox: "s",
     checkboxOfCombobox: "s",
     switch: "s",
-    font: () => zn
+    font: () => _n
   },
   medium: {
     rowHeight: Je("medium"),
     cell: {
-      "padding-block": Xt(q.medium.cellVerticalPadding),
-      "padding-inline": Xt(q.medium.cellHorizontalPadding)
+      "padding-block": Xt(K.medium.cellVerticalPadding),
+      "padding-inline": Xt(K.medium.cellHorizontalPadding)
     },
     editorCell: ti,
     input: Qe("medium"),
@@ -83,13 +83,13 @@ const q = {
     combobox: "m",
     checkboxOfCombobox: "m",
     switch: "s",
-    font: () => kn
+    font: () => zn
   },
   big: {
     rowHeight: Je("big"),
     cell: {
-      "padding-block": Xt(q.big.cellVerticalPadding),
-      "padding-inline": Xt(q.big.cellHorizontalPadding)
+      "padding-block": Xt(K.big.cellVerticalPadding),
+      "padding-inline": Xt(K.big.cellHorizontalPadding)
     },
     editorCell: ti,
     input: Qe("big"),
@@ -97,9 +97,9 @@ const q = {
     combobox: "l",
     checkboxOfCombobox: "l",
     switch: "l",
-    font: () => Bn
+    font: () => kn
   }
-}, hi = 33, Gn = {
+}, hi = 33, $n = {
   bodyM: {
     "font-size": "1rem",
     "font-weight": 400,
@@ -132,24 +132,24 @@ const q = {
     "bold-font-weight": 600,
     "bold-line-height": "0.75rem"
   }
-}, $n = 16;
-function ur(r, t = $n) {
+}, Un = 16;
+function ur(r, t = Un) {
   const e = parseFloat(r);
   return Number.isFinite(e) ? r.endsWith("rem") ? e * t : e : 0;
 }
-const Un = (r, t = !1) => {
+const Xn = (r, t = !1) => {
   const e = t ? r["bold-font-weight"] : r["font-weight"], i = t ? r["bold-font-size"] : r["font-size"], o = t ? r["bold-line-height"] : r["line-height"];
   return `${e} normal ${i}/${o}`;
-}, Xn = (r, t = !1) => {
+}, Vn = (r, t = !1) => {
   const e = t ? r["bold-font-size"] : r["font-size"], i = t ? r["bold-line-height"] : r["line-height"];
   return {
     fontSize: ur(e),
     lineHeightPx: ur(i)
   };
-}, eo = (r) => Object.entries(Gn).reduce((t, [e, i]) => {
+}, io = (r) => Object.entries($n).reduce((t, [e, i]) => {
   const o = e;
   return t.push([o, r(i)], [`${o}Bold`, r(i, !0)]), t;
-}, []), di = Object.fromEntries(eo(Un)), io = Object.fromEntries(eo(Xn)), Vn = {
+}, []), di = Object.fromEntries(io(Xn)), ro = Object.fromEntries(io(Vn)), Yn = {
   flexGrow: 0,
   flexShrink: 1,
   flexBasis: 0,
@@ -158,14 +158,14 @@ const Un = (r, t = !1) => {
   height: void 0,
   // Обычный элемент участвует в расчете размера линии.
   crossAxisSizing: "auto"
-}, Yn = {
+}, Kn = {
   top: 0,
   right: 0,
   bottom: 0,
   left: 0
 };
-class ro {
-  constructor(t = Vn) {
+class oo {
+  constructor(t = Yn) {
     this.size = {
       width: 0,
       height: 0
@@ -185,21 +185,21 @@ class ro {
     }, this.id = t.id, this.metadata = t.metadata;
   }
 }
-class qn extends ro {
+class qn extends oo {
   build() {
   }
 }
-class Pt extends ro {
+class Lt extends oo {
   constructor(t, e, i = {}) {
     super({}), this.children = [], this.direction = "row", this.wrap = "nowrap", this.columnGap = 0, this.rowGap = 0, this.justifyContent = "flex-start", this.alignItems = "stretch", this.alignContent = "stretch", this.padding = {
       top: 0,
       right: 0,
       bottom: 0,
       left: 0
-    }, this.size.width = t, this.size.height = e, this.id = i.id, i.direction !== void 0 && (this.direction = i.direction), i.wrap !== void 0 && (this.wrap = i.wrap), i.columnGap !== void 0 && (this.columnGap = i.columnGap), i.rowGap !== void 0 && (this.rowGap = i.rowGap), i.justifyContent !== void 0 && (this.justifyContent = i.justifyContent), i.alignItems !== void 0 && (this.alignItems = i.alignItems), i.alignContent !== void 0 && (this.alignContent = i.alignContent), this.padding = Kn(i.padding);
+    }, this.size.width = t, this.size.height = e, this.id = i.id, i.direction !== void 0 && (this.direction = i.direction), i.wrap !== void 0 && (this.wrap = i.wrap), i.columnGap !== void 0 && (this.columnGap = i.columnGap), i.rowGap !== void 0 && (this.rowGap = i.rowGap), i.justifyContent !== void 0 && (this.justifyContent = i.justifyContent), i.alignItems !== void 0 && (this.alignItems = i.alignItems), i.alignContent !== void 0 && (this.alignContent = i.alignContent), this.padding = Zn(i.padding);
   }
   addChild(t, e) {
-    if (t instanceof Pt) {
+    if (t instanceof Lt) {
       const o = t;
       if (e) {
         const n = o.style;
@@ -376,17 +376,17 @@ class Pt extends ro {
     for (let v = c; v !== u; v += f) {
       const C = t[v];
       if (C !== void 0) {
-        const x = C.style, m = C.size, F = C.position;
+        const x = C.style, p = C.size, F = C.position;
         if (i) {
-          const I = this.direction === "row" ? g : e.main - g - m.width;
+          const I = this.direction === "row" ? g : e.main - g - p.width;
           F.x = a + I;
         } else {
-          const I = this.direction === "column" ? g : e.main - g - m.height;
+          const I = this.direction === "column" ? g : e.main - g - p.height;
           F.y = l + I;
         }
         const b = x.alignSelf !== "auto" ? x.alignSelf : this.alignItems, S = this.getCrossSize(C, o, i);
         let y = 0;
-        b === "flex-end" ? y = o - S : b === "center" && (y = (o - S) * 0.5), i ? (F.y = l + h + y, g += m.width + s) : (F.x = a + h + y, g += m.height + s);
+        b === "flex-end" ? y = o - S : b === "center" && (y = (o - S) * 0.5), i ? (F.y = l + h + y, g += p.width + s) : (F.x = a + h + y, g += p.height + s);
       }
     }
   }
@@ -423,11 +423,11 @@ class Pt extends ro {
       this.positionChildren(u, i, e, x, v, C, l, h, d), d += x + a;
     }
     for (const c of t)
-      c instanceof Pt && c.build();
+      c instanceof Lt && c.build();
   }
 }
-function Kn(r) {
-  return r === void 0 ? Yn : typeof r == "number" ? {
+function Zn(r) {
+  return r === void 0 ? Kn : typeof r == "number" ? {
     top: r,
     right: r,
     bottom: r,
@@ -439,7 +439,7 @@ function Kn(r) {
     left: r.left ?? 0
   };
 }
-class oo extends Pt {
+class no extends Lt {
   constructor(t, e, i = {}) {
     super(t, e, i);
   }
@@ -456,7 +456,7 @@ class oo extends Pt {
       e[n] = {
         position: o.position,
         size: o.size
-      }, o instanceof Pt && this._collectLayout(o, e, i);
+      }, o instanceof Lt && this._collectLayout(o, e, i);
     }
   }
 }
@@ -467,7 +467,7 @@ const ie = {
   justifyContent: "flex-start",
   alignItems: "stretch"
 };
-function no(r) {
+function so(r) {
   const t = r;
   return {
     id: r.id,
@@ -478,18 +478,18 @@ function no(r) {
     alignItems: t.alignItems ?? ie.alignItems
   };
 }
-function so(r, t) {
+function ao(r, t) {
   if (t != null && t.length)
     for (const e of t)
       if (e.children && e.children.length > 0) {
-        const i = new Pt(e.width ?? 0, e.height ?? 0, no(e));
-        r.addChild(i, e), so(i, e.children);
+        const i = new Lt(e.width ?? 0, e.height ?? 0, so(e));
+        r.addChild(i, e), ao(i, e.children);
       } else
         r.addChild(e);
 }
-const cu = (r) => {
-  const t = r.width ?? 0, e = r.height ?? 0, i = no(r), o = new oo(t, e, i);
-  return so(o, r.children), o.getLayout();
+const uu = (r) => {
+  const t = r.width ?? 0, e = r.height ?? 0, i = so(r), o = new no(t, e, i);
+  return ao(o, r.children), o.getLayout();
 }, Ne = class Ne {
   constructor(t) {
     this.debugColor = "magenta", this.parent = null, this.children = [], this.rect = {
@@ -640,7 +640,7 @@ const cu = (r) => {
 };
 Ne.DEBUG = !1;
 let Zt = Ne;
-class Zn {
+class jn {
   constructor() {
     this.defaultFlexStyle = {
       flexGrow: 0,
@@ -703,7 +703,7 @@ class Zn {
    * Добавляет дочерний элемент-контейнер в flex-дерево.
    */
   addContainerChild(t, e) {
-    const i = new Pt(0, 0, t.flexOptions);
+    const i = new Lt(0, 0, t.flexOptions);
     i.size.width = t.rect.width, i.size.height = t.rect.height, e.addChild(i, this.defaultFlexStyle), this.build(t, i);
   }
   /**
@@ -715,7 +715,7 @@ class Zn {
   }
 }
 const Se = 0.5;
-class jn {
+class Jn {
   constructor(t) {
     this.positionResolver = t;
   }
@@ -737,7 +737,7 @@ class jn {
     } = e, h = l !== null ? l.rect : n;
     a = this.updateNodePosition(e, i, h ?? e.rect);
     const d = o ?? e.children.filter((u) => !u.isAbsolute()), c = d.length > 0;
-    if (c && i instanceof Pt) {
+    if (c && i instanceof Lt) {
       const u = this.reconcileChildLayouts(t, d, i, n);
       if (a = a || u, this.isContainer(e) && !s) {
         const f = this.updateContainerFromContent(e, i);
@@ -793,8 +793,8 @@ class jn {
     } else {
       let l = 0;
       for (let C = 0; C < s; C += 1) {
-        const x = n[C], m = x.position.x + x.size.width, F = x.position.y + x.size.height;
-        m > a && (a = m), F > l && (l = F);
+        const x = n[C], p = x.position.x + x.size.width, F = x.position.y + x.size.height;
+        p > a && (a = p), F > l && (l = F);
       }
       const h = a > 0 ? a + o.right : 0, d = t.style.width;
       let c = !1, u = !1, f = !1;
@@ -1019,12 +1019,12 @@ class Ii {
     return o.addGap(i, e), o.getSize();
   }
 }
-const Jn = 3, ao = {
+const Qn = 3, lo = {
   top: 0,
   right: 0,
   bottom: 0,
   left: 0
-}, Qn = (r) => r === void 0 || r === "row" || r === "row-reverse", ts = (r) => r === void 0 ? ao : typeof r == "number" ? {
+}, ts = (r) => r === void 0 || r === "row" || r === "row-reverse", es = (r) => r === void 0 ? lo : typeof r == "number" ? {
   top: r,
   right: r,
   bottom: r,
@@ -1035,9 +1035,9 @@ const Jn = 3, ao = {
   bottom: r.bottom ?? 0,
   left: r.left ?? 0
 };
-class pt extends Zt {
+class mt extends Zt {
   constructor(t, e = {}, i = "transparent") {
-    super(t), this.cachedPadding = ao, this.cachedIsRow = !0, this.cachedGap = 0, this.optionsCacheValid = !1, this.flexOptionsValue = e, this.positionResolver = new It(), this.flexTreeBuilder = new Zn(), this.layoutReconciler = new jn(this.positionResolver), this.invalidateOptionsCache(), this.backgroundColor = i;
+    super(t), this.cachedPadding = lo, this.cachedIsRow = !0, this.cachedGap = 0, this.optionsCacheValid = !1, this.flexOptionsValue = e, this.positionResolver = new It(), this.flexTreeBuilder = new jn(), this.layoutReconciler = new Jn(this.positionResolver), this.invalidateOptionsCache(), this.backgroundColor = i;
   }
   get flexOptions() {
     return this.flexOptionsValue;
@@ -1055,7 +1055,7 @@ class pt extends Zt {
     if (this.optionsCacheValid)
       return;
     const t = this.flexOptionsValue;
-    this.cachedIsRow = Qn(t.direction), this.cachedGap = this.cachedIsRow ? t.columnGap ?? 0 : t.rowGap ?? 0, this.cachedPadding = ts(t.padding), this.optionsCacheValid = !0;
+    this.cachedIsRow = ts(t.direction), this.cachedGap = this.cachedIsRow ? t.columnGap ?? 0 : t.rowGap ?? 0, this.cachedPadding = es(t.padding), this.optionsCacheValid = !0;
   }
   measure(t) {
     this.measureChildren(t), this.computeIntrinsicSize(), this.applySizeConstraints(), this.clearMeasureDirty();
@@ -1095,7 +1095,7 @@ class pt extends Zt {
     const {
       parent: e
     } = this;
-    if (!(e instanceof pt))
+    if (!(e instanceof mt))
       return e != null && e.rect[t] && e.rect[t] > 0 ? e.rect[t] : void 0;
     e.ensureOptionsCache();
     const i = e.cachedPadding, o = t === "width" ? i.left + i.right : i.top + i.bottom, n = e.rect[t] - o;
@@ -1113,18 +1113,18 @@ class pt extends Zt {
     i.length > 0 && this.layoutPhase1Flexbox(t, i, e), o.length > 0 && this.isPositioningContext() && this.layoutPhase2Absolute(t, o), this.clearLayoutDirty();
   }
   layoutPhase1Flexbox(t, e, i = !1) {
-    const o = new oo(this.rect.width, this.rect.height, this.flexOptionsValue);
+    const o = new no(this.rect.width, this.rect.height, this.flexOptionsValue);
     this.flexTreeBuilder.build(this, o, e);
     let n = 0, s;
     do
       o.build(), s = this.layoutReconciler.reconcile(t, this, o, e, this.rect, i), n += 1;
-    while (s && n < Jn);
+    while (s && n < Qn);
   }
   layoutPhase2Absolute(t, e) {
     this.ensureOptionsCache(), this.positionResolver.positionAbsoluteChildren(this.rect, this.cachedPadding, e, (i) => i.measure(t), (i) => this.layoutAbsoluteChildSubtree(t, i));
   }
   layoutAbsoluteChildSubtree(t, e) {
-    if (!(e instanceof pt))
+    if (!(e instanceof mt))
       return;
     const i = e.parent;
     e.parent = null;
@@ -1141,7 +1141,7 @@ class pt extends Zt {
     if (t === null || t.rect.width <= 0)
       return;
     let e = t.rect.width;
-    t instanceof pt && (t.ensureOptionsCache(), e -= t.cachedPadding.left + t.cachedPadding.right), e = Math.max(0, e), this.rect.width > e && (this.rect.width = e);
+    t instanceof mt && (t.ensureOptionsCache(), e -= t.cachedPadding.left + t.cachedPadding.right), e = Math.max(0, e), this.rect.width > e && (this.rect.width = e);
   }
   separateChildrenByLayoutMode() {
     const t = [], e = [];
@@ -1158,18 +1158,18 @@ class pt extends Zt {
       i.paint(t, e);
   }
 }
-const es = {
+const is = {
   minX: 1 / 0,
   minY: 1 / 0,
   maxX: -1 / 0,
   maxY: -1 / 0
-}, is = (r, t) => ({
+}, rs = (r, t) => ({
   minX: Math.min(r.minX, t.rect.x),
   minY: Math.min(r.minY, t.rect.y),
   maxX: Math.max(r.maxX, t.rect.x + t.rect.width),
   maxY: Math.max(r.maxY, t.rect.y + t.rect.height)
-}), rs = (r) => r.minX === 1 / 0 || r.maxX === -1 / 0;
-class uu extends pt {
+}), os = (r) => r.minX === 1 / 0 || r.maxX === -1 / 0;
+class hu extends mt {
   performLayout(t) {
     const e = this.layoutChildren(t);
     if (!e) {
@@ -1180,11 +1180,11 @@ class uu extends pt {
   }
   layoutChildren(t) {
     let e = {
-      ...es
+      ...is
     };
     return this.children.forEach((i) => {
-      i instanceof pt ? i.performLayout(t) : i.measure(t), e = is(e, i);
-    }), rs(e) ? null : e;
+      i instanceof mt ? i.performLayout(t) : i.measure(t), e = rs(e, i);
+    }), os(e) ? null : e;
   }
   expandToFitBounds(t) {
     const e = t.maxX - this.rect.x, i = t.maxY - this.rect.y;
@@ -1194,7 +1194,7 @@ class uu extends pt {
     this.backgroundColor && this.backgroundColor !== "transparent" && t.fillRect(this.rect.x, this.rect.y, this.rect.width, this.rect.height, this.backgroundColor), this.borderWidth > 0 && this.borderColor && this.borderColor !== "transparent" && t.strokeRect(this.rect.x + this.borderWidth / 2, this.rect.y + this.borderWidth / 2, this.rect.width - this.borderWidth, this.rect.height - this.borderWidth, this.borderColor, this.borderWidth), super.onPaint(t, e);
   }
 }
-class lo {
+class co {
   constructor(t = {}) {
     this.options = t, this.hoveredNode = null, this.activePortalNode = null, this.currentCursor = "default", this.bounds = null;
   }
@@ -1336,11 +1336,11 @@ const ne = {
   editor: "normal",
   contextMenu: "normal"
 };
-function os(r) {
+function ns(r) {
   return r.selection !== void 0 || r.cellClick !== void 0 || r.editor !== void 0 || r.contextMenu !== void 0;
 }
-function ns(r) {
-  if (!r || !os(r))
+function ss(r) {
+  if (!r || !ns(r))
     return;
   const t = {
     selection: r.selection ?? ne.selection,
@@ -1350,12 +1350,12 @@ function ns(r) {
   };
   return t.editor === "open-on-click" && t.selection === "keep" && (console.warn('[TableCanvas interaction] `editor: "open-on-click"` требует обычного selection. Editor не будет открыт, чтобы не менять выделение неожиданно.'), t.editor = "normal"), t.editor === "open-on-click" && t.cellClick === "stop" && (console.warn('[TableCanvas interaction] `editor: "open-on-click"` требует обычного cellClick, потому что editor открывается через click pipeline таблицы. Editor не будет открыт.'), t.editor = "normal"), t;
 }
-function ss() {
+function as() {
   return {
     ...ne
   };
 }
-class as {
+class ls {
   constructor() {
     this.nodes = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Set();
   }
@@ -1377,7 +1377,7 @@ class as {
     this.listeners.forEach((e) => e(t));
   }
 }
-function ls(r, t) {
+function cs(r, t) {
   return r.zIndex !== t.zIndex ? r.zIndex - t.zIndex : r.order - t.order;
 }
 const hr = typeof Path2D < "u" && typeof CanvasRenderingContext2D.prototype.roundRect == "function";
@@ -1523,7 +1523,7 @@ class Hi {
     } = this, i = e.length;
     if (i === 0)
       return;
-    e.sort(ls);
+    e.sort(cs);
     let o = "", n = "", s = -1, a = "", l = "", h = "";
     for (let d = 0; d < i; d++) {
       const c = e[d];
@@ -1576,15 +1576,15 @@ class Hi {
       radius: a,
       gradientStops: l,
       angle: h
-    } = e, d = (h - 90) * Math.PI / 180, c = Math.cos(d), u = Math.sin(d), f = n / 2, g = s / 2, v = i + f, C = o + g, m = (Math.abs(c * n) + Math.abs(u * s)) / 2, F = v - c * m, b = C - u * m, S = v + c * m, y = C + u * m, I = t.createLinearGradient(F, b, S, y);
+    } = e, d = (h - 90) * Math.PI / 180, c = Math.cos(d), u = Math.sin(d), f = n / 2, g = s / 2, v = i + f, C = o + g, p = (Math.abs(c * n) + Math.abs(u * s)) / 2, F = v - c * p, b = C - u * p, S = v + c * p, y = C + u * p, I = t.createLinearGradient(F, b, S, y);
     for (const A of l)
       I.addColorStop(A.offset, A.color);
     if (t.fillStyle = I, a > 0)
       if (hr)
         t.beginPath(), t.roundRect(i, o, n, s, a), t.fill();
       else {
-        const A = a, L = i + n, R = o + s;
-        t.beginPath(), t.moveTo(i + A, o), t.lineTo(L - A, o), t.quadraticCurveTo(L, o, L, o + A), t.lineTo(L, R - A), t.quadraticCurveTo(L, R, L - A, R), t.lineTo(i + A, R), t.quadraticCurveTo(i, R, i, R - A), t.lineTo(i, o + A), t.quadraticCurveTo(i, o, i + A, o), t.closePath(), t.fill();
+        const A = a, P = i + n, R = o + s;
+        t.beginPath(), t.moveTo(i + A, o), t.lineTo(P - A, o), t.quadraticCurveTo(P, o, P, o + A), t.lineTo(P, R - A), t.quadraticCurveTo(P, R, P - A, R), t.lineTo(i + A, R), t.quadraticCurveTo(i, R, i, R - A), t.lineTo(i, o + A), t.quadraticCurveTo(i, o, i + A, o), t.closePath(), t.fill();
       }
     else
       t.fillRect(i, o, n, s);
@@ -1612,12 +1612,12 @@ class Hi {
     l && (t.fillStyle = l, t.fill()), h && (t.strokeStyle = h, d !== void 0 && (t.lineWidth = d), t.stroke());
   }
 }
-const hu = new Hi();
-class du {
+const du = new Hi();
+class fu {
   constructor(t, e) {
     this.eventHandlers = /* @__PURE__ */ new Map(), this.batcher = new Hi(), this.canvas = t, this.ctx = t.getContext("2d", {
       alpha: !1
-    }), this.rootNode = e, this.hoverController = new lo({
+    }), this.rootNode = e, this.hoverController = new co({
       onCursorChange: (i) => {
         var o;
         return (o = this.onCursorChange) == null ? void 0 : o.call(this, i);
@@ -1711,7 +1711,7 @@ class du {
     this.rootNode.rect.width = t.width, this.rootNode.rect.height = t.height, this.rootNode.rect.x = 0, this.rootNode.rect.y = 0;
   }
   layoutRoot() {
-    this.rootNode instanceof pt ? this.rootNode.performLayout(this.ctx) : this.rootNode.measure(this.ctx);
+    this.rootNode instanceof mt ? this.rootNode.performLayout(this.ctx) : this.rootNode.measure(this.ctx);
   }
 }
 const nt = {
@@ -1744,7 +1744,7 @@ const nt = {
     iconSize: 20
   }
 };
-function cs(r) {
+function us(r) {
   return {
     default: {
       bgColor: r.surfaceSolidDefault,
@@ -1825,32 +1825,46 @@ function cs(r) {
     }
   };
 }
-const Pi = {
-  default: {
-    bgColor: "#060A0C",
-    bgColorHover: "#111C22",
-    borderColor: "#060A0C",
-    textColor: "#FFFFFF",
-    iconColor: "#FFFFFF"
-  },
+const dr = {
+  bgColor: "#060A0C",
+  bgColorHover: "#13181B",
+  borderColor: "transparent",
+  textColor: "#FFFFFF",
+  /**
+   *#F2F5F893 --on-dark-text-primary-hover
+   */
+  textColorHover: "#F2F5F893",
+  iconColor: "#FFFFFF",
+  /**
+   *#F2F5F893 --on-dark-text-primary-hover
+   */
+  iconColorHover: "#F2F5F893"
+}, Li = {
+  default: dr,
   primary: {
     bgColor: "#060A0C",
     bgColorHover: "#111C22",
-    borderColor: "#060A0C",
+    borderColor: "transparent",
     textColor: "#FFFFFF",
     iconColor: "#FFFFFF"
   },
   accent: {
     bgColor: "#118CDF",
     bgColorHover: "#1798EE",
-    borderColor: "#118CDF",
+    borderColor: "transparent",
     textColor: "#FFFFFF",
     iconColor: "#FFFFFF"
   },
   secondary: {
-    bgColor: "transparent",
-    bgColorHover: "rgba(6, 10, 12, 0.08)",
-    borderColor: "#060A0C",
+    /**
+     * surface transparent secondary
+     */
+    bgColor: "#ADB9C238",
+    /**
+     * surface transparent secondary hover
+     */
+    bgColorHover: "#ADB9C247",
+    borderColor: "transparent",
     textColor: "#060A0C",
     iconColor: "#060A0C"
   },
@@ -1864,54 +1878,61 @@ const Pi = {
   success: {
     bgColor: "#1A9E32",
     bgColorHover: "#1EB83A",
-    borderColor: "#1A9E32",
+    borderColor: "transparent",
     textColor: "#FFFFFF",
     iconColor: "#FFFFFF"
   },
   warning: {
     bgColor: "#FA5F05",
     bgColorHover: "#FB782D",
-    borderColor: "#FA5F05",
+    borderColor: "transparent",
     textColor: "#FFFFFF",
     iconColor: "#FFFFFF"
   },
   critical: {
     bgColor: "#FF293E",
     bgColorHover: "#FF5263",
-    borderColor: "#FF293E",
+    borderColor: "transparent",
     textColor: "#FFFFFF",
     iconColor: "#FFFFFF"
   },
   dark: {
-    bgColor: "#13181B",
-    bgColorHover: "#23292D",
-    borderColor: "#13181B",
-    textColor: "#FFFFFF",
-    iconColor: "#FFFFFF"
-  },
-  black: {
-    bgColor: "#060A0C",
-    bgColorHover: "#13181B",
-    borderColor: "#060A0C",
+    /**
+     * #30373CC7 --on-light-surface-transparent-deep
+     */
+    bgColor: "#30373CC7",
+    bgColorHover: "#30373CC7",
+    borderColor: "transparent",
     textColor: "#FFFFFF",
-    iconColor: "#FFFFFF"
+    textColorHover: "#F2F5F893",
+    iconColor: "#FFFFFF",
+    iconColorHover: "#F2F5F893"
   },
+  black: dr,
   white: {
     bgColor: "#FFFFFF",
-    bgColorHover: "#F2F5F8",
-    borderColor: "#D5DFE6",
+    bgColorHover: "#FFFFFF",
+    borderColor: "transparent",
     textColor: "#060A0C",
-    iconColor: "#060A0C"
-  }
-}, de = 4, fe = 4, us = 16, co = 20, uo = 4, Lt = 1, ho = 6, fu = 4, Li = "s", Bi = "default", fo = "#d32f2f", ze = "#ffffff", hs = "rgba(30, 136, 229, 0.08)", dr = "#ffffff", ds = "#E8EEF2", fs = "#D5DFE6", fr = "#8A959D", go = "|", gs = "#", Cs = 35, Co = 15, fi = /* @__PURE__ */ new Map(), gi = /* @__PURE__ */ new Map();
-function vo(r, t) {
-  if (r.charCodeAt(0) === Cs) {
+    /**
+     * #13181B93 --on-light-text-primary-hover
+     */
+    textColorHover: "#13181B93",
+    iconColor: "#060A0C",
+    /**
+     * #13181B93 --on-light-text-primary-hover
+     */
+    iconColorHover: "#13181B93"
+  }
+}, de = 4, fe = 4, hs = 16, uo = 20, ho = 4, Pt = 1, fo = 6, gu = 4, Pi = "s", Bi = "default", go = "#d32f2f", ze = "#ffffff", ds = "rgba(30, 136, 229, 0.08)", fr = "#ffffff", fs = "#E8EEF2", gs = "#D5DFE6", gr = "#8A959D", Co = "|", Cs = "#", vs = 35, vo = 15, fi = /* @__PURE__ */ new Map(), gi = /* @__PURE__ */ new Map();
+function po(r, t) {
+  if (r.charCodeAt(0) === vs) {
     const e = parseInt(r.slice(1), 16), i = Math.min(255, (e >> 16 & 255) + t), o = Math.min(255, (e >> 8 & 255) + t), n = Math.min(255, (e & 255) + t);
-    return `${gs}${(i << 16 | o << 8 | n).toString(16).padStart(6, "0")}`;
+    return `${Cs}${(i << 16 | o << 8 | n).toString(16).padStart(6, "0")}`;
   }
   return r;
 }
-function gr(r, t) {
+function Cr(r, t) {
   const e = Math.min(1, Math.max(0, t));
   if (r.charCodeAt(0) !== 35)
     throw new Error("Only HEX color format is supported");
@@ -1924,31 +1945,31 @@ function gr(r, t) {
     throw new Error(`Invalid HEX color format: ${r}`);
   return `rgba(${o}, ${n}, ${s}, ${e})`;
 }
-function vs(r, t) {
-  const e = `${r}${go}${t}`;
+function ps(r, t) {
+  const e = `${r}${Co}${t}`;
   let i = fi.get(e);
-  return i === void 0 && (i = vo(r, t), fi.set(e, i)), i;
+  return i === void 0 && (i = po(r, t), fi.set(e, i)), i;
 }
 function mo(r, t, e) {
-  const i = `${e}${go}${t}`;
+  const i = `${e}${Co}${t}`;
   let o = gi.get(i);
   return o === void 0 && (r.font = e, o = r.measureText(t).width, gi.set(i, o)), o;
 }
-function po(r, t, e, i, o, n) {
+function yo(r, t, e, i, o, n) {
   if (r !== "auto")
     return r;
   let s = 0;
   return o && (s += e + i), n && (s += e + i), t + s + 4;
 }
-function yo(r, t, e, i, o) {
+function bo(r, t, e, i, o) {
   let n = r;
   return i && (n += t + e), o && (n += t + e), n;
 }
-function gu() {
+function Cu() {
   fi.clear(), gi.clear();
 }
-const ms = vo(fo, Co);
-function bo(r, t, e, i) {
+const ms = po(go, vo);
+function Fo(r, t, e, i) {
   if (e)
     return {
       bgColor: r.bgCell,
@@ -1958,21 +1979,21 @@ function bo(r, t, e, i) {
     };
   switch (t) {
     case "primary":
-      return Cr(r, i);
+      return vr(r, i);
     case "secondary":
-      return ys(r, i);
+      return bs(r, i);
     case "danger":
-      return bs(i);
+      return Fs(i);
     default:
-      return Cr(r, i);
+      return vr(r, i);
   }
 }
-function ps(r, t, e, i, o) {
+function ys(r, t, e, i, o) {
   const {
     accentColor: n
   } = r, s = r.accentFg || ze, a = r.accentFg || ze, l = 0.4;
   if (t || e) {
-    const u = o ? gr(n, l) : n;
+    const u = o ? Cr(n, l) : n;
     return {
       bgColor: u,
       borderColor: u,
@@ -1980,7 +2001,7 @@ function ps(r, t, e, i, o) {
       iconColor: a
     };
   }
-  const h = "#485056B0", d = "white", c = o ? gr(h, l) : h;
+  const h = "#485056B0", d = "white", c = o ? Cr(h, l) : h;
   return {
     bgColor: d,
     borderColor: c,
@@ -1988,10 +2009,10 @@ function ps(r, t, e, i, o) {
     iconColor: a
   };
 }
-function Cr(r, t) {
+function vr(r, t) {
   const {
     accentColor: e
-  } = r, i = t ? vs(e, Co) : e;
+  } = r, i = t ? ps(e, vo) : e;
   return {
     bgColor: i,
     borderColor: i,
@@ -1999,49 +2020,49 @@ function Cr(r, t) {
     iconColor: r.accentFg || ze
   };
 }
-function ys(r, t) {
+function bs(r, t) {
   return {
-    bgColor: t ? r.accentLight || hs : r.bgCell,
+    bgColor: t ? r.accentLight || ds : r.bgCell,
     borderColor: r.accentColor,
     textColor: r.accentColor,
     iconColor: r.accentColor
   };
 }
-function bs(r) {
-  const t = r ? ms : fo;
+function Fs(r) {
+  const t = r ? ms : go;
   return {
     bgColor: t,
     borderColor: t,
-    textColor: dr,
-    iconColor: dr
+    textColor: fr,
+    iconColor: fr
   };
 }
-function Fo(r, t, e) {
+function xo(r, t, e) {
   return t ? {
-    bgColor: ds,
-    borderColor: fs,
-    textColor: fr,
-    iconColor: fr
+    bgColor: fs,
+    borderColor: gs,
+    textColor: gr,
+    iconColor: gr
   } : {
     bgColor: e ? r.bgColorHover : r.bgColor,
     borderColor: r.borderColor,
-    textColor: r.textColor,
-    iconColor: r.iconColor
+    textColor: e && r.textColorHover ? r.textColorHover : r.textColor,
+    iconColor: e && r.iconColorHover ? r.iconColorHover : r.iconColor
   };
 }
-const Kt = -1, vr = 0, dt = {
-  colIndex: Kt,
-  rowIndex: Kt
+const qt = -1, pr = 0, dt = {
+  colIndex: qt,
+  rowIndex: qt
 }, Q = {
-  x: vr,
-  y: vr
-}, Fs = 2;
+  x: pr,
+  y: pr
+}, xs = 2;
 function ei(r) {
   const {
     location: t
   } = r;
-  if (Array.isArray(t) && t.length >= Fs)
-    return dt.colIndex = t[0] ?? Kt, dt.rowIndex = t[1] ?? Kt, dt;
+  if (Array.isArray(t) && t.length >= xs)
+    return dt.colIndex = t[0] ?? qt, dt.rowIndex = t[1] ?? qt, dt;
   const {
     col: e
   } = r, {
@@ -2054,7 +2075,7 @@ function ei(r) {
   } = r, {
     rowIndex: n
   } = r;
-  return typeof o == "number" && typeof n == "number" ? (dt.colIndex = o, dt.rowIndex = n, dt) : (dt.colIndex = Kt, dt.rowIndex = Kt, dt);
+  return typeof o == "number" && typeof n == "number" ? (dt.colIndex = o, dt.rowIndex = n, dt) : (dt.colIndex = qt, dt.rowIndex = qt, dt);
 }
 const Ae = "-", mr = 0;
 function ue(r, t) {
@@ -2064,7 +2085,7 @@ function ue(r, t) {
   } = r;
   return e >= mr && i >= mr ? `${e}${Ae}${i}` : `${t.x}${Ae}${t.y}${Ae}${t.width}${Ae}${t.height}`;
 }
-function pr(r) {
+function yr(r) {
   const {
     posX: t
   } = r, {
@@ -2089,11 +2110,11 @@ function pr(r) {
   }
   return null;
 }
-function yr(r, t) {
+function br(r, t) {
   const e = r.x, i = r.y, o = t.x, n = t.y;
   return e >= o && e <= o + t.width && i >= n && i <= n + t.height ? (Q.x = e - o, Q.y = i - n, Q) : r;
 }
-function xs(r, t, e) {
+function ws(r, t, e) {
   if (typeof r != "number" || typeof t != "number")
     return;
   const i = e.width, o = e.height, n = e.x, s = e.y;
@@ -2102,7 +2123,7 @@ function xs(r, t, e) {
   if (r >= n - 1 && r <= n + i + 1 && t >= s - 1 && t <= s + o + 1)
     return Q.x = r - n, Q.y = t - s, Q;
 }
-function xo(r, t, e) {
+function wo(r, t, e) {
   const i = e.x, o = e.y;
   return r >= i && r <= i + e.width && t >= o && t <= o + e.height;
 }
@@ -2127,17 +2148,17 @@ function Jt(r, t) {
 function ii() {
   return typeof window < "u" ? Math.ceil(window.devicePixelRatio) : 1;
 }
-function ws(r) {
+function Ss(r) {
   let t = 0;
   for (let e = 0; e < r.length; e++)
     t = (t << 5) - t + r.charCodeAt(e), t |= 0;
   return t.toString(36);
 }
-function br(r, t) {
+function Fr(r, t) {
   let e = r;
   return t && (e = e.replace(/currentColor/g, t), !e.includes("fill=") && !e.includes("stroke=") && (e = e.replace("<svg", `<svg fill="${t}"`))), `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
 }
-class Ss {
+class As {
   constructor() {
     this.iconRegistry = /* @__PURE__ */ new Map(), this.svgDataUrlCache = /* @__PURE__ */ new Map(), this.spriteCache = /* @__PURE__ */ new Map(), this.pendingLoads = /* @__PURE__ */ new Set(), this.loadListeners = /* @__PURE__ */ new Set(), this.inFlightCount = 0, this.stats = {
       requests: 0,
@@ -2283,15 +2304,15 @@ class Ss {
     const i = e ?? "", o = this.iconRegistry.get(t);
     if (o) {
       const s = `r:${t}:${i}`;
-      return this.svgDataUrlCache.has(s) || this.svgDataUrlCache.set(s, br(o, e)), {
+      return this.svgDataUrlCache.has(s) || this.svgDataUrlCache.set(s, Fr(o, e)), {
         key: s,
         url: this.svgDataUrlCache.get(s)
       };
     }
     const n = t.trimStart();
     if (n.startsWith("<svg")) {
-      const s = `s:${ws(n)}:${i}`;
-      return this.svgDataUrlCache.has(s) || this.svgDataUrlCache.set(s, br(n, e)), {
+      const s = `s:${Ss(n)}:${i}`;
+      return this.svgDataUrlCache.has(s) || this.svgDataUrlCache.set(s, Fr(n, e)), {
         key: s,
         url: this.svgDataUrlCache.get(s)
       };
@@ -2323,63 +2344,63 @@ class Ss {
     this.loadListeners.forEach((t) => t());
   }
 }
-const Bt = new Ss();
-function As(r) {
+const Bt = new As();
+function Ts(r) {
   return Bt.onLoad(r);
 }
-function Cu(r, t = {}) {
+function vu(r, t = {}) {
   Bt.register(r, t);
 }
-function Ts(r, t, e) {
+function Es(r, t, e) {
   return Bt.getSprite(r, t, e);
 }
-function Es(r, t) {
+function Ds(r, t) {
   Bt.preload(r, t);
 }
-function Ds(r, t, e, i, o, n) {
+function Is(r, t, e, i, o, n) {
   Bt.draw(r, t, e, i, o, n);
 }
-function Is(r, t) {
+function Hs(r, t) {
   return Bt.getImageDirect(r);
 }
-function vu() {
+function pu() {
   return Bt.getStats();
 }
 function mu() {
   Bt.clearSpriteCache();
 }
-const pu = Ds;
+const yu = Is;
 function Ct(r, t, e, i, o, n) {
   if (!t || o <= 0)
     return;
-  const s = Ts(t, o, n);
+  const s = Es(t, o, n);
   if (s) {
     r.drawImage(s, e, i, o, o);
     return;
   }
-  const a = Is(t);
+  const a = Hs(t);
   a && r.drawImage(a, e, i, o, o);
 }
-function Hs(r, t, e, i, o, n, s, a = "primary", l = !1, h = !1, d, c, u, f = ho) {
-  const g = de, v = o - g * 2, C = Math.min(v - fe, us), x = s.baseFontFull, m = u ? mo(u, n, x) : 0, F = po(i, m, C, f, d, c), b = e + g, S = Jt(h, {
+function Ls(r, t, e, i, o, n, s, a = "primary", l = !1, h = !1, d, c, u, f = fo) {
+  const g = de, v = o - g * 2, C = Math.min(v - fe, hs), x = s.baseFontFull, p = u ? mo(u, n, x) : 0, F = yo(i, p, C, f, d, c), b = e + g, S = Jt(h, {
     x: t,
     y: e,
     width: F,
     height: o
-  }), y = bo(s, a, l, S), I = t + F * 0.5, A = b + v * 0.5;
-  r.roundedRect(t, b, F, v, uo, {
+  }), y = Fo(s, a, l, S), I = t + F * 0.5, A = b + v * 0.5;
+  r.roundedRect(t, b, F, v, ho, {
     fillStyle: y.bgColor,
     strokeStyle: y.borderColor,
-    lineWidth: Lt
+    lineWidth: Pt
   });
-  const L = yo(m, C, f, d, c);
-  let R = I - L * 0.5;
+  const P = bo(p, C, f, d, c);
+  let R = I - P * 0.5;
   if (d) {
     const lt = A - C * 0.5;
     Ct(r, d, R, lt, C, y.textColor), R += C + f;
   }
   if (r.fillText(n, R, A, x, y.textColor, "middle", "left"), c) {
-    const lt = R + m + f, N = A - C * 0.5;
+    const lt = R + p + f, N = A - C * 0.5;
     Ct(r, c, lt, N, C, y.textColor);
   }
   return {
@@ -2390,41 +2411,41 @@ function Hs(r, t, e, i, o, n, s, a = "primary", l = !1, h = !1, d, c, u, f = ho)
     actualWidth: F
   };
 }
-function Ps(r, t, e, i, o, n = Bi, s = Li, a = !1, l = !1, h, d, c, u = ho, f) {
-  const g = nt[s], v = f ? f[n] : Pi[n], C = `${g.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`, x = c ? mo(c, o, C) : 0, m = po(i, x, g.iconSize, u, h, d), F = Jt(l, {
+function Ps(r, t, e, i, o, n = Bi, s = Pi, a = !1, l = !1, h, d, c, u = fo, f) {
+  const g = nt[s], v = f ? f[n] : Li[n], C = `${g.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`, x = c ? mo(c, o, C) : 0, p = yo(i, x, g.iconSize, u, h, d), F = Jt(l, {
     x: t,
     y: e,
-    width: m,
+    width: p,
     height: g.height
-  }), b = Fo(v, a, F), S = t + m * 0.5, y = e + g.height * 0.5;
-  b.bgColor !== "transparent" ? r.roundedRect(t, e, m, g.height, g.borderRadius, {
+  }), b = xo(v, a, F), S = t + p * 0.5, y = e + g.height * 0.5;
+  b.bgColor !== "transparent" ? r.roundedRect(t, e, p, g.height, g.borderRadius, {
     fillStyle: b.bgColor,
     strokeStyle: b.borderColor !== "transparent" ? b.borderColor : void 0,
-    lineWidth: b.borderColor !== "transparent" ? Lt : 0
-  }) : b.borderColor !== "transparent" && r.roundedRect(t, e, m, g.height, g.borderRadius, {
+    lineWidth: b.borderColor !== "transparent" ? Pt : 0
+  }) : b.borderColor !== "transparent" && r.roundedRect(t, e, p, g.height, g.borderRadius, {
     fillStyle: b.bgColor,
     strokeStyle: b.borderColor,
-    lineWidth: Lt
+    lineWidth: Pt
   });
-  const I = yo(x, g.iconSize, u, h, d);
+  const I = bo(x, g.iconSize, u, h, d);
   let A = S - I * 0.5;
   if (h) {
-    const L = y - g.iconSize * 0.5;
-    Ct(r, h, A, L, g.iconSize, b.textColor), A += g.iconSize + u;
+    const P = y - g.iconSize * 0.5;
+    Ct(r, h, A, P, g.iconSize, b.textColor), A += g.iconSize + u;
   }
   if (r.fillText(o, A, y, C, b.textColor, "middle", "left"), d) {
-    const L = A + x + u, R = y - g.iconSize * 0.5;
-    Ct(r, d, L, R, g.iconSize, b.textColor);
+    const P = A + x + u, R = y - g.iconSize * 0.5;
+    Ct(r, d, P, R, g.iconSize, b.textColor);
   }
   return {
     x: t,
     y: e,
-    width: m,
+    width: p,
     height: g.height,
-    actualWidth: m
+    actualWidth: p
   };
 }
-const Ls = {
+const Bs = {
   100: "FF",
   90: "E6",
   80: "CC",
@@ -2438,7 +2459,7 @@ const Ls = {
   20: "33",
   10: "1A",
   0: "00"
-}, Bs = (r, t) => r.length !== 6 ? r : r.slice(0, 4) + Ls[t], Vt = "transparent", ks = Object.fromEntries(Object.entries(Pi).map(([r, t]) => r === "secondary" ? [r, {
+}, ks = (r, t) => r.length !== 6 ? r : r.slice(0, 4) + Bs[t], Vt = "transparent", zs = Object.fromEntries(Object.entries(Li).map(([r, t]) => r === "secondary" ? [r, {
   bgColor: Vt,
   borderColor: Vt,
   textColor: "#485056B0",
@@ -2453,41 +2474,41 @@ const Ls = {
   iconColor: t.bgColor,
   iconColorHovered: t.bgColorHover
 }]));
-function zs(r, t, e, i, o = Bi, n = Li, s = !1, a = !1, l) {
-  const h = nt[n], d = ks[o], c = (l == null ? void 0 : l.overrideSquareSize) ?? h.height, u = (l == null ? void 0 : l.overrideIconSize) ?? h.iconSize, f = Jt(a, {
+function _s(r, t, e, i, o = Bi, n = Pi, s = !1, a = !1, l) {
+  const h = nt[n], d = zs[o], c = (l == null ? void 0 : l.overrideSquareSize) ?? h.height, u = (l == null ? void 0 : l.overrideIconSize) ?? h.iconSize, f = Jt(a, {
     x: t,
     y: e,
     width: c,
     height: c
-  }), g = d, v = t + c * 0.5, C = e + c * 0.5, x = v - u * 0.5, m = C - u * 0.5;
+  }), g = d, v = t + c * 0.5, C = e + c * 0.5, x = v - u * 0.5, p = C - u * 0.5;
   g.bgColor !== "transparent" ? r.roundedRect(t, e, c, c, h.borderRadius, {
     fillStyle: g.bgColor,
     strokeStyle: g.borderColor !== "transparent" ? g.borderColor : void 0,
-    lineWidth: g.borderColor !== "transparent" ? Lt : 0
+    lineWidth: g.borderColor !== "transparent" ? Pt : 0
   }) : g.borderColor !== "transparent" && r.roundedRect(t, e, c, c, h.borderRadius, {
     fillStyle: g.bgColor,
     strokeStyle: g.borderColor,
-    lineWidth: Lt
+    lineWidth: Pt
   });
-  const F = (l == null ? void 0 : l.iconColor) ?? g.iconColor, b = (l == null ? void 0 : l.iconColorHovered) ?? (l == null ? void 0 : l.iconColor) ?? g.iconColorHovered, S = s ? Bs(F, 40) : f ? b : F;
-  return Ct(r, i, x, m, u, S), {
+  const F = (l == null ? void 0 : l.iconColor) ?? g.iconColor, b = (l == null ? void 0 : l.iconColorHovered) ?? (l == null ? void 0 : l.iconColor) ?? g.iconColorHovered, S = s ? ks(F, 40) : f ? b : F;
+  return Ct(r, i, x, p, u, S), {
     x: t,
     y: e,
     width: c,
     height: c
   };
 }
-function wo(r, t, e, i, o, n, s, a = "primary", l = !1, h = !1) {
-  const d = de, c = o - d * 2, u = Math.min(c - fe, co), f = i === "auto" ? u : i, g = e + d, v = Jt(h, {
+function So(r, t, e, i, o, n, s, a = "primary", l = !1, h = !1) {
+  const d = de, c = o - d * 2, u = Math.min(c - fe, uo), f = i === "auto" ? u : i, g = e + d, v = Jt(h, {
     x: t,
     y: e,
     width: f,
     height: o
-  }), C = bo(s, a, l, v), x = t + f * 0.5, m = g + c * 0.5, F = x - u * 0.5, b = m - u * 0.5;
-  return r.roundedRect(t, g, f, c, uo, {
+  }), C = Fo(s, a, l, v), x = t + f * 0.5, p = g + c * 0.5, F = x - u * 0.5, b = p - u * 0.5;
+  return r.roundedRect(t, g, f, c, ho, {
     fillStyle: C.bgColor,
     strokeStyle: C.borderColor,
-    lineWidth: Lt
+    lineWidth: Pt
   }), Ct(r, n, F, b, u, C.iconColor), {
     x: t,
     y: g,
@@ -2495,21 +2516,21 @@ function wo(r, t, e, i, o, n, s, a = "primary", l = !1, h = !1) {
     height: c
   };
 }
-function _s(r, t, e, i, o = Bi, n = Li, s = !1, a = !1) {
-  const l = nt[n], h = Pi[o], d = l.height, c = Jt(a, {
+function Ms(r, t, e, i, o = Bi, n = Pi, s = !1, a = !1) {
+  const l = nt[n], h = Li[o], d = l.height, c = Jt(a, {
     x: t,
     y: e,
     width: d,
     height: d
-  }), u = Fo(h, s, c), f = t + d * 0.5, g = e + d * 0.5, v = f - l.iconSize * 0.5, C = g - l.iconSize * 0.5;
+  }), u = xo(h, s, c), f = t + d * 0.5, g = e + d * 0.5, v = f - l.iconSize * 0.5, C = g - l.iconSize * 0.5;
   return u.bgColor !== "transparent" ? r.roundedRect(t, e, d, d, l.borderRadius, {
     fillStyle: u.bgColor,
     strokeStyle: u.borderColor !== "transparent" ? u.borderColor : void 0,
-    lineWidth: u.borderColor !== "transparent" ? Lt : 0
+    lineWidth: u.borderColor !== "transparent" ? Pt : 0
   }) : u.borderColor !== "transparent" && r.roundedRect(t, e, d, d, l.borderRadius, {
     fillStyle: u.bgColor,
     strokeStyle: u.borderColor,
-    lineWidth: Lt
+    lineWidth: Pt
   }), Ct(r, i, v, C, l.iconSize, u.iconColor), {
     x: t,
     y: e,
@@ -2517,7 +2538,7 @@ function _s(r, t, e, i, o = Bi, n = Li, s = !1, a = !1) {
     height: d
   };
 }
-const Fr = {
+const xr = {
   xs: {
     height: 16,
     fontSize: 10,
@@ -2543,7 +2564,7 @@ const Fr = {
     borderRadius: 7
   }
 };
-function Ms(r) {
+function Rs(r) {
   return {
     default: {
       bgColor: r.surfaceSolidDefault,
@@ -2589,19 +2610,19 @@ function Ms(r) {
     }
   };
 }
-const Rs = "|", Te = 6, xr = /* @__PURE__ */ new Map(), wr = {
+const Ns = "|", Te = 6, wr = /* @__PURE__ */ new Map(), Sr = {
   xs: 10,
   s: 12,
   m: 14,
   l: 16
 };
-class Ns extends At {
+class Os extends At {
   constructor(t, e, i) {
     var o;
-    super(t), this.view = "default", this.size = "s", this.transparent = !1, this.clear = !1, this.pilled = !1, this.viewColors = {}, this.text = e, i && (i.view !== void 0 && (this.view = i.view), i.size !== void 0 && (this.size = i.size), i.transparent !== void 0 && (this.transparent = i.transparent), i.clear !== void 0 && (this.clear = i.clear), i.pilled !== void 0 && (this.pilled = i.pilled), this.leftIcon = i.leftIcon, this.rightIcon = i.rightIcon, this.customColor = i.customColor, this.customBackgroundColor = i.customBackgroundColor, (o = i.theme) != null && o.tokens && (this.viewColors = Ms(i.theme.tokens)));
+    super(t), this.view = "default", this.size = "s", this.transparent = !1, this.clear = !1, this.pilled = !1, this.viewColors = {}, this.text = e, i && (i.view !== void 0 && (this.view = i.view), i.size !== void 0 && (this.size = i.size), i.transparent !== void 0 && (this.transparent = i.transparent), i.clear !== void 0 && (this.clear = i.clear), i.pilled !== void 0 && (this.pilled = i.pilled), this.leftIcon = i.leftIcon, this.rightIcon = i.rightIcon, this.customColor = i.customColor, this.customBackgroundColor = i.customBackgroundColor, (o = i.theme) != null && o.tokens && (this.viewColors = Rs(i.theme.tokens)));
   }
   measure(t) {
-    const e = Fr[this.size], i = wr[this.size], o = `${e.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`, n = Sr(t, o, this.text);
+    const e = xr[this.size], i = Sr[this.size], o = `${e.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`, n = Ar(t, o, this.text);
     let s = 0;
     this.leftIcon && (s += i + Te), this.rightIcon && (s += i + Te), this.rect.width = n + s + e.paddingX * 2, this.rect.height = e.height;
   }
@@ -2611,7 +2632,7 @@ class Ns extends At {
       y: o,
       width: n,
       height: s
-    } = this.rect, a = Fr[this.size], l = wr[this.size], h = this.viewColors[this.view];
+    } = this.rect, a = xr[this.size], l = Sr[this.size], h = this.viewColors[this.view];
     if (!h)
       return;
     const d = `${a.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`;
@@ -2629,17 +2650,17 @@ class Ns extends At {
       Ct(t, this.leftIcon, g, v, l, u), g += l + Te;
     }
     if (t.fillText(this.text, g, f, d, u, "middle"), this.rightIcon) {
-      const v = Sr(e, d, this.text), C = g + v + Te, x = f - l / 2;
+      const v = Ar(e, d, this.text), C = g + v + Te, x = f - l / 2;
       Ct(t, this.rightIcon, C, x, l, u);
     }
   }
 }
-function Sr(r, t, e) {
-  const i = `${t}${Rs}${e}`;
-  let o = xr.get(i);
-  return o === void 0 && (r.font = t, o = r.measureText(e).width, xr.set(i, o)), o;
+function Ar(r, t, e) {
+  const i = `${t}${Ns}${e}`;
+  let o = wr.get(i);
+  return o === void 0 && (r.font = t, o = r.measureText(e).width, wr.set(i, o)), o;
 }
-const Os = "default", Ws = "s", ri = "pointer", Ee = 8, Gs = {
+const Ws = "default", Gs = "s", ri = "pointer", Ee = 8, $s = {
   accentColor: "#1e88e5",
   accentLight: "rgba(30, 136, 229, 0.16)",
   accentFg: "#ffffff",
@@ -2647,14 +2668,14 @@ const Os = "default", Ws = "s", ri = "pointer", Ee = 8, Gs = {
   borderColor: "#e0e0e0",
   textLight: "#9e9e9e",
   baseFontFull: "13px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
-}, Ar = /* @__PURE__ */ new Map();
-class $s extends At {
+}, Tr = /* @__PURE__ */ new Map();
+class Us extends At {
   constructor(t, e, i) {
     var o;
-    super(t), this.variant = "primary", this.view = Os, this.size = Ws, this.disabled = !1, this.isHovered = !1, this.useNewApi = !1, this.text = e, super.style = {
+    super(t), this.variant = "primary", this.view = Ws, this.size = Gs, this.disabled = !1, this.isHovered = !1, this.useNewApi = !1, this.text = e, super.style = {
       ...super.style,
       cursor: ri
-    }, i && (i.view !== void 0 ? (this.view = i.view, this.useNewApi = !0) : i.variant !== void 0 && (this.variant = i.variant), i.size !== void 0 && (this.size = i.size, this.useNewApi = !0), this.leftIcon = i.leftIcon, this.rightIcon = i.rightIcon, i.disabled !== void 0 && (this.disabled = i.disabled), i.onClick && (this.onClick = i.onClick), (o = i.theme) != null && o.tokens && (this.viewColors = cs(i.theme.tokens)));
+    }, i && (i.view !== void 0 ? (this.view = i.view, this.useNewApi = !0) : i.variant !== void 0 && (this.variant = i.variant), i.size !== void 0 && (this.size = i.size, this.useNewApi = !0), this.leftIcon = i.leftIcon, this.rightIcon = i.rightIcon, i.disabled !== void 0 && (this.disabled = i.disabled), i.onClick && (this.onClick = i.onClick), (o = i.theme) != null && o.tokens && (this.viewColors = us(i.theme.tokens)));
   }
   set style(t) {
     super.style = {
@@ -2668,7 +2689,7 @@ class $s extends At {
     return t.cursor || (t.cursor = ri), t;
   }
   measure(t) {
-    const e = nt[this.size], i = `${e.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`, o = Us(t, this.text, i);
+    const e = nt[this.size], i = `${e.fontSize}px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`, o = Xs(t, this.text, i);
     let n = 0;
     this.leftIcon && (n += e.iconSize + Ee), this.rightIcon && (n += e.iconSize + Ee), this.rect.width = o + n + e.paddingX * 2, this.rect.height = e.height;
   }
@@ -2682,7 +2703,7 @@ class $s extends At {
       Ps(t, i, o, n, this.text, this.view, this.size, this.disabled, this.isHovered, this.leftIcon, this.rightIcon, e, Ee, this.viewColors);
     else {
       const s = nt[this.size];
-      Hs(t, i, o, n, s.height, this.text, Gs, this.variant, this.disabled, this.isHovered, this.leftIcon, this.rightIcon, e, Ee);
+      Ls(t, i, o, n, s.height, this.text, $s, this.variant, this.disabled, this.isHovered, this.leftIcon, this.rightIcon, e, Ee);
     }
   }
   onMouseEnter() {
@@ -2692,12 +2713,12 @@ class $s extends At {
     this.isHovered = !1;
   }
 }
-function Us(r, t, e) {
+function Xs(r, t, e) {
   const i = `${e}|${t}`;
-  let o = Ar.get(i);
-  return o === void 0 && (r.font = e, o = r.measureText(t).width, Ar.set(i, o)), o;
+  let o = Tr.get(i);
+  return o === void 0 && (r.font = e, o = r.measureText(t).width, Tr.set(i, o)), o;
 }
-const Tr = 16, Er = "black", Dr = 0, Xs = Math.PI / 2, Vs = 1.8, Yt = {
+const Er = 16, Dr = "black", Ir = 0, Vs = Math.PI / 2, Ys = 1.8, Yt = {
   startX: -3.5,
   startY: -4.25,
   middleX: 2.75,
@@ -2705,9 +2726,9 @@ const Tr = 16, Er = "black", Dr = 0, Xs = Math.PI / 2, Vs = 1.8, Yt = {
   endX: -3.5,
   endY: 4.25
 };
-class yu extends At {
+class bu extends At {
   constructor(t, e = {}) {
-    super(t), this.rotation = Dr, this.color = Er, this.rotation = e.rotation ?? Dr, this.color = e.color ?? Er, this.rect.width = Tr, this.rect.height = Tr;
+    super(t), this.rotation = Ir, this.color = Dr, this.rotation = e.rotation ?? Ir, this.color = e.color ?? Dr, this.rect.width = Er, this.rect.height = Er;
   }
   measure(t) {
   }
@@ -2717,13 +2738,13 @@ class yu extends At {
       y: o,
       width: n,
       height: s
-    } = this.rect, a = i + n / 2, l = o + s / 2, h = this.rotation * Xs;
+    } = this.rect, a = i + n / 2, l = o + s / 2, h = this.rotation * Vs;
     t.custom((d) => {
-      d.save(), d.translate(a, l), d.rotate(h), d.strokeStyle = this.color, d.lineWidth = Vs, d.lineCap = "round", d.lineJoin = "round", d.beginPath(), d.moveTo(Yt.startX, Yt.startY), d.lineTo(Yt.middleX, Yt.middleY), d.lineTo(Yt.endX, Yt.endY), d.stroke(), d.restore();
+      d.save(), d.translate(a, l), d.rotate(h), d.strokeStyle = this.color, d.lineWidth = Ys, d.lineCap = "round", d.lineJoin = "round", d.beginPath(), d.moveTo(Yt.startX, Yt.startY), d.lineTo(Yt.middleX, Yt.middleY), d.lineTo(Yt.endX, Yt.endY), d.stroke(), d.restore();
     });
   }
 }
-const Ys = 28, qs = "default", Ks = "s", Zs = "pointer", js = 20, Js = {
+const Ks = 28, qs = "default", Zs = "s", js = "pointer", Js = 20, Qs = {
   accentColor: "#1e88e5",
   accentLight: "rgba(30, 136, 229, 0.16)",
   accentFg: "#ffffff",
@@ -2731,9 +2752,9 @@ const Ys = 28, qs = "default", Ks = "s", Zs = "pointer", js = 20, Js = {
   borderColor: "#e0e0e0",
   textLight: "#9e9e9e"
 };
-class Ir extends At {
+class Hr extends At {
   constructor(t, e, i) {
-    super(t), this.view = qs, this.buttonSize = Ks, this.isHovered = !1, this.useNewApi = !1, this.getDisabled = () => this.disabled ? "default" : Zs, this.icon = e, this.size = (i == null ? void 0 : i.size) ?? "auto", this.variant = (i == null ? void 0 : i.variant) ?? "primary", this.disabled = (i == null ? void 0 : i.disabled) ?? !1, super.style = {
+    super(t), this.view = qs, this.buttonSize = Zs, this.isHovered = !1, this.useNewApi = !1, this.getDisabled = () => this.disabled ? "default" : js, this.icon = e, this.size = (i == null ? void 0 : i.size) ?? "auto", this.variant = (i == null ? void 0 : i.variant) ?? "primary", this.disabled = (i == null ? void 0 : i.disabled) ?? !1, super.style = {
       ...super.style,
       cursor: this.getDisabled()
     }, (i == null ? void 0 : i.view) !== void 0 && (this.view = i.view, this.useNewApi = !0), (i == null ? void 0 : i.buttonSize) !== void 0 && (this.buttonSize = i.buttonSize, this.useNewApi = !0), (i == null ? void 0 : i.overrideSquareSize) !== void 0 && (this.overrideSquareSize = i.overrideSquareSize), (i == null ? void 0 : i.overrideIconSize) !== void 0 && (this.overrideIconSize = i.overrideIconSize), (i == null ? void 0 : i.iconColor) !== void 0 && (this.iconColor = i.iconColor), (i == null ? void 0 : i.iconColorHovered) !== void 0 && (this.iconColorHovered = i.iconColorHovered), i != null && i.onClick && (this.onClick = (o) => {
@@ -2757,7 +2778,7 @@ class Ir extends At {
       const e = nt[this.buttonSize], i = this.overrideSquareSize ?? e.height;
       this.rect.height = i, this.rect.width = i;
     } else {
-      const e = Hr(this.size);
+      const e = Lr(this.size);
       this.rect.height = e.height, this.rect.width = e.width;
     }
   }
@@ -2775,12 +2796,12 @@ class Ir extends At {
         iconColor: this.iconColor,
         iconColorHovered: this.iconColorHovered
       } : void 0;
-      if (zs(t, i, o, this.icon, this.view, this.buttonSize, this.disabled, this.isHovered, a), Zt.DEBUG) {
+      if (_s(t, i, o, this.icon, this.view, this.buttonSize, this.disabled, this.isHovered, a), Zt.DEBUG) {
         const l = nt[this.buttonSize], h = this.overrideSquareSize ?? l.height, d = this.overrideIconSize ?? l.iconSize, c = i + (h - d) * 0.5, u = o + (h - d) * 0.5;
         t.strokeRect(c, u, d, d, "cyan", 1);
       }
     } else
-      wo(t, i, o, n, s, this.icon, Js, this.variant, this.disabled, this.isHovered);
+      So(t, i, o, n, s, this.icon, Qs, this.variant, this.disabled, this.isHovered);
   }
   onMouseEnter() {
     this.isHovered = !0;
@@ -2800,12 +2821,12 @@ class Ir extends At {
       };
       return Pr(t, e, a);
     }
-    const i = Hr(this.size, this.rect.height), o = Qs(this.rect.x, this.rect.y, i);
+    const i = Lr(this.size, this.rect.height), o = ta(this.rect.x, this.rect.y, i);
     return Pr(t, e, o);
   }
 }
-function Hr(r, t) {
-  const e = typeof r == "number" ? r : t ?? Ys, i = 0, o = de, n = Math.min(e - o * 2 - fe, js), s = typeof r == "number" ? r : n + i * 2;
+function Lr(r, t) {
+  const e = typeof r == "number" ? r : t ?? Ks, i = 0, o = de, n = Math.min(e - o * 2 - fe, Js), s = typeof r == "number" ? r : n + i * 2;
   return {
     height: e,
     width: s,
@@ -2814,7 +2835,7 @@ function Hr(r, t) {
     iconSize: n
   };
 }
-function Qs(r, t, e) {
+function ta(r, t, e) {
   return {
     x: r + e.paddingX,
     y: t + e.paddingY,
@@ -2825,10 +2846,10 @@ function Qs(r, t, e) {
 function Pr(r, t, e) {
   return r >= e.x && r <= e.x + e.width && t >= e.y && t <= e.y + e.height;
 }
-const ta = 16, ea = "transparent";
-class ia extends At {
+const ea = 16, ia = "transparent";
+class ra extends At {
   constructor(t, e, i) {
-    super(t), this.icon = e, this.size = (i == null ? void 0 : i.size) ?? ta, this.color = i == null ? void 0 : i.color;
+    super(t), this.icon = e, this.size = (i == null ? void 0 : i.size) ?? ea, this.color = i == null ? void 0 : i.color;
   }
   measure(t) {
     this.rect.width = this.size, this.rect.height = this.size;
@@ -2840,10 +2861,10 @@ class ia extends At {
       width: n,
       height: s
     } = this.rect;
-    this.backgroundColor && this.backgroundColor !== ea && t.fillRect(i, o, n, s, this.backgroundColor), Ct(t, this.icon, i, o, this.size, this.color);
+    this.backgroundColor && this.backgroundColor !== ia && t.fillRect(i, o, n, s, this.backgroundColor), Ct(t, this.icon, i, o, this.size, this.color);
   }
 }
-const ra = 28, oa = "default", na = "s", oi = "pointer", sa = 20, aa = {
+const oa = 28, na = "default", sa = "s", oi = "pointer", aa = 20, la = {
   accentColor: "#1e88e5",
   accentLight: "rgba(30, 136, 229, 0.16)",
   accentFg: "#ffffff",
@@ -2851,9 +2872,9 @@ const ra = 28, oa = "default", na = "s", oi = "pointer", sa = 20, aa = {
   borderColor: "#e0e0e0",
   textLight: "#9e9e9e"
 };
-class la extends At {
+class ca extends At {
   constructor(t, e, i) {
-    super(t), this.view = oa, this.buttonSize = na, this.isHovered = !1, this.useNewApi = !1, this.icon = e, this.size = (i == null ? void 0 : i.size) ?? "auto", this.variant = (i == null ? void 0 : i.variant) ?? "primary", this.disabled = (i == null ? void 0 : i.disabled) ?? !1, super.style = {
+    super(t), this.view = na, this.buttonSize = sa, this.isHovered = !1, this.useNewApi = !1, this.icon = e, this.size = (i == null ? void 0 : i.size) ?? "auto", this.variant = (i == null ? void 0 : i.variant) ?? "primary", this.disabled = (i == null ? void 0 : i.disabled) ?? !1, super.style = {
       ...super.style,
       cursor: oi
     }, (i == null ? void 0 : i.view) !== void 0 && (this.view = i.view, this.useNewApi = !0), (i == null ? void 0 : i.buttonSize) !== void 0 && (this.buttonSize = i.buttonSize, this.useNewApi = !0), i != null && i.onClick && (this.onClick = (o) => {
@@ -2877,7 +2898,7 @@ class la extends At {
       const e = nt[this.buttonSize];
       this.rect.height = e.height, this.rect.width = e.height;
     } else {
-      const e = Lr(this.size);
+      const e = Br(this.size);
       this.rect.height = e.height, this.rect.width = e.width;
     }
   }
@@ -2888,7 +2909,7 @@ class la extends At {
       width: n,
       height: s
     } = this.rect;
-    this.useNewApi ? _s(t, i, o, this.icon, this.view, this.buttonSize, this.disabled, this.isHovered) : wo(t, i, o, n, s, this.icon, aa, this.variant, this.disabled, this.isHovered);
+    this.useNewApi ? Ms(t, i, o, this.icon, this.view, this.buttonSize, this.disabled, this.isHovered) : So(t, i, o, n, s, this.icon, la, this.variant, this.disabled, this.isHovered);
   }
   onMouseEnter() {
     this.isHovered = !0;
@@ -2906,14 +2927,14 @@ class la extends At {
         width: n.height,
         height: n.height
       };
-      return Br(t, e, s);
+      return kr(t, e, s);
     }
-    const i = Lr(this.size, this.rect.height), o = ca(this.rect.x, this.rect.y, i);
-    return Br(t, e, o);
+    const i = Br(this.size, this.rect.height), o = ua(this.rect.x, this.rect.y, i);
+    return kr(t, e, o);
   }
 }
-function Lr(r, t) {
-  const e = typeof r == "number" ? r : t ?? ra, i = 0, o = de, n = Math.min(e - o * 2 - fe, sa), s = typeof r == "number" ? r : n + i * 2;
+function Br(r, t) {
+  const e = typeof r == "number" ? r : t ?? oa, i = 0, o = de, n = Math.min(e - o * 2 - fe, aa), s = typeof r == "number" ? r : n + i * 2;
   return {
     height: e,
     width: s,
@@ -2922,7 +2943,7 @@ function Lr(r, t) {
     iconSize: n
   };
 }
-function ca(r, t, e) {
+function ua(r, t, e) {
   return {
     x: r + e.paddingX,
     y: t + e.paddingY,
@@ -2930,13 +2951,13 @@ function ca(r, t, e) {
     height: e.height - e.paddingY * 2
   };
 }
-function Br(r, t, e) {
+function kr(r, t, e) {
   return r >= e.x && r <= e.x + e.width && t >= e.y && t <= e.y + e.height;
 }
-const re = "transparent", ua = 0;
-class ha extends At {
+const re = "transparent", ha = 0;
+class da extends At {
   constructor(t, e = re) {
-    super(t), this.color = re, this.borderColor = re, this.borderWidth = ua, this.color = e;
+    super(t), this.color = re, this.borderColor = re, this.borderWidth = ha, this.color = e;
   }
   measure(t) {
     const {
@@ -2958,14 +2979,14 @@ class ha extends At {
     }
   }
 }
-const So = "|", da = 2, fa = 1e4, Ci = /* @__PURE__ */ new Map(), vi = /* @__PURE__ */ new Map();
-function Ao(r, t, e) {
-  r.size >= fa && r.clear(), r.set(t, e);
+const Ao = "|", fa = 2, ga = 1e4, Ci = /* @__PURE__ */ new Map(), vi = /* @__PURE__ */ new Map();
+function To(r, t, e) {
+  r.size >= ga && r.clear(), r.set(t, e);
 }
-function ga(r, t) {
-  return `${r}${So}${t}`;
+function Ca(r, t) {
+  return `${r}${Ao}${t}`;
 }
-function Ca({
+function va({
   text: r,
   font: t,
   maxWidth: e,
@@ -2973,14 +2994,14 @@ function Ca({
   ellipsis: o,
   forceEllipsis: n
 }) {
-  return [t, r, e.toFixed(da), i, o, n ? "force" : "normal"].join(So);
+  return [t, r, e.toFixed(fa), i, o, n ? "force" : "normal"].join(Ao);
 }
-function mi(r, t, e) {
-  const i = ga(e, t);
+function pi(r, t, e) {
+  const i = Ca(e, t);
   let o = Ci.get(i);
-  return o === void 0 && (r.font = e, o = r.measureText(t).width, Ao(Ci, i, o)), o;
+  return o === void 0 && (r.font = e, o = r.measureText(t).width, To(Ci, i, o)), o;
 }
-function va(r) {
+function pa(r) {
   const t = typeof Intl < "u" ? Intl.Segmenter : void 0;
   if (typeof t == "function") {
     const e = new t(void 0, {
@@ -2993,17 +3014,17 @@ function va(r) {
   return Array.from(r);
 }
 function ma(r, t, e, i, o) {
-  const n = mi(r, o, e);
+  const n = pi(r, o, e);
   if (n > i)
     return {
       text: "",
       didTruncate: !0,
       width: 0
     };
-  const s = va(t);
+  const s = pa(t);
   let a = 0, l = s.length, h = o, d = n;
   for (; a <= l; ) {
-    const c = Math.floor((a + l) / 2), u = `${s.slice(0, c).join("")}${o}`, f = mi(r, u, e);
+    const c = Math.floor((a + l) / 2), u = `${s.slice(0, c).join("")}${o}`, f = pi(r, u, e);
     f <= i ? (h = u, d = f, a = c + 1) : l = c - 1;
   }
   return {
@@ -3012,7 +3033,7 @@ function ma(r, t, e, i, o) {
     width: d
   };
 }
-function pi(r) {
+function mi(r) {
   const {
     ctx: t,
     text: e,
@@ -3028,7 +3049,7 @@ function pi(r) {
       didTruncate: e.length > 0,
       width: 0
     };
-  const h = Ca({
+  const h = va({
     text: e,
     font: i,
     maxWidth: l,
@@ -3038,7 +3059,7 @@ function pi(r) {
   }), d = vi.get(h);
   if (d)
     return d;
-  const c = mi(t, e, i);
+  const c = pi(t, e, i);
   let u;
   return c <= l && !a ? u = {
     text: e,
@@ -3048,9 +3069,9 @@ function pi(r) {
     text: e,
     didTruncate: !0,
     width: c
-  } : u = ma(t, e, i, l, s), Ao(vi, h, u), u;
+  } : u = ma(t, e, i, l, s), To(vi, h, u), u;
 }
-function kr({
+function zr({
   ctx: r,
   lines: t,
   font: e,
@@ -3062,7 +3083,7 @@ function kr({
   const a = Math.max(0, Math.floor(o)), l = Math.min(t.length, a), h = t.slice(0, l), d = t.length > l;
   if (n === "ellipsis" && h.length > 0) {
     const c = h.length - 1, u = h[c] ?? "";
-    h[c] = pi({
+    h[c] = mi({
       ctx: r,
       text: u,
       font: e,
@@ -3077,32 +3098,32 @@ function kr({
     didClamp: d
   };
 }
-function pa() {
+function ya() {
   Ci.clear(), vi.clear();
 }
-const ya = "14px sans-serif", ba = "black", Fa = 1, xa = 14, wa = "visible", Sa = "clip", Aa = "…", Ta = /(\d*\.?\d+)px/, yt = "|", Ea = 30, Da = `${yt}precise-wrap`, Ia = 1e4, Ha = 5e3, Pa = /[\u0300-\u036F\u1AB0-\u1AFF\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F\u200D\uFE0E\uFE0F\u2600-\u27BF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/, yi = /* @__PURE__ */ new Map(), bi = /* @__PURE__ */ new Map(), Fi = /* @__PURE__ */ new Map();
+const ba = "14px sans-serif", Fa = "black", xa = 1, wa = 14, Sa = "visible", Aa = "clip", Ta = "…", Ea = /(\d*\.?\d+)px/, yt = "|", Da = 30, Ia = `${yt}precise-wrap`, Ha = 1e4, La = 5e3, Pa = /[\u0300-\u036F\u1AB0-\u1AFF\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F\u200D\uFE0E\uFE0F\u2600-\u27BF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/, yi = /* @__PURE__ */ new Map(), bi = /* @__PURE__ */ new Map(), Fi = /* @__PURE__ */ new Map();
 let ni = null;
-function La() {
+function Ba() {
   return ni === null && typeof document < "u" && (ni = document.createElement("canvas").getContext("2d")), ni;
 }
-function To(r, t, e, i) {
+function Eo(r, t, e, i) {
   r.size >= i && r.clear(), r.set(t, e);
 }
-function Ba(r, t, e, i) {
+function ka(r, t, e, i) {
   return `${r}${yt}${t}${yt}${e ?? ""}${yt}${i ?? ""}`;
 }
-function ka(r, t) {
+function za(r, t) {
   return `${r}${yt}${t}`;
 }
-function za(r, t, e) {
+function _a(r, t, e) {
   return `${r}${yt}${t}${yt}${e}`;
 }
-function Eo(r, t, e, i) {
+function Do(r, t, e, i) {
   return `${r}${yt}${t}${yt}${e}${yt}${i}`;
 }
-class Do extends Zt {
+class Io extends Zt {
   constructor(t, e, i) {
-    super(t), this.font = ya, this.color = ba, this.wordWrap = !1, this.lineHeight = Fa, this.overflow = wa, this.textOverflow = Sa, this.ellipsis = Aa, this.lastMeasureKey = "", this.cachedLines = null, this.cachedLinesKey = "", this.lastPaintedTextWidth = 0, this.text = e, i && (i.font && (this.font = i.font), i.fontSize !== void 0 && (this.fontSize = i.fontSize), i.lineHeightPx !== void 0 && (this.lineHeightPx = i.lineHeightPx), i.color && (this.color = i.color), i.wordWrap !== void 0 && (this.wordWrap = i.wordWrap), i.lineHeight !== void 0 && (this.lineHeight = i.lineHeight, this.lineHeightPx = void 0), i.overflow !== void 0 && (this.overflow = i.overflow), i.textOverflow !== void 0 && (this.textOverflow = i.textOverflow), i.ellipsis !== void 0 && (this.ellipsis = i.ellipsis), i.maxLines !== void 0 && (this.maxLines = i.maxLines), i.autoTooltip !== void 0 && (this.autoTooltip = i.autoTooltip));
+    super(t), this.font = ba, this.color = Fa, this.wordWrap = !1, this.lineHeight = xa, this.overflow = Sa, this.textOverflow = Aa, this.ellipsis = Ta, this.lastMeasureKey = "", this.cachedLines = null, this.cachedLinesKey = "", this.lastPaintedTextWidth = 0, this.text = e, i && (i.font && (this.font = i.font), i.fontSize !== void 0 && (this.fontSize = i.fontSize), i.lineHeightPx !== void 0 && (this.lineHeightPx = i.lineHeightPx), i.color && (this.color = i.color), i.wordWrap !== void 0 && (this.wordWrap = i.wordWrap), i.lineHeight !== void 0 && (this.lineHeight = i.lineHeight, this.lineHeightPx = void 0), i.overflow !== void 0 && (this.overflow = i.overflow), i.textOverflow !== void 0 && (this.textOverflow = i.textOverflow), i.ellipsis !== void 0 && (this.ellipsis = i.ellipsis), i.maxLines !== void 0 && (this.maxLines = i.maxLines), i.autoTooltip !== void 0 && (this.autoTooltip = i.autoTooltip));
   }
   measure(t) {
     const {
@@ -3114,25 +3135,25 @@ class Do extends Zt {
       fontSize: a
     } = this, {
       lineHeightPx: l
-    } = zr(e, n, a, this.lineHeightPx);
+    } = _r(e, n, a, this.lineHeightPx);
     this.isSingleLineClampEnabled() ? this.measureSingleLineClamp(t, e, i, l, s) : o ? this.measureWordWrap(t, e, i, l, s) : this.measureSingleLine(t, e, i, l, s);
   }
   measureWordWrap(t, e, i, o, n) {
-    const s = _r(this.style.width, n.width);
+    const s = Mr(this.style.width, n.width);
     if (s > 0) {
-      const a = this.getResolvedMaxLines(), h = !(this.overflow === "hidden" && a !== void 0 && a > 1 && Ma(i)), d = Eo(e, i, s, h);
-      (d !== this.cachedLinesKey || this.cachedLines === null) && (this.cachedLines = _a(t, i, e, s, h), this.cachedLinesKey = d), n.width = s;
+      const a = this.getResolvedMaxLines(), h = !(this.overflow === "hidden" && a !== void 0 && a > 1 && Ra(i)), d = Do(e, i, s, h);
+      (d !== this.cachedLinesKey || this.cachedLines === null) && (this.cachedLines = Ma(t, i, e, s, h), this.cachedLinesKey = d), n.width = s;
       const c = a !== void 0 && this.overflow === "hidden" ? Math.min(this.cachedLines.length, a) : this.cachedLines.length;
       n.height = c * o;
     } else
       n.width = De(t, i, e), n.height = o, this.cachedLines = null;
   }
   measureSingleLineClamp(t, e, i, o, n) {
-    const s = _r(this.style.width, n.width);
+    const s = Mr(this.style.width, n.width);
     s > 0 ? (n.width = s, n.height = o) : (n.width = De(t, i, e), n.height = o), this.cachedLines = null;
   }
   measureSingleLine(t, e, i, o, n) {
-    const s = za(e, i, o);
+    const s = _a(e, i, o);
     s !== this.lastMeasureKey && (this.lastMeasureKey = s, n.width = De(t, i, e), n.height = o), this.cachedLines = null;
   }
   getLastPaintedTextWidth() {
@@ -3181,13 +3202,13 @@ class Do extends Zt {
   computeIsTruncated() {
     if (this.overflow !== "hidden" || this.textOverflow !== "ellipsis")
       return !1;
-    const t = La();
+    const t = Ba();
     if (!t)
       return !1;
     const e = this.cachedLines;
     if (e !== null && e.length > 0) {
       const i = this.getResolvedMaxLines();
-      return i === void 0 ? !1 : kr({
+      return i === void 0 ? !1 : zr({
         ctx: t,
         lines: e,
         font: this.font,
@@ -3197,7 +3218,7 @@ class Do extends Zt {
         ellipsis: this.ellipsis
       }).didClamp;
     }
-    return pi({
+    return mi({
       ctx: t,
       text: this.text,
       font: this.font,
@@ -3230,7 +3251,7 @@ class Do extends Zt {
   paintMultiline(t, e, i, o, n, s) {
     const {
       lineHeightPx: a
-    } = zr(i, this.lineHeight, this.fontSize, this.lineHeightPx), l = this.getResolvedMaxLines(), h = this.isMultilineClampEnabled() && l !== void 0 ? kr({
+    } = _r(i, this.lineHeight, this.fontSize, this.lineHeightPx), l = this.getResolvedMaxLines(), h = this.isMultilineClampEnabled() && l !== void 0 ? zr({
       ctx: e,
       lines: n,
       font: i,
@@ -3249,7 +3270,7 @@ class Do extends Zt {
   paintSingleLine(t, e, i, o, n, s) {
     const a = s.y + s.height * 0.5;
     if (this.overflow === "hidden") {
-      const l = pi({
+      const l = mi({
         ctx: e,
         text: i,
         font: o,
@@ -3265,11 +3286,11 @@ class Do extends Zt {
     this.lastPaintedTextWidth = De(e, i, o), t.fillText(i, s.x, a, o, n, "middle");
   }
 }
-function zr(r, t, e, i) {
-  const o = Ba(r, t, e, i);
+function _r(r, t, e, i) {
+  const o = ka(r, t, e, i);
   let n = yi.get(o);
   if (n === void 0) {
-    const s = Ta.exec(r), a = e ?? (s && s[1] !== void 0 ? Number(s[1]) : xa);
+    const s = Ea.exec(r), a = e ?? (s && s[1] !== void 0 ? Number(s[1]) : wa);
     n = {
       fontSize: a,
       lineHeightPx: i ?? a * t
@@ -3278,34 +3299,34 @@ function zr(r, t, e, i) {
   return n;
 }
 function De(r, t, e) {
-  const i = ka(e, t);
+  const i = za(e, t);
   let o = bi.get(i);
-  return o === void 0 && (r.font = e, o = r.measureText(t).width, To(bi, i, o, Ia)), o;
+  return o === void 0 && (r.font = e, o = r.measureText(t).width, Eo(bi, i, o, Ha)), o;
 }
-function _a(r, t, e, i, o) {
+function Ma(r, t, e, i, o) {
   r.font = e;
-  const n = Math.max(i, Ea), s = Eo(e, t, n, o);
+  const n = Math.max(i, Da), s = Do(e, t, n, o);
   let a = Fi.get(s);
   if (!a) {
-    const l = o ? e : `${e}${Da}`;
-    a = Ra(_n(r, t, l, n, o)), To(Fi, s, a, Ha);
+    const l = o ? e : `${e}${Ia}`;
+    a = Na(Mn(r, t, l, n, o)), Eo(Fi, s, a, La);
   }
   return a;
 }
-function _r(r, t) {
+function Mr(r, t) {
   return typeof r == "number" && r > 0 ? r : t > 0 ? t : 0;
 }
-function Ma(r) {
+function Ra(r) {
   return Pa.test(r);
 }
-function Ra(r) {
+function Na(r) {
   if (Array.isArray(r))
     return r;
   const t = r;
   return t.lines && Array.isArray(t.lines) ? t.lines : [];
 }
-function Na() {
-  yi.clear(), bi.clear(), Fi.clear(), pa();
+function Oa() {
+  yi.clear(), bi.clear(), Fi.clear(), ya();
 }
 const se = {
   250: 15.625,
@@ -3319,9 +3340,9 @@ const se = {
   12: 0.75,
   8: 0.5,
   0: 0
-}, Mr = 16, oe = 16, Io = 90, Rr = "rgba(8, 8, 8, 0.08)", Oa = 4e3, Wa = 1920, Ga = "linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% )", $a = "linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% )";
-let Nr = null;
-const Ua = {
+}, Rr = 16, oe = 16, Ho = 90, Nr = "rgba(8, 8, 8, 0.08)", Wa = 4e3, Ga = 1920, $a = "linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% )", Ua = "linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% )";
+let Or = null;
+const Xa = {
   right: 90,
   left: 270,
   top: 0,
@@ -3335,11 +3356,11 @@ const Ua = {
   "top left": 315,
   "left top": 315
 };
-class Xa extends At {
+class Va extends At {
   constructor(t, e) {
-    super(t), this._gradientStops = null, this._gradientAngle = Io;
-    const i = (e == null ? void 0 : e.customGradientColor) ?? (e != null && e.lighter ? $a : Ga), o = Ka(i);
-    o && (this._gradientStops = o.stops, this._gradientAngle = o.angle), this.borderRadius = Va(e == null ? void 0 : e.roundness), this.animated = (e == null ? void 0 : e.animated) ?? !0, this.shimmerDuration = (e == null ? void 0 : e.shimmerDuration) ?? Oa;
+    super(t), this._gradientStops = null, this._gradientAngle = Ho;
+    const i = (e == null ? void 0 : e.customGradientColor) ?? (e != null && e.lighter ? Ua : $a), o = Za(i);
+    o && (this._gradientStops = o.stops, this._gradientAngle = o.angle), this.borderRadius = Ya(e == null ? void 0 : e.roundness), this.animated = (e == null ? void 0 : e.animated) ?? !0, this.shimmerDuration = (e == null ? void 0 : e.shimmerDuration) ?? Wa;
   }
   measure(t) {
     const {
@@ -3364,8 +3385,8 @@ class Xa extends At {
     } = this;
     if (!a || a.length < 2) {
       l > 0 ? t.roundedRect(i, o, n, s, l, {
-        fillStyle: Rr
-      }) : t.fillRect(i, o, n, s, Rr);
+        fillStyle: Nr
+      }) : t.fillRect(i, o, n, s, Nr);
       return;
     }
     const h = t.getAnimationContext(), d = h == null ? void 0 : h.frameTime;
@@ -3373,33 +3394,33 @@ class Xa extends At {
       t.linearGradientRect(i, o, n, s, l, a, this._gradientAngle);
       return;
     }
-    Nr ?? (Nr = d);
-    const u = (d - Nr) % this.shimmerDuration / this.shimmerDuration;
+    Or ?? (Or = d);
+    const u = (d - Or) % this.shimmerDuration / this.shimmerDuration;
     t.custom((g) => {
       g.save(), g.beginPath(), l > 0 ? g.roundRect(i, o, n, s, l) : g.rect(i, o, n, s), g.clip();
       const {
         startX: v,
         startY: C,
         endX: x,
-        endY: m
-      } = Za(i, o, s, u), F = g.createLinearGradient(v, C, x, m);
+        endY: p
+      } = ja(i, o, s, u), F = g.createLinearGradient(v, C, x, p);
       for (const b of a)
         F.addColorStop(b.offset, b.color);
       g.fillStyle = F, g.fillRect(i, o, n, s), g.restore();
     }), (f = h == null ? void 0 : h.requestAnimationFrame) == null || f.call(h);
   }
 }
-function Or(r) {
+function Wr(r) {
   return r in se;
 }
-function Va(r) {
+function Ya(r) {
   if (r === void 0)
-    return se[Mr] * oe;
+    return se[Rr] * oe;
   if (typeof r == "number")
-    return Or(r) ? se[r] * oe : r;
+    return Wr(r) ? se[r] * oe : r;
   const t = r.trim(), e = Number(t);
   if (!Number.isNaN(e))
-    return Or(e) ? se[e] * oe : e;
+    return Wr(e) ? se[e] * oe : e;
   const i = t.match(/^(-?\d+(?:\.\d+)?)px$/i);
   if (i) {
     const [, n] = i;
@@ -3410,9 +3431,9 @@ function Va(r) {
     const [, n] = o;
     return parseFloat(n) * oe;
   }
-  return se[Mr] * oe;
+  return se[Rr] * oe;
 }
-function Ya(r) {
+function Ka(r) {
   var i;
   const t = r.trim(), e = t.match(/^var\s*\(\s*[^,]+,\s*([\s\S]+)\s*\)$/i);
   return ((i = e == null ? void 0 : e[1]) == null ? void 0 : i.trim()) ?? t;
@@ -3429,8 +3450,8 @@ function qa(r, t) {
       return r;
   }
 }
-function Ka(r) {
-  const e = Ya(r).match(/^linear-gradient\s*\(([\s\S]+)\)$/i);
+function Za(r) {
+  const e = Ka(r).match(/^linear-gradient\s*\(([\s\S]+)\)$/i);
   if (!(e != null && e[1]))
     return null;
   const i = [];
@@ -3441,13 +3462,13 @@ function Ka(r) {
   const [s] = i;
   if (i.length < 2 || !s)
     return null;
-  let a = Io, l = 0;
+  let a = Ho, l = 0;
   const h = s.match(/^(-?\d+(?:\.\d+)?)(deg|rad|turn|grad)?$/i);
   if (h != null && h[1]) {
     const [, u, f = "deg"] = h;
     a = qa(parseFloat(u), f), l = 1;
   } else if (s.startsWith("to ")) {
-    const u = s.substring(3).trim().toLowerCase(), f = Ua[u];
+    const u = s.substring(3).trim().toLowerCase(), f = Xa[u];
     f !== void 0 && (a = f, l = 1);
   }
   const d = [], c = i.slice(l);
@@ -3458,9 +3479,9 @@ function Ka(r) {
     const g = f.trim().match(/^(#[0-9a-fA-F]{3,8}|rgba?\s*\([^)]+\)|hsla?\s*\([^)]+\)|[a-zA-Z]+)(?:\s+(-?\d+(?:\.\d+)?)(%))?$/);
     if (!(g != null && g[1]))
       continue;
-    const [, v, C, x] = g, m = x === "%" ? parseFloat(C) / 100 : c.length > 1 ? u / (c.length - 1) : 0;
+    const [, v, C, x] = g, p = x === "%" ? parseFloat(C) / 100 : c.length > 1 ? u / (c.length - 1) : 0;
     d.push({
-      offset: Math.max(0, Math.min(1, m)),
+      offset: Math.max(0, Math.min(1, p)),
       color: v
     });
   }
@@ -3469,8 +3490,8 @@ function Ka(r) {
     angle: a
   };
 }
-function Za(r, t, e, i) {
-  const o = Wa, n = i * o, s = r - o + n, a = r + o + n, l = t + e / 2;
+function ja(r, t, e, i) {
+  const o = Ga, n = i * o, s = r - o + n, a = r + o + n, l = t + e / 2;
   return {
     startX: s,
     startY: l,
@@ -3478,14 +3499,14 @@ function Za(r, t, e, i) {
     endY: l
   };
 }
-function ja(r, t) {
+function Ja(r, t) {
   const e = r.replace("#", "");
   let i, o, n, s = 255;
   e.length === 3 || e.length === 4 ? (i = parseInt(e[0] + e[0], 16), o = parseInt(e[1] + e[1], 16), n = parseInt(e[2] + e[2], 16), e.length === 4 && (s = parseInt(e[3] + e[3], 16))) : (i = parseInt(e.slice(0, 2), 16), o = parseInt(e.slice(2, 4), 16), n = parseInt(e.slice(4, 6), 16), e.length === 8 && (s = parseInt(e.slice(6, 8), 16)));
   const a = Math.round(s * t), l = (h) => h.toString(16).padStart(2, "0");
   return `#${l(i)}${l(o)}${l(n)}${l(a)}`;
 }
-function Ja(r) {
+function Qa(r) {
   return {
     default: {
       color: r.textPrimary,
@@ -3536,14 +3557,14 @@ function Ja(r) {
     }
   };
 }
-const Qa = "default", si = "pointer", tl = 0.4, el = 2, il = 1;
-class rl extends Do {
+const tl = "default", si = "pointer", el = 0.4, il = 2, rl = 1;
+class ol extends Io {
   constructor(t, e, i) {
     var o;
-    super(t, e, i), this.view = Qa, this.disabled = !1, this.isHovered = !1, this.isActive = !1, this.hasCustomColor = !1, super.style = {
+    super(t, e, i), this.view = tl, this.disabled = !1, this.isHovered = !1, this.isActive = !1, this.hasCustomColor = !1, super.style = {
       ...super.style,
       cursor: si
-    }, i && (this.href = i.href, this.target = i.target, this.rel = i.rel, i.view !== void 0 && (this.view = i.view), i.disabled !== void 0 && (this.disabled = i.disabled), this.hasCustomColor = i.color !== void 0, (o = i.theme) != null && o.tokens && (this.viewColors = Ja(i.theme.tokens))), !this.hasCustomColor && this.viewColors && (this.color = this.viewColors[this.view].color);
+    }, i && (this.href = i.href, this.target = i.target, this.rel = i.rel, i.view !== void 0 && (this.view = i.view), i.disabled !== void 0 && (this.disabled = i.disabled), this.hasCustomColor = i.color !== void 0, (o = i.theme) != null && o.tokens && (this.viewColors = Qa(i.theme.tokens))), !this.hasCustomColor && this.viewColors && (this.color = this.viewColors[this.view].color);
   }
   set style(t) {
     super.style = {
@@ -3567,7 +3588,7 @@ class rl extends Do {
       const e = this.viewColors[this.view];
       this.isActive ? t = e.colorActive : this.isHovered ? t = e.colorHover : t = e.color;
     }
-    return this.disabled && (t = ja(t, tl)), t;
+    return this.disabled && (t = Ja(t, el)), t;
   }
   onPaint(t, e) {
     const i = this.color;
@@ -3584,9 +3605,9 @@ class rl extends Do {
       x: i,
       y: o,
       height: n
-    } = this.rect, s = o + n + el, a = this.resolveColor();
+    } = this.rect, s = o + n + il, a = this.resolveColor();
     t.custom((l) => {
-      l.beginPath(), l.moveTo(i, s), l.lineTo(i + e, s), l.strokeStyle = a, l.lineWidth = il, l.stroke();
+      l.beginPath(), l.moveTo(i, s), l.lineTo(i + e, s), l.strokeStyle = a, l.lineWidth = rl, l.stroke();
     });
   }
   onMouseEnter() {
@@ -3624,25 +3645,25 @@ class rl extends Do {
 }
 let ae = 0;
 const _e = /* @__PURE__ */ new Set();
-function bu() {
+function Fu() {
   ae++, ae === 1 && _e.forEach((t) => t(!0));
   let r = !1;
   return () => {
     r || (r = !0, ae--, ae === 0 && _e.forEach((t) => t(!1)));
   };
 }
-function Fu() {
+function xu() {
   return ae > 0;
 }
-function xu(r) {
+function wu(r) {
   return _e.add(r), () => {
     _e.delete(r);
   };
 }
-const xi = "basic-grid-canvas-portal-hover", ol = 400;
-let nl = 0;
+const xi = "basic-grid-canvas-portal-hover", nl = 400;
+let sl = 0;
 const ai = "__canvasPortalTargetId";
-function sl(r) {
+function al(r) {
   var i;
   if (!r)
     return "window";
@@ -3650,10 +3671,10 @@ function sl(r) {
   if ((i = t.dataset) != null && i.portalTargetId)
     return t.dataset.portalTargetId;
   const e = r;
-  return e[ai] || (e[ai] = ++nl), String(e[ai]);
+  return e[ai] || (e[ai] = ++sl), String(e[ai]);
 }
 const jt = /* @__PURE__ */ new Map();
-function al(r, t) {
+function ll(r, t) {
   return `${r ?? "default"}:${t ?? "default"}`;
 }
 function wi(r, t) {
@@ -3662,28 +3683,28 @@ function wi(r, t) {
   });
   t ? t.dispatchEvent(e) : window.dispatchEvent(e);
 }
-function Wr(r) {
+function Gr(r) {
   const t = jt.get(r);
   t !== void 0 && (window.clearTimeout(t), jt.delete(r));
 }
-function ll(r) {
+function cl(r) {
   const t = `${r}:`;
   for (const [e, i] of jt.entries())
     e.startsWith(t) && (window.clearTimeout(i), jt.delete(e));
 }
-function cl(r, t, e) {
+function ul(r, t, e) {
   const i = window.setTimeout(() => {
     jt.delete(r), wi(t, e);
-  }, ol);
+  }, nl);
   jt.set(r, i);
 }
 function Be(r, t, e) {
   if (typeof window > "u")
     return;
-  const i = sl(t), o = `${i}:${al(r.source, r.originId)}`;
-  r.visible ? (ll(i), wi(r, t)) : e ? (Wr(o), wi(r, t)) : (Wr(o), cl(o, r, t));
+  const i = al(t), o = `${i}:${ll(r.source, r.originId)}`;
+  r.visible ? (cl(i), wi(r, t)) : e ? (Gr(o), wi(r, t)) : (Gr(o), ul(o, r, t));
 }
-function wu(r, t) {
+function Su(r, t) {
   if (typeof window > "u")
     return () => {
     };
@@ -3695,17 +3716,17 @@ function wu(r, t) {
     e.removeEventListener(xi, i);
   };
 }
-const ul = "cell";
+const hl = "cell";
 class St {
   constructor(t, e) {
-    this.bounds = null, this.batcher = new Hi(), this.portalEventTarget = null, this.tooltipContext = void 0, this.rootNode = t, this.hoverController = new lo({
+    this.bounds = null, this.batcher = new Hi(), this.portalEventTarget = null, this.tooltipContext = void 0, this.rootNode = t, this.hoverController = new co({
       onCursorChange: (i) => {
         var o;
         return (o = this.onCursorChange) == null ? void 0 : o.call(this, i);
       },
       portalHoverDispatch: Be,
       getPortalEventTarget: () => this.portalEventTarget,
-      portalSource: ul,
+      portalSource: hl,
       getTooltipContext: () => this.tooltipContext
     });
   }
@@ -3835,7 +3856,7 @@ class St {
     this.hoverController.handlePointerLeave();
   }
   prepareRootNode(t, e) {
-    this.rootNode.rect.x = 0, this.rootNode.rect.y = 0, this.rootNode.rect.width = e.width, this.rootNode.rect.height = e.height, this.rootNode instanceof pt ? this.rootNode.performLayout(t) : this.rootNode.measure(t);
+    this.rootNode.rect.x = 0, this.rootNode.rect.y = 0, this.rootNode.rect.width = e.width, this.rootNode.rect.height = e.height, this.rootNode instanceof mt ? this.rootNode.performLayout(t) : this.rootNode.measure(t);
   }
   computeCursor(t, e) {
     return this.hoverController.computeCursor(t, e, this.rootNode);
@@ -3848,7 +3869,7 @@ class St {
   }
 }
 const ki = "canvas-cell";
-function hl(r, t, e, i) {
+function dl(r, t, e, i) {
   return {
     kind: Mt.Custom,
     allowOverlay: !1,
@@ -3862,17 +3883,17 @@ function hl(r, t, e, i) {
     ...i
   };
 }
-function Ho(r) {
+function Lo(r) {
   var e;
   const t = r;
   return !!(t && t.kind === Mt.Custom && ((e = t.data) == null ? void 0 : e.kind) === ki);
 }
-const Ie = 5, dl = [["hoverX", "hoverY"], ["mouseX", "mouseY"], ["pointerX", "pointerY"], ["posX", "posY"], ["x", "y"]], fl = "default", gl = "pointer";
-function Cl(r, t) {
-  for (const [e, i] of dl) {
+const Ie = 5, fl = [["hoverX", "hoverY"], ["mouseX", "mouseY"], ["pointerX", "pointerY"], ["posX", "posY"], ["x", "y"]], gl = "default", Cl = "pointer";
+function vl(r, t) {
+  for (const [e, i] of fl) {
     const o = r[e], n = r[i];
     if (typeof o == "number" && typeof n == "number" && !Number.isNaN(o) && !Number.isNaN(n)) {
-      if (vl(o, n, t))
+      if (pl(o, n, t))
         return {
           x: o - t.x,
           y: n - t.y
@@ -3885,13 +3906,13 @@ function Cl(r, t) {
     }
   }
 }
-function vl(r, t, e) {
+function pl(r, t, e) {
   return r >= e.x && r <= e.x + e.width && t >= e.y && t <= e.y + e.height;
 }
 function ml(r, t, e) {
   return r >= -Ie && r <= e.width + Ie && t >= -Ie && t <= e.height + Ie;
 }
-function pl(r, t, e) {
+function yl(r, t, e) {
   if ((r == null ? void 0 : r.canvasRoot) instanceof St) {
     const i = e ? "nativeEvent" in e ? e.nativeEvent : e : void 0;
     return r.canvasRoot.dispatchPointerEvent("click", t.x, t.y, i);
@@ -3901,25 +3922,25 @@ function pl(r, t, e) {
     suppressGridDefault: !1
   };
 }
-function yl(r, t) {
+function bl(r, t) {
   if (r != null && r.clickHandlers && Array.isArray(r.clickHandlers)) {
     for (const {
       area: e,
       handler: i
     } of r.clickHandlers)
-      if (xo(t.x, t.y, e))
+      if (wo(t.x, t.y, e))
         return i(), !0;
   }
   return !1;
 }
-function bl(r, t, e, i, o, n) {
+function Fl(r, t, e, i, o, n) {
   const {
     onClick: s
   } = r.data;
   return s ? !!s(t.x, t.y, e, i, o, n ?? void 0) : !1;
 }
 const Si = /* @__PURE__ */ new WeakMap(), Po = /* @__PURE__ */ new Map();
-function Fl(r, t, e) {
+function xl(r, t, e) {
   const i = {
     ...e ?? {}
   };
@@ -3928,23 +3949,23 @@ function Fl(r, t, e) {
 function he(r, t) {
   return t.data.renderData ?? Po.get(r);
 }
-function xl(r, t) {
+function wl(r, t) {
   var i, o;
   (((i = Si.get(r)) == null ? void 0 : i.hovered) ?? !1) !== t && (Si.set(r, {
     hovered: t
-  }), t ? (o = r.onMouseEnter) == null || o.call(r) : wl(r));
+  }), t ? (o = r.onMouseEnter) == null || o.call(r) : Sl(r));
 }
-function wl(r) {
+function Sl(r) {
   const {
     renderData: t
   } = r;
   (t == null ? void 0 : t.canvasRoot) instanceof St && t.canvasRoot.forcePortalHide();
 }
-function Sl(r) {
+function Al(r) {
   var t;
   return (t = Si.get(r)) == null ? void 0 : t.hovered;
 }
-function Al(r, t, e, i) {
+function Tl(r, t, e, i) {
   var o;
   if (r instanceof St)
     if (t) {
@@ -3953,16 +3974,16 @@ function Al(r, t, e, i) {
         r.dispatchPointerEvent("mousemove", t.x, t.y, s);
       }
       const n = r.computeCursor(t.x, t.y);
-      n && n !== fl && ((o = i.overrideCursor) == null || o.call(i, n));
+      n && n !== gl && ((o = i.overrideCursor) == null || o.call(i, n));
     } else
       r.handleMouseLeave(), r.forcePortalHide();
 }
-function Tl(r, t, e, i, o) {
+function El(r, t, e, i, o) {
   var l;
-  const n = !!(t && e.some((h) => xo(t.x, t.y, h))), s = Sl(r) ?? !1, a = !!t;
-  a !== s && xl(r, a), n && !i && ((l = o.overrideCursor) == null || l.call(o, gl));
+  const n = !!(t && e.some((h) => wo(t.x, t.y, h))), s = Al(r) ?? !1, a = !!t;
+  a !== s && wl(r, a), n && !i && ((l = o.overrideCursor) == null || l.call(o, Cl));
 }
-function Lo({
+function Bo({
   cell: r,
   rect: t,
   relativePoint: e,
@@ -3971,16 +3992,16 @@ function Lo({
   rowIndex: n,
   event: s
 }) {
-  const a = pl(i, e, s);
+  const a = yl(i, e, s);
   return a.propagationStopped ? {
     handled: !0,
     propagationStopped: !0,
     suppressGridDefault: a.suppressGridDefault
-  } : yl(i, e) ? {
+  } : bl(i, e) ? {
     handled: !0,
     propagationStopped: !1,
     suppressGridDefault: a.suppressGridDefault
-  } : bl(r, e, t, o, n, i) ? {
+  } : Fl(r, e, t, o, n, i) ? {
     handled: !0,
     propagationStopped: !1,
     suppressGridDefault: a.suppressGridDefault
@@ -3990,7 +4011,7 @@ function Lo({
     suppressGridDefault: a.suppressGridDefault
   };
 }
-function Bo(r) {
+function ko(r) {
   const t = r.selection === "keep", e = r.cellClick === "stop", i = r.editor === "never", o = r.contextMenu === "keep-selection" ? "manual-keep-selection" : r.contextMenu === "none" ? "none" : "normal";
   return {
     suppressEarlyGridSelect: t,
@@ -4008,7 +4029,7 @@ function Bo(r) {
     } : {}
   };
 }
-function El({
+function Dl({
   decision: r,
   propagationStopped: t,
   suppressGridDefault: e
@@ -4019,21 +4040,21 @@ function El({
   };
   return !i && r.editorRequest && (o.editorRequest = r.editorRequest), o;
 }
-function Dl({
+function Il({
   renderData: r,
   relativePoint: t
 }) {
   const e = (r == null ? void 0 : r.canvasRoot) instanceof St ? r.canvasRoot.getInteractionAtPoint(t.x, t.y) : void 0;
   return e ? {
     handled: !0,
-    suppressEarlyGridSelect: Bo(e).suppressEarlyGridSelect,
+    suppressEarlyGridSelect: ko(e).suppressEarlyGridSelect,
     interaction: e
   } : {
     handled: !1,
     suppressEarlyGridSelect: !1
   };
 }
-function ko(r = {}) {
+function zo(r = {}) {
   return {
     kind: Mt.Custom,
     isMatch: (t) => {
@@ -4044,10 +4065,10 @@ function ko(r = {}) {
     needsHoverPosition: !0,
     onSelect: (t) => {
       var u;
-      const e = t.cell, i = t.bounds, o = pr(t);
+      const e = t.cell, i = t.bounds, o = yr(t);
       if (!o)
         return;
-      const n = yr(o, i), s = ei(t), a = ue(s, i), l = he(a, e), h = Dl({
+      const n = br(o, i), s = ei(t), a = ue(s, i), l = he(a, e), h = Il({
         renderData: l,
         relativePoint: n
       }), d = t.location ?? [s.colIndex, s.rowIndex], c = h.interaction && r.beginOrGetInteractionSession ? r.beginOrGetInteractionSession({
@@ -4063,16 +4084,16 @@ function ko(r = {}) {
     },
     onClick: (t) => {
       var u, f;
-      const e = t.cell, i = t.bounds, o = pr(t);
+      const e = t.cell, i = t.bounds, o = yr(t);
       if (!o)
         return;
-      const n = yr(o, i), s = ei(t), a = ue(s, i), l = he(a, e), h = t.location ?? [s.colIndex, s.rowIndex], c = ((u = r.consumeCanvasClickResult) == null ? void 0 : u.call(r, {
+      const n = br(o, i), s = ei(t), a = ue(s, i), l = he(a, e), h = t.location ?? [s.colIndex, s.rowIndex], c = ((u = r.consumeCanvasClickResult) == null ? void 0 : u.call(r, {
         cell: h,
         relativePoint: n,
         ...t.button !== void 0 ? {
           button: t.button
         } : {}
-      })) ?? Lo({
+      })) ?? Bo({
         cell: e,
         rect: i,
         relativePoint: n,
@@ -4101,32 +4122,32 @@ function ko(r = {}) {
         event: t.event,
         frameTime: t.frameTime,
         requestAnimationFrame: t.requestAnimationFrame
-      }, c = xs(t.hoverX, t.hoverY, o) ?? Cl(d, o);
+      }, c = ws(t.hoverX, t.hoverY, o) ?? vl(d, o);
       i.save();
       const u = he(h, e), f = s(i, o, a, c == null ? void 0 : c.x, c == null ? void 0 : c.y, {
         ...d,
         canvasRoot: u == null ? void 0 : u.canvasRoot
       }), g = (f == null ? void 0 : f.hoveredAreas) ?? [];
-      Fl(h, e, f);
+      xl(h, e, f);
       const v = (f == null ? void 0 : f.canvasRoot) ?? (u == null ? void 0 : u.canvasRoot);
-      Al(v, c, d, t), Tl(e.data, c, g, v, t), i.restore();
+      Tl(v, c, d, t), El(e.data, c, g, v, t), i.restore();
     },
     onPaste: () => {
     }
   };
 }
-const Su = ko(), Me = /* @__PURE__ */ new Map();
-function Il(r) {
-  const t = Hl(r), e = Me.get(t);
+const Au = zo(), Me = /* @__PURE__ */ new Map();
+function Hl(r) {
+  const t = Ll(r), e = Me.get(t);
   if (e)
     return e;
-  const o = Mn(r).match(/<svg[\s\S]*?<\/svg>/);
+  const o = Rn(r).match(/<svg[\s\S]*?<\/svg>/);
   if (!o)
     return console.warn("Could not extract SVG from React icon component:", r.type), "";
   const n = o[0];
   return Me.set(t, n), n;
 }
-function Hl(r) {
+function Ll(r) {
   const t = r.type, e = typeof t == "function" || typeof t == "object" ? t.displayName || t.name || "Anonymous" : String(t), {
     size: i,
     color: o,
@@ -4139,18 +4160,18 @@ function Hl(r) {
   return `${e}:${s}`;
 }
 function Ht(r) {
-  return Qr(r);
+  return to(r);
 }
 function xt(r) {
-  return typeof r == "string" ? r : Ht(r) ? Il(r) : "";
+  return typeof r == "string" ? r : Ht(r) ? Hl(r) : "";
 }
-function Au() {
+function Tu() {
   Me.clear();
 }
-function Tu() {
+function Eu() {
   return Me.size;
 }
-const Gr = (r) => {
+const $r = (r) => {
   if (r === void 0)
     return;
   if (typeof r == "number")
@@ -4167,7 +4188,7 @@ const Gr = (r) => {
   const o = Number(t);
   if (!Number.isNaN(o))
     return o;
-}, $r = {
+}, Ur = {
   small: {
     radius: 4,
     stroke: 1.5
@@ -4182,35 +4203,35 @@ const Gr = (r) => {
   }
 };
 function Pl(r, t, e, i, o, n, s, a, l, h, d = !1, c = !1) {
-  const f = s - 0, v = Math.min(f - 0, co), C = n === "auto" ? v : n, x = e + 0, m = (l == null ? void 0 : l.rowSize) || "medium", F = !i && !o, b = Jt(c, {
+  const f = s - 0, v = Math.min(f - 0, uo), C = n === "auto" ? v : n, x = e + 0, p = (l == null ? void 0 : l.rowSize) || "medium", F = !i && !o, b = Jt(c, {
     x: t,
     y: e,
     width: C,
     height: s
-  }), S = ps(l, i, o, b, d), y = t + C * 0.5, I = x + f * 0.5, A = y - v * 0.5, L = I - v * 0.5;
-  return r.roundedRect(t, x, C, f, $r[m].radius, {
+  }), S = ys(l, i, o, b, d), y = t + C * 0.5, I = x + f * 0.5, A = y - v * 0.5, P = I - v * 0.5;
+  return r.roundedRect(t, x, C, f, Ur[p].radius, {
     fillStyle: S.bgColor,
     strokeStyle: S.borderColor,
-    lineWidth: F ? $r[m].stroke : void 0
-  }), Ct(r, a, A, L, v, S.iconColor), {
+    lineWidth: F ? Ur[p].stroke : void 0
+  }), Ct(r, a, A, P, v, S.iconColor), {
     x: t,
     y: x,
     width: C,
     height: f
   };
 }
-const Ll = 28, Bl = "default", kl = "s", Ur = "pointer", zl = 20, Ai = {
+const Bl = 28, kl = "default", zl = "s", Xr = "pointer", _l = 20, Ai = {
   indeterminateIcon: '<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke-linecap="round" stroke-width="2" stroke="currentColor" d="m5.09449,9.0315l8,0"></path></svg>',
   checkedIcon: '<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="currentColor" d="m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"></path></svg>'
-}, _l = Object.values(Ai), Ml = {
+}, Ml = Object.values(Ai), Rl = {
   accentColor: "#1e88e5",
   accentFg: "#ffffff"
 };
-class Rl extends At {
+class Nl extends At {
   constructor(t, e, i = !1, o = !1, n) {
-    super(t), this.view = Bl, this.buttonSize = kl, this.isHovered = !1, this.useNewApi = !1, this.icon = e, this.checked = i, this.indeterminate = o, this.size = (n == null ? void 0 : n.size) ?? "auto", this.theme = n == null ? void 0 : n.theme, this.view = (n == null ? void 0 : n.view) ?? "primary", this.disabled = (n == null ? void 0 : n.disabled) ?? !1, super.style = {
+    super(t), this.view = kl, this.buttonSize = zl, this.isHovered = !1, this.useNewApi = !1, this.icon = e, this.checked = i, this.indeterminate = o, this.size = (n == null ? void 0 : n.size) ?? "auto", this.theme = n == null ? void 0 : n.theme, this.view = (n == null ? void 0 : n.view) ?? "primary", this.disabled = (n == null ? void 0 : n.disabled) ?? !1, super.style = {
       ...super.style,
-      cursor: this.disabled ? "auto" : Ur
+      cursor: this.disabled ? "auto" : Xr
     }, !this.disabled && (n != null && n.onClick) && (this.onClick = (s) => {
       var a;
       return (a = n.onClick) == null ? void 0 : a.call(n, s);
@@ -4224,14 +4245,14 @@ class Rl extends At {
   }
   get style() {
     const t = super.style;
-    return t.cursor || (t.cursor = Ur), t;
+    return t.cursor || (t.cursor = Xr), t;
   }
   measure(t) {
     if (this.useNewApi) {
       const e = nt[this.buttonSize];
       this.rect.height = e.height, this.rect.width = e.height;
     } else {
-      const e = Nl(this.size);
+      const e = Ol(this.size);
       this.rect.height = e.height, this.rect.width = e.width;
     }
   }
@@ -4242,7 +4263,7 @@ class Rl extends At {
       width: n,
       height: s
     } = this.rect;
-    Pl(t, i, o, this.checked, this.indeterminate, n, s, this.icon, this.theme ?? Ml, this.view, this.disabled, this.isHovered);
+    Pl(t, i, o, this.checked, this.indeterminate, n, s, this.icon, this.theme ?? Rl, this.view, this.disabled, this.isHovered);
   }
   onMouseEnter() {
     this.isHovered = !0;
@@ -4272,8 +4293,8 @@ class Rl extends At {
   //   return [];
   // }
 }
-function Nl(r, t) {
-  const e = typeof r == "number" ? r : Ll, i = 0, o = de, n = Math.min(e - o * 2 - fe, zl), s = typeof r == "number" ? r : n + i * 2;
+function Ol(r, t) {
+  const e = typeof r == "number" ? r : Bl, i = 0, o = de, n = Math.min(e - o * 2 - fe, _l), s = typeof r == "number" ? r : n + i * 2;
   return {
     height: e,
     width: s,
@@ -4282,10 +4303,10 @@ function Nl(r, t) {
     iconSize: n
   };
 }
-const Ol = ({ backgroundColor: r, __backgroundColorResolver: t }, e) => (t == null ? void 0 : t(e)) ?? r, vt = (r) => {
+const Wl = ({ backgroundColor: r, __backgroundColorResolver: t }, e) => (t == null ? void 0 : t(e)) ?? r, vt = (r) => {
   const t = (e) => null;
   return t.__canvasType = r, t;
-}, Eu = ce.memo(
+}, Du = ce.memo(
   ({
     cellId: r,
     renderContent: t,
@@ -4306,18 +4327,18 @@ const Ol = ({ backgroundColor: r, __backgroundColorResolver: t }, e) => (t == nu
       [e]
     ), null;
   }
-), Wl = vt("Skeleton"), Gl = vt("Container"), $l = vt("Text"), Ul = vt("Icon"), Xl = vt("Button"), Vl = vt("IconButton"), Yl = vt("EmbedIconButton"), ql = vt("Rect"), Kl = vt("Badge"), Zl = vt("Checkbox"), jl = vt("Link"), He = {
-  Container: Gl,
-  Text: $l,
-  Icon: Ul,
-  Button: Xl,
-  IconButton: Vl,
-  EmbedIconButton: Yl,
-  Checkbox: Zl,
+), Gl = vt("Skeleton"), $l = vt("Container"), Ul = vt("Text"), Xl = vt("Icon"), Vl = vt("Button"), Yl = vt("IconButton"), Kl = vt("EmbedIconButton"), ql = vt("Rect"), Zl = vt("Badge"), jl = vt("Checkbox"), Jl = vt("Link"), He = {
+  Container: $l,
+  Text: Ul,
+  Icon: Xl,
+  Button: Vl,
+  IconButton: Yl,
+  EmbedIconButton: Kl,
+  Checkbox: jl,
   Rect: ql,
-  Badge: Kl,
-  Skeleton: Wl,
-  Link: jl,
+  Badge: Zl,
+  Skeleton: Gl,
+  Link: Jl,
   /**
    * Convert a React icon component to SVG string.
    * Results are cached for performance.
@@ -4344,7 +4365,7 @@ function Ti({
   idPrefix: t = "root",
   theme: e
 }) {
-  const i = [], o = zo(r, t, 0, i, e);
+  const i = [], o = _o(r, t, 0, i, e);
   if (i.length > 0) {
     const n = /* @__PURE__ */ new Map();
     for (const { icon: s, size: a } of i) {
@@ -4354,7 +4375,7 @@ function Ti({
       l.push(s), n.set(a, l);
     }
     n.forEach((s, a) => {
-      Es(s, { size: a });
+      Ds(s, { size: a });
     });
   }
   return o;
@@ -4362,7 +4383,7 @@ function Ti({
 function Ei(r) {
   return r == null ? "" : typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(Ei).join("") : "";
 }
-function Xr(r, t, e) {
+function Vr(r, t, e) {
   const i = r.fontMetrics, o = r.fonts;
   if (i === void 0 || o === void 0)
     return {};
@@ -4377,7 +4398,7 @@ function Xr(r, t, e) {
     ...e === void 0 ? { lineHeightPx: a.lineHeightPx } : {}
   };
 }
-function zo(r, t, e, i, o) {
+function _o(r, t, e, i, o) {
   if (!r || !ce.isValidElement(r))
     throw new Error("Invalid element. Use Canvas.* components.");
   const n = r.type, s = n.__canvasType;
@@ -4404,7 +4425,7 @@ function zo(r, t, e, i, o) {
       size: v
     });
   } else if (s === "Checkbox")
-    _l.forEach((g) => {
+    Ml.forEach((g) => {
       i.push({
         icon: c(g),
         size: 20
@@ -4429,21 +4450,21 @@ function zo(r, t, e, i, o) {
       size: C
     });
   }
-  const u = Jl(s, d, a, o);
+  const u = Ql(s, d, a, o);
   if (a.portalHoverEnabled && (u.portalHoverEnabled = !0), a.tooltip !== void 0 && (u.tooltip = a.tooltip), a.autoTooltip !== void 0) {
     const g = a.autoTooltip;
     (g === !0 || typeof g == "object" && g !== null && g.enabled !== !1) && (u.portalHoverEnabled = !0);
   }
-  a.interaction !== void 0 && (u.interaction = ns(a.interaction)), typeof a.zIndex == "number" && (u.zIndex = a.zIndex), a.style && (u.style = a.style);
+  a.interaction !== void 0 && (u.interaction = ss(a.interaction)), typeof a.zIndex == "number" && (u.zIndex = a.zIndex), a.style && (u.style = a.style);
   const { children: f } = a;
-  return f && u instanceof pt && ce.Children.toArray(f).forEach((v, C) => {
+  return f && u instanceof mt && ce.Children.toArray(f).forEach((v, C) => {
     if (ce.isValidElement(v)) {
-      const x = zo(v, d, C, i, o);
+      const x = _o(v, d, C, i, o);
       u.addChild(x);
     }
   }), u;
 }
-function Jl(r, t, e, i) {
+function Ql(r, t, e, i) {
   switch (r) {
     case "Container": {
       const o = e, {
@@ -4460,7 +4481,7 @@ function Jl(r, t, e, i) {
         onClick: v,
         onMouseEnter: C,
         onMouseLeave: x,
-        onMouseDown: m,
+        onMouseDown: p,
         backgroundColor: F,
         __backgroundColorResolver: b,
         portalHoverEnabled: S,
@@ -4469,14 +4490,14 @@ function Jl(r, t, e, i) {
         ...y,
         columnGap: a ?? s ?? 0,
         rowGap: l ?? s ?? 0
-      }, A = new pt(
+      }, A = new mt(
         t,
         I,
-        Ol(o, i)
+        Wl(o, i)
       );
       h && (A.position = h), d !== void 0 && (A.left = d), c !== void 0 && (A.top = c), u !== void 0 && (A.right = u), f !== void 0 && (A.bottom = f);
-      const L = ft(v), R = ft(C), lt = ft(x), N = ft(m);
-      return L && (A.onClick = L), R && (A.onMouseEnter = R), lt && (A.onMouseLeave = lt), N && (A.onMouseDown = N), A;
+      const P = ft(v), R = ft(C), lt = ft(x), N = ft(p);
+      return P && (A.onClick = P), R && (A.onMouseEnter = R), lt && (A.onMouseLeave = lt), N && (A.onMouseDown = N), A;
     }
     case "Text": {
       const {
@@ -4494,12 +4515,12 @@ function Jl(r, t, e, i) {
         left: v,
         top: C,
         right: x,
-        bottom: m,
+        bottom: p,
         portalHoverEnabled: F
       } = e, b = Ei(o), S = i.fontFamily || '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
       let y;
       n ? y = /["']|sans-serif|serif|monospace/i.test(n) ? n : `${n} ${S}` : y = i.baseFontStyle ? `${i.baseFontStyle} ${S}` : `13px ${S}`;
-      const I = Xr(i, n, l), A = new Do(t, b, {
+      const I = Vr(i, n, l), A = new Io(t, b, {
         font: y,
         ...I,
         color: s,
@@ -4511,7 +4532,7 @@ function Jl(r, t, e, i) {
         maxLines: u,
         autoTooltip: f
       });
-      return g && (A.position = g), v !== void 0 && (A.left = v), C !== void 0 && (A.top = C), x !== void 0 && (A.right = x), m !== void 0 && (A.bottom = m), A;
+      return g && (A.position = g), v !== void 0 && (A.left = v), C !== void 0 && (A.top = C), x !== void 0 && (A.right = x), p !== void 0 && (A.bottom = p), A;
     }
     case "Icon": {
       const {
@@ -4528,10 +4549,10 @@ function Jl(r, t, e, i) {
         onMouseEnter: g,
         onMouseLeave: v,
         onMouseDown: C
-      } = e, x = Ht(o) ? xt(o) : o, m = new ia(t, x, { size: n, color: s });
-      a && (m.backgroundColor = a), l && (m.position = l), h !== void 0 && (m.left = h), d !== void 0 && (m.top = d), c !== void 0 && (m.right = c), u !== void 0 && (m.bottom = u);
+      } = e, x = Ht(o) ? xt(o) : o, p = new ra(t, x, { size: n, color: s });
+      a && (p.backgroundColor = a), l && (p.position = l), h !== void 0 && (p.left = h), d !== void 0 && (p.top = d), c !== void 0 && (p.right = c), u !== void 0 && (p.bottom = u);
       const F = ft(f), b = ft(g), S = ft(v), y = ft(C);
-      return F && (m.onClick = F), b && (m.onMouseEnter = b), S && (m.onMouseLeave = S), y && (m.onMouseDown = y), m;
+      return F && (p.onClick = F), b && (p.onMouseEnter = b), S && (p.onMouseLeave = S), y && (p.onMouseDown = y), p;
     }
     case "Button": {
       const {
@@ -4548,11 +4569,11 @@ function Jl(r, t, e, i) {
         right: g,
         bottom: v,
         onClick: C
-      } = e, x = typeof o == "string" ? o : "", m = Ht(l) ? xt(l) : l, F = Ht(h) ? xt(h) : h, b = new $s(t, x, {
+      } = e, x = typeof o == "string" ? o : "", p = Ht(l) ? xt(l) : l, F = Ht(h) ? xt(h) : h, b = new Us(t, x, {
         variant: n,
         view: s,
         size: a,
-        leftIcon: m,
+        leftIcon: p,
         rightIcon: F,
         disabled: d,
         theme: i
@@ -4580,7 +4601,7 @@ function Jl(r, t, e, i) {
         right: v,
         bottom: C,
         onClick: x
-      } = e, m = Ht(o) ? xt(o) : o, F = r === "IconButton" ? la : Ir, b = new F(t, m, {
+      } = e, p = Ht(o) ? xt(o) : o, F = r === "IconButton" ? ca : Hr, b = new F(t, p, {
         size: n,
         variant: s,
         view: a,
@@ -4589,7 +4610,7 @@ function Jl(r, t, e, i) {
         overrideIconSize: d,
         disabled: c
       });
-      if (b instanceof Ir) {
+      if (b instanceof Hr) {
         const { iconColor: S, iconColorHovered: y } = e;
         S !== void 0 && (b.iconColor = S), y !== void 0 && (b.iconColorHovered = y);
       }
@@ -4616,7 +4637,7 @@ function Jl(r, t, e, i) {
         onClick: C
       } = e, x = xt(
         o ? Ai.checkedIcon : Ai.indeterminateIcon
-      ), m = new Rl(
+      ), p = new Nl(
         t,
         x,
         o,
@@ -4629,11 +4650,11 @@ function Jl(r, t, e, i) {
           disabled: d
         }
       );
-      if (c && (m.position = c), u !== void 0 && (m.left = u), f !== void 0 && (m.top = f), g !== void 0 && (m.right = g), v !== void 0 && (m.bottom = v), !d) {
+      if (c && (p.position = c), u !== void 0 && (p.left = u), f !== void 0 && (p.top = f), g !== void 0 && (p.right = g), v !== void 0 && (p.bottom = v), !d) {
         const F = ft(C);
-        F && (m.onClick = F);
+        F && (p.onClick = F);
       }
-      return m;
+      return p;
     }
     case "Rect": {
       const {
@@ -4645,7 +4666,7 @@ function Jl(r, t, e, i) {
         top: h,
         right: d,
         bottom: c
-      } = e, u = new ha(t, o);
+      } = e, u = new da(t, o);
       return n && (u.borderColor = n), s && (u.borderWidth = s), a && (u.position = a), l !== void 0 && (u.left = l), h !== void 0 && (u.top = h), d !== void 0 && (u.right = d), c !== void 0 && (u.bottom = c), u;
     }
     case "Badge": {
@@ -4664,9 +4685,9 @@ function Jl(r, t, e, i) {
         top: v,
         right: C,
         bottom: x,
-        portalHoverEnabled: m,
+        portalHoverEnabled: p,
         pilled: F
-      } = e, b = Ht(h) ? xt(h) : h, S = Ht(d) ? xt(d) : d, y = new Ns(t, o, {
+      } = e, b = Ht(h) ? xt(h) : h, S = Ht(d) ? xt(d) : d, y = new Os(t, o, {
         view: n,
         size: s,
         transparent: a,
@@ -4691,11 +4712,11 @@ function Jl(r, t, e, i) {
         shimmerDuration: d,
         style: c,
         portalHoverEnabled: u
-      } = e, f = Gr(o), g = Gr(n), v = {
+      } = e, f = $r(o), g = $r(n), v = {
         ...c,
         ...f !== void 0 ? { width: f } : null,
         ...g !== void 0 ? { height: g } : null
-      }, C = new Xa(t, {
+      }, C = new Va(t, {
         roundness: s,
         lighter: a,
         customGradientColor: l,
@@ -4720,16 +4741,16 @@ function Jl(r, t, e, i) {
         ellipsis: v,
         maxLines: C,
         position: x,
-        left: m,
+        left: p,
         top: F,
         right: b,
         bottom: S,
         onClick: y,
         portalHoverEnabled: I
-      } = e, A = Ei(o), L = i.fontFamily || '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+      } = e, A = Ei(o), P = i.fontFamily || '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
       let R;
-      h ? R = /["']|sans-serif|serif|monospace/i.test(h) ? h : `${h} ${L}` : R = i.baseFontStyle ? `${i.baseFontStyle} ${L}` : `13px ${L}`;
-      const lt = Xr(i, h, u), N = new rl(t, A, {
+      h ? R = /["']|sans-serif|serif|monospace/i.test(h) ? h : `${h} ${P}` : R = i.baseFontStyle ? `${i.baseFontStyle} ${P}` : `13px ${P}`;
+      const lt = Vr(i, h, u), N = new ol(t, A, {
         font: R,
         ...lt,
         color: d,
@@ -4745,7 +4766,7 @@ function Jl(r, t, e, i) {
         disabled: l,
         theme: i
       });
-      if (x && (N.position = x), m !== void 0 && (N.left = m), F !== void 0 && (N.top = F), b !== void 0 && (N.right = b), S !== void 0 && (N.bottom = S), !l) {
+      if (x && (N.position = x), p !== void 0 && (N.left = p), F !== void 0 && (N.top = F), b !== void 0 && (N.right = b), S !== void 0 && (N.bottom = S), !l) {
         const rt = ft(y);
         rt && N.setOnClick(rt);
       }
@@ -4755,18 +4776,18 @@ function Jl(r, t, e, i) {
       throw new Error(`Unknown canvas component type: ${r}`);
   }
 }
-const Ql = '400 normal 1rem/1.25rem "SB Sans Text", sans-serif, Inter, Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, noto, arial, sans-serif', tc = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", ec = 30, ic = 50, rc = 3;
-async function oc() {
+const tc = '400 normal 1rem/1.25rem "SB Sans Text", sans-serif, Inter, Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, noto, arial, sans-serif', ec = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", ic = 30, rc = 50, oc = 3;
+async function nc() {
   return typeof document > "u" || !document.fonts ? Promise.resolve() : document.fonts.ready.then(() => {
   });
 }
-function nc(r = {}) {
+function sc(r = {}) {
   const {
-    testFont: t = Ql,
-    testText: e = tc,
-    maxChecks: i = ec,
-    checkInterval: o = ic,
-    stableThreshold: n = rc
+    testFont: t = tc,
+    testText: e = ec,
+    maxChecks: i = ic,
+    checkInterval: o = rc,
+    stableThreshold: n = oc
   } = r;
   return new Promise((s) => {
     if (typeof document > "u") {
@@ -4789,10 +4810,10 @@ function nc(r = {}) {
     u();
   });
 }
-function sc(r) {
-  return oc().then(() => nc(r));
+function ac(r) {
+  return nc().then(() => sc(r));
 }
-function _o({
+function Mo({
   dataEditorRef: r,
   rowCount: t,
   columnCount: e,
@@ -4809,7 +4830,7 @@ function _o({
       });
   a.length > 0 && o.updateCells(a);
 }
-function Mo(r) {
+function Ro(r) {
   let t = null;
   return () => {
     t === null && (t = requestAnimationFrame(() => {
@@ -4817,47 +4838,47 @@ function Mo(r) {
     }));
   };
 }
-function Du() {
-  const r = it(null), t = U(() => (r.current || (r.current = new as()), r.current), []);
+function Iu() {
+  const r = it(null), t = U(() => (r.current || (r.current = new ls()), r.current), []);
   return {
     registry: t(),
     getRegistry: t
   };
 }
-function ac({
+function lc({
   dataEditorRef: r,
   rowCount: t,
   columnCount: e,
   headerAndGroupHeaderRowsCount: i
 }) {
   ui(() => {
-    const o = Mo(() => {
-      Na(), _o({
+    const o = Ro(() => {
+      Oa(), Mo({
         dataEditorRef: r,
         rowCount: t,
         columnCount: e,
         headerAndGroupHeaderRowsCount: i
       });
     });
-    sc().then(o);
+    ac().then(o);
   }, [r, t, e, i]);
 }
-function lc({
+function cc({
   dataEditorRef: r,
   rowCount: t,
   columnCount: e,
   headerAndGroupHeaderRowsCount: i
 }) {
   wt(() => {
-    const o = Mo(() => {
-      _o({
+    const o = Ro(() => {
+      Mo({
         dataEditorRef: r,
         rowCount: t,
         columnCount: e,
         headerAndGroupHeaderRowsCount: i
       });
     });
-    return As(o);
+    return Ts(o);
   }, [r, t, e, i]);
 }
 Mt.Text;
@@ -4882,38 +4903,38 @@ const Di = (r, t) => ({
     ...e
   };
 };
-function cc(r) {
+function uc(r) {
   const t = r;
   return !!(t != null && t.kind);
 }
-function Iu(r) {
+function Hu(r) {
   return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function Ro(r) {
+function No(r) {
   return typeof r != "object" && !Array.isArray(r) || r === null;
 }
-function uc(r) {
+function hc(r) {
   return r == null || typeof r == "boolean";
 }
 const zi = (r) => {
-  if (!r || !Qr(r))
+  if (!r || !to(r))
     return !1;
   const t = r.type;
   return !!(t != null && t.__canvasType);
-}, No = (r) => typeof r == "string", Vr = (r) => No(r) ? !0 : zi(r), Hu = (r) => No(r) ? !0 : zi(r), Yr = ({
+}, Oo = (r) => typeof r == "string", Yr = (r) => Oo(r) ? !0 : zi(r), Lu = (r) => Oo(r) ? !0 : zi(r), Kr = ({
   jsxElement: r,
   canvasCellCache: t,
   cellInfo: e,
   options: i
 }) => {
   let o = null;
-  if (cc(r))
+  if (uc(r))
     return {
       ...r,
       ...i
     };
-  if (Ro(r))
-    return uc(r) ? le(i) : Di(String(r), i);
+  if (No(r))
+    return hc(r) ? le(i) : Di(String(r), i);
   if (!zi(r)) {
     const x = "передан НЕ CanvasEl";
     return Di(x, {
@@ -4930,7 +4951,7 @@ const zi = (r) => {
     id: h
   } = l, d = i.getPortalEventTarget;
   let c = null;
-  const u = `cell-${n}-${s}`, f = (x, m, F, b, S, y) => {
+  const u = `cell-${n}-${s}`, f = (x, p, F, b, S, y) => {
     let I = (y == null ? void 0 : y.canvasRoot) instanceof St ? y.canvasRoot : c;
     {
       if (!r)
@@ -4949,21 +4970,21 @@ const zi = (r) => {
       y: S
     } : void 0;
     I.rootNode.style = {
-      width: m.width,
-      height: m.height
+      width: p.width,
+      height: p.height
     }, o || (o = x.canvas.getBoundingClientRect());
-    const L = {
-      x: o.left + m.x,
-      y: o.top + m.y,
-      width: m.width,
-      height: m.height
+    const P = {
+      x: o.left + p.x,
+      y: o.top + p.y,
+      width: p.width,
+      height: p.height
     };
     return I.setPortalEventTarget((d == null ? void 0 : d()) ?? null), I.setTooltipContext({
       column: e.column,
       row: e.row,
       ctxs: e.ctxs,
       refTable: i.refTable
-    }), I.render(x, m, A, L, {
+    }), I.render(x, p, A, P, {
       frameTime: y == null ? void 0 : y.frameTime,
       requestAnimationFrame: y == null ? void 0 : y.requestAnimationFrame
     }), c = I, {
@@ -4973,11 +4994,11 @@ const zi = (r) => {
     data: g,
     ...v
   } = i, C = l.copyData ? typeof l.copyData == "function" ? l.copyData(a) : l.copyData : g;
-  return hl(f, void 0, C, v);
-}, Oo = (r, t, e) => r ? t >= r.x && t < r.x + r.width && e >= r.y && e < r.y + r.height : !1, hc = (r) => {
+  return dl(f, void 0, C, v);
+}, Wo = (r, t, e) => r ? t >= r.x && t < r.x + r.width && e >= r.y && e < r.y + r.height : !1, dc = (r) => {
   const t = r.findIndex((e) => !e.isServiceColumn);
   return t === -1 ? r.length : t;
-}, dc = (r, t) => {
+}, fc = (r, t) => {
   if (!r)
     return;
   const e = Math.max(r.x, t), i = Math.max(0, r.x + r.width - e);
@@ -4989,7 +5010,7 @@ const zi = (r) => {
       height: r.height
     };
 };
-function fc({
+function gc({
   cellsSelectionMode: r,
   selection: t,
   baseTheme: e,
@@ -5033,7 +5054,7 @@ function fc({
     }), c(), h.length > 0 ? h : void 0;
   }, [r, t, e.selectionActiveBg, e.selectionActiveCheckboxBg, e.selectionServiceActiveBg, e.errorOutlineColor, e.accentColor, i, o, n, s, a, l]);
 }
-function gc({
+function Cc({
   baseRegions: r,
   selectedColumnIndexes: t,
   headerSelectedRowIndexes: e,
@@ -5050,20 +5071,20 @@ function gc({
     const c = t.length > 0, u = e.length > 0, f = i !== void 0, g = ((n == null ? void 0 : n.length) ?? 0) > 0;
     if (!c && !u && !f && !g)
       return r;
-    const v = h - l, C = [...r ?? []], x = (m, F) => {
-      const [b, ...S] = [...m].sort((L, R) => L - R);
+    const v = h - l, C = [...r ?? []], x = (p, F) => {
+      const [b, ...S] = [...p].sort((P, R) => P - R);
       if (b === void 0)
         return;
       let y = b, I = b;
-      const A = (L, R) => {
+      const A = (P, R) => {
         C.push({
           color: d.accentColor,
-          range: F(L, R),
+          range: F(P, R),
           style: "solid-outline"
         });
       };
-      for (const L of S)
-        L === I + 1 || (A(y, I), y = L), I = L;
+      for (const P of S)
+        P === I + 1 || (A(y, I), y = P), I = P;
       A(y, I);
     };
     if (c) {
@@ -5077,59 +5098,59 @@ function gc({
         },
         style: "no-outline"
       });
-      for (const m of t)
+      for (const p of t)
         C.push({
           color: d.selectionActiveBg,
           range: {
-            x: m,
+            x: p,
             y: 0,
             width: 1,
             height: a
           },
           style: "no-outline"
         });
-      x(t, (m, F) => ({
-        x: m,
+      x(t, (p, F) => ({
+        x: p,
         y: 0,
-        width: F - m + 1,
+        width: F - p + 1,
         height: a
       }));
     }
     if (u && v > 0) {
       if (l > 0)
-        for (const m of e)
+        for (const p of e)
           C.push({
             color: d.selectionServiceActiveBg,
             range: {
               x: 0,
-              y: m,
+              y: p,
               width: l,
               height: 1
             },
             style: "no-outline"
           });
-      for (const m of e)
+      for (const p of e)
         C.push({
           color: d.selectionActiveBg,
           range: {
             x: l,
-            y: m,
+            y: p,
             width: v,
             height: 1
           },
           style: "no-outline"
         });
-      x(e, (m, F) => ({
+      x(e, (p, F) => ({
         x: l,
-        y: m,
+        y: p,
         width: v,
-        height: F - m + 1
+        height: F - p + 1
       }));
     }
     if (i !== void 0 && v > 0) {
-      const m = s != null && s.has(i) ? d.selectionActiveCheckboxBg : d.selectionCheckboxBg, F = (S, y) => {
+      const p = s != null && s.has(i) ? d.selectionActiveCheckboxBg : d.selectionCheckboxBg, F = (S, y) => {
         y > 0 && C.push({
-          color: m,
+          color: p,
           range: {
             x: S,
             y: i,
@@ -5147,14 +5168,14 @@ function gc({
       }
     }
     if (g && n && l > 0) {
-      const m = /* @__PURE__ */ new Set();
+      const p = /* @__PURE__ */ new Set();
       for (const F of n) {
         const b = Math.max(F.x, l);
         if (!(F.x + F.width - b <= 0 || F.height <= 0))
           for (let y = F.y; y < F.y + F.height; y += 1)
-            m.add(y);
+            p.add(y);
       }
-      for (const F of m)
+      for (const F of p)
         C.push({
           color: d.selectionServiceActiveBg,
           range: {
@@ -5169,21 +5190,21 @@ function gc({
     return C;
   }, [r, t, e, i, o, n, s, a, l, h, d.selectionActiveBg, d.selectionActiveCheckboxBg, d.selectionCheckboxBg, d.selectionServiceActiveBg, d.accentColor]);
 }
-const Pe = {
-  columns: P.empty(),
-  rows: P.empty(),
+const Le = {
+  columns: L.empty(),
+  rows: L.empty(),
   current: void 0
 };
-function Cc({
+function vc({
   cellsSelectionMode: r,
   gridSelection: t,
   onGridSelectionChange: e,
   onSelectionEmit: i
 }) {
-  const [o, n] = at(Pe), s = t !== void 0, a = t ?? o, l = U((c) => {
+  const [o, n] = at(Le), s = t !== void 0, a = t ?? o, l = U((c) => {
     s ? e == null || e(c) : n(c), i == null || i(c);
   }, [s, e, i]), h = U(() => {
-    s ? e == null || e(Pe) : n(Pe), i == null || i(Pe);
+    s ? e == null || e(Le) : n(Le), i == null || i(Le);
   }, [s, e, i]), d = M(() => r === "range-cell" ? "rect" : r === "multi-range-cell" ? "multi-rect" : r === "disabled" ? "none" : "cell", [r]);
   return {
     selection: a,
@@ -5192,7 +5213,7 @@ function Cc({
     rangeSelect: d
   };
 }
-const qt = /* @__PURE__ */ new Set(), qr = ({
+const Kt = /* @__PURE__ */ new Set(), qr = ({
   start: r,
   length: t
 }) => {
@@ -5201,21 +5222,21 @@ const qt = /* @__PURE__ */ new Set(), qr = ({
     e.add(r + i);
   return e;
 };
-function vc({
+function pc({
   columns: r,
   selection: t,
   cellsSelectionMode: e,
   checkboxSelectedRowIndexes: i
 }) {
   return M(() => {
-    const o = t.current, n = hc(r);
+    const o = t.current, n = dc(r);
     if (!(e !== "disabled" && o !== void 0) || !o)
       return {
         hasAnyActiveSelection: !1,
         firstDataColumnIndex: n,
         leadingServiceColumnsCount: n,
-        activeRows: qt,
-        activeColumns: qt,
+        activeRows: Kt,
+        activeColumns: Kt,
         activeDataRange: void 0,
         isSingleCellCustomHighlight: !1,
         outlineRange: void 0,
@@ -5228,14 +5249,14 @@ function vc({
         isActiveDataCell: (u, f) => !1,
         isActiveHeaderColumn: (u) => !1
       };
-    const a = dc(o.range, n), l = a !== void 0, h = e === "cell" && a !== void 0 && a.width === 1 && a.height === 1;
+    const a = fc(o.range, n), l = a !== void 0, h = e === "cell" && a !== void 0 && a.width === 1 && a.height === 1;
     if (!l)
       return {
         hasAnyActiveSelection: !1,
         firstDataColumnIndex: n,
         leadingServiceColumnsCount: n,
-        activeRows: qt,
-        activeColumns: qt,
+        activeRows: Kt,
+        activeColumns: Kt,
         activeDataRange: void 0,
         isSingleCellCustomHighlight: !1,
         outlineRange: void 0,
@@ -5251,10 +5272,10 @@ function vc({
     const d = a != null && a.height && a.height > 0 ? qr({
       start: a.y,
       length: a.height
-    }) : qt, c = a != null && a.width && a.width > 0 ? qr({
+    }) : Kt, c = a != null && a.width && a.width > 0 ? qr({
       start: a.x,
       length: a.width
-    }) : qt;
+    }) : Kt;
     return {
       hasAnyActiveSelection: l,
       firstDataColumnIndex: n,
@@ -5273,7 +5294,7 @@ function vc({
       },
       isActiveRow: (u) => d.has(u),
       isCheckboxSelectedRow: (u) => (i == null ? void 0 : i.has(u)) ?? !1,
-      isActiveDataCell: (u, f) => Oo(a, u, f),
+      isActiveDataCell: (u, f) => Wo(a, u, f),
       isActiveHeaderColumn: (u) => r[u] ? c.has(u) : !1
     };
   }, [r, e, i, t]);
@@ -5291,14 +5312,14 @@ function mc({
     commitActiveRow: a
   };
 }
-function pc({
+function yc({
   columns: r
 }) {
-  const [t, e] = at(() => P.empty()), i = M(() => t.toArray().filter((h) => {
+  const [t, e] = at(() => L.empty()), i = M(() => t.toArray().filter((h) => {
     var d;
     return !((d = r[h]) != null && d.isServiceColumn);
   }), [t, r]), o = M(() => new Set(i), [i]), n = it(void 0), [s, a] = at(!1), l = U(() => {
-    e(P.empty());
+    e(L.empty());
   }, []);
   return {
     selectedColumns: t,
@@ -5311,10 +5332,10 @@ function pc({
     clearColumnSelection: l
   };
 }
-function yc() {
-  const [r, t] = at(() => P.empty()), e = M(() => r.toArray(), [r]), i = it(r);
+function bc() {
+  const [r, t] = at(() => L.empty()), e = M(() => r.toArray(), [r]), i = it(r);
   i.current = r;
-  const o = it(!1), n = it(P.empty()), s = it(!1);
+  const o = it(!1), n = it(L.empty()), s = it(!1);
   wt(() => {
     const l = (d) => {
       o.current = d.ctrlKey || d.metaKey, n.current = i.current, s.current = !0;
@@ -5326,7 +5347,7 @@ function yc() {
     };
   }, []);
   const a = U(() => {
-    t(P.empty());
+    t(L.empty());
   }, []);
   return {
     selectedRows: r,
@@ -5339,7 +5360,7 @@ function yc() {
     clearRowSelection: a
   };
 }
-function bc({
+function Fc({
   columns: r,
   selection: t,
   cellsSelectionMode: e,
@@ -5360,19 +5381,19 @@ function bc({
     selectedColumns: v,
     setSelectedColumns: C,
     selectedColumnIndexes: x,
-    selectedColumnSet: m,
+    selectedColumnSet: p,
     lastSelectedColumnRef: F,
     isNativeColumnSelection: b,
     setIsNativeColumnSelection: S
-  } = pc({
+  } = yc({
     columns: r
   }), {
     setSelectedRows: y,
     headerSelectedRowIndexes: I,
     ctrlGestureRef: A,
-    ctrlBaseRowsRef: L,
+    ctrlBaseRowsRef: P,
     pointerGestureRef: R
-  } = yc(), {
+  } = bc(), {
     activeRow: lt,
     commitActiveRow: N
   } = mc({
@@ -5393,8 +5414,8 @@ function bc({
     const X = $.x + $.width - O;
     return X <= 0 ? {
       current: void 0,
-      rows: P.empty(),
-      columns: P.empty()
+      rows: L.empty(),
+      columns: L.empty()
     } : {
       ..._,
       current: {
@@ -5413,13 +5434,13 @@ function bc({
       const $ = a, X = W.range.y, ct = X + Math.max(W.range.height, 1);
       if (A.current) {
         const Y = ct - X <= 1;
-        let Z = L.current;
+        let Z = P.current;
         if (Z.length === 0 && t.current && t.current.cell[0] === rt) {
           const bt = t.current.range;
-          Z = P.empty().add([bt.y, bt.y + Math.max(bt.height, 1)]), L.current = Z;
+          Z = L.empty().add([bt.y, bt.y + Math.max(bt.height, 1)]), P.current = Z;
         }
         let tt;
-        Y ? tt = Z.hasIndex(X) ? Z.remove(X) : Z.add(X) : tt = Z.add([X, ct]), C(P.empty()), y(tt), N(void 0), S(!1), h({
+        Y ? tt = Z.hasIndex(X) ? Z.remove(X) : Z.add(X) : tt = Z.add([X, ct]), C(L.empty()), y(tt), N(void 0), S(!1), h({
           ..._,
           current: {
             ...W,
@@ -5433,19 +5454,19 @@ function bc({
         }), c == null || c({
           current: void 0,
           rows: tt,
-          columns: P.empty()
+          columns: L.empty()
         });
         return;
       }
-      const K = Math.max(r.length - $, 0);
-      C(P.empty()), y(P.empty()), N(void 0), S(!1), h({
+      const q = Math.max(r.length - $, 0);
+      C(L.empty()), y(L.empty()), N(void 0), S(!1), h({
         ..._,
         current: {
           ...W,
           range: {
             x: $,
             y: W.range.y,
-            width: K,
+            width: q,
             height: W.range.height
           }
         }
@@ -5453,9 +5474,9 @@ function bc({
       return;
     }
     const O = ge(_);
-    (O.current !== void 0 || O.rows.length > 0) && (C(P.empty()), y(P.empty())), S(!1), i === "row" ? R.current && O.current && N(O.current.cell[1]) : N(void 0), h(O);
-  }, [r, t, h, ge, rt, n, a, i, c, N, A, L, R, C, y, S]), Qt = U(() => {
-    C(P.empty()), y(P.empty()), N(void 0), S(!1), d();
+    (O.current !== void 0 || O.rows.length > 0) && (C(L.empty()), y(L.empty())), S(!1), i === "row" ? R.current && O.current && N(O.current.cell[1]) : N(void 0), h(O);
+  }, [r, t, h, ge, rt, n, a, i, c, N, A, P, R, C, y, S]), Qt = U(() => {
+    C(L.empty()), y(L.empty()), N(void 0), S(!1), d();
   }, [d, N, C, y, S]), kt = M(() => {
     var W;
     const _ = new Set(x);
@@ -5476,7 +5497,7 @@ function bc({
       const Y = a, Z = Math.max(r.length - Y, 0);
       if (Z === 0 || l === 0)
         return;
-      C(P.empty()), y(P.empty()), N(void 0), S(!0), h({
+      C(L.empty()), y(L.empty()), N(void 0), S(!0), h({
         current: {
           cell: [Y, 0],
           range: {
@@ -5487,8 +5508,8 @@ function bc({
           },
           rangeStack: []
         },
-        rows: P.empty(),
-        columns: P.empty()
+        rows: L.empty(),
+        columns: L.empty()
       });
       return;
     }
@@ -5505,39 +5526,39 @@ function bc({
         Y = Y.add([tt.x, tt.x + tt.width]);
       }
       const Z = Y.hasIndex(_) ? Y.remove(_) : Y.add(_);
-      F.current = _, C(Z), y(P.empty()), N(void 0), S(!1), h({
+      F.current = _, C(Z), y(L.empty()), N(void 0), S(!1), h({
         current: void 0,
-        rows: P.empty(),
-        columns: P.empty()
+        rows: L.empty(),
+        columns: L.empty()
       }), c == null || c({
         current: void 0,
-        rows: P.empty(),
+        rows: L.empty(),
         columns: Z
       });
       return;
     }
-    let ct, K;
-    $ && F.current !== void 0 ? (ct = Math.min(F.current, _), K = Math.max(F.current, _)) : (ct = _, K = _, F.current = _), C(P.empty()), y(P.empty()), N(void 0), S(!0), h({
+    let ct, q;
+    $ && F.current !== void 0 ? (ct = Math.min(F.current, _), q = Math.max(F.current, _)) : (ct = _, q = _, F.current = _), C(L.empty()), y(L.empty()), N(void 0), S(!0), h({
       current: {
         cell: [ct, 0],
         range: {
           x: ct,
           y: 0,
-          width: K - ct + 1,
+          width: q - ct + 1,
           height: l
         },
         rangeStack: []
       },
-      rows: P.empty(),
-      columns: P.empty()
+      rows: L.empty(),
+      columns: L.empty()
     });
   }, [o, s, rt, e, a, r, t, b, v, l, h, c, N, F, C, y, S]), Rt = U((_) => {
     const W = new Set(_), O = r.map((Y, Z) => !Y.isServiceColumn && W.has(Y.id) ? Z : -1).filter((Y) => Y >= 0);
-    if (y(P.empty()), N(void 0), O.length === 0) {
-      C(P.empty()), S(!1), h({
+    if (y(L.empty()), N(void 0), O.length === 0) {
+      C(L.empty()), S(!1), h({
         current: void 0,
-        rows: P.empty(),
-        columns: P.empty()
+        rows: L.empty(),
+        columns: L.empty()
       });
       return;
     }
@@ -5546,7 +5567,7 @@ function bc({
       return;
     const ct = X - $ === O.length - 1;
     if (F.current = X, ct) {
-      C(P.empty()), S(!0), h({
+      C(L.empty()), S(!0), h({
         current: {
           cell: [$, 0],
           range: {
@@ -5557,25 +5578,25 @@ function bc({
           },
           rangeStack: []
         },
-        rows: P.empty(),
-        columns: P.empty()
+        rows: L.empty(),
+        columns: L.empty()
       });
       return;
     }
-    let K = P.empty();
+    let q = L.empty();
     O.forEach((Y) => {
-      K = K.add(Y);
-    }), C(K), S(!1), h({
+      q = q.add(Y);
+    }), C(q), S(!1), h({
       current: void 0,
-      rows: P.empty(),
-      columns: P.empty()
+      rows: L.empty(),
+      columns: L.empty()
     });
   }, [r, l, h, C, y, S, N, F]);
   return {
     selectedColumnIndexes: x,
     selectedColumnKeysAll: kt,
     selectColumnsByKeys: Rt,
-    selectedColumnSet: m,
+    selectedColumnSet: p,
     headerSelectedRowIndexes: I,
     activeRow: lt,
     numberingColumnIndex: rt,
@@ -5585,7 +5606,7 @@ function bc({
     handleSelectionClearedWithColumns: Qt
   };
 }
-function Fc(r, t, e, i) {
+function xc(r, t, e, i) {
   const o = performance.now();
   function n(s) {
     const a = s - o, l = Math.min(a / i, 1), h = t + (e - t) * l;
@@ -5593,13 +5614,13 @@ function Fc(r, t, e, i) {
   }
   requestAnimationFrame(n);
 }
-const xc = (r) => {
+const wc = (r) => {
   const t = typeof r == "number", [e, i] = at(() => t ? r : 56);
   return wt(() => {
-    t && Fc(i, e, r, 300);
+    t && xc(i, e, r, 300);
   }, [r]), t ? e : r;
 };
-function Wo({
+function Go({
   cell: r,
   glideCell: t,
   rect: e,
@@ -5621,7 +5642,7 @@ function Wo({
       } : {}
     };
 }
-function wc({
+function Sc({
   dataEditor: r,
   getCellContent: t,
   clientX: e,
@@ -5632,7 +5653,7 @@ function wc({
   if (!n || n.kind !== "cell")
     return;
   const s = [n.location[0], n.location[1]], a = t(s);
-  if (!Ho(a))
+  if (!Lo(a))
     return;
   const l = n.bounds, h = ue({
     colIndex: s[0],
@@ -5641,7 +5662,7 @@ function wc({
     x: n.localEventX,
     y: n.localEventY
   };
-  return Wo({
+  return Go({
     cell: s,
     mouseArgs: n,
     glideCell: a,
@@ -5650,7 +5671,7 @@ function wc({
     relativePoint: c
   });
 }
-function Sc({
+function Ac({
   eventTarget: r,
   dataEditorRef: t,
   getCellContent: e,
@@ -5667,7 +5688,7 @@ function Sc({
       const a = s;
       if (a.clientX === 0 && a.clientY === 0)
         return;
-      const l = wc({
+      const l = Sc({
         dataEditor: t.current,
         getCellContent: e,
         clientX: a.clientX,
@@ -5706,10 +5727,10 @@ function Sc({
     };
   }, [t, r, e, i, o]);
 }
-const Ac = 250;
-function Tc(r) {
+const Tc = 250;
+function Ec(r) {
   return U((t, e) => {
-    const i = r.consumeEditorRequest(t, Ac);
+    const i = r.consumeEditorRequest(t, Tc);
     return !i || i.target !== "self" ? e : {
       ...e,
       activationBehaviorOverride: "single-click"
@@ -5717,32 +5738,32 @@ function Tc(r) {
   }, [r]);
 }
 const ke = 350;
-function Kr(r) {
+function Zr(r) {
   return Math.round(r);
 }
-function Ec({
+function Dc({
   cell: r,
   relativePoint: t,
   button: e
 }) {
-  return [r[0], r[1], e ?? "unknown", Kr(t.x), Kr(t.y)].join(":");
+  return [r[0], r[1], e ?? "unknown", Zr(t.x), Zr(t.y)].join(":");
 }
 function Re(r, t) {
   return r[0] === t[0] && r[1] === t[1];
 }
-function Go(r, t) {
+function $o(r, t) {
   return Math.abs(r.x - t.x) <= 1 && Math.abs(r.y - t.y) <= 1;
 }
-function Dc(r, t) {
-  return !Re(r.cell, t.cell) || r.button !== void 0 && t.button !== void 0 && r.button !== t.button ? !1 : Go(r.relativePoint, t.relativePoint);
-}
 function Ic(r, t) {
-  return Date.now() - r.startedAt > (t.maxAgeMs ?? ke) || !Re(r.cell, t.cell) || r.button !== void 0 && t.button !== void 0 && r.button !== t.button ? !1 : Go(r.relativePoint, t.relativePoint);
+  return !Re(r.cell, t.cell) || r.button !== void 0 && t.button !== void 0 && r.button !== t.button ? !1 : $o(r.relativePoint, t.relativePoint);
+}
+function Hc(r, t) {
+  return Date.now() - r.startedAt > (t.maxAgeMs ?? ke) || !Re(r.cell, t.cell) || r.button !== void 0 && t.button !== void 0 && r.button !== t.button ? !1 : $o(r.relativePoint, t.relativePoint);
 }
-function Hc() {
+function Lc() {
   let r, t = 1;
   const e = (i) => {
-    if (!(!r || !Ic(r, i)))
+    if (!(!r || !Hc(r, i)))
       return r;
   };
   return {
@@ -5750,13 +5771,13 @@ function Hc() {
       const o = e(i);
       return o || (r = {
         id: t++,
-        key: Ec(i),
+        key: Dc(i),
         cell: i.cell,
         relativePoint: i.relativePoint,
         interaction: i.interaction,
         // Decision рассчитывается один раз на session, чтобы разные фазы одного
         // gesture не приняли разные policy-решения из-за повторного hit-test.
-        decision: Bo(i.interaction),
+        decision: ko(i.interaction),
         consumedPhases: /* @__PURE__ */ new Set(),
         startedAt: i.startedAt ?? Date.now(),
         source: i.source,
@@ -5774,7 +5795,7 @@ function Hc() {
       const o = r;
       if (!(o != null && o.clickResult))
         return;
-      if (!Dc(o, i)) {
+      if (!Ic(o, i)) {
         delete o.clickResult;
         return;
       }
@@ -5816,14 +5837,14 @@ function Hc() {
   };
 }
 function Pc() {
-  const r = M(() => Hc(), []), t = U((i) => r.beginOrGet(i), [r]), e = U((i) => r.consumeClickResult(i), [r]);
+  const r = M(() => Lc(), []), t = U((i) => r.beginOrGet(i), [r]), e = U((i) => r.consumeClickResult(i), [r]);
   return {
     interactionSessionStore: r,
     beginOrGetInteractionSession: t,
     consumeCanvasClickResult: e
   };
 }
-function Lc(r = {}) {
+function Bc(r = {}) {
   const t = M(
     // () => columns.some((column) => Boolean(column?.renderCell)),
     () => !0,
@@ -5831,7 +5852,7 @@ function Lc(r = {}) {
   );
   return M(() => {
     const e = [];
-    return t && e.push(ko({
+    return t && e.push(zo({
       beginOrGetInteractionSession: r.beginOrGetInteractionSession,
       consumeCanvasClickResult: r.consumeCanvasClickResult
     })), e.length > 0 ? e : void 0;
@@ -5842,7 +5863,7 @@ const li = {
   glideTable: "gdg-table",
   glideUnderlay: "dvn-underlay"
 };
-function Bc(r) {
+function kc(r) {
   const t = (r == null ? void 0 : r.querySelector(`.${li.glideTable}`)) ?? null, e = (t == null ? void 0 : t.querySelector(`.${li.glideScroller}`)) ?? null, i = (t == null ? void 0 : t.querySelector(`.${li.glideUnderlay}`)) ?? null;
   return {
     container: t,
@@ -5850,12 +5871,12 @@ function Bc(r) {
     underlay: i
   };
 }
-const Zr = "[useGlideElements]";
-function kc(r, t) {
+const jr = "[useGlideElements]";
+function zc(r, t) {
   const [e, i] = at(null), [o, n] = at(null), [s, a] = at(null), l = it(null);
   wt(() => {
     const d = r == null ? void 0 : r.current;
-    if (lr(Zr, "useEffect fired", {
+    if (lr(jr, "useEffect fired", {
       hasWrapper: !!d,
       fullScreened: t
     }), !d)
@@ -5865,8 +5886,8 @@ function kc(r, t) {
         container: f,
         scroller: g,
         underlay: v
-      } = Bc(d);
-      return lr(Zr, "tryFind", {
+      } = kc(d);
+      return lr(jr, "tryFind", {
         containerFound: !!f,
         scrollerFound: !!g,
         underlayFound: !!v
@@ -5886,7 +5907,7 @@ function kc(r, t) {
       cancelAnimationFrame(u), l.current && (l.current.disconnect(), l.current = null), i(null), n(null), a(null);
     };
   }, [r, t]);
-  const h = U((d) => e ? Le(d, e) : null, [e]);
+  const h = U((d) => e ? Pe(d, e) : null, [e]);
   return {
     /** `.gdg-table` - основной контейнер Glide. */
     glideContainer: e,
@@ -5900,7 +5921,7 @@ function kc(r, t) {
     renderInContainer: h
   };
 }
-function zc(r) {
+function _c(r) {
   const t = document.createElement("div");
   t.style.cssText = "position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;visibility:hidden", r.appendChild(t);
   const e = t.getBoundingClientRect();
@@ -5909,18 +5930,18 @@ function zc(r) {
     y: e.top
   };
 }
-function _c(r, t) {
+function Mc(r, t) {
   wt(() => {
     if (!t)
       return;
     const e = r.current;
     if (!e)
       return;
-    const i = Rn(() => {
+    const i = Nn(() => {
       const {
         x: o,
         y: n
-      } = zc(e);
+      } = _c(e);
       e.style.setProperty("--gdg-portal-offset-x", `${o}px`), e.style.setProperty("--gdg-portal-offset-y", `${n}px`);
     }, 100);
     return i(), window.addEventListener("resize", i), e.addEventListener("resize", i), () => {
@@ -5928,7 +5949,7 @@ function _c(r, t) {
     };
   }, [r, t]);
 }
-function Mc(r, t) {
+function Rc(r, t) {
   const {
     columnsLast: e,
     rows: i,
@@ -5957,7 +5978,7 @@ function Mc(r, t) {
     );
   }, []);
   return U((f) => {
-    var x, m, F;
+    var x, p, F;
     l == null || l(f), h == null || h(f.kind === "cell" ? f.location[1] : void 0);
     const g = (a == null ? void 0 : a.current) ?? null, v = (x = f.location) == null ? void 0 : x[0], C = v != null ? e[v] : void 0;
     if (f.kind === "header") {
@@ -5967,7 +5988,7 @@ function Mc(r, t) {
       }
       const b = `header-tooltip-${v}`;
       d.current === b || c(g);
-      const y = (m = t.current) == null ? void 0 : m.getBounds(v, -1);
+      const y = (p = t.current) == null ? void 0 : p.getBounds(v, -1);
       if (!y)
         return;
       d.current = b, Be({
@@ -6026,7 +6047,7 @@ function Mc(r, t) {
     c(g);
   }, [e, i, o, n, s, a, l, h, c, t]);
 }
-function Rc({
+function Nc({
   enabled: r,
   portalEventTargetRef: t,
   headerHeight: e,
@@ -6054,7 +6075,7 @@ function Rc({
     if (!g || !v)
       return;
     const C = () => {
-      const m = g.scrollTop, F = Math.min(m, h.current);
+      const p = g.scrollTop, F = Math.min(p, h.current);
       s(-1 * F), v.style.overflowY = "visible", v.style.transform = `translateY(-${F}px)`;
     };
     g.addEventListener("scroll", C), a.current = () => {
@@ -6069,11 +6090,11 @@ function Rc({
     mergedExperimental: c
   };
 }
-const ci = to.div.withConfig({
+const ci = eo.div.withConfig({
   displayName: "styled__StyledOverlayPortal"
-})(["[id^='gdg-overlay-']{position:fixed;z-index:9001;margin-left:calc(-1 * var(--gdg-portal-offset-x,0px));margin-top:calc(-1 * var(--gdg-portal-offset-y,0px));}"]), Nc = to(Ln).withConfig({
+})(["[id^='gdg-overlay-']{position:fixed;z-index:9001;margin-left:calc(-1 * var(--gdg-portal-offset-x,0px));margin-top:calc(-1 * var(--gdg-portal-offset-y,0px));}"]), Oc = eo(Bn).withConfig({
   displayName: "styled__StyledGlideDataEditor"
-})([""]), $o = {
+})([""]), Uo = {
   // Text tokens (--text-*)
   textPrimary: "#13181BF5",
   textPrimaryHover: "#13181B93",
@@ -6181,7 +6202,7 @@ const ci = to.div.withConfig({
   dataCyanDark: "#04C6C9",
   dataLime: "#93E006",
   dataTeal: "#14CC98"
-}, Oc = {
+}, Wc = {
   // Text tokens
   textPrimary: "#13181BF5",
   textPrimaryHover: "#13181B93",
@@ -6312,13 +6333,13 @@ const ci = to.div.withConfig({
   dataCyanDark: "#00AAAD",
   dataLime: "#7FC400",
   dataTeal: "#00B082"
-}, Wc = {
-  ...$o
 }, Gc = {
-  light: $o,
-  dark: Wc,
-  highContrastLight: Oc
-}, $c = (r = "light") => Gc[r], gt = {
+  ...Uo
+}, $c = {
+  light: Uo,
+  dark: Gc,
+  highContrastLight: Wc
+}, Uc = (r = "light") => $c[r], gt = {
   bgEditableCell: {
     light: "#FFF6E5",
     dark: "#211807",
@@ -6381,12 +6402,12 @@ const ci = to.div.withConfig({
     dark: "#DEECF5",
     highContrastLight: "#C2DCEB"
   }
-}, Uc = (r) => ({
+}, Xc = (r) => ({
   /**
    * Токены для canvas-рендереров (бейджи, статусы, кнопки внутри ячеек).
    * Пример: theme.tokens.textSecondary
    */
-  tokens: $c(r),
+  tokens: Uc(r),
   /**
    * Строки шрифтов для компонентов.
    * Пример: theme.fonts.bodyS
@@ -6395,7 +6416,7 @@ const ci = to.div.withConfig({
   /**
    * Числовые метрики тех же шрифтов для canvas layout.
    */
-  fontMetrics: io,
+  fontMetrics: ro,
   bgEditableCell: gt.bgEditableCell[r],
   bgEditableCellHovered: gt.bgEditableCellHovered[r],
   selectionCheckboxBg: gt.selectionCheckboxBg[r],
@@ -6473,7 +6494,7 @@ const ci = to.div.withConfig({
     dark: "#DEECF5",
     highContrastLight: "#C2DCEB"
   }
-}, Xc = (r) => ({
+}, Vc = (r) => ({
   accentColor: st.accentColor[r],
   accentLight: st.accentLight[r],
   textDark: st.textDark[r],
@@ -6487,12 +6508,12 @@ const ci = to.div.withConfig({
   borderColor: st.borderColor[r],
   bgGroupHeader: st.bgGroupHeader[r],
   bgGroupHeaderHovered: st.bgGroupHeaderHovered[r]
-}), jr = {
+}), Jr = {
   small: "bodyXXS",
   medium: "bodyS",
   big: "bodyM"
-}, Vc = (r = "big") => {
-  const t = di[jr[r]], e = io[jr[r]], i = `${e.fontSize}px`, o = e.lineHeightPx, n = Wn[r], {
+}, Yc = (r = "big") => {
+  const t = di[Jr[r]], e = ro[Jr[r]], i = `${e.fontSize}px`, o = e.lineHeightPx, n = Gn[r], {
     cellHorizontalPadding: s,
     cellVerticalPadding: a
   } = n;
@@ -6506,20 +6527,20 @@ const ci = to.div.withConfig({
     cellVerticalPadding: a,
     activeSizes: n
   };
-}, Uo = (r = "big", t = "light") => ({
+}, Xo = (r = "big", t = "light") => ({
+  ...Vc(t),
+  ...Yc(r),
   ...Xc(t),
-  ...Vc(r),
-  ...Uc(t),
   rowSize: r
-}), Pu = Uo(), Jr = (r, t) => {
+}), Pu = Xo(), Qr = (r, t) => {
   if (r == null)
     return null;
   const e = typeof r == "number" ? r : r(t);
   return [t.colInd, t.colInd + e];
 };
-function Yc(...r) {
+function Kc(...r) {
 }
-const qc = {}, Lu = ({
+const qc = {}, Bu = ({
   columns: r,
   rows: t,
   bottomSummaryRows: e,
@@ -6538,14 +6559,14 @@ const qc = {}, Lu = ({
   resizableColumn: v = !0,
   minColumnWidth: C = 56,
   maxColumnWidth: x,
-  maxColumnAutoWidth: m,
+  maxColumnAutoWidth: p,
   containerRef: F,
   containerClassName: b,
   containerStyle: S,
   renderOverlayFeatures: y,
   hideGrid: I,
   contentStateNode: A,
-  fullScreened: L,
+  fullScreened: P,
   editorOverlayPortal: R,
   highlightActiveType: lt = "disabled",
   // Режим фактического выделения ячеек (нативный glide). Независим от
@@ -6574,95 +6595,95 @@ const qc = {}, Lu = ({
   onHighlightActiveRowChange: $,
   highlightActiveRowControlled: X,
   highlightRegions: ct,
-  checkboxSelectedRowIndexes: K,
+  checkboxSelectedRowIndexes: q,
   checkboxVisibleRowIndexes: Y,
   hoverEffects: Z,
   onCellClicked: tt,
   onCellContextMenu: bt,
   onMouseMove: ve,
-  portalElementRef: Kc,
+  portalElementRef: Zc,
   // на всякий вытащили, чтобы в составе resProps не перезаписал внутреннюю логику.
   ...Nt
 }) => {
   var Qi, tr;
-  const _i = Nn(), B = M(
-    () => Uo(n, _i),
+  const _i = On(), B = M(
+    () => Xo(n, _i),
     [n, _i]
-  ), Xo = M(() => {
-    const p = typeof i == "number" ? i : void 0;
-    if (p)
-      return p;
-    const w = On[n], T = typeof i == "function" ? i : void 0;
+  ), Vo = M(() => {
+    const m = typeof i == "number" ? i : void 0;
+    if (m)
+      return m;
+    const w = Wn[n], T = typeof i == "function" ? i : void 0;
     return T ? (E) => {
       const H = t[E];
       if (!H)
-        return p ?? w;
+        return m ?? w;
       const k = T(H, {
         rowSizeName: n,
         rowSizeValue: w
       }, E);
       return typeof k == "number" && !Number.isNaN(k) ? k : w;
     } : w;
-  }, [t, i, n]), Ot = (e == null ? void 0 : e.length) ?? 0, Vo = xc(Xo), [me, Yo] = at(
+  }, [t, i, n]), Ot = (e == null ? void 0 : e.length) ?? 0, Yo = wc(Vo), [pe, Ko] = at(
     /* @__PURE__ */ new Map()
   ), qo = U(
-    (p, w, T, E) => {
-      const H = p;
-      H.id && (l == null || l(H, w, T, E), Yo((D) => (D.set(H.id, w), new Map(D))));
+    (m, w, T, E) => {
+      const H = m;
+      H.id && (l == null || l(H, w, T, E), Ko((D) => (D.set(H.id, w), new Map(D))));
     },
     [l]
-  ), Wt = M(() => me.size === 0 ? r : r.map((p) => me.has(p.id) ? { ...p, width: me.get(p.id), grow: 0 } : p), [r, me]), [Mi, Zc] = at(0), Ge = M(
+  ), Wt = M(() => pe.size === 0 ? r : r.map((m) => pe.has(m.id) ? { ...m, width: pe.get(m.id), grow: 0 } : m), [r, pe]), [Mi, jc] = at(0), Ge = M(
     () => /* @__PURE__ */ new WeakMap(),
     []
   ), $e = it(
     null
   ), Tt = it(null);
   wt(() => {
-    var p;
-    (kt == null ? void 0 : kt.current) !== void 0 && ((p = Tt.current) == null || p.focus());
+    var m;
+    (kt == null ? void 0 : kt.current) !== void 0 && ((m = Tt.current) == null || m.focus());
   }, [kt]);
   const {
     interactionSessionStore: ut,
-    beginOrGetInteractionSession: Ko,
-    consumeCanvasClickResult: Zo
-  } = Pc(), Ri = Tc(
+    beginOrGetInteractionSession: Zo,
+    consumeCanvasClickResult: jo
+  } = Pc(), Ri = Ec(
     ut
   ), {
-    selection: mt,
-    handleGridSelectionChange: jo,
-    handleSelectionCleared: Jo,
-    rangeSelect: Qo
-  } = Cc({
+    selection: pt,
+    handleGridSelectionChange: Jo,
+    handleSelectionCleared: Qo,
+    rangeSelect: tn
+  } = vc({
     cellsSelectionMode: N,
     gridSelection: kt,
     onGridSelectionChange: We,
     onSelectionEmit: Ce
-  }), ot = vc({
+  }), ot = pc({
     columns: Wt,
-    selection: mt,
+    selection: pt,
     cellsSelectionMode: N,
-    checkboxSelectedRowIndexes: K
-  }), tn = M(
-    () => $ ? (p) => $(
-      p,
-      p !== void 0 ? t[p] : void 0
+    checkboxSelectedRowIndexes: q
+  }), en = M(
+    () => $ ? (m) => $(
+      m,
+      m !== void 0 ? t[m] : void 0
     ) : void 0,
     [$, t]
   ), {
-    selectedColumnIndexes: en,
+    selectedColumnIndexes: rn,
     selectedColumnKeysAll: Ni,
     selectColumnsByKeys: Oi,
     selectedColumnSet: Wi,
     headerSelectedRowIndexes: Gi,
-    activeRow: rn,
+    activeRow: on,
     numberingColumnIndex: $i,
-    drawFocusRing: on,
+    drawFocusRing: nn,
     selectColumnFromHeader: Ui,
-    handleGridSelectionWithColumnReset: nn,
-    handleSelectionClearedWithColumns: sn
-  } = bc({
+    handleGridSelectionWithColumnReset: sn,
+    handleSelectionClearedWithColumns: an
+  } = Fc({
     columns: Wt,
-    selection: mt,
+    selection: pt,
     cellsSelectionMode: N,
     highlightActiveType: lt,
     enableColumnSelection: rt,
@@ -6670,11 +6691,11 @@ const qc = {}, Lu = ({
     enableSelectAll: Oe,
     leadingServiceColumnsCount: ot.leadingServiceColumnsCount,
     dataRowCount: t.length + Ot,
-    handleGridSelectionChange: jo,
-    handleSelectionCleared: Jo,
+    handleGridSelectionChange: Jo,
+    handleSelectionCleared: Qo,
     onSelectionEmit: Ce,
     highlightActiveRow: O,
-    onHighlightActiveRowChange: tn,
+    onHighlightActiveRowChange: en,
     isHighlightActiveRowControlled: X
   });
   wt(() => {
@@ -6684,8 +6705,8 @@ const qc = {}, Lu = ({
       if (!_)
         return;
       Oi(_);
-      const p = setTimeout(() => W == null ? void 0 : W(), 0);
-      return () => clearTimeout(p);
+      const m = setTimeout(() => W == null ? void 0 : W(), 0);
+      return () => clearTimeout(m);
     },
     [
       _,
@@ -6696,24 +6717,24 @@ const qc = {}, Lu = ({
   );
   const Xi = Gi.length > 0, Vi = M(() => {
     var T;
-    const p = /* @__PURE__ */ new Set(), w = (T = mt.current) == null ? void 0 : T.rangeStack;
+    const m = /* @__PURE__ */ new Set(), w = (T = pt.current) == null ? void 0 : T.rangeStack;
     if (w) {
       const E = ot.firstDataColumnIndex;
       for (const H of w) {
         const D = Math.max(H.x, E);
         for (let k = D; k < H.x + H.width; k += 1)
-          p.add(k);
+          m.add(k);
       }
     }
-    return p;
-  }, [mt, ot.firstDataColumnIndex]), J = M(
-    () => Wt.map((p, w) => {
-      const T = { ...p.themeOverride ?? {} };
+    return m;
+  }, [pt, ot.firstDataColumnIndex]), J = M(
+    () => Wt.map((m, w) => {
+      const T = { ...m.themeOverride ?? {} };
       let E = Object.keys(T).length > 0;
-      return p.isServiceColumn && (T.bgCell = B.selectionServiceBg, E = !0), w === $i && (T.accentLight = "transparent", T.accentColor = "transparent", E = !0), ot.isActiveHeaderColumn(w) && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), Wi.has(w) && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), Vi.has(w) && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), Xi && !p.isServiceColumn && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), E ? {
-        ...p,
+      return m.isServiceColumn && (T.bgCell = B.selectionServiceBg, E = !0), w === $i && (T.accentLight = "transparent", T.accentColor = "transparent", E = !0), ot.isActiveHeaderColumn(w) && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), Wi.has(w) && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), Vi.has(w) && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), Xi && !m.isServiceColumn && (T.bgHeader = B.selectionServiceActiveBg, T.bgHeaderHasFocus = B.selectionServiceActiveBg, E = !0), E ? {
+        ...m,
         themeOverride: T
-      } : p;
+      } : m;
     }),
     [
       Wt,
@@ -6725,13 +6746,13 @@ const qc = {}, Lu = ({
       B.selectionServiceBg,
       B.selectionServiceActiveBg
     ]
-  ), an = M(() => {
+  ), ln = M(() => {
     var T;
-    const p = (T = mt.current) == null ? void 0 : T.range, w = [];
+    const m = (T = pt.current) == null ? void 0 : T.range, w = [];
     return J.forEach((E, H) => {
       E.isServiceColumn || !E.isErrorCell || t.forEach((D, k) => {
         var z;
-        (z = E.isErrorCell) != null && z.call(E, D) && (Oo(p, H, k) || w.push({
+        (z = E.isErrorCell) != null && z.call(E, D) && (Wo(m, H, k) || w.push({
           x: H,
           y: k,
           width: 1,
@@ -6739,21 +6760,21 @@ const qc = {}, Lu = ({
         }));
       });
     }), w;
-  }, [J, t, mt.current]), pe = U(
-    ([p, w], T) => {
+  }, [J, t, pt.current]), me = U(
+    ([m, w], T) => {
       var xe, or, we, nr;
-      Yc(Mi);
-      const E = (T == null ? void 0 : T.applyCanvasEditorActivation) !== !1, H = (Dt) => E ? Ri([p, w], Dt) : Dt, D = !!e && w > t.length - 1, k = t[w], z = J[p];
+      Kc(Mi);
+      const E = (T == null ? void 0 : T.applyCanvasEditorActivation) !== !1, H = (Dt) => E ? Ri([m, w], Dt) : Dt, D = !!e && w > t.length - 1, k = t[w], z = J[m];
       if (!z)
         return le();
       if (D) {
-        const Dt = e[w - t.length], { renderSummaryCell: sr, colSpan: In } = z;
+        const Dt = e[w - t.length], { renderSummaryCell: sr, colSpan: Hn } = z;
         if (!sr || !Dt)
           return le();
         const je = {
           row: Dt,
           column: z,
-          colInd: p,
+          colInd: m,
           rowInd: w,
           ctxs: s,
           theme: B,
@@ -6765,18 +6786,18 @@ const qc = {}, Lu = ({
             cellActive: !1,
             rowActive: !1
           }
-        }, Hn = sr(
+        }, Ln = sr(
           je
-        ), ar = Jr(
-          In,
+        ), ar = Qr(
+          Hn,
           je
         ), Pn = {
           data: "",
           ...ar && { span: ar }
         };
         return H(
-          Yr({
-            jsxElement: Hn,
+          Kr({
+            jsxElement: Ln,
             canvasCellCache: Ge,
             cellInfo: je,
             options: {
@@ -6792,17 +6813,17 @@ const qc = {}, Lu = ({
       const j = $e.current, V = {
         row: k,
         column: z,
-        colInd: p,
+        colInd: m,
         rowInd: w,
         ctxs: s,
         theme: B,
         hovered: {
-          cellHover: (j == null ? void 0 : j.colInd) === p && (j == null ? void 0 : j.rowInd) === w,
+          cellHover: (j == null ? void 0 : j.colInd) === m && (j == null ? void 0 : j.rowInd) === w,
           rowHover: (j == null ? void 0 : j.rowInd) === w
         },
         active: {
           // Источник активного состояния тот же, что используется для визуальной подсветки таблицы.
-          cellActive: ot.isActiveDataCell(p, w),
+          cellActive: ot.isActiveDataCell(m, w),
           rowActive: ot.isActiveRow(w)
         }
       }, {
@@ -6812,7 +6833,7 @@ const qc = {}, Lu = ({
         editable: Et,
         contentAlign: _t,
         columnThemeOverride: be
-      } = z, Fe = ((or = (xe = k[ht]) == null ? void 0 : xe.toString) == null ? void 0 : or.call(xe)) ?? "NOT FOUND", er = Jr(G, V), ir = Et ? typeof Et == "boolean" ? Et : Et(k) : !1, Ke = typeof be == "function" ? be(V) : void 0, Ze = {
+      } = z, Fe = ((or = (xe = k[ht]) == null ? void 0 : xe.toString) == null ? void 0 : or.call(xe)) ?? "NOT FOUND", er = Qr(G, V), ir = Et ? typeof Et == "boolean" ? Et : Et(k) : !1, qe = typeof be == "function" ? be(V) : void 0, Ze = {
         data: ((nr = (we = k[ht]) == null ? void 0 : we.toString) == null ? void 0 : nr.call(we)) ?? "NOT FOUND",
         ...ir ? {
           readonly: !1,
@@ -6823,7 +6844,7 @@ const qc = {}, Lu = ({
           ...z.hasPreview === "none" && { allowOverlay: !1 }
         },
         themeOverride: {
-          ...Ke,
+          ...qe,
           ...ir && { bgCell: B.bgEditableCell }
         },
         contentAlign: _t,
@@ -6831,14 +6852,14 @@ const qc = {}, Lu = ({
       };
       if (!et) {
         const Dt = String(Fe);
-        return Ro(Dt) ? H(
+        return No(Dt) ? H(
           Di(Dt, Ze)
         ) : H(le(Ze));
       }
-      const rr = Ke ? { ...V, theme: { ...B, ...Ke } } : V, Dn = et(rr);
+      const rr = qe ? { ...V, theme: { ...B, ...qe } } : V, In = et(rr);
       return H(
-        Yr({
-          jsxElement: Dn,
+        Kr({
+          jsxElement: In,
           canvasCellCache: Ge,
           cellInfo: rr,
           options: {
@@ -6861,14 +6882,14 @@ const qc = {}, Lu = ({
       u,
       Ri
     ]
-  ), ln = U(
-    (p, w) => {
+  ), cn = U(
+    (m, w) => {
       var G;
-      const T = pe(p, {
+      const T = me(m, {
         applyCanvasEditorActivation: !1
       });
-      if (!Ho(T)) {
-        tt == null || tt(p, w);
+      if (!Lo(T)) {
+        tt == null || tt(m, w);
         return;
       }
       let E = !1;
@@ -6877,37 +6898,37 @@ const qc = {}, Lu = ({
         E = !0, H();
       };
       const D = ue(
-        { colIndex: p[0], rowIndex: p[1] },
+        { colIndex: m[0], rowIndex: m[1] },
         w.bounds
       ), k = he(D, T), z = {
         x: w.localEventX,
         y: w.localEventY
-      }, j = Wo({
-        cell: p,
+      }, j = Go({
+        cell: m,
         glideCell: T,
         rect: w.bounds,
         renderData: k,
         relativePoint: z
       }), V = j ? ut.beginOrGet({
-        cell: p,
+        cell: m,
         relativePoint: z,
         interaction: j.interaction,
         button: w.button,
         source: "click"
       }) : ut.beginOrGet({
-        cell: p,
+        cell: m,
         relativePoint: z,
-        interaction: ss(),
+        interaction: as(),
         button: w.button,
         source: "click"
-      }), et = Lo({
+      }), et = Bo({
         cell: T,
         rect: w.bounds,
         relativePoint: z,
         renderData: k,
-        rowData: t[p[1]],
-        rowIndex: p[1]
-      }), ht = V ? El({
+        rowData: t[m[1]],
+        rowIndex: m[1]
+      }), ht = V ? Dl({
         decision: V.decision,
         propagationStopped: et.propagationStopped,
         suppressGridDefault: et.suppressGridDefault
@@ -6918,30 +6939,30 @@ const qc = {}, Lu = ({
       if (V && (ut.consumePhase(V, "cell-click"), ut.storeClickResult(V, et)), w.button === 0 && ((G = ht.editorRequest) == null ? void 0 : G.target) === "self" && ut.armEditorRequest(
         V,
         ht.editorRequest
-      ), ht.suppressGridDefaultForClick && (w.preventDefault(), V != null && V.decision.editorRequest && ut.clear()), ht.suppressExternalCellClick || tt == null || tt(p, w), E || w.button === 1) {
+      ), ht.suppressGridDefaultForClick && (w.preventDefault(), V != null && V.decision.editorRequest && ut.clear()), ht.suppressExternalCellClick || tt == null || tt(m, w), E || w.button === 1) {
         ut.clear();
         return;
       }
     },
-    [pe, ut, tt, t]
-  ), cn = U(
-    (p, w) => {
-      ut.isMatchingRecent("contextmenu-capture", p) || bt == null || bt(p, w);
+    [me, ut, tt, t]
+  ), un = U(
+    (m, w) => {
+      ut.isMatchingRecent("contextmenu-capture", m) || bt == null || bt(m, w);
     },
     [ut, bt]
-  ), un = Lc({
-    beginOrGetInteractionSession: Ko,
-    consumeCanvasClickResult: Zo
+  ), hn = Bc({
+    beginOrGetInteractionSession: Zo,
+    consumeCanvasClickResult: jo
   }), Gt = it(null), $t = it(null), te = M(
     () => /* @__PURE__ */ new Map(),
     []
   ), Yi = M(
     () => /* @__PURE__ */ new Map(),
     []
-  ), Ue = it(null), zt = it(null), hn = M(
+  ), Ue = it(null), zt = it(null), dn = M(
     () => cr(zt, F),
     [F]
-  ), { drawHeader: dn, onHeaderClicked: fn } = M(
+  ), { drawHeader: fn, onHeaderClicked: gn } = M(
     () => ({ drawHeader: (T, E) => {
       var Fe;
       const { ctx: H, rect: D, columnIndex: k } = T, z = J[k];
@@ -6954,7 +6975,7 @@ const qc = {}, Lu = ({
         theme: B
       };
       let V = z.renderHeaderCell(j);
-      if (!Vr(V))
+      if (!Yr(V))
         return E();
       typeof V == "string" && (V = /* @__PURE__ */ Ft.jsxDEV(He.Container, { style: { width: "100%" }, alignItems: "center", children: /* @__PURE__ */ Ft.jsxDEV(He.Text, { children: V }, void 0, !1, {
         fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableGlide/TableGlide.tsx",
@@ -7024,36 +7045,36 @@ const qc = {}, Lu = ({
     ]
   ), {
     glideContainer: Xe,
-    isReady: gn,
-    renderInContainer: Cn
-  } = kc(zt, L), qi = R === "inside";
-  _c(zt, qi), Sc({
+    isReady: Cn,
+    renderInContainer: vn
+  } = zc(zt, P), Ki = R === "inside";
+  Mc(zt, Ki), Ac({
     eventTarget: Xe ?? zt.current,
     dataEditorRef: Tt,
-    getCellContent: pe,
+    getCellContent: me,
     interactionSessionStore: ut,
     onCellContextMenuExternal: bt
   });
-  const { unstickyCallbackRef: Ki, mergedExperimental: Ve } = Rc({
+  const { unstickyCallbackRef: qi, mergedExperimental: Ve } = Nc({
     enabled: g,
     portalEventTargetRef: u,
     headerHeight: Nt.headerHeight,
     groupHeaderHeight: Nt.groupHeaderHeight,
     experimental: Nt.experimental
-  }), vn = M(
-    () => cr(Tt, d, Ki),
-    [d, Ki]
+  }), pn = M(
+    () => cr(Tt, d, qi),
+    [d, qi]
   ), mn = M(() => Qt === void 0 ? Ve : {
     ...Ve,
     enableLowDprHairline: Qt
   }, [Qt, Ve]), Zi = U(
-    (...p) => {
+    (...m) => {
       var H;
       const w = Tt.current;
       if (!w)
         return;
       const T = /* @__PURE__ */ new Set();
-      p.forEach((D) => {
+      m.forEach((D) => {
         typeof D == "number" && D >= 0 && D < t.length && T.add(D);
       });
       const E = [];
@@ -7065,44 +7086,44 @@ const qc = {}, Lu = ({
     },
     [J, t.length]
   ), ye = U(
-    (p) => {
+    (m) => {
       const w = $e.current;
-      (w == null ? void 0 : w.colInd) === (p == null ? void 0 : p.colInd) && (w == null ? void 0 : w.rowInd) === (p == null ? void 0 : p.rowInd) || ($e.current = p, Zi(
+      (w == null ? void 0 : w.colInd) === (m == null ? void 0 : m.colInd) && (w == null ? void 0 : w.rowInd) === (m == null ? void 0 : m.rowInd) || ($e.current = m, Zi(
         w == null ? void 0 : w.rowInd,
-        p == null ? void 0 : p.rowInd
+        m == null ? void 0 : m.rowInd
       ));
     },
     [Zi]
-  ), pn = U(
-    (p) => {
-      ve == null || ve(p), p.kind === "cell" ? (() => {
-        const T = p.location[0], E = p.location[1], H = t[E], D = J[T];
+  ), yn = U(
+    (m) => {
+      ve == null || ve(m), m.kind === "cell" ? (() => {
+        const T = m.location[0], E = m.location[1], H = t[E], D = J[T];
         if (!H || !D || D.isServiceColumn) {
           ye(null);
           return;
         }
         ye({ colInd: T, rowInd: E });
-      })() : ye(null), p.kind === "group-header" ? (() => {
-        if (typeof p.group != "string") {
+      })() : ye(null), m.kind === "group-header" ? (() => {
+        if (typeof m.group != "string") {
           $t.current = null;
           return;
         }
         $t.current = {
-          id: p.group,
-          x: p.localEventX,
-          y: p.localEventY
+          id: m.group,
+          x: m.localEventX,
+          y: m.localEventY
         };
-      })() : $t.current = null, p.kind === "header" ? (() => {
+      })() : $t.current = null, m.kind === "header" ? (() => {
         var D, k;
-        const T = p.location[0], E = p.location[1], H = J[T];
+        const T = m.location[0], E = m.location[1], H = J[T];
         if (!H || !(H != null && H.renderHeaderCell)) {
           Gt.current = null;
           return;
         }
         Gt.current = {
           id: H.id,
-          x: p.localEventX,
-          y: p.localEventY
+          x: m.localEventX,
+          y: m.localEventY
         }, (k = (D = Tt.current) == null ? void 0 : D.updateCells) == null || k.call(
           D,
           [
@@ -7119,24 +7140,24 @@ const qc = {}, Lu = ({
     headerAndGroupHeaderRowsCount: 1 + (Nt.groupHeaderHeight ?? []).length
     /* 1 - это сам header */
   };
-  lc(ji), ac(ji);
-  const yn = M(() => c ? (w, T) => {
+  cc(ji), lc(ji);
+  const bn = M(() => c ? (w, T) => {
     var D, k;
     const E = (D = J[w]) == null ? void 0 : D.id, H = (k = J[T]) == null ? void 0 : k.id;
     typeof E != "string" || typeof H != "string" || c(E, H);
-  } : void 0, [J, c]), bn = M(
+  } : void 0, [J, c]), Fn = M(
     () => {
       if (h)
-        return (p, w) => {
+        return (m, w) => {
           var _t;
-          const T = h(p);
+          const T = h(m);
           if (T === "default")
             return w();
           if ("defaultWithCustomGroupName" in T)
             return w(T.defaultWithCustomGroupName);
-          const { groupName: H, rect: D, ctx: k } = p;
+          const { groupName: H, rect: D, ctx: k } = m;
           let z = T;
-          if (!Vr(z))
+          if (!Yr(z))
             return w();
           typeof z == "string" && (z = /* @__PURE__ */ Ft.jsxDEV(He.Container, { style: { width: "100%" }, alignItems: "center", children: /* @__PURE__ */ Ft.jsxDEV(He.Text, { children: z }, void 0, !1, {
             fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableGlide/TableGlide.tsx",
@@ -7173,15 +7194,15 @@ const qc = {}, Lu = ({
       B,
       u
     ]
-  ), Ye = Z == null ? void 0 : Z.row, ee = !!Ye, Ji = typeof Ye == "object" ? Ye.color : void 0, [Ut, Fn] = at(void 0), xn = U((p) => {
-    Fn((w) => w === p ? w : p);
-  }, []), wn = M(
+  ), Ye = Z == null ? void 0 : Z.row, ee = !!Ye, Ji = typeof Ye == "object" ? Ye.color : void 0, [Ut, xn] = at(void 0), wn = U((m) => {
+    xn((w) => w === m ? w : m);
+  }, []), Sn = M(
     () => {
-      const p = !!(K != null && K.size), w = ee ? Ut : void 0;
-      if (!Ot && !p && w === void 0)
+      const m = !!(q != null && q.size), w = ee ? Ut : void 0;
+      if (!Ot && !m && w === void 0)
         return;
       const T = Ji ?? B.bgRowHovered;
-      return (E) => E > t.length - 1 ? { bgCell: B.bgHeader } : K != null && K.has(E) ? {
+      return (E) => E > t.length - 1 ? { bgCell: B.bgHeader } : q != null && q.has(E) ? {
         bgCell: E === w ? B.bgSelectedRowHovered : B.selectionCheckboxBg
       } : E === w ? { bgCell: T } : {};
     },
@@ -7192,12 +7213,12 @@ const qc = {}, Lu = ({
       B.selectionCheckboxBg,
       B.bgRowHovered,
       B.bgSelectedRowHovered,
-      K,
+      q,
       ee,
       Ut,
       Ji
     ]
-  ), Sn = Mc(
+  ), An = Rc(
     {
       columnsLast: J,
       rows: t,
@@ -7206,55 +7227,55 @@ const qc = {}, Lu = ({
       theme: B,
       portalEventTargetRef: u,
       externalOnItemHovered: f,
-      onHoverRowChange: ee ? xn : void 0
+      onHoverRowChange: ee ? wn : void 0
     },
     Tt
-  ), An = fc({
+  ), Tn = gc({
     cellsSelectionMode: N,
-    selection: mt,
+    selection: pt,
     baseTheme: B,
     serviceColumnsCount: ot.leadingServiceColumnsCount,
     activeDataRange: ot.activeDataRange,
     outlineRange: ot.outlineRange,
-    checkboxSelectedRowIndexes: K,
-    errorCellRanges: an,
+    checkboxSelectedRowIndexes: q,
+    errorCellRanges: ln,
     highlightRegionsExternal: ct
-  }), qe = gc({
-    baseRegions: An,
-    selectedColumnIndexes: en,
+  }), Ke = Cc({
+    baseRegions: Tn,
+    selectedColumnIndexes: rn,
     headerSelectedRowIndexes: Gi,
-    activeRow: rn,
-    activeRange: (Qi = mt.current) == null ? void 0 : Qi.range,
-    selectionRangeStack: (tr = mt.current) == null ? void 0 : tr.rangeStack,
+    activeRow: on,
+    activeRange: (Qi = pt.current) == null ? void 0 : Qi.range,
+    selectionRangeStack: (tr = pt.current) == null ? void 0 : tr.rangeStack,
     checkboxAvailableRowIndexes: Y,
     totalRows: t.length + Ot,
     firstDataCol: ot.leadingServiceColumnsCount,
     columnsCount: Wt.length,
     theme: B
-  }), Tn = M(
+  }), En = M(
     () => {
-      const p = ot.leadingServiceColumnsCount;
+      const m = ot.leadingServiceColumnsCount;
       return !ee || Ut === void 0 || Ut > t.length - 1 || // summary-строки hover не получают
-      p === 0 ? qe : [
+      m === 0 ? Ke : [
         // Первым в массиве — самый нижний слой: остальные регионы (селектинг,
         // активная строка) рисуются поверх.
         {
           color: B.bgServiceRowHovered,
-          range: { x: 0, y: Ut, width: p, height: 1 },
+          range: { x: 0, y: Ut, width: m, height: 1 },
           style: "no-outline"
         },
-        ...qe ?? []
+        ...Ke ?? []
       ];
     },
     [
-      qe,
+      Ke,
       ot.leadingServiceColumnsCount,
       ee,
       Ut,
       t.length,
       B.bgServiceRowHovered
     ]
-  ), En = M(() => {
+  ), Dn = M(() => {
     if (!(!S && !A && !I))
       return {
         ...S,
@@ -7265,16 +7286,16 @@ const qc = {}, Lu = ({
   return /* @__PURE__ */ Ft.jsxDEV(
     "div",
     {
-      ref: hn,
+      ref: dn,
       className: b,
-      style: En,
+      style: Dn,
       children: [
-        qi ? Le(
+        Ki ? Pe(
           /* @__PURE__ */ Ft.jsxDEV(
             ci,
             {
               ref: Ue,
-              onAnimationEndCapture: (p) => p.stopPropagation(),
+              onAnimationEndCapture: (m) => m.stopPropagation(),
               id: "portal"
             },
             void 0,
@@ -7287,7 +7308,7 @@ const qc = {}, Lu = ({
             void 0
           ),
           (zt == null ? void 0 : zt.current) ?? document.body
-        ) : Le(
+        ) : Pe(
           /* @__PURE__ */ Ft.jsxDEV(ci, { id: "portal", ref: Ue }, void 0, !1, {
             fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableGlide/TableGlide.tsx",
             lineNumber: 1437,
@@ -7295,7 +7316,7 @@ const qc = {}, Lu = ({
           }, void 0),
           document.body
         ),
-        Le(
+        Pe(
           /* @__PURE__ */ Ft.jsxDEV(ci, { id: "portal2" }, void 0, !1, {
             fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TableGlide/TableGlide.tsx",
             lineNumber: 1442,
@@ -7304,44 +7325,44 @@ const qc = {}, Lu = ({
           document.body
         ),
         !I && /* @__PURE__ */ Ft.jsxDEV(
-          Nc,
+          Oc,
           {
-            ref: vn,
+            ref: pn,
             className: "gdg-table",
             portalElementRef: Ue,
             theme: B,
-            getRowThemeOverride: wn,
-            onHeaderClicked: fn,
-            onMouseMove: pn,
-            drawHeader: dn,
-            drawGroupHeader: bn,
-            getCellContent: pe,
+            getRowThemeOverride: Sn,
+            onHeaderClicked: gn,
+            onMouseMove: yn,
+            drawHeader: fn,
+            drawGroupHeader: Fn,
+            getCellContent: me,
             columns: J,
             rows: t.length + Ot,
             freezeTrailingRows: Ot,
             freezeColumns: a,
             minColumnWidth: C,
-            maxColumnAutoWidth: m,
+            maxColumnAutoWidth: p,
             maxColumnWidth: x,
             columnSelect: "none",
             columnSelectionBlending: "exclusive",
-            drawFocusRing: on,
-            gridSelection: mt,
-            onGridSelectionChange: nn,
-            onSelectionCleared: sn,
+            drawFocusRing: nn,
+            gridSelection: pt,
+            onGridSelectionChange: sn,
+            onSelectionCleared: an,
             width: o ?? "100%",
-            onColumnMoved: yn,
+            onColumnMoved: bn,
             onColumnResize: v ? qo : void 0,
-            customRenderers: un,
-            rowHeight: Vo,
-            highlightRegions: Tn,
-            rangeSelect: Qo,
+            customRenderers: hn,
+            rowHeight: Yo,
+            highlightRegions: En,
+            rangeSelect: tn,
             smoothScrollX: !0,
             smoothScrollY: !0,
             headerHeight: hi,
-            onCellClicked: ln,
-            onCellContextMenu: cn,
-            onItemHovered: Sn,
+            onCellClicked: cn,
+            onCellContextMenu: un,
+            onItemHovered: An,
             ...Nt,
             experimental: mn,
             keybindings: { ...Nt.keybindings, copy: !1, paste: !1 },
@@ -7357,9 +7378,9 @@ const qc = {}, Lu = ({
           void 0
         ),
         A,
-        gn && Xe && (y == null ? void 0 : y({
+        Cn && Xe && (y == null ? void 0 : y({
           containerElement: Xe,
-          renderInContainer: Cn
+          renderInContainer: vn
         }))
       ]
     },
@@ -7374,171 +7395,171 @@ const qc = {}, Lu = ({
   );
 };
 export {
-  dr as $,
-  ns as A,
-  ts as B,
+  fr as $,
+  ss as A,
+  es as B,
   He as C,
-  On as D,
-  br as E,
-  Pt as F,
+  Wn as D,
+  Fr as E,
+  Lt as F,
   Bt as G,
-  Ds as H,
-  Ss as I,
-  pu as J,
+  Is as H,
+  As as I,
+  yu as J,
   ii as K,
-  jn as L,
-  Is as M,
-  Ts as N,
-  vu as O,
+  Jn as L,
+  Hs as M,
+  Es as N,
+  pu as O,
   It as P,
-  ws as Q,
-  oo as R,
+  Ss as Q,
+  no as R,
   Ii as S,
-  Lu as T,
-  As as U,
-  Es as V,
-  Cu as W,
+  Bu as T,
+  Ts as U,
+  Ds as V,
+  vu as W,
   mu as X,
   de as Y,
-  go as Z,
-  fo as _,
-  lu as a,
+  Co as Z,
+  go as _,
+  cu as a,
   ki as a$,
   ze as a0,
-  Lt as a1,
-  uo as a2,
-  us as a3,
-  ho as a4,
-  hs as a5,
-  Li as a6,
-  fu as a7,
+  Pt as a1,
+  ho as a2,
+  hs as a3,
+  fo as a4,
+  ds as a5,
+  Pi as a6,
+  gu as a7,
   Bi as a8,
-  ds as a9,
-  Fo as aA,
-  Ns as aB,
-  $s as aC,
-  yu as aD,
-  Ir as aE,
-  ia as aF,
-  la as aG,
-  rl as aH,
-  ha as aI,
-  Xa as aJ,
-  Do as aK,
-  fl as aL,
-  gl as aM,
-  dl as aN,
+  fs as a9,
+  xo as aA,
+  Os as aB,
+  Us as aC,
+  bu as aD,
+  Hr as aE,
+  ra as aF,
+  ca as aG,
+  ol as aH,
+  da as aI,
+  Va as aJ,
+  Io as aK,
+  gl as aL,
+  Cl as aM,
+  fl as aN,
   Ie as aO,
-  Su as aP,
-  ko as aQ,
-  Cl as aR,
-  pl as aS,
-  Al as aT,
-  bl as aU,
-  yl as aV,
-  vl as aW,
+  Au as aP,
+  zo as aQ,
+  vl as aR,
+  yl as aS,
+  Tl as aT,
+  Fl as aU,
+  bl as aV,
+  pl as aW,
   ml as aX,
-  Lo as aY,
-  Dl as aZ,
-  Tl as a_,
-  fs as aa,
-  fr as ab,
-  Cs as ac,
-  gs as ad,
+  Bo as aY,
+  Il as aZ,
+  El as a_,
+  gs as aa,
+  gr as ab,
+  vs as ac,
+  Cs as ad,
   fe as ae,
-  Co as af,
-  co as ag,
+  vo as af,
+  uo as ag,
   nt as ah,
-  Pi as ai,
-  cs as aj,
-  po as ak,
-  yo as al,
-  gu as am,
-  Hs as an,
+  Li as ai,
+  us as aj,
+  yo as ak,
+  bo as al,
+  Cu as am,
+  Ls as an,
   Ps as ao,
-  zs as ap,
+  _s as ap,
   Ct as aq,
-  wo as ar,
-  _s as as,
+  So as ar,
+  Ms as as,
   mo as at,
-  vo as au,
-  vs as av,
-  bo as aw,
-  bs as ax,
-  Cr as ay,
-  ys as az,
+  po as au,
+  ps as av,
+  Fo as aw,
+  Fs as ax,
+  vr as ay,
+  bs as az,
   Di as b,
   St as b0,
   ue as b1,
-  hl as b2,
+  dl as b2,
   ei as b3,
-  Sl as b4,
-  Ho as b5,
+  Al as b4,
+  Lo as b5,
   Jt as b6,
-  xo as b7,
-  xs as b8,
-  pr as b9,
-  gc as bA,
-  Cc as bB,
-  vc as bC,
-  bc as bD,
-  Uo as bE,
+  wo as b7,
+  ws as b8,
+  yr as b9,
+  Cc as bA,
+  vc as bB,
+  pc as bC,
+  Fc as bD,
+  Xo as bE,
   hi as bF,
-  au as bG,
-  Wn as bH,
-  Hu as bI,
-  Iu as bJ,
-  Ro as bK,
-  uc as bL,
-  Bc as bM,
+  lu as bG,
+  Gn as bH,
+  Lu as bI,
+  Hu as bJ,
+  No as bK,
+  hc as bL,
+  kc as bM,
   he as ba,
-  Fl as bb,
-  yr as bc,
-  xl as bd,
+  xl as bb,
+  br as bc,
+  wl as bd,
   xi as be,
-  Au as bf,
+  Tu as bf,
   Be as bg,
-  Tu as bh,
-  Fu as bi,
+  Eu as bh,
+  xu as bi,
   Ht as bj,
-  bu as bk,
-  Gr as bl,
+  Fu as bk,
+  $r as bl,
   xt as bm,
-  Il as bn,
-  Mo as bo,
-  _o as bp,
-  Du as bq,
-  ac as br,
-  lc as bs,
-  nc as bt,
-  oc as bu,
-  sc as bv,
-  Eu as bw,
+  Hl as bn,
+  Ro as bo,
+  Mo as bp,
+  Iu as bq,
+  lc as br,
+  cc as bs,
+  sc as bt,
+  nc as bu,
+  ac as bv,
+  Du as bw,
   Ti as bx,
-  Oo as by,
-  fc as bz,
+  Wo as by,
+  gc as bz,
   le as c,
   zi as d,
-  No as e,
-  cc as f,
-  xu as g,
+  Oo as e,
+  uc as f,
+  wu as g,
   di as h,
-  Vr as i,
+  Yr as i,
   Pu as j,
   Je as k,
   qn as l,
-  cu as m,
-  Zn as n,
-  uu as o,
-  pt as p,
-  lo as q,
-  Kn as r,
-  wu as s,
+  uu as m,
+  jn as n,
+  hu as o,
+  mt as p,
+  co as q,
+  Zn as r,
+  Su as s,
   At as t,
   Zt as u,
-  as as v,
-  du as w,
+  ls as v,
+  fu as w,
   Hi as x,
-  ss as y,
-  hu as z
+  as as y,
+  du as z
 };