@adapttable/mui 0.2.1 → 0.3.0

package/dist/index.js

@@ -1,88 +1,224 @@
+import { c } from "react-compiler-runtime";
 import { ACTIONS_COLUMN_KEY, EyeIcon, GripIcon, PIN_Z, PinIcon, RANGE_OPS, RANGE_OP_LABEL_KEYS, RANGE_SUFFIXES, columnMenuRows, columnReorderKeyProps, columnResizeHandleProps, createHistoryAdapter, createMemoryAdapter, defaultConfirm, defaultLabels, deriveSortByOptions, edgePinStyle, filterLabel, getHistoryAdapter, headerGroupRow, isDeclarativeFilters, nextPinSide, pageSizeOptions, pinActionLabel, pinnedCellStyle, pinnedColumnWidth, readRangeWidget, resolveDisabledReason, resolveLabels, resolveVirtualRows, rowClickProps, runRowAction, tableMinWidth, tableRenderModel, useBackendData, useBulkActionRunner, useChromeBodyData, useChromeScrollReset, useColumnDragState, useDataTable, useFilterOptions, useFilterTriggerToggle, useFrontendData, useHorizontalOverflow, useSavedViews, useSavedViews as useSavedViews$1, useTableChrome, useTableData, useTableUrlState, writeRangeWidget } from "@adapttable/core";
 import { Alert, Badge, Box, Button, Card, CardContent, Checkbox, Chip, CircularProgress, ClickAwayListener, Divider, Drawer, FormControl, FormControlLabel, FormGroup, FormLabel, IconButton, InputAdornment, LinearProgress, MenuItem, Pagination, Paper, Popover, Popper, Skeleton, Stack, Table, TableBody, TableCell, TableFooter, TableHead, TableRow, TableSortLabel, TextField, Tooltip, Typography } from "@mui/material";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SavedViewsMenu.tsx
+/** The label subset the saved-views menu renders. */
+/** Props for the saved-views menu. */
 /**
 * MUI saved-views menu: a toolbar button opening a popover that lists the
 * saved views — click applies one to the table, the trailing × deletes it —
 * above a save row that captures the table's CURRENT URL state (search,
 * sort, page, filters, column layout) under a typed name.
 */
-function SavedViewsMenu({ options, labels }) {
+function SavedViewsMenu(t0) {
+	const $ = c(47);
+	const { options, labels } = t0;
 	const { views, save, apply, remove } = useSavedViews$1(options);
 	const [anchor, setAnchor] = useState(null);
 	const [name, setName] = useState("");
-	const trimmed = name.trim();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
-		size: "small",
-		variant: "outlined",
-		"aria-expanded": anchor !== null,
-		"aria-haspopup": "true",
-		onClick: (e) => setAnchor(e.currentTarget),
-		children: labels.savedViews
-	}), /* @__PURE__ */ jsx(Popover, {
-		anchorEl: anchor,
-		open: anchor !== null,
-		onClose: () => setAnchor(null),
-		anchorOrigin: {
+	let t1;
+	if ($[0] !== name) {
+		t1 = name.trim();
+		$[0] = name;
+		$[1] = t1;
+	} else t1 = $[1];
+	const trimmed = t1;
+	const t2 = anchor !== null;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (e) => setAnchor(e.currentTarget);
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== labels.savedViews || $[4] !== t2) {
+		t4 = /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			variant: "outlined",
+			"aria-expanded": t2,
+			"aria-haspopup": "true",
+			onClick: t3,
+			children: labels.savedViews
+		});
+		$[3] = labels.savedViews;
+		$[4] = t2;
+		$[5] = t4;
+	} else t4 = $[5];
+	const t5 = anchor !== null;
+	let t6;
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => setAnchor(null);
+		t7 = {
 			vertical: "bottom",
 			horizontal: "left"
-		},
-		children: /* @__PURE__ */ jsxs(Box, {
-			sx: {
-				p: .75,
-				minWidth: 250
-			},
+		};
+		$[6] = t6;
+		$[7] = t7;
+	} else {
+		t6 = $[6];
+		t7 = $[7];
+	}
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
+			p: .75,
+			minWidth: 250
+		};
+		$[8] = t8;
+	} else t8 = $[8];
+	let t9;
+	if ($[9] !== apply || $[10] !== labels.deleteView || $[11] !== remove || $[12] !== views) {
+		let t10;
+		if ($[14] !== apply || $[15] !== labels.deleteView || $[16] !== remove) {
+			t10 = (view) => /* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				spacing: .5,
+				sx: { alignItems: "center" },
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "small",
+					fullWidth: true,
+					sx: { justifyContent: "flex-start" },
+					onClick: () => {
+						apply(view.name);
+						setAnchor(null);
+					},
+					children: view.name
+				}), /* @__PURE__ */ jsx(IconButton, {
+					size: "small",
+					"aria-label": `${labels.deleteView}: ${view.name}`,
+					onClick: () => remove(view.name),
+					children: "×"
+				})]
+			}, view.name);
+			$[14] = apply;
+			$[15] = labels.deleteView;
+			$[16] = remove;
+			$[17] = t10;
+		} else t10 = $[17];
+		t9 = views.map(t10);
+		$[9] = apply;
+		$[10] = labels.deleteView;
+		$[11] = remove;
+		$[12] = views;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Divider, { sx: { my: .5 } });
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = { alignItems: "center" };
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== labels.viewName) {
+		t12 = { htmlInput: { "aria-label": labels.viewName } };
+		$[20] = labels.viewName;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = (e_0) => setName(e_0.target.value);
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== labels.viewName || $[24] !== name || $[25] !== t12) {
+		t14 = /* @__PURE__ */ jsx(TextField, {
+			size: "small",
+			value: name,
+			placeholder: labels.viewName,
+			slotProps: t12,
+			onChange: t13
+		});
+		$[23] = labels.viewName;
+		$[24] = name;
+		$[25] = t12;
+		$[26] = t14;
+	} else t14 = $[26];
+	const t15 = trimmed === "";
+	let t16;
+	if ($[27] !== save || $[28] !== trimmed) {
+		t16 = () => {
+			save(trimmed);
+			setName("");
+		};
+		$[27] = save;
+		$[28] = trimmed;
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== labels.saveView || $[31] !== t15 || $[32] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			variant: "contained",
+			disabled: t15,
+			onClick: t16,
+			children: labels.saveView
+		});
+		$[30] = labels.saveView;
+		$[31] = t15;
+		$[32] = t16;
+		$[33] = t17;
+	} else t17 = $[33];
+	let t18;
+	if ($[34] !== t14 || $[35] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			spacing: .5,
+			sx: t11,
+			children: [t14, t17]
+		});
+		$[34] = t14;
+		$[35] = t17;
+		$[36] = t18;
+	} else t18 = $[36];
+	let t19;
+	if ($[37] !== t18 || $[38] !== t9) {
+		t19 = /* @__PURE__ */ jsxs(Box, {
+			sx: t8,
 			children: [
-				views.map((view) => /* @__PURE__ */ jsxs(Stack, {
-					direction: "row",
-					spacing: .5,
-					sx: { alignItems: "center" },
-					children: [/* @__PURE__ */ jsx(Button, {
-						size: "small",
-						fullWidth: true,
-						sx: { justifyContent: "flex-start" },
-						onClick: () => {
-							apply(view.name);
-							setAnchor(null);
-						},
-						children: view.name
-					}), /* @__PURE__ */ jsx(IconButton, {
-						size: "small",
-						"aria-label": `${labels.deleteView}: ${view.name}`,
-						onClick: () => remove(view.name),
-						children: "×"
-					})]
-				}, view.name)),
-				/* @__PURE__ */ jsx(Divider, { sx: { my: .5 } }),
-				/* @__PURE__ */ jsxs(Stack, {
-					direction: "row",
-					spacing: .5,
-					sx: { alignItems: "center" },
-					children: [/* @__PURE__ */ jsx(TextField, {
-						size: "small",
-						value: name,
-						placeholder: labels.viewName,
-						slotProps: { htmlInput: { "aria-label": labels.viewName } },
-						onChange: (e) => setName(e.target.value)
-					}), /* @__PURE__ */ jsx(Button, {
-						size: "small",
-						variant: "contained",
-						disabled: trimmed === "",
-						onClick: () => {
-							save(trimmed);
-							setName("");
-						},
-						children: labels.saveView
-					})]
-				})
+				t9,
+				t10,
+				t18
 			]
-		})
-	})] });
+		});
+		$[37] = t18;
+		$[38] = t9;
+		$[39] = t19;
+	} else t19 = $[39];
+	let t20;
+	if ($[40] !== anchor || $[41] !== t19 || $[42] !== t5) {
+		t20 = /* @__PURE__ */ jsx(Popover, {
+			anchorEl: anchor,
+			open: t5,
+			onClose: t6,
+			anchorOrigin: t7,
+			children: t19
+		});
+		$[40] = anchor;
+		$[41] = t19;
+		$[42] = t5;
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	if ($[44] !== t20 || $[45] !== t4) {
+		t21 = /* @__PURE__ */ jsxs(Fragment, { children: [t4, t20] });
+		$[44] = t20;
+		$[45] = t4;
+		$[46] = t21;
+	} else t21 = $[46];
+	return t21;
 }
 //#endregion
 //#region src/components/AutoFilterForm.tsx
