@graphty/compact-mantine 0.8.8 → 0.8.10

package/dist/index.js

@@ -1,10 +1,10 @@
-import { DEFAULT_THEME as lo, CloseButton as co, ActionIcon as Pe, Button as Ko, RangeSlider as Xo, Radio as qo, Slider as ln, Switch as uo, Checkbox as gn, SegmentedControl as mn, Kbd as Zo, Indicator as Jo, ThemeIcon as Qo, Avatar as ei, Pill as ti, Badge as po, Text as De, RingProgress as ni, Progress as cn, Loader as oi, InputClearButton as ii, JsonInput as ri, FileInput as ai, PillsInput as si, TagsInput as li, MultiSelect as ci, Autocomplete as di, PasswordInput as ui, Textarea as pi, Select as xn, NumberInput as $t, TextInput as Bt, Tabs as fi, Stepper as hi, Pagination as gi, NavLink as mi, Burger as xi, Anchor as bi, HoverCard as vi, Popover as yi, Tooltip as wi, Menu as Si, mergeMantineTheme as Ei, createTheme as Ii, Box as h, useDirection as Ti, Group as qe, VisuallyHidden as Te, Paper as zi, ColorSwatch as Ci, ColorPicker as Pi, Divider as bn, Stack as Et, UnstyledButton as Je, Collapse as Ri, Accordion as Lt, Table as rt, useComputedColorScheme as Ai, rem as wt } from "@mantine/core";
+import { DEFAULT_THEME as lo, CloseButton as co, ActionIcon as Pe, Button as Ko, RangeSlider as Xo, Radio as qo, Slider as ln, Switch as uo, Checkbox as gn, SegmentedControl as mn, Kbd as Zo, Indicator as Jo, ThemeIcon as Qo, Avatar as ei, Pill as ti, Badge as po, Text as De, RingProgress as ni, Progress as cn, Loader as oi, InputClearButton as ii, JsonInput as ri, FileInput as ai, PillsInput as si, TagsInput as li, MultiSelect as ci, Autocomplete as di, PasswordInput as ui, Textarea as pi, Select as xn, NumberInput as Bt, TextInput as $t, Tabs as fi, Stepper as hi, Pagination as gi, NavLink as mi, Burger as xi, Anchor as bi, HoverCard as vi, Popover as yi, Tooltip as wi, Drawer as Si, Modal as Ei, Menu as Ii, mergeMantineTheme as Ti, createTheme as Ci, Box as h, useDirection as zi, Group as qe, VisuallyHidden as Te, Paper as Pi, ColorSwatch as Ri, ColorPicker as Ai, Divider as bn, Stack as Et, UnstyledButton as Je, Collapse as Li, Accordion as Lt, Table as rt, useComputedColorScheme as Oi, rem as wt } from "@mantine/core";
 import { jsx as n, jsxs as S, Fragment as q } from "react/jsx-runtime";
-import { useUncontrolled as ae, useIsomorphicEffect as Li, useHover as fo, useMediaQuery as ho } from "@mantine/hooks";
-import Ie, { useContext as _e, useMemo as Z, createContext as lt, useCallback as F, useId as ue, useRef as X, isValidElement as go, cloneElement as mo, useEffect as Ee, useState as Oe, forwardRef as Ut, useLayoutEffect as Oi, useImperativeHandle as _i } from "react";
-import { createPortal as Hi } from "react-dom";
-import { useTable as Ni, functionalUpdate as Ot, tableFeatures as Di, rowSortingFeature as ki, rowSelectionFeature as Gi, globalFilteringFeature as Mi, columnVisibilityFeature as Fi, columnOrderingFeature as Vi, columnFilteringFeature as $i, createSortedRowModel as Bi, createFilteredRowModel as Ui } from "@tanstack/react-table";
-import { useVirtualizer as Wi } from "@tanstack/react-virtual";
+import { useUncontrolled as ae, useIsomorphicEffect as _i, useHover as fo, useMediaQuery as ho } from "@mantine/hooks";
+import Ie, { useContext as _e, useMemo as Z, createContext as lt, useCallback as F, useId as ue, useRef as X, isValidElement as go, cloneElement as mo, useEffect as Ee, useState as Oe, forwardRef as Ut, useLayoutEffect as Hi, useImperativeHandle as Ni } from "react";
+import { createPortal as Di } from "react-dom";
+import { useTable as ki, functionalUpdate as Ot, tableFeatures as Gi, rowSortingFeature as Mi, rowSelectionFeature as Fi, globalFilteringFeature as Vi, columnVisibilityFeature as Bi, columnOrderingFeature as $i, columnFilteringFeature as Ui, createSortedRowModel as Wi, createFilteredRowModel as Yi } from "@tanstack/react-table";
+import { useVirtualizer as ji } from "@tanstack/react-virtual";
 const c = {
   /** the width of the panel column every row is laid out in */
   WIDTH: 280,
@@ -214,7 +214,7 @@ const c = {
   SUCCESS: "var(--mantine-color-green-6)",
   /** danger (#fa5252) */
   DANGER: "var(--mantine-color-red-6)"
-}, Yi = [
+}, Ki = [
   "#d5d7da",
   // 0 - lightest (light mode text)
   "#a3a8b1",
@@ -235,10 +235,10 @@ const c = {
   // 8
   "#0d1117"
   // 9 - darkest (main background)
-], ji = {
+], Xi = {
   ...lo.colors,
-  dark: Yi
-}, Ki = {
+  dark: Ki
+}, qi = {
   compactSize: "sm",
   sizes: {
     xs: { "--button-height": "20px", "--button-fz": "10px", "--button-padding-x": "6px" },
@@ -247,7 +247,7 @@ const c = {
     lg: { "--button-height": "36px", "--button-fz": "15px", "--button-padding-x": "16px" },
     xl: { "--button-height": "44px", "--button-fz": "17px", "--button-padding-x": "20px" }
   }
-}, Xi = {
+}, Zi = {
   compactSize: "sm",
   sizes: {
     xs: { "--ai-size": "18px" },
@@ -257,7 +257,7 @@ const c = {
     xl: { "--ai-size": "44px" }
   }
 };
-function qi(e) {
+function Ji(e) {
   return e === "light" ? { "--ai-bd": "1px solid var(--ai-color)" } : {};
 }
 const xo = {
@@ -270,17 +270,17 @@ const xo = {
     xl: { "--cb-size": "36px", "--cb-icon-size": "24px" }
   }
 };
-function B(e, t) {
+function $(e, t) {
   const i = t == null ? e.compactSize : String(t);
   return e.sizes[i] ?? e.sizes[e.compactSize];
 }
-const Zi = {
+const Qi = {
   Button: Ko.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Ki, t == null ? void 0 : t.size)
+      root: $(qi, t == null ? void 0 : t.size)
     })
   }),
   ActionIcon: Pe.extend({
@@ -290,8 +290,8 @@ const Zi = {
     },
     vars: (e, t) => ({
       root: {
-        ...B(Xi, t == null ? void 0 : t.size),
-        ...qi(t == null ? void 0 : t.variant)
+        ...$(Zi, t == null ? void 0 : t.size),
+        ...Ji(t == null ? void 0 : t.variant)
       }
     })
   }),
@@ -300,10 +300,10 @@ const Zi = {
       size: "xs"
     },
     vars: (e, t) => ({
-      root: B(xo, t == null ? void 0 : t.size)
+      root: $(xo, t == null ? void 0 : t.size)
     })
   })
-}, Ji = {
+}, er = {
   compactSize: "sm",
   sizes: {
     xs: {
@@ -342,7 +342,7 @@ const Zi = {
       "--switch-label-font-size": "11px"
     }
   }
-}, Qi = {
+}, tr = {
   compactSize: "sm",
   sizes: {
     xs: { "--checkbox-size": "12px" },
@@ -351,7 +351,7 @@ const Zi = {
     lg: { "--checkbox-size": "24px" },
     xl: { "--checkbox-size": "28px" }
   }
-}, er = {
+}, nr = {
   compactSize: "sm",
   sizes: {
     xs: { "--radio-size": "12px", "--radio-icon-size": "5px" },
@@ -360,7 +360,7 @@ const Zi = {
     lg: { "--radio-size": "24px", "--radio-icon-size": "10px" },
     xl: { "--radio-size": "28px", "--radio-icon-size": "12px" }
   }
-}, zn = {
+}, Cn = {
   compactSize: "sm",
   sizes: {
     xs: { "--slider-size": "2px", "--slider-thumb-size": "8px" },
@@ -369,7 +369,7 @@ const Zi = {
     lg: { "--slider-size": "8px", "--slider-thumb-size": "20px" },
     xl: { "--slider-size": "10px", "--slider-thumb-size": "24px" }
   }
-}, tr = {
+}, or = {
   compactSize: "sm",
   sizes: {
     xs: { "--sc-font-size": "9px", "--sc-padding": "2px 6px" },
@@ -378,27 +378,27 @@ const Zi = {
     lg: { "--sc-font-size": "14px", "--sc-padding": "8px 12px" },
     xl: { "--sc-font-size": "16px", "--sc-padding": "10px 16px" }
   }
-}, nr = {
+}, ir = {
   backgroundColor: "transparent"
-}, or = {
+}, rr = {
   backgroundColor: "light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6))"
 }, Kt = {
   fontSize: 11
-}, Cn = {
+}, zn = {
   fontSize: 10,
   marginTop: 2
-}, ir = {
+}, ar = {
   SegmentedControl: mn.extend({
     defaultProps: {
       size: "sm",
       withItemsBorders: !1
     },
     vars: (e, t) => ({
-      root: B(tr, t == null ? void 0 : t.size)
+      root: $(or, t == null ? void 0 : t.size)
     }),
     styles: {
-      root: nr,
-      indicator: or
+      root: ir,
+      indicator: rr
     }
   }),
   Checkbox: gn.extend({
@@ -406,7 +406,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Qi, t == null ? void 0 : t.size)
+      root: $(tr, t == null ? void 0 : t.size)
     }),
     styles: {
       label: Kt
@@ -417,7 +417,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Ji, t == null ? void 0 : t.size)
+      root: $(er, t == null ? void 0 : t.size)
     }),
     styles: {
       label: Kt
@@ -428,10 +428,10 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(zn, t == null ? void 0 : t.size)
+      root: $(Cn, t == null ? void 0 : t.size)
     }),
     styles: {
-      markLabel: Cn
+      markLabel: zn
     }
   }),
   Radio: qo.extend({
@@ -439,7 +439,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(er, t == null ? void 0 : t.size)
+      root: $(nr, t == null ? void 0 : t.size)
     }),
     styles: {
       label: Kt
@@ -450,13 +450,13 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(zn, t == null ? void 0 : t.size)
+      root: $(Cn, t == null ? void 0 : t.size)
     }),
     styles: {
-      markLabel: Cn
+      markLabel: zn
     }
   })
-}, rr = {
+}, sr = {
   compactSize: "sm",
   sizes: {
     xs: { "--badge-height": "12px", "--badge-fz": "8px", "--badge-padding-x": "3px" },
@@ -465,7 +465,7 @@ const Zi = {
     lg: { "--badge-height": "22px", "--badge-fz": "13px", "--badge-padding-x": "8px" },
     xl: { "--badge-height": "26px", "--badge-fz": "15px", "--badge-padding-x": "10px" }
   }
-}, ar = {
+}, lr = {
   compactSize: "sm",
   sizes: {
     xs: { "--avatar-size": "18px" },
@@ -474,7 +474,7 @@ const Zi = {
     lg: { "--avatar-size": "36px" },
     xl: { "--avatar-size": "44px" }
   }
-}, sr = {
+}, cr = {
   compactSize: "sm",
   sizes: {
     xs: { "--ti-size": "18px" },
@@ -483,7 +483,7 @@ const Zi = {
     lg: { "--ti-size": "36px" },
     xl: { "--ti-size": "44px" }
   }
-}, lr = {
+}, dr = {
   compactSize: "sm",
   sizes: {
     xs: { "--indicator-size": "6px" },
@@ -492,7 +492,7 @@ const Zi = {
     lg: { "--indicator-size": "12px" },
     xl: { "--indicator-size": "14px" }
   }
-}, cr = {
+}, ur = {
   compactSize: "sm",
   sizes: {
     xs: { "--kbd-fz": "9px", "--kbd-padding": "1px 3px" },
@@ -501,7 +501,7 @@ const Zi = {
     lg: { "--kbd-fz": "14px", "--kbd-padding": "4px 8px" },
     xl: { "--kbd-fz": "16px", "--kbd-padding": "5px 10px" }
   }
-}, dr = {
+}, pr = {
   compactSize: "sm",
   sizes: {
     xs: { "--pill-height": "14px", "--pill-fz": "9px" },
@@ -510,7 +510,7 @@ const Zi = {
     lg: { "--pill-height": "24px", "--pill-fz": "14px" },
     xl: { "--pill-height": "28px", "--pill-fz": "16px" }
   }
-}, ur = {
+}, fr = {
   Text: De.extend({
     // Text does NOT set a default size or vars - it uses the global fontSizes
     // from the theme (compactFontSizes) which are already set correctly.
@@ -521,7 +521,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(rr, t == null ? void 0 : t.size)
+      root: $(sr, t == null ? void 0 : t.size)
     })
   }),
   Pill: ti.extend({
@@ -529,7 +529,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(dr, t == null ? void 0 : t.size)
+      root: $(pr, t == null ? void 0 : t.size)
     })
   }),
   Avatar: ei.extend({
@@ -537,7 +537,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(ar, t == null ? void 0 : t.size)
+      root: $(lr, t == null ? void 0 : t.size)
     })
   }),
   ThemeIcon: Qo.extend({
@@ -545,7 +545,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(sr, t == null ? void 0 : t.size)
+      root: $(cr, t == null ? void 0 : t.size)
     })
   }),
   Indicator: Jo.extend({
@@ -553,7 +553,7 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(lr, t == null ? void 0 : t.size)
+      root: $(dr, t == null ? void 0 : t.size)
     })
   }),
   Kbd: Zo.extend({
@@ -561,10 +561,10 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(cr, t == null ? void 0 : t.size)
+      root: $(ur, t == null ? void 0 : t.size)
     })
   })
-}, pr = {
+}, hr = {
   compactSize: "sm",
   sizes: {
     xs: { "--loader-size": "14px" },
@@ -573,7 +573,7 @@ const Zi = {
     lg: { "--loader-size": "30px" },
     xl: { "--loader-size": "38px" }
   }
-}, fr = {
+}, gr = {
   compactSize: "sm",
   sizes: {
     xs: { "--progress-size": "2px" },
@@ -582,17 +582,17 @@ const Zi = {
     lg: { "--progress-size": "8px" },
     xl: { "--progress-size": "10px" }
   }
-}, hr = {
+}, mr = {
   label: {
     fontSize: 9
   }
-}, gr = {
+}, xr = {
   Loader: oi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(pr, t == null ? void 0 : t.size)
+      root: $(hr, t == null ? void 0 : t.size)
     })
   }),
   Progress: cn.extend({
@@ -600,9 +600,9 @@ const Zi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(fr, t == null ? void 0 : t.size)
+      root: $(gr, t == null ? void 0 : t.size)
     }),
-    styles: hr
+    styles: mr
   }),
   // Note: RingProgress uses numeric size directly in SVG calculations,
   // so we can't use CSS variables or string size prop.
@@ -611,7 +611,7 @@ const Zi = {
     // No defaultProps - RingProgress requires numeric size
     // Use size={48} in your components for compact sizing
   })
-}, Pn = 1e3, Xe = 1100, mr = 8, xr = 4, bo = "light-dark(var(--mantine-primary-color-filled), var(--mantine-primary-color-5))", Wt = {
+}, Pn = 1e3, Xe = 1100, br = 8, vr = 4, bo = "light-dark(var(--mantine-primary-color-filled), var(--mantine-primary-color-5))", Wt = {
   "--input-height": "24px",
   "--input-size": "24px",
   // For components that use this variable
@@ -698,7 +698,7 @@ const Zi = {
     margin: 0
   }
 };
-function Ce(e, t) {
+function ze(e, t) {
   return {
     ...Wt,
     "--input-height": e,
@@ -715,12 +715,12 @@ function Ht(e) {
 const St = {
   compactSize: "sm",
   sizes: {
-    xs: Ce("20px", "10px"),
+    xs: ze("20px", "10px"),
     // The shipped compact object itself, not a copy of its numbers.
     sm: Wt,
-    md: Ce("30px", "13px"),
-    lg: Ce("36px", "15px"),
-    xl: Ce("44px", "17px")
+    md: ze("30px", "13px"),
+    lg: ze("36px", "15px"),
+    xl: ze("44px", "17px")
   }
 }, Nt = {
   compactSize: "sm",
@@ -731,16 +731,16 @@ const St = {
     lg: Ht("15px"),
     xl: Ht("17px")
   }
-}, br = {
+}, yr = {
   compactSize: "sm",
   sizes: {
-    xs: { ...Ce("20px", "10px"), "--input-right-section-width": "20px" },
+    xs: { ...ze("20px", "10px"), "--input-right-section-width": "20px" },
     sm: { ...Wt, "--input-right-section-width": "24px" },
-    md: { ...Ce("30px", "13px"), "--input-right-section-width": "30px" },
-    lg: { ...Ce("36px", "15px"), "--input-right-section-width": "36px" },
-    xl: { ...Ce("44px", "17px"), "--input-right-section-width": "44px" }
+    md: { ...ze("30px", "13px"), "--input-right-section-width": "30px" },
+    lg: { ...ze("36px", "15px"), "--input-right-section-width": "36px" },
+    xl: { ...ze("44px", "17px"), "--input-right-section-width": "44px" }
   }
-}, vr = {
+}, wr = {
   compactSize: "sm",
   sizes: {
     xs: { "--ni-chevron-size": "8px" },
@@ -749,36 +749,36 @@ const St = {
     lg: { "--ni-chevron-size": "14px" },
     xl: { "--ni-chevron-size": "16px" }
   }
-}, yr = {
+}, Sr = {
   compactSize: "sm",
   sizes: {
-    xs: { ...Ce("20px", "10px"), "--combobox-chevron-size": "10px" },
+    xs: { ...ze("20px", "10px"), "--combobox-chevron-size": "10px" },
     sm: { ...Wt, "--combobox-chevron-size": "12px" },
-    md: { ...Ce("30px", "13px"), "--combobox-chevron-size": "14px" },
-    lg: { ...Ce("36px", "15px"), "--combobox-chevron-size": "16px" },
-    xl: { ...Ce("44px", "17px"), "--combobox-chevron-size": "18px" }
+    md: { ...ze("30px", "13px"), "--combobox-chevron-size": "14px" },
+    lg: { ...ze("36px", "15px"), "--combobox-chevron-size": "16px" },
+    xl: { ...ze("44px", "17px"), "--combobox-chevron-size": "18px" }
   }
-}, wr = {
-  TextInput: Bt.extend({
+}, Er = {
+  TextInput: $t.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(St, t == null ? void 0 : t.size)
+      wrapper: $(St, t == null ? void 0 : t.size)
     }),
     styles: ht
   }),
-  NumberInput: $t.extend({
+  NumberInput: Bt.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(br, t == null ? void 0 : t.size),
-      controls: B(vr, t == null ? void 0 : t.size)
+      wrapper: $(yr, t == null ? void 0 : t.size),
+      controls: $(wr, t == null ? void 0 : t.size)
     }),
     styles: {
       label: gt,
@@ -796,7 +796,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(St, t == null ? void 0 : t.size)
+      wrapper: $(St, t == null ? void 0 : t.size)
     }),
     styles: {
       ...ht,
@@ -810,7 +810,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(Nt, t == null ? void 0 : t.size)
+      wrapper: $(Nt, t == null ? void 0 : t.size)
     }),
     styles: Rn
   }),
