@graphty/compact-mantine 0.8.5 → 0.8.7

package/dist/index.js

@@ -1,10 +1,10 @@
-import { DEFAULT_THEME as lo, CloseButton as co, ActionIcon as Pe, Button as jo, RangeSlider as Ko, Radio as Xo, Slider as ln, Switch as uo, Checkbox as gn, SegmentedControl as mn, Kbd as qo, Indicator as Zo, ThemeIcon as Jo, Avatar as Qo, Pill as ei, Badge as po, Text as De, RingProgress as ti, Progress as cn, Loader as ni, InputClearButton as oi, JsonInput as ii, FileInput as ri, PillsInput as ai, TagsInput as si, MultiSelect as li, Autocomplete as ci, PasswordInput as di, Textarea as ui, Select as xn, NumberInput as $t, TextInput as Bt, Tabs as pi, Stepper as fi, Pagination as hi, NavLink as gi, Burger as mi, Anchor as xi, HoverCard as bi, Popover as vi, Tooltip as yi, Menu as wi, mergeMantineTheme as Si, createTheme as Ei, Box as h, useDirection as Ii, Group as qe, VisuallyHidden as Te, Paper as Ti, ColorSwatch as zi, ColorPicker as Ci, Divider as bn, Stack as Et, UnstyledButton as Je, Collapse as Pi, Accordion as Lt, Table as rt, useComputedColorScheme as Ri, 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 $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 { jsx as n, jsxs as S, Fragment as q } from "react/jsx-runtime";
-import { useUncontrolled as ae, useIsomorphicEffect as Ai, useHover as fo, useMediaQuery as ho } from "@mantine/hooks";
-import Ie, { useContext as Oe, 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 _e, forwardRef as Ut, useLayoutEffect as Li, useImperativeHandle as _i } from "react";
-import { createPortal as Oi } from "react-dom";
-import { useTable as Hi, functionalUpdate as _t, tableFeatures as Ni, rowSortingFeature as Di, rowSelectionFeature as ki, globalFilteringFeature as Gi, columnVisibilityFeature as Mi, columnOrderingFeature as Fi, columnFilteringFeature as Vi, createSortedRowModel as $i, createFilteredRowModel as Bi } from "@tanstack/react-table";
-import { useVirtualizer as Ui } from "@tanstack/react-virtual";
+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";
 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)"
-}, Wi = [
+}, Yi = [
   "#d5d7da",
   // 0 - lightest (light mode text)
   "#a3a8b1",
@@ -235,10 +235,10 @@ const c = {
   // 8
   "#0d1117"
   // 9 - darkest (main background)
-], Yi = {
+], ji = {
   ...lo.colors,
-  dark: Wi
-}, ji = {
+  dark: Yi
+}, Ki = {
   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" }
   }
-}, Ki = {
+}, Xi = {
   compactSize: "sm",
   sizes: {
     xs: { "--ai-size": "18px" },
@@ -257,7 +257,7 @@ const c = {
     xl: { "--ai-size": "44px" }
   }
 };
-function Xi(e) {
+function qi(e) {
   return e === "light" ? { "--ai-bd": "1px solid var(--ai-color)" } : {};
 }
 const xo = {
@@ -274,13 +274,13 @@ function B(e, t) {
   const i = t == null ? e.compactSize : String(t);
   return e.sizes[i] ?? e.sizes[e.compactSize];
 }
-const qi = {
-  Button: jo.extend({
+const Zi = {
+  Button: Ko.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(ji, t == null ? void 0 : t.size)
+      root: B(Ki, t == null ? void 0 : t.size)
     })
   }),
   ActionIcon: Pe.extend({
@@ -290,8 +290,8 @@ const qi = {
     },
     vars: (e, t) => ({
       root: {
-        ...B(Ki, t == null ? void 0 : t.size),
-        ...Xi(t == null ? void 0 : t.variant)
+        ...B(Xi, t == null ? void 0 : t.size),
+        ...qi(t == null ? void 0 : t.variant)
       }
     })
   }),
@@ -303,7 +303,7 @@ const qi = {
       root: B(xo, t == null ? void 0 : t.size)
     })
   })
-}, Zi = {
+}, Ji = {
   compactSize: "sm",
   sizes: {
     xs: {
@@ -342,7 +342,7 @@ const qi = {
       "--switch-label-font-size": "11px"
     }
   }
-}, Ji = {
+}, Qi = {
   compactSize: "sm",
   sizes: {
     xs: { "--checkbox-size": "12px" },
@@ -351,7 +351,7 @@ const qi = {
     lg: { "--checkbox-size": "24px" },
     xl: { "--checkbox-size": "28px" }
   }
-}, Qi = {
+}, er = {
   compactSize: "sm",
   sizes: {
     xs: { "--radio-size": "12px", "--radio-icon-size": "5px" },
@@ -369,7 +369,7 @@ const qi = {
     lg: { "--slider-size": "8px", "--slider-thumb-size": "20px" },
     xl: { "--slider-size": "10px", "--slider-thumb-size": "24px" }
   }
-}, er = {
+}, tr = {
   compactSize: "sm",
   sizes: {
     xs: { "--sc-font-size": "9px", "--sc-padding": "2px 6px" },
@@ -378,27 +378,27 @@ const qi = {
     lg: { "--sc-font-size": "14px", "--sc-padding": "8px 12px" },
     xl: { "--sc-font-size": "16px", "--sc-padding": "10px 16px" }
   }
-}, tr = {
-  backgroundColor: "transparent"
 }, nr = {
+  backgroundColor: "transparent"
+}, or = {
   backgroundColor: "light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6))"
 }, Kt = {
   fontSize: 11
 }, Cn = {
   fontSize: 10,
   marginTop: 2
-}, or = {
+}, ir = {
   SegmentedControl: mn.extend({
     defaultProps: {
       size: "sm",
       withItemsBorders: !1
     },
     vars: (e, t) => ({
-      root: B(er, t == null ? void 0 : t.size)
+      root: B(tr, t == null ? void 0 : t.size)
     }),
     styles: {
-      root: tr,
-      indicator: nr
+      root: nr,
+      indicator: or
     }
   }),
   Checkbox: gn.extend({
@@ -406,7 +406,7 @@ const qi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Ji, t == null ? void 0 : t.size)
+      root: B(Qi, t == null ? void 0 : t.size)
     }),
     styles: {
       label: Kt
@@ -417,7 +417,7 @@ const qi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Zi, t == null ? void 0 : t.size)
+      root: B(Ji, t == null ? void 0 : t.size)
     }),
     styles: {
       label: Kt
@@ -434,18 +434,18 @@ const qi = {
       markLabel: Cn
     }
   }),
-  Radio: Xo.extend({
+  Radio: qo.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Qi, t == null ? void 0 : t.size)
+      root: B(er, t == null ? void 0 : t.size)
     }),
     styles: {
       label: Kt
     }
   }),
-  RangeSlider: Ko.extend({
+  RangeSlider: Xo.extend({
     defaultProps: {
       size: "sm"
     },
@@ -456,7 +456,7 @@ const qi = {
       markLabel: Cn
     }
   })
-}, ir = {
+}, rr = {
   compactSize: "sm",
   sizes: {
     xs: { "--badge-height": "12px", "--badge-fz": "8px", "--badge-padding-x": "3px" },
@@ -465,7 +465,7 @@ const qi = {
     lg: { "--badge-height": "22px", "--badge-fz": "13px", "--badge-padding-x": "8px" },
     xl: { "--badge-height": "26px", "--badge-fz": "15px", "--badge-padding-x": "10px" }
   }
-}, rr = {
+}, ar = {
   compactSize: "sm",
   sizes: {
     xs: { "--avatar-size": "18px" },
@@ -474,7 +474,7 @@ const qi = {
     lg: { "--avatar-size": "36px" },
     xl: { "--avatar-size": "44px" }
   }
-}, ar = {
+}, sr = {
   compactSize: "sm",
   sizes: {
     xs: { "--ti-size": "18px" },
@@ -483,7 +483,7 @@ const qi = {
     lg: { "--ti-size": "36px" },
     xl: { "--ti-size": "44px" }
   }
-}, sr = {
+}, lr = {
   compactSize: "sm",
   sizes: {
     xs: { "--indicator-size": "6px" },
@@ -492,7 +492,7 @@ const qi = {
     lg: { "--indicator-size": "12px" },
     xl: { "--indicator-size": "14px" }
   }
-}, lr = {
+}, cr = {
   compactSize: "sm",
   sizes: {
     xs: { "--kbd-fz": "9px", "--kbd-padding": "1px 3px" },
@@ -501,7 +501,7 @@ const qi = {
     lg: { "--kbd-fz": "14px", "--kbd-padding": "4px 8px" },
     xl: { "--kbd-fz": "16px", "--kbd-padding": "5px 10px" }
   }
-}, cr = {
+}, dr = {
   compactSize: "sm",
   sizes: {
     xs: { "--pill-height": "14px", "--pill-fz": "9px" },
@@ -510,7 +510,7 @@ const qi = {
     lg: { "--pill-height": "24px", "--pill-fz": "14px" },
     xl: { "--pill-height": "28px", "--pill-fz": "16px" }
   }
-}, dr = {
+}, ur = {
   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,50 +521,50 @@ const qi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(ir, t == null ? void 0 : t.size)
+      root: B(rr, t == null ? void 0 : t.size)
     })
   }),
-  Pill: ei.extend({
+  Pill: ti.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(cr, t == null ? void 0 : t.size)
+      root: B(dr, t == null ? void 0 : t.size)
     })
   }),
-  Avatar: Qo.extend({
+  Avatar: ei.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(rr, t == null ? void 0 : t.size)
+      root: B(ar, t == null ? void 0 : t.size)
     })
   }),
-  ThemeIcon: Jo.extend({
+  ThemeIcon: Qo.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(ar, t == null ? void 0 : t.size)
+      root: B(sr, t == null ? void 0 : t.size)
     })
   }),
