@graphty/compact-mantine 0.9.31 → 0.9.33

package/dist/index.js

@@ -1,10 +1,10 @@
-import { DEFAULT_THEME as ba, CloseButton as Er, ActionIconGroup as Ni, ActionIcon as qe, Button as ga, ColorSwatch as xa, RangeSlider as Ci, Radio as Ei, Slider as zi, Switch as va, Checkbox as zr, SegmentedControl as Ir, Kbd as wa, Card as Ii, Indicator as Li, ThemeIcon as Pi, Avatar as an, Pill as Oi, Badge as Ri, Text as Kt, RingProgress as Mi, Progress as br, Loader as Di, VisuallyHidden as nt, InputClearButton as Hi, Combobox as Ht, JsonInput as Bi, FileInput as Fi, PillsInput as Vi, TagsInput as Ui, MultiSelect as Gi, Autocomplete as qi, PasswordInput as Wi, Textarea as ji, NativeSelect as Yi, Select as Lr, NumberInput as Ki, TextInput as Vt, InputWrapper as Xi, Tabs as io, Stepper as Ji, Pagination as Zi, NavLink as Qi, Burger as _i, Anchor as $i, ScrollArea as Pr, Notification as ya, Drawer as cn, Modal as sn, HoverCard as ec, Popover as tc, Tooltip as dt, Menu as Re, mergeMantineTheme as oc, createTheme as rc, parseColor as co, HueSlider as nc, AlphaSlider as ac, convertHsvaTo as ka, isColorValid as ic, Box as R, useDirection as cc, useMantineTheme as Sa, UnstyledButton as ut, Table as Ot, useInputWrapperContext as sc, useCombobox as lc, Input as dc, Portal as uc, useComputedColorScheme as mc, rem as $t } from "@mantine/core";
-import Ye, { createElement as uo, useContext as mt, useMemo as be, createContext as It, useCallback as se, useId as Pe, useRef as Y, useEffect as we, useState as he, isValidElement as Ta, cloneElement as Or, forwardRef as Qe, useInsertionEffect as pc, useLayoutEffect as mo, useImperativeHandle as hc } from "react";
+import { DEFAULT_THEME as xa, CloseButton as zr, ActionIconGroup as Ci, ActionIcon as qe, Button as va, ColorSwatch as wa, RangeSlider as Ei, Radio as zi, Slider as Ii, Switch as ya, Checkbox as Ir, SegmentedControl as Lr, Kbd as ka, Card as Li, Indicator as Pi, ThemeIcon as Oi, Avatar as sn, Pill as Ri, Badge as Mi, Text as Kt, RingProgress as Di, Progress as gr, Loader as Hi, VisuallyHidden as nt, InputClearButton as Bi, Combobox as Ht, JsonInput as Fi, FileInput as Vi, PillsInput as Ui, TagsInput as Gi, MultiSelect as qi, Autocomplete as Wi, PasswordInput as ji, Textarea as Yi, NativeSelect as Ki, Select as Pr, NumberInput as Xi, TextInput as Vt, InputWrapper as Ji, Tabs as io, Stepper as Zi, Pagination as Qi, NavLink as _i, Burger as $i, Anchor as ec, ScrollArea as Or, Notification as Sa, Drawer as ln, Modal as dn, HoverCard as tc, Popover as oc, Tooltip as dt, Menu as Re, mergeMantineTheme as rc, createTheme as nc, parseColor as co, HueSlider as ac, AlphaSlider as ic, convertHsvaTo as Ta, isColorValid as cc, Box as R, useDirection as sc, useMantineTheme as Aa, UnstyledButton as ut, Table as Ot, useInputWrapperContext as lc, useCombobox as dc, Input as uc, Portal as mc, useComputedColorScheme as pc, rem as $t } from "@mantine/core";
+import Ye, { createElement as uo, useContext as mt, useMemo as be, createContext as It, useCallback as se, useId as Pe, useRef as Y, useEffect as we, useState as he, isValidElement as Na, cloneElement as Rr, forwardRef as Qe, useInsertionEffect as hc, useLayoutEffect as mo, useImperativeHandle as fc } from "react";
 import { jsxs as x, jsx as o, Fragment as Z } from "react/jsx-runtime";