@@ -821,7 +821,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(St, t == null ? void 0 : t.size)
+      wrapper: $(St, t == null ? void 0 : t.size)
     }),
     styles: {
       ...ht,
@@ -841,7 +841,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(St, t == null ? void 0 : t.size)
+      wrapper: $(St, t == null ? void 0 : t.size)
     }),
     styles: {
       ...ht,
@@ -856,7 +856,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(yr, t == null ? void 0 : t.size)
+      wrapper: $(Sr, t == null ? void 0 : t.size)
     }),
     styles: {
       label: gt,
@@ -876,7 +876,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(Nt, t == null ? void 0 : t.size)
+      wrapper: $(Nt, t == null ? void 0 : t.size)
     }),
     styles: {
       label: gt,
@@ -895,7 +895,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(Nt, t == null ? void 0 : t.size)
+      wrapper: $(Nt, t == null ? void 0 : t.size)
     }),
     styles: {
       label: gt,
@@ -909,7 +909,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(St, t == null ? void 0 : t.size)
+      wrapper: $(St, t == null ? void 0 : t.size)
     }),
     styles: ht
   }),
@@ -920,7 +920,7 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(Nt, t == null ? void 0 : t.size)
+      wrapper: $(Nt, t == null ? void 0 : t.size)
     }),
     styles: Rn
   }),
@@ -933,10 +933,10 @@ const St = {
       size: "xs"
     },
     vars: (e, t) => ({
-      root: B(xo, t == null ? void 0 : t.size)
+      root: $(xo, t == null ? void 0 : t.size)
     })
   })
-}, Sr = {
+}, Ir = {
   compactSize: "sm",
   sizes: {
     xs: { "--pagination-control-size": "20px", "--pagination-control-fz": "10px" },
@@ -945,7 +945,7 @@ const St = {
     lg: { "--pagination-control-size": "36px", "--pagination-control-fz": "15px" },
     xl: { "--pagination-control-size": "44px", "--pagination-control-fz": "17px" }
   }
-}, Er = {
+}, Tr = {
   compactSize: "sm",
   sizes: {
     xs: { "--stepper-icon-size": "20px", "--stepper-fz": "10px", "--stepper-spacing": "6px" },
@@ -954,7 +954,7 @@ const St = {
     lg: { "--stepper-icon-size": "36px", "--stepper-fz": "15px", "--stepper-spacing": "16px" },
     xl: { "--stepper-icon-size": "44px", "--stepper-fz": "17px", "--stepper-spacing": "20px" }
   }
-}, Ir = {
+}, Cr = {
   compactSize: "sm",
   sizes: {
     xs: { "--burger-size": "14px", "--burger-line-size": "2px" },
@@ -963,11 +963,11 @@ const St = {
     lg: { "--burger-size": "30px", "--burger-line-size": "3px" },
     xl: { "--burger-size": "38px", "--burger-line-size": "4px" }
   }
-}, Tr = {
+}, zr = {
   root: {
     fontSize: 11
   }
-}, zr = {
+}, Pr = {
   root: {
     fontSize: 11,
     minHeight: 28
@@ -975,36 +975,36 @@ const St = {
   label: {
     fontSize: 11
   }
-}, Cr = {
+}, Rr = {
   tab: {
     fontSize: 11,
     padding: "6px 10px"
   }
-}, Pr = {
+}, Ar = {
   Anchor: bi.extend({
     defaultProps: {
       size: "sm"
     },
-    styles: Tr
+    styles: zr
   }),
   Burger: xi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Ir, t == null ? void 0 : t.size)
+      root: $(Cr, t == null ? void 0 : t.size)
     })
   }),
   NavLink: mi.extend({
     // NavLink does not have a size prop, only styles for compact appearance
-    styles: zr
+    styles: Pr
   }),
   Pagination: gi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Sr, t == null ? void 0 : t.size)
+      root: $(Ir, t == null ? void 0 : t.size)
     })
   }),
   Stepper: hi.extend({
@@ -1012,79 +1012,95 @@ const St = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Er, t == null ? void 0 : t.size)
+      root: $(Tr, t == null ? void 0 : t.size)
     })
   }),
   Tabs: fi.extend({
     // Tabs does not have a size prop, only styles for compact appearance
-    styles: Cr
+    styles: Rr
   })