+/** The slice of the source the auto-built form reads and writes. */
+/** Props for {@link AutoFilterForm}. */
+/** Props for one rendered filter widget. */
+/** Field props for the widgets that also render resolved labels. */
 /** A scalar filter value as input text (arrays/blanks render empty). */
 function scalarText(value) {
 	return typeof value === "string" || typeof value === "number" ? String(value) : "";
@@ -91,70 +227,233 @@ function scalarText(value) {
 function selectedList(value) {
 	return Array.isArray(value) ? value : [];
 }
-function TextFilter({ def, source }) {
-	return /* @__PURE__ */ jsx(TextField, {
-		size: "small",
-		label: filterLabel(def),
-		placeholder: def.placeholder,
-		value: scalarText(source.extra[def.key]),
-		onChange: (e) => source.setExtra(def.key, e.target.value)
-	});
+function TextFilter(t0) {
+	const $ = c(12);
+	const { def, source } = t0;
+	let t1;
+	if ($[0] !== def) {
+		t1 = filterLabel(def);
+		$[0] = def;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = def.placeholder;
+	const t3 = source.extra[def.key];
+	let t4;
+	if ($[2] !== t3) {
+		t4 = scalarText(t3);
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== def.key || $[5] !== source) {
+		t5 = (e) => source.setExtra(def.key, e.target.value);
+		$[4] = def.key;
+		$[5] = source;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== def.placeholder || $[8] !== t1 || $[9] !== t4 || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx(TextField, {
+			size: "small",
+			label: t1,
+			placeholder: t2,
+			value: t4,
+			onChange: t5
+		});
+		$[7] = def.placeholder;
+		$[8] = t1;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	return t6;
 }
-function SelectFilter({ def, source }) {
+function SelectFilter(t0) {
+	const $ = c(19);
+	const { def, source } = t0;
 	const { options, loading } = useFilterOptions(def);
-	return /* @__PURE__ */ jsxs(TextField, {
-		select: true,
-		size: "small",
-		label: filterLabel(def),
-		value: scalarText(source.extra[def.key]),
-		onChange: (e) => source.setExtra(def.key, e.target.value),
-		slotProps: {
+	let t1;
+	if ($[0] !== def) {
+		t1 = filterLabel(def);
+		$[0] = def;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = source.extra[def.key];
+	let t3;
+	if ($[2] !== t2) {
+		t3 = scalarText(t2);
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== def.key || $[5] !== source) {
+		t4 = (e) => source.setExtra(def.key, e.target.value);
+		$[4] = def.key;
+		$[5] = source;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	let t6;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {
 			select: { native: true },
 			inputLabel: { shrink: true }
-		},
-		children: [
-			/* @__PURE__ */ jsx("option", {
-				value: "",
-				children: "All"
-			}),
-			loading && /* @__PURE__ */ jsx("option", {
-				value: "",
-				disabled: true,
-				children: "…"
-			}),
-			options.map((option) => /* @__PURE__ */ jsx("option", {
-				value: option.value,
-				children: option.label
-			}, option.value))
-		]
-	});
+		};
+		t6 = /* @__PURE__ */ jsx("option", {
+			value: "",
+			children: "All"
+		});
+		$[7] = t5;
+		$[8] = t6;
+	} else {
+		t5 = $[7];
+		t6 = $[8];
+	}
+	let t7;
+	if ($[9] !== loading) {
+		t7 = loading && /* @__PURE__ */ jsx("option", {
+			value: "",
+			disabled: true,
+			children: "…"
+		});
+		$[9] = loading;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== options) {
+		t8 = options.map(_temp$1);
+		$[11] = options;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== t1 || $[14] !== t3 || $[15] !== t4 || $[16] !== t7 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(TextField, {
+			select: true,
+			size: "small",
+			label: t1,
+			value: t3,
+			onChange: t4,
+			slotProps: t5,
+			children: [
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[13] = t1;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	return t9;
 }
-function MultiSelectFilter({ def, source }) {
+function _temp$1(option) {
+	return /* @__PURE__ */ jsx("option", {
+		value: option.value,
+		children: option.label
+	}, option.value);
+}
+function MultiSelectFilter(t0) {
+	const $ = c(28);
+	const { def, source } = t0;
 	const { options, loading } = useFilterOptions(def);
-	const checked = selectedList(source.extra[def.key]);
-	const toggle = (value, on) => {
-		const next = on ? [...checked, value] : checked.filter((v) => v !== value);
-		source.setExtra(def.key, next);
-	};
-	return /* @__PURE__ */ jsxs(FormControl, {
-		component: "fieldset",
-		variant: "standard",
-		children: [/* @__PURE__ */ jsx(FormLabel, {
-			component: "legend",
-			children: filterLabel(def)
-		}), /* @__PURE__ */ jsx(FormGroup, {
-			row: true,
-			sx: { columnGap: 1.5 },
-			children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16 }) : options.map((option) => /* @__PURE__ */ jsx(FormControlLabel, {
-				label: option.label,
-				control: /* @__PURE__ */ jsx(Checkbox, {
-					size: "small",
-					checked: checked.includes(option.value),
-					onChange: (_, on) => toggle(option.value, on)
-				})
-			}, option.value))
-		})]
-	});
+	let T0;
+	let T1;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== def || $[1] !== loading || $[2] !== options || $[3] !== source) {
+		const checked = selectedList(source.extra[def.key]);
+		const toggle = (value, on) => {
+			const next = on ? [...checked, value] : checked.filter((v) => v !== value);
+			source.setExtra(def.key, next);
+		};
+		T1 = FormControl;
+		t4 = "fieldset";
+		t5 = "standard";
+		let t7;
+		if ($[12] !== def) {
+			t7 = filterLabel(def);
+			$[12] = def;
+			$[13] = t7;
+		} else t7 = $[13];
+		if ($[14] !== t7) {
+			t6 = /* @__PURE__ */ jsx(FormLabel, {
+				component: "legend",
+				children: t7
+			});
+			$[14] = t7;
+			$[15] = t6;
+		} else t6 = $[15];
+		T0 = FormGroup;
+		t1 = true;
+		if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = { columnGap: 1.5 };
+			$[16] = t2;
+		} else t2 = $[16];
+		t3 = loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16 }) : options.map((option) => /* @__PURE__ */ jsx(FormControlLabel, {
+			label: option.label,
+			control: /* @__PURE__ */ jsx(Checkbox, {
+				size: "small",
+				checked: checked.includes(option.value),
+				onChange: (_, on_0) => toggle(option.value, on_0)
+			})
+		}, option.value));
+		$[0] = def;
+		$[1] = loading;
+		$[2] = options;
+		$[3] = source;
+		$[4] = T0;
+		$[5] = T1;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+	} else {
+		T0 = $[4];
+		T1 = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+		t4 = $[9];
+		t5 = $[10];
+		t6 = $[11];
+	}
+	let t7;
+	if ($[17] !== T0 || $[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
+		t7 = /* @__PURE__ */ jsx(T0, {
+			row: t1,
+			sx: t2,
+			children: t3
+		});
+		$[17] = T0;
+		$[18] = t1;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t7;
+	} else t7 = $[21];
+	let t8;
+	if ($[22] !== T1 || $[23] !== t4 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(T1, {
+			component: t4,
+			variant: t5,
+			children: [t6, t7]
+		});
+		$[22] = T1;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
+	return t8;
 }
 /**
 * Operator-first range widget: a comparison select, then one value input —
@@ -162,7 +461,9 @@ function MultiSelectFilter({ def, source }) {
 * bounds always live in the source's `Min`/`Max` (`From`/`To`) pair, so
 * URLs, chips, and predicates are untouched by the operator presentation.
 */
-function RangeFilter({ def, type, source, labels }) {
+function RangeFilter(t0) {
+	const $ = c(35);
+	const { def, type, source, labels } = t0;
 	const suffixes = RANGE_SUFFIXES[type];
 	const lowKey = def.key + suffixes.start;
 	const highKey = def.key + suffixes.end;
@@ -170,83 +471,225 @@ function RangeFilter({ def, type, source, labels }) {
 	const state = readRangeWidget(source.extra, lowKey, highKey);
 	const [op, setOp] = useState(state.op);
 	const single = op === "lte" ? state.b : state.a;
-	const commit = (next, a, b) => source.setExtras(writeRangeWidget(next, a, b, lowKey, highKey));
+	let t1;
+	if ($[0] !== highKey || $[1] !== lowKey || $[2] !== source) {
+		t1 = (next, a, b) => source.setExtras(writeRangeWidget(next, a, b, lowKey, highKey));
+		$[0] = highKey;
+		$[1] = lowKey;
+		$[2] = source;
+		$[3] = t1;
+	} else t1 = $[3];
+	const commit = t1;
 	const changeOp = (raw) => {
-		const next = RANGE_OPS.find((candidate) => candidate === raw);
-		setOp(next);
-		commit(next, single, op === "between" ? state.b : "");
+		const next_0 = RANGE_OPS.find((candidate) => candidate === raw);
+		setOp(next_0);
+		commit(next_0, single, op === "between" ? state.b : "");
 	};
-	const input = (label, value, write) => /* @__PURE__ */ jsx(TextField, {
-		size: "small",
-		sx: {
-			flex: "1 1 7rem",
-			minWidth: "7rem"
-		},
-		type: type === "dateRange" ? "date" : "number",
-		label,
-		value,
-		onChange: (e) => write(e.target.value),
-		slotProps: { inputLabel: { shrink: true } }
-	});
+	let t2;
+	if ($[4] !== type) {
+		t2 = (label, value, write) => /* @__PURE__ */ jsx(TextField, {
+			size: "small",
+			sx: {
+				flex: "1 1 7rem",
+				minWidth: "7rem"
+			},
+			type: type === "dateRange" ? "date" : "number",
+			label,
+			value,
+			onChange: (e) => write(e.target.value),
+			slotProps: { inputLabel: { shrink: true } }
+		});
+		$[4] = type;
+		$[5] = t2;
+	} else t2 = $[5];
+	const input = t2;
 	let bounds = null;
-	if (op === "between") bounds = /* @__PURE__ */ jsxs(Fragment, { children: [input(labels.from, state.a, (raw) => commit("between", raw, state.b)), input(labels.to, state.b, (raw) => commit("between", state.a, raw))] });
-	else if (op !== void 0) bounds = input(labels.value, single, (raw) => commit(op, raw, ""));
-	return /* @__PURE__ */ jsxs(FormControl, {
-		component: "fieldset",
-		variant: "standard",
-		sx: { width: "100%" },
-		children: [/* @__PURE__ */ jsx(FormLabel, {
+	if (op === "between") bounds = /* @__PURE__ */ jsxs(Fragment, { children: [input(labels.from, state.a, (raw_0) => commit("between", raw_0, state.b)), input(labels.to, state.b, (raw_1) => commit("between", state.a, raw_1))] });
+	else if (op !== void 0) {
+		let t3;
+		if ($[6] !== commit || $[7] !== op) {
+			t3 = (raw_2) => commit(op, raw_2, "");
+			$[6] = commit;
+			$[7] = op;
+			$[8] = t3;
+		} else t3 = $[8];
+		bounds = input(labels.value, single, t3);
+	}
+	let t3;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = { width: "100%" };
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = { mb: .75 };
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== def) {
+		t5 = filterLabel(def);
+		$[11] = def;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx(FormLabel, {
 			component: "legend",
-			sx: { mb: .75 },
-			children: filterLabel(def)
-		}), /* @__PURE__ */ jsxs(Stack, {
+			sx: t4,
+			children: t5
+		});
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { flexWrap: "wrap" };
+		$[15] = t7;
+	} else t7 = $[15];
+	const t8 = labels.operator;
+	const t9 = op ?? "";
+	let t10;
+	if ($[16] !== changeOp) {
+		t10 = (e_0) => changeOp(e_0.target.value);
+		$[16] = changeOp;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	let t12;
+	let t13;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = {
+			select: { native: true },
+			inputLabel: { shrink: true }
+		};
+		t12 = {
+			flex: "0 0 8.5rem",
+			width: "8.5rem"
+		};
+		t13 = /* @__PURE__ */ jsx("option", { value: "" });
+		$[18] = t11;
+		$[19] = t12;
+		$[20] = t13;
+	} else {
+		t11 = $[18];
+		t12 = $[19];
+		t13 = $[20];
+	}
+	let t14;
+	if ($[21] !== labels || $[22] !== opLabelKeys) {
+		t14 = RANGE_OPS.map((candidate_0) => /* @__PURE__ */ jsx("option", {
+			value: candidate_0,
+			children: labels[opLabelKeys[candidate_0]]
+		}, candidate_0));
+		$[21] = labels;
+		$[22] = opLabelKeys;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== labels.operator || $[25] !== t10 || $[26] !== t14 || $[27] !== t9) {
+		t15 = /* @__PURE__ */ jsxs(TextField, {
+			select: true,
+			size: "small",
+			label: t8,
+			value: t9,
+			onChange: t10,
+			slotProps: t11,
+			sx: t12,
+			children: [t13, t14]
+		});
+		$[24] = labels.operator;
+		$[25] = t10;
+		$[26] = t14;
+		$[27] = t9;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== bounds || $[30] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Stack, {
 			direction: "row",
 			spacing: 1,
 			useFlexGap: true,
-			sx: { flexWrap: "wrap" },
-			children: [/* @__PURE__ */ jsxs(TextField, {
-				select: true,
-				size: "small",
-				label: labels.operator,
-				value: op ?? "",
-				onChange: (e) => changeOp(e.target.value),
-				slotProps: {
-					select: { native: true },
-					inputLabel: { shrink: true }
-				},
-				sx: {
-					flex: "0 0 8.5rem",
-					width: "8.5rem"
-				},
-				children: [/* @__PURE__ */ jsx("option", { value: "" }), RANGE_OPS.map((candidate) => /* @__PURE__ */ jsx("option", {
-					value: candidate,
-					children: labels[opLabelKeys[candidate]]
-				}, candidate))]
-			}), bounds]
-		})]
-	});
-}
-function FilterField({ def, source, labels }) {
-	switch (def.type) {
-		case "text": return /* @__PURE__ */ jsx(TextFilter, {
-			def,
-			source
+			sx: t7,
+			children: [t15, bounds]
 		});
-		case "select": return /* @__PURE__ */ jsx(SelectFilter, {
-			def,
-			source
-		});
-		case "multiSelect": return /* @__PURE__ */ jsx(MultiSelectFilter, {
-			def,
-			source
+		$[29] = bounds;
+		$[30] = t15;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== t16 || $[33] !== t6) {
+		t17 = /* @__PURE__ */ jsxs(FormControl, {
+			component: "fieldset",
+			variant: "standard",
+			sx: t3,
+			children: [t6, t16]
 		});
+		$[32] = t16;
+		$[33] = t6;
+		$[34] = t17;
+	} else t17 = $[34];
+	return t17;
+}
+function FilterField(t0) {
+	const $ = c(13);
+	const { def, source, labels } = t0;
+	switch (def.type) {
+		case "text": {
+			let t1;
+			if ($[0] !== def || $[1] !== source) {
+				t1 = /* @__PURE__ */ jsx(TextFilter, {
+					def,
+					source
+				});
+				$[0] = def;
+				$[1] = source;
+				$[2] = t1;
+			} else t1 = $[2];
+			return t1;
+		}
+		case "select": {
+			let t1;
+			if ($[3] !== def || $[4] !== source) {
+				t1 = /* @__PURE__ */ jsx(SelectFilter, {
+					def,
+					source
+				});
+				$[3] = def;
+				$[4] = source;
+				$[5] = t1;
+			} else t1 = $[5];
+			return t1;
+		}
+		case "multiSelect": {
+			let t1;
+			if ($[6] !== def || $[7] !== source) {
+				t1 = /* @__PURE__ */ jsx(MultiSelectFilter, {
+					def,
+					source
+				});
+				$[6] = def;
+				$[7] = source;
+				$[8] = t1;
+			} else t1 = $[8];
+			return t1;
+		}
 		case "dateRange":
-		case "numberRange": return /* @__PURE__ */ jsx(RangeFilter, {
-			def,
-			type: def.type,
-			source,
-			labels
-		});
+		case "numberRange": {
+			let t1;
+			if ($[9] !== def || $[10] !== labels || $[11] !== source) {
+				t1 = /* @__PURE__ */ jsx(RangeFilter, {
+					def,
+					type: def.type,
+					source,
+					labels
+				});
+				$[9] = def;
+				$[10] = labels;
+				$[11] = source;
+				$[12] = t1;
+			} else t1 = $[12];
+			return t1;
+		}
 	}
 }
 /**
@@ -257,18 +700,42 @@ function FilterField({ def, source, labels }) {
 *
 * @typeParam TRow - The row type.
 */
-function AutoFilterForm({ defs, source, labels }) {
-	return /* @__PURE__ */ jsx(Stack, {
-		spacing: 1.5,
-		children: defs.map((def) => /* @__PURE__ */ jsx(FilterField, {
-			def,
-			source,
-			labels
-		}, def.key))
-	});
+function AutoFilterForm(t0) {
+	const $ = c(9);
+	const { defs, source, labels } = t0;
+	let t1;
+	if ($[0] !== defs || $[1] !== labels || $[2] !== source) {
+		let t2;
+		if ($[4] !== labels || $[5] !== source) {
+			t2 = (def) => /* @__PURE__ */ jsx(FilterField, {
+				def,
+				source,
+				labels
+			}, def.key);
+			$[4] = labels;
+			$[5] = source;
+			$[6] = t2;
+		} else t2 = $[6];
+		t1 = defs.map(t2);
+		$[0] = defs;
+		$[1] = labels;
+		$[2] = source;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Stack, {
+			spacing: 1.5,
+			children: t1
+		});
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 }
 //#endregion
 //#region src/components/FilterPopover.tsx
+/** Props for {@link FilterPopover}. */
 /**
 * Anchored filter card (the default filter container). Opens under the Filters
 * button. Built on a non-modal `Popper` (+ `ClickAwayListener`) rather than the
@@ -277,105 +744,222 @@ function AutoFilterForm({ defs, source, labels }) {
 * `bottom-end` (flips to `bottom-start` for RTL). Pair with
 * `filtersMode="drawer"` for the slide-in panel instead.
 */
-function FilterPopover({ open, onClose, anchorEl, filters, activeFilterCount, onClearFilters, labels, dir = "ltr" }) {
-	useEffect(() => {
-		if (!open) return;
-		const onKeyDown = (event) => {
-			if (event.key === "Escape") onClose();
+function FilterPopover(t0) {
+	const $ = c(33);
+	const { open, onClose, anchorEl, filters, activeFilterCount, onClearFilters, labels, dir: t1 } = t0;
+	const dir = t1 === void 0 ? "ltr" : t1;
+	let t2;
+	let t3;
+	if ($[0] !== onClose || $[1] !== open) {
+		t2 = () => {
+			if (!open) return;
+			const onKeyDown = (event) => {
+				if (event.key === "Escape") onClose();
+			};
+			document.addEventListener("keydown", onKeyDown);
+			return () => document.removeEventListener("keydown", onKeyDown);
 		};
-		document.addEventListener("keydown", onKeyDown);
-		return () => document.removeEventListener("keydown", onKeyDown);
-	}, [open, onClose]);
-	return /* @__PURE__ */ jsx(Popper, {
-		open: open && anchorEl !== null,
-		anchorEl,
-		placement: dir === "rtl" ? "bottom-start" : "bottom-end",
-		modifiers: [{
+		t3 = [open, onClose];
+		$[0] = onClose;
+		$[1] = open;
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	useEffect(t2, t3);
+	const t4 = open && anchorEl !== null;
+	const t5 = dir === "rtl" ? "bottom-start" : "bottom-end";
+	let t6;
+	let t7;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = [{
 			name: "offset",
 			options: { offset: [0, 4] }
-		}],
-		style: { zIndex: 1300 },
-		children: /* @__PURE__ */ jsx(ClickAwayListener, {
+		}];
+		t7 = { zIndex: 1300 };
+		$[4] = t6;
+		$[5] = t7;
+	} else {
+		t6 = $[4];
+		t7 = $[5];
+	}
+	let t8;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
+			width: 360,
+			maxWidth: "calc(100vw - 32px)",
+			borderRadius: 2
+		};
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = {
+			p: 2,
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		};
+		$[7] = t9;
+	} else t9 = $[7];
+	let t10;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = {
+			justifyContent: "space-between",
+			alignItems: "center"
+		};
+		$[8] = t10;
+	} else t10 = $[8];
+	let t11;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = { fontWeight: 600 };
+		$[9] = t11;
+	} else t11 = $[9];
+	let t12;
+	if ($[10] !== labels.filters) {
+		t12 = /* @__PURE__ */ jsx(Typography, {
+			variant: "subtitle1",
+			sx: t11,
+			children: labels.filters
+		});
+		$[10] = labels.filters;
+		$[11] = t12;
+	} else t12 = $[11];
+	const t13 = activeFilterCount === 0;
+	let t14;
+	if ($[12] !== labels.clearAll || $[13] !== onClearFilters || $[14] !== t13) {
+		t14 = /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			onClick: onClearFilters,
+			disabled: t13,
+			children: labels.clearAll
+		});
+		$[12] = labels.clearAll;
+		$[13] = onClearFilters;
+		$[14] = t13;
+		$[15] = t14;
+	} else t14 = $[15];
+	let t15;
+	if ($[16] !== t12 || $[17] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			sx: t10,
+			children: [t12, t14]
+		});
+		$[16] = t12;
+		$[17] = t14;
+		$[18] = t15;
+	} else t15 = $[18];
+	let t16;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		};
+		$[19] = t16;
+	} else t16 = $[19];
+	let t17;
+	if ($[20] !== filters) {
+		t17 = /* @__PURE__ */ jsx(Box, {
+			sx: t16,
+			children: filters
+		});
+		$[20] = filters;
+		$[21] = t17;
+	} else t17 = $[21];
+	let t18;
+	if ($[22] !== t15 || $[23] !== t17) {
+		t18 = /* @__PURE__ */ jsx(Paper, {
+			elevation: 8,
+			sx: t8,
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: t9,
+				children: [t15, t17]
+			})
+		});
+		$[22] = t15;
+		$[23] = t17;
+		$[24] = t18;
+	} else t18 = $[24];
+	let t19;
+	if ($[25] !== onClose || $[26] !== t18) {
+		t19 = /* @__PURE__ */ jsx(ClickAwayListener, {
 			mouseEvent: "onMouseDown",
 			onClickAway: onClose,
-			children: /* @__PURE__ */ jsx(Paper, {
-				elevation: 8,
-				sx: {
-					width: 360,
-					maxWidth: "calc(100vw - 32px)",
-					borderRadius: 2
-				},
-				children: /* @__PURE__ */ jsxs(Box, {
-					sx: {
-						p: 2,
-						display: "flex",
-						flexDirection: "column",
-						gap: 2
-					},
-					children: [/* @__PURE__ */ jsxs(Stack, {
-						direction: "row",
-						sx: {
-							justifyContent: "space-between",
-							alignItems: "center"
-						},
-						children: [/* @__PURE__ */ jsx(Typography, {
-							variant: "subtitle1",
-							sx: { fontWeight: 600 },
-							children: labels.filters
-						}), /* @__PURE__ */ jsx(Button, {
-							size: "small",
-							onClick: onClearFilters,
-							disabled: activeFilterCount === 0,
-							children: labels.clearAll
-						})]
-					}), /* @__PURE__ */ jsx(Box, {
-						sx: {
-							display: "flex",
-							flexDirection: "column",
-							gap: 2
-						},
-						children: filters
-					})]
-				})
-			})
-		})
-	});
+			children: t18
+		});
+		$[25] = onClose;
+		$[26] = t18;
+		$[27] = t19;
+	} else t19 = $[27];
+	let t20;
+	if ($[28] !== anchorEl || $[29] !== t19 || $[30] !== t4 || $[31] !== t5) {
+		t20 = /* @__PURE__ */ jsx(Popper, {
+			open: t4,
+			anchorEl,
+			placement: t5,
+			modifiers: t6,
+			style: t7,
+			children: t19
+		});
+		$[28] = anchorEl;
+		$[29] = t19;
+		$[30] = t4;
+		$[31] = t5;
+		$[32] = t20;
+	} else t20 = $[32];
+	return t20;
 }
 //#endregion
 //#region src/components/chrome.tsx
 /** Funnel/filter glyph (currentColor, no icon-lib dependency). */
 function FiltersIcon() {
-	return /* @__PURE__ */ jsx("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ jsx("path", { d: "M3 5h18l-7 8v5l-4 2v-7L3 5Z" })
-	});
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.8",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx("path", { d: "M3 5h18l-7 8v5l-4 2v-7L3 5Z" })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 }
 /** Magnifying-glass glyph for the search field (currentColor, no icon-lib). */
 function SearchIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		width: "18",
-		height: "18",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "11",
-			cy: "11",
-			r: "7"
-		}), /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })]
-	});
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.8",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "11",
+				cy: "11",
+				r: "7"
+			}), /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 }
 /** Inline equivalent of `@mui/utils` visuallyHidden (avoids an extra dep). */
 const srOnly = {
@@ -389,6 +973,11 @@ const srOnly = {
 	whiteSpace: "nowrap",
 	border: 0
 };
+/**
+* Toolbar props: the shared {@link ToolbarChromeProps} plus the filter-container
+* wiring (mode + open/close handlers) so the Filters button can act as either
+* the popover anchor (default) or the drawer trigger.
+*/
 /** Search field + sort select + filters button + rows-per-page. */
 function Toolbar({ table, hideSearch, searchPlaceholder, sortByOptions, customToolbar, hasFilters, activeFilterCount, showRowsPerPage, filtersMode, filters, filtersOpen, onToggleFilters, onFiltersTriggerPointerDown, onCloseFilters, onClearFilters, dir, columnMenu }) {
 	const { labels, source } = table;
@@ -480,7 +1069,7 @@ function Toolbar({ table, hideSearch, searchPlaceholder, sortByOptions, customTo
 					size: "small",
 					label: labels.rowsPerPage,
 					value: source.limit,
-					onChange: (e) => source.setLimit(Number(e.target.value)),
+					onChange: (e_0) => source.setLimit(Number(e_0.target.value)),
 					sx: { minWidth: 110 },
 					children: pageSizeOptions(source.limit).map((n) => /* @__PURE__ */ jsx(MenuItem, {
 						value: n,
@@ -492,67 +1081,145 @@ function Toolbar({ table, hideSearch, searchPlaceholder, sortByOptions, customTo
 	});
 }
 /** Removable MUI chips. */
-function Chips({ chips, onClearAll, labels }) {
+function Chips(t0) {
+	const $ = c(13);
+	const { chips, onClearAll, labels } = t0;
 	if (chips.length === 0) return null;
-	return /* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		spacing: .5,
-		useFlexGap: true,
-		component: "ul",
-		"aria-label": labels.filters,
-		sx: {
+	const t1 = labels.filters;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
 			listStyle: "none",
 			p: 0,
 			m: 0,
 			flexWrap: "wrap"
-		},
-		children: [chips.map((chip) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Chip, {
-			label: chip.label,
-			size: "small",
-			onDelete: chip.onRemove,
-			deleteIcon: /* @__PURE__ */ jsx("span", {
-				"aria-label": `${labels.clearAll}: ${chip.label}`,
-				children: "×"
-			})
-		}) }, chip.key)), /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Button, {
+		};
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== chips || $[2] !== labels.clearAll) {
+		let t4;
+		if ($[4] !== labels.clearAll) {
+			t4 = (chip) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Chip, {
+				label: chip.label,
+				size: "small",
+				onDelete: chip.onRemove,
+				deleteIcon: /* @__PURE__ */ jsx("span", {
+					"aria-label": `${labels.clearAll}: ${chip.label}`,
+					children: "×"
+				})
+			}) }, chip.key);
+			$[4] = labels.clearAll;
+			$[5] = t4;
+		} else t4 = $[5];
+		t3 = chips.map(t4);
+		$[1] = chips;
+		$[2] = labels.clearAll;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[6] !== labels.clearAll || $[7] !== onClearAll) {
+		t4 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Button, {
 			size: "small",
 			onClick: onClearAll,
 			children: labels.clearAll
-		}) })]
-	});
+		}) });
+		$[6] = labels.clearAll;
+		$[7] = onClearAll;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== labels.filters || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			spacing: .5,
+			useFlexGap: true,
+			component: "ul",
+			"aria-label": t1,
+			sx: t2,
+			children: [t3, t4]
+		});
+		$[9] = labels.filters;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 }
 /** Selection toolbar. */
