npm - @adapttable/unstyled - Versions diffs - 0.2.0 → 0.2.2 - Mend

@adapttable/unstyled 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react_compiler_runtime = require("react-compiler-runtime");
 let _adapttable_core = require("@adapttable/core");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -16,126 +17,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__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-		"data-adapttable-part": FIELD_PART,
-		className: classNames.filterField,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+function GroupField(t0) {
+	const $ = (0, react_compiler_runtime.c)(7);
+	const { caption, classNames, children } = t0;
+	let t1;
+	if ($[0] !== caption || $[1] !== classNames.filterLabel) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("label", {
-		"data-adapttable-part": FIELD_PART,
-		className: classNames.filterField,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				"data-adapttable-part": LABEL_PART,
-				className: classNames.filterLabel,
-				children: (0, _adapttable_core.filterLabel)(def)
-			}),
-			" ",
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BagInput, {
-				source,
-				stateKey: def.key,
-				type: "text",
-				placeholder: def.placeholder,
-				classNames
-			})
-		]
-	});
+function TextField(t0) {
+	const $ = (0, react_compiler_runtime.c)(14);
+	const { def, source, classNames } = t0;
+	const t1 = classNames.filterField;
+	const t2 = classNames.filterLabel;
+	let t3;
+	if ($[0] !== def) {
+		t3 = (0, _adapttable_core.filterLabel)(def);
+		$[0] = def;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== classNames.filterLabel || $[3] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.c)(22);
+	const { def, source, classNames } = t0;
 	const { options, loading } = (0, _adapttable_core.useFilterOptions)(def);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		"data-adapttable-part": FIELD_PART,
-		className: classNames.filterField,
+	const t1 = classNames.filterField;
+	const t2 = classNames.filterLabel;
+	let t3;
+	if ($[0] !== def) {
+		t3 = (0, _adapttable_core.filterLabel)(def);
+		$[0] = def;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== classNames.filterLabel || $[3] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("option", {
+			value: "",
+			disabled: true,
+			children: "…"
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("option", {
+		value: option.value,
+		children: option.label
+	}, option.value);
+}
+function MultiSelectField(t0) {
+	const $ = (0, react_compiler_runtime.c)(10);
+	const { def, source, classNames } = t0;
+	const selected = selectedValues(source.extra[def.key]);
+	const { options, loading } = (0, _adapttable_core.useFilterOptions)(def);
+	const T0 = GroupField;
+	let t1;
+	if ($[0] !== def) {
+		t1 = (0, _adapttable_core.filterLabel)(def);
+		$[0] = def;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = "filter-checkbox-group";
+	const t3 = loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-adapttable-part": "filter-options-loading",
+		className: classNames.filterOptionsLoading,
+		children: "…"
+	}) : options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		"data-adapttable-part": "filter-checkbox",
+		className: classNames.filterCheckbox,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				"data-adapttable-part": LABEL_PART,
-				className: classNames.filterLabel,
-				children: (0, _adapttable_core.filterLabel)(def)
+			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: "",
-					disabled: true,
-					children: "…"
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: "",
-					children: "All"
-				}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.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 } = (0, _adapttable_core.useFilterOptions)(def);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupField, {
-		caption: (0, _adapttable_core.filterLabel)(def),
-		classNames,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			"data-adapttable-part": "filter-checkbox-group",
+	}, option.value));
+	let t4;
+	if ($[2] !== classNames.filterCheckboxGroup || $[3] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-adapttable-part": t2,
 			className: classNames.filterCheckboxGroup,
-			children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				"data-adapttable-part": "filter-options-loading",
-				className: classNames.filterOptionsLoading,
-				children: "…"
-			}) : options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-				"data-adapttable-part": "filter-checkbox",
-				className: classNames.filterCheckbox,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("input", {
-		type,
-		style: {
+function RangeValueInput(t0) {
+	const $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.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
@@ -143,105 +332,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 $ = (0, react_compiler_runtime.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] = (0, react.useState)(() => (0, _adapttable_core.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((0, _adapttable_core.writeRangeWidget)(nextOp, nextA, nextB, lowKey, highKey));
+	let t1;
+	if ($[0] !== highKey || $[1] !== lowKey || $[2] !== source.extra) {
+		t1 = () => (0, _adapttable_core.readRangeWidget)(source.extra, lowKey, highKey).op;
+		$[0] = highKey;
+		$[1] = lowKey;
+		$[2] = source.extra;
+		$[3] = t1;
+	} else t1 = $[3];
+	const [op, setOp] = (0, react.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((0, _adapttable_core.writeRangeWidget)(nextOp, nextA, nextB, lowKey, highKey));
+		$[8] = highKey;
+		$[9] = lowKey;
+		$[10] = source;
+		$[11] = t6;
+	} else t6 = $[11];
+	const write = t6;
 	const opLabelKeys = _adapttable_core.RANGE_OP_LABEL_KEYS[inputType];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupField, {
-		caption: (0, _adapttable_core.filterLabel)(def),
-		classNames,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			style: {
-				display: "flex",
-				flexWrap: "wrap",
-				gap: 8
-			},
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.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 = _adapttable_core.RANGE_OPS.find((o) => o === e.currentTarget.value);
-						setOp(next);
-						write(next, a, b);
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-						value: "",
-						children: labels.operator
-					}), _adapttable_core.RANGE_OPS.map((o) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-						value: o,
-						children: labels[opLabelKeys[o]]
-					}, o))]
-				}),
-				op === "between" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeValueInput, {
-					type: inputType,
-					label: labels.from,
-					value: a,
-					onValue: (next) => write(op, next, b),
-					classNames
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeValueInput, {
-					type: inputType,
-					label: labels.to,
-					value: b,
-					onValue: (next) => write(op, a, next),
-					classNames
-				})] }),
-				op !== void 0 && op !== "between" && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(TextField, {
-			def,
-			source,
-			classNames
+	let t7;
+	if ($[12] !== def) {
+		t7 = (0, _adapttable_core.filterLabel)(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 = _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)("option", {
+			value: "",
+			children: labels.operator
 		});
-		case "select": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-			def,
-			source,
-			classNames
+		$[20] = labels.operator;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== labels || $[23] !== opLabelKeys) {
+		t15 = _adapttable_core.RANGE_OPS.map((o_0) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeValueInput, {
+			type: inputType,
+			label: labels.from,
+			value: a,
+			onValue: (next_0) => write(op, next_0, b),
+			classNames
+		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(RangeValueInput, {
+			type: inputType,
+			label: labels.value,
+			value: a,
+			onValue: (next_2) => write(op, next_2, ""),
 			classNames
 		});
-		case "dateRange": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeField, {
-			def,
-			source,
-			classNames,
-			inputType: "date",
-			suffixes: _adapttable_core.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: t8,
+			children: [
+				t16,
+				t17,
+				t18
+			]
 		});
-		case "numberRange": return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(GroupField, {
+			caption: t7,
 			classNames,
-			inputType: "number",
-			suffixes: _adapttable_core.RANGE_SUFFIXES.numberRange,
-			labels
+			children: t19
 		});
+		$[52] = classNames;
+		$[53] = t19;
+		$[54] = t7;
+		$[55] = t20;
+	} else t20 = $[55];
+	return t20;
+}
+function FilterField(t0) {
+	const $ = (0, react_compiler_runtime.c)(22);
+	const { def, source, classNames, labels } = t0;
+	switch (def.type) {
+		case "text": {
+			let t1;
+			if ($[0] !== classNames || $[1] !== def || $[2] !== source) {
+				t1 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(RangeField, {
+					def,
+					source,
+					classNames,
+					inputType: "date",
+					suffixes: _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)(RangeField, {
+					def,
+					source,
+					classNames,
+					inputType: "number",
+					suffixes: _adapttable_core.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"
@@ -252,14 +620,52 @@ function FilterField({ def, source, classNames, labels }) {
 *
 * @typeParam TRow - The row type.
 */
-function AutoFilterForm({ defs, source, classNames = {}, labels }) {
-	const resolvedLabels = (0, _adapttable_core.resolveLabels)(labels);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: defs.map((def) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterField, {
-		def,
-		source,
-		classNames,
-		labels: resolvedLabels
-	}, def.key)) });
+function AutoFilterForm(t0) {
+	const $ = (0, react_compiler_runtime.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 = (0, _adapttable_core.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t4 });
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
 }
 //#endregion
 //#region src/cx.ts
@@ -275,6 +681,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 = (0, react.useRef)(null);
@@ -366,6 +773,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
@@ -385,8 +793,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();
 		};
@@ -442,45 +850,104 @@ function FilterPopover({ open, onClose, filters, activeFilterCount, onClearFilte
 }
 //#endregion
 //#region src/components/icons.tsx
-function Svg({ size = 16, className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Svg, {
-	...p,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-		cx: "11",
-		cy: "11",
-		r: "7"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m21 21-4.3-4.3" })]
-});
+const SearchIcon = (p) => {
+	const $ = (0, react_compiler_runtime.c)(4);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "11",
+			cy: "11",
+			r: "7"
+		});
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(Svg, {
-	...p,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4h18l-7 8v6l-4 2v-8L3 4Z" })
-});
+const FiltersIcon = (p) => {
+	const $ = (0, react_compiler_runtime.c)(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4h18l-7 8v6l-4 2v-8L3 4Z" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== p) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(Svg, {
-	...p,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m9 6 6 6-6 6" })
-});
+const ChevronIcon = (p) => {
+	const $ = (0, react_compiler_runtime.c)(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m9 6 6 6-6 6" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== p) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Svg, {
+			...p,
+			children: t0
+		});
+		$[1] = p;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 //#endregion
 //#region src/components/menuPopover.ts
 /**
@@ -497,41 +964,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 $ = (0, react_compiler_runtime.c)(5);
 	const [open, setOpen] = (0, react.useState)(false);
 	const rootRef = (0, react.useRef)(null);
 	const triggerRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		if (!open) return;
-		const onDown = (event) => {
-			if (!rootRef.current?.contains(event.target)) setOpen(false);
-		};
-		const onKey = (event) => {
-			if (event.key !== "Escape") return;
-			setOpen(false);
-			triggerRef.current?.focus();
+	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);
+			};
 		};
-		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];
+	}
+	(0, react.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
@@ -539,30 +1027,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 $ = (0, react_compiler_runtime.c)(34);
+	const { options, labels, classNames } = t0;
 	const { views, save, apply, remove } = (0, _adapttable_core.useSavedViews)(options);
 	const { open, setOpen, rootRef, triggerRef } = useMenuPopover();
 	const [name, setName] = (0, react.useState)("");
-	const trimmed = name.trim();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: rootRef,
-		"data-adapttable-part": "views-menu",
-		style: { position: "relative" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-adapttable-part": "views-panel",
 			className: classNames.viewsPanel,
 			style: MENU_PANEL_STYLE,
@@ -616,63 +1138,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__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.c)(21);
+	const { chips, onClearAll, labels, classNames } = t0;
 	if (chips.length === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
-		"aria-label": labels.filters,
-		"data-adapttable-part": "chips",
-		className: classNames.chips,
-		children: [chips.map((chip) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-			"data-adapttable-part": "chip",
-			className: classNames.chip,
-			children: [chip.label, /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("li", {
+				"data-adapttable-part": "chip",
+				className: classNames.chip,
+				children: [chip.label, /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("li", {
 			"data-adapttable-part": "chip",
 			className: classNames.chip,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.c)(42);
+	const { selection, total, bulkActions, confirm, labels, classNames } = t0;
 	const { selectedIds, selectedCount, clear, headerState, visibleIds, allMatching, selectAllMatching } = selection;
-	const { pending, run } = (0, _adapttable_core.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 } = (0, _adapttable_core.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-adapttable-part": "bulk-bar",
-		className: classNames.bulkBar,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.selectedCount(selectedCount) }),
-			showBanner && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-adapttable-part": "select-all-banner",
 				className: classNames.selectAllBanner,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -686,108 +1310,310 @@ function BulkBar({ selection, total, bulkActions, confirm, labels, classNames })
 					onClick: allMatching ? clear : selectAllMatching,
 					children: allMatching ? labels.clearAll : labels.selectAllMatching(total)
 				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				onClick: clear,
-				disabled: pending !== null,
+				disabled: t7,
 				children: labels.clearAll
-			}),
-			bulkActions.map((action) => {
-				const reason = (0, _adapttable_core.resolveDisabledReason)(action.disabledReason?.(ids));
-				return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"data-adapttable-part": "bulk-bar",
+			className: t3,
+			children: [
+				t5,
+				t6,
+				t8,
+				bulkActions.map((action) => {
+					const reason = (0, _adapttable_core.resolveDisabledReason)(action.disabledReason?.(ids));
+					return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
-		labels.rowsPerPage,
-		" ",
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-			"aria-label": labels.rowsPerPage,
+function RowsPerPageSelect(t0) {
+	const $ = (0, react_compiler_runtime.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 = (0, _adapttable_core.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__ */ (0, react_jsx_runtime.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: (0, _adapttable_core.pageSizeOptions)(source.limit).map((n) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("option", {
+		value: n,
+		children: n
+	}, n);
+}
+function Footer(t0) {
+	const $ = (0, react_compiler_runtime.c)(38);
+	const { pagination, source, labels, classNames } = t0;
 	const { safePage, totalPages, fromIndex, toIndex } = pagination;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-adapttable-part": "footer",
-		className: classNames.footer,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowsPerPageSelect, {
-				source,
-				labels,
-				classNames
-			}),
-			source.total > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.showing({
-				from: fromIndex,
-				to: toIndex,
-				total: source.total
-			}) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.pageOf({
-				page: safePage,
-				total: totalPages
-			}) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				"aria-label": labels.nextPage,
-				"data-adapttable-part": "page-next",
-				className: classNames.pageButton,
-				disabled: safePage >= totalPages,
-				onClick: () => source.setPage(safePage + 1),
-				children: "›"
-			})
-		]
-	});
+	const t1 = classNames.footer;
+	let t2;
+	if ($[0] !== classNames || $[1] !== labels || $[2] !== source) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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];
+	let t4;
+	if ($[9] !== labels || $[10] !== safePage || $[11] !== totalPages) {
+		t4 = labels.pageOf({
+			page: safePage,
+			total: totalPages
+		});
+		$[9] = labels;
+		$[10] = safePage;
+		$[11] = totalPages;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t4 });
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	const t6 = safePage <= 1;
+	let t7;
+	if ($[15] !== safePage || $[16] !== source) {
+		t7 = () => source.setPage(safePage - 1);
+		$[15] = safePage;
+		$[16] = source;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== classNames.pageButton || $[19] !== labels.previousPage || $[20] !== t6 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-label": labels.previousPage,
+			"data-adapttable-part": "page-prev",
+			className: classNames.pageButton,
+			disabled: t6,
+			onClick: t7,
+			children: "‹"
+		});
+		$[18] = classNames.pageButton;
+		$[19] = labels.previousPage;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	const t9 = safePage >= totalPages;
+	let t10;
+	if ($[23] !== safePage || $[24] !== source) {
+		t10 = () => source.setPage(safePage + 1);
+		$[23] = safePage;
+		$[24] = source;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== classNames.pageButton || $[27] !== labels.nextPage || $[28] !== t10 || $[29] !== t9) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-label": labels.nextPage,
+			"data-adapttable-part": "page-next",
+			className: classNames.pageButton,
+			disabled: t9,
+			onClick: t10,
+			children: "›"
+		});
+		$[26] = classNames.pageButton;
+		$[27] = labels.nextPage;
+		$[28] = t10;
+		$[29] = t9;
+		$[30] = t11;
+	} else t11 = $[30];
+	let t12;
+	if ($[31] !== classNames.footer || $[32] !== t11 || $[33] !== t2 || $[34] !== t3 || $[35] !== t5 || $[36] !== t8) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"data-adapttable-part": "footer",
+			className: t1,
+			children: [
+				t2,
+				t3,
+				t5,
+				t8,
+				t11
+			]
+		});
+		$[31] = classNames.footer;
+		$[32] = t11;
+		$[33] = t2;
+		$[34] = t3;
+		$[35] = t5;
+		$[36] = t8;
+		$[37] = t12;
+	} else t12 = $[37];
+	return t12;
 }
 /** Inline error with optional retry. */
