@adapttable/unstyled 0.2.1 → 0.3.0

package/dist/index.js

@@ -1,4 +1,5 @@
-import { ACTIONS_COLUMN_KEY, EyeIcon, FILTER_TYPES, GripIcon, PIN_Z, PinIcon, RANGE_OPS, RANGE_OP_LABEL_KEYS, RANGE_SUFFIXES, columnMenuRows, columnReorderKeyProps, columnResizeHandleProps, createHistoryAdapter, createMemoryAdapter, defaultConfirm, defaultLabels, deriveSortByOptions, edgePinStyle, filterLabel, filterLabel as filterLabel$1, filterStateKeys, 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, useServerData, useTableChrome, useTableData, useTableData as useTableData$1, useTableUrlState, writeRangeWidget } from "@adapttable/core";
+import { c } from "react-compiler-runtime";
+import { ACTIONS_COLUMN_KEY, EyeIcon, FILTER_TYPES, GripIcon, PIN_Z, PinIcon, RANGE_OPS, RANGE_OP_LABEL_KEYS, RANGE_SUFFIXES, columnMenuRows, columnReorderKeyProps, columnResizeHandleProps, createHistoryAdapter, createMemoryAdapter, defaultConfirm, defaultLabels, deriveSortByOptions, edgePinStyle, filterLabel, filterLabel as filterLabel$1, filterStateKeys, getHistoryAdapter, headerGroupRow, isDeclarativeFilters, nextPinSide, pageSizeOptions, paginationItems, 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, useServerData, useTableChrome, useTableData, useTableData as useTableData$1, useTableUrlState, writeRangeWidget } from "@adapttable/core";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -15,126 +16,314 @@ function selectedValues(value) {
 	if (value == null || value === "") return [];
 	return [String(value)];
 }
+/** Props shared by every per-definition field component. */
 /** `<fieldset>` + `<legend>` wrapper for multi-control fields. */