-function BulkBar({ selection, total, bulkActions, confirm, labels }) {
+function BulkBar(t0) {
+	const $ = c(69);
+	const { selection, total, bulkActions, confirm, labels } = t0;
 	const { selectedIds, selectedCount, headerState, visibleIds, allMatching, selectAllMatching, clear } = selection;
-	const { pending, run } = useBulkActionRunner({
-		confirm,
-		cancelLabel: labels.cancel,
-		onComplete: clear
-	});
+	let t1;
+	if ($[0] !== clear || $[1] !== confirm || $[2] !== labels.cancel) {
+		t1 = {
+			confirm,
+			cancelLabel: labels.cancel,
+			onComplete: clear
+		};
+		$[0] = clear;
+		$[1] = confirm;
+		$[2] = labels.cancel;
+		$[3] = t1;
+	} else t1 = $[3];
+	const { pending, run } = useBulkActionRunner(t1);
 	if (selectedCount === 0) return null;
-	const ids = [...selectedIds];
-	const showBanner = headerState === "all" && total > visibleIds.length;
-	return /* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		spacing: 1,
-		useFlexGap: true,
-		sx: {
-			alignItems: "center",
-			justifyContent: "space-between",
-			flexWrap: "wrap"
-		},
-		children: [/* @__PURE__ */ jsxs(Stack, {
-			direction: "row",
-			spacing: 1,
-			useFlexGap: true,
-			sx: {
+	let T0;
+	let T1;
+	let t10;
+	let t11;
+	let t12;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[4] !== allMatching || $[5] !== bulkActions || $[6] !== clear || $[7] !== headerState || $[8] !== labels || $[9] !== pending || $[10] !== run || $[11] !== selectAllMatching || $[12] !== selectedCount || $[13] !== selectedIds || $[14] !== total || $[15] !== visibleIds) {
+		const ids = [...selectedIds];
+		const showBanner = headerState === "all" && total > visibleIds.length;
+		T1 = Stack;
+		t8 = "row";
+		t9 = 1;
+		t10 = true;
+		if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+			t11 = {
 				alignItems: "center",
+				justifyContent: "space-between",
 				flexWrap: "wrap"
-			},
-			children: [/* @__PURE__ */ jsx(Typography, {
+			};
+			$[29] = t11;
+		} else t11 = $[29];
+		let t13;
+		if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+			t13 = {
+				alignItems: "center",
+				flexWrap: "wrap"
+			};
+			$[30] = t13;
+		} else t13 = $[30];
+		let t14;
+		if ($[31] !== labels || $[32] !== selectedCount) {
+			t14 = labels.selectedCount(selectedCount);
+			$[31] = labels;
+			$[32] = selectedCount;
+			$[33] = t14;
+		} else t14 = $[33];
+		let t15;
+		if ($[34] !== t14) {
+			t15 = /* @__PURE__ */ jsx(Typography, {
 				variant: "body2",
-				children: labels.selectedCount(selectedCount)
-			}), showBanner && (allMatching ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Typography, {
+				children: t14
+			});
+			$[34] = t14;
+			$[35] = t15;
+		} else t15 = $[35];
+		let t16;
+		if ($[36] !== allMatching || $[37] !== clear || $[38] !== labels || $[39] !== pending || $[40] !== selectAllMatching || $[41] !== showBanner || $[42] !== total || $[43] !== visibleIds) {
+			t16 = showBanner && (allMatching ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Typography, {
 				variant: "body2",
 				color: "text.secondary",
 				children: labels.allMatchingSelected(total)
@@ -572,206 +1239,590 @@ function BulkBar({ selection, total, bulkActions, confirm, labels }) {
 				onClick: selectAllMatching,
 				disabled: pending !== null,
 				children: labels.selectAllMatching(total)
-			})] }))]
-		}), /* @__PURE__ */ jsxs(Stack, {
-			direction: "row",
-			spacing: 1,
-			useFlexGap: true,
-			sx: { flexWrap: "wrap" },
-			children: [/* @__PURE__ */ jsx(Button, {
+			})] }));
+			$[36] = allMatching;
+			$[37] = clear;
+			$[38] = labels;
+			$[39] = pending;
+			$[40] = selectAllMatching;
+			$[41] = showBanner;
+			$[42] = total;
+			$[43] = visibleIds;
+			$[44] = t16;
+		} else t16 = $[44];
+		if ($[45] !== t15 || $[46] !== t16) {
+			t12 = /* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				spacing: 1,
+				useFlexGap: true,
+				sx: t13,
+				children: [t15, t16]
+			});
+			$[45] = t15;
+			$[46] = t16;
+			$[47] = t12;
+		} else t12 = $[47];
+		T0 = Stack;
+		t2 = "row";
+		t3 = 1;
+		t4 = true;
+		if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+			t5 = { flexWrap: "wrap" };
+			$[48] = t5;
+		} else t5 = $[48];
+		const t17 = pending !== null;
+		if ($[49] !== clear || $[50] !== labels.clearAll || $[51] !== t17) {
+			t6 = /* @__PURE__ */ jsx(Button, {
 				size: "small",
 				variant: "text",
 				onClick: clear,
-				disabled: pending !== null,
+				disabled: t17,
 				children: labels.clearAll
-			}), bulkActions.map((action) => {
-				const reason = resolveDisabledReason(action.disabledReason?.(ids));
-				return /* @__PURE__ */ jsx(Tooltip, {
-					title: reason ?? "",
-					children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, {
-						size: "small",
-						variant: "contained",
-						color: action.color,
-						startIcon: action.icon,
-						disabled: reason !== void 0 || pending !== null,
-						onClick: () => run(action, ids, allMatching ? {
-							allMatching: true,
-							total
-						} : void 0),
-						children: action.label
-					}) })
-				}, action.key);
-			})]
-		})]
-	});
+			});
+			$[49] = clear;
+			$[50] = labels.clearAll;
+			$[51] = t17;
+			$[52] = t6;
+		} else t6 = $[52];
+		t7 = bulkActions.map((action) => {
+			const reason = resolveDisabledReason(action.disabledReason?.(ids));
+			return /* @__PURE__ */ jsx(Tooltip, {
+				title: reason ?? "",
+				children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, {
+					size: "small",
+					variant: "contained",
+					color: action.color,
+					startIcon: action.icon,
+					disabled: reason !== void 0 || pending !== null,
+					onClick: () => run(action, ids, allMatching ? {
+						allMatching: true,
+						total
+					} : void 0),
+					children: action.label
+				}) })
+			}, action.key);
+		});
+		$[4] = allMatching;
+		$[5] = bulkActions;
+		$[6] = clear;
+		$[7] = headerState;
+		$[8] = labels;
+		$[9] = pending;
+		$[10] = run;
+		$[11] = selectAllMatching;
+		$[12] = selectedCount;
+		$[13] = selectedIds;
+		$[14] = total;
+		$[15] = visibleIds;
+		$[16] = T0;
+		$[17] = T1;
+		$[18] = t10;
+		$[19] = t11;
+		$[20] = t12;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else {
+		T0 = $[16];
+		T1 = $[17];
+		t10 = $[18];
+		t11 = $[19];
+		t12 = $[20];
+		t2 = $[21];
+		t3 = $[22];
+		t4 = $[23];
+		t5 = $[24];
+		t6 = $[25];
+		t7 = $[26];
+		t8 = $[27];
+		t9 = $[28];
+	}
+	let t13;
+	if ($[53] !== T0 || $[54] !== t2 || $[55] !== t3 || $[56] !== t4 || $[57] !== t5 || $[58] !== t6 || $[59] !== t7) {
+		t13 = /* @__PURE__ */ jsxs(T0, {
+			direction: t2,
+			spacing: t3,
+			useFlexGap: t4,
+			sx: t5,
+			children: [t6, t7]
+		});
+		$[53] = T0;
+		$[54] = t2;
+		$[55] = t3;
+		$[56] = t4;
+		$[57] = t5;
+		$[58] = t6;
+		$[59] = t7;
+		$[60] = t13;
+	} else t13 = $[60];
+	let t14;
+	if ($[61] !== T1 || $[62] !== t10 || $[63] !== t11 || $[64] !== t12 || $[65] !== t13 || $[66] !== t8 || $[67] !== t9) {
+		t14 = /* @__PURE__ */ jsxs(T1, {
+			direction: t8,
+			spacing: t9,
+			useFlexGap: t10,
+			sx: t11,
+			children: [t12, t13]
+		});
+		$[61] = T1;
+		$[62] = t10;
+		$[63] = t11;
+		$[64] = t12;
+		$[65] = t13;
+		$[66] = t8;
+		$[67] = t9;
+		$[68] = t14;
+	} else t14 = $[68];
+	return t14;
 }
 /** Paged footer: rows-per-page + range on the left, pager on the right. */
-function Footer({ pagination, total, limit, setPage, setLimit, labels }) {
-	return /* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		spacing: 2,
-		useFlexGap: true,
-		sx: {
+function Footer(t0) {
+	const $ = c(32);
+	const { pagination, total, limit, setPage, setLimit, labels } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
 			alignItems: "center",
 			justifyContent: "space-between",
 			flexWrap: "wrap"
-		},
-		children: [/* @__PURE__ */ jsxs(Stack, {
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { alignItems: "center" };
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = labels.rowsPerPage;
+	const t4 = String(limit);
+	let t5;
+	if ($[2] !== setLimit) {
+		t5 = (e) => setLimit(Number(e.target.value));
+		$[2] = setLimit;
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = { minWidth: 100 };
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] !== limit) {
+		t7 = pageSizeOptions(limit).map(_temp);
+		$[5] = limit;
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== labels.rowsPerPage || $[8] !== t4 || $[9] !== t5 || $[10] !== t7) {
+		t8 = /* @__PURE__ */ jsx(TextField, {
+			select: true,
+			size: "small",
+			label: t3,
+			value: t4,
+			onChange: t5,
+			sx: t6,
+			children: t7
+		});
+		$[7] = labels.rowsPerPage;
+		$[8] = t4;
+		$[9] = t5;
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	let t9;
+	if ($[12] !== labels || $[13] !== pagination.fromIndex || $[14] !== pagination.toIndex || $[15] !== total) {
+		t9 = total > 0 && /* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			color: "text.secondary",
+			children: labels.showing({
+				from: pagination.fromIndex,
+				to: pagination.toIndex,
+				total
+			})
+		});
+		$[12] = labels;
+		$[13] = pagination.fromIndex;
+		$[14] = pagination.toIndex;
+		$[15] = total;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== t8 || $[18] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(Stack, {
 			direction: "row",
 			spacing: 1.5,
 			useFlexGap: true,
-			sx: { alignItems: "center" },
-			children: [/* @__PURE__ */ jsx(TextField, {
-				select: true,
-				size: "small",
-				label: labels.rowsPerPage,
-				value: String(limit),
-				onChange: (e) => setLimit(Number(e.target.value)),
-				sx: { minWidth: 100 },
-				children: pageSizeOptions(limit).map((n) => /* @__PURE__ */ jsx(MenuItem, {
-					value: String(n),
-					children: n
-				}, n))
-			}), total > 0 && /* @__PURE__ */ jsx(Typography, {
-				variant: "caption",
-				color: "text.secondary",
-				children: labels.showing({
-					from: pagination.fromIndex,
-					to: pagination.toIndex,
-					total
-				})
-			})]
-		}), /* @__PURE__ */ jsx(Pagination, {
+			sx: t2,
+			children: [t8, t9]
+		});
+		$[17] = t8;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== setPage) {
+		t11 = (_, page) => setPage(page);
+		$[20] = setPage;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== labels) {
+		t12 = (type, page_0) => {
+			if (type === "page") return labels.goToPage(page_0);
+			return type === "previous" ? labels.previousPage : labels.nextPage;
+		};
+		$[22] = labels;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== pagination.safePage || $[25] !== pagination.totalPages || $[26] !== t11 || $[27] !== t12) {
+		t13 = /* @__PURE__ */ jsx(Pagination, {
 			count: pagination.totalPages,
 			page: pagination.safePage,
-			onChange: (_, page) => setPage(page),
+			onChange: t11,
 			size: "small",
-			getItemAriaLabel: (type, page) => {
-				if (type === "page") return labels.goToPage(page);
-				return type === "previous" ? labels.previousPage : labels.nextPage;
-			}
-		})]
-	});
+			getItemAriaLabel: t12
+		});
+		$[24] = pagination.safePage;
+		$[25] = pagination.totalPages;
+		$[26] = t11;
+		$[27] = t12;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== t10 || $[30] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			spacing: 2,
+			useFlexGap: true,
+			sx: t1,
+			children: [t10, t13]
+		});
+		$[29] = t10;
+		$[30] = t13;
+		$[31] = t14;
+	} else t14 = $[31];
+	return t14;
 }
 /** Error alert. */