-function ErrorState({ error, labels, onRetry, classNames }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		role: "alert",
-		"data-adapttable-part": "error",
-		className: classNames.error,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: labels.errorTitle }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: labels.errorMessage }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: error.message }),
-			onRetry && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				onClick: onRetry,
-				"data-adapttable-part": "retry",
-				className: classNames.retryButton,
-				children: labels.retry
-			})
-		]
-	});
+function ErrorState(t0) {
+	const $ = (0, react_compiler_runtime.c)(16);
+	const { error, labels, onRetry, classNames } = t0;
+	let t1;
+	if ($[0] !== labels.errorTitle) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: labels.errorTitle });
+		$[0] = labels.errorTitle;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== labels.errorMessage) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: labels.errorMessage });
+		$[2] = labels.errorMessage;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== error.message) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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%";
@@ -795,17 +1621,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 $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		role: "status",
-		"aria-busy": "true",
-		"aria-live": "polite",
-		"data-adapttable-part": "loading",
-		className: cx(classNames.loading),
-		children: [variant === "table" ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("table", {
 			"data-adapttable-part": "loading-table",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
 				"data-adapttable-part": "loading-header-row",
@@ -818,141 +1663,426 @@ function LoadingState({ rows, columns, variant, labels, classNames, hasActions =
 				}, column))
 			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: rowKeys.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
 				"data-adapttable-part": "loading-row",
-				children: columnKeys.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				children: columnKeys.map((column_0) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 					"data-adapttable-part": "loading-cell",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						"data-adapttable-part": "loading-line",
-						style: { width: loadingLineWidth(column, columnCount) }
+						style: { width: loadingLineWidth(column_0, columnCount) }
 					})
-				}, column))
+				}, column_0))
 			}, row)) })]
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-adapttable-part": "loading-cards",
-			children: rowKeys.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			children: rowKeys.map((row_0) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				"data-adapttable-part": "loading-card",
-				children: columnKeys.slice(0, Math.min(4, columnKeys.length)).map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: columnKeys.slice(0, Math.min(4, columnKeys.length)).map((column_1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					"data-adapttable-part": "loading-line",
-					style: { width: loadingLineWidth(column, columnKeys.length) }
-				}, column))
-			}, row))
-		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_adapttable_core.EyeIcon, { off: hidden })
-	});
+function VisibilityToggle(t0) {
+	const $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.jsx)(_adapttable_core.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", {
-		"data-adapttable-part": "column-menu-label",
-		"data-hidden": hidden || void 0,
-		className: classNames.columnMenuLabel,
-		children: name
-	});
+function RowName(t0) {
+	const $ = (0, react_compiler_runtime.c)(4);
+	const { hidden, name, classNames } = t0;
+	const t1 = hidden || void 0;
+	let t2;
+	if ($[0] !== classNames.columnMenuLabel || $[1] !== name || $[2] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_adapttable_core.PinIcon, {})
-	});
+function PinToggle(t0) {
+	const $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.jsx)(_adapttable_core.PinIcon, {});
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== actionLabel || $[2] !== active || $[3] !== classNames.columnMenuPin || $[4] !== onClick || $[5] !== t1) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.c)(58);
+	const { row, layout, labels, classNames, drag } = t0;
 	const { key, name, hidden, pinned, index } = row;
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", {
-				"data-adapttable-part": "column-menu-grip",
-				className: classNames.columnMenuGrip,
-				...(0, _adapttable_core.columnReorderKeyProps)(key, index, layout.move, `${labels.moveLeft} / ${labels.moveRight}: ${name}`),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_adapttable_core.GripIcon, {})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisibilityToggle, {
-				hidden,
-				name,
-				labels,
-				classNames,
-				onToggle: () => layout.toggleVisible(key)
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowName, {
-				hidden,
-				name,
-				classNames
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinToggle, {
-				active: pinned !== void 0,
-				actionLabel: `${(0, _adapttable_core.pinActionLabel)(pinned, labels)}: ${name}`,
-				classNames,
-				onClick: () => layout.setPinned(key, (0, _adapttable_core.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.moveLeft} / ${labels.moveRight}: ${name}`;
+	let t9;
+	if ($[13] !== index || $[14] !== key || $[15] !== layout.move || $[16] !== t8) {
+		t9 = (0, _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)(_adapttable_core.GripIcon, {});
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== classNames.columnMenuGrip || $[20] !== t9) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, _adapttable_core.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, (0, _adapttable_core.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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(_adapttable_core.ACTIONS_COLUMN_KEY);
+function ActionsMenuRowItem(t0) {
+	const $ = (0, react_compiler_runtime.c)(29);
+	const { layout, labels, classNames } = t0;
+	let t1;
+	if ($[0] !== layout) {
+		t1 = layout.isHidden(_adapttable_core.ACTIONS_COLUMN_KEY);
+		$[0] = layout;
+		$[1] = t1;
+	} else t1 = $[1];
+	const hidden = t1;
 	const pinned = layout.state.pinned[_adapttable_core.ACTIONS_COLUMN_KEY] !== void 0;
 	const name = labels.actions;
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(VisibilityToggle, {
-				hidden,
-				name,
-				labels,
-				classNames,
-				onToggle: () => layout.toggleVisible(_adapttable_core.ACTIONS_COLUMN_KEY)
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowName, {
-				hidden,
-				name,
-				classNames
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinToggle, {
-				active: pinned,
-				actionLabel: `${pinned ? labels.unpin : labels.pinRight}: ${name}`,
-				classNames,
-				onClick: () => layout.setPinned(_adapttable_core.ACTIONS_COLUMN_KEY, pinned ? void 0 : "right")
-			})
-		]
-	});
+	const t2 = hidden || void 0;
+	const t3 = pinned ? "right" : void 0;
+	let t4;
+	if ($[2] !== layout) {
+		t4 = () => layout.toggleVisible(_adapttable_core.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(RowName, {
+			hidden,
+			name,
+			classNames
+		});
+		$[10] = classNames;
+		$[11] = hidden;
+		$[12] = name;
+		$[13] = t6;
+	} else t6 = $[13];
+	const t7 = `${pinned ? labels.unpin : labels.pinRight}: ${name}`;
+	let t8;
+	if ($[14] !== layout || $[15] !== pinned) {
+		t8 = () => layout.setPinned(_adapttable_core.ACTIONS_COLUMN_KEY, pinned ? void 0 : "right");
+		$[14] = layout;
+		$[15] = pinned;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== classNames || $[18] !== pinned || $[19] !== t7 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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
@@ -960,29 +2090,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 $ = (0, react_compiler_runtime.c)(24);
+	const { allColumns, layout, labels, classNames, hasRowActions } = t0;
 	const drag = (0, _adapttable_core.useColumnDragState)();
 	const { open, setOpen, rootRef, triggerRef } = useMenuPopover();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: rootRef,
-		"data-adapttable-part": "column-menu",
-		className: classNames.columnMenu,
-		style: { position: "relative" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
 			"aria-label": labels.columns,
 			"data-adapttable-part": "column-menu-panel",
 			className: classNames.columnMenuPanel,
@@ -1020,8 +2177,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__ */ (0, react_jsx_runtime.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
@@ -1053,46 +2237,100 @@ function scrollBoxStyle(maxHeight, scrollX) {
 	};
 	return scrollX ? { overflowX: "auto" } : void 0;
 }
-function RowActionButtons({ row, actions, confirm, cancelLabel, classNames }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: actions.map((action) => {
-		if (action.isHidden?.(row)) return null;
-		const reason = (0, _adapttable_core.resolveDisabledReason)(action.disabledReason?.(row));
-		const disabled = reason !== void 0 || (action.isDisabled?.(row) ?? false);
-		const handleClick = disabled ? void 0 : (e) => {
-			e.stopPropagation();
-			(0, _adapttable_core.runRowAction)(action, row, confirm, cancelLabel);
-		};
-		return /* @__PURE__ */ (0, react_jsx_runtime.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 $ = (0, react_compiler_runtime.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 = (0, _adapttable_core.resolveDisabledReason)(action.disabledReason?.(row));
+				const disabled = reason !== void 0 || (action.isDisabled?.(row) ?? false);
+				const handleClick = disabled ? void 0 : (e) => {
+					e.stopPropagation();
+					(0, _adapttable_core.runRowAction)(action, row, confirm, cancelLabel);
+				};
+				return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(ChevronIcon, { size: 14 })
-	});
+function ExpandButton(t0) {
+	const $ = (0, react_compiler_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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
@@ -1102,26 +2340,70 @@ 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;
 }
 function DesktopRowBase(props) {
+	const $ = (0, react_compiler_runtime.c)(98);
 	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 expandable = expanded !== void 0;
-	const leads = {
-		left: selected === void 0 ? 0 : SELECTION_WIDTH,
-		right: showActions ? ACTIONS_WIDTH : 0
-	};
-	const bodyPinStyle = (key) => (0, _adapttable_core.pinnedCellStyle)(pinOffset?.(key), _adapttable_core.PIN_Z.body, leads);
-	const rowProps = { ...table.getRowProps(row, index) };
-	delete rowProps.key;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
-		...rowProps,
-		...(0, _adapttable_core.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__ */ (0, react_jsx_runtime.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] !== hasLeftPin || $[6] !== hasPrefetch || $[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 = {
+			left: t0,
+			right: t1
+		};
+		const bodyPinStyle = (key) => (0, _adapttable_core.pinnedCellStyle)(pinOffset?.(key), _adapttable_core.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 = (0, _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)("td", {
 				"data-adapttable-part": "expand-cell",
 				className: classNames.expandCell,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, {
@@ -1130,8 +2412,17 @@ function DesktopRowBase(props) {
 					classNames,
 					onToggle: () => onToggleExpand(id)
 				})
-			}),
-			selected !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.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] !== hasLeftPin || $[60] !== id || $[61] !== labels || $[62] !== onToggleSelect || $[63] !== selected) {
+			t11 = selected !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 				"data-adapttable-part": "selection-cell",
 				"data-pinned": hasLeftPin ? "left" : void 0,
 				style: (0, _adapttable_core.edgePinStyle)("left", hasLeftPin, _adapttable_core.PIN_Z.body),
@@ -1143,44 +2434,162 @@ function DesktopRowBase(props) {
 					onChange: () => onToggleSelect(id),
 					className: classNames.checkbox
 				})
-			}),
-			columns.map((column) => {
-				const pinStyle = bodyPinStyle(column.key);
-				return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(column.Cell, {
-						row,
-						rowIndex: index
-					}) : column.accessor?.(row)
-				}, column.key);
-			}),
-			showActions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-				"data-adapttable-part": "actions-cell",
-				"data-pinned": hasRightPin || actionsPinned ? "right" : void 0,
-				style: (0, _adapttable_core.edgePinStyle)("right", hasRightPin || actionsPinned, _adapttable_core.PIN_Z.body),
-				className: cx(classNames.cell, classNames.actionsCell),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowActionButtons, {
+			});
+			$[56] = classNames.cell;
+			$[57] = classNames.checkbox;
+			$[58] = classNames.selectionCell;
+			$[59] = hasLeftPin;
+			$[60] = id;
+			$[61] = labels;
+			$[62] = onToggleSelect;
+			$[63] = selected;
+			$[64] = t11;
+		} else t11 = $[64];
+		t12 = columns.map((column) => {
+			const pinStyle = bodyPinStyle(column.key);
+			return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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] = hasLeftPin;
+		$[6] = hasPrefetch;
+		$[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] !== hasRightPin || $[69] !== labels || $[70] !== row || $[71] !== rowActions || $[72] !== showActions) {
+		t13 = showActions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+			"data-adapttable-part": "actions-cell",
+			"data-pinned": hasRightPin || actionsPinned ? "right" : void 0,
+			style: (0, _adapttable_core.edgePinStyle)("right", hasRightPin || actionsPinned, _adapttable_core.PIN_Z.body),
+			className: cx(classNames.cell, classNames.actionsCell),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowActionButtons, {
+				row,
+				actions: rowActions,
+				confirm,
+				cancelLabel: labels.cancel,
+				classNames
 			})
-		]
-	}), expandable && expanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
-		"data-adapttable-part": "detail-row",
-		className: classNames.detailRow,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-			colSpan: columnSpan,
-			"data-adapttable-part": "detail-cell",
-			className: classNames.detailCell,
-			children: renderDetail(row)
-		})
-	})] });
+		});
+		$[65] = actionsPinned;
+		$[66] = classNames;
+		$[67] = confirm;
+		$[68] = hasRightPin;
+		$[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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("tr", {
+			"data-adapttable-part": "detail-row",
+			className: classNames.detailRow,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [t14, t15] });
+		$[95] = t14;
+		$[96] = t15;
+		$[97] = t16;
+	} else t16 = $[97];
+	return t16;
 }
 /**
 * One memoized row component per `DesktopTable` instantiation. A factory
@@ -1220,10 +2629,10 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 		renderRowDetail
 	};
 	const onToggleSelect = (0, react.useCallback)((id) => live.current.selection?.toggle(id), []);
-	const onToggleExpand = (0, react.useCallback)((id) => live.current.expansion?.toggle(id), []);
+	const onToggleExpand = (0, react.useCallback)((id_0) => live.current.expansion?.toggle(id_0), []);
 	const handleRowClick = (0, react.useCallback)((row) => live.current.onRowClick?.(row), []);
-	const handlePrefetch = (0, react.useCallback)((row) => live.current.prefetch?.(row), []);
-	const renderDetail = (0, react.useCallback)((row) => live.current.renderRowDetail?.(row), []);
+	const handlePrefetch = (0, react.useCallback)((row_0) => live.current.prefetch?.(row_0), []);
+	const renderDetail = (0, react.useCallback)((row_1) => live.current.renderRowDetail?.(row_1), []);
 	const Row = (0, react.useMemo)(() => createDesktopRow(), []);
 	const { ref: overflowRef, overflowing } = (0, _adapttable_core.useHorizontalOverflow)();
 	const hasPinned = columns.some((c) => pinOffset?.(c.key) != null) || stickActions;
@@ -1237,21 +2646,21 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 		left: selection ? SELECTION_WIDTH : 0,
 		right: 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 hasLeftPin = columns.some((c_0) => pinOffset?.(c_0.key)?.side === "left");
+	const hasRightPin = columns.some((c_1) => pinOffset?.(c_1.key)?.side === "right");
+	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) => (0, _adapttable_core.pinnedCellStyle)(pinOffset?.(key), _adapttable_core.PIN_Z.headerPinned, leads);
 	const headStyle = (column) => {
-		const key = column.key;
-		const pin = headPinStyle(key);
-		const width = pin ? (0, _adapttable_core.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 ? (0, _adapttable_core.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";
@@ -1265,7 +2674,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 = (0, _adapttable_core.tableMinWidth)(columns, {
 		widths: columnWidths,
 		extra: (selection ? SELECTION_WIDTH : 0) + (showActions ? ACTIONS_WIDTH : 0)
@@ -1332,25 +2741,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("button", {
+								children: [column_1.sortable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									...sortButtonProps,
 									"data-adapttable-part": "sort-button",
 									className: classNames.sortButton,
 									children: [
-										column.header,
+										column_1.header,
 										typeof sortIndex === "number" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											"data-adapttable-part": "sort-index",
 											className: classNames.sortIndex,
@@ -1358,16 +2767,16 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 											"aria-hidden": true,
-											children: [" ", sortGlyph(active, table.sortDir)]
+											children: [" ", sortGlyph(active_0, table.sortDir)]
 										})
 									]
-								}) : column.header, setWidth && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									...(0, _adapttable_core.columnResizeHandleProps)(column.key, setWidth, `${resizeLabel}: ${columnName(column)}`),
+								}) : column_1.header, setWidth && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									...(0, _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)("th", {
 							"data-adapttable-part": "actions-header",
@@ -1391,18 +2800,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__ */ (0, react_jsx_runtime.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,
@@ -1413,7 +2822,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 							hasLeftPin,
 							hasRightPin,
 							actionsPinned: stickActions,
-							rowClass: rowClassName?.(row, index),
+							rowClass: rowClassName?.(row_2, index),
 							clickable: Boolean(onRowClick),
 							hasPrefetch: Boolean(prefetch),
 							onRowClick: handleRowClick,
@@ -1422,7 +2831,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 							onToggleExpand,
 							renderDetail,
 							measureElement
-						}, key);
+						}, key_1);
 					}),
 					paddingBottom > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 						colSpan: columnSpan,
@@ -1442,11 +2851,11 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, classNames,
 					children: [
 						expandable && summaryPad,
 						selection && summaryPad,
-						columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+						columns.map((column_2) => /* @__PURE__ */ (0, react_jsx_runtime.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
 					]
 				})
@@ -1464,110 +2873,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 $ = (0, react_compiler_runtime.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 = (0, _adapttable_core.resolveVirtualRows)(rows, getRowId, rowEntries);
-	const expansionState = renderRowDetail ? expansion : void 0;
-	const summary = summaryRow?.(rows);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, _adapttable_core.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("li", {
-					...(0, _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)("input", {
-							type: "checkbox",
-							"aria-label": labels.selectRow,
-							checked: selection.isSelected(id),
-							onChange: () => selection.toggle(id),
-							className: classNames.checkbox
-						}),
-						expansionState && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, {
-							expanded,
-							labels,
-							classNames,
-							onToggle: () => expansionState.toggle(id)
-						}),
-						columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							"data-adapttable-part": "card-row",
-							className: classNames.cardRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								"data-adapttable-part": "card-label",
-								className: classNames.cardLabel,
-								children: cardLabel(column)
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								"data-adapttable-part": "card-value",
-								className: classNames.cardValue,
-								children: column.Cell ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(column.Cell, {
-									row,
-									rowIndex: index
-								}) : column.accessor?.(row)
-							})]
-						}, column.key)),
-						rowActions && rowActions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							"data-adapttable-part": "card-actions",
-							className: classNames.actionsCell,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("li", {
+				...(0, _adapttable_core.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__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "checkbox",
+						"aria-label": labels.selectRow,
+						checked: selection.isSelected(id),
+						onChange: () => selection.toggle(id),
+						className: classNames.checkbox
+					}),
+					expansionState && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, {
+						expanded,
+						labels,
+						classNames,
+						onToggle: () => expansionState.toggle(id)
+					}),
+					columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						"data-adapttable-part": "card-row",
+						className: classNames.cardRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"data-adapttable-part": "card-label",
+							className: classNames.cardLabel,
+							children: cardLabel(column)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"data-adapttable-part": "card-value",
+							className: classNames.cardValue,
+							children: column.Cell ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(column.Cell, {
 								row,
-								actions: rowActions,
-								confirm,
-								cancelLabel: labels.cancel,
-								classNames
-							})
-						}),
-						expanded && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+						"data-adapttable-part": "card-actions",
+						className: classNames.actionsCell,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowActionButtons, {
+							row,
+							actions: rowActions,
+							confirm,
+							cancelLabel: labels.cancel,
+							classNames
 						})
-					]
-				}, key);
-			}),
-			paddingBottom > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-				"aria-hidden": true,
-				"data-adapttable-part": "virtual-spacer",
-				style: { height: paddingBottom }
-			}),
-			summary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-				"data-adapttable-part": "summary-card",
-				className: classNames.summaryCard,
-				children: columns.filter((column) => summary[column.key] !== void 0).map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					"data-adapttable-part": "card-row",
-					className: classNames.cardRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						"data-adapttable-part": "card-label",
-						className: classNames.cardLabel,
-						children: cardLabel(column)
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						"data-adapttable-part": "card-value",
-						className: classNames.cardValue,
-						children: summary[column.key]
-					})]
-				}, column.key))
-			})
-		]
-	});
+					}),
+					expanded && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-adapttable-part": "card-row",
+				className: classNames.cardRow,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"data-adapttable-part": "card-label",
+					className: classNames.cardLabel,
+					children: cardLabel(column_1)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 "↕";
@@ -1579,58 +3088,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 $ = (0, react_compiler_runtime.c)(48);
+	const { chrome, props, classNames, confirm, getRowId, virtualization, virtualScrollRef, labels } = t0;
 	const rowActions = chrome.columnLayout.isHidden(_adapttable_core.ACTIONS_COLUMN_KEY) ? void 0 : props.rowActions;
 	const actionsPinned = (rowActions?.length ?? 0) > 0 && chrome.columnLayout.state.pinned[_adapttable_core.ACTIONS_COLUMN_KEY] !== void 0;
-	if (chrome.body === "skeleton") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.slots?.skeleton ?? props.loadingState ?? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t1 });
+			$[10] = t1;
+			$[11] = t2;
+		} else t2 = $[11];
+		return t2;
+	}
 	if (chrome.body === "empty") {
 		const noResults = chrome.emptyVariant === "noResults";
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.slots?.empty ?? props.emptyState ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("output", {
-			"data-adapttable-part": "empty",
-			className: classNames.empty,
-			children: [noResults ? labels.noResults : labels.noData, noResults && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("output", {
+				"data-adapttable-part": "empty",
+				className: classNames.empty,
+				children: [noResults ? labels.noResults : labels.noData, noResults && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: t1 });
+			$[19] = t1;
+			$[20] = t2;
+		} else t2 = $[20];
+		return t2;
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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