-function GroupField({ caption, classNames, children }) {
-	return /* @__PURE__ */ jsxs("fieldset", {
-		"data-adapttable-part": FIELD_PART,
-		className: classNames.filterField,
-		children: [/* @__PURE__ */ jsx("legend", {
+function GroupField(t0) {
+	const $ = c(7);
+	const { caption, classNames, children } = t0;
+	let t1;
+	if ($[0] !== caption || $[1] !== classNames.filterLabel) {
+		t1 = /* @__PURE__ */ jsx("legend", {
 			"data-adapttable-part": LABEL_PART,
 			className: classNames.filterLabel,
 			children: caption
-		}), children]
-	});
+		});
+		$[0] = caption;
+		$[1] = classNames.filterLabel;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== children || $[4] !== classNames.filterField || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("fieldset", {
+			"data-adapttable-part": FIELD_PART,
+			className: classNames.filterField,
+			children: [t1, children]
+		});
+		$[3] = children;
+		$[4] = classNames.filterField;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 }
 /** One input bound to a filter-bag state key (empty text clears it). */
-function BagInput({ source, stateKey, type, placeholder, classNames }) {
-	return /* @__PURE__ */ jsx("input", {
-		type,
-		placeholder,
-		"data-adapttable-part": "filter-input",
-		className: classNames.filterInput,
-		value: asText(source.extra[stateKey]),
-		onChange: (e) => source.setExtra(stateKey, e.currentTarget.value)
-	});
+function BagInput(t0) {
+	const $ = c(11);
+	const { source, stateKey, type, placeholder, classNames } = t0;
+	const t1 = classNames.filterInput;
+	const t2 = source.extra[stateKey];
+	let t3;
+	if ($[0] !== t2) {
+		t3 = asText(t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== source || $[3] !== stateKey) {
+		t4 = (e) => source.setExtra(stateKey, e.currentTarget.value);
+		$[2] = source;
+		$[3] = stateKey;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== classNames.filterInput || $[6] !== placeholder || $[7] !== t3 || $[8] !== t4 || $[9] !== type) {
+		t5 = /* @__PURE__ */ jsx("input", {
+			type,
+			placeholder,
+			"data-adapttable-part": "filter-input",
+			className: t1,
+			value: t3,
+			onChange: t4
+		});
+		$[5] = classNames.filterInput;
+		$[6] = placeholder;
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = type;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
 }
-function TextField({ def, source, classNames }) {
-	return /* @__PURE__ */ jsxs("label", {
-		"data-adapttable-part": FIELD_PART,
-		className: classNames.filterField,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				"data-adapttable-part": LABEL_PART,
-				className: classNames.filterLabel,
-				children: filterLabel$1(def)
-			}),
-			" ",
-			/* @__PURE__ */ jsx(BagInput, {
-				source,
-				stateKey: def.key,
-				type: "text",
-				placeholder: def.placeholder,
-				classNames
-			})
-		]
-	});
+function TextField(t0) {
+	const $ = c(14);
+	const { def, source, classNames } = t0;
+	const t1 = classNames.filterField;
+	const t2 = classNames.filterLabel;
+	let t3;
+	if ($[0] !== def) {
+		t3 = filterLabel$1(def);
+		$[0] = def;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== classNames.filterLabel || $[3] !== t3) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			"data-adapttable-part": LABEL_PART,
+			className: t2,
+			children: t3
+		});
+		$[2] = classNames.filterLabel;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== classNames || $[6] !== def.key || $[7] !== def.placeholder || $[8] !== source) {
+		t5 = /* @__PURE__ */ jsx(BagInput, {
+			source,
+			stateKey: def.key,
+			type: "text",
+			placeholder: def.placeholder,
+			classNames
+		});
+		$[5] = classNames;
+		$[6] = def.key;
+		$[7] = def.placeholder;
+		$[8] = source;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== classNames.filterField || $[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("label", {
+			"data-adapttable-part": FIELD_PART,
+			className: t1,
+			children: [
+				t4,
+				" ",
+				t5
+			]
+		});
+		$[10] = classNames.filterField;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	return t6;
 }
-function SelectField({ def, source, classNames }) {
+function SelectField(t0) {
+	const $ = c(22);
+	const { def, source, classNames } = t0;
 	const { options, loading } = useFilterOptions(def);
-	return /* @__PURE__ */ jsxs("label", {
-		"data-adapttable-part": FIELD_PART,
-		className: classNames.filterField,
+	const t1 = classNames.filterField;
+	const t2 = classNames.filterLabel;
+	let t3;
+	if ($[0] !== def) {
+		t3 = filterLabel$1(def);
+		$[0] = def;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== classNames.filterLabel || $[3] !== t3) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			"data-adapttable-part": LABEL_PART,
+			className: t2,
+			children: t3
+		});
+		$[2] = classNames.filterLabel;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	const t5 = classNames.filterSelect;
+	const t6 = source.extra[def.key];
+	let t7;
+	if ($[5] !== t6) {
+		t7 = asText(t6);
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== def.key || $[8] !== source) {
+		t8 = (e) => source.setExtra(def.key, e.currentTarget.value);
+		$[7] = def.key;
+		$[8] = source;
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] !== loading || $[11] !== options) {
+		t9 = loading ? /* @__PURE__ */ jsx("option", {
+			value: "",
+			disabled: true,
+			children: "…"
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("option", {
+			value: "",
+			children: "All"
+		}), options.map(_temp$3)] });
+		$[10] = loading;
+		$[11] = options;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== classNames.filterSelect || $[14] !== t7 || $[15] !== t8 || $[16] !== t9) {
+		t10 = /* @__PURE__ */ jsx("select", {
+			"data-adapttable-part": "filter-select",
+			className: t5,
+			value: t7,
+			onChange: t8,
+			children: t9
+		});
+		$[13] = classNames.filterSelect;
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== classNames.filterField || $[19] !== t10 || $[20] !== t4) {
+		t11 = /* @__PURE__ */ jsxs("label", {
+			"data-adapttable-part": FIELD_PART,
+			className: t1,
+			children: [
+				t4,
+				" ",
+				t10
+			]
+		});
+		$[18] = classNames.filterField;
+		$[19] = t10;
+		$[20] = t4;
+		$[21] = t11;
+	} else t11 = $[21];
+	return t11;
+}
+function _temp$3(option) {
+	return /* @__PURE__ */ jsx("option", {
+		value: option.value,
+		children: option.label
+	}, option.value);
+}
+function MultiSelectField(t0) {
+	const $ = c(10);
+	const { def, source, classNames } = t0;
+	const selected = selectedValues(source.extra[def.key]);
+	const { options, loading } = useFilterOptions(def);
+	const T0 = GroupField;
+	let t1;
+	if ($[0] !== def) {
+		t1 = filterLabel$1(def);
+		$[0] = def;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = "filter-checkbox-group";
+	const t3 = loading ? /* @__PURE__ */ jsx("span", {
+		"data-adapttable-part": "filter-options-loading",
+		className: classNames.filterOptionsLoading,
+		children: "…"
+	}) : options.map((option) => /* @__PURE__ */ jsxs("label", {
+		"data-adapttable-part": "filter-checkbox",
+		className: classNames.filterCheckbox,
 		children: [
-			/* @__PURE__ */ jsx("span", {
-				"data-adapttable-part": LABEL_PART,
-				className: classNames.filterLabel,
-				children: filterLabel$1(def)
+			/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				checked: selected.includes(option.value),
+				onChange: (e) => source.setExtra(def.key, e.currentTarget.checked ? [...selected, option.value] : selected.filter((v) => v !== option.value))
 			}),
 			" ",
-			/* @__PURE__ */ jsx("select", {
-				"data-adapttable-part": "filter-select",
-				className: classNames.filterSelect,
-				value: asText(source.extra[def.key]),
-				onChange: (e) => source.setExtra(def.key, e.currentTarget.value),
-				children: loading ? /* @__PURE__ */ jsx("option", {
-					value: "",
-					disabled: true,
-					children: "…"
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("option", {
-					value: "",
-					children: "All"
-				}), options.map((option) => /* @__PURE__ */ jsx("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))] })
-			})
+			option.label
 		]
-	});
-}
-function MultiSelectField({ def, source, classNames }) {
-	const selected = selectedValues(source.extra[def.key]);
-	const { options, loading } = useFilterOptions(def);
-	return /* @__PURE__ */ jsx(GroupField, {
-		caption: filterLabel$1(def),
-		classNames,
-		children: /* @__PURE__ */ jsx("div", {
-			"data-adapttable-part": "filter-checkbox-group",
+	}, option.value));
+	let t4;
+	if ($[2] !== classNames.filterCheckboxGroup || $[3] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			"data-adapttable-part": t2,
 			className: classNames.filterCheckboxGroup,
-			children: loading ? /* @__PURE__ */ jsx("span", {
-				"data-adapttable-part": "filter-options-loading",
-				className: classNames.filterOptionsLoading,
-				children: "…"
-			}) : options.map((option) => /* @__PURE__ */ jsxs("label", {
-				"data-adapttable-part": "filter-checkbox",
-				className: classNames.filterCheckbox,
-				children: [
-					/* @__PURE__ */ jsx("input", {
-						type: "checkbox",
-						checked: selected.includes(option.value),
-						onChange: (e) => source.setExtra(def.key, e.currentTarget.checked ? [...selected, option.value] : selected.filter((v) => v !== option.value))
-					}),
-					" ",
-					option.label
-				]
-			}, option.value))
-		})
-	});
+			children: t3
+		});
+		$[2] = classNames.filterCheckboxGroup;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== T0 || $[6] !== classNames || $[7] !== t1 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx(T0, {
+			caption: t1,
+			classNames,
+			children: t4
+		});
+		$[5] = T0;
+		$[6] = classNames;
+		$[7] = t1;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
 }
 /** One bound of a range widget; the parent owns the write-through. */
-function RangeValueInput({ type, label, value, onValue, classNames }) {
-	return /* @__PURE__ */ jsx("input", {
-		type,
-		style: {
+function RangeValueInput(t0) {
+	const $ = c(9);
+	const { type, label, value, onValue, classNames } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
 			flex: "1 1 7rem",
 			minWidth: "7rem"
-		},
-		placeholder: label,
-		"aria-label": label,
-		"data-adapttable-part": "filter-input",
-		className: classNames.filterInput,
-		value,
-		onChange: (e) => onValue(e.currentTarget.value)
-	});
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== onValue) {
+		t2 = (e) => onValue(e.currentTarget.value);
+		$[1] = onValue;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== classNames.filterInput || $[4] !== label || $[5] !== t2 || $[6] !== type || $[7] !== value) {
+		t3 = /* @__PURE__ */ jsx("input", {
+			type,
+			style: t1,
+			placeholder: label,
+			"aria-label": label,
+			"data-adapttable-part": "filter-input",
+			className: classNames.filterInput,
+			value,
+			onChange: t2
+		});
+		$[3] = classNames.filterInput;
+		$[4] = label;
+		$[5] = t2;
+		$[6] = type;
+		$[7] = value;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 }
 /**
 * Operator-first range field: a comparison `<select>` (its placeholder
@@ -142,105 +331,284 @@ function RangeValueInput({ type, label, value, onValue, classNames }) {
 * pair for `between`. The persisted state stays the inclusive
 * `<key><start>` / `<key><end>` pair, written through `setExtras`.
 */
-function RangeField({ def, source, classNames, inputType, suffixes, labels }) {
+function RangeField(t0) {
+	const $ = c(56);
+	const { def, source, classNames, inputType, suffixes, labels } = t0;
 	const lowKey = def.key + suffixes.start;
 	const highKey = def.key + suffixes.end;
-	const [op, setOp] = useState(() => readRangeWidget(source.extra, lowKey, highKey).op);
-	const a = asText(source.extra[op === "lte" ? highKey : lowKey]);
-	const b = asText(source.extra[highKey]);
-	const write = (nextOp, nextA, nextB) => source.setExtras(writeRangeWidget(nextOp, nextA, nextB, lowKey, highKey));
+	let t1;
+	if ($[0] !== highKey || $[1] !== lowKey || $[2] !== source.extra) {
+		t1 = () => readRangeWidget(source.extra, lowKey, highKey).op;
+		$[0] = highKey;
+		$[1] = lowKey;
+		$[2] = source.extra;
+		$[3] = t1;
+	} else t1 = $[3];
+	const [op, setOp] = useState(t1);
+	const t2 = source.extra[op === "lte" ? highKey : lowKey];
+	let t3;
+	if ($[4] !== t2) {
+		t3 = asText(t2);
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const a = t3;
+	const t4 = source.extra[highKey];
+	let t5;
+	if ($[6] !== t4) {
+		t5 = asText(t4);
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	const b = t5;
+	let t6;
+	if ($[8] !== highKey || $[9] !== lowKey || $[10] !== source) {
+		t6 = (nextOp, nextA, nextB) => source.setExtras(writeRangeWidget(nextOp, nextA, nextB, lowKey, highKey));
+		$[8] = highKey;
+		$[9] = lowKey;
+		$[10] = source;
+		$[11] = t6;
+	} else t6 = $[11];
+	const write = t6;
 	const opLabelKeys = RANGE_OP_LABEL_KEYS[inputType];
-	return /* @__PURE__ */ jsx(GroupField, {
-		caption: filterLabel$1(def),
-		classNames,
-		children: /* @__PURE__ */ jsxs("div", {
-			style: {
-				display: "flex",
-				flexWrap: "wrap",
-				gap: 8
-			},
-			children: [
-				/* @__PURE__ */ jsxs("select", {
-					style: {
-						flex: "0 0 8.5rem",
-						width: "8.5rem"
-					},
-					"aria-label": labels.operator,
-					"data-adapttable-part": "filter-operator",
-					className: classNames.filterOperator,
-					value: op ?? "",
-					onChange: (e) => {
-						const next = RANGE_OPS.find((o) => o === e.currentTarget.value);
-						setOp(next);
-						write(next, a, b);
-					},
-					children: [/* @__PURE__ */ jsx("option", {
-						value: "",
-						children: labels.operator
-					}), RANGE_OPS.map((o) => /* @__PURE__ */ jsx("option", {
-						value: o,
-						children: labels[opLabelKeys[o]]
-					}, o))]
-				}),
-				op === "between" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RangeValueInput, {
-					type: inputType,
-					label: labels.from,
-					value: a,
-					onValue: (next) => write(op, next, b),
-					classNames
-				}), /* @__PURE__ */ jsx(RangeValueInput, {
-					type: inputType,
-					label: labels.to,
-					value: b,
-					onValue: (next) => write(op, a, next),
-					classNames
-				})] }),
-				op !== void 0 && op !== "between" && /* @__PURE__ */ jsx(RangeValueInput, {
-					type: inputType,
-					label: labels.value,
-					value: a,
-					onValue: (next) => write(op, next, ""),
-					classNames
-				})
-			]
-		})
-	});
-}
-function FilterField({ def, source, classNames, labels }) {
-	switch (def.type) {
-		case "text": return /* @__PURE__ */ jsx(TextField, {
-			def,
-			source,
-			classNames
+	let t7;
+	if ($[12] !== def) {
+		t7 = filterLabel$1(def);
+		$[12] = def;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 8
+		};
+		t9 = {
+			flex: "0 0 8.5rem",
+			width: "8.5rem"
+		};
+		$[14] = t8;
+		$[15] = t9;
+	} else {
+		t8 = $[14];
+		t9 = $[15];
+	}
+	const t10 = labels.operator;
+	const t11 = classNames.filterOperator;
+	const t12 = op ?? "";
+	let t13;
+	if ($[16] !== a || $[17] !== b || $[18] !== write) {
+		t13 = (e) => {
+			const next = RANGE_OPS.find((o) => o === e.currentTarget.value);
+			setOp(next);
+			write(next, a, b);
+		};
+		$[16] = a;
+		$[17] = b;
+		$[18] = write;
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] !== labels.operator) {
+		t14 = /* @__PURE__ */ jsx("option", {
+			value: "",
+			children: labels.operator
 		});
-		case "select": return /* @__PURE__ */ jsx(SelectField, {
-			def,
-			source,
-			classNames
+		$[20] = labels.operator;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== labels || $[23] !== opLabelKeys) {
+		t15 = RANGE_OPS.map((o_0) => /* @__PURE__ */ jsx("option", {
+			value: o_0,
+			children: labels[opLabelKeys[o_0]]
+		}, o_0));
+		$[22] = labels;
+		$[23] = opLabelKeys;
+		$[24] = t15;
+	} else t15 = $[24];
+	let t16;
+	if ($[25] !== classNames.filterOperator || $[26] !== labels.operator || $[27] !== t12 || $[28] !== t13 || $[29] !== t14 || $[30] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("select", {
+			style: t9,
+			"aria-label": t10,
+			"data-adapttable-part": "filter-operator",
+			className: t11,
+			value: t12,
+			onChange: t13,
+			children: [t14, t15]
 		});
-		case "multiSelect": return /* @__PURE__ */ jsx(MultiSelectField, {
-			def,
-			source,
+		$[25] = classNames.filterOperator;
+		$[26] = labels.operator;
+		$[27] = t12;
+		$[28] = t13;
+		$[29] = t14;
+		$[30] = t15;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== a || $[33] !== b || $[34] !== classNames || $[35] !== inputType || $[36] !== labels.from || $[37] !== labels.to || $[38] !== op || $[39] !== write) {
+		t17 = op === "between" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RangeValueInput, {
+			type: inputType,
+			label: labels.from,
+			value: a,
+			onValue: (next_0) => write(op, next_0, b),
+			classNames
+		}), /* @__PURE__ */ jsx(RangeValueInput, {
+			type: inputType,
+			label: labels.to,
+			value: b,
+			onValue: (next_1) => write(op, a, next_1),
+			classNames
+		})] });
+		$[32] = a;
+		$[33] = b;
+		$[34] = classNames;
+		$[35] = inputType;
+		$[36] = labels.from;
+		$[37] = labels.to;
+		$[38] = op;
+		$[39] = write;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] !== a || $[42] !== classNames || $[43] !== inputType || $[44] !== labels.value || $[45] !== op || $[46] !== write) {
+		t18 = op !== void 0 && op !== "between" && /* @__PURE__ */ jsx(RangeValueInput, {
+			type: inputType,
+			label: labels.value,
+			value: a,
+			onValue: (next_2) => write(op, next_2, ""),
 			classNames
 		});
-		case "dateRange": return /* @__PURE__ */ jsx(RangeField, {
-			def,
-			source,
-			classNames,
-			inputType: "date",
-			suffixes: RANGE_SUFFIXES.dateRange,
-			labels
+		$[41] = a;
+		$[42] = classNames;
+		$[43] = inputType;
+		$[44] = labels.value;
+		$[45] = op;
+		$[46] = write;
+		$[47] = t18;
+	} else t18 = $[47];
+	let t19;
+	if ($[48] !== t16 || $[49] !== t17 || $[50] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
+			style: t8,
+			children: [
+				t16,
+				t17,
+				t18
+			]
 		});
-		case "numberRange": return /* @__PURE__ */ jsx(RangeField, {
-			def,
-			source,
+		$[48] = t16;
+		$[49] = t17;
+		$[50] = t18;
+		$[51] = t19;
+	} else t19 = $[51];
+	let t20;
+	if ($[52] !== classNames || $[53] !== t19 || $[54] !== t7) {
+		t20 = /* @__PURE__ */ jsx(GroupField, {
+			caption: t7,
 			classNames,
-			inputType: "number",
-			suffixes: RANGE_SUFFIXES.numberRange,
-			labels
+			children: t19
 		});
+		$[52] = classNames;
+		$[53] = t19;
+		$[54] = t7;
+		$[55] = t20;
+	} else t20 = $[55];
+	return t20;
+}
+function FilterField(t0) {
+	const $ = c(22);
+	const { def, source, classNames, labels } = t0;
+	switch (def.type) {
+		case "text": {
+			let t1;
+			if ($[0] !== classNames || $[1] !== def || $[2] !== source) {
+				t1 = /* @__PURE__ */ jsx(TextField, {
+					def,
+					source,
+					classNames
+				});
+				$[0] = classNames;
+				$[1] = def;
+				$[2] = source;
+				$[3] = t1;
+			} else t1 = $[3];
+			return t1;
+		}
+		case "select": {
+			let t1;
+			if ($[4] !== classNames || $[5] !== def || $[6] !== source) {
+				t1 = /* @__PURE__ */ jsx(SelectField, {
+					def,
+					source,
+					classNames
+				});
+				$[4] = classNames;
+				$[5] = def;
+				$[6] = source;
+				$[7] = t1;
+			} else t1 = $[7];
+			return t1;
+		}
+		case "multiSelect": {
+			let t1;
+			if ($[8] !== classNames || $[9] !== def || $[10] !== source) {
+				t1 = /* @__PURE__ */ jsx(MultiSelectField, {
+					def,
+					source,
+					classNames
+				});
+				$[8] = classNames;
+				$[9] = def;
+				$[10] = source;
+				$[11] = t1;
+			} else t1 = $[11];
+			return t1;
+		}
+		case "dateRange": {
+			let t1;
+			if ($[12] !== classNames || $[13] !== def || $[14] !== labels || $[15] !== source) {
+				t1 = /* @__PURE__ */ jsx(RangeField, {
+					def,
+					source,
+					classNames,
+					inputType: "date",
+					suffixes: RANGE_SUFFIXES.dateRange,
+					labels
+				});
+				$[12] = classNames;
+				$[13] = def;
+				$[14] = labels;
+				$[15] = source;
+				$[16] = t1;
+			} else t1 = $[16];
+			return t1;
+		}
+		case "numberRange": {
+			let t1;
+			if ($[17] !== classNames || $[18] !== def || $[19] !== labels || $[20] !== source) {
+				t1 = /* @__PURE__ */ jsx(RangeField, {
+					def,
+					source,
+					classNames,
+					inputType: "number",
+					suffixes: RANGE_SUFFIXES.numberRange,
+					labels
+				});
+				$[17] = classNames;
+				$[18] = def;
+				$[19] = labels;
+				$[20] = source;
+				$[21] = t1;
+			} else t1 = $[21];
+			return t1;
+		}
 	}
 }
+/** Props for {@link AutoFilterForm}. */
 /**
 * The auto-built filter form for the declarative `filters` array: one
 * semantic field per definition (`text` input, `select` with an "All"
@@ -251,14 +619,52 @@ function FilterField({ def, source, classNames, labels }) {
 *
 * @typeParam TRow - The row type.
 */
-function AutoFilterForm({ defs, source, classNames = {}, labels }) {
-	const resolvedLabels = resolveLabels(labels);
-	return /* @__PURE__ */ jsx(Fragment, { children: defs.map((def) => /* @__PURE__ */ jsx(FilterField, {
-		def,
-		source,
-		classNames,
-		labels: resolvedLabels
-	}, def.key)) });
+function AutoFilterForm(t0) {
+	const $ = c(15);
+	const { defs, source, classNames: t1, labels } = t0;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const classNames = t2;
+	let t3;
+	if ($[2] !== labels) {
+		t3 = resolveLabels(labels);
+		$[2] = labels;
+		$[3] = t3;
+	} else t3 = $[3];
+	const resolvedLabels = t3;
+	let t4;
+	if ($[4] !== classNames || $[5] !== defs || $[6] !== resolvedLabels || $[7] !== source) {
+		let t5;
+		if ($[9] !== classNames || $[10] !== resolvedLabels || $[11] !== source) {
+			t5 = (def) => /* @__PURE__ */ jsx(FilterField, {
+				def,
+				source,
+				classNames,
+				labels: resolvedLabels
+			}, def.key);
+			$[9] = classNames;
+			$[10] = resolvedLabels;
+			$[11] = source;
+			$[12] = t5;
+		} else t5 = $[12];
+		t4 = defs.map(t5);
+		$[4] = classNames;
+		$[5] = defs;
+		$[6] = resolvedLabels;
+		$[7] = source;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[13] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Fragment, { children: t4 });
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
 }
 //#endregion
 //#region src/cx.ts
@@ -274,6 +680,7 @@ function cx(...parts) {
 }
 //#endregion
 //#region src/components/FilterPanel.tsx
+/** Props for {@link FilterPanel}. */
 /** Backdrop + side drawer for caller-provided filter widgets. */
 function FilterPanel({ open, onClose, filters, activeFilterCount, onClearFilters, labels, dir = "ltr", classNames }) {
 	const panelRef = useRef(null);
@@ -365,6 +772,7 @@ function FilterPanel({ open, onClose, filters, activeFilterCount, onClearFilters
 }
 //#endregion
 //#region src/components/FilterPopover.tsx
+/** Props for {@link FilterPopover}. */
 /**
 * Anchored filter card (the default filter container). Opens beneath the
 * Filters button with NO backdrop — the background stays visible and
@@ -384,8 +792,8 @@ function FilterPopover({ open, onClose, filters, activeFilterCount, onClearFilte
 			if (cardRef.current?.contains(document.activeElement)) return;
 			onCloseRef.current();
 		};
-		const onKeyDown = (event) => {
-			if (event.key !== "Escape") return;
+		const onKeyDown = (event_0) => {
+			if (event_0.key !== "Escape") return;
 			onCloseRef.current();
 			rootRef.current?.querySelector("button")?.focus();
 		};
@@ -441,45 +849,104 @@ function FilterPopover({ open, onClose, filters, activeFilterCount, onClearFilte
 }
 //#endregion
 //#region src/components/icons.tsx
-function Svg({ size = 16, className, children }) {
-	return /* @__PURE__ */ jsx("svg", {
-		width: size,
-		height: size,
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: 2,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className,
-		"aria-hidden": "true",
-		focusable: "false",
-		children
-	});
+function Svg(t0) {
+	const $ = c(4);
+	const { size: t1, className, children } = t0;
+	const size = t1 === void 0 ? 16 : t1;
+	let t2;
+	if ($[0] !== children || $[1] !== className || $[2] !== size) {
+		t2 = /* @__PURE__ */ jsx("svg", {
+			width: size,
+			height: size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className,
+			"aria-hidden": "true",
+			focusable: "false",
+			children
+		});
+		$[0] = children;
+		$[1] = className;
+		$[2] = size;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 }
 /** Magnifying-glass search glyph (inline SVG, `currentColor`). */
-const SearchIcon = (p) => /* @__PURE__ */ jsxs(Svg, {
-	...p,
-	children: [/* @__PURE__ */ jsx("circle", {
-		cx: "11",
-		cy: "11",
-		r: "7"
-	}), /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })]
-});
+const SearchIcon = (p) => {
+	const $ = c(4);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("circle", {
+			cx: "11",
+			cy: "11",
+			r: "7"
+		});
+		t1 = /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" });
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	let t2;
+	if ($[2] !== p) {
+		t2 = /* @__PURE__ */ jsxs(Svg, {
+			...p,
+			children: [t0, t1]
+		});
+		$[2] = p;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
 /** Funnel glyph for the Filters button (inline SVG, `currentColor`). */
-const FiltersIcon = (p) => /* @__PURE__ */ jsx(Svg, {
-	...p,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 4h18l-7 8v6l-4 2v-8L3 4Z" })
-});
+const FiltersIcon = (p) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "M3 4h18l-7 8v6l-4 2v-8L3 4Z" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== p) {
+		t1 = /* @__PURE__ */ jsx(Svg, {
+			...p,
+			children: t0
+		});
+		$[1] = p;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 /**
 * Right-pointing chevron (▸) for the expand-row button. The button carries a
 * `data-expanded` attribute so consumers rotate the glyph with their own CSS
 * (e.g. `[data-expanded] svg { transform: rotate(90deg) }`).
 */
-const ChevronIcon = (p) => /* @__PURE__ */ jsx(Svg, {
-	...p,
-	children: /* @__PURE__ */ jsx("path", { d: "m9 6 6 6-6 6" })
-});
+const ChevronIcon = (p) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "m9 6 6 6-6 6" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== p) {
+		t1 = /* @__PURE__ */ jsx(Svg, {
+			...p,
+			children: t0
+		});
+		$[1] = p;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 //#region src/components/menuPopover.ts
 /**
@@ -496,41 +963,62 @@ const MENU_PANEL_STYLE = {
 	padding: 0,
 	minInlineSize: 0
 };
+/** Disclosure state shared by the toolbar menu popovers. */
 /**
 * Disclosure behaviour for the toolbar menus (ColumnMenu, SavedViewsMenu):
 * open/close state that also closes on outside mousedown or Escape, with
 * Escape restoring focus to the trigger.
 */
 function useMenuPopover() {
+	const $ = c(5);
 	const [open, setOpen] = useState(false);
 	const rootRef = useRef(null);
 	const triggerRef = useRef(null);
-	useEffect(() => {
-		if (!open) return;
-		const onDown = (event) => {
-			if (!rootRef.current?.contains(event.target)) setOpen(false);
+	let t0;
+	let t1;
+	if ($[0] !== open) {
+		t0 = () => {
+			if (!open) return;
+			const onDown = (event) => {
+				if (!rootRef.current?.contains(event.target)) setOpen(false);
+			};
+			const onKey = (event_0) => {
+				if (event_0.key !== "Escape") return;
+				setOpen(false);
+				triggerRef.current?.focus();
+			};
+			document.addEventListener("mousedown", onDown);
+			document.addEventListener("keydown", onKey);
+			return () => {
+				document.removeEventListener("mousedown", onDown);
+				document.removeEventListener("keydown", onKey);
+			};
 		};
-		const onKey = (event) => {
-			if (event.key !== "Escape") return;
-			setOpen(false);
-			triggerRef.current?.focus();
-		};
-		document.addEventListener("mousedown", onDown);
-		document.addEventListener("keydown", onKey);
-		return () => {
-			document.removeEventListener("mousedown", onDown);
-			document.removeEventListener("keydown", onKey);
+		t1 = [open];
+		$[0] = open;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] !== open) {
+		t2 = {
+			open,
+			setOpen,
+			rootRef,
+			triggerRef
 		};
-	}, [open]);
-	return {
-		open,
-		setOpen,
-		rootRef,
-		triggerRef
-	};
+		$[3] = open;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }
 //#endregion
 //#region src/components/SavedViewsMenu.tsx
+/** The label strings the saved-views menu renders. */
 /**
 * Saved-views popover: a disclosure button + a panel listing the saved views
 * (click applies one; each has a delete button) above a save row that
@@ -538,30 +1026,64 @@ function useMenuPopover() {
 * `useSavedViews`; closes on outside-click or Escape. Ships no styles —
 * target the `data-adapttable-part` hooks or the `views*` className slots.
 */
-function SavedViewsMenu({ options, labels, classNames }) {
+function SavedViewsMenu(t0) {
+	const $ = c(34);
+	const { options, labels, classNames } = t0;
 	const { views, save, apply, remove } = useSavedViews$1(options);
 	const { open, setOpen, rootRef, triggerRef } = useMenuPopover();
 	const [name, setName] = useState("");
-	const trimmed = name.trim();
-	return /* @__PURE__ */ jsxs("div", {
-		ref: rootRef,
-		"data-adapttable-part": "views-menu",
-		style: { position: "relative" },
-		children: [/* @__PURE__ */ jsx("button", {
+	let t1;
+	if ($[0] !== name) {
+		t1 = name.trim();
+		$[0] = name;
+		$[1] = t1;
+	} else t1 = $[1];
+	const trimmed = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { position: "relative" };
+		$[2] = t2;
+	} else t2 = $[2];
+	const t3 = open || void 0;
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {
+			flexShrink: 0,
+			whiteSpace: "nowrap"
+		};
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== setOpen) {
+		t5 = () => setOpen(_temp$2);
+		$[4] = setOpen;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== classNames.viewsButton || $[7] !== labels.savedViews || $[8] !== open || $[9] !== t3 || $[10] !== t5 || $[11] !== triggerRef) {
+		t6 = /* @__PURE__ */ jsx("button", {
 			ref: triggerRef,
 			type: "button",
 			"aria-expanded": open,
 			"aria-haspopup": "true",
 			"data-adapttable-part": "views-button",
-			"data-active": open || void 0,
+			"data-active": t3,
 			className: classNames.viewsButton,
-			style: {
-				flexShrink: 0,
-				whiteSpace: "nowrap"
-			},
-			onClick: () => setOpen((v) => !v),
+			style: t4,
+			onClick: t5,
 			children: labels.savedViews
-		}), open && /* @__PURE__ */ jsxs("div", {
+		});
+		$[6] = classNames.viewsButton;
+		$[7] = labels.savedViews;
+		$[8] = open;
+		$[9] = t3;
+		$[10] = t5;
+		$[11] = triggerRef;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== apply || $[14] !== classNames.viewsDelete || $[15] !== classNames.viewsInput || $[16] !== classNames.viewsItem || $[17] !== classNames.viewsPanel || $[18] !== classNames.viewsSave || $[19] !== labels.deleteView || $[20] !== labels.saveView || $[21] !== labels.viewName || $[22] !== name || $[23] !== open || $[24] !== remove || $[25] !== save || $[26] !== setOpen || $[27] !== trimmed || $[28] !== views) {
+		t7 = open && /* @__PURE__ */ jsxs("div", {
 			"data-adapttable-part": "views-panel",
 			className: classNames.viewsPanel,
 			style: MENU_PANEL_STYLE,
@@ -615,63 +1137,165 @@ function SavedViewsMenu({ options, labels, classNames }) {
 					})]
 				})
 			]
-		})]
-	});
+		});
+		$[13] = apply;
+		$[14] = classNames.viewsDelete;
+		$[15] = classNames.viewsInput;
+		$[16] = classNames.viewsItem;
+		$[17] = classNames.viewsPanel;
+		$[18] = classNames.viewsSave;
+		$[19] = labels.deleteView;
+		$[20] = labels.saveView;
+		$[21] = labels.viewName;
+		$[22] = name;
+		$[23] = open;
+		$[24] = remove;
+		$[25] = save;
+		$[26] = setOpen;
+		$[27] = trimmed;
+		$[28] = views;
+		$[29] = t7;
+	} else t7 = $[29];
+	let t8;
+	if ($[30] !== rootRef || $[31] !== t6 || $[32] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			ref: rootRef,
+			"data-adapttable-part": "views-menu",
+			style: t2,
+			children: [t6, t7]
+		});
+		$[30] = rootRef;
+		$[31] = t6;
+		$[32] = t7;
+		$[33] = t8;
+	} else t8 = $[33];
+	return t8;
+}
+function _temp$2(v) {
+	return !v;
 }
 //#endregion
 //#region src/components/chrome.tsx
 /** Removable filter-chip strip. Renders nothing when empty. */
-function Chips({ chips, onClearAll, labels, classNames }) {
+function Chips(t0) {
+	const $ = c(21);
+	const { chips, onClearAll, labels, classNames } = t0;
 	if (chips.length === 0) return null;
-	return /* @__PURE__ */ jsxs("ul", {
-		"aria-label": labels.filters,
-		"data-adapttable-part": "chips",
-		className: classNames.chips,
-		children: [chips.map((chip) => /* @__PURE__ */ jsxs("li", {
-			"data-adapttable-part": "chip",
-			className: classNames.chip,
-			children: [chip.label, /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"aria-label": `${labels.clearAll}: ${chip.label}`,
-				"data-adapttable-part": "chip-remove",
-				className: classNames.chipRemove,
-				onClick: chip.onRemove,
-				children: "×"
-			})]
-		}, chip.key)), /* @__PURE__ */ jsx("li", {
+	const t1 = labels.filters;
+	const t2 = classNames.chips;
+	let t3;
+	if ($[0] !== chips || $[1] !== classNames.chip || $[2] !== classNames.chipRemove || $[3] !== labels.clearAll) {
+		let t4;
+		if ($[5] !== classNames.chip || $[6] !== classNames.chipRemove || $[7] !== labels.clearAll) {
+			t4 = (chip) => /* @__PURE__ */ jsxs("li", {
+				"data-adapttable-part": "chip",
+				className: classNames.chip,
+				children: [chip.label, /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": `${labels.clearAll}: ${chip.label}`,
+					"data-adapttable-part": "chip-remove",
+					className: classNames.chipRemove,
+					onClick: chip.onRemove,
+					children: "×"
+				})]
+			}, chip.key);
+			$[5] = classNames.chip;
+			$[6] = classNames.chipRemove;
+			$[7] = labels.clearAll;
+			$[8] = t4;
+		} else t4 = $[8];
+		t3 = chips.map(t4);
+		$[0] = chips;
+		$[1] = classNames.chip;
+		$[2] = classNames.chipRemove;
+		$[3] = labels.clearAll;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[9] !== classNames.chipRemove || $[10] !== labels.clearAll || $[11] !== onClearAll) {
+		t4 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-adapttable-part": "chip-remove",
+			className: classNames.chipRemove,
+			onClick: onClearAll,
+			children: labels.clearAll
+		});
+		$[9] = classNames.chipRemove;
+		$[10] = labels.clearAll;
+		$[11] = onClearAll;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== classNames.chip || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx("li", {
 			"data-adapttable-part": "chip",
 			className: classNames.chip,
-			children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"data-adapttable-part": "chip-remove",
-				className: classNames.chipRemove,
-				onClick: onClearAll,
-				children: labels.clearAll
-			})
-		})]
-	});
+			children: t4
+		});
+		$[13] = classNames.chip;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== classNames.chips || $[17] !== labels.filters || $[18] !== t3 || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("ul", {
+			"aria-label": t1,
+			"data-adapttable-part": "chips",
+			className: t2,
+			children: [t3, t5]
+		});
+		$[16] = classNames.chips;
+		$[17] = labels.filters;
+		$[18] = t3;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 }
 /** Selection toolbar with bulk-action buttons. */
