@graphty/compact-mantine 0.9.21 → 0.9.22

package/dist/index.js

@@ -1,5 +1,5 @@
-import { DEFAULT_THEME as fa, CloseButton as Sr, ActionIconGroup as Ai, ActionIcon as He, Button as ba, ColorSwatch as ga, RangeSlider as Ni, Radio as Ei, Slider as Ci, Switch as xa, Checkbox as Tr, SegmentedControl as Ar, Kbd as va, Card as zi, Indicator as Ii, ThemeIcon as Li, Avatar as on, Pill as Pi, Badge as Oi, Text as jt, RingProgress as Ri, Progress as ur, Loader as Di, VisuallyHidden as at, InputClearButton as Mi, Combobox as Bt, JsonInput as Hi, FileInput as Bi, PillsInput as Fi, TagsInput as Vi, MultiSelect as Ui, Autocomplete as Gi, PasswordInput as qi, Textarea as Wi, NativeSelect as ji, Select as Ho, NumberInput as Yi, TextInput as It, InputWrapper as Ki, Tabs as ro, Stepper as Xi, Pagination as Ji, NavLink as Zi, Burger as Qi, Anchor as _i, ScrollArea as Nr, Notification as wa, Drawer as rn, Modal as nn, HoverCard as $i, Popover as ec, Tooltip as lt, Menu as Oe, mergeMantineTheme as tc, createTheme as oc, parseColor as no, HueSlider as rc, AlphaSlider as nc, convertHsvaTo as ya, isColorValid as ac, Box as O, useDirection as ic, useMantineTheme as ka, UnstyledButton as it, Table as Dt, useInputWrapperContext as cc, Group as Sa, useCombobox as sc, Input as lc, Portal as dc, useComputedColorScheme as uc, rem as Zt } from "@mantine/core";
-import Ye, { createElement as co, useContext as dt, useMemo as he, createContext as Pt, useCallback as ce, useId as ze, useRef as K, useEffect as Se, useState as me, isValidElement as Ta, cloneElement as Er, forwardRef as et, useInsertionEffect as mc, useLayoutEffect as so, useImperativeHandle as pc } from "react";
+import { DEFAULT_THEME as fa, CloseButton as Sr, ActionIconGroup as Ai, ActionIcon as He, Button as ba, ColorSwatch as ga, RangeSlider as Ni, Radio as Ei, Slider as Ci, Switch as xa, Checkbox as Tr, SegmentedControl as Ar, Kbd as va, Card as zi, Indicator as Ii, ThemeIcon as Li, Avatar as on, Pill as Pi, Badge as Oi, Text as jt, RingProgress as Ri, Progress as ur, Loader as Di, VisuallyHidden as at, InputClearButton as Mi, Combobox as Ht, JsonInput as Hi, FileInput as Bi, PillsInput as Fi, TagsInput as Vi, MultiSelect as Ui, Autocomplete as Gi, PasswordInput as qi, Textarea as Wi, NativeSelect as ji, Select as Ho, NumberInput as Yi, TextInput as Ct, InputWrapper as Ki, Tabs as ro, Stepper as Xi, Pagination as Ji, NavLink as Zi, Burger as Qi, Anchor as _i, ScrollArea as Nr, Notification as wa, Drawer as rn, Modal as nn, HoverCard as $i, Popover as ec, Tooltip as lt, Menu as Oe, mergeMantineTheme as tc, createTheme as oc, parseColor as no, HueSlider as rc, AlphaSlider as nc, convertHsvaTo as ya, isColorValid as ac, Box as O, useDirection as ic, useMantineTheme as ka, UnstyledButton as it, Table as Ot, useInputWrapperContext as cc, Group as Sa, useCombobox as sc, Input as lc, Portal as dc, useComputedColorScheme as uc, rem as Zt } from "@mantine/core";
+import Ye, { createElement as co, useContext as dt, useMemo as he, createContext as It, useCallback as ce, useId as ze, useRef as K, useEffect as Se, useState as me, isValidElement as Ta, cloneElement as Er, forwardRef as et, useInsertionEffect as mc, useLayoutEffect as so, useImperativeHandle as pc } from "react";
 import { jsxs as v, jsx as o, Fragment as Z } from "react/jsx-runtime";
 import { useMove as hc, clampUseMovePosition as fc, useUncontrolled as xe, useIsomorphicEffect as bc, useId as uo, useMergedRef as gc, useHover as xc, useMediaQuery as Aa, useElementSize as vc } from "@mantine/hooks";
 import { createPortal as wc, flushSync as yc } from "react-dom";