-}, Rr = {
+}, Lr = {
   "--menu-item-fz": "11px"
-}, Ar = {
+}, Or = {
   tooltip: {
     fontSize: 11,
     padding: "4px 8px"
   }
-}, Lr = {
+}, _r = {
   dropdown: {
     padding: 8
   }
-}, Or = {
+}, Hr = {
   dropdown: {
     padding: 8
   }
-}, _r = {
-  Menu: Si.extend({
+}, Nr = {
+  Menu: Ii.extend({
     defaultProps: {
-      zIndex: Xe
+      zIndex: Xe,
+      // Mantine's placeholder is a role-less focusable div inside role="menu", which
+      // a menu may not own (axe: aria-required-children). Without it, focus lands on
+      // the first item on open, as the WAI-ARIA menu pattern asks.
+      withInitialFocusPlaceholder: !1
     },
     vars: () => ({
-      dropdown: Rr
+      dropdown: Lr
     })
   }),
+  // 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.
+  Modal: Ei.extend({
+    defaultProps: {
+      closeButtonProps: { "aria-label": "Close" }
+    }
+  }),
+  Drawer: Si.extend({
+    defaultProps: {
+      closeButtonProps: { "aria-label": "Close" }
+    }
+  }),
   Tooltip: wi.extend({
     defaultProps: {
       zIndex: Xe
     },
-    styles: Ar
+    styles: Or
   }),
   Popover: yi.extend({
     defaultProps: {
       zIndex: Xe
     },
-    styles: Lr
+    styles: _r
   }),
   HoverCard: vi.extend({
     defaultProps: {
       zIndex: Xe
     },
-    styles: Or
+    styles: Hr
   })
-}, Hr = {
+}, Dr = {
   xs: "10px",
   sm: "11px",
   // Our compact default
   md: "13px",
   lg: "14px",
   xl: "16px"
-}, Nr = {
+}, kr = {
   xs: "4px",
   sm: "6px",
   md: "8px",
   lg: "12px",
   xl: "16px"
-}, Dr = {
+}, Gr = {
   xs: "2px",
   sm: "4px",
   md: "6px",
   lg: "8px",
   xl: "12px"
-}, kr = Ii({
-  colors: ji,
-  fontSizes: Hr,
-  spacing: Nr,
-  radius: Dr,
+}, Mr = Ci({
+  colors: Xi,
+  fontSizes: Dr,
+  spacing: kr,
+  radius: Gr,
   // Keyboard focus is always visible; pointer focus is not. `auto` resolves to
   // Mantine's `:focus-visible` rule, so a mouse click on a control leaves the
   // dense surface unmarked while Tab paints a 2px ring -- WCAG 2.4.7 without
@@ -1100,15 +1116,15 @@ const St = {
   // Spread all component extensions into the theme
   // Each extension object provides compact size support for a category of components
   components: {
-    ...wr,
-    ...Zi,
-    ...ir,
-    ...ur,
-    ...gr,
-    ...Pr,
-    ..._r
+    ...Er,
+    ...Qi,
+    ...ar,
+    ...fr,
+    ...xr,
+    ...Ar,
+    ...Nr
   }
-}), Ol = Ei(lo, kr), Gr = [
+}), Hl = Ti(lo, Mr), Fr = [
   "#5B8FF9FF",
   "#FF6B6BFF",
   "#61D095FF",
@@ -1119,7 +1135,7 @@ const St = {
   "#61D09580",
   "#F7B73180",
   "#9B59B680"
-], qt = "#888888", Mr = {
+], qt = "#888888", Vr = {
   mixed: "Mixed",
   fieldBound: "Bound to a data attribute",
   fieldPending: "Set but not yet applied",
@@ -1175,11 +1191,11 @@ const St = {
         return `${e}th`;
     }
   }
-}, Fr = "en", dn = lt(Mr), un = lt(void 0);
-function Vr(e) {
-  return e !== void 0 && e !== "" ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator < "u" && navigator.language !== "" ? navigator.language : Fr;
+}, Br = "en", dn = lt(Vr), un = lt(void 0);
+function $r(e) {
+  return e !== void 0 && e !== "" ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator < "u" && navigator.language !== "" ? navigator.language : Br;
 }
-function _l({ labels: e, locale: t, children: i }) {
+function Nl({ labels: e, locale: t, children: i }) {
   const o = _e(dn), r = _e(un), a = Z(() => ({ ...o, ...e }), [o, e]), s = t ?? r;
   return /* @__PURE__ */ n(un.Provider, { value: s, children: /* @__PURE__ */ n(dn.Provider, { value: a, children: i }) });
 }
@@ -1188,26 +1204,26 @@ function fe() {
 }
 function ct() {
   const e = _e(un);
-  return Vr(e);
+  return $r(e);
 }
-const $r = 1234.5, Br = "9876543210", Ur = 9876543210, Wr = /* @__PURE__ */ new Set([" ", " ", " ", " ", "'", "’"]), Yr = "−", jr = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/iu, An = /* @__PURE__ */ new Map();
-function Kr(e) {
+const Ur = 1234.5, Wr = "9876543210", Yr = 9876543210, jr = /* @__PURE__ */ new Set([" ", " ", " ", " ", "'", "’"]), Kr = "−", Xr = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/iu, An = /* @__PURE__ */ new Map();
+function qr(e) {
   var u, d;
   const t = An.get(e);
   if (t !== void 0)
     return t;
-  const i = new Intl.NumberFormat(e).formatToParts($r), o = ((u = i.find((f) => f.type === "decimal")) == null ? void 0 : u.value) ?? ".", r = ((d = i.find((f) => f.type === "group")) == null ? void 0 : d.value) ?? "", a = /* @__PURE__ */ new Map();
+  const i = new Intl.NumberFormat(e).formatToParts(Ur), o = ((u = i.find((f) => f.type === "decimal")) == null ? void 0 : u.value) ?? ".", r = ((d = i.find((f) => f.type === "group")) == null ? void 0 : d.value) ?? "", a = /* @__PURE__ */ new Map();
   for (const f of "0123456789")
     a.set(f, f);
-  const s = new Intl.NumberFormat(e, { useGrouping: !1 }).format(Ur);
+  const s = new Intl.NumberFormat(e, { useGrouping: !1 }).format(Yr);
   Array.from(s).forEach((f, g) => {
-    a.set(f, Br[g]);
+    a.set(f, Wr[g]);
   });
   const p = { decimal: o, digits: a, group: r };
   return An.set(e, p), p;
 }
-function Xr(e, t) {
-  const i = Kr(t);
+function Zr(e, t) {
+  const i = qr(t);
   let o = "";
   for (const a of e.trim()) {
     const s = i.digits.get(a);
@@ -1219,8 +1235,8 @@ function Xr(e, t) {
       o += ".";
       continue;
     }
-    if (!(a === i.group || Wr.has(a))) {
-      if (a === "-" || a === Yr) {
+    if (!(a === i.group || jr.has(a))) {
+      if (a === "-" || a === Kr) {
         o += "-";
         continue;
       }
@@ -1235,29 +1251,29 @@ function Xr(e, t) {
       break;
     }
   }
-  const r = jr.exec(o);
+  const r = Xr.exec(o);
   return r === null ? Number.NaN : Number(r[0]);
 }
 function bt(e) {
   const t = ct(), i = JSON.stringify(e ?? {});
   return Z(() => new Intl.NumberFormat(t, e), [t, i]);
 }
-function qr() {
+function Jr() {
   const e = ct(), t = fe(), i = bt(), o = Z(() => new Intl.PluralRules(e, { type: "ordinal" }), [e]);
   return F(
     (r) => t.ordinal(i.format(r), o.select(r)),
     [t, i, o]
   );
 }
-function Zr(e) {
+function Qr(e) {
   const t = ct(), i = JSON.stringify(e ?? {});
   return Z(() => new Intl.Collator(t, e), [t, i]);
 }
 function yo() {
   const e = ct();
-  return F((t) => Xr(t, e), [e]);
+  return F((t) => Zr(t, e), [e]);
 }
-const Jr = [
+const ea = [
   "sizeSmallest",
   "sizeLargest",
   "width",
@@ -1266,7 +1282,7 @@ const Jr = [
   "scaleSqrt",
   "scaleLinear",
   "scaleLog"
-], Qr = ["N", "E", "W", "D", "K"], Hl = [
+], ta = ["N", "E", "W", "D", "K"], Dl = [
   "chevronDown",
   "chevronRight",
   "chevronLeft",
@@ -1290,29 +1306,29 @@ const Jr = [
   strokeWidth: 1.5,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, $e = {
+}, Be = {
   fill: "currentColor",
   stroke: "none"
-}, ea = {
+}, na = {
   sizeSmallest: (e) => /* @__PURE__ */ S(q, { children: [
-    /* @__PURE__ */ n("circle", { cx: "5", cy: "11", r: "2.5", ...e ? $e : {} }),
-    /* @__PURE__ */ n("circle", { cx: "10.5", cy: "6.5", r: "4", ...e ? $e : {} })
+    /* @__PURE__ */ n("circle", { cx: "5", cy: "11", r: "2.5", ...e ? Be : {} }),
+    /* @__PURE__ */ n("circle", { cx: "10.5", cy: "6.5", r: "4", ...e ? Be : {} })
   ] }),
   sizeLargest: (e) => /* @__PURE__ */ S(q, { children: [
-    /* @__PURE__ */ n("circle", { cx: "4.5", cy: "11.5", r: "1.75", ...e ? $e : {} }),
-    /* @__PURE__ */ n("circle", { cx: "10", cy: "6", r: "5", ...e ? $e : {} })
+    /* @__PURE__ */ n("circle", { cx: "4.5", cy: "11.5", r: "1.75", ...e ? Be : {} }),
+    /* @__PURE__ */ n("circle", { cx: "10", cy: "6", r: "5", ...e ? Be : {} })
   ] }),
   width: (e) => /* @__PURE__ */ S(q, { children: [
     /* @__PURE__ */ n("line", { x1: "2.5", y1: "8", x2: "13.5", y2: "8" }),
-    /* @__PURE__ */ n("polyline", { points: "5,5.5 2.5,8 5,10.5", ...e ? $e : {} }),
-    /* @__PURE__ */ n("polyline", { points: "11,5.5 13.5,8 11,10.5", ...e ? $e : {} })
+    /* @__PURE__ */ n("polyline", { points: "5,5.5 2.5,8 5,10.5", ...e ? Be : {} }),
+    /* @__PURE__ */ n("polyline", { points: "11,5.5 13.5,8 11,10.5", ...e ? Be : {} })
   ] }),
-  opacity: (e) => e ? /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "5.5", ...$e }) : /* @__PURE__ */ S(q, { children: [
+  opacity: (e) => e ? /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "5.5", ...Be }) : /* @__PURE__ */ S(q, { children: [
     /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "5.5" }),
-    /* @__PURE__ */ n("path", { d: "M8 2.5a5.5 5.5 0 0 1 0 11z", ...$e })
+    /* @__PURE__ */ n("path", { d: "M8 2.5a5.5 5.5 0 0 1 0 11z", ...Be })
   ] }),
   attribute: (e) => e ? /* @__PURE__ */ S(q, { children: [
-    /* @__PURE__ */ n("path", { d: "M2.5 7.2V3.5a1 1 0 0 1 1-1h3.7l6.3 6.3-4.7 4.7z", ...$e }),
+    /* @__PURE__ */ n("path", { d: "M2.5 7.2V3.5a1 1 0 0 1 1-1h3.7l6.3 6.3-4.7 4.7z", ...Be }),
     /* @__PURE__ */ n("circle", { cx: "5.5", cy: "5.5", r: "0.75", style: { fill: x.SURFACE }, stroke: "none" })
   ] }) : /* @__PURE__ */ S(q, { children: [
     /* @__PURE__ */ n("path", { d: "M2.5 7.2V3.5a1 1 0 0 1 1-1h3.7l6.3 6.3-4.7 4.7z" }),
@@ -1321,7 +1337,7 @@ const Jr = [
   scaleSqrt: () => /* @__PURE__ */ n("path", { d: "M2.5 13.5C4.5 5 8 2.5 13.5 2.5" }),
   scaleLinear: () => /* @__PURE__ */ n("line", { x1: "2.5", y1: "13.5", x2: "13.5", y2: "2.5" }),
   scaleLog: () => /* @__PURE__ */ n("path", { d: "M2.5 13.5C8 13.5 11.5 11 13.5 2.5" })
-}, ta = {
+}, oa = {
   chevronDown: /* @__PURE__ */ n("polyline", { points: "4,6 8,10 12,6" }),
   chevronRight: /* @__PURE__ */ n("polyline", { points: "6,4 10,8 6,12" }),
   chevronLeft: /* @__PURE__ */ n("polyline", { points: "10,4 6,8 10,12" }),
@@ -1393,7 +1409,7 @@ function xt({ name: e, filled: t = !1, size: i = c.GLYPH }) {
       "data-glyph": e,
       "data-filled": t ? "true" : "false",
       style: { flex: "0 0 auto", display: "block" },
-      children: ea[e](t)
+      children: na[e](t)
     }
   );
 }
@@ -1408,34 +1424,34 @@ function pe({ name: e, size: t = c.GLYPH }) {
       focusable: "false",
       "data-glyph": e,
       style: { flex: "0 0 auto", display: "block" },
-      children: ta[e]
+      children: oa[e]
     }
   );
 }
 function So(e) {
-  return typeof e == "string" && Jr.includes(e);
+  return typeof e == "string" && ea.includes(e);
 }
 function Eo(e) {
-  return typeof e == "string" && Qr.includes(e);
+  return typeof e == "string" && ta.includes(e);
 }
 const Io = 255, To = 100;
-function zo(e) {
+function Co(e) {
   return Math.round(parseInt(e, 16) / Io * To);
 }
-function Co(e) {
+function zo(e) {
   return Math.round(e / To * Io).toString(16).padStart(2, "0");
 }
-function Nl(e) {
+function kl(e) {
   let t = e.replace("#", "");
   t.length === 3 ? t = `${t.split("").map((a) => a + a).join("")}ff` : t.length === 4 ? t = t.split("").map((a) => a + a).join("") : t.length === 6 && (t = `${t}ff`);
-  const i = `#${t.slice(0, 6)}`, o = t.slice(6, 8), r = zo(o);
+  const i = `#${t.slice(0, 6)}`, o = t.slice(6, 8), r = Co(o);
   return { hex: i, opacity: r };
 }
-function Dl(e, t) {
-  const i = e.replace("#", ""), o = Co(t);
+function Gl(e, t) {
+  const i = e.replace("#", ""), o = zo(t);
   return `#${i}${o}`;
 }
-function kl(e) {
+function Ml(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 Ft = {
@@ -1449,7 +1465,7 @@ const Ft = {
   whiteSpace: "nowrap",
   border: 0
 };
-function na(e, t) {
+function ia(e, t) {
   const i = e === void 0 ? "" : e.trim();
   return i === "" ? t : `${/[.!?]$/u.test(i) ? i : `${i}.`} ${t}`;
 }
@@ -1466,16 +1482,16 @@ function vt({
   s !== void 0 && p.push(s);
   const u = p.length > 0 ? p.join(". ") : void 0;
   return {
-    title: s === void 0 ? t : na(t ?? e, s),
+    title: s === void 0 ? t : ia(t ?? e, s),
     description: u,
     describedBy: u === void 0 ? void 0 : a
   };
 }
 const Po = lt(null);
-function oa() {
+function ra() {
   return _e(Po);
 }
-function ia({ children: e }) {
+function aa({ children: e }) {
   const t = X(null);
   if (!go(e))
     throw new Error("PopoutAnchor requires a single valid React element as its child");
@@ -1484,10 +1500,10 @@ function ia({ children: e }) {
   });
   return /* @__PURE__ */ n(Po.Provider, { value: { anchorRef: t }, children: o });
 }
-function ra({ children: e }) {
+function sa({ children: e }) {
   return /* @__PURE__ */ n(h, { p: "sm", children: e });
 }
-const aa = [
+const la = [
   // Mantine portal containers
   "[data-portal]",
   // Combobox/Select dropdowns
@@ -1505,20 +1521,20 @@ const aa = [
   // Modal (just in case)
   "[data-modal]"
 ].join(", ");
-function sa(e, t = !0) {
+function ca(e, t = !0) {
   Ee(() => {
     if (!t)
       return;
     const i = (o) => {
       const r = o.target;
-      r.closest('[role="dialog"]') || r.closest("[data-popout-trigger]") || r.closest("[data-popout-portal-container]") || r.closest(aa) || e();
+      r.closest('[role="dialog"]') || r.closest("[data-popout-trigger]") || r.closest("[data-popout-portal-container]") || r.closest(la) || e();
     };
     return document.addEventListener("mousedown", i), () => {
       document.removeEventListener("mousedown", i);
     };
   }, [e, t]);
 }
-function la(e, t = !0) {
+function da(e, t = !0) {
   Ee(() => {
     if (!t)
       return;
@@ -1531,10 +1547,10 @@ function la(e, t = !0) {
   }, [e, t]);
 }
 const Ro = lt(null);
-function Gl({ id: e, children: t }) {
+function Fl({ id: e, children: t }) {
   return /* @__PURE__ */ n(Ro.Provider, { value: e, children: t });
 }
-function ca() {
+function ua() {
   return _e(Ro);
 }
 const yn = lt(null), wn = lt(null);
@@ -1544,7 +1560,7 @@ function Yt() {
     throw new Error("usePopoutContext must be used within a Popout component");
   return e;
 }
-function da() {
+function pa() {
   return _e(yn);
 }
 function Ao() {
@@ -1553,21 +1569,21 @@ function Ao() {
     throw new Error("usePopoutManagerContext must be used within a PopoutManager");
   return e;
 }
-function ua() {
+function fa() {
   return _e(wn);
 }
-function Ml() {
+function Vl() {
   const { closeAll: e, hasOpenPopouts: t } = Ao();
   return Z(() => ({ closeAll: e, hasOpenPopouts: t }), [e, t]);
 }
-function pa({
+function ha({
   children: e,
   parentId: t = null,
   opened: i,
   defaultOpened: o,
   onOpenChange: r
 }) {
-  const a = ue(), s = X(null), p = ca(), [u, d] = ae({
+  const a = ue(), s = X(null), p = ua(), [u, d] = ae({
     value: i,
     defaultValue: o,
     finalValue: !1,
@@ -1595,27 +1611,27 @@ function pa({
       g(!1, T);
     },
     [g]
-  ), z = F(
+  ), C = F(
     (T) => {
       g(!u, T);
     },
     [u, g]
-  ), C = Z(
+  ), z = Z(
     () => ({
       id: a,
       isOpen: u,
       open: m,
       close: v,
-      toggle: z,
+      toggle: C,
       triggerRef: s,
       parentId: t,
       region: p
     }),
-    [a, u, m, v, z, t, p]
+    [a, u, m, v, C, t, p]
   );
-  return /* @__PURE__ */ n(yn.Provider, { value: C, children: e });
+  return /* @__PURE__ */ n(yn.Provider, { value: z, children: e });
 }
-function fa({ children: e }) {
+function ga({ children: e }) {
   const [t, i] = Oe(null), o = X([]), r = X(/* @__PURE__ */ new Map()), a = X(/* @__PURE__ */ new Map()), s = X(/* @__PURE__ */ new Map()), [p, u] = Oe(0), d = F(
     (b, w, N) => (a.current.get(b) ?? null) !== w ? !1 : w !== null ? !0 : (s.current.get(b) ?? null) === N,
     []
@@ -1647,7 +1663,7 @@ function fa({ children: e }) {
     const w = [...b].sort((G, J) => m(J) - m(G));
     for (const G of w)
       (N = r.current.get(G)) == null || N();
-  }, [m]), z = F((b, w, N, G) => {
+  }, [m]), C = F((b, w, N, G) => {
     if (o.current.includes(b)) {
       r.current.set(b, w);
       return;
@@ -1658,7 +1674,7 @@ function fa({ children: e }) {
     v(ne);
     const de = new Set(ne);
     o.current = o.current.filter((re) => !de.has(re)), o.current.push(b), r.current.set(b, w), a.current.set(b, J), s.current.set(b, Q), u((re) => re + 1);
-  }, [f, g, v]), C = F((b) => {
+  }, [f, g, v]), z = F((b) => {
     if (!o.current.includes(b)) {
       r.current.delete(b), a.current.delete(b), s.current.delete(b);
       return;
@@ -1716,11 +1732,11 @@ function fa({ children: e }) {
   }, []), D = F(() => o.current.length > 0, []), [Y, A] = Oe(!1);
   Ee(() => {
     A(o.current.length > 0);
-  }, [p]), la(W, Y), sa(V, Y);
+  }, [p]), da(W, Y), ca(V, Y);
   const H = Z(
     () => ({
-      register: z,
-      unregister: C,
+      register: C,
+      unregister: z,
       getZIndex: T,
       bringToFront: P,
       portalContainer: t,
@@ -1734,7 +1750,7 @@ function fa({ children: e }) {
       getParentId: E,
       isAncestor: y
     }),
-    [z, C, T, P, t, p, W, V, D, O, L, k, E, y]
+    [C, z, T, P, t, p, W, V, D, O, L, k, E, y]
   );
   return /* @__PURE__ */ S(wn.Provider, { value: H, children: [
     e,
@@ -1742,22 +1758,22 @@ function fa({ children: e }) {
   ] });
 }
 function Qe() {
-  return Ti().dir;
+  return zi().dir;
 }
-function ze(e) {
+function Ce(e) {
   return e === "rtl";
 }
-function ha(e, t) {
-  return ze(t) ? 1 - e : e;
+function ma(e, t) {
+  return Ce(t) ? 1 - e : e;
 }
-function ga(e, t, i) {
-  return ha(e, i) * t;
+function xa(e, t, i) {
+  return ma(e, i) * t;
 }
-function ma(e) {
-  return ze(e) ? { transform: "scaleX(-1)" } : {};
+function ba(e) {
+  return Ce(e) ? { transform: "scaleX(-1)" } : {};
 }
 const Ln = 3;
-function xa(e) {
+function va(e) {
   const {
     isOpen: t,
     onPress: i,
@@ -1774,7 +1790,7 @@ function xa(e) {
   }, []), v = F(() => {
     const E = f.current;
     return f.current = !1, E;
-  }, []), z = F(
+  }, []), C = F(
     (E) => {
       const y = E.target;
       if (!(y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.tagName === "BUTTON" || y.tagName === "SELECT" || y.closest("button") || y.closest("input") || y.closest("textarea") || y.closest("select"))) {
@@ -1791,7 +1807,7 @@ function xa(e) {
       }
     },
     [s.left, s.top, i]
-  ), C = F(
+  ), z = F(
     (E) => {
       if (!u.current)
         return;
@@ -1821,8 +1837,8 @@ function xa(e) {
   return t ? {
     dragTriggerProps: {
       "data-drag-trigger": !0,
-      onPointerDown: z,
-      onPointerMove: C,
+      onPointerDown: C,
+      onPointerMove: z,
       onPointerUp: T,
       onPointerCancel: T,
       style: {
@@ -1843,7 +1859,7 @@ function xa(e) {
     consumeDragClick: v
   };
 }
-function ba({
+function ya({
   config: e,
   onClose: t,
   dragTriggerProps: i = {},
@@ -1853,9 +1869,9 @@ function ba({
   titleId: s
 }) {
   var v;
-  const p = fe(), { style: u, ...d } = i, g = e.variant === "tabs" ? e : null, m = (g == null ? void 0 : g.tabs.map((z) => ({
-    value: z.id,
-    label: z.label
+  const p = fe(), { style: u, ...d } = i, g = e.variant === "tabs" ? e : null, m = (g == null ? void 0 : g.tabs.map((C) => ({
+    value: C.id,
+    label: C.label
   }))) ?? [];
   return /* @__PURE__ */ S(
     qe,
@@ -1877,21 +1893,21 @@ function ba({
               "data-testid": "popout-header-tabs",
               data: m,
               value: r,
-              onChange: (z) => a == null ? void 0 : a(z),
+              onChange: (C) => a == null ? void 0 : a(C),
               size: "xs"
             }
           )
         ] }),
         /* @__PURE__ */ S(qe, { gap: 4, children: [
-          o.map((z) => /* @__PURE__ */ n(
+          o.map((C) => /* @__PURE__ */ n(
             Pe,
             {
               variant: "subtle",
-              onClick: z.onClick,
-              "aria-label": z.label,
-              children: z.icon
+              onClick: C.onClick,
+              "aria-label": C.label,
+              children: C.icon
             },
-            z.id
+            C.id
           )),
           /* @__PURE__ */ n(
             co,
@@ -1906,7 +1922,7 @@ function ba({
     }
   );
 }
-function va(e, t = document) {
+function wa(e, t = document) {
   return e === null ? null : t.querySelector(`[data-popout-id="${e}"]`);
 }
 function On(e, t, i) {
@@ -1929,10 +1945,10 @@ function On(e, t, i) {
   }
   return t === "x" ? r ?? a ?? o : o ?? r ?? a;
 }
-function ya(e, t) {
-  return e === "start" ? ze(t) ? "right" : "left" : e === "end" ? ze(t) ? "left" : "right" : e;
+function Sa(e, t) {
+  return e === "start" ? Ce(t) ? "right" : "left" : e === "end" ? Ce(t) ? "left" : "right" : e;
 }
-function wa(e, t, i = mr, o = {}) {
+function Ea(e, t, i = br, o = {}) {
   const {
     placement: r = "left",
     alignment: a = "start",
@@ -1978,18 +1994,18 @@ function _n(e, t, i) {
 function Hn(e, t, i, o) {
   switch (t) {
     case "start":
-      return ze(o) ? e.right - i : e.left;
+      return Ce(o) ? e.right - i : e.left;
     case "center":
       return e.left + e.width / 2 - i / 2;
     case "end":
-      return ze(o) ? e.left : e.right - i;
+      return Ce(o) ? e.left : e.right - i;
     default: {
       const r = t;
       throw new Error(`Unknown alignment: ${String(r)}`);
     }
   }
 }
-function Sa(e) {
+function Ia(e) {
   var it, Ae;
   const {
     width: t,
@@ -2005,8 +2021,8 @@ function Sa(e) {
     actions: g,
     manageFocus: m = !0,
     onDragStart: v,
-    onDrag: z,
-    onDragEnd: C
+    onDrag: C,
+    onDragEnd: z
   } = e, {
     isOpen: T,
     close: P,
@@ -2022,7 +2038,7 @@ function Sa(e) {
     bringToFront: D,
     zIndexVersion: Y,
     closeDescendants: A
-  } = Ao(), H = oa(), b = Qe(), w = ue(), N = `popout-panel-${y}`, G = `popout-title-${w}`, [J, Q] = Oe(null), ve = X(!1), ne = X(null), de = F(() => {
+  } = Ao(), H = ra(), b = Qe(), w = ue(), N = `popout-panel-${y}`, G = `popout-title-${w}`, [J, Q] = Oe(null), ve = X(!1), ne = X(null), de = F(() => {
     D(y);
   }, [D, y]), {
     dragTriggerProps: re,
@@ -2030,26 +2046,26 @@ function Sa(e) {
     resetDragOffset: se,
     hasDragged: K,
     consumeDragClick: ye
-  } = xa({
+  } = va({
     isOpen: T,
     onPress: de,
     onDragStart: v,
-    onDrag: z,
-    onDragEnd: C
-  }), we = (o == null ? void 0 : o.variant) === "tabs", ee = (o == null ? void 0 : o.variant) === "tabs" ? o : null, be = (ee == null ? void 0 : ee.defaultTab) ?? ((it = ee == null ? void 0 : ee.tabs[0]) == null ? void 0 : it.id), [et, Ue] = Oe(be), dt = f ?? (R === null ? 0 : xr), tt = F(
-    ($, oe) => {
+    onDrag: C,
+    onDragEnd: z
+  }), we = (o == null ? void 0 : o.variant) === "tabs", ee = (o == null ? void 0 : o.variant) === "tabs" ? o : null, be = (ee == null ? void 0 : ee.defaultTab) ?? ((it = ee == null ? void 0 : ee.tabs[0]) == null ? void 0 : it.id), [et, Ue] = Oe(be), dt = f ?? (R === null ? 0 : vr), tt = F(
+    (B, oe) => {
       var ie;
-      Ue($), (ie = ee == null ? void 0 : ee.onTabChange) == null || ie.call(ee, $, oe);
+      Ue(B), (ie = ee == null ? void 0 : ee.onTabChange) == null || ie.call(ee, B, oe);
     },
     [ee]
   ), ge = F(
-    ($) => {
-      $.stopPropagation(), D(y), !ye() && A(y);
+    (B) => {
+      B.stopPropagation(), D(y), !ye() && A(y);
     },
     [A, D, ye, y]
   ), Re = F(
-    ($) => {
-      A(y), P($);
+    (B) => {
+      A(y), P(B);
     },
     [A, P, y]
   ), He = X(P);
@@ -2063,22 +2079,22 @@ function Sa(e) {
     V(y);
   }), [T, y, W, V, Ge, R, L]);
   const We = F(() => {
-    const $ = {
+    const B = {
       trigger: E.current,
-      parent: va(R),
+      parent: wa(R),
       panel: (H == null ? void 0 : H.anchorRef.current) ?? null
     };
     return {
-      inline: On(s, "x", $),
-      block: On(p, "y", $)
+      inline: On(s, "x", B),
+      block: On(p, "y", B)
     };
   }, [E, R, H, s, p]), Ye = F(() => {
     var ft;
-    const { inline: $, block: oe } = We(), ie = $ ?? oe, le = oe ?? $;
+    const { inline: B, block: oe } = We(), ie = B ?? oe, le = oe ?? B;
     if (!ie || !le)
       return;
-    const me = (ft = ne.current) == null ? void 0 : ft.getBoundingClientRect(), Le = Math.max(t, (me == null ? void 0 : me.width) ?? 0), M = Math.max(i ?? 0, (me == null ? void 0 : me.height) ?? 0), ce = ya(u, b), Ne = ce === "top" || ce === "bottom", zt = Ne ? le : ie, je = Ne ? ie : le, he = wa(
-      zt.getBoundingClientRect(),
+    const me = (ft = ne.current) == null ? void 0 : ft.getBoundingClientRect(), Le = Math.max(t, (me == null ? void 0 : me.width) ?? 0), M = Math.max(i ?? 0, (me == null ? void 0 : me.height) ?? 0), ce = Sa(u, b), Ne = ce === "top" || ce === "bottom", Ct = Ne ? le : ie, je = Ne ? ie : le, he = Ea(
+      Ct.getBoundingClientRect(),
       Le,
       dt,
       {
@@ -2091,7 +2107,7 @@ function Sa(e) {
     );
     Q((Ke) => Ke && Ke.left === he.left && Ke.top === he.top ? Ke : he);
   }, [We, t, i, u, d, dt, b]);
-  if (Li(() => {
+  if (_i(() => {
     if (!T) {
       Q(null);
       return;
@@ -2100,10 +2116,10 @@ function Sa(e) {
   }, [T, Ye, se, we, be]), Ee(() => {
     if (!T)
       return;
-    let $ = 0;
+    let B = 0;
     const oe = () => {
-      $ === 0 && ($ = requestAnimationFrame(() => {
-        $ = 0, Ye();
+      B === 0 && (B = requestAnimationFrame(() => {
+        B = 0, Ye();
       }));
     }, ie = new ResizeObserver(oe), le = new MutationObserver(oe), { inline: me, block: Le } = We();
     for (const ce of new Set([me, Le].filter((Ne) => Ne !== null)))
@@ -2113,10 +2129,10 @@ function Sa(e) {
       K || oe();
     };
     return window.addEventListener("resize", M), window.addEventListener("scroll", M, !0), () => {
-      $ !== 0 && cancelAnimationFrame($), ie.disconnect(), le.disconnect(), window.removeEventListener("resize", M), window.removeEventListener("scroll", M, !0);
+      B !== 0 && cancelAnimationFrame(B), ie.disconnect(), le.disconnect(), window.removeEventListener("resize", M), window.removeEventListener("scroll", M, !0);
     };
   }, [T, Ye, We, K]), Ee(() => {
-    var $;
+    var B;
     if (m) {
       if (T) {
         const oe = setTimeout(() => {
@@ -2127,7 +2143,7 @@ function Sa(e) {
           clearTimeout(oe);
         };
       }
-      ve.current && (($ = E.current) == null || $.focus());
+      ve.current && ((B = E.current) == null || B.focus());
     }
   }, [T, m, E]), Ee(() => {
     ve.current = T;
@@ -2137,7 +2153,7 @@ function Sa(e) {
     left: ((J == null ? void 0 : J.left) ?? 0) + j.left,
     top: ((J == null ? void 0 : J.top) ?? 0) + j.top
   }, Me = /* @__PURE__ */ S(
-    zi,
+    Pi,
     {
       ref: ne,
       id: N,
@@ -2173,7 +2189,7 @@ function Sa(e) {
       },
       children: [
         o ? /* @__PURE__ */ n(
-          ba,
+          ya,
           {
             config: o,
             onClose: Re,
@@ -2184,13 +2200,13 @@ function Sa(e) {
             titleId: G
           }
         ) : null,
-        /* @__PURE__ */ n(h, { "data-testid": "popout-panel-content", children: we ? (Ae = ee == null ? void 0 : ee.tabs.find(($) => $.id === et)) == null ? void 0 : Ae.content : a })
+        /* @__PURE__ */ n(h, { "data-testid": "popout-panel-content", children: we ? (Ae = ee == null ? void 0 : ee.tabs.find((B) => B.id === et)) == null ? void 0 : Ae.content : a })
       ]
     }
   );
-  return Hi(Me, k);
+  return Di(Me, k);
 }
-function Ea({ children: e, action: t = "toggle" }) {
+function Ta({ children: e, action: t = "toggle" }) {
   const {
     open: i,
     toggle: o,
@@ -2224,15 +2240,15 @@ function Ea({ children: e, action: t = "toggle" }) {
     "aria-haspopup": "dialog"
   });
 }
-function Ia({
+function Ca({
   children: e,
   opened: t,
   defaultOpened: i,
   onOpenChange: o
 }) {
-  const r = da(), a = (r == null ? void 0 : r.id) ?? null;
+  const r = pa(), a = (r == null ? void 0 : r.id) ?? null;
   return /* @__PURE__ */ n(
-    pa,
+    ha,
     {
       parentId: a,
       opened: t,
@@ -2242,12 +2258,12 @@ function Ia({
     }
   );
 }
-const st = Object.assign(Ia, {
-  Trigger: Ea,
-  Panel: Sa,
-  Content: ra,
-  Anchor: ia
-}), Fl = Ut(
+const st = Object.assign(Ca, {
+  Trigger: Ta,
+  Panel: Ia,
+  Content: sa,
+  Anchor: aa
+}), Bl = Ut(
   function({ icon: t, size: i = "xs", ...o }, r) {
     const { isOpen: a } = Yt();
     return /* @__PURE__ */ n(
@@ -2264,10 +2280,10 @@ const st = Object.assign(Ia, {
     );
   }
 );
-function Ta({ children: e }) {
-  return /* @__PURE__ */ n(fa, { children: e });
+function za({ children: e }) {
+  return /* @__PURE__ */ n(ga, { children: e });
 }
-const Nn = 4, Dn = 4, za = 2, Ca = 72, Pa = 54, Ra = 220, kn = 0, Zt = 100, Gn = 9, Mn = 7, Aa = /^#[0-9A-F]{6}$/iu, La = 1.1;
+const Nn = 4, Dn = 4, Pa = 2, Ra = 72, Aa = 54, La = 220, kn = 0, Zt = 100, Gn = 9, Mn = 7, Oa = /^#[0-9A-F]{6}$/iu, _a = 1.1;
 function Jt(e) {
   const t = e === "start" ? Dn : 0, i = e === "end" ? Dn : 0;
   return {
@@ -2277,14 +2293,14 @@ function Jt(e) {
     borderEndEndRadius: i
   };
 }
-function Oa() {
+function Ha() {
   const e = ct();
   return Z(() => {
     var i;
-    return ((i = new Intl.NumberFormat(e).formatToParts(La).find((o) => o.type === "decimal")) == null ? void 0 : i.value) ?? ".";
+    return ((i = new Intl.NumberFormat(e).formatToParts(_a).find((o) => o.type === "decimal")) == null ? void 0 : i.value) ?? ".";
   }, [e]);
 }
-function _a({
+function Na({
   color: e,
   defaultColor: t,
   opacity: i,
@@ -2299,7 +2315,7 @@ function _a({
   onFocus: g,
   onBlur: m
 }) {
-  const v = fe(), z = yo(), C = Oa(), T = ue(), P = vt({ name: p, disabled: d, disabledReason: f }), [E, y] = ae({
+  const v = fe(), C = yo(), z = Ha(), T = ue(), P = vt({ name: p, disabled: d, disabledReason: f }), [E, y] = ae({
     value: e,
     defaultValue: void 0,
     finalValue: void 0,
@@ -2316,17 +2332,17 @@ function _a({
     b(D);
   }, [D]);
   const w = (j) => {
-    const se = j.length === Gn, K = se ? j.slice(0, Mn).toUpperCase() : j.toUpperCase(), ye = se && u, we = ye ? zo(j.slice(Mn, Gn)) : R;
+    const se = j.length === Gn, K = se ? j.slice(0, Mn).toUpperCase() : j.toUpperCase(), ye = se && u, we = ye ? Co(j.slice(Mn, Gn)) : R;
     y(K), ye && L(we), s == null || s(K, we);
-  }, N = () => `${V}${Co(D)}`.toUpperCase(), G = (j) => {
+  }, N = () => `${V}${zo(D)}`.toUpperCase(), G = (j) => {
     A(j.currentTarget.value.toUpperCase());
   }, J = (j) => {
     const se = Y.toUpperCase(), K = se.startsWith("#") ? se : `#${se}`;
-    Aa.test(K) && K !== V ? (y(K, j), s == null || s(K, R, j)) : A(V.replace("#", "").toUpperCase()), m == null || m(j);
+    Oa.test(K) && K !== V ? (y(K, j), s == null || s(K, R, j)) : A(V.replace("#", "").toUpperCase()), m == null || m(j);
   }, Q = (j) => {
     b(j);
   }, ve = (j) => {
-    const se = typeof H == "string" ? z(H) : H;
+    const se = typeof H == "string" ? C(H) : H;
     if (Number.isNaN(se)) {
       b(D), m == null || m(j);
       return;
@@ -2364,11 +2380,11 @@ function _a({
                 "aria-label": v.colorSwatch,
                 "aria-describedby": P.describedBy,
                 children: /* @__PURE__ */ n(
-                  Ci,
+                  Ri,
                   {
                     color: V,
                     size: c.GLYPH,
-                    radius: za,
+                    radius: Pa,
                     style: { border: `1px solid ${x.BORDER}` }
                   }
                 )
@@ -2377,25 +2393,25 @@ function _a({
             /* @__PURE__ */ n(
               st.Panel,
               {
-                width: Ra,
+                width: La,
                 header: { variant: "title", title: p ?? v.colorPanelTitle },
                 placement: "bottom",
                 alignment: "start",
                 gap: Nn,
                 children: /* @__PURE__ */ n(st.Content, { children: /* @__PURE__ */ n(
-                  Pi,
+                  Ai,
                   {
                     format: "hexa",
                     value: N(),
                     onChange: w,
-                    swatches: [...Gr]
+                    swatches: [...Fr]
                   }
                 ) })
               }
             )
           ] }),
           /* @__PURE__ */ n(
-            Bt,
+            $t,
             {
               "data-testid": "compact-color-input-hex",
               disabled: d,
@@ -2406,7 +2422,7 @@ function _a({
               onBlur: J,
               "aria-label": v.colorHexValue,
               "data-is-default": O ? "true" : "false",
-              w: Ca,
+              w: Ra,
               styles: {
                 input: {
                   ...Jt(de),
@@ -2435,7 +2451,7 @@ function _a({
               }
             ),
             /* @__PURE__ */ n(
-              $t,
+              Bt,
               {
                 "data-testid": "compact-color-input-opacity",
                 disabled: d,
@@ -2446,12 +2462,12 @@ function _a({
                 onBlur: ve,
                 min: kn,
                 max: Zt,
-                decimalSeparator: C,
+                decimalSeparator: z,
                 hideControls: !0,
                 suffix: "%",
                 "aria-label": v.opacity,
                 "data-is-default": k ? "true" : "false",
-                w: Pa,
+                w: Aa,
                 styles: {
                   input: {
                     ...Jt("end"),
@@ -2504,8 +2520,8 @@ function _a({
     }
   );
 }
-const Dt = c.GUTTER, Fn = 4, Ha = 1, Na = 1.2, Da = "calc(-1 * var(--mantine-spacing-sm) - 1px)";
-function Vl({ label: e, actions: t, children: i, bleed: o = !1 }) {
+const Dt = c.GUTTER, Fn = 4, Da = 1, ka = 1.2, Ga = "calc(-1 * var(--mantine-spacing-sm) - 1px)";
+function $l({ label: e, actions: t, children: i, bleed: o = !1 }) {
   const r = ue(), a = t != null;
   return /* @__PURE__ */ S(h, { "data-testid": "control-group", role: "group", "aria-labelledby": r, children: [
     /* @__PURE__ */ n(
@@ -2513,11 +2529,11 @@ function Vl({ label: e, actions: t, children: i, bleed: o = !1 }) {
       {
         "data-testid": "control-group-divider",
         color: x.DIVIDER,
-        size: Ha,
+        size: Da,
         style: {
           marginBlockStart: Dt,
           marginBlockEnd: 0,
-          marginInline: o ? Da : void 0
+          marginInline: o ? Ga : void 0
         }
       }
     ),
@@ -2549,7 +2565,7 @@ function Vl({ label: e, actions: t, children: i, bleed: o = !1 }) {
                 whiteSpace: "nowrap",
                 fontSize: "var(--mantine-font-size-xs)",
                 fontWeight: 500,
-                lineHeight: Na,
+                lineHeight: ka,
                 color: x.VALUE
               },
               children: e
@@ -2574,14 +2590,14 @@ function Vl({ label: e, actions: t, children: i, bleed: o = !1 }) {
     /* @__PURE__ */ n(Et, { "data-testid": "control-group-content", gap: 0, px: Dt, children: i })
   ] });
 }
-function Be(e) {
+function $e(e) {
   const t = X(void 0);
   Ee(() => {
     process.env.NODE_ENV === "production" || e === void 0 || t.current !== e && (t.current = e, console.warn(e));
   }, [e]);
 }
-const Vn = 250, ka = 4;
-function Ga({ name: e, bubbleId: t }) {
+const Vn = 250, Ma = 4;
+function Fa({ name: e, bubbleId: t }) {
   const { isOpen: i, open: o, close: r } = Yt();
   return (
     // Hovering has already opened the bubble by the time a click arrives,
@@ -2614,15 +2630,15 @@ function Ga({ name: e, bubbleId: t }) {
     ) })
   );
 }
-function Ma({
+function Va({
   children: e,
   label: t,
   opened: i,
   defaultOpened: o,
   onOpenChange: r
 }) {
-  const a = fe(), s = ue(), p = ua() !== null, u = a.about(t), d = /* @__PURE__ */ S(st, { opened: i, defaultOpened: o, onOpenChange: r, children: [
-    /* @__PURE__ */ n(Ga, { name: u, bubbleId: s }),
+  const a = fe(), s = ue(), p = fa() !== null, u = a.about(t), d = /* @__PURE__ */ S(st, { opened: i, defaultOpened: o, onOpenChange: r, children: [
+    /* @__PURE__ */ n(Fa, { name: u, bubbleId: s }),
     /* @__PURE__ */ n(
       st.Panel,
       {
@@ -2630,7 +2646,7 @@ function Ma({
         label: u,
         placement: "bottom",
         alignment: "start",
-        gap: ka,
+        gap: Ma,
         anchorX: "trigger",
         anchorY: "trigger",
         manageFocus: !1,
@@ -2651,7 +2667,7 @@ function Ma({
       }
     )
   ] });
-  return p ? d : /* @__PURE__ */ n(Ta, { children: d });
+  return p ? d : /* @__PURE__ */ n(za, { children: d });
 }
 function Tt(e) {
   return e != null && e !== !1;
@@ -2673,7 +2689,7 @@ function ke({ children: e }) {
     }
   );
 }
-const Fa = Ut(
+const Ba = Ut(
   function(t, i) {
     const {
       label: o,
@@ -2709,8 +2725,8 @@ const Fa = Ut(
       }
     );
   }
-), Qt = 4, Va = 1, $n = 6, $a = 12, Ba = 1.2;
-function $l(e) {
+), Qt = 4, $a = 1, Bn = 6, Ua = 12, Wa = 1.2;
+function Ul(e) {
   const {
     label: t,
     technicalName: i,
@@ -2723,18 +2739,18 @@ function $l(e) {
     info: d,
     actions: f,
     children: g
-  } = e, m = fe(), v = Qe(), z = ue(), C = ue(), T = ue(), [P, E] = ae({
+  } = e, m = fe(), v = Qe(), C = ue(), z = ue(), T = ue(), [P, E] = ae({
     value: o,
     defaultValue: r,
     finalValue: !0,
     onChange: a
   }), y = !p && Ie.Children.toArray(g).length > 0, R = d != null;
-  Be(
+  $e(
     p || y ? 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 L = (H) => {
     E(!P, H);
-  }, O = P ? m.collapseSection(t) : m.expandSection(t), k = m.addToSection(t), W = ze(v) ? "chevronLeft" : "chevronRight", V = {
+  }, O = P ? m.collapseSection(t) : m.expandSection(t), k = m.addToSection(t), W = Ce(v) ? "chevronLeft" : "chevronRight", V = {
     flex: "0 0 auto",
     width: c.GLYPH_SLOT,
     height: c.GLYPH_SLOT,
@@ -2757,14 +2773,14 @@ function $l(e) {
     h,
     {
       component: "span",
-      id: z,
+      id: C,
       title: Y,
       "data-testid": "control-section-name",
       style: {
         minWidth: 0,
-        fontSize: $a,
+        fontSize: Ua,
         fontWeight: 500,
-        lineHeight: Ba,
+        lineHeight: Wa,
         // WCAG 1.4.1 (Use of Colour): the dim name is a second signal,
         // not the only one. An empty section is also the only shape
         // with no chevron in its 16px slot and the only one carrying a
@@ -2794,7 +2810,7 @@ function $l(e) {
     h,
     {
       role: "group",
-      "aria-labelledby": z,
+      "aria-labelledby": C,
       "aria-describedby": R ? T : void 0,
       "data-testid": "control-section",
       "data-empty": p ? "true" : void 0,
@@ -2804,7 +2820,7 @@ function $l(e) {
           {
             "data-testid": "control-section-divider",
             color: x.DIVIDER,
-            size: Va,
+            size: $a,
             my: 0,
             mx: 0
           }
@@ -2830,7 +2846,7 @@ function $l(e) {
                   "data-testid": "control-section-toggle",
                   "aria-label": O,
                   "aria-expanded": P,
-                  "aria-controls": C,
+                  "aria-controls": z,
                   onClick: L,
                   style: { ...D, cursor: "pointer" },
                   children: [
@@ -2850,14 +2866,14 @@ function $l(e) {
                   "data-testid": "control-section-dot",
                   style: {
                     flex: "0 0 auto",
-                    width: $n,
-                    height: $n,
+                    width: Bn,
+                    height: Bn,
                     borderRadius: "50%",
                     background: x.ACCENT
                   }
                 }
               ),
-              R && /* @__PURE__ */ n(Ma, { label: t, children: d }),
+              R && /* @__PURE__ */ n(Va, { label: t, children: d }),
               /* @__PURE__ */ n(h, { style: { flex: "1 1 auto" } }),
               f != null && /* @__PURE__ */ n(
                 h,
@@ -2891,7 +2907,7 @@ function $l(e) {
           }
         ),
         R && /* @__PURE__ */ n(h, { id: T, "data-testid": "control-section-description", hidden: !0, children: d }),
-        y && /* @__PURE__ */ n(Ri, { id: C, in: P, children: /* @__PURE__ */ n(
+        y && /* @__PURE__ */ n(Li, { id: z, in: P, children: /* @__PURE__ */ n(
           h,
           {
             "data-testid": "control-section-content",
@@ -2907,8 +2923,8 @@ function $l(e) {
     }
   );
 }
-const en = "control-sub-group", Bn = 4, Ua = 10, Wa = 1.2;
-function Bl(e) {
+const en = "control-sub-group", $n = 4, Ya = 10, ja = 1.2;
+function Wl(e) {
   const { label: t, opened: i, defaultOpened: o, onOpenChange: r, children: a } = e, s = fe(), p = Qe(), u = X(void 0), [d, f] = ae({
     value: i,
     defaultValue: o,
@@ -2923,9 +2939,9 @@ function Bl(e) {
     },
     [f]
   ), v = d ? s.collapseSection(t) : s.expandSection(t);
-  let z = "chevronDown";
-  d || (z = ze(p) ? "chevronLeft" : "chevronRight");
-  const C = {
+  let C = "chevronDown";
+  d || (C = Ce(p) ? "chevronLeft" : "chevronRight");
+  const z = {
     // A section draws the only rule in a panel. A sub-group is quieter than
     // a section, so the item's own bottom border is taken off.
     item: {
@@ -2944,12 +2960,12 @@ function Bl(e) {
     label: {
       paddingBlock: 0,
       fontSize: "var(--mantine-font-size-xs)",
-      lineHeight: Wa,
+      lineHeight: ja,
       color: x.CHROME
     },
     chevron: {
       marginInlineStart: 0,
-      marginInlineEnd: Bn,
+      marginInlineEnd: $n,
       color: x.CHROME
     },
     content: {
@@ -2967,8 +2983,8 @@ function Bl(e) {
       chevronPosition: "left",
       chevronSize: c.GLYPH_SLOT,
       disableChevronRotation: !0,
-      chevron: /* @__PURE__ */ n(pe, { name: z, size: Ua }),
-      styles: C,
+      chevron: /* @__PURE__ */ n(pe, { name: C, size: Ya }),
+      styles: z,
       children: /* @__PURE__ */ S(Lt.Item, { value: en, "data-testid": "control-sub-group-item", children: [
         /* @__PURE__ */ n(
           Lt.Control,
@@ -2997,7 +3013,7 @@ function Bl(e) {
           h,
           {
             "data-testid": "control-sub-group-content",
-            style: { display: "flex", flexDirection: "column", gap: Bn },
+            style: { display: "flex", flexDirection: "column", gap: $n },
             children: a
           }
         ) })
@@ -3011,7 +3027,7 @@ function It(e) {
   const t = e.nativeEvent;
   return typeof PointerEvent < "u" && t instanceof PointerEvent ? { source: t.pointerType === "" ? "keyboard" : "pointer" } : { source: t.detail === 0 ? "keyboard" : "pointer" };
 }
-function Ya(e) {
+function Ka(e) {
   const t = fe();
   return Z(() => ({ ...t, ...e }), [t, e]);
 }
@@ -3019,11 +3035,11 @@ const xe = -1;
 function mt(e, t, i) {
   return Math.min(Math.max(e, t), i);
 }
-function ja(e, t, i, o, r) {
+function Xa(e, t, i, o, r) {
   const { rowCount: a, columnCount: s, pageSize: p } = i, u = a - 1, d = s - 1;
   if (s === 0)
     return;
-  const f = ze(o) ? "ArrowLeft" : "ArrowRight", g = ze(o) ? "ArrowRight" : "ArrowLeft";
+  const f = Ce(o) ? "ArrowLeft" : "ArrowRight", g = Ce(o) ? "ArrowRight" : "ArrowLeft";
   if (t === f)
     return { row: e.row, column: Math.min(e.column + 1, d) };
   if (t === g)
@@ -3041,7 +3057,7 @@ function ja(e, t, i, o, r) {
   if (t === "PageUp")
     return { row: mt(Math.max(e.row, 0) - p, 0, Math.max(u, 0)), column: e.column };
 }
-function Ka(e, t) {
+function qa(e, t) {
   const i = t.rowCount - 1, o = Math.max(t.columnCount - 1, 0);
   return {
     row: mt(e.row, xe, Math.max(i, xe)),
@@ -3051,7 +3067,7 @@ function Ka(e, t) {
 function kt(e, t) {
   return e.row === t.row && e.column === t.column;
 }
-function Xa(e, t, i) {
+function Za(e, t, i) {
   const o = Math.min(t, i), r = Math.max(t, i);
   return e.slice(o, r + 1);
 }
@@ -3063,7 +3079,7 @@ function pn(e, t) {
     i.has(r) && o.push(r);
   return o;
 }
-function qa(e) {
+function Ja(e) {
   const { ids: t, index: i, selected: o, anchor: r, modifiers: a, mode: s } = e, p = t[i];
   if (s === "none" || p === void 0)
     return { selected: [...o], anchor: r };
@@ -3071,7 +3087,7 @@ function qa(e) {
     return { selected: [p], anchor: p };
   const u = r === void 0 ? -1 : t.indexOf(r);
   if (a.extend && u !== -1) {
-    const d = Xa(t, u, i);
+    const d = Za(t, u, i);
     return { selected: a.toggle ? pn([...o, ...d], t) : d, anchor: r };
   }
   if (a.toggle) {
@@ -3080,7 +3096,7 @@ function qa(e) {
   }
   return { selected: [p], anchor: p };
 }
-function Za(e, t, i) {
+function Qa(e, t, i) {
   return i !== "multiple" ? { selected: [...t], anchor: void 0 } : { selected: pn([...t, ...e], e), anchor: e[0] };
 }
 function Un(e, t) {
@@ -3089,27 +3105,27 @@ function Un(e, t) {
 function Wn(e) {
   return e == null ? !0 : typeof e == "number" ? !Number.isFinite(e) : e instanceof Date && Number.isNaN(e.getTime());
 }
-function Ja(e, t, i) {
+function es(e, t, i) {
   const o = Wn(e), r = Wn(t);
   return o || r ? o && r ? 0 : o ? -1 : 1 : typeof e == "number" && typeof t == "number" ? e - t : typeof e == "boolean" && typeof t == "boolean" ? e === t ? 0 : e ? 1 : -1 : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : i.compare(String(e), String(t));
 }
-const Qa = Di({
-  columnFilteringFeature: $i,
-  columnOrderingFeature: Vi,
-  columnVisibilityFeature: Fi,
-  filteredRowModel: Ui(),
-  globalFilteringFeature: Mi,
-  rowSelectionFeature: Gi,
-  rowSortingFeature: ki,
-  sortedRowModel: Bi()
-}), es = 320, ts = 8, ns = 12, os = 1.2, is = "var(--mantine-primary-color-light)", Yn = "mantine-focus-auto", tn = [], rs = [];
+const ts = Gi({
+  columnFilteringFeature: Ui,
+  columnOrderingFeature: $i,
+  columnVisibilityFeature: Bi,
+  filteredRowModel: Yi(),
+  globalFilteringFeature: Vi,
+  rowSelectionFeature: Fi,
+  rowSortingFeature: Mi,
+  sortedRowModel: Wi()
+}), ns = 320, os = 8, is = 12, rs = 1.2, as = "var(--mantine-primary-color-light)", Yn = "mantine-focus-auto", tn = [], ss = [];
 function jn(e) {
   return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
 }
-function as(e, t, i) {
+function ls(e, t, i) {
   return Math.min(Math.max(e, t), i);
 }
-function ss(e, t) {
+function cs(e, t) {
   const {
     data: i,
     columns: o,
@@ -3117,14 +3133,14 @@ function ss(e, t) {
     label: a,
     labelledBy: s,
     labels: p,
-    height: u = es,
+    height: u = ns,
     rowHeight: d = c.DATA_PITCH,
     headerHeight: f = c.CONTROL_HEIGHT,
-    overscan: g = ts,
+    overscan: g = os,
     selectionMode: m = "multiple",
     selectedIds: v,
-    defaultSelectedIds: z,
-    onSelectionChange: C,
+    defaultSelectedIds: C,
+    onSelectionChange: z,
     sorting: T,
     defaultSorting: P,
     onSortingChange: E,
@@ -3144,20 +3160,20 @@ function ss(e, t) {
     onFocus: N,
     onBlur: G,
     empty: J
-  } = e, Q = Ya(p), ve = Qe(), ne = ct(), de = bt(), re = Zr({ numeric: !0, sensitivity: "variant" }), j = Z(() => new Intl.DateTimeFormat(ne), [ne]), se = Z(
+  } = e, Q = Ka(p), ve = Qe(), ne = ct(), de = bt(), re = Qr({ numeric: !0, sensitivity: "variant" }), j = Z(() => new Intl.DateTimeFormat(ne), [ne]), se = Z(
     () => ({ number: de, date: j, yes: Q.yes, no: Q.no }),
     [de, j, Q.yes, Q.no]
   ), [K, ye] = ae({
     value: v,
-    defaultValue: z,
+    defaultValue: C,
     finalValue: tn,
     onChange: (l, I) => {
-      C == null || C([...l], I);
+      z == null || z([...l], I);
     }
   }), [we, ee] = ae({
     value: T,
     defaultValue: P,
-    finalValue: rs,
+    finalValue: ss,
     onChange: (l, I) => {
       E == null || E([...l], I);
     }
@@ -3207,7 +3223,7 @@ function ss(e, t) {
       // accented word after every unaccented one. This one reads the
       // value through the column's own accessor and compares it with
       // the collator for the active locale.
-      sortFn: (I, _) => Ja(l.value(I.original), l.value(_.original), re)
+      sortFn: (I, _) => es(l.value(I.original), l.value(_.original), re)
     })),
     [o, re]
   ), ut = JSON.stringify(we), pt = Z(
@@ -3223,8 +3239,8 @@ function ss(e, t) {
     for (const I of K)
       l[I] = !0;
     return l;
-  }, [K]), it = Z(() => [...Ue], [Ue]), Ae = X(void 0), $ = Ni({
-    features: Qa,
+  }, [K]), it = Z(() => [...Ue], [Ue]), Ae = X(void 0), B = ki({
+    features: ts,
     data: Ye,
     columns: nt,
     getRowId: r,
@@ -3265,16 +3281,16 @@ function ss(e, t) {
     onRowSelectionChange: (l) => {
       ye(Object.keys(Ot(l, Me)));
     }
-  }), { rows: oe } = $.getRowModel(), ie = $.getVisibleLeafColumns(), le = oe.length, me = ie.length, Le = Z(() => oe.map((l) => l.id), [oe]), M = X(null), ce = X(null), Ne = Wi({
+  }), { rows: oe } = B.getRowModel(), ie = B.getVisibleLeafColumns(), le = oe.length, me = ie.length, Le = Z(() => oe.map((l) => l.id), [oe]), M = X(null), ce = X(null), Ne = ji({
     count: le,
     getScrollElement: () => M.current,
     estimateSize: () => d,
     getItemKey: (l) => Le[l] ?? l,
     overscan: g
-  }), [zt, je] = Oe({ row: xe, column: 0 }), he = Z(() => Ka(zt, { rowCount: le, columnCount: me }), [zt, le, me]), ft = X(!1), Ke = X(void 0), $o = (l) => {
+  }), [Ct, je] = Oe({ row: xe, column: 0 }), he = Z(() => qa(Ct, { rowCount: le, columnCount: me }), [Ct, le, me]), ft = X(!1), Ke = X(void 0), Bo = (l) => {
     l.row >= 0 && Ne.scrollToIndex(l.row), ft.current = !0, je((I) => kt(I, l) ? I : l);
   };
-  Oi(() => {
+  Hi(() => {
     var _;
     if (!ft.current)
       return;
@@ -3283,9 +3299,9 @@ function ss(e, t) {
   });
   const Sn = (l, I) => {
     Ke.current = l.anchor, !(l.selected.length === K.length && l.selected.every((U, te) => U === K[te])) && ye(l.selected, I);
-  }, Ct = (l, I, _) => {
+  }, zt = (l, I, _) => {
     Sn(
-      qa({
+      Ja({
         ids: Le,
         index: l,
         selected: K,
@@ -3298,7 +3314,7 @@ function ss(e, t) {
   }, En = (l, I, _) => {
     const U = oe[l];
     U !== void 0 && (H == null || H(U.original, I, _));
-  }, Bo = (l, I) => {
+  }, $o = (l, I) => {
     l.getCanSort() && (Ae.current = I, l.toggleSorting(void 0, I.shiftKey && l.getCanMultiSort()), Ae.current = void 0);
   }, Uo = () => {
     var _;
@@ -3307,23 +3323,23 @@ function ss(e, t) {
   }, Wo = (l) => {
     const I = m === "multiple", _ = l.ctrlKey || l.metaKey;
     if (I && _ && (l.key === "a" || l.key === "A")) {
-      l.preventDefault(), Sn(Za(Le, K, m), l);
+      l.preventDefault(), Sn(Qa(Le, K, m), l);
       return;
     }
     if (he.row >= 0 && (l.key === " " || l.key === "Enter")) {
-      l.preventDefault(), l.key === " " ? Ct(he.row, { extend: l.shiftKey, toggle: !l.shiftKey }, l) : (Ct(he.row, { extend: !1, toggle: !1 }, l), En(he.row, l, { source: "keyboard" }));
+      l.preventDefault(), l.key === " " ? zt(he.row, { extend: l.shiftKey, toggle: !l.shiftKey }, l) : (zt(he.row, { extend: !1, toggle: !1 }, l), En(he.row, l, { source: "keyboard" }));
       return;
     }
-    const U = ja(
+    const U = Xa(
       he,
       l.key,
       { rowCount: le, columnCount: me, pageSize: Uo() },
       ve,
       { jumpToEnd: _ }
     );
-    U !== void 0 && (l.preventDefault(), $o(U), I && l.shiftKey && U.row >= 0 && U.row !== he.row && Ct(U.row, { extend: !0, toggle: !1 }, l));
+    U !== void 0 && (l.preventDefault(), Bo(U), I && l.shiftKey && U.row >= 0 && U.row !== he.row && zt(U.row, { extend: !0, toggle: !1 }, l));
   };
-  _i(
+  Ni(
     t,
     () => ({
       scrollToRow: (l) => {
@@ -3331,17 +3347,17 @@ function ss(e, t) {
       },
       setColumnHidden: (l, I) => {
         var _;
-        (_ = $.getColumn(l)) == null || _.toggleVisibility(!I);
+        (_ = B.getColumn(l)) == null || _.toggleVisibility(!I);
       },
       moveColumn: (l, I) => {
-        const _ = $.getAllLeafColumns().map((te) => te.id), U = _.indexOf(l);
-        U !== -1 && (_.splice(U, 1), _.splice(as(I, 0, _.length), 0, l), $.setColumnOrder(_));
+        const _ = B.getAllLeafColumns().map((te) => te.id), U = _.indexOf(l);
+        U !== -1 && (_.splice(U, 1), _.splice(ls(I, 0, _.length), 0, l), B.setColumnOrder(_));
       },
       clearSelection: () => {
         Ke.current = void 0, ye([]);
       }
     }),
-    [$, Ne, le, ye]
+    [B, Ne, le, ye]
   );
   const Yo = ie.reduce(
     (l, I) => {
@@ -3371,7 +3387,7 @@ function ss(e, t) {
     h,
     {
       "data-testid": "data-table",
-      dir: ze(ve) ? "rtl" : void 0,
+      dir: Ce(ve) ? "rtl" : void 0,
       onFocus: N,
       onBlur: G,
       style: {
@@ -3384,7 +3400,7 @@ function ss(e, t) {
       children: [
         A && /* @__PURE__ */ S(h, { style: { display: "flex", alignItems: "center", gap: c.GUTTER }, children: [
           /* @__PURE__ */ n(
-            Bt,
+            $t,
             {
               "data-testid": "data-table-search",
               size: "xs",
@@ -3468,8 +3484,8 @@ function ss(e, t) {
                     display: "grid",
                     width: "100%",
                     minWidth: Yo,
-                    fontSize: ns,
-                    lineHeight: os
+                    fontSize: is,
+                    lineHeight: rs
                   },
                   children: [
                     /* @__PURE__ */ n(
@@ -3590,7 +3606,7 @@ function ss(e, t) {
                                         "data-grid-column": I,
                                         tabIndex: At,
                                         onClick: (Fe) => {
-                                          je({ row: xe, column: I }), Bo(l, Fe);
+                                          je({ row: xe, column: I }), $o(l, Fe);
                                         },
                                         onFocus: () => {
                                           je(
@@ -3660,7 +3676,7 @@ function ss(e, t) {
                                 width: "100%",
                                 height: d,
                                 transform: `translateY(${String(l.start)}px)`,
-                                background: _ ? is : void 0,
+                                background: _ ? as : void 0,
                                 cursor: Pt ? "pointer" : void 0
                               },
                               children: ie.map((U, te) => {
@@ -3695,7 +3711,7 @@ function ss(e, t) {
                                       );
                                     },
                                     onClick: (Ve) => {
-                                      je({ row: l.index, column: te }), Ct(
+                                      je({ row: l.index, column: te }), zt(
                                         l.index,
                                         {
                                           extend: Ve.shiftKey,
@@ -3741,22 +3757,22 @@ function ss(e, t) {
     }
   );
 }
-const Ul = Ie.forwardRef(ss);
-function ls() {
+const Yl = Ie.forwardRef(cs);
+function ds() {
   return crypto.randomUUID().slice(0, 8);
 }
 function fn(e, t) {
   return {
-    id: ls(),
+    id: ds(),
     offset: e,
     color: t
   };
 }
-function cs() {
+function us() {
   return [fn(0, "#6366F1"), fn(1, "#06B6D4")];
 }
-const ds = 2, us = 5, ps = 80, fs = 0, nn = 100, on = 0, hs = 360, gs = [0, 90, 180, 270, 360];
-function Wl({
+const ps = 2, fs = 5, hs = 80, gs = 0, nn = 100, on = 0, ms = 360, xs = [0, 90, 180, 270, 360];
+function jl({
   stops: e,
   defaultStops: t,
   direction: i,
@@ -3765,13 +3781,13 @@ function Wl({
   onChange: a,
   onChangeStart: s,
   onChangeEnd: p,
-  minStops: u = ds,
-  maxStops: d = us
+  minStops: u = ps,
+  maxStops: d = fs
 }) {
-  const f = fe(), g = bt({ maximumFractionDigits: 0 }), m = ue(), v = ue(), z = Z(() => cs(), []), [C, T] = ae({
+  const f = fe(), g = bt({ maximumFractionDigits: 0 }), m = ue(), v = ue(), C = Z(() => us(), []), [z, T] = ae({
     value: e,
     defaultValue: t,
-    finalValue: z,
+    finalValue: C,
     onChange: (A, H) => {
       a == null || a(A, P, H);
     }
@@ -3780,23 +3796,23 @@ function Wl({
     defaultValue: o,
     finalValue: on,
     onChange: (A, H) => {
-      a == null || a(C, A, H);
+      a == null || a(z, A, H);
     }
   }), y = X(!1), R = (A) => {
     y.current || (y.current = !0, s == null || s(A));
   }, L = (A, H) => {
     y.current = !1, p == null || p(A, H);
-  }, O = (A, H) => C.map((b, w) => w === A ? { ...b, color: H } : b), k = (A, H) => C.map((b, w) => w === A ? { ...b, offset: H / nn } : b), W = (A) => {
-    if (C.length >= d)
+  }, O = (A, H) => z.map((b, w) => w === A ? { ...b, color: H } : b), k = (A, H) => z.map((b, w) => w === A ? { ...b, offset: H / nn } : b), W = (A) => {
+    if (z.length >= d)
       return;
-    const H = C[C.length - 1], b = H === void 0 ? 0.5 : (H.offset + 1) / 2, w = [...C, fn(b, qt)];
+    const H = z[z.length - 1], b = H === void 0 ? 0.5 : (H.offset + 1) / 2, w = [...z, fn(b, qt)];
     w.sort((N, G) => N.offset - G.offset), T(w, A);
   }, V = (A, H) => {
-    C.length <= u || T(
-      C.filter((b, w) => w !== A),
+    z.length <= u || T(
+      z.filter((b, w) => w !== A),
       H
     );
-  }, D = C.length >= d, Y = C.length <= u;
+  }, D = z.length >= d, Y = z.length <= u;
   return /* @__PURE__ */ S(Et, { "data-testid": "gradient-editor", gap: "xs", children: [
     /* @__PURE__ */ S(qe, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ n(De, { id: m, "data-testid": "gradient-editor-heading", size: "xs", c: x.CHROME, children: f.colorStops }),
@@ -3814,11 +3830,11 @@ function Wl({
         }
       )
     ] }),
-    /* @__PURE__ */ n(Et, { "data-testid": "gradient-editor-stops", gap: "xs", role: "group", "aria-labelledby": m, children: C.map((A, H) => {
+    /* @__PURE__ */ n(Et, { "data-testid": "gradient-editor-stops", gap: "xs", role: "group", "aria-labelledby": m, children: z.map((A, H) => {
       const b = g.format(H + 1);
       return /* @__PURE__ */ S(qe, { "data-testid": "gradient-editor-stop", gap: "xs", align: "flex-end", wrap: "nowrap", children: [
         /* @__PURE__ */ n(
-          _a,
+          Na,
           {
             color: A.color,
             defaultColor: qt,
@@ -3828,11 +3844,11 @@ function Wl({
             showOpacity: !1
           }
         ),
-        /* @__PURE__ */ n(h, { style: { width: ps }, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(h, { style: { width: hs }, children: /* @__PURE__ */ n(
           ln,
           {
             "data-testid": "gradient-editor-stop-position",
-            min: fs,
+            min: gs,
             max: nn,
             value: A.offset * nn,
             onPointerDown: R,
@@ -3880,18 +3896,18 @@ function Wl({
         {
           "data-testid": "gradient-editor-direction-slider",
           min: on,
-          max: hs,
+          max: ms,
           value: P,
           onPointerDown: R,
           onChange: (A) => {
             R(), E(A);
           },
           onChangeEnd: (A) => {
-            L(C, A);
+            L(z, A);
           },
           label: (A) => f.degrees(g.format(A)),
           thumbLabel: f.gradientDirection,
-          marks: gs.map((A) => ({
+          marks: xs.map((A) => ({
             value: A,
             label: f.degrees(g.format(A))
           }))
@@ -3900,15 +3916,15 @@ function Wl({
     ] })
   ] });
 }
-const ms = 4, xs = 2, bs = 1.1;
-function vs() {
+const bs = 4, vs = 2, ys = 1.1;
+function ws() {
   const e = ct();
   return Z(() => {
     var i;
-    return ((i = new Intl.NumberFormat(e).formatToParts(bs).find((o) => o.type === "decimal")) == null ? void 0 : i.value) ?? ".";
+    return ((i = new Intl.NumberFormat(e).formatToParts(ys).find((o) => o.type === "decimal")) == null ? void 0 : i.value) ?? ".";
   }, [e]);
 }
-function Yl({
+function Kl({
   label: e,
   value: t,
   defaultValue: i,
@@ -3924,7 +3940,7 @@ function Yl({
   onFocus: m,
   onBlur: v
 }) {
-  const z = fe(), C = vt({ name: e, disabled: f, disabledReason: g }), T = yo(), P = vs(), [E, y] = ae({
+  const C = fe(), z = vt({ name: e, disabled: f, disabledReason: g }), T = yo(), P = ws(), [E, y] = ae({
     value: t,
     defaultValue: void 0,
     finalValue: void 0,
@@ -3950,18 +3966,18 @@ function Yl({
     qe,
     {
       "data-testid": "style-number-input",
-      gap: ms,
+      gap: bs,
       wrap: "nowrap",
       align: "flex-end",
-      title: C.title,
+      title: z.title,
       "data-disabled": f ? "true" : void 0,
       children: [
         /* @__PURE__ */ n(
-          $t,
+          Bt,
           {
             "data-testid": "style-number-input-field",
             label: e,
-            description: C.description,
+            description: z.description,
             value: O,
             onChange: V,
             onFocus: m,
@@ -3997,9 +4013,9 @@ function Yl({
             c: x.CHROME,
             "data-testid": "style-number-input-reset",
             disabled: f,
-            "aria-label": z.resetToDefault(e),
+            "aria-label": C.resetToDefault(e),
             onClick: Y,
-            style: { marginBlockEnd: xs },
+            style: { marginBlockEnd: vs },
             children: /* @__PURE__ */ n(pe, { name: "reset", size: c.CHEVRON })
           }
         )
@@ -4007,8 +4023,8 @@ function Yl({
     }
   );
 }
-const ys = 4, ws = 2;
-function jl({
+const Ss = 4, Es = 2;
+function Xl({
   label: e,
   value: t,
   defaultValue: i,
@@ -4024,7 +4040,7 @@ function jl({
     defaultValue: void 0,
     finalValue: void 0,
     onChange: r
-  }), v = g === void 0, z = g ?? i, C = (P) => {
+  }), v = g === void 0, C = g ?? i, z = (P) => {
     P !== null && m(P);
   }, T = (P) => {
     m(void 0, P);
@@ -4033,7 +4049,7 @@ function jl({
     qe,
     {
       "data-testid": "style-select",
-      gap: ys,
+      gap: Ss,
       wrap: "nowrap",
       align: "flex-end",
       title: f.title,
@@ -4045,8 +4061,8 @@ function jl({
             "data-testid": "style-select-field",
             label: e,
             description: f.description,
-            value: z,
-            onChange: C,
+            value: C,
+            onChange: z,
             onFocus: p,
             onBlur: u,
             data: o,
@@ -4079,7 +4095,7 @@ function jl({
             disabled: a,
             "aria-label": d.resetToDefault(e),
             onClick: T,
-            style: { marginBlockEnd: ws },
+            style: { marginBlockEnd: Es },
             children: /* @__PURE__ */ n(pe, { name: "reset", size: c.CHEVRON })
           }
         )
@@ -4087,8 +4103,8 @@ function jl({
     }
   );
 }
-const Gt = 4, Ss = `${String(c.TOGGLE_PITCH)}px`;
-function Kl({
+const Gt = 4, Is = `${String(c.TOGGLE_PITCH)}px`;
+function ql({
   label: e,
   checked: t,
   defaultChecked: i,
@@ -4101,13 +4117,13 @@ function Kl({
   onBlur: d,
   children: f
 }) {
-  const g = ue(), m = fe(), [v, z] = ae({
+  const g = ue(), m = fe(), [v, C] = ae({
     value: t,
     defaultValue: i,
     finalValue: !1,
     onChange: o
-  }), C = (R) => {
-    z(R.currentTarget.checked, R);
+  }), z = (R) => {
+    C(R.currentTarget.checked, R);
   }, T = {
     root: { minWidth: 0 },
     body: { alignItems: "center", minWidth: 0 },
@@ -4118,7 +4134,7 @@ function Kl({
       // Logical, so the word sits after the box in both directions.
       paddingInlineStart: Gt,
       fontSize: "var(--mantine-font-size-sm)",
-      lineHeight: Ss,
+      lineHeight: Is,
       color: r ? x.DISABLED : x.VALUE,
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -4140,7 +4156,7 @@ function Kl({
       "aria-expanded": v,
       "aria-controls": v ? g : void 0,
       "aria-describedby": E.describedBy,
-      onChange: C,
+      onChange: z,
       onFocus: u,
       onBlur: d,
       wrapperProps: { title: E.title },
@@ -4208,14 +4224,14 @@ function Ze(e, t) {
   const i = Lo(e, t);
   return i === "off" ? { "aria-busy": t } : { "aria-live": i, "aria-atomic": !0, "aria-busy": t };
 }
-const rn = 4, Es = "(hover: none)";
-function Is(e) {
+const rn = 4, Ts = "(hover: none)";
+function Cs(e) {
   if (typeof e == "string")
     return e;
   if (typeof e == "number")
     return String(e);
 }
-function Xl(e) {
+function Zl(e) {
   const {
     state: t,
     stateTitle: i,
@@ -4228,11 +4244,11 @@ function Xl(e) {
     onClick: d,
     onFocus: f,
     onBlur: g
-  } = e, m = Ze(r, o), { hovered: v, ref: z } = fo(), C = ho(Es) ?? !1, [T, P] = Oe(!1), E = ue(), y = T || (p ?? (v || C)), R = a !== void 0 || s !== void 0, L = Is(t), O = i !== void 0 && i !== L, k = i ?? L, W = R && t !== void 0, V = O ? /* @__PURE__ */ S(q, { children: [
+  } = e, m = Ze(r, o), { hovered: v, ref: C } = fo(), z = ho(Ts) ?? !1, [T, P] = Oe(!1), E = ue(), y = T || (p ?? (v || z)), R = a !== void 0 || s !== void 0, L = Cs(t), O = i !== void 0 && i !== L, k = i ?? L, W = R && t !== void 0, V = O ? /* @__PURE__ */ S(q, { children: [
     /* @__PURE__ */ n("span", { "aria-hidden": "true", children: t }),
     /* @__PURE__ */ n(Te, { "data-testid": "action-row-state-full", children: i })
   ] }) : t;
-  Be(
+  $e(
     d !== 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 D = (w) => {
@@ -4266,7 +4282,7 @@ function Xl(e) {
   return /* @__PURE__ */ S(
     h,
     {
-      ref: z,
+      ref: C,
       "data-testid": "action-row",
       role: W ? "group" : void 0,
       "aria-labelledby": W ? E : void 0,
@@ -4363,8 +4379,8 @@ function Xl(e) {
     }
   );
 }
-const Oo = c.GUTTER, Ts = 12, _o = 1.2, zs = 20, Cs = 500, Ps = "var(--mantine-primary-color-light)";
-function ql({
+const Oo = c.GUTTER, zs = 12, _o = 1.2, Ps = 20, Rs = 500, As = "var(--mantine-primary-color-light)";
+function Jl({
   name: e,
   value: t,
   icon: i,
@@ -4378,13 +4394,13 @@ function ql({
   onBlur: f,
   trailing: g
 }) {
-  const { hovered: m, ref: v } = fo(), z = s !== void 0, C = i != null, T = t != null, P = Tt(g), E = r === "option", y = E ? o : void 0, R = !E && o ? !0 : void 0, L = (V) => {
+  const { hovered: m, ref: v } = fo(), C = s !== void 0, z = i != null, T = t != null, P = Tt(g), E = r === "option", y = E ? o : void 0, R = !E && o ? !0 : void 0, L = (V) => {
     s == null || s(V, It(V));
   };
   let O = "transparent";
-  o ? O = Ps : z && m && (O = x.SURFACE);
+  o ? O = As : C && m && (O = x.SURFACE);
   const k = /* @__PURE__ */ S(q, { children: [
-    C && /* @__PURE__ */ n(
+    z && /* @__PURE__ */ n(
       h,
       {
         component: "span",
@@ -4441,7 +4457,7 @@ function ql({
     color: "inherit",
     font: "inherit",
     textAlign: "start",
-    cursor: z ? "pointer" : "default"
+    cursor: C ? "pointer" : "default"
   };
   return /* @__PURE__ */ S(
     h,
@@ -4462,11 +4478,11 @@ function ql({
         borderRadius: "var(--mantine-radius-sm)",
         background: O,
         color: x.VALUE,
-        fontSize: Ts,
+        fontSize: zs,
         lineHeight: _o
       },
       children: [
-        z ? /* @__PURE__ */ n(
+        C ? /* @__PURE__ */ n(
           Je,
           {
             type: "button",
@@ -4500,7 +4516,7 @@ function ql({
     }
   );
 }
-function Zl({
+function Ql({
   label: e,
   unit: t,
   sortDirection: i,
@@ -4513,8 +4529,8 @@ function Zl({
     defaultValue: o,
     finalValue: "none",
     onChange: r
-  }), u = bt(), d = r !== void 0, f = s !== "none", g = (z) => {
-    p(s === "ascending" ? "descending" : "ascending", z);
+  }), u = bt(), d = r !== void 0, f = s !== "none", g = (C) => {
+    p(s === "ascending" ? "descending" : "ascending", C);
   }, m = /* @__PURE__ */ S(q, { children: [
     /* @__PURE__ */ n(
       h,
@@ -4579,7 +4595,7 @@ function Zl({
         gap: c.GUTTER,
         boxSizing: "border-box",
         width: "100%",
-        height: zs,
+        height: Ps,
         paddingInline: Oo,
         fontSize: "var(--mantine-font-size-sm)",
         lineHeight: _o,
@@ -4620,7 +4636,7 @@ function Ho({ children: e }) {
         flex: "0 0 auto",
         background: x.RAISED,
         color: x.VALUE,
-        fontWeight: Cs,
+        fontWeight: Rs,
         textTransform: "none",
         letterSpacing: "normal"
       },
@@ -4628,7 +4644,7 @@ function Ho({ children: e }) {
     }
   );
 }
-const Kn = 2, Rs = 1, As = 13, Ls = 2, Os = 1, _s = 1, Hs = 64, No = 4, Xn = No / 2, Do = 4, Ns = 12, at = 100, Ds = 1.5, hn = 100;
+const Kn = 2, Ls = 1, Os = 13, _s = 2, Hs = 1, Ns = 1, Ds = 64, No = 4, Xn = No / 2, Do = 4, ks = 12, at = 100, Gs = 1.5, hn = 100;
 function Vt({ children: e, end: t, id: i }) {
   return /* @__PURE__ */ n(
     h,
@@ -4655,7 +4671,7 @@ function ko() {
       "data-testid": "chart-baseline",
       style: {
         flex: "0 0 auto",
-        height: Rs,
+        height: Ls,
         background: x.BORDER
       }
     }
@@ -4670,7 +4686,7 @@ function Go({ caption: e, rows: t, testId: i }) {
     ] }, o.id)) })
   ] });
 }
-function ks(e, t) {
+function Ms(e, t) {
   if (e.length === 0)
     return null;
   const i = at / 2;
@@ -4678,7 +4694,7 @@ function ks(e, t) {
     return `0,${i} ${at},${i}`;
   const o = Math.min(...e), a = Math.max(...e) - o, s = e.length - 1;
   return e.map((p, u) => {
-    const d = ga(u / s, at, t), f = a === 0 ? i : at - (p - o) / a * at;
+    const d = xa(u / s, at, t), f = a === 0 ? i : at - (p - o) / a * at;
     return `${d},${f}`;
   }).join(" ");
 }
@@ -4686,7 +4702,7 @@ function Mo() {
   const e = ue(), t = `${e}min`, i = `${e}max`;
   return { min: t, max: i, describedBy: `${t} ${i}` };
 }
-function Jl({
+function ec({
   bins: e,
   label: t,
   minLabel: i,
@@ -4756,24 +4772,24 @@ function Jl({
                           minHeight: 0,
                           display: "flex",
                           alignItems: "flex-end",
-                          gap: Ls
+                          gap: _s
                         },
                         children: e.map((g, m) => {
-                          const v = Math.max(0, g.count), z = d === 0 ? 0 : v / d * hn, C = g.highlighted === !0;
+                          const v = Math.max(0, g.count), C = d === 0 ? 0 : v / d * hn, z = g.highlighted === !0;
                           return /* @__PURE__ */ n(
                             h,
                             {
                               "data-testid": "histogram-bar",
-                              "data-highlighted": C ? "true" : "false",
+                              "data-highlighted": z ? "true" : "false",
                               "aria-hidden": "true",
                               title: g.label,
                               style: {
                                 flex: "1 1 0",
                                 minWidth: 0,
-                                height: `${String(z)}%`,
-                                minHeight: v > 0 ? _s : 0,
-                                background: C ? x.ACCENT : x.BORDER,
-                                borderRadius: Os
+                                height: `${String(C)}%`,
+                                minHeight: v > 0 ? Ns : 0,
+                                background: z ? x.ACCENT : x.BORDER,
+                                borderRadius: Hs
                               }
                             },
                             `${g.label}-${String(m)}`
@@ -4791,7 +4807,7 @@ function Jl({
                   "data-testid": "chart-axis",
                   style: {
                     flex: "0 0 auto",
-                    height: As,
+                    height: Os,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
@@ -4812,7 +4828,7 @@ function Jl({
     }
   );
 }
-function Ql({
+function tc({
   values: e,
   label: t,
   minLabel: i,
@@ -4821,7 +4837,7 @@ function Ql({
   live: a,
   trailing: s
 }) {
-  const p = Qe(), u = bt(), d = Mo(), f = ks(e, p), g = e.map((m, v) => ({
+  const p = Qe(), u = bt(), d = Mo(), f = Ms(e, p), g = e.map((m, v) => ({
     id: `point-${String(v)}`,
     // Positions count from one, the way a reader counts them, and are
     // formatted for the locale so a series longer than a thousand points
@@ -4883,7 +4899,7 @@ function Ql({
                         preserveAspectRatio: "none",
                         fill: "none",
                         stroke: "currentColor",
-                        strokeWidth: Ds,
+                        strokeWidth: Gs,
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         "aria-hidden": "true",
@@ -4906,7 +4922,7 @@ function Ql({
     }
   );
 }
-function ec({
+function nc({
   name: e,
   percentile: t,
   value: i,
@@ -4919,17 +4935,17 @@ function ec({
   onFocus: d,
   onBlur: f
 }) {
-  const g = fe(), m = qr(), v = ue(), z = s, C = z !== void 0, T = Math.min(hn, Math.max(0, t)), P = g.percentile(m(Math.round(T))), E = (R) => {
-    z !== void 0 && z(R, It(R));
+  const g = fe(), m = Jr(), v = ue(), C = s, z = C !== void 0, T = Math.min(hn, Math.max(0, t)), P = g.percentile(m(Math.round(T))), E = (R) => {
+    C !== void 0 && C(R, It(R));
   }, y = (R) => {
-    z !== void 0 && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), z(R, It(R)));
+    C !== void 0 && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), C(R, It(R)));
   };
   return /* @__PURE__ */ S(
     h,
     {
       "data-testid": "metric-row",
-      role: C ? "button" : void 0,
-      tabIndex: C ? 0 : void 0,
+      role: z ? "button" : void 0,
+      tabIndex: z ? 0 : void 0,
       ...Ze(a, r),
       onClick: E,
       onKeyDown: y,
@@ -4942,7 +4958,7 @@ function ec({
         alignItems: "center",
         gap: c.GUTTER,
         height: c.ROW_PITCH,
-        cursor: C ? "pointer" : "default"
+        cursor: z ? "pointer" : "default"
       },
       children: [
         /* @__PURE__ */ n(
@@ -4955,7 +4971,7 @@ function ec({
             style: {
               flex: "1 1 auto",
               minWidth: 0,
-              fontSize: Ns,
+              fontSize: ks,
               lineHeight: 1.2,
               color: x.VALUE,
               overflow: "hidden",
@@ -4978,7 +4994,7 @@ function ec({
             title: P,
             size: No,
             style: {
-              flex: `0 0 ${String(Hs)}px`,
+              flex: `0 0 ${String(Ds)}px`,
               borderRadius: Xn,
               // The track is the field surface rather than the raised one.
               // Measured against this library's own palette, the accent
@@ -5024,14 +5040,14 @@ function ec({
   );
 }
 const Fo = lt(!1);
-function Gs({ showLabels: e = !1, children: t }) {
+function Fs({ showLabels: e = !1, children: t }) {
   return /* @__PURE__ */ n(Fo.Provider, { value: e, children: t });
 }
 function jt() {
   return _e(Fo);
 }
-const Ms = c.VALUE_INSET - c.GLYPH_SLOT, Fs = 2, Vs = 1, $s = 2, Bs = 3;
-function Us(e) {
+const Vs = c.VALUE_INSET - c.GLYPH_SLOT, Bs = 2, $s = 1, Us = 2, Ws = 3;
+function Ys(e) {
   if (e.fullValue !== void 0)
     return e.fullValue;
   if (typeof e.value == "string")
@@ -5039,7 +5055,7 @@ function Us(e) {
   if (typeof e.value == "number")
     return String(e.value);
 }
-function Ws({ segment: e, grow: t, index: i }) {
+function js({ segment: e, grow: t, index: i }) {
   const { glyph: o, value: r, unit: a, mono: s = !1 } = e;
   let p = null;
   So(o) ? p = /* @__PURE__ */ n(xt, { name: o }) : Eo(o) ? p = /* @__PURE__ */ n(
@@ -5054,7 +5070,7 @@ function Ws({ segment: e, grow: t, index: i }) {
       children: o
     }
   ) : o != null && (p = o);
-  const u = Us(e), d = e.fullValue !== void 0;
+  const u = Ys(e), d = e.fullValue !== void 0;
   return /* @__PURE__ */ S(
     h,
     {
@@ -5069,7 +5085,7 @@ function Ws({ segment: e, grow: t, index: i }) {
         minWidth: 0,
         height: c.CONTROL_HEIGHT,
         paddingBlock: 0,
-        paddingInline: Ms
+        paddingInline: Vs
       },
       children: [
         p !== null && /* @__PURE__ */ n(
@@ -5123,7 +5139,7 @@ function Ws({ segment: e, grow: t, index: i }) {
             "data-testid": "compound-segment-unit",
             style: {
               flex: "0 0 auto",
-              marginInlineStart: Fs,
+              marginInlineStart: Bs,
               fontSize: "var(--mantine-font-size-sm)",
               lineHeight: 1,
               color: x.CHROME
@@ -5135,15 +5151,15 @@ function Ws({ segment: e, grow: t, index: i }) {
     }
   );
 }
-function Ys(e, t) {
-  if (!(t >= $s && t <= Bs))
+function Ks(e, t) {
+  if (!(t >= Us && t <= Ws))
     return `CompoundRow "${e}" was given ${String(t)} ${t === 1 ? "segment" : "segments"}, and it holds two or three. A compound row shows one value together with the parts that belong to it: use PanelField for a single value, and a table or a list of rows for more than three.`;
 }
-function js(e, t) {
+function Xs(e, t) {
   if (t !== 1)
     return `CompoundRow "${e}" was given ${String(t)} segments that set grow, and exactly one should. The segment that sets grow takes the box's leftover width and should be the main value, with the rest sized to their content. Using the first segment that sets it, or the leading segment when none does.`;
 }
-function tc({
+function oc({
   label: e,
   segments: t,
   width: i = c.BODY,
@@ -5155,8 +5171,8 @@ function tc({
   onBlur: u
 }) {
   const d = jt(), f = Ie.useId(), g = t.filter((O) => O.grow === !0).length;
-  Be(Ys(e, t.length)), Be(js(e, g));
-  const m = t.findIndex((O) => O.grow === !0), v = m === -1 ? 0 : m, z = s !== void 0, C = Lo(a, r) !== "off", T = z || C, P = z ? void 0 : f, E = T ? void 0 : f, y = T || d, R = {
+  $e(Ks(e, t.length)), $e(Xs(e, g));
+  const m = t.findIndex((O) => O.grow === !0), v = m === -1 ? 0 : m, C = s !== void 0, z = Lo(a, r) !== "off", T = C || z, P = C ? void 0 : f, E = T ? void 0 : f, y = T || d, R = {
     display: "flex",
     alignItems: "center",
     boxSizing: "border-box",
@@ -5170,7 +5186,7 @@ function tc({
     overflow: "hidden",
     // A button carries Mantine's own `text-align: left`, which is physical.
     textAlign: "start",
-    cursor: z ? "pointer" : void 0
+    cursor: C ? "pointer" : void 0
   }, L = /* @__PURE__ */ S(q, { children: [
     T && /* @__PURE__ */ n(Te, { id: P, children: e }),
     t.map((O, k) => /* @__PURE__ */ S(Ie.Fragment, { children: [
@@ -5180,13 +5196,13 @@ function tc({
           "data-testid": "compound-row-hairline",
           style: {
             flex: "0 0 auto",
-            width: Vs,
+            width: $s,
             height: c.CONTROL_HEIGHT,
             background: x.PANEL
           }
         }
       ),
-      /* @__PURE__ */ n(Ws, { segment: O, grow: k === v, index: k })
+      /* @__PURE__ */ n(js, { segment: O, grow: k === v, index: k })
     ] }, k))
   ] });
   return /* @__PURE__ */ S(
@@ -5225,7 +5241,7 @@ function tc({
             children: e
           }
         ),
-        z ? /* @__PURE__ */ n(
+        C ? /* @__PURE__ */ n(
           Je,
           {
             type: "button",
@@ -5260,7 +5276,7 @@ function tc({
     }
   );
 }
-const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.LABEL_COLUMN, Zn = {
+const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, qs = c.VALUE_INSET + c.LABEL_COLUMN, Zn = {
   position: "absolute",
   width: 1,
   height: 1,
@@ -5270,7 +5286,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
   clipPath: "inset(50%)",
   whiteSpace: "nowrap",
   border: 0
-}, Xs = Ut(function(t, i) {
+}, Zs = Ut(function(t, i) {
   const {
     label: o,
     glyph: r,
@@ -5283,8 +5299,8 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
     width: g = c.FIELD,
     bound: m = !1,
     mixed: v = !1,
-    placeholder: z,
-    pending: C = !1,
+    placeholder: C,
+    pending: z = !1,
     min: T,
     max: P,
     step: E,
@@ -5306,13 +5322,13 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
     defaultValue: p,
     finalValue: "",
     onChange: u
-  }), de = a ?? (d !== void 0 ? "select" : "text"), re = de === "select", j = de === "select" && d !== void 0, se = W ?? (u === void 0 && p === void 0), K = String(ve), ye = z === !0, we = v || ye;
+  }), de = a ?? (d !== void 0 ? "select" : "text"), re = de === "select", j = de === "select" && d !== void 0, se = W ?? (u === void 0 && p === void 0), K = String(ve), ye = C === !0, we = v || ye;
   let ee;
-  v ? ee = G.mixed : ye ? ee = K : typeof z == "string" && (ee = z);
+  v ? ee = G.mixed : ye ? ee = K : typeof C == "string" && (ee = C);
   const be = [];
   v && be.push(G.mixed);
   const et = V ?? G.fieldBound, Ue = D ?? G.fieldPending;
-  m && et !== "" && be.push(et), C && Ue !== "" && be.push(Ue);
+  m && et !== "" && be.push(et), z && Ue !== "" && be.push(Ue);
   const dt = be.length > 0 ? be.join(". ") : void 0, ge = (y !== void 0 || R !== void 0 || L !== void 0) && !k && !Q, Re = X(!1), He = X(!1), Ge = X(0), We = (M) => {
     if (!ge || M.button !== 0)
       return;
@@ -5323,7 +5339,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
     if (!Re.current)
       return;
     const ce = M.clientX - Ge.current;
-    ce !== 0 && (Ge.current = M.clientX, He.current || (He.current = !0, y == null || y(M)), R == null || R(ze(J) ? -ce : ce, M));
+    ce !== 0 && (Ge.current = M.clientX, He.current || (He.current = !0, y == null || y(M)), R == null || R(Ce(J) ? -ce : ce, M));
   }, nt = (M) => {
     Re.current && (Re.current = !1, He.current && (He.current = !1, L == null || L(M)));
   }, ut = (M) => {
@@ -5371,7 +5387,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
         },
         children: [
           Me,
-          C && /* @__PURE__ */ n(
+          z && /* @__PURE__ */ n(
             h,
             {
               "data-testid": "panel-field-pending",
@@ -5411,7 +5427,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
         children: o
       }
     )
-  ] }), Ae = f !== void 0, $ = Ae || re ? /* @__PURE__ */ S(q, { children: [
+  ] }), Ae = f !== void 0, B = Ae || re ? /* @__PURE__ */ S(q, { children: [
     Ae && /* @__PURE__ */ n(
       h,
       {
@@ -5438,7 +5454,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
   ] }) : void 0;
   let oe = an + Mt;
   re && (oe += c.GLYPH), re && Ae && (oe += Mt);
-  const ie = $ === void 0 ? void 0 : `calc(${String((f == null ? void 0 : f.length) ?? 0)}ch + ${String(oe)}px)`, le = ge ? "auto" : "none", Le = {
+  const ie = B === void 0 ? void 0 : `calc(${String((f == null ? void 0 : f.length) ?? 0)}ch + ${String(oe)}px)`, le = ge ? "auto" : "none", Le = {
     // Before the spread, so that a caller who supplies their own test id on
     // the input wins.
     "data-testid": "panel-field-value",
@@ -5453,7 +5469,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
     onClick: ut,
     onKeyDown: pt,
     leftSection: it,
-    leftSectionWidth: N ? Ks : c.VALUE_INSET,
+    leftSectionWidth: N ? qs : c.VALUE_INSET,
     leftSectionPointerEvents: le,
     leftSectionProps: {
       style: {
@@ -5465,7 +5481,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
         paddingInlineStart: an
       }
     },
-    rightSection: $,
+    rightSection: B,
     rightSectionWidth: ie,
     rightSectionPointerEvents: "none",
     rightSectionProps: {
@@ -5521,7 +5537,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
       "data-kind": de,
       "data-bound": m ? "true" : void 0,
       "data-mixed": v ? "true" : void 0,
-      "data-pending": C ? "true" : void 0,
+      "data-pending": z ? "true" : void 0,
       "data-disabled": k ? "true" : void 0
     },
     style: {
@@ -5532,7 +5548,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
     }
   };
   return de === "number" ? /* @__PURE__ */ n(
-    $t,
+    Bt,
     {
       ...Le,
       value: we ? "" : ve,
@@ -5553,7 +5569,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
       }
     }
   ) : /* @__PURE__ */ n(
-    Bt,
+    $t,
     {
       ...Le,
       value: we ? "" : K,
@@ -5562,21 +5578,21 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
       }
     }
   );
-}), qs = 2, Zs = c.BODY + c.TRAIL_GAP;
-function Js(e) {
+}), Js = 2, Qs = c.BODY + c.TRAIL_GAP;
+function el(e) {
   return Ie.Children.toArray(e).flatMap((t) => Ie.isValidElement(t) && t.type === Ie.Fragment ? Ie.Children.toArray(t.props.children) : [t]);
 }
 function Jn(e, t) {
   return Ie.isValidElement(e) && e.key !== null ? e.key : `field-row-${String(t)}`;
 }
-function Qs(e) {
+function tl(e) {
   if (Ie.isValidElement(e) && typeof e.props.label == "string")
     return e.props.label;
 }
 function Qn(e) {
-  return Ie.isValidElement(e) && e.type === Xs ? Ie.cloneElement(e, { width: "fill" }) : e;
+  return Ie.isValidElement(e) && e.type === Zs ? Ie.cloneElement(e, { width: "fill" }) : e;
 }
-const nc = Ut(function({
+const ic = Ut(function({
   children: t,
   trailing: i,
   groupLabel: o,
@@ -5586,11 +5602,11 @@ const nc = Ut(function({
   "aria-labelledby": p,
   ...u
 }, d) {
-  const f = jt(), g = Js(t), m = g.length;
-  Be(
-    m === 0 || m > qs ? `FieldRow was given ${String(m)} ${m === 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 280px panel the row is measured for. Put the extra fields on rows of their own.` : void 0
+  const f = jt(), g = el(t), m = g.length;
+  $e(
+    m === 0 || m > Js ? `FieldRow was given ${String(m)} ${m === 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 280px panel the row is measured for. Put the extra fields on rows of their own.` : void 0
   );
-  const v = o ?? s, C = r ?? (v !== void 0 || p !== void 0 ? "group" : void 0), T = Tt(i);
+  const v = o ?? s, z = r ?? (v !== void 0 || p !== void 0 ? "group" : void 0), T = Tt(i);
   if (f && m > 1)
     return /* @__PURE__ */ n(
       h,
@@ -5598,7 +5614,7 @@ const nc = Ut(function({
         ref: d,
         "data-testid": "field-row-labelled",
         "data-fields": m,
-        role: C,
+        role: z,
         "aria-label": v,
         "aria-labelledby": p,
         ...u,
@@ -5608,7 +5624,7 @@ const nc = Ut(function({
           ...a
         },
         children: g.map((L, O) => {
-          const k = Qs(L);
+          const k = tl(L);
           return /* @__PURE__ */ S(
             h,
             {
@@ -5657,7 +5673,7 @@ const nc = Ut(function({
                       marginInlineStart: c.GUTTER,
                       marginInlineEnd: c.TRAIL_GAP
                     },
-                    children: /* @__PURE__ */ n(Gs, { showLabels: !1, children: Qn(L) })
+                    children: /* @__PURE__ */ n(Fs, { showLabels: !1, children: Qn(L) })
                   }
                 ),
                 /* @__PURE__ */ n(ke, { children: O === 0 ? i : null })
@@ -5670,7 +5686,7 @@ const nc = Ut(function({
     );
   const P = m <= 1, E = P && !T;
   let y = c.FIELD;
-  P && (y = E ? Zs : c.BODY);
+  P && (y = E ? Qs : c.BODY);
   const R = E ? void 0 : c.TRAIL_GAP;
   return /* @__PURE__ */ S(
     h,
@@ -5678,7 +5694,7 @@ const nc = Ut(function({
       ref: d,
       "data-testid": "field-row",
       "data-fields": m,
-      role: C,
+      role: z,
       "aria-label": v,
       "aria-labelledby": p,
       ...u,
@@ -5714,11 +5730,11 @@ const nc = Ut(function({
       ]
     }
   );
-}), el = 2, tl = 6, Vo = 1, nl = c.CONTROL_HEIGHT - Vo * 2, ol = 2, eo = 3, il = 4, rl = 6, al = c.GLYPH, sl = 3;
-function ll(e, t) {
+}), nl = 2, ol = 6, Vo = 1, il = c.CONTROL_HEIGHT - Vo * 2, rl = 2, eo = 3, al = 4, sl = 6, ll = c.GLYPH, cl = 3;
+function dl(e, t) {
   return t ? x.DISABLED : e ? x.ON_SELECTED : x.CHROME;
 }
-function oc(e) {
+function rc(e) {
   const {
     options: t,
     value: i,
@@ -5733,17 +5749,17 @@ function oc(e) {
     width: g,
     trailing: m,
     onFocus: v,
-    onBlur: z
-  } = e, C = jt(), T = t.length, P = vt({ name: a, disabled: u, disabledReason: d }), [E] = t, [y, R] = ae({
+    onBlur: C
+  } = e, z = jt(), T = t.length, P = vt({ name: a, disabled: u, disabledReason: d }), [E] = t, [y, R] = ae({
     value: i,
     defaultValue: o,
     finalValue: E === void 0 ? "" : E.value,
     onChange: r
   }), L = X(void 0);
-  Be(
-    T < el || T > tl ? `IconGroupRow was given ${String(T)} ${T === 1 ? "option" : "options"}, and it holds two to six drawable ones. One option is a statement rather than a choice and belongs in a field, and more than six stop reading as a set of drawings -- use a select instead. Rendering them anyway.` : void 0
+  $e(
+    T < nl || T > ol ? `IconGroupRow was given ${String(T)} ${T === 1 ? "option" : "options"}, and it holds two to six drawable ones. One option is a statement rather than a choice and belongs in a field, and more than six stop reading as a set of drawings -- use a select instead. Rendering them anyway.` : void 0
   );
-  const O = g ?? (T <= sl ? c.FIELD : c.BODY), k = O === "fill", W = (D) => {
+  const O = g ?? (T <= cl ? c.FIELD : c.BODY), k = O === "fill", W = (D) => {
     var b;
     if (u || D.key !== "Home" && D.key !== "End")
       return;
@@ -5752,7 +5768,7 @@ function oc(e) {
       return;
     D.preventDefault(), R(A.value, D), (b = Array.from(D.currentTarget.querySelectorAll('input[type="radio"]')).find((w) => w.value === A.value)) == null || b.focus();
   }, V = t.map((D) => {
-    const Y = D.value === y, A = u || D.disabled === !0, H = C || f && Y;
+    const Y = D.value === y, A = u || D.disabled === !0, H = z || f && Y;
     return {
       value: D.value,
       disabled: D.disabled,
@@ -5769,8 +5785,8 @@ function oc(e) {
             alignItems: "center",
             justifyContent: "center",
             boxSizing: "border-box",
-            gap: H ? il : 0,
-            paddingInline: H ? rl : 0,
+            gap: H ? al : 0,
+            paddingInline: H ? sl : 0,
             width: "100%",
             minWidth: 0,
             // The selected segment is a solid patch of the selected
@@ -5778,7 +5794,7 @@ function oc(e) {
             // else is secondary text on the track. Written here,
             // per option, rather than in the styles below, which
             // would paint every segment the same.
-            color: ll(Y, A)
+            color: dl(Y, A)
           },
           children: [
             /* @__PURE__ */ n(
@@ -5848,7 +5864,7 @@ function oc(e) {
             },
             onKeyDown: W,
             onFocus: v,
-            onBlur: z,
+            onBlur: C,
             name: p,
             disabled: u,
             radius: "sm",
@@ -5869,7 +5885,7 @@ function oc(e) {
                 minWidth: 0,
                 height: c.CONTROL_HEIGHT,
                 padding: Vo,
-                gap: ol,
+                gap: rl,
                 backgroundColor: x.SURFACE,
                 // Mantine hides the track's overflow, which would crop
                 // the focus ring of a segment against the edge of the
@@ -5881,13 +5897,13 @@ function oc(e) {
               // minimum keeps that from cropping the drawings beside it.
               control: {
                 flex: "1 1 auto",
-                minWidth: al
+                minWidth: ll
               },
               label: {
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                height: nl,
+                height: il,
                 // The padding moves onto the content, where it can
                 // depend on whether that segment draws a word.
                 padding: 0,
@@ -5918,8 +5934,8 @@ function oc(e) {
     }
   );
 }
-const cl = 12, dl = 1.5, to = 1.4, no = 4, ul = 20, oo = 220, io = 2, ro = new RegExp("\\p{Sentence_Terminal}", "u"), pl = /[.!?]/u, ao = /\s/u;
-function fl(e) {
+const ul = 12, pl = 1.5, to = 1.4, no = 4, fl = 20, oo = 220, io = 2, ro = new RegExp("\\p{Sentence_Terminal}", "u"), hl = /[.!?]/u, ao = /\s/u;
+function gl(e) {
   const t = Array.from(e);
   let i = 0, o = 0, r = 0;
   for (; o < t.length; ) {
@@ -5930,31 +5946,31 @@ function fl(e) {
     let s = o;
     for (; s + 1 < t.length && ro.test(t[s + 1]); )
       s += 1;
-    const p = t[s + 1], u = pl.test(t[s]);
+    const p = t[s + 1], u = hl.test(t[s]);
     o = s + 1, (!u || p === void 0 || ao.test(p)) && (i += 1, r = o);
   }
   return t.slice(r).some((s) => !ao.test(s)) ? i + 1 : i;
 }
-function hl(e) {
+function ml(e) {
   return Array.from(e).length;
 }
-function gl(e, t) {
+function xl(e, t) {
   if (e !== "reading" || typeof t != "string")
     return;
-  const i = hl(t);
+  const i = ml(t);
   if (i > oo)
     return `ProseBlock was given a reading of ${String(i)} characters, and a reading is at most ${String(oo)} characters. Shorten it, or it has stopped being a reading and become an explanation.`;
-  const o = fl(t);
+  const o = gl(t);
   if (o > io)
     return `ProseBlock was given a reading of ${String(o)} sentences, and a reading is at most ${String(io)} sentences. Delete any sentence that repeats what is already on screen, and move the rest into an InfoCircle.`;
 }
-function ml(e, t) {
+function bl(e, t) {
   if (!(t === void 0 || e === "runRecord"))
     return `ProseBlock was given onDetails on the "${e}" shape, and it belongs to "runRecord". A reading and a departure line carry no chevron, so the handler is ignored.`;
 }
-function ic({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
+function ac({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
   const a = fe(), s = Qe(), p = ue();
-  Be(gl(e, t)), Be(ml(e, i));
+  $e(xl(e, t)), $e(bl(e, i));
   const u = Ze(r, o);
   return e === "reading" ? /* @__PURE__ */ n(
     De,
@@ -5963,8 +5979,8 @@ function ic({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
       "data-testid": "prose-block",
       "data-variant": e,
       style: {
-        fontSize: cl,
-        lineHeight: dl,
+        fontSize: ul,
+        lineHeight: pl,
         color: x.PROSE
       },
       children: t
@@ -6025,7 +6041,7 @@ function ic({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
         display: "flex",
         alignItems: "center",
         gap: no,
-        blockSize: ul
+        blockSize: fl
       },
       children: [
         /* @__PURE__ */ n(
@@ -6070,7 +6086,7 @@ function ic({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
             children: /* @__PURE__ */ n(
               pe,
               {
-                name: ze(s) ? "chevronLeft" : "chevronRight",
+                name: Ce(s) ? "chevronLeft" : "chevronRight",
                 size: c.CHEVRON
               }
             )
@@ -6080,7 +6096,7 @@ function ic({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
     }
   );
 }
-const sn = 4, xl = 4, bl = `polygon(0 calc(100% - ${xl}px), 100% 0, 100% 100%, 0 100%)`, vl = 120, yl = `linear-gradient(to right, ${x.SURFACE}, ${x.ACCENT})`, wl = {
+const sn = 4, vl = 4, yl = `polygon(0 calc(100% - ${vl}px), 100% 0, 100% 100%, 0 100%)`, wl = 120, Sl = `linear-gradient(to right, ${x.SURFACE}, ${x.ACCENT})`, El = {
   sqrt: "scaleSqrt",
   linear: "scaleLinear",
   log: "scaleLog"
@@ -6090,7 +6106,7 @@ const sn = 4, xl = 4, bl = `polygon(0 calc(100% - ${xl}px), 100% 0, 100% 100%, 0
   color: x.CHROME,
   whiteSpace: "nowrap"
 };
-function rc({
+function sc({
   min: e,
   max: t,
   label: i,
@@ -6102,19 +6118,19 @@ function rc({
   onScaleClick: u,
   trailing: d
 }) {
-  const f = fe(), g = Qe(), m = ue(), v = o === "color", z = a === void 0 ? void 0 : wl[a], C = z === void 0 ? void 0 : f[z], T = `${m}-label`, P = `${m}-min`, E = `${m}-max`, y = `${m}-scale`, R = [
+  const f = fe(), g = Qe(), m = ue(), v = o === "color", C = a === void 0 ? void 0 : El[a], z = C === void 0 ? void 0 : f[C], T = `${m}-label`, P = `${m}-min`, E = `${m}-max`, y = `${m}-scale`, R = [
     i === void 0 ? void 0 : T,
     P,
     E,
-    C === void 0 ? void 0 : y
+    z === void 0 ? void 0 : y
   ].filter((k) => k !== void 0);
   let L = null;
-  z !== void 0 && C !== void 0 && (u === void 0 ? L = /* @__PURE__ */ n(
+  C !== void 0 && z !== void 0 && (u === void 0 ? L = /* @__PURE__ */ n(
     h,
     {
       "data-testid": "ramp-row-scale",
       "aria-hidden": "true",
-      title: C,
+      title: z,
       style: {
         flex: "0 0 auto",
         width: c.TRAIL,
@@ -6124,9 +6140,9 @@ function rc({
         justifyContent: "center",
         color: x.CHROME
       },
-      children: /* @__PURE__ */ n(xt, { name: z })
+      children: /* @__PURE__ */ n(xt, { name: C })
     }
-  ) : L = /* @__PURE__ */ n(Fa, { label: C, icon: /* @__PURE__ */ n(xt, { name: z }), onClick: u }));
+  ) : L = /* @__PURE__ */ n(Ba, { label: z, icon: /* @__PURE__ */ n(xt, { name: C }), onClick: u }));
   const O = Tt(d) ? d : L;
   return /* @__PURE__ */ S(
     h,
@@ -6166,19 +6182,19 @@ function rc({
                   "aria-hidden": "true",
                   style: {
                     flex: "1 1 auto",
-                    minWidth: vl,
+                    minWidth: wl,
                     height: c.GLYPH,
                     boxSizing: "border-box",
-                    background: v ? r ?? yl : x.CHROME,
+                    background: v ? r ?? Sl : x.CHROME,
                     borderRadius: v ? "var(--mantine-radius-xs)" : void 0,
                     border: v ? `1px solid ${x.BORDER}` : void 0,
-                    clipPath: v ? void 0 : bl,
-                    ...ma(g)
+                    clipPath: v ? void 0 : yl,
+                    ...ba(g)
                   }
                 }
               ),
               /* @__PURE__ */ n(De, { span: !0, size: "sm", id: E, "data-testid": "ramp-row-max", style: so, children: t }),
-              C !== void 0 && /* @__PURE__ */ n(Te, { "data-testid": "ramp-row-a11y-scale", id: y, children: C })
+              z !== void 0 && /* @__PURE__ */ n(Te, { "data-testid": "ramp-row-a11y-scale", id: y, children: z })
             ]
           }
         ),
@@ -6197,8 +6213,8 @@ function rc({
     }
   );
 }
-const Sl = 4, El = `${String(c.TOGGLE_PITCH)}px`, Il = 2;
-function ac({
+const Il = 4, Tl = `${String(c.TOGGLE_PITCH)}px`, Cl = 2;
+function lc({
   label: e,
   checked: t,
   defaultChecked: i,
@@ -6212,13 +6228,13 @@ function ac({
   onFocus: f,
   onBlur: g
 }) {
-  const m = fe(), [v, z] = ae({
+  const m = fe(), [v, C] = ae({
     value: t,
     defaultValue: i,
     finalValue: !1,
     onChange: o
-  }), C = (L) => {
-    z(L.currentTarget.checked, L);
+  }), z = (L) => {
+    C(L.currentTarget.checked, L);
   }, T = {
     root: { flex: "1 1 auto", minWidth: 0 },
     body: { alignItems: "center", minWidth: 0 },
@@ -6227,9 +6243,9 @@ function ac({
       display: "block",
       height: c.TOGGLE_PITCH,
       // Logical, so the word sits after the control in both directions.
-      paddingInlineStart: Sl,
+      paddingInlineStart: Il,
       fontSize: "var(--mantine-font-size-sm)",
-      lineHeight: El,
+      lineHeight: Tl,
       color: s ? x.DISABLED : x.VALUE,
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -6279,7 +6295,7 @@ function ac({
             checked: v,
             disabled: s,
             "aria-describedby": E.describedBy,
-            onChange: C,
+            onChange: z,
             onFocus: f,
             onBlur: g,
             wrapperProps: y,
@@ -6293,7 +6309,7 @@ function ac({
             checked: v,
             disabled: s,
             "aria-describedby": E.describedBy,
-            onChange: C,
+            onChange: z,
             onFocus: f,
             onBlur: g,
             wrapperProps: y,
@@ -6307,10 +6323,10 @@ function ac({
     }
   );
 }
-function sc({ children: e, label: t, labelledBy: i }) {
+function cc({ children: e, label: t, labelledBy: i }) {
   const o = Ie.Children.toArray(e).length;
-  return Be(
-    o < Il ? `ToggleRowGroup was given ${String(o)} ${o === 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
+  return $e(
+    o < Cl ? `ToggleRowGroup was given ${String(o)} ${o === 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__ */ n(
     h,
     {
@@ -6327,16 +6343,16 @@ function sc({ children: e, label: t, labelledBy: i }) {
     }
   );
 }
-function lc(e = "dark") {
-  return Ai(e);
+function dc(e = "dark") {
+  return Oi(e);
 }
-const cc = {
+const uc = {
   xs: wt(4),
   sm: wt(8),
   md: wt(16),
   lg: wt(24),
   xl: wt(32)
-}, dc = {
+}, pc = {
   /** Standard compact component height (inputs, buttons, icons) in pixels */
   HEIGHT: 24,
   /** Standard compact font size in pixels */
@@ -6347,81 +6363,81 @@ const cc = {
   SECTION_GAP: 4
 };
 export {
-  Xl as ActionRow,
-  Fa as AdvancedButton,
-  dc as COMPACT_SIZING,
-  _a as CompactColorInput,
-  tc as CompoundRow,
-  Vl as ControlGroup,
-  $l as ControlSection,
-  Bl as ControlSubGroup,
+  Zl as ActionRow,
+  Ba as AdvancedButton,
+  pc as COMPACT_SIZING,
+  Na as CompactColorInput,
+  oc as CompoundRow,
+  $l as ControlGroup,
+  Ul as ControlSection,
+  Wl as ControlSubGroup,
   qt as DEFAULT_GRADIENT_STOP_COLOR,
-  ql as DataRow,
-  Zl as DataRowHeader,
-  Ul as DataTable,
-  Jr as FIELD_GLYPH_NAMES,
-  Qr as FIELD_LETTERS,
+  Jl as DataRow,
+  Ql as DataRowHeader,
+  Yl as DataTable,
+  ea as FIELD_GLYPH_NAMES,
+  ta as FIELD_LETTERS,
   xt as FieldGlyph,
-  nc as FieldRow,
-  Wl as GradientEditor,
-  Jl as HistogramRow,
-  oc as IconGroupRow,
-  Ma as InfoCircle,
-  _l as LabelsProvider,
-  cc as MANTINE_SPACING,
+  ic as FieldRow,
+  jl as GradientEditor,
+  ec as HistogramRow,
+  rc as IconGroupRow,
+  Va as InfoCircle,
+  Nl as LabelsProvider,
+  uc as MANTINE_SPACING,
   Io as MAX_ALPHA_HEX,
   To as MAX_OPACITY_PERCENT,
-  ec as MetricRow,
+  nc as MetricRow,
   c as PANEL_GRID,
   x as PANEL_INK,
-  mr as POPOUT_GAP,
-  xr as POPOUT_NESTED_GAP,
+  br as POPOUT_GAP,
+  vr as POPOUT_NESTED_GAP,
   Pn as POPOUT_Z_INDEX_BASE,
-  Xs as PanelField,
-  Gs as PanelLabelsProvider,
+  Zs as PanelField,
+  Fs as PanelLabelsProvider,
   st as Popout,
-  Fl as PopoutButton,
-  Ta as PopoutManager,
-  Gl as PopoutRegion,
-  ic as ProseBlock,
-  rc as RampRow,
+  Bl as PopoutButton,
+  za as PopoutManager,
+  Fl as PopoutRegion,
+  ac as ProseBlock,
+  sc as RampRow,
   Ho as RankChip,
-  Gr as SWATCH_COLORS_HEXA,
-  Ql as SparklineRow,
-  Yl as StyleNumberInput,
-  jl as StyleSelect,
-  ac as ToggleRow,
-  sc as ToggleRowGroup,
-  Kl as ToggleWithContent,
+  Fr as SWATCH_COLORS_HEXA,
+  tc as SparklineRow,
+  Kl as StyleNumberInput,
+  Xl as StyleSelect,
+  lc as ToggleRow,
+  cc as ToggleRowGroup,
+  ql as ToggleWithContent,
   ke as TrailingSlot,
-  Hl as UI_GLYPH_NAMES,
+  Dl as UI_GLYPH_NAMES,
   pe as UiGlyph,
-  ji as compactColors,
-  Yi as compactDarkColors,
-  Ol as compactTheme,
-  kr as compactThemeOverride,
+  Xi as compactColors,
+  Ki as compactDarkColors,
+  Hl as compactTheme,
+  Mr as compactThemeOverride,
   fn as createColorStop,
-  cs as createDefaultGradientStops,
-  Mr as defaultLabels,
+  us as createDefaultGradientStops,
+  Vr as defaultLabels,
   It as getActivationMeta,
   So as isFieldGlyphName,
   Eo as isFieldLetter,
-  ze as isRtl,
-  kl as isValidHex,
-  Co as opacityToAlphaHex,
-  zo as parseAlphaFromHexa,
-  Nl as parseHexaColor,
-  Xr as parseLocaleNumber,
-  Dl as toHexaColor,
-  lc as useActualColorScheme,
-  Zr as useCollator,
+  Ce as isRtl,
+  Ml as isValidHex,
+  zo as opacityToAlphaHex,
+  Co as parseAlphaFromHexa,
+  kl as parseHexaColor,
+  Zr as parseLocaleNumber,
+  Gl as toHexaColor,
+  dc as useActualColorScheme,
+  Qr as useCollator,
   Qe as useDirection,
   fe as useLabels,
   ct as useLocale,
   bt as useNumberFormatter,
   yo as useNumberParser,
-  qr as useOrdinalFormatter,
+  Jr as useOrdinalFormatter,
   jt as usePanelLabels,
-  Ml as usePopoutManager,
-  ca as usePopoutRegion
+  Vl as usePopoutManager,
+  ua as usePopoutRegion
 };