-function BulkBar({ selection, total, bulkActions, confirm, labels, classNames }) {
+function BulkBar(t0) {
+	const $ = c(42);
+	const { selection, total, bulkActions, confirm, labels, classNames } = t0;
 	const { selectedIds, selectedCount, clear, headerState, visibleIds, allMatching, selectAllMatching } = 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;
-	const scope = allMatching ? {
-		allMatching: true,
-		total
-	} : void 0;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-adapttable-part": "bulk-bar",
-		className: classNames.bulkBar,
-		children: [
-			/* @__PURE__ */ jsx("span", { children: labels.selectedCount(selectedCount) }),
-			showBanner && /* @__PURE__ */ jsxs("div", {
+	let t2;
+	if ($[4] !== allMatching || $[5] !== bulkActions || $[6] !== classNames.bulkBar || $[7] !== classNames.bulkButton || $[8] !== classNames.selectAllBanner || $[9] !== classNames.selectAllButton || $[10] !== classNames.selectAllText || $[11] !== clear || $[12] !== headerState || $[13] !== labels || $[14] !== pending || $[15] !== run || $[16] !== selectAllMatching || $[17] !== selectedCount || $[18] !== selectedIds || $[19] !== total || $[20] !== visibleIds) {
+		const ids = [...selectedIds];
+		const showBanner = headerState === "all" && total > visibleIds.length;
+		const scope = allMatching ? {
+			allMatching: true,
+			total
+		} : void 0;
+		const t3 = classNames.bulkBar;
+		let t4;
+		if ($[22] !== labels || $[23] !== selectedCount) {
+			t4 = labels.selectedCount(selectedCount);
+			$[22] = labels;
+			$[23] = selectedCount;
+			$[24] = t4;
+		} else t4 = $[24];
+		let t5;
+		if ($[25] !== t4) {
+			t5 = /* @__PURE__ */ jsx("span", { children: t4 });
+			$[25] = t4;
+			$[26] = t5;
+		} else t5 = $[26];
+		let t6;
+		if ($[27] !== allMatching || $[28] !== classNames.selectAllBanner || $[29] !== classNames.selectAllButton || $[30] !== classNames.selectAllText || $[31] !== clear || $[32] !== labels || $[33] !== selectAllMatching || $[34] !== showBanner || $[35] !== total || $[36] !== visibleIds) {
+			t6 = showBanner && /* @__PURE__ */ jsxs("div", {
 				"data-adapttable-part": "select-all-banner",
 				className: classNames.selectAllBanner,
 				children: [/* @__PURE__ */ jsx("span", {
@@ -685,108 +1309,357 @@ function BulkBar({ selection, total, bulkActions, confirm, labels, classNames })
 					onClick: allMatching ? clear : selectAllMatching,
 					children: allMatching ? labels.clearAll : labels.selectAllMatching(total)
 				})]
-			}),
-			/* @__PURE__ */ jsx("button", {
+			});
+			$[27] = allMatching;
+			$[28] = classNames.selectAllBanner;
+			$[29] = classNames.selectAllButton;
+			$[30] = classNames.selectAllText;
+			$[31] = clear;
+			$[32] = labels;
+			$[33] = selectAllMatching;
+			$[34] = showBanner;
+			$[35] = total;
+			$[36] = visibleIds;
+			$[37] = t6;
+		} else t6 = $[37];
+		const t7 = pending !== null;
+		let t8;
+		if ($[38] !== clear || $[39] !== labels.clearAll || $[40] !== t7) {
+			t8 = /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: clear,
-				disabled: pending !== null,
+				disabled: t7,
 				children: labels.clearAll
-			}),
-			bulkActions.map((action) => {
-				const reason = resolveDisabledReason(action.disabledReason?.(ids));
-				return /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					title: reason,
-					disabled: reason !== void 0 || pending !== null,
-					"data-adapttable-part": "bulk-button",
-					"data-color": action.color,
-					className: classNames.bulkButton,
-					onClick: () => run(action, ids, scope),
-					children: [action.icon, action.label]
-				}, action.key);
-			})
-		]
-	});
+			});
+			$[38] = clear;
+			$[39] = labels.clearAll;
+			$[40] = t7;
+			$[41] = t8;
+		} else t8 = $[41];
+		t2 = /* @__PURE__ */ jsxs("div", {
+			"data-adapttable-part": "bulk-bar",
+			className: t3,
+			children: [
+				t5,
+				t6,
+				t8,
+				bulkActions.map((action) => {
+					const reason = resolveDisabledReason(action.disabledReason?.(ids));
+					return /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						title: reason,
+						disabled: reason !== void 0 || pending !== null,
+						"data-adapttable-part": "bulk-button",
+						"data-color": action.color,
+						className: classNames.bulkButton,
+						onClick: () => run(action, ids, scope),
+						children: [action.icon, action.label]
+					}, action.key);
+				})
+			]
+		});
+		$[4] = allMatching;
+		$[5] = bulkActions;
+		$[6] = classNames.bulkBar;
+		$[7] = classNames.bulkButton;
+		$[8] = classNames.selectAllBanner;
+		$[9] = classNames.selectAllButton;
+		$[10] = classNames.selectAllText;
+		$[11] = clear;
+		$[12] = headerState;
+		$[13] = labels;
+		$[14] = pending;
+		$[15] = run;
+		$[16] = selectAllMatching;
+		$[17] = selectedCount;
+		$[18] = selectedIds;
+		$[19] = total;
+		$[20] = visibleIds;
+		$[21] = t2;
+	} else t2 = $[21];
+	return t2;
 }
 /** The rows-per-page selector shared by the toolbar (infinite) and footer. */