-import { useMove as fc, clampUseMovePosition as bc, useUncontrolled as ye, useIsomorphicEffect as gc, useId as ho, useMergedRef as xc, useHover as vc, useMediaQuery as Aa, useElementSize as wc } from "@mantine/hooks";
-import { createPortal as yc, flushSync as kc } from "react-dom";
-import { useTable as Sc, functionalUpdate as ko, tableFeatures as Tc, rowSortingFeature as Ac, rowSelectionFeature as Nc, globalFilteringFeature as Cc, columnVisibilityFeature as Ec, columnOrderingFeature as zc, columnFilteringFeature as Ic, createSortedRowModel as Lc, createFilteredRowModel as Pc } from "@tanstack/react-table";
-import { useVirtualizer as Na } from "@tanstack/react-virtual";
+import { useMove as bc, clampUseMovePosition as gc, useUncontrolled as ye, useIsomorphicEffect as xc, useId as ho, useMergedRef as vc, useHover as wc, useMediaQuery as Ca, useElementSize as yc } from "@mantine/hooks";
+import { createPortal as kc, flushSync as Sc } from "react-dom";
+import { useTable as Tc, functionalUpdate as ko, tableFeatures as Ac, rowSortingFeature as Nc, rowSelectionFeature as Cc, globalFilteringFeature as Ec, columnVisibilityFeature as zc, columnOrderingFeature as Ic, columnFilteringFeature as Lc, createSortedRowModel as Pc, createFilteredRowModel as Oc } from "@tanstack/react-table";
+import { useVirtualizer as Ea } from "@tanstack/react-virtual";
 const L = {
   /** the width of the panel column every row is laid out in (241 with its 1px edge) */
   WIDTH: 240,
@@ -101,11 +101,11 @@ const L = {
   ACCENT_GRAPHIC: "var(--cm-graphic-brand)",
   /** the white label on the danger, success and inverse fills, which no accent changes */
   ON_SOLID: "var(--cm-text-onsolid)",
-  /** warning (#ffcd29 / #f3c11b) */
+  /** a warning fill, dot or glyph (#ffcd29 / #f3c11b); text uses WARNING_TEXT */
   WARNING: "var(--cm-bg-warning)",
-  /** success (#14ae5c / #198f51) */
+  /** a success fill or dot (#14ae5c / #198f51); text and glyphs use SUCCESS_TEXT */
   SUCCESS: "var(--cm-bg-success)",
-  /** danger (#f24822 / #e03e1a) */
+  /** a danger fill, dot or glyph (#f24822 / #e03e1a); text uses DANGER_TEXT */
   DANGER: "var(--cm-bg-danger)",
   /** a row, tab or tool under the pointer (#f5f5f5 / #383838) */
   HOVER: "var(--cm-bg-hover)",
@@ -119,6 +119,12 @@ const L = {
   SELECTED_HOVER: "var(--cm-bg-selected-hover)",
   /** the children of a selected item (#f2f9ff / #32394d) */
   SELECTED_SECONDARY: "var(--cm-bg-selected-secondary)",
+  /** danger text: an error message, a destructive verb (#dc3412 / #fca397; #c4381c light in the AA mode). DANGER is a fill */
+  DANGER_TEXT: "var(--cm-text-danger)",
+  /** warning text (#a65900 / #f7d15f). WARNING is a fill */
+  WARNING_TEXT: "var(--cm-text-warning)",
+  /** success text and glyphs: a passed check's tick (#008043 / #79d297). SUCCESS is a fill */
+  SUCCESS_TEXT: "var(--cm-text-success)",
   /** links and brand text (#007be5 / #7cc4f8) */
   BRAND_TEXT: "var(--cm-text-brand)",
   /** tertiary glyphs (#0000004d / #ffffff66) */
@@ -129,15 +135,15 @@ const L = {
   TRANSLUCENT: "var(--cm-border-translucent)",
   /** a stronger translucent edge: checkbox, switch track (#00000033 / #ffffff33) */
   TRANSLUCENT_STRONG: "var(--cm-border-translucent-strong)",
-  /** the dark menu surface, the same in both schemes (#1e1e1e) */
+  /** the menu surface: inside a menu it follows the page (#fff / #1e1e1e), elsewhere #1e1e1e */
   MENU: "var(--cm-bg-menu)",
-  /** text on the menu (#fff) */
+  /** text on the menu: inside a menu #000000e5 / #fff, elsewhere #fff */
   ON_MENU: "var(--cm-text-menu)",
-  /** secondary text on the menu: shortcuts (#ffffffb2) */
+  /** secondary text on the menu, shortcuts: inside a menu #0000008c / #ffffffb2, elsewhere #ffffffb2 */
   ON_MENU_SECONDARY: "var(--cm-text-menu-secondary)",
   /** component (purple) text (#8638e5 / #d1a8ff) */
   COMPONENT: "var(--cm-text-component)"
-}, Oc = [
+}, Rc = [
   "#ffffff",
   "#b3b3b3",
   "#8c8c8c",
@@ -148,7 +154,7 @@ const L = {
   "#2c2c2c",
   "#1e1e1e",
   "#111111"
-], Rc = [
+], Mc = [
   "#e5f4ff",
   "#bde3ff",
   "#80caff",
@@ -159,7 +165,7 @@ const L = {
   "#007be5",
   "#0c8ce9",
   "#0a6dc2"
-], Mc = [
+], Dc = [
   "#f1fbd3",
   "#e2f7a8",
   "#d3f47c",
@@ -170,13 +176,13 @@ const L = {
   "#588300",
   "#c4f23a",
   "#aedf10"
-], Dc = {
-  ...ba.colors,
-  dark: Oc,
-  brand: Rc,
-  graphty: Mc
+], Hc = {
+  ...xa.colors,
+  dark: Rc,
+  brand: Mc,
+  graphty: Dc
 };
-function Hc() {
+function Bc() {
   return /* @__PURE__ */ x(
     "svg",
     {
@@ -194,7 +200,7 @@ function Hc() {
     }
   );
 }
-function Bc() {
+function Fc() {
   return /* @__PURE__ */ o("svg", { className: "cm-close-glyph", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ o(
     "path",
     {
@@ -205,7 +211,7 @@ function Bc() {
     }
   ) });
 }
-const Fc = {
+const Vc = {
   compactSize: "sm",
   sizes: {
     xs: { "--button-height": "20px", "--button-fz": "11px", "--button-padding-x": "6px" },
@@ -214,7 +220,7 @@ const Fc = {
     lg: { "--button-height": "36px", "--button-fz": "13px", "--button-padding-x": "16px" },
     xl: { "--button-height": "44px", "--button-fz": "15px", "--button-padding-x": "20px" }
   }
-}, Vc = {
+}, Uc = {
   compactSize: "sm",
   sizes: {
     xs: { "--ai-size": "18px" },
@@ -223,7 +229,7 @@ const Fc = {
     lg: { "--ai-size": "36px" },
     xl: { "--ai-size": "44px" }
   }
-}, Uc = {
+}, Gc = {
   compactSize: "sm",
   sizes: {
     xs: { "--cb-size": "16px", "--cb-icon-size": "10px" },
@@ -232,7 +238,7 @@ const Fc = {
     lg: { "--cb-size": "36px", "--cb-icon-size": "14px" },
     xl: { "--cb-size": "44px", "--cb-icon-size": "16px" }
   }
-}, rt = "transparent", te = (e) => `var(--cm-${e})`, gr = {
+}, rt = "transparent", te = (e) => `var(--cm-${e})`, xr = {
   bg: rt,
   hover: te("bg-transparent-hover"),
   pressed: te("bg-transparent-pressed"),
@@ -241,7 +247,7 @@ const Fc = {
   outline: rt,
   shortcut: te("text-secondary"),
   disabled: "text"
-}, ln = { ...gr, outline: te("border-translucent"), disabled: "outline" };
+}, un = { ...xr, outline: te("border-translucent"), disabled: "outline" };
 function So(e, t = te("text-onsolid"), r = te("text-onsolid-secondary")) {
   return {
     bg: te(e),
@@ -254,17 +260,17 @@ function So(e, t = te("text-onsolid"), r = te("text-onsolid-secondary")) {
     disabled: "solid"
   };
 }
-const Gc = `light-dark(${te("text-onsolid-secondary")}, ${te("text-oninverse")})`, dn = {
+const qc = `light-dark(${te("text-onsolid-secondary")}, ${te("text-oninverse")})`, mn = {
   // The accent fill takes the accent's own label ink (dark on the graphty lime).
   filled: So("bg-brand", te("text-onbrand"), te("text-onbrand-secondary")),
   danger: So("bg-danger"),
   success: So("bg-success"),
-  inverse: { ...So("bg-inverse", te("text-oninverse"), Gc) },
-  default: ln,
-  outline: ln,
-  subtle: gr,
+  inverse: { ...So("bg-inverse", te("text-oninverse"), qc) },
+  default: un,
+  outline: un,
+  subtle: xr,
   "danger-outline": {
-    ...gr,
+    ...xr,
     color: te("text-danger"),
     pressedColor: te("text-danger"),
     outline: te("border-danger"),
@@ -281,28 +287,28 @@ const Gc = `light-dark(${te("text-onsolid-secondary")}, ${te("text-oninverse")})
     shortcut: te("text-onselected"),
     disabled: "text"
   }
-}, qc = /* @__PURE__ */ new Set(["danger", "danger-outline", "inverse", "success", "default", "outline", "subtle"]);
-function Ca(e, t) {
+}, Wc = /* @__PURE__ */ new Set(["danger", "danger-outline", "inverse", "success", "default", "outline", "subtle"]);
+function za(e, t) {
   return e == null || e === t || e === "brand";
 }
-function Wc(e, t, r) {
+function jc(e, t, r) {
   const n = e ?? "filled";
   if (n === "filled" && t === "red")
-    return dn.danger;
-  const a = dn[n];
+    return mn.danger;
+  const a = mn[n];
   if (a)
-    return qc.has(n) || Ca(t, r) ? a : void 0;
+    return Wc.has(n) || za(t, r) ? a : void 0;
 }
-const jc = {
+const Yc = {
   solid: { bg: te("bg-disabled"), color: te("text-ondisabled"), outline: rt },
   outline: { bg: rt, color: te("text-disabled"), outline: te("border-disabled") },
   text: { bg: rt, color: te("text-disabled"), outline: rt }
 };
-function Yc(e, t, r) {
-  const n = Wc(e, t, r);
+function Kc(e, t, r) {
+  const n = jc(e, t, r);
   if (!n)
     return {};
-  const a = jc[n.disabled];
+  const a = Yc[n.disabled];
   return {
     "--button-bg": n.bg,
     "--button-hover": n.hover,
@@ -318,16 +324,16 @@ function Yc(e, t, r) {
     "--cm-btn-disabled-outline": a.outline
   };
 }
-const un = {
+const pn = {
   bg: rt,
   hover: te("bg-transparent-hover"),
   pressed: te("bg-transparent-pressed"),
   color: te("icon"),
   outline: rt
-}, Kc = {
-  subtle: un,
+}, Xc = {
+  subtle: pn,
   // Disabled takes the disabled edge, as the secondary text button does (btn-secondary-md-disabled).
-  default: { ...un, outline: te("border-translucent"), disabledOutline: te("border-disabled") },
+  default: { ...pn, outline: te("border-translucent"), disabledOutline: te("border-disabled") },
   light: {
     bg: te("bg-selected"),
     hover: te("bg-selected-hover"),
@@ -352,10 +358,10 @@ const un = {
     outline: rt,
     disabledBg: te("bg-secondary")
   }
-}, Xc = /* @__PURE__ */ new Set(["gray", "dark"]);
-function Jc(e, t, r) {
-  const n = e ?? "subtle", a = Kc[n], c = n === "subtle" || n === "default" || n === "joined";
-  return !a || !(Ca(t, r) || c && Xc.has(String(t))) ? {} : {
+}, Jc = /* @__PURE__ */ new Set(["gray", "dark"]);
+function Zc(e, t, r) {
+  const n = e ?? "subtle", a = Xc[n], c = n === "subtle" || n === "default" || n === "joined";
+  return !a || !(za(t, r) || c && Jc.has(String(t))) ? {} : {
     "--ai-bg": a.bg,
     "--ai-hover": a.hover,
     "--ai-color": a.color,
@@ -372,11 +378,11 @@ function ge(e, t) {
   const r = t == null ? e.compactSize : String(t);
   return e.sizes[r] ?? e.sizes[e.compactSize];
 }
-const Zc = {
-  Button: ga.extend({
+const Qc = {
+  Button: va.extend({
     defaultProps: {
       size: "sm",
-      loaderProps: { size: 16, children: uo(Hc) }
+      loaderProps: { size: 16, children: uo(Bc) }
     },
     classNames: {
       root: "cm-button",
@@ -387,8 +393,8 @@ const Zc = {
     },
     vars: (e, t) => ({
       root: {
-        ...ge(Fc, t == null ? void 0 : t.size),
-        ...Yc(t == null ? void 0 : t.variant, t == null ? void 0 : t.color, e == null ? void 0 : e.primaryColor)
+        ...ge(Vc, t == null ? void 0 : t.size),
+        ...Kc(t == null ? void 0 : t.variant, t == null ? void 0 : t.color, e == null ? void 0 : e.primaryColor)
       }
     })
   }),
@@ -404,55 +410,55 @@ const Zc = {
     },
     vars: (e, t) => ({
       root: {
-        ...ge(Vc, t == null ? void 0 : t.size),
-        ...Jc(t == null ? void 0 : t.variant, t == null ? void 0 : t.color, e == null ? void 0 : e.primaryColor)
+        ...ge(Uc, t == null ? void 0 : t.size),
+        ...Zc(t == null ? void 0 : t.variant, t == null ? void 0 : t.color, e == null ? void 0 : e.primaryColor)
       }
     })
   }),
-  ActionIconGroup: Ni.extend({
+  ActionIconGroup: Ci.extend({
     classNames: { group: "cm-ai-group" }
   }),
-  CloseButton: Er.extend({
+  CloseButton: zr.extend({
     defaultProps: {
       size: "sm",
-      icon: uo(Bc)
+      icon: uo(Fc)
     },
     classNames: { root: "cm-close-button" },
     vars: (e, t) => ({
-      root: ge(Uc, t == null ? void 0 : t.size)
+      root: ge(Gc, t == null ? void 0 : t.size)
     })
   })
-}, Qc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  buttonComponentExtensions: Zc
-}, Symbol.toStringTag, { value: "Module" })), mn = {
+  buttonComponentExtensions: Qc
+}, Symbol.toStringTag, { value: "Module" })), hn = {
   slider: "cm-color-slider",
   sliderOverlay: "cm-color-slider-track",
   thumb: "cm-color-thumb"
 };
-function _c(e) {
+function $c(e) {
   const t = e.variant === "field", r = {};
   return (t || e.size === void 0) && (r["--cs-size"] = t ? "14px" : "16px"), (t || e.radius === void 0) && (r["--cs-radius"] = t ? "2px" : "20%"), r;
 }
-const $c = {
-  ColorSwatch: xa.extend({
+const es = {
+  ColorSwatch: wa.extend({
     classNames: {
       root: "cm-chit",
       alphaOverlay: "cm-chit-alpha",
       shadowOverlay: "cm-chit-shadow"
     },
-    vars: (e, t) => ({ root: _c(t) })
+    vars: (e, t) => ({ root: $c(t) })
   }),
   // HueSlider and AlphaSlider are plain forwardRef components (no `.extend`); useProps still
   // reads their defaultProps from the theme by name.
-  HueSlider: { defaultProps: { classNames: mn } },
-  AlphaSlider: { defaultProps: { classNames: mn } }
-}, es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  HueSlider: { defaultProps: { classNames: hn } },
+  AlphaSlider: { defaultProps: { classNames: hn } }
+}, ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  colorComponentExtensions: $c
-}, Symbol.toStringTag, { value: "Module" })), pn = "M5 8.5L7.5 11L11.5 5", ts = "M5 8H11", os = "M5 8H10.5";
-function rs({ indeterminate: e, ...t }) {
-  const r = e === !0, n = r ? ts : pn, a = r ? "crispEdges" : "geometricPrecision";
+  colorComponentExtensions: es
+}, Symbol.toStringTag, { value: "Module" })), fn = "M5 8.5L7.5 11L11.5 5", os = "M5 8H11", rs = "M5 8H10.5";
+function ns({ indeterminate: e, ...t }) {
+  const r = e === !0, n = r ? os : fn, a = r ? "crispEdges" : "geometricPrecision";
   return /* @__PURE__ */ x("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", "data-glyph": r ? "dash" : "check", ...t, children: [
     /* @__PURE__ */ o(
       "path",
@@ -469,7 +475,7 @@ function rs({ indeterminate: e, ...t }) {
       "path",
       {
         className: "cm-checkbox-glyph",
-        d: r ? os : pn,
+        d: r ? rs : fn,
         pathLength: 12,
         strokeLinecap: "round",
         strokeLinejoin: "round",
@@ -479,18 +485,18 @@ function rs({ indeterminate: e, ...t }) {
   ] });
 }
 const Oo = /* @__PURE__ */ new WeakSet();
-function ns(e) {
+function as(e) {
   const t = e.currentTarget;
   Oo.delete(t), !(e.button !== 0 || t.matches(":disabled, [data-disabled]")) && (t.click(), Oo.add(t));
 }
-function as(e) {
+function is(e) {
   Oo.delete(e.currentTarget) && e.stopPropagation();
 }
-function hn(e) {
+function bn(e) {
   Oo.delete(e.currentTarget);
 }
 const Ro = /* @__PURE__ */ new WeakMap();
-function is(e) {
+function cs(e) {
   const t = e.currentTarget;
   if (Ro.delete(t), e.button !== 0 || !(e.target instanceof Element))
     return;
@@ -500,11 +506,11 @@ function is(e) {
   const a = t.ownerDocument.getElementById(n);
   a instanceof HTMLInputElement && a.type === "radio" && !a.disabled && !a.checked && (a.click(), Ro.set(t, r));
 }
-function cs(e) {
+function ss(e) {
   const t = Ro.get(e.currentTarget);
   Ro.delete(e.currentTarget), t && e.target instanceof Node && t.contains(e.target) && e.preventDefault();
 }
-const ss = {
+const ls = {
   compactSize: "sm",
   sizes: {
     xs: {
@@ -543,7 +549,7 @@ const ss = {
       "--switch-label-font-size": "11px"
     }
   }
-}, ls = {
+}, ds = {
   compactSize: "sm",
   sizes: {
     xs: { "--checkbox-size": "12px" },
@@ -552,7 +558,7 @@ const ss = {
     lg: { "--checkbox-size": "24px" },
     xl: { "--checkbox-size": "28px" }
   }
-}, ds = {
+}, us = {
   compactSize: "sm",
   sizes: {
     xs: { "--radio-size": "12px", "--radio-icon-size": "4px" },
@@ -561,7 +567,7 @@ const ss = {
     lg: { "--radio-size": "24px", "--radio-icon-size": "10px" },
     xl: { "--radio-size": "28px", "--radio-icon-size": "12px" }
   }
-}, fn = {
+}, gn = {
   compactSize: "sm",
   sizes: {
     xs: { "--slider-size": "6px", "--slider-thumb-size": "10px" },
@@ -570,7 +576,7 @@ const ss = {
     lg: { "--slider-size": "12px", "--slider-thumb-size": "20px" },
     xl: { "--slider-size": "16px", "--slider-thumb-size": "24px" }
   }
-}, us = {
+}, ms = {
   compactSize: "sm",
   sizes: {
     xs: { "--sc-font-size": "9px", "--sc-padding": "0 6px" },
@@ -579,7 +585,7 @@ const ss = {
     lg: { "--sc-font-size": "15px", "--sc-padding": "0 12px" },
     xl: { "--sc-font-size": "17px", "--sc-padding": "0 16px" }
   }
-}, ms = {
+}, ps = {
   root: "cm-checkbox",
   body: "cm-checkbox-body",
   inner: "cm-checkbox-inner",
@@ -588,7 +594,7 @@ const ss = {
   label: "cm-checkbox-label",
   description: "cm-control-description",
   error: "cm-control-error"
-}, ps = {
+}, hs = {
   root: "cm-radio",
   body: "cm-radio-body",
   inner: "cm-radio-inner",
@@ -597,7 +603,7 @@ const ss = {
   label: "cm-radio-label",
   description: "cm-control-description",
   error: "cm-control-error"
-}, hs = {
+}, fs = {
   root: "cm-switch",
   body: "cm-switch-body",
   input: "cm-switch-input",
@@ -607,88 +613,88 @@ const ss = {
   label: "cm-switch-label",
   description: "cm-control-description",
   error: "cm-control-error"
-}, bn = {
+}, xn = {
   root: "cm-slider",
   track: "cm-slider-track",
   bar: "cm-slider-bar",
   thumb: "cm-slider-thumb",
   mark: "cm-slider-mark",
   markLabel: "cm-slider-mark-label"
-}, fs = {
+}, bs = {
   root: "cm-sc",
   control: "cm-sc-control",
   input: "cm-sc-input",
   label: "cm-sc-label",
   innerLabel: "cm-sc-inner",
   indicator: "cm-sc-indicator"
-}, bs = {
-  SegmentedControl: Ir.extend({
+}, gs = {
+  SegmentedControl: Lr.extend({
     defaultProps: {
       size: "sm",
       withItemsBorders: !1,
       // The selected face is drawn on the option itself, so it jumps in one frame; the
       // floating indicator is hidden by the stylesheet and must not animate either.
       transitionDuration: 0,
-      onMouseDown: is,
-      onClickCapture: cs
+      onMouseDown: cs,
+      onClickCapture: ss
     },
     vars: (e, t) => ({
-      root: ge(us, t == null ? void 0 : t.size)
+      root: ge(ms, t == null ? void 0 : t.size)
     }),
-    classNames: fs
+    classNames: bs
   }),
-  Checkbox: zr.extend({
+  Checkbox: Ir.extend({
     defaultProps: {
       size: "sm",
-      icon: rs
+      icon: ns
     },
     vars: (e, t) => ({
-      root: ge(ls, t == null ? void 0 : t.size)
+      root: ge(ds, t == null ? void 0 : t.size)
     }),
-    classNames: ms
+    classNames: ps
   }),
-  Switch: va.extend({
+  Switch: ya.extend({
     defaultProps: {
       size: "sm",
       // Figma's knob is a plain white pill; Mantine's inner dot is not drawn.
       withThumbIndicator: !1
     },
     vars: (e, t) => ({
-      root: ge(ss, t == null ? void 0 : t.size)
+      root: ge(ls, t == null ? void 0 : t.size)
     }),
-    classNames: hs
+    classNames: fs
   }),
-  Slider: zi.extend({
+  Slider: Ii.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: ge(fn, t == null ? void 0 : t.size)
+      root: ge(gn, t == null ? void 0 : t.size)
     }),
-    classNames: bn
+    classNames: xn
   }),
-  Radio: Ei.extend({
+  Radio: zi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: ge(ds, t == null ? void 0 : t.size)
+      root: ge(us, t == null ? void 0 : t.size)
     }),
-    classNames: ps
+    classNames: hs
   }),
-  RangeSlider: Ci.extend({
+  RangeSlider: Ei.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: ge(fn, t == null ? void 0 : t.size)
+      root: ge(gn, t == null ? void 0 : t.size)
     }),
-    classNames: bn
+    classNames: xn
   })
-}, gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  controlComponentExtensions: bs
-}, Symbol.toStringTag, { value: "Module" })), xs = {
+  controlComponentExtensions: gs
+}, Symbol.toStringTag, { value: "Module" })), vs = {
   compactSize: "sm",
   sizes: {
     xs: { "--badge-height": "14px", "--badge-fz": "9px", "--badge-padding-x": "3px", "--badge-lh": "14px" },
@@ -697,7 +703,7 @@ const ss = {
     lg: { "--badge-height": "24px", "--badge-fz": "13px", "--badge-padding-x": "8px", "--badge-lh": "24px" },
     xl: { "--badge-height": "28px", "--badge-fz": "15px", "--badge-padding-x": "10px", "--badge-lh": "28px" }
   }
-}, vs = {
+}, ws = {
   compactSize: "sm",
   sizes: {
     xs: { "--avatar-size": "16px" },
@@ -706,7 +712,7 @@ const ss = {
     lg: { "--avatar-size": "40px" },
     xl: { "--avatar-size": "48px" }
   }
-}, ws = {
+}, ys = {
   compactSize: "sm",
   sizes: {
     xs: { "--ti-size": "16px" },
@@ -715,7 +721,7 @@ const ss = {
     lg: { "--ti-size": "40px" },
     xl: { "--ti-size": "48px" }
   }
-}, ys = {
+}, ks = {
   compactSize: "sm",
   sizes: {
     xs: { "--indicator-size": "7px" },
@@ -724,7 +730,7 @@ const ss = {
     lg: { "--indicator-size": "13px" },
     xl: { "--indicator-size": "15px" }
   }
-}, ks = {
+}, Ss = {
   compactSize: "sm",
   sizes: {
     xs: { "--kbd-fz": "9px", "--kbd-lh": "14px", "--kbd-height": "21px", "--kbd-min-width": "22px" },
@@ -733,7 +739,7 @@ const ss = {
     lg: { "--kbd-fz": "16px", "--kbd-lh": "26px", "--kbd-height": "35px", "--kbd-min-width": "36px" },
     xl: { "--kbd-fz": "20px", "--kbd-lh": "30px", "--kbd-height": "41px", "--kbd-min-width": "42px" }
   }
-}, Ss = {
+}, Ts = {
   compactSize: "sm",
   sizes: {
     xs: { "--pill-height": "16px", "--pill-fz": "9px" },
@@ -746,7 +752,7 @@ const ss = {
 function U(e, t, r) {
   return { light: e, dark: t, figma: r };
 }
-const Ts = {
+const As = {
   bg: U("#ffffff", "#2c2c2c", "--color-bg"),
   "bg-secondary": U("#f5f5f5", "#383838", "--color-bg-secondary"),
   "bg-hover": U("#f5f5f5", "#383838", "--color-bg-hover"),
@@ -792,9 +798,24 @@ const Ts = {
   "text-oninverse": U("#ffffffe5", "#000000e5", "--color-text-oninverse"),
   "text-component": U("#8638e5", "#d1a8ff", "--color-text-component"),
   "text-danger": U("#dc3412", "#fca397", "--color-text-danger"),
+  // Warning text. Figma has no warning text variable: these are darkened / lightened from its
+  // warning fill to meet 4.5:1 on the panel and on a field in both schemes.
+  "text-warning": U("#a65900", "#f7d15f"),
+  // Success text and glyphs. The success fill (#14ae5c) is 2.90:1 on the light panel; these meet
+  // 4.5:1 on the panel and on a field in both schemes (Figma's success-pressed fill in light).
+  "text-success": U("#008043", "#79d297"),
   "text-menu": U("#ffffff", "#ffffff", "--color-text-menu"),
   "text-menu-secondary": U("#ffffffb2", "#ffffffb2", "--color-text-menu-secondary"),
   "text-menu-disabled": U("#ffffff66", "#ffffff66", "--color-text-menu-disabled"),
+  // The menu that follows the page's scheme (cm-menu-surface): a light surface with dark ink
+  // in the light app, Figma's dark menu in the dark app. The `-menu` tokens above stay the
+  // always-dark values the inverse menu, the tooltip and the toast draw with. The secondary ink
+  // is the AA value (4.74:1 on white; Figma's #00000080 is 3.95:1).
+  "bg-menu-page": U("#ffffff", "#1e1e1e"),
+  "text-menu-page": U("#000000e5", "#ffffff"),
+  "text-menu-page-secondary": U("#0000008c", "#ffffffb2"),
+  "text-menu-page-disabled": U("#0000004d", "#ffffff66"),
+  "border-menu-page": U("#e6e6e6", "#383838"),
   icon: U("#000000e5", "#ffffff", "--color-icon"),
   "icon-secondary": U("#00000080", "#ffffffb2", "--color-icon-secondary"),
   "icon-tertiary": U("#0000004d", "#ffffff66", "--color-icon-tertiary"),
@@ -833,7 +854,7 @@ const Ts = {
   "text-onselected": U("var(--cm-text-brand)", "var(--cm-text-brand)"),
   /** an accent graphic that must be seen against the panel (a dot, a meter's fill, a stroke) */
   "graphic-brand": U("var(--cm-bg-brand)", "var(--cm-bg-brand)")
-}, ve = (e) => `var(--mantine-primary-color-${e})`, bt = (e, t, r) => `color-mix(in srgb, ${e} ${t}%, ${r})`, As = {
+}, ve = (e) => `var(--mantine-primary-color-${e})`, bt = (e, t, r) => `color-mix(in srgb, ${e} ${t}%, ${r})`, Ns = {
   "bg-brand": { light: ve(6), dark: ve(8) },
   "bg-brand-hover": { light: ve(7), dark: ve(9) },
   "bg-brand-pressed": { light: bt(ve(7), 85, "#000000"), dark: bt(ve(9), 85, "#000000") },
@@ -847,7 +868,7 @@ const Ts = {
   "border-selected": { light: ve(6), dark: ve(8) },
   "border-selected-strong": { light: ve(7), dark: ve(4) },
   "text-highlight": { light: bt(ve(6), 40, "transparent"), dark: bt(ve(6), 40, "transparent") }
-}, Ns = {
+}, Cs = {
   "bg-brand": { light: "#97c800", dark: "#c4f23a" },
   "bg-brand-hover": { light: "#86b200", dark: "#aedf10" },
   "bg-brand-pressed": { light: "#7aa600", dark: "#94be0e" },
@@ -865,7 +886,7 @@ const Ts = {
   "border-selected": { light: "#588300", dark: "#c4f23a" },
   "border-selected-strong": { light: "#588300", dark: "#c4f23a" },
   "text-highlight": { light: "#c4f23a99", dark: "#c4f23a66" }
-}, Cs = {
+}, Es = {
   // Owner's list.
   "text-secondary": { light: "#0000008c", dark: "#ffffffb2" },
   "icon-secondary": { light: "#0000008c", dark: "#ffffffb2" },
@@ -881,9 +902,12 @@ const Ts = {
   "bg-brand-pressed": { light: "#105cad", dark: "#105cad" },
   "text-brand": { light: "#0768cf", dark: "#7cc4f8" },
   "icon-brand": { light: "#0768cf", dark: "#7cc4f8" },
+  // Figma's #dc3412 is 4.24:1 on a field or hover ground (#f5f5f5); #c4381c, the palette's next
+  // darker red, is 4.90:1 there.
+  "text-danger": { light: "#c4381c", dark: "#fca397" },
   "bg-danger": { light: "#bd2915", dark: "#963323" },
   "bg-success": { light: "#008043", dark: "#0a5c35" }
-}, Ea = {
+}, Mr = {
   100: {
     light: ["0 0 .5px rgba(0,0,0,.3)", "0 1px 3px rgba(0,0,0,.15)"],
     dark: [
@@ -929,21 +953,21 @@ const Ts = {
       "inset 0 0 .5px rgba(255,255,255,.35)"
     ]
   }
-}, Es = "0 1px 3px rgba(0,0,0,.4), inset 0 0 .5px rgba(255,255,255,.3), inset 0 .5px 0 rgba(255,255,255,.1), 0 0 .5px rgba(0,0,0,.5)", zs = /rgba\([^)]*\)/;
-function za(e) {
-  const { light: t, dark: r } = Ea[e], n = (a, c) => a.replace(
-    zs,
+}, zs = "0 1px 3px rgba(0,0,0,.4), inset 0 0 .5px rgba(255,255,255,.3), inset 0 .5px 0 rgba(255,255,255,.1), 0 0 .5px rgba(0,0,0,.5)", Is = /rgba\([^)]*\)/;
+function Ia(e) {
+  const { light: t, dark: r } = Mr[e], n = (a, c) => a.replace(
+    Is,
     (s) => c === "light" ? `light-dark(${s}, transparent)` : `light-dark(transparent, ${s})`
   );
   return [...t.map((a) => n(a, "light")), ...r.map((a) => n(a, "dark"))].join(", ");
 }
-const Is = {
+const Ls = {
   "duration-sm": "100ms",
   "duration-md": "200ms",
   "ease-out": "ease-out",
   "ease-in-out": "cubic-bezier(.645,.045,.355,1)",
   "ease-loading": "cubic-bezier(.65,0,.35,1)"
-}, xr = '"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif', Ia = '"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace', ro = {
+}, vr = '"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif', La = '"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace', ro = {
   body: { fontSize: 11, lineHeight: 16, fontWeight: 450, letterSpacing: "0.055px" },
   bodyStrong: { fontSize: 11, lineHeight: 16, fontWeight: 550, letterSpacing: "0.055px" },
   headingSmall: { fontSize: 13, lineHeight: 22, fontWeight: 550, letterSpacing: "-0.032px" },
@@ -961,90 +985,90 @@ function q(e) {
   const t = ro[e];
   return `font-size: ${t.fontSize}px; line-height: ${t.lineHeight}px; font-weight: ${t.fontWeight}; letter-spacing: ${t.letterSpacing};`;
 }
-const Ls = {
+const Ps = {
   xs: "9px",
   sm: "11px",
   md: "13px",
   lg: "15px",
   xl: "24px"
-}, Ps = {
+}, Os = {
   xs: "14px",
   sm: "16px",
   md: "22px",
   lg: "25px",
   xl: "32px"
-}, Os = {
+}, Rs = {
   xs: "4px",
   sm: "8px",
   md: "8px",
   lg: "12px",
   xl: "16px"
-}, Rs = {
+}, Ms = {
   xs: "2px",
   sm: "5px",
   md: "5px",
   lg: "13px",
   xl: "13px"
-}, Ms = {
+}, Ds = {
   xs: "var(--cm-elevation-100)",
   sm: "var(--cm-elevation-200)",
   md: "var(--cm-elevation-300)",
   lg: "var(--cm-elevation-400)",
   xl: "var(--cm-elevation-500)"
 };
-function Ds() {
+function Hs() {
   const e = [];
-  for (const [t, r] of Object.entries(Ts))
+  for (const [t, r] of Object.entries(As))
     e.push(`--cm-${t}: ${Vo(r)};`);
-  for (const t of Object.keys(Ea))
-    e.push(`--cm-elevation-${t}: ${za(t)};`);
-  e.push(`--cm-elevation-toast: ${Es};`);
-  for (const [t, r] of Object.entries(Is))
+  for (const t of Object.keys(Mr))
+    e.push(`--cm-elevation-${t}: ${Ia(t)};`);
+  e.push(`--cm-elevation-toast: ${zs};`);
+  for (const [t, r] of Object.entries(Ls))
     e.push(`--cm-${t}: ${r};`);
-  return e.push(`--cm-font-family: ${xr};`, `--cm-font-family-mono: ${Ia};`), e.join(`
-    `);
-}
-function Hs() {
-  return Object.entries(Cs).map(([e, t]) => `--cm-${e}: ${Vo(t)};`).join(`
+  return e.push(`--cm-font-family: ${vr};`, `--cm-font-family-mono: ${La};`), e.join(`
     `);
 }
 function Bs() {
-  return Object.entries(As).map(([e, t]) => `--cm-${e}: ${Vo(t)};`).join(`
+  return Object.entries(Es).map(([e, t]) => `--cm-${e}: ${Vo(t)};`).join(`
     `);
 }
 function Fs() {
   return Object.entries(Ns).map(([e, t]) => `--cm-${e}: ${Vo(t)};`).join(`
     `);
 }
+function Vs() {
+  return Object.entries(Cs).map(([e, t]) => `--cm-${e}: ${Vo(t)};`).join(`
+    `);
+}
 function Vo({ light: e, dark: t }) {
   return e === t ? e : `light-dark(${e}, ${t})`;
 }
-const Vs = {
+const Us = {
   outline: { "--badge-bg": "transparent", "--badge-color": "var(--cm-text)" },
   filled: { "--badge-bg": "var(--cm-bg-brand)", "--badge-color": "var(--cm-text-onbrand)" },
   light: { "--badge-bg": "var(--cm-bg-selected)", "--badge-color": "var(--cm-text-onselected)" }
-}, Us = {
+}, Gs = {
   sm: { "--cm-text-fw": String(ro.body.fontWeight), "--cm-text-ls": ro.body.letterSpacing },
   xs: { "--cm-text-fw": String(ro.caption.fontWeight), "--cm-text-ls": ro.caption.letterSpacing }
-}, Gs = {
+}, qs = {
   filled: { "--ti-bg": "var(--cm-bg-brand)", "--ti-color": "var(--cm-text-onbrand)" },
   light: { "--ti-bg": "var(--cm-bg-selected)", "--ti-color": "var(--cm-icon-brand)" }
-}, qs = {
+}, Ws = {
   // Text reads the theme's fontSizes / lineHeights (9/14, 11/16, 13/22, 15/25, 24/32). At sm and
   // xs it also takes the body and caption roles' 450 weight and letter-spacing (the rule is in
   // ../css/shell.css.ts); Mantine's own Text is weight normal.
   Text: Kt.extend({
     classNames: { root: "cm-text" },
-    vars: (e, t) => ({ root: Us[String(t == null ? void 0 : t.size)] ?? {} })
+    vars: (e, t) => ({ root: Gs[String(t == null ? void 0 : t.size)] ?? {} })
   }),
-  Badge: Ri.extend({
+  Badge: Mi.extend({
     defaultProps: { size: "sm", variant: "outline" },
     classNames: { root: "cm-badge" },
     vars: (e, t) => ({
       root: {
-        ...ge(xs, t == null ? void 0 : t.size),
+        ...ge(vs, t == null ? void 0 : t.size),
         ...(t == null ? void 0 : t.radius) === void 0 ? { "--badge-radius": "5px" } : {},
-        ...t != null && t.color ? {} : { ...Vs[(t == null ? void 0 : t.variant) ?? "outline"], "--badge-bd": "0 solid transparent" }
+        ...t != null && t.color ? {} : { ...Us[(t == null ? void 0 : t.variant) ?? "outline"], "--badge-bd": "0 solid transparent" }
       }
     })
   }),
@@ -1057,7 +1081,7 @@ const Vs = {
   // context or the pill's value, and MultiSelect and TagsInput never pass removeButtonProps, so
   // their pills all share it. Name a Pill of your own after its value:
   // `removeButtonProps={{ "aria-label": `Remove ${tag}` }}`.
-  Pill: Oi.extend({
+  Pill: Ri.extend({
     defaultProps: {
       size: "sm",
       removeButtonProps: { "aria-label": "Remove", tabIndex: 0, "aria-hidden": !1 },
@@ -1066,39 +1090,39 @@ const Vs = {
     classNames: { root: "cm-pill" },
     vars: (e, t) => ({
       root: {
-        ...ge(Ss, t == null ? void 0 : t.size),
+        ...ge(Ts, t == null ? void 0 : t.size),
         ...(t == null ? void 0 : t.radius) === void 0 ? { "--pill-radius": "5px" } : {}
       }
     })
   }),
-  Avatar: an.extend({
+  Avatar: sn.extend({
     defaultProps: { size: "sm", variant: "filled" },
     classNames: { root: "cm-avatar", placeholder: "cm-avatar-placeholder" },
     vars: (e, t) => ({
-      root: ge(vs, t == null ? void 0 : t.size)
+      root: ge(ws, t == null ? void 0 : t.size)
     })
   }),
   // A 2px ring around each avatar and a 21px step (hm/header-right-default #39, #49).
-  AvatarGroup: an.Group.extend({
+  AvatarGroup: sn.Group.extend({
     defaultProps: { spacing: "7px" }
   }),
-  ThemeIcon: Pi.extend({
+  ThemeIcon: Oi.extend({
     defaultProps: { size: "sm" },
     classNames: { root: "cm-theme-icon" },
     vars: (e, t) => ({
       root: {
-        ...ge(ws, t == null ? void 0 : t.size),
+        ...ge(ys, t == null ? void 0 : t.size),
         ...(t == null ? void 0 : t.radius) === void 0 ? { "--ti-radius": "5px" } : {},
-        ...t != null && t.color ? {} : Gs[(t == null ? void 0 : t.variant) ?? "filled"] ?? {}
+        ...t != null && t.color ? {} : qs[(t == null ? void 0 : t.variant) ?? "filled"] ?? {}
       }
     })
   }),
-  Indicator: Li.extend({
+  Indicator: Pi.extend({
     defaultProps: { size: "sm", withBorder: !0 },
     classNames: { indicator: "cm-indicator" },
     vars: (e, t) => ({
       root: {
-        ...ge(ys, t == null ? void 0 : t.size),
+        ...ge(ks, t == null ? void 0 : t.size),
         ...(t == null ? void 0 : t.radius) === void 0 ? { "--indicator-radius": "100%" } : {},
         ...t != null && t.color ? {} : {
           "--indicator-color": "var(--cm-bg-brand)",
@@ -1110,21 +1134,21 @@ const Vs = {
   // Figma's library card (C55; ls/panel-assets #114): padding 8, a transparent 1px edge,
   // radius 5, no fill, no shadow. `radius="lg"` (13) is the promo card. A card rendered as a link or button
   // hovers and rings (../css/shell.css.ts).
-  Card: Ii.extend({
+  Card: Li.extend({
     defaultProps: { padding: 8, radius: "sm", withBorder: !0 },
     classNames: { root: "cm-card" }
   }),
-  Kbd: wa.extend({
+  Kbd: ka.extend({
     defaultProps: { size: "sm" },
     classNames: { root: "cm-kbd" },
     vars: (e, t) => ({
-      root: ge(ks, t == null ? void 0 : t.size)
+      root: ge(Ss, t == null ? void 0 : t.size)
     })
   })
-}, Ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  displayComponentExtensions: qs
-}, Symbol.toStringTag, { value: "Module" })), js = {
+  displayComponentExtensions: Ws
+}, Symbol.toStringTag, { value: "Module" })), Ys = {
   compactSize: "sm",
   sizes: {
     xs: { "--loader-size": "14px" },
@@ -1133,7 +1157,7 @@ const Vs = {
     lg: { "--loader-size": "30px" },
     xl: { "--loader-size": "38px" }
   }
-}, Ys = {
+}, Ks = {
   compactSize: "sm",
   sizes: {
     xs: { "--progress-size": "2px" },
@@ -1142,54 +1166,54 @@ const Vs = {
     lg: { "--progress-size": "8px" },
     xl: { "--progress-size": "10px" }
   }
-}, Ks = {
+}, Xs = {
   label: {
     fontSize: 9
   }
-}, Xs = "9999px", Js = { root: "cm-loader" }, Zs = {
+}, Js = "9999px", Zs = { root: "cm-loader" }, Qs = {
   root: "cm-progress",
   section: "cm-progress-section",
   label: "cm-progress-label"
-}, Qs = {
+}, _s = {
   root: "cm-ring-progress",
   curve: "cm-ring-curve",
   label: "cm-ring-progress-label"
-}, _s = {
-  Loader: Di.extend({
+}, $s = {
+  Loader: Hi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: ge(js, t == null ? void 0 : t.size)
+      root: ge(Ys, t == null ? void 0 : t.size)
     }),
-    classNames: Js
+    classNames: Zs
   }),
-  Progress: br.extend({
+  Progress: gr.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
       root: {
-        ...ge(Ys, t == null ? void 0 : t.size),
+        ...ge(Ks, t == null ? void 0 : t.size),
         // Round unless the caller asks for a radius of their own.
-        ...(t == null ? void 0 : t.radius) === void 0 && { "--progress-radius": Xs }
+        ...(t == null ? void 0 : t.radius) === void 0 && { "--progress-radius": Js }
       }
     }),
-    styles: Ks,
-    classNames: Zs
+    styles: Xs,
+    classNames: Qs
   }),
   // Note: RingProgress uses numeric size directly in SVG calculations,
   // so we can't use CSS variables or string size prop.
   // Use size={48} in components for compact-equivalent sizing.
-  RingProgress: Mi.extend({
+  RingProgress: Di.extend({
     // No defaultProps - RingProgress requires numeric size
     // Use size={48} in your components for compact sizing
-    classNames: Qs
+    classNames: _s
   })
-}, $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, el = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  feedbackComponentExtensions: _s
-}, Symbol.toStringTag, { value: "Module" })), gn = 1e3, Xt = 1100, el = Xt + 100, tl = 0, ol = 0, rl = [
+  feedbackComponentExtensions: $s
+}, Symbol.toStringTag, { value: "Module" })), vn = 1e3, Xt = 1100, tl = Xt + 100, ol = 0, rl = 0, nl = [
   "sizeSmallest",
   "sizeLargest",
   "width",
@@ -1198,7 +1222,7 @@ const Vs = {
   "scaleSqrt",
   "scaleLinear",
   "scaleLog"
-], nl = ["N", "E", "W", "D", "K"], th = [
+], al = ["N", "E", "W", "D", "K"], th = [
   "chevronDown",
   "chevronRight",
   "chevronLeft",
@@ -1243,20 +1267,20 @@ const Vs = {
   "text",
   "component",
   "group"
-], La = {
+], Pa = {
   viewBox: "0 0 16 16",
   fill: "none",
   stroke: "currentColor",
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-function Pa(e) {
+function Oa(e) {
   return 16 / e;
 }
 const Ze = {
   fill: "currentColor",
   stroke: "none"
-}, al = {
+}, il = {
   sizeSmallest: (e) => /* @__PURE__ */ x(Z, { children: [
     /* @__PURE__ */ o("circle", { cx: "3", cy: "11.25", r: "1.75", ...e ? Ze : {} }),
     /* @__PURE__ */ o("circle", { cx: "10.25", cy: "9.25", r: "3.75", ...e ? Ze : {} })
@@ -1284,7 +1308,7 @@ const Ze = {
   scaleSqrt: () => /* @__PURE__ */ o("path", { d: "M2.5 13.5C4.5 5 8 2.5 13.5 2.5" }),
   scaleLinear: () => /* @__PURE__ */ o("line", { x1: "2.5", y1: "13.5", x2: "13.5", y2: "2.5" }),
   scaleLog: () => /* @__PURE__ */ o("path", { d: "M2.5 13.5C8 13.5 11.5 11 13.5 2.5" })
-}, il = {
+}, cl = {
   chevronDown: /* @__PURE__ */ o("polyline", { points: "4,6 8,10 12,6" }),
   chevronRight: /* @__PURE__ */ o("polyline", { points: "6,4 10,8 6,12" }),
   chevronLeft: /* @__PURE__ */ o("polyline", { points: "10,4 6,8 10,12" }),
@@ -1453,14 +1477,14 @@ function Zt({ name: e, filled: t = !1, size: r = L.GLYPH }) {
     {
       width: r,
       height: r,
-      ...La,
-      strokeWidth: Pa(r),
+      ...Pa,
+      strokeWidth: Oa(r),
       "aria-hidden": "true",
       focusable: "false",
       "data-glyph": e,
       "data-filled": t ? "true" : "false",
       style: { flex: "0 0 auto", display: "block" },
-      children: al[e](t)
+      children: il[e](t)
     }
   );
 }
@@ -1470,28 +1494,28 @@ function xe({ name: e, size: t = L.GLYPH }) {
     {
       width: t,
       height: t,
-      ...La,
-      strokeWidth: Pa(t),
+      ...Pa,
+      strokeWidth: Oa(t),
       "aria-hidden": "true",
       focusable: "false",
       "data-glyph": e,
       style: { flex: "0 0 auto", display: "block" },
-      children: il[e]
+      children: cl[e]
     }
   );
 }
-function Oa(e) {
-  return typeof e == "string" && rl.includes(e);
-}
 function Ra(e) {
   return typeof e == "string" && nl.includes(e);
 }
-const Ma = 8, cl = 2 * Ma, Mo = 4, so = 6;
+function Ma(e) {
+  return typeof e == "string" && al.includes(e);
+}
+const Da = 8, sl = 2 * Da, Mo = 4, so = 6;
 function Uo(e) {
   const { reference: t } = e.elements;
   return t instanceof Element ? { anchor: (t.closest(".cm-input-wrapper") ?? t).getBoundingClientRect(), reference: t.getBoundingClientRect() } : null;
 }
-function Da(e) {
+function Ha(e) {
   const { floating: t } = e.elements, r = Uo(e), n = getComputedStyle(t).direction === "rtl", a = t.querySelector("[data-checked]") ?? t.querySelector('[aria-selected="true"]');
   if (!r)
     return { mainAxis: Mo, alignmentAxis: 0 };
@@ -1499,19 +1523,19 @@ function Da(e) {
   if (!a)
     return t.style.maxHeight = "", { mainAxis: c.bottom - s.bottom + Mo, alignmentAxis: i(0) };
   const d = c.top - (a.getBoundingClientRect().top - t.getBoundingClientRect().top + t.scrollTop), l = t.ownerDocument.documentElement.clientHeight - so, u = c.top >= so && c.bottom <= l, p = u ? Math.max(d, so) : d, h = Math.min(d + t.scrollHeight, l);
-  return t.style.maxHeight = u ? `${String(h - p)}px` : "", t.scrollTop = p - d, { mainAxis: p - s.bottom, alignmentAxis: i(Ma) };
+  return t.style.maxHeight = u ? `${String(h - p)}px` : "", t.scrollTop = p - d, { mainAxis: p - s.bottom, alignmentAxis: i(Da) };
 }
-function Ha(e) {
+function Ba(e) {
   var r;
   const t = ((r = Uo(e)) == null ? void 0 : r.anchor.width) ?? e.rects.reference.width;
-  e.elements.floating.style.minWidth = `${String(t + cl)}px`;
+  e.elements.floating.style.minWidth = `${String(t + sl)}px`;
 }
-function Ba(e) {
+function Fa(e) {
   var r;
   const t = ((r = Uo(e)) == null ? void 0 : r.anchor.width) ?? e.rects.reference.width;
   e.elements.floating.style.minWidth = `${String(t)}px`;
 }
-function Fa(e) {
+function Va(e) {
   const t = Uo(e);
   if (!t)
     return { mainAxis: Mo, alignmentAxis: 0 };
@@ -1521,31 +1545,31 @@ function Fa(e) {
     alignmentAxis: a ? n.right - r.right : r.left - n.left
   };
 }
-const sl = {
+const ll = {
   fn: (e) => ({ x: e.x, y: e.y })
 };
-function Rr() {
+function Dr() {
   return {
     position: "bottom-start",
-    offset: Da,
+    offset: Ha,
     middlewares: {
       flip: !1,
       // Clamp on both axes, with no limiter: Mantine's default limitShift keeps a list touching
       // its trigger's edge, which would stop a list that opens over its trigger from being
       // pulled back inside the viewport.
-      shift: { crossAxis: !0, padding: so, limiter: sl },
-      size: { apply: Ha }
+      shift: { crossAxis: !0, padding: so, limiter: ll },
+      size: { apply: Ba }
     },
     width: "max-content",
     transitionProps: { duration: 0 },
     zIndex: Xt
   };
 }
-function ll() {
+function dl() {
   return {
     position: "bottom-start",
-    offset: Fa,
-    middlewares: { flip: !0, shift: { padding: so }, size: { apply: Ba } },
+    offset: Va,
+    middlewares: { flip: !0, shift: { padding: so }, size: { apply: Fa } },
     width: "max-content",
     transitionProps: { duration: 0 },
     zIndex: Xt
@@ -1555,14 +1579,14 @@ function Zo(e) {
   const { reference: t } = e.elements;
   return t instanceof Element && t.closest(".cm-select") !== null;
 }
-function dl() {
-  const e = Rr(), t = (r) => {
+function ul() {
+  const e = Dr(), t = (r) => {
     const n = !Zo(r);
     return { mainAxis: n, crossAxis: n };
   };
   return {
     ...e,
-    offset: ((r) => Zo(r) ? Da(r) : Fa(r)),
+    offset: ((r) => Zo(r) ? Ha(r) : Va(r)),
     middlewares: {
       ...e.middlewares,
       // floating-ui derives a middleware's options from a function of its state; Mantine
@@ -1570,26 +1594,26 @@ function dl() {
       flip: t,
       size: {
         apply: (r) => {
-          Zo(r) ? Ha(r) : Ba(r);
+          Zo(r) ? Ba(r) : Fa(r);
         }
       }
     }
   };
 }
-const xn = "data-cm-modality";
-let vn = !1;
-function wn() {
-  if (vn || typeof document > "u")
+const wn = "data-cm-modality";
+let yn = !1;
+function kn() {
+  if (yn || typeof document > "u")
     return;
-  vn = !0;
+  yn = !0;
   const e = document.documentElement, t = (r) => (n) => {
-    n.isTrusted && e.getAttribute(xn) !== r && e.setAttribute(xn, r);
+    n.isTrusted && e.getAttribute(wn) !== r && e.setAttribute(wn, r);
   };
   document.addEventListener("pointerdown", t("pointer"), !0), document.addEventListener("keydown", t("keyboard"), !0);
 }
-const ul = 500;
-let yn = !1;
-function kn(e) {
+const ml = 500;
+let Sn = !1;
+function Tn(e) {
   if (!(e instanceof HTMLInputElement) || !e.readOnly || e.dataset.expanded === void 0 || !e.closest(".cm-input-wrapper"))
     return null;
   const t = e.getAttribute("aria-controls");
@@ -1605,10 +1629,10 @@ function Qo(e, t, r) {
     e.dispatchEvent(new KeyboardEvent("keydown", { key: u, code: u, bubbles: !0 }));
   }
 }
-function ml() {
-  if (yn || typeof document > "u")
+function pl() {
+  if (Sn || typeof document > "u")
     return;
-  yn = !0;
+  Sn = !0;
   let e = "", t = 0, r = null;
   const n = (c) => {
     const s = c.target;
@@ -1616,7 +1640,7 @@ function ml() {
   }, a = (c) => {
     const s = c.target;
     !c.isTrusted || s !== r || (r = null, globalThis.setTimeout(() => {
-      const i = kn(s);
+      const i = Tn(s);
       if (!i || !(s instanceof HTMLInputElement) || s.hasAttribute("aria-activedescendant"))
         return;
       const d = i.querySelector("[data-combobox-option][data-combobox-active]");
@@ -1629,7 +1653,7 @@ function ml() {
   document.addEventListener("keydown", n, !0), document.addEventListener("click", n, !0), document.addEventListener("keydown", a), document.addEventListener("click", a), document.addEventListener(
     "keydown",
     (c) => {
-      const s = kn(c.target), i = c.target;
+      const s = Tn(c.target), i = c.target;
       if (!s || c.ctrlKey || c.metaKey || c.altKey)
         return;
       const d = [...s.querySelectorAll("[data-combobox-option]")].filter(
@@ -1645,7 +1669,7 @@ function ml() {
         return;
       c.preventDefault();
       const l = c.timeStamp;
-      e = l - t > ul ? c.key : e + c.key, t = l;
+      e = l - t > ml ? c.key : e + c.key, t = l;
       const u = d.findIndex((v) => v.dataset.comboboxSelected !== void 0), p = e.length > 1 && e === e[0].repeat(e.length), h = (p ? e[0] : e).toLocaleLowerCase(), g = e.length === 1 || p ? u + 1 : Math.max(u, 0), k = d.length;
       for (let v = 0; v < k; v++) {
         const N = d[(g + v) % k];
@@ -1658,23 +1682,23 @@ function ml() {
     !0
   );
 }
-function Va() {
+function Ua() {
   return /* @__PURE__ */ o("span", { className: "cm-menu-row-check", "aria-hidden": "true", children: /* @__PURE__ */ o(xe, { name: "check", size: 16 }) });
 }
-function Ua({
+function Ga({
   option: e
 }) {
   return /* @__PURE__ */ x(Z, { children: [
-    /* @__PURE__ */ o(Va, {}),
+    /* @__PURE__ */ o(Ua, {}),
     /* @__PURE__ */ o("span", { className: "cm-listbox-label", children: e.label ?? e.value })
   ] });
 }
-function Mr() {
+function Hr() {
   return /* @__PURE__ */ o("span", { className: "cm-field-caret", "aria-hidden": "true", children: /* @__PURE__ */ o(xe, { name: "caretDown", size: 10 }) });
 }
-const pl = {
+const hl = {
   "--menu-item-fz": "11px"
-}, hl = {
+}, _o = {
   dropdown: "cm-menu-surface cm-menu",
   item: "cm-menu-row cm-menu-item",
   itemLabel: "cm-menu-item-label",
@@ -1692,10 +1716,10 @@ const bl = {
   flip: !0,
   shift: { padding: Do },
   size: { padding: Do, apply: fl }
-}, gl = { mainAxis: 4, alignmentAxis: -8 }, jt = { duration: 0 }, vr = 1e3, Ho = 300, Ga = 8.5, qa = 6, xl = qa - Ga / 2, vl = {
+}, gl = { mainAxis: 4, alignmentAxis: -8 }, jt = { duration: 0 }, wr = 1e3, Ho = 300, qa = 8.5, Wa = 6, xl = Wa - qa / 2, vl = {
   tooltip: "cm-tooltip",
   arrow: "cm-tooltip-arrow"
-}, Sn = {
+}, An = {
   dropdown: "cm-popover-surface cm-popover",
   arrow: "cm-popover-arrow"
 }, wl = {
@@ -1719,31 +1743,31 @@ const bl = {
   scrollbar: "cm-scroll-scrollbar",
   thumb: "cm-scroll-thumb",
   corner: "cm-scroll-corner"
-}, Sl = 10, Tl = /* @__PURE__ */ new Set(["Shift", "Control", "Alt", "AltGraph", "Meta", "CapsLock", "Fn", "OS"]), Al = /* @__PURE__ */ new Set(["cm-overlay-mount", "cm-tooltip-mount"]), Tn = 24, Nl = 4;
-let An = !1, wr = 0, yr = 0;
-function Wa(e) {
+}, Sl = 10, Tl = /* @__PURE__ */ new Set(["Shift", "Control", "Alt", "AltGraph", "Meta", "CapsLock", "Fn", "OS"]), Al = /* @__PURE__ */ new Set(["cm-overlay-mount", "cm-tooltip-mount"]), Nn = 24, Nl = 4;
+let Cn = !1, yr = 0, kr = 0;
+function ja(e) {
   return Array.from(document.querySelectorAll(".cm-tooltip")).some(
     (t) => t !== e && t.dataset.cmSeen !== void 0 && t.dataset.cmHeld === void 0 && t.dataset.cmDismissed === void 0
   );
 }
-function ja(e) {
+function Ya(e) {
   return e.id ? document.querySelector(`[aria-describedby~="${CSS.escape(e.id)}"]`) : null;
 }
 function To() {
-  Wa() && (wr = performance.now() + Ho);
+  ja() && (yr = performance.now() + Ho);
   for (const e of document.querySelectorAll(".cm-tooltip")) {
-    const t = ja(e);
+    const t = Ya(e);
     t && (t.matches(":hover") || t === document.activeElement) && (e.dataset.cmDismissed = "");
   }
 }
 function Cl(e) {
-  const t = ja(e);
-  return !t || t !== document.activeElement || t.matches(":hover") ? !1 : !(yr >= wr - Ho && yr < wr) && !Wa(e);
+  const t = Ya(e);
+  return !t || t !== document.activeElement || t.matches(":hover") ? !1 : !(kr >= yr - Ho && kr < yr) && !ja(e);
 }
 function El(e) {
   Cl(e) && (e.dataset.cmHeld = "", globalThis.setTimeout(() => {
     delete e.dataset.cmHeld;
-  }, vr)), e.dataset.cmSeen = "";
+  }, wr)), e.dataset.cmSeen = "";
 }
 function zl(e) {
   return Array.from(e.querySelectorAll('[role^="menuitem"]')).filter(
@@ -1766,22 +1790,22 @@ function Il(e) {
     }
   }
 }
-function kr(e) {
+function Sr(e) {
   const t = e.scrollTop > 0, r = e.scrollTop + e.clientHeight < e.scrollHeight - 1;
   e.toggleAttribute("data-cm-scroll-up", t), e.toggleAttribute("data-cm-scroll-down", r);
 }
 const Jt = typeof ResizeObserver > "u" ? null : new ResizeObserver((e) => {
   for (const { target: t } of e)
-    t.isConnected ? kr(t) : Jt == null || Jt.unobserve(t);
+    t.isConnected ? Sr(t) : Jt == null || Jt.unobserve(t);
 });
 let xt = null;
-function Dr() {
+function Br() {
   xt && (cancelAnimationFrame(xt.frame), xt = null);
 }
-function Nn(e, t) {
+function En(e, t) {
   if ((xt == null ? void 0 : xt.menu) === e && xt.direction === t)
     return;
-  Dr();
+  Br();
   const r = () => {
     xt && (e.scrollTop += t * Nl, xt.frame = requestAnimationFrame(r));
   };
@@ -1791,26 +1815,26 @@ function Ll(e) {
   const t = e.target instanceof Element ? e.target.closest(".cm-menu") : null;
   if (t) {
     const r = t.getBoundingClientRect();
-    if (t.dataset.cmScrollUp !== void 0 && e.clientY < r.top + Tn) {
-      Nn(t, -1);
+    if (t.dataset.cmScrollUp !== void 0 && e.clientY < r.top + Nn) {
+      En(t, -1);
       return;
     }
-    if (t.dataset.cmScrollDown !== void 0 && e.clientY > r.bottom - Tn) {
-      Nn(t, 1);
+    if (t.dataset.cmScrollDown !== void 0 && e.clientY > r.bottom - Nn) {
+      En(t, 1);
       return;
     }
   }
-  Dr();
+  Br();
 }
-function Sr() {
-  if (An || typeof document > "u")
+function Tr() {
+  if (Cn || typeof document > "u")
     return;
-  An = !0;
+  Cn = !0;
   const e = { capture: !0, passive: !0 };
   document.addEventListener("pointerdown", To, e), document.addEventListener("wheel", To, e), document.addEventListener(
     "focusin",
     () => {
-      yr = performance.now();
+      kr = performance.now();
     },
     e
   ), document.addEventListener(
@@ -1820,15 +1844,15 @@ function Sr() {
     },
     e
   ), document.addEventListener("mouseout", (t) => {
-    t.relatedTarget || (To(), Dr());
+    t.relatedTarget || (To(), Br());
   }), document.addEventListener("keydown", Il), document.addEventListener("pointermove", Ll, { passive: !0 }), document.addEventListener(
     "scroll",
     (t) => {
-      t.target instanceof HTMLElement && t.target.classList.contains("cm-menu") && kr(t.target);
+      t.target instanceof HTMLElement && t.target.classList.contains("cm-menu") && Sr(t.target);
     },
     e
   ), document.addEventListener("animationstart", (t) => {
-    !Al.has(t.animationName) || !(t.target instanceof HTMLElement) || (t.target.classList.contains("cm-tooltip") ? El(t.target) : t.target.classList.contains("cm-menu") && (kr(t.target), Jt == null || Jt.observe(t.target)));
+    !Al.has(t.animationName) || !(t.target instanceof HTMLElement) || (t.target.classList.contains("cm-tooltip") ? El(t.target) : t.target.classList.contains("cm-menu") && (Sr(t.target), Jt == null || Jt.observe(t.target)));
   });
 }
 function eo(e, t, r) {
@@ -1856,7 +1880,7 @@ const Rt = {
     lg: eo("36px", "15px", "25px"),
     xl: eo("44px", "24px", "32px")
   }
-}, Cn = {
+}, zn = {
   compactSize: "sm",
   sizes: {
     xs: vt("48px", "4px", "11px", "16px"),
@@ -1865,7 +1889,7 @@ const Rt = {
     lg: vt("72px", "6px", "15px", "25px"),
     xl: vt("88px", "8px", "24px", "32px")
   }
-}, _o = {
+}, $o = {
   compactSize: "sm",
   sizes: {
     xs: vt("20px", "0px", "11px", "16px"),
@@ -1884,10 +1908,10 @@ const Rt = {
     xl: { "--cb-size": "32px", "--cb-icon-size": "20px", "--cb-radius": "5px" }
   }
 };
-function En(e) {
+function In(e) {
   return /\bcolou?r\b/i.test(e) ? e : `${e} color`;
 }
-const Ya = {
+const Ka = {
   mixed: "Mixed",
   fieldBound: "Bound to a data attribute",
   fieldPending: "Set but not yet applied",
@@ -1905,8 +1929,8 @@ const Ya = {
   resetToDefault: (e) => `Reset ${e} to default`,
   colorSwatch: "Pick color",
   colorHexValue: "Color hex value",
-  pickColor: (e) => `Pick ${En(e)}`,
-  colorValue: (e) => En(e),
+  pickColor: (e) => `Pick ${In(e)}`,
+  colorValue: (e) => In(e),
   colorOpacity: (e) => `${e} opacity`,
   opacity: "Opacity",
   colorPanelTitle: "Color",
@@ -1958,25 +1982,25 @@ const Ya = {
         return `${e}th`;
     }
   }
-}, Ol = "en", Tr = It(Ya), Ar = It(void 0);
+}, Ol = "en", Ar = It(Ka), Nr = It(void 0);
 function Rl(e) {
   return e !== void 0 && e !== "" ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator < "u" && navigator.language !== "" ? navigator.language : Ol;
 }
 function oh({ labels: e, locale: t, children: r }) {
-  const n = mt(Tr), a = mt(Ar), c = be(() => ({ ...n, ...e }), [n, e]), s = t ?? a;
-  return /* @__PURE__ */ o(Ar.Provider, { value: s, children: /* @__PURE__ */ o(Tr.Provider, { value: c, children: r }) });
+  const n = mt(Ar), a = mt(Nr), c = be(() => ({ ...n, ...e }), [n, e]), s = t ?? a;
+  return /* @__PURE__ */ o(Nr.Provider, { value: s, children: /* @__PURE__ */ o(Ar.Provider, { value: c, children: r }) });
 }
 function ze() {
-  return mt(Tr);
+  return mt(Ar);
 }
 function fo() {
-  const e = mt(Ar);
+  const e = mt(Nr);
   return Rl(e);
 }
-const Ml = 1234.5, Dl = "9876543210", Hl = 9876543210, Bl = /* @__PURE__ */ new Set([" ", " ", " ", " ", "'", "’"]), Fl = "−", Vl = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/iu, zn = /* @__PURE__ */ new Map();
+const Ml = 1234.5, Dl = "9876543210", Hl = 9876543210, Bl = /* @__PURE__ */ new Set([" ", " ", " ", " ", "'", "’"]), Fl = "−", Vl = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/iu, Ln = /* @__PURE__ */ new Map();
 function Ul(e) {
   var d, l;
-  const t = zn.get(e);
+  const t = Ln.get(e);
   if (t !== void 0)
     return t;
   const r = new Intl.NumberFormat(e).formatToParts(Ml), n = ((d = r.find((u) => u.type === "decimal")) == null ? void 0 : d.value) ?? ".", a = ((l = r.find((u) => u.type === "group")) == null ? void 0 : l.value) ?? "", c = /* @__PURE__ */ new Map();
@@ -1987,7 +2011,7 @@ function Ul(e) {
     c.set(u, Dl[p]);
   });
   const i = { decimal: n, digits: c, group: a };
-  return zn.set(e, i), i;
+  return Ln.set(e, i), i;
 }
 function Gl(e, t) {
   const r = Ul(t);
@@ -2082,7 +2106,7 @@ const Zl = {
   group: "cm-listbox-group",
   groupLabel: "cm-listbox-group-label",
   empty: "cm-listbox-empty"
-}, In = {
+}, Pn = {
   dropdown: "cm-menu-surface cm-menu cm-listbox cm-listbox-multi",
   pill: "cm-input-pill",
   pillsList: "cm-input-pills",
@@ -2096,22 +2120,22 @@ function Ao(e, t = "", r = {}) {
     ...r
   });
 }
-const $o = uo(Mr), Ql = {
-  comboboxProps: Rr(),
+const er = uo(Hr), Ql = {
+  comboboxProps: Dr(),
   withScrollArea: !1,
-  renderOption: Ua
-}, er = {
-  comboboxProps: ll(),
+  renderOption: Ga
+}, tr = {
+  comboboxProps: dl(),
   withScrollArea: !1,
-  renderOption: Ua
+  renderOption: Ga
 };
 function No(e, t) {
-  return Sr(), { root: {}, wrapper: ge(e, t) };
+  return Tr(), { root: {}, wrapper: ge(e, t) };
 }
 const _l = {
   // Every field's wrapper is also styled under this name (Mantine's useStyles names it
   // ["InputWrapper", "Select"]), so this one entry themes the label of every field.
-  InputWrapper: Xi.extend({ classNames: Jl }),
+  InputWrapper: Ji.extend({ classNames: Jl }),
   TextInput: Vt.extend({
     defaultProps: { size: "sm", variant: "filled" },
     vars: (e, t) => ({ root: {}, wrapper: ge(Rt, t == null ? void 0 : t.size) }),
@@ -2119,7 +2143,7 @@ const _l = {
   }),
   // No stepper chevrons (spec 6.1): ArrowUp / ArrowDown still step. `hideControls={false}`
   // brings Mantine's steppers back for a caller who asks.
-  NumberInput: Ki.extend({
+  NumberInput: Xi.extend({
     defaultProps: { size: "sm", variant: "filled", hideControls: !0 },
     vars: (e, t) => ({
       root: {},
@@ -2130,23 +2154,23 @@ const _l = {
   }),
   // The APG combobox: role="combobox" plus aria-expanded (from ComboboxTarget below), so a
   // screen reader hears the list open and the highlight move (aria-activedescendant).
-  Select: Lr.extend({
+  Select: Pr.extend({
     defaultProps: {
       size: "sm",
       variant: "outlined",
-      rightSection: $o,
+      rightSection: er,
       role: "combobox",
       ...Ql
     },
-    vars: (e, t) => (wn(), ml(), No(Rt, t == null ? void 0 : t.size)),
+    vars: (e, t) => (kn(), pl(), No(Rt, t == null ? void 0 : t.size)),
     classNames: Ao("outlined", "cm-select")
   }),
-  NativeSelect: Yi.extend({
-    defaultProps: { size: "sm", variant: "outlined", rightSection: $o },
-    vars: (e, t) => (wn(), { root: {}, wrapper: ge(Rt, t == null ? void 0 : t.size) }),
+  NativeSelect: Ki.extend({
+    defaultProps: { size: "sm", variant: "outlined", rightSection: er },
+    vars: (e, t) => (kn(), { root: {}, wrapper: ge(Rt, t == null ? void 0 : t.size) }),
     classNames: kt("outlined", "cm-select")
   }),
-  Textarea: ji.extend({
+  Textarea: Yi.extend({
     defaultProps: { size: "sm", variant: "filled" },
     // An autosize field's floor is its minRows lines, not the size's fixed 56px: a one-line
     // composer is 4 + 16 + 4 = 24, the panel's control height, and grows a line at a time.
@@ -2155,7 +2179,7 @@ const _l = {
     vars: (e, t) => ({
       root: {},
       wrapper: {
-        ...ge(Cn, t == null ? void 0 : t.size),
+        ...ge(zn, t == null ? void 0 : t.size),
         ...t != null && t.autosize || (t == null ? void 0 : t.minRows) !== void 0 || (t == null ? void 0 : t.maxRows) !== void 0 ? {
           "--input-height": `calc(${t.minRows ?? 1} * var(--input-line-height) + 2 * var(--input-padding-y))`
         } : {}
@@ -2163,7 +2187,7 @@ const _l = {
     }),
     classNames: kt("filled")
   }),
-  PasswordInput: Wi.extend({
+  PasswordInput: ji.extend({
     defaultProps: {
       size: "sm",
       variant: "filled",
@@ -2183,27 +2207,27 @@ const _l = {
       visibilityToggle: "cm-input-toggle"
     })
   }),
-  Autocomplete: qi.extend({
-    defaultProps: { size: "sm", variant: "filled", role: "combobox", ...er },
+  Autocomplete: Wi.extend({
+    defaultProps: { size: "sm", variant: "filled", role: "combobox", ...tr },
     vars: (e, t) => No(Rt, t == null ? void 0 : t.size),
     classNames: Ao("filled")
   }),
-  MultiSelect: Gi.extend({
-    defaultProps: { size: "sm", variant: "filled", rightSection: $o, ...er },
-    vars: (e, t) => No(_o, t == null ? void 0 : t.size),
-    classNames: Ao("filled", "cm-pills-field", In)
+  MultiSelect: qi.extend({
+    defaultProps: { size: "sm", variant: "filled", rightSection: er, ...tr },
+    vars: (e, t) => No($o, t == null ? void 0 : t.size),
+    classNames: Ao("filled", "cm-pills-field", Pn)
   }),
-  TagsInput: Ui.extend({
-    defaultProps: { size: "sm", variant: "filled", ...er },
-    vars: (e, t) => No(_o, t == null ? void 0 : t.size),
-    classNames: Ao("filled", "cm-pills-field", In)
+  TagsInput: Gi.extend({
+    defaultProps: { size: "sm", variant: "filled", ...tr },
+    vars: (e, t) => No($o, t == null ? void 0 : t.size),
+    classNames: Ao("filled", "cm-pills-field", Pn)
   }),
-  PillsInput: Vi.extend({
+  PillsInput: Ui.extend({
     defaultProps: { size: "sm", variant: "filled" },
-    vars: (e, t) => ({ root: {}, wrapper: ge(_o, t == null ? void 0 : t.size) }),
+    vars: (e, t) => ({ root: {}, wrapper: ge($o, t == null ? void 0 : t.size) }),
     classNames: kt("filled", "cm-pills-field")
   }),
-  FileInput: Fi.extend({
+  FileInput: Vi.extend({
     defaultProps: { size: "sm", variant: "filled" },
     vars: (e, t) => ({ root: {}, wrapper: ge(Rt, t == null ? void 0 : t.size) }),
     classNames: (e, t) => ({
@@ -2211,7 +2235,7 @@ const _l = {
       placeholder: "cm-input-placeholder"
     })
   }),
-  JsonInput: Bi.extend({
+  JsonInput: Fi.extend({
     defaultProps: { size: "sm", variant: "filled" },
     // An autosize field's floor is its minRows lines, not the size's fixed 56px: a one-line
     // composer is 4 + 16 + 4 = 24, the panel's control height, and grows a line at a time.
@@ -2220,7 +2244,7 @@ const _l = {
     vars: (e, t) => ({
       root: {},
       wrapper: {
-        ...ge(Cn, t == null ? void 0 : t.size),
+        ...ge(zn, t == null ? void 0 : t.size),
         ...t != null && t.autosize || (t == null ? void 0 : t.minRows) !== void 0 || (t == null ? void 0 : t.maxRows) !== void 0 ? {
           "--input-height": `calc(${t.minRows ?? 1} * var(--input-line-height) + 2 * var(--input-padding-y))`
         } : {}
@@ -2233,13 +2257,13 @@ const _l = {
   // Mantine replaces a field's whole comboboxProps default with the caller's object, and only
   // the Combobox underneath merges key by key (listboxComboboxProps).
   Combobox: Ht.extend({
-    defaultProps: { ...dl() }
+    defaultProps: { ...ul() }
   }),
   ComboboxTarget: Ht.Target.extend({
     defaultProps: { withExpandedAttribute: !0 }
   }),
   // The clear (x) of a field: a CloseButton, 16px in the 24px trailing slot (spec 6.2).
-  InputClearButton: Hi.extend({
+  InputClearButton: Bi.extend({
     defaultProps: { size: "xs" },
     vars: (e, t) => ({ root: ge(Pl, t == null ? void 0 : t.size) }),
     classNames: { root: "cm-input-clear cm-focus-outside" }
@@ -2315,10 +2339,10 @@ const rd = {
   tabSection: "cm-tab-section",
   panel: "cm-tabs-panel"
 }, md = {
-  onMouseDown: ns,
-  onClickCapture: as,
-  onMouseLeave: hn,
-  onKeyDown: hn,
+  onMouseDown: as,
+  onClickCapture: is,
+  onMouseLeave: bn,
+  onKeyDown: bn,
   renderRoot: od
 }, pd = {
   first: "First page",
@@ -2326,14 +2350,14 @@ const rd = {
   next: "Next page",
   last: "Last page"
 }, hd = {
-  Anchor: $i.extend({
+  Anchor: ec.extend({
     defaultProps: {
       size: "sm",
       underline: "never"
     },
     classNames: id
   }),
-  Burger: _i.extend({
+  Burger: $i.extend({
     defaultProps: {
       size: "sm"
     },
@@ -2342,10 +2366,10 @@ const rd = {
     }),
     classNames: cd
   }),
-  NavLink: Qi.extend({
+  NavLink: _i.extend({
     classNames: sd
   }),
-  Pagination: Zi.extend({
+  Pagination: Qi.extend({
     defaultProps: {
       size: "sm",
       // Mantine draws the previous, next, first and last controls as bare chevrons with
@@ -2358,7 +2382,7 @@ const rd = {
     }),
     classNames: ld
   }),
-  Stepper: Ji.extend({
+  Stepper: Zi.extend({
     defaultProps: {
       size: "sm"
     },
@@ -2397,10 +2421,11 @@ const rd = {
       transitionProps: jt,
       middlewares: bl
     },
-    classNames: hl,
+    // variant="inverse" keeps Figma's always-dark menu in both schemes (cm-menu-inverse).
+    classNames: (e, t) => t.variant === "inverse" ? { ..._o, dropdown: `${_o.dropdown} cm-menu-inverse` } : _o,
     // vars runs on every render: the first one installs the document-level type-ahead and
     // scroll chevrons (idempotent; see overlayBehavior.ts).
-    vars: () => (Sr(), { dropdown: pl })
+    vars: () => (Tr(), { dropdown: hl })
   }),
   // Submenus open and close with no delay, 4px beside the parent menu, first row level with
   // the parent row. They render inside the parent dropdown, whose height clamp makes it a
@@ -2427,12 +2452,12 @@ const rd = {
   }),
   Tooltip: dt.extend({
     defaultProps: {
-      zIndex: el,
+      zIndex: tl,
       position: "bottom",
       offset: xl,
       withArrow: !0,
-      arrowSize: Ga,
-      openDelay: vr,
+      arrowSize: qa,
+      openDelay: wr,
       closeDelay: Ho,
       transitionProps: jt,
       events: { hover: !0, focus: !0, touch: !1 },
@@ -2441,30 +2466,30 @@ const rd = {
     classNames: vl,
     // vars runs on every render: the first one installs the instant dismiss and the focus
     // delay (idempotent; see overlayBehavior.ts).
-    vars: () => (Sr(), { tooltip: {} })
+    vars: () => (Tr(), { tooltip: {} })
   }),
   TooltipGroup: dt.Group.extend({
     defaultProps: {
-      openDelay: vr,
+      openDelay: wr,
       closeDelay: Ho
     }
   }),
-  Popover: tc.extend({
+  Popover: oc.extend({
     defaultProps: {
       zIndex: Xt,
       transitionProps: jt
     },
-    classNames: Sn
+    classNames: An
   }),
-  HoverCard: ec.extend({
+  HoverCard: tc.extend({
     defaultProps: {
       zIndex: Xt,
       transitionProps: jt
     },
-    classNames: Sn
+    classNames: An
   }),
   // Frame sizes sm 320 / md 480 / lg 760 live on cm-modal as Mantine's --modal-size-* vars.
-  Modal: sn.extend({
+  Modal: dn.extend({
     defaultProps: {
       centered: !0,
       withOverlay: !1,
@@ -2478,20 +2503,20 @@ const rd = {
   // Mantine draws the title bar as a <header>. Inside a dialog that is a banner landmark,
   // a second one beside the page's own (axe: landmark-no-duplicate-banner). The dialog is
   // already named by its title, so the bar drops the landmark role and is a plain container.
-  ModalHeader: sn.Header.extend({ defaultProps: { role: "none" } }),
-  Drawer: cn.extend({
+  ModalHeader: dn.Header.extend({ defaultProps: { role: "none" } }),
+  Drawer: ln.extend({
     defaultProps: {
       closeButtonProps: { "aria-label": "Close" }
     }
   }),
-  DrawerHeader: cn.Header.extend({ defaultProps: { role: "none" } }),
-  Notification: ya.extend({
+  DrawerHeader: ln.Header.extend({ defaultProps: { role: "none" } }),
+  Notification: Sa.extend({
     defaultProps: {
       closeButtonProps: { iconSize: 10 }
     },
     classNames: yl
   }),
-  ScrollArea: Pr.extend({
+  ScrollArea: Or.extend({
     defaultProps: {
       type: "hover",
       scrollHideDelay: 0,
@@ -2502,11 +2527,11 @@ const rd = {
 }, gd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   overlayComponentExtensions: bd
-}, Symbol.toStringTag, { value: "Module" })), Ln = /* @__PURE__ */ Object.assign({ "./buttons.ts": Qc, "./color.ts": es, "./controls.ts": gs, "./display.ts": Ws, "./feedback.ts": $s, "./inputs.ts": $l, "./navigation.ts": fd, "./overlays.ts": gd });
+}, Symbol.toStringTag, { value: "Module" })), On = /* @__PURE__ */ Object.assign({ "./buttons.ts": _c, "./color.ts": ts, "./controls.ts": xs, "./display.ts": js, "./feedback.ts": el, "./inputs.ts": $l, "./navigation.ts": fd, "./overlays.ts": gd });
 function xd() {
   const e = {}, t = {};
-  for (const r of Object.keys(Ln).sort())
-    for (const [n, a] of Object.entries(Ln[r]))
+  for (const r of Object.keys(On).sort())
+    for (const [n, a] of Object.entries(On[r]))
       if (n.endsWith("ComponentExtensions"))
         for (const [c, s] of Object.entries(a)) {
           if (c in t)
@@ -2523,18 +2548,18 @@ const vd = xd(), wd = "data:font/woff2;base64,d09GMgABAAAAALyAABUAAAAB4CAAALwFAA
     --cm-field-shadow-hover: inset 0 0 0 1px var(--cm-field-edge-hover);
     --cm-field-border: var(--cm-field-edge);
     --mantine-color-dimmed: var(--cm-text-secondary) !important;`;
-function Hr(e) {
+function Fr(e) {
   return `${e} {
-    ${Hs()}
+    ${Bs()}
     ${Sd}
 }`;
 }
-function Br(e) {
+function Vr(e) {
   return `${e} {
-    ${Fs()}
+    ${Vs()}
 }`;
 }
-const Fr = "--cm-row-ink: var(--cm-text-onbrand); --cm-row-ink-secondary: var(--cm-text-onbrand-secondary);", Ut = "--cm-row-ink: initial; --cm-row-ink-secondary: initial;", Td = ".cm-focus-outside, .cm-focus-flush, .cm-focus-inside, .cm-focus-inside-2, .cm-focus-double", Ad = `
+const Ur = "--cm-row-ink: var(--cm-text-onbrand); --cm-row-ink-secondary: var(--cm-text-onbrand-secondary);", Ut = "--cm-row-ink: initial; --cm-row-ink-secondary: initial;", Td = ".cm-focus-outside, .cm-focus-flush, .cm-focus-inside, .cm-focus-inside-2, .cm-focus-double", Ad = `
 @font-face {
     font-family: "Inter Variable";
     font-style: normal;
@@ -2546,21 +2571,21 @@ const Fr = "--cm-row-ink: var(--cm-text-onbrand); --cm-row-ink-secondary: var(--
 
 :root,
 :host {
-    ${Ds()}
+    ${Hs()}
     ${kd}
 }
 
-${Hr(':root[data-cm-contrast="high"]')}
+${Fr(':root[data-cm-contrast="high"]')}
 
 /* A theme whose primaryColor is not "brand" (global-styles.ts sets the attribute): the accent
    tokens follow the primary palette. After the AA block, so a custom accent wins there too. */
 :root[data-cm-accent] {
-    ${Bs()}
+    ${Fs()}
 }
 
 /* The graphty brand accent (createCompactTheme({ accent: "graphty" })): fixed brand values, so
    after the derived block above. */
-${Br(':root[data-cm-accent="graphty"]')}
+${Vr(':root[data-cm-accent="graphty"]')}
 
 /* Reduced motion: the few things that move (spec 2.8: a checkbox tick, a switch knob, a hover
    color, the help button's ring, the loading fade) change in one frame. Every such transition
@@ -2688,17 +2713,40 @@ ${Td} {
 .cm-field ::placeholder { color: var(--cm-text-tertiary); opacity: 1; }
 .cm-field ::selection { background-color: var(--cm-text-highlight); }
 
-/* The dark menu surface (spec 6.5, 8.1). The surface keeps the page's scheme so its shadow
-   follows the page; its children render dark. */
+/* The menu surface (spec 6.5, 8.1): menus, list boxes and context menus follow the page's
+   scheme. Every rule inside reads the menu tokens (--cm-bg-menu, --cm-text-menu, ...), which on
+   their own are the always-dark values; this surface points them at the page-following set, so a
+   light app gets a light menu with dark ink and a dark app the dark menu. The highlights are the
+   brand's and the danger fill's darker steps in each scheme, so the white row text and shortcut
+   on them meet 4.5:1 and the pill meets 3:1 against the surface.
+
+   The class cm-menu-inverse keeps Figma's always-dark menu in both schemes (a Menu adds it for
+   variant="inverse"; any other dropdown, a Select's or a Combobox's, takes it through
+   classNames={{ dropdown: "cm-menu-inverse" }}): the surface resolves dark and the
+   menu tokens and highlights keep their Figma values. Only its shadow follows the page. */
 .cm-menu-surface {
+    --cm-menu-shadow: var(--cm-elevation-400);
     background-color: var(--cm-bg-menu);
     color: var(--cm-text-menu);
     border: 0;
     border-radius: 13px;
-    box-shadow: var(--cm-elevation-400);
+    box-shadow: var(--cm-menu-shadow);
     padding: 8px 0;
 }
-.cm-menu-surface > * { color-scheme: dark; }
+.cm-menu-surface:not(.cm-menu-inverse) {
+    --cm-bg-menu: var(--cm-bg-menu-page);
+    --cm-text-menu: var(--cm-text-menu-page);
+    --cm-text-menu-secondary: var(--cm-text-menu-page-secondary);
+    --cm-text-menu-disabled: var(--cm-text-menu-page-disabled);
+    --cm-border-menu: var(--cm-border-menu-page);
+    --cm-bg-brand: light-dark(var(--cm-bg-brand-pressed), var(--cm-bg-brand-hover));
+    --cm-bg-danger: light-dark(var(--cm-bg-danger-pressed), var(--cm-bg-danger-hover));
+    --cm-text-onbrand-secondary: var(--cm-text-onbrand);
+}
+.cm-menu-surface.cm-menu-inverse { color-scheme: dark; }
+:where([data-mantine-color-scheme="light"]) .cm-menu-surface.cm-menu-inverse {
+    --cm-menu-shadow: ${Mr[400].light.join(", ")};
+}
 
 /* A menu or listbox row: 24 tall, text 16px from the menu edge, the highlight an inner pill
    inset 8px each side. Only one row is ever filled: a selected row gives its highlight up while
@@ -2733,7 +2781,7 @@ ${Td} {
 .cm-menu-row:hover,
 .cm-menu-row[data-hovered],
 .cm-menu-row[data-combobox-selected],
-.cm-menu-row[aria-selected="true"] { ${Fr} }
+.cm-menu-row[aria-selected="true"] { ${Ur} }
 .cm-menu-surface:has(.cm-menu-row:hover) .cm-menu-row[aria-selected="true"]:not(:hover)::before {
     background: transparent;
 }
@@ -2768,12 +2816,12 @@ ${Td} {
 }
 `, Nd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ROW_LIT: Fr,
+  ROW_LIT: Ur,
   ROW_UNLIT: Ut,
   default: Ad,
-  graphtyAccentBlock: Br,
-  highContrastBlock: Hr
-}, Symbol.toStringTag, { value: "Module" })), Yt = ':is(:hover, [data-state="hover"])', Ct = ':is(:active, [data-state="press"])', Et = ':is(:focus-visible, [data-state="focus"])', ot = ":not(:disabled, [data-disabled], [data-loading])", Mt = ":is(:disabled, [data-disabled]):not([data-loading])", Pn = ':is([data-variant="default"], [data-variant="outline"], [data-variant="danger-outline"])', tr = ':is([data-variant="default"], [aria-haspopup]:not([aria-haspopup="false"]))', or = ':is([aria-expanded="true"], [aria-pressed="true"])', to = '.cm-ai-group > .cm-action-icon:is([data-variant="subtle"], [data-variant="default"], [data-variant="joined"])', Cd = `
+  graphtyAccentBlock: Vr,
+  highContrastBlock: Fr
+}, Symbol.toStringTag, { value: "Module" })), Yt = ':is(:hover, [data-state="hover"])', Ct = ':is(:active, [data-state="press"])', Et = ':is(:focus-visible, [data-state="focus"])', ot = ":not(:disabled, [data-disabled], [data-loading])", Mt = ":is(:disabled, [data-disabled]):not([data-loading])", Rn = ':is([data-variant="default"], [data-variant="outline"], [data-variant="danger-outline"])', or = ':is([data-variant="default"], [aria-haspopup]:not([aria-haspopup="false"]))', rr = ':is([aria-expanded="true"], [aria-pressed="true"])', to = '.cm-ai-group > .cm-action-icon:is([data-variant="subtle"], [data-variant="default"], [data-variant="joined"])', Cd = `
 /* ---------- Button (4.1) ---------- */
 .cm-button {
     display: inline-flex;
@@ -2795,6 +2843,9 @@ ${Td} {
     outline-offset: -1px;
 }
 .cm-button:where([data-block]) { display: flex; }
+/* A full-width button never grows past its width: a label too long for it ends in an ellipsis. */
+.cm-button:where([data-block]) .cm-button-inner { flex: 1; min-width: 0; }
+.cm-button:where([data-block]) .cm-button-label { display: block; height: auto; min-width: 0; text-overflow: ellipsis; }
 .cm-button:where([data-with-left-section], [data-with-right-section]) { padding: 0; }
 .cm-button-inner { transition: opacity var(--cm-duration-md) var(--cm-ease-loading); }
 /* The label carries the inset, so the button reports padding 0 (C7). */
@@ -2839,11 +2890,11 @@ ${Td} {
     outline: 1px solid transparent;
     outline-offset: 1px;
 }
-.cm-button${Pn}${Et} {
+.cm-button${Rn}${Et} {
     outline: 1px solid var(--cm-btn-outline, transparent);
     outline-offset: -1px;
 }
-.cm-button${Pn}${Et}::before { outline-color: var(--cm-border-selected); }
+.cm-button${Rn}${Et}::before { outline-color: var(--cm-border-selected); }
 .cm-button${Mt} {
     background: var(--cm-btn-disabled-bg, var(--mantine-color-disabled));
     color: var(--cm-btn-disabled-color, var(--mantine-color-disabled-color));
@@ -2886,7 +2937,7 @@ ${Td} {
     outline: 1px solid var(--cm-border-selected);
     outline-offset: 1px;
 }
-.cm-action-icon${tr}::before {
+.cm-action-icon${or}::before {
     content: "";
     position: absolute;
     inset: 0;
@@ -2895,18 +2946,18 @@ ${Td} {
     outline: 1px solid transparent;
     outline-offset: 1px;
 }
-.cm-action-icon${tr}${Et} {
+.cm-action-icon${or}${Et} {
     outline: 1px solid var(--cm-ai-outline, transparent);
     outline-offset: -1px;
 }
-.cm-action-icon${tr}${Et}::before { outline-color: var(--cm-border-selected); }
+.cm-action-icon${or}${Et}::before { outline-color: var(--cm-border-selected); }
 /* Open (aria-expanded) and toggled on (aria-pressed): selected ground, brand glyph. */
-.cm-action-icon${or}:not(:disabled, [data-disabled]) {
+.cm-action-icon${rr}:not(:disabled, [data-disabled]) {
     background-color: var(--cm-bg-selected);
     color: var(--cm-icon-brand);
 }
-.cm-action-icon${or}${Yt}${ot} { background-color: var(--cm-bg-selected-secondary); }
-.cm-action-icon${or}${Ct}${ot} { background-color: var(--cm-bg-selected); }
+.cm-action-icon${rr}${Yt}${ot} { background-color: var(--cm-bg-selected-secondary); }
+.cm-action-icon${rr}${Ct}${ot} { background-color: var(--cm-bg-selected); }
 .cm-action-icon${Mt} {
     background: var(--cm-ai-disabled-bg, transparent);
     color: var(--cm-ai-disabled-color, var(--cm-icon-disabled));
@@ -3919,7 +3970,7 @@ ${to}${Et} {
     color: var(--cm-text-disabled);
 }
 
-/* ---- The dark listbox (spec 6.5) ---- */
+/* ---- The listbox (spec 6.5): the menu surface, following the page's scheme ---- */
 /* The surface restated at two classes: a Combobox dropdown is a Mantine Popover dropdown, so it
    also receives the Popover's theme classes (the light popover), which must not win here. */
 .cm-listbox.cm-menu-surface {
@@ -3938,7 +3989,7 @@ ${to}${Et} {
     border-radius: 13px;
     background-color: var(--cm-bg-menu);
     color: var(--cm-text-menu);
-    box-shadow: var(--cm-elevation-400);
+    box-shadow: var(--cm-menu-shadow);
 }
 .cm-listbox .cm-listbox-option {
     gap: 4px;
@@ -4314,12 +4365,12 @@ ${to}${Et} {
   __proto__: null,
   default: Rd
 }, Symbol.toStringTag, { value: "Module" })), Dd = `
-/* ---------------------------------------------------------------- 8.1 dark menu */
+/* ---------------------------------------------------------------- 8.1 menu */
 
-/* The dropdown: the foundation's cm-menu-surface (#1e1e1e, radius 13, elevation 400 from the
-   page's scheme, padding 8 0, children dark-scoped) plus the menu's own width floor and the
-   viewport clamp, whose max-height the Menu's size middleware writes. The native scrollbar is
-   hidden, as in Figma. */
+/* The dropdown: the foundation's cm-menu-surface (the page's scheme, or always dark with
+   cm-menu-inverse; radius 13, elevation 400 from the page's scheme, padding 8 0) plus the
+   menu's own width floor and the viewport clamp, whose max-height the Menu's size middleware
+   writes. The native scrollbar is hidden, as in Figma. */
 .cm-menu {
     min-width: 152px;
     overflow-y: auto;
@@ -4328,8 +4379,8 @@ ${to}${Et} {
 .cm-menu::-webkit-scrollbar { display: none; }
 
 /* Figma's scroll chevron rows: 24 tall, the menu's fill, a 5 x 3 chevron (the register's
-   chevronUp / chevronDown polyline drawn in a 10px box; white because the menu is dark in both
-   themes). src/components/overlays/overlayBehavior.ts sets data-cm-scroll-up / -down on a
+   chevronUp / chevronDown polyline drawn in a 10px box; white on a dark menu, the menu's dark ink
+   on a light one). src/components/overlays/overlayBehavior.ts sets data-cm-scroll-up / -down on a
    clamped menu for each end it can still scroll towards, and scrolls it while one is hovered.
    The rows are sticky pseudo elements laid over the first and last visible rows. */
 .cm-menu[data-cm-scroll-up]::before,
@@ -4353,6 +4404,12 @@ ${to}${Et} {
     margin-bottom: -8px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='4,6 8,10 12,6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");
 }
+:where([data-mantine-color-scheme="light"]) .cm-menu:not(.cm-menu-inverse)[data-cm-scroll-up]::before {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='4,10 8,6 12,10' fill='none' stroke='%23000' stroke-opacity='.9' stroke-width='1.6'/%3E%3C/svg%3E");
+}
+:where([data-mantine-color-scheme="light"]) .cm-menu:not(.cm-menu-inverse)[data-cm-scroll-down]::after {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='4,6 8,10 12,6' fill='none' stroke='%23000' stroke-opacity='.9' stroke-width='1.6'/%3E%3C/svg%3E");
+}
 
 /* A mount hook: overlayBehavior.ts listens for these animations' animationstart to see a
    menu or tooltip appear, without observing the whole page. */
@@ -4365,15 +4422,12 @@ ${to}${Et} {
 .cm-tooltip { animation: cm-tooltip-mount 1ms; }
 .cm-tooltip:not([data-cm-seen]) { visibility: hidden; }
 
-/* A submenu is rendered inside its parent's dropdown, so the foundation's "children are dark"
-   rule reaches it and would resolve its shadow dark in the light app. Its shadow follows the
-   page like every other menu's. */
-:where([data-mantine-color-scheme="light"]) .cm-menu-surface > .cm-menu-surface { color-scheme: light; }
 /* Menu.Sub draws its dropdown through a Popover, so the dropdown also carries the popover's
-   classes (cm-popover-surface, cm-popover). The menu's dark surface wins. */
+   classes (cm-popover-surface, cm-popover). The menu's surface, and its page shadow, win. */
 .cm-menu-surface.cm-popover-surface {
     background-color: var(--cm-bg-menu);
     color: var(--cm-text-menu);
+    box-shadow: var(--cm-menu-shadow);
     padding: 8px 0;
 }
 
@@ -4430,7 +4484,7 @@ ${to}${Et} {
     background: var(--cm-bg-brand);
 }
 .cm-menu-item:focus,
-.cm-menu-item[aria-expanded="true"] { ${Fr} }
+.cm-menu-item[aria-expanded="true"] { ${Ur} }
 .cm-menu:has(> .cm-menu-item:hover) > .cm-menu-item:focus:not(:hover, [aria-expanded="true"])::before {
     background: transparent;
 }
@@ -4446,7 +4500,7 @@ ${to}${Et} {
 
 /* Danger rows (color="red"): Mantine writes the color into the row's inline --menu-item-color;
    the danger slots replace the menu's. ponytail: keyed on the inline style Mantine writes for
-   color="red"; any other color keeps the menu's white. */
+   color="red"; any other color keeps the menu's ink. */
 .cm-menu-item[style*="--mantine-color-red"] { color: var(--cm-text-danger); }
 .cm-menu-item[style*="--mantine-color-red"]:is(:hover, :focus, [data-hovered])::before { background: var(--cm-bg-danger); }
 .cm-menu-item[style*="--mantine-color-red"]:is(:hover, :focus, [data-hovered]) {
@@ -5411,7 +5465,7 @@ ${to}${Et} {
 `, Fd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Bd
-}, Symbol.toStringTag, { value: "Module" })), Co = za("200").replace("0 0 .5px", "0 0 1px"), Eo = "light-dark(#000000, #ffffff)", Vd = `
+}, Symbol.toStringTag, { value: "Module" })), Co = Ia("200").replace("0 0 .5px", "0 0 1px"), Eo = "light-dark(#000000, #ffffff)", Vd = `
 /* ---- Card (C55; ls/panel-assets, ls/assets-component-tile-hover / -focus) --------------------- */
 .cm-card {
     background: transparent;
@@ -6763,32 +6817,32 @@ ${to}${Et} {
 `, qd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Gd
-}, Symbol.toStringTag, { value: "Module" })), On = /* @__PURE__ */ Object.assign({ "./css/00-foundation.css.ts": Nd, "./css/buttons.css.ts": Ed, "./css/chrome.css.ts": Id, "./css/color.css.ts": Od, "./css/inputs.css.ts": Md, "./css/overlays.css.ts": Hd, "./css/selection.css.ts": Fd, "./css/shell.css.ts": Ud, "./css/tree.css.ts": qd }), Wd = Object.keys(On).sort().map((e) => On[e].default).join(`
-`), Rn = "data-compact-mantine", Mn = "data-cm-contrast", rr = "data-cm-accent";
+}, Symbol.toStringTag, { value: "Module" })), Mn = /* @__PURE__ */ Object.assign({ "./css/00-foundation.css.ts": Nd, "./css/buttons.css.ts": Ed, "./css/chrome.css.ts": Id, "./css/color.css.ts": Od, "./css/inputs.css.ts": Md, "./css/overlays.css.ts": Hd, "./css/selection.css.ts": Fd, "./css/shell.css.ts": Ud, "./css/tree.css.ts": qd }), Wd = Object.keys(Mn).sort().map((e) => Mn[e].default).join(`
+`), Dn = "data-compact-mantine", Hn = "data-cm-contrast", nr = "data-cm-accent";
 function jd(e = {}) {
   const t = e.highContrast ? `
-${Hr(":root, :host")}` : "", r = e.accent === "graphty" ? `
-${Br(":root, :host")}` : "";
+${Fr(":root, :host")}` : "", r = e.accent === "graphty" ? `
+${Vr(":root, :host")}` : "";
   return `${Wd}${t}${r}`;
 }
 let yt = null;
 function qo(e = {}) {
   if (typeof document > "u")
     return;
-  yt != null && yt.isConnected || (yt = document.head.querySelector(`style[${Rn}]`), yt || (yt = document.createElement("style"), yt.setAttribute(Rn, ""), yt.textContent = jd(), document.head.appendChild(yt)));
+  yt != null && yt.isConnected || (yt = document.head.querySelector(`style[${Dn}]`), yt || (yt = document.createElement("style"), yt.setAttribute(Dn, ""), yt.textContent = jd(), document.head.appendChild(yt)));
   const t = e.highContrast ? "high" : "figma", r = document.documentElement;
-  r.getAttribute(Mn) !== t && r.setAttribute(Mn, t);
+  r.getAttribute(Hn) !== t && r.setAttribute(Hn, t);
 }
 function Yd(e) {
   if (typeof document > "u")
     return;
   const t = document.documentElement;
   if (e === "brand") {
-    t.removeAttribute(rr);
+    t.removeAttribute(nr);
     return;
   }
   const r = e === "graphty" ? "graphty" : "";
-  t.getAttribute(rr) !== r && t.setAttribute(rr, r);
+  t.getAttribute(nr) !== r && t.setAttribute(nr, r);
 }
 function Kd(e, t) {
   const r = {};
@@ -6806,21 +6860,21 @@ function Xd(e) {
 }
 function Jd(e = {}) {
   const t = { highContrast: e.highContrast ?? !1, accent: e.accent ?? "figma" };
-  return qo(t), rc({
-    colors: Dc,
+  return qo(t), nc({
+    colors: Hc,
     primaryColor: t.accent === "graphty" ? "graphty" : "brand",
     primaryShade: { light: 6, dark: 8 },
     white: "#ffffff",
     black: "#000000",
-    fontFamily: xr,
-    fontFamilyMonospace: Ia,
-    headings: { fontFamily: xr, fontWeight: "550" },
-    fontSizes: Ls,
-    lineHeights: Ps,
-    spacing: Os,
-    radius: Rs,
+    fontFamily: vr,
+    fontFamilyMonospace: La,
+    headings: { fontFamily: vr, fontWeight: "550" },
+    fontSizes: Ps,
+    lineHeights: Os,
+    spacing: Rs,
+    radius: Ms,
     defaultRadius: "sm",
-    shadows: Ms,
+    shadows: Ds,
     fontSmoothing: !0,
     cursorType: "default",
     // The ring is this package's own 1px one (the cm-focus-* classes, spec 2.7); Mantine's
@@ -6835,7 +6889,7 @@ function Jd(e = {}) {
     components: Kd(vd, t)
   });
 }
-const Zd = Jd(), rh = oc(ba, Zd), Qd = [
+const Zd = Jd(), rh = rc(xa, Zd), Qd = [
   "#5B8FF9FF",
   "#FF6B6BFF",
   "#61D095FF",
@@ -6846,21 +6900,21 @@ const Zd = Jd(), rh = oc(ba, Zd), Qd = [
   "#61D09580",
   "#F7B73180",
   "#9B59B680"
-], _d = "#888888", Ka = 255, Xa = 100;
-function Ja(e) {
-  return Math.round(Number.parseInt(e, 16) / Ka * Xa);
+], _d = "#888888", Xa = 255, Ja = 100;
+function Za(e) {
+  return Math.round(Number.parseInt(e, 16) / Xa * Ja);
 }
-function Vr(e) {
-  return Math.round(e / Xa * Ka).toString(16).padStart(2, "0");
+function Gr(e) {
+  return Math.round(e / Ja * Xa).toString(16).padStart(2, "0");
 }
 function nh(e) {
   let t = e.replace("#", "");
   t.length === 3 ? t = `${t.split("").map((c) => c + c).join("")}ff` : t.length === 4 ? t = t.split("").map((c) => c + c).join("") : t.length === 6 && (t = `${t}ff`);
-  const r = `#${t.slice(0, 6)}`, n = t.slice(6, 8), a = Ja(n);
+  const r = `#${t.slice(0, 6)}`, n = t.slice(6, 8), a = Za(n);
   return { hex: r, opacity: a };
 }
 function ah(e, t) {
-  const r = e.replace("#", ""), n = Vr(t);
+  const r = e.replace("#", ""), n = Gr(t);
   return `#${r}${n}`;
 }
 function $d(e) {
@@ -6912,10 +6966,10 @@ function St(e) {
     process.env.NODE_ENV === "production" || e === void 0 || t.current !== e && (t.current = e, console.warn(e));
   }, [e]);
 }
-function Ur({ color: e, variant: t }) {
+function qr({ color: e, variant: t }) {
   const r = wt(e) ?? "#000000FF", n = r.slice(0, 7), a = !r.endsWith("FF");
   return /* @__PURE__ */ o(
-    xa,
+    wa,
     {
       component: "span",
       color: n,
@@ -6934,10 +6988,10 @@ function go(e) {
   return e.currentTarget.dataset.cmReverting === "true";
 }
 const nu = 0, au = 100, iu = 0.5, cu = 10;
-function nr(e) {
+function ar(e) {
   return Math.min(au, Math.max(nu, e));
 }
-function Za({
+function Qa({
   value: e,
   onCommit: t,
   ariaLabel: r,
@@ -6958,7 +7012,7 @@ function Za({
       h(l.format(e));
       return;
     }
-    const E = nr(z);
+    const E = ar(z);
     h(l.format(E)), E !== e && t(E, m);
   }, N = (m) => {
     if (m.key === "Enter") {
@@ -6973,7 +7027,7 @@ function Za({
     }
     if (m.key === "ArrowUp" || m.key === "ArrowDown") {
       m.preventDefault();
-      const z = (m.shiftKey ? cu : 1) * (m.key === "ArrowUp" ? 1 : -1), E = u(p), C = nr(Math.round((Number.isNaN(E) ? e : E) + z));
+      const z = (m.shiftKey ? cu : 1) * (m.key === "ArrowUp" ? 1 : -1), E = u(p), C = ar(Math.round((Number.isNaN(E) ? e : E) + z));
       h(l.format(C)), C !== e && t(C, m);
     }
   }, f = (m) => {
@@ -6983,7 +7037,7 @@ function Za({
     a || m.button > 0 || (m.preventDefault(), (z = k.current) == null || z.focus({ preventScroll: !0 }), "setPointerCapture" in m.currentTarget && m.currentTarget.setPointerCapture(m.pointerId), g.current = { startX: m.clientX, start: e, last: e }, f("ew-resize"));
   }, T = (m) => {
     const z = g.current;
-    z !== null && (z.last = nr(Math.round(z.start + (m.clientX - z.startX) * iu)), h(l.format(z.last)));
+    z !== null && (z.last = ar(Math.round(z.start + (m.clientX - z.startX) * iu)), h(l.format(z.last)));
   }, A = (m) => {
     const z = g.current;
     z !== null && (g.current = null, f(""), z.last !== e && t(z.last, m));
@@ -7051,10 +7105,10 @@ function gt(e, t) {
   return Math.min(t, Math.max(0, e));
 }
 function Dt(e) {
-  return ka("hexa", e).toUpperCase();
+  return Ta("hexa", e).toUpperCase();
 }
 function zo(e, t) {
-  return t === "hex" ? Dt(e).slice(1, 7) : t === "hsb" ? [e.h, e.s, e.v].map((n) => Math.round(n)).join(", ") : (ka(t, e).match(/[\d.]+/g) ?? []).map((n) => Math.round(Number(n))).join(", ");
+  return t === "hex" ? Dt(e).slice(1, 7) : t === "hsb" ? [e.h, e.s, e.v].map((n) => Math.round(n)).join(", ") : (Ta(t, e).match(/[\d.]+/g) ?? []).map((n) => Math.round(Number(n))).join(", ");
 }
 function du(e, t, r) {
   if (t === "hex") {
@@ -7070,9 +7124,9 @@ function du(e, t, r) {
   if (t === "hsb")
     return { h: gt(n[0], 360), s: gt(n[1], 100), v: gt(n[2], 100), a: r };
   const a = t === "rgb" ? `rgb(${gt(n[0], 255)}, ${gt(n[1], 255)}, ${gt(n[2], 255)})` : `hsl(${gt(n[0], 360)}, ${gt(n[1], 100)}%, ${gt(n[2], 100)}%)`;
-  return ic(a) ? { ...co(a), a: r } : void 0;
+  return cc(a) ? { ...co(a), a: r } : void 0;
 }
-function Dn(e, t, r) {
+function Bn(e, t, r) {
   return (n) => {
     const a = e === 1 ? 0.01 : 1, c = a * (n.shiftKey ? 10 : 1), s = {
       ArrowRight: t + c,
@@ -7097,7 +7151,7 @@ function mu() {
     /* @__PURE__ */ o("path", { d: "M4.5 4.5h2v7h-2zM7.5 4.5h1.5v7H7.5zM10 4.5h1v7h-1z", fill: "currentColor", opacity: "0.8" })
   ] });
 }
-function Qa({
+function _a({
   value: e,
   onChange: t,
   onChangeEnd: r,
@@ -7131,7 +7185,7 @@ function Qa({
     h(S), g.current = S;
     const W = y(n ? I : `${I.slice(0, 7)}FF`);
     t(W), r == null || r(W);
-  }, { ref: z } = fc(
+  }, { ref: z } = bc(
     ({ x: O, y: I }) => {
       T({ ...g.current, s: O * 100, v: (1 - I) * 100 });
     },
@@ -7146,7 +7200,7 @@ function Qa({
     if (W === void 0)
       return;
     O.preventDefault();
-    const { current: P } = g, D = bc({ x: (P.s + W[0]) / 100, y: (P.v + W[1]) / 100 });
+    const { current: P } = g, D = gc({ x: (P.s + W[0]) / 100, y: (P.v + W[1]) / 100 });
     T({ ...P, s: D.x * 100, v: D.y * 100 }), A();
   }, C = () => {
     const O = du(N, k, g.current.a);
@@ -7157,13 +7211,13 @@ function Qa({
     Dt(O) !== Dt(g.current) && (T(O), A());
   }, H = typeof window > "u" ? void 0 : window.EyeDropper, j = () => {
     H !== void 0 && new H().open().then((O) => {
-      m(`${O.sRGBHex}${Vr(g.current.a * 100)}`);
+      m(`${O.sRGBHex}${Gr(g.current.a * 100)}`);
     }).catch(() => {
     });
   }, $ = Dt(p).slice(0, 7), M = Math.round(p.a * 100), ne = s !== void 0 && i === "gradient";
   return /* @__PURE__ */ x("div", { className: "cm-color-picker", "data-testid": "color-picker-panel", children: [
     s !== void 0 && /* @__PURE__ */ o("div", { className: "cm-color-picker-types", children: /* @__PURE__ */ o(
-      Ir,
+      Lr,
       {
         variant: "loose",
         "aria-label": u.paintType,
@@ -7226,7 +7280,7 @@ function Qa({
           ) }),
           /* @__PURE__ */ x("div", { className: "cm-color-picker-slider-stack", children: [
             /* @__PURE__ */ o(
-              nc,
+              ac,
               {
                 "aria-label": u.hue,
                 "data-testid": "color-picker-hue",
@@ -7235,13 +7289,13 @@ function Qa({
                   T({ ...g.current, h: O });
                 },
                 onChangeEnd: A,
-                onKeyDownCapture: Dn(360, Math.round(p.h), (O) => {
+                onKeyDownCapture: Bn(360, Math.round(p.h), (O) => {
                   T({ ...g.current, h: O }), A();
                 })
               }
             ),
             n && /* @__PURE__ */ o(
-              ac,
+              ic,
               {
                 "aria-label": u.opacity,
                 "data-testid": "color-picker-alpha",
@@ -7252,7 +7306,7 @@ function Qa({
                   T({ ...g.current, a: O });
                 },
                 onChangeEnd: A,
-                onKeyDownCapture: Dn(1, p.a, (O) => {
+                onKeyDownCapture: Bn(1, p.a, (O) => {
                   T({ ...g.current, a: O }), A();
                 })
               }
@@ -7261,7 +7315,7 @@ function Qa({
         ] }),
         /* @__PURE__ */ x("div", { className: "cm-color-picker-values", children: [
           /* @__PURE__ */ o(
-            Lr,
+            Pr,
             {
               className: "cm-color-picker-format",
               "aria-label": u.format,
@@ -7302,7 +7356,7 @@ function Qa({
               }
             ),
             n && /* @__PURE__ */ o(
-              Za,
+              Qa,
               {
                 value: M,
                 ariaLabel: u.opacity,
@@ -7324,25 +7378,25 @@ function Qa({
           onClick: () => {
             m(O);
           },
-          children: /* @__PURE__ */ o(Ur, { color: O })
+          children: /* @__PURE__ */ o(qr, { color: O })
         },
         `${String(I)}-${O}`
       )) })
     ] })
   ] });
 }
-const _a = It(null);
+const $a = It(null);
 function pu() {
-  return mt(_a);
+  return mt($a);
 }
 function hu({ children: e }) {
   const t = Y(null), r = be(() => ({ anchorRef: t }), []);
-  if (!Ta(e))
+  if (!Na(e))
     throw new Error("PopoutAnchor requires a single valid React element as its child");
-  const a = Or(e, {
+  const a = Rr(e, {
     ref: t
   });
-  return /* @__PURE__ */ o(_a.Provider, { value: r, children: a });
+  return /* @__PURE__ */ o($a.Provider, { value: r, children: a });
 }
 function fu({ children: e }) {
   return /* @__PURE__ */ o(R, { className: "cm-popout-content", children: e });
@@ -7390,37 +7444,37 @@ function xu(e, t = !0) {
     };
   }, [e, t]);
 }
-const $a = It(null);
+const ei = It(null);
 function ih({ id: e, children: t }) {
-  return /* @__PURE__ */ o($a.Provider, { value: e, children: t });
+  return /* @__PURE__ */ o(ei.Provider, { value: e, children: t });
 }
 function vu() {
-  return mt($a);
+  return mt(ei);
 }
-const Gr = It(null), qr = It(null);
+const Wr = It(null), jr = It(null);
 function jo() {
-  const e = mt(Gr);
+  const e = mt(Wr);
   if (!e)
     throw new Error("usePopoutContext must be used within a Popout component");
   return e;
 }
-function ei() {
-  return mt(Gr);
-}
 function ti() {
-  const e = mt(qr);
+  return mt(Wr);
+}
+function oi() {
+  const e = mt(jr);
   if (!e)
     throw new Error("usePopoutManagerContext must be used within a PopoutManager");
   return e;
 }
 function wu() {
-  return mt(qr);
+  return mt(jr);
 }
 function ch() {
-  const { closeAll: e, hasOpenPopouts: t } = ti();
+  const { closeAll: e, hasOpenPopouts: t } = oi();
   return be(() => ({ closeAll: e, hasOpenPopouts: t }), [e, t]);
 }
-function oi({
+function ri({
   children: e,
   parentId: t = null,
   opened: r,
@@ -7472,7 +7526,7 @@ function oi({
     }),
     [s, l, g, k, v, t, d, c]
   );
-  return /* @__PURE__ */ o(Gr.Provider, { value: N, children: e });
+  return /* @__PURE__ */ o(Wr.Provider, { value: N, children: e });
 }
 function yu({ children: e }) {
   const [t, r] = he(null), n = Y([]), a = Y(/* @__PURE__ */ new Map()), c = Y(/* @__PURE__ */ new Map()), s = Y(/* @__PURE__ */ new Map()), i = Y(/* @__PURE__ */ new Set()), [d, l] = he(0), u = se(
@@ -7534,7 +7588,7 @@ function yu({ children: e }) {
     n.current = n.current.filter((S) => S !== I), a.current.delete(I), c.current.delete(I), s.current.delete(I), i.current.delete(I), l((S) => S + 1);
   }, []), f = se((I) => {
     const S = n.current.indexOf(I);
-    return S >= 0 ? gn + S : gn;
+    return S >= 0 ? vn + S : vn;
   }, []), y = se((I) => {
     const S = n.current, W = S.indexOf(I);
     W === -1 || W === S.length - 1 || (n.current = [...S.filter((P) => P !== I), I], l((P) => P + 1));
@@ -7627,13 +7681,13 @@ function yu({ children: e }) {
       A
     ]
   );
-  return /* @__PURE__ */ x(qr.Provider, { value: O, children: [
+  return /* @__PURE__ */ x(jr.Provider, { value: O, children: [
     e,
     /* @__PURE__ */ o("div", { ref: r, "data-popout-portal-container": !0, style: { display: "contents" } })
   ] });
 }
 function At() {
-  return cc().dir;
+  return sc().dir;
 }
 function tt(e) {
   return e === "rtl";
@@ -7647,7 +7701,7 @@ function Su(e, t, r) {
 function Tu(e) {
   return tt(e) ? { transform: "scaleX(-1)" } : {};
 }
-const Hn = 3;
+const Fn = 3;
 function Au(e) {
   const { isOpen: t, onPress: r, onDragStart: n, onDrag: a, onDragEnd: c } = e, [s, i] = he({ left: 0, top: 0 }), d = Y(!1), l = Y(!1), u = Y(!1), p = Y({
     x: 0,
@@ -7682,7 +7736,7 @@ function Au(e) {
         return;
       const T = y.clientX - p.current.x, A = y.clientY - p.current.y;
       if (!l.current) {
-        if (!(Math.abs(T) >= Hn || Math.abs(A) >= Hn))
+        if (!(Math.abs(T) >= Fn || Math.abs(A) >= Fn))
           return;
         l.current = !0, n == null || n(y);
       }
@@ -7759,7 +7813,7 @@ function Nu({
     ] }),
     n.length > 0 ? /* @__PURE__ */ o("div", { className: "cm-popout-actions", children: n.map((h) => /* @__PURE__ */ o(qe, { variant: "subtle", onClick: h.onClick, "aria-label": h.label, children: h.icon }, h.id)) }) : null,
     /* @__PURE__ */ o(
-      Er,
+      zr,
       {
         "data-testid": "popout-header-close",
         className: "cm-popout-close",
@@ -7769,10 +7823,10 @@ function Nu({
     )
   ] });
 }
-function Bn(e, t = document) {
+function Vn(e, t = document) {
   return e === null ? null : t.querySelector(`[data-popout-id="${e}"]`);
 }
-function Fn(e, t, r) {
+function Un(e, t, r) {
   const { trigger: n, parent: a, panel: c } = r;
   if (e !== void 0) {
     if (typeof e == "object")
@@ -7795,7 +7849,7 @@ function Fn(e, t, r) {
 function Cu(e, t) {
   return e === "start" ? tt(t) ? "right" : "left" : e === "end" ? tt(t) ? "left" : "right" : e;
 }
-function Eu(e, t, r = tl, n = {}) {
+function Eu(e, t, r = ol, n = {}) {
   const {
     placement: a = "left",
     alignment: c = "start",
@@ -7806,16 +7860,16 @@ function Eu(e, t, r = tl, n = {}) {
   let l, u;
   switch (a) {
     case "left":
-      l = e.left - t - r, u = Vn(i, c, s);
+      l = e.left - t - r, u = Gn(i, c, s);
       break;
     case "right":
-      l = e.right + r, u = Vn(i, c, s);
+      l = e.right + r, u = Gn(i, c, s);
       break;
     case "top":
-      l = Un(i, c, t, d), u = e.top - s - r;
+      l = qn(i, c, t, d), u = e.top - s - r;
       break;
     case "bottom":
-      l = Un(i, c, t, d), u = e.bottom + r;
+      l = qn(i, c, t, d), u = e.bottom + r;
       break;
     default: {
       const p = a;
@@ -7824,7 +7878,7 @@ function Eu(e, t, r = tl, n = {}) {
   }
   return { left: l, top: u };
 }
-function Vn(e, t, r) {
+function Gn(e, t, r) {
   switch (t) {
     case "start":
       return e.top;
@@ -7838,7 +7892,7 @@ function Vn(e, t, r) {
     }
   }
 }
-function Un(e, t, r, n) {
+function qn(e, t, r, n) {
   switch (t) {
     case "start":
       return tt(n) ? e.right - r : e.left;
@@ -7886,7 +7940,7 @@ function Ou(e) {
     onDragStart: g,
     onDrag: k,
     onDragEnd: v
-  } = e, { isOpen: N, close: f, triggerRef: y, id: T, parentId: A, region: m, exclusive: z = !0 } = jo(), { getZIndex: E, portalContainer: C, register: H, unregister: j, bringToFront: $, closeDescendants: M } = ti(), ne = pu(), O = At(), I = Pe(), S = `popout-panel-${T}`, W = `popout-title-${I}`, P = `popout-tabs-${I}`, [D, ee] = he(null), re = Y(!1), J = Y(null), X = Y(null), de = se(() => {
+  } = e, { isOpen: N, close: f, triggerRef: y, id: T, parentId: A, region: m, exclusive: z = !0 } = jo(), { getZIndex: E, portalContainer: C, register: H, unregister: j, bringToFront: $, closeDescendants: M } = oi(), ne = pu(), O = At(), I = Pe(), S = `popout-panel-${T}`, W = `popout-title-${I}`, P = `popout-tabs-${I}`, [D, ee] = he(null), re = Y(!1), J = Y(null), X = Y(null), de = se(() => {
     $(T);
   }, [$, T]), { dragTriggerProps: le, dragOffset: Ae, resetDragOffset: We, hasDragged: K, consumeDragClick: me } = Au({
     isOpen: N,
@@ -7894,7 +7948,7 @@ function Ou(e) {
     onDragStart: g,
     onDrag: k,
     onDragEnd: v
-  }), Se = (n == null ? void 0 : n.variant) === "tabs", fe = (n == null ? void 0 : n.variant) === "tabs" ? n : null, Ie = (fe == null ? void 0 : fe.defaultTab) ?? ((at = fe == null ? void 0 : fe.tabs[0]) == null ? void 0 : at.id), [Ne, F] = he(Ie), b = u ?? (A === null ? 0 : ol), V = se(
+  }), Se = (n == null ? void 0 : n.variant) === "tabs", fe = (n == null ? void 0 : n.variant) === "tabs" ? n : null, Ie = (fe == null ? void 0 : fe.defaultTab) ?? ((at = fe == null ? void 0 : fe.tabs[0]) == null ? void 0 : at.id), [Ne, F] = he(Ie), b = u ?? (A === null ? 0 : rl), V = se(
     (ae, pe) => {
       var Ee;
       F(ae), (Ee = fe == null ? void 0 : fe.onTabChange) == null || Ee.call(fe, ae, pe);
@@ -7923,12 +7977,12 @@ function Ou(e) {
   const Ce = se(() => {
     const ae = {
       trigger: y.current,
-      parent: Bn(A),
+      parent: Vn(A),
       panel: (ne == null ? void 0 : ne.anchorRef.current) ?? null
     };
     return {
-      inline: Fn(s, "x", ae),
-      block: Fn(i, "y", ae)
+      inline: Un(s, "x", ae),
+      block: Un(i, "y", ae)
     };
   }, [y, A, ne, s, i]), Ue = se(() => {
     var ht;
@@ -7948,7 +8002,7 @@ function Ou(e) {
     }
     Xe.left = (Xe.left - He.x) / He.scaleX, Xe.top = (Xe.top - He.y) / He.scaleY, ee((ce) => (ce == null ? void 0 : ce.left) === Xe.left && ce.top === Xe.top ? ce : Xe);
   }, [Ce, t, r, d, l, b, O]);
-  if (gc(() => {
+  if (xc(() => {
     if (!N) {
       ee(null);
       return;
@@ -7962,9 +8016,9 @@ function Ou(e) {
       var Be;
       ae === 0 && ((Be = J.current) == null || Be.setAttribute("data-cm-repositioning", ""), ae = requestAnimationFrame(() => {
         var Fe;
-        ae = 0, kc(Ue), (Fe = J.current) == null || Fe.removeAttribute("data-cm-repositioning");
+        ae = 0, Sc(Ue), (Fe = J.current) == null || Fe.removeAttribute("data-cm-repositioning");
       }));
-    }, Ee = new ResizeObserver(pe), De = new MutationObserver(pe), { inline: Le, block: He } = Ce(), it = K ? Bn(A) : null;
+    }, Ee = new ResizeObserver(pe), De = new MutationObserver(pe), { inline: Le, block: He } = Ce(), it = K ? Vn(A) : null;
     for (const Be of new Set([Le, He].filter((Fe) => Fe !== null)))
       K && Be !== it || (Ee.observe(Be), De.observe(Be, { attributes: !0, attributeFilter: ["style", "class"] }));
     const Ge = typeof document < "u" ? document.fonts : void 0;
@@ -8048,7 +8102,7 @@ function Ou(e) {
       ]
     }
   );
-  return yc(
+  return kc(
     /* @__PURE__ */ x(Z, { children: [
       /* @__PURE__ */ o("div", { ref: X, "aria-hidden": "true", style: { position: "fixed", left: 0, top: 0 } }),
       Nt
@@ -8067,10 +8121,10 @@ function Ru({ children: e, action: t = "toggle" }) {
     },
     [t, r, n]
   );
-  if (!Ta(e))
+  if (!Na(e))
     throw new Error("PopoutTrigger requires a single valid React element as its child");
   const d = `popout-panel-${s}`, l = e;
-  return Or(l, {
+  return Rr(l, {
     onClick: (u) => {
       var p, h;
       (h = (p = l.props).onClick) == null || h.call(p, u), i(u);
@@ -8085,8 +8139,8 @@ function Ru({ children: e, action: t = "toggle" }) {
   });
 }
 function Mu({ children: e, opened: t, defaultOpened: r, onOpenChange: n }) {
-  const a = ei(), c = (a == null ? void 0 : a.id) ?? null;
-  return /* @__PURE__ */ o(oi, { parentId: c, opened: t, defaultOpened: r, onOpenChange: n, children: e });
+  const a = ti(), c = (a == null ? void 0 : a.id) ?? null;
+  return /* @__PURE__ */ o(ri, { parentId: c, opened: t, defaultOpened: r, onOpenChange: n, children: e });
 }
 const lo = Object.assign(Mu, {
   Trigger: Ru,
@@ -8111,7 +8165,7 @@ const lo = Object.assign(Mu, {
 function Du({ children: e }) {
   return /* @__PURE__ */ o(yu, { children: e });
 }
-const Hu = L.BODY, Bu = 100, Gn = 9, ar = 7;
+const Hu = L.BODY, Bu = 100, Wn = 9, ir = 7;
 function lh({
   color: e,
   defaultColor: t,
@@ -8150,16 +8204,16 @@ function lh({
     S(O(M));
   }, [M]);
   const W = (X) => {
-    const de = X.length === Gn, le = X.slice(0, ar).toUpperCase(), Ae = de && d, We = Ae ? Ja(X.slice(ar, Gn)) : E;
+    const de = X.length === Wn, le = X.slice(0, ir).toUpperCase(), Ae = de && d, We = Ae ? Za(X.slice(ir, Wn)) : E;
     z(le), Ae && C(We), s == null || s(le, We);
   }, P = (X) => {
-    const de = I.trim().replace("#", ""), le = de.length === 3 || de.length === 6 ? wt(de) : void 0, Ae = le == null ? void 0 : le.slice(0, ar);
+    const de = I.trim().replace("#", ""), le = de.length === 3 || de.length === 6 ? wt(de) : void 0, Ae = le == null ? void 0 : le.slice(0, ir);
     Ae !== void 0 && Ae !== M.toUpperCase() ? (z(Ae, X), s == null || s(Ae, E, X)) : S(O(M));
   }, D = (X, de) => {
     C(X, de), s == null || s(m, X, de);
   }, ee = (X) => {
     z(void 0, X), d && C(void 0, X), s == null || s(void 0, d ? void 0 : E, X);
-  }, re = `${M}${Vr(ne)}`.toUpperCase(), J = /* @__PURE__ */ x(
+  }, re = `${M}${Gr(ne)}`.toUpperCase(), J = /* @__PURE__ */ x(
     "div",
     {
       className: "cm-paint",
@@ -8185,7 +8239,7 @@ function lh({
                     disabled: l,
                     "aria-label": i === void 0 ? f.colorSwatch : f.pickColor(i),
                     "aria-describedby": T.describedBy,
-                    children: /* @__PURE__ */ o(Ur, { color: d ? re : M, variant: "field" })
+                    children: /* @__PURE__ */ o(qr, { color: d ? re : M, variant: "field" })
                   }
                 ) }),
                 /* @__PURE__ */ o(
@@ -8194,7 +8248,7 @@ function lh({
                     width: L.POPOVER_WIDTH,
                     header: { variant: "title", title: i ?? f.colorPanelTitle },
                     children: /* @__PURE__ */ o(
-                      Qa,
+                      _a,
                       {
                         value: re,
                         onChange: W,
@@ -8235,7 +8289,7 @@ function lh({
                 }
               ),
               d && /* @__PURE__ */ o(
-                Za,
+                Qa,
                 {
                   value: ne,
                   onCommit: D,
@@ -8283,8 +8337,8 @@ function lh({
   );
 }
 function Oe() {
-  const e = Sa().other.compact, t = e !== void 0, r = (e == null ? void 0 : e.highContrast) ?? !1;
-  pc(() => {
+  const e = Aa().other.compact, t = e !== void 0, r = (e == null ? void 0 : e.highContrast) ?? !1;
+  hc(() => {
     t && qo({ highContrast: r });
   }, [t, r]);
 }
@@ -8317,10 +8371,10 @@ function dh({ label: e, actions: t, children: r }) {
     /* @__PURE__ */ o(R, { "data-testid": "control-group-content", children: r })
   ] });
 }
-function ri({ open: e, rtl: t }) {
+function ni({ open: e, rtl: t }) {
   return e ? /* @__PURE__ */ o(xe, { name: "caretDown", size: L.CHEVRON }) : /* @__PURE__ */ o("span", { "data-caret": "closed", style: { display: "inline-flex", transform: t ? "scaleX(-1)" : void 0 }, children: /* @__PURE__ */ o(xe, { name: "caretRight", size: L.CHEVRON }) });
 }
-const qn = L.POPOVER_WIDTH, Fu = 4;
+const jn = L.POPOVER_WIDTH, Fu = 4;
 function Vu({ name: e, bubbleId: t }) {
   const { isOpen: r, open: n, close: a } = jo();
   return (
@@ -8351,8 +8405,8 @@ function Uu({
   onOpenChange: a
 }) {
   var p;
-  const c = ze(), s = Pe(), i = wu() !== null, d = ((p = ei()) == null ? void 0 : p.id) ?? null, l = c.about(t), u = /* @__PURE__ */ x(
-    oi,
+  const c = ze(), s = Pe(), i = wu() !== null, d = ((p = ti()) == null ? void 0 : p.id) ?? null, l = c.about(t), u = /* @__PURE__ */ x(
+    ri,
     {
       parentId: d,
       opened: r,
@@ -8364,7 +8418,7 @@ function Uu({
         /* @__PURE__ */ o(
           lo.Panel,
           {
-            width: qn,
+            width: jn,
             label: l,
             placement: "bottom",
             alignment: "start",
@@ -8372,7 +8426,7 @@ function Uu({
             anchorX: "trigger",
             anchorY: "trigger",
             manageFocus: !1,
-            children: /* @__PURE__ */ o(R, { id: s, w: qn, className: "cm-info-bubble", children: e })
+            children: /* @__PURE__ */ o(R, { id: s, w: jn, className: "cm-info-bubble", children: e })
           }
         )
       ]
@@ -8527,7 +8581,7 @@ function mh(e) {
                   "aria-describedby": j ? T : void 0,
                   onClick: $,
                   children: [
-                    /* @__PURE__ */ o(R, { "data-testid": "control-section-chevron-slot", className: "cm-section-chevron", children: /* @__PURE__ */ o(ri, { open: A, rtl: tt(v) }) }),
+                    /* @__PURE__ */ o(R, { "data-testid": "control-section-chevron-slot", className: "cm-section-chevron", children: /* @__PURE__ */ o(ni, { open: A, rtl: tt(v) }) }),
                     O,
                     j && /* @__PURE__ */ o(
                       R,
@@ -8607,8 +8661,8 @@ function mh(e) {
 function po(e) {
   if ("key" in e)
     return { source: "keyboard" };
-  const t = e.nativeEvent;
-  return typeof PointerEvent < "u" && t instanceof PointerEvent ? { source: t.pointerType === "" ? "keyboard" : "pointer" } : { source: t.detail === 0 ? "keyboard" : "pointer" };
+  const t = e.nativeEvent, r = "pointerType" in t ? t.pointerType : "";
+  return { source: t.detail > 0 || r !== "" ? "pointer" : "keyboard" };
 }
 function Wu(e) {
   const t = ze();
@@ -8654,7 +8708,7 @@ function Ku(e, t, r) {
   const n = Math.min(t, r), a = Math.max(t, r);
   return e.slice(n, a + 1);
 }
-function Nr(e, t) {
+function Cr(e, t) {
   const r = new Set(e), n = [];
   for (const a of r)
     t.includes(a) || n.push(a);
@@ -8671,48 +8725,48 @@ function Xu(e) {
   const d = a === void 0 ? -1 : t.indexOf(a);
   if (c.extend && d !== -1) {
     const l = Ku(t, d, r);
-    return { selected: c.toggle ? Nr([...n, ...l], t) : l, anchor: a };
+    return { selected: c.toggle ? Cr([...n, ...l], t) : l, anchor: a };
   }
   if (c.toggle) {
     const l = new Set(n);
-    return l.has(i) ? l.delete(i) : l.add(i), { selected: Nr(l, t), anchor: i };
+    return l.has(i) ? l.delete(i) : l.add(i), { selected: Cr(l, t), anchor: i };
   }
   return { selected: [i], anchor: i };
 }
 function Ju(e, t, r) {
-  return r !== "multiple" ? { selected: [...t], anchor: void 0 } : { selected: Nr([...t, ...e], e), anchor: e[0] };
+  return r !== "multiple" ? { selected: [...t], anchor: void 0 } : { selected: Cr([...t, ...e], e), anchor: e[0] };
 }
-function Wn(e, t) {
+function Yn(e, t) {
   return e == null ? "" : typeof e == "string" ? e : typeof e == "number" ? Number.isFinite(e) ? t.number.format(e) : "" : typeof e == "boolean" ? e ? t.yes : t.no : Number.isNaN(e.getTime()) ? "" : t.date.format(e);
 }
-function jn(e) {
+function Kn(e) {
   return e == null ? !0 : typeof e == "number" ? !Number.isFinite(e) : e instanceof Date && Number.isNaN(e.getTime());
 }
 function Zu(e, t) {
   return e === t ? 0 : e ? 1 : -1;
 }
 function Qu(e, t, r) {
-  const n = jn(e), a = jn(t);
+  const n = Kn(e), a = Kn(t);
   return n || a ? n && a ? 0 : n ? -1 : 1 : typeof e == "number" && typeof t == "number" ? e - t : typeof e == "boolean" && typeof t == "boolean" ? Zu(e, t) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : r.compare(String(e), String(t));
 }
-const _u = Tc({
-  columnFilteringFeature: Ic,
-  columnOrderingFeature: zc,
-  columnVisibilityFeature: Ec,
-  filteredRowModel: Pc(),
-  globalFilteringFeature: Cc,
-  rowSelectionFeature: Nc,
-  rowSortingFeature: Ac,
-  sortedRowModel: Lc()
-}), $u = 320, em = 8, Yn = L.ROW_PITCH, Lo = 1, ir = [], tm = [];
-function Kn(e) {
+const _u = Ac({
+  columnFilteringFeature: Lc,
+  columnOrderingFeature: Ic,
+  columnVisibilityFeature: zc,
+  filteredRowModel: Oc(),
+  globalFilteringFeature: Ec,
+  rowSelectionFeature: Cc,
+  rowSortingFeature: Nc,
+  sortedRowModel: Pc()
+}), $u = 320, em = 8, Xn = L.ROW_PITCH, Lo = 1, cr = [], tm = [];
+function Jn(e) {
   return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
 }
-function Xn(e, t) {
+function Zn(e, t) {
   return e == null || e === !1 ? t : /* @__PURE__ */ o(dt, { label: e, children: t });
 }
 function om(e, t) {
-  var on, rn, nn;
+  var nn, an, cn;
   Oe();
   const {
     data: r,
@@ -8725,8 +8779,8 @@ function om(e, t) {
     labelledBy: l,
     labels: u,
     height: p = $u,
-    rowHeight: h = Yn,
-    headerHeight: g = Yn,
+    rowHeight: h = Xn,
+    headerHeight: g = Xn,
     overscan: k = em,
     selectionMode: v = "multiple",
     selectedIds: N,
@@ -8757,7 +8811,7 @@ function om(e, t) {
   ), [me, Se] = ye({
     value: N,
     defaultValue: f,
-    finalValue: ir,
+    finalValue: cr,
     onChange: (w, B) => {
       y == null || y([...w], B);
     }
@@ -8771,14 +8825,14 @@ function om(e, t) {
   }), [Ne, F] = ye({
     value: z,
     defaultValue: E,
-    finalValue: ir,
+    finalValue: cr,
     onChange: (w, B) => {
       C == null || C([...w], B);
     }
   }), [b, V] = ye({
     value: H,
     defaultValue: j,
-    finalValue: ir,
+    finalValue: cr,
     onChange: (w, B) => {
       $ == null || $([...w], B);
     }
@@ -8830,7 +8884,7 @@ function om(e, t) {
     for (const B of me)
       w[B] = !0;
     return w;
-  }, [me]), pe = be(() => [...b], [b]), Ee = Y(void 0), De = n !== void 0, Le = De ? a : 0, He = Sc({
+  }, [me]), pe = be(() => [...b], [b]), Ee = Y(void 0), De = n !== void 0, Le = De ? a : 0, He = Tc({
     features: _u,
     data: Me,
     columns: _e,
@@ -8848,7 +8902,7 @@ function om(e, t) {
       if (!(ue != null && ue.columnIds.includes(B)))
         return !1;
       const ke = Q.get(B);
-      return ke === void 0 ? !1 : Wn(ke.value(w.original), K).toLocaleLowerCase(de).includes(ue.query);
+      return ke === void 0 ? !1 : Yn(ke.value(w.original), K).toLocaleLowerCase(de).includes(ue.query);
     },
     state: {
       sorting: at,
@@ -8880,18 +8934,18 @@ function om(e, t) {
   }, Fe = [
     ...Ge.filter((w) => Be(w.id)),
     ...Ge.filter((w) => !Be(w.id))
-  ], Ke = n ?? it.length, pt = Fe.length, Xe = be(() => it.map((w) => w.id), [it]), ht = Y(null), ce = Y(null), Ve = Na({
+  ], Ke = n ?? it.length, pt = Fe.length, Xe = be(() => it.map((w) => w.id), [it]), ht = Y(null), ce = Y(null), Ve = Ea({
     count: Ke,
     getScrollElement: () => ht.current,
     estimateSize: () => h,
     gap: Lo,
     getItemKey: (w) => Xe[w - Le] ?? w,
     overscan: k
-  }), ct = Ve.getVirtualItems(), Qt = ((on = ct[0]) == null ? void 0 : on.index) ?? 0, _t = (((rn = ct.at(-1)) == null ? void 0 : rn.index) ?? -1) + 1;
+  }), ct = Ve.getVirtualItems(), Qt = ((nn = ct[0]) == null ? void 0 : nn.index) ?? 0, _t = (((an = ct.at(-1)) == null ? void 0 : an.index) ?? -1) + 1;
   we(() => {
     c == null || c(Qt, _t);
   }, [Qt, _t]);
-  const [Kr, qt] = he({ row: je, column: 0 }), [wi, Xr] = he(null), et = be(() => Yu(Kr, { rowCount: Ke, columnCount: pt }), [Kr, Ke, pt]), Yo = Y(!1), Ko = Y(void 0), Jr = (w) => {
+  const [Jr, qt] = he({ row: je, column: 0 }), [yi, Zr] = he(null), et = be(() => Yu(Jr, { rowCount: Ke, columnCount: pt }), [Jr, Ke, pt]), Yo = Y(!1), Ko = Y(void 0), Qr = (w) => {
     w.row >= 0 && Ve.scrollToIndex(w.row), Yo.current = !0, qt((B) => Io(B, w) ? B : w);
   };
   mo(() => {
@@ -8901,10 +8955,10 @@ function om(e, t) {
     const w = `[data-grid-row="${et.row}"][data-grid-column="${et.column}"]`, B = (G = ce.current) == null ? void 0 : G.querySelector(w);
     B instanceof HTMLElement && (Yo.current = !1, B.focus());
   });
-  const Zr = (w, B) => {
+  const _r = (w, B) => {
     Ko.current = w.anchor, !(w.selected.length === me.length && w.selected.every((ue, ke) => ue === me[ke])) && Se(w.selected, B);
   }, vo = (w, B, G) => {
-    Zr(
+    _r(
       Xu({
         ids: Xe,
         index: w - Le,
@@ -8915,39 +8969,39 @@ function om(e, t) {
       }),
       G
     );
-  }, Qr = (w, B, G) => {
+  }, $r = (w, B, G) => {
     const ue = it[w - Le];
     ue !== void 0 && (S == null || S(ue.original, B, G));
-  }, yi = (w, B) => {
+  }, ki = (w, B) => {
     w.getCanSort() && (Ee.current = B, w.toggleSorting(void 0, B.shiftKey && w.getCanMultiSort()), Ee.current = void 0);
-  }, ki = () => {
+  }, Si = () => {
     var G;
     const w = ((G = ht.current) == null ? void 0 : G.clientHeight) ?? 0, B = Math.floor((w === 0 ? h * 10 : w) / h);
     return Math.max(1, B - 1);
-  }, Si = (w) => {
+  }, Ti = (w) => {
     var Je, Pt;
     if (!(w.target instanceof Node) || ((Je = ce.current) == null ? void 0 : Je.contains(w.target)) !== !0)
       return;
     const B = et.row === je ? Fe[et.column] : void 0;
     if (B !== void 0 && ((Pt = Q.get(B.id)) == null ? void 0 : Pt.menu) !== void 0 && (w.altKey && w.key === "ArrowDown" || w.shiftKey && w.key === "F10" || w.key === "ContextMenu")) {
-      w.preventDefault(), w.stopPropagation(), Xr(B.id);
+      w.preventDefault(), w.stopPropagation(), Zr(B.id);
       return;
     }
     const G = v === "multiple", ue = w.ctrlKey || w.metaKey;
     if (G && ue && (w.key === "a" || w.key === "A")) {
-      w.preventDefault(), Zr(Ju(Xe, me, v), w);
+      w.preventDefault(), _r(Ju(Xe, me, v), w);
       return;
     }
     if (et.row >= 0 && (w.key === " " || w.key === "Enter")) {
-      w.preventDefault(), w.key === " " ? vo(et.row, { extend: w.shiftKey, toggle: !w.shiftKey }, w) : (vo(et.row, { extend: !1, toggle: !1 }, w), Qr(et.row, w, { source: "keyboard" }));
+      w.preventDefault(), w.key === " " ? vo(et.row, { extend: w.shiftKey, toggle: !w.shiftKey }, w) : (vo(et.row, { extend: !1, toggle: !1 }, w), $r(et.row, w, { source: "keyboard" }));
       return;
     }
-    const ke = ju(et, w.key, { rowCount: Ke, columnCount: pt, pageSize: ki() }, X, {
+    const ke = ju(et, w.key, { rowCount: Ke, columnCount: pt, pageSize: Si() }, X, {
       jumpToEnd: ue
     });
-    ke !== void 0 && (w.preventDefault(), Jr(ke), G && w.shiftKey && ke.row >= 0 && ke.row !== et.row && vo(ke.row, { extend: !0, toggle: !1 }, w));
+    ke !== void 0 && (w.preventDefault(), Qr(ke), G && w.shiftKey && ke.row >= 0 && ke.row !== et.row && vo(ke.row, { extend: !0, toggle: !1 }, w));
   };
-  hc(
+  fc(
     t,
     () => ({
       scrollToRow: (w) => {
@@ -8967,7 +9021,7 @@ function om(e, t) {
     }),
     [He, Ve, Ke, Se]
   );
-  const Ti = Fe.reduce(
+  const Ai = Fe.reduce(
     (w, B) => {
       var G;
       return w + (((G = Q.get(B.id)) == null ? void 0 : G.width) ?? L.FIELD);
@@ -8979,17 +9033,17 @@ function om(e, t) {
     for (const B of Fe) {
       if (!Be(B.id))
         break;
-      Xo.push(w), w += (((nn = Q.get(B.id)) == null ? void 0 : nn.width) ?? L.FIELD) + Lo;
+      Xo.push(w), w += (((cn = Q.get(B.id)) == null ? void 0 : cn.width) ?? L.FIELD) + Lo;
     }
   }
-  const _r = (w, B) => {
+  const en = (w, B) => {
     const G = (w == null ? void 0 : w.width) ?? L.FIELD, ue = B < Xo.length ? { position: "sticky", insetInlineStart: Xo[B], zIndex: 1 } : {};
     return {
       flex: B === pt - 1 ? `1 1 ${String(G)}px` : `0 0 ${String(G)}px`,
       justifyContent: (w == null ? void 0 : w.align) === "end" ? "flex-end" : "flex-start",
       ...ue
     };
-  }, $r = v !== "none", en = n ?? r.length, tn = J.rowsShown(le.format(Ke), le.format(en)), Ai = () => re !== void 0 ? re : en === 0 ? J.noRows : J.noMatchingRows;
+  }, tn = v !== "none", on = n ?? r.length, rn = J.rowsShown(le.format(Ke), le.format(on)), Ni = () => re !== void 0 ? re : on === 0 ? J.noRows : J.noMatchingRows;
   return /* @__PURE__ */ x(
     R,
     {
@@ -9036,13 +9090,13 @@ function om(e, t) {
               "aria-hidden": "true",
               dir: "auto",
               className: "cm-dt-count",
-              children: tn
+              children: rn
             }
           )
         ] }),
         /* @__PURE__ */ x(nt, { role: "status", "aria-live": "polite", dir: "auto", "data-testid": "data-table-status", children: [
-          tn,
-          $r && me.length > 0 ? ` ${J.rowsSelected(le.format(me.length))}` : ""
+          rn,
+          tn && me.length > 0 ? ` ${J.rowsSelected(le.format(me.length))}` : ""
         ] }),
         /* @__PURE__ */ x(R, { ref: ht, "data-testid": "data-table-viewport", className: "cm-dt-viewport", style: { height: p }, children: [
           /* @__PURE__ */ x(
@@ -9055,14 +9109,14 @@ function om(e, t) {
               "aria-rowcount": Ke + 1,
               "aria-colcount": pt,
               "aria-multiselectable": v === "multiple" ? !0 : void 0,
-              onKeyDown: Si,
+              onKeyDown: Ti,
               stickyHeader: !0,
               tabularNums: !0,
               withRowBorders: !1,
               horizontalSpacing: 0,
               verticalSpacing: 0,
               className: "cm-dt-table",
-              style: { minWidth: Ti + Lo * (pt + 1) },
+              style: { minWidth: Ai + Lo * (pt + 1) },
               children: [
                 /* @__PURE__ */ o(Ot.Thead, { className: "cm-dt-head", children: /* @__PURE__ */ o(Ot.Tr, { role: "row", "aria-rowindex": 1, className: "cm-dt-row", style: { height: g }, children: Fe.map((w, B) => {
                   const G = Q.get(w.id), ue = w.getCanSort(), ke = w.getIsSorted(), Je = et.row === je && et.column === B, Pt = ke === !1 ? -1 : w.getSortIndex(), wo = Je ? 0 : -1, Wt = (G == null ? void 0 : G.menu) !== void 0 && G.menu !== null, yo = /* @__PURE__ */ x(Z, { children: [
@@ -9097,7 +9151,7 @@ function om(e, t) {
                       {
                         className: "cm-sort-caret",
                         "data-testid": "data-table-sort-glyph",
-                        "data-direction": Kn(ke),
+                        "data-direction": Jn(ke),
                         "aria-hidden": "true",
                         children: /* @__PURE__ */ o(xe, { name: "caretDown", size: L.CHEVRON })
                       }
@@ -9123,7 +9177,7 @@ function om(e, t) {
                       scope: "col",
                       "data-testid": "data-table-header",
                       "aria-colindex": B + 1,
-                      "aria-sort": ue ? Kn(ke) : void 0,
+                      "aria-sort": ue ? Jn(ke) : void 0,
                       "data-grid-row": ue ? void 0 : je,
                       "data-grid-column": ue ? void 0 : B,
                       tabIndex: ue ? void 0 : wo,
@@ -9134,9 +9188,9 @@ function om(e, t) {
                           (ft) => Io(ft, { row: je, column: B }) ? ft : { row: je, column: B }
                         );
                       },
-                      style: { ..._r(G, B), gap: L.GUTTER / 2 },
+                      style: { ...en(G, B), gap: L.GUTTER / 2 },
                       children: [
-                        ue ? Xn(
+                        ue ? Zn(
                           G == null ? void 0 : G.headerTooltip,
                           // A cell holding one control puts
                           // the tab stop on the control, so a
@@ -9152,7 +9206,7 @@ function om(e, t) {
                               "data-grid-column": B,
                               tabIndex: wo,
                               onClick: (ft) => {
-                                qt({ row: je, column: B }), yi(w, ft);
+                                qt({ row: je, column: B }), ki(w, ft);
                               },
                               onFocus: () => {
                                 qt(
@@ -9169,11 +9223,11 @@ function om(e, t) {
                         Wt && /* @__PURE__ */ x(
                           Re,
                           {
-                            opened: wi === w.id,
+                            opened: yi === w.id,
                             onChange: (ft) => {
-                              Xr(ft ? w.id : null);
+                              Zr(ft ? w.id : null);
                               const Jo = document.activeElement;
-                              !ft && (Jo === null || Jo === document.body || Jo.closest('[role="menu"]') !== null) && Jr({ row: je, column: B });
+                              !ft && (Jo === null || Jo === document.body || Jo.closest('[role="menu"]') !== null) && Qr({ row: je, column: B });
                             },
                             returnFocus: !1,
                             position: "bottom-end",
@@ -9184,7 +9238,7 @@ function om(e, t) {
                                   variant: "subtle",
                                   size: L.CONTROL_HEIGHT,
                                   tabIndex: -1,
-                                  "aria-label": (J.columnMenu ?? Ya.columnMenu)(
+                                  "aria-label": (J.columnMenu ?? Ka.columnMenu)(
                                     (G == null ? void 0 : G.header) ?? w.id
                                   ),
                                   "data-testid": "data-table-header-menu",
@@ -9200,7 +9254,7 @@ function om(e, t) {
                     },
                     w.id
                   );
-                  return ue ? st : /* @__PURE__ */ o(Ye.Fragment, { children: Xn(G == null ? void 0 : G.headerTooltip, st) }, w.id);
+                  return ue ? st : /* @__PURE__ */ o(Ye.Fragment, { children: Zn(G == null ? void 0 : G.headerTooltip, st) }, w.id);
                 }) }) }),
                 /* @__PURE__ */ o(Ot.Tbody, { style: { display: "block", position: "relative", height: Ve.getTotalSize() }, children: ct.map((w) => {
                   const B = it[w.index - Le];
@@ -9215,7 +9269,7 @@ function om(e, t) {
                       "data-index": w.index,
                       "data-selected": G ? "true" : void 0,
                       "aria-rowindex": w.index + 2,
-                      "aria-selected": $r ? G : void 0,
+                      "aria-selected": tn ? G : void 0,
                       onDoubleClick: (ue) => {
                         W == null || W(B.original, ue);
                       },
@@ -9232,7 +9286,7 @@ function om(e, t) {
                         transform: `translateY(${String(w.start)}px)`
                       },
                       children: Fe.map((ue, ke) => {
-                        const Je = Q.get(ue.id), Pt = et.row === w.index && et.column === ke, wo = Je == null ? void 0 : Je.value(B.original), Wt = Wn(wo, K), yo = (Je == null ? void 0 : Je.cell) === void 0 ? /* @__PURE__ */ o("span", { className: "cm-dt-text", dir: "auto", children: Wt }) : Je.cell(B.original);
+                        const Je = Q.get(ue.id), Pt = et.row === w.index && et.column === ke, wo = Je == null ? void 0 : Je.value(B.original), Wt = Yn(wo, K), yo = (Je == null ? void 0 : Je.cell) === void 0 ? /* @__PURE__ */ o("span", { className: "cm-dt-text", dir: "auto", children: Wt }) : Je.cell(B.original);
                         return /* @__PURE__ */ o(
                           Ot.Td,
                           {
@@ -9257,9 +9311,9 @@ function om(e, t) {
                                   toggle: st.metaKey || st.ctrlKey
                                 },
                                 st
-                              ), Qr(w.index, st, po(st));
+                              ), $r(w.index, st, po(st));
                             },
-                            style: _r(Je, ke),
+                            style: en(Je, ke),
                             children: yo
                           },
                           ue.id
@@ -9272,7 +9326,7 @@ function om(e, t) {
               ]
             }
           ),
-          Ke === 0 && /* @__PURE__ */ o(R, { "data-testid": "data-table-empty", className: "cm-dt-empty", children: Ai() })
+          Ke === 0 && /* @__PURE__ */ o(R, { "data-testid": "data-table-empty", className: "cm-dt-empty", children: Ni() })
         ] })
       ]
     }
@@ -9292,14 +9346,14 @@ function Bo(e, t) {
 function nm() {
   return [Bo(0, "#6366F1"), Bo(1, "#06B6D4")];
 }
-const am = 2, im = 5, lt = 100, oo = 360, cm = 90, ni = 10, sm = {
+const am = 2, im = 5, lt = 100, oo = 360, cm = 90, ai = 10, sm = {
   flip: "Flip gradient",
   rotate: "Rotate gradient 90 degrees"
 };
-function cr(e) {
+function sr(e) {
   return Math.min(lt, Math.max(0, e));
 }
-function Jn({
+function Qn({
   value: e,
   format: t,
   normalize: r,
@@ -9360,7 +9414,7 @@ function Jn({
           });
         else if (v.key === "ArrowUp" || v.key === "ArrowDown") {
           v.preventDefault();
-          const N = (v.shiftKey ? ni : 1) * (v.key === "ArrowUp" ? 1 : -1);
+          const N = (v.shiftKey ? ai : 1) * (v.key === "ArrowUp" ? 1 : -1);
           g(e + N, v);
         }
       }
@@ -9488,7 +9542,7 @@ function hh({
     b !== void 0 && b.length > 0 && b[Math.min(F, b.length - 1)].focus();
   }, [f]);
   const ne = (F) => p.percent(g.format(F)), O = (F) => p.degrees(g.format(F)), I = (F, b) => C.current.map(
-    (V, oe) => oe === F ? { ...V, offset: cr(b) / lt } : V
+    (V, oe) => oe === F ? { ...V, offset: sr(b) / lt } : V
   ), S = (F, b) => {
     s == null || s(), y(F, b), C.current = F, i == null || i(F, T);
   }, W = (F) => {
@@ -9507,7 +9561,7 @@ function hh({
     const b = F.currentTarget.getBoundingClientRect();
     if (b.width === 0)
       return;
-    const V = Math.round(cr((F.clientX - b.left) / b.width * lt)) / lt, oe = [...f].sort((Me, _e) => Me.offset - _e.offset), _ = oe.find((Me) => Me.offset >= V) ?? oe[oe.length - 1], Q = [...oe].reverse().find((Me) => Me.offset <= V) ?? oe[0], ie = _.offset - Q.offset, Ce = ie > 0 ? ou(Q.color, _.color, (V - Q.offset) / ie) : Q.color, Ue = Bo(V, Ce);
+    const V = Math.round(sr((F.clientX - b.left) / b.width * lt)) / lt, oe = [...f].sort((Me, _e) => Me.offset - _e.offset), _ = oe.find((Me) => Me.offset >= V) ?? oe[oe.length - 1], Q = [...oe].reverse().find((Me) => Me.offset <= V) ?? oe[0], ie = _.offset - Q.offset, Ce = ie > 0 ? ou(Q.color, _.color, (V - Q.offset) / ie) : Q.color, Ue = Bo(V, Ce);
     z(Ue.id), y(
       [...f, Ue].sort((Me, _e) => Me.offset - _e.offset),
       F
@@ -9526,7 +9580,7 @@ function hh({
   }, J = () => {
     j.current !== null && (j.current = null, i == null || i(C.current, T));
   }, X = (F, b) => {
-    const V = f[F].offset * lt, oe = b.shiftKey ? ni : 1, _ = {
+    const V = f[F].offset * lt, oe = b.shiftKey ? ai : 1, _ = {
       ArrowRight: V + oe,
       ArrowUp: V + oe,
       ArrowLeft: V - oe,
@@ -9577,7 +9631,7 @@ function hh({
             }
           ),
           /* @__PURE__ */ o(
-            Jn,
+            Qn,
             {
               className: "cm-field cm-gradient-angle",
               role: "spinbutton",
@@ -9667,7 +9721,7 @@ function hh({
         )
       ] }),
       E !== void 0 && /* @__PURE__ */ o(
-        Qa,
+        _a,
         {
           value: E.color,
           withAlpha: !1,
@@ -9706,14 +9760,14 @@ function hh({
             },
             children: [
               /* @__PURE__ */ o(
-                Jn,
+                Qn,
                 {
                   className: "cm-field cm-gradient-position",
                   ariaLabel: p.colorStopPosition(V),
                   testId: "gradient-editor-stop-position",
                   value: Math.round(F.offset * lt),
                   format: ne,
-                  normalize: (_) => Math.round(cr(_)),
+                  normalize: (_) => Math.round(sr(_)),
                   onCommit: (_, Q) => {
                     S(I(b, _), Q);
                   }
@@ -9731,7 +9785,7 @@ function hh({
                     onClick: () => {
                       z(F.id);
                     },
-                    children: /* @__PURE__ */ o(Ur, { color: F.color, variant: "field" })
+                    children: /* @__PURE__ */ o(qr, { color: F.color, variant: "field" })
                   }
                 ),
                 /* @__PURE__ */ o(
@@ -9773,18 +9827,18 @@ function mm({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    Pr,
+    Or,
     {
       ...r,
       viewportProps: e ? { tabIndex: 0, ...t } : t
     }
   );
 }
-const fh = Object.assign(mm, { Autosize: Pr.Autosize });
+const fh = Object.assign(mm, { Autosize: Or.Autosize });
 function bh(e) {
-  const t = sc();
+  const t = lc();
   return /* @__PURE__ */ o(
-    Ir,
+    Lr,
     {
       "aria-labelledby": t == null ? void 0 : t.labelId,
       "aria-describedby": t == null ? void 0 : t.describedBy,
@@ -9792,7 +9846,7 @@ function bh(e) {
     }
   );
 }
-const sr = 4, pm = `${String(L.TOGGLE_PITCH)}px`;
+const lr = 4, pm = `${String(L.TOGGLE_PITCH)}px`;
 function gh({
   label: e,
   checked: t,
@@ -9839,7 +9893,7 @@ function gh({
     disabledReason: c,
     extraDescriptions: s ? [f] : void 0
   }), T = /* @__PURE__ */ o(
-    zr,
+    Ir,
     {
       variant: "neutral",
       "data-testid": "toggle-with-content-checkbox",
@@ -9863,13 +9917,13 @@ function gh({
       "data-checked": g ? "true" : "false",
       "data-disabled": a ? "true" : void 0,
       "data-bound": s ? "true" : void 0,
-      style: { display: "flex", flexDirection: "column", gap: sr },
+      style: { display: "flex", flexDirection: "column", gap: lr },
       children: [
         s ? /* @__PURE__ */ x(
           R,
           {
             "data-testid": "toggle-with-content-row",
-            style: { display: "flex", alignItems: "center", gap: sr },
+            style: { display: "flex", alignItems: "center", gap: lr },
             children: [
               T,
               /* @__PURE__ */ o(
@@ -9898,7 +9952,7 @@ function gh({
             style: {
               display: "flex",
               flexDirection: "column",
-              gap: sr,
+              gap: lr,
               // Logical, so the revealed controls indent from the
               // edge the reader starts at in both directions.
               paddingInlineStart: L.GUTTER
@@ -9970,7 +10024,7 @@ function xh({
   );
 }
 let ao = null;
-const Zn = () => {
+const _n = () => {
   ao = null;
 }, vh = Qe(function({
   checked: t,
@@ -9989,7 +10043,7 @@ const Zn = () => {
   ...k
 }, v) {
   const [N, f] = ye({ value: t, defaultValue: r, finalValue: !1, onChange: n }), y = Y(!1), T = (E) => {
-    p == null || p(E), !(E.button !== 0 || l) && (y.current = !0, E.currentTarget.hasPointerCapture(E.pointerId) && E.currentTarget.releasePointerCapture(E.pointerId), ao = !N, globalThis.addEventListener("pointerup", Zn, { once: !0 }), globalThis.addEventListener("pointercancel", Zn, { once: !0 }), f(!N));
+    p == null || p(E), !(E.button !== 0 || l) && (y.current = !0, E.currentTarget.hasPointerCapture(E.pointerId) && E.currentTarget.releasePointerCapture(E.pointerId), ao = !N, globalThis.addEventListener("pointerup", _n, { once: !0 }), globalThis.addEventListener("pointercancel", _n, { once: !0 }), f(!N));
   }, A = (E) => {
     h == null || h(E), !(ao === null || (E.buttons & 1) === 0 || l || N === ao) && f(ao);
   }, m = (E) => {
@@ -10015,12 +10069,12 @@ const Zn = () => {
     }
   );
   return d ? /* @__PURE__ */ o(dt, { label: a, children: z }) : z;
-}), lr = /* @__PURE__ */ new Set(["+", "-", "*", "/", "(", ")"]);
+}), dr = /* @__PURE__ */ new Set(["+", "-", "*", "/", "(", ")"]);
 function hm(e, t = Number) {
   const r = [];
   let n = "";
   for (const l of e)
-    lr.has(l) || /\s/.test(l) ? (n && (r.push(n), n = ""), lr.has(l) && r.push(l)) : n += l;
+    dr.has(l) || /\s/.test(l) ? (n && (r.push(n), n = ""), dr.has(l) && r.push(l)) : n += l;
   if (n && r.push(n), r.length === 0)
     return null;
   let a = 0;
@@ -10036,7 +10090,7 @@ function hm(e, t = Number) {
       const p = d();
       return r[a++] !== ")" && c(), p;
     }
-    if (l === void 0 || lr.has(l))
+    if (l === void 0 || dr.has(l))
       return c();
     const u = t(l);
     return Number.isNaN(u) ? c() : u;
@@ -10066,15 +10120,15 @@ function bm(e, t, r) {
   return t !== void 0 && n < t && (n = t), r !== void 0 && n > r && (n = r), n;
 }
 const gm = 0.5;
-function dr(e) {
+function ur(e) {
   for (const t of [document.documentElement, document.body])
     t.style.cursor = e ? "ew-resize" : "";
 }
-function ai(e, t, r) {
+function ii(e, t, r) {
   const n = Y(!1), a = Y(!1), c = Y(0), s = Y(0), i = Y(r);
   if (i.current = r, we(
     () => () => {
-      a.current && dr(!1);
+      a.current && ur(!1);
     },
     []
   ), !e)
@@ -10082,7 +10136,7 @@ function ai(e, t, r) {
   const d = (l) => {
     var u, p, h;
     if (n.current && (n.current = !1, a.current)) {
-      a.current = !1, dr(!1), (p = (u = i.current).onEnd) == null || p.call(u, l);
+      a.current = !1, ur(!1), (p = (u = i.current).onEnd) == null || p.call(u, l);
       const g = (h = l.currentTarget.closest(".cm-input-wrapper")) == null ? void 0 : h.querySelector("input");
       g && !g.disabled && (g.focus({ preventScroll: !0 }), requestAnimationFrame(() => {
         g.select();
@@ -10107,7 +10161,7 @@ function ai(e, t, r) {
       const u = l.clientX - s.current;
       if (u === 0)
         return;
-      s.current = l.clientX, a.current || (a.current = !0, dr(!0), (g = (h = i.current).onStart) == null || g.call(h, l));
+      s.current = l.clientX, a.current || (a.current = !0, ur(!0), (g = (h = i.current).onStart) == null || g.call(h, l));
       const p = t ? -1 : 1;
       (v = (k = i.current).onMove) == null || v.call(k, p * u, p * (l.clientX - c.current), l);
     },
@@ -10116,7 +10170,7 @@ function ai(e, t, r) {
     onLostPointerCapture: d
   };
 }
-function ii(e) {
+function ci(e) {
   const { value: t, display: r, onCommit: n, parse: a, suffix: c, min: s, max: i, step: d = 1, decimalScale: l, locked: u = !1 } = e, p = e.format ?? String, [h, g] = he(null), k = Y(null), v = (C) => {
     k.current = C, g(C);
   }, N = Y(!1), f = Y(0), y = Y(null), T = (C) => {
@@ -10190,7 +10244,7 @@ function ii(e) {
     }
   }, editing: h !== null };
 }
-function Qn(e) {
+function $n(e) {
   return "separator" in e;
 }
 const wh = Qe(function(t, r) {
@@ -10213,7 +10267,7 @@ const wh = Qe(function(t, r) {
     openLabel: y = "Open list",
     className: T,
     style: A
-  } = t, m = Go(), z = At(), [E, C] = ye({ value: a, defaultValue: c, finalValue: "", onChange: s }), [H, j] = he(null), [$, M] = he(void 0), ne = Y(null), O = xc(r, ne), I = ho(), S = lc({
+  } = t, m = Go(), z = At(), [E, C] = ye({ value: a, defaultValue: c, finalValue: "", onChange: s }), [H, j] = he(null), [$, M] = he(void 0), ne = Y(null), O = vc(r, ne), I = ho(), S = dc({
     onDropdownOpen: () => {
       requestAnimationFrame(() => {
         S.getSelectedOptionIndex() === -1 && S.selectActiveOption(), M(W());
@@ -10225,7 +10279,7 @@ const wh = Qe(function(t, r) {
   }), W = () => {
     var K;
     return ((K = document.querySelector(`[id="${I}"] [data-combobox-selected]`)) == null ? void 0 : K.id) || void 0;
-  }, P = String(E), D = d && P !== "" ? m(P) : Number.NaN, ee = ii({
+  }, P = String(E), D = d && P !== "" ? m(P) : Number.NaN, ee = ci({
     value: Number.isNaN(D) ? null : D,
     display: P,
     onCommit: (K, me) => {
@@ -10236,7 +10290,7 @@ const wh = Qe(function(t, r) {
     max: u,
     step: p,
     locked: N
-  }), re = ai(d && g !== void 0 && !N, tt(z), ee.scrub), J = (K, me) => {
+  }), re = ii(d && g !== void 0 && !N, tt(z), ee.scrub), J = (K, me) => {
     const Se = d ? m(K) : K;
     S.closeDropdown(), j(null), !(typeof Se == "number" && Number.isNaN(Se)) && Se !== E && C(Se, me);
   }, X = (K) => {
@@ -10249,7 +10303,7 @@ const wh = Qe(function(t, r) {
       ArrowUp: Se(() => S.selectPreviousOption()),
       Home: () => S.selectFirstOption(),
       End: () => {
-        S.selectOption(i.filter((Ne) => !Qn(Ne)).length - 1);
+        S.selectOption(i.filter((Ne) => !$n(Ne)).length - 1);
       }
     }[K.key];
     return Ie ? (K.preventDefault(), Ie(), M(W()), !0) : K.key === "Enter" ? (K.preventDefault(), S.getSelectedOptionIndex() !== -1 ? S.clickSelectedOption() : S.closeDropdown(), !0) : K.key === "Escape" ? (K.preventDefault(), K.stopPropagation(), S.closeDropdown(), !0) : !1;
@@ -10293,7 +10347,7 @@ const wh = Qe(function(t, r) {
           var K;
           (K = ne.current) == null || K.focus(), S.toggleDropdown();
         },
-        children: /* @__PURE__ */ o(Mr, {})
+        children: /* @__PURE__ */ o(Hr, {})
       }
     )
   ] });
@@ -10304,7 +10358,7 @@ const wh = Qe(function(t, r) {
       onOptionSubmit: (K) => {
         J(K);
       },
-      ...Rr(),
+      ...Dr(),
       keepMounted: !1,
       disabled: N,
       children: [
@@ -10335,7 +10389,7 @@ const wh = Qe(function(t, r) {
           }
         ) }),
         /* @__PURE__ */ o(Ht.Dropdown, { className: "cm-menu-surface cm-menu cm-listbox", children: /* @__PURE__ */ o(Ht.Options, { id: I, "aria-label": n, children: i.map(
-          (K, me) => Qn(K) ? /* @__PURE__ */ o("hr", { className: "cm-listbox-separator" }, `separator-${String(me)}`) : /* @__PURE__ */ x(
+          (K, me) => $n(K) ? /* @__PURE__ */ o("hr", { className: "cm-listbox-separator" }, `separator-${String(me)}`) : /* @__PURE__ */ x(
             Ht.Option,
             {
               value: K.value,
@@ -10345,7 +10399,7 @@ const wh = Qe(function(t, r) {
               "data-checked": K.value === P || void 0,
               className: "cm-menu-row cm-listbox-option",
               children: [
-                /* @__PURE__ */ o(Va, {}),
+                /* @__PURE__ */ o(Ua, {}),
                 /* @__PURE__ */ o("span", { className: "cm-listbox-label", children: K.label ?? K.value })
               ]
             },
@@ -10414,7 +10468,7 @@ const wh = Qe(function(t, r) {
       leftSection: /* @__PURE__ */ o("span", { className: "cm-search-icon", "aria-hidden": "true", children: /* @__PURE__ */ o(xe, { name: "search", size: xm }) }),
       leftSectionPointerEvents: "none",
       rightSection: T !== "" && !v ? /* @__PURE__ */ o(
-        dc.ClearButton,
+        uc.ClearButton,
         {
           "aria-label": d ?? y.clearSearch,
           onMouseDown: (M) => {
@@ -10539,7 +10593,7 @@ ${r}`, A = n === void 0 ? null : /* @__PURE__ */ o(
     }
   );
 }
-const _n = { x: 3, y: -5 }, km = 500;
+const ea = { x: 3, y: -5 }, km = 500;
 function Sh({ target: e, children: t, onChange: r, ...n }) {
   const [a, c] = he(null), s = Y({ x: 0, y: 0 }), i = Y(null), d = Y(-1 / 0), l = Y(null), u = a !== null, p = (f, y) => {
     i.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, s.current = { x: f, y }, c({ x: f, y }), r == null || r(!0);
@@ -10560,7 +10614,7 @@ function Sh({ target: e, children: t, onChange: r, ...n }) {
   }, [u, a]);
   const g = (f) => {
     var y, T;
-    (T = (y = e.props).onContextMenu) == null || T.call(y, f), !f.defaultPrevented && (f.preventDefault(), !(performance.now() - d.current < km) && p(f.clientX + _n.x, f.clientY + _n.y));
+    (T = (y = e.props).onContextMenu) == null || T.call(y, f), !f.defaultPrevented && (f.preventDefault(), !(performance.now() - d.current < km) && p(f.clientX + ea.x, f.clientY + ea.y));
   }, k = (f) => {
     var y, T;
     if ((T = (y = e.props).onKeyDown) == null || T.call(y, f), !f.defaultPrevented && (f.shiftKey && f.key === "F10" || f.key === "ContextMenu")) {
@@ -10570,7 +10624,7 @@ function Sh({ target: e, children: t, onChange: r, ...n }) {
     }
   }, { x: v, y: N } = a ?? s.current;
   return /* @__PURE__ */ x(Z, { children: [
-    Or(e, { onContextMenu: g, onKeyDown: k }),
+    Rr(e, { onContextMenu: g, onKeyDown: k }),
     /* @__PURE__ */ x(
       Re,
       {
@@ -10619,7 +10673,7 @@ function Ah({ className: e, ...t }) {
 }
 const Sm = Qe(function({ message: t, icon: r, action: n, withCloseButton: a = !1, onClose: c, closeLabel: s = "Dismiss", ...i }, d) {
   return /* @__PURE__ */ x(
-    ya,
+    Sa,
     {
       ref: d,
       role: "group",
@@ -10633,7 +10687,7 @@ const Sm = Qe(function({ message: t, icon: r, action: n, withCloseButton: a = !1
           r,
           t
         ] }),
-        n ? /* @__PURE__ */ o(ga, { variant: "default", className: "cm-toast-action", onClick: n.onClick, children: n.label }) : null
+        n ? /* @__PURE__ */ o(va, { variant: "default", className: "cm-toast-action", onClick: n.onClick, children: n.label }) : null
       ]
     }
   );
@@ -10649,7 +10703,7 @@ function Cm(e) {
 function Em(e) {
   return typeof e == "object" && e !== null && "message" in e;
 }
-const ci = It(null);
+const si = It(null);
 function Nh({ children: e, bottom: t = 76, zIndex: r }) {
   const [n, a] = he(null), c = Y(void 0), s = Y(0), i = se(() => {
     clearTimeout(c.current), a(null);
@@ -10672,15 +10726,15 @@ function Nh({ children: e, bottom: t = 76, zIndex: r }) {
   let u = null;
   if (n) {
     const { key: p, duration: h, ...g } = n;
-    u = /* @__PURE__ */ o(uc, { children: /* @__PURE__ */ o("div", { className: "cm-toast-layer", style: { bottom: t, zIndex: r }, children: /* @__PURE__ */ o(Sm, { ...g, onClose: i }, p) }) });
+    u = /* @__PURE__ */ o(mc, { children: /* @__PURE__ */ o("div", { className: "cm-toast-layer", style: { bottom: t, zIndex: r }, children: /* @__PURE__ */ o(Sm, { ...g, onClose: i }, p) }) });
   }
-  return /* @__PURE__ */ x(ci.Provider, { value: l, children: [
+  return /* @__PURE__ */ x(si.Provider, { value: l, children: [
     e,
     u
   ] });
 }
 function Ch() {
-  const e = mt(ci);
+  const e = mt(si);
   if (!e)
     throw new Error("useToast must be used inside a ToastProvider");
   return e;
@@ -10691,7 +10745,7 @@ function Eh({ label: e, shortcut: t }) {
     /* @__PURE__ */ o("span", { className: "cm-tooltip-shortcut", children: t })
   ] });
 }
-const zm = ["top", "middle", "bottom"], Im = ["left", "center", "right"], ur = zm.flatMap(
+const zm = ["top", "middle", "bottom"], Im = ["left", "center", "right"], mr = zm.flatMap(
   (e) => Im.map((t) => `${e}-${t}`)
 ), Lm = {
   "top-left": "Align top left",
@@ -10725,7 +10779,7 @@ function zh({
     if (s || g === void 0 || h.altKey || h.ctrlKey || h.metaKey)
       return;
     h.preventDefault();
-    const k = ur.indexOf(l), v = Math.min(2, Math.max(0, Math.floor(k / 3) + g[0])), N = Math.min(2, Math.max(0, k % 3 + g[1])), f = ur[v * 3 + N];
+    const k = mr.indexOf(l), v = Math.min(2, Math.max(0, Math.floor(k / 3) + g[0])), N = Math.min(2, Math.max(0, k % 3 + g[1])), f = mr[v * 3 + N];
     f !== l && u(f, h), (T = (y = h.currentTarget.closest(".cm-align")) == null ? void 0 : y.querySelector(`input[value="${f}"]`)) == null || T.focus();
   };
   return /* @__PURE__ */ o(
@@ -10738,7 +10792,7 @@ function zh({
       "data-direction": n,
       "data-disabled": s || void 0,
       "data-testid": "alignment-matrix",
-      children: /* @__PURE__ */ o("div", { className: "cm-align-grid", children: ur.map((h, g) => {
+      children: /* @__PURE__ */ o("div", { className: "cm-align-grid", children: mr.map((h, g) => {
         const k = h === l, v = (c == null ? void 0 : c[h]) ?? Lm[h], N = Om[n === "vertical" ? g % 3 : Math.floor(g / 3)];
         return /* @__PURE__ */ x(
           "div",
@@ -10872,7 +10926,7 @@ const Ih = Qe(function({
     }
   );
 });
-function si({
+function li({
   value: e,
   onCommit: t,
   onCancel: r,
@@ -11086,7 +11140,7 @@ function Lh({
             selected: a === "group" && z,
             tabIndex: m.id === f ? 0 : -1,
             nameSlot: h === m.id ? /* @__PURE__ */ o(
-              si,
+              li,
               {
                 value: m.name,
                 label: i,
@@ -11208,7 +11262,7 @@ function Gm(e, t, r, n) {
       return null;
   return c.parentId === i && c.posInSet - 1 < d && (d -= 1), c.parentId === i && c.posInSet - 1 === d ? null : { move: { id: t, parentId: i, index: d }, boxRow: l, line: u };
 }
-function li(e) {
+function di(e) {
   return 16 + 24 * (e - 1);
 }
 function Oh(e, t) {
@@ -11225,7 +11279,7 @@ function Oh(e, t) {
 function qm(e, t, r) {
   return e.map((n) => n.id === t ? { ...n, name: r } : n.children ? { ...n, children: qm(n.children, t, r) } : n);
 }
-const Wm = 200, jm = 500, Ym = 10, $n = ".cm-tree-actions :is(button, a[href], input, select, textarea, [tabindex]):not(:disabled)", Km = Qe(function({
+const Wm = 200, jm = 500, Ym = 10, ta = ".cm-tree-actions :is(button, a[href], input, select, textarea, [tabindex]):not(:disabled)", Km = Qe(function({
   name: t,
   label: r,
   icon: n,
@@ -11286,7 +11340,7 @@ const Wm = 200, jm = 500, Ym = 10, $n = ".cm-tree-actions :is(button, a[href], i
       },
       ...j,
       children: [
-        /* @__PURE__ */ o("span", { className: "cm-tree-indent", style: { width: li(a) - 16 } }),
+        /* @__PURE__ */ o("span", { className: "cm-tree-indent", style: { width: di(a) - 16 } }),
         /* @__PURE__ */ o("span", { className: "cm-tree-caret", "aria-hidden": "true", "data-testid": "tree-caret", children: c && /* @__PURE__ */ o(xe, { name: s ? "caretDown" : "caretRight", size: L.CHEVRON }) }),
         /* @__PURE__ */ o("span", { className: "cm-tree-icon", "aria-hidden": "true", children: n }),
         O && /* @__PURE__ */ o("span", { className: "cm-tree-swatch", "aria-hidden": "true", "data-testid": "tree-swatch", children: N }),
@@ -11352,7 +11406,7 @@ function Rh({
     onChange: (b) => {
       i == null || i([...b]);
     }
-  }), T = be(() => new Set(f), [f]), A = be(() => new Set(v), [v]), m = be(() => Fm(e, T), [e, T]), z = be(() => Um(m, A), [m, A]), E = be(() => new Map(m.map((b, V) => [b.node.id, V])), [m]), [C, H] = he(null), [j, $] = he(null), [M, ne] = he(null), O = Y(null), I = Y(null), S = Y(!1), W = Y({ text: "", at: 0 }), P = Y(null), D = m.length > Wm, ee = Na({
+  }), T = be(() => new Set(f), [f]), A = be(() => new Set(v), [v]), m = be(() => Fm(e, T), [e, T]), z = be(() => Um(m, A), [m, A]), E = be(() => new Map(m.map((b, V) => [b.node.id, V])), [m]), [C, H] = he(null), [j, $] = he(null), [M, ne] = he(null), O = Y(null), I = Y(null), S = Y(!1), W = Y({ text: "", at: 0 }), P = Y(null), D = m.length > Wm, ee = Ea({
     count: D ? m.length : 0,
     getScrollElement: () => P.current,
     estimateSize: () => L.DATA_PITCH,
@@ -11360,7 +11414,7 @@ function Rh({
   }), re = (C !== null && E.has(C) ? C : null) ?? ((Ne = m.find((b) => A.has(b.node.id))) == null ? void 0 : Ne.node.id) ?? ((F = m[0]) == null ? void 0 : F.node.id) ?? null;
   mo(() => {
     var b;
-    (b = P.current) == null || b.querySelectorAll($n).forEach((V) => {
+    (b = P.current) == null || b.querySelectorAll(ta).forEach((V) => {
       V.tabIndex = -1;
     });
   }), mo(() => {
@@ -11388,7 +11442,7 @@ function Rh({
       m.slice(Math.min(_, Q), Math.max(_, Q) + 1).map((ie) => ie.node.id),
       oe
     );
-  }, le = (b) => b.shiftKey ? "range" : b.metaKey || b.ctrlKey ? "toggle" : "replace", Ae = (b) => b === null ? [] : [...b.querySelectorAll($n)], We = (b, V) => {
+  }, le = (b) => b.shiftKey ? "range" : b.metaKey || b.ctrlKey ? "toggle" : "replace", Ae = (b) => b === null ? [] : [...b.querySelectorAll(ta)], We = (b, V) => {
     var ie, Ce;
     const oe = Ae(V), _ = oe.indexOf(b.target), Q = E.get(V.dataset.id ?? "");
     if (!(_ === -1 || Q === void 0 || b.defaultPrevented || b.altKey)) {
@@ -11506,7 +11560,7 @@ function Rh({
         style: oe,
         draggable: u !== void 0 && !Q,
         nameSlot: Q ? /* @__PURE__ */ o(
-          si,
+          li,
           {
             value: b.node.name,
             label: g,
@@ -11604,7 +11658,7 @@ function Rh({
               {
                 className: "cm-tree-drop-line",
                 "data-testid": "tree-drop-line",
-                style: { top: M.line.boundary * Ie - 1, insetInlineStart: li(M.line.level) }
+                style: { top: M.line.boundary * Ie - 1, insetInlineStart: di(M.line.level) }
               }
             )
           ]
@@ -11614,7 +11668,7 @@ function Rh({
   );
 }
 const Xm = 'button, input[type="radio"], [role="radio"]';
-function Wr(e) {
+function Yr(e) {
   const t = Y(null), r = Y(null), n = () => {
     var i;
     return Array.from(((i = t.current) == null ? void 0 : i.querySelectorAll(Xm)) ?? []).filter(
@@ -11651,7 +11705,7 @@ function Wr(e) {
   } };
 }
 function Gt() {
-  const e = Sa();
+  const e = Aa();
   qo(e.other.compact);
 }
 function Jm() {
@@ -11690,7 +11744,7 @@ function Mh({ label: e, children: t, menuProps: r, className: n, ...a }) {
     }
   ) : d(i);
 }
-function jr({
+function Kr({
   label: e,
   shortcut: t
 }) {
@@ -11705,7 +11759,7 @@ const Zm = Qe(function({ label: t, icon: r, shortcut: n, selected: a, tooltipPos
   return /* @__PURE__ */ o(
     dt,
     {
-      label: /* @__PURE__ */ o(jr, { label: p ? `${t}. ${s}` : t, shortcut: n }),
+      label: /* @__PURE__ */ o(Kr, { label: p ? `${t}. ${s}` : t, shortcut: n }),
       position: c,
       children: /* @__PURE__ */ o(
         ut,
@@ -11726,7 +11780,7 @@ const Zm = Qe(function({ label: t, icon: r, shortcut: n, selected: a, tooltipPos
 }), Qm = 500;
 function _m({ footer: e, children: t, className: r, onKeyDown: n, onFocus: a, ...c }) {
   Gt();
-  const s = ze(), i = Wr("vertical");
+  const s = ze(), i = Yr("vertical");
   return /* @__PURE__ */ x(
     R,
     {
@@ -11757,9 +11811,9 @@ const Dh = Object.assign(_m, { Separator: $m }), Hh = Qe(function({ icon: t, lab
   return /* @__PURE__ */ o(
     dt,
     {
-      label: /* @__PURE__ */ o(jr, { label: r, shortcut: n }),
+      label: /* @__PURE__ */ o(Kr, { label: r, shortcut: n }),
       position: "right",
-      offset: { mainAxis: qa, crossAxis: -8 },
+      offset: { mainAxis: Wa, crossAxis: -8 },
       openDelay: Qm,
       withArrow: !0,
       disabled: d,
@@ -11894,7 +11948,7 @@ function Bh({
             }
           ),
           A !== "" || i ? /* @__PURE__ */ o("span", { className: "cm-qa-search-action", children: A === "" ? i : /* @__PURE__ */ o(
-            Er,
+            zr,
             {
               "aria-label": N.clearSearch,
               onMouseDown: (S) => {
@@ -11987,7 +12041,7 @@ function rp({
   ...c
 }) {
   Gt();
-  const s = Wr("horizontal");
+  const s = Yr("horizontal");
   return /* @__PURE__ */ o(
     R,
     {
@@ -12148,7 +12202,7 @@ function Vh({
                         z.description ? /* @__PURE__ */ o("span", { className: "cm-sheet-row-description", children: z.description }) : null
                       ] }),
                       /* @__PURE__ */ o("span", { className: "cm-sheet-keys", children: z.keys.map((C, H) => /* @__PURE__ */ o(
-                        wa,
+                        ka,
                         {
                           size: N ? "md" : void 0,
                           mod: { active: z.highlighted },
@@ -12177,7 +12231,7 @@ function ip({
   ...c
 }) {
   Gt();
-  const s = ze(), i = Wr("horizontal");
+  const s = ze(), i = Yr("horizontal");
   return /* @__PURE__ */ o(
     R,
     {
@@ -12250,7 +12304,7 @@ function Gh({
         onClose: N,
         classNames: { dropdown: "cm-menu-surface", item: "cm-menu-row cm-tool-flyout-row" },
         children: [
-          /* @__PURE__ */ o(dt, { label: /* @__PURE__ */ o(jr, { label: e }), position: "top", children: /* @__PURE__ */ o(Re.Target, { children: /* @__PURE__ */ o(
+          /* @__PURE__ */ o(dt, { label: /* @__PURE__ */ o(Kr, { label: e }), position: "top", children: /* @__PURE__ */ o(Re.Target, { children: /* @__PURE__ */ o(
             ut,
             {
               ...c,
@@ -12282,14 +12336,14 @@ function Gh({
     )
   ] });
 }
-function di(e, t) {
+function ui(e, t) {
   return e !== void 0 ? e : t === void 0 ? "off" : "polite";
 }
 function zt(e, t) {
-  const r = di(e, t);
+  const r = ui(e, t);
   return r === "off" ? { "aria-busy": t } : { "aria-live": r, "aria-atomic": !0, "aria-busy": t };
 }
-const mr = 4, lp = "(hover: none)";
+const pr = 4, lp = "(hover: none)";
 function dp(e) {
   if (typeof e == "string")
     return e;
@@ -12311,7 +12365,7 @@ function qh(e) {
     onClick: u,
     onFocus: p,
     onBlur: h
-  } = e, g = zt(a, n), { hovered: k, ref: v } = vc(), N = Aa(lp) ?? !1, [f, y] = he(!1), T = Pe(), A = f || (i ?? (d === "always" || k || N)), m = c !== void 0 || s !== void 0, z = dp(t), E = r !== void 0 && r !== z, C = r ?? z, H = m && t !== void 0, j = E ? /* @__PURE__ */ x(Z, { children: [
+  } = e, g = zt(a, n), { hovered: k, ref: v } = wc(), N = Ca(lp) ?? !1, [f, y] = he(!1), T = Pe(), A = f || (i ?? (d === "always" || k || N)), m = c !== void 0 || s !== void 0, z = dp(t), E = r !== void 0 && r !== z, C = r ?? z, H = m && t !== void 0, j = E ? /* @__PURE__ */ x(Z, { children: [
     /* @__PURE__ */ o("span", { "aria-hidden": "true", children: t }),
     /* @__PURE__ */ o(nt, { "data-testid": "action-row-state-full", children: r })
   ] }) : t;
@@ -12402,7 +12456,7 @@ function qh(e) {
               marginInlineStart: "auto",
               display: "flex",
               alignItems: "center",
-              gap: mr
+              gap: pr
             },
             children: [
               c !== void 0 && /* @__PURE__ */ o(
@@ -12415,7 +12469,7 @@ function qh(e) {
                     flex: "0 0 auto",
                     display: "flex",
                     alignItems: "center",
-                    gap: mr,
+                    gap: pr,
                     // Hidden with opacity and never by unmounting:
                     // the controls have to stay focusable. Pointer
                     // events are withdrawn with the ink so that an
@@ -12436,7 +12490,7 @@ function qh(e) {
                     flex: "0 0 auto",
                     display: "flex",
                     alignItems: "center",
-                    gap: mr
+                    gap: pr
                   },
                   children: s
                 }
@@ -12529,7 +12583,7 @@ function jh({
     c !== void 0 && u && // Redundant to a screen reader: the position of this column in a
     // multi-column sort is drawn for the eye, and every column
     // announces its own direction through aria-sort.
-    /* @__PURE__ */ o("span", { "aria-hidden": "true", style: { flex: "0 0 auto", display: "flex" }, children: /* @__PURE__ */ o(ui, { children: d.format(c) }) }),
+    /* @__PURE__ */ o("span", { "aria-hidden": "true", style: { flex: "0 0 auto", display: "flex" }, children: /* @__PURE__ */ o(mi, { children: d.format(c) }) }),
     u && // The 5 x 3 caret; ascending is the same drawing turned over, which
     // means the same thing whichever way the text runs.
     /* @__PURE__ */ o("span", { className: "cm-sort-caret", "data-testid": "data-row-header-sort-glyph", "data-direction": s, children: /* @__PURE__ */ o(xe, { name: "caretDown", size: L.CHEVRON }) })
@@ -12562,10 +12616,10 @@ function jh({
     }
   );
 }
-function ui({ children: e }) {
+function mi({ children: e }) {
   return Oe(), /* @__PURE__ */ o("span", { className: "cm-rank-chip", "data-testid": "rank-chip", children: e });
 }
-const ea = 2, up = 1, mp = 16, pp = 2, hp = 1, fp = 1, bp = 64, mi = 4, ta = mi / 2, pi = 4, Bt = 100, gp = 1, hi = "var(--cm-icon-secondary)", Cr = 100;
+const oa = 2, up = 1, mp = 16, pp = 2, hp = 1, fp = 1, bp = 64, pi = 4, ra = pi / 2, hi = 4, Bt = 100, gp = 1, fi = "var(--cm-icon-secondary)", Er = 100;
 function Fo({ children: e, end: t, id: r }) {
   return /* @__PURE__ */ o(
     R,
@@ -12583,7 +12637,7 @@ function Fo({ children: e, end: t, id: r }) {
     }
   );
 }
-function fi() {
+function bi() {
   return /* @__PURE__ */ o(
     R,
     {
@@ -12596,7 +12650,7 @@ function fi() {
     }
   );
 }
-function bi({ caption: e, rows: t, testId: r }) {
+function gi({ caption: e, rows: t, testId: r }) {
   return /* @__PURE__ */ x(nt, { component: "table", "data-testid": r, children: [
     e !== void 0 && /* @__PURE__ */ o("caption", { children: e }),
     /* @__PURE__ */ o("tbody", { children: t.map((n) => /* @__PURE__ */ x("tr", { children: [
@@ -12617,7 +12671,7 @@ function xp(e, t) {
     return `${l},${u}`;
   }).join(" ");
 }
-function gi() {
+function xi() {
   const e = Pe(), t = `${e}min`, r = `${e}max`;
   return { min: t, max: r, describedBy: `${t} ${r}` };
 }
@@ -12631,7 +12685,7 @@ function Yh({
   trailing: s
 }) {
   Oe();
-  const i = Lt(), d = gi(), l = e.reduce((p, h) => Math.max(p, h.count, 0), 0), u = e.map((p, h) => ({
+  const i = Lt(), d = xi(), l = e.reduce((p, h) => Math.max(p, h.count, 0), 0), u = e.map((p, h) => ({
     id: `${p.label}-${String(h)}`,
     header: p.label,
     // The raw count, not the clamped one the bar draws: the table is the
@@ -12664,7 +12718,7 @@ function Yh({
               height: "100%",
               display: "flex",
               flexDirection: "column",
-              gap: ea
+              gap: oa
             },
             children: [
               /* @__PURE__ */ x(
@@ -12680,7 +12734,7 @@ function Yh({
                     minHeight: 0,
                     display: "flex",
                     flexDirection: "column",
-                    gap: ea
+                    gap: oa
                   },
                   children: [
                     /* @__PURE__ */ o(
@@ -12695,7 +12749,7 @@ function Yh({
                           gap: pp
                         },
                         children: e.map((p, h) => {
-                          const g = Math.max(0, p.count), k = l === 0 ? 0 : g / l * Cr, v = p.highlighted === !0;
+                          const g = Math.max(0, p.count), k = l === 0 ? 0 : g / l * Er, v = p.highlighted === !0;
                           return /* @__PURE__ */ o(
                             R,
                             {
@@ -12708,7 +12762,7 @@ function Yh({
                                 minWidth: 0,
                                 height: `${String(k)}%`,
                                 minHeight: g > 0 ? fp : 0,
-                                background: v ? Te.ACCENT_GRAPHIC : hi,
+                                background: v ? Te.ACCENT_GRAPHIC : fi,
                                 borderRadius: hp
                               }
                             },
@@ -12717,7 +12771,7 @@ function Yh({
                         })
                       }
                     ),
-                    /* @__PURE__ */ o(fi, {})
+                    /* @__PURE__ */ o(bi, {})
                   ]
                 }
               ),
@@ -12731,7 +12785,7 @@ function Yh({
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
-                    gap: pi
+                    gap: hi
                   },
                   children: [
                     /* @__PURE__ */ o(Fo, { end: "min", id: d.min, children: r }),
@@ -12742,7 +12796,7 @@ function Yh({
             ]
           }
         ),
-        /* @__PURE__ */ o(bi, { caption: t, rows: u, testId: "histogram-values" }),
+        /* @__PURE__ */ o(gi, { caption: t, rows: u, testId: "histogram-values" }),
         xo(s) && /* @__PURE__ */ o(Tt, { children: s })
       ]
     }
@@ -12758,7 +12812,7 @@ function Kh({
   trailing: s
 }) {
   Oe();
-  const i = At(), d = Lt(), l = gi(), u = xp(e, i), p = e.map((h, g) => ({
+  const i = At(), d = Lt(), l = xi(), u = xp(e, i), p = e.map((h, g) => ({
     id: `point-${String(g)}`,
     // Positions count from one, the way a reader counts them, and are
     // formatted for the locale so a series longer than a thousand points
@@ -12788,7 +12842,7 @@ function Kh({
               minWidth: 0,
               display: "flex",
               alignItems: "center",
-              gap: pi
+              gap: hi
             },
             children: [
               /* @__PURE__ */ o(Fo, { end: "min", id: l.min, children: r }),
@@ -12806,7 +12860,7 @@ function Kh({
                     display: "flex",
                     flexDirection: "column",
                     // The line; the rule it stands on draws its own ink.
-                    color: hi
+                    color: fi
                   },
                   children: [
                     /* @__PURE__ */ o(
@@ -12829,7 +12883,7 @@ function Kh({
                         children: u !== null && /* @__PURE__ */ o("polyline", { points: u, vectorEffect: "non-scaling-stroke" })
                       }
                     ),
-                    /* @__PURE__ */ o(fi, {})
+                    /* @__PURE__ */ o(bi, {})
                   ]
                 }
               ),
@@ -12837,7 +12891,7 @@ function Kh({
             ]
           }
         ),
-        /* @__PURE__ */ o(bi, { caption: t, rows: p, testId: "sparkline-values" }),
+        /* @__PURE__ */ o(gi, { caption: t, rows: p, testId: "sparkline-values" }),
         xo(s) && /* @__PURE__ */ o(Tt, { children: s })
       ]
     }
@@ -12857,7 +12911,7 @@ function Xh({
   onBlur: u
 }) {
   Oe();
-  const p = ze(), h = ql(), g = Pe(), k = s, v = k !== void 0, N = Math.min(Cr, Math.max(0, t)), f = p.percentile(h(Math.round(N))), y = (A) => {
+  const p = ze(), h = ql(), g = Pe(), k = s, v = k !== void 0, N = Math.min(Er, Math.max(0, t)), f = p.percentile(h(Math.round(N))), y = (A) => {
     k !== void 0 && k(A, po(A));
   }, T = (A) => {
     k !== void 0 && (A.key === "Enter" || A.key === " ") && (A.preventDefault(), k(A, po(A)));
@@ -12903,20 +12957,20 @@ function Xh({
           }
         ),
         /* @__PURE__ */ o(
-          br.Root,
+          gr.Root,
           {
             "data-testid": "metric-row-bar",
             role: "progressbar",
             "aria-labelledby": g,
             "aria-valuemin": 0,
-            "aria-valuemax": Cr,
+            "aria-valuemax": Er,
             "aria-valuenow": N,
             "aria-valuetext": f,
             title: f,
-            size: mi,
+            size: pi,
             style: {
               flex: `0 0 ${String(bp)}px`,
-              borderRadius: ta,
+              borderRadius: ra,
               // The track is the field surface rather than the raised one.
               // Measured against this library's own palette, the accent
               // fill reads 4.46:1 (dark) and 4.51:1 (light) on the field
@@ -12927,13 +12981,13 @@ function Xh({
               background: Te.SURFACE
             },
             children: /* @__PURE__ */ o(
-              br.Section,
+              gr.Section,
               {
                 "data-testid": "metric-row-fill",
                 value: N,
                 withAria: !1,
                 color: Te.ACCENT_GRAPHIC,
-                style: { borderRadius: ta }
+                style: { borderRadius: ra }
               }
             )
           }
@@ -12948,19 +13002,19 @@ function Xh({
             children: r
           }
         ),
-        n !== void 0 && /* @__PURE__ */ o(ui, { children: n })
+        n !== void 0 && /* @__PURE__ */ o(mi, { children: n })
       ]
     }
   );
 }
-const xi = It(!1);
-function oa({ showLabels: e = !1, children: t }) {
-  return /* @__PURE__ */ o(xi.Provider, { value: e, children: t });
+const vi = It(!1);
+function na({ showLabels: e = !1, children: t }) {
+  return /* @__PURE__ */ o(vi.Provider, { value: e, children: t });
 }
-function Yr() {
-  return mt(xi);
+function Xr() {
+  return mt(vi);
 }
-const ra = 8, vp = 2, vi = 1, wp = 2, yp = 3;
+const aa = 8, vp = 2, wi = 1, wp = 2, yp = 3;
 function kp(e) {
   if (e.fullValue !== void 0)
     return e.fullValue;
@@ -12972,8 +13026,8 @@ function kp(e) {
 function Sp({ segment: e, grow: t, index: r }) {
   const { glyph: n, value: a, unit: c, mono: s = !1 } = e;
   let i = null;
-  Oa(n) ? i = /* @__PURE__ */ o(Zt, { name: n }) : Ra(n) ? i = /* @__PURE__ */ o(R, { component: "span", "data-letter": n, children: n }) : n != null && (i = n);
-  const d = kp(e), l = e.fullValue !== void 0, u = r > 0 ? vi : 0;
+  Ra(n) ? i = /* @__PURE__ */ o(Zt, { name: n }) : Ma(n) ? i = /* @__PURE__ */ o(R, { component: "span", "data-letter": n, children: n }) : n != null && (i = n);
+  const d = kp(e), l = e.fullValue !== void 0, u = r > 0 ? wi : 0;
   return /* @__PURE__ */ x(
     R,
     {
@@ -12989,8 +13043,8 @@ function Sp({ segment: e, grow: t, index: r }) {
         height: L.CONTROL_HEIGHT,
         paddingBlock: 0,
         // The seam before a later segment is its first pixel of inset.
-        paddingInlineStart: i === null ? ra - u : 0,
-        paddingInlineEnd: ra
+        paddingInlineStart: i === null ? aa - u : 0,
+        paddingInlineEnd: aa
       },
       children: [
         i !== null && /* @__PURE__ */ o(
@@ -13071,9 +13125,9 @@ function Jh({
   onBlur: d
 }) {
   Oe();
-  const l = Yr(), u = Ye.useId(), p = t.filter((z) => z.grow === !0).length;
+  const l = Xr(), u = Ye.useId(), p = t.filter((z) => z.grow === !0).length;
   St(Tp(e, t.length)), St(Ap(e, p));
-  const h = t.findIndex((z) => z.grow === !0), g = h === -1 ? 0 : h, k = s !== void 0, v = di(c, a) !== "off", N = k || v, f = k ? void 0 : u, y = N ? void 0 : u, T = N || l, A = {
+  const h = t.findIndex((z) => z.grow === !0), g = h === -1 ? 0 : h, k = s !== void 0, v = ui(c, a) !== "off", N = k || v, f = k ? void 0 : u, y = N ? void 0 : u, T = N || l, A = {
     display: "flex",
     alignItems: "center",
     boxSizing: "border-box",
@@ -13098,7 +13152,7 @@ function Jh({
           className: "cm-compound-seam",
           style: {
             flex: "0 0 auto",
-            width: vi,
+            width: wi,
             height: L.CONTROL_HEIGHT
           }
         }
@@ -13177,7 +13231,7 @@ function Jh({
     }
   );
 }
-const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change the value", aa = 4, ia = 4, Ep = L.VALUE_INSET + L.LABEL_COLUMN, ca = {
+const Np = L.VALUE_INSET - L.GLYPH_SLOT, ia = 8, Cp = "Use arrow keys to change the value", ca = 4, sa = 4, Ep = L.VALUE_INSET + L.LABEL_COLUMN, la = {
   position: "absolute",
   width: 1,
   height: 1,
@@ -13222,7 +13276,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
       className: S,
       onKeyDown: W,
       ...P
-    } = t, D = Yr(), ee = ze(), re = Go(), J = At(), X = Aa("(pointer: coarse)"), { ref: de, width: le } = wc(), [Ae, We] = ye({
+    } = t, D = Xr(), ee = ze(), re = Go(), J = At(), X = Ca("(pointer: coarse)"), { ref: de, width: le } = yc(), [Ae, We] = ye({
       value: s === null ? "" : s,
       defaultValue: i,
       finalValue: "",
@@ -13240,7 +13294,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
       disabled: H,
       disabledReason: j,
       extraDescriptions: V
-    }), { description: ie } = Q, Ce = K === "number", Ue = m !== void 0 || z !== void 0 || E !== void 0, Me = Ce && z === void 0 && !fe, _e = (Ue || Me) && !H && !X, Nt = F ? "" : Ie, at = Ie === "" || g ? Number.NaN : re(Ie), $e = ii({
+    }), { description: ie } = Q, Ce = K === "number", Ue = m !== void 0 || z !== void 0 || E !== void 0, Me = Ce && z === void 0 && !fe, _e = (Ue || Me) && !H && !X, Nt = F ? "" : Ie, at = Ie === "" || g ? Number.NaN : re(Ie), $e = ci({
       value: Number.isNaN(at) ? null : at,
       display: Nt,
       onCommit: (ce, Ve) => {
@@ -13252,7 +13306,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
       step: y,
       decimalScale: T,
       locked: H || fe
-    }), ae = ai(_e, tt(J), {
+    }), ae = ii(_e, tt(J), {
       onStart: (ce) => {
         var Ve, ct;
         m == null || m(ce), Me && ((ct = (Ve = $e.scrub).onStart) == null || ct.call(Ve, ce));
@@ -13273,7 +13327,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
       We(ce, Ve);
     };
     let Le = null;
-    Oa(a) ? Le = /* @__PURE__ */ o(Zt, { name: a, filled: h }) : Ra(a) ? Le = /* @__PURE__ */ o(
+    Ra(a) ? Le = /* @__PURE__ */ o(Zt, { name: a, filled: h }) : Ma(a) ? Le = /* @__PURE__ */ o(
       R,
       {
         component: "span",
@@ -13312,8 +13366,8 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
                   // side of the glyph.
                   insetInlineStart: 0,
                   bottom: 0,
-                  width: ia,
-                  height: ia,
+                  width: sa,
+                  height: sa,
                   background: Te.ACCENT_GRAPHIC
                 }
               }
@@ -13330,7 +13384,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
           style: {
             flex: "1 1 auto",
             minWidth: 0,
-            marginInlineStart: aa,
+            marginInlineStart: ca,
             fontSize: "var(--mantine-font-size-sm)",
             lineHeight: 1,
             color: Te.CHROME,
@@ -13350,7 +13404,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
           style: {
             flex: "0 0 auto",
             lineHeight: 1,
-            paddingInlineEnd: me ? 0 : na
+            paddingInlineEnd: me ? 0 : ia
           },
           children: /* @__PURE__ */ o("span", { ref: de, style: { display: "inline-block" }, children: u })
         }
@@ -13367,12 +13421,12 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
             justifyContent: "center",
             width: L.GLYPH_SLOT
           },
-          children: /* @__PURE__ */ o(Mr, {})
+          children: /* @__PURE__ */ o(Hr, {})
         }
       )
     ] }) : void 0;
-    let Fe = Ge ? aa : 0;
-    Fe += me ? L.GLYPH_SLOT : na;
+    let Fe = Ge ? ca : 0;
+    Fe += me ? L.GLYPH_SLOT : ia;
     let Ke;
     Ge && le > 0 ? Ke = Math.ceil(le) + Fe : Ge ? Ke = `calc(${String(u.length)}ch + ${String(Fe)}px)` : me && (Ke = Fe);
     const pt = _e ? "auto" : "none", ht = {
@@ -13435,8 +13489,8 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
         // drawn at all, but it is always in the accessibility tree: this is
         // a real label element, so the field's name comes from a label and
         // its value comes from the input, and neither hides the other.
-        label: ca,
-        description: ca
+        label: la,
+        description: la
       },
       wrapperProps: {
         // The tooltip sits on the field's outer element rather than on the
@@ -13472,7 +13526,7 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
       );
     }
     return Se ? /* @__PURE__ */ o(
-      Lr,
+      Pr,
       {
         ...ht,
         data: l,
@@ -13492,18 +13546,18 @@ const Np = L.VALUE_INSET - L.GLYPH_SLOT, na = 8, Cp = "Use arrow keys to change
       }
     );
   }
-), Ip = 2, Lp = L.BODY + L.TRAIL_GAP, sa = (L.CAPTION_ROW - L.CONTROL_HEIGHT - 14) / 3;
+), Ip = 2, Lp = L.BODY + L.TRAIL_GAP, da = (L.CAPTION_ROW - L.CONTROL_HEIGHT - 14) / 3;
 function Pp(e) {
   return Ye.Children.toArray(e).flatMap((t) => Ye.isValidElement(t) && t.type === Ye.Fragment ? Ye.Children.toArray(t.props.children) : [t]);
 }
-function la(e, t) {
+function ua(e, t) {
   return Ye.isValidElement(e) && e.key !== null ? e.key : `field-row-${String(t)}`;
 }
-function pr(e) {
+function hr(e) {
   if (Ye.isValidElement(e) && typeof e.props.label == "string")
     return e.props.label;
 }
-function hr(e) {
+function fr(e) {
   return Ye.isValidElement(e) && e.type === zp ? Ye.cloneElement(e, { width: "fill" }) : e;
 }
 const Zh = Qe(function({
@@ -13518,7 +13572,7 @@ const Zh = Qe(function({
   ...l
 }, u) {
   Oe();
-  const p = Yr(), h = Pp(t), g = h.length, k = g === 1 ? "field" : "fields";
+  const p = Xr(), h = Pp(t), g = h.length, k = g === 1 ? "field" : "fields";
   St(
     g === 0 || g > Ip ? `FieldRow was given ${String(g)} ${k}, and it holds one field, or two side by side. A row with none is an empty 32px gap, and a third field has nowhere to go in the 240px panel the row is measured for. Put the extra fields on rows of their own.` : void 0
   );
@@ -13540,7 +13594,7 @@ const Zh = Qe(function({
           ...s
         },
         children: h.map((C, H) => {
-          const j = pr(C);
+          const j = hr(C);
           return /* @__PURE__ */ x(
             R,
             {
@@ -13587,13 +13641,13 @@ const Zh = Qe(function({
                       marginInlineStart: L.GUTTER,
                       marginInlineEnd: L.TRAIL_GAP
                     },
-                    children: /* @__PURE__ */ o(oa, { showLabels: !1, children: hr(C) })
+                    children: /* @__PURE__ */ o(na, { showLabels: !1, children: fr(C) })
                   }
                 ),
                 /* @__PURE__ */ o(Tt, { children: H === 0 ? r : null })
               ]
             },
-            la(C, H)
+            ua(C, H)
           );
         })
       }
@@ -13618,7 +13672,7 @@ const Zh = Qe(function({
         alignItems: T ? "flex-end" : "center",
         boxSizing: "border-box",
         height: T ? L.CAPTION_ROW : L.ROW_PITCH,
-        paddingBlockEnd: T ? sa : void 0,
+        paddingBlockEnd: T ? da : void 0,
         ...s
       },
       children: [
@@ -13631,7 +13685,7 @@ const Zh = Qe(function({
               display: "flex",
               flexDirection: T ? "column" : void 0,
               alignItems: T ? "stretch" : "center",
-              gap: T ? sa : void 0,
+              gap: T ? da : void 0,
               flex: `0 0 ${String(z)}px`,
               minWidth: 0,
               // Logical, not marginLeft/marginRight. See the note at
@@ -13649,35 +13703,35 @@ const Zh = Qe(function({
                   "aria-hidden": "true",
                   "data-testid": "field-row-caption",
                   className: "cm-caption",
-                  title: pr(C),
-                  children: pr(C)
+                  title: hr(C),
+                  children: hr(C)
                 }
               ),
-              /* @__PURE__ */ o(oa, { showLabels: !1, children: hr(C) })
-            ] }) : hr(C)
+              /* @__PURE__ */ o(na, { showLabels: !1, children: fr(C) })
+            ] }) : fr(C)
           },
-          la(C, H)
+          ua(C, H)
         )),
         /* @__PURE__ */ o(Tt, { children: r })
       ]
     }
   );
-}), Po = 16, da = 4, Op = 20, ua = 220, ma = 2, pa = new RegExp("\\p{Sentence_Terminal}", "u"), Rp = /[.!?]/u, ha = /\s/u;
+}), Po = 16, ma = 4, Op = 20, pa = 220, ha = 2, fa = new RegExp("\\p{Sentence_Terminal}", "u"), Rp = /[.!?]/u, ba = /\s/u;
 function Mp(e) {
   const t = Array.from(e);
   let r = 0, n = 0, a = 0;
   for (; n < t.length; ) {
-    if (!pa.test(t[n])) {
+    if (!fa.test(t[n])) {
       n += 1;
       continue;
     }
     let s = n;
-    for (; s + 1 < t.length && pa.test(t[s + 1]); )
+    for (; s + 1 < t.length && fa.test(t[s + 1]); )
       s += 1;
     const i = t[s + 1], d = Rp.test(t[s]);
-    n = s + 1, (!d || i === void 0 || ha.test(i)) && (r += 1, a = n);
+    n = s + 1, (!d || i === void 0 || ba.test(i)) && (r += 1, a = n);
   }
-  return t.slice(a).some((s) => !ha.test(s)) ? r + 1 : r;
+  return t.slice(a).some((s) => !ba.test(s)) ? r + 1 : r;
 }
 function Dp(e) {
   return Array.from(e).length;
@@ -13686,11 +13740,11 @@ function Hp(e, t) {
   if (e !== "reading" || typeof t != "string")
     return;
   const r = Dp(t);
-  if (r > ua)
-    return `ProseBlock was given a reading of ${String(r)} characters, and a reading is at most ${String(ua)} characters. Shorten it, or it has stopped being a reading and become an explanation.`;
+  if (r > pa)
+    return `ProseBlock was given a reading of ${String(r)} characters, and a reading is at most ${String(pa)} characters. Shorten it, or it has stopped being a reading and become an explanation.`;
   const n = Mp(t);
-  if (n > ma)
-    return `ProseBlock was given a reading of ${String(n)} sentences, and a reading is at most ${String(ma)} sentences. Delete any sentence that repeats what is already on screen, and move the rest into an InfoCircle.`;
+  if (n > ha)
+    return `ProseBlock was given a reading of ${String(n)} sentences, and a reading is at most ${String(ha)} sentences. Delete any sentence that repeats what is already on screen, and move the rest into an InfoCircle.`;
 }
 function Bp(e, t) {
   if (!(t === void 0 || e === "runRecord"))
@@ -13712,7 +13766,7 @@ function Qh({ variant: e, children: t, onDetails: r, busy: n, live: a }) {
       style: {
         display: "flex",
         alignItems: "flex-start",
-        gap: da
+        gap: ma
       },
       children: [
         /* @__PURE__ */ o(nt, { component: "span", id: d, children: c.departure }),
@@ -13745,7 +13799,7 @@ function Qh({ variant: e, children: t, onDetails: r, busy: n, live: a }) {
       style: {
         display: "flex",
         alignItems: "center",
-        gap: da,
+        gap: ma,
         blockSize: Op
       },
       children: [
@@ -13788,18 +13842,18 @@ function Qh({ variant: e, children: t, onDetails: r, busy: n, live: a }) {
               color: "var(--cm-icon-secondary)",
               cursor: "pointer"
             },
-            children: /* @__PURE__ */ o(ri, { open: !1, rtl: tt(s) })
+            children: /* @__PURE__ */ o(ni, { open: !1, rtl: tt(s) })
           }
         )
       ]
     }
   );
 }
-const fr = 4, Fp = 4, Vp = `polygon(0 calc(100% - ${Fp}px), 100% 0, 100% 100%, 0 100%)`, Up = 96, Gp = `linear-gradient(to right, ${Te.SURFACE}, ${Te.ACCENT_GRAPHIC})`, qp = {
+const br = 4, Fp = 4, Vp = `polygon(0 calc(100% - ${Fp}px), 100% 0, 100% 100%, 0 100%)`, Up = 96, Gp = `linear-gradient(to right, ${Te.SURFACE}, ${Te.ACCENT_GRAPHIC})`, qp = {
   sqrt: "scaleSqrt",
   linear: "scaleLinear",
   log: "scaleLog"
-}, fa = {
+}, ga = {
   flex: "0 0 auto",
   whiteSpace: "nowrap"
 }, Wp = "var(--cm-icon-secondary)";
@@ -13851,7 +13905,7 @@ function _h({
       style: {
         display: "flex",
         alignItems: "center",
-        gap: fr,
+        gap: br,
         height: L.ROW_PITCH
       },
       children: [
@@ -13867,11 +13921,11 @@ function _h({
               minWidth: 0,
               display: "flex",
               alignItems: "center",
-              gap: fr
+              gap: br
             },
             children: [
               r !== void 0 && /* @__PURE__ */ o(nt, { "data-testid": "ramp-row-a11y-label", id: N, children: r }),
-              /* @__PURE__ */ o(Kt, { span: !0, id: f, "data-testid": "ramp-row-min", className: "cm-chart-text", style: fa, children: e }),
+              /* @__PURE__ */ o(Kt, { span: !0, id: f, "data-testid": "ramp-row-min", className: "cm-chart-text", style: ga, children: e }),
               /* @__PURE__ */ o(
                 R,
                 {
@@ -13891,7 +13945,7 @@ function _h({
                   }
                 }
               ),
-              /* @__PURE__ */ o(Kt, { span: !0, id: y, "data-testid": "ramp-row-max", className: "cm-chart-text", style: fa, children: t }),
+              /* @__PURE__ */ o(Kt, { span: !0, id: y, "data-testid": "ramp-row-max", className: "cm-chart-text", style: ga, children: t }),
               v !== void 0 && /* @__PURE__ */ o(nt, { "data-testid": "ramp-row-a11y-scale", id: T, children: v })
             ]
           }
@@ -13902,7 +13956,7 @@ function _h({
             style: {
               flex: "0 0 auto",
               display: "flex",
-              marginInlineStart: L.TRAIL_GAP - fr
+              marginInlineStart: L.TRAIL_GAP - br
             },
             children: /* @__PURE__ */ o(Tt, { children: z })
           }
@@ -13991,7 +14045,7 @@ function $h({
       },
       children: [
         a === "switch" ? /* @__PURE__ */ o(
-          va,
+          ya,
           {
             "data-testid": "toggle-row-control",
             label: e,
@@ -14007,7 +14061,7 @@ function $h({
             styles: y
           }
         ) : /* @__PURE__ */ o(
-          zr,
+          Ir,
           {
             variant: "neutral",
             "data-testid": "toggle-row-control",
@@ -14052,7 +14106,7 @@ function ef({ children: e, label: t, labelledBy: r }) {
   );
 }
 function tf(e = "dark") {
-  return mc(e);
+  return pc(e);
 }
 const of = {
   xs: $t(4),
@@ -14071,12 +14125,12 @@ const of = {
   SECTION_GAP: 4
 };
 export {
-  ur as ALIGNMENT_MATRIX_VALUES,
+  mr as ALIGNMENT_MATRIX_VALUES,
   qh as ActionRow,
   Gu as AdvancedButton,
   zh as AlignmentMatrix,
   rf as COMPACT_SIZING,
-  Qa as ColorPickerPanel,
+  _a as ColorPickerPanel,
   wh as ComboInput,
   lh as CompactColorInput,
   Jh as CompoundRow,
@@ -14087,32 +14141,32 @@ export {
   Wh as DataRow,
   jh as DataRowHeader,
   ph as DataTable,
-  rl as FIELD_GLYPH_NAMES,
-  nl as FIELD_LETTERS,
+  nl as FIELD_GLYPH_NAMES,
+  al as FIELD_LETTERS,
   Zt as FieldGlyph,
   Zh as FieldRow,
   hh as GradientEditor,
   Mh as HelpButton,
   Yh as HistogramRow,
   Uu as InfoCircle,
-  si as InlineRename,
+  li as InlineRename,
   oh as LabelsProvider,
   of as MANTINE_SPACING,
-  Ka as MAX_ALPHA_HEX,
-  Xa as MAX_OPACITY_PERCENT,
+  Xa as MAX_ALPHA_HEX,
+  Ja as MAX_OPACITY_PERCENT,
   Th as MenuCheckItem,
   Xh as MetricRow,
   Ah as ModalFooter,
   Dh as NavRail,
   L as PANEL_GRID,
   Te as PANEL_INK,
-  tl as POPOUT_GAP,
-  ol as POPOUT_NESTED_GAP,
-  gn as POPOUT_Z_INDEX_BASE,
+  ol as POPOUT_GAP,
+  rl as POPOUT_NESTED_GAP,
+  vn as POPOUT_Z_INDEX_BASE,
   Lh as PageList,
   Hm as PageRow,
   zp as PanelField,
-  oa as PanelLabelsProvider,
+  na as PanelLabelsProvider,
   lo as Popout,
   sh as PopoutButton,
   Du as PopoutManager,
@@ -14121,7 +14175,7 @@ export {
   Bh as QuickActions,
   Hh as RailButton,
   _h as RampRow,
-  ui as RankChip,
+  mi as RankChip,
   uh as ResetButton,
   Ih as ResizeHandle,
   Ph as ResultRow,
@@ -14149,29 +14203,29 @@ export {
   th as UI_GLYPH_NAMES,
   xe as UiGlyph,
   kh as VariablePill,
-  Rc as compactBrandColors,
-  Dc as compactColors,
-  Oc as compactDarkColors,
+  Mc as compactBrandColors,
+  Hc as compactColors,
+  Rc as compactDarkColors,
   jd as compactGlobalCss,
-  Mc as compactGraphtyColors,
+  Dc as compactGraphtyColors,
   rh as compactTheme,
   Zd as compactThemeOverride,
   Bo as createColorStop,
   Jd as createCompactTheme,
   nm as createDefaultGradientStops,
-  Ya as defaultLabels,
+  Ka as defaultLabels,
   qo as ensureCompactStyles,
   po as getActivationMeta,
-  Oa as isFieldGlyphName,
-  Ra as isFieldLetter,
+  Ra as isFieldGlyphName,
+  Ma as isFieldLetter,
   tu as isLightColor,
   tt as isRtl,
   $d as isValidHex,
   ou as mixHex,
   Oh as moveTreeItem,
   wt as normalizeHexa,
-  Vr as opacityToAlphaHex,
-  Ja as parseAlphaFromHexa,
+  Gr as opacityToAlphaHex,
+  Za as parseAlphaFromHexa,
   nh as parseHexaColor,
   Gl as parseLocaleNumber,
   qm as renameTreeItem,
@@ -14184,7 +14238,7 @@ export {
   Lt as useNumberFormatter,
   Go as useNumberParser,
   ql as useOrdinalFormatter,
-  Yr as usePanelLabels,
+  Xr as usePanelLabels,
   ch as usePopoutManager,
   vu as usePopoutRegion,
   Ch as useToast