-  Indicator: Zo.extend({
+  Indicator: Jo.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(sr, t == null ? void 0 : t.size)
+      root: B(lr, t == null ? void 0 : t.size)
     })
   }),
-  Kbd: qo.extend({
+  Kbd: Zo.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(lr, t == null ? void 0 : t.size)
+      root: B(cr, t == null ? void 0 : t.size)
     })
   })
-}, ur = {
+}, pr = {
   compactSize: "sm",
   sizes: {
     xs: { "--loader-size": "14px" },
@@ -573,7 +573,7 @@ const qi = {
     lg: { "--loader-size": "30px" },
     xl: { "--loader-size": "38px" }
   }
-}, pr = {
+}, fr = {
   compactSize: "sm",
   sizes: {
     xs: { "--progress-size": "2px" },
@@ -582,17 +582,17 @@ const qi = {
     lg: { "--progress-size": "8px" },
     xl: { "--progress-size": "10px" }
   }
-}, fr = {
+}, hr = {
   label: {
     fontSize: 9
   }
-}, hr = {
-  Loader: ni.extend({
+}, gr = {
+  Loader: oi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(ur, t == null ? void 0 : t.size)
+      root: B(pr, t == null ? void 0 : t.size)
     })
   }),
   Progress: cn.extend({
@@ -600,18 +600,18 @@ const qi = {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(pr, t == null ? void 0 : t.size)
+      root: B(fr, t == null ? void 0 : t.size)
     }),
-    styles: fr
+    styles: hr
   }),
   // Note: RingProgress uses numeric size directly in SVG calculations,
   // so we can't use CSS variables or string size prop.
   // Use size={48} in components for compact-equivalent sizing.