-function RowsPerPageSelect({ source, labels, classNames }) {
-	return /* @__PURE__ */ jsxs("label", { children: [
-		labels.rowsPerPage,
-		" ",
-		/* @__PURE__ */ jsx("select", {
-			"aria-label": labels.rowsPerPage,
+function RowsPerPageSelect(t0) {
+	const $ = c(13);
+	const { source, labels, classNames } = t0;
+	const t1 = labels.rowsPerPage;
+	const t2 = labels.rowsPerPage;
+	const t3 = classNames.rowsPerPageSelect;
+	const t4 = source.limit;
+	let t5;
+	if ($[0] !== source) {
+		t5 = (e) => source.setLimit(Number(e.currentTarget.value));
+		$[0] = source;
+		$[1] = t5;
+	} else t5 = $[1];
+	let t6;
+	if ($[2] !== source.limit) {
+		t6 = pageSizeOptions(source.limit).map(_temp$1);
+		$[2] = source.limit;
+		$[3] = t6;
+	} else t6 = $[3];
+	let t7;
+	if ($[4] !== classNames.rowsPerPageSelect || $[5] !== labels.rowsPerPage || $[6] !== source.limit || $[7] !== t5 || $[8] !== t6) {
+		t7 = /* @__PURE__ */ jsx("select", {
+			"aria-label": t2,
 			"data-adapttable-part": "rows-per-page",
-			className: classNames.rowsPerPageSelect,
-			value: source.limit,
-			onChange: (e) => source.setLimit(Number(e.currentTarget.value)),
-			children: pageSizeOptions(source.limit).map((n) => /* @__PURE__ */ jsx("option", {
-				value: n,
-				children: n
-			}, n))
-		})
-	] });
+			className: t3,
+			value: t4,
+			onChange: t5,
+			children: t6
+		});
+		$[4] = classNames.rowsPerPageSelect;
+		$[5] = labels.rowsPerPage;
+		$[6] = source.limit;
+		$[7] = t5;
+		$[8] = t6;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== labels.rowsPerPage || $[11] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("label", { children: [
+			t1,
+			" ",
+			t7
+		] });
+		$[10] = labels.rowsPerPage;
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	return t8;
 }
 /** Prev/next pager with a rows-per-page select. */
-function Footer({ pagination, source, labels, classNames }) {
+function _temp$1(n) {
+	return /* @__PURE__ */ jsx("option", {
+		value: n,
+		children: n
+	}, n);
+}
+function Footer(t0) {
+	const $ = c(53);
+	const { pagination, source, labels, classNames } = t0;
 	const { safePage, totalPages, fromIndex, toIndex } = pagination;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-adapttable-part": "footer",
-		className: classNames.footer,
-		children: [
-			/* @__PURE__ */ jsx(RowsPerPageSelect, {
-				source,
-				labels,
-				classNames
-			}),
-			source.total > 0 && /* @__PURE__ */ jsx("span", { children: labels.showing({
-				from: fromIndex,
-				to: toIndex,
-				total: source.total
-			}) }),
-			/* @__PURE__ */ jsx("span", { children: labels.pageOf({
-				page: safePage,
-				total: totalPages
-			}) }),
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				"aria-label": labels.previousPage,
-				"data-adapttable-part": "page-prev",
-				className: classNames.pageButton,
-				disabled: safePage <= 1,
-				onClick: () => source.setPage(safePage - 1),
-				children: "‹"
-			}),
-			/* @__PURE__ */ jsx("button", {
+	const t1 = classNames.footer;
+	let t2;
+	if ($[0] !== classNames || $[1] !== labels || $[2] !== source) {
+		t2 = /* @__PURE__ */ jsx(RowsPerPageSelect, {
+			source,
+			labels,
+			classNames
+		});
+		$[0] = classNames;
+		$[1] = labels;
+		$[2] = source;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== fromIndex || $[5] !== labels || $[6] !== source.total || $[7] !== toIndex) {
+		t3 = source.total > 0 && /* @__PURE__ */ jsx("span", { children: labels.showing({
+			from: fromIndex,
+			to: toIndex,
+			total: source.total
+		}) });
+		$[4] = fromIndex;
+		$[5] = labels;
+		$[6] = source.total;
+		$[7] = toIndex;
+		$[8] = t3;
+	} else t3 = $[8];
+	const t4 = classNames.pager;
+	let t5;
+	if ($[9] !== labels || $[10] !== safePage || $[11] !== totalPages) {
+		t5 = labels.pageOf({
+			page: safePage,
+			total: totalPages
+		});
+		$[9] = labels;
+		$[10] = safePage;
+		$[11] = totalPages;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", { children: t5 });
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	const t7 = safePage <= 1;
+	let t8;
+	if ($[15] !== safePage || $[16] !== source) {
+		t8 = () => source.setPage(safePage - 1);
+		$[15] = safePage;
+		$[16] = source;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== classNames.pageButton || $[19] !== labels.previousPage || $[20] !== t7 || $[21] !== t8) {
+		t9 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": labels.previousPage,
+			"data-adapttable-part": "page-prev",
+			className: classNames.pageButton,
+			disabled: t7,
+			onClick: t8,
+			children: "‹"
+		});
+		$[18] = classNames.pageButton;
+		$[19] = labels.previousPage;
+		$[20] = t7;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== classNames.pageButton || $[24] !== classNames.pageEllipsis || $[25] !== safePage || $[26] !== source || $[27] !== totalPages) {
+		let t11;
+		if ($[29] !== classNames.pageButton || $[30] !== classNames.pageEllipsis || $[31] !== safePage || $[32] !== source) {
+			t11 = (item, i) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", {
+				"data-adapttable-part": "page-ellipsis",
+				"aria-hidden": "true",
+				className: classNames.pageEllipsis,
+				children: "…"
+			}, `ellipsis-${i}`) : /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": labels.nextPage,
-				"data-adapttable-part": "page-next",
+				"data-adapttable-part": "page-number",
+				"aria-current": item === safePage ? "page" : void 0,
 				className: classNames.pageButton,
-				disabled: safePage >= totalPages,
-				onClick: () => source.setPage(safePage + 1),
-				children: "›"
-			})
-		]
-	});
+				onClick: () => source.setPage(item),
+				children: item
+			}, item);
+			$[29] = classNames.pageButton;
+			$[30] = classNames.pageEllipsis;
+			$[31] = safePage;
+			$[32] = source;
+			$[33] = t11;
+		} else t11 = $[33];
+		t10 = paginationItems(safePage, totalPages).map(t11);
+		$[23] = classNames.pageButton;
+		$[24] = classNames.pageEllipsis;
+		$[25] = safePage;
+		$[26] = source;
+		$[27] = totalPages;
+		$[28] = t10;
+	} else t10 = $[28];
+	const t11 = safePage >= totalPages;
+	let t12;
+	if ($[34] !== safePage || $[35] !== source) {
+		t12 = () => source.setPage(safePage + 1);
+		$[34] = safePage;
+		$[35] = source;
+		$[36] = t12;
+	} else t12 = $[36];
+	let t13;
+	if ($[37] !== classNames.pageButton || $[38] !== labels.nextPage || $[39] !== t11 || $[40] !== t12) {
+		t13 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": labels.nextPage,
+			"data-adapttable-part": "page-next",
+			className: classNames.pageButton,
+			disabled: t11,
+			onClick: t12,
+			children: "›"
+		});
+		$[37] = classNames.pageButton;
+		$[38] = labels.nextPage;
+		$[39] = t11;
+		$[40] = t12;
+		$[41] = t13;
+	} else t13 = $[41];
+	let t14;
+	if ($[42] !== classNames.pager || $[43] !== t10 || $[44] !== t13 || $[45] !== t6 || $[46] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			"data-adapttable-part": "pager",
+			className: t4,
+			children: [
+				t6,
+				t9,
+				t10,
+				t13
+			]
+		});
+		$[42] = classNames.pager;
+		$[43] = t10;
+		$[44] = t13;
+		$[45] = t6;
+		$[46] = t9;
+		$[47] = t14;
+	} else t14 = $[47];
+	let t15;
+	if ($[48] !== classNames.footer || $[49] !== t14 || $[50] !== t2 || $[51] !== t3) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			"data-adapttable-part": "footer",
+			className: t1,
+			children: [
+				t2,
+				t3,
+				t14
+			]
+		});
+		$[48] = classNames.footer;
+		$[49] = t14;
+		$[50] = t2;
+		$[51] = t3;
+		$[52] = t15;
+	} else t15 = $[52];
+	return t15;
 }
 /** Inline error with optional retry. */
-function ErrorState({ error, labels, onRetry, classNames }) {
-	return /* @__PURE__ */ jsxs("div", {
-		role: "alert",
-		"data-adapttable-part": "error",
-		className: classNames.error,
-		children: [
-			/* @__PURE__ */ jsx("strong", { children: labels.errorTitle }),
-			/* @__PURE__ */ jsx("p", { children: labels.errorMessage }),
-			/* @__PURE__ */ jsx("small", { children: error.message }),
-			onRetry && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: onRetry,
-				"data-adapttable-part": "retry",
-				className: classNames.retryButton,
-				children: labels.retry
-			})
-		]
-	});
+function ErrorState(t0) {
+	const $ = c(16);
+	const { error, labels, onRetry, classNames } = t0;
+	let t1;
+	if ($[0] !== labels.errorTitle) {
+		t1 = /* @__PURE__ */ jsx("strong", { children: labels.errorTitle });
+		$[0] = labels.errorTitle;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== labels.errorMessage) {
+		t2 = /* @__PURE__ */ jsx("p", { children: labels.errorMessage });
+		$[2] = labels.errorMessage;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== error.message) {
+		t3 = /* @__PURE__ */ jsx("small", { children: error.message });
+		$[4] = error.message;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== classNames.retryButton || $[7] !== labels.retry || $[8] !== onRetry) {
+		t4 = onRetry && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onRetry,
+			"data-adapttable-part": "retry",
+			className: classNames.retryButton,
+			children: labels.retry
+		});
+		$[6] = classNames.retryButton;
+		$[7] = labels.retry;
+		$[8] = onRetry;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== classNames.error || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			"data-adapttable-part": "error",
+			className: classNames.error,
+			children: [
+				t1,
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[10] = classNames.error;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 }
 function loadingLineWidth(column, total) {
 	if (column === 0) return "70%";
@@ -794,17 +1667,36 @@ function loadingLineWidth(column, total) {
 	return "55%";
 }
 /** Skeleton-ish loading placeholder (semantic, unstyled). */
-function LoadingState({ rows, columns, variant, labels, classNames, hasActions = false }) {
-	const rowKeys = Array.from({ length: rows }, (_, i) => i);
+function LoadingState(t0) {
+	const $ = c(24);
+	const { rows, columns, variant, labels, classNames, hasActions: t1 } = t0;
+	const hasActions = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[0] !== rows) {
+		t2 = Array.from({ length: rows }, _temp2);
+		$[0] = rows;
+		$[1] = t2;
+	} else t2 = $[1];
+	const rowKeys = t2;
 	const columnCount = Math.max(columns, 1) + (hasActions ? 1 : 0);
-	const columnKeys = Array.from({ length: columnCount }, (_, i) => i);
-	return /* @__PURE__ */ jsxs("div", {
-		role: "status",
-		"aria-busy": "true",
-		"aria-live": "polite",
-		"data-adapttable-part": "loading",
-		className: cx(classNames.loading),
-		children: [variant === "table" ? /* @__PURE__ */ jsxs("table", {
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	if ($[2] !== classNames.loading || $[3] !== columnCount || $[4] !== rowKeys || $[5] !== variant) {
+		const columnKeys = Array.from({ length: columnCount }, _temp3);
+		t3 = "status";
+		t4 = "true";
+		t5 = "polite";
+		t6 = "loading";
+		if ($[12] !== classNames.loading) {
+			t7 = cx(classNames.loading);
+			$[12] = classNames.loading;
+			$[13] = t7;
+		} else t7 = $[13];
+		t8 = variant === "table" ? /* @__PURE__ */ jsxs("table", {
 			"data-adapttable-part": "loading-table",
 			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", {
 				"data-adapttable-part": "loading-header-row",
@@ -817,141 +1709,426 @@ function LoadingState({ rows, columns, variant, labels, classNames, hasActions =
 				}, column))
 			}) }), /* @__PURE__ */ jsx("tbody", { children: rowKeys.map((row) => /* @__PURE__ */ jsx("tr", {
 				"data-adapttable-part": "loading-row",
-				children: columnKeys.map((column) => /* @__PURE__ */ jsx("td", {
+				children: columnKeys.map((column_0) => /* @__PURE__ */ jsx("td", {
 					"data-adapttable-part": "loading-cell",
 					children: /* @__PURE__ */ jsx("span", {
 						"data-adapttable-part": "loading-line",
-						style: { width: loadingLineWidth(column, columnCount) }
+						style: { width: loadingLineWidth(column_0, columnCount) }
 					})
-				}, column))
+				}, column_0))
 			}, row)) })]
 		}) : /* @__PURE__ */ jsx("div", {
 			"data-adapttable-part": "loading-cards",
-			children: rowKeys.map((row) => /* @__PURE__ */ jsx("div", {
+			children: rowKeys.map((row_0) => /* @__PURE__ */ jsx("div", {
 				"data-adapttable-part": "loading-card",
-				children: columnKeys.slice(0, Math.min(4, columnKeys.length)).map((column) => /* @__PURE__ */ jsx("span", {
+				children: columnKeys.slice(0, Math.min(4, columnKeys.length)).map((column_1) => /* @__PURE__ */ jsx("span", {
 					"data-adapttable-part": "loading-line",
-					style: { width: loadingLineWidth(column, columnKeys.length) }
-				}, column))
-			}, row))
-		}), /* @__PURE__ */ jsx("span", {
+					style: { width: loadingLineWidth(column_1, columnKeys.length) }
+				}, column_1))
+			}, row_0))
+		});
+		$[2] = classNames.loading;
+		$[3] = columnCount;
+		$[4] = rowKeys;
+		$[5] = variant;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+		$[9] = t6;
+		$[10] = t7;
+		$[11] = t8;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+		t5 = $[8];
+		t6 = $[9];
+		t7 = $[10];
+		t8 = $[11];
+	}
+	let t9;
+	if ($[14] !== labels.loading) {
+		t9 = /* @__PURE__ */ jsx("span", {
 			className: "adapttable-sr-only",
 			children: labels.loading
-		})]
-	});
+		});
+		$[14] = labels.loading;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== t3 || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			role: t3,
+			"aria-busy": t4,
+			"aria-live": t5,
+			"data-adapttable-part": t6,
+			className: t7,
+			children: [t8, t9]
+		});
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t8;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
+}
+function _temp3(__0, i_0) {
+	return i_0;
+}
+function _temp2(_, i) {
+	return i;
 }
 //#endregion
 //#region src/components/ColumnMenu.tsx
+/** Menu labels: the shared chrome contract plus the actions row's name. */
 /** The eye toggle shared by data-column rows and the actions row. */
-function VisibilityToggle({ hidden, name, labels, classNames, onToggle }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"data-adapttable-part": "column-menu-visibility",
-		"data-active": !hidden || void 0,
-		"aria-pressed": !hidden,
-		"aria-label": `${hidden ? labels.showColumn : labels.hideColumn}: ${name}`,
-		className: classNames.columnMenuVisibility,
-		onClick: onToggle,
-		children: /* @__PURE__ */ jsx(EyeIcon, { off: hidden })
-	});
+function VisibilityToggle(t0) {
+	const $ = c(9);
+	const { hidden, name, labels, classNames, onToggle } = t0;
+	const t1 = !hidden || void 0;
+	const t2 = !hidden;
+	const t3 = `${hidden ? labels.showColumn : labels.hideColumn}: ${name}`;
+	let t4;
+	if ($[0] !== hidden) {
+		t4 = /* @__PURE__ */ jsx(EyeIcon, { off: hidden });
+		$[0] = hidden;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] !== classNames.columnMenuVisibility || $[3] !== onToggle || $[4] !== t1 || $[5] !== t2 || $[6] !== t3 || $[7] !== t4) {
+		t5 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-adapttable-part": "column-menu-visibility",
+			"data-active": t1,
+			"aria-pressed": t2,
+			"aria-label": t3,
+			className: classNames.columnMenuVisibility,
+			onClick: onToggle,
+			children: t4
+		});
+		$[2] = classNames.columnMenuVisibility;
+		$[3] = onToggle;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	return t5;
 }
 /** The row's name caption, shared by data-column rows and the actions row. */
