@pstdio/ui 0.44.0-nightly.20261017030225 → 0.44.0

package/dist/collection-view.d.ts

@@ -1,91 +1,4 @@
-import { A as CollectionSavedView, F as ViewFilterGroup, I as ViewFilterRule, L as ViewSort, M as CollectionViewsSource, N as EMPTY_VIEW_FILTER, a as CollectionViewStoreState, i as CollectionViewStoreInitialState, j as CollectionViewState, o as useCollectionViewStore, r as withTitleField, s as AttributeDescriptor, x as KanbanRendererRow } from "./collection-view-fields-Sa5HO5P7.js";
-import { ReactNode, RefObject } from "react";
-import { ViewFilterGroup as ViewFilterGroup$1, ViewFilterRule as ViewFilterRule$1 } from "@pstdio/sdk/extensions";
-//#region src/components/collection-view/filter-rule-value.d.ts
-interface RuleValueOption {
-  value: string;
-  label: string;
-  count?: number;
-  icon?: string | null;
-  color?: string;
-}
-//#endregion
-//#region src/components/collection-view/collection-filter.d.ts
-interface CollectionFilterProps {
-  itemLabel?: string;
-  fields: AttributeDescriptor[];
-  filter: ViewFilterGroup$1;
-  optionsFor: (field: AttributeDescriptor) => RuleValueOption[];
-  onFilterChange: (filter: ViewFilterGroup$1) => void;
-}
-/** The collection picker and editable criteria, without saved views or search. */
-export declare function CollectionFilter(props: CollectionFilterProps): import("react/jsx-runtime").JSX.Element;
-//#endregion
-//#region src/components/collection-view/collection-view-bar.d.ts
-interface CollectionViewBarProps<TSettings> {
-  storageKey: string;
-  /** Singular resource label used as the subject of boolean predicates. */
-  itemLabel?: string;
-  initialState: CollectionViewStoreInitialState<TSettings>;
-  views: (CollectionSavedView<TSettings> & {
-    builtIn: boolean;
-  })[];
-  viewsSource?: CollectionViewsSource<TSettings>;
-  /** Every field of the view. Filter offers the filterable ones and Sort the sortable ones. */
-  fields: AttributeDescriptor[];
-  optionsFor: (field: AttributeDescriptor) => RuleValueOption[];
-  /** Search is screen state owned by the renderer. It is never saved. */
-  search: string;
-  onSearchChange: (value: string) => void;
-  searchResultLabel?: string;
-  leading?: ReactNode;
-  actions?: ReactNode;
-  displayControl: ReactNode;
-  align?: "split" | "end";
-}
-/** One view bar for data tables and both kanban displays: saved views, then Search, Filter, and Display. */
-export declare const CollectionViewBar: <TSettings>(props: CollectionViewBarProps<TSettings>) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-//#region src/components/collection-view/collection-view-filter.d.ts
-/** Rules that are incomplete or no longer fit a field are skipped, so they never hide rows. */
-export declare const filterRowsByView: <TRow extends KanbanRendererRow>(rows: TRow[], filter: ViewFilterGroup$1, fields: AttributeDescriptor[], today?: Date) => TRow[];
-//#endregion
-//#region src/components/collection-view/collection-view-search.d.ts
-/** Search only looks at the text a view shows, which the caller collects per row. */
-export declare const searchRows: <TRow>(rows: TRow[], query: string, textsOf: (row: TRow) => string[]) => TRow[];
-//#endregion
-//#region src/components/collection-view/use-collection-views.d.ts
-interface CollectionViewsInput<TSettings> {
-  storageKey: string;
-  fields?: AttributeDescriptor[];
-  initialState: CollectionViewStoreInitialState<TSettings>;
-  viewsSource?: CollectionViewsSource<TSettings>;
-  defaultViews?: CollectionSavedView<TSettings>[];
-  defaultActiveViewId?: string;
-}
-/** Picks the views a renderer offers and keeps the store on a view that still exists. */
-export declare const useCollectionViews: <TSettings>(input: CollectionViewsInput<TSettings>) => {
-  views: (CollectionSavedView<TSettings> & {
-    builtIn: boolean;
-  })[];
-  defaultId: string | undefined;
-};
-//#endregion
-//#region src/components/collection-view/view-bar-popover.d.ts
-interface ViewBarPopoverProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  /** The button the menu opens from. Several buttons can open the same menu. */
-  anchorRef: RefObject<HTMLElement | null>;
-  width: string;
-  placement?: "bottom-start" | "bottom-end";
-  /** The quick picker draws its own panes edge to edge. */
-  padding?: "0" | "2xs";
-  testId?: string;
-  children: ReactNode;
-}
-/** The menu shell for Search, Filter, and Sort. Menus inside it render in place, so using them never closes it. */
-export declare const ViewBarPopover: (props: ViewBarPopoverProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { type CollectionFilterProps, type CollectionSavedView, type CollectionViewBarProps, type CollectionViewState, type CollectionViewStoreInitialState, type CollectionViewStoreState, type CollectionViewsInput, type CollectionViewsSource, EMPTY_VIEW_FILTER, type ViewBarPopoverProps, type ViewFilterGroup, type ViewFilterRule, type ViewSort, useCollectionViewStore, withTitleField };
+import { A as CollectionSavedView, F as ViewFilterGroup, I as ViewFilterRule, L as ViewSort, M as CollectionViewsSource, N as EMPTY_VIEW_FILTER, a as CollectionViewStoreState, i as CollectionViewStoreInitialState, j as CollectionViewState, o as useCollectionViewStore, r as withTitleField } from "./collection-view-fields-tMtZmuhS.js";
+import { a as searchRows, c as CollectionViewBarProps, i as useCollectionViews, l as CollectionFilter, n as ViewBarPopoverProps, o as filterRowsByView, r as CollectionViewsInput, s as CollectionViewBar, t as ViewBarPopover, u as CollectionFilterProps } from "./index-kYQwGcym.js";
+export { CollectionFilter, type CollectionFilterProps, type CollectionSavedView, CollectionViewBar, type CollectionViewBarProps, type CollectionViewState, type CollectionViewStoreInitialState, type CollectionViewStoreState, type CollectionViewsInput, type CollectionViewsSource, EMPTY_VIEW_FILTER, ViewBarPopover, type ViewBarPopoverProps, type ViewFilterGroup, type ViewFilterRule, type ViewSort, filterRowsByView, searchRows, useCollectionViewStore, useCollectionViews, withTitleField };
 export {};

package/dist/collection-view.js

@@ -1,5 +1,5 @@
 import { n as e } from "./scroll-area-IeoRS73V.js";
-import { F as t, I as n, L as r, T as i, _ as a, a as o, c as s, d as c, f as l, g as u, i as d, l as f, n as p, o as m, r as h, s as g, u as _, v } from "./collection-view-search-mHPkdyxT.js";
+import { F as t, I as n, L as r, T as i, _ as a, a as o, c as s, d as c, f as l, g as u, i as d, l as f, n as p, o as m, r as h, s as g, u as _, v } from "./collection-view-search-D7HFymZW.js";
 import { Button as y, HStack as b, Icon as x } from "@chakra-ui/react";
 import { c as S } from "react/compiler-runtime";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";

package/dist/data-table.d.ts

@@ -1,5 +1,6 @@
-import { A as CollectionSavedView, M as CollectionViewsSource, a as CollectionViewStoreState } from "./collection-view-fields-Sa5HO5P7.js";
-import "./index-BTABZd25.js";
+import { A as CollectionSavedView, M as CollectionViewsSource, a as CollectionViewStoreState } from "./collection-view-fields-tMtZmuhS.js";
+import "./index-kYQwGcym.js";
+import "./index-DTjRTEez.js";
 import { ReactElement, ReactNode } from "react";
 import { DataTableRendererSettings, ViewFilterGroup, ViewSort } from "@pstdio/sdk/extensions";
 //#region src/components/data-table/types.d.ts

package/dist/data-table.js

@@ -1,12 +1,13 @@
 import { n as e, t } from "./scroll-area-IeoRS73V.js";
-import { a as n, o as r, t as i, u as a } from "./list-row-F8kBQGB-.js";
-import { n as o } from "./prism-EZSmZh-a.js";
-import { b as s, h as c } from "./collection-view-search-mHPkdyxT.js";
-import { C as l, S as u, T as d, _ as f, a as p, b as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, w as j, x as M, y as N } from "./edit-mode-data-table-BhJa4Z76.js";
-import { a as P } from "./collection-view-grouping-aKZhxYfX.js";
+import { a as n, l as r, t as i } from "./list-row-BDDAVuVd.js";
+import { n as a } from "./prism-E3-NXX_t.js";
+import { a as o } from "./host-storage-28AkEy1N.js";
+import { b as s, h as c } from "./collection-view-search-D7HFymZW.js";
+import { C as l, S as u, T as d, _ as f, a as p, b as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, w as j, x as M, y as N } from "./edit-mode-data-table-BwNTRik5.js";
+import { a as P } from "./collection-view-grouping-BKIr4QAb.js";
 import { t as F } from "./diff-bubble-DewUd_2w.js";
-import { i as I, n as L, t as R } from "./display-sort-control-0_gG-W9g.js";
-import { Badge as z, Box as B, Button as ee, Flex as V, HStack as H, Icon as U, IconButton as te, Image as ne, Menu as W, Popover as G, Portal as re, Skeleton as K, Stack as ie, Table as q, Text as J, chakra as Y } from "@chakra-ui/react";
+import { i as I, n as L, t as R } from "./display-sort-control-BuqijDAl.js";
+import { Badge as z, Box as ee, Button as B, Flex as V, HStack as H, Icon as U, IconButton as te, Image as ne, Menu as W, Popover as G, Portal as re, Skeleton as K, Stack as ie, Table as q, Text as J, chakra as Y } from "@chakra-ui/react";
 import { c as X } from "react/compiler-runtime";
 import { jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { Fragment as ae, Suspense as oe, cloneElement as se, isValidElement as ce, lazy as le, useEffect as ue, useRef as de, useState as fe } from "react";
@@ -176,7 +177,7 @@ var Re = (e, t) => t.find((t) => Object.is(t.value, e))?.color ?? null, ze = (e)
 		n[18] === i ? t = n[19] : (t = N(i), n[18] = i, n[19] = t), u = t, l = G.Root, n[20] === Symbol.for("react.memo_cache_sentinel") ? (h = {
 			placement: "bottom-start",
 			offset: { mainAxis: 6 }
-		}, n[20] = h) : h = n[20], c = G.Trigger, m = !0, s = ee, d = `View ${r} details`, g = "ghost", _ = "xs", v = "full", y = "0", b = "28px", x = "2xs", S = "flex-start", C = lt, p = e.length > 0 ? /* @__PURE__ */ Z(H, {
+		}, n[20] = h) : h = n[20], c = G.Trigger, m = !0, s = B, d = `View ${r} details`, g = "ghost", _ = "xs", v = "full", y = "0", b = "28px", x = "2xs", S = "flex-start", C = lt, p = e.length > 0 ? /* @__PURE__ */ Z(H, {
 			gap: "-1",
 			flexShrink: "0",
 			children: e.map(ft)
@@ -265,18 +266,18 @@ var pt = (e) => ce(e) ? se(e, { style: {
 } }) : e, mt = (e) => {
 	e.stopPropagation();
 }, ht = (e) => {
-	let t = X(10), { table: r } = e, i;
-	t[0] === r ? i = t[1] : (i = r.getIsAllRowsSelected(), t[0] = r, t[1] = i);
-	let a = i, o = !a && r.getIsSomeRowsSelected(), s = o ? "indeterminate" : a, c = o ? we : ge, l;
+	let t = X(10), { table: n } = e, r;
+	t[0] === n ? r = t[1] : (r = n.getIsAllRowsSelected(), t[0] = n, t[1] = r);
+	let i = r, a = !i && n.getIsSomeRowsSelected(), s = a ? "indeterminate" : i, c = a ? we : ge, l;
 	t[2] === c ? l = t[3] : (l = /* @__PURE__ */ Z(U, {
 		as: c,
 		boxSize: "12px",
 		strokeWidth: "3"
 	}), t[2] = c, t[3] = l);
 	let u;
-	t[4] === r ? u = t[5] : (u = (e) => r.toggleAllRowsSelected(e.checked === !0), t[4] = r, t[5] = u);
+	t[4] === n ? u = t[5] : (u = (e) => n.toggleAllRowsSelected(e.checked === !0), t[4] = n, t[5] = u);
 	let d;
-	return t[6] !== s || t[7] !== l || t[8] !== u ? (d = /* @__PURE__ */ Z(n, {
+	return t[6] !== s || t[7] !== l || t[8] !== u ? (d = /* @__PURE__ */ Z(o, {
 		checked: s,
 		"aria-label": "Select all",
 		icon: l,
@@ -284,22 +285,22 @@ var pt = (e) => ce(e) ? se(e, { style: {
 		onCheckedChange: u
 	}), t[6] = s, t[7] = l, t[8] = u, t[9] = d) : d = t[9], d;
 }, gt = (e) => {
-	let t = X(6), { row: r, column: i } = e, { selectedRowIds: a } = i.columnDef.meta, o = !!a?.[r.id], s;
+	let t = X(6), { row: n, column: r } = e, { selectedRowIds: i } = r.columnDef.meta, a = !!i?.[n.id], s;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ Z(U, {
 		as: ge,
 		boxSize: "12px",
 		strokeWidth: "3"
 	}), t[0] = s) : s = t[0];
 	let c;
-	t[1] === r ? c = t[2] : (c = (e) => r.toggleSelected(e.checked === !0), t[1] = r, t[2] = c);
+	t[1] === n ? c = t[2] : (c = (e) => n.toggleSelected(e.checked === !0), t[1] = n, t[2] = c);
 	let l;
-	return t[3] !== o || t[4] !== c ? (l = /* @__PURE__ */ Z(n, {
-		checked: o,
+	return t[3] !== a || t[4] !== c ? (l = /* @__PURE__ */ Z(o, {
+		checked: a,
 		"aria-label": "Select row",
 		icon: s,
 		onClick: mt,
 		onCheckedChange: c
-	}), t[3] = o, t[4] = c, t[5] = l) : l = t[5], l;
+	}), t[3] = a, t[4] = c, t[5] = l) : l = t[5], l;
 }, _t = (e, t) => {
 	let n = new Set(t.map((e) => e.label));
 	return [...t, ...e.filter((e) => !n.has(e.label))];
@@ -642,24 +643,24 @@ var Dt = (e) => {
 		textStyle: "label/S/regular",
 		children: e.label
 	}), t[3] = e.label, t[4] = i);
-	let a;
-	t[5] === e.hint ? a = t[6] : (a = e.hint ? /* @__PURE__ */ Z(J, {
+	let o;
+	t[5] === e.hint ? o = t[6] : (o = e.hint ? /* @__PURE__ */ Z(J, {
 		as: "span",
 		textStyle: "label/XS",
 		color: "fg.subtle",
 		children: e.hint
-	}) : null, t[5] = e.hint, t[6] = a);
+	}) : null, t[5] = e.hint, t[6] = o);
 	let s;
-	t[7] !== i || t[8] !== a ? (s = /* @__PURE__ */ Q(H, {
+	t[7] !== i || t[8] !== o ? (s = /* @__PURE__ */ Q(H, {
 		as: "span",
 		gap: "xs",
-		children: [i, a]
-	}), t[7] = i, t[8] = a, t[9] = s) : s = t[9];
+		children: [i, o]
+	}), t[7] = i, t[8] = o, t[9] = s) : s = t[9];
 	let c;
-	return t[10] !== e.checked || t[11] !== r || t[12] !== s ? (c = /* @__PURE__ */ Z(B, {
+	return t[10] !== e.checked || t[11] !== r || t[12] !== s ? (c = /* @__PURE__ */ Z(ee, {
 		paddingX: "xs",
 		paddingY: "2xs",
-		children: /* @__PURE__ */ Z(o, {
+		children: /* @__PURE__ */ Z(a, {
 			checked: e.checked,
 			inputProps: n,
 			width: "full",
@@ -670,9 +671,9 @@ var Dt = (e) => {
 		})
 	}), t[10] = e.checked, t[11] = r, t[12] = s, t[13] = c) : c = t[13], c;
 }, kt = (e) => {
-	let t = X(33), { column: r, checked: i, onColumnVisibilityChange: a } = e, o;
-	t[0] === r.id ? o = t[1] : (o = { id: r.id }, t[0] = r.id, t[1] = o);
-	let { attributes: s, listeners: l, setNodeRef: u, transform: d, transition: f, isDragging: p } = Me(o), m;
+	let t = X(33), { column: n, checked: r, onColumnVisibilityChange: i } = e, a;
+	t[0] === n.id ? a = t[1] : (a = { id: n.id }, t[0] = n.id, t[1] = a);
+	let { attributes: s, listeners: l, setNodeRef: u, transform: d, transition: f, isDragging: p } = Me(a), m;
 	t[2] === d ? m = t[3] : (m = Pe.Transform.toString(d), t[2] = d, t[3] = m);
 	let h = p ? .5 : 1, g;
 	t[4] !== m || t[5] !== h || t[6] !== f ? (g = {
@@ -685,7 +686,7 @@ var Dt = (e) => {
 	let v;
 	t[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ Z(Se, { size: 14 }), t[9] = v) : v = t[9];
 	let y;
-	t[10] !== s || t[11] !== l ? (y = /* @__PURE__ */ Z(B, {
+	t[10] !== s || t[11] !== l ? (y = /* @__PURE__ */ Z(ee, {
 		as: "span",
 		display: "inline-flex",
 		cursor: "grab",
@@ -701,26 +702,26 @@ var Dt = (e) => {
 		strokeWidth: "3"
 	}), t[13] = b) : b = t[13];
 	let x;
-	t[14] !== r.id || t[15] !== a ? (x = (e) => a(r.id, e.checked === !0), t[14] = r.id, t[15] = a, t[16] = x) : x = t[16];
+	t[14] !== n.id || t[15] !== i ? (x = (e) => i(n.id, e.checked === !0), t[14] = n.id, t[15] = i, t[16] = x) : x = t[16];
 	let S;
-	t[17] === r.label ? S = t[18] : (S = /* @__PURE__ */ Z(J, {
+	t[17] === n.label ? S = t[18] : (S = /* @__PURE__ */ Z(J, {
 		as: "span",
 		textStyle: "label/S/regular",
 		truncate: !0,
-		children: r.label
-	}), t[17] = r.label, t[18] = S);
+		children: n.label
+	}), t[17] = n.label, t[18] = S);
 	let C;
-	t[19] !== i || t[20] !== x || t[21] !== S ? (C = /* @__PURE__ */ Z(n, {
-		checked: i,
+	t[19] !== r || t[20] !== x || t[21] !== S ? (C = /* @__PURE__ */ Z(o, {
+		checked: r,
 		flex: "1",
 		minW: "0",
 		size: "sm",
 		icon: b,
 		onCheckedChange: x,
 		children: S
-	}), t[19] = i, t[20] = x, t[21] = S, t[22] = C) : C = t[22];
+	}), t[19] = r, t[20] = x, t[21] = S, t[22] = C) : C = t[22];
 	let w;
-	t[23] === r ? w = t[24] : (w = c(r), t[23] = r, t[24] = w);
+	t[23] === n ? w = t[24] : (w = c(n), t[23] = n, t[24] = w);
 	let T;
 	t[25] === w ? T = t[26] : (T = /* @__PURE__ */ Z(U, {
 		as: w,
@@ -745,8 +746,8 @@ var Dt = (e) => {
 			T
 		]
 	}), t[27] = u, t[28] = C, t[29] = T, t[30] = g, t[31] = y, t[32] = E) : E = t[32], E;
-}, At = (n) => {
-	let i = X(75), { columns: a, settings: o, statsAvailable: s, onSettingsChange: c, onColumnVisibilityChange: l, onColumnReorder: u } = n, d = de(null), f = de(null), [p, m] = fe(!1), [h, g] = fe(""), _;
+}, At = (r) => {
+	let i = X(75), { columns: a, settings: o, statsAvailable: s, onSettingsChange: c, onColumnVisibilityChange: l, onColumnReorder: u } = r, d = de(null), f = de(null), [p, m] = fe(!1), [h, g] = fe(""), _;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = { activationConstraint: { distance: 5 } }, i[0] = _) : _ = i[0];
 	let v = Ae(ke(De, _)), y;
 	if (i[1] !== a || i[2] !== h) {
@@ -808,7 +809,7 @@ var Dt = (e) => {
 		options: T,
 		onSelect: (e) => c({ grouping: e })
 	}) : null, i[21] = T, i[22] = c, i[23] = o.grouping, i[24] = P) : P = i[24];
-	let F = n.sortControl, L;
+	let F = r.sortControl, L;
 	i[25] === c ? L = i[26] : (L = (e) => c({ rowNumbers: e }), i[25] = c, i[26] = L);
 	let R;
 	i[27] !== o.rowNumbers || i[28] !== L ? (R = /* @__PURE__ */ Z(Ot, {
@@ -818,12 +819,12 @@ var Dt = (e) => {
 	}), i[27] = o.rowNumbers, i[28] = L, i[29] = R) : R = i[29];
 	let z;
 	i[30] === c ? z = i[31] : (z = (e) => c({ wrapRows: e }), i[30] = c, i[31] = z);
-	let ee;
-	i[32] !== o.wrapRows || i[33] !== z ? (ee = /* @__PURE__ */ Z(Ot, {
+	let B;
+	i[32] !== o.wrapRows || i[33] !== z ? (B = /* @__PURE__ */ Z(Ot, {
 		label: "Wrap rows",
 		checked: o.wrapRows,
 		onChange: z
-	}), i[32] = o.wrapRows, i[33] = z, i[34] = ee) : ee = i[34];
+	}), i[32] = o.wrapRows, i[33] = z, i[34] = B) : B = i[34];
 	let V;
 	i[35] !== c || i[36] !== o.showStats || i[37] !== s ? (V = s ? /* @__PURE__ */ Z(Ot, {
 		label: "Statistics",
@@ -832,7 +833,7 @@ var Dt = (e) => {
 		onChange: (e) => c({ showStats: e })
 	}) : null, i[35] = c, i[36] = o.showStats, i[37] = s, i[38] = V) : V = i[38];
 	let H;
-	i[39] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ Z(B, {
+	i[39] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ Z(ee, {
 		borderTopWidth: "1px",
 		borderColor: "border.subtle",
 		marginY: "2xs"
@@ -843,7 +844,7 @@ var Dt = (e) => {
 		children: "COLUMNS"
 	}), i[40] = ne, i[41] = W);
 	let K;
-	i[42] === h ? K = i[43] : (K = /* @__PURE__ */ Z(r, {
+	i[42] === h ? K = i[43] : (K = /* @__PURE__ */ Z(n, {
 		value: h,
 		placeholder: "Search columns",
 		onValueChange: g
@@ -885,7 +886,7 @@ var Dt = (e) => {
 		})
 	}), i[59] = D, i[60] = v, i[61] = oe, i[62] = se) : se = i[62];
 	let ce;
-	i[63] !== n.sortControl || i[64] !== P || i[65] !== R || i[66] !== ee || i[67] !== V || i[68] !== W || i[69] !== K || i[70] !== se ? (ce = /* @__PURE__ */ Z(re, { children: /* @__PURE__ */ Z(G.Positioner, { children: /* @__PURE__ */ Q(G.Content, {
+	i[63] !== r.sortControl || i[64] !== P || i[65] !== R || i[66] !== B || i[67] !== V || i[68] !== W || i[69] !== K || i[70] !== se ? (ce = /* @__PURE__ */ Z(re, { children: /* @__PURE__ */ Z(G.Positioner, { children: /* @__PURE__ */ Q(G.Content, {
 		ref: f,
 		"data-testid": "data-table-display-menu",
 		width: "min(300px, calc(100vw - 32px))",
@@ -896,14 +897,14 @@ var Dt = (e) => {
 			P,
 			F,
 			R,
-			ee,
+			B,
 			V,
 			H,
 			W,
 			K,
 			se
 		]
-	}) }) }), i[63] = n.sortControl, i[64] = P, i[65] = R, i[66] = ee, i[67] = V, i[68] = W, i[69] = K, i[70] = se, i[71] = ce) : ce = i[71];
+	}) }) }), i[63] = r.sortControl, i[64] = P, i[65] = R, i[66] = B, i[67] = V, i[68] = W, i[69] = K, i[70] = se, i[71] = ce) : ce = i[71];
 	let le;
 	return i[72] !== p || i[73] !== ce ? (le = /* @__PURE__ */ Q(G.Root, {
 		open: p,
@@ -983,7 +984,7 @@ var Pt = (e) => {
 		children: /* @__PURE__ */ Z(Ft, { ...e })
 	}), t[0] = e, t[1] = i);
 	let a;
-	return t[2] !== r || t[3] !== n || t[4] !== i ? (a = /* @__PURE__ */ Z(B, {
+	return t[2] !== r || t[3] !== n || t[4] !== i ? (a = /* @__PURE__ */ Z(ee, {
 		height: n,
 		width: "full",
 		minWidth: "0",
@@ -1242,7 +1243,7 @@ function en(e) {
 	return `${$(Number(e))}%`;
 }
 function tn(e) {
-	return /* @__PURE__ */ Q(B, {
+	return /* @__PURE__ */ Q(ee, {
 		position: "relative",
 		height: "18px",
 		children: [/* @__PURE__ */ Z(It, {
@@ -1411,13 +1412,13 @@ var nn = /* @__PURE__ */ new Set([
 		children: L
 	}, x), n[60] = d, n[61] = m, n[62] = h, n[63] = g, n[64] = _, n[65] = v, n[66] = y, n[67] = b, n[68] = x, n[69] = S, n[70] = C, n[71] = T, n[72] = E, n[73] = D, n[74] = L, n[75] = R) : R = n[75], R;
 }, sn = (e) => {
-	let t = X(26), { cell: n, row: r, wrapRows: i, getCellContextMenuActions: o } = e, s = n.column.columnDef.meta, c;
+	let t = X(26), { cell: n, row: i, wrapRows: a, getCellContextMenuActions: o } = e, s = n.column.columnDef.meta, c;
 	t[0] !== n || t[1] !== s ? (c = s?.getCellStyle?.(n.getValue()), t[0] = n, t[1] = s, t[2] = c) : c = t[2];
 	let l = c, u;
-	if (t[3] !== n || t[4] !== o || t[5] !== r.id || t[6] !== r.original) {
+	if (t[3] !== n || t[4] !== o || t[5] !== i.id || t[6] !== i.original) {
 		let e = {
-			row: r.original,
-			rowId: r.id,
+			row: i.original,
+			rowId: i.id,
 			columnId: n.column.id,
 			value: n.getValue()
 		};
@@ -1426,11 +1427,11 @@ var nn = /* @__PURE__ */ new Set([
 			label: t.label,
 			icon: t.icon,
 			onClick: () => t.onSelect(e)
-		})) ?? [], t[3] = n, t[4] = o, t[5] = r.id, t[6] = r.original, t[7] = u;
+		})) ?? [], t[3] = n, t[4] = o, t[5] = i.id, t[6] = i.original, t[7] = u;
 	} else u = t[7];
-	let d = u, f = n.column.id, p = i ? "anywhere" : void 0, m = i ? void 0 : "10", h = i ? void 0 : "10", g;
+	let d = u, f = n.column.id, p = a ? "anywhere" : void 0, m = a ? void 0 : "10", h = a ? void 0 : "10", g;
 	t[8] === Symbol.for("react.memo_cache_sentinel") ? (g = { borderRight: "none" }, t[8] = g) : g = t[8];
-	let _ = n.id, v = i ? void 0 : "ellipsis", y = i ? "top" : "middle", b = i ? "normal" : "nowrap", x;
+	let _ = n.id, v = a ? void 0 : "ellipsis", y = a ? "top" : "middle", b = a ? "normal" : "nowrap", x;
 	t[9] === n ? x = t[10] : (x = Fe(n.column.columnDef.cell, n.getContext()), t[9] = n, t[10] = x);
 	let S;
 	t[11] !== n.column.id || t[12] !== n.id || t[13] !== l || t[14] !== b || t[15] !== x || t[16] !== p || t[17] !== m || t[18] !== h || t[19] !== v || t[20] !== y ? (S = /* @__PURE__ */ Z(q.Cell, {
@@ -1456,7 +1457,7 @@ var nn = /* @__PURE__ */ new Set([
 	let C = S;
 	if (d.length === 0) return C;
 	let w;
-	return t[22] !== n.id || t[23] !== C || t[24] !== d ? (w = /* @__PURE__ */ Z(a, {
+	return t[22] !== n.id || t[23] !== C || t[24] !== d ? (w = /* @__PURE__ */ Z(r, {
 		actions: d,
 		children: C
 	}, n.id), t[22] = n.id, t[23] = C, t[24] = d, t[25] = w) : w = t[25], w;
@@ -1567,7 +1568,7 @@ var nn = /* @__PURE__ */ new Set([
 				style: k,
 				children: [j, N]
 			})
-		}), n[39] = D, n[40] = k, n[41] = j, n[42] = N, n[43] = P) : P = n[43], C = /* @__PURE__ */ Q(B, {
+		}), n[39] = D, n[40] = k, n[41] = j, n[42] = N, n[43] = P) : P = n[43], C = /* @__PURE__ */ Q(ee, {
 			position: "relative",
 			flex: "1",
 			minHeight: "0",
@@ -1636,36 +1637,36 @@ var fn = (e, t, n, r) => {
 	}), I = P.key === N ? P.index : 0, z = (e) => F({
 		key: N,
 		index: e
-	}), [B, ee] = fe(() => h({ initialPageSize: m })), [H, U] = fe(() => /* @__PURE__ */ new Set()), [te, ne] = fe({}), W = k(e), G = x(e), { groups: re } = w, K = re ? re.flatMap((e) => e.rows) : w.shownRows, ie = re ? fn(re, H, I, B) : pn(K, I, B), q = K.map((e) => e.sourceRow), J = new Map(K.map((e) => [e.sourceRow, e.id])), Y = Et(q, w.visibleColumnKeys, {
+	}), [B, H] = fe(() => h({ initialPageSize: m })), [U, te] = fe(() => /* @__PURE__ */ new Set()), [ne, W] = fe({}), G = k(e), re = x(e), { groups: K } = w, ie = K ? K.flatMap((e) => e.rows) : w.shownRows, q = K ? fn(K, U, I, B) : pn(ie, I, B), J = ie.map((e) => e.sourceRow), Y = new Map(ie.map((e) => [e.sourceRow, e.id])), X = Et(J, w.visibleColumnKeys, {
 		columnIcons: o,
 		columnDescriptions: c,
 		compactHeaders: l,
-		enableSelection: W,
+		enableSelection: G,
 		rowActions: v,
 		getRowActions: y,
-		selectedRowIds: te,
+		selectedRowIds: ne,
 		columnRenderers: f,
 		wrapRows: T.wrapRows,
 		rowNumbers: T.rowNumbers,
 		search: w.deferredSearch
-	}), X = Le({
-		data: q,
-		columns: Y,
+	}), ae = Le({
+		data: J,
+		columns: X,
 		defaultColumn: {
 			size: 150,
 			minSize: 40,
 			maxSize: 800
 		},
-		state: { rowSelection: te },
-		getRowId: (e) => J.get(e) ?? "",
+		state: { rowSelection: ne },
+		getRowId: (e) => Y.get(e) ?? "",
 		columnResizeMode: "onChange",
 		columnResizeDirection: "ltr",
-		onRowSelectionChange: ne,
+		onRowSelectionChange: W,
 		getCoreRowModel: Ie(),
-		enableMultiRowSelection: W,
-		enableRowSelection: W,
+		enableMultiRowSelection: G,
+		enableRowSelection: G,
 		autoResetAll: !1
-	}), ae = {
+	}), oe = {
 		sortFor: (e) => {
 			let t = O[0];
 			return t?.attributeId === e ? t.direction : void 0;
@@ -1679,11 +1680,15 @@ var fn = (e, t, n, r) => {
 			t && M(t);
 		},
 		onHide: (e) => E({ hiddenColumns: _(T.hiddenColumns, e, !1) })
-	}, oe = w.rows.length > 0 && w.shownRows.length === 0 && !!w.deferredSearch.trim();
+	}, se = w.rows.length > 0 && w.shownRows.length === 0 && !!w.deferredSearch.trim();
 	return /* @__PURE__ */ Q(V, {
 		direction: "column",
+		flex: "1",
+		minH: "0",
+		minW: "0",
 		height: "100%",
 		width: "100%",
+		overflow: "hidden",
 		children: [
 			/* @__PURE__ */ Z(d, {
 				itemLabel: e.itemLabel,
@@ -1704,21 +1709,26 @@ var fn = (e, t, n, r) => {
 					onColumnReorder: (e, t) => E({ columnOrder: D(w.orderedColumnKeys, e, t) })
 				})
 			}),
-			e.contentPlaceholder ?? (oe ? /* @__PURE__ */ Z(L, {
-				search: w.deferredSearch,
-				onClearSearch: () => w.setSearch("")
+			e.contentPlaceholder != null || se ? /* @__PURE__ */ Z(ee, {
+				flex: "1",
+				minH: "0",
+				overflow: "auto",
+				children: e.contentPlaceholder ?? /* @__PURE__ */ Z(L, {
+					search: w.deferredSearch,
+					onClearSearch: () => w.setSearch("")
+				})
 			}) : /* @__PURE__ */ Z(un, {
-				table: X,
-				entries: ie.entries,
-				collapsed: H,
-				onToggleGroup: (e) => U((t) => {
+				table: ae,
+				entries: q.entries,
+				collapsed: U,
+				onToggleGroup: (e) => te((t) => {
 					let n = new Set(t);
 					return n.has(e) ? n.delete(e) : n.add(e), n;
 				}),
 				settings: T,
-				data: q,
-				fieldMenu: ae,
-				selectionActions: W ? G : void 0,
+				data: J,
+				fieldMenu: oe,
+				selectionActions: G ? re : void 0,
 				noBorder: t,
 				fullWidth: n,
 				onRowClick: r,
@@ -1728,15 +1738,15 @@ var fn = (e, t, n, r) => {
 				columnStats: u,
 				enableRowActivation: b,
 				getCellContextMenuActions: S
-			})),
-			ie.pageCount > 1 ? /* @__PURE__ */ Z(p, {
-				pageCount: ie.pageCount,
-				pageIndex: ie.page,
+			}),
+			q.pageCount > 1 ? /* @__PURE__ */ Z(p, {
+				pageCount: q.pageCount,
+				pageIndex: q.page,
 				pageSize: B,
 				pageSizeOptions: g,
 				onPageChange: z,
 				onPageSizeChange: (e) => {
-					ee(e), z(0);
+					H(e), z(0);
 				}
 			}) : null
 		]