-function ErrorState({ error, labels, onRetry }) {
-	return /* @__PURE__ */ jsxs(Alert, {
-		severity: "error",
-		action: onRetry ? /* @__PURE__ */ jsx(Button, {
+function _temp(n) {
+	return /* @__PURE__ */ jsx(MenuItem, {
+		value: String(n),
+		children: n
+	}, n);
+}
+function ErrorState(t0) {
+	const $ = c(9);
+	const { error, labels, onRetry } = t0;
+	let t1;
+	if ($[0] !== labels.retry || $[1] !== onRetry) {
+		t1 = onRetry ? /* @__PURE__ */ jsx(Button, {
 			color: "inherit",
 			size: "small",
 			onClick: onRetry,
 			children: labels.retry
-		}) : void 0,
-		children: [
-			/* @__PURE__ */ jsx("strong", { children: labels.errorTitle }),
-			" — ",
-			error.message
-		]
-	});
+		}) : void 0;
+		$[0] = labels.retry;
+		$[1] = onRetry;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== labels.errorTitle) {
+		t2 = /* @__PURE__ */ jsx("strong", { children: labels.errorTitle });
+		$[3] = labels.errorTitle;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== error.message || $[6] !== t1 || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Alert, {
+			severity: "error",
+			action: t1,
+			children: [
+				t2,
+				" — ",
+				error.message
+			]
+		});
+		$[5] = error.message;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 }
 /** Skeleton loading placeholder. */
-function LoadingState({ rows, columns, loadingLabel }) {
-	return /* @__PURE__ */ jsxs(Box, {
-		role: "status",
-		"aria-busy": "true",
-		"aria-live": "polite",
-		"data-testid": "adapttable-loading",
-		children: [Array.from({ length: rows }, (_, r) => /* @__PURE__ */ jsx(Stack, {
-			direction: "row",
-			spacing: 2,
-			sx: { py: 1 },
-			children: Array.from({ length: Math.max(columns, 1) }, (_, c) => /* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				width: c === 0 ? "30%" : "20%"
-			}, c))
-		}, r)), loadingLabel ? /* @__PURE__ */ jsx(Box, {
+function LoadingState(t0) {
+	const $ = c(10);
+	const { rows, columns, loadingLabel } = t0;
+	let t1;
+	if ($[0] !== columns || $[1] !== rows) {
+		let t2;
+		if ($[3] !== columns) {
+			t2 = (_, r) => /* @__PURE__ */ jsx(Stack, {
+				direction: "row",
+				spacing: 2,
+				sx: { py: 1 },
+				children: Array.from({ length: Math.max(columns, 1) }, _temp2)
+			}, r);
+			$[3] = columns;
+			$[4] = t2;
+		} else t2 = $[4];
+		t1 = Array.from({ length: rows }, t2);
+		$[0] = columns;
+		$[1] = rows;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[5] !== loadingLabel) {
+		t2 = loadingLabel ? /* @__PURE__ */ jsx(Box, {
 			component: "span",
 			sx: srOnly,
 			children: loadingLabel
-		}) : null]
-	});
+		}) : null;
+		$[5] = loadingLabel;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Box, {
+			role: "status",
+			"aria-busy": "true",
+			"aria-live": "polite",
+			"data-testid": "adapttable-loading",
+			children: [t1, t2]
+		});
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
 /** Filters drawer. */
-function FilterDrawer({ open, onClose, filters, activeFilterCount, onClearFilters, labels, dir = "ltr" }) {
-	return /* @__PURE__ */ jsx(Drawer, {
-		anchor: dir === "rtl" ? "left" : "right",
-		open,
-		onClose,
-		children: /* @__PURE__ */ jsxs(Box, {
-			sx: {
-				width: 360,
-				p: 2,
-				display: "flex",
-				flexDirection: "column",
-				gap: 2,
-				height: "100%"
-			},
+function _temp2(__0, c) {
+	return /* @__PURE__ */ jsx(Skeleton, {
+		variant: "text",
+		width: c === 0 ? "30%" : "20%"
+	}, c);
+}
+function FilterDrawer(t0) {
+	const $ = c(29);
+	const { open, onClose, filters, activeFilterCount, onClearFilters, labels, dir: t1 } = t0;
+	const t2 = (t1 === void 0 ? "ltr" : t1) === "rtl" ? "left" : "right";
+	let t3;
+	if ($[0] !== labels.filters) {
+		t3 = { paper: { "aria-label": labels.filters } };
+		$[0] = labels.filters;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {
+			width: 360,
+			p: 2,
+			display: "flex",
+			flexDirection: "column",
+			gap: 2,
+			height: "100%"
+		};
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] !== labels.filters) {
+		t5 = /* @__PURE__ */ jsx(Typography, {
+			variant: "h6",
+			children: labels.filters
+		});
+		$[3] = labels.filters;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
+			flex: 1,
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		};
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] !== filters) {
+		t7 = /* @__PURE__ */ jsx(Box, {
+			sx: t6,
+			children: filters
+		});
+		$[6] = filters;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = { justifyContent: "space-between" };
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = activeFilterCount === 0;
+	let t10;
+	if ($[9] !== labels.clearAll || $[10] !== onClearFilters || $[11] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Button, {
+			onClick: onClearFilters,
+			disabled: t9,
+			children: labels.clearAll
+		});
+		$[9] = labels.clearAll;
+		$[10] = onClearFilters;
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== labels.applyFilters || $[14] !== onClose) {
+		t11 = /* @__PURE__ */ jsx(Button, {
+			variant: "contained",
+			onClick: onClose,
+			children: labels.applyFilters
+		});
+		$[13] = labels.applyFilters;
+		$[14] = onClose;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] !== t10 || $[17] !== t11) {
+		t12 = /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			sx: t8,
+			children: [t10, t11]
+		});
+		$[16] = t10;
+		$[17] = t11;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== t12 || $[20] !== t5 || $[21] !== t7) {
+		t13 = /* @__PURE__ */ jsxs(Box, {
+			sx: t4,
 			children: [
-				/* @__PURE__ */ jsx(Typography, {
-					variant: "h6",
-					children: labels.filters
-				}),
-				/* @__PURE__ */ jsx(Box, {
-					sx: {
-						flex: 1,
-						display: "flex",
-						flexDirection: "column",
-						gap: 2
-					},
-					children: filters
-				}),
-				/* @__PURE__ */ jsxs(Stack, {
-					direction: "row",
-					sx: { justifyContent: "space-between" },
-					children: [/* @__PURE__ */ jsx(Button, {
-						onClick: onClearFilters,
-						disabled: activeFilterCount === 0,
-						children: labels.clearAll
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: "contained",
-						onClick: onClose,
-						children: labels.applyFilters
-					})]
-				})
+				t5,
+				t7,
+				t12
 			]
-		})
-	});
+		});
+		$[19] = t12;
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== onClose || $[24] !== open || $[25] !== t13 || $[26] !== t2 || $[27] !== t3) {
+		t14 = /* @__PURE__ */ jsx(Drawer, {
+			anchor: t2,
+			open,
+			onClose,
+			slotProps: t3,
+			children: t13
+		});
+		$[23] = onClose;
+		$[24] = open;
+		$[25] = t13;
+		$[26] = t2;
+		$[27] = t3;
+		$[28] = t14;
+	} else t14 = $[28];
+	return t14;
 }
 //#endregion
 //#region src/components/ColumnMenu.tsx
+/** Props for the column menu — the shared core contract + actions wiring. */
+/** Labels the visibility toggle and the row name share. */
 /** Eye show/hide toggle — shared by the data rows and the actions row. */
-function VisibilityToggle({ hidden, name, labels, onToggle }) {
-	return /* @__PURE__ */ jsx(IconButton, {
-		size: "small",
-		"aria-label": `${hidden ? labels.showColumn : labels.hideColumn}: ${name}`,
-		"aria-pressed": !hidden,
-		color: hidden ? "default" : "primary",
-		onClick: onToggle,
-		children: /* @__PURE__ */ jsx(EyeIcon, { off: hidden })
-	});
+function VisibilityToggle(t0) {
+	const $ = c(8);
+	const { hidden, name, labels, onToggle } = t0;
+	const t1 = `${hidden ? labels.showColumn : labels.hideColumn}: ${name}`;
+	const t2 = !hidden;
+	const t3 = hidden ? "default" : "primary";
+	let t4;
+	if ($[0] !== hidden) {
+		t4 = /* @__PURE__ */ jsx(EyeIcon, { off: hidden });
+		$[0] = hidden;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] !== onToggle || $[3] !== t1 || $[4] !== t2 || $[5] !== t3 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx(IconButton, {
+			size: "small",
+			"aria-label": t1,
+			"aria-pressed": t2,
+			color: t3,
+			onClick: onToggle,
+			children: t4
+		});
+		$[2] = onToggle;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
 }
 /** Row name — struck through and dimmed while the column is hidden. */
-function RowName({ hidden, name }) {
-	return /* @__PURE__ */ jsx(Typography, {
-		variant: "body2",
-		sx: {
+function RowName(t0) {
+	const $ = c(6);
+	const { hidden, name } = t0;
+	const t1 = hidden ? "text.disabled" : "text.primary";
+	const t2 = hidden ? "line-through" : "none";
+	let t3;
+	if ($[0] !== t1 || $[1] !== t2) {
+		t3 = {
 			flex: 1,
-			color: hidden ? "text.disabled" : "text.primary",
-			textDecoration: hidden ? "line-through" : "none"
-		},
-		children: name
-	});
+			color: t1,
+			textDecoration: t2
+		};
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== name || $[4] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: t3,
+			children: name
+		});
+		$[3] = name;
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	return t4;
 }
 /** Pin button — shared markup; the caller decides the cycle and the label. */
-function PinToggle({ active, label, onClick }) {
-	return /* @__PURE__ */ jsx(IconButton, {
-		size: "small",
-		color: active ? "primary" : "default",
-		"aria-label": label,
-		onClick,
-		children: /* @__PURE__ */ jsx(PinIcon, {})
-	});
+function PinToggle(t0) {
+	const $ = c(5);
+	const { active, label, onClick } = t0;
+	const t1 = active ? "primary" : "default";
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(PinIcon, {});
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== label || $[2] !== onClick || $[3] !== t1) {
+		t3 = /* @__PURE__ */ jsx(IconButton, {
+			size: "small",
+			color: t1,
+			"aria-label": label,
+			onClick,
+			children: t2
+		});
+		$[1] = label;
+		$[2] = onClick;
+		$[3] = t1;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
 }
 /**
 * Trailing menu row for the injected row-actions column. It is not a data
@@ -780,39 +1831,107 @@ function PinToggle({ active, label, onClick }) {
 * a ONE-CLICK right↔unpinned toggle (the column always trails, so a left pin
 * would be meaningless).
 */
-function ActionsRow({ layout, labels }) {
-	const hidden = layout.isHidden(ACTIONS_COLUMN_KEY);
-	const pinned = layout.state.pinned[ACTIONS_COLUMN_KEY] === "right";
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Divider, { sx: { my: .5 } }), /* @__PURE__ */ jsxs(Stack, {
-		direction: "row",
-		spacing: .5,
-		sx: {
+function ActionsRow(t0) {
+	const $ = c(25);
+	const { layout, labels } = t0;
+	let t1;
+	if ($[0] !== layout) {
+		t1 = layout.isHidden(ACTIONS_COLUMN_KEY);
+		$[0] = layout;
+		$[1] = t1;
+	} else t1 = $[1];
+	const hidden = t1;
+	const pinned = layout.state.pinned[ACTIONS_COLUMN_KEY] === "end";
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Divider, { sx: { my: .5 } });
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
 			px: .5,
 			py: .25,
 			alignItems: "center"
-		},
-		children: [
-			/* @__PURE__ */ jsx(Box, {
-				"aria-hidden": true,
-				sx: { width: 24 }
-			}),
-			/* @__PURE__ */ jsx(VisibilityToggle, {
-				hidden,
-				name: labels.actions,
-				labels,
-				onToggle: () => layout.toggleVisible(ACTIONS_COLUMN_KEY)
-			}),
-			/* @__PURE__ */ jsx(RowName, {
-				hidden,
-				name: labels.actions
-			}),
-			/* @__PURE__ */ jsx(PinToggle, {
-				active: pinned,
-				label: `${pinned ? labels.unpin : labels.pinRight}: ${labels.actions}`,
-				onClick: () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "right")
-			})
-		]
-	})] });
+		};
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Box, {
+			"aria-hidden": true,
+			sx: { width: 24 }
+		});
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== layout) {
+		t5 = () => layout.toggleVisible(ACTIONS_COLUMN_KEY);
+		$[5] = layout;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== hidden || $[8] !== labels || $[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(VisibilityToggle, {
+			hidden,
+			name: labels.actions,
+			labels,
+			onToggle: t5
+		});
+		$[7] = hidden;
+		$[8] = labels;
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== hidden || $[12] !== labels.actions) {
+		t7 = /* @__PURE__ */ jsx(RowName, {
+			hidden,
+			name: labels.actions
+		});
+		$[11] = hidden;
+		$[12] = labels.actions;
+		$[13] = t7;
+	} else t7 = $[13];
+	const t8 = `${pinned ? labels.unpin : labels.pinEnd}: ${labels.actions}`;
+	let t9;
+	if ($[14] !== layout || $[15] !== pinned) {
+		t9 = () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "end");
+		$[14] = layout;
+		$[15] = pinned;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== pinned || $[18] !== t8 || $[19] !== t9) {
+		t10 = /* @__PURE__ */ jsx(PinToggle, {
+			active: pinned,
+			label: t8,
+			onClick: t9
+		});
+		$[17] = pinned;
+		$[18] = t8;
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== t10 || $[22] !== t6 || $[23] !== t7) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			spacing: .5,
+			sx: t3,
+			children: [
+				t4,
+				t6,
+				t7,
+				t10
+			]
+		})] });
+		$[21] = t10;
+		$[22] = t6;
+		$[23] = t7;
+		$[24] = t11;
+	} else t11 = $[24];
+	return t11;
 }
 /**
 * MUI column-management popover: per-column drag grip (reorder), eye
@@ -820,104 +1939,219 @@ function ActionsRow({ layout, labels }) {
 * navigation never fights the grip's arrow-key reorder. With row actions, a
 * separated trailing row manages the injected actions column too.
 */