-function RowName({ hidden, name, classNames }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-adapttable-part": "column-menu-label",
-		"data-hidden": hidden || void 0,
-		className: classNames.columnMenuLabel,
-		children: name
-	});
+function RowName(t0) {
+	const $ = c(4);
+	const { hidden, name, classNames } = t0;
+	const t1 = hidden || void 0;
+	let t2;
+	if ($[0] !== classNames.columnMenuLabel || $[1] !== name || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			"data-adapttable-part": "column-menu-label",
+			"data-hidden": t1,
+			className: classNames.columnMenuLabel,
+			children: name
+		});
+		$[0] = classNames.columnMenuLabel;
+		$[1] = name;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 }
 /** The pin toggle shared by data-column rows and the actions row. */
-function PinToggle({ active, actionLabel, classNames, onClick }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"data-adapttable-part": "column-menu-pin",
-		"data-active": active || void 0,
-		"aria-pressed": active,
-		"aria-label": actionLabel,
-		className: classNames.columnMenuPin,
-		onClick,
-		children: /* @__PURE__ */ jsx(PinIcon, {})
-	});
+function PinToggle(t0) {
+	const $ = c(7);
+	const { active, actionLabel, classNames, onClick } = t0;
+	const t1 = active || void 0;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(PinIcon, {});
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== actionLabel || $[2] !== active || $[3] !== classNames.columnMenuPin || $[4] !== onClick || $[5] !== t1) {
+		t3 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-adapttable-part": "column-menu-pin",
+			"data-active": t1,
+			"aria-pressed": active,
+			"aria-label": actionLabel,
+			className: classNames.columnMenuPin,
+			onClick,
+			children: t2
+		});
+		$[1] = actionLabel;
+		$[2] = active;
+		$[3] = classNames.columnMenuPin;
+		$[4] = onClick;
+		$[5] = t1;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
 }
-function ColumnMenuRowItem({ row, layout, labels, classNames, drag }) {
+function ColumnMenuRowItem(t0) {
+	const $ = c(58);
+	const { row, layout, labels, classNames, drag } = t0;
 	const { key, name, hidden, pinned, index } = row;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-adapttable-part": "column-menu-item",
-		"data-hidden": hidden || void 0,
-		"data-pinned": pinned,
-		className: classNames.columnMenuItem,
-		style: { cursor: "grab" },
-		...drag.rowDragProps(key, index),
-		...drag.dropProps(index, layout.move),
-		...drag.rowAttrs(key, index),
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				"data-adapttable-part": "column-menu-grip",
-				className: classNames.columnMenuGrip,
-				...columnReorderKeyProps(key, index, layout.move, `${labels.moveLeft} / ${labels.moveRight}: ${name}`),
-				children: /* @__PURE__ */ jsx(GripIcon, {})
-			}),
-			/* @__PURE__ */ jsx(VisibilityToggle, {
-				hidden,
-				name,
-				labels,
-				classNames,
-				onToggle: () => layout.toggleVisible(key)
-			}),
-			/* @__PURE__ */ jsx(RowName, {
-				hidden,
-				name,
-				classNames
-			}),
-			/* @__PURE__ */ jsx(PinToggle, {
-				active: pinned !== void 0,
-				actionLabel: `${pinActionLabel(pinned, labels)}: ${name}`,
-				classNames,
-				onClick: () => layout.setPinned(key, nextPinSide(pinned))
-			})
-		]
-	});
+	const t1 = hidden || void 0;
+	const t2 = classNames.columnMenuItem;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = { cursor: "grab" };
+		$[0] = t3;
+	} else t3 = $[0];
+	let t4;
+	if ($[1] !== drag || $[2] !== index || $[3] !== key) {
+		t4 = drag.rowDragProps(key, index);
+		$[1] = drag;
+		$[2] = index;
+		$[3] = key;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== drag || $[6] !== index || $[7] !== layout.move) {
+		t5 = drag.dropProps(index, layout.move);
+		$[5] = drag;
+		$[6] = index;
+		$[7] = layout.move;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== drag || $[10] !== index || $[11] !== key) {
+		t6 = drag.rowAttrs(key, index);
+		$[9] = drag;
+		$[10] = index;
+		$[11] = key;
+		$[12] = t6;
+	} else t6 = $[12];
+	const t7 = classNames.columnMenuGrip;
+	const t8 = `${labels.moveStart} / ${labels.moveEnd}: ${name}`;
+	let t9;
+	if ($[13] !== index || $[14] !== key || $[15] !== layout.move || $[16] !== t8) {
+		t9 = columnReorderKeyProps(key, index, layout.move, t8);
+		$[13] = index;
+		$[14] = key;
+		$[15] = layout.move;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(GripIcon, {});
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== classNames.columnMenuGrip || $[20] !== t9) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			"data-adapttable-part": "column-menu-grip",
+			className: t7,
+			...t9,
+			children: t10
+		});
+		$[19] = classNames.columnMenuGrip;
+		$[20] = t9;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== key || $[23] !== layout) {
+		t12 = () => layout.toggleVisible(key);
+		$[22] = key;
+		$[23] = layout;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== classNames || $[26] !== hidden || $[27] !== labels || $[28] !== name || $[29] !== t12) {
+		t13 = /* @__PURE__ */ jsx(VisibilityToggle, {
+			hidden,
+			name,
+			labels,
+			classNames,
+			onToggle: t12
+		});
+		$[25] = classNames;
+		$[26] = hidden;
+		$[27] = labels;
+		$[28] = name;
+		$[29] = t12;
+		$[30] = t13;
+	} else t13 = $[30];
+	let t14;
+	if ($[31] !== classNames || $[32] !== hidden || $[33] !== name) {
+		t14 = /* @__PURE__ */ jsx(RowName, {
+			hidden,
+			name,
+			classNames
+		});
+		$[31] = classNames;
+		$[32] = hidden;
+		$[33] = name;
+		$[34] = t14;
+	} else t14 = $[34];
+	const t15 = pinned !== void 0;
+	let t16;
+	if ($[35] !== labels || $[36] !== pinned) {
+		t16 = pinActionLabel(pinned, labels);
+		$[35] = labels;
+		$[36] = pinned;
+		$[37] = t16;
+	} else t16 = $[37];
+	const t17 = `${t16}: ${name}`;
+	let t18;
+	if ($[38] !== key || $[39] !== layout || $[40] !== pinned) {
+		t18 = () => layout.setPinned(key, nextPinSide(pinned));
+		$[38] = key;
+		$[39] = layout;
+		$[40] = pinned;
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] !== classNames || $[43] !== t15 || $[44] !== t17 || $[45] !== t18) {
+		t19 = /* @__PURE__ */ jsx(PinToggle, {
+			active: t15,
+			actionLabel: t17,
+			classNames,
+			onClick: t18
+		});
+		$[42] = classNames;
+		$[43] = t15;
+		$[44] = t17;
+		$[45] = t18;
+		$[46] = t19;
+	} else t19 = $[46];
+	let t20;
+	if ($[47] !== classNames.columnMenuItem || $[48] !== pinned || $[49] !== t1 || $[50] !== t11 || $[51] !== t13 || $[52] !== t14 || $[53] !== t19 || $[54] !== t4 || $[55] !== t5 || $[56] !== t6) {
+		t20 = /* @__PURE__ */ jsxs("div", {
+			"data-adapttable-part": "column-menu-item",
+			"data-hidden": t1,
+			"data-pinned": pinned,
+			className: t2,
+			style: t3,
+			...t4,
+			...t5,
+			...t6,
+			children: [
+				t11,
+				t13,
+				t14,
+				t19
+			]
+		});
+		$[47] = classNames.columnMenuItem;
+		$[48] = pinned;
+		$[49] = t1;
+		$[50] = t11;
+		$[51] = t13;
+		$[52] = t14;
+		$[53] = t19;
+		$[54] = t4;
+		$[55] = t5;
+		$[56] = t6;
+		$[57] = t20;
+	} else t20 = $[57];
+	return t20;
 }
 /**
 * The injected row-actions column as a first-class menu row: the same eye
 * toggle as a data column plus a ONE-CLICK end-pin toggle (right ↔ unpinned).
 * The column always trails, so there is no left pin and no reorder grip.
 */
-function ActionsMenuRowItem({ layout, labels, classNames }) {
-	const hidden = layout.isHidden(ACTIONS_COLUMN_KEY);
+function ActionsMenuRowItem(t0) {
+	const $ = c(29);
+	const { layout, labels, classNames } = 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] !== void 0;
 	const name = labels.actions;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-adapttable-part": "column-menu-item",
-		"data-actions": "",
-		"data-hidden": hidden || void 0,
-		"data-pinned": pinned ? "right" : void 0,
-		className: classNames.columnMenuItem,
-		children: [
-			/* @__PURE__ */ jsx(VisibilityToggle, {
-				hidden,
-				name,
-				labels,
-				classNames,
-				onToggle: () => layout.toggleVisible(ACTIONS_COLUMN_KEY)
-			}),
-			/* @__PURE__ */ jsx(RowName, {
-				hidden,
-				name,
-				classNames
-			}),
-			/* @__PURE__ */ jsx(PinToggle, {
-				active: pinned,
-				actionLabel: `${pinned ? labels.unpin : labels.pinRight}: ${name}`,
-				classNames,
-				onClick: () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "right")
-			})
-		]
-	});
+	const t2 = hidden || void 0;
+	const t3 = pinned ? "end" : void 0;
+	let t4;
+	if ($[2] !== layout) {
+		t4 = () => layout.toggleVisible(ACTIONS_COLUMN_KEY);
+		$[2] = layout;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== classNames || $[5] !== hidden || $[6] !== labels || $[7] !== name || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx(VisibilityToggle, {
+			hidden,
+			name,
+			labels,
+			classNames,
+			onToggle: t4
+		});
+		$[4] = classNames;
+		$[5] = hidden;
+		$[6] = labels;
+		$[7] = name;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== classNames || $[11] !== hidden || $[12] !== name) {
+		t6 = /* @__PURE__ */ jsx(RowName, {
+			hidden,
+			name,
+			classNames
+		});
+		$[10] = classNames;
+		$[11] = hidden;
+		$[12] = name;
+		$[13] = t6;
+	} else t6 = $[13];
+	const t7 = `${pinned ? labels.unpin : labels.pinEnd}: ${name}`;
+	let t8;
+	if ($[14] !== layout || $[15] !== pinned) {
+		t8 = () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "end");
+		$[14] = layout;
+		$[15] = pinned;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== classNames || $[18] !== pinned || $[19] !== t7 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsx(PinToggle, {
+			active: pinned,
+			actionLabel: t7,
+			classNames,
+			onClick: t8
+		});
+		$[17] = classNames;
+		$[18] = pinned;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== classNames.columnMenuItem || $[23] !== t2 || $[24] !== t3 || $[25] !== t5 || $[26] !== t6 || $[27] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			"data-adapttable-part": "column-menu-item",
+			"data-actions": "",
+			"data-hidden": t2,
+			"data-pinned": t3,
+			className: classNames.columnMenuItem,
+			children: [
+				t5,
+				t6,
+				t9
+			]
+		});
+		$[22] = classNames.columnMenuItem;
+		$[23] = t2;
+		$[24] = t3;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t9;
+		$[28] = t10;
+	} else t10 = $[28];
+	return t10;
 }
 /**
 * Column-management popover: a disclosure button + a panel where each column
@@ -959,29 +2136,56 @@ function ActionsMenuRowItem({ layout, labels, classNames }) {
 * Closes on outside-click or Escape. Ships no styles — target the
 * `data-adapttable-part` hooks or the `columnMenu*` className slots.
 */
-function ColumnMenu({ allColumns, layout, labels, classNames, hasRowActions }) {
+function ColumnMenu(t0) {
+	const $ = c(24);
+	const { allColumns, layout, labels, classNames, hasRowActions } = t0;
 	const drag = useColumnDragState();
 	const { open, setOpen, rootRef, triggerRef } = useMenuPopover();
-	return /* @__PURE__ */ jsxs("div", {
-		ref: rootRef,
-		"data-adapttable-part": "column-menu",
-		className: classNames.columnMenu,
-		style: { position: "relative" },
-		children: [/* @__PURE__ */ jsx("button", {
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { position: "relative" };
+		$[0] = t1;
+	} else t1 = $[0];
+	const t2 = open || void 0;
+	let t3;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			flexShrink: 0,
+			whiteSpace: "nowrap"
+		};
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== setOpen) {
+		t4 = () => setOpen(_temp);
+		$[2] = setOpen;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== classNames.columnMenuButton || $[5] !== labels.columns || $[6] !== open || $[7] !== t2 || $[8] !== t4 || $[9] !== triggerRef) {
+		t5 = /* @__PURE__ */ jsx("button", {
 			ref: triggerRef,
 			type: "button",
 			"aria-expanded": open,
 			"aria-haspopup": "true",
 			"data-adapttable-part": "column-menu-button",
-			"data-active": open || void 0,
+			"data-active": t2,
 			className: classNames.columnMenuButton,
-			style: {
-				flexShrink: 0,
-				whiteSpace: "nowrap"
-			},
-			onClick: () => setOpen((v) => !v),
+			style: t3,
+			onClick: t4,
 			children: labels.columns
-		}), open && /* @__PURE__ */ jsxs("fieldset", {
+		});
+		$[4] = classNames.columnMenuButton;
+		$[5] = labels.columns;
+		$[6] = open;
+		$[7] = t2;
+		$[8] = t4;
+		$[9] = triggerRef;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== allColumns || $[12] !== classNames || $[13] !== drag || $[14] !== hasRowActions || $[15] !== labels || $[16] !== layout || $[17] !== open) {
+		t6 = open && /* @__PURE__ */ jsxs("fieldset", {
 			"aria-label": labels.columns,
 			"data-adapttable-part": "column-menu-panel",
 			className: classNames.columnMenuPanel,
@@ -1019,8 +2223,35 @@ function ColumnMenu({ allColumns, layout, labels, classNames, hasRowActions }) {
 					children: labels.resetColumns
 				})
 			]
-		})]
-	});
+		});
+		$[11] = allColumns;
+		$[12] = classNames;
+		$[13] = drag;
+		$[14] = hasRowActions;
+		$[15] = labels;
+		$[16] = layout;
+		$[17] = open;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== classNames.columnMenu || $[20] !== rootRef || $[21] !== t5 || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			ref: rootRef,
+			"data-adapttable-part": "column-menu",
+			className: classNames.columnMenu,
+			style: t1,
+			children: [t5, t6]
+		});
+		$[19] = classNames.columnMenu;
+		$[20] = rootRef;
+		$[21] = t5;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t7;
+}
+function _temp(v) {
+	return !v;
 }
 //#endregion
 //#region src/components/tables.tsx
@@ -1052,75 +2283,173 @@ function scrollBoxStyle(maxHeight, scrollX) {
 	};
 	return scrollX ? { overflowX: "auto" } : void 0;
 }
