@graphty/compact-mantine 0.8.0 → 0.8.1

package/dist/index.js

@@ -1,9 +1,9 @@
 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 { 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 _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 Li, useImperativeHandle as Oi } from "react";
-import { createPortal as _i } from "react-dom";
-import { useTable as Hi, functionalUpdate as Ot, 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 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";
 const c = {
   /** the width of the panel column every row is laid out in */
@@ -657,7 +657,7 @@ const qi = {
 }, Rn = {
   label: gt,
   input: vn
-}, _t = {
+}, Ot = {
   dropdown: {
     padding: 4,
     border: "none",
@@ -800,7 +800,7 @@ const St = {
     }),
     styles: {
       ...ht,
-      ..._t
+      ...Ot
     }
   }),
   Textarea: ui.extend({
@@ -845,7 +845,7 @@ const St = {
     }),
     styles: {
       ...ht,
-      ..._t
+      ...Ot
     }
   }),
   MultiSelect: li.extend({
@@ -860,7 +860,7 @@ const St = {
     }),
     styles: {
       label: gt,
-      ..._t,
+      ...Ot,
       ...Xt,
       inputField: {
         minWidth: 60,
@@ -880,7 +880,7 @@ const St = {
     }),
     styles: {
       label: gt,
-      ..._t,
+      ...Ot,
       ...Xt,
       inputField: {
         minWidth: 30,
@@ -1034,7 +1034,7 @@ const St = {
   dropdown: {
     padding: 8
   }
-}, Or = {
+}, _r = {
   Menu: wi.extend({
     defaultProps: {
       zIndex: Xe
@@ -1061,7 +1061,7 @@ const St = {
     },
     styles: Lr
   })
-}, _r = {
+}, Or = {
   xs: "10px",
   sm: "11px",
   // Our compact default
@@ -1082,7 +1082,7 @@ const St = {
   xl: "12px"
 }, Dr = Ei({
   colors: Yi,
-  fontSizes: _r,
+  fontSizes: Or,
   spacing: Hr,
   radius: Nr,
   // Keyboard focus is always visible; pointer focus is not. `auto` resolves to
@@ -1106,9 +1106,9 @@ const St = {
     ...dr,
     ...hr,
     ...Cr,
-    ...Or
+    ..._r
   }
-}), Ol = Si(lo, Dr), kr = [
+}), _l = Si(lo, Dr), kr = [
   "#5B8FF9FF",
   "#FF6B6BFF",
   "#61D095FF",
@@ -1179,15 +1179,15 @@ const St = {
 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;
 }
-function _l({ labels: e, locale: t, children: i }) {
-  const o = _e(dn), r = _e(un), a = Z(() => ({ ...o, ...e }), [o, e]), s = t ?? r;
+function Ol({ labels: e, locale: t, children: i }) {
+  const o = Oe(dn), r = Oe(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 _e(dn);
+  return Oe(dn);
 }
 function ct() {
-  const e = _e(un);
+  const e = Oe(un);
   return Fr(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();
@@ -1473,7 +1473,7 @@ function vt({
 }
 const Po = lt(null);
 function na() {
-  return _e(Po);
+  return Oe(Po);
 }
 function oa({ children: e }) {
   const t = X(null);
@@ -1535,26 +1535,26 @@ function Gl({ id: e, children: t }) {
   return /* @__PURE__ */ n(Ro.Provider, { value: e, children: t });
 }
 function la() {
-  return _e(Ro);
+  return Oe(Ro);
 }
 const yn = lt(null), wn = lt(null);
 function Yt() {
-  const e = _e(yn);
+  const e = Oe(yn);
   if (!e)
     throw new Error("usePopoutContext must be used within a Popout component");
   return e;
 }
 function ca() {
-  return _e(yn);
+  return Oe(yn);
 }
 function da() {
-  const e = _e(wn);
+  const e = Oe(wn);
   if (!e)
     throw new Error("usePopoutManagerContext must be used within a PopoutManager");
   return e;
 }
 function ua() {
-  return _e(wn);
+  return Oe(wn);
 }
 function pa({
   children: e,
@@ -1612,7 +1612,7 @@ function pa({
   return /* @__PURE__ */ n(yn.Provider, { value: C, children: e });
 }
 function fa({ 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(
+  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(
     (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 +1689,15 @@ function fa({ children: e }) {
       const G = r.current.get(N);
       G == null || G();
     }
-  }, [R]), O = F((b) => {
+  }, [R]), _ = 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) && O(G);
-  }, [O, d]), W = F(() => {
+      G !== b && d(G, w, N) && _(G);
+  }, [_, d]), W = F(() => {
     const b = o.current;
     if (b.length === 0)
       return;
@@ -1709,7 +1709,7 @@ function fa({ children: e }) {
       const N = r.current.get(w);
       N == null || N();
     }
-  }, []), D = F(() => o.current.length > 0, []), [Y, A] = Oe(!1);
+  }, []), D = F(() => o.current.length > 0, []), [Y, A] = _e(!1);
   Ee(() => {
     A(o.current.length > 0);
   }, [p]), sa(W, Y), aa(V, Y);
@@ -1724,13 +1724,13 @@ function fa({ children: e }) {
       closeFocused: W,
       closeAll: V,
       hasOpenPopouts: D,
-      closeWithDescendants: O,
+      closeWithDescendants: _,
       closeDescendants: L,
       closeSiblings: k,
       getParentId: E,
       isAncestor: y
     }),
-    [z, C, T, P, t, p, W, V, D, O, L, k, E, y]
+    [z, C, T, P, t, p, W, V, D, _, L, k, E, y]
   );
   return /* @__PURE__ */ S(wn.Provider, { value: H, children: [
     e,
@@ -1760,7 +1760,7 @@ function xa(e) {
     onDragStart: o,
     onDrag: r,
     onDragEnd: a
-  } = e, [s, p] = Oe({ left: 0, top: 0 }), u = X(!1), d = X(!1), f = X(!1), g = X({
+  } = e, [s, p] = _e({ left: 0, top: 0 }), u = X(!1), d = X(!1), f = X(!1), g = X({
     x: 0,
     y: 0,
     offsetLeft: 0,
@@ -1905,7 +1905,7 @@ function ba({
 function va(e, t = document) {
   return e === null ? null : t.querySelector(`[data-popout-id="${e}"]`);
 }
-function On(e, t, i) {
+function _n(e, t, i) {
   const { trigger: o, parent: r, panel: a } = i;
   if (e !== void 0) {
     if (typeof e == "object")
@@ -1939,10 +1939,10 @@ function wa(e, t, i = gr, o = {}) {
   let d, f;
   switch (r) {
     case "left":
-      d = e.left - t - i, f = _n(p, a, s);
+      d = e.left - t - i, f = On(p, a, s);
       break;
     case "right":
-      d = e.right + i, f = _n(p, a, s);
+      d = e.right + i, f = On(p, a, s);
       break;
     case "top":
       d = Hn(p, a, t, u), f = e.top - s - i;
@@ -1957,7 +1957,7 @@ function wa(e, t, i = gr, o = {}) {
   }
   return { left: d, top: f };
 }
-function _n(e, t, i) {
+function On(e, t, i) {
   switch (t) {
     case "start":
       return e.top;
@@ -2011,14 +2011,14 @@ function Sa(e) {
     parentId: R,
     region: L
   } = Yt(), {
-    getZIndex: O,
+    getZIndex: _,
     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] = Oe(null), ve = X(!1), ne = X(null), de = F(() => {
+  } = 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(() => {
     D(y);
   }, [D, y]), {
     dragTriggerProps: re,
@@ -2032,7 +2032,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] = Oe(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] = _e(be), dt = f ?? (R === null ? 0 : mr), tt = F(
     ($, oe) => {
       var ie;
       Ue($), (ie = ee == null ? void 0 : ee.onTabChange) == null || ie.call(ee, $, oe);
@@ -2065,8 +2065,8 @@ function Sa(e) {
       panel: (H == null ? void 0 : H.anchorRef.current) ?? null
     };
     return {
-      inline: On(s, "x", $),
-      block: On(p, "y", $)
+      inline: _n(s, "x", $),
+      block: _n(p, "y", $)
     };
   }, [E, R, H, s, p]), Ye = F(() => {
     var ft;
@@ -2129,7 +2129,7 @@ function Sa(e) {
     ve.current = T;
   }, [T]), !T || !k)
     return null;
-  const nt = O(y), ut = {
+  const nt = _(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(
@@ -2184,7 +2184,7 @@ function Sa(e) {
       ]
     }
   );
-  return _i(Me, k);
+  return Oi(Me, k);
 }
 function Ea({ children: e, action: t = "toggle" }) {
   const {
@@ -2273,14 +2273,14 @@ function Jt(e) {
     borderEndEndRadius: i
   };
 }
-function Oa() {
+function _a() {
   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 _a({
+function Oa({
   color: e,
   defaultColor: t,
   opacity: i,
@@ -2295,7 +2295,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(), z = yo(), C = _a(), T = ue(), P = vt({ name: p, disabled: d, disabledReason: f }), [E, y] = ae({
     value: e,
     defaultValue: void 0,
     finalValue: void 0,
@@ -2305,7 +2305,7 @@ function _a({
     defaultValue: void 0,
     finalValue: void 0,
     onChange: a
-  }), 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);
+  }), _ = 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);
   Ee(() => {
     A(V.replace("#", "").toUpperCase());
   }, [V]), Ee(() => {
@@ -2401,14 +2401,14 @@ function _a({
               onFocus: g,
               onBlur: J,
               "aria-label": v.colorHexValue,
-              "data-is-default": O ? "true" : "false",
+              "data-is-default": _ ? "true" : "false",
               w: Ca,
               styles: {
                 input: {
                   ...Jt(de),
                   fontFamily: "monospace",
                   textTransform: "uppercase",
-                  ...O ? {
+                  ..._ ? {
                     fontStyle: "italic",
                     color: x.CHROME
                   } : {}
@@ -2730,7 +2730,7 @@ function Vl(e) {
   );
   const L = (H) => {
     E(!P, H);
-  }, O = P ? m.collapseSection(t) : m.expandSection(t), k = m.addToSection(t), W = ze(v) ? "chevronLeft" : "chevronRight", V = {
+  }, _ = 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 +2824,7 @@ function Vl(e) {
                 {
                   type: "button",
                   "data-testid": "control-section-toggle",
-                  "aria-label": O,
+                  "aria-label": _,
                   "aria-expanded": P,
                   "aria-controls": C,
                   onClick: L,
@@ -3127,7 +3127,7 @@ function ss(e, t) {
     hiddenColumns: y,
     defaultHiddenColumns: R,
     onHiddenColumnsChange: L,
-    columnOrder: O,
+    columnOrder: _,
     defaultColumnOrder: k,
     onColumnOrderChange: W,
     filter: V,
@@ -3165,7 +3165,7 @@ function ss(e, t) {
       L == null || L([...l], I);
     }
   }), [Ue, dt] = ae({
-    value: O,
+    value: _,
     defaultValue: k,
     finalValue: tn,
     onChange: (l, I) => {
@@ -3203,7 +3203,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, O) => Ja(l.value(I.original), l.value(O.original), re)
     })),
     [o, re]
   ), ut = JSON.stringify(we), pt = Z(
@@ -3230,8 +3230,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, _) => {
-      const U = _;
+    globalFilterFn: (l, I, O) => {
+      const U = O;
       if (U === void 0 || !U.columnIds.includes(I))
         return !1;
       const te = Re.get(I);
@@ -3245,21 +3245,21 @@ function ss(e, t) {
       globalFilter: We
     },
     onSortingChange: (l) => {
-      const I = Ot(l, pt);
+      const I = _t(l, pt);
       ee(
-        I.map((_) => ({ id: _.id, desc: _.desc })),
+        I.map((O) => ({ id: O.id, desc: O.desc })),
         Ae.current
       );
     },
     onColumnVisibilityChange: (l) => {
-      const I = Ot(l, ot);
-      et(Object.keys(I).filter((_) => !I[_]));
+      const I = _t(l, ot);
+      et(Object.keys(I).filter((O) => !I[O]));
     },
     onColumnOrderChange: (l) => {
-      dt(Ot(l, it));
+      dt(_t(l, it));
     },
     onRowSelectionChange: (l) => {
-      ye(Object.keys(Ot(l, Me)));
+      ye(Object.keys(_t(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({
     count: le,
@@ -3267,19 +3267,19 @@ function ss(e, t) {
     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), Vo = (l) => {
+  }), [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) => {
     l.row >= 0 && Ne.scrollToIndex(l.row), ft.current = !0, je((I) => kt(I, l) ? I : l);
   };
   Li(() => {
-    var _;
+    var O;
     if (!ft.current)
       return;
-    const l = `[data-grid-row="${he.row}"][data-grid-column="${he.column}"]`, I = (_ = ce.current) == null ? void 0 : _.querySelector(l);
+    const l = `[data-grid-row="${he.row}"][data-grid-column="${he.column}"]`, I = (O = ce.current) == null ? void 0 : O.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, _) => {
+  }, Ct = (l, I, O) => {
     Sn(
       qa({
         ids: Le,
@@ -3289,20 +3289,20 @@ function ss(e, t) {
         modifiers: I,
         mode: m
       }),
-      _
+      O
     );
-  }, En = (l, I, _) => {
+  }, En = (l, I, O) => {
     const U = oe[l];
-    U !== void 0 && (H == null || H(U.original, I, _));
+    U !== void 0 && (H == null || H(U.original, I, O));
   }, $o = (l, I) => {
     l.getCanSort() && (Ae.current = I, l.toggleSorting(void 0, I.shiftKey && l.getCanMultiSort()), Ae.current = void 0);
   }, Bo = () => {
-    var _;
-    const l = ((_ = M.current) == null ? void 0 : _.clientHeight) ?? 0, I = Math.floor((l === 0 ? d * 10 : l) / d);
+    var O;
+    const l = ((O = M.current) == null ? void 0 : O.clientHeight) ?? 0, I = Math.floor((l === 0 ? d * 10 : l) / d);
     return Math.max(1, I - 1);
   }, Uo = (l) => {
-    const I = m === "multiple", _ = l.ctrlKey || l.metaKey;
-    if (I && _ && (l.key === "a" || l.key === "A")) {
+    const I = m === "multiple", O = l.ctrlKey || l.metaKey;
+    if (I && O && (l.key === "a" || l.key === "A")) {
       l.preventDefault(), Sn(Za(Le, K, m), l);
       return;
     }
@@ -3315,23 +3315,23 @@ function ss(e, t) {
       l.key,
       { rowCount: le, columnCount: me, pageSize: Bo() },
       ve,
-      { jumpToEnd: _ }
+      { jumpToEnd: O }
     );
     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));
   };
-  Oi(
+  _i(
     t,
     () => ({
       scrollToRow: (l) => {
         l >= 0 && l < le && Ne.scrollToIndex(l);
       },
       setColumnHidden: (l, I) => {
-        var _;
-        (_ = $.getColumn(l)) == null || _.toggleVisibility(!I);
+        var O;
+        (O = $.getColumn(l)) == null || O.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 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));
       },
       clearSelection: () => {
         Ke.current = void 0, ye([]);
@@ -3341,14 +3341,14 @@ function ss(e, t) {
   );
   const Wo = ie.reduce(
     (l, I) => {
-      var _;
-      return l + (((_ = Re.get(I.id)) == null ? void 0 : _.width) ?? c.FIELD);
+      var O;
+      return l + (((O = Re.get(I.id)) == null ? void 0 : O.width) ?? c.FIELD);
     },
     0
   ), In = (l, I) => {
-    const _ = (l == null ? void 0 : l.width) ?? c.FIELD;
+    const O = (l == null ? void 0 : l.width) ?? c.FIELD;
     return {
-      flex: I === me - 1 ? `1 1 ${String(_)}px` : `0 0 ${String(_)}px`,
+      flex: I === me - 1 ? `1 1 ${String(O)}px` : `0 0 ${String(O)}px`,
       minWidth: 0,
       boxSizing: "border-box",
       display: "flex",
@@ -3486,14 +3486,14 @@ function ss(e, t) {
                             "aria-rowindex": 1,
                             style: { display: "flex", width: "100%", height: f },
                             children: ie.map((l, I) => {
-                              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: [
+                              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: [
                                 /* @__PURE__ */ n(
                                   h,
                                   {
                                     component: "span",
                                     "data-testid": "data-table-header-label",
                                     dir: "auto",
-                                    title: _ == null ? void 0 : _.header,
+                                    title: O == null ? void 0 : O.header,
                                     style: {
                                       flex: "0 1 auto",
                                       minWidth: 0,
@@ -3502,7 +3502,7 @@ function ss(e, t) {
                                       whiteSpace: "nowrap",
                                       color: te === !1 ? void 0 : x.VALUE
                                     },
-                                    children: (_ == null ? void 0 : _.header) ?? l.id
+                                    children: (O == null ? void 0 : O.header) ?? l.id
                                   }
                                 ),
                                 te !== !1 && /* @__PURE__ */ n(
@@ -3563,7 +3563,7 @@ function ss(e, t) {
                                     );
                                   },
                                   style: {
-                                    ...In(_, I),
+                                    ...In(O, I),
                                     gap: c.GUTTER / 2,
                                     height: f,
                                     fontSize: "var(--mantine-font-size-sm)",
@@ -3597,7 +3597,7 @@ function ss(e, t) {
                                           display: "flex",
                                           alignItems: "center",
                                           gap: c.GUTTER / 2,
-                                          justifyContent: (_ == null ? void 0 : _.align) === "end" ? "flex-end" : "flex-start",
+                                          justifyContent: (O == null ? void 0 : O.align) === "end" ? "flex-end" : "flex-start",
                                           flex: "1 1 auto",
                                           minWidth: 0,
                                           height: "100%",
@@ -3632,16 +3632,16 @@ function ss(e, t) {
                           const I = oe[l.index];
                           if (I === void 0)
                             return null;
-                          const _ = K.includes(I.id);
+                          const O = K.includes(I.id);
                           return /* @__PURE__ */ n(
                             rt.Tr,
                             {
                               role: "row",
                               "data-testid": "data-table-row",
                               "data-index": l.index,
-                              "data-selected": _ ? "true" : void 0,
+                              "data-selected": O ? "true" : void 0,
                               "aria-rowindex": l.index + 2,
-                              "aria-selected": Pt ? _ : void 0,
+                              "aria-selected": Pt ? O : void 0,
                               onDoubleClick: (U) => {
                                 b == null || b(I.original, U);
                               },
@@ -3656,7 +3656,7 @@ function ss(e, t) {
                                 width: "100%",
                                 height: d,
                                 transform: `translateY(${String(l.start)}px)`,
-                                background: _ ? is : void 0,
+                                background: O ? is : void 0,
                                 cursor: Pt ? "pointer" : void 0
                               },
                               children: ie.map((U, te) => {
@@ -3782,7 +3782,7 @@ function Ul({
     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) => {
+  }, _ = (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 +3814,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(
-          _a,
+          Oa,
           {
             color: A.color,
             defaultColor: qt,
             onColorChange: (w, N) => {
-              T(O(H, w ?? qt), N);
+              T(_(H, w ?? qt), N);
             },
             showOpacity: !1
           }
@@ -3925,14 +3925,14 @@ function Wl({
     defaultValue: void 0,
     finalValue: void 0,
     onChange: o
-  }), R = E === void 0, L = E ?? i, [O, k] = Oe(L), W = X(!1);
+  }), R = E === void 0, L = E ?? i, [_, k] = _e(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 O == "string" ? T(O) : O;
+    const H = typeof _ == "string" ? T(_) : _;
     if (Number.isNaN(H)) {
       k(E ?? i), v == null || v(A);
       return;
@@ -3958,7 +3958,7 @@ function Wl({
             "data-testid": "style-number-input-field",
             label: e,
             description: C.description,
-            value: O,
+            value: _,
             onChange: V,
             onFocus: m,
             onBlur: D,
@@ -4224,7 +4224,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] = 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: 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: [
     /* @__PURE__ */ n("span", { "aria-hidden": "true", children: t }),
     /* @__PURE__ */ n(Te, { "data-testid": "action-row-state-full", children: i })
   ] }) : t;
@@ -4359,7 +4359,7 @@ function Kl(e) {
     }
   );
 }
-const Lo = c.GUTTER, Ts = 12, Oo = 1.2, zs = 20, Cs = 500, Ps = "var(--mantine-primary-color-light)";
+const Lo = c.GUTTER, Ts = 12, _o = 1.2, zs = 20, Cs = 500, Ps = "var(--mantine-primary-color-light)";
 function Xl({
   name: e,
   value: t,
@@ -4377,8 +4377,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 O = "transparent";
-  o ? O = Ps : z && m && (O = x.SURFACE);
+  let _ = "transparent";
+  o ? _ = Ps : z && m && (_ = x.SURFACE);
   const k = /* @__PURE__ */ S(q, { children: [
     C && /* @__PURE__ */ n(
       h,
@@ -4456,10 +4456,10 @@ function Xl({
         height: c.DATA_PITCH,
         paddingInline: Lo,
         borderRadius: "var(--mantine-radius-sm)",
-        background: O,
+        background: _,
         color: x.VALUE,
         fontSize: Ts,
-        lineHeight: Oo
+        lineHeight: _o
       },
       children: [
         z ? /* @__PURE__ */ n(
@@ -4541,7 +4541,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(_o, { children: u.format(a) }) }),
+    /* @__PURE__ */ n(h, { component: "span", "aria-hidden": "true", style: { flex: "0 0 auto", display: "flex" }, children: /* @__PURE__ */ n(Oo, { children: u.format(a) }) }),
     f && /* @__PURE__ */ n(
       h,
       {
@@ -4578,7 +4578,7 @@ function ql({
         height: zs,
         paddingInline: Lo,
         fontSize: "var(--mantine-font-size-sm)",
-        lineHeight: Oo,
+        lineHeight: _o,
         color: x.CHROME
       },
       children: d ? /* @__PURE__ */ n(
@@ -4606,7 +4606,7 @@ function ql({
     }
   );
 }
-function _o({ children: e }) {
+function Oo({ children: e }) {
   return /* @__PURE__ */ n(
     po,
     {
@@ -4624,7 +4624,7 @@ function _o({ children: e }) {
     }
   );
 }
-const Kn = 2, Rs = 1, As = 13, Ls = 2, Os = 1, _s = 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, _s = 1, Os = 1, Hs = 64, Ho = 4, Xn = Ho / 2, No = 4, Ns = 12, at = 100, Ds = 1.5, hn = 100;
 function Vt({ children: e, end: t, id: i }) {
   return /* @__PURE__ */ n(
     h,
@@ -4767,9 +4767,9 @@ function Zl({
                                 flex: "1 1 0",
                                 minWidth: 0,
                                 height: `${String(z)}%`,
-                                minHeight: v > 0 ? _s : 0,
+                                minHeight: v > 0 ? Os : 0,
                                 background: C ? x.ACCENT : x.BORDER,
-                                borderRadius: Os
+                                borderRadius: _s
                               }
                             },
                             `${g.label}-${String(m)}`
@@ -5014,7 +5014,7 @@ function Ql({
             children: i
           }
         ),
-        o !== void 0 && /* @__PURE__ */ n(_o, { children: o })
+        o !== void 0 && /* @__PURE__ */ n(Oo, { children: o })
       ]
     }
   );
@@ -5024,7 +5024,7 @@ function Gs({ showLabels: e = !1, children: t }) {
   return /* @__PURE__ */ n(Mo.Provider, { value: e, children: t });
 }
 function jt() {
-  return _e(Mo);
+  return Oe(Mo);
 }
 const Ms = c.VALUE_INSET - c.GLYPH_SLOT, Fs = 2, Vs = 1, $s = 2, Bs = 3;
 function Us(e) {
@@ -5150,9 +5150,9 @@ function ec({
   onFocus: p,
   onBlur: u
 }) {
-  const d = jt(), f = Ie.useId(), g = t.filter((O) => O.grow === !0).length;
+  const d = jt(), f = Ie.useId(), g = t.filter((_) => _.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 = 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((_) => _.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 = {
     display: "flex",
     alignItems: "center",
     boxSizing: "border-box",
@@ -5169,7 +5169,7 @@ function ec({
     cursor: z ? "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: [
+    t.map((_, k) => /* @__PURE__ */ S(Ie.Fragment, { children: [
       k > 0 && /* @__PURE__ */ n(
         h,
         {
@@ -5182,7 +5182,7 @@ function ec({
           }
         }
       ),
-      /* @__PURE__ */ n(Ws, { segment: O, grow: k === v, index: k })
+      /* @__PURE__ */ n(Ws, { segment: _, grow: k === v, index: k })
     ] }, k))
   ] });
   return /* @__PURE__ */ S(
@@ -5287,7 +5287,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: O,
+    onClick: _,
     disabled: k = !1,
     readOnly: W,
     boundDescription: V,
@@ -5323,9 +5323,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 || O == null || O(M);
+    k || _ == null || _(M);
   }, pt = (M) => {
-    b == null || b(M), !(O === void 0 || k || M.defaultPrevented) && (j || (M.key === "Enter" || M.key === " " && se) && (M.preventDefault(), O(M)));
+    b == null || b(M), !(_ === void 0 || k || M.defaultPrevented) && (j || (M.key === "Enter" || M.key === " " && se) && (M.preventDefault(), _(M)));
   }, ot = (M, ce) => {
     ne(M, ce);
   };
@@ -5603,7 +5603,7 @@ const tc = Ut(function({
           flexDirection: "column",
           ...a
         },
-        children: g.map((L, O) => {
+        children: g.map((L, _) => {
           const k = Qs(L);
           return /* @__PURE__ */ S(
             h,
@@ -5656,10 +5656,10 @@ const tc = Ut(function({
                     children: /* @__PURE__ */ n(Gs, { showLabels: !1, children: Qn(L) })
                   }
                 ),
-                /* @__PURE__ */ n(ke, { children: O === 0 ? i : null })
+                /* @__PURE__ */ n(ke, { children: _ === 0 ? i : null })
               ]
             },
-            Jn(L, O)
+            Jn(L, _)
           );
         })
       }
@@ -5685,7 +5685,7 @@ const tc = Ut(function({
         ...a
       },
       children: [
-        g.map((L, O) => /* @__PURE__ */ n(
+        g.map((L, _) => /* @__PURE__ */ n(
           h,
           {
             "data-testid": "field-row-slot",
@@ -5699,12 +5699,12 @@ 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: O === 0 ? void 0 : c.GUTTER,
-              marginInlineEnd: O === m - 1 ? R : void 0
+              marginInlineStart: _ === 0 ? void 0 : c.GUTTER,
+              marginInlineEnd: _ === m - 1 ? R : void 0
             },
             children: Qn(L)
           },
-          Jn(L, O)
+          Jn(L, _)
         )),
         /* @__PURE__ */ n(ke, { children: i })
       ]
@@ -5739,7 +5739,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 O = g ?? (T <= sl ? c.FIELD : c.BODY), k = O === "fill", W = (D) => {
+  const _ = g ?? (T <= sl ? c.FIELD : c.BODY), k = _ === "fill", W = (D) => {
     var b;
     if (u || D.key !== "Home" && D.key !== "End")
       return;
@@ -5861,7 +5861,7 @@ function nc(e) {
               root: {
                 boxSizing: "border-box",
                 flex: k ? "1 1 auto" : "0 0 auto",
-                width: k ? "100%" : O,
+                width: k ? "100%" : _,
                 minWidth: 0,
                 height: c.CONTROL_HEIGHT,
                 padding: Fo,
@@ -6123,7 +6123,7 @@ function ic({
       children: /* @__PURE__ */ n(xt, { name: z })
     }
   ) : L = /* @__PURE__ */ n(Fa, { label: C, icon: /* @__PURE__ */ n(xt, { name: z }), onClick: u }));
-  const O = Tt(d) ? d : L;
+  const _ = Tt(d) ? d : L;
   return /* @__PURE__ */ S(
     h,
     {
@@ -6186,7 +6186,7 @@ function ic({
               display: "flex",
               marginInlineStart: c.TRAIL_GAP - sn
             },
-            children: /* @__PURE__ */ n(ke, { children: O })
+            children: /* @__PURE__ */ n(ke, { children: _ })
           }
         )
       ]
@@ -6341,12 +6341,12 @@ const lc = {
   CONTROL_PADDING: 8,
   /** Gap between items in sections/lists in pixels */
   SECTION_GAP: 4
-}, dc = "0.7.0";
+};
 export {
   Kl as ActionRow,
   Fa as AdvancedButton,
   cc as COMPACT_SIZING,
-  _a as CompactColorInput,
+  Oa as CompactColorInput,
   ec as CompoundRow,
   Fl as ControlGroup,
   Vl as ControlSection,
@@ -6363,7 +6363,7 @@ export {
   Zl as HistogramRow,
   nc as IconGroupRow,
   Ma as InfoCircle,
-  _l as LabelsProvider,
+  Ol as LabelsProvider,
   lc as MANTINE_SPACING,
   Io as MAX_ALPHA_HEX,
   To as MAX_OPACITY_PERCENT,
@@ -6381,7 +6381,7 @@ export {
   Gl as PopoutRegion,
   oc as ProseBlock,
   ic as RampRow,
-  _o as RankChip,
+  Oo as RankChip,
   kr as SWATCH_COLORS_HEXA,
   Jl as SparklineRow,
   Wl as StyleNumberInput,
@@ -6392,10 +6392,9 @@ export {
   ke as TrailingSlot,
   Hl as UI_GLYPH_NAMES,
   pe as UiGlyph,
-  dc as VERSION,
   Yi as compactColors,
   Wi as compactDarkColors,
-  Ol as compactTheme,
+  _l as compactTheme,
   Dr as compactThemeOverride,
   fn as createColorStop,
   cs as createDefaultGradientStops,