-function ColumnMenu({ allColumns, layout, labels, hasRowActions }) {
+function ColumnMenu(t0) {
+	const $ = c(42);
+	const { allColumns, layout, labels, hasRowActions } = t0;
 	const drag = useColumnDragState();
 	const [anchor, setAnchor] = useState(null);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
-		size: "small",
-		variant: "outlined",
-		"aria-expanded": anchor !== null,
-		"aria-haspopup": "true",
-		onClick: (e) => setAnchor(e.currentTarget),
-		children: labels.columns
-	}), /* @__PURE__ */ jsx(Popover, {
-		anchorEl: anchor,
-		open: anchor !== null,
-		onClose: () => setAnchor(null),
-		anchorOrigin: {
+	const t1 = anchor !== null;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (e) => setAnchor(e.currentTarget);
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== labels.columns || $[2] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			variant: "outlined",
+			"aria-expanded": t1,
+			"aria-haspopup": "true",
+			onClick: t2,
+			children: labels.columns
+		});
+		$[1] = labels.columns;
+		$[2] = t1;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = anchor !== null;
+	let t5;
+	let t6;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => setAnchor(null);
+		t6 = {
 			vertical: "bottom",
 			horizontal: "left"
-		},
-		children: /* @__PURE__ */ jsxs(Box, {
-			sx: {
-				p: .75,
-				minWidth: 250
-			},
-			children: [
-				/* @__PURE__ */ jsx(Typography, {
-					variant: "caption",
+		};
+		$[4] = t5;
+		$[5] = t6;
+	} else {
+		t5 = $[4];
+		t6 = $[5];
+	}
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = {
+			p: .75,
+			minWidth: 250
+		};
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
+			display: "block",
+			px: 1,
+			pb: .5,
+			fontWeight: 600,
+			textTransform: "uppercase",
+			letterSpacing: "0.06em",
+			color: "text.secondary"
+		};
+		$[7] = t8;
+	} else t8 = $[7];
+	let t9;
+	if ($[8] !== labels.columns) {
+		t9 = /* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			sx: t8,
+			children: labels.columns
+		});
+		$[8] = labels.columns;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] !== allColumns || $[11] !== drag || $[12] !== labels || $[13] !== layout) {
+		let t11;
+		if ($[15] !== drag || $[16] !== labels || $[17] !== layout) {
+			t11 = (r) => {
+				const indicator = drag.rowAttrs(r.key, r.index);
+				const edge = indicator["data-drop"];
+				const edgeOffset = edge === "before" ? "2px" : "-2px";
+				return /* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					spacing: .5,
 					sx: {
-						display: "block",
-						px: 1,
-						pb: .5,
-						fontWeight: 600,
-						textTransform: "uppercase",
-						letterSpacing: "0.06em",
-						color: "text.secondary"
+						alignItems: "center",
+						px: .5,
+						py: .25,
+						cursor: "grab",
+						opacity: "data-dragging" in indicator ? .4 : void 0,
+						boxShadow: edge ? (theme) => `inset 0 ${edgeOffset} 0 0 ${theme.palette.primary.main}` : void 0
 					},
-					children: labels.columns
-				}),
-				columnMenuRows(allColumns, layout).map((r) => {
-					const indicator = drag.rowAttrs(r.key, r.index);
-					const edge = indicator["data-drop"];
-					const edgeOffset = edge === "before" ? "2px" : "-2px";
-					return /* @__PURE__ */ jsxs(Stack, {
-						direction: "row",
-						spacing: .5,
-						sx: {
-							alignItems: "center",
-							px: .5,
-							py: .25,
-							cursor: "grab",
-							opacity: "data-dragging" in indicator ? .4 : void 0,
-							boxShadow: edge ? (theme) => `inset 0 ${edgeOffset} 0 0 ${theme.palette.primary.main}` : void 0
-						},
-						...drag.rowDragProps(r.key, r.index),
-						...drag.dropProps(r.index, layout.move),
-						...indicator,
-						children: [
-							/* @__PURE__ */ jsx(IconButton, {
-								size: "small",
-								sx: {
-									cursor: "grab",
-									color: "text.disabled"
-								},
-								...columnReorderKeyProps(r.key, r.index, layout.move, `${labels.moveLeft} / ${labels.moveRight}: ${r.name}`),
-								children: /* @__PURE__ */ jsx(GripIcon, {})
-							}),
-							/* @__PURE__ */ jsx(VisibilityToggle, {
-								hidden: r.hidden,
-								name: r.name,
-								labels,
-								onToggle: () => layout.toggleVisible(r.key)
-							}),
-							/* @__PURE__ */ jsx(RowName, {
-								hidden: r.hidden,
-								name: r.name
-							}),
-							/* @__PURE__ */ jsx(PinToggle, {
-								active: r.pinned !== void 0,
-								label: `${pinActionLabel(r.pinned, labels)}: ${r.name}`,
-								onClick: () => layout.setPinned(r.key, nextPinSide(r.pinned))
-							})
-						]
-					}, r.key);
-				}),
-				hasRowActions && /* @__PURE__ */ jsx(ActionsRow, {
-					layout,
-					labels
-				}),
-				/* @__PURE__ */ jsx(Divider, { sx: { my: .5 } }),
-				/* @__PURE__ */ jsx(Button, {
-					size: "small",
-					fullWidth: true,
-					sx: { justifyContent: "flex-start" },
-					onClick: () => layout.reset(),
-					children: labels.resetColumns
-				})
+					...drag.rowDragProps(r.key, r.index),
+					...drag.dropProps(r.index, layout.move),
+					...indicator,
+					children: [
+						/* @__PURE__ */ jsx(IconButton, {
+							size: "small",
+							sx: {
+								cursor: "grab",
+								color: "text.disabled"
+							},
+							...columnReorderKeyProps(r.key, r.index, layout.move, `${labels.moveStart} / ${labels.moveEnd}: ${r.name}`),
+							children: /* @__PURE__ */ jsx(GripIcon, {})
+						}),
+						/* @__PURE__ */ jsx(VisibilityToggle, {
+							hidden: r.hidden,
+							name: r.name,
+							labels,
+							onToggle: () => layout.toggleVisible(r.key)
+						}),
+						/* @__PURE__ */ jsx(RowName, {
+							hidden: r.hidden,
+							name: r.name
+						}),
+						/* @__PURE__ */ jsx(PinToggle, {
+							active: r.pinned !== void 0,
+							label: `${pinActionLabel(r.pinned, labels)}: ${r.name}`,
+							onClick: () => layout.setPinned(r.key, nextPinSide(r.pinned))
+						})
+					]
+				}, r.key);
+			};
+			$[15] = drag;
+			$[16] = labels;
+			$[17] = layout;
+			$[18] = t11;
+		} else t11 = $[18];
+		t10 = columnMenuRows(allColumns, layout).map(t11);
+		$[10] = allColumns;
+		$[11] = drag;
+		$[12] = labels;
+		$[13] = layout;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[19] !== hasRowActions || $[20] !== labels || $[21] !== layout) {
+		t11 = hasRowActions && /* @__PURE__ */ jsx(ActionsRow, {
+			layout,
+			labels
+		});
+		$[19] = hasRowActions;
+		$[20] = labels;
+		$[21] = layout;
+		$[22] = t11;
+	} else t11 = $[22];
+	let t12;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Divider, { sx: { my: .5 } });
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = { justifyContent: "flex-start" };
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== layout) {
+		t14 = () => layout.reset();
+		$[25] = layout;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== labels.resetColumns || $[28] !== t14) {
+		t15 = /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			fullWidth: true,
+			sx: t13,
+			onClick: t14,
+			children: labels.resetColumns
+		});
+		$[27] = labels.resetColumns;
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t10 || $[31] !== t11 || $[32] !== t15 || $[33] !== t9) {
+		t16 = /* @__PURE__ */ jsxs(Box, {
+			sx: t7,
+			children: [
+				t9,
+				t10,
+				t11,
+				t12,
+				t15
 			]
-		})
-	})] });
+		});
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t15;
+		$[33] = t9;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== anchor || $[36] !== t16 || $[37] !== t4) {
+		t17 = /* @__PURE__ */ jsx(Popover, {
+			anchorEl: anchor,
+			open: t4,
+			onClose: t5,
+			anchorOrigin: t6,
+			children: t16
+		});
+		$[35] = anchor;
+		$[36] = t16;
+		$[37] = t4;
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== t17 || $[40] !== t3) {
+		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t17] });
+		$[39] = t17;
+		$[40] = t3;
+		$[41] = t18;
+	} else t18 = $[41];
+	return t18;
 }
 //#endregion
 //#region src/components/tables.tsx
@@ -952,19 +2186,25 @@ function useStableToggle(target) {
 	return useCallback((id) => ref.current?.toggle(id), []);
 }
 /** Inline chevron pointing at the reading end; rotates down when open. */