-  RingProgress: ti.extend({
+  RingProgress: ni.extend({
     // No defaultProps - RingProgress requires numeric size
     // Use size={48} in your components for compact sizing
   })
-}, Pn = 1e3, Xe = 1100, gr = 8, mr = 4, bo = "light-dark(var(--mantine-primary-color-filled), var(--mantine-primary-color-5))", Wt = {
+}, Pn = 1e3, Xe = 1100, mr = 8, xr = 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
@@ -657,7 +657,7 @@ const qi = {
 }, Rn = {
   label: gt,
   input: vn
-}, Ot = {
+}, _t = {
   dropdown: {
     padding: 4,
     border: "none",
@@ -731,7 +731,7 @@ const St = {
     lg: Ht("15px"),
     xl: Ht("17px")
   }
-}, xr = {
+}, br = {
   compactSize: "sm",
   sizes: {
     xs: { ...Ce("20px", "10px"), "--input-right-section-width": "20px" },
@@ -740,7 +740,7 @@ const St = {
     lg: { ...Ce("36px", "15px"), "--input-right-section-width": "36px" },
     xl: { ...Ce("44px", "17px"), "--input-right-section-width": "44px" }
   }
-}, br = {
+}, vr = {
   compactSize: "sm",
   sizes: {
     xs: { "--ni-chevron-size": "8px" },
@@ -749,7 +749,7 @@ const St = {
     lg: { "--ni-chevron-size": "14px" },
     xl: { "--ni-chevron-size": "16px" }
   }
-}, vr = {
+}, yr = {
   compactSize: "sm",
   sizes: {
     xs: { ...Ce("20px", "10px"), "--combobox-chevron-size": "10px" },
@@ -758,7 +758,7 @@ const St = {
     lg: { ...Ce("36px", "15px"), "--combobox-chevron-size": "16px" },
     xl: { ...Ce("44px", "17px"), "--combobox-chevron-size": "18px" }
   }
-}, yr = {
+}, wr = {
   TextInput: Bt.extend({
     defaultProps: {
       size: "sm",
@@ -777,8 +777,8 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(xr, t == null ? void 0 : t.size),
-      controls: B(br, t == null ? void 0 : t.size)
+      wrapper: B(br, t == null ? void 0 : t.size),
+      controls: B(vr, t == null ? void 0 : t.size)
     }),
     styles: {
       label: gt,
@@ -800,10 +800,10 @@ const St = {
     }),
     styles: {
       ...ht,
-      ...Ot
+      ..._t
     }
   }),
-  Textarea: ui.extend({
+  Textarea: pi.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
@@ -814,7 +814,7 @@ const St = {
     }),
     styles: Rn
   }),
-  PasswordInput: di.extend({
+  PasswordInput: ui.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
@@ -833,7 +833,7 @@ const St = {
       }
     }
   }),
-  Autocomplete: ci.extend({
+  Autocomplete: di.extend({
     defaultProps: {
       size: "sm",
       variant: "filled",
@@ -845,10 +845,10 @@ const St = {
     }),
     styles: {
       ...ht,
-      ...Ot
+      ..._t
     }
   }),
-  MultiSelect: li.extend({
+  MultiSelect: ci.extend({
     defaultProps: {
       size: "sm",
       variant: "filled",
@@ -856,11 +856,11 @@ const St = {
     },
     vars: (e, t) => ({
       root: {},
-      wrapper: B(vr, t == null ? void 0 : t.size)
+      wrapper: B(yr, t == null ? void 0 : t.size)
     }),
     styles: {
       label: gt,
-      ...Ot,
+      ..._t,
       ...Xt,
       inputField: {
         minWidth: 60,
@@ -868,7 +868,7 @@ const St = {
       }
     }
   }),
-  TagsInput: si.extend({
+  TagsInput: li.extend({
     defaultProps: {
       size: "sm",
       variant: "filled",
@@ -880,7 +880,7 @@ const St = {
     }),
     styles: {
       label: gt,
-      ...Ot,
+      ..._t,
       ...Xt,
       inputField: {
         minWidth: 30,
@@ -888,7 +888,7 @@ const St = {
       }
     }
   }),
-  PillsInput: ai.extend({
+  PillsInput: si.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
@@ -902,7 +902,7 @@ const St = {
       ...Xt
     }
   }),
-  FileInput: ri.extend({
+  FileInput: ai.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
@@ -913,7 +913,7 @@ const St = {
     }),
     styles: ht
   }),
-  JsonInput: ii.extend({
+  JsonInput: ri.extend({
     defaultProps: {
       size: "sm",
       variant: "filled"
@@ -928,7 +928,7 @@ const St = {
   // from the same --cb-size / --cb-icon-size pair, so it shares
   // compactCloseButtonScale rather than repeating its numbers. Both default to
   // xs, that scale's compact entry.
-  InputClearButton: oi.extend({
+  InputClearButton: ii.extend({
     defaultProps: {
       size: "xs"
     },
@@ -936,7 +936,7 @@ const St = {
       root: B(xo, t == null ? void 0 : t.size)
     })
   })
-}, wr = {
+}, Sr = {
   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" }
   }
-}, Sr = {
+}, Er = {
   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" }
   }
-}, Er = {
+}, Ir = {
   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" }
   }
-}, Ir = {
+}, Tr = {
   root: {
     fontSize: 11
   }
-}, Tr = {
+}, zr = {
   root: {
     fontSize: 11,
     minHeight: 28
@@ -975,116 +975,116 @@ const St = {
   label: {
     fontSize: 11
   }
-}, zr = {
+}, Cr = {
   tab: {
     fontSize: 11,
     padding: "6px 10px"
   }
-}, Cr = {
-  Anchor: xi.extend({
+}, Pr = {
+  Anchor: bi.extend({
     defaultProps: {
       size: "sm"
     },
-    styles: Ir
+    styles: Tr
   }),
-  Burger: mi.extend({
+  Burger: xi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Er, t == null ? void 0 : t.size)
+      root: B(Ir, t == null ? void 0 : t.size)
     })
   }),
-  NavLink: gi.extend({
+  NavLink: mi.extend({
     // NavLink does not have a size prop, only styles for compact appearance
-    styles: Tr
+    styles: zr
   }),
-  Pagination: hi.extend({
+  Pagination: gi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(wr, t == null ? void 0 : t.size)
+      root: B(Sr, t == null ? void 0 : t.size)
     })
   }),
-  Stepper: fi.extend({
+  Stepper: hi.extend({
     defaultProps: {
       size: "sm"
     },
     vars: (e, t) => ({
-      root: B(Sr, t == null ? void 0 : t.size)
+      root: B(Er, t == null ? void 0 : t.size)
     })
   }),
-  Tabs: pi.extend({
+  Tabs: fi.extend({
     // Tabs does not have a size prop, only styles for compact appearance
-    styles: zr
+    styles: Cr
   })
-}, Pr = {
-  "--menu-item-fz": "11px"
 }, Rr = {
+  "--menu-item-fz": "11px"
+}, Ar = {
   tooltip: {
     fontSize: 11,
     padding: "4px 8px"
   }
-}, Ar = {
+}, Lr = {
   dropdown: {
     padding: 8
   }
-}, Lr = {
+}, Or = {
   dropdown: {
     padding: 8
   }
 }, _r = {
-  Menu: wi.extend({
+  Menu: Si.extend({
     defaultProps: {
       zIndex: Xe
     },
     vars: () => ({
-      dropdown: Pr
+      dropdown: Rr
     })
   }),
-  Tooltip: yi.extend({
+  Tooltip: wi.extend({
     defaultProps: {
       zIndex: Xe
     },
-    styles: Rr
+    styles: Ar
   }),
-  Popover: vi.extend({
+  Popover: yi.extend({
     defaultProps: {
       zIndex: Xe
     },
-    styles: Ar
+    styles: Lr
   }),
-  HoverCard: bi.extend({
+  HoverCard: vi.extend({
     defaultProps: {
       zIndex: Xe
     },
-    styles: Lr
+    styles: Or
   })
-}, Or = {
+}, Hr = {
   xs: "10px",
   sm: "11px",
   // Our compact default
   md: "13px",
   lg: "14px",
   xl: "16px"
-}, Hr = {
+}, Nr = {
   xs: "4px",
   sm: "6px",
   md: "8px",
   lg: "12px",
   xl: "16px"
-}, Nr = {
+}, Dr = {
   xs: "2px",
   sm: "4px",
   md: "6px",
   lg: "8px",
   xl: "12px"
-}, Dr = Ei({
-  colors: Yi,
-  fontSizes: Or,
-  spacing: Hr,
-  radius: Nr,
+}, kr = Ii({
+  colors: ji,
+  fontSizes: Hr,
+  spacing: Nr,
+  radius: Dr,
   // 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 +1100,15 @@ const St = {
   // Spread all component extensions into the theme
   // Each extension object provides compact size support for a category of components
   components: {
-    ...yr,
-    ...qi,
-    ...or,
-    ...dr,
-    ...hr,
-    ...Cr,
+    ...wr,
+    ...Zi,
+    ...ir,
+    ...ur,
+    ...gr,
+    ...Pr,
     ..._r
   }
-}), _l = Si(lo, Dr), kr = [
+}), Ol = Ei(lo, kr), Gr = [
   "#5B8FF9FF",
   "#FF6B6BFF",
   "#61D095FF",
@@ -1119,7 +1119,7 @@ const St = {
   "#61D09580",
   "#F7B73180",
   "#9B59B680"
-], qt = "#888888", Gr = {
+], qt = "#888888", Mr = {
   mixed: "Mixed",
   fieldBound: "Bound to a data attribute",
   fieldPending: "Set but not yet applied",
@@ -1175,39 +1175,39 @@ const St = {
         return `${e}th`;
     }
   }
-}, Mr = "en", dn = lt(Gr), un = lt(void 0);
-function Fr(e) {
-  return e !== void 0 && e !== "" ? e : typeof document < "u" && document.documentElement.lang !== "" ? document.documentElement.lang : typeof navigator < "u" && navigator.language !== "" ? navigator.language : Mr;
+}, 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;
 }
-function Ol({ labels: e, locale: t, children: i }) {
-  const o = Oe(dn), r = Oe(un), a = Z(() => ({ ...o, ...e }), [o, e]), s = t ?? r;
+function _l({ 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 }) });
 }
 function fe() {
-  return Oe(dn);
+  return _e(dn);
 }
 function ct() {
-  const e = Oe(un);
-  return Fr(e);
+  const e = _e(un);
+  return Vr(e);
 }
-const Vr = 1234.5, $r = "9876543210", Br = 9876543210, Ur = /* @__PURE__ */ new Set([" ", " ", " ", " ", "'", "’"]), Wr = "−", Yr = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/iu, An = /* @__PURE__ */ new Map();
-function jr(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) {
   var u, d;
   const t = An.get(e);
   if (t !== void 0)
     return t;
-  const i = new Intl.NumberFormat(e).formatToParts(Vr), 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($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();
   for (const f of "0123456789")
     a.set(f, f);
-  const s = new Intl.NumberFormat(e, { useGrouping: !1 }).format(Br);
+  const s = new Intl.NumberFormat(e, { useGrouping: !1 }).format(Ur);
   Array.from(s).forEach((f, g) => {
-    a.set(f, $r[g]);
+    a.set(f, Br[g]);
   });
   const p = { decimal: o, digits: a, group: r };
   return An.set(e, p), p;
 }
-function Kr(e, t) {
-  const i = jr(t);
+function Xr(e, t) {
+  const i = Kr(t);
   let o = "";
   for (const a of e.trim()) {
     const s = i.digits.get(a);
@@ -1219,8 +1219,8 @@ function Kr(e, t) {
       o += ".";
       continue;
     }
-    if (!(a === i.group || Ur.has(a))) {
-      if (a === "-" || a === Wr) {
+    if (!(a === i.group || Wr.has(a))) {
+      if (a === "-" || a === Yr) {
         o += "-";
         continue;
       }
@@ -1235,29 +1235,29 @@ function Kr(e, t) {
       break;
     }
   }
-  const r = Yr.exec(o);
+  const r = jr.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 Xr() {
+function qr() {
   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 qr(e) {
+function Zr(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) => Kr(t, e), [e]);
+  return F((t) => Xr(t, e), [e]);
 }
-const Zr = [
+const Jr = [
   "sizeSmallest",
   "sizeLargest",
   "width",
@@ -1266,7 +1266,7 @@ const Zr = [
   "scaleSqrt",
   "scaleLinear",
   "scaleLog"
-], Jr = ["N", "E", "W", "D", "K"], Hl = [
+], Qr = ["N", "E", "W", "D", "K"], Hl = [
   "chevronDown",
   "chevronRight",
   "chevronLeft",
@@ -1293,7 +1293,7 @@ const Zr = [
 }, $e = {
   fill: "currentColor",
   stroke: "none"
-}, Qr = {
+}, ea = {
   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 : {} })
@@ -1321,7 +1321,7 @@ const Zr = [
   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" })
-}, ea = {
+}, ta = {
   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 +1393,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: Qr[e](t)
+      children: ea[e](t)
     }
   );
 }
@@ -1408,15 +1408,15 @@ function pe({ name: e, size: t = c.GLYPH }) {
       focusable: "false",
       "data-glyph": e,
       style: { flex: "0 0 auto", display: "block" },
-      children: ea[e]
+      children: ta[e]
     }
   );
 }
 function So(e) {
-  return typeof e == "string" && Zr.includes(e);
+  return typeof e == "string" && Jr.includes(e);
 }
 function Eo(e) {
-  return typeof e == "string" && Jr.includes(e);
+  return typeof e == "string" && Qr.includes(e);
 }
 const Io = 255, To = 100;
 function zo(e) {
@@ -1449,7 +1449,7 @@ const Ft = {
   whiteSpace: "nowrap",
   border: 0
 };
-function ta(e, t) {
+function na(e, t) {
   const i = e === void 0 ? "" : e.trim();
   return i === "" ? t : `${/[.!?]$/u.test(i) ? i : `${i}.`} ${t}`;
 }
@@ -1466,16 +1466,16 @@ function vt({
   s !== void 0 && p.push(s);
   const u = p.length > 0 ? p.join(". ") : void 0;
   return {
-    title: s === void 0 ? t : ta(t ?? e, s),
+    title: s === void 0 ? t : na(t ?? e, s),
     description: u,
     describedBy: u === void 0 ? void 0 : a
   };
 }
 const Po = lt(null);
-function na() {
-  return Oe(Po);
+function oa() {
+  return _e(Po);
 }
-function oa({ children: e }) {
+function ia({ children: e }) {
   const t = X(null);
   if (!go(e))
     throw new Error("PopoutAnchor requires a single valid React element as its child");
@@ -1484,10 +1484,10 @@ function oa({ children: e }) {
   });
   return /* @__PURE__ */ n(Po.Provider, { value: { anchorRef: t }, children: o });
 }
-function ia({ children: e }) {
+function ra({ children: e }) {
   return /* @__PURE__ */ n(h, { p: "sm", children: e });
 }
-const ra = [
+const aa = [
   // Mantine portal containers
   "[data-portal]",
   // Combobox/Select dropdowns
@@ -1505,20 +1505,20 @@ const ra = [
   // Modal (just in case)
   "[data-modal]"
 ].join(", ");
-function aa(e, t = !0) {
+function sa(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(ra) || e();
+      r.closest('[role="dialog"]') || r.closest("[data-popout-trigger]") || r.closest("[data-popout-portal-container]") || r.closest(aa) || e();
     };
     return document.addEventListener("mousedown", i), () => {
       document.removeEventListener("mousedown", i);
     };
   }, [e, t]);
 }
-function sa(e, t = !0) {
+function la(e, t = !0) {
   Ee(() => {
     if (!t)
       return;
@@ -1534,27 +1534,31 @@ const Ro = lt(null);
 function Gl({ id: e, children: t }) {
   return /* @__PURE__ */ n(Ro.Provider, { value: e, children: t });
 }
-function la() {
-  return Oe(Ro);
+function ca() {
+  return _e(Ro);
 }
 const yn = lt(null), wn = lt(null);
 function Yt() {
-  const e = Oe(yn);
+  const e = _e(yn);
   if (!e)
     throw new Error("usePopoutContext must be used within a Popout component");
   return e;
 }
-function ca() {
-  return Oe(yn);
-}
 function da() {
-  const e = Oe(wn);
+  return _e(yn);
+}
+function Ao() {
+  const e = _e(wn);
   if (!e)
     throw new Error("usePopoutManagerContext must be used within a PopoutManager");
   return e;
 }
 function ua() {
-  return Oe(wn);
+  return _e(wn);
+}
+function Ml() {
+  const { closeAll: e, hasOpenPopouts: t } = Ao();
+  return Z(() => ({ closeAll: e, hasOpenPopouts: t }), [e, t]);
 }
 function pa({
   children: e,
@@ -1563,7 +1567,7 @@ function pa({
   defaultOpened: o,
   onOpenChange: r
 }) {
-  const a = ue(), s = X(null), p = la(), [u, d] = ae({
+  const a = ue(), s = X(null), p = ca(), [u, d] = ae({
     value: i,
     defaultValue: o,
     finalValue: !1,
@@ -1612,7 +1616,7 @@ function pa({
   return /* @__PURE__ */ n(yn.Provider, { value: C, children: e });
 }
 function fa({ children: e }) {
-  const [t, i] = _e(null), o = X([]), r = X(/* @__PURE__ */ new Map()), a = X(/* @__PURE__ */ new Map()), s = X(/* @__PURE__ */ new Map()), [p, u] = _e(0), d = F(
+  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,
     []
   ), f = F((b, w) => o.current.filter((N) => d(N, b, w)), [d]), g = F((b) => {
@@ -1689,15 +1693,15 @@ function fa({ children: e }) {
       const G = r.current.get(N);
       G == null || G();
     }
-  }, [R]), _ = F((b) => {
+  }, [R]), O = F((b) => {
     L(b);
     const w = r.current.get(b);
     w == null || w();
   }, [L]), k = F((b, w) => {
     const N = s.current.get(b) ?? null;
     for (const G of o.current)
-      G !== b && d(G, w, N) && _(G);
-  }, [_, d]), W = F(() => {
+      G !== b && d(G, w, N) && O(G);
+  }, [O, d]), W = F(() => {
     const b = o.current;
     if (b.length === 0)
       return;
@@ -1709,10 +1713,10 @@ function fa({ children: e }) {
       const N = r.current.get(w);
       N == null || N();
     }
-  }, []), D = F(() => o.current.length > 0, []), [Y, A] = _e(!1);
+  }, []), D = F(() => o.current.length > 0, []), [Y, A] = Oe(!1);
   Ee(() => {
     A(o.current.length > 0);
-  }, [p]), sa(W, Y), aa(V, Y);
+  }, [p]), la(W, Y), sa(V, Y);
   const H = Z(
     () => ({
       register: z,
@@ -1724,13 +1728,13 @@ function fa({ children: e }) {
       closeFocused: W,
       closeAll: V,
       hasOpenPopouts: D,
-      closeWithDescendants: _,
+      closeWithDescendants: O,
       closeDescendants: L,
       closeSiblings: k,
       getParentId: E,
       isAncestor: y
     }),
-    [z, C, T, P, t, p, W, V, D, _, L, k, E, y]
+    [z, C, T, P, t, p, W, V, D, O, L, k, E, y]
   );
   return /* @__PURE__ */ S(wn.Provider, { value: H, children: [
     e,
@@ -1738,7 +1742,7 @@ function fa({ children: e }) {
   ] });
 }
 function Qe() {
-  return Ii().dir;
+  return Ti().dir;
 }
 function ze(e) {
   return e === "rtl";
@@ -1760,7 +1764,7 @@ function xa(e) {
     onDragStart: o,
     onDrag: r,
     onDragEnd: a
-  } = e, [s, p] = _e({ left: 0, top: 0 }), u = X(!1), d = X(!1), f = X(!1), g = X({
+  } = e, [s, p] = Oe({ left: 0, top: 0 }), u = X(!1), d = X(!1), f = X(!1), g = X({
     x: 0,
     y: 0,
     offsetLeft: 0,
@@ -1905,7 +1909,7 @@ function ba({
 function va(e, t = document) {
   return e === null ? null : t.querySelector(`[data-popout-id="${e}"]`);
 }
-function _n(e, t, i) {
+function On(e, t, i) {
   const { trigger: o, parent: r, panel: a } = i;
   if (e !== void 0) {
     if (typeof e == "object")
@@ -1928,7 +1932,7 @@ function _n(e, t, i) {
 function ya(e, t) {
   return e === "start" ? ze(t) ? "right" : "left" : e === "end" ? ze(t) ? "left" : "right" : e;
 }
-function wa(e, t, i = gr, o = {}) {
+function wa(e, t, i = mr, o = {}) {
   const {
     placement: r = "left",
     alignment: a = "start",
@@ -1939,10 +1943,10 @@ function wa(e, t, i = gr, o = {}) {
   let d, f;
   switch (r) {
     case "left":
-      d = e.left - t - i, f = On(p, a, s);
+      d = e.left - t - i, f = _n(p, a, s);
       break;
     case "right":
-      d = e.right + i, f = On(p, a, s);
+      d = e.right + i, f = _n(p, a, s);
       break;
     case "top":
       d = Hn(p, a, t, u), f = e.top - s - i;
@@ -1957,7 +1961,7 @@ function wa(e, t, i = gr, o = {}) {
   }
   return { left: d, top: f };
 }
-function On(e, t, i) {
+function _n(e, t, i) {
   switch (t) {
     case "start":
       return e.top;
@@ -2011,14 +2015,14 @@ function Sa(e) {
     parentId: R,
     region: L
   } = Yt(), {
-    getZIndex: _,
+    getZIndex: O,
     portalContainer: k,
     register: W,
     unregister: V,
     bringToFront: D,
     zIndexVersion: Y,
     closeDescendants: A
-  } = da(), H = na(), b = Qe(), w = ue(), N = `popout-panel-${y}`, G = `popout-title-${w}`, [J, Q] = _e(null), ve = X(!1), ne = X(null), de = F(() => {
+  } = 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(() => {
     D(y);
   }, [D, y]), {
     dragTriggerProps: re,
@@ -2032,7 +2036,7 @@ function Sa(e) {
     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] = _e(be), dt = f ?? (R === null ? 0 : mr), tt = F(
+  }), 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) => {
       var ie;
       Ue($), (ie = ee == null ? void 0 : ee.onTabChange) == null || ie.call(ee, $, oe);
@@ -2065,8 +2069,8 @@ function Sa(e) {
       panel: (H == null ? void 0 : H.anchorRef.current) ?? null
     };
     return {
-      inline: _n(s, "x", $),
-      block: _n(p, "y", $)
+      inline: On(s, "x", $),
+      block: On(p, "y", $)
     };
   }, [E, R, H, s, p]), Ye = F(() => {
     var ft;
@@ -2087,7 +2091,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 (Ai(() => {
+  if (Li(() => {
     if (!T) {
       Q(null);
       return;
@@ -2129,11 +2133,11 @@ function Sa(e) {
     ve.current = T;
   }, [T]), !T || !k)
     return null;
-  const nt = _(y), ut = {
+  const nt = O(y), ut = {
     left: ((J == null ? void 0 : J.left) ?? 0) + j.left,
     top: ((J == null ? void 0 : J.top) ?? 0) + j.top
   }, Me = /* @__PURE__ */ S(
-    Ti,
+    zi,
     {
       ref: ne,
       id: N,
@@ -2184,7 +2188,7 @@ function Sa(e) {
       ]
     }
   );
-  return Oi(Me, k);
+  return Hi(Me, k);
 }
 function Ea({ children: e, action: t = "toggle" }) {
   const {
@@ -2226,7 +2230,7 @@ function Ia({
   defaultOpened: i,
   onOpenChange: o
 }) {
-  const r = ca(), a = (r == null ? void 0 : r.id) ?? null;
+  const r = da(), a = (r == null ? void 0 : r.id) ?? null;
   return /* @__PURE__ */ n(
     pa,
     {
@@ -2241,9 +2245,9 @@ function Ia({
 const st = Object.assign(Ia, {
   Trigger: Ea,
   Panel: Sa,
-  Content: ia,
-  Anchor: oa
-}), Ml = Ut(
+  Content: ra,
+  Anchor: ia
+}), Fl = Ut(
   function({ icon: t, size: i = "xs", ...o }, r) {
     const { isOpen: a } = Yt();
     return /* @__PURE__ */ n(
@@ -2273,14 +2277,14 @@ function Jt(e) {
     borderEndEndRadius: i
   };
 }
-function _a() {
+function Oa() {
   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) ?? ".";
   }, [e]);
 }
-function Oa({
+function _a({
   color: e,
   defaultColor: t,
   opacity: i,
@@ -2295,7 +2299,7 @@ function Oa({
   onFocus: g,
   onBlur: m
 }) {
-  const v = fe(), z = yo(), C = _a(), T = ue(), P = vt({ name: p, disabled: d, disabledReason: f }), [E, y] = ae({
+  const v = fe(), z = yo(), C = Oa(), T = ue(), P = vt({ name: p, disabled: d, disabledReason: f }), [E, y] = ae({
     value: e,
     defaultValue: void 0,
     finalValue: void 0,
@@ -2305,7 +2309,7 @@ function Oa({
     defaultValue: void 0,
     finalValue: void 0,
     onChange: a
-  }), _ = E === void 0, k = R === void 0, W = _ && (!u || k), V = E ?? t, D = R ?? o, [Y, A] = _e(V.replace("#", "").toUpperCase()), [H, b] = _e(D);
+  }), O = E === void 0, k = R === void 0, W = O && (!u || k), V = E ?? t, D = R ?? o, [Y, A] = Oe(V.replace("#", "").toUpperCase()), [H, b] = Oe(D);
   Ee(() => {
     A(V.replace("#", "").toUpperCase());
   }, [V]), Ee(() => {
@@ -2360,7 +2364,7 @@ function Oa({
                 "aria-label": v.colorSwatch,
                 "aria-describedby": P.describedBy,
                 children: /* @__PURE__ */ n(
-                  zi,
+                  Ci,
                   {
                     color: V,
                     size: c.GLYPH,
@@ -2379,12 +2383,12 @@ function Oa({
                 alignment: "start",
                 gap: Nn,
                 children: /* @__PURE__ */ n(st.Content, { children: /* @__PURE__ */ n(
-                  Ci,
+                  Pi,
                   {
                     format: "hexa",
                     value: N(),
                     onChange: w,
-                    swatches: [...kr]
+                    swatches: [...Gr]
                   }
                 ) })
               }
@@ -2401,14 +2405,14 @@ function Oa({
               onFocus: g,
               onBlur: J,
               "aria-label": v.colorHexValue,
-              "data-is-default": _ ? "true" : "false",
+              "data-is-default": O ? "true" : "false",
               w: Ca,
               styles: {
                 input: {
                   ...Jt(de),
                   fontFamily: "monospace",
                   textTransform: "uppercase",
-                  ..._ ? {
+                  ...O ? {
                     fontStyle: "italic",
                     color: x.CHROME
                   } : {}
@@ -2501,7 +2505,7 @@ function Oa({
   );
 }
 const Dt = c.GUTTER, Fn = 4, Ha = 1, Na = 1.2, Da = "calc(-1 * var(--mantine-spacing-sm) - 1px)";
-function Fl({ label: e, actions: t, children: i, bleed: o = !1 }) {
+function Vl({ 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(
@@ -2706,7 +2710,7 @@ const Fa = Ut(
     );
   }
 ), Qt = 4, Va = 1, $n = 6, $a = 12, Ba = 1.2;
-function Vl(e) {
+function $l(e) {
   const {
     label: t,
     technicalName: i,
@@ -2730,7 +2734,7 @@ function Vl(e) {
   );
   const L = (H) => {
     E(!P, H);
-  }, _ = 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 = ze(v) ? "chevronLeft" : "chevronRight", V = {
     flex: "0 0 auto",
     width: c.GLYPH_SLOT,
     height: c.GLYPH_SLOT,
@@ -2824,7 +2828,7 @@ function Vl(e) {
                 {
                   type: "button",
                   "data-testid": "control-section-toggle",
-                  "aria-label": _,
+                  "aria-label": O,
                   "aria-expanded": P,
                   "aria-controls": C,
                   onClick: L,
@@ -2887,7 +2891,7 @@ function Vl(e) {
           }
         ),
         R && /* @__PURE__ */ n(h, { id: T, "data-testid": "control-section-description", hidden: !0, children: d }),
-        y && /* @__PURE__ */ n(Pi, { id: C, in: P, children: /* @__PURE__ */ n(
+        y && /* @__PURE__ */ n(Ri, { id: C, in: P, children: /* @__PURE__ */ n(
           h,
           {
             "data-testid": "control-section-content",
@@ -2904,7 +2908,7 @@ function Vl(e) {
   );
 }
 const en = "control-sub-group", Bn = 4, Ua = 10, Wa = 1.2;
-function $l(e) {
+function Bl(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,
@@ -3089,15 +3093,15 @@ function Ja(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 = Ni({
-  columnFilteringFeature: Vi,
-  columnOrderingFeature: Fi,
-  columnVisibilityFeature: Mi,
-  filteredRowModel: Bi(),
-  globalFilteringFeature: Gi,
-  rowSelectionFeature: ki,
-  rowSortingFeature: Di,
-  sortedRowModel: $i()
+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 = [];
 function jn(e) {
   return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
@@ -3127,7 +3131,7 @@ function ss(e, t) {
     hiddenColumns: y,
     defaultHiddenColumns: R,
     onHiddenColumnsChange: L,
-    columnOrder: _,
+    columnOrder: O,
     defaultColumnOrder: k,
     onColumnOrderChange: W,
     filter: V,
@@ -3140,7 +3144,7 @@ function ss(e, t) {
     onFocus: N,
     onBlur: G,
     empty: J
-  } = e, Q = Ya(p), ve = Qe(), ne = ct(), de = bt(), re = qr({ numeric: !0, sensitivity: "variant" }), j = Z(() => new Intl.DateTimeFormat(ne), [ne]), se = Z(
+  } = 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(
     () => ({ number: de, date: j, yes: Q.yes, no: Q.no }),
     [de, j, Q.yes, Q.no]
   ), [K, ye] = ae({
@@ -3165,7 +3169,7 @@ function ss(e, t) {
       L == null || L([...l], I);
     }
   }), [Ue, dt] = ae({
-    value: _,
+    value: O,
     defaultValue: k,
     finalValue: tn,
     onChange: (l, I) => {
@@ -3203,7 +3207,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, O) => Ja(l.value(I.original), l.value(O.original), re)
+      sortFn: (I, _) => Ja(l.value(I.original), l.value(_.original), re)
     })),
     [o, re]
   ), ut = JSON.stringify(we), pt = Z(
@@ -3219,7 +3223,7 @@ function ss(e, t) {
     for (const I of K)
       l[I] = !0;
     return l;
-  }, [K]), it = Z(() => [...Ue], [Ue]), Ae = X(void 0), $ = Hi({
+  }, [K]), it = Z(() => [...Ue], [Ue]), Ae = X(void 0), $ = Ni({
     features: Qa,
     data: Ye,
     columns: nt,
@@ -3230,8 +3234,8 @@ function ss(e, t) {
     // actually looks in is decided per row below, from the visible set that
     // travels with the query.
     getColumnCanGlobalFilter: () => !0,
-    globalFilterFn: (l, I, O) => {
-      const U = O;
+    globalFilterFn: (l, I, _) => {
+      const U = _;
       if (U === void 0 || !U.columnIds.includes(I))
         return !1;
       const te = Re.get(I);
@@ -3245,41 +3249,41 @@ function ss(e, t) {
       globalFilter: We
     },
     onSortingChange: (l) => {
-      const I = _t(l, pt);
+      const I = Ot(l, pt);
       ee(
-        I.map((O) => ({ id: O.id, desc: O.desc })),
+        I.map((_) => ({ id: _.id, desc: _.desc })),
         Ae.current
       );
     },
     onColumnVisibilityChange: (l) => {
-      const I = _t(l, ot);
-      et(Object.keys(I).filter((O) => !I[O]));
+      const I = Ot(l, ot);
+      et(Object.keys(I).filter((_) => !I[_]));
     },
     onColumnOrderChange: (l) => {
-      dt(_t(l, it));
+      dt(Ot(l, it));
     },
     onRowSelectionChange: (l) => {
-      ye(Object.keys(_t(l, Me)));
+      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 = Ui({
+  }), { 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({
     count: le,
     getScrollElement: () => M.current,
     estimateSize: () => d,
     getItemKey: (l) => Le[l] ?? l,
     overscan: g
-  }), [zt, je] = _e({ row: xe, column: 0 }), he = Z(() => Ka(zt, { rowCount: le, columnCount: me }), [zt, le, me]), ft = X(!1), Ke = X(void 0), Vo = (l) => {
+  }), [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) => {
     l.row >= 0 && Ne.scrollToIndex(l.row), ft.current = !0, je((I) => kt(I, l) ? I : l);
   };
-  Li(() => {
-    var O;
+  Oi(() => {
+    var _;
     if (!ft.current)
       return;
-    const l = `[data-grid-row="${he.row}"][data-grid-column="${he.column}"]`, I = (O = ce.current) == null ? void 0 : O.querySelector(l);
+    const l = `[data-grid-row="${he.row}"][data-grid-column="${he.column}"]`, I = (_ = ce.current) == null ? void 0 : _.querySelector(l);
     I instanceof HTMLElement && (ft.current = !1, I.focus());
   });
   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, O) => {
+  }, Ct = (l, I, _) => {
     Sn(
       qa({
         ids: Le,
@@ -3289,20 +3293,20 @@ function ss(e, t) {
         modifiers: I,
         mode: m
       }),
-      O
+      _
     );
-  }, En = (l, I, O) => {
+  }, En = (l, I, _) => {
     const U = oe[l];
-    U !== void 0 && (H == null || H(U.original, I, O));
-  }, $o = (l, I) => {
+    U !== void 0 && (H == null || H(U.original, I, _));
+  }, Bo = (l, I) => {
     l.getCanSort() && (Ae.current = I, l.toggleSorting(void 0, I.shiftKey && l.getCanMultiSort()), Ae.current = void 0);
-  }, Bo = () => {
-    var O;
-    const l = ((O = M.current) == null ? void 0 : O.clientHeight) ?? 0, I = Math.floor((l === 0 ? d * 10 : l) / d);
+  }, Uo = () => {
+    var _;
+    const l = ((_ = M.current) == null ? void 0 : _.clientHeight) ?? 0, I = Math.floor((l === 0 ? d * 10 : l) / d);
     return Math.max(1, I - 1);
-  }, Uo = (l) => {
-    const I = m === "multiple", O = l.ctrlKey || l.metaKey;
-    if (I && O && (l.key === "a" || l.key === "A")) {
+  }, 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);
       return;
     }
@@ -3313,11 +3317,11 @@ function ss(e, t) {
     const U = ja(
       he,
       l.key,
-      { rowCount: le, columnCount: me, pageSize: Bo() },
+      { rowCount: le, columnCount: me, pageSize: Uo() },
       ve,
-      { jumpToEnd: O }
+      { jumpToEnd: _ }
     );
-    U !== void 0 && (l.preventDefault(), Vo(U), I && l.shiftKey && U.row >= 0 && U.row !== he.row && Ct(U.row, { extend: !0, toggle: !1 }, l));
+    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));
   };
   _i(
     t,
@@ -3326,12 +3330,12 @@ function ss(e, t) {
         l >= 0 && l < le && Ne.scrollToIndex(l);
       },
       setColumnHidden: (l, I) => {
-        var O;
-        (O = $.getColumn(l)) == null || O.toggleVisibility(!I);
+        var _;
+        (_ = $.getColumn(l)) == null || _.toggleVisibility(!I);
       },
       moveColumn: (l, I) => {
-        const O = $.getAllLeafColumns().map((te) => te.id), U = O.indexOf(l);
-        U !== -1 && (O.splice(U, 1), O.splice(as(I, 0, O.length), 0, l), $.setColumnOrder(O));
+        const _ = $.getAllLeafColumns().map((te) => te.id), U = _.indexOf(l);
+        U !== -1 && (_.splice(U, 1), _.splice(as(I, 0, _.length), 0, l), $.setColumnOrder(_));
       },
       clearSelection: () => {
         Ke.current = void 0, ye([]);
@@ -3339,16 +3343,16 @@ function ss(e, t) {
     }),
     [$, Ne, le, ye]
   );
-  const Wo = ie.reduce(
+  const Yo = ie.reduce(
     (l, I) => {
-      var O;
-      return l + (((O = Re.get(I.id)) == null ? void 0 : O.width) ?? c.FIELD);
+      var _;
+      return l + (((_ = Re.get(I.id)) == null ? void 0 : _.width) ?? c.FIELD);
     },
     0
   ), In = (l, I) => {
-    const O = (l == null ? void 0 : l.width) ?? c.FIELD;
+    const _ = (l == null ? void 0 : l.width) ?? c.FIELD;
     return {
-      flex: I === me - 1 ? `1 1 ${String(O)}px` : `0 0 ${String(O)}px`,
+      flex: I === me - 1 ? `1 1 ${String(_)}px` : `0 0 ${String(_)}px`,
       minWidth: 0,
       boxSizing: "border-box",
       display: "flex",
@@ -3362,7 +3366,7 @@ function ss(e, t) {
       whiteSpace: "nowrap",
       textOverflow: "ellipsis"
     };
-  }, Pt = m !== "none", Tn = Q.rowsShown(de.format(le), de.format(i.length)), Yo = () => J !== void 0 ? J : i.length === 0 ? Q.noRows : Q.noMatchingRows;
+  }, Pt = m !== "none", Tn = Q.rowsShown(de.format(le), de.format(i.length)), jo = () => J !== void 0 ? J : i.length === 0 ? Q.noRows : Q.noMatchingRows;
   return /* @__PURE__ */ S(
     h,
     {
@@ -3452,7 +3456,7 @@ function ss(e, t) {
                   "aria-rowcount": le + 1,
                   "aria-colcount": me,
                   "aria-multiselectable": m === "multiple" ? !0 : void 0,
-                  onKeyDown: Uo,
+                  onKeyDown: Wo,
                   stickyHeader: !0,
                   tabularNums: !0,
                   withRowBorders: !1,
@@ -3463,7 +3467,7 @@ function ss(e, t) {
                   style: {
                     display: "grid",
                     width: "100%",
-                    minWidth: Wo,
+                    minWidth: Yo,
                     fontSize: ns,
                     lineHeight: os
                   },
@@ -3486,14 +3490,14 @@ function ss(e, t) {
                             "aria-rowindex": 1,
                             style: { display: "flex", width: "100%", height: f },
                             children: ie.map((l, I) => {
-                              const O = Re.get(l.id), U = l.getCanSort(), te = l.getIsSorted(), Se = he.row === xe && he.column === I, Rt = te === !1 ? -1 : l.getSortIndex(), At = Se ? 0 : -1, yt = /* @__PURE__ */ S(q, { children: [
+                              const _ = Re.get(l.id), U = l.getCanSort(), te = l.getIsSorted(), Se = he.row === xe && he.column === I, Rt = te === !1 ? -1 : l.getSortIndex(), At = Se ? 0 : -1, yt = /* @__PURE__ */ S(q, { children: [
                                 /* @__PURE__ */ n(
                                   h,
                                   {
                                     component: "span",
                                     "data-testid": "data-table-header-label",
                                     dir: "auto",
-                                    title: O == null ? void 0 : O.header,
+                                    title: _ == null ? void 0 : _.header,
                                     style: {
                                       flex: "0 1 auto",
                                       minWidth: 0,
@@ -3502,7 +3506,7 @@ function ss(e, t) {
                                       whiteSpace: "nowrap",
                                       color: te === !1 ? void 0 : x.VALUE
                                     },
-                                    children: (O == null ? void 0 : O.header) ?? l.id
+                                    children: (_ == null ? void 0 : _.header) ?? l.id
                                   }
                                 ),
                                 te !== !1 && /* @__PURE__ */ n(
@@ -3563,7 +3567,7 @@ function ss(e, t) {
                                     );
                                   },
                                   style: {
-                                    ...In(O, I),
+                                    ...In(_, I),
                                     gap: c.GUTTER / 2,
                                     height: f,
                                     fontSize: "var(--mantine-font-size-sm)",
@@ -3586,7 +3590,7 @@ function ss(e, t) {
                                         "data-grid-column": I,
                                         tabIndex: At,
                                         onClick: (Fe) => {
-                                          je({ row: xe, column: I }), $o(l, Fe);
+                                          je({ row: xe, column: I }), Bo(l, Fe);
                                         },
                                         onFocus: () => {
                                           je(
@@ -3597,7 +3601,7 @@ function ss(e, t) {
                                           display: "flex",
                                           alignItems: "center",
                                           gap: c.GUTTER / 2,
-                                          justifyContent: (O == null ? void 0 : O.align) === "end" ? "flex-end" : "flex-start",
+                                          justifyContent: (_ == null ? void 0 : _.align) === "end" ? "flex-end" : "flex-start",
                                           flex: "1 1 auto",
                                           minWidth: 0,
                                           height: "100%",
@@ -3632,16 +3636,16 @@ function ss(e, t) {
                           const I = oe[l.index];
                           if (I === void 0)
                             return null;
-                          const O = K.includes(I.id);
+                          const _ = K.includes(I.id);
                           return /* @__PURE__ */ n(
                             rt.Tr,
                             {
                               role: "row",
                               "data-testid": "data-table-row",
                               "data-index": l.index,
-                              "data-selected": O ? "true" : void 0,
+                              "data-selected": _ ? "true" : void 0,
                               "aria-rowindex": l.index + 2,
-                              "aria-selected": Pt ? O : void 0,
+                              "aria-selected": Pt ? _ : void 0,
                               onDoubleClick: (U) => {
                                 b == null || b(I.original, U);
                               },
@@ -3656,7 +3660,7 @@ function ss(e, t) {
                                 width: "100%",
                                 height: d,
                                 transform: `translateY(${String(l.start)}px)`,
-                                background: O ? is : void 0,
+                                background: _ ? is : void 0,
                                 cursor: Pt ? "pointer" : void 0
                               },
                               children: ie.map((U, te) => {
@@ -3727,7 +3731,7 @@ function ss(e, t) {
                     fontSize: "var(--mantine-font-size-sm)",
                     color: x.CHROME
                   },
-                  children: Yo()
+                  children: jo()
                 }
               )
             ]
@@ -3737,7 +3741,7 @@ function ss(e, t) {
     }
   );
 }
-const Bl = Ie.forwardRef(ss);
+const Ul = Ie.forwardRef(ss);
 function ls() {
   return crypto.randomUUID().slice(0, 8);
 }
@@ -3752,7 +3756,7 @@ function cs() {
   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 Ul({
+function Wl({
   stops: e,
   defaultStops: t,
   direction: i,
@@ -3782,7 +3786,7 @@ function Ul({
     y.current || (y.current = !0, s == null || s(A));
   }, L = (A, H) => {
     y.current = !1, p == null || p(A, H);
-  }, _ = (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) => {
+  }, 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)
       return;
     const H = C[C.length - 1], b = H === void 0 ? 0.5 : (H.offset + 1) / 2, w = [...C, fn(b, qt)];
@@ -3814,12 +3818,12 @@ function Ul({
       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(
-          Oa,
+          _a,
           {
             color: A.color,
             defaultColor: qt,
             onColorChange: (w, N) => {
-              T(_(H, w ?? qt), N);
+              T(O(H, w ?? qt), N);
             },
             showOpacity: !1
           }
@@ -3904,7 +3908,7 @@ function vs() {
     return ((i = new Intl.NumberFormat(e).formatToParts(bs).find((o) => o.type === "decimal")) == null ? void 0 : i.value) ?? ".";
   }, [e]);
 }
-function Wl({
+function Yl({
   label: e,
   value: t,
   defaultValue: i,
@@ -3925,14 +3929,14 @@ function Wl({
     defaultValue: void 0,
     finalValue: void 0,
     onChange: o
-  }), R = E === void 0, L = E ?? i, [_, k] = _e(L), W = X(!1);
+  }), R = E === void 0, L = E ?? i, [O, k] = Oe(L), W = X(!1);
   Ee(() => {
     W.current || k(E ?? i), W.current = !1;
   }, [E, i]);
   const V = (A) => {
     W.current = !0, k(A);
   }, D = (A) => {
-    const H = typeof _ == "string" ? T(_) : _;
+    const H = typeof O == "string" ? T(O) : O;
     if (Number.isNaN(H)) {
       k(E ?? i), v == null || v(A);
       return;
@@ -3958,7 +3962,7 @@ function Wl({
             "data-testid": "style-number-input-field",
             label: e,
             description: C.description,
-            value: _,
+            value: O,
             onChange: V,
             onFocus: m,
             onBlur: D,
@@ -4004,7 +4008,7 @@ function Wl({
   );
 }
 const ys = 4, ws = 2;
-function Yl({
+function jl({
   label: e,
   value: t,
   defaultValue: i,
@@ -4084,7 +4088,7 @@ function Yl({
   );
 }
 const Gt = 4, Ss = `${String(c.TOGGLE_PITCH)}px`;
-function jl({
+function Kl({
   label: e,
   checked: t,
   defaultChecked: i,
@@ -4197,11 +4201,11 @@ function jl({
     }
   );
 }
-function Ao(e, t) {
+function Lo(e, t) {
   return e !== void 0 ? e : t === void 0 ? "off" : "polite";
 }
 function Ze(e, t) {
-  const i = Ao(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)";
@@ -4211,7 +4215,7 @@ function Is(e) {
   if (typeof e == "number")
     return String(e);
 }
-function Kl(e) {
+function Xl(e) {
   const {
     state: t,
     stateTitle: i,
@@ -4224,7 +4228,7 @@ function Kl(e) {
     onClick: d,
     onFocus: f,
     onBlur: g
-  } = e, m = Ze(r, o), { hovered: v, ref: z } = fo(), C = ho(Es) ?? !1, [T, P] = _e(!1), E = ue(), y = T || (p ?? (v || C)), R = a !== void 0 || s !== void 0, L = Is(t), _ = i !== void 0 && i !== L, k = i ?? L, W = R && t !== void 0, V = _ ? /* @__PURE__ */ S(q, { children: [
+  } = 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: [
     /* @__PURE__ */ n("span", { "aria-hidden": "true", children: t }),
     /* @__PURE__ */ n(Te, { "data-testid": "action-row-state-full", children: i })
   ] }) : t;
@@ -4359,8 +4363,8 @@ function Kl(e) {
     }
   );
 }
-const Lo = c.GUTTER, Ts = 12, _o = 1.2, zs = 20, Cs = 500, Ps = "var(--mantine-primary-color-light)";
-function Xl({
+const Oo = c.GUTTER, Ts = 12, _o = 1.2, zs = 20, Cs = 500, Ps = "var(--mantine-primary-color-light)";
+function ql({
   name: e,
   value: t,
   icon: i,
@@ -4377,8 +4381,8 @@ function Xl({
   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) => {
     s == null || s(V, It(V));
   };
-  let _ = "transparent";
-  o ? _ = Ps : z && m && (_ = x.SURFACE);
+  let O = "transparent";
+  o ? O = Ps : z && m && (O = x.SURFACE);
   const k = /* @__PURE__ */ S(q, { children: [
     C && /* @__PURE__ */ n(
       h,
@@ -4454,9 +4458,9 @@ function Xl({
         boxSizing: "border-box",
         width: "100%",
         height: c.DATA_PITCH,
-        paddingInline: Lo,
+        paddingInline: Oo,
         borderRadius: "var(--mantine-radius-sm)",
-        background: _,
+        background: O,
         color: x.VALUE,
         fontSize: Ts,
         lineHeight: _o
@@ -4496,7 +4500,7 @@ function Xl({
     }
   );
 }
-function ql({
+function Zl({
   label: e,
   unit: t,
   sortDirection: i,
@@ -4541,7 +4545,7 @@ function ql({
     a !== void 0 && f && // Redundant to a screen reader: the position of this column in a
     // multi-column sort is drawn for the eye, and every column
     // announces its own direction through aria-sort.
-    /* @__PURE__ */ n(h, { component: "span", "aria-hidden": "true", style: { flex: "0 0 auto", display: "flex" }, children: /* @__PURE__ */ n(Oo, { children: u.format(a) }) }),
+    /* @__PURE__ */ n(h, { component: "span", "aria-hidden": "true", style: { flex: "0 0 auto", display: "flex" }, children: /* @__PURE__ */ n(Ho, { children: u.format(a) }) }),
     f && /* @__PURE__ */ n(
       h,
       {
@@ -4576,7 +4580,7 @@ function ql({
         boxSizing: "border-box",
         width: "100%",
         height: zs,
-        paddingInline: Lo,
+        paddingInline: Oo,
         fontSize: "var(--mantine-font-size-sm)",
         lineHeight: _o,
         color: x.CHROME
@@ -4606,7 +4610,7 @@ function ql({
     }
   );
 }
-function Oo({ children: e }) {
+function Ho({ children: e }) {
   return /* @__PURE__ */ n(
     po,
     {
@@ -4624,7 +4628,7 @@ function Oo({ children: e }) {
     }
   );
 }
-const Kn = 2, Rs = 1, As = 13, Ls = 2, _s = 1, Os = 1, Hs = 64, Ho = 4, Xn = Ho / 2, No = 4, Ns = 12, at = 100, Ds = 1.5, hn = 100;
+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;
 function Vt({ children: e, end: t, id: i }) {
   return /* @__PURE__ */ n(
     h,
@@ -4644,7 +4648,7 @@ function Vt({ children: e, end: t, id: i }) {
     }
   );
 }
-function Do() {
+function ko() {
   return /* @__PURE__ */ n(
     h,
     {
@@ -4657,7 +4661,7 @@ function Do() {
     }
   );
 }
-function ko({ caption: e, rows: t, testId: i }) {
+function Go({ caption: e, rows: t, testId: i }) {
   return /* @__PURE__ */ S(Te, { component: "table", "data-testid": i, children: [
     e !== void 0 && /* @__PURE__ */ n("caption", { children: e }),
     /* @__PURE__ */ n("tbody", { children: t.map((o) => /* @__PURE__ */ S("tr", { children: [
@@ -4678,11 +4682,11 @@ function ks(e, t) {
     return `${d},${f}`;
   }).join(" ");
 }
-function Go() {
+function Mo() {
   const e = ue(), t = `${e}min`, i = `${e}max`;
   return { min: t, max: i, describedBy: `${t} ${i}` };
 }
-function Zl({
+function Jl({
   bins: e,
   label: t,
   minLabel: i,
@@ -4691,7 +4695,7 @@ function Zl({
   live: a,
   trailing: s
 }) {
-  const p = bt(), u = Go(), d = e.reduce((g, m) => Math.max(g, m.count, 0), 0), f = e.map((g, m) => ({
+  const p = bt(), u = Mo(), d = e.reduce((g, m) => Math.max(g, m.count, 0), 0), f = e.map((g, m) => ({
     id: `${g.label}-${String(m)}`,
     header: g.label,
     // The raw count, not the clamped one the bar draws: the table is the
@@ -4767,9 +4771,9 @@ function Zl({
                                 flex: "1 1 0",
                                 minWidth: 0,
                                 height: `${String(z)}%`,
-                                minHeight: v > 0 ? Os : 0,
+                                minHeight: v > 0 ? _s : 0,
                                 background: C ? x.ACCENT : x.BORDER,
-                                borderRadius: _s
+                                borderRadius: Os
                               }
                             },
                             `${g.label}-${String(m)}`
@@ -4777,7 +4781,7 @@ function Zl({
                         })
                       }
                     ),
-                    /* @__PURE__ */ n(Do, {})
+                    /* @__PURE__ */ n(ko, {})
                   ]
                 }
               ),
@@ -4791,7 +4795,7 @@ function Zl({
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
-                    gap: No
+                    gap: Do
                   },
                   children: [
                     /* @__PURE__ */ n(Vt, { end: "min", id: u.min, children: i }),
@@ -4802,13 +4806,13 @@ function Zl({
             ]
           }
         ),
-        /* @__PURE__ */ n(ko, { caption: t, rows: f, testId: "histogram-values" }),
+        /* @__PURE__ */ n(Go, { caption: t, rows: f, testId: "histogram-values" }),
         Tt(s) && /* @__PURE__ */ n(ke, { children: s })
       ]
     }
   );
 }
-function Jl({
+function Ql({
   values: e,
   label: t,
   minLabel: i,
@@ -4817,7 +4821,7 @@ function Jl({
   live: a,
   trailing: s
 }) {
-  const p = Qe(), u = bt(), d = Go(), f = ks(e, p), g = e.map((m, v) => ({
+  const p = Qe(), u = bt(), d = Mo(), f = ks(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
@@ -4847,7 +4851,7 @@ function Jl({
               minWidth: 0,
               display: "flex",
               alignItems: "center",
-              gap: No
+              gap: Do
             },
             children: [
               /* @__PURE__ */ n(Vt, { end: "min", id: d.min, children: i }),
@@ -4888,7 +4892,7 @@ function Jl({
                         children: f !== null && /* @__PURE__ */ n("polyline", { points: f, vectorEffect: "non-scaling-stroke" })
                       }
                     ),
-                    /* @__PURE__ */ n(Do, {})
+                    /* @__PURE__ */ n(ko, {})
                   ]
                 }
               ),
@@ -4896,13 +4900,13 @@ function Jl({
             ]
           }
         ),
-        /* @__PURE__ */ n(ko, { caption: t, rows: g, testId: "sparkline-values" }),
+        /* @__PURE__ */ n(Go, { caption: t, rows: g, testId: "sparkline-values" }),
         Tt(s) && /* @__PURE__ */ n(ke, { children: s })
       ]
     }
   );
 }
-function Ql({
+function ec({
   name: e,
   percentile: t,
   value: i,
@@ -4915,7 +4919,7 @@ function Ql({
   onFocus: d,
   onBlur: f
 }) {
-  const g = fe(), m = Xr(), 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) => {
+  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));
   }, y = (R) => {
     z !== void 0 && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), z(R, It(R)));
@@ -4972,7 +4976,7 @@ function Ql({
             "aria-valuenow": T,
             "aria-valuetext": P,
             title: P,
-            size: Ho,
+            size: No,
             style: {
               flex: `0 0 ${String(Hs)}px`,
               borderRadius: Xn,
@@ -5014,17 +5018,17 @@ function Ql({
             children: i
           }
         ),
-        o !== void 0 && /* @__PURE__ */ n(Oo, { children: o })
+        o !== void 0 && /* @__PURE__ */ n(Ho, { children: o })
       ]
     }
   );
 }
-const Mo = lt(!1);
+const Fo = lt(!1);
 function Gs({ showLabels: e = !1, children: t }) {
-  return /* @__PURE__ */ n(Mo.Provider, { value: e, children: t });
+  return /* @__PURE__ */ n(Fo.Provider, { value: e, children: t });
 }
 function jt() {
-  return Oe(Mo);
+  return _e(Fo);
 }
 const Ms = c.VALUE_INSET - c.GLYPH_SLOT, Fs = 2, Vs = 1, $s = 2, Bs = 3;
 function Us(e) {
@@ -5139,7 +5143,7 @@ function js(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 ec({
+function tc({
   label: e,
   segments: t,
   width: i = c.BODY,
@@ -5150,9 +5154,9 @@ function ec({
   onFocus: p,
   onBlur: u
 }) {
-  const d = jt(), f = Ie.useId(), g = t.filter((_) => _.grow === !0).length;
+  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((_) => _.grow === !0), v = m === -1 ? 0 : m, z = s !== void 0, C = Ao(a, r) !== "off", T = z || C, P = z ? void 0 : f, E = T ? void 0 : f, y = T || d, R = {
+  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 = {
     display: "flex",
     alignItems: "center",
     boxSizing: "border-box",
@@ -5169,7 +5173,7 @@ function ec({
     cursor: z ? "pointer" : void 0
   }, L = /* @__PURE__ */ S(q, { children: [
     T && /* @__PURE__ */ n(Te, { id: P, children: e }),
-    t.map((_, k) => /* @__PURE__ */ S(Ie.Fragment, { children: [
+    t.map((O, k) => /* @__PURE__ */ S(Ie.Fragment, { children: [
       k > 0 && /* @__PURE__ */ n(
         h,
         {
@@ -5182,7 +5186,7 @@ function ec({
           }
         }
       ),
-      /* @__PURE__ */ n(Ws, { segment: _, grow: k === v, index: k })
+      /* @__PURE__ */ n(Ws, { segment: O, grow: k === v, index: k })
     ] }, k))
   ] });
   return /* @__PURE__ */ S(
@@ -5287,7 +5291,7 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
     onScrubStart: y,
     onScrub: R,
     onScrubEnd: L,
-    onClick: _,
+    onClick: O,
     disabled: k = !1,
     readOnly: W,
     boundDescription: V,
@@ -5323,9 +5327,9 @@ const an = c.VALUE_INSET - c.GLYPH_SLOT, Mt = 4, qn = 4, Ks = c.VALUE_INSET + c.
   }, nt = (M) => {
     Re.current && (Re.current = !1, He.current && (He.current = !1, L == null || L(M)));
   }, ut = (M) => {
-    k || _ == null || _(M);
+    k || O == null || O(M);
   }, pt = (M) => {
-    b == null || b(M), !(_ === void 0 || k || M.defaultPrevented) && (j || (M.key === "Enter" || M.key === " " && se) && (M.preventDefault(), _(M)));
+    b == null || b(M), !(O === void 0 || k || M.defaultPrevented) && (j || (M.key === "Enter" || M.key === " " && se) && (M.preventDefault(), O(M)));
   }, ot = (M, ce) => {
     ne(M, ce);
   };
@@ -5572,7 +5576,7 @@ function Qs(e) {
 function Qn(e) {
   return Ie.isValidElement(e) && e.type === Xs ? Ie.cloneElement(e, { width: "fill" }) : e;
 }
-const tc = Ut(function({
+const nc = Ut(function({
   children: t,
   trailing: i,
   groupLabel: o,
@@ -5603,7 +5607,7 @@ const tc = Ut(function({
           flexDirection: "column",
           ...a
         },
-        children: g.map((L, _) => {
+        children: g.map((L, O) => {
           const k = Qs(L);
           return /* @__PURE__ */ S(
             h,
@@ -5656,10 +5660,10 @@ const tc = Ut(function({
                     children: /* @__PURE__ */ n(Gs, { showLabels: !1, children: Qn(L) })
                   }
                 ),
-                /* @__PURE__ */ n(ke, { children: _ === 0 ? i : null })
+                /* @__PURE__ */ n(ke, { children: O === 0 ? i : null })
               ]
             },
-            Jn(L, _)
+            Jn(L, O)
           );
         })
       }
@@ -5685,7 +5689,7 @@ const tc = Ut(function({
         ...a
       },
       children: [
-        g.map((L, _) => /* @__PURE__ */ n(
+        g.map((L, O) => /* @__PURE__ */ n(
           h,
           {
             "data-testid": "field-row-slot",
@@ -5699,22 +5703,22 @@ const tc = Ut(function({
               // the top of this file: a physical gutter escapes the
               // pair under dir="rtl" and a physical trail gap lands
               // inside it.
-              marginInlineStart: _ === 0 ? void 0 : c.GUTTER,
-              marginInlineEnd: _ === m - 1 ? R : void 0
+              marginInlineStart: O === 0 ? void 0 : c.GUTTER,
+              marginInlineEnd: O === m - 1 ? R : void 0
             },
             children: Qn(L)
           },
-          Jn(L, _)
+          Jn(L, O)
         )),
         /* @__PURE__ */ n(ke, { children: i })
       ]
     }
   );
-}), el = 2, tl = 6, Fo = 1, nl = c.CONTROL_HEIGHT - Fo * 2, ol = 2, eo = 3, il = 4, rl = 6, al = c.GLYPH, sl = 3;
+}), 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) {
   return t ? x.DISABLED : e ? x.ON_SELECTED : x.CHROME;
 }
-function nc(e) {
+function oc(e) {
   const {
     options: t,
     value: i,
@@ -5739,7 +5743,7 @@ function nc(e) {
   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
   );
-  const _ = g ?? (T <= sl ? c.FIELD : c.BODY), k = _ === "fill", W = (D) => {
+  const O = g ?? (T <= sl ? c.FIELD : c.BODY), k = O === "fill", W = (D) => {
     var b;
     if (u || D.key !== "Home" && D.key !== "End")
       return;
@@ -5861,10 +5865,10 @@ function nc(e) {
               root: {
                 boxSizing: "border-box",
                 flex: k ? "1 1 auto" : "0 0 auto",
-                width: k ? "100%" : _,
+                width: k ? "100%" : O,
                 minWidth: 0,
                 height: c.CONTROL_HEIGHT,
-                padding: Fo,
+                padding: Vo,
                 gap: ol,
                 backgroundColor: x.SURFACE,
                 // Mantine hides the track's overflow, which would crop
@@ -5948,7 +5952,7 @@ function ml(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 oc({ variant: e, children: t, onDetails: i, busy: o, live: r }) {
+function ic({ 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));
   const u = Ze(r, o);
@@ -6086,7 +6090,7 @@ const sn = 4, xl = 4, bl = `polygon(0 calc(100% - ${xl}px), 100% 0, 100% 100%, 0
   color: x.CHROME,
   whiteSpace: "nowrap"
 };
-function ic({
+function rc({
   min: e,
   max: t,
   label: i,
@@ -6123,7 +6127,7 @@ function ic({
       children: /* @__PURE__ */ n(xt, { name: z })
     }
   ) : L = /* @__PURE__ */ n(Fa, { label: C, icon: /* @__PURE__ */ n(xt, { name: z }), onClick: u }));
-  const _ = Tt(d) ? d : L;
+  const O = Tt(d) ? d : L;
   return /* @__PURE__ */ S(
     h,
     {
@@ -6186,7 +6190,7 @@ function ic({
               display: "flex",
               marginInlineStart: c.TRAIL_GAP - sn
             },
-            children: /* @__PURE__ */ n(ke, { children: _ })
+            children: /* @__PURE__ */ n(ke, { children: O })
           }
         )
       ]
@@ -6194,7 +6198,7 @@ function ic({
   );
 }
 const Sl = 4, El = `${String(c.TOGGLE_PITCH)}px`, Il = 2;
-function rc({
+function ac({
   label: e,
   checked: t,
   defaultChecked: i,
@@ -6303,7 +6307,7 @@ function rc({
     }
   );
 }
-function ac({ children: e, label: t, labelledBy: i }) {
+function sc({ 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
@@ -6323,16 +6327,16 @@ function ac({ children: e, label: t, labelledBy: i }) {
     }
   );
 }
-function sc(e = "dark") {
-  return Ri(e);
+function lc(e = "dark") {
+  return Ai(e);
 }
-const lc = {
+const cc = {
   xs: wt(4),
   sm: wt(8),
   md: wt(16),
   lg: wt(24),
   xl: wt(32)
-}, cc = {
+}, dc = {
   /** Standard compact component height (inputs, buttons, icons) in pixels */
   HEIGHT: 24,
   /** Standard compact font size in pixels */
@@ -6343,62 +6347,62 @@ const lc = {
   SECTION_GAP: 4
 };
 export {
-  Kl as ActionRow,
+  Xl as ActionRow,
   Fa as AdvancedButton,
-  cc as COMPACT_SIZING,
-  Oa as CompactColorInput,
-  ec as CompoundRow,
-  Fl as ControlGroup,
-  Vl as ControlSection,
-  $l as ControlSubGroup,
+  dc as COMPACT_SIZING,
+  _a as CompactColorInput,
+  tc as CompoundRow,
+  Vl as ControlGroup,
+  $l as ControlSection,
+  Bl as ControlSubGroup,
   qt as DEFAULT_GRADIENT_STOP_COLOR,
-  Xl as DataRow,
-  ql as DataRowHeader,
-  Bl as DataTable,
-  Zr as FIELD_GLYPH_NAMES,
-  Jr as FIELD_LETTERS,
+  ql as DataRow,
+  Zl as DataRowHeader,
+  Ul as DataTable,
+  Jr as FIELD_GLYPH_NAMES,
+  Qr as FIELD_LETTERS,
   xt as FieldGlyph,
-  tc as FieldRow,
-  Ul as GradientEditor,
-  Zl as HistogramRow,
-  nc as IconGroupRow,
+  nc as FieldRow,
+  Wl as GradientEditor,
+  Jl as HistogramRow,
+  oc as IconGroupRow,
   Ma as InfoCircle,
-  Ol as LabelsProvider,
-  lc as MANTINE_SPACING,
+  _l as LabelsProvider,
+  cc as MANTINE_SPACING,
   Io as MAX_ALPHA_HEX,
   To as MAX_OPACITY_PERCENT,
-  Ql as MetricRow,
+  ec as MetricRow,
   c as PANEL_GRID,
   x as PANEL_INK,
-  gr as POPOUT_GAP,
-  mr as POPOUT_NESTED_GAP,
+  mr as POPOUT_GAP,
+  xr as POPOUT_NESTED_GAP,
   Pn as POPOUT_Z_INDEX_BASE,
   Xs as PanelField,
   Gs as PanelLabelsProvider,
   st as Popout,
-  Ml as PopoutButton,
+  Fl as PopoutButton,
   Ta as PopoutManager,
   Gl as PopoutRegion,
-  oc as ProseBlock,
-  ic as RampRow,
-  Oo as RankChip,
-  kr as SWATCH_COLORS_HEXA,
-  Jl as SparklineRow,
-  Wl as StyleNumberInput,
-  Yl as StyleSelect,
-  rc as ToggleRow,
-  ac as ToggleRowGroup,
-  jl as ToggleWithContent,
+  ic as ProseBlock,
+  rc 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,
   ke as TrailingSlot,
   Hl as UI_GLYPH_NAMES,
   pe as UiGlyph,
-  Yi as compactColors,
-  Wi as compactDarkColors,
-  _l as compactTheme,
-  Dr as compactThemeOverride,
+  ji as compactColors,
+  Yi as compactDarkColors,
+  Ol as compactTheme,
+  kr as compactThemeOverride,
   fn as createColorStop,
   cs as createDefaultGradientStops,
-  Gr as defaultLabels,
+  Mr as defaultLabels,
   It as getActivationMeta,
   So as isFieldGlyphName,
   Eo as isFieldLetter,
@@ -6407,16 +6411,17 @@ export {
   Co as opacityToAlphaHex,
   zo as parseAlphaFromHexa,
   Nl as parseHexaColor,
-  Kr as parseLocaleNumber,
+  Xr as parseLocaleNumber,
   Dl as toHexaColor,
-  sc as useActualColorScheme,
-  qr as useCollator,
+  lc as useActualColorScheme,
+  Zr as useCollator,
   Qe as useDirection,
   fe as useLabels,
   ct as useLocale,
   bt as useNumberFormatter,
   yo as useNumberParser,
-  Xr as useOrdinalFormatter,
+  qr as useOrdinalFormatter,
   jt as usePanelLabels,
-  la as usePopoutRegion
+  Ml as usePopoutManager,
+  ca as usePopoutRegion
 };