-function RowActionButtons({ row, actions, confirm, cancelLabel, classNames }) {
-	return /* @__PURE__ */ jsx(Fragment, { 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);
-		const handleClick = disabled ? void 0 : (e) => {
-			e.stopPropagation();
-			runRowAction(action, row, confirm, cancelLabel);
-		};
-		return /* @__PURE__ */ jsx("button", {
-			type: "button",
-			disabled,
-			title: reason,
-			"aria-label": action.label,
-			"data-adapttable-part": "action-button",
-			"data-color": action.color,
-			className: classNames.actionButton,
-			onClick: handleClick,
-			children: action.icon ?? action.label
-		}, action.key);
-	}) });
+function RowActionButtons(t0) {
+	const $ = c(13);
+	const { row, actions, confirm, cancelLabel, classNames } = t0;
+	let t1;
+	if ($[0] !== actions || $[1] !== cancelLabel || $[2] !== classNames || $[3] !== confirm || $[4] !== row) {
+		let t2;
+		if ($[6] !== cancelLabel || $[7] !== classNames || $[8] !== confirm || $[9] !== row) {
+			t2 = (action) => {
+				if (action.isHidden?.(row)) return null;
+				const reason = resolveDisabledReason(action.disabledReason?.(row));
+				const disabled = reason !== void 0 || (action.isDisabled?.(row) ?? false);
+				const handleClick = disabled ? void 0 : (e) => {
+					e.stopPropagation();
+					runRowAction(action, row, confirm, cancelLabel);
+				};
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled,
+					title: reason,
+					"aria-label": action.label,
+					"data-adapttable-part": "action-button",
+					"data-color": action.color,
+					className: classNames.actionButton,
+					onClick: handleClick,
+					children: action.icon ?? action.label
+				}, action.key);
+			};
+			$[6] = cancelLabel;
+			$[7] = classNames;
+			$[8] = confirm;
+			$[9] = row;
+			$[10] = t2;
+		} else t2 = $[10];
+		t1 = actions.map(t2);
+		$[0] = actions;
+		$[1] = cancelLabel;
+		$[2] = classNames;
+		$[3] = confirm;
+		$[4] = row;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[11] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Fragment, { children: t1 });
+		$[11] = t1;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
 }
 /**
 * The expand/collapse chevron, shared by desktop rows and mobile cards. The
 * `data-expanded` attribute is the styling hook for rotating the glyph
 * (`rowClickProps`' interactive-child guard keeps the click off the row).
 */
-function ExpandButton({ expanded, labels, classNames, onToggle }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"data-adapttable-part": "expand-button",
-		"data-expanded": expanded ? "" : void 0,
-		className: classNames.expandButton,
-		"aria-expanded": expanded,
-		"aria-label": expanded ? labels.collapseRow : labels.expandRow,
-		onClick: onToggle,
-		children: /* @__PURE__ */ jsx(ChevronIcon, { size: 14 })
-	});
+function ExpandButton(t0) {
+	const $ = c(7);
+	const { expanded, labels, classNames, onToggle } = t0;
+	const t1 = expanded ? "" : void 0;
+	const t2 = expanded ? labels.collapseRow : labels.expandRow;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(ChevronIcon, { size: 14 });
+		$[0] = t3;
+	} else t3 = $[0];
+	let t4;
+	if ($[1] !== classNames.expandButton || $[2] !== expanded || $[3] !== onToggle || $[4] !== t1 || $[5] !== t2) {
+		t4 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-adapttable-part": "expand-button",
+			"data-expanded": t1,
+			className: classNames.expandButton,
+			"aria-expanded": expanded,
+			"aria-label": t2,
+			onClick: onToggle,
+			children: t3
+		});
+		$[1] = classNames.expandButton;
+		$[2] = expanded;
+		$[3] = onToggle;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
 }
 /**
+* Props for the memoized desktop row. The comparator below checks ONLY the
+* visual inputs (row data, selected/expanded state, column + width + class
+* identities, the pin signature); everything else — `table`, the latest-ref
+* callback wrappers, `confirm`, `pinOffset`, `measureElement` — is either
+* stable or only consulted when one of the compared inputs re-renders the
+* row, so a fresh identity there must not (and does not) defeat the memo.
+*/
+/**
 * `React.memo` comparator: re-render a row only when one of its VISUAL
 * inputs changes. A search keystroke or another row's checkbox re-renders
 * the table shell, but every unchanged row bails out here (accessors and
 * Cell render-props are not re-invoked).
 */
 function desktopRowPropsEqual(prev, next) {
-	return prev.row === next.row && prev.index === next.index && prev.id === next.id && prev.selected === next.selected && prev.expanded === next.expanded && prev.columns === next.columns && prev.labels === next.labels && prev.classNames === next.classNames && prev.showActions === next.showActions && prev.rowActions === next.rowActions && prev.columnSpan === next.columnSpan && prev.columnWidths === next.columnWidths && prev.pinSignature === next.pinSignature && prev.hasLeftPin === next.hasLeftPin && prev.hasRightPin === next.hasRightPin && prev.actionsPinned === next.actionsPinned && prev.rowClass === next.rowClass && prev.clickable === next.clickable && prev.hasPrefetch === next.hasPrefetch;
+	return prev.row === next.row && prev.index === next.index && prev.id === next.id && prev.selected === next.selected && prev.expanded === next.expanded && prev.columns === next.columns && prev.labels === next.labels && prev.classNames === next.classNames && prev.showActions === next.showActions && prev.rowActions === next.rowActions && prev.columnSpan === next.columnSpan && prev.columnWidths === next.columnWidths && prev.pinSignature === next.pinSignature && prev.hasStartPin === next.hasStartPin && prev.hasEndPin === next.hasEndPin && prev.actionsPinned === next.actionsPinned && prev.rowClass === next.rowClass && prev.clickable === next.clickable && prev.hasPrefetch === next.hasPrefetch;
 }
 function DesktopRowBase(props) {
-	const { row, index, id, table, columns, labels, classNames, selected, expanded, showActions, rowActions, confirm, columnSpan, pinOffset, hasLeftPin, hasRightPin, actionsPinned, rowClass, clickable, hasPrefetch, onRowClick, onPrefetch, onToggleSelect, onToggleExpand, renderDetail, measureElement } = props;
+	const $ = c(98);
+	const { row, index, id, table, columns, labels, classNames, selected, expanded, showActions, rowActions, confirm, columnSpan, pinOffset, hasStartPin, hasEndPin, actionsPinned, rowClass, clickable, hasPrefetch, onRowClick, onPrefetch, onToggleSelect, onToggleExpand, renderDetail, measureElement } = props;
 	const expandable = expanded !== void 0;
-	const leads = {
-		left: selected === void 0 ? 0 : SELECTION_WIDTH,
-		right: showActions ? ACTIONS_WIDTH : 0
-	};
-	const bodyPinStyle = (key) => pinnedCellStyle(pinOffset?.(key), PIN_Z.body, leads);
-	const rowProps = { ...table.getRowProps(row, index) };
-	delete rowProps.key;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("tr", {
-		...rowProps,
-		...rowClickProps(row, clickable ? onRowClick : void 0),
-		ref: measureElement,
-		"data-adapttable-part": "row",
-		"data-selected": selected ? "" : void 0,
-		"data-clickable": clickable ? "" : void 0,
-		className: cx(classNames.row, rowClass),
-		onMouseEnter: hasPrefetch ? () => onPrefetch(row) : void 0,
-		children: [
-			expandable && /* @__PURE__ */ jsx("td", {
+	const t0 = selected === void 0 ? 0 : SELECTION_WIDTH;
+	const t1 = showActions ? ACTIONS_WIDTH : 0;
+	let t10;
+	let t11;
+	let t12;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== classNames || $[1] !== clickable || $[2] !== columns || $[3] !== expandable || $[4] !== expanded || $[5] !== hasPrefetch || $[6] !== hasStartPin || $[7] !== id || $[8] !== index || $[9] !== labels || $[10] !== measureElement || $[11] !== onPrefetch || $[12] !== onRowClick || $[13] !== onToggleExpand || $[14] !== onToggleSelect || $[15] !== pinOffset || $[16] !== row || $[17] !== rowClass || $[18] !== selected || $[19] !== t0 || $[20] !== t1 || $[21] !== table) {
+		const leads = {
+			start: t0,
+			end: t1
+		};
+		const bodyPinStyle = (key) => pinnedCellStyle(pinOffset?.(key), PIN_Z.body, leads);
+		let t13;
+		if ($[33] !== index || $[34] !== row || $[35] !== table) {
+			t13 = table.getRowProps(row, index);
+			$[33] = index;
+			$[34] = row;
+			$[35] = table;
+			$[36] = t13;
+		} else t13 = $[36];
+		let rowProps;
+		if ($[37] !== t13) {
+			rowProps = { ...t13 };
+			delete rowProps.key;
+			$[37] = t13;
+			$[38] = rowProps;
+		} else rowProps = $[38];
+		t2 = rowProps;
+		const t14 = clickable ? onRowClick : void 0;
+		if ($[39] !== row || $[40] !== t14) {
+			t3 = rowClickProps(row, t14);
+			$[39] = row;
+			$[40] = t14;
+			$[41] = t3;
+		} else t3 = $[41];
+		t4 = measureElement;
+		t5 = "row";
+		t6 = selected ? "" : void 0;
+		t7 = clickable ? "" : void 0;
+		if ($[42] !== classNames.row || $[43] !== rowClass) {
+			t8 = cx(classNames.row, rowClass);
+			$[42] = classNames.row;
+			$[43] = rowClass;
+			$[44] = t8;
+		} else t8 = $[44];
+		if ($[45] !== hasPrefetch || $[46] !== onPrefetch || $[47] !== row) {
+			t9 = hasPrefetch ? () => onPrefetch(row) : void 0;
+			$[45] = hasPrefetch;
+			$[46] = onPrefetch;
+			$[47] = row;
+			$[48] = t9;
+		} else t9 = $[48];
+		if ($[49] !== classNames || $[50] !== expandable || $[51] !== expanded || $[52] !== id || $[53] !== labels || $[54] !== onToggleExpand) {
+			t10 = expandable && /* @__PURE__ */ jsx("td", {
 				"data-adapttable-part": "expand-cell",
 				className: classNames.expandCell,
 				children: /* @__PURE__ */ jsx(ExpandButton, {
@@ -1129,11 +2458,20 @@ function DesktopRowBase(props) {
 					classNames,
 					onToggle: () => onToggleExpand(id)
 				})
-			}),
-			selected !== void 0 && /* @__PURE__ */ jsx("td", {
+			});
+			$[49] = classNames;
+			$[50] = expandable;
+			$[51] = expanded;
+			$[52] = id;
+			$[53] = labels;
+			$[54] = onToggleExpand;
+			$[55] = t10;
+		} else t10 = $[55];
+		if ($[56] !== classNames.cell || $[57] !== classNames.checkbox || $[58] !== classNames.selectionCell || $[59] !== hasStartPin || $[60] !== id || $[61] !== labels || $[62] !== onToggleSelect || $[63] !== selected) {
+			t11 = selected !== void 0 && /* @__PURE__ */ jsx("td", {
 				"data-adapttable-part": "selection-cell",
-				"data-pinned": hasLeftPin ? "left" : void 0,
-				style: edgePinStyle("left", hasLeftPin, PIN_Z.body),
+				"data-pinned": hasStartPin ? "start" : void 0,
+				style: edgePinStyle("start", hasStartPin, PIN_Z.body),
 				className: cx(classNames.cell, classNames.selectionCell),
 				children: /* @__PURE__ */ jsx("input", {
 					type: "checkbox",
@@ -1142,44 +2480,162 @@ function DesktopRowBase(props) {
 					onChange: () => onToggleSelect(id),
 					className: classNames.checkbox
 				})
-			}),
-			columns.map((column) => {
-				const pinStyle = bodyPinStyle(column.key);
-				return /* @__PURE__ */ jsx("td", {
-					...table.getCellProps(column, pinStyle && { style: pinStyle }),
-					"data-adapttable-part": "cell",
-					"data-pinned": pinOffset?.(column.key)?.side,
-					className: classNames.cell,
-					children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
-						row,
-						rowIndex: index
-					}) : column.accessor?.(row)
-				}, column.key);
-			}),
-			showActions && /* @__PURE__ */ jsx("td", {
-				"data-adapttable-part": "actions-cell",
-				"data-pinned": hasRightPin || actionsPinned ? "right" : void 0,
-				style: edgePinStyle("right", hasRightPin || actionsPinned, PIN_Z.body),
-				className: cx(classNames.cell, classNames.actionsCell),
-				children: /* @__PURE__ */ jsx(RowActionButtons, {
+			});
+			$[56] = classNames.cell;
+			$[57] = classNames.checkbox;
+			$[58] = classNames.selectionCell;
+			$[59] = hasStartPin;
+			$[60] = id;
+			$[61] = labels;
+			$[62] = onToggleSelect;
+			$[63] = selected;
+			$[64] = t11;
+		} else t11 = $[64];
+		t12 = columns.map((column) => {
+			const pinStyle = bodyPinStyle(column.key);
+			return /* @__PURE__ */ jsx("td", {
+				...table.getCellProps(column, pinStyle && { style: pinStyle }),
+				"data-adapttable-part": "cell",
+				"data-pinned": pinOffset?.(column.key)?.side,
+				className: classNames.cell,
+				children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
 					row,
-					actions: rowActions,
-					confirm,
-					cancelLabel: labels.cancel,
-					classNames
-				})
+					rowIndex: index
+				}) : column.accessor?.(row)
+			}, column.key);
+		});
+		$[0] = classNames;
+		$[1] = clickable;
+		$[2] = columns;
+		$[3] = expandable;
+		$[4] = expanded;
+		$[5] = hasPrefetch;
+		$[6] = hasStartPin;
+		$[7] = id;
+		$[8] = index;
+		$[9] = labels;
+		$[10] = measureElement;
+		$[11] = onPrefetch;
+		$[12] = onRowClick;
+		$[13] = onToggleExpand;
+		$[14] = onToggleSelect;
+		$[15] = pinOffset;
+		$[16] = row;
+		$[17] = rowClass;
+		$[18] = selected;
+		$[19] = t0;
+		$[20] = t1;
+		$[21] = table;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t12;
+		$[25] = t2;
+		$[26] = t3;
+		$[27] = t4;
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else {
+		t10 = $[22];
+		t11 = $[23];
+		t12 = $[24];
+		t2 = $[25];
+		t3 = $[26];
+		t4 = $[27];
+		t5 = $[28];
+		t6 = $[29];
+		t7 = $[30];
+		t8 = $[31];
+		t9 = $[32];
+	}
+	let t13;
+	if ($[65] !== actionsPinned || $[66] !== classNames || $[67] !== confirm || $[68] !== hasEndPin || $[69] !== labels || $[70] !== row || $[71] !== rowActions || $[72] !== showActions) {
+		t13 = showActions && /* @__PURE__ */ jsx("td", {
+			"data-adapttable-part": "actions-cell",
+			"data-pinned": hasEndPin || actionsPinned ? "end" : void 0,
+			style: edgePinStyle("end", hasEndPin || actionsPinned, PIN_Z.body),
+			className: cx(classNames.cell, classNames.actionsCell),
+			children: /* @__PURE__ */ jsx(RowActionButtons, {
+				row,
+				actions: rowActions,
+				confirm,
+				cancelLabel: labels.cancel,
+				classNames
 			})
-		]
-	}), expandable && expanded && /* @__PURE__ */ jsx("tr", {
-		"data-adapttable-part": "detail-row",
-		className: classNames.detailRow,
-		children: /* @__PURE__ */ jsx("td", {
-			colSpan: columnSpan,
-			"data-adapttable-part": "detail-cell",
-			className: classNames.detailCell,
-			children: renderDetail(row)
-		})
-	})] });
+		});
+		$[65] = actionsPinned;
+		$[66] = classNames;
+		$[67] = confirm;
+		$[68] = hasEndPin;
+		$[69] = labels;
+		$[70] = row;
+		$[71] = rowActions;
+		$[72] = showActions;
+		$[73] = t13;
+	} else t13 = $[73];
+	let t14;
+	if ($[74] !== t10 || $[75] !== t11 || $[76] !== t12 || $[77] !== t13 || $[78] !== t2 || $[79] !== t3 || $[80] !== t4 || $[81] !== t5 || $[82] !== t6 || $[83] !== t7 || $[84] !== t8 || $[85] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("tr", {
+			...t2,
+			...t3,
+			ref: t4,
+			"data-adapttable-part": t5,
+			"data-selected": t6,
+			"data-clickable": t7,
+			className: t8,
+			onMouseEnter: t9,
+			children: [
+				t10,
+				t11,
+				t12,
+				t13
+			]
+		});
+		$[74] = t10;
+		$[75] = t11;
+		$[76] = t12;
+		$[77] = t13;
+		$[78] = t2;
+		$[79] = t3;
+		$[80] = t4;
+		$[81] = t5;
+		$[82] = t6;
+		$[83] = t7;
+		$[84] = t8;
+		$[85] = t9;
+		$[86] = t14;
+	} else t14 = $[86];
+	let t15;
+	if ($[87] !== classNames.detailCell || $[88] !== classNames.detailRow || $[89] !== columnSpan || $[90] !== expandable || $[91] !== expanded || $[92] !== renderDetail || $[93] !== row) {
+		t15 = expandable && expanded && /* @__PURE__ */ jsx("tr", {
+			"data-adapttable-part": "detail-row",
+			className: classNames.detailRow,
+			children: /* @__PURE__ */ jsx("td", {
+				colSpan: columnSpan,
+				"data-adapttable-part": "detail-cell",
+				className: classNames.detailCell,
+				children: renderDetail(row)
+			})
+		});
+		$[87] = classNames.detailCell;
+		$[88] = classNames.detailRow;
+		$[89] = columnSpan;
+		$[90] = expandable;
+		$[91] = expanded;
+		$[92] = renderDetail;
+		$[93] = row;
+		$[94] = t15;
+	} else t15 = $[94];
+	let t16;
+	if ($[95] !== t14 || $[96] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Fragment, { children: [t14, t15] });
+		$[95] = t14;
+		$[96] = t15;
+		$[97] = t16;
+	} else t16 = $[97];
+	return t16;
 }
 /**
 * One memoized row component per `DesktopTable` instantiation. A factory
@@ -1219,10 +2675,10 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 		renderRowDetail
 	};
 	const onToggleSelect = useCallback((id) => live.current.selection?.toggle(id), []);
-	const onToggleExpand = useCallback((id) => live.current.expansion?.toggle(id), []);
+	const onToggleExpand = useCallback((id_0) => live.current.expansion?.toggle(id_0), []);
 	const handleRowClick = useCallback((row) => live.current.onRowClick?.(row), []);
-	const handlePrefetch = useCallback((row) => live.current.prefetch?.(row), []);
-	const renderDetail = useCallback((row) => live.current.renderRowDetail?.(row), []);
+	const handlePrefetch = useCallback((row_0) => live.current.prefetch?.(row_0), []);
+	const renderDetail = useCallback((row_1) => live.current.renderRowDetail?.(row_1), []);
 	const Row = useMemo(() => createDesktopRow(), []);
 	const { ref: overflowRef, overflowing } = useHorizontalOverflow();
 	const hasPinned = columns.some((c) => pinOffset?.(c.key) != null) || stickActions;
@@ -1233,24 +2689,24 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 	} : void 0;
 	const stickyAttr = stickyHeader || void 0;
 	const leads = {
-		left: selection ? SELECTION_WIDTH : 0,
-		right: showActions ? ACTIONS_WIDTH : 0
+		start: selection ? SELECTION_WIDTH : 0,
+		end: showActions ? ACTIONS_WIDTH : 0
 	};
-	const hasLeftPin = columns.some((c) => pinOffset?.(c.key)?.side === "left");
-	const hasRightPin = columns.some((c) => pinOffset?.(c.key)?.side === "right");
-	const pinSignature = columns.map((c) => {
-		const pin = pinOffset?.(c.key);
-		return pin ? `${c.key}:${pin.side}:${pin.inset}` : "";
+	const hasStartPin = columns.some((c_0) => pinOffset?.(c_0.key)?.side === "start");
+	const hasEndPin = columns.some((c_1) => pinOffset?.(c_1.key)?.side === "end");
+	const pinSignature = columns.map((c_2) => {
+		const pin = pinOffset?.(c_2.key);
+		return pin ? `${c_2.key}:${pin.side}:${pin.inset}` : "";
 	}).join("|");
 	const headPinStyle = (key) => pinnedCellStyle(pinOffset?.(key), PIN_Z.headerPinned, leads);
 	const headStyle = (column) => {
-		const key = column.key;
-		const pin = headPinStyle(key);
-		const width = pin ? pinnedColumnWidth(column, columnWidths) : columnWidths?.[key];
-		if (!stickyStyle && !pin && width == null && !setWidth) return void 0;
+		const key_0 = column.key;
+		const pin_0 = headPinStyle(key_0);
+		const width = pin_0 ? pinnedColumnWidth(column, columnWidths) : columnWidths?.[key_0];
+		if (!stickyStyle && !pin_0 && width == null && !setWidth) return void 0;
 		const merged = {
 			...stickyStyle,
-			...pin,
+			...pin_0,
 			...width != null && { width }
 		};
 		if (setWidth && !merged.position) merged.position = "relative";
@@ -1264,7 +2720,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 			...edge
 		};
 	};
-	const columnName = (column) => typeof column.header === "string" ? column.header : column.key;
+	const columnName = (column_0) => typeof column_0.header === "string" ? column_0.header : column_0.key;
 	const minWidth = tableMinWidth(columns, {
 		widths: columnWidths,
 		extra: (selection ? SELECTION_WIDTH : 0) + (showActions ? ACTIONS_WIDTH : 0)
@@ -1317,8 +2773,8 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 						selection && /* @__PURE__ */ jsx("th", {
 							"data-adapttable-part": "selection-header",
 							"data-sticky": stickyAttr,
-							"data-pinned": hasLeftPin ? "left" : void 0,
-							style: edgeHeadStyle("left", hasLeftPin),
+							"data-pinned": hasStartPin ? "start" : void 0,
+							style: edgeHeadStyle("start", hasStartPin),
 							className: cx(classNames.headerCell, classNames.selectionCell),
 							children: /* @__PURE__ */ jsx("input", {
 								type: "checkbox",
@@ -1331,25 +2787,25 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 								className: classNames.checkbox
 							})
 						}),