-function ExpandChevron({ expanded, dir }) {
+function ExpandChevron(t0) {
+	const $ = c(5);
+	const { expanded, dir } = t0;
 	let transform;
 	if (expanded) transform = "rotate(90deg)";
 	else if (dir === "rtl") transform = "rotate(180deg)";
-	return /* @__PURE__ */ jsx(Box, {
-		component: "span",
-		"aria-hidden": true,
-		sx: {
+	let t1;
+	if ($[0] !== transform) {
+		t1 = {
 			display: "inline-flex",
 			transition: "transform 150ms",
 			transform
-		},
-		children: /* @__PURE__ */ jsx("svg", {
+		};
+		$[0] = transform;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("svg", {
 			width: "1em",
 			height: "1em",
 			viewBox: "0 0 24 24",
@@ -974,21 +2214,60 @@ function ExpandChevron({ expanded, dir }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6" })
-		})
-	});
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Box, {
+			component: "span",
+			"aria-hidden": true,
+			sx: t1,
+			children: t2
+		});
+		$[3] = t1;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
 }
 /** The per-row expand/collapse chevron button (desktop cell + mobile card). */
-function ExpandToggle({ id, expanded, onToggle, dir, expandLabel, collapseLabel }) {
-	return /* @__PURE__ */ jsx(IconButton, {
-		size: "small",
-		"aria-expanded": expanded,
-		"aria-label": expanded ? collapseLabel : expandLabel,
-		onClick: () => onToggle(id),
-		children: /* @__PURE__ */ jsx(ExpandChevron, {
+function ExpandToggle(t0) {
+	const $ = c(11);
+	const { id, expanded, onToggle, dir, expandLabel, collapseLabel } = t0;
+	const t1 = expanded ? collapseLabel : expandLabel;
+	let t2;
+	if ($[0] !== id || $[1] !== onToggle) {
+		t2 = () => onToggle(id);
+		$[0] = id;
+		$[1] = onToggle;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== dir || $[4] !== expanded) {
+		t3 = /* @__PURE__ */ jsx(ExpandChevron, {
 			expanded,
 			dir
-		})
-	});
+		});
+		$[3] = dir;
+		$[4] = expanded;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== expanded || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(IconButton, {
+			size: "small",
+			"aria-expanded": expanded,
+			"aria-label": t1,
+			onClick: t2,
+			children: t3
+		});
+		$[6] = expanded;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
 }
 /**
 * Logical (RTL-aware) `text-align` for a column. Applied via `sx` rather
@@ -1000,36 +2279,71 @@ function muiAlign(align) {
 	if (align === "end") return "end";
 	return "start";
 }
-function RowActionButtons({ row, actions, confirm, cancelLabel }) {
-	return /* @__PURE__ */ jsx(Stack, {
-		direction: "row",
-		spacing: .5,
-		sx: { justifyContent: "flex-end" },
-		children: actions.map((action) => {
-			if (action.isHidden?.(row)) return null;
-			const reason = resolveDisabledReason(action.disabledReason?.(row));
-			const disabled = reason !== void 0 || (action.isDisabled?.(row) ?? false);
-			return /* @__PURE__ */ jsx(Tooltip, {
-				title: reason ?? action.label,
-				children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
-					size: "small",
-					color: muiColor(action.color),
-					disabled,
-					"aria-label": action.label,
-					onClick: disabled ? void 0 : (e) => {
-						e.stopPropagation();
-						runRowAction(action, row, confirm, cancelLabel);
-					},
-					children: action.icon ?? /* @__PURE__ */ jsx(Typography, {
-						variant: "caption",
-						children: action.label
-					})
-				}) })
-			}, action.key);
-		})
-	});
+function RowActionButtons(t0) {
+	const $ = c(12);
+	const { row, actions, confirm, cancelLabel } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { justifyContent: "flex-end" };
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== actions || $[2] !== cancelLabel || $[3] !== confirm || $[4] !== row) {
+		let t3;
+		if ($[6] !== cancelLabel || $[7] !== confirm || $[8] !== row) {
+			t3 = (action) => {
+				if (action.isHidden?.(row)) return null;
+				const reason = resolveDisabledReason(action.disabledReason?.(row));
+				const disabled = reason !== void 0 || (action.isDisabled?.(row) ?? false);
+				return /* @__PURE__ */ jsx(Tooltip, {
+					title: reason ?? action.label,
+					children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
+						size: "small",
+						color: muiColor(action.color),
+						disabled,
+						"aria-label": action.label,
+						onClick: disabled ? void 0 : (e) => {
+							e.stopPropagation();
+							runRowAction(action, row, confirm, cancelLabel);
+						},
+						children: action.icon ?? /* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							children: action.label
+						})
+					}) })
+				}, action.key);
+			};
+			$[6] = cancelLabel;
+			$[7] = confirm;
+			$[8] = row;
+			$[9] = t3;
+		} else t3 = $[9];
+		t2 = actions.map(t3);
+		$[1] = actions;
+		$[2] = cancelLabel;
+		$[3] = confirm;
+		$[4] = row;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Stack, {
+			direction: "row",
+			spacing: .5,
+			sx: t1,
+			children: t2
+		});
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
 }
 /**
+* Per-render-stable sx for the memoized desktop row. Built once per
+* `DesktopTable` render (memoized on the pin/width/column inputs), so the
+* row comparator can treat one object identity as "the cell styling".
+*/
+/**
 * The visual inputs a desktop row re-renders for. Deliberately NOT the
 * per-render `table` object or the handler props: handlers are stable (or
 * latest-dispatching wrappers), and everything that changes what the row
@@ -1059,58 +2373,157 @@ const DESKTOP_ROW_COMPARED = [
 function desktopRowPropsAreEqual(prev, next) {
 	return DESKTOP_ROW_COMPARED.every((key) => prev[key] === next[key]);
 }
-function DesktopRowImpl({ row, index, selected, expanded, columns, sx, columnSpan, dir, className, hasSelection, hasExpansion, showActions, selectRowLabel, cancelLabel, expandLabel, collapseLabel, id, rowActions, confirm, renderRowDetail, onToggleSelect, onToggleExpand, onRowClick, prefetch, measureElement }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TableRow, {
-		...rowClickProps(row, onRowClick),
-		className,
-		ref: measureElement,
-		"data-index": index,
-		hover: true,
-		selected,
-		onMouseEnter: prefetch ? () => prefetch(row) : void 0,
-		children: [
-			hasExpansion && /* @__PURE__ */ jsx(TableCell, {
-				padding: "checkbox",
-				sx: sx.expand,
-				children: /* @__PURE__ */ jsx(ExpandToggle, {
-					id,
-					expanded,
-					onToggle: onToggleExpand,
-					dir,
-					expandLabel,
-					collapseLabel
-				})
-			}),
-			hasSelection && /* @__PURE__ */ jsx(TableCell, {
-				padding: "checkbox",
-				sx: sx.selection,
-				children: /* @__PURE__ */ jsx(Checkbox, {
-					slotProps: { input: { "aria-label": selectRowLabel } },
-					checked: selected,
-					onChange: () => onToggleSelect(id)
-				})
-			}),
-			columns.map((column) => /* @__PURE__ */ jsx(TableCell, {
+function DesktopRowImpl(t0) {
+	const $ = c(57);
+	const { row, index, selected, expanded, columns, sx, columnSpan, dir, className, hasSelection, hasExpansion, showActions, selectRowLabel, cancelLabel, expandLabel, collapseLabel, id, rowActions, confirm, renderRowDetail, onToggleSelect, onToggleExpand, onRowClick, prefetch, measureElement } = t0;
+	let t1;
+	if ($[0] !== onRowClick || $[1] !== row) {
+		t1 = rowClickProps(row, onRowClick);
+		$[0] = onRowClick;
+		$[1] = row;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== prefetch || $[4] !== row) {
+		t2 = prefetch ? () => prefetch(row) : void 0;
+		$[3] = prefetch;
+		$[4] = row;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== collapseLabel || $[7] !== dir || $[8] !== expandLabel || $[9] !== expanded || $[10] !== hasExpansion || $[11] !== id || $[12] !== onToggleExpand || $[13] !== sx) {
+		t3 = hasExpansion && /* @__PURE__ */ jsx(TableCell, {
+			padding: "checkbox",
+			sx: sx.expand,
+			children: /* @__PURE__ */ jsx(ExpandToggle, {
+				id,
+				expanded,
+				onToggle: onToggleExpand,
+				dir,
+				expandLabel,
+				collapseLabel
+			})
+		});
+		$[6] = collapseLabel;
+		$[7] = dir;
+		$[8] = expandLabel;
+		$[9] = expanded;
+		$[10] = hasExpansion;
+		$[11] = id;
+		$[12] = onToggleExpand;
+		$[13] = sx;
+		$[14] = t3;
+	} else t3 = $[14];
+	let t4;
+	if ($[15] !== hasSelection || $[16] !== id || $[17] !== onToggleSelect || $[18] !== selectRowLabel || $[19] !== selected || $[20] !== sx) {
+		t4 = hasSelection && /* @__PURE__ */ jsx(TableCell, {
+			padding: "checkbox",
+			sx: sx.selection,
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				slotProps: { input: { "aria-label": selectRowLabel } },
+				checked: selected,
+				onChange: () => onToggleSelect(id)
+			})
+		});
+		$[15] = hasSelection;
+		$[16] = id;
+		$[17] = onToggleSelect;
+		$[18] = selectRowLabel;
+		$[19] = selected;
+		$[20] = sx;
+		$[21] = t4;
+	} else t4 = $[21];
+	let t5;
+	if ($[22] !== columns || $[23] !== index || $[24] !== row || $[25] !== sx) {
+		let t6;
+		if ($[27] !== index || $[28] !== row || $[29] !== sx) {
+			t6 = (column) => /* @__PURE__ */ jsx(TableCell, {
 				sx: sx.cells[column.key],
 				children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
 					row,
 					rowIndex: index
 				}) : column.accessor?.(row)
-			}, column.key)),
-			showActions && /* @__PURE__ */ jsx(TableCell, {
-				sx: sx.actions,
-				children: /* @__PURE__ */ jsx(RowActionButtons, {
-					row,
-					actions: rowActions,
-					confirm,
-					cancelLabel
-				})
+			}, column.key);
+			$[27] = index;
+			$[28] = row;
+			$[29] = sx;
+			$[30] = t6;
+		} else t6 = $[30];
+		t5 = columns.map(t6);
+		$[22] = columns;
+		$[23] = index;
+		$[24] = row;
+		$[25] = sx;
+		$[26] = t5;
+	} else t5 = $[26];
+	let t6;
+	if ($[31] !== cancelLabel || $[32] !== confirm || $[33] !== row || $[34] !== rowActions || $[35] !== showActions || $[36] !== sx) {
+		t6 = showActions && /* @__PURE__ */ jsx(TableCell, {
+			sx: sx.actions,
+			children: /* @__PURE__ */ jsx(RowActionButtons, {
+				row,
+				actions: rowActions,
+				confirm,
+				cancelLabel
 			})
-		]
-	}), expanded && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
-		colSpan: columnSpan,
-		children: renderRowDetail(row)
-	}) })] });
+		});
+		$[31] = cancelLabel;
+		$[32] = confirm;
+		$[33] = row;
+		$[34] = rowActions;
+		$[35] = showActions;
+		$[36] = sx;
+		$[37] = t6;
+	} else t6 = $[37];
+	let t7;
+	if ($[38] !== className || $[39] !== index || $[40] !== measureElement || $[41] !== selected || $[42] !== t1 || $[43] !== t2 || $[44] !== t3 || $[45] !== t4 || $[46] !== t5 || $[47] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(TableRow, {
+			...t1,
+			className,
+			ref: measureElement,
+			"data-index": index,
+			hover: true,
+			selected,
+			onMouseEnter: t2,
+			children: [
+				t3,
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[38] = className;
+		$[39] = index;
+		$[40] = measureElement;
+		$[41] = selected;
+		$[42] = t1;
+		$[43] = t2;
+		$[44] = t3;
+		$[45] = t4;
+		$[46] = t5;
+		$[47] = t6;
+		$[48] = t7;
+	} else t7 = $[48];
+	let t8;
+	if ($[49] !== columnSpan || $[50] !== expanded || $[51] !== renderRowDetail || $[52] !== row) {
+		t8 = expanded && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+			colSpan: columnSpan,
+			children: renderRowDetail(row)
+		}) });
+		$[49] = columnSpan;
+		$[50] = expanded;
+		$[51] = renderRowDetail;
+		$[52] = row;
+		$[53] = t8;
+	} else t8 = $[53];
+	let t9;
+	if ($[54] !== t7 || $[55] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Fragment, { children: [t7, t8] });
+		$[54] = t7;
+		$[55] = t8;
+		$[56] = t9;
+	} else t9 = $[56];
+	return t9;
 }
 /**
 * Memoized desktop row: a search keystroke (or any chrome re-render) must
@@ -1147,15 +2560,15 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 	} : void 0;
 	const selectionWidth = 48;
 	const actionsWidth = 120;
-	const leadLeft = (expandActive ? EXPAND_WIDTH : 0) + (selection ? selectionWidth : 0);
-	const leadRight = showActions ? actionsWidth : 0;
+	const leadStart = (expandActive ? EXPAND_WIDTH : 0) + (selection ? selectionWidth : 0);
+	const leadEnd = showActions ? actionsWidth : 0;
 	const leads = {
-		left: leadLeft,
-		right: leadRight
+		start: leadStart,
+		end: leadEnd
 	};
 	const selectionLead = expandActive ? EXPAND_WIDTH : 0;
-	const hasLeftPin = table.columns.some((c) => pinOffset?.(c.key)?.side === "left");
-	const stickActions = table.columns.some((c) => pinOffset?.(c.key)?.side === "right") || actionsPinned;
+	const hasStartPin = table.columns.some((c_0) => pinOffset?.(c_0.key)?.side === "start");
+	const stickActions = table.columns.some((c_1) => pinOffset?.(c_1.key)?.side === "end") || actionsPinned;
 	const headCellSx = (column) => {
 		const pin = pinnedCellStyle(pinOffset?.(column.key), PIN_Z.headerPinned, leads);
 		const width = pin ? pinnedColumnWidth(column, columnWidths) : columnWidths?.[column.key] ?? column.width;
@@ -1172,55 +2585,55 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 		};
 	};
 	const edgeHeadSx = (side, active, lead = 0) => {
-		const pin = edgePinStyle(side, active, PIN_Z.headerPinned);
+		const pin_0 = edgePinStyle(side, active, PIN_Z.headerPinned);
 		return {
 			...headSx,
-			...pin && {
-				...pin,
+			...pin_0 && {
+				...pin_0,
 				bgcolor: "background.paper"
 			},
-			...pin && lead > 0 && { insetInlineStart: lead }
+			...pin_0 && lead > 0 && { insetInlineStart: lead }
 		};
 	};
 	const rowSx = useMemo(() => {
-		const edge = (side, active, lead = 0) => {
-			const pin = edgePinStyle(side, active, PIN_Z.body);
-			if (!pin) return void 0;
+		const edge = (side_0, active_0, lead_0 = 0) => {
+			const pin_1 = edgePinStyle(side_0, active_0, PIN_Z.body);
+			if (!pin_1) return void 0;
 			return {
-				...pin,
-				...lead > 0 && { insetInlineStart: lead },
+				...pin_1,
+				...lead_0 > 0 && { insetInlineStart: lead_0 },
 				bgcolor: "background.paper"
 			};
 		};
 		const cells = {};
-		for (const column of columns) {
-			const pin = pinnedCellStyle(pinOffset?.(column.key), PIN_Z.body, {
-				left: leadLeft,
-				right: leadRight
+		for (const column_0 of columns) {
+			const pin_2 = pinnedCellStyle(pinOffset?.(column_0.key), PIN_Z.body, {
+				start: leadStart,
+				end: leadEnd
 			});
-			cells[column.key] = {
-				...pin && {
-					...pin,
+			cells[column_0.key] = {
+				...pin_2 && {
+					...pin_2,
 					bgcolor: "background.paper"
 				},
-				textAlign: muiAlign(column.align)
+				textAlign: muiAlign(column_0.align)
 			};
 		}
 		return {
 			cells,
-			expand: edge("left", hasLeftPin),
-			selection: edge("left", hasLeftPin, selectionLead),
+			expand: edge("start", hasStartPin),
+			selection: edge("start", hasStartPin, selectionLead),
 			actions: {
-				...edge("right", stickActions),
+				...edge("end", stickActions),
 				textAlign: "end"
 			}
 		};
 	}, [
 		columns,
 		pinOffset,
-		leadLeft,
-		leadRight,
-		hasLeftPin,
+		leadStart,
+		leadEnd,
+		hasStartPin,
 		stickActions,
 		selectionLead
 	]);
@@ -1232,7 +2645,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 	else if (hasPinned || overflow.overflowing) boxSx = { overflowX: "auto" };
 	const minWidth = tableMinWidth(columns, {
 		widths: columnWidths,
-		extra: leadLeft + leadRight
+		extra: leadStart + leadEnd
 	});
 	return /* @__PURE__ */ jsx(Box, {
 		ref: (node) => {
@@ -1260,11 +2673,11 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 				] }), /* @__PURE__ */ jsxs(TableRow, { children: [
 					expandActive && /* @__PURE__ */ jsx(TableCell, {
 						padding: "checkbox",
-						sx: edgeHeadSx("left", hasLeftPin)
+						sx: edgeHeadSx("start", hasStartPin)
 					}),
 					selection && /* @__PURE__ */ jsx(TableCell, {
 						padding: "checkbox",
-						sx: edgeHeadSx("left", hasLeftPin, selectionLead),
+						sx: edgeHeadSx("start", hasStartPin, selectionLead),
 						children: /* @__PURE__ */ jsx(Checkbox, {
 							slotProps: { input: { "aria-label": labels.selectAll } },
 							checked: selection.headerState === "all",
@@ -1272,20 +2685,20 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 							onChange: selection.toggleAll
 						})
 					}),
-					columns.map((column) => {
-						const headerCellProps = table.getHeaderCellProps(column);
+					columns.map((column_1) => {
+						const headerCellProps = table.getHeaderCellProps(column_1);
 						const ariaSort = headerCellProps["aria-sort"];
-						const active = ariaSort === "ascending" || ariaSort === "descending";
+						const active_1 = ariaSort === "ascending" || ariaSort === "descending";
 						const sortIndex = headerCellProps["data-sort-index"];
 						return /* @__PURE__ */ jsxs(TableCell, {
 							"aria-sort": ariaSort,
 							"data-sort-index": sortIndex,
-							sx: headCellSx(column),
-							children: [column.sortable ? /* @__PURE__ */ jsxs(TableSortLabel, {
-								active,
+							sx: headCellSx(column_1),
+							children: [column_1.sortable ? /* @__PURE__ */ jsxs(TableSortLabel, {
+								active: active_1,
 								direction: ariaSort === "descending" ? "desc" : "asc",
-								onClick: table.getSortButtonProps(column).onClick,
-								children: [column.header, sortIndex !== void 0 && /* @__PURE__ */ jsx(Box, {
+								onClick: table.getSortButtonProps(column_1).onClick,
+								children: [column_1.header, sortIndex !== void 0 && /* @__PURE__ */ jsx(Box, {
 									component: "span",
 									sx: {
 										fontSize: 10,
@@ -1293,16 +2706,16 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 									},
 									children: sortIndex
 								})]
-							}) : column.header, setWidth && /* @__PURE__ */ jsx(Box, {
+							}) : column_1.header, setWidth && /* @__PURE__ */ jsx(Box, {
 								component: "span",
 								sx: RESIZE_HANDLE_SX,
-								...columnResizeHandleProps(column.key, setWidth, `${resizeLabel}: ${typeof column.header === "string" ? column.header : column.key}`)
+								...columnResizeHandleProps(column_1.key, setWidth, `${resizeLabel}: ${typeof column_1.header === "string" ? column_1.header : column_1.key}`)
 							})]
-						}, column.key);
+						}, column_1.key);
 					}),
 					showActions && /* @__PURE__ */ jsx(TableCell, {
 						sx: {
-							...edgeHeadSx("right", stickActions),
+							...edgeHeadSx("end", stickActions),
 							textAlign: "end"
 						},
 						children: labels.actions
@@ -1364,10 +2777,10 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 				summaryCells && /* @__PURE__ */ jsx(TableFooter, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
 					expandActive && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox" }),
 					selection && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox" }),
-					columns.map((column) => /* @__PURE__ */ jsx(TableCell, {
-						sx: { textAlign: muiAlign(column.align) },
-						children: summaryCells[column.key]
-					}, column.key)),
+					columns.map((column_2) => /* @__PURE__ */ jsx(TableCell, {
+						sx: { textAlign: muiAlign(column_2.align) },
+						children: summaryCells[column_2.key]
+					}, column_2.key)),
 					showActions && /* @__PURE__ */ jsx(TableCell, {})
 				] }) })
 			]
@@ -1378,91 +2791,80 @@ function mobileLabel(column) {
 	return column.mobileLabel ?? (typeof column.header === "string" ? column.header : column.key);
 }
 /** Mobile MUI card list. */
-function MobileCards({ table, rows, rowActions, confirm, getRowId, size, dir, onRowClick, rowClassName, renderRowDetail, summaryRow, expansion, rowEntries, paddingTop = 0, paddingBottom = 0, measureElement }) {
+function MobileCards(t0) {
+	const $ = c(48);
+	const { table, rows, rowActions, confirm, getRowId, size, dir, onRowClick, rowClassName, renderRowDetail, summaryRow, expansion, rowEntries, paddingTop: t1, paddingBottom: t2, measureElement } = t0;
+	const paddingTop = t1 === void 0 ? 0 : t1;
+	const paddingBottom = t2 === void 0 ? 0 : t2;
 	const { columns, selection, labels } = table;
-	const entries = resolveVirtualRows(rows, getRowId, rowEntries);
-	const compact = size === "small";
-	const expand = expansion && renderRowDetail ? expansion : void 0;
-	const summaryCells = summaryRow?.(rows);
-	return /* @__PURE__ */ jsxs(Stack, {
-		spacing: compact ? 1 : 1.5,
-		role: "list",
-		"aria-label": table.getTableProps()["aria-label"],
-		children: [
-			paddingTop > 0 && /* @__PURE__ */ jsx(Box, {
+	let T0;
+	let compact;
+	let summaryCells;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[0] !== columns || $[1] !== confirm || $[2] !== dir || $[3] !== expansion || $[4] !== getRowId || $[5] !== labels || $[6] !== measureElement || $[7] !== onRowClick || $[8] !== paddingTop || $[9] !== renderRowDetail || $[10] !== rowActions || $[11] !== rowClassName || $[12] !== rowEntries || $[13] !== rows || $[14] !== selection || $[15] !== size || $[16] !== summaryRow || $[17] !== table) {
+		const entries = resolveVirtualRows(rows, getRowId, rowEntries);
+		compact = size === "small";
+		const expand = expansion && renderRowDetail ? expansion : void 0;
+		let t8;
+		if ($[26] !== rows || $[27] !== summaryRow) {
+			t8 = summaryRow?.(rows);
+			$[26] = rows;
+			$[27] = summaryRow;
+			$[28] = t8;
+		} else t8 = $[28];
+		summaryCells = t8;
+		T0 = Stack;
+		t3 = compact ? 1 : 1.5;
+		t4 = "list";
+		let t9;
+		if ($[29] !== table) {
+			t9 = table.getTableProps();
+			$[29] = table;
+			$[30] = t9;
+		} else t9 = $[30];
+		t5 = t9["aria-label"];
+		if ($[31] !== paddingTop) {
+			t6 = paddingTop > 0 && /* @__PURE__ */ jsx(Box, {
 				"aria-hidden": true,
 				sx: { height: paddingTop }
-			}),
-			entries.map(({ row, index, key }) => {
-				const id = getRowId(row);
-				return /* @__PURE__ */ jsx(Card, {
-					ref: measureElement,
-					"data-index": index,
-					variant: "outlined",
-					role: "listitem",
-					className: rowClassName?.(row, index),
-					...rowClickProps(row, onRowClick),
-					children: /* @__PURE__ */ jsxs(CardContent, {
-						sx: compact ? {
-							p: 1.25,
-							"&:last-child": { pb: 1.25 }
-						} : void 0,
-						children: [
-							selection && /* @__PURE__ */ jsx(Checkbox, {
-								slotProps: { input: { "aria-label": labels.selectRow } },
-								checked: selection.isSelected(id),
-								onChange: () => selection.toggle(id)
-							}),
-							expand && /* @__PURE__ */ jsx(ExpandToggle, {
-								id,
-								expanded: expand.isExpanded(id),
-								onToggle: expand.toggle,
-								dir,
-								expandLabel: labels.expandRow,
-								collapseLabel: labels.collapseRow
-							}),
-							columns.map((column) => /* @__PURE__ */ jsxs(Box, {
-								sx: { mb: compact ? .5 : 1 },
-								children: [/* @__PURE__ */ jsx(Typography, {
-									variant: "caption",
-									color: "text.secondary",
-									sx: { display: "block" },
-									children: mobileLabel(column)
-								}), /* @__PURE__ */ jsx(Typography, {
-									component: "div",
-									variant: "body2",
-									children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
-										row,
-										rowIndex: index
-									}) : column.accessor?.(row)
-								})]
-							}, column.key)),
-							rowActions && rowActions.length > 0 && /* @__PURE__ */ jsx(RowActionButtons, {
-								row,
-								actions: rowActions,
-								confirm,
-								cancelLabel: labels.cancel
-							}),
-							expand?.isExpanded(id) && /* @__PURE__ */ jsx(Box, {
-								sx: { mt: 1 },
-								children: renderRowDetail(row)
-							})
-						]
-					})
-				}, key);
-			}),
-			summaryCells && /* @__PURE__ */ jsx(Card, {
+			});
+			$[31] = paddingTop;
+			$[32] = t6;
+		} else t6 = $[32];
+		t7 = entries.map((t10) => {
+			const { row, index, key } = t10;
+			const id = getRowId(row);
+			return /* @__PURE__ */ jsx(Card, {
+				ref: measureElement,
+				"data-index": index,
 				variant: "outlined",
 				role: "listitem",
-				children: /* @__PURE__ */ jsx(CardContent, {
+				className: rowClassName?.(row, index),
+				...rowClickProps(row, onRowClick),
+				children: /* @__PURE__ */ jsxs(CardContent, {
 					sx: compact ? {
 						p: 1.25,
 						"&:last-child": { pb: 1.25 }
 					} : void 0,
-					children: columns.map((column) => {
-						const value = summaryCells[column.key];
-						if (value === void 0) return null;
-						return /* @__PURE__ */ jsxs(Box, {
+					children: [
+						selection && /* @__PURE__ */ jsx(Checkbox, {
+							slotProps: { input: { "aria-label": labels.selectRow } },
+							checked: selection.isSelected(id),
+							onChange: () => selection.toggle(id)
+						}),
+						expand && /* @__PURE__ */ jsx(ExpandToggle, {
+							id,
+							expanded: expand.isExpanded(id),
+							onToggle: expand.toggle,
+							dir,
+							expandLabel: labels.expandRow,
+							collapseLabel: labels.collapseRow
+						}),
+						columns.map((column) => /* @__PURE__ */ jsxs(Box, {
 							sx: { mb: compact ? .5 : 1 },
 							children: [/* @__PURE__ */ jsx(Typography, {
 								variant: "caption",
@@ -1472,18 +2874,129 @@ function MobileCards({ table, rows, rowActions, confirm, getRowId, size, dir, on
 							}), /* @__PURE__ */ jsx(Typography, {
 								component: "div",
 								variant: "body2",
-								children: value
+								children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
+									row,
+									rowIndex: index
+								}) : column.accessor?.(row)
 							})]
-						}, column.key);
-					})
+						}, column.key)),
+						rowActions && rowActions.length > 0 && /* @__PURE__ */ jsx(RowActionButtons, {
+							row,
+							actions: rowActions,
+							confirm,
+							cancelLabel: labels.cancel
+						}),
+						expand?.isExpanded(id) && /* @__PURE__ */ jsx(Box, {
+							sx: { mt: 1 },
+							children: renderRowDetail(row)
+						})
+					]
+				})
+			}, key);
+		});
+		$[0] = columns;
+		$[1] = confirm;
+		$[2] = dir;
+		$[3] = expansion;
+		$[4] = getRowId;
+		$[5] = labels;
+		$[6] = measureElement;
+		$[7] = onRowClick;
+		$[8] = paddingTop;
+		$[9] = renderRowDetail;
+		$[10] = rowActions;
+		$[11] = rowClassName;
+		$[12] = rowEntries;
+		$[13] = rows;
+		$[14] = selection;
+		$[15] = size;
+		$[16] = summaryRow;
+		$[17] = table;
+		$[18] = T0;
+		$[19] = compact;
+		$[20] = summaryCells;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t7;
+	} else {
+		T0 = $[18];
+		compact = $[19];
+		summaryCells = $[20];
+		t3 = $[21];
+		t4 = $[22];
+		t5 = $[23];
+		t6 = $[24];
+		t7 = $[25];
+	}
+	let t8;
+	if ($[33] !== columns || $[34] !== compact || $[35] !== summaryCells) {
+		t8 = summaryCells && /* @__PURE__ */ jsx(Card, {
+			variant: "outlined",
+			role: "listitem",
+			children: /* @__PURE__ */ jsx(CardContent, {
+				sx: compact ? {
+					p: 1.25,
+					"&:last-child": { pb: 1.25 }
+				} : void 0,
+				children: columns.map((column_0) => {
+					const value = summaryCells[column_0.key];
+					if (value === void 0) return null;
+					return /* @__PURE__ */ jsxs(Box, {
+						sx: { mb: compact ? .5 : 1 },
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							color: "text.secondary",
+							sx: { display: "block" },
+							children: mobileLabel(column_0)
+						}), /* @__PURE__ */ jsx(Typography, {
+							component: "div",
+							variant: "body2",
+							children: value
+						})]
+					}, column_0.key);
 				})
-			}),
-			paddingBottom > 0 && /* @__PURE__ */ jsx(Box, {
-				"aria-hidden": true,
-				sx: { height: paddingBottom }
 			})
-		]
-	});
+		});
+		$[33] = columns;
+		$[34] = compact;
+		$[35] = summaryCells;
+		$[36] = t8;
+	} else t8 = $[36];
+	let t9;
+	if ($[37] !== paddingBottom) {
+		t9 = paddingBottom > 0 && /* @__PURE__ */ jsx(Box, {
+			"aria-hidden": true,
+			sx: { height: paddingBottom }
+		});
+		$[37] = paddingBottom;
+		$[38] = t9;
+	} else t9 = $[38];
+	let t10;
+	if ($[39] !== T0 || $[40] !== t3 || $[41] !== t4 || $[42] !== t5 || $[43] !== t6 || $[44] !== t7 || $[45] !== t8 || $[46] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(T0, {
+			spacing: t3,
+			role: t4,
+			"aria-label": t5,
+			children: [
+				t6,
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[39] = T0;
+		$[40] = t3;
+		$[41] = t4;
+		$[42] = t5;
+		$[43] = t6;
+		$[44] = t7;
+		$[45] = t8;
+		$[46] = t9;
+		$[47] = t10;
+	} else t10 = $[47];
+	return t10;
 }
 //#endregion
 //#region src/DataTable.tsx
@@ -1513,7 +3026,7 @@ function resolveActionsColumn(declared, layout) {
 	return {
 		hasRowActions,
 		rowActions,
-		actionsPinned: rowActions !== void 0 && layout.state.pinned[ACTIONS_COLUMN_KEY] === "right"
+		actionsPinned: rowActions !== void 0 && layout.state.pinned[ACTIONS_COLUMN_KEY] === "end"
 	};
 }
 /**
@@ -1524,35 +3037,78 @@ function resolveActionsColumn(declared, layout) {
 * runtime's chip-label resolvers merge under any caller overrides.
 */
 function useChromeProps(props) {
-	const { source, runtime } = useTableData({
-		locale: props.locale,
-		source: props.source,
-		data: props.data,
-		total: props.total,
-		loading: props.loading,
-		onQueryChange: props.onQueryChange,
-		columns: props.columns,
-		filters: props.filters,
-		adapter: props.urlSync === false ? void 0 : props.urlAdapter,
-		enabled: props.urlSync,
-		urlKey: props.urlKey
-	});
+	const $ = c(24);
+	const t0 = props.urlSync === false ? void 0 : props.urlAdapter;
+	let t1;
+	if ($[0] !== props.columns || $[1] !== props.data || $[2] !== props.filters || $[3] !== props.loading || $[4] !== props.locale || $[5] !== props.onQueryChange || $[6] !== props.source || $[7] !== props.total || $[8] !== props.urlKey || $[9] !== props.urlSync || $[10] !== t0) {
+		t1 = {
+			locale: props.locale,
+			source: props.source,
+			data: props.data,
+			total: props.total,
+			loading: props.loading,
+			onQueryChange: props.onQueryChange,
+			columns: props.columns,
+			filters: props.filters,
+			adapter: t0,
+			enabled: props.urlSync,
+			urlKey: props.urlKey
+		};
+		$[0] = props.columns;
+		$[1] = props.data;
+		$[2] = props.filters;
+		$[3] = props.loading;
+		$[4] = props.locale;
+		$[5] = props.onQueryChange;
+		$[6] = props.source;
+		$[7] = props.total;
+		$[8] = props.urlKey;
+		$[9] = props.urlSync;
+		$[10] = t0;
+		$[11] = t1;
+	} else t1 = $[11];
+	const { source, runtime } = useTableData(t1);
 	let filtersNode;
-	if (isDeclarativeFilters(props.filters) || props.filters === void 0) filtersNode = runtime.defs.length > 0 ? /* @__PURE__ */ jsx(AutoFilterForm, {
-		defs: runtime.defs,
-		source,
-		labels: resolveLabels(props.labels)
-	}) : void 0;
-	else filtersNode = props.filters;
-	return {
-		...props,
-		source,
-		filters: filtersNode,
-		filterLabels: {
+	if (isDeclarativeFilters(props.filters) || props.filters === void 0) {
+		let t2;
+		if ($[12] !== props.labels || $[13] !== runtime.defs || $[14] !== source) {
+			t2 = runtime.defs.length > 0 ? /* @__PURE__ */ jsx(AutoFilterForm, {
+				defs: runtime.defs,
+				source,
+				labels: resolveLabels(props.labels)
+			}) : void 0;
+			$[12] = props.labels;
+			$[13] = runtime.defs;
+			$[14] = source;
+			$[15] = t2;
+		} else t2 = $[15];
+		filtersNode = t2;
+	} else filtersNode = props.filters;
+	let t2;
+	if ($[16] !== props.filterLabels || $[17] !== runtime.filterLabels) {
+		t2 = {
 			...runtime.filterLabels,
 			...props.filterLabels
-		}
-	};
+		};
+		$[16] = props.filterLabels;
+		$[17] = runtime.filterLabels;
+		$[18] = t2;
+	} else t2 = $[18];
+	let t3;
+	if ($[19] !== filtersNode || $[20] !== props || $[21] !== source || $[22] !== t2) {
+		t3 = {
+			...props,
+			source,
+			filters: filtersNode,
+			filterLabels: t2
+		};
+		$[19] = filtersNode;
+		$[20] = props;
+		$[21] = source;
+		$[22] = t2;
+		$[23] = t3;
+	} else t3 = $[23];
+	return t3;
 }
 /**
 * Batteries-included Material UI data table. Drop in `columns`, `data` (or
@@ -1565,185 +3121,454 @@ function useChromeProps(props) {
 * @typeParam TRow - The row type.
 */
 function DataTable(props) {
+	const $ = c(150);
 	const { slots, className } = props;
-	const size = tableSize(props.size, props.density);
-	const { filtersMode = "popover" } = props;
+	let t0;
+	if ($[0] !== props.density || $[1] !== props.size) {
+		t0 = tableSize(props.size, props.density);
+		$[0] = props.density;
+		$[1] = props.size;
+		$[2] = t0;
+	} else t0 = $[2];
+	const size = t0;
+	const { filtersMode: t1 } = props;
+	const filtersMode = t1 === void 0 ? "popover" : t1;
 	const chromeProps = useChromeProps(props);
 	const { source, filters: filtersNode } = chromeProps;
-	const c = useTableChrome(chromeProps);
-	const { table, confirm, getRowId } = c;
+	const c$1 = useTableChrome(chromeProps);
+	const { table, confirm, getRowId } = c$1;
 	const { labels } = table;
 	const [filtersOpen, setFiltersOpen] = useState(false);
 	const filtersTrigger = useFilterTriggerToggle(filtersOpen, setFiltersOpen);
 	const rootRef = useRef(null);
-	useChromeScrollReset(rootRef, c, chromeProps);
-	const { virtualization, loadMoreRef, canLoadMore, virtualScrollRef } = useChromeBodyData(c, chromeProps);
-	const { hasRowActions, rowActions, actionsPinned } = resolveActionsColumn(props.rowActions, c.columnLayout);
-	const columnMenu = props.enableColumnMenu && !c.isMobile && /* @__PURE__ */ jsx(ColumnMenu, {
-		allColumns: c.allColumns,
-		layout: c.columnLayout,
-		labels,
-		hasRowActions
-	});
-	const savedViewsMenu = props.savedViews && /* @__PURE__ */ jsx(SavedViewsMenu, {
-		options: {
-			adapter: props.urlAdapter,
-			urlKey: props.urlKey,
-			...props.savedViews
-		},
-		labels
-	});
+	useChromeScrollReset(rootRef, c$1, chromeProps);
+	const { virtualization, loadMoreRef, canLoadMore, virtualScrollRef } = useChromeBodyData(c$1, chromeProps);
+	let t2;
+	if ($[3] !== c$1.columnLayout || $[4] !== props.rowActions) {
+		t2 = resolveActionsColumn(props.rowActions, c$1.columnLayout);
+		$[3] = c$1.columnLayout;
+		$[4] = props.rowActions;
+		$[5] = t2;
+	} else t2 = $[5];
+	const { hasRowActions, rowActions, actionsPinned } = t2;
+	let t3;
+	if ($[6] !== c$1.allColumns || $[7] !== c$1.columnLayout || $[8] !== c$1.isMobile || $[9] !== hasRowActions || $[10] !== labels || $[11] !== props.enableColumnMenu) {
+		t3 = props.enableColumnMenu && !c$1.isMobile && /* @__PURE__ */ jsx(ColumnMenu, {
+			allColumns: c$1.allColumns,
+			layout: c$1.columnLayout,
+			labels,
+			hasRowActions
+		});
+		$[6] = c$1.allColumns;
+		$[7] = c$1.columnLayout;
+		$[8] = c$1.isMobile;
+		$[9] = hasRowActions;
+		$[10] = labels;
+		$[11] = props.enableColumnMenu;
+		$[12] = t3;
+	} else t3 = $[12];
+	const columnMenu = t3;
+	let t4;
+	if ($[13] !== labels || $[14] !== props.savedViews || $[15] !== props.urlAdapter || $[16] !== props.urlKey) {
+		t4 = props.savedViews && /* @__PURE__ */ jsx(SavedViewsMenu, {
+			options: {
+				adapter: props.urlAdapter,
+				urlKey: props.urlKey,
+				...props.savedViews
+			},
+			labels
+		});
+		$[13] = labels;
+		$[14] = props.savedViews;
+		$[15] = props.urlAdapter;
+		$[16] = props.urlKey;
+		$[17] = t4;
+	} else t4 = $[17];
+	const savedViewsMenu = t4;
 	let body;
-	if (c.body === "skeleton") body = slots?.skeleton ?? /* @__PURE__ */ jsx(LoadingState, {
-		rows: props.skeletonRows ?? source.limit,
-		columns: table.columns.length,
-		loadingLabel: labels.loading
-	});
-	else if (c.body === "empty") body = slots?.empty ?? /* @__PURE__ */ jsxs(Stack, {
-		role: "status",
-		spacing: 1.5,
-		sx: {
-			py: 6,
-			alignItems: "center"
-		},
-		children: [/* @__PURE__ */ jsx(Typography, {
-			color: "text.secondary",
-			align: "center",
-			children: c.emptyVariant === "noResults" ? labels.noResults : labels.noData
-		}), c.emptyVariant === "noResults" && /* @__PURE__ */ jsx(Button, {
-			variant: "outlined",
-			size: "small",
-			onClick: c.clearFilters,
-			children: labels.clearAll
-		})]
-	});
-	else if (c.body === "mobile") body = /* @__PURE__ */ jsx(MobileCards, {
-		table,
-		rows: source.rows,
-		rowActions,
-		confirm,
-		getRowId,
-		size,
-		dir: props.dir,
-		onRowClick: props.onRowClick,
-		rowClassName: props.rowClassName,
-		renderRowDetail: props.renderRowDetail,
-		summaryRow: props.summaryRow,
-		expansion: c.detail?.expansion,
-		rowEntries: virtualization.enabled ? virtualization.rows : void 0,
-		paddingTop: virtualization.paddingTop,
-		paddingBottom: virtualization.paddingBottom,
-		measureElement: virtualization.measureElement
-	});
-	else body = /* @__PURE__ */ jsx(DesktopTable, {
-		table,
-		rows: source.rows,
-		rowActions,
-		actionsPinned,
-		confirm,
-		getRowId,
-		size,
-		dir: props.dir,
-		prefetch: props.prefetch,
-		onRowClick: props.onRowClick,
-		rowClassName: props.rowClassName,
-		renderRowDetail: props.renderRowDetail,
-		summaryRow: props.summaryRow,
-		expansion: c.detail?.expansion,
-		rowEntries: virtualization.enabled ? virtualization.rows : void 0,
-		paddingTop: virtualization.paddingTop,
-		paddingBottom: virtualization.paddingBottom,
-		measureElement: virtualization.measureElement,
-		stickyHeader: props.stickyHeader,
-		stickyTop: props.stickyTop,
-		pinOffset: c.columnLayout.pinOffset,
-		maxHeight: props.maxHeight,
-		virtualScrollRef,
-		setWidth: resizeSetter(props.resizableColumns, c.columnLayout.setWidth),
-		columnWidths: c.columnLayout.state.widths,
-		resizeLabel: labels.resizeColumn
-	});
-	return /* @__PURE__ */ jsxs(Paper, {
-		ref: rootRef,
-		variant: "outlined",
-		dir: props.dir,
-		className,
-		"aria-busy": c.isRefreshing || void 0,
-		sx: { p: 1.5 },
-		children: [/* @__PURE__ */ jsxs(Stack, {
+	if (c$1.body === "skeleton") {
+		let t5;
+		if ($[18] !== labels || $[19] !== props.skeletonRows || $[20] !== slots?.skeleton || $[21] !== source.limit || $[22] !== table.columns) {
+			t5 = slots?.skeleton ?? /* @__PURE__ */ jsx(LoadingState, {
+				rows: props.skeletonRows ?? source.limit,
+				columns: table.columns.length,
+				loadingLabel: labels.loading
+			});
+			$[18] = labels;
+			$[19] = props.skeletonRows;
+			$[20] = slots?.skeleton;
+			$[21] = source.limit;
+			$[22] = table.columns;
+			$[23] = t5;
+		} else t5 = $[23];
+		body = t5;
+	} else if (c$1.body === "empty") {
+		let t5;
+		if ($[24] !== c$1.clearFilters || $[25] !== c$1.emptyVariant || $[26] !== labels || $[27] !== slots?.empty) {
+			t5 = slots?.empty ?? /* @__PURE__ */ jsxs(Stack, {
+				role: "status",
+				spacing: 1.5,
+				sx: {
+					py: 6,
+					alignItems: "center"
+				},
+				children: [/* @__PURE__ */ jsx(Typography, {
+					color: "text.secondary",
+					align: "center",
+					children: c$1.emptyVariant === "noResults" ? labels.noResults : labels.noData
+				}), c$1.emptyVariant === "noResults" && /* @__PURE__ */ jsx(Button, {
+					variant: "outlined",
+					size: "small",
+					onClick: c$1.clearFilters,
+					children: labels.clearAll
+				})]
+			});
+			$[24] = c$1.clearFilters;
+			$[25] = c$1.emptyVariant;
+			$[26] = labels;
+			$[27] = slots?.empty;
+			$[28] = t5;
+		} else t5 = $[28];
+		body = t5;
+	} else if (c$1.body === "mobile") {
+		const t5 = c$1.detail?.expansion;
+		const t6 = virtualization.enabled ? virtualization.rows : void 0;
+		let t7;
+		if ($[29] !== confirm || $[30] !== getRowId || $[31] !== props.dir || $[32] !== props.onRowClick || $[33] !== props.renderRowDetail || $[34] !== props.rowClassName || $[35] !== props.summaryRow || $[36] !== rowActions || $[37] !== size || $[38] !== source.rows || $[39] !== t5 || $[40] !== t6 || $[41] !== table || $[42] !== virtualization.measureElement || $[43] !== virtualization.paddingBottom || $[44] !== virtualization.paddingTop) {
+			t7 = /* @__PURE__ */ jsx(MobileCards, {
+				table,
+				rows: source.rows,
+				rowActions,
+				confirm,
+				getRowId,
+				size,
+				dir: props.dir,
+				onRowClick: props.onRowClick,
+				rowClassName: props.rowClassName,
+				renderRowDetail: props.renderRowDetail,
+				summaryRow: props.summaryRow,
+				expansion: t5,
+				rowEntries: t6,
+				paddingTop: virtualization.paddingTop,
+				paddingBottom: virtualization.paddingBottom,
+				measureElement: virtualization.measureElement
+			});
+			$[29] = confirm;
+			$[30] = getRowId;
+			$[31] = props.dir;
+			$[32] = props.onRowClick;
+			$[33] = props.renderRowDetail;
+			$[34] = props.rowClassName;
+			$[35] = props.summaryRow;
+			$[36] = rowActions;
+			$[37] = size;
+			$[38] = source.rows;
+			$[39] = t5;
+			$[40] = t6;
+			$[41] = table;
+			$[42] = virtualization.measureElement;
+			$[43] = virtualization.paddingBottom;
+			$[44] = virtualization.paddingTop;
+			$[45] = t7;
+		} else t7 = $[45];
+		body = t7;
+	} else {
+		const t5 = source.rows;
+		const t6 = props.dir;
+		const t7 = props.prefetch;
+		const t8 = props.onRowClick;
+		const t9 = props.rowClassName;
+		const t10 = props.renderRowDetail;
+		const t11 = props.summaryRow;
+		const t12 = c$1.detail?.expansion;
+		const t13 = virtualization.enabled ? virtualization.rows : void 0;
+		const t14 = virtualization.paddingTop;
+		const t15 = virtualization.paddingBottom;
+		const t16 = virtualization.measureElement;
+		const t17 = props.stickyHeader;
+		const t18 = props.stickyTop;
+		const t19 = c$1.columnLayout.pinOffset;
+		const t20 = props.maxHeight;
+		let t21;
+		if ($[46] !== c$1.columnLayout.setWidth || $[47] !== props.resizableColumns) {
+			t21 = resizeSetter(props.resizableColumns, c$1.columnLayout.setWidth);
+			$[46] = c$1.columnLayout.setWidth;
+			$[47] = props.resizableColumns;
+			$[48] = t21;
+		} else t21 = $[48];
+		let t22;
+		if ($[49] !== actionsPinned || $[50] !== c$1.columnLayout.pinOffset || $[51] !== c$1.columnLayout.state.widths || $[52] !== confirm || $[53] !== getRowId || $[54] !== labels.resizeColumn || $[55] !== props.dir || $[56] !== props.maxHeight || $[57] !== props.onRowClick || $[58] !== props.prefetch || $[59] !== props.renderRowDetail || $[60] !== props.rowClassName || $[61] !== props.stickyHeader || $[62] !== props.stickyTop || $[63] !== props.summaryRow || $[64] !== rowActions || $[65] !== size || $[66] !== source.rows || $[67] !== t12 || $[68] !== t13 || $[69] !== t21 || $[70] !== table || $[71] !== virtualScrollRef || $[72] !== virtualization.measureElement || $[73] !== virtualization.paddingBottom || $[74] !== virtualization.paddingTop) {
+			t22 = /* @__PURE__ */ jsx(DesktopTable, {
+				table,
+				rows: t5,
+				rowActions,
+				actionsPinned,
+				confirm,
+				getRowId,
+				size,
+				dir: t6,
+				prefetch: t7,
+				onRowClick: t8,
+				rowClassName: t9,
+				renderRowDetail: t10,
+				summaryRow: t11,
+				expansion: t12,
+				rowEntries: t13,
+				paddingTop: t14,
+				paddingBottom: t15,
+				measureElement: t16,
+				stickyHeader: t17,
+				stickyTop: t18,
+				pinOffset: t19,
+				maxHeight: t20,
+				virtualScrollRef,
+				setWidth: t21,
+				columnWidths: c$1.columnLayout.state.widths,
+				resizeLabel: labels.resizeColumn
+			});
+			$[49] = actionsPinned;
+			$[50] = c$1.columnLayout.pinOffset;
+			$[51] = c$1.columnLayout.state.widths;
+			$[52] = confirm;
+			$[53] = getRowId;
+			$[54] = labels.resizeColumn;
+			$[55] = props.dir;
+			$[56] = props.maxHeight;
+			$[57] = props.onRowClick;
+			$[58] = props.prefetch;
+			$[59] = props.renderRowDetail;
+			$[60] = props.rowClassName;
+			$[61] = props.stickyHeader;
+			$[62] = props.stickyTop;
+			$[63] = props.summaryRow;
+			$[64] = rowActions;
+			$[65] = size;
+			$[66] = source.rows;
+			$[67] = t12;
+			$[68] = t13;
+			$[69] = t21;
+			$[70] = table;
+			$[71] = virtualScrollRef;
+			$[72] = virtualization.measureElement;
+			$[73] = virtualization.paddingBottom;
+			$[74] = virtualization.paddingTop;
+			$[75] = t22;
+		} else t22 = $[75];
+		body = t22;
+	}
+	const t5 = props.dir;
+	const t6 = c$1.isRefreshing || void 0;
+	let t7;
+	if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { p: 1.5 };
+		$[76] = t7;
+	} else t7 = $[76];
+	const t8 = props.hideSearch;
+	const t9 = props.searchPlaceholder;
+	const t10 = props.sortByOptions;
+	let t11;
+	if ($[77] !== props.toolbar || $[78] !== savedViewsMenu) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [savedViewsMenu, props.toolbar] });
+		$[77] = props.toolbar;
+		$[78] = savedViewsMenu;
+		$[79] = t11;
+	} else t11 = $[79];
+	const t12 = Boolean(filtersNode);
+	let t13;
+	if ($[80] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = () => setFiltersOpen(false);
+		$[80] = t13;
+	} else t13 = $[80];
+	let t14;
+	if ($[81] !== c$1.activeFilterCount || $[82] !== c$1.clearFilters || $[83] !== canLoadMore || $[84] !== columnMenu || $[85] !== filtersMode || $[86] !== filtersNode || $[87] !== filtersOpen || $[88] !== filtersTrigger.onClick || $[89] !== filtersTrigger.onPointerDown || $[90] !== props.dir || $[91] !== props.hideSearch || $[92] !== props.searchPlaceholder || $[93] !== props.sortByOptions || $[94] !== t11 || $[95] !== t12 || $[96] !== table) {
+		t14 = /* @__PURE__ */ jsx(Toolbar, {
+			table,
+			hideSearch: t8,
+			searchPlaceholder: t9,
+			sortByOptions: t10,
+			customToolbar: t11,
+			hasFilters: t12,
+			activeFilterCount: c$1.activeFilterCount,
+			showRowsPerPage: canLoadMore,
+			filtersMode,
+			filters: filtersNode,
+			filtersOpen,
+			onToggleFilters: filtersTrigger.onClick,
+			onFiltersTriggerPointerDown: filtersTrigger.onPointerDown,
+			onCloseFilters: t13,
+			onClearFilters: c$1.clearFilters,
+			dir: props.dir,
+			columnMenu
+		});
+		$[81] = c$1.activeFilterCount;
+		$[82] = c$1.clearFilters;
+		$[83] = canLoadMore;
+		$[84] = columnMenu;
+		$[85] = filtersMode;
+		$[86] = filtersNode;
+		$[87] = filtersOpen;
+		$[88] = filtersTrigger.onClick;
+		$[89] = filtersTrigger.onPointerDown;
+		$[90] = props.dir;
+		$[91] = props.hideSearch;
+		$[92] = props.searchPlaceholder;
+		$[93] = props.sortByOptions;
+		$[94] = t11;
+		$[95] = t12;
+		$[96] = table;
+		$[97] = t14;
+	} else t14 = $[97];
+	let t15;
+	if ($[98] !== c$1.isRefreshing || $[99] !== labels) {
+		t15 = c$1.isRefreshing && /* @__PURE__ */ jsx(LinearProgress, { "aria-label": labels.loading });
+		$[98] = c$1.isRefreshing;
+		$[99] = labels;
+		$[100] = t15;
+	} else t15 = $[100];
+	let t16;
+	if ($[101] !== c$1.clearFilters || $[102] !== c$1.mergedChips || $[103] !== labels) {
+		t16 = /* @__PURE__ */ jsx(Chips, {
+			chips: c$1.mergedChips,
+			onClearAll: c$1.clearFilters,
+			labels
+		});
+		$[101] = c$1.clearFilters;
+		$[102] = c$1.mergedChips;
+		$[103] = labels;
+		$[104] = t16;
+	} else t16 = $[104];
+	let t17;
+	if ($[105] !== confirm || $[106] !== labels || $[107] !== props.bulkActions || $[108] !== source.total || $[109] !== table.selection) {
+		t17 = table.selection && props.bulkActions && /* @__PURE__ */ jsx(BulkBar, {
+			selection: table.selection,
+			total: source.total,
+			bulkActions: props.bulkActions,
+			confirm,
+			labels
+		});
+		$[105] = confirm;
+		$[106] = labels;
+		$[107] = props.bulkActions;
+		$[108] = source.total;
+		$[109] = table.selection;
+		$[110] = t17;
+	} else t17 = $[110];
+	let t18;
+	if ($[111] !== body || $[112] !== labels || $[113] !== source) {
+		t18 = source.error ? /* @__PURE__ */ jsx(ErrorState, {
+			error: source.error,
+			labels,
+			onRetry: source.refetch ? () => void source.refetch?.() : void 0
+		}) : body;
+		$[111] = body;
+		$[112] = labels;
+		$[113] = source;
+		$[114] = t18;
+	} else t18 = $[114];
+	let t19;
+	if ($[115] !== canLoadMore || $[116] !== labels || $[117] !== loadMoreRef || $[118] !== source) {
+		t19 = canLoadMore && source.hasNextPage && /* @__PURE__ */ jsx(Box, {
+			ref: loadMoreRef,
+			sx: {
+				display: "flex",
+				justifyContent: "center",
+				py: 1
+			},
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outlined",
+				size: "small",
+				disabled: source.isFetchingNextPage,
+				onClick: () => source.fetchNextPage(),
+				children: labels.loadMore
+			})
+		});
+		$[115] = canLoadMore;
+		$[116] = labels;
+		$[117] = loadMoreRef;
+		$[118] = source;
+		$[119] = t19;
+	} else t19 = $[119];
+	let t20;
+	if ($[120] !== c$1.showFooter || $[121] !== labels || $[122] !== source.limit || $[123] !== source.setLimit || $[124] !== source.setPage || $[125] !== source.total || $[126] !== table.pagination) {
+		t20 = c$1.showFooter && /* @__PURE__ */ jsx(Footer, {
+			pagination: table.pagination,
+			total: source.total,
+			limit: source.limit,
+			setPage: source.setPage,
+			setLimit: source.setLimit,
+			labels
+		});
+		$[120] = c$1.showFooter;
+		$[121] = labels;
+		$[122] = source.limit;
+		$[123] = source.setLimit;
+		$[124] = source.setPage;
+		$[125] = source.total;
+		$[126] = table.pagination;
+		$[127] = t20;
+	} else t20 = $[127];
+	let t21;
+	if ($[128] !== t14 || $[129] !== t15 || $[130] !== t16 || $[131] !== t17 || $[132] !== t18 || $[133] !== t19 || $[134] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(Stack, {
 			spacing: 1.5,
 			children: [
-				/* @__PURE__ */ jsx(Toolbar, {
-					table,
-					hideSearch: props.hideSearch,
-					searchPlaceholder: props.searchPlaceholder,
-					sortByOptions: props.sortByOptions,
-					customToolbar: /* @__PURE__ */ jsxs(Fragment, { children: [savedViewsMenu, props.toolbar] }),
-					hasFilters: Boolean(filtersNode),
-					activeFilterCount: c.activeFilterCount,
-					showRowsPerPage: canLoadMore,
-					filtersMode,
-					filters: filtersNode,
-					filtersOpen,
-					onToggleFilters: filtersTrigger.onClick,
-					onFiltersTriggerPointerDown: filtersTrigger.onPointerDown,
-					onCloseFilters: () => setFiltersOpen(false),
-					onClearFilters: c.clearFilters,
-					dir: props.dir,
-					columnMenu
-				}),
-				c.isRefreshing && /* @__PURE__ */ jsx(LinearProgress, { "aria-label": labels.loading }),
-				/* @__PURE__ */ jsx(Chips, {
-					chips: c.mergedChips,
-					onClearAll: c.clearFilters,
-					labels
-				}),
-				table.selection && props.bulkActions && /* @__PURE__ */ jsx(BulkBar, {
-					selection: table.selection,
-					total: source.total,
-					bulkActions: props.bulkActions,
-					confirm,
-					labels
-				}),
-				source.error ? /* @__PURE__ */ jsx(ErrorState, {
-					error: source.error,
-					labels,
-					onRetry: source.refetch ? () => void source.refetch?.() : void 0
-				}) : body,
-				canLoadMore && source.hasNextPage && /* @__PURE__ */ jsx(Box, {
-					ref: loadMoreRef,
-					sx: {
-						display: "flex",
-						justifyContent: "center",
-						py: 1
-					},
-					children: /* @__PURE__ */ jsx(Button, {
-						variant: "outlined",
-						size: "small",
-						disabled: source.isFetchingNextPage,
-						onClick: () => source.fetchNextPage(),
-						children: labels.loadMore
-					})
-				}),
-				c.showFooter && /* @__PURE__ */ jsx(Footer, {
-					pagination: table.pagination,
-					total: source.total,
-					limit: source.limit,
-					setPage: source.setPage,
-					setLimit: source.setLimit,
-					labels
-				})
+				t14,
+				t15,
+				t16,
+				t17,
+				t18,
+				t19,
+				t20
 			]
-		}), filtersNode && filtersMode === "drawer" && /* @__PURE__ */ jsx(FilterDrawer, {
+		});
+		$[128] = t14;
+		$[129] = t15;
+		$[130] = t16;
+		$[131] = t17;
+		$[132] = t18;
+		$[133] = t19;
+		$[134] = t20;
+		$[135] = t21;
+	} else t21 = $[135];
+	let t22;
+	if ($[136] !== c$1.activeFilterCount || $[137] !== c$1.clearFilters || $[138] !== filtersMode || $[139] !== filtersNode || $[140] !== filtersOpen || $[141] !== labels || $[142] !== props.dir) {
+		t22 = filtersNode && filtersMode === "drawer" && /* @__PURE__ */ jsx(FilterDrawer, {
 			open: filtersOpen,
 			onClose: () => setFiltersOpen(false),
 			filters: filtersNode,
-			activeFilterCount: c.activeFilterCount,
-			onClearFilters: c.clearFilters,
+			activeFilterCount: c$1.activeFilterCount,
+			onClearFilters: c$1.clearFilters,
 			labels,
 			dir: props.dir
-		})]
-	});
+		});
+		$[136] = c$1.activeFilterCount;
+		$[137] = c$1.clearFilters;
+		$[138] = filtersMode;
+		$[139] = filtersNode;
+		$[140] = filtersOpen;
+		$[141] = labels;
+		$[142] = props.dir;
+		$[143] = t22;
+	} else t22 = $[143];
+	let t23;
+	if ($[144] !== className || $[145] !== props.dir || $[146] !== t21 || $[147] !== t22 || $[148] !== t6) {
+		t23 = /* @__PURE__ */ jsxs(Paper, {
+			ref: rootRef,
+			variant: "outlined",
+			dir: t5,
+			className,
+			"aria-busy": t6,
+			sx: t7,
+			children: [t21, t22]
+		});
+		$[144] = className;
+		$[145] = props.dir;
+		$[146] = t21;
+		$[147] = t22;
+		$[148] = t6;
+		$[149] = t23;
+	} else t23 = $[149];
+	return t23;
 }
 //#endregion
 export { DataTable, SavedViewsMenu, createHistoryAdapter, createMemoryAdapter, defaultConfirm, defaultLabels, deriveSortByOptions, getHistoryAdapter, useBackendData, useDataTable, useFrontendData, useSavedViews, useTableUrlState };