@@ -797,20 +797,20 @@ const ys = {
   "field-edge-hover": Y("#e6e6e6", "#444444"),
   /** the selected segment's inset edge (= border) */
   "segment-edge": Y("#e6e6e6", "#444444")
-}, ke = (e) => `var(--mantine-primary-color-${e})`, bt = (e, t, r) => `color-mix(in srgb, ${e} ${t}%, ${r})`, ks = {
+}, ke = (e) => `var(--mantine-primary-color-${e})`, ft = (e, t, r) => `color-mix(in srgb, ${e} ${t}%, ${r})`, ks = {
   "bg-brand": { light: ke(6), dark: ke(8) },
   "bg-brand-hover": { light: ke(7), dark: ke(9) },
-  "bg-brand-pressed": { light: bt(ke(7), 85, "#000000"), dark: bt(ke(9), 85, "#000000") },
-  "bg-selected": { light: ke(0), dark: bt(ke(8), 25, "#2c2c2c") },
-  "bg-selected-hover": { light: ke(1), dark: bt(ke(8), 35, "#2c2c2c") },
-  "bg-selected-secondary": { light: bt(ke(0), 50, "#ffffff"), dark: bt(ke(8), 15, "#2c2c2c") },
-  "bg-selected-pressed": { light: ke(2), dark: bt(ke(8), 25, "#2c2c2c") },
-  "bg-info": { light: ke(0), dark: bt(ke(8), 25, "#2c2c2c") },
+  "bg-brand-pressed": { light: ft(ke(7), 85, "#000000"), dark: ft(ke(9), 85, "#000000") },
+  "bg-selected": { light: ke(0), dark: ft(ke(8), 25, "#2c2c2c") },
+  "bg-selected-hover": { light: ke(1), dark: ft(ke(8), 35, "#2c2c2c") },
+  "bg-selected-secondary": { light: ft(ke(0), 50, "#ffffff"), dark: ft(ke(8), 15, "#2c2c2c") },
+  "bg-selected-pressed": { light: ke(2), dark: ft(ke(8), 25, "#2c2c2c") },
+  "bg-info": { light: ke(0), dark: ft(ke(8), 25, "#2c2c2c") },
   "text-brand": { light: ke(7), dark: ke(4) },
   "icon-brand": { light: ke(7), dark: ke(4) },
   "border-selected": { light: ke(6), dark: ke(8) },
   "border-selected-strong": { light: ke(7), dark: ke(4) },
-  "text-highlight": { light: bt(ke(6), 40, "transparent"), dark: bt(ke(6), 40, "transparent") }
+  "text-highlight": { light: ft(ke(6), 40, "transparent"), dark: ft(ke(6), 40, "transparent") }
 }, Ss = {
   // Owner's list.
   "text-secondary": { light: "#0000008c", dark: "#ffffffb2" },
@@ -1197,12 +1197,12 @@ const Xe = {
   stroke: "none"
 }, el = {
   sizeSmallest: (e) => /* @__PURE__ */ v(Z, { children: [
-    /* @__PURE__ */ o("circle", { cx: "5", cy: "11", r: "2.5", ...e ? Xe : {} }),
-    /* @__PURE__ */ o("circle", { cx: "10.5", cy: "6.5", r: "4", ...e ? Xe : {} })
+    /* @__PURE__ */ o("circle", { cx: "3", cy: "11.25", r: "1.75", ...e ? Xe : {} }),
+    /* @__PURE__ */ o("circle", { cx: "10.25", cy: "9.25", r: "3.75", ...e ? Xe : {} })
   ] }),
   sizeLargest: (e) => /* @__PURE__ */ v(Z, { children: [
-    /* @__PURE__ */ o("circle", { cx: "4.5", cy: "11.5", r: "1.75", ...e ? Xe : {} }),
-    /* @__PURE__ */ o("circle", { cx: "10", cy: "6", r: "5", ...e ? Xe : {} })
+    /* @__PURE__ */ o("circle", { cx: "2.5", cy: "12", r: "1", ...e ? Xe : {} }),
+    /* @__PURE__ */ o("circle", { cx: "9.5", cy: "8.5", r: "4.5", ...e ? Xe : {} })
   ] }),
   width: (e) => /* @__PURE__ */ v(Z, { children: [
     /* @__PURE__ */ o("line", { x1: "2.5", y1: "8", x2: "13.5", y2: "8" }),
@@ -1631,7 +1631,7 @@ const ul = {
   flip: !0,
   shift: { padding: Oo },
   size: { padding: Oo, apply: dl }
-}, ml = { mainAxis: 4, alignmentAxis: -8 }, Wt = { duration: 0 }, hr = 1e3, Ro = 300, Ga = 8.5, qa = 6, pl = qa - Ga / 2, hl = {
+}, ml = { mainAxis: 4, alignmentAxis: -8 }, qt = { duration: 0 }, hr = 1e3, Ro = 300, Ga = 8.5, qa = 6, pl = qa - Ga / 2, hl = {
   tooltip: "cm-tooltip",
   arrow: "cm-tooltip-arrow"
 }, wn = {
@@ -1713,18 +1713,18 @@ const Kt = typeof ResizeObserver > "u" ? null : new ResizeObserver((e) => {
   for (const { target: t } of e)
     t.isConnected ? gr(t) : Kt == null || Kt.unobserve(t);
 });
-let vt = null;
+let gt = null;
 function Lr() {
-  vt && (cancelAnimationFrame(vt.frame), vt = null);
+  gt && (cancelAnimationFrame(gt.frame), gt = null);
 }
 function Sn(e, t) {
-  if ((vt == null ? void 0 : vt.menu) === e && vt.direction === t)
+  if ((gt == null ? void 0 : gt.menu) === e && gt.direction === t)
     return;
   Lr();
   const r = () => {
-    vt && (e.scrollTop += t * yl, vt.frame = requestAnimationFrame(r));
+    gt && (e.scrollTop += t * yl, gt.frame = requestAnimationFrame(r));
   };
-  vt = { menu: e, direction: t, frame: requestAnimationFrame(r) };
+  gt = { menu: e, direction: t, frame: requestAnimationFrame(r) };
 }
 function Nl(e) {
   const t = e.target instanceof Element ? e.target.closest(".cm-menu") : null;
@@ -1778,7 +1778,7 @@ function Qt(e, t, r) {
     "--input-line-height": r
   };
 }
-function wt(e, t, r, n) {
+function xt(e, t, r, n) {
   return {
     "--input-height": e,
     "--input-fz": r,
@@ -1786,7 +1786,7 @@ function wt(e, t, r, n) {
     "--input-padding-y": t
   };
 }
-const Mt = {
+const Rt = {
   compactSize: "sm",
   sizes: {
     xs: Qt("20px", "11px", "16px"),
@@ -1798,20 +1798,20 @@ const Mt = {
 }, Tn = {
   compactSize: "sm",
   sizes: {
-    xs: wt("48px", "4px", "11px", "16px"),
-    sm: wt("56px", "4px", "11px", "16px"),
-    md: wt("64px", "4px", "13px", "22px"),
-    lg: wt("72px", "6px", "15px", "25px"),
-    xl: wt("88px", "8px", "24px", "32px")
+    xs: xt("48px", "4px", "11px", "16px"),
+    sm: xt("56px", "4px", "11px", "16px"),
+    md: xt("64px", "4px", "13px", "22px"),
+    lg: xt("72px", "6px", "15px", "25px"),
+    xl: xt("88px", "8px", "24px", "32px")
   }
 }, Xo = {
   compactSize: "sm",
   sizes: {
-    xs: wt("20px", "0px", "11px", "16px"),
-    sm: wt("24px", "2px", "11px", "16px"),
-    md: wt("32px", "6px", "13px", "24px"),
-    lg: wt("36px", "8px", "15px", "25px"),
-    xl: wt("44px", "12px", "24px", "32px")
+    xs: xt("20px", "0px", "11px", "16px"),
+    sm: xt("24px", "2px", "11px", "16px"),
+    md: xt("32px", "6px", "13px", "24px"),
+    lg: xt("36px", "8px", "15px", "25px"),
+    xl: xt("44px", "12px", "24px", "32px")
   }
 }, El = {
   compactSize: "xs",
@@ -1897,7 +1897,7 @@ const Ya = {
         return `${e}th`;
     }
   }
-}, Cl = "en", vr = Pt(Ya), wr = Pt(void 0);
+}, Cl = "en", vr = It(Ya), wr = It(void 0);
 function zl(e) {
   return e !== void 0 && e !== "" ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator < "u" && navigator.language !== "" ? navigator.language : Cl;
 }
@@ -1960,12 +1960,12 @@ function Hl(e, t) {
   const a = Dl.exec(n);
   return a === null ? Number.NaN : Number(a[0]);
 }
-function Ot(e) {
+function Lt(e) {
   const t = Jt(), r = JSON.stringify(e ?? {});
   return he(() => new Intl.NumberFormat(t, e), [t, r]);
 }
 function Bl() {
-  const e = Jt(), t = Ee(), r = Ot(), n = he(() => new Intl.PluralRules(e, { type: "ordinal" }), [e]);
+  const e = Jt(), t = Ee(), r = Lt(), n = he(() => new Intl.PluralRules(e, { type: "ordinal" }), [e]);
   return ce(
     (a) => t.ordinal(r.format(a), n.select(a)),
     [t, r, n]
@@ -2004,7 +2004,7 @@ const Wl = {
   description: "cm-field-description",
   error: "cm-field-error"
 };
-function Tt(e, t = "") {
+function kt(e, t = "") {
   return (r, n) => {
     const a = ql(n.variant, e);
     return a === "none" ? {} : {
@@ -2028,7 +2028,7 @@ const jl = {
   inputField: "cm-input-pills-field"
 };
 function So(e, t = "", r = {}) {
-  const n = Tt(e, t);
+  const n = kt(e, t);
   return (a, i) => ({
     ...n(a, i),
     ...jl,
@@ -2051,10 +2051,10 @@ const Kl = {
   // 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: Ki.extend({ classNames: Wl }),
-  TextInput: It.extend({
+  TextInput: Ct.extend({
     defaultProps: { size: "sm", variant: "filled" },
-    vars: (e, t) => ({ root: {}, wrapper: fe(Mt, t == null ? void 0 : t.size) }),
-    classNames: Tt("filled")
+    vars: (e, t) => ({ root: {}, wrapper: fe(Rt, t == null ? void 0 : t.size) }),
+    classNames: kt("filled")
   }),
   // No stepper chevrons (spec 6.1): ArrowUp / ArrowDown still step. `hideControls={false}`
   // brings Mantine's steppers back for a caller who asks.
@@ -2062,10 +2062,10 @@ const Kl = {
     defaultProps: { size: "sm", variant: "filled", hideControls: !0 },
     vars: (e, t) => ({
       root: {},
-      wrapper: fe(Mt, t == null ? void 0 : t.size),
+      wrapper: fe(Rt, t == null ? void 0 : t.size),
       controls: {}
     }),
-    classNames: Tt("filled")
+    classNames: kt("filled")
   }),
   // 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).
@@ -2077,13 +2077,13 @@ const Kl = {
       role: "combobox",
       ...Yl
     },
-    vars: (e, t) => (gn(), cl(), To(Mt, t == null ? void 0 : t.size)),
+    vars: (e, t) => (gn(), cl(), To(Rt, t == null ? void 0 : t.size)),
     classNames: So("outlined", "cm-select")
   }),
   NativeSelect: ji.extend({
     defaultProps: { size: "sm", variant: "outlined", rightSection: Jo },
-    vars: (e, t) => (gn(), { root: {}, wrapper: fe(Mt, t == null ? void 0 : t.size) }),
-    classNames: Tt("outlined", "cm-select")
+    vars: (e, t) => (gn(), { root: {}, wrapper: fe(Rt, t == null ? void 0 : t.size) }),
+    classNames: kt("outlined", "cm-select")
   }),
   Textarea: Wi.extend({
     defaultProps: { size: "sm", variant: "filled" },
@@ -2100,7 +2100,7 @@ const Kl = {
         } : {}
       }
     }),
-    classNames: Tt("filled")
+    classNames: kt("filled")
   }),
   PasswordInput: qi.extend({
     defaultProps: {
@@ -2114,17 +2114,17 @@ const Kl = {
     },
     vars: (e, t) => ({
       root: { "--psi-button-size": "24px", "--psi-icon-size": "12px" },
-      wrapper: fe(Mt, t == null ? void 0 : t.size)
+      wrapper: fe(Rt, t == null ? void 0 : t.size)
     }),
     classNames: (e, t) => ({
-      ...Tt("filled")(e, t),
+      ...kt("filled")(e, t),
       innerInput: "cm-input-inner",
       visibilityToggle: "cm-input-toggle"
     })
   }),
   Autocomplete: Gi.extend({
     defaultProps: { size: "sm", variant: "filled", role: "combobox", ...Zo },
-    vars: (e, t) => To(Mt, t == null ? void 0 : t.size),
+    vars: (e, t) => To(Rt, t == null ? void 0 : t.size),
     classNames: So("filled")
   }),
   MultiSelect: Ui.extend({
@@ -2140,13 +2140,13 @@ const Kl = {
   PillsInput: Fi.extend({
     defaultProps: { size: "sm", variant: "filled" },
     vars: (e, t) => ({ root: {}, wrapper: fe(Xo, t == null ? void 0 : t.size) }),
-    classNames: Tt("filled", "cm-pills-field")
+    classNames: kt("filled", "cm-pills-field")
   }),
   FileInput: Bi.extend({
     defaultProps: { size: "sm", variant: "filled" },
-    vars: (e, t) => ({ root: {}, wrapper: fe(Mt, t == null ? void 0 : t.size) }),
+    vars: (e, t) => ({ root: {}, wrapper: fe(Rt, t == null ? void 0 : t.size) }),
     classNames: (e, t) => ({
-      ...Tt("filled")(e, t),
+      ...kt("filled")(e, t),
       placeholder: "cm-input-placeholder"
     })
   }),
@@ -2165,16 +2165,16 @@ const Kl = {
         } : {}
       }
     }),
-    classNames: Tt("filled")
+    classNames: kt("filled")
   }),
   // Mantine's combobox targets omit aria-expanded unless asked; every themed target states it.
   // What every field's list falls back to for a key its caller's comboboxProps leaves out:
   // Mantine replaces a field's whole comboboxProps default with the caller's object, and only
   // the Combobox underneath merges key by key (listboxComboboxProps).
-  Combobox: Bt.extend({
+  Combobox: Ht.extend({
     defaultProps: { ...al() }
   }),
-  ComboboxTarget: Bt.Target.extend({
+  ComboboxTarget: Ht.Target.extend({
     defaultProps: { withExpandedAttribute: !0 }
   }),
   // The clear (x) of a field: a CloseButton, 16px in the 24px trailing slot (spec 6.2).
@@ -2333,7 +2333,7 @@ const _l = {
       offset: 4,
       loop: !0,
       trapFocus: !0,
-      transitionProps: Wt,
+      transitionProps: qt,
       middlewares: ul
     },
     classNames: ll,
@@ -2350,7 +2350,7 @@ const _l = {
       closeDelay: 0,
       offset: ml,
       floatingStrategy: "fixed",
-      transitionProps: Wt,
+      transitionProps: qt,
       middlewares: { flip: !0, shift: { padding: Oo, crossAxis: !0 } }
     }
   }),
@@ -2373,7 +2373,7 @@ const _l = {
       arrowSize: Ga,
       openDelay: hr,
       closeDelay: Ro,
-      transitionProps: Wt,
+      transitionProps: qt,
       events: { hover: !0, focus: !0, touch: !1 },
       middlewares: { flip: !0, shift: { padding: Oo } }
     },
@@ -2391,14 +2391,14 @@ const _l = {
   Popover: ec.extend({
     defaultProps: {
       zIndex: Yt,
-      transitionProps: Wt
+      transitionProps: qt
     },
     classNames: wn
   }),
   HoverCard: $i.extend({
     defaultProps: {
       zIndex: Yt,
-      transitionProps: Wt
+      transitionProps: qt
     },
     classNames: wn
   }),
@@ -2407,7 +2407,7 @@ const _l = {
     defaultProps: {
       centered: !0,
       withOverlay: !1,
-      transitionProps: Wt,
+      transitionProps: qt,
       // Mantine's close button is an icon with no text and no label, so it has no
       // accessible name (axe: button-name). A caller's own closeButtonProps still win.
       closeButtonProps: { "aria-label": "Close" }
@@ -2683,7 +2683,7 @@ ${vd} {
   __proto__: null,
   default: wd,
   highContrastBlock: Pr
-}, Symbol.toStringTag, { value: "Module" })), Ct = ':is(:hover, [data-state="hover"])', gt = ':is(:active, [data-state="press"])', zt = ':is(:focus-visible, [data-state="focus"])', rt = ":not(:disabled, [data-disabled], [data-loading])", mt = ":is(:disabled, [data-disabled]):not([data-loading])", zn = ':is([data-variant="default"], [data-variant="outline"], [data-variant="danger-outline"])', Qo = ':is([data-variant="default"], [aria-haspopup]:not([aria-haspopup="false"]))', _o = ':is([aria-expanded="true"], [aria-pressed="true"])', _t = '.cm-ai-group > .cm-action-icon:is([data-variant="subtle"], [data-variant="default"], [data-variant="joined"])', kd = `
+}, Symbol.toStringTag, { value: "Module" })), Wt = ':is(:hover, [data-state="hover"])', Nt = ':is(:active, [data-state="press"])', Et = ':is(:focus-visible, [data-state="focus"])', rt = ":not(:disabled, [data-disabled], [data-loading])", Dt = ":is(:disabled, [data-disabled]):not([data-loading])", zn = ':is([data-variant="default"], [data-variant="outline"], [data-variant="danger-outline"])', Qo = ':is([data-variant="default"], [aria-haspopup]:not([aria-haspopup="false"]))', _o = ':is([aria-expanded="true"], [aria-pressed="true"])', _t = '.cm-ai-group > .cm-action-icon:is([data-variant="subtle"], [data-variant="default"], [data-variant="joined"])', kd = `
 /* ---------- Button (4.1) ---------- */
 .cm-button {
     display: inline-flex;
@@ -2724,16 +2724,16 @@ ${vd} {
     padding-inline-start: 4px;
     color: var(--cm-btn-shortcut, inherit);
 }
-.cm-button${Ct}${rt} {
+.cm-button${Wt}${rt} {
     background-color: var(--button-hover);
     color: var(--button-hover-color, var(--button-color));
 }
-.cm-button${gt}${rt} {
+.cm-button${Nt}${rt} {
     background-color: var(--cm-btn-pressed, var(--button-hover));
     color: var(--cm-btn-pressed-color, var(--button-color));
 }
-.cm-button${gt}${rt} .cm-button-section[data-position="right"] { color: var(--cm-btn-pressed-color); }
-.cm-button${zt} {
+.cm-button${Nt}${rt} .cm-button-section[data-position="right"] { color: var(--cm-btn-pressed-color); }
+.cm-button${Et} {
     outline: 1px solid var(--cm-border-selected);
     outline-offset: 1px;
 }
@@ -2749,19 +2749,19 @@ ${vd} {
     outline: 1px solid transparent;
     outline-offset: 1px;
 }
-.cm-button${zn}${zt} {
+.cm-button${zn}${Et} {
     outline: 1px solid var(--cm-btn-outline, transparent);
     outline-offset: -1px;
 }
-.cm-button${zn}${zt}::before { outline-color: var(--cm-border-selected); }
-.cm-button${mt} {
+.cm-button${zn}${Et}::before { outline-color: var(--cm-border-selected); }
+.cm-button${Dt} {
     background: var(--cm-btn-disabled-bg, var(--mantine-color-disabled));
     color: var(--cm-btn-disabled-color, var(--mantine-color-disabled-color));
     outline-color: var(--cm-btn-disabled-outline, transparent);
     border: var(--button-bd, 1px solid transparent);
     cursor: auto;
 }
-.cm-button${mt} .cm-button-section[data-position="right"] { color: inherit; }
+.cm-button${Dt} .cm-button-section[data-position="right"] { color: inherit; }
 /* Loading: width unchanged, the label fades out, a 16px spinner fades in centered (2.8). */
 .cm-button[data-loading] { cursor: progress; }
 .cm-button[data-loading] .cm-button-inner { opacity: 0; transform: none; }
@@ -2787,12 +2787,12 @@ ${vd} {
     outline-offset: -1px;
 }
 .cm-action-icon-icon { transition: none; }
-.cm-action-icon${Ct}${rt} {
+.cm-action-icon${Wt}${rt} {
     background-color: var(--ai-hover);
     color: var(--ai-hover-color, var(--ai-color));
 }
-.cm-action-icon${gt}${rt} { background-color: var(--cm-ai-pressed, var(--ai-hover)); }
-.cm-action-icon${zt} {
+.cm-action-icon${Nt}${rt} { background-color: var(--cm-ai-pressed, var(--ai-hover)); }
+.cm-action-icon${Et} {
     outline: 1px solid var(--cm-border-selected);
     outline-offset: 1px;
 }
@@ -2805,26 +2805,26 @@ ${vd} {
     outline: 1px solid transparent;
     outline-offset: 1px;
 }
-.cm-action-icon${Qo}${zt} {
+.cm-action-icon${Qo}${Et} {
     outline: 1px solid var(--cm-ai-outline, transparent);
     outline-offset: -1px;
 }
-.cm-action-icon${Qo}${zt}::before { outline-color: var(--cm-border-selected); }
+.cm-action-icon${Qo}${Et}::before { outline-color: var(--cm-border-selected); }
 /* Open (aria-expanded) and toggled on (aria-pressed): selected ground, brand glyph. */
 .cm-action-icon${_o}:not(:disabled, [data-disabled]) {
     background-color: var(--cm-bg-selected);
     color: var(--cm-icon-brand);
 }
-.cm-action-icon${_o}${Ct}${rt} { background-color: var(--cm-bg-selected-secondary); }
-.cm-action-icon${_o}${gt}${rt} { background-color: var(--cm-bg-selected); }
-.cm-action-icon${mt} {
+.cm-action-icon${_o}${Wt}${rt} { background-color: var(--cm-bg-selected-secondary); }
+.cm-action-icon${_o}${Nt}${rt} { background-color: var(--cm-bg-selected); }
+.cm-action-icon${Dt} {
     background: var(--cm-ai-disabled-bg, transparent);
     color: var(--cm-ai-disabled-color, var(--cm-icon-disabled));
     outline-color: var(--cm-ai-disabled-outline, var(--cm-ai-outline, transparent));
     border: var(--ai-bd, 1px solid transparent);
     cursor: auto;
 }
-.cm-action-icon[aria-pressed="true"]${mt} { background: var(--cm-bg-selected); }
+.cm-action-icon[aria-pressed="true"]${Dt} { background: var(--cm-bg-selected); }
 .cm-action-icon[data-loading] { cursor: progress; }
 .cm-action-icon[data-loading] .cm-action-icon-icon { opacity: 0; transform: none; }
 .cm-action-icon-loader {
@@ -2849,9 +2849,9 @@ ${_t} {
     outline-color: transparent;
 }
 ${_t}::before { content: none; }
-${_t}${Ct}${rt},
-${_t}${gt}${rt} { background-color: var(--cm-bg-pressed); }
-${_t}${zt} {
+${_t}${Wt}${rt},
+${_t}${Nt}${rt} { background-color: var(--cm-bg-pressed); }
+${_t}${Et} {
     outline: 1px solid var(--cm-border-selected);
     outline-offset: -1px;
 }
@@ -2867,9 +2867,9 @@ ${_t}${zt} {
     outline: 1px solid transparent;
     outline-offset: -1px;
 }
-.cm-close-button${Ct}:not(:disabled, [data-disabled]) { background-color: var(--cm-bg-transparent-hover); }
-.cm-close-button${gt}:not(:disabled, [data-disabled]) { background-color: var(--cm-bg-transparent-pressed); }
-.cm-close-button${zt} {
+.cm-close-button${Wt}:not(:disabled, [data-disabled]) { background-color: var(--cm-bg-transparent-hover); }
+.cm-close-button${Nt}:not(:disabled, [data-disabled]) { background-color: var(--cm-bg-transparent-pressed); }
+.cm-close-button${Et} {
     outline: 1px solid var(--cm-border-selected);
     outline-offset: 1px;
 }
@@ -2889,17 +2889,15 @@ ${_t}${zt} {
     background-color: var(--ai-bg);
     color: var(--ai-color);
 }
-.cm-toggle-icon[data-swap][aria-pressed="true"]${Ct}${rt} { background-color: var(--ai-hover); }
-.cm-toggle-icon[data-swap][aria-pressed="true"]${gt}${rt} { background-color: var(--cm-ai-pressed); }
-.cm-toggle-icon[data-swap][aria-pressed="true"]${mt} { background: transparent; }
-/* Disabled: Figma draws it exactly like the enabled toggle, pointer states included
-   (bc/toggle-icon-off|on-disabled--*); only the press does nothing. */
-.cm-toggle-icon${mt} { color: var(--ai-color); }
-.cm-toggle-icon[aria-pressed]${mt}${Ct} { background-color: var(--ai-hover); }
-.cm-toggle-icon[aria-pressed]${mt}${gt} { background-color: var(--cm-ai-pressed); }
-.cm-toggle-icon:not([data-swap])[aria-pressed="true"]${mt} { color: var(--cm-icon-brand); }
-.cm-toggle-icon:not([data-swap])[aria-pressed="true"]${mt}${Ct} { background-color: var(--cm-bg-selected-secondary); }
-.cm-toggle-icon:not([data-swap])[aria-pressed="true"]${mt}${gt} { background-color: var(--cm-bg-selected); }
+.cm-toggle-icon[data-swap][aria-pressed="true"]${Wt}${rt} { background-color: var(--ai-hover); }
+.cm-toggle-icon[data-swap][aria-pressed="true"]${Nt}${rt} { background-color: var(--cm-ai-pressed); }
+.cm-toggle-icon[data-swap][aria-pressed="true"]${Dt} { background: transparent; }
+/* Disabled (spec 4.4, "disabled off / on"): the glyph takes --cm-icon-disabled and an "on" toggle
+   sits on --cm-bg-disabled (the swap variant is never filled); the pointer states paint nothing.
+   Figma's capture (bc/toggle-icon-off|on-disabled--*) draws it like the enabled toggle, which left
+   a disabled toggle indistinguishable from an enabled one (issue #2102); the spec text wins. */
+.cm-toggle-icon${Dt} { color: var(--cm-icon-disabled); }
+.cm-toggle-icon:not([data-swap])[aria-pressed="true"]${Dt} { background: var(--cm-bg-disabled); }
 
 /* ---------- SplitButton (4.5) ---------- */
 .cm-split {
@@ -2916,7 +2914,7 @@ ${_t}${zt} {
 }
 /* Hovering either half lights both, so they read as one control with a 1px seam. */
 .cm-split:is(:hover, [data-state="hover"]) > .cm-action-icon${rt} { background-color: var(--cm-bg-transparent-hover); }
-.cm-split > .cm-action-icon${gt}${rt} { background-color: var(--cm-bg-transparent-pressed); }
+.cm-split > .cm-action-icon${Nt}${rt} { background-color: var(--cm-bg-transparent-pressed); }
 /* The chevron while its menu is open: selected ground, brand caret, square (header-and-modes/present-dropdown-open #73). */
 .cm-split > .cm-split-chevron[aria-expanded="true"]:not(:disabled, [data-disabled]) {
     background-color: var(--cm-bg-selected);
@@ -3723,8 +3721,19 @@ ${_t}${zt} {
 .cm-input-wrapper[data-disabled],
 .cm-input-wrapper:has(:disabled) {
     --input-color: var(--cm-text-disabled);
+    --input-placeholder-color: var(--cm-text-disabled);
     --input-section-color: var(--cm-text-disabled);
 }
+/* A disabled field's placeholder dims with its value (spec 6, bc/number-input-disabled): an
+   empty disabled field otherwise reads exactly like an enabled one. Set on the pseudo-element
+   itself, so a caller's inline --input-placeholder-color (PanelField sets one) cannot undo it. */
+.cm-input-wrapper .cm-input:disabled::placeholder,
+.cm-input-wrapper .cm-input:disabled ::placeholder,
+.cm-input-wrapper:is([data-disabled], :has(:disabled)) .cm-input-inner::placeholder,
+.cm-input-wrapper:is([data-disabled], :has(:disabled)) .cm-input-placeholder,
+.cm-field:is([data-disabled], :has(:disabled)) ::placeholder {
+    color: var(--cm-text-disabled);
+}
 .cm-input-wrapper .cm-input-section {
     color: var(--input-section-color);
 }
@@ -6674,11 +6683,11 @@ function Fd(e = {}) {
   return e.highContrast ? `${Ln}
 ${Pr(":root, :host")}` : Ln;
 }
-let St = null;
+let yt = null;
 function Fo(e = {}) {
   if (typeof document > "u")
     return;
-  St != null && St.isConnected || (St = document.head.querySelector(`style[${Pn}]`), St || (St = document.createElement("style"), St.setAttribute(Pn, ""), St.textContent = Fd(), document.head.appendChild(St)));
+  yt != null && yt.isConnected || (yt = document.head.querySelector(`style[${Pn}]`), yt || (yt = document.createElement("style"), yt.setAttribute(Pn, ""), yt.textContent = Fd(), document.head.appendChild(yt)));
   const t = e.highContrast ? "high" : "figma", r = document.documentElement;
   r.getAttribute(On) !== t && r.setAttribute(On, t);
 }
@@ -6760,18 +6769,18 @@ function Yd(e) {
   return /^#?([A-Fa-f0-9]{3}|[A-Fa-f0-9]{4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(e);
 }
 const Kd = 224;
-function yt(e) {
+function vt(e) {
   if (!Yd(e))
     return;
   let t = e.replace("#", "");
   return t.length <= 4 && (t = t.replace(/./g, "$&$&")), t.length === 6 && (t += "ff"), `#${t.toUpperCase()}`;
 }
 function Xd(e) {
-  const t = yt(e);
+  const t = vt(e);
   return t === void 0 ? !1 : [1, 3, 5].every((r) => Number.parseInt(t.slice(r, r + 2), 16) >= Kd);
 }
 function Jd(e, t, r) {
-  const n = yt(e) ?? "#000000FF", a = yt(t) ?? "#000000FF", i = (l) => {
+  const n = vt(e) ?? "#000000FF", a = vt(t) ?? "#000000FF", i = (l) => {
     const c = Number.parseInt(n.slice(l, l + 2), 16), d = Number.parseInt(a.slice(l, l + 2), 16);
     return Math.round(c + (d - c) * r).toString(16).padStart(2, "0");
   };
@@ -6810,14 +6819,14 @@ function po({
     describedBy: d === void 0 ? void 0 : i
   };
 }
-function At(e) {
+function St(e) {
   const t = K(void 0);
   Se(() => {
     process.env.NODE_ENV === "production" || e === void 0 || t.current !== e && (t.current = e, console.warn(e));
   }, [e]);
 }
 function Rr({ color: e, variant: t }) {
-  const r = yt(e) ?? "#000000FF", n = r.slice(0, 7), a = !r.endsWith("FF");
+  const r = vt(e) ?? "#000000FF", n = r.slice(0, 7), a = !r.endsWith("FF");
   return /* @__PURE__ */ o(
     ga,
     {
@@ -6852,7 +6861,7 @@ function Qa({
   onFocus: c,
   onBlur: d
 }) {
-  const s = Ot({ maximumFractionDigits: 2 }), u = mo(), [p, h] = me(s.format(e)), b = K(null), y = K(null);
+  const s = Lt({ maximumFractionDigits: 2 }), u = mo(), [p, h] = me(s.format(e)), b = K(null), y = K(null);
   Se(() => {
     h(s.format(e));
   }, [e, s]);
@@ -6951,29 +6960,29 @@ const tu = {
   { value: "hsl", label: "HSL" },
   { value: "hsb", label: "HSB" }
 ];
-function xt(e, t) {
+function bt(e, t) {
   return Math.min(t, Math.max(0, e));
 }
-function Ht(e) {
+function Mt(e) {
   return ya("hexa", e).toUpperCase();
 }
 function Eo(e, t) {
-  return t === "hex" ? Ht(e).slice(1, 7) : t === "hsb" ? [e.h, e.s, e.v].map((n) => Math.round(n)).join(", ") : (ya(t, e).match(/[\d.]+/g) ?? []).map((n) => Math.round(Number(n))).join(", ");
+  return t === "hex" ? Mt(e).slice(1, 7) : t === "hsb" ? [e.h, e.s, e.v].map((n) => Math.round(n)).join(", ") : (ya(t, e).match(/[\d.]+/g) ?? []).map((n) => Math.round(Number(n))).join(", ");
 }
 function ru(e, t, r) {
   if (t === "hex") {
     const i = e.trim().replace("#", "");
     if (i.length !== 3 && i.length !== 6)
       return;
-    const l = yt(i);
+    const l = vt(i);
     return l === void 0 ? void 0 : { ...no(l.slice(0, 7)), a: r };
   }
   const n = e.split(/[\s,]+/).filter(Boolean).map(Number);
   if (n.length !== 3 || n.some(Number.isNaN))
     return;
   if (t === "hsb")
-    return { h: xt(n[0], 360), s: xt(n[1], 100), v: xt(n[2], 100), a: r };
-  const a = t === "rgb" ? `rgb(${xt(n[0], 255)}, ${xt(n[1], 255)}, ${xt(n[2], 255)})` : `hsl(${xt(n[0], 360)}, ${xt(n[1], 100)}%, ${xt(n[2], 100)}%)`;
+    return { h: bt(n[0], 360), s: bt(n[1], 100), v: bt(n[2], 100), a: r };
+  const a = t === "rgb" ? `rgb(${bt(n[0], 255)}, ${bt(n[1], 255)}, ${bt(n[2], 255)})` : `hsl(${bt(n[0], 360)}, ${bt(n[1], 100)}%, ${bt(n[2], 100)}%)`;
   return ac(a) ? { ...no(a), a: r } : void 0;
 }
 function Dn(e, t, r) {
@@ -6986,7 +6995,7 @@ function Dn(e, t, r) {
       Home: 0,
       End: e
     };
-    n.key in l && (n.preventDefault(), n.stopPropagation(), r(Math.round(xt(l[n.key], e) / a) * a));
+    n.key in l && (n.preventDefault(), n.stopPropagation(), r(Math.round(bt(l[n.key], e) / a) * a));
   };
 }
 function nu() {
@@ -7013,22 +7022,22 @@ function _a({
   onPaintTypeChange: d,
   labels: s
 }) {
-  const u = { ...tu, ...s }, [p, h] = me(() => no(yt(e) ?? "#000000FF")), b = K(p);
+  const u = { ...tu, ...s }, [p, h] = me(() => no(vt(e) ?? "#000000FF")), b = K(p);
   b.current = p;
   const [y, w] = me(i), [A, f] = me(Eo(p, y));
   Se(() => {
-    const R = yt(e);
-    R !== void 0 && R !== Ht(b.current) && h(no(R));
+    const R = vt(e);
+    R !== void 0 && R !== Mt(b.current) && h(no(R));
   }, [e]), Se(() => {
     f(Eo(p, y));
   }, [p, y]);
   const x = (R) => n ? R : R.slice(0, 7), N = (R) => {
     const L = { ...R, a: n ? R.a : 1 };
-    h(L), b.current = L, t(x(Ht(L)));
+    h(L), b.current = L, t(x(Mt(L)));
   }, S = () => {
-    r == null || r(x(Ht(b.current)));
+    r == null || r(x(Mt(b.current)));
   }, m = (R) => {
-    const L = yt(R);
+    const L = vt(R);
     if (L === void 0)
       return;
     const T = no(n ? L : L.slice(0, 7));
@@ -7058,13 +7067,13 @@ function _a({
       f(Eo(b.current, y));
       return;
     }
-    Ht(R) !== Ht(b.current) && (N(R), S());
+    Mt(R) !== Mt(b.current) && (N(R), S());
   }, V = typeof window > "u" ? void 0 : window.EyeDropper, W = () => {
     V !== void 0 && new V().open().then((R) => {
       m(`${R.sRGBHex}${Or(b.current.a * 100)}`);
     }).catch(() => {
     });
-  }, $ = Ht(p).slice(0, 7), H = Math.round(p.a * 100), re = l !== void 0 && c === "gradient";
+  }, $ = Mt(p).slice(0, 7), H = Math.round(p.a * 100), re = l !== void 0 && c === "gradient";
   return /* @__PURE__ */ v("div", { className: "cm-color-picker", "data-testid": "color-picker-panel", children: [
     l !== void 0 && /* @__PURE__ */ o("div", { className: "cm-color-picker-types", children: /* @__PURE__ */ o(
       Ar,
@@ -7235,7 +7244,7 @@ function _a({
     ] })
   ] });
 }
-const $a = Pt(null);
+const $a = It(null);
 function iu() {
   return dt($a);
 }
@@ -7294,14 +7303,14 @@ function uu(e, t = !0) {
     };
   }, [e, t]);
 }
-const ei = Pt(null);
+const ei = It(null);
 function eh({ id: e, children: t }) {
   return /* @__PURE__ */ o(ei.Provider, { value: e, children: t });
 }
 function mu() {
   return dt(ei);
 }
-const Dr = Pt(null), Mr = Pt(null);
+const Dr = It(null), Mr = It(null);
 function Vo() {
   const e = dt(Dr);
   if (!e)
@@ -7536,7 +7545,7 @@ function hu({ children: e }) {
     /* @__PURE__ */ o("div", { ref: r, "data-popout-portal-container": !0, style: { display: "contents" } })
   ] });
 }
-function kt() {
+function wt() {
   return ic().dir;
 }
 function $e(e) {
@@ -7773,7 +7782,7 @@ function Au(e, t) {
   return `${e}-panel-${t ?? ""}`;
 }
 function Nu(e) {
-  var ut, pt;
+  var ut, mt;
   const {
     width: t,
     height: r,
@@ -7790,7 +7799,7 @@ function Nu(e) {
     onDragStart: b,
     onDrag: y,
     onDragEnd: w
-  } = e, { isOpen: A, close: f, triggerRef: x, id: N, parentId: S, region: m, exclusive: z = !0 } = Vo(), { getZIndex: E, portalContainer: C, register: V, unregister: W, bringToFront: $, closeDescendants: H } = oi(), re = iu(), R = kt(), L = ze(), T = `popout-panel-${N}`, j = `popout-title-${L}`, P = `popout-tabs-${L}`, [D, ee] = me(null), G = K(!1), J = K(null), ie = K(null), de = ce(() => {
+  } = e, { isOpen: A, close: f, triggerRef: x, id: N, parentId: S, region: m, exclusive: z = !0 } = Vo(), { getZIndex: E, portalContainer: C, register: V, unregister: W, bringToFront: $, closeDescendants: H } = oi(), re = iu(), R = wt(), L = ze(), T = `popout-panel-${N}`, j = `popout-title-${L}`, P = `popout-tabs-${L}`, [D, ee] = me(null), G = K(!1), J = K(null), ie = K(null), de = ce(() => {
     $(N);
   }, [$, N]), { dragTriggerProps: pe, dragOffset: Be, resetDragOffset: Re, hasDragged: X, consumeDragClick: be } = xu({
     isOpen: A,
@@ -7847,8 +7856,8 @@ function Nu(e) {
       direction: R
     });
     if (typeof window < "u") {
-      const tt = window.innerHeight - We, ht = window.innerWidth - Je;
-      ye.top = Math.max(0, Math.min(ye.top, tt)), ye.left = Math.max(0, Math.min(ye.left, ht));
+      const tt = window.innerHeight - We, pt = window.innerWidth - Je;
+      ye.top = Math.max(0, Math.min(ye.top, tt)), ye.left = Math.max(0, Math.min(ye.left, pt));
     }
     ye.left = (ye.left - De.x) / De.scaleX, ye.top = (ye.top - De.y) / De.scaleY, ee((tt) => (tt == null ? void 0 : tt.left) === ye.left && tt.top === ye.top ? tt : ye);
   }, [Ce, t, r, d, s, g, R]);
@@ -7898,7 +7907,7 @@ function Nu(e) {
   const Ge = E(N), qe = {
     left: ((D == null ? void 0 : D.left) ?? 0) + Be.left,
     top: ((D == null ? void 0 : D.top) ?? 0) + Be.top
-  }, Et = /* @__PURE__ */ v(
+  }, At = /* @__PURE__ */ v(
     O,
     {
       ref: J,
@@ -7946,7 +7955,7 @@ function Nu(e) {
             role: "tabpanel",
             id: Au(P, Ne),
             "aria-labelledby": Tu(P, Ne),
-            children: (pt = ve == null ? void 0 : ve.tabs.find((ae) => ae.id === Ne)) == null ? void 0 : pt.content
+            children: (mt = ve == null ? void 0 : ve.tabs.find((ae) => ae.id === Ne)) == null ? void 0 : mt.content
           }
         ) : /* @__PURE__ */ o(O, { "data-testid": "popout-panel-content", children: i })
       ]
@@ -7955,7 +7964,7 @@ function Nu(e) {
   return wc(
     /* @__PURE__ */ v(Z, { children: [
       /* @__PURE__ */ o("div", { ref: ie, "aria-hidden": "true", style: { position: "fixed", left: 0, top: 0 } }),
-      Et
+      At
     ] }),
     C
   );
@@ -8034,7 +8043,7 @@ function rh({
   showReset: y = !0
 }) {
   const w = Ee(), A = ze(), f = po({ name: c, disabled: s, disabledReason: u }), x = l !== void 0;
-  At(
+  St(
     x && (a !== void 0 || i !== void 0) ? "CompactColorInput was given onChange together with onColorChange or onOpacityChange. Only onChange is called; drop the other callbacks." : void 0
   );
   const [N, S] = xe({
@@ -8055,7 +8064,7 @@ function rh({
     const J = G.length === Un, ie = G.slice(0, er).toUpperCase(), de = J && d, pe = de ? Ja(G.slice(er, Un)) : m;
     S(ie), de && z(pe), l == null || l(ie, pe);
   }, T = (G) => {
-    const J = re.trim().replace("#", ""), ie = J.length === 3 || J.length === 6 ? yt(J) : void 0, de = ie == null ? void 0 : ie.slice(0, er);
+    const J = re.trim().replace("#", ""), ie = J.length === 3 || J.length === 6 ? vt(J) : void 0, de = ie == null ? void 0 : ie.slice(0, er);
     de !== void 0 && de !== W.toUpperCase() ? (S(de, G), l == null || l(de, m, G)) : R(H(W));
   }, j = (G, J) => {
     z(G, J), l == null || l(N, G, J);
@@ -8286,7 +8295,7 @@ function Ru({
 function bo(e) {
   return e != null && e !== !1;
 }
-function Nt({ children: e }) {
+function Tt({ children: e }) {
   return /* @__PURE__ */ o(
     O,
     {
@@ -8355,13 +8364,13 @@ function ah(e) {
     summary: p,
     children: h,
     collapsible: b = !0
-  } = e, y = Ee(), w = kt(), A = ze(), f = ze(), x = ze(), N = ze(), [S, m] = xe({
+  } = e, y = Ee(), w = wt(), A = ze(), f = ze(), x = ze(), N = ze(), [S, m] = xe({
     value: n,
     defaultValue: a,
     finalValue: !0,
     onChange: i
   }), z = !c && Ye.Children.toArray(h).length > 0, E = s != null, C = z && b, V = z && (!b || S), W = C && !S && p !== void 0 && p !== null && p !== "";
-  At(
+  St(
     c || z ? void 0 : `ControlSection "${t}" was given no children, and it holds the rows of a section. Pass the rows, set "empty" to draw it as a single row with a "+", or do not render it: a section header whose chevron opens onto nothing is a dead end for the reader.`
   );
   const $ = (T) => {
@@ -8454,7 +8463,7 @@ function ah(e) {
               ),
               E && /* @__PURE__ */ o(Ru, { label: t, children: s }),
               u != null && /* @__PURE__ */ o(O, { "data-testid": "control-section-actions", className: "cm-section-actions", children: u }),
-              c && d !== void 0 && /* @__PURE__ */ o(Nt, { children: /* @__PURE__ */ o(
+              c && d !== void 0 && /* @__PURE__ */ o(Tt, { children: /* @__PURE__ */ o(
                 He,
                 {
                   type: "button",
@@ -8493,7 +8502,7 @@ function ah(e) {
 }
 function ih(e) {
   Le();
-  const { label: t, opened: r, defaultOpened: n, onOpenChange: a, children: i } = e, l = Ee(), c = kt(), d = ze(), s = ze(), [u, p] = xe({
+  const { label: t, opened: r, defaultOpened: n, onOpenChange: a, children: i } = e, l = Ee(), c = wt(), d = ze(), s = ze(), [u, p] = xe({
     value: r,
     defaultValue: n,
     finalValue: !1,
@@ -8560,7 +8569,7 @@ function Mu(e) {
   return he(() => ({ ...t, ...e }), [t, e]);
 }
 const je = -1;
-function Vt(e, t, r) {
+function Ft(e, t, r) {
   return Math.min(Math.max(e, t), r);
 }
 function Hu(e, t, r, n, a) {
@@ -8573,23 +8582,23 @@ function Hu(e, t, r, n, a) {
   if (t === p)
     return { row: e.row, column: Math.max(e.column - 1, 0) };
   if (t === "ArrowDown")
-    return { row: Vt(e.row + 1, je, d), column: e.column };
+    return { row: Ft(e.row + 1, je, d), column: e.column };
   if (t === "ArrowUp")
-    return { row: Vt(e.row - 1, je, d), column: e.column };
+    return { row: Ft(e.row - 1, je, d), column: e.column };
   if (t === "Home")
     return a.jumpToEnd ? { row: je, column: 0 } : { row: e.row, column: 0 };
   if (t === "End")
     return a.jumpToEnd ? { row: Math.max(d, je), column: s } : { row: e.row, column: s };
   if (t === "PageDown")
-    return { row: Vt(Math.max(e.row, 0) + c, 0, Math.max(d, 0)), column: e.column };
+    return { row: Ft(Math.max(e.row, 0) + c, 0, Math.max(d, 0)), column: e.column };
   if (t === "PageUp")
-    return { row: Vt(Math.max(e.row, 0) - c, 0, Math.max(d, 0)), column: e.column };
+    return { row: Ft(Math.max(e.row, 0) - c, 0, Math.max(d, 0)), column: e.column };
 }
 function Bu(e, t) {
   const r = t.rowCount - 1, n = Math.max(t.columnCount - 1, 0);
   return {
-    row: Vt(e.row, je, Math.max(r, je)),
-    column: Vt(e.column, 0, n)
+    row: Ft(e.row, je, Math.max(r, je)),
+    column: Ft(e.column, 0, n)
   };
 }
 function Co(e, t) {
@@ -8693,7 +8702,7 @@ function Ku(e, t) {
     onFocus: D,
     onBlur: ee,
     empty: G
-  } = e, J = Mu(u), ie = kt(), de = Jt(), pe = Ot(), Be = Fl({ numeric: !0, sensitivity: "variant" }), Re = he(() => new Intl.DateTimeFormat(de), [de]), X = he(
+  } = e, J = Mu(u), ie = wt(), de = Jt(), pe = Lt(), Be = Fl({ numeric: !0, sensitivity: "variant" }), Re = he(() => new Intl.DateTimeFormat(de), [de]), X = he(
     () => ({ number: pe, date: Re, yes: J.yes, no: J.no }),
     [pe, Re, J.yes, J.no]
   ), [be, ge] = xe({
@@ -8759,10 +8768,10 @@ function Ku(e, t) {
       sortFn: (M, q) => Gu(k.value(M.original), k.value(q.original), Be)
     })),
     [l, Be]
-  ), Et = JSON.stringify(ve), ut = he(
+  ), At = JSON.stringify(ve), ut = he(
     () => ve.map((k) => ({ id: k.id, desc: k.desc })),
-    [Et]
-  ), pt = he(() => {
+    [At]
+  ), mt = he(() => {
     const k = {};
     for (const M of Ne)
       k[M] = !1;
@@ -8794,7 +8803,7 @@ function Ku(e, t) {
     },
     state: {
       sorting: ut,
-      columnVisibility: pt,
+      columnVisibility: mt,
       columnOrder: le,
       rowSelection: ae,
       globalFilter: Fe
@@ -8807,7 +8816,7 @@ function Ku(e, t) {
       );
     },
     onColumnVisibilityChange: (k) => {
-      const M = wo(k, pt);
+      const M = wo(k, mt);
       B(Object.keys(M).filter((q) => !M[q]));
     },
     onColumnOrderChange: (k) => {
@@ -8822,19 +8831,19 @@ function Ku(e, t) {
   }, Ze = [
     ...We.filter((k) => Me(k.id)),
     ...We.filter((k) => !Me(k.id))
-  ], Qe = n ?? Je.length, se = Ze.length, ye = he(() => Je.map((k) => k.id), [Je]), _e = K(null), tt = K(null), ht = Na({
+  ], Qe = n ?? Je.length, se = Ze.length, ye = he(() => Je.map((k) => k.id), [Je]), _e = K(null), tt = K(null), pt = Na({
     count: Qe,
     getScrollElement: () => _e.current,
     estimateSize: () => h,
     gap: zo,
     getItemKey: (k) => ye[k - Pe] ?? k,
     overscan: y
-  }), Uo = ht.getVirtualItems(), Gr = (($r = Uo[0]) == null ? void 0 : $r.index) ?? 0, qr = (((en = Uo.at(-1)) == null ? void 0 : en.index) ?? -1) + 1;
+  }), Uo = pt.getVirtualItems(), Gr = (($r = Uo[0]) == null ? void 0 : $r.index) ?? 0, qr = (((en = Uo.at(-1)) == null ? void 0 : en.index) ?? -1) + 1;
   Se(() => {
     i == null || i(Gr, qr);
   }, [Gr, qr]);
-  const [Wr, Gt] = me({ row: je, column: 0 }), [vi, jr] = me(null), ot = he(() => Bu(Wr, { rowCount: Qe, columnCount: se }), [Wr, Qe, se]), Go = K(!1), qo = K(void 0), Yr = (k) => {
-    k.row >= 0 && ht.scrollToIndex(k.row), Go.current = !0, Gt((M) => Co(M, k) ? M : k);
+  const [Wr, Ut] = me({ row: je, column: 0 }), [vi, jr] = me(null), ot = he(() => Bu(Wr, { rowCount: Qe, columnCount: se }), [Wr, Qe, se]), Go = K(!1), qo = K(void 0), Yr = (k) => {
+    k.row >= 0 && pt.scrollToIndex(k.row), Go.current = !0, Ut((M) => Co(M, k) ? M : k);
   };
   so(() => {
     var q;
@@ -8867,11 +8876,11 @@ function Ku(e, t) {
     const k = ((q = _e.current) == null ? void 0 : q.clientHeight) ?? 0, M = Math.floor((k === 0 ? h * 10 : k) / h);
     return Math.max(1, M - 1);
   }, ki = (k) => {
-    var Ke, Rt;
+    var Ke, Pt;
     if (!(k.target instanceof Node) || ((Ke = tt.current) == null ? void 0 : Ke.contains(k.target)) !== !0)
       return;
     const M = ot.row === je ? Ze[ot.column] : void 0;
-    if (M !== void 0 && ((Rt = _.get(M.id)) == null ? void 0 : Rt.menu) !== void 0 && (k.altKey && k.key === "ArrowDown" || k.shiftKey && k.key === "F10" || k.key === "ContextMenu")) {
+    if (M !== void 0 && ((Pt = _.get(M.id)) == null ? void 0 : Pt.menu) !== void 0 && (k.altKey && k.key === "ArrowDown" || k.shiftKey && k.key === "F10" || k.key === "ContextMenu")) {
       k.preventDefault(), k.stopPropagation(), jr(M.id);
       return;
     }
@@ -8893,7 +8902,7 @@ function Ku(e, t) {
     t,
     () => ({
       scrollToRow: (k) => {
-        k >= 0 && k < Qe && ht.scrollToIndex(k);
+        k >= 0 && k < Qe && pt.scrollToIndex(k);
       },
       setColumnHidden: (k, M) => {
         var q;
@@ -8901,13 +8910,13 @@ function Ku(e, t) {
       },
       moveColumn: (k, M) => {
         const q = De.getAllLeafColumns().map((Te) => Te.id), ue = q.indexOf(k);
-        ue !== -1 && (q.splice(ue, 1), q.splice(Vt(M, 0, q.length), 0, k), De.setColumnOrder(q));
+        ue !== -1 && (q.splice(ue, 1), q.splice(Ft(M, 0, q.length), 0, k), De.setColumnOrder(q));
       },
       clearSelection: () => {
         qo.current = void 0, ge([]);
       }
     }),
-    [De, ht, Qe, ge]
+    [De, pt, Qe, ge]
   );
   const Si = Ze.reduce(
     (k, M) => {
@@ -8943,7 +8952,7 @@ function Ku(e, t) {
       children: [
         L && /* @__PURE__ */ v(O, { style: { display: "flex", alignItems: "center", gap: I.GUTTER }, children: [
           /* @__PURE__ */ o(
-            It,
+            Ct,
             {
               "data-testid": "data-table-search",
               type: "search",
@@ -8988,7 +8997,7 @@ function Ku(e, t) {
         ] }),
         /* @__PURE__ */ v(O, { ref: _e, "data-testid": "data-table-viewport", className: "cm-dt-viewport", style: { height: p }, children: [
           /* @__PURE__ */ v(
-            Dt,
+            Ot,
             {
               ref: tt,
               role: "grid",
@@ -9006,8 +9015,8 @@ function Ku(e, t) {
               className: "cm-dt-table",
               style: { minWidth: Si + zo * (se + 1) },
               children: [
-                /* @__PURE__ */ o(Dt.Thead, { className: "cm-dt-head", children: /* @__PURE__ */ o(Dt.Tr, { role: "row", "aria-rowindex": 1, className: "cm-dt-row", style: { height: b }, children: Ze.map((k, M) => {
-                  const q = _.get(k.id), ue = k.getCanSort(), Te = k.getIsSorted(), Ke = ot.row === je && ot.column === M, Rt = Te === !1 ? -1 : k.getSortIndex(), xo = Ke ? 0 : -1, qt = (q == null ? void 0 : q.menu) !== void 0 && q.menu !== null, vo = /* @__PURE__ */ v(Z, { 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: b }, children: Ze.map((k, M) => {
+                  const q = _.get(k.id), ue = k.getCanSort(), Te = k.getIsSorted(), Ke = ot.row === je && ot.column === M, Pt = Te === !1 ? -1 : k.getSortIndex(), xo = Ke ? 0 : -1, Gt = (q == null ? void 0 : q.menu) !== void 0 && q.menu !== null, vo = /* @__PURE__ */ v(Z, { children: [
                     (q == null ? void 0 : q.icon) !== void 0 && q.icon !== null && /* @__PURE__ */ o(
                       "span",
                       {
@@ -9044,7 +9053,7 @@ function Ku(e, t) {
                         children: /* @__PURE__ */ o(we, { name: "caretDown", size: I.CHEVRON })
                       }
                     ),
-                    ut.length > 1 && Rt >= 0 && // Where this column comes in a sort
+                    ut.length > 1 && Pt >= 0 && // Where this column comes in a sort
                     // by several columns, drawn for the
                     // eye only: every column already
                     // announces its own direction
@@ -9056,11 +9065,11 @@ function Ku(e, t) {
                         "data-testid": "data-table-sort-priority",
                         "aria-hidden": "true",
                         className: "cm-dt-sort-priority",
-                        children: pe.format(Rt + 1)
+                        children: pe.format(Pt + 1)
                       }
                     )
                   ] }), ct = /* @__PURE__ */ v(
-                    Dt.Th,
+                    Ot.Th,
                     {
                       scope: "col",
                       "data-testid": "data-table-header",
@@ -9070,10 +9079,10 @@ function Ku(e, t) {
                       "data-grid-column": ue ? void 0 : M,
                       tabIndex: ue ? void 0 : xo,
                       className: "cm-dt-cell cm-dt-header",
-                      "data-with-menu": qt && !ue ? "" : void 0,
+                      "data-with-menu": Gt && !ue ? "" : void 0,
                       onFocus: ue ? void 0 : () => {
-                        Gt(
-                          (ft) => Co(ft, { row: je, column: M }) ? ft : { row: je, column: M }
+                        Ut(
+                          (ht) => Co(ht, { row: je, column: M }) ? ht : { row: je, column: M }
                         );
                       },
                       style: { ...Jr(q, M), gap: I.GUTTER / 2 },
@@ -9093,29 +9102,29 @@ function Ku(e, t) {
                               "data-grid-row": je,
                               "data-grid-column": M,
                               tabIndex: xo,
-                              onClick: (ft) => {
-                                Gt({ row: je, column: M }), wi(k, ft);
+                              onClick: (ht) => {
+                                Ut({ row: je, column: M }), wi(k, ht);
                               },
                               onFocus: () => {
-                                Gt(
-                                  (ft) => Co(ft, { row: je, column: M }) ? ft : { row: je, column: M }
+                                Ut(
+                                  (ht) => Co(ht, { row: je, column: M }) ? ht : { row: je, column: M }
                                 );
                               },
                               className: "cm-dt-sort",
                               "data-align": (q == null ? void 0 : q.align) === "end" ? "end" : void 0,
-                              "data-with-menu": qt ? "" : void 0,
+                              "data-with-menu": Gt ? "" : void 0,
                               children: vo
                             }
                           )
                         ) : vo,
-                        qt && /* @__PURE__ */ v(
+                        Gt && /* @__PURE__ */ v(
                           Oe,
                           {
                             opened: vi === k.id,
-                            onChange: (ft) => {
-                              jr(ft ? k.id : null);
+                            onChange: (ht) => {
+                              jr(ht ? k.id : null);
                               const jo = document.activeElement;
-                              !ft && (jo === null || jo === document.body || jo.closest('[role="menu"]') !== null) && Yr({ row: je, column: M });
+                              !ht && (jo === null || jo === document.body || jo.closest('[role="menu"]') !== null) && Yr({ row: je, column: M });
                             },
                             returnFocus: !1,
                             position: "bottom-end",
@@ -9144,13 +9153,13 @@ function Ku(e, t) {
                   );
                   return ue ? ct : /* @__PURE__ */ o(Ye.Fragment, { children: Kn(q == null ? void 0 : q.headerTooltip, ct) }, k.id);
                 }) }) }),
-                /* @__PURE__ */ o(Dt.Tbody, { style: { display: "block", position: "relative", height: ht.getTotalSize() }, children: Uo.map((k) => {
+                /* @__PURE__ */ o(Ot.Tbody, { style: { display: "block", position: "relative", height: pt.getTotalSize() }, children: Uo.map((k) => {
                   const M = Je[k.index - Pe];
                   if (M === void 0)
                     return null;
                   const q = be.includes(M.id);
                   return /* @__PURE__ */ o(
-                    Dt.Tr,
+                    Ot.Tr,
                     {
                       role: "row",
                       "data-testid": "data-table-row",
@@ -9174,25 +9183,25 @@ function Ku(e, t) {
                         transform: `translateY(${String(k.start)}px)`
                       },
                       children: Ze.map((ue, Te) => {
-                        const Ke = _.get(ue.id), Rt = ot.row === k.index && ot.column === Te, xo = Ke == null ? void 0 : Ke.value(M.original), qt = qn(xo, X), vo = (Ke == null ? void 0 : Ke.cell) === void 0 ? /* @__PURE__ */ o("span", { className: "cm-dt-text", dir: "auto", children: qt }) : Ke.cell(M.original);
+                        const Ke = _.get(ue.id), Pt = ot.row === k.index && ot.column === Te, xo = Ke == null ? void 0 : Ke.value(M.original), Gt = qn(xo, X), vo = (Ke == null ? void 0 : Ke.cell) === void 0 ? /* @__PURE__ */ o("span", { className: "cm-dt-text", dir: "auto", children: Gt }) : Ke.cell(M.original);
                         return /* @__PURE__ */ o(
-                          Dt.Td,
+                          Ot.Td,
                           {
                             role: "gridcell",
                             "data-testid": "data-table-cell",
                             "aria-colindex": Te + 1,
                             "data-grid-row": k.index,
                             "data-grid-column": Te,
-                            tabIndex: Rt ? 0 : -1,
+                            tabIndex: Pt ? 0 : -1,
                             className: "cm-dt-cell",
-                            title: (Ke == null ? void 0 : Ke.cell) === void 0 ? qt : void 0,
+                            title: (Ke == null ? void 0 : Ke.cell) === void 0 ? Gt : void 0,
                             onFocus: () => {
-                              Gt(
+                              Ut(
                                 (ct) => Co(ct, { row: k.index, column: Te }) ? ct : { row: k.index, column: Te }
                               );
                             },
                             onClick: (ct) => {
-                              Gt({ row: k.index, column: Te }), go(
+                              Ut({ row: k.index, column: Te }), go(
                                 k.index,
                                 {
                                   extend: ct.shiftKey,
@@ -9316,7 +9325,7 @@ function em({ color: e, onCommit: t, ariaLabel: r }) {
   }, [n]);
   const l = (c) => {
     var u;
-    const d = a.trim().replace("#", ""), s = d.length === 3 || d.length === 6 ? (u = yt(d)) == null ? void 0 : u.slice(0, 7) : void 0;
+    const d = a.trim().replace("#", ""), s = d.length === 3 || d.length === 6 ? (u = vt(d)) == null ? void 0 : u.slice(0, 7) : void 0;
     if (s === void 0 || s === `#${n}`) {
       i(n);
       return;
@@ -9404,7 +9413,7 @@ function sh({
   labels: u
 }) {
   var Ne;
-  const p = Ee(), h = { ...$u, ...u }, b = Ot({ maximumFractionDigits: 0 }), y = ze(), w = ze(), A = he(() => Ju(), []), [f, x] = xe({
+  const p = Ee(), h = { ...$u, ...u }, b = Lt({ maximumFractionDigits: 0 }), y = ze(), w = ze(), A = he(() => Ju(), []), [f, x] = xe({
     value: e,
     defaultValue: t,
     finalValue: A,
@@ -9838,7 +9847,7 @@ function ai(e, t, r) {
   };
 }
 function Br(e) {
-  const { value: t, display: r, onCommit: n, parse: a, suffix: i, min: l, max: c, step: d = 1, decimalScale: s, locked: u = !1 } = e, p = e.format ?? ((C) => String(C)), [h, b] = me(null), y = K(null), w = (C) => {
+  const { value: t, display: r, onCommit: n, parse: a, suffix: i, min: l, max: c, step: d = 1, decimalScale: s, locked: u = !1 } = e, p = e.format ?? String, [h, b] = me(null), y = K(null), w = (C) => {
     y.current = C, b(C);
   }, A = K(!1), f = K(0), x = K(null), N = (C) => {
     const V = im(am(C), l, c);
@@ -9971,7 +9980,7 @@ function uh({
       "data-disabled": s ? "true" : void 0,
       children: [
         /* @__PURE__ */ o(
-          It,
+          Ct,
           {
             "data-testid": "style-number-input-field",
             label: e,
@@ -10326,7 +10335,7 @@ const bh = et(function(t, r) {
     openLabel: x = "Open list",
     className: N,
     style: S
-  } = t, m = mo(), z = kt(), [E, C] = xe({ value: a, defaultValue: i, finalValue: "", onChange: l }), [V, W] = me(null), [$, H] = me(void 0), re = K(null), R = gc(r, re), L = uo(), T = sc({
+  } = t, m = mo(), z = wt(), [E, C] = xe({ value: a, defaultValue: i, finalValue: "", onChange: l }), [V, W] = me(null), [$, H] = me(void 0), re = K(null), R = gc(r, re), L = uo(), T = sc({
     onDropdownOpen: () => {
       requestAnimationFrame(() => {
         T.getSelectedOptionIndex() === -1 && T.selectActiveOption(), H(j());
@@ -10411,7 +10420,7 @@ const bh = et(function(t, r) {
     )
   ] });
   return /* @__PURE__ */ v(
-    Bt,
+    Ht,
     {
       store: T,
       onOptionSubmit: (X) => {
@@ -10421,8 +10430,8 @@ const bh = et(function(t, r) {
       keepMounted: !1,
       disabled: A,
       children: [
-        /* @__PURE__ */ o(Bt.Target, { withKeyboardNavigation: !1, withAriaAttributes: !1, children: /* @__PURE__ */ o(
-          It,
+        /* @__PURE__ */ o(Ht.Target, { withKeyboardNavigation: !1, withAriaAttributes: !1, children: /* @__PURE__ */ o(
+          Ct,
           {
             ref: R,
             ...d ? pe : de,
@@ -10447,9 +10456,9 @@ const bh = et(function(t, r) {
             rightSectionPointerEvents: "all"
           }
         ) }),
-        /* @__PURE__ */ o(Bt.Dropdown, { className: "cm-menu-surface cm-menu cm-listbox", children: /* @__PURE__ */ o(Bt.Options, { id: L, "aria-label": n, children: c.map(
+        /* @__PURE__ */ o(Ht.Dropdown, { className: "cm-menu-surface cm-menu cm-listbox", children: /* @__PURE__ */ o(Ht.Options, { id: L, "aria-label": n, children: c.map(
           (X, be) => Zn(X) ? /* @__PURE__ */ o("div", { role: "separator", className: "cm-listbox-separator" }, `separator-${String(be)}`) : /* @__PURE__ */ v(
-            Bt.Option,
+            Ht.Option,
             {
               value: X.value,
               disabled: X.disabled,
@@ -10498,7 +10507,7 @@ const bh = et(function(t, r) {
     var re;
     S("", H), (re = C.current) == null || re.focus();
   }, $ = /* @__PURE__ */ o(
-    It,
+    Ct,
     {
       ...f,
       ref: V,
@@ -10762,7 +10771,7 @@ function km(e) {
 function Sm(e) {
   return typeof e == "object" && e !== null && "message" in e;
 }
-const ii = Pt(null);
+const ii = It(null);
 function kh({ children: e, bottom: t = 76, zIndex: r }) {
   const [n, a] = me(null), i = K(void 0), l = K(0), c = ce(() => {
     clearTimeout(i.current), a(null);
@@ -10918,7 +10927,7 @@ const Nh = et(function({
   ...f
 }, x) {
   Le();
-  const N = $e(kt()), S = n ?? a, [m, z] = xe({ value: r, defaultValue: n, finalValue: a, onChange: l }), E = K(null), C = t === "start" || t === "end", V = t === "end" ? 1 : -1;
+  const N = $e(wt()), S = n ?? a, [m, z] = xe({ value: r, defaultValue: n, finalValue: a, onChange: l }), E = K(null), C = t === "start" || t === "end", V = t === "end" ? 1 : -1;
   let W = t === "bottom" ? 1 : -1;
   C && (W = N ? -V : V);
   const $ = (D) => Math.min(i, Math.max(a, Math.round(D))), H = (D, ee) => {
@@ -11007,7 +11016,7 @@ function ci({
     s ? t(((h = i.current) == null ? void 0 : h.value) ?? e) : r == null || r(), u && (p != null && p.isConnected) && p.focus();
   };
   return /* @__PURE__ */ o(
-    It,
+    Ct,
     {
       ref: i,
       "aria-label": n,
@@ -11522,7 +11531,7 @@ function Ih({
       g.preventDefault();
     }
   }, X = (g) => {
-    var Fe, Ge, qe, Et, ut, pt;
+    var Fe, Ge, qe, At, ut, mt;
     const F = g.target, te = F.closest("[role='treeitem']");
     if (te !== null && te !== F && F.closest(".cm-tree-actions") !== null) {
       Re(g, te);
@@ -11559,7 +11568,7 @@ function Ih({
         _.expanded ? ie(_.node.id, !1) : _.parentId !== null && J(_.parentId);
         break;
       case "Home":
-        J((Et = m[0]) == null ? void 0 : Et.node.id);
+        J((At = m[0]) == null ? void 0 : At.node.id);
         break;
       case "End":
         J((ut = m[m.length - 1]) == null ? void 0 : ut.node.id);
@@ -11587,7 +11596,7 @@ function Ih({
           const ae = Date.now(), le = j.current;
           le.text = ae - le.at > Fm ? g.key : le.text + g.key, le.at = ae;
           const Ie = le.text.toLocaleLowerCase(), Ve = le.text.length === 1 ? Q + 1 : Q, Pe = [...m.slice(Ve), ...m.slice(0, Ve)];
-          J((pt = Pe.find((De) => De.node.name.toLocaleLowerCase().startsWith(Ie))) == null ? void 0 : pt.node.id);
+          J((mt = Pe.find((De) => De.node.name.toLocaleLowerCase().startsWith(Ie))) == null ? void 0 : mt.node.id);
         } else
           Ce = !1;
     }
@@ -11767,7 +11776,7 @@ function Fr(e) {
     c.key === "Home" ? b = 0 : c.key === "End" && (b = p.length - 1), p[b].focus();
   } };
 }
-function Ut() {
+function Vt() {
   const e = ka();
   Fo(e.other.compact);
 }
@@ -11783,7 +11792,7 @@ function qm() {
   ) });
 }
 function Lh({ label: e, children: t, menuProps: r, className: n, ...a }) {
-  Ut();
+  Vt();
   const i = Ee(), l = e ?? i.help, c = /* @__PURE__ */ o(
     it,
     {
@@ -11817,7 +11826,7 @@ function Vr({
   ] });
 }
 const Wm = et(function({ label: t, icon: r, shortcut: n, selected: a, tooltipPosition: i = "top", disabledReason: l, className: c, onClick: d, ...s }, u) {
-  Ut();
+  Vt();
   const p = l !== void 0;
   return /* @__PURE__ */ o(
     lt,
@@ -11842,7 +11851,7 @@ const Wm = et(function({ label: t, icon: r, shortcut: n, selected: a, tooltipPos
   );
 }), jm = 500;
 function Ym({ footer: e, children: t, className: r, onKeyDown: n, onFocus: a, ...i }) {
-  Ut();
+  Vt();
   const l = Ee(), c = Fr("vertical");
   return /* @__PURE__ */ v(
     O,
@@ -11948,7 +11957,7 @@ function Rh({
   ...w
 }) {
   var L;
-  Ut();
+  Vt();
   const A = Ee(), f = uo(), x = d ?? `${f}-list`, N = K(null), [S, m] = xe({
     value: n,
     defaultValue: "",
@@ -12094,7 +12103,7 @@ function Qm({
   onFocus: a,
   ...i
 }) {
-  Ut();
+  Vt();
   const l = Fr("horizontal");
   return /* @__PURE__ */ o(
     O,
@@ -12152,7 +12161,7 @@ function Mh({
   ...c
 }) {
   var N;
-  Ut();
+  Vt();
   const d = Ee(), s = uo(), u = K([]), [p, h] = xe({
     value: t,
     defaultValue: r,
@@ -12284,7 +12293,7 @@ function ep({
   onFocus: a,
   ...i
 }) {
-  Ut();
+  Vt();
   const l = Ee(), c = Fr("horizontal");
   return /* @__PURE__ */ o(
     O,
@@ -12393,7 +12402,7 @@ function Bh({
 function li(e, t) {
   return e !== void 0 ? e : t === void 0 ? "off" : "polite";
 }
-function Lt(e, t) {
+function zt(e, t) {
   const r = li(e, t);
   return r === "off" ? { "aria-busy": t } : { "aria-live": r, "aria-atomic": !0, "aria-busy": t };
 }
@@ -12419,11 +12428,11 @@ function Fh(e) {
     onClick: u,
     onFocus: p,
     onBlur: h
-  } = e, b = Lt(a, n), { hovered: y, ref: w } = xc(), A = Aa(rp) ?? !1, [f, x] = me(!1), N = ze(), S = f || (c ?? (d === "always" || y || A)), m = i !== void 0 || l !== void 0, z = np(t), E = r !== void 0 && r !== z, C = r ?? z, V = m && t !== void 0, W = E ? /* @__PURE__ */ v(Z, { children: [
+  } = e, b = zt(a, n), { hovered: y, ref: w } = xc(), A = Aa(rp) ?? !1, [f, x] = me(!1), N = ze(), S = f || (c ?? (d === "always" || y || A)), m = i !== void 0 || l !== void 0, z = np(t), E = r !== void 0 && r !== z, C = r ?? z, V = m && t !== void 0, W = E ? /* @__PURE__ */ v(Z, { children: [
     /* @__PURE__ */ o("span", { "aria-hidden": "true", children: t }),
     /* @__PURE__ */ o(at, { "data-testid": "action-row-state-full", children: r })
   ] }) : t;
-  At(
+  St(
     u !== void 0 && t === void 0 ? "ActionRow was given onClick but no state, and its own activation is carried by the text it reports. That text is also what names the row for a screen reader, so a row with nothing to report has nothing to activate. Give the row a state, or put the action on a control in actions." : void 0
   );
   const $ = (T) => {
@@ -12568,7 +12577,7 @@ function Vh({
   trailing: d
 }) {
   Le();
-  const s = ze(), u = Ot({ maximumFractionDigits: 20 }), p = typeof t == "number" ? u.format(t) : t, h = i !== void 0, b = n != null, y = t != null, w = bo(d), A = a ? !0 : void 0, f = (N) => {
+  const s = ze(), u = Lt({ maximumFractionDigits: 20 }), p = typeof t == "number" ? u.format(t) : t, h = i !== void 0, b = n != null, y = t != null, w = bo(d), A = a ? !0 : void 0, f = (N) => {
     i == null || i(N, lo(N));
   }, x = /* @__PURE__ */ v(Z, { children: [
     b && /* @__PURE__ */ o("span", { className: "cm-data-row-icon", "data-testid": "data-row-icon", children: n }),
@@ -12610,7 +12619,7 @@ function Vh({
             children: x
           }
         ),
-        w && /* @__PURE__ */ o(Nt, { children: d })
+        w && /* @__PURE__ */ o(Tt, { children: d })
       ]
     }
   );
@@ -12629,7 +12638,7 @@ function Uh({
     defaultValue: n,
     finalValue: "none",
     onChange: a
-  }), d = Ot(), s = a !== void 0, u = l !== "none", p = (f) => {
+  }), d = Lt(), s = a !== void 0, u = l !== "none", p = (f) => {
     c(l === "ascending" ? "descending" : "ascending", f);
   }, h = /* @__PURE__ */ v(Z, { children: [
     /* @__PURE__ */ o("span", { className: "cm-data-row-header-label", "data-testid": "data-row-header-label", title: e, children: e }),
@@ -12673,7 +12682,7 @@ function Uh({
 function di({ children: e }) {
   return Le(), /* @__PURE__ */ o("span", { className: "cm-rank-chip", "data-testid": "rank-chip", children: e });
 }
-const $n = 2, ap = 1, ip = 16, cp = 2, sp = 1, lp = 1, dp = 64, ui = 4, ea = ui / 2, mi = 4, Ft = 100, up = 1, pi = "var(--cm-icon-secondary)", kr = 100;
+const $n = 2, ap = 1, ip = 16, cp = 2, sp = 1, lp = 1, dp = 64, ui = 4, ea = ui / 2, mi = 4, Bt = 100, up = 1, pi = "var(--cm-icon-secondary)", kr = 100;
 function Mo({ children: e, end: t, id: r }) {
   return /* @__PURE__ */ o(
     O,
@@ -12716,12 +12725,12 @@ function fi({ caption: e, rows: t, testId: r }) {
 function mp(e, t) {
   if (e.length === 0)
     return null;
-  const r = Ft / 2;
+  const r = Bt / 2;
   if (e.length === 1)
-    return `0,${r} ${Ft},${r}`;
+    return `0,${r} ${Bt},${r}`;
   const n = Math.min(...e), i = Math.max(...e) - n, l = e.length - 1;
   return e.map((c, d) => {
-    const s = bu(d / l, Ft, t), u = i === 0 ? r : Ft - (c - n) / i * Ft;
+    const s = bu(d / l, Bt, t), u = i === 0 ? r : Bt - (c - n) / i * Bt;
     return `${s},${u}`;
   }).join(" ");
 }
@@ -12739,7 +12748,7 @@ function Gh({
   trailing: l
 }) {
   Le();
-  const c = Ot(), d = bi(), s = e.reduce((p, h) => Math.max(p, h.count, 0), 0), u = e.map((p, h) => ({
+  const c = Lt(), d = bi(), s = 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
@@ -12765,7 +12774,7 @@ function Gh({
           O,
           {
             "data-testid": "histogram-chart",
-            ...Lt(i, a),
+            ...zt(i, a),
             style: {
               flex: "1 1 auto",
               minWidth: 0,
@@ -12851,7 +12860,7 @@ function Gh({
           }
         ),
         /* @__PURE__ */ o(fi, { caption: t, rows: u, testId: "histogram-values" }),
-        bo(l) && /* @__PURE__ */ o(Nt, { children: l })
+        bo(l) && /* @__PURE__ */ o(Tt, { children: l })
       ]
     }
   );
@@ -12866,7 +12875,7 @@ function qh({
   trailing: l
 }) {
   Le();
-  const c = kt(), d = Ot(), s = bi(), u = mp(e, c), p = e.map((h, b) => ({
+  const c = wt(), d = Lt(), s = bi(), u = mp(e, c), p = e.map((h, b) => ({
     id: `point-${String(b)}`,
     // Positions count from one, the way a reader counts them, and are
     // formatted for the locale so a series longer than a thousand points
@@ -12890,7 +12899,7 @@ function qh({
           O,
           {
             "data-testid": "sparkline-chart",
-            ...Lt(i, a),
+            ...zt(i, a),
             style: {
               flex: "1 1 auto",
               minWidth: 0,
@@ -12924,7 +12933,7 @@ function qh({
                         "data-testid": "sparkline-plot",
                         width: "100%",
                         height: I.CONTROL_HEIGHT,
-                        viewBox: `0 0 ${String(Ft)} ${String(Ft)}`,
+                        viewBox: `0 0 ${String(Bt)} ${String(Bt)}`,
                         preserveAspectRatio: "none",
                         fill: "none",
                         stroke: "currentColor",
@@ -12946,7 +12955,7 @@ function qh({
           }
         ),
         /* @__PURE__ */ o(fi, { caption: t, rows: p, testId: "sparkline-values" }),
-        bo(l) && /* @__PURE__ */ o(Nt, { children: l })
+        bo(l) && /* @__PURE__ */ o(Tt, { children: l })
       ]
     }
   );
@@ -12977,7 +12986,7 @@ function Wh({
       role: w ? "button" : void 0,
       tabIndex: w ? 0 : void 0,
       className: w ? "cm-row-target" : void 0,
-      ...Lt(i, a),
+      ...zt(i, a),
       onClick: x,
       onKeyDown: N,
       onDoubleClick: c,
@@ -13061,7 +13070,7 @@ function Wh({
     }
   );
 }
-const gi = Pt(!1);
+const gi = It(!1);
 function ta({ showLabels: e = !1, children: t }) {
   return /* @__PURE__ */ o(gi.Provider, { value: e, children: t });
 }
@@ -13180,7 +13189,7 @@ function jh({
 }) {
   Le();
   const s = Ur(), u = Ye.useId(), p = t.filter((z) => z.grow === !0).length;
-  At(xp(e, t.length)), At(vp(e, p));
+  St(xp(e, t.length)), St(vp(e, p));
   const h = t.findIndex((z) => z.grow === !0), b = h === -1 ? 0 : h, y = l !== void 0, w = li(i, a) !== "off", A = y || w, f = y ? void 0 : u, x = A ? void 0 : u, N = A || s, S = {
     display: "flex",
     alignItems: "center",
@@ -13256,7 +13265,7 @@ function jh({
             "data-testid": "compound-row-box",
             "data-interactive": "true",
             className: "cm-compound cm-field",
-            ...Lt(i, a),
+            ...zt(i, a),
             onClick: l,
             onFocus: c,
             onBlur: d,
@@ -13273,14 +13282,14 @@ function jh({
             "data-testid": "compound-row-box",
             "data-interactive": "false",
             className: "cm-compound",
-            ...Lt(i, a),
+            ...zt(i, a),
             onFocus: c,
             onBlur: d,
             style: S,
             children: m
           }
         ),
-        /* @__PURE__ */ o(Nt, { children: n })
+        /* @__PURE__ */ o(Tt, { children: n })
       ]
     }
   );
@@ -13328,7 +13337,7 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
       className: R,
       onKeyDown: L,
       ...T
-    } = t, j = Ur(), P = Ee(), D = mo(), ee = kt(), G = Aa("(pointer: coarse)"), { ref: J, width: ie } = vc(), [de, pe] = xe({
+    } = t, j = Ur(), P = Ee(), D = mo(), ee = wt(), G = Aa("(pointer: coarse)"), { ref: J, width: ie } = vc(), [de, pe] = xe({
       value: l === null ? "" : l,
       defaultValue: c,
       finalValue: "",
@@ -13351,14 +13360,14 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
       max: f,
       step: x,
       locked: C || be
-    }), Et = ai(Ce, $e(ee), {
+    }), At = ai(Ce, $e(ee), {
       onStart: (se) => {
         var ye, _e;
         S == null || S(se), ne && ((_e = (ye = qe.scrub).onStart) == null || _e.call(ye, se));
       },
       onMove: (se, ye, _e) => {
-        var tt, ht;
-        m == null || m(se, _e), ne && ((ht = (tt = qe.scrub).onMove) == null || ht.call(tt, se, ye, _e));
+        var tt, pt;
+        m == null || m(se, _e), ne && ((pt = (tt = qe.scrub).onMove) == null || pt.call(tt, se, ye, _e));
       },
       onEnd: (se) => {
         var ye, _e;
@@ -13366,7 +13375,7 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
       }
     }), ut = (se) => {
       C || E == null || E(se);
-    }, pt = (se) => {
+    }, mt = (se) => {
       L == null || L(se), !(E === void 0 || C || se.defaultPrevented) && (X || (se.key === "Enter" || se.key === " " && be) && (se.preventDefault(), E(se)));
     }, ae = (se, ye) => {
       pe(se, ye);
@@ -13391,7 +13400,7 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
           "data-testid": "panel-field-slot",
           className: "cm-scrub-slot",
           "data-scrub": Ce ? "true" : void 0,
-          ...Et,
+          ...At,
           style: {
             position: "relative",
             flex: "0 0 auto",
@@ -13487,7 +13496,7 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
       disabled: C,
       readOnly: be,
       onClick: ut,
-      onKeyDown: pt,
+      onKeyDown: mt,
       // A drop-down is Figma's outlined select trigger; every other field is
       // the filled field.
       variant: Re ? "outlined" : "filled",
@@ -13560,7 +13569,7 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
     if (Q) {
       const se = N === "" ? {} : { "aria-description": N };
       return /* @__PURE__ */ o(
-        It,
+        Ct,
         {
           ...Qe,
           ...qe.inputProps,
@@ -13581,7 +13590,7 @@ const wp = I.VALUE_INSET - I.GLYPH_SLOT, ra = 8, yp = "Use arrow keys to change
         }
       }
     ) : /* @__PURE__ */ o(
-      It,
+      Ct,
       {
         ...Qe,
         value: Ue ? "" : ge,
@@ -13618,7 +13627,7 @@ const Yh = et(function({
 }, u) {
   Le();
   const p = Ur(), h = Np(t), b = h.length;
-  At(
+  St(
     b === 0 || b > Tp ? `FieldRow was given ${String(b)} ${b === 1 ? "field" : "fields"}, 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
   );
   const y = n ?? c, A = i ?? (y !== void 0 || d !== void 0 ? "group" : void 0), f = bo(r);
@@ -13689,7 +13698,7 @@ const Yh = et(function({
                     children: /* @__PURE__ */ o(ta, { showLabels: !1, children: lr(E) })
                   }
                 ),
-                /* @__PURE__ */ o(Nt, { children: C === 0 ? r : null })
+                /* @__PURE__ */ o(Tt, { children: C === 0 ? r : null })
               ]
             },
             sa(E, C)
@@ -13757,7 +13766,7 @@ const Yh = et(function({
           },
           sa(E, C)
         )),
-        /* @__PURE__ */ o(Nt, { children: r })
+        /* @__PURE__ */ o(Tt, { children: r })
       ]
     }
   );
@@ -13797,9 +13806,9 @@ function Pp(e, t) {
 }
 function Kh({ variant: e, children: t, onDetails: r, busy: n, live: a }) {
   Le();
-  const i = Ee(), l = kt(), c = ze(), d = ze();
-  At(Lp(e, t)), At(Pp(e, r));
-  const s = Lt(a, n);
+  const i = Ee(), l = wt(), c = ze(), d = ze();
+  St(Lp(e, t)), St(Pp(e, r));
+  const s = zt(a, n);
   return e === "reading" ? /* @__PURE__ */ o(jt, { ...s, "data-testid": "prose-block", "data-variant": e, className: "cm-prose", children: t }) : e === "departure" ? /* @__PURE__ */ v(
     O,
     {
@@ -13915,7 +13924,7 @@ function Xh({
   trailing: s
 }) {
   Le();
-  const u = Ee(), p = kt(), h = ze(), b = n === "color", y = i === void 0 ? void 0 : Hp[i], w = y === void 0 ? void 0 : u[y], A = `${h}-label`, f = `${h}-min`, x = `${h}-max`, N = `${h}-scale`, S = [
+  const u = Ee(), p = wt(), h = ze(), b = n === "color", y = i === void 0 ? void 0 : Hp[i], w = y === void 0 ? void 0 : u[y], A = `${h}-label`, f = `${h}-min`, x = `${h}-max`, N = `${h}-scale`, S = [
     r === void 0 ? void 0 : A,
     f,
     x,
@@ -13960,7 +13969,7 @@ function Xh({
             "data-testid": "ramp-row-figure",
             role: "img",
             "aria-labelledby": S.join(" "),
-            ...Lt(c, l),
+            ...zt(c, l),
             style: {
               flex: "1 1 auto",
               minWidth: 0,
@@ -14003,7 +14012,7 @@ function Xh({
               display: "flex",
               marginInlineStart: I.TRAIL_GAP - dr
             },
-            children: /* @__PURE__ */ o(Nt, { children: z })
+            children: /* @__PURE__ */ o(Tt, { children: z })
           }
         )
       ]
@@ -14125,14 +14134,14 @@ function Jh({
         ),
         S.description !== void 0 && /* @__PURE__ */ o(at, { id: S.describedBy, children: S.description }),
         z,
-        /* @__PURE__ */ o(Nt, { children: i })
+        /* @__PURE__ */ o(Tt, { children: i })
       ]
     }
   );
 }
 function Zh({ children: e, label: t, labelledBy: r }) {
   const n = Ye.Children.toArray(e).length;
-  return At(
+  return St(
     n < Up ? `ToggleRowGroup was given ${String(n)} ${n === 1 ? "row" : "rows"}, and it holds two or more. A single checkbox on a row of its own interrupts a column of rows to say one bit: put it in the trailing slot of the row it modifies, or make it one tile of a group of icon buttons. Rendering it anyway.` : void 0
   ), /* @__PURE__ */ o(
     O,
@@ -14244,7 +14253,7 @@ export {
   Bh as ToolGroup,
   Hh as Toolbar,
   Th as TooltipShortcut,
-  Nt as TrailingSlot,
+  Tt as TrailingSlot,
   Ih as Tree,
   Um as TreeItem,
   Jp as UI_GLYPH_NAMES,
@@ -14269,7 +14278,7 @@ export {
   Yd as isValidHex,
   Jd as mixHex,
   zh as moveTreeItem,
-  yt as normalizeHexa,
+  vt as normalizeHexa,
   Or as opacityToAlphaHex,
   Ja as parseAlphaFromHexa,
   _p as parseHexaColor,
@@ -14278,10 +14287,10 @@ export {
   $p as toHexaColor,
   Qh as useActualColorScheme,
   Fl as useCollator,
-  kt as useDirection,
+  wt as useDirection,
   Ee as useLabels,
   Jt as useLocale,
-  Ot as useNumberFormatter,
+  Lt as useNumberFormatter,
   mo as useNumberParser,
   Bl as useOrdinalFormatter,
   Ur as usePanelLabels,