-						columns.map((column) => {
-							const localStyle = headStyle(column);
-							const headerProps = table.getHeaderCellProps(column, localStyle && { style: localStyle });
-							const active = table.sortBy === column.key;
-							const sortButtonProps = table.getSortButtonProps(column);
+						columns.map((column_1) => {
+							const localStyle = headStyle(column_1);
+							const headerProps = table.getHeaderCellProps(column_1, localStyle && { style: localStyle });
+							const active_0 = table.sortBy === column_1.key;
+							const sortButtonProps = table.getSortButtonProps(column_1);
 							const sortIndex = sortButtonProps["data-sort-index"];
 							return /* @__PURE__ */ jsxs("th", {
 								...headerProps,
 								"data-adapttable-part": "header-cell",
-								"data-sorted": active ? table.sortDir : void 0,
+								"data-sorted": active_0 ? table.sortDir : void 0,
 								"data-sticky": stickyAttr,
-								"data-pinned": pinOffset?.(column.key)?.side,
+								"data-pinned": pinOffset?.(column_1.key)?.side,
 								className: classNames.headerCell,
-								children: [column.sortable ? /* @__PURE__ */ jsxs("button", {
+								children: [column_1.sortable ? /* @__PURE__ */ jsxs("button", {
 									...sortButtonProps,
 									"data-adapttable-part": "sort-button",
 									className: classNames.sortButton,
 									children: [
-										column.header,
+										column_1.header,
 										typeof sortIndex === "number" && /* @__PURE__ */ jsx("span", {
 											"data-adapttable-part": "sort-index",
 											className: classNames.sortIndex,
@@ -1357,22 +2813,22 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 										}),
 										/* @__PURE__ */ jsxs("span", {
 											"aria-hidden": true,
-											children: [" ", sortGlyph(active, table.sortDir)]
+											children: [" ", sortGlyph(active_0, table.sortDir)]
 										})
 									]
-								}) : column.header, setWidth && /* @__PURE__ */ jsx("span", {
-									...columnResizeHandleProps(column.key, setWidth, `${resizeLabel}: ${columnName(column)}`),
+								}) : column_1.header, setWidth && /* @__PURE__ */ jsx("span", {
+									...columnResizeHandleProps(column_1.key, setWidth, `${resizeLabel}: ${columnName(column_1)}`),
 									"data-adapttable-part": "resize-handle",
 									className: classNames.resizeHandle,
 									style: RESIZE_HANDLE_STYLE
 								})]
-							}, column.key);
+							}, column_1.key);
 						}),
 						showActions && /* @__PURE__ */ jsx("th", {
 							"data-adapttable-part": "actions-header",
 							"data-sticky": stickyAttr,
-							"data-pinned": hasRightPin || stickActions ? "right" : void 0,
-							style: edgeHeadStyle("right", hasRightPin || stickActions),
+							"data-pinned": hasEndPin || stickActions ? "end" : void 0,
+							style: edgeHeadStyle("end", hasEndPin || stickActions),
 							className: cx(classNames.headerCell, classNames.actionsCell),
 							children: labels.actions
 						})
@@ -1390,18 +2846,18 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 							padding: 0
 						}
 					}) }),
-					entries.map(({ row, index, key }) => {
-						const id = getRowId(row);
+					entries.map(({ row: row_2, index, key: key_1 }) => {
+						const id_1 = getRowId(row_2);
 						return /* @__PURE__ */ jsx(Row, {
-							row,
+							row: row_2,
 							index,
-							id,
+							id: id_1,
 							table,
 							columns,
 							labels,
 							classNames,
-							selected: selection ? selection.isSelected(id) : void 0,
-							expanded: expansionState ? expansionState.isExpanded(id) : void 0,
+							selected: selection ? selection.isSelected(id_1) : void 0,
+							expanded: expansionState ? expansionState.isExpanded(id_1) : void 0,
 							showActions,
 							rowActions,
 							confirm,
@@ -1409,10 +2865,10 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 							columnWidths,
 							pinOffset,
 							pinSignature,
-							hasLeftPin,
-							hasRightPin,
+							hasStartPin,
+							hasEndPin,
 							actionsPinned: stickActions,
-							rowClass: rowClassName?.(row, index),
+							rowClass: rowClassName?.(row_2, index),
 							clickable: Boolean(onRowClick),
 							hasPrefetch: Boolean(prefetch),
 							onRowClick: handleRowClick,
@@ -1421,7 +2877,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 							onToggleExpand,
 							renderDetail,
 							measureElement
-						}, key);
+						}, key_1);
 					}),
 					paddingBottom > 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
 						colSpan: columnSpan,
@@ -1441,11 +2897,11 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 					children: [
 						expandable && summaryPad,
 						selection && summaryPad,
-						columns.map((column) => /* @__PURE__ */ jsx("td", {
+						columns.map((column_2) => /* @__PURE__ */ jsx("td", {
 							"data-adapttable-part": "summary-cell",
 							className: classNames.summaryCell,
-							children: summary[column.key]
-						}, column.key)),
+							children: summary[column_2.key]
+						}, column_2.key)),
 						showActions && summaryPad
 					]
 				})
@@ -1463,110 +2919,210 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 	});
 }
 /** Mobile card-list rendering. */
