schummar-table 0.51.6 → 0.51.10

package/dist/index.cjs

@@ -1,21 +1,12 @@
-const require_chunk = require('./chunk-pbleEpgJ.cjs');
-const require_tableSettings = require('./tableSettings-D1MSPxbQ.cjs');
-require('./csvExporter-BGoiph1b.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_tableSettings = require("./tableSettings-PwnSZTD3.cjs");
 let react = require("react");
-react = require_chunk.__toESM(react);
 let immer = require("immer");
-immer = require_chunk.__toESM(immer);
-let __emotion_react = require("@emotion/react");
-__emotion_react = require_chunk.__toESM(__emotion_react);
-let __emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
-__emotion_react_jsx_runtime = require_chunk.__toESM(__emotion_react_jsx_runtime);
+let _emotion_react = require("@emotion/react");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let nanoid = require("nanoid");
-nanoid = require_chunk.__toESM(nanoid);
 let temporal_polyfill = require("temporal-polyfill");
-temporal_polyfill = require_chunk.__toESM(temporal_polyfill);
 let date_fns = require("date-fns");
-date_fns = require_chunk.__toESM(date_fns);
-
 //#region src/misc/tableContext.ts
 const TableContext = (0, react.createContext)(null);
 const TableResetContext = (0, react.createContext)(() => void 0);
@@ -30,7 +21,6 @@ function useColumnContext() {
 	if (value === null) throw new Error("No column context available");
 	return value;
 }
-
 //#endregion
 //#region src/theme/defaultTheme/defaultColors.ts
 const defaultColors = {
@@ -54,13 +44,12 @@ const defaultColors = {
 	border: "#777",
 	borderLight: "#eee"
 };
-
 //#endregion
 //#region src/components/spinnner.tsx
-function Spinner({ className: className$2 }) {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
-		className: className$2,
-		css: __emotion_react.css`
+function Spinner({ className }) {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
+		className,
+		css: _emotion_react.css`
         display: inline-block;
         position: relative;
         width: 1em;
@@ -97,24 +86,23 @@ function Spinner({ className: className$2 }) {
         }
       `,
 		children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {})
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {}),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {}),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {})
 		]
 	});
 }
-
 //#endregion
 //#region src/theme/defaultTheme/badge.tsx
 const Badge = ({ badgeContent, children }) => {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("span", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("span", {
 		css: {
 			display: "inline-flex",
 			position: "relative",
 			flexShrink: 0,
 			verticalAlign: "middle"
 		},
-		children: [children, /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+		children: [children, /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 			css: [{
 				top: 0,
 				right: 0,
@@ -142,11 +130,10 @@ const Badge = ({ badgeContent, children }) => {
 		})]
 	});
 };
-
 //#endregion
 //#region src/theme/defaultTheme/button.tsx
-const Button = ({ startIcon, children, variant = "text",...props }) => {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("button", {
+const Button = ({ startIcon, children, variant = "text", ...props }) => {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("button", {
 		css: [
 			{
 				padding: `var(--spacing) calc(var(--spacing) * 2)`,
@@ -176,17 +163,16 @@ const Button = ({ startIcon, children, variant = "text",...props }) => {
 			}
 		],
 		...props,
-		children: [startIcon && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+		children: [startIcon && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 			css: { marginRight: `calc(var(--spacing) * 2)` },
 			children: startIcon
-		}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", { children })]
+		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", { children })]
 	});
 };
-
 //#endregion
 //#region src/theme/defaultTheme/checkbox.tsx
-const Checkbox = ({ className: className$2,...props }) => {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("label", {
+const Checkbox = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("label", {
 		css: [{
 			padding: "calc(var(--spacing) * 1.8)",
 			display: "flex",
@@ -197,11 +183,11 @@ const Checkbox = ({ className: className$2,...props }) => {
 				margin: 0
 			}
 		}, props.disabled && { color: "rgba(0, 0, 0, 0.26)" }],
-		className: className$2,
-		children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("input", {
+		className,
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("input", {
 			type: "checkbox",
 			...props
-		}), props.checked ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("svg", {
+		}), props.checked ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
 			css: {
 				fontSize: "1.25rem",
 				width: "1em",
@@ -211,8 +197,8 @@ const Checkbox = ({ className: className$2,...props }) => {
 			focusable: "false",
 			viewBox: "0 0 24 24",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
-		}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("svg", {
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+		}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
 			css: {
 				fontSize: "1.25rem",
 				width: "1em",
@@ -222,15 +208,14 @@ const Checkbox = ({ className: className$2,...props }) => {
 			focusable: "false",
 			viewBox: "0 0 24 24",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })
 		})]
 	});
 };
-
 //#endregion
 //#region src/theme/defaultTheme/iconButton.tsx
 const IconButton = (props) => {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("button", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("button", {
 		css: {
 			padding: "var(--spacing)",
 			borderRadius: "50%",
@@ -248,12 +233,11 @@ const IconButton = (props) => {
 		...props
 	});
 };
-
 //#endregion
 //#region src/theme/defaultTheme/textField.tsx
-const TextField = ({ startIcon, endIcon, className: className$2, inputRef, onBlur,...props }) => {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
-		className: className$2,
+const TextField = ({ startIcon, endIcon, className, inputRef, onBlur, ...props }) => {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
+		className,
 		css: [{
 			flex: 1,
 			display: "flex",
@@ -267,7 +251,7 @@ const TextField = ({ startIcon, endIcon, className: className$2, inputRef, onBlu
 		}],
 		children: [
 			startIcon,
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("input", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("input", {
 				ref: inputRef,
 				...props,
 				value: props.value ?? "",
@@ -289,7 +273,6 @@ const TextField = ({ startIcon, endIcon, className: className$2, inputRef, onBlu
 		]
 	});
 };
-
 //#endregion
 //#region src/theme/defaultTheme/defaultComponents.ts
 const defaultComponents = {
@@ -301,178 +284,163 @@ const defaultComponents = {
 	TextField,
 	Spinner
 };
-
 //#endregion
 //#region src/theme/defaultTheme/defaultIcons.tsx
-const IconDefaultStyle = (0, __emotion_react.css)({
+const IconDefaultStyle = (0, _emotion_react.css)({
 	width: "1.5em",
 	height: "1.5em",
 	color: "inherit"
 });
 function Icon(svg) {
 	return function IconComponent(props) {
-		return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react.ClassNames, { children: ({ css: css$2 }) => (0, react.cloneElement)(svg, {
+		return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react.ClassNames, { children: ({ css }) => (0, react.cloneElement)(svg, {
 			...props,
-			className: css$2(IconDefaultStyle, props.className)
+			className: css(IconDefaultStyle, props.className)
 		}) });
 	};
 }
-const Settings = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })]
-}));
-const Export$1 = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	enableBackground: "new 0 0 24 24",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("rect", {
-		fill: "none",
-		height: "24",
-		width: "24"
-	}) }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z" }) })]
-}));
-const Clipboard = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" })]
-}));
-const ChevronRight = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" })]
-}));
-const Search = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })]
-}));
-const Clear = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" })]
-}));
-const ArrowDropDown = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M7 10l5 5 5-5H7z" })]
-}));
-const FilterList = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("svg", {
-	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		fill: "currentColor",
-		d: "M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z"
-	})
-}));
-const ArrowUpward = Icon(/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	height: "24px",
-	viewBox: "0 0 24 24",
-	width: "24px",
-	fill: "currentColor",
-	children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", {
-		d: "M0 0h24v24H0V0z",
-		fill: "none"
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" })]
-}));
-const defaultIcons = {
-	Settings,
-	Export: Export$1,
-	Clipboard,
-	ChevronRight,
-	Search,
-	Clear,
-	ArrowDropDown,
-	FilterList,
-	ArrowUpward
-};
-
-//#endregion
-//#region src/theme/defaultTheme/defaultTexts.tsx
-const defaultTexts = {
-	selectColumns: "Select visible columns",
-	showAllColumns: "Show all",
-	hideAllColumns: "Hide all",
-	noResults: "No results",
-	exportTitle: "Export",
-	exportCopy: "To clipboard",
-	exportDownload: "Download",
-	today: "Today",
-	thisWeek: "This week",
-	thisMonth: "This month",
-	thisYear: "This year",
-	lastSevenDays: "Last 7 days",
-	lastThirtyDays: "Last 30 days",
-	clearFilters: "Clear all filters",
-	reset: "Reset",
-	loading: "Loading",
-	deselectAll: "Deselect all",
-	resetAll: "Reset table state",
-	rangeMin: "Min",
-	rangeMax: "Max",
-	calendarWeek: "Wk"
-};
-
 //#endregion
 //#region src/theme/defaultTheme/index.tsx
 const defaultTableTheme = {
-	text: defaultTexts,
+	text: {
+		selectColumns: "Select visible columns",
+		showAllColumns: "Show all",
+		hideAllColumns: "Hide all",
+		noResults: "No results",
+		exportTitle: "Export",
+		exportCopy: "To clipboard",
+		exportDownload: "Download",
+		today: "Today",
+		thisWeek: "This week",
+		thisMonth: "This month",
+		thisYear: "This year",
+		lastSevenDays: "Last 7 days",
+		lastThirtyDays: "Last 30 days",
+		clearFilters: "Clear all filters",
+		reset: "Reset",
+		loading: "Loading",
+		deselectAll: "Deselect all",
+		resetAll: "Reset table state",
+		rangeMin: "Min",
+		rangeMax: "Max",
+		calendarWeek: "Wk"
+	},
 	components: defaultComponents,
-	icons: defaultIcons,
+	icons: {
+		Settings: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })]
+		})),
+		Export: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			enableBackground: "new 0 0 24 24",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("rect", {
+				fill: "none",
+				height: "24",
+				width: "24"
+			}) }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z" }) })]
+		})),
+		Clipboard: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" })]
+		})),
+		ChevronRight: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" })]
+		})),
+		Search: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })]
+		})),
+		Clear: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" })]
+		})),
+		ArrowDropDown: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M7 10l5 5 5-5H7z" })]
+		})),
+		FilterList: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z"
+			})
+		})),
+		ArrowUpward: Icon(/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			height: "24px",
+			viewBox: "0 0 24 24",
+			width: "24px",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", {
+				d: "M0 0h24v24H0V0z",
+				fill: "none"
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" })]
+		}))
+	},
 	colors: defaultColors,
 	spacing: "5px"
 };
-
 //#endregion
 //#region src/hooks/useTableMemo.tsx
-const TableMemoContext = (0, react.createContext)(/* @__PURE__ */ new Map());
+const TableMemoContext = (0, react.createContext)(void 0);
 function TableMemoContextProvider({ children }) {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableMemoContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableMemoContext.Provider, {
 		value: (0, react.useMemo)(() => /* @__PURE__ */ new Map(), []),
 		children
 	});
 }
 function useTableMemo() {
-	const memoCache = (0, react.useContext)(TableMemoContext);
+	const contextCache = (0, react.useContext)(TableMemoContext);
+	const localCache = (0, react.useRef)(void 0);
+	const memoCache = contextCache ?? (localCache.current ??= /* @__PURE__ */ new Map());
 	return (key, function_) => {
 		let deps;
 		if (Array.isArray(function_)) {
@@ -488,7 +456,6 @@ function useTableMemo() {
 		return cachedValue[0];
 	};
 }
-
 //#endregion
 //#region src/hooks/useTheme.ts
 const emptyStore = new require_tableSettings.Store(void 0);
@@ -496,7 +463,7 @@ function useTheme(selector) {
 	const { theme: contextTableTheme = {} } = (0, react.useContext)(require_tableSettings.TableSettingsContext);
 	const table = (0, react.useContext)(TableContext);
 	const columnId = (0, react.useContext)(ColumnContext);
-	const memo$3 = useTableMemo();
+	const memo = useTableMemo();
 	const _globalTableTheme = require_tableSettings.globalTableTheme.useState();
 	const process = (t) => {
 		const rowClass = t.classes?.row;
@@ -509,15 +476,15 @@ function useTheme(selector) {
 			...t,
 			classes: {
 				...t.classes,
-				row: rowClass instanceof Function || Array.isArray(rowClass) ? memo$3("theme.classes.row", rowClass) : rowClass,
-				cell: cellClass instanceof Function || Array.isArray(cellClass) ? memo$3("theme.classes.cell", cellClass) : cellClass,
-				details: detailsClass instanceof Function || Array.isArray(detailsClass) ? memo$3("theme.classes.details", detailsClass) : detailsClass
+				row: rowClass instanceof Function || Array.isArray(rowClass) ? memo("theme.classes.row", rowClass) : rowClass,
+				cell: cellClass instanceof Function || Array.isArray(cellClass) ? memo("theme.classes.cell", cellClass) : cellClass,
+				details: detailsClass instanceof Function || Array.isArray(detailsClass) ? memo("theme.classes.details", detailsClass) : detailsClass
 			},
 			styles: {
 				...t.styles,
-				row: rowStyles instanceof Function || Array.isArray(rowStyles) ? memo$3("theme.styles.row", rowStyles) : rowStyles,
-				cell: cellStyles instanceof Function || Array.isArray(cellStyles) ? memo$3("theme.styles.cell", cellStyles) : cellStyles,
-				details: detailsStyles instanceof Function || Array.isArray(detailsStyles) ? memo$3("theme.styles.details", detailsStyles) : detailsStyles
+				row: rowStyles instanceof Function || Array.isArray(rowStyles) ? memo("theme.styles.row", rowStyles) : rowStyles,
+				cell: cellStyles instanceof Function || Array.isArray(cellStyles) ? memo("theme.styles.cell", cellStyles) : cellStyles,
+				details: detailsStyles instanceof Function || Array.isArray(detailsStyles) ? memo("theme.styles.details", detailsStyles) : detailsStyles
 			},
 			text: { ...t.text }
 		};
@@ -532,14 +499,15 @@ function useTheme(selector) {
 			colors: state.props.colors,
 			spacing: state.props.spacing
 		};
-		const column = state.activeColumns.find((column$1) => column$1.id === columnId);
-		return selector(process(require_tableSettings.mergeThemes(defaultTableTheme, _globalTableTheme, contextTableTheme, localTheme, {
+		const column = state.activeColumns.find((column) => column.id === columnId);
+		const columnsTheme = {
 			classes: column?.classes,
 			styles: column?.styles
-		})));
+		};
+		const theme = require_tableSettings.mergeThemes(defaultTableTheme, _globalTableTheme, contextTableTheme, localTheme, columnsTheme);
+		return selector(process(theme));
 	}) ?? emptyStore.useState() ?? selector(process(require_tableSettings.mergeThemes(defaultTableTheme, _globalTableTheme, contextTableTheme)));
 }
-
 //#endregion
 //#region src/theme/useCssVariables.ts
 function useCssVariables() {
@@ -562,7 +530,6 @@ function useCssVariables() {
 		};
 	});
 }
-
 //#endregion
 //#region src/components/filterControl.tsx
 const FilterControlContext = (0, react.createContext)({
@@ -572,18 +539,18 @@ const FilterControlContext = (0, react.createContext)({
 function FilterControl() {
 	const table = useTableContext();
 	const columnId = useColumnContext();
-	const Popover$1 = useTheme((t) => t.components.Popover);
+	const Popover = useTheme((t) => t.components.Popover);
 	const classes = useTheme((t) => t.classes);
 	const styles = useTheme((t) => t.styles);
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const FilterList$1 = useTheme((t) => t.icons.FilterList);
-	const ArrowDropDown$1 = useTheme((t) => t.icons.ArrowDropDown);
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const FilterList = useTheme((t) => t.icons.FilterList);
+	const ArrowDropDown = useTheme((t) => t.icons.ArrowDropDown);
 	const cssVariables = useCssVariables();
 	const [anchor, setAnchor] = (0, react.useState)(null);
 	const isActive = table.useState((state) => {
-		const filter$1 = state.filters.get(columnId);
+		const filter = state.filters.get(columnId);
 		const filterValue = state.filterValues.get(columnId);
-		return filter$1 !== void 0 && filterValue !== void 0 && filter$1.isActive(filterValue);
+		return filter !== void 0 && filterValue !== void 0 && filter.isActive(filterValue);
 	});
 	const filterClassNames = table.useState((state) => {
 		return state.filters.get(columnId)?.classNames;
@@ -600,12 +567,12 @@ function FilterControl() {
 	function close() {
 		setAnchor(null);
 	}
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(FilterControlContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(FilterControlContext.Provider, {
 		value: {
 			isActive: !!anchor,
 			close
 		},
-		children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 			onClick: (event) => setAnchor(event.currentTarget),
 			onContextMenu: (event) => {
 				reset();
@@ -613,32 +580,31 @@ function FilterControl() {
 				return false;
 			},
 			css: [{ color: "#b0bac9" }, isActive && { color: "var(--primaryMain) !important" }],
-			children: isActive ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(FilterList$1, {}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ArrowDropDown$1, {})
-		}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			children: isActive ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FilterList, {}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ArrowDropDown, {})
+		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 			onPointerDown: (event) => {
 				event.stopPropagation();
 			},
 			onPointerMove: (event) => {
 				event.stopPropagation();
 			},
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react.ClassNames, { children: ({ css: css$2, cx: cx$1 }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Popover$1, {
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react.ClassNames, { children: ({ css, cx }) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Popover, {
 				open: true,
 				hidden: !anchor,
 				onClose: close,
 				anchorEl: anchor ?? document.body,
 				css: [cssVariables, styles?.popover],
-				className: cx$1(classes?.popover, filterClassNames?.popover),
-				backdropClassName: cx$1(classes?.popoverBackdrop, filterClassNames?.popoverBackdrop, css$2(styles?.popoverBackdrop)),
+				className: cx(classes?.popover, filterClassNames?.popover),
+				backdropClassName: cx(classes?.popoverBackdrop, filterClassNames?.popoverBackdrop, css(styles?.popoverBackdrop)),
 				children: filter
 			}) })
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/autoFocusTextField.tsx
 function AutoFocusTextField(props) {
-	const TextField$1 = useTheme((t) => t.components.TextField);
+	const TextField = useTheme((t) => t.components.TextField);
 	const ref = (0, react.useRef)(null);
 	const { isActive } = (0, react.useContext)(FilterControlContext);
 	(0, react.useLayoutEffect)(() => {
@@ -646,7 +612,7 @@ function AutoFocusTextField(props) {
 			ref.current?.focus();
 		});
 	}, [isActive]);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TextField$1, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TextField, {
 		...props,
 		inputRef: ref,
 		css: { input: {
@@ -655,7 +621,6 @@ function AutoFocusTextField(props) {
 		} }
 	});
 }
-
 //#endregion
 //#region src/misc/debounce.ts
 function debounce(function_, ms) {
@@ -687,7 +652,6 @@ function debounce(function_, ms) {
 		}
 	});
 }
-
 //#endregion
 //#region src/hooks/useFilter.ts
 function useFilter(impl) {
@@ -728,17 +692,17 @@ function useFilter(impl) {
 	(0, react.useLayoutEffect)(() => {
 		implRef.current = impl;
 	});
-	const delayedUpdate = (0, react.useMemo)(() => debounce((value$1) => {
-		const { value: controlledValue, onChange: onChange$1 } = implRef.current;
+	const delayedUpdate = (0, react.useMemo)(() => debounce((value) => {
+		const { value: controlledValue, onChange } = implRef.current;
 		if (controlledValue === void 0) table.update((state) => {
-			state.filterValues.set(columnId, value$1);
+			state.filterValues.set(columnId, value);
 		});
-		onChange$1?.(value$1);
+		onChange?.(value);
 		setDirtyValue(void 0);
 	}, 500), [table]);
-	function onChange(value$1) {
-		setDirtyValue(value$1);
-		delayedUpdate(value$1);
+	function onChange(value) {
+		setDirtyValue(value);
+		delayedUpdate(value);
 	}
 	(0, react.useEffect)(() => delayedUpdate.flush(), [delayedUpdate]);
 	const context = (0, react.useContext)(FilterControlContext);
@@ -749,7 +713,6 @@ function useFilter(impl) {
 		...context
 	};
 }
-
 //#endregion
 //#region src/components/filterDialog.tsx
 var filterDialog_default = (0, react.forwardRef)(FilterDialog);
@@ -758,19 +721,19 @@ function FilterDialog(_props, ref) {
 	const columnId = useColumnContext();
 	const classes = useTheme((t) => t.classes);
 	const styles = useTheme((t) => t.styles);
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const FilterList$1 = useTheme((t) => t.icons.FilterList);
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const FilterList = useTheme((t) => t.icons.FilterList);
 	const filter = table.useState((state) => state.activeColumns.find((column) => column.id === columnId)?.filter);
 	const label = table.useState((state) => {
 		return state.activeColumns.find((column) => column.id === columnId)?.header ?? null;
 	});
 	const isActive = table.useState((state) => {
-		const filter$1 = state.filters.get(columnId);
+		const filter = state.filters.get(columnId);
 		const filterValue = state.filterValues.get(columnId);
-		return filter$1 !== void 0 && filterValue !== void 0 && filter$1.isActive(filterValue);
+		return filter !== void 0 && filterValue !== void 0 && filter.isActive(filterValue);
 	});
 	const { close } = (0, react.useContext)(FilterControlContext);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("dialog", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("dialog", {
 		ref,
 		onClick: close,
 		className: classes?.dialog,
@@ -780,9 +743,9 @@ function FilterDialog(_props, ref) {
 			borderRadius: 4,
 			"::backdrop": { backgroundColor: "rgba(0, 0, 0, 0.7)" }
 		}, styles?.dialog],
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 				css: {
 					position: "relative",
 					padding: 10,
@@ -792,8 +755,8 @@ function FilterDialog(_props, ref) {
 					gap: 10
 				},
 				children: [
-					/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(FilterList$1, { css: { color: isActive ? "var(--primaryMain)" : "#b0bac9" } }),
-					/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+					/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FilterList, { css: { color: isActive ? "var(--primaryMain)" : "#b0bac9" } }),
+					/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 						css: {
 							whiteSpace: "nowrap",
 							overflow: "hidden",
@@ -802,7 +765,7 @@ function FilterDialog(_props, ref) {
 						},
 						children: label
 					}),
-					/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+					/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 						onClick: close,
 						css: {
 							position: "absolute",
@@ -816,29 +779,28 @@ function FilterDialog(_props, ref) {
 						children: "✕"
 					})
 				]
-			}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				css: { overflow: "auto" },
 				children: filter
 			})]
 		})
 	});
 }
-
 //#endregion
 //#region src/components/nestedFilterControl.tsx
 function NestedFilterControl() {
 	const table = useTableContext();
 	const columnId = useColumnContext();
-	const Button$1 = useTheme((t) => t.components.Button);
-	const FilterList$1 = useTheme((t) => t.icons.FilterList);
+	const Button = useTheme((t) => t.components.Button);
+	const FilterList = useTheme((t) => t.icons.FilterList);
 	const dialog = (0, react.useRef)(null);
 	const label = table.useState((state) => {
 		return state.activeColumns.find((column) => column.id === columnId)?.header ?? null;
 	});
 	const isActive = table.useState((state) => {
-		const filter$1 = state.filters.get(columnId);
+		const filter = state.filters.get(columnId);
 		const filterValue = state.filterValues.get(columnId);
-		return filter$1 !== void 0 && filterValue !== void 0 && filter$1.isActive(filterValue);
+		return filter !== void 0 && filterValue !== void 0 && filter.isActive(filterValue);
 	});
 	const filter = table.useState((state) => state.activeColumns.find((column) => column.id === columnId)?.filter);
 	(0, react.useEffect)(() => () => {
@@ -857,39 +819,38 @@ function NestedFilterControl() {
 		dialog.current?.close();
 		parentContext.close();
 	}
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(FilterControlContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(FilterControlContext.Provider, {
 		value: {
 			isActive: true,
 			close
 		},
-		children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Button$1, {
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Button, {
 			onClick: () => dialog.current?.showModal(),
 			onContextMenu: (event) => {
 				reset();
 				event.preventDefault();
 				return false;
 			},
-			startIcon: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(FilterList$1, { css: { color: isActive ? "var(--primaryMain)" : "#b0bac9" } }),
+			startIcon: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FilterList, { css: { color: isActive ? "var(--primaryMain)" : "#b0bac9" } }),
 			css: {
 				width: "100%",
 				color: isActive ? "var(--primaryMain)" : "var(--color-text)"
 			},
 			children: label
-		}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 			onPointerDown: (event) => {
 				event.stopPropagation();
 			},
 			onPointerMove: (event) => {
 				event.stopPropagation();
 			},
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(filterDialog_default, { ref: dialog })
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(filterDialog_default, { ref: dialog })
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/combinedFilter.tsx
-function CombinedFilter({ columnIds: inputColumnIds,...props }) {
+function CombinedFilter({ columnIds: inputColumnIds, ...props }) {
 	const table = useTableContext();
 	const columnIds = table.useState((state) => {
 		return inputColumnIds ?? state.activeColumns.filter((column) => column.filter !== void 0 && !state.visibleColumns.some((c) => c.id === column.id)).map((column) => column.id);
@@ -921,12 +882,11 @@ function CombinedFilter({ columnIds: inputColumnIds,...props }) {
 			}
 		}
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: columnIds.map((columnId) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { children: columnIds.map((columnId) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
 		value: columnId,
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(NestedFilterControl, {})
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(NestedFilterControl, {})
 	}, columnId)) });
 }
-
 //#endregion
 //#region src/misc/defaults.ts
 function defaults(first, ...more) {
@@ -936,7 +896,6 @@ function defaults(first, ...more) {
 		return copy;
 	}, first);
 }
-
 //#endregion
 //#region src/vendor/dayzed/utils.ts
 /**
@@ -1007,7 +966,8 @@ function addMonth({ calendars, offset, maxDate }) {
 function isBackDisabled({ calendars, minDate }) {
 	if (!minDate) return false;
 	const { firstDayOfMonth } = calendars[0];
-	if ((0, date_fns.isBefore)((0, date_fns.addDays)(firstDayOfMonth, -1), minDate)) return true;
+	const firstDayOfMonthMinusOne = (0, date_fns.addDays)(firstDayOfMonth, -1);
+	if ((0, date_fns.isBefore)(firstDayOfMonthMinusOne, minDate)) return true;
 	return false;
 }
 /**
@@ -1021,7 +981,8 @@ function isBackDisabled({ calendars, minDate }) {
 function isForwardDisabled({ calendars, maxDate }) {
 	if (!maxDate) return false;
 	const { lastDayOfMonth } = calendars[calendars.length - 1];
-	if ((0, date_fns.isBefore)(maxDate, (0, date_fns.addDays)(lastDayOfMonth, 1))) return true;
+	const lastDayOfMonthPlusOne = (0, date_fns.addDays)(lastDayOfMonth, 1);
+	if ((0, date_fns.isBefore)(maxDate, lastDayOfMonthPlusOne)) return true;
 	return false;
 }
 /**
@@ -1274,7 +1235,6 @@ function isSelectable(minDate, maxDate, date) {
 	if (minDate && (0, date_fns.isBefore)(date, minDate) || maxDate && (0, date_fns.isBefore)(maxDate, date)) return false;
 	return true;
 }
-
 //#endregion
 //#region src/vendor/dayzed/dayzed.ts
 function isOffsetControlled(propOffset) {
@@ -1283,7 +1243,7 @@ function isOffsetControlled(propOffset) {
 function getOffset(prop, state) {
 	return isOffsetControlled(prop) ? prop : state;
 }
-function getDateProps(onDateSelected, { onClick, dateObj = requiredProp("getDateProps", "dateObj"),...rest } = {}) {
+function getDateProps(onDateSelected, { onClick, dateObj = requiredProp("getDateProps", "dateObj"), ...rest } = {}) {
 	return {
 		onClick: composeEventHandlers(onClick, (event) => {
 			onDateSelected?.(dateObj, event);
@@ -1295,7 +1255,7 @@ function getDateProps(onDateSelected, { onClick, dateObj = requiredProp("getDate
 		...rest
 	};
 }
-function getBackProps({ minDate, offsetMonth, handleOffsetChanged }, { onClick, offset = 1, calendars = requiredProp("getBackProps", "calendars"),...rest } = {}) {
+function getBackProps({ minDate, offsetMonth, handleOffsetChanged }, { onClick, offset = 1, calendars = requiredProp("getBackProps", "calendars"), ...rest } = {}) {
 	return {
 		onClick: composeEventHandlers(onClick, () => {
 			handleOffsetChanged(offsetMonth - subtractMonth({
@@ -1312,7 +1272,7 @@ function getBackProps({ minDate, offsetMonth, handleOffsetChanged }, { onClick,
 		...rest
 	};
 }
-function getForwardProps({ maxDate, offsetMonth, handleOffsetChanged }, { onClick, offset = 1, calendars = requiredProp("getForwardProps", "calendars"),...rest } = {}) {
+function getForwardProps({ maxDate, offsetMonth, handleOffsetChanged }, { onClick, offset = 1, calendars = requiredProp("getForwardProps", "calendars"), ...rest } = {}) {
 	return {
 		onClick: composeEventHandlers(onClick, () => {
 			handleOffsetChanged(offsetMonth + addMonth({
@@ -1360,7 +1320,6 @@ function useDayzed({ date = /* @__PURE__ */ new Date(), maxDate, minDate, months
 		})
 	};
 }
-
 //#endregion
 //#region src/hooks/useLatestRef.ts
 function useLatestRef(value) {
@@ -1370,7 +1329,6 @@ function useLatestRef(value) {
 	}, [value]);
 	return latestValue;
 }
-
 //#endregion
 //#region src/components/dateInput.tsx
 const className$1 = "schummar-table-date-input";
@@ -1397,11 +1355,11 @@ function DateInput({ value, onChange, locale }) {
 	const id = (0, react.useMemo)(() => (0, nanoid.nanoid)(), []);
 	const [localValue, setLocalValue] = (0, react.useState)();
 	const latestValue = useLatestRef(value);
-	const commit = (0, react.useMemo)(() => debounce((localValue$1 = {}, value$1, onChange$1) => {
-		if (value$1 !== latestValue.current) return;
-		const date = buildDate(localValue$1, value$1 ?? void 0);
+	const commit = (0, react.useMemo)(() => debounce((localValue = {}, value, onChange) => {
+		if (value !== latestValue.current) return;
+		const date = buildDate(localValue, value ?? void 0);
 		setLocalValue(void 0);
-		onChange$1(isNaN(date.getTime()) ? null : date);
+		onChange(isNaN(date.getTime()) ? null : date);
 	}, 100), []);
 	const format = (0, react.useMemo)(() => new Intl.DateTimeFormat(locale, {
 		day: "2-digit",
@@ -1415,12 +1373,12 @@ function DateInput({ value, onChange, locale }) {
 		parts = format.formatToParts(defaultDate$1);
 	}
 	const isEmpty = !value;
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: {
 			display: "flex",
 			alignItems: "baseline"
 		},
-		children: parts.map(({ type, value: partValue }, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(react.Fragment, { children: isIncludedType$1(type) ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("input", {
+		children: parts.map(({ type, value: partValue }, index) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react.Fragment, { children: isIncludedType$1(type) ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("input", {
 			className: `${className$1}-${id}`,
 			css: {
 				boxSizing: "content-box",
@@ -1458,16 +1416,15 @@ function DateInput({ value, onChange, locale }) {
 			onBlur: () => {
 				commit(localValue, value, onChange);
 			}
-		}) : type === "literal" ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", { children: partValue }) : null }, index))
+		}) : type === "literal" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", { children: partValue }) : null }, index))
 	});
 }
-
 //#endregion
 //#region src/components/text.tsx
 function Text({ id }) {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react_jsx_runtime.Fragment, { children: useTheme((t) => t.text[id]) });
+	const text = useTheme((t) => t.text[id]);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react_jsx_runtime.Fragment, { children: text });
 }
-
 //#endregion
 //#region src/components/timeInput.tsx
 const className = "schummar-table-time-input";
@@ -1494,11 +1451,11 @@ function TimeInput({ value, onChange, locale, showSeconds = true }) {
 	const id = (0, react.useMemo)(() => (0, nanoid.nanoid)(), []);
 	const [localValue, setLocalValue] = (0, react.useState)();
 	const latestValue = useLatestRef(value);
-	const commit = (0, react.useMemo)(() => debounce((localValue$1 = {}, value$1, onChange$1) => {
-		if (value$1 !== latestValue.current) return;
-		const date = buildTime(localValue$1, value$1 ?? void 0);
+	const commit = (0, react.useMemo)(() => debounce((localValue = {}, value, onChange) => {
+		if (value !== latestValue.current) return;
+		const date = buildTime(localValue, value ?? void 0);
 		setLocalValue(void 0);
-		onChange$1(isNaN(date.getTime()) ? null : date);
+		onChange(isNaN(date.getTime()) ? null : date);
 	}, 100), []);
 	const format = (0, react.useMemo)(() => new Intl.DateTimeFormat(locale, {
 		hour: "2-digit",
@@ -1512,12 +1469,12 @@ function TimeInput({ value, onChange, locale, showSeconds = true }) {
 		parts = format.formatToParts(defaultDate);
 	}
 	const isEmpty = !value;
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: {
 			display: "flex",
 			alignItems: "baseline"
 		},
-		children: parts.map(({ type, value: partValue }, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(react.Fragment, { children: isIncludedType(type) ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("input", {
+		children: parts.map(({ type, value: partValue }, index) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react.Fragment, { children: isIncludedType(type) ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("input", {
 			className: `${className}-${id}`,
 			css: {
 				boxSizing: "content-box",
@@ -1555,16 +1512,15 @@ function TimeInput({ value, onChange, locale, showSeconds = true }) {
 			onBlur: () => {
 				commit(localValue, value, onChange);
 			}
-		}) : type === "literal" ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", { children: partValue }) : null }, index))
+		}) : type === "literal" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", { children: partValue }) : null }, index))
 	});
 }
-
 //#endregion
 //#region src/components/datePicker.tsx
 const DatePickerContext = (0, react.createContext)({});
-function DatePickerProvider({ children,...props }) {
+function DatePickerProvider({ children, ...props }) {
 	const value = (0, react.useMemo)(() => props, [JSON.stringify(props)]);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(DatePickerContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(DatePickerContext.Provider, {
 		value,
 		children
 	});
@@ -1593,8 +1549,7 @@ const lastDays = (days) => {
 };
 const today = () => lastDays(1);
 const thisWeek = (delta = 0, firstDayOfWeek = 1) => {
-	const now = /* @__PURE__ */ new Date();
-	const min = new Date(now);
+	const min = /* @__PURE__ */ new Date(/* @__PURE__ */ new Date());
 	let diff = min.getDay() - firstDayOfWeek;
 	if (diff < 0) diff += 7;
 	min.setDate(min.getDate() - diff + delta * 7);
@@ -1606,8 +1561,7 @@ const thisWeek = (delta = 0, firstDayOfWeek = 1) => {
 	};
 };
 const thisMonth = (delta = 0) => {
-	const now = /* @__PURE__ */ new Date();
-	const min = new Date(now);
+	const min = /* @__PURE__ */ new Date(/* @__PURE__ */ new Date());
 	min.setDate(1);
 	min.setMonth(min.getMonth() + delta);
 	const max = new Date(min);
@@ -1619,8 +1573,7 @@ const thisMonth = (delta = 0) => {
 	};
 };
 const thisYear = (delta = 0) => {
-	const now = /* @__PURE__ */ new Date();
-	const min = new Date(now);
+	const min = /* @__PURE__ */ new Date(/* @__PURE__ */ new Date());
 	min.setDate(1);
 	min.setMonth(0);
 	min.setFullYear(min.getFullYear() + delta);
@@ -1638,27 +1591,27 @@ const getCalendarWeek = (date) => {
 };
 const commonQuickOptions = {
 	today: {
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "today" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "today" }),
 		value: today
 	},
 	thisWeek: {
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "thisWeek" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "thisWeek" }),
 		value: (props) => thisWeek(0, props.firstDayOfWeek)
 	},
 	thisMonth: {
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "thisMonth" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "thisMonth" }),
 		value: () => thisMonth()
 	},
 	thisYear: {
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "thisYear" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "thisYear" }),
 		value: () => thisYear()
 	},
 	lastSevenDays: {
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "lastSevenDays" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "lastSevenDays" }),
 		value: () => lastDays(7)
 	},
 	lastThirtyDays: {
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "lastThirtyDays" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "lastThirtyDays" }),
 		value: () => lastDays(30)
 	}
 };
@@ -1687,19 +1640,19 @@ function getValueForComparison(value) {
 }
 function DatePicker(props) {
 	const { value, rangeSelect, locale, firstDayOfWeek = 1, defaultDateInView, quickOptions = ["today", "thisWeek"], noReset, minDate, maxDate, showCalendarWeek, blockedRanges = [], showTime } = defaults(props, (0, react.useContext)(DatePickerContext));
-	function onChange(value$1, source) {
-		if (value$1 instanceof Date) value$1 = dateClamp(value$1, minDate, maxDate);
-		else if (value$1) value$1 = {
-			min: dateClamp(value$1.min, minDate, maxDate),
-			max: dateClamp(value$1.max, minDate, maxDate)
+	function onChange(value, source) {
+		if (value instanceof Date) value = dateClamp(value, minDate, maxDate);
+		else if (value) value = {
+			min: dateClamp(value.min, minDate, maxDate),
+			max: dateClamp(value.max, minDate, maxDate)
 		};
-		props.onChange(value$1, source);
+		props.onChange(value, source);
 	}
-	const Button$1 = useTheme((t) => t.components.Button);
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const ChevronRight$1 = useTheme((t) => t.icons.ChevronRight);
+	const Button = useTheme((t) => t.components.Button);
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const ChevronRight = useTheme((t) => t.icons.ChevronRight);
 	const cssVariables = useCssVariables();
-	function getDayCssStyles({ disabled, prevMonth, nextMonth, today: today$1, blocked, selected, preSelected }) {
+	function getDayCssStyles({ disabled, prevMonth, nextMonth, today, blocked, selected, preSelected }) {
 		return [
 			{
 				padding: 10,
@@ -1710,7 +1663,7 @@ function DatePicker(props) {
 				color: "inherit"
 			},
 			(prevMonth || nextMonth) && { color: "var(--date-picker-disemphasized, #bdbdbd)" },
-			today$1 && { outline: "1px solid var(--secondaryMain)" },
+			today && { outline: "1px solid var(--secondaryMain)" },
 			blocked && {
 				background: "var(--blockedMain)",
 				color: "var(--blockedContrastText)"
@@ -1750,27 +1703,27 @@ function DatePicker(props) {
 	const min = dirty ? dirty.min : value instanceof Date ? value : value?.min;
 	const max = dirty ? dirty.max : value instanceof Date ? value : value?.max;
 	const resolvedQuickOptions = [...quickOptions, ...noReset ? [] : [{
-		label: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "reset" }),
+		label: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "reset" }),
 		value: null
 	}]].map((option, index) => {
-		if (option instanceof Function) return option((value$2) => {
+		if (option instanceof Function) return option((value) => {
 			setDirty(void 0);
-			onChange(value$2, "quickOption");
+			onChange(value, "quickOption");
 		});
-		const { label, value: value$1 } = typeof option === "string" ? commonQuickOptions[option] : option;
-		return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Button$1, {
+		const { label, value } = typeof option === "string" ? commonQuickOptions[option] : option;
+		return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Button, {
 			variant: "text",
 			type: "button",
 			css: { color: "inherit" },
 			onClick: () => {
 				setDirty(void 0);
-				if (value$1 instanceof Function) onChange(value$1(props), "quickOption");
-				else onChange(value$1, "quickOption");
+				if (value instanceof Function) onChange(value(props), "quickOption");
+				else onChange(value, "quickOption");
 			},
 			children: label
 		}, index);
 	});
-	const { calendars, getBackProps: getBackProps$1, getForwardProps: getForwardProps$1, getDateProps: getDateProps$1 } = useDayzed({
+	const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({
 		onDateSelected: () => void 0,
 		firstDayOfWeek,
 		showOutsideDays: true,
@@ -1793,23 +1746,25 @@ function DatePicker(props) {
 	(0, react.useEffect)(() => {
 		if (!rangeSelect) setDirty(void 0);
 	}, [rangeSelect]);
-	function set(source, min$1, max$1, edit) {
+	function set(source, min, max, edit) {
 		if (!rangeSelect) {
-			onChange(min$1 ?? null, source);
+			onChange(min ?? null, source);
 			return;
 		}
-		if (min$1 && max$1 && min$1 > max$1) if (edit === "min") max$1 = min$1;
-		else if (edit === "max") min$1 = max$1;
-		else [min$1, max$1] = [max$1, min$1];
-		if (!min$1 === !max$1) {
+		if (min && max && min > max) {
+			if (edit === "min") max = min;
+			else if (edit === "max") min = max;
+			else [min, max] = [max, min];
+		}
+		if (!min === !max) {
 			setDirty(void 0);
-			onChange(min$1 && max$1 ? {
-				min: min$1,
-				max: endOfDay(max$1)
+			onChange(min && max ? {
+				min,
+				max: endOfDay(max)
 			} : null, source);
 		} else setDirty({
-			min: min$1,
-			max: max$1
+			min,
+			max
 		});
 	}
 	const formatMonth = (0, react.useMemo)(() => {
@@ -1820,10 +1775,10 @@ function DatePicker(props) {
 		const { format } = new Intl.DateTimeFormat(locale, { year: "numeric" });
 		return (year) => format(new Date(year, 0, 1));
 	}, [locale]);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		css: [cssVariables, { color: "var(--table-text-color)" }],
 		children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 				css: {
 					display: "grid",
 					gridAutoFlow: "column",
@@ -1836,29 +1791,29 @@ function DatePicker(props) {
 						alignItems: "center"
 					}
 				},
-				children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(DateInput, {
+				children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(DateInput, {
 					value: min ?? null,
 					onChange: (newMin) => set("input", newMin ?? void 0, max, "min"),
 					locale
-				}), showTime && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TimeInput, {
+				}), showTime && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TimeInput, {
 					value: min ?? null,
 					onChange: (newMin) => set("input", newMin ?? void 0, max, "min"),
 					locale,
 					showSeconds: typeof showTime === "boolean" ? true : showTime.showSeconds
-				})] }), rangeSelect && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [" - ", /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(DateInput, {
+				})] }), rangeSelect && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [" - ", /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(DateInput, {
 					value: max ?? null,
 					onChange: (newMax) => set("input", min, newMax ?? void 0, "max"),
 					locale
-				}), showTime && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TimeInput, {
+				}), showTime && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TimeInput, {
 					value: max ?? null,
 					onChange: (newMax) => set("input", min, newMax ?? void 0, "max"),
 					locale,
 					showSeconds: typeof showTime === "boolean" ? true : showTime.showSeconds
 				})] })] })]
 			}),
-			calendars.map(({ month, year, weeks }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+			calendars.map(({ month, year, weeks }) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 				css: { display: "grid" },
-				children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 					css: {
 						margin: "calc(var(--spacing) * 4) 0",
 						display: "grid",
@@ -1867,12 +1822,12 @@ function DatePicker(props) {
 						alignItems: "center"
 					},
 					children: [
-						/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+						/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 							type: "button",
-							...getBackProps$1({ calendars }),
-							children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ChevronRight$1, { css: { transform: "rotate3d(0, 0, 1, 180deg)" } })
+							...getBackProps({ calendars }),
+							children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ChevronRight, { css: { transform: "rotate3d(0, 0, 1, 180deg)" } })
 						}),
-						/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+						/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 							css: { display: "flex" },
 							children: [
 								formatMonth(month),
@@ -1880,28 +1835,28 @@ function DatePicker(props) {
 								formatYear(year)
 							]
 						}),
-						/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+						/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 							type: "button",
-							...getForwardProps$1({ calendars }),
-							children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ChevronRight$1, {})
+							...getForwardProps({ calendars }),
+							children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ChevronRight, {})
 						})
 					]
-				}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+				}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 					css: {
 						justifySelf: "center",
 						display: "grid",
 						gridTemplateColumns: "repeat(8, max-content)"
 					},
 					children: [
-						showCalendarWeek ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+						showCalendarWeek ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 							css: {
 								justifySelf: "center",
 								padding: 10,
 								borderRight: "1px solid var(--date-picker-separator, var(--table-border, #bdbdbd))"
 							},
-							children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Text, { id: "calendarWeek" })
-						}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {}),
-						weekDays.map((_v, weekDay) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+							children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Text, { id: "calendarWeek" })
+						}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {}),
+						weekDays.map((_v, weekDay) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 							css: {
 								justifySelf: "center",
 								padding: 10
@@ -1912,7 +1867,7 @@ function DatePicker(props) {
 							const weekStart = week[0];
 							const weekEnd = week[6];
 							const weekDisabled = !rangeSelect || minDate && weekEnd.date < minDate || maxDate && weekStart.date > maxDate;
-							return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(react.Fragment, { children: [showCalendarWeek ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("button", {
+							return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(react.Fragment, { children: [showCalendarWeek ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("button", {
 								type: "button",
 								css: {
 									padding: 10,
@@ -1933,10 +1888,10 @@ function DatePicker(props) {
 								}),
 								onPointerOut: () => !weekDisabled && setHovered(void 0),
 								children: getCalendarWeek(weekEnd.date)
-							}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {}), week.map((dateObject, dayIndex) => {
-								if (!dateObject) return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {}, dayIndex);
+							}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {}), week.map((dateObject, dayIndex) => {
+								if (!dateObject) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {}, dayIndex);
 								const { prevMonth, nextMonth, date } = dateObject;
-								const today$1 = startOfDay(date).getTime() === now.getTime();
+								const today = startOfDay(date).getTime() === now.getTime();
 								const disabled = minDate && date < minDate || maxDate && date > maxDate;
 								const selected = date.getTime() === min?.getTime() || min && max && dateIntersect(date, {
 									min,
@@ -1949,22 +1904,24 @@ function DatePicker(props) {
 									min: hovered.max,
 									max: min
 								}));
-								return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("button", {
+								const blocked = blockedRanges.some((range) => dateIntersect(date, range));
+								return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("button", {
 									type: "button",
 									css: getDayCssStyles({
 										disabled,
 										prevMonth,
 										nextMonth,
-										today: today$1,
-										blocked: blockedRanges.some((range) => dateIntersect(date, range)),
+										today,
+										blocked,
 										selected,
 										preSelected
 									}),
-									...getDateProps$1({ dateObj: dateObject }),
+									...getDateProps({ dateObj: dateObject }),
 									onClick: () => {
-										if (dirty) if (min) set("calendar", min, date);
-										else set("calendar", date, max);
-										else set("calendar", date);
+										if (dirty) {
+											if (min) set("calendar", min, date);
+											else set("calendar", date, max);
+										} else set("calendar", date);
 									},
 									onPointerOver: () => setHovered({
 										min: date,
@@ -1979,7 +1936,7 @@ function DatePicker(props) {
 					]
 				})]
 			}, `${month}${year}`)),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				css: {
 					marginTop: "var(--spacing)",
 					display: "grid",
@@ -1991,7 +1948,6 @@ function DatePicker(props) {
 		]
 	});
 }
-
 //#endregion
 //#region src/components/dateFilter.tsx
 function convertDate(x) {
@@ -2013,7 +1969,7 @@ function convertDateOrArray(x) {
 	if (Array.isArray(x)) return x.map(convertDateOrRange).filter(Boolean);
 	return convertDateOrRange(x);
 }
-function DateFilter({ locale, firstDayOfWeek, defaultDateInView, quickOptions, singleSelect, filterBy = convertDateOrArray, minDate, maxDate, showCalendarWeek, showTime,...props }) {
+function DateFilter({ locale, firstDayOfWeek, defaultDateInView, quickOptions, singleSelect, filterBy = convertDateOrArray, minDate, maxDate, showCalendarWeek, showTime, ...props }) {
 	const { value = null, onChange, close } = useFilter({
 		...props,
 		filterBy,
@@ -2021,20 +1977,20 @@ function DateFilter({ locale, firstDayOfWeek, defaultDateInView, quickOptions, s
 		isActive(filterValue) {
 			return !!filterValue;
 		},
-		test(filterValue, value$1) {
-			return dateIntersect(filterValue, value$1);
+		test(filterValue, value) {
+			return dateIntersect(filterValue, value);
 		}
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: {
 			padding: "calc(var(--spacing) * 2)",
 			display: "grid"
 		},
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(DatePicker, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(DatePicker, {
 			rangeSelect: !singleSelect,
 			value,
-			onChange: (value$1, source) => {
-				onChange(value$1);
+			onChange: (value, source) => {
+				onChange(value);
 				if (source !== "input") close();
 			},
 			locale,
@@ -2048,10 +2004,9 @@ function DateFilter({ locale, firstDayOfWeek, defaultDateInView, quickOptions, s
 		})
 	});
 }
-
 //#endregion
 //#region src/misc/helpers.ts
-var helpers_exports = /* @__PURE__ */ require_chunk.__export({
+var helpers_exports = /* @__PURE__ */ require_tableSettings.__exportAll({
 	asNumber: () => asNumber,
 	asNumberOrArray: () => asNumberOrArray,
 	asString: () => asString,
@@ -2069,8 +2024,8 @@ var helpers_exports = /* @__PURE__ */ require_chunk.__export({
 	subStringMatch: () => subStringMatch,
 	uniq: () => uniq
 });
-const flatMap = (array, flatMap$1) => {
-	return [...array].flatMap(flatMap$1);
+const flatMap = (array, flatMap) => {
+	return [...array].flatMap(flatMap);
 };
 const orderBy = (array, selectors = [], direction = [], locale, options) => {
 	if (selectors.length === 0) selectors = [(t) => t];
@@ -2081,7 +2036,11 @@ const orderBy = (array, selectors = [], direction = [], locale, options) => {
 			const _direction = direction[i] === "desc" ? -1 : 1;
 			const _locale = locale?.[i];
 			const _options = options?.[i];
-			if (typeof _a === "string" && typeof _b === "string") return _a.localeCompare(_b, _locale, _options) * _direction;
+			if (typeof _a === "string" && typeof _b === "string") {
+				const result = _a.localeCompare(_b, _locale, _options);
+				if (result !== 0) return result * _direction;
+				continue;
+			}
 			if (_a > _b) return _direction;
 			if (_a < _b) return -_direction;
 		}
@@ -2145,12 +2104,11 @@ const castArray = (a) => Array.isArray(a) ? a : [a];
 const cx = (...classNames) => classNames.flatMap((entry) => {
 	if (!entry) return [];
 	if (typeof entry === "string") return [entry];
-	return Object.entries(entry).filter(([, predicate]) => predicate).map(([className$2]) => className$2);
+	return Object.entries(entry).filter(([, predicate]) => predicate).map(([className]) => className);
 }).join(" ");
 function isTruthy(x) {
 	return !!x;
 }
-
 //#endregion
 //#region src/components/numberField.tsx
 const Pattern = /^-?\d*(?:[.,]\d*)?$/;
@@ -2160,14 +2118,14 @@ const printNumber = (value, locale) => {
 };
 const parseNumber = (value) => {
 	if (value === "") return null;
-	const asNumber$1 = Number(value.replace(",", "."));
-	return Number.isNaN(asNumber$1) ? null : asNumber$1;
+	const asNumber = Number(value.replace(",", "."));
+	return Number.isNaN(asNumber) ? null : asNumber;
 };
-function NumberField({ value: commitedValue = null, onChange,...textFieldProps }) {
+function NumberField({ value: commitedValue = null, onChange, ...textFieldProps }) {
 	const locale = useTheme((t) => t.locale);
-	const TextField$1 = useTheme((t) => t.components.TextField);
+	const TextField = useTheme((t) => t.components.TextField);
 	const [value = printNumber(commitedValue, locale), setValue] = (0, react.useState)();
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TextField$1, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TextField, {
 		value,
 		onChange: (event) => {
 			if (Pattern.test(event.target.value)) setValue(event.target.value);
@@ -2183,10 +2141,9 @@ function NumberField({ value: commitedValue = null, onChange,...textFieldProps }
 		} }
 	});
 }
-
 //#endregion
 //#region src/components/rangeFilter.tsx
-function RangeFilter({ min, max, filterBy = asNumberOrArray,...props }) {
+function RangeFilter({ min, max, filterBy = asNumberOrArray, ...props }) {
 	const rangeMinText = useTheme((t) => t.text.rangeMin);
 	const rangeMaxText = useTheme((t) => t.text.rangeMax);
 	const table = useTableContext();
@@ -2196,16 +2153,17 @@ function RangeFilter({ min, max, filterBy = asNumberOrArray,...props }) {
 		if (typeof min === "number" && typeof max === "number") return [min, max];
 		const column = state.activeColumns.find((c) => c.id === columnId);
 		if (!column) return [0, 100];
-		let minValue$1;
-		let maxValue$1;
+		let minValue;
+		let maxValue;
 		for (const item of state.items) {
-			const numberValues = castArray(filterByFunction(column.value(item.value), item.value)).filter((value$1) => value$1 !== null);
-			for (const value$1 of numberValues) {
-				minValue$1 = Math.min(minValue$1 ?? value$1, value$1);
-				maxValue$1 = Math.max(maxValue$1 ?? value$1, value$1);
+			const columnValue = column.value(item.value);
+			const numberValues = castArray(filterByFunction(columnValue, item.value)).filter((value) => value !== null);
+			for (const value of numberValues) {
+				minValue = Math.min(minValue ?? value, value);
+				maxValue = Math.max(maxValue ?? value, value);
 			}
 		}
-		return [min ?? minValue$1, max ?? maxValue$1];
+		return [min ?? minValue, max ?? maxValue];
 	});
 	const { value, onChange } = useFilter({
 		...props,
@@ -2214,20 +2172,20 @@ function RangeFilter({ min, max, filterBy = asNumberOrArray,...props }) {
 		isActive(filterValue) {
 			return !!filterValue;
 		},
-		test(filterValue, value$1) {
+		test(filterValue, value) {
 			if (!filterValue || filterValue[0] === null && filterValue[1] === null) return true;
-			const min$1 = filterValue[0] ?? Number.NEGATIVE_INFINITY;
-			const max$1 = filterValue[1] ?? Number.POSITIVE_INFINITY;
-			return value$1 !== null && value$1 >= min$1 && value$1 <= max$1;
+			const min = filterValue[0] ?? Number.NEGATIVE_INFINITY;
+			const max = filterValue[1] ?? Number.POSITIVE_INFINITY;
+			return value !== null && value >= min && value <= max;
 		}
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: {
 			padding: `calc(var(--spacing) * 2)`,
 			display: "grid",
 			gap: "1em"
 		},
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 			css: {
 				display: "flex",
 				gap: "1em",
@@ -2235,13 +2193,13 @@ function RangeFilter({ min, max, filterBy = asNumberOrArray,...props }) {
 				"& > *": { width: "10em" }
 			},
 			children: [
-				/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(NumberField, {
+				/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(NumberField, {
 					value: value?.[0],
 					onChange: (newMin) => onChange(normalize(newMin, value?.[1], "min", {
 						min,
 						max
 					})),
-					startIcon: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+					startIcon: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 						css: { margin: "0 calc(var(--spacing) * 2)" },
 						children: rangeMinText
 					}),
@@ -2249,13 +2207,13 @@ function RangeFilter({ min, max, filterBy = asNumberOrArray,...props }) {
 					css: { alignItems: "baseline" }
 				}),
 				"-",
-				/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(NumberField, {
+				/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(NumberField, {
 					value: value?.[1],
 					onChange: (newMax) => onChange(normalize(value?.[0], newMax, "max", {
 						min,
 						max
 					})),
-					startIcon: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+					startIcon: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 						css: { margin: "0 calc(var(--spacing) * 2)" },
 						children: rangeMaxText
 					}),
@@ -2269,18 +2227,19 @@ function RangeFilter({ min, max, filterBy = asNumberOrArray,...props }) {
 function normalize(min, max, changed, limits) {
 	min ??= null;
 	max ??= null;
-	if (min !== null && max !== null && min > max) if (changed === "min") max = min;
-	else min = max;
+	if (min !== null && max !== null && min > max) {
+		if (changed === "min") max = min;
+		else min = max;
+	}
 	return min !== null || max !== null ? [clamp(min, limits.min, limits.max), clamp(max, limits.min, limits.max)] : null;
 }
 function clamp(value, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY) {
 	return value === null ? null : Math.min(Math.max(value, min), max);
 }
-
 //#endregion
 //#region src/components/formControlLabel.tsx
 function FormControlLabel({ control, label, disabled }) {
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("label", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("label", {
 		css: [{
 			display: "flex",
 			alignItems: "center",
@@ -2288,16 +2247,15 @@ function FormControlLabel({ control, label, disabled }) {
 			userSelect: "none",
 			"& > *": { cursor: "pointer" }
 		}, disabled && { color: "rgba(0, 0, 0, 0.26)" }],
-		children: [control, /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+		children: [control, /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 			css: { marginLeft: "var(--spacing)" },
 			children: label
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/virtualList.tsx
-function VirtualList({ virtual = true, items, children,...props }) {
+function VirtualList({ virtual = true, items, children, ...props }) {
 	const container = (0, react.useRef)(null);
 	const [, setId] = (0, react.useState)({});
 	const throttleScroll = (typeof virtual === "boolean" ? void 0 : virtual)?.throttleScroll ?? 16;
@@ -2317,7 +2275,7 @@ function VirtualList({ virtual = true, items, children,...props }) {
 		virtual,
 		throttleScroll
 	]);
-	if (!virtual) return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	if (!virtual) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		...props,
 		css: {
 			overflowY: "auto",
@@ -2331,7 +2289,7 @@ function VirtualList({ virtual = true, items, children,...props }) {
 	const to = container.current?.clientHeight ? Math.min(items.length, Math.ceil((container.current.scrollTop + container.current.clientHeight + (overscanBottom ?? overscan)) / itemHeight)) : 1;
 	const before = from * itemHeight;
 	const after = (items.length - to) * itemHeight;
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		...props,
 		onScroll: (event) => {
 			update();
@@ -2343,12 +2301,12 @@ function VirtualList({ virtual = true, items, children,...props }) {
 			display: "grid"
 		},
 		children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				"data-virtual-before": true,
 				style: { height: before }
 			}),
 			items.slice(from, to).map((item, index) => children(item, index + from)),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				"data-virtual-after": true,
 				style: { height: after }
 			})
@@ -2360,7 +2318,6 @@ function averageItemHeight(container) {
 	const heights = Array.from(container.children).slice(1, -1).map((child) => child.clientHeight);
 	return heights.reduce((a, b) => a + b, 0) / heights.length;
 }
-
 //#endregion
 //#region src/components/selectFilter.tsx
 function toggle(set, value, singleSelect) {
@@ -2369,11 +2326,11 @@ function toggle(set, value, singleSelect) {
 	else newSet.add(value);
 	return newSet;
 }
-function SelectFilter({ options: providedOptions, stringValue = asString, render = stringValue, singleSelect, hideSearchField, hideResetButton,...props }) {
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const Checkbox$1 = useTheme((t) => t.components.Checkbox);
-	const Search$1 = useTheme((t) => t.icons.Search);
-	const Clear$1 = useTheme((t) => t.icons.Clear);
+function SelectFilter({ options: providedOptions, stringValue = asString, render = stringValue, singleSelect, hideSearchField, hideResetButton, virtual, ...props }) {
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const Checkbox = useTheme((t) => t.components.Checkbox);
+	const Search = useTheme((t) => t.icons.Search);
+	const Clear = useTheme((t) => t.icons.Clear);
 	const deselectAll = useTheme((t) => t.text.deselectAll);
 	const noResults = useTheme((t) => t.text.noResults);
 	const table = useTableContext();
@@ -2384,13 +2341,13 @@ function SelectFilter({ options: providedOptions, stringValue = asString, render
 		isActive(filterValue) {
 			return filterValue.size > 0;
 		},
-		test(filterValue, value$1) {
-			return filterValue.has(value$1);
+		test(filterValue, value) {
+			return filterValue.has(value);
 		}
 	});
 	const options = table.useState((state) => {
 		if (providedOptions) return uniq(providedOptions);
-		const column = state.activeColumns.find((column$1) => column$1.id === columnId);
+		const column = state.activeColumns.find((column) => column.id === columnId);
 		if (!column) return [];
 		return orderBy(uniq(flatMap(state.items, (item) => castArray(filterBy(column.value(item.value), item.value)))));
 	});
@@ -2398,11 +2355,11 @@ function SelectFilter({ options: providedOptions, stringValue = asString, render
 	const filtered = options.filter((option) => !query || stringValue(option).toLowerCase().includes(query.toLowerCase()));
 	const delayedValue = (0, react.useMemo)(() => value, [isActive]);
 	const ordered = filtered.filter((option) => delayedValue.has(option)).concat(filtered.filter((option) => !delayedValue.has(option)));
-	const Button$1 = useTheme((t) => t.components.Button);
+	const Button = useTheme((t) => t.components.Button);
 	(0, react.useEffect)(() => {
 		setQuery("");
 	}, [isActive]);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		css: {
 			padding: "calc(var(--spacing) * 2)",
 			display: "grid",
@@ -2410,16 +2367,16 @@ function SelectFilter({ options: providedOptions, stringValue = asString, render
 			gap: "var(--spacing)"
 		},
 		children: [
-			!hideSearchField && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(AutoFocusTextField, {
+			!hideSearchField && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(AutoFocusTextField, {
 				value: query,
 				onChange: (event) => setQuery(event.target.value),
-				endIcon: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+				endIcon: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 					onClick: () => setQuery(""),
-					children: !query ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Search$1, {}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Clear$1, {})
+					children: !query ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Search, {}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Clear, {})
 				}),
 				css: { marginBottom: "var(--spacing)" }
 			}),
-			!hideResetButton && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Button$1, {
+			!hideResetButton && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Button, {
 				disabled: value.size === 0,
 				onClick: () => onChange(/* @__PURE__ */ new Set()),
 				variant: "outlined",
@@ -2431,8 +2388,9 @@ function SelectFilter({ options: providedOptions, stringValue = asString, render
 				},
 				children: deselectAll
 			}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(VirtualList, {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(VirtualList, {
 				items: ordered,
+				virtual,
 				css: {
 					width: "20em",
 					maxWidth: "100%",
@@ -2441,22 +2399,21 @@ function SelectFilter({ options: providedOptions, stringValue = asString, render
 					display: "grid",
 					gridTemplateColumns: "minmax(0, 1fr)"
 				},
-				children: (option, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(FormControlLabel, {
-					control: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Checkbox$1, {
+				children: (option, index) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FormControlLabel, {
+					control: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Checkbox, {
 						checked: value.has(option),
 						onChange: () => onChange(toggle(value, option, singleSelect))
 					}),
 					label: render(option)
 				}, index)
 			}),
-			ordered.length === 0 && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+			ordered.length === 0 && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 				css: { textAlign: "center" },
 				children: noResults
 			})
 		]
 	});
 }
-
 //#endregion
 //#region src/hooks/useTableRef.ts
 function useTableRef(table, ref) {
@@ -2495,7 +2452,6 @@ function useTableRef(table, ref) {
 		}
 	}), [table]);
 }
-
 //#endregion
 //#region src/misc/queue.ts
 var Queue = class {
@@ -2529,7 +2485,6 @@ var Queue = class {
 		this.isRunning = false;
 	}
 };
-
 //#endregion
 //#region src/internalState/tableStateStorage.ts
 const KEYS = [
@@ -2543,22 +2498,22 @@ const KEYS = [
 ];
 const storageName = (id) => `schummar-table_state-v1_${id}`;
 function stringify(value) {
-	function prepare(value$1) {
-		if (value$1 instanceof Date) return { __date: value$1.toJSON() };
-		if (value$1 instanceof Set) return { __set: Array.from(value$1).map(prepare) };
-		if (value$1 instanceof Map) return { __map: Array.from(value$1.entries()).map((entry) => entry.map(prepare)) };
-		if (Array.isArray(value$1)) return value$1.map(prepare);
-		if (value$1 instanceof Object) return Object.fromEntries(Object.entries(value$1).map(([k, v]) => [k, prepare(v)]));
-		return value$1;
+	function prepare(value) {
+		if (value instanceof Date) return { __date: value.toJSON() };
+		if (value instanceof Set) return { __set: Array.from(value).map(prepare) };
+		if (value instanceof Map) return { __map: Array.from(value.entries()).map((entry) => entry.map(prepare)) };
+		if (Array.isArray(value)) return value.map(prepare);
+		if (value instanceof Object) return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, prepare(v)]));
+		return value;
 	}
 	return JSON.stringify(prepare(value));
 }
 function parse(value) {
-	return JSON.parse(value, (_key, value$1) => {
-		if (value$1 instanceof Object && "__date" in value$1) return new Date(value$1.__date);
-		if (value$1 instanceof Object && "__set" in value$1) return new Set(value$1.__set);
-		if (value$1 instanceof Object && "__map" in value$1) return new Map(value$1.__map);
-		return value$1;
+	return JSON.parse(value, (_key, value) => {
+		if (value instanceof Object && "__date" in value) return new Date(value.__date);
+		if (value instanceof Object && "__set" in value) return new Set(value.__set);
+		if (value instanceof Object && "__map" in value) return new Map(value.__map);
+		return value;
 	});
 }
 function useTableStateStorage(table) {
@@ -2579,23 +2534,25 @@ function useTableStateStorage(table) {
 				const data = parse(json);
 				table.getState().props.debug?.("load", json, data);
 				function applyUpdate(state, key) {
-					if ((!include || include.includes(key)) && !exclude?.includes(key) && key in data) if (key === "filterValues") for (const [id$1, value] of data[key]) {
-						const filter = state.filters.get(id$1);
-						if (filter && (filter.persist ?? filter.value === void 0)) {
-							state.filterValues.set(id$1, value);
-							state.filters.get(id$1)?.onChange?.(value);
+					if ((!include || include.includes(key)) && !exclude?.includes(key) && key in data) {
+						if (key === "filterValues") for (const [id, value] of data[key]) {
+							const filter = state.filters.get(id);
+							if (filter && (filter.persist ?? filter.value === void 0)) {
+								state.filterValues.set(id, value);
+								state.filters.get(id)?.onChange?.(value);
+							}
 						}
-					}
-					else {
-						if (key === "expanded" || key === "hiddenColumns" || key === "selection" || key === "sort") {
-							if (state.props[key] !== void 0) return;
-							state.props[`on${key.slice(0, 1).toUpperCase() + key.slice(1)}Change`]?.(data[key]);
+						else {
+							if (key === "expanded" || key === "hiddenColumns" || key === "selection" || key === "sort") {
+								if (state.props[key] !== void 0) return;
+								state.props[`on${key.slice(0, 1).toUpperCase() + key.slice(1)}Change`]?.(data[key]);
+							}
+							state[key] = data[key];
 						}
-						state[key] = data[key];
 					}
 				}
 				table.update((state) => {
-					for (const key of KEYS.filter((key$1) => key$1 !== "filterValues")) applyUpdate(state, key);
+					for (const key of KEYS.filter((key) => key !== "filterValues")) applyUpdate(state, key);
 				});
 				await new Promise((resolve) => {
 					setTimeout(resolve);
@@ -2617,12 +2574,14 @@ function useTableStateStorage(table) {
 			if (!state.props.persist) return;
 			const { storage, id, include, exclude } = state.props.persist;
 			const data = {};
-			for (const key of KEYS) if ((!include || include.includes(key)) && !exclude?.includes(key)) if (key === "filterValues") {
-				data[key] = /* @__PURE__ */ new Map();
-				for (const [id$1, value] of state.filterValues) if (state.filters.get(id$1)?.persist ?? state.filters.get(id$1)?.value === void 0) data.filterValues.set(id$1, value);
-			} else {
-				if ((key === "expanded" || key === "hiddenColumns" || key === "selection" || key === "sort") && state.props[key] !== void 0) continue;
-				data[key] = state[key];
+			for (const key of KEYS) if ((!include || include.includes(key)) && !exclude?.includes(key)) {
+				if (key === "filterValues") {
+					data[key] = /* @__PURE__ */ new Map();
+					for (const [id, value] of state.filterValues) if (state.filters.get(id)?.persist ?? state.filters.get(id)?.value === void 0) data.filterValues.set(id, value);
+				} else {
+					if ((key === "expanded" || key === "hiddenColumns" || key === "selection" || key === "sort") && state.props[key] !== void 0) continue;
+					data[key] = state[key];
+				}
 			}
 			return {
 				storage,
@@ -2650,22 +2609,21 @@ function useTableStateStorage(table) {
 	}
 	return [isHydrated, clear];
 }
-
 //#endregion
 //#region src/internalState/calcItems.ts
 function calcItems(state) {
-	(0, react.useEffect)(() => state.addReaction((state$1) => [
-		state$1.props.items,
-		state$1.props.id,
-		state$1.props.parentId,
-		state$1.props.revealFiltered,
-		state$1.props.externalSort,
-		state$1.props.locale,
-		state$1.sort,
-		state$1.filters,
-		state$1.filterValues,
-		state$1.activeColumns,
-		state$1.expanded
+	(0, react.useEffect)(() => state.addReaction((state) => [
+		state.props.items,
+		state.props.id,
+		state.props.parentId,
+		state.props.revealFiltered,
+		state.props.externalSort,
+		state.props.locale,
+		state.sort,
+		state.filters,
+		state.filterValues,
+		state.activeColumns,
+		state.expanded
 	], ([items = [], id, parentId, revealFiltered, externalSort, locale, sort, filters, filterValues, activeColumns], draft) => {
 		const tableItems = items.map((item) => ({
 			id: id(item),
@@ -2676,14 +2634,14 @@ function calcItems(state) {
 		let sorted;
 		if (sort.length === 0 || externalSort) sorted = tableItems;
 		else {
-			const selectors = flatMap(sort, (sort$1) => {
-				const column = activeColumns.find((column$1) => column$1.id === sort$1.columnId);
+			const selectors = flatMap(sort, (sort) => {
+				const column = activeColumns.find((column) => column.id === sort.columnId);
 				if (!column) return [];
 				return column.sortBy.map((sortBy) => ({
 					selector: (item) => sortBy(column.value(item), item),
-					direction: sort$1.direction,
-					locale: sort$1.locale ?? locale,
-					options: sort$1.options
+					direction: sort.direction,
+					locale: sort.locale ?? locale,
+					options: sort.options
 				}));
 			}).filter(Boolean);
 			sorted = orderBy(tableItems, selectors.map((x) => (item) => x.selector(item.value)), selectors.map((x) => x.direction), selectors.map((x) => x.locale), selectors.map((x) => x.options));
@@ -2693,8 +2651,8 @@ function calcItems(state) {
 		for (const item of sorted) (item.parentId !== void 0 && item.parentId !== null ? lookup.get(item.parentId) : void 0)?.children.push(item);
 		const allItems = new Array();
 		const allItemsById = /* @__PURE__ */ new Map();
-		const traverse = (items$1) => {
-			for (const item of items$1) {
+		const traverse = (items) => {
+			for (const item of items) {
 				allItems.push(item);
 				allItemsById.set(item.id, item);
 				traverse(item.children);
@@ -2711,12 +2669,13 @@ function calcItems(state) {
 				if (!filter || filter.external) return true;
 				const filterValue = filterValues.get(column.id);
 				if (filterValue === void 0 || !filter.isActive(filterValue)) return true;
-				return castArray((filter.filterBy ?? ((x) => x))(column.value(item.value), item.value)).some((value) => filter.test(filterValue, value));
+				const value = (filter.filterBy ?? ((x) => x))(column.value(item.value), item.value);
+				return castArray(value).some((value) => filter.test(filterValue, value));
 			});
 			if (isActive && item.parentId !== void 0 && item.parentId !== null) {
 				activeSet.add(item.parentId);
-				if (revealFiltered && Array.from(filters.entries()).some(([id$1, filter]) => {
-					const filterValue = filterValues.get(id$1);
+				if (revealFiltered && Array.from(filters.entries()).some(([id, filter]) => {
+					const filterValue = filterValues.get(id);
 					return !!filter && filterValue !== void 0 && filter.isActive(filterValue);
 				})) {
 					expandedChanged ||= !draft.expanded.has(item.parentId);
@@ -2735,23 +2694,20 @@ function calcItems(state) {
 		});
 	}, { runNow: true }), [state]);
 }
-
 //#endregion
 //#region src/exporters/serializer.ts
 function defaultSerializer(x) {
 	if (x instanceof Date || typeof x === "number" || typeof x === "string") return x;
 	return JSON.stringify(x) ?? "";
 }
-
 //#endregion
 //#region src/misc/overrides.ts
-function overrides(first, ...overrides$1) {
-	return overrides$1.reduce((result, source) => {
+function overrides(first, ...overrides) {
+	return overrides.reduce((result, source) => {
 		for (const [key, value] of Object.entries(source ?? {})) if (value !== void 0) result[key] = value;
 		return result;
 	}, { ...first });
 }
-
 //#endregion
 //#region src/internalState/calcProps.ts
 const defaultProps = {
@@ -2795,28 +2751,28 @@ function calc(props, cache) {
 	});
 	const globalDefaults = props.defaultColumnProps;
 	const mapColumn = ({ id: _id, header, exportHeader, footer, value, renderCell, exportCell, sortBy, disableSort, hidden, classes, styles, filter, width, displaySize }, index) => {
-		const id$1 = _id ?? index;
-		const cacheKey = typeof id$1 === "string" ? `s${id$1}` : `n${id$1}`;
-		const defaults$1 = {
+		const id = _id ?? index;
+		const cacheKey = typeof id === "string" ? `s${id}` : `n${id}`;
+		const defaults = {
 			...globalDefaults,
-			...columnProps?.(id$1)
+			...columnProps?.(id)
 		};
 		return {
-			id: id$1,
-			header: header ?? defaults$1?.header ?? null,
-			exportHeader: exportHeader ?? defaults$1?.exportHeader ?? id$1,
-			footer: footer ?? defaults$1?.footer ?? null,
+			id,
+			header: header ?? defaults?.header ?? null,
+			exportHeader: exportHeader ?? defaults?.exportHeader ?? id,
+			footer: footer ?? defaults?.footer ?? null,
 			value: cache(`columns.${cacheKey}.value`, value),
-			renderCell: cache(`columns.${cacheKey}.renderCell`, renderCell ?? defaults$1?.renderCell ?? asString),
-			exportCell: exportCell ?? defaults$1?.exportCell ?? defaultSerializer,
-			sortBy: (sortBy ?? defaults$1?.sortBy ?? [(v) => typeof v === "number" || v instanceof Date ? v : v === null || v === void 0 ? "" : String(v)]).map((function_, i) => cache(`columns.${cacheKey}.sortBy.${i}`, function_)),
-			disableSort: disableSort ?? defaults$1?.disableSort ?? false,
-			hidden: hidden ?? defaults$1?.hidden,
-			classes: classes ?? defaults$1?.classes,
-			styles: styles ?? defaults$1?.styles,
-			filter: filter ?? defaults$1?.filter,
-			width: width ?? defaults$1?.width,
-			displaySize: (displaySize ?? defaults$1.displaySize) !== void 0 ? castArray(displaySize ?? defaults$1.displaySize) : void 0
+			renderCell: cache(`columns.${cacheKey}.renderCell`, renderCell ?? defaults?.renderCell ?? asString),
+			exportCell: exportCell ?? defaults?.exportCell ?? defaultSerializer,
+			sortBy: (sortBy ?? defaults?.sortBy ?? [(v) => typeof v === "number" || v instanceof Date ? v : v === null || v === void 0 ? "" : String(v)]).map((function_, i) => cache(`columns.${cacheKey}.sortBy.${i}`, function_)),
+			disableSort: disableSort ?? defaults?.disableSort ?? props.disableSort ?? false,
+			hidden: hidden ?? defaults?.hidden,
+			classes: classes ?? defaults?.classes,
+			styles: styles ?? defaults?.styles,
+			filter: filter ?? defaults?.filter,
+			width: width ?? defaults?.width,
+			displaySize: (displaySize ?? defaults.displaySize) !== void 0 ? castArray(displaySize ?? defaults.displaySize) : void 0
 		};
 	};
 	const columns = inputColumns?.filter((x) => !!x).map(mapColumn);
@@ -2824,7 +2780,7 @@ function calc(props, cache) {
 	const wrapCell = props.wrapCell && cache("wrapCell", props.wrapCell);
 	const rowAction = props.rowAction instanceof Function || Array.isArray(props.rowAction) ? cache("rowAction", props.rowAction) : props.rowAction;
 	const rowDetails = props.rowDetails instanceof Function || Array.isArray(props.rowDetails) ? cache("rowDetails", props.rowDetails) : props.rowDetails;
-	const displaySizeOverrides = props.displaySizeOverrides && Object.fromEntries(Object.entries(props.displaySizeOverrides ?? {}).map(([size, overrides$1]) => [size, overrides$1 && calc(overrides$1, cache)]));
+	const displaySizeOverrides = props.displaySizeOverrides && Object.fromEntries(Object.entries(props.displaySizeOverrides ?? {}).map(([size, overrides]) => [size, overrides && calc(overrides, cache)]));
 	return {
 		...props,
 		id,
@@ -2847,15 +2803,14 @@ function calc(props, cache) {
 		displaySizeOverrides
 	};
 }
-
 //#endregion
 //#region src/internalState/cleanupState.ts
 function cleanupState(state) {
-	(0, react.useEffect)(() => state.addReaction((state$1) => [
-		state$1.props.columns,
-		state$1.itemsById,
-		state$1.activeItemsById,
-		state$1.activeColumns
+	(0, react.useEffect)(() => state.addReaction((state) => [
+		state.props.columns,
+		state.itemsById,
+		state.activeItemsById,
+		state.activeColumns
 	], ([columns, itemsById, activeItemsById, activeColumns], draft) => {
 		const columnIds = new Set(columns.map((column) => column.id));
 		const activeColumnIds = new Set(activeColumns.map((column) => column.id));
@@ -2889,25 +2844,23 @@ function cleanupState(state) {
 		}
 	}, { runNow: true }), [state]);
 }
-
 //#endregion
 //#region src/internalState/filterColumns.ts
 function filterColumns(state) {
-	(0, react.useEffect)(() => state.addReaction((state$1) => [
-		state$1.props.columns,
-		state$1.hiddenColumns,
-		state$1.columnOrder,
-		state$1.displaySize
+	(0, react.useEffect)(() => state.addReaction((state) => [
+		state.props.columns,
+		state.hiddenColumns,
+		state.columnOrder,
+		state.displaySize
 	], ([columns, hiddenColumns, columnOrder, displaySize], draft) => {
 		draft.activeColumns = orderBy(columns.filter((column) => !(column.hidden ?? hiddenColumns.has(column.id))), [(column) => columnOrder.indexOf(column.id)]);
 		draft.visibleColumns = draft.activeColumns.filter((column) => displaySize === void 0 || column.displaySize === void 0 || column.displaySize.includes(displaySize));
 	}, { runNow: true }), [state]);
-	(0, react.useEffect)(() => state.addReaction((state$1) => new Set(state$1.visibleColumns.map((column) => column.id)), (_, draft) => {
+	(0, react.useEffect)(() => state.addReaction((state) => new Set(state.visibleColumns.map((column) => column.id)), (_, draft) => {
 		draft.rowHeights.clear();
 		draft.rowHeightsKey = Math.random();
 	}, { runNow: false }), [state]);
 }
-
 //#endregion
 //#region src/internalState/normalizeExpanded.ts
 function normalizeExpanded(table) {
@@ -2941,7 +2894,6 @@ function normalizeExpanded(table) {
 		if (hasChanged) state.props.onExpandedChange?.(new Set(expanded));
 	}, { runNow: true }), [table]);
 }
-
 //#endregion
 //#region src/internalState/syncSelections.ts
 function syncSelections(table) {
@@ -2961,7 +2913,6 @@ function syncSelections(table) {
 		}
 	}, { runNow: true }), [table]);
 }
-
 //#endregion
 //#region src/internalState/watchDisplaySize.ts
 function watchDisplaySize(state) {
@@ -2975,22 +2926,21 @@ function watchDisplaySize(state) {
 		document.defaultView?.addEventListener("resize", onResize);
 		return () => document.defaultView?.removeEventListener("resize", onResize);
 	}, [state]);
-	(0, react.useEffect)(() => state.addReaction((state$1) => ({
-		displaySizePx: state$1.displaySizePx,
-		displaySize: state$1.props.displaySize
+	(0, react.useEffect)(() => state.addReaction((state) => ({
+		displaySizePx: state.displaySizePx,
+		displaySize: state.props.displaySize
 	}), ({ displaySizePx, displaySize }, draft) => {
 		if (displaySizePx === void 0) return;
 		if (typeof displaySize === "object") draft.displaySize = Object.entries(displaySize).find(([, maxWidth]) => maxWidth !== void 0 && maxWidth >= displaySizePx)?.[0];
 		else draft.displaySize = displaySize;
 	}), [state]);
-	(0, react.useEffect)(() => state.addReaction((state$1) => ({
-		props: state$1.normalizedProps,
-		displaySize: state$1.displaySize
+	(0, react.useEffect)(() => state.addReaction((state) => ({
+		props: state.normalizedProps,
+		displaySize: state.displaySize
 	}), ({ props, displaySize }, draft) => {
 		draft.props = (0, immer.castDraft)(overrides(props, displaySize ? props.displaySizeOverrides?.[displaySize] : void 0));
 	}), [state]);
 }
-
 //#endregion
 //#region src/internalState/useTableState.ts
 function useTableState(_props) {
@@ -3036,30 +2986,29 @@ function useTableState(_props) {
 	cleanupState(state);
 	watchDisplaySize(state);
 	(0, react.useEffect)(() => {
-		state.update((state$1) => {
-			state$1.normalizedProps = (0, immer.castDraft)(props);
-			if (props.sort) state$1.sort = props.sort;
-			if (props.selection) state$1.selection = props.selection;
-			if (props.expanded) state$1.expanded = props.expanded;
-			if (props.hiddenColumns) state$1.hiddenColumns = props.hiddenColumns;
-			for (const column of props.columns) if (!state$1.columnOrder.includes(column.id)) {
+		state.update((state) => {
+			state.normalizedProps = (0, immer.castDraft)(props);
+			if (props.sort) state.sort = props.sort;
+			if (props.selection) state.selection = props.selection;
+			if (props.expanded) state.expanded = props.expanded;
+			if (props.hiddenColumns) state.hiddenColumns = props.hiddenColumns;
+			for (const column of props.columns) if (!state.columnOrder.includes(column.id)) {
 				const index = props.columns.indexOf(column);
-				state$1.columnOrder.splice(index, 0, column.id);
+				state.columnOrder.splice(index, 0, column.id);
 			}
 		});
 	}, [state, props]);
 	return [state, reset];
 }
-
 //#endregion
 //#region src/components/clearFiltersButton.tsx
 function ClearFiltersButton() {
-	const Button$1 = useTheme((t) => t.components.Button);
+	const Button = useTheme((t) => t.components.Button);
 	const textClearFilters = useTheme((t) => t.text.clearFilters);
 	const table = useTableContext();
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: require_tableSettings.defaultClasses.clearFiltersButton,
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Button$1, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Button, {
 			variant: "outlined",
 			onClick: () => {
 				table.update((state) => {
@@ -3073,7 +3022,6 @@ function ClearFiltersButton() {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/columnFooter.tsx
 function ColumnFooter() {
@@ -3088,7 +3036,7 @@ function ColumnFooter() {
 	const content = table.useState((state) => {
 		return state.activeColumns.find((column) => column.id === columnId)?.footer;
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		className: cx(classes, columnClasses),
 		css: [
 			require_tableSettings.defaultClasses.footerCell,
@@ -3101,7 +3049,6 @@ function ColumnFooter() {
 		children: content
 	});
 }
-
 //#endregion
 //#region src/components/resizeHandle.tsx
 function ResizeHandle() {
@@ -3135,7 +3082,7 @@ function ResizeHandle() {
 		});
 	}
 	if (!enabled) return null;
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ResizeHandleView, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ResizeHandleView, {
 		enabled,
 		onPointerDown: enabled ? onPointerDown : void 0,
 		onPointerMove: enabled ? onPointerMove : void 0,
@@ -3143,11 +3090,11 @@ function ResizeHandle() {
 		onDoubleClick: enabled ? onDoubleClick : void 0
 	});
 }
-function ResizeHandleView({ enabled,...props }) {
-	const className$2 = useTheme((theme) => theme.classes?.columnDivider);
+function ResizeHandleView({ enabled, ...props }) {
+	const className = useTheme((theme) => theme.classes?.columnDivider);
 	const styles = useTheme((theme) => theme.styles?.columnDivider);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
-		className: className$2,
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+		className,
 		css: [{
 			alignSelf: "stretch",
 			padding: "0 5px",
@@ -3166,24 +3113,23 @@ function ResizeHandleView({ enabled,...props }) {
 		...props
 	});
 }
-
 //#endregion
 //#region src/components/sortComponent.tsx
 function SortComponent({ children }) {
 	const table = useTableContext();
 	const columnId = useColumnContext();
-	const Badge$1 = useTheme((t) => t.components.Badge);
-	const ArrowUpward$1 = useTheme((t) => t.icons.ArrowUpward);
+	const Badge = useTheme((t) => t.components.Badge);
+	const ArrowUpward = useTheme((t) => t.icons.ArrowUpward);
 	const { direction, index, sortDisabled } = table.useState((state) => {
-		const index$1 = state.sort.findIndex((s) => s.columnId === columnId) ?? -1;
-		const column = state.activeColumns.find((column$1) => column$1.id === columnId);
+		const index = state.sort.findIndex((s) => s.columnId === columnId) ?? -1;
+		const column = state.activeColumns.find((column) => column.id === columnId);
 		return {
-			direction: state.sort[index$1]?.direction,
-			index: index$1 >= 0 && state.sort.length > 1 ? index$1 + 1 : void 0,
+			direction: state.sort[index]?.direction,
+			index: index >= 0 && state.sort.length > 1 ? index + 1 : void 0,
 			sortDisabled: column?.disableSort ?? state.props.disableSort
 		};
 	});
-	function toggle$1(event, off) {
+	function toggle(event, off) {
 		if (sortDisabled) return;
 		const { props: { sort: controlledSort, onSortChange } } = table.getState();
 		const newDirection = direction === "asc" ? "desc" : "asc";
@@ -3199,7 +3145,7 @@ function SortComponent({ children }) {
 		event.preventDefault();
 		return false;
 	}
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		css: {
 			userSelect: "none",
 			display: "grid",
@@ -3211,11 +3157,11 @@ function SortComponent({ children }) {
 				textOverflow: "ellipsis"
 			}
 		},
-		onClick: (event) => toggle$1(event),
-		onContextMenu: (event) => toggle$1(event, true),
-		children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Badge$1, {
+		onClick: (event) => toggle(event),
+		onContextMenu: (event) => toggle(event, true),
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { children }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Badge, {
 			badgeContent: sortDisabled ? 0 : index,
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 				css: [
 					{
 						transition: "all 300ms",
@@ -3224,12 +3170,11 @@ function SortComponent({ children }) {
 					!direction && { opacity: 0 },
 					direction === "desc" && { transform: "rotate3d(0, 0, 1, 180deg)" }
 				],
-				children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ArrowUpward$1, {})
+				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ArrowUpward, {})
 			})
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/columnHeader.tsx
 const ColumnHeaderContext = new require_tableSettings.StoreScope({ items: /* @__PURE__ */ new Map() });
@@ -3243,7 +3188,7 @@ function ColumnHeader({ index }) {
 	const classes = useTheme((theme) => theme.classes?.headerCell);
 	const styles = useTheme((theme) => theme.styles?.headerCell);
 	const { header, columnClasses, columnStyles } = table.useState((state) => {
-		const column = state.activeColumns.find((column$1) => column$1.id === columnId);
+		const column = state.activeColumns.find((column) => column.id === columnId);
 		return {
 			header: column?.header,
 			columnClasses: column?.classes?.headerCell,
@@ -3251,8 +3196,8 @@ function ColumnHeader({ index }) {
 		};
 	});
 	const store = ColumnHeaderContext.useStore();
-	const draggingStart = (0, react.useRef)();
-	const clone = (0, react.useRef)();
+	const draggingStart = (0, react.useRef)(void 0);
+	const clone = (0, react.useRef)(void 0);
 	(0, react.useEffect)(() => {
 		const div = ref.current;
 		if (!div) return;
@@ -3311,24 +3256,24 @@ function ColumnHeader({ index }) {
 				div.style.color = "rgba(0, 0, 0, 0.2)";
 			}
 			clone.current.style.left = `${draggingStart.current.bounds.left + event.clientX - draggingStart.current.mouseX}px`;
-			const index$1 = state.columnOrder.indexOf(columnId);
+			const index = state.columnOrder.indexOf(columnId);
 			const targetIndex = calcTargetIndex(div.offsetLeft + event.clientX - draggingStart.current.mouseX);
-			const columns = table.getState().columnOrder.map((id, index$2) => ({
+			const columns = table.getState().columnOrder.map((id, index) => ({
 				id,
-				index: index$2,
+				index,
 				width: store.getState().items.get(id)?.offsetWidth ?? 0
 			}));
 			state.columnOrder.forEach((id, i) => {
 				let offset = 0;
-				if (i === index$1) {
-					if (targetIndex > index$1) offset = columns.slice(index$1 + 1, targetIndex + 1).reduce((sum, col) => sum + col.width, 0);
-					else if (targetIndex < index$1) offset = -columns.slice(targetIndex, index$1).reduce((sum, col) => sum + col.width, 0);
-				} else if (i >= targetIndex && i < index$1) offset = div.offsetWidth;
-				else if (i > index$1 && i <= targetIndex) offset = -div.offsetWidth;
+				if (i === index) {
+					if (targetIndex > index) offset = columns.slice(index + 1, targetIndex + 1).reduce((sum, col) => sum + col.width, 0);
+					else if (targetIndex < index) offset = -columns.slice(targetIndex, index).reduce((sum, col) => sum + col.width, 0);
+				} else if (i >= targetIndex && i < index) offset = div.offsetWidth;
+				else if (i > index && i <= targetIndex) offset = -div.offsetWidth;
 				state.columnStyleOverride.set(id, {
 					transition: "transform 500ms",
 					transform: `translate3d(${offset}px, 0, 0)`,
-					zIndex: i === index$1 ? 1 : void 0
+					zIndex: i === index ? 1 : void 0
 				});
 			});
 		});
@@ -3337,9 +3282,9 @@ function ColumnHeader({ index }) {
 		table.update((state) => {
 			const div = ref.current;
 			if (!div || draggingStart.current === void 0) return;
-			const index$1 = state.columnOrder.indexOf(columnId);
+			const index = state.columnOrder.indexOf(columnId);
 			const targetIndex = calcTargetIndex(div.offsetLeft + event.clientX - draggingStart.current.mouseX);
-			state.columnOrder.splice(index$1, 1);
+			state.columnOrder.splice(index, 1);
 			state.columnOrder.splice(targetIndex, 0, columnId);
 			clone.current?.remove();
 			div.style.color = "";
@@ -3348,7 +3293,7 @@ function ColumnHeader({ index }) {
 			clone.current = void 0;
 		});
 	}
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		ref,
 		className: cx(classes, columnClasses),
 		css: [
@@ -3369,22 +3314,21 @@ function ColumnHeader({ index }) {
 		onPointerMove: enabled ? onPointerMove : void 0,
 		onPointerUp: enabled ? onPointerUp : void 0,
 		children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(SortComponent, { children: header }),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { css: { flex: 1 } }),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(FilterControl, {}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ResizeHandle, {})
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(SortComponent, { children: header }),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { css: { flex: 1 } }),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FilterControl, {}),
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ResizeHandle, {})
 		]
 	});
 }
-
 //#endregion
 //#region src/components/columnSelection.tsx
 function ColumnSelection() {
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const Popover$1 = useTheme((t) => t.components.Popover);
-	const Checkbox$1 = useTheme((t) => t.components.Checkbox);
-	const Button$1 = useTheme((t) => t.components.Button);
-	const Settings$1 = useTheme((t) => t.icons.Settings);
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const Popover = useTheme((t) => t.components.Popover);
+	const Checkbox = useTheme((t) => t.components.Checkbox);
+	const Button = useTheme((t) => t.components.Button);
+	const Settings = useTheme((t) => t.icons.Settings);
 	const selectColumns = useTheme((t) => t.text.selectColumns);
 	const resetAll = useTheme((t) => t.text.resetAll);
 	const showAll = useTheme((t) => t.text.showAllColumns);
@@ -3396,57 +3340,57 @@ function ColumnSelection() {
 	const columns = table.useState((state) => orderBy(state.props.columns.filter((column) => state.displaySize === void 0 || column.displaySize === void 0 || column.displaySize.includes(state.displaySize)), [(column) => state.columnOrder.indexOf(column.id)]));
 	const hiddenColumns = table.useState((state) => state.hiddenColumns);
 	const [anchorElement, setAnchorElement] = (0, react.useState)(null);
-	const toggle$1 = (column, state) => {
+	const toggle = (column, state) => {
 		const { props: { hiddenColumns: controlledHiddenColumns, onHiddenColumnsChange } } = table.getState();
 		const newValue = new Set(hiddenColumns);
-		for (const columnId of column ? [column.id] : columns.map((column$1) => column$1.id)) if (state ?? hiddenColumns.has(columnId)) newValue.delete(columnId);
+		for (const columnId of column ? [column.id] : columns.map((column) => column.id)) if (state ?? hiddenColumns.has(columnId)) newValue.delete(columnId);
 		else newValue.add(columnId);
-		if (!controlledHiddenColumns) table.update((state$1) => {
-			state$1.hiddenColumns = newValue;
+		if (!controlledHiddenColumns) table.update((state) => {
+			state.hiddenColumns = newValue;
 		});
 		onHiddenColumnsChange?.(newValue);
 	};
 	const allVisible = columns.every((column) => !hiddenColumns.has(column.id));
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 		onClick: (event) => setAnchorElement(anchorElement ? null : event.currentTarget),
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Settings$1, {})
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Popover$1, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Settings, {})
+	}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Popover, {
 		anchorEl: anchorElement,
 		open: !!anchorElement,
 		onClose: () => setAnchorElement(null),
 		css: cssVariables,
 		className: classes?.popover,
 		backdropClassName: classes?.popoverBackdrop,
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 			css: {
 				padding: `calc(var(--spacing) * 2)`,
 				display: "grid"
 			},
 			children: [
-				/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+				/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 					css: { marginBottom: "var(--spacing)" },
 					children: selectColumns
 				}),
-				/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+				/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 					css: {
 						margin: "0.5em 0",
 						display: "flex",
 						gap: "0.5em"
 					},
-					children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Button$1, {
+					children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Button, {
 						variant: "outlined",
-						onClick: () => toggle$1(void 0, !allVisible),
+						onClick: () => toggle(void 0, !allVisible),
 						children: allVisible ? hideAll : showAll
-					}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Button$1, {
+					}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Button, {
 						variant: "outlined",
 						onClick: reset,
 						children: resetAll
 					})]
 				}),
-				columns.map((column) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(FormControlLabel, {
-					control: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Checkbox$1, {
+				columns.map((column) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FormControlLabel, {
+					control: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Checkbox, {
 						checked: !(column.hidden ?? hiddenColumns.has(column.id)),
-						onChange: () => toggle$1(column),
+						onChange: () => toggle(column),
 						disabled: column.hidden !== void 0
 					}),
 					label: column.header
@@ -3455,17 +3399,16 @@ function ColumnSelection() {
 		})
 	})] });
 }
-
 //#endregion
 //#region src/components/export.tsx
 function Export() {
 	const { exporters: contextExporters } = (0, react.useContext)(require_tableSettings.TableSettingsContext);
 	const table = useTableContext();
-	const Button$1 = useTheme((t) => t.components.Button);
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const Popover$1 = useTheme((t) => t.components.Popover);
+	const Button = useTheme((t) => t.components.Button);
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const Popover = useTheme((t) => t.components.Popover);
 	const ExportIcon = useTheme((t) => t.icons.Export);
-	const Clipboard$1 = useTheme((t) => t.icons.Clipboard);
+	const Clipboard = useTheme((t) => t.icons.Clipboard);
 	const exportTitle = useTheme((t) => t.text.exportTitle);
 	const exportCopy = useTheme((t) => t.text.exportCopy);
 	const exportDownload = useTheme((t) => t.text.exportDownload);
@@ -3503,17 +3446,17 @@ function Export() {
 			URL.revokeObjectURL(url);
 		}
 	}
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 		onClick: (event) => setAnchor(anchor ? null : event.currentTarget),
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ExportIcon, { css: !!anchor && { color: "var(--primaryMain)" } })
-	}), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Popover$1, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ExportIcon, { css: !!anchor && { color: "var(--primaryMain)" } })
+	}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Popover, {
 		open: !!anchor,
 		onClose: () => setAnchor(null),
 		anchorEl: anchor,
 		css: cssVariables,
 		className: classes?.popover,
 		backdropClassName: classes?.popoverBackdrop,
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 			css: {
 				padding: `calc(var(--spacing) * 2)`,
 				display: "grid",
@@ -3521,11 +3464,11 @@ function Export() {
 				gap: "var(--spacing)",
 				"& > *": { justifyContent: "start" }
 			},
-			children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				css: { marginBottom: "var(--spacing)" },
 				children: exportTitle
-			}), exporters.map((entry, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(Button$1, {
-				startIcon: entry.action === "copy" ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Clipboard$1, {}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ExportIcon, {}),
+			}), exporters.map((entry, index) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(Button, {
+				startIcon: entry.action === "copy" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Clipboard, {}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ExportIcon, {}),
 				onClick: () => execute(entry),
 				children: [
 					entry.action === "copy" ? exportCopy : exportDownload,
@@ -3537,7 +3480,6 @@ function Export() {
 		})
 	})] });
 }
-
 //#endregion
 //#region src/misc/calcClassNames.ts
 function calcClassNames(classes, item, index) {
@@ -3554,22 +3496,21 @@ function calcCss(styles, item, index) {
 		index % 2 === 1 && styles?.oddCell
 	];
 }
-
 //#endregion
 //#region src/components/cell.tsx
 const defaultWrapCell = (content) => {
-	if (typeof content === "string") return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+	if (typeof content === "string") return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 		css: require_tableSettings.defaultClasses.text,
 		title: content,
 		children: content
 	});
 	return content;
 };
-const Cell = (0, react.memo)(function Cell$1({ itemId, rowIndex }) {
+const Cell = (0, react.memo)(function Cell({ itemId, rowIndex }) {
 	const table = useTableContext();
 	const columnId = useColumnContext();
 	const column = table.useState((state) => {
-		const col = state.activeColumns.find((column$1) => column$1.id === columnId);
+		const col = state.activeColumns.find((column) => column.id === columnId);
 		return col && {
 			value: col.value,
 			renderCell: col.renderCell
@@ -3581,25 +3522,24 @@ const Cell = (0, react.memo)(function Cell$1({ itemId, rowIndex }) {
 	(0, react.useLayoutEffect)(() => {
 		table.getState().props.debugRender?.("render cell", itemId, columnId);
 	});
-	const className$2 = useTheme((t) => cx(...calcClassNames(t.classes, item?.value, rowIndex)));
+	const className = useTheme((t) => cx(...calcClassNames(t.classes, item?.value, rowIndex)));
 	const styles = useTheme((t) => calcCss(t.styles, item?.value, rowIndex));
 	if (!column || !item) return null;
 	const content = column.renderCell(column.value(item.value), item.value);
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
-		className: className$2,
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+		className,
 		css: [require_tableSettings.defaultClasses.cell, styles],
 		style: columnStyleOverride,
 		children: wrapCell(content, column.value(item.value), item.value, rowIndex)
 	});
 });
-
 //#endregion
 //#region src/components/details.tsx
-const Details = (0, react.forwardRef)(function Details$1({ itemId, rowIndex }, ref) {
+const Details = (0, react.forwardRef)(function Details({ itemId, rowIndex }, ref) {
 	const table = useTableContext();
 	const classes = useTheme((t) => t.classes);
 	const styles = useTheme((t) => t.styles);
-	const { details, className: className$2, css: css$2 } = table.useState((state) => {
+	const { details, className, css } = table.useState((state) => {
 		const item = state.activeItemsById.get(itemId);
 		return {
 			details: state.expanded.has(itemId) ? state.props.rowDetails instanceof Function ? item ? state.props.rowDetails(item.value, rowIndex) : null : state.props.rowDetails : void 0,
@@ -3607,24 +3547,23 @@ const Details = (0, react.forwardRef)(function Details$1({ itemId, rowIndex }, r
 			css: styles?.details instanceof Function ? styles.details(item?.value, rowIndex) : styles?.details
 		};
 	});
-	return details ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return details ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		ref,
-		className: className$2,
-		css: [require_tableSettings.defaultClasses.details, css$2],
+		className,
+		css: [require_tableSettings.defaultClasses.details, css],
 		children: details
 	}) : null;
 });
-
 //#endregion
 //#region src/components/expandControl.tsx
 function ExpandControl({ itemId, hasDeferredChildren }) {
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const Spinner$1 = useTheme((t) => t.components.Spinner);
-	const ChevronRight$1 = useTheme((t) => t.icons.ChevronRight);
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const Spinner = useTheme((t) => t.components.Spinner);
+	const ChevronRight = useTheme((t) => t.icons.ChevronRight);
 	const table = useTableContext();
 	const isExpanded = table.useState((state) => state.expanded.has(itemId));
 	const hasChildren = table.useState((state) => !!state.activeItemsById.get(itemId)?.children.length);
-	function toggle$1(e) {
+	function toggle(e) {
 		e.preventDefault();
 		e.stopPropagation();
 		const { props: { expanded: controlledExpanded, expandOnlyOne, onExpandedChange }, expanded, activeItemsById } = table.getState();
@@ -3644,30 +3583,29 @@ function ExpandControl({ itemId, hasDeferredChildren }) {
 			state.expanded = newExpanded;
 		});
 	}
-	if (isExpanded && hasDeferredChildren && !hasChildren) return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Spinner$1, { css: { margin: "0 var(--spacing)" } });
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
-		onClick: toggle$1,
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
+	if (isExpanded && hasDeferredChildren && !hasChildren) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Spinner, { css: { margin: "0 var(--spacing)" } });
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
+		onClick: toggle,
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 			css: {
 				display: "inline-flex",
 				transition: "all 300ms",
 				transform: isExpanded ? "rotate3d(0, 0, 1, 90deg)" : "rotate3d(0, 0, 1, 0deg)"
 			},
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ChevronRight$1, {})
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ChevronRight, {})
 		})
 	});
 }
-
 //#endregion
 //#region src/components/selectComponent.tsx
 function SelectComponent({ itemId }) {
 	const table = useTableContext();
-	const Checkbox$1 = useTheme((t) => t.components.Checkbox);
-	const isSelected$1 = table.useState((state) => {
+	const Checkbox = useTheme((t) => t.components.Checkbox);
+	const isSelected = table.useState((state) => {
 		const itemIds = itemId ? [itemId] : Array.from(state.activeItemsById.keys());
-		return state.activeItemsById.size > 0 && itemIds.every((itemId$1) => state.selection.has(itemId$1));
+		return state.activeItemsById.size > 0 && itemIds.every((itemId) => state.selection.has(itemId));
 	});
-	function toggle$1(event) {
+	function toggle(event) {
 		const mouseEvent = event.nativeEvent;
 		const { activeItems, activeItemsById, lastSelectedId, selection, props: { selectSyncChildren, selection: controlledSelection, onSelectionChange } } = table.getState();
 		let range;
@@ -3680,9 +3618,9 @@ function SelectComponent({ itemId }) {
 			range = item ? [item] : activeItems;
 		}
 		const newSelection = new Set(selection);
-		for (const item of range) if (isSelected$1) newSelection.delete(item.id);
+		for (const item of range) if (isSelected) newSelection.delete(item.id);
 		else newSelection.add(item.id);
-		if (selectSyncChildren && isSelected$1) {
+		if (selectSyncChildren && isSelected) {
 			for (const ancestor of getAncestors(activeItemsById, ...range)) newSelection.delete(ancestor);
 			for (const descendant of getDescendants(...range)) newSelection.delete(descendant);
 		}
@@ -3694,41 +3632,40 @@ function SelectComponent({ itemId }) {
 			state.lastSelectedId = itemId;
 		});
 	}
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Checkbox$1, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Checkbox, {
 		css: {
 			justifySelf: "start",
 			color: "#c9cfda"
 		},
-		checked: isSelected$1,
-		onChange: toggle$1
+		checked: isSelected,
+		onChange: toggle
 	});
 }
-
 //#endregion
 //#region src/components/row.tsx
-const Row = (0, react.memo)(function Row$1({ itemId, rowIndex, rowHeightsKey }) {
+const Row = (0, react.memo)(function Row({ itemId, rowIndex, rowHeightsKey }) {
 	const table = useTableContext();
 	const divRef = (0, react.useRef)(null);
 	const detailsDivRef = (0, react.useRef)(null);
 	const classes = useTheme((t) => t.classes);
 	const styles = useTheme((t) => t.styles);
 	const item = table.useState((state) => state.activeItemsById.get(itemId));
-	const wrapRow = table.useState((state) => state.props.wrapRow) ?? ((props) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { ...props }));
+	const wrapRow = table.useState((state) => state.props.wrapRow) ?? ((props) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { ...props }));
 	const rowClassName = classes?.row instanceof Function ? classes.row(item?.value, rowIndex) : classes?.row;
 	const rowStyles = styles?.row instanceof Function ? styles.row(item?.value, rowIndex) : styles?.row;
 	const subgrid = table.useState((state) => state.props.subgrid);
 	const { cellClassName, css_, indent, hasChildren, hasDeferredChildren, columnIds, enableSelection, rowAction, hasDetails } = table.useState((state) => {
-		const item$1 = state.activeItemsById.get(itemId);
+		const item = state.activeItemsById.get(itemId);
 		return {
-			cellClassName: cx(...calcClassNames(classes, item$1?.value, rowIndex)),
-			css_: calcCss(styles, item$1?.value, rowIndex),
-			indent: item$1 ? getAncestors(state.activeItemsById, item$1).size : 0,
-			hasChildren: !!item$1?.children.length,
-			hasDeferredChildren: item$1 && state.props.hasDeferredChildren?.(item$1.value),
+			cellClassName: cx(...calcClassNames(classes, item?.value, rowIndex)),
+			css_: calcCss(styles, item?.value, rowIndex),
+			indent: item ? getAncestors(state.activeItemsById, item).size : 0,
+			hasChildren: !!item?.children.length,
+			hasDeferredChildren: item && state.props.hasDeferredChildren?.(item.value),
 			columnIds: state.visibleColumns.map((column) => column.id),
 			enableSelection: state.props.enableSelection,
-			rowAction: state.props.rowAction instanceof Function ? item$1 ? state.props.rowAction(item$1.value, rowIndex) : null : state.props.rowAction,
-			hasDetails: state.props.rowDetails instanceof Function ? item$1 ? !!state.props.rowDetails(item$1.value, rowIndex) : null : !!state.props.rowDetails
+			rowAction: state.props.rowAction instanceof Function ? item ? state.props.rowAction(item.value, rowIndex) : null : state.props.rowAction,
+			hasDetails: state.props.rowDetails instanceof Function ? item ? !!state.props.rowDetails(item.value, rowIndex) : null : !!state.props.rowDetails
 		};
 	});
 	(0, react.useLayoutEffect)(() => {
@@ -3760,19 +3697,19 @@ const Row = (0, react.memo)(function Row$1({ itemId, rowIndex, rowHeightsKey })
 		table.getState().props.debugRender?.("render row", itemId);
 	});
 	if (!item) return null;
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react.ClassNames, { children: ({ css: css$2, cx: cx$1 }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react_jsx_runtime.Fragment, { children: wrapRow({
-		className: cx$1(css$2([subgrid ? {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react.ClassNames, { children: ({ css, cx }) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react_jsx_runtime.Fragment, { children: wrapRow({
+		className: cx(css([subgrid ? {
 			gridColumn: `1 / -1`,
 			display: "grid",
 			gridTemplateColumns: "subgrid"
 		} : { display: "contents" }, rowStyles]), rowClassName),
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: cellClassName,
 				css: [require_tableSettings.defaultClasses.cellFill, css_],
 				ref: divRef
 			}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 				className: cellClassName,
 				css: [
 					require_tableSettings.defaultClasses.cell,
@@ -3780,27 +3717,27 @@ const Row = (0, react.memo)(function Row$1({ itemId, rowIndex, rowHeightsKey })
 					css_
 				],
 				children: [
-					indent > 0 && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { css: { width: indent * 20 } }),
-					enableSelection && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(SelectComponent, { itemId }),
-					(hasChildren || hasDeferredChildren || hasDetails) && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ExpandControl, {
+					indent > 0 && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { css: { width: indent * 20 } }),
+					enableSelection && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(SelectComponent, { itemId }),
+					(hasChildren || hasDeferredChildren || hasDetails) && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ExpandControl, {
 						itemId,
 						hasDeferredChildren
 					}),
 					rowAction
 				]
 			}),
-			columnIds.map((columnId) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
+			columnIds.map((columnId) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
 				value: columnId,
-				children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Cell, {
+				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Cell, {
 					itemId,
 					rowIndex
 				})
 			}, columnId)),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: cellClassName,
 				css: [require_tableSettings.defaultClasses.cellFill, css_]
 			}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Details, {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Details, {
 				ref: detailsDivRef,
 				itemId,
 				rowIndex
@@ -3808,7 +3745,6 @@ const Row = (0, react.memo)(function Row$1({ itemId, rowIndex, rowHeightsKey })
 		] })
 	}, item.value, rowIndex) }) });
 });
-
 //#endregion
 //#region src/components/virtualized.tsx
 const findScrollRoot = (x) => {
@@ -3822,19 +3758,19 @@ const relativeOffset = (x, y) => {
 	if (x.offsetParent instanceof HTMLElement) return relativeOffset(x.offsetParent, y) + x.offsetTop;
 	return 0;
 };
-function Virtualized({ header, footer, children,...props }) {
+function Virtualized({ header, footer, children, ...props }) {
 	const table = useTableContext();
 	const virtual = table.useState((state) => state.props.virtual);
 	const probeRef = (0, react.useRef)(null);
 	const [, setId] = (0, react.useState)({});
 	const { itemIds = [], from = 0, to, before = 0, after = 0 } = table.useState((state) => {
-		const itemIds$1 = state.activeItems.map((item) => item.id);
+		const itemIds = state.activeItems.map((item) => item.id);
 		const root = probeRef.current && findScrollRoot(probeRef.current);
-		if (!state.props.virtual) return { itemIds: itemIds$1 };
+		if (!state.props.virtual) return { itemIds };
 		if (!probeRef.current || !root || !document.contains(root)) return {};
 		const { rowHeight, initalRowHeight, overscan = 100, overscanTop, overscanBottom } = (state.props.virtual instanceof Object ? state.props.virtual : void 0) ?? {};
 		let totalHeight = 0;
-		const rowHeights = itemIds$1.map((itemId, index) => {
+		const rowHeights = itemIds.map((itemId, index) => {
 			const h = rowHeight ?? state.rowHeights.get(itemId) ?? initalRowHeight ?? (index === 0 ? 100 : totalHeight / index);
 			totalHeight += h;
 			return h;
@@ -3843,26 +3779,26 @@ function Virtualized({ header, footer, children,...props }) {
 		const headerHeight = probeRef.current.offsetTop;
 		const topOfTable = root.scrollTop - probeOffset + headerHeight;
 		const bottomOfTable = topOfTable + root.clientHeight - headerHeight;
-		let from$1 = 0;
-		let to$1 = itemIds$1.length;
-		let before$1 = 0;
-		let after$1 = 0;
+		let from = 0;
+		let to = itemIds.length;
+		let before = 0;
+		let after = 0;
 		for (const h of rowHeights) {
-			if (before$1 + h > topOfTable - (overscanTop ?? overscan)) break;
-			from$1++;
-			before$1 += h;
+			if (before + h > topOfTable - (overscanTop ?? overscan)) break;
+			from++;
+			before += h;
 		}
 		for (const h of rowHeights.reverse()) {
-			if (after$1 + h > totalHeight - bottomOfTable - (overscanBottom ?? overscan)) break;
-			to$1--;
-			after$1 += h;
+			if (after + h > totalHeight - bottomOfTable - (overscanBottom ?? overscan)) break;
+			to--;
+			after += h;
 		}
 		return {
-			itemIds: itemIds$1.slice(from$1, to$1),
-			from: from$1,
-			to: to$1,
-			before: before$1,
-			after: after$1
+			itemIds: itemIds.slice(from, to),
+			from,
+			to,
+			before,
+			after
 		};
 	}, { throttle: 16 });
 	const throttleScroll = (typeof virtual === "boolean" ? void 0 : virtual)?.throttleScroll ?? 16;
@@ -3880,11 +3816,11 @@ function Virtualized({ header, footer, children,...props }) {
 	(0, react.useLayoutEffect)(() => {
 		table.getState().props.debugRender?.(`Virtualized render ${from} to ${to}`);
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		...props,
 		children: [
 			header,
-			virtual && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			virtual && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				style: {
 					gridColumn: "1 / -1",
 					height: before
@@ -3892,7 +3828,7 @@ function Virtualized({ header, footer, children,...props }) {
 				ref: probeRef
 			}),
 			children(itemIds, from),
-			virtual && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { style: {
+			virtual && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { style: {
 				gridColumn: "1 / -1",
 				height: after
 			} }),
@@ -3900,14 +3836,19 @@ function Virtualized({ header, footer, children,...props }) {
 		]
 	});
 }
-
 //#endregion
 //#region src/components/table.tsx
 const Table = (0, react.forwardRef)(_Table);
 function _Table(props, ref) {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableMemoContextProvider, { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableWithState, {
+		props,
+		tableRef: ref
+	}) });
+}
+function TableWithState({ props, tableRef }) {
 	const [table, resetState] = useTableState(props);
 	const [isHydrated, clearStorage] = useTableStateStorage(table);
-	useTableRef(table, ref);
+	useTableRef(table, tableRef);
 	async function reset() {
 		await clearStorage();
 		resetState();
@@ -3915,11 +3856,11 @@ function _Table(props, ref) {
 	(0, react.useLayoutEffect)(() => {
 		table.getState().props.debugRender?.("render table");
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableContext.Provider, {
 		value: table,
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableResetContext.Provider, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableResetContext.Provider, {
 			value: reset,
-			children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableMemoContextProvider, { children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableLoadingState, { isHydrated }) })
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableLoadingState, { isHydrated })
 		})
 	});
 }
@@ -3930,9 +3871,9 @@ function TableLoadingState({ isHydrated }) {
 		const handle = setTimeout(() => setShowLoading(true), 500);
 		return () => clearTimeout(handle);
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [!isHydrated && showLoading && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: loadingText }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableInner, { hidden: !isHydrated })] });
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [!isHydrated && showLoading && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { children: loadingText }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableInner, { hidden: !isHydrated })] });
 }
-const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
+const TableInner = (0, react.memo)(function TableInner({ hidden }) {
 	const table = useTableContext();
 	const fullWidth = table.useState((state) => state.props.fullWidth);
 	const visibleColumns = table.useState((state) => state.visibleColumns.map((column) => ({
@@ -3964,7 +3905,7 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 	(0, react.useLayoutEffect)(() => {
 		table.getState().props.debugRender?.("render table inner");
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Virtualized, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Virtualized, {
 		className: classes?.table,
 		css: [
 			cssVariables,
@@ -3978,8 +3919,8 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 			...visibleColumns.map((column) => columnWidths.get(column.id) ?? column.width ?? "max-content"),
 			fullWidth === "left" || fullWidth === true ? "auto" : "0"
 		].join(" ") },
-		header: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+		header: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: classes?.headerCell,
 				css: [
 					{
@@ -3992,7 +3933,7 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 					styles?.headerCell
 				]
 			}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 				className: classes?.headerCell,
 				css: [
 					{
@@ -4005,17 +3946,17 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 					styles?.headerCell
 				],
 				children: [
-					enableSelection && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(SelectComponent, {}),
-					enableColumnSelection && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnSelection, {}),
-					enableExport && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Export, {}),
-					(enableSelection || enableColumnSelection || enableExport) && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { css: { flex: 1 } }), /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ResizeHandleView, {})] })
+					enableSelection && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(SelectComponent, {}),
+					enableColumnSelection && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnSelection, {}),
+					enableExport && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Export, {}),
+					(enableSelection || enableColumnSelection || enableExport) && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { css: { flex: 1 } }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ResizeHandleView, {})] })
 				]
 			}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnHeaderContext.Provider, { children: visibleColumns.map((column, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnHeaderContext.Provider, { children: visibleColumns.map((column, index) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
 				value: column.id,
-				children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnHeader, { index })
+				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnHeader, { index })
 			}, column.id)) }),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: classes?.headerCell,
 				css: [
 					{
@@ -4029,8 +3970,8 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 				]
 			})
 		] }),
-		footer: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [enableClearFiltersButton && hasActiveFilters && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ClearFiltersButton, {}), hasFooter && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)(__emotion_react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+		footer: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [enableClearFiltersButton && hasActiveFilters && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ClearFiltersButton, {}), hasFooter && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: classes?.footerCell,
 				css: [
 					{ gridColumn: 1 },
@@ -4040,7 +3981,7 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 					styles?.footerCell
 				]
 			}),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: classes?.footerCell,
 				css: [
 					require_tableSettings.defaultClasses.footerFill,
@@ -4049,11 +3990,11 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 					styles?.footerCell
 				]
 			}),
-			visibleColumns.map((column) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
+			visibleColumns.map((column) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnContext.Provider, {
 				value: column.id,
-				children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(ColumnFooter, {})
+				children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ColumnFooter, {})
 			}, column.id)),
-			/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 				className: classes?.footerCell,
 				css: [
 					require_tableSettings.defaultClasses.footerFill,
@@ -4063,29 +4004,28 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 				]
 			})
 		] })] }),
-		children: (itemIds, startIndex) => itemIds.map((itemId, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Row, {
+		children: (itemIds, startIndex) => itemIds.map((itemId, index) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Row, {
 			itemId,
 			rowIndex: startIndex + index,
 			rowHeightsKey
 		}, itemId))
 	});
 });
-
 //#endregion
 //#region src/components/textFilter.tsx
 function substringCompare(itemValue, filterValue) {
 	return itemValue.toLowerCase().includes(filterValue.toLowerCase());
 }
 function prefixCompare(itemValue, filterValue) {
-	return itemValue.toLowerCase().includes(filterValue.toLowerCase());
+	return itemValue.toLowerCase().startsWith(filterValue.toLowerCase());
 }
 function exactCompare(itemValue, filterValue) {
 	return itemValue.toLowerCase() === filterValue.toLowerCase();
 }
-function TextFilter({ compare = substringCompare, filterBy = asStringOrArray, placeholder,...props }) {
-	const IconButton$1 = useTheme((t) => t.components.IconButton);
-	const Search$1 = useTheme((t) => t.icons.Search);
-	const Clear$1 = useTheme((t) => t.icons.Clear);
+function TextFilter({ compare = substringCompare, filterBy = asStringOrArray, placeholder, ...props }) {
+	const IconButton = useTheme((t) => t.components.IconButton);
+	const Search = useTheme((t) => t.icons.Search);
+	const Clear = useTheme((t) => t.icons.Clear);
 	const { value = "", onChange, close } = useFilter({
 		...props,
 		filterBy,
@@ -4093,30 +4033,29 @@ function TextFilter({ compare = substringCompare, filterBy = asStringOrArray, pl
 		isActive(filterValue) {
 			return !!filterValue;
 		},
-		test(filterValue, value$1) {
-			return compare(value$1, filterValue);
+		test(filterValue, value) {
+			return compare(value, filterValue);
 		}
 	});
-	return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: {
 			padding: `calc(var(--spacing) * 2)`,
 			display: "grid"
 		},
-		children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(AutoFocusTextField, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(AutoFocusTextField, {
 			value,
 			onChange: (event) => onChange(event.target.value),
 			onKeyUp: (event) => {
 				if (event.key === "Enter") close();
 			},
-			endIcon: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(IconButton$1, {
+			endIcon: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
 				onClick: () => onChange(""),
-				children: !value ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Search$1, {}) : /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Clear$1, {})
+				children: !value ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Search, {}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Clear, {})
 			}),
 			placeholder
 		})
 	});
 }
-
 //#endregion
 //#region src/misc/textMatch.ts
 const textMatch = (text, query) => {
@@ -4135,7 +4074,6 @@ const termMatch = (text, query) => {
 	}
 	return true;
 };
-
 //#endregion
 exports.AutoFocusTextField = AutoFocusTextField;
 exports.ColumnContext = ColumnContext;
@@ -4158,11 +4096,11 @@ exports.dateIntersect = dateIntersect;
 exports.endOfDay = endOfDay;
 exports.exactCompare = exactCompare;
 exports.getCalendarWeek = getCalendarWeek;
-Object.defineProperty(exports, 'helpers', {
-  enumerable: true,
-  get: function () {
-    return helpers_exports;
-  }
+Object.defineProperty(exports, "helpers", {
+	enumerable: true,
+	get: function() {
+		return helpers_exports;
+	}
 });
 exports.lastDays = lastDays;
 exports.mergeThemes = require_tableSettings.mergeThemes;
@@ -4179,4 +4117,5 @@ exports.useColumnContext = useColumnContext;
 exports.useFilter = useFilter;
 exports.useTableContext = useTableContext;
 exports.useTheme = useTheme;
+
 //# sourceMappingURL=index.cjs.map