-function MobileCards({ table, rows, rowActions, confirm, getRowId, classNames, onRowClick, rowClassName, renderRowDetail, summaryRow, expansion, rowEntries, paddingTop = 0, paddingBottom = 0, measureElement }) {
+function MobileCards(t0) {
+	const $ = c(50);
+	const { table, rows, rowActions, confirm, getRowId, classNames, 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 expansionState = renderRowDetail ? expansion : void 0;
-	const summary = summaryRow?.(rows);
-	return /* @__PURE__ */ jsxs("ul", {
-		...table.getTableProps({ role: void 0 }),
-		"data-adapttable-part": "cards",
-		className: classNames.cards,
-		style: {
-			listStyle: "none",
-			margin: 0,
-			padding: 0
-		},
-		children: [
-			paddingTop > 0 && /* @__PURE__ */ jsx("li", {
+	let summary;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	if ($[0] !== classNames || $[1] !== columns || $[2] !== confirm || $[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] !== summaryRow || $[16] !== table) {
+		const entries = resolveVirtualRows(rows, getRowId, rowEntries);
+		const expansionState = renderRowDetail ? expansion : void 0;
+		let t9;
+		if ($[24] !== rows || $[25] !== summaryRow) {
+			t9 = summaryRow?.(rows);
+			$[24] = rows;
+			$[25] = summaryRow;
+			$[26] = t9;
+		} else t9 = $[26];
+		summary = t9;
+		if ($[27] !== table) {
+			t3 = table.getTableProps({ role: void 0 });
+			$[27] = table;
+			$[28] = t3;
+		} else t3 = $[28];
+		t4 = "cards";
+		t5 = classNames.cards;
+		if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+			t6 = {
+				listStyle: "none",
+				margin: 0,
+				padding: 0
+			};
+			$[29] = t6;
+		} else t6 = $[29];
+		if ($[30] !== paddingTop) {
+			t7 = paddingTop > 0 && /* @__PURE__ */ jsx("li", {
 				"aria-hidden": true,
 				"data-adapttable-part": "virtual-spacer",
 				style: { height: paddingTop }
-			}),
-			entries.map(({ row, index, key }) => {
-				const id = getRowId(row);
-				const expanded = expansionState?.isExpanded(id) ?? false;
-				return /* @__PURE__ */ jsxs("li", {
-					...rowClickProps(row, onRowClick),
-					ref: measureElement,
-					"data-index": index,
-					"data-adapttable-part": "card",
-					"data-selected": selection?.isSelected(id) ? "" : void 0,
-					"data-clickable": onRowClick ? "" : void 0,
-					className: cx(classNames.card, rowClassName?.(row, index)),
-					children: [
-						selection && /* @__PURE__ */ jsx("input", {
-							type: "checkbox",
-							"aria-label": labels.selectRow,
-							checked: selection.isSelected(id),
-							onChange: () => selection.toggle(id),
-							className: classNames.checkbox
-						}),
-						expansionState && /* @__PURE__ */ jsx(ExpandButton, {
-							expanded,
-							labels,
-							classNames,
-							onToggle: () => expansionState.toggle(id)
-						}),
-						columns.map((column) => /* @__PURE__ */ jsxs("div", {
-							"data-adapttable-part": "card-row",
-							className: classNames.cardRow,
-							children: [/* @__PURE__ */ jsx("span", {
-								"data-adapttable-part": "card-label",
-								className: classNames.cardLabel,
-								children: cardLabel(column)
-							}), /* @__PURE__ */ jsx("span", {
-								"data-adapttable-part": "card-value",
-								className: classNames.cardValue,
-								children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
-									row,
-									rowIndex: index
-								}) : column.accessor?.(row)
-							})]
-						}, column.key)),
-						rowActions && rowActions.length > 0 && /* @__PURE__ */ jsx("div", {
-							"data-adapttable-part": "card-actions",
-							className: classNames.actionsCell,
-							children: /* @__PURE__ */ jsx(RowActionButtons, {
+			});
+			$[30] = paddingTop;
+			$[31] = t7;
+		} else t7 = $[31];
+		t8 = entries.map((t10) => {
+			const { row, index, key } = t10;
+			const id = getRowId(row);
+			const expanded = expansionState?.isExpanded(id) ?? false;
+			return /* @__PURE__ */ jsxs("li", {
+				...rowClickProps(row, onRowClick),
+				ref: measureElement,
+				"data-index": index,
+				"data-adapttable-part": "card",
+				"data-selected": selection?.isSelected(id) ? "" : void 0,
+				"data-clickable": onRowClick ? "" : void 0,
+				className: cx(classNames.card, rowClassName?.(row, index)),
+				children: [
+					selection && /* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						"aria-label": labels.selectRow,
+						checked: selection.isSelected(id),
+						onChange: () => selection.toggle(id),
+						className: classNames.checkbox
+					}),
+					expansionState && /* @__PURE__ */ jsx(ExpandButton, {
+						expanded,
+						labels,
+						classNames,
+						onToggle: () => expansionState.toggle(id)
+					}),
+					columns.map((column) => /* @__PURE__ */ jsxs("div", {
+						"data-adapttable-part": "card-row",
+						className: classNames.cardRow,
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-adapttable-part": "card-label",
+							className: classNames.cardLabel,
+							children: cardLabel(column)
+						}), /* @__PURE__ */ jsx("span", {
+							"data-adapttable-part": "card-value",
+							className: classNames.cardValue,
+							children: column.Cell ? /* @__PURE__ */ jsx(column.Cell, {
 								row,
-								actions: rowActions,
-								confirm,
-								cancelLabel: labels.cancel,
-								classNames
-							})
-						}),
-						expanded && /* @__PURE__ */ jsx("div", {
-							"data-adapttable-part": "card-detail",
-							className: classNames.cardDetail,
-							children: renderRowDetail(row)
+								rowIndex: index
+							}) : column.accessor?.(row)
+						})]
+					}, column.key)),
+					rowActions && rowActions.length > 0 && /* @__PURE__ */ jsx("div", {
+						"data-adapttable-part": "card-actions",
+						className: classNames.actionsCell,
+						children: /* @__PURE__ */ jsx(RowActionButtons, {
+							row,
+							actions: rowActions,
+							confirm,
+							cancelLabel: labels.cancel,
+							classNames
 						})
-					]
-				}, key);
-			}),
-			paddingBottom > 0 && /* @__PURE__ */ jsx("li", {
-				"aria-hidden": true,
-				"data-adapttable-part": "virtual-spacer",
-				style: { height: paddingBottom }
-			}),
-			summary && /* @__PURE__ */ jsx("li", {
-				"data-adapttable-part": "summary-card",
-				className: classNames.summaryCard,
-				children: columns.filter((column) => summary[column.key] !== void 0).map((column) => /* @__PURE__ */ jsxs("div", {
-					"data-adapttable-part": "card-row",
-					className: classNames.cardRow,
-					children: [/* @__PURE__ */ jsx("span", {
-						"data-adapttable-part": "card-label",
-						className: classNames.cardLabel,
-						children: cardLabel(column)
-					}), /* @__PURE__ */ jsx("span", {
-						"data-adapttable-part": "card-value",
-						className: classNames.cardValue,
-						children: summary[column.key]
-					})]
-				}, column.key))
-			})
-		]
-	});
+					}),
+					expanded && /* @__PURE__ */ jsx("div", {
+						"data-adapttable-part": "card-detail",
+						className: classNames.cardDetail,
+						children: renderRowDetail(row)
+					})
+				]
+			}, key);
+		});
+		$[0] = classNames;
+		$[1] = columns;
+		$[2] = confirm;
+		$[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] = summaryRow;
+		$[16] = table;
+		$[17] = summary;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+		$[23] = t8;
+	} else {
+		summary = $[17];
+		t3 = $[18];
+		t4 = $[19];
+		t5 = $[20];
+		t6 = $[21];
+		t7 = $[22];
+		t8 = $[23];
+	}
+	let t9;
+	if ($[32] !== paddingBottom) {
+		t9 = paddingBottom > 0 && /* @__PURE__ */ jsx("li", {
+			"aria-hidden": true,
+			"data-adapttable-part": "virtual-spacer",
+			style: { height: paddingBottom }
+		});
+		$[32] = paddingBottom;
+		$[33] = t9;
+	} else t9 = $[33];
+	let t10;
+	if ($[34] !== classNames.cardLabel || $[35] !== classNames.cardRow || $[36] !== classNames.cardValue || $[37] !== classNames.summaryCard || $[38] !== columns || $[39] !== summary) {
+		t10 = summary && /* @__PURE__ */ jsx("li", {
+			"data-adapttable-part": "summary-card",
+			className: classNames.summaryCard,
+			children: columns.filter((column_0) => summary[column_0.key] !== void 0).map((column_1) => /* @__PURE__ */ jsxs("div", {
+				"data-adapttable-part": "card-row",
+				className: classNames.cardRow,
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-adapttable-part": "card-label",
+					className: classNames.cardLabel,
+					children: cardLabel(column_1)
+				}), /* @__PURE__ */ jsx("span", {
+					"data-adapttable-part": "card-value",
+					className: classNames.cardValue,
+					children: summary[column_1.key]
+				})]
+			}, column_1.key))
+		});
+		$[34] = classNames.cardLabel;
+		$[35] = classNames.cardRow;
+		$[36] = classNames.cardValue;
+		$[37] = classNames.summaryCard;
+		$[38] = columns;
+		$[39] = summary;
+		$[40] = t10;
+	} else t10 = $[40];
+	let t11;
+	if ($[41] !== t10 || $[42] !== t3 || $[43] !== t4 || $[44] !== t5 || $[45] !== t6 || $[46] !== t7 || $[47] !== t8 || $[48] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("ul", {
+			...t3,
+			"data-adapttable-part": t4,
+			className: t5,
+			style: t6,
+			children: [
+				t7,
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[41] = t10;
+		$[42] = t3;
+		$[43] = t4;
+		$[44] = t5;
+		$[45] = t6;
+		$[46] = t7;
+		$[47] = t8;
+		$[48] = t9;
+		$[49] = t11;
+	} else t11 = $[49];
+	return t11;
 }
 function sortGlyph(active, dir) {
 	if (!active) return "↕";
@@ -1578,58 +3134,139 @@ function cardLabel(column) {
 //#endregion
 //#region src/DataTable.tsx
 const NO_CLASSNAMES = {};
-function DataTableBody({ chrome, props, classNames, confirm, getRowId, virtualization, virtualScrollRef, labels }) {
+/**
+* `DataTableProps` after tier resolution: the source is definite (whichever
+* tier provided it) and `filters` is plain JSX (the auto-built form when the
+* caller passed the declarative array).
+*/
+function DataTableBody(t0) {
+	const $ = c(48);
+	const { chrome, props, classNames, confirm, getRowId, virtualization, virtualScrollRef, labels } = t0;
 	const rowActions = chrome.columnLayout.isHidden(ACTIONS_COLUMN_KEY) ? void 0 : props.rowActions;
 	const actionsPinned = (rowActions?.length ?? 0) > 0 && chrome.columnLayout.state.pinned[ACTIONS_COLUMN_KEY] !== void 0;
-	if (chrome.body === "skeleton") return /* @__PURE__ */ jsx(Fragment, { children: props.slots?.skeleton ?? props.loadingState ?? /* @__PURE__ */ jsx(LoadingState, {
-		rows: props.skeletonRows ?? props.source.limit,
-		columns: chrome.table.columns.length,
-		variant: chrome.isMobile ? "cards" : "table",
-		labels,
-		classNames,
-		hasActions: (rowActions?.length ?? 0) > 0
-	}) });
+	if (chrome.body === "skeleton") {
+		let t1;
+		if ($[0] !== chrome.isMobile || $[1] !== chrome.table || $[2] !== classNames || $[3] !== labels || $[4] !== props.loadingState || $[5] !== props.skeletonRows || $[6] !== props.slots?.skeleton || $[7] !== props.source || $[8] !== rowActions?.length) {
+			t1 = props.slots?.skeleton ?? props.loadingState ?? /* @__PURE__ */ jsx(LoadingState, {
+				rows: props.skeletonRows ?? props.source.limit,
+				columns: chrome.table.columns.length,
+				variant: chrome.isMobile ? "cards" : "table",
+				labels,
+				classNames,
+				hasActions: (rowActions?.length ?? 0) > 0
+			});
+			$[0] = chrome.isMobile;
+			$[1] = chrome.table;
+			$[2] = classNames;
+			$[3] = labels;
+			$[4] = props.loadingState;
+			$[5] = props.skeletonRows;
+			$[6] = props.slots?.skeleton;
+			$[7] = props.source;
+			$[8] = rowActions?.length;
+			$[9] = t1;
+		} else t1 = $[9];
+		let t2;
+		if ($[10] !== t1) {
+			t2 = /* @__PURE__ */ jsx(Fragment, { children: t1 });
+			$[10] = t1;
+			$[11] = t2;
+		} else t2 = $[11];
+		return t2;
+	}
 	if (chrome.body === "empty") {
 		const noResults = chrome.emptyVariant === "noResults";
-		return /* @__PURE__ */ jsx(Fragment, { children: props.slots?.empty ?? props.emptyState ?? /* @__PURE__ */ jsxs("output", {
-			"data-adapttable-part": "empty",
-			className: classNames.empty,
-			children: [noResults ? labels.noResults : labels.noData, noResults && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"data-adapttable-part": "empty-clear",
-				className: classNames.emptyClear,
-				onClick: chrome.clearFilters,
-				children: labels.clearAll
-			})]
-		}) });
+		let t1;
+		if ($[12] !== chrome.clearFilters || $[13] !== classNames || $[14] !== labels || $[15] !== noResults || $[16] !== props.emptyState || $[17] !== props.slots?.empty) {
+			t1 = props.slots?.empty ?? props.emptyState ?? /* @__PURE__ */ jsxs("output", {
+				"data-adapttable-part": "empty",
+				className: classNames.empty,
+				children: [noResults ? labels.noResults : labels.noData, noResults && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"data-adapttable-part": "empty-clear",
+					className: classNames.emptyClear,
+					onClick: chrome.clearFilters,
+					children: labels.clearAll
+				})]
+			});
+			$[12] = chrome.clearFilters;
+			$[13] = classNames;
+			$[14] = labels;
+			$[15] = noResults;
+			$[16] = props.emptyState;
+			$[17] = props.slots?.empty;
+			$[18] = t1;
+		} else t1 = $[18];
+		let t2;
+		if ($[19] !== t1) {
+			t2 = /* @__PURE__ */ jsx(Fragment, { children: t1 });
+			$[19] = t1;
+			$[20] = t2;
+		} else t2 = $[20];
+		return t2;
 	}
-	return /* @__PURE__ */ jsx(chrome.isMobile ? MobileCards : DesktopTable, {
-		table: chrome.table,
-		rows: props.source.rows,
-		rowActions,
-		actionsPinned,
-		confirm,
-		getRowId,
-		classNames,
-		prefetch: props.prefetch,
-		onRowClick: props.onRowClick,
-		rowClassName: props.rowClassName,
-		renderRowDetail: props.renderRowDetail,
-		summaryRow: props.summaryRow,
-		expansion: chrome.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: chrome.columnLayout.pinOffset,
-		maxHeight: props.maxHeight,
-		virtualScrollRef,
-		setWidth: props.resizableColumns ? chrome.columnLayout.setWidth : void 0,
-		columnWidths: chrome.columnLayout.state.widths,
-		resizeLabel: labels.resizeColumn
-	});
+	const Renderer = chrome.isMobile ? MobileCards : DesktopTable;
+	const t1 = chrome.detail?.expansion;
+	const t2 = virtualization.enabled ? virtualization.rows : void 0;
+	const t3 = props.resizableColumns ? chrome.columnLayout.setWidth : void 0;
+	let t4;
+	if ($[21] !== Renderer || $[22] !== actionsPinned || $[23] !== chrome.columnLayout.pinOffset || $[24] !== chrome.columnLayout.state.widths || $[25] !== chrome.table || $[26] !== classNames || $[27] !== confirm || $[28] !== getRowId || $[29] !== labels.resizeColumn || $[30] !== props.maxHeight || $[31] !== props.onRowClick || $[32] !== props.prefetch || $[33] !== props.renderRowDetail || $[34] !== props.rowClassName || $[35] !== props.source.rows || $[36] !== props.stickyHeader || $[37] !== props.stickyTop || $[38] !== props.summaryRow || $[39] !== rowActions || $[40] !== t1 || $[41] !== t2 || $[42] !== t3 || $[43] !== virtualScrollRef || $[44] !== virtualization.measureElement || $[45] !== virtualization.paddingBottom || $[46] !== virtualization.paddingTop) {
+		t4 = /* @__PURE__ */ jsx(Renderer, {
+			table: chrome.table,
+			rows: props.source.rows,
+			rowActions,
+			actionsPinned,
+			confirm,
+			getRowId,
+			classNames,
+			prefetch: props.prefetch,
+			onRowClick: props.onRowClick,
+			rowClassName: props.rowClassName,
+			renderRowDetail: props.renderRowDetail,
+			summaryRow: props.summaryRow,
+			expansion: t1,
+			rowEntries: t2,
+			paddingTop: virtualization.paddingTop,
+			paddingBottom: virtualization.paddingBottom,
+			measureElement: virtualization.measureElement,
+			stickyHeader: props.stickyHeader,
+			stickyTop: props.stickyTop,
+			pinOffset: chrome.columnLayout.pinOffset,
+			maxHeight: props.maxHeight,
+			virtualScrollRef,
+			setWidth: t3,
+			columnWidths: chrome.columnLayout.state.widths,
+			resizeLabel: labels.resizeColumn
+		});
+		$[21] = Renderer;
+		$[22] = actionsPinned;
+		$[23] = chrome.columnLayout.pinOffset;
+		$[24] = chrome.columnLayout.state.widths;
+		$[25] = chrome.table;
+		$[26] = classNames;
+		$[27] = confirm;
+		$[28] = getRowId;
+		$[29] = labels.resizeColumn;
+		$[30] = props.maxHeight;
+		$[31] = props.onRowClick;
+		$[32] = props.prefetch;
+		$[33] = props.renderRowDetail;
+		$[34] = props.rowClassName;
+		$[35] = props.source.rows;
+		$[36] = props.stickyHeader;
+		$[37] = props.stickyTop;
+		$[38] = props.summaryRow;
+		$[39] = rowActions;
+		$[40] = t1;
+		$[41] = t2;
+		$[42] = t3;
+		$[43] = virtualScrollRef;
+		$[44] = virtualization.measureElement;
+		$[45] = virtualization.paddingBottom;
+		$[46] = virtualization.paddingTop;
+		$[47] = t4;
+	} else t4 = $[47];
+	return t4;
 }
 /**
 * Headless, unstyled AdaptTable for Tailwind / shadcn / custom CSS. Renders