schummar-table 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/index.cjs

@@ -1,664 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.cjs");
 const require_tableTheme = require("./tableTheme-CSqMIpLB.cjs");
+const require_useTheme = require("./useTheme-BxEsZbTm.cjs");
 let react = require("react");
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
-let _emotion_cache = require("@emotion/cache");
-_emotion_cache = require_rolldown_runtime.__toESM(_emotion_cache, 1);
-let _emotion_serialize = require("@emotion/serialize");
-let _emotion_utils = require("@emotion/utils");
 let react_dom = require("react-dom");
-let temporal_polyfill = require("temporal-polyfill");
-let date_fns = require("date-fns");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
-//#region src/theme/defaultTheme/defaultColors.ts
-const defaultColors = {
-	primary: {
-		main: "#1976d2",
-		light: "#42a5f5",
-		contrastText: "#fff"
-	},
-	secondary: {
-		main: "#9c27b0",
-		light: "#ba68c8",
-		contrastText: "#fff"
-	},
-	blocked: {
-		main: "#f44336",
-		light: "#f26257",
-		contrastText: "#fff"
-	},
-	background: "#ffffff",
-	text: "inherit",
-	border: "#777",
-	borderLight: "#eee"
-};
-//#endregion
-//#region src/components/spinnner.tsx
-function Spinner({ className }) {
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-		className,
-		css: _emotion_react.css`
-        display: inline-block;
-        position: relative;
-        width: 1em;
-        height: 1em;
-
-        div {
-          box-sizing: border-box;
-          display: block;
-          position: absolute;
-          width: 0.8em;
-          height: 0.8em;
-          margin: 0.1em;
-          border: 0.1em solid #fff;
-          border-radius: 50%;
-          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-          border-color: currentColor transparent transparent transparent;
-        }
-        div:nth-of-type(1) {
-          animation-delay: -0.45s;
-        }
-        div:nth-of-type(2) {
-          animation-delay: -0.3s;
-        }
-        div:nth-of-type(3) {
-          animation-delay: -0.15s;
-        }
-        @keyframes lds-ring {
-          0% {
-            transform: rotate(0deg);
-          }
-          100% {
-            transform: rotate(360deg);
-          }
-        }
-      `,
-		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", {})
-		]
-	});
-}
-//#endregion
-//#region src/theme/defaultTheme/badge.tsx
-const Badge = ({ badgeContent, children }) => {
-	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", {
-			css: [{
-				top: 0,
-				right: 0,
-				transform: "scale(1) translate(50%, -50%)",
-				transformOrigin: "100% 0%",
-				height: 20,
-				display: "flex",
-				padding: "0 6px",
-				zIndex: 1,
-				position: "absolute",
-				flexWrap: "wrap",
-				minWidth: 20,
-				transition: "transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-				alignItems: "center",
-				lineHeight: 1,
-				alignContent: "center",
-				borderRadius: 10,
-				justifyContent: "center",
-				fontSize: "0.8em"
-			}, !badgeContent && {
-				transform: "scale(0) translate(50%, -50%)",
-				transition: "transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
-			}],
-			children: badgeContent
-		})]
-	});
-};
-//#endregion
-//#region src/theme/defaultTheme/button.tsx
-const Button = ({ startIcon, children, variant = "text", ...props }) => {
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("button", {
-		css: [
-			{
-				padding: `var(--spacing) calc(var(--spacing) * 2)`,
-				display: "inline-flex",
-				alignItems: "center",
-				transition: "background-color 150ms",
-				border: "none",
-				cursor: "pointer",
-				background: "transparent",
-				borderRadius: 4,
-				"&:active:not(:disabled)": { transform: "scale3d(0.95, 0.95, 1)" }
-			},
-			variant === "text" && { "&:hover": { background: "rgba(0, 0, 0, 0.1)" } },
-			variant === "outlined" && {
-				border: "1px solid var(--table-button-border, var(--table-border, #777777))",
-				"&:disabled": { borderColor: "var(--table-button-border-disabled, #eeeeee)" }
-			},
-			variant === "contained" && {
-				color: "var(--primaryContrastText)",
-				backgroundColor: "var(--primaryMain)",
-				boxShadow: "0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%)",
-				"&:hover": { filter: "brightness(0.9)" },
-				"&:disabled": {
-					filter: "grayscale()",
-					opacity: .5
-				}
-			}
-		],
-		...props,
-		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 })]
-	});
-};
-//#endregion
-//#region src/misc/helpers.ts
-var helpers_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
-	asNumber: () => asNumber,
-	asNumberOrArray: () => asNumberOrArray,
-	asString: () => asString,
-	asStringOrArray: () => asStringOrArray,
-	castArray: () => castArray,
-	cx: () => cx,
-	defaultEquals: () => defaultEquals,
-	flatMap: () => flatMap,
-	getAncestors: () => getAncestors,
-	getDescendants: () => getDescendants,
-	identity: () => identity$1,
-	intersect: () => intersect,
-	isTruthy: () => isTruthy,
-	orderBy: () => orderBy,
-	subStringMatch: () => subStringMatch,
-	toSingles: () => toSingles,
-	uniq: () => uniq
-});
-const flatMap = (array, flatMap) => {
-	return [...array].flatMap(flatMap);
-};
-const orderBy = (array, selectors = [], direction = [], locale, options) => {
-	if (selectors.length === 0) selectors = [(t) => t];
-	return [...array].sort((a, b) => {
-		for (let i = 0; i < selectors.length; i++) {
-			const _a = selectors[i]?.(a);
-			const _b = selectors[i]?.(b);
-			const _direction = direction[i] === "desc" ? -1 : 1;
-			const _locale = locale?.[i];
-			const _options = options?.[i];
-			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;
-		}
-		return 0;
-	});
-};
-const uniq = (array) => {
-	const set = /* @__PURE__ */ new Set();
-	for (const t of array) set.add(t);
-	return Array.from(set);
-};
-const intersect = (a, b) => {
-	const result = /* @__PURE__ */ new Set();
-	for (const x of a) if (b.has(x)) result.add(x);
-	return result;
-};
-const getAncestors = (activeItemsById, ...items) => {
-	const result = /* @__PURE__ */ new Set();
-	const find = ({ parentId }) => {
-		const parent = parentId !== void 0 && parentId !== null ? activeItemsById.get(parentId) : void 0;
-		if (parent && !result.has(parent.id)) {
-			result.add(parent.id);
-			find(parent);
-		}
-	};
-	items.forEach(find);
-	return result;
-};
-const getDescendants = (...items) => {
-	const result = /* @__PURE__ */ new Set();
-	const find = (item) => {
-		for (const child of item.children) if (!result.has(child.id)) {
-			result.add(child.id);
-			find(child);
-		}
-	};
-	items.forEach(find);
-	return result;
-};
-const identity$1 = (x) => x;
-const asString = (x) => {
-	if (Array.isArray(x)) return x.map(asString).join(", ");
-	if (x === null || x === void 0) return "";
-	if (x instanceof Object) return JSON.stringify(x);
-	return String(x);
-};
-const asStringOrArray = (x) => {
-	if (Array.isArray(x)) return x.map(asString);
-	return asString(x);
-};
-const asNumber = (x) => {
-	const n = Number(x);
-	return Number.isNaN(n) ? null : n;
-};
-const asNumberOrArray = (x) => {
-	if (Array.isArray(x)) return x.map(asNumber);
-	return asNumber(x);
-};
-const defaultEquals = (a, b) => a === b;
-const subStringMatch = (a, b) => a.toLowerCase().includes(b.toLowerCase());
-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]) => className);
-}).join(" ");
-function isTruthy(x) {
-	return !!x;
-}
-/** The single values of a `SingleOrMultiple` value. */
-function toSingles(value) {
-	if (Array.isArray(value)) return value;
-	if (value instanceof Set) return [...value];
-	return [value];
-}
-//#endregion
-//#region src/theme/emotion.ts
-const isServer = typeof document === "undefined";
-const isSerialized = (x) => typeof x.name === "string" && typeof x.styles === "string";
-/**
-* Turns emotion styles into a class name without re-serializing them on every call: serialized styles
-* are keyed by their hash, objects and functions by identity. Styles are inserted on the client only.
-*/
-function createClassNameOf(cache, theme) {
-	const classNames = /* @__PURE__ */ new Map();
-	const ids = /* @__PURE__ */ new WeakMap();
-	let nextId = 0;
-	const keyOf = (style) => {
-		if (style === null || style === void 0 || typeof style === "boolean") return "";
-		if (typeof style !== "object" && typeof style !== "function") return `${typeof style}:${String(style)}`;
-		if (typeof style === "object" && isSerialized(style)) return `s:${style.name}`;
-		let id = ids.get(style);
-		if (id === void 0) ids.set(style, id = nextId++);
-		return `o:${id}`;
-	};
-	return (...styles) => {
-		const key = JSON.stringify(styles.map(keyOf));
-		let className = classNames.get(key);
-		if (className === void 0) {
-			const serialized = (0, _emotion_serialize.serializeStyles)(styles, cache.registered, theme);
-			if (!isServer) (0, _emotion_utils.insertStyles)(cache, serialized, false);
-			className = serialized.styles ? `${cache.key}-${serialized.name}` : "";
-			if (classNames.size > 5e3) classNames.clear();
-			classNames.set(key, className);
-		}
-		return className;
-	};
-}
-let standaloneAppCache;
-const getStandaloneAppCache = () => standaloneAppCache ??= (0, _emotion_cache.default)({ key: "css" });
-const libraryClassNameOf = /* @__PURE__ */ new WeakMap();
-/**
-* For the library's own styles. They go into a separate cache that is prepended to the document, so
-* user styles of equal specificity (emotion or plain CSS) always override them. It inherits the app
-* cache's nonce and container.
-*/
-function useLibraryClassName() {
-	const appCache = (0, _emotion_react.__unsafe_useEmotionCache)() ?? getStandaloneAppCache();
-	return (0, react.useMemo)(() => {
-		let classNameOf = libraryClassNameOf.get(appCache);
-		if (!classNameOf) {
-			if (!isServer && appCache.sheet.tags.length === 0) (0, _emotion_utils.insertStyles)(appCache, (0, _emotion_serialize.serializeStyles)(["--schummar-table: 1;"]), false);
-			classNameOf = createClassNameOf((0, _emotion_cache.default)({
-				key: `${appCache.key}-st`,
-				prepend: true,
-				nonce: appCache.nonce,
-				container: appCache.sheet.container
-			}), void 0);
-			libraryClassNameOf.set(appCache, classNameOf);
-		}
-		return classNameOf;
-	}, [appCache]);
-}
-const userClassNameOf = /* @__PURE__ */ new WeakMap();
-/**
-* For user supplied styles, and for library styles that must beat a theme component's own styles:
-* the app's emotion cache, with its theme for function interpolations.
-*/
-function useUserClassName() {
-	const appCache = (0, _emotion_react.__unsafe_useEmotionCache)() ?? getStandaloneAppCache();
-	const theme = (0, _emotion_react.useTheme)();
-	return (0, react.useMemo)(() => {
-		let byTheme = userClassNameOf.get(appCache);
-		if (!byTheme) userClassNameOf.set(appCache, byTheme = /* @__PURE__ */ new WeakMap());
-		let classNameOf = byTheme.get(theme);
-		if (!classNameOf) byTheme.set(theme, classNameOf = createClassNameOf(appCache, theme));
-		return classNameOf;
-	}, [appCache, theme]);
-}
-//#endregion
-//#region src/theme/defaultTheme/checkbox.tsx
-const labelCss = (0, _emotion_react.css)({
-	padding: "calc(var(--spacing) * 1.8)",
-	display: "flex",
-	color: "currentcolor",
-	userSelect: "none",
-	"& input": {
-		appearance: "none",
-		margin: 0
-	}
-});
-const disabledCss = (0, _emotion_react.css)({ color: "rgba(0, 0, 0, 0.26)" });
-const iconCss = (0, _emotion_react.css)({
-	fontSize: "1.25rem",
-	width: "1em",
-	height: "1em",
-	fill: "currentColor"
-});
-const checkedIconCss = (0, _emotion_react.css)({ fill: "var(--primaryMain)" });
-const Checkbox = ({ className, ...props }) => {
-	const libraryClass = useLibraryClassName();
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("label", {
-		className: cx(libraryClass(labelCss), props.disabled && libraryClass(disabledCss), className),
-		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("input", {
-			type: "checkbox",
-			...props
-		}), props.checked ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("svg", {
-			className: libraryClass(iconCss, checkedIconCss),
-			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", {
-			className: libraryClass(iconCss),
-			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" })
-		})]
-	});
-};
-//#endregion
-//#region src/theme/defaultTheme/iconButton.tsx
-const iconButtonCss = (0, _emotion_react.css)({
-	padding: "var(--spacing)",
-	borderRadius: "50%",
-	display: "inline-flex",
-	justifyContent: "center",
-	alignItems: "center",
-	transition: "background-color 150ms",
-	border: "none",
-	cursor: "pointer",
-	color: "inherit",
-	background: "transparent",
-	"&:hover": { backgroundColor: "rgba(0, 0, 0, 0.04)" },
-	"&:active": { transformColor: "scale3d(0.95, 0.95, 1)" }
-});
-const IconButton = ({ className, ...props }) => {
-	const libraryClass = useLibraryClassName();
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("button", {
-		className: cx(libraryClass(iconButtonCss), className),
-		...props
-	});
-};
-//#endregion
-//#region src/theme/defaultTheme/textField.tsx
-const TextField = ({ startIcon, endIcon, className, inputRef, onBlur, ...props }) => {
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-		className,
-		css: [{
-			flex: 1,
-			display: "flex",
-			alignItems: "center",
-			border: "1px solid var(--table-textfield-border, var(--table-border, #777777))",
-			borderRadius: 4,
-			"&:focus-within": {
-				border: "2px solid var(--primaryMain)",
-				margin: -1
-			}
-		}],
-		children: [
-			startIcon,
-			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("input", {
-				ref: inputRef,
-				...props,
-				value: props.value ?? "",
-				onBlur,
-				css: {
-					minWidth: 0,
-					width: "100%",
-					flex: 1,
-					border: "none",
-					outline: "none",
-					borderRadius: 4,
-					padding: "calc(var(--spacing) * 2)",
-					paddingLeft: startIcon ? 0 : void 0,
-					paddingRight: endIcon ? 0 : void 0,
-					transition: "outline 500ms"
-				}
-			}),
-			endIcon
-		]
-	});
-};
-//#endregion
-//#region src/theme/defaultTheme/defaultComponents.ts
-const defaultComponents = {
-	IconButton,
-	Checkbox,
-	Popover: require_tableTheme.Popover,
-	Button,
-	Badge,
-	TextField,
-	Spinner
-};
-//#endregion
-//#region src/theme/defaultTheme/defaultIcons.tsx
-const IconDefaultStyle = (0, _emotion_react.css)({
-	width: "1.5em",
-	height: "1.5em",
-	color: "inherit"
-});
-function Icon(svg) {
-	return function IconComponent(props) {
-		const libraryClass = useLibraryClassName();
-		return (0, react.cloneElement)(svg, {
-			...props,
-			className: cx(libraryClass(IconDefaultStyle), props.className)
-		});
-	};
-}
-//#endregion
-//#region src/theme/defaultTheme/index.tsx
-const defaultTableTheme = {
-	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",
-		hiddenColumnFilters: "Filters of hidden columns"
-	},
-	components: defaultComponents,
-	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/useTheme.ts
-const ThemeContext = (0, react.createContext)(null);
-/** default < TableSettingsProvider < table props, merged once per change instead of per consumer. */
-function useTableTheme(props) {
-	const { theme: contextTheme } = (0, react.useContext)(require_tableTheme.TableSettingsContext);
-	const { text, classes, styles, components, icons, colors, spacing } = props;
-	return (0, react.useMemo)(() => require_tableTheme.mergeThemes(defaultTableTheme, contextTheme, {
-		text,
-		classes,
-		styles,
-		components,
-		icons,
-		colors,
-		spacing
-	}), [
-		contextTheme,
-		text,
-		classes,
-		styles,
-		components,
-		icons,
-		colors,
-		spacing
-	]);
-}
-function useTheme(selector) {
-	const tableTheme = (0, react.useContext)(ThemeContext);
-	const { theme: contextTheme } = (0, react.useContext)(require_tableTheme.TableSettingsContext);
-	const fallback = (0, react.useMemo)(() => tableTheme ? void 0 : require_tableTheme.mergeThemes(defaultTableTheme, contextTheme), [tableTheme, contextTheme]);
-	return selector(tableTheme ?? fallback);
-}
-/** The theme with a column's own classes and styles layered on top. */
-function columnTheme(theme, column) {
-	if (!column?.classes && !column?.styles) return theme;
-	return {
-		...theme,
-		classes: {
-			...theme.classes,
-			...column.classes
-		},
-		styles: {
-			...theme.styles,
-			...column.styles
-		}
-	};
-}
-//#endregion
 //#region src/components/autoFocusTextField.tsx
 function AutoFocusTextField(props) {
-	const TextField = useTheme((t) => t.components.TextField);
+	const TextField = require_useTheme.useTheme((t) => t.components.TextField);
 	const ref = (0, react.useRef)(null);
 	(0, react.useLayoutEffect)(() => {
 		const timeout = setTimeout(() => ref.current?.focus());
@@ -674,1120 +24,6 @@ function AutoFocusTextField(props) {
 	});
 }
 //#endregion
-//#region src/misc/defaults.ts
-function defaults(first, ...more) {
-	return more.reduce((acc, source) => {
-		const copy = { ...acc };
-		for (const [key, value] of Object.entries(source)) copy[key] ??= value;
-		return copy;
-	}, first);
-}
-//#endregion
-//#region src/theme/useCssVariables.ts
-function useCssVariables() {
-	return useTheme(({ spacing, colors }) => {
-		return {
-			"--spacing": spacing,
-			"--primaryMain": colors.primary.main,
-			"--primaryLight": colors.primary.light,
-			"--primaryContrastText": colors.primary.contrastText,
-			"--secondaryMain": colors.secondary.main,
-			"--secondaryLight": colors.secondary.light,
-			"--secondaryContrastText": colors.secondary.contrastText,
-			"--blockedMain": colors.blocked.main,
-			"--blockedLight": colors.blocked.light,
-			"--blockedContrastText": colors.blocked.contrastText,
-			"--table-background-color": colors.background,
-			"--table-text-color": colors.text,
-			"--table-border-color": colors.border,
-			"--table-border-light-color": colors.borderLight
-		};
-	});
-}
-//#endregion
-//#region src/vendor/dayzed/utils.ts
-/**
-* This is intended to be used to compose event handlers
-* They are executed in order until one of them calls
-* `event.preventDefault()`. Not sure this is the best
-* way to do this, but it seems legit...
-* @param {Function} fns the event hanlder functions
-* @return {Function} the event handler to add to an element
-*/
-function composeEventHandlers(...fns) {
-	return (event, ...args) => fns.some((fn) => {
-		if (fn) fn(event, ...args);
-		return event.defaultPrevented;
-	});
-}
-/**
-* Throws a helpful error message for required properties. Useful
-* to be used as a default in destructuring or object params.
-* @param {String} fnName the function name
-* @param {String} propName the prop name
-*/
-function requiredProp(fnName, propName) {
-	throw new Error(`The property "${propName}" is required in "${fnName}"`);
-}
-/**
-* Takes a calendars array and figures out the number of months to subtract
-* based on the current offset and the minDate allowed.
-* @param {Object} param The param object
-* @param {Array} param.calendars The calendars array created by the getCalendars function
-* @param {Number} param.offset The num of months to be subtracted
-* @param {Date} param.minDate The earliest date we are allow to subtract back to
-* @returns {Number} The number of months to subtract
-*/
-function subtractMonth({ calendars, offset, minDate }) {
-	if (offset > 1 && minDate) {
-		const { firstDayOfMonth } = calendars[0];
-		const diffInMonths = (0, date_fns.differenceInCalendarMonths)(firstDayOfMonth, minDate);
-		if (diffInMonths < offset) offset = diffInMonths;
-	}
-	return offset;
-}
-/**
-* Takes a calendars array and figures out the number of months to add
-* based on the current offset and the maxDate allowed.
-* @param {Object} param The param object
-* @param {Array} param.calendars The calendars array created by the getCalendars function
-* @param {Number} param.offset The num of months to be added
-* @param {Date} param.maxDate The furthest date we are allow to add forward to
-* @returns {Number} The number of months to add
-*/
-function addMonth({ calendars, offset, maxDate }) {
-	if (offset > 1 && maxDate) {
-		const { lastDayOfMonth } = calendars[calendars.length - 1];
-		const diffInMonths = (0, date_fns.differenceInCalendarMonths)(maxDate, lastDayOfMonth);
-		if (diffInMonths < offset) offset = diffInMonths;
-	}
-	return offset;
-}
-/**
-* Takes a calendars array and figures out if the back button should be
-* disabled based on the minDate allowed.
-* @param {Object} param The param object
-* @param {Array} param.calendars The calendars array created by the getCalendars function
-* @param {Date} param.minDate The earliest date available
-* @returns {Boolean} Whether the back button should be disabled.
-*/
-function isBackDisabled({ calendars, minDate }) {
-	if (!minDate) return false;
-	const { firstDayOfMonth } = calendars[0];
-	const firstDayOfMonthMinusOne = (0, date_fns.addDays)(firstDayOfMonth, -1);
-	if ((0, date_fns.isBefore)(firstDayOfMonthMinusOne, minDate)) return true;
-	return false;
-}
-/**
-* Takes a calendars array and figures out if the forward button should be
-* disabled based on the maxDate allowed.
-* @param {Object} param The param object
-* @param {Array} param.calendars The calendars array created by the getCalendars function
-* @param {Date} param.maxDate The furthest date available
-* @returns {Boolean} Whether the forward button should be disabled.
-*/
-function isForwardDisabled({ calendars, maxDate }) {
-	if (!maxDate) return false;
-	const { lastDayOfMonth } = calendars[calendars.length - 1];
-	const lastDayOfMonthPlusOne = (0, date_fns.addDays)(lastDayOfMonth, 1);
-	if ((0, date_fns.isBefore)(maxDate, lastDayOfMonthPlusOne)) return true;
-	return false;
-}
-/**
-* Figures out the months data needed based off the number of monthsToDisplay
-* and other options provided.
-* @param {Object} param The param object
-* @param {Date} param.date The date to start the calendar at
-* @param {Array.<Date>} param.selected An array of dates currently selected
-* @param {Number} param.monthsToDisplay The number of months to return in the calendar view
-* @param {Number} param.offset The number of months to offset based off the param.date given
-* @param {Date} param.minDate The earliest date available
-* @param {Date} param.maxDate The furthest date available
-* @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
-* @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
-* @returns {Array.<Object>} An array of objects with month data
-*/
-function getCalendars({ date, selected, monthsToDisplay, offset, minDate, maxDate, firstDayOfWeek, showOutsideDays }) {
-	const months = [];
-	const startDate = getStartDate(date, minDate, maxDate);
-	for (let i = 0; i < monthsToDisplay; i++) {
-		const calendarDates = getMonths({
-			month: startDate.getMonth() + i + offset,
-			year: startDate.getFullYear(),
-			selectedDates: selected,
-			minDate,
-			maxDate,
-			firstDayOfWeek,
-			showOutsideDays
-		});
-		months.push(calendarDates);
-	}
-	return months;
-}
-/**
-* Figures out the actual start date based on
-* the min and max dates available.
-* @param {Date} date The we want to start the calendar at
-* @param {Date} minDate The earliest date available to start at
-* @param {Date} maxDate The latest date available to start at
-* @returns {Date} The actual start date
-*/
-function getStartDate(date, minDate, maxDate) {
-	let startDate = (0, date_fns.startOfDay)(date);
-	if (minDate) {
-		const minDateNormalized = (0, date_fns.startOfDay)(minDate);
-		if ((0, date_fns.isBefore)(startDate, minDateNormalized)) startDate = minDateNormalized;
-	}
-	if (maxDate) {
-		const maxDateNormalized = (0, date_fns.startOfDay)(maxDate);
-		if ((0, date_fns.isBefore)(maxDateNormalized, startDate)) startDate = maxDateNormalized;
-	}
-	return startDate;
-}
-/**
-* Figures what week/day data to return for the given month
-* and year. Adds flags to day data if found in the given selectedDates,
-* if is selectable inside the given min and max dates, or is today.
-* @param {Object} param The param object
-* @param {Number} param.month The month to grab data for
-* @param {Number} param.year The year to grab data for
-* @param {Array.<Date>} param.selectedDates An array of dates currently selected
-* @param {Date} param.minDate The earliest date available
-* @param {Date} param.maxDate The furthest date available
-* @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
-* @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
-* @returns {Object} The data for the selected month/year
-*/
-function getMonths({ month, year, selectedDates, minDate, maxDate, firstDayOfWeek, showOutsideDays }) {
-	const daysMonthYear = getNumDaysMonthYear(month, year);
-	const daysInMonth = daysMonthYear.daysInMonth;
-	month = daysMonthYear.month;
-	year = daysMonthYear.year;
-	const dates = [];
-	for (let day = 1; day <= daysInMonth; day++) {
-		const date = new Date(year, month, day);
-		const dateObj = {
-			date,
-			selected: isSelected(selectedDates, date),
-			selectable: isSelectable(minDate, maxDate, date),
-			today: (0, date_fns.isToday)(date),
-			prevMonth: false,
-			nextMonth: false
-		};
-		dates.push(dateObj);
-	}
-	const firstDayOfMonth = new Date(year, month, 1);
-	const lastDayOfMonth = new Date(year, month, daysInMonth);
-	const frontWeekBuffer = fillFrontWeek({
-		firstDayOfMonth,
-		minDate,
-		maxDate,
-		selectedDates,
-		firstDayOfWeek,
-		showOutsideDays
-	});
-	const backWeekBuffer = fillBackWeek({
-		lastDayOfMonth,
-		minDate,
-		maxDate,
-		selectedDates,
-		firstDayOfWeek,
-		showOutsideDays
-	});
-	dates.unshift(...frontWeekBuffer);
-	dates.push(...backWeekBuffer);
-	const weeks = getWeeks(dates);
-	return {
-		firstDayOfMonth,
-		lastDayOfMonth,
-		month,
-		year,
-		weeks
-	};
-}
-/**
-* Fill front week with either empty buffer or dates from previous month,
-* depending on showOutsideDays flag
-* @param {Object} param The param object
-* @param {Array.<Date>} param.selectedDates An array of dates currently selected
-* @param {Date} param.minDate The earliest date available
-* @param {Date} param.maxDate The furthest date available
-* @param {Date} param.firstDayOfMonth First day of the month
-* @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
-* @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
-* @returns {Array.<Date>} Buffer to fill front week
-*/
-function fillFrontWeek({ firstDayOfMonth, minDate, maxDate, selectedDates, firstDayOfWeek, showOutsideDays }) {
-	const dates = [];
-	let firstDay = (firstDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;
-	if (showOutsideDays) {
-		const lastDayOfPrevMonth = (0, date_fns.addDays)(firstDayOfMonth, -1);
-		const prevDate = lastDayOfPrevMonth.getDate();
-		const prevDateMonth = lastDayOfPrevMonth.getMonth();
-		const prevDateYear = lastDayOfPrevMonth.getFullYear();
-		let counter = 0;
-		while (counter < firstDay) {
-			const date = new Date(prevDateYear, prevDateMonth, prevDate - counter);
-			const dateObj = {
-				date,
-				selected: isSelected(selectedDates, date),
-				selectable: isSelectable(minDate, maxDate, date),
-				today: false,
-				prevMonth: true,
-				nextMonth: false
-			};
-			dates.unshift(dateObj);
-			counter++;
-		}
-	} else while (firstDay > 0) {
-		dates.unshift("");
-		firstDay--;
-	}
-	return dates;
-}
-/**
-* Fill back weeks with either empty buffer or dates from next month,
-* depending on showOutsideDays flag
-* @param {Object} param The param object
-* @param {Array.<Date>} param.selectedDates An array of dates currently selected
-* @param {Date} param.minDate The earliest date available
-* @param {Date} param.maxDate The furthest date available
-* @param {Date} param.lastDayOfMonth Last day of the month
-* @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
-* @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
-* @returns {Array.<Date>} Buffer to fill back week
-*/
-function fillBackWeek({ lastDayOfMonth, minDate, maxDate, selectedDates, firstDayOfWeek, showOutsideDays }) {
-	const dates = [];
-	let lastDay = (lastDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;
-	if (showOutsideDays) {
-		const firstDayOfNextMonth = (0, date_fns.addDays)(lastDayOfMonth, 1);
-		const nextDateMonth = firstDayOfNextMonth.getMonth();
-		const nextDateYear = firstDayOfNextMonth.getFullYear();
-		let counter = 0;
-		while (counter < 6 - lastDay) {
-			const date = new Date(nextDateYear, nextDateMonth, 1 + counter);
-			const dateObj = {
-				date,
-				selected: isSelected(selectedDates, date),
-				selectable: isSelectable(minDate, maxDate, date),
-				today: false,
-				prevMonth: false,
-				nextMonth: true
-			};
-			dates.push(dateObj);
-			counter++;
-		}
-	} else while (lastDay < 6) {
-		dates.push("");
-		lastDay++;
-	}
-	return dates;
-}
-/**
-* Normalizes month (could be overflow) and year pairs and returns the
-* normalized month and year along with the number of days in the month.
-* @param {Number} month The month to normalize
-* @param {Number} year The year to normalize
-* @returns {Object} The normalized month and year along with the number of days in the month
-*/
-function getNumDaysMonthYear(month, year) {
-	const normalizedMonthYear = new Date(year, month, 1);
-	month = normalizedMonthYear.getMonth();
-	year = normalizedMonthYear.getFullYear();
-	return {
-		daysInMonth: 32 - new Date(year, month, 32).getDate(),
-		month,
-		year
-	};
-}
-/**
-* Takes an array of dates, and turns them into a multi dimensional
-* array with 7 entries for each week.
-* @param {Array.<Object>} dates An array of dates
-* @returns {Array} The weeks as a multi dimensional array
-*/
-function getWeeks(dates) {
-	const weeksLength = Math.ceil(dates.length / 7);
-	const weeks = [];
-	for (let i = 0; i < weeksLength; i++) {
-		weeks[i] = [];
-		for (let x = 0; x < 7; x++) weeks[i].push(dates[i * 7 + x]);
-	}
-	return weeks;
-}
-/**
-* Normalizes dates to the beginning of the day,
-* then checks to see if the day given is found
-* in the selectedDates.
-* @param {Array.<Date>} selectedDates An array of dates currently selected
-* @param {Date} date The date to search with against selectedDates
-* @returns {Boolean} Whether day is found in selectedDates
-*/
-function isSelected(selectedDates, date) {
-	selectedDates = Array.isArray(selectedDates) ? selectedDates : [selectedDates];
-	return selectedDates.some((selectedDate) => {
-		if (selectedDate instanceof Date && (0, date_fns.startOfDay)(selectedDate).getTime() === (0, date_fns.startOfDay)(date).getTime()) return true;
-		return false;
-	});
-}
-/**
-* Checks to see if the date given is
-* between the min and max dates.
-* @param {Date} minDate The earliest date available
-* @param {Date} maxDate The furthest date available
-* @param {Date} date The date to compare with
-* @returns {Boolean} Whether the date is between min and max date
-*/
-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) {
-	return propOffset !== void 0;
-}
-function getOffset(prop, state) {
-	return isOffsetControlled(prop) ? prop : state;
-}
-function getDateProps(onDateSelected, { onClick, dateObj = requiredProp("getDateProps", "dateObj"), ...rest } = {}) {
-	return {
-		onClick: composeEventHandlers(onClick, (event) => {
-			onDateSelected?.(dateObj, event);
-		}),
-		disabled: !dateObj.selectable,
-		"aria-label": dateObj.date.toDateString(),
-		"aria-pressed": dateObj.selected,
-		role: "button",
-		...rest
-	};
-}
-function getBackProps({ minDate, offsetMonth, handleOffsetChanged }, { onClick, offset = 1, calendars = requiredProp("getBackProps", "calendars"), ...rest } = {}) {
-	return {
-		onClick: composeEventHandlers(onClick, () => {
-			handleOffsetChanged(offsetMonth - subtractMonth({
-				calendars,
-				offset,
-				minDate
-			}));
-		}),
-		disabled: isBackDisabled({
-			calendars,
-			minDate
-		}),
-		"aria-label": `Go back ${offset} month${offset === 1 ? "" : "s"}`,
-		...rest
-	};
-}
-function getForwardProps({ maxDate, offsetMonth, handleOffsetChanged }, { onClick, offset = 1, calendars = requiredProp("getForwardProps", "calendars"), ...rest } = {}) {
-	return {
-		onClick: composeEventHandlers(onClick, () => {
-			handleOffsetChanged(offsetMonth + addMonth({
-				calendars,
-				offset,
-				maxDate
-			}));
-		}),
-		disabled: isForwardDisabled({
-			calendars,
-			maxDate
-		}),
-		"aria-label": `Go forward ${offset} month${offset === 1 ? "" : "s"}`,
-		...rest
-	};
-}
-function useDayzed({ date = /* @__PURE__ */ new Date(), maxDate, minDate, monthsToDisplay = 1, firstDayOfWeek = 0, showOutsideDays = false, offset, onDateSelected, onOffsetChanged = () => {}, selected }) {
-	const [stateOffset, setStateOffset] = (0, react.useState)(0);
-	const offsetMonth = getOffset(offset, stateOffset);
-	function handleOffsetChanged(newOffset) {
-		if (!isOffsetControlled(offset)) setStateOffset(newOffset);
-		onOffsetChanged(newOffset);
-	}
-	return {
-		calendars: getCalendars({
-			date,
-			selected: Array.isArray(selected) ? selected : selected ? [selected] : [],
-			monthsToDisplay,
-			minDate,
-			maxDate,
-			offset: offsetMonth,
-			firstDayOfWeek,
-			showOutsideDays
-		}),
-		getDateProps: getDateProps.bind(null, onDateSelected),
-		getBackProps: getBackProps.bind(null, {
-			minDate,
-			offsetMonth,
-			handleOffsetChanged
-		}),
-		getForwardProps: getForwardProps.bind(null, {
-			maxDate,
-			offsetMonth,
-			handleOffsetChanged
-		})
-	};
-}
-//#endregion
-//#region src/hooks/useLatestRef.ts
-function useLatestRef(value) {
-	const latestValue = (0, react.useRef)(value);
-	(0, react.useEffect)(() => {
-		latestValue.current = value;
-	}, [value]);
-	return latestValue;
-}
-//#endregion
-//#region src/misc/debounce.ts
-function debounce(function_, ms) {
-	let lastArgs;
-	let timeout;
-	function run() {
-		const args = lastArgs;
-		lastArgs = void 0;
-		timeout = void 0;
-		function_(...args);
-	}
-	return Object.assign(function(...args) {
-		lastArgs = args;
-		if (timeout) clearTimeout(timeout);
-		timeout = setTimeout(run, ms);
-	}, {
-		flush() {
-			if (timeout) {
-				clearTimeout(timeout);
-				run();
-			}
-		},
-		cancel() {
-			if (timeout) {
-				clearTimeout(timeout);
-				timeout = void 0;
-				lastArgs = void 0;
-			}
-		}
-	});
-}
-//#endregion
-//#region src/components/dateInput.tsx
-const className$1 = "schummar-table-date-input";
-const defaultDate$1 = new Date(1970, 0, 1);
-const isIncludedType$1 = (type) => type === "day" || type === "month" || type === "year";
-const maxValues$1 = {
-	day: 31,
-	month: 12,
-	year: 9999
-};
-const tabNext$1 = (event, id) => {
-	const all = Array.from(document.querySelectorAll(`.${className$1}-${id}`));
-	const next = all[all.indexOf(event) + 1];
-	if (next instanceof HTMLElement) next.focus();
-};
-function buildDate(value, baseDate = /* @__PURE__ */ new Date()) {
-	const date = new Date(baseDate);
-	if (value.year) date.setFullYear(Number(value.year));
-	if (value.month) date.setMonth(Number(value.month) - 1);
-	if (value.day) date.setDate(Number(value.day));
-	return date;
-}
-function DateInput({ value, onChange, locale }) {
-	const id = (0, react.useId)();
-	const [localValue, setLocalValue] = (0, react.useState)();
-	const latestValue = useLatestRef(value);
-	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(isNaN(date.getTime()) ? null : date);
-	}, 100), []);
-	const format = (0, react.useMemo)(() => new Intl.DateTimeFormat(locale, {
-		day: "2-digit",
-		month: "2-digit",
-		year: "numeric"
-	}), [locale]);
-	let parts;
-	try {
-		parts = format.formatToParts(value ?? defaultDate$1);
-	} catch {
-		parts = format.formatToParts(defaultDate$1);
-	}
-	const isEmpty = !value;
-	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", {
-			className: `${className$1}-${id}`,
-			css: {
-				boxSizing: "content-box",
-				overflow: "visible",
-				border: "none",
-				borderBottom: "2px solid transparent",
-				outline: "none",
-				fontSize: "inherit",
-				backgroundColor: "inherit",
-				color: "inherit",
-				"::placeholder": {
-					color: "inherit",
-					opacity: .5
-				},
-				"&:focus": { borderBottom: "2px solid var(--primaryMain)" }
-			},
-			style: { width: `${String(maxValues$1[type]).length}ch` },
-			placeholder: "".padEnd(String(maxValues$1[type]).length, "0"),
-			value: localValue?.[type] ?? (isEmpty ? "" : partValue),
-			onChange: (event) => {
-				const input = event.target.value;
-				if (!/^\d*$/.test(input)) return;
-				const newValue = {
-					...localValue,
-					[type]: input
-				};
-				if (Number(input) > maxValues$1[type]) newValue[type] = String(maxValues$1[type]);
-				setLocalValue(newValue);
-				if (input.length >= String(maxValues$1[type]).length) setTimeout(() => tabNext$1(event.target, id));
-			},
-			onFocus: (event) => {
-				commit.cancel();
-				event.target.select();
-			},
-			onBlur: () => {
-				commit(localValue, value, onChange);
-			}
-		}) : type === "literal" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", { children: partValue }) : null }, index))
-	});
-}
-//#endregion
-//#region src/components/text.tsx
-function 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";
-const defaultDate = new Date(1970, 0, 1);
-const isIncludedType = (type) => type === "hour" || type === "minute" || type === "second";
-const maxValues = {
-	hour: 23,
-	minute: 59,
-	second: 59
-};
-const tabNext = (event, id) => {
-	const all = Array.from(document.querySelectorAll(`.${className}-${id}`));
-	const next = all[all.indexOf(event) + 1];
-	if (next instanceof HTMLElement) next.focus();
-};
-function buildTime(value, baseDate = /* @__PURE__ */ new Date()) {
-	const date = new Date(baseDate);
-	if (value.hour) date.setHours(Number(value.hour));
-	if (value.minute) date.setMinutes(Number(value.minute));
-	if (value.second) date.setSeconds(Number(value.second));
-	return date;
-}
-function TimeInput({ value, onChange, locale, showSeconds = true }) {
-	const id = (0, react.useId)();
-	const [localValue, setLocalValue] = (0, react.useState)();
-	const latestValue = useLatestRef(value);
-	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(isNaN(date.getTime()) ? null : date);
-	}, 100), []);
-	const format = (0, react.useMemo)(() => new Intl.DateTimeFormat(locale, {
-		hour: "2-digit",
-		minute: "2-digit",
-		second: showSeconds ? "2-digit" : void 0
-	}), [locale]);
-	let parts;
-	try {
-		parts = format.formatToParts(value ?? defaultDate);
-	} catch {
-		parts = format.formatToParts(defaultDate);
-	}
-	const isEmpty = !value;
-	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", {
-			className: `${className}-${id}`,
-			css: {
-				boxSizing: "content-box",
-				overflow: "visible",
-				border: "none",
-				borderBottom: "2px solid transparent",
-				outline: "none",
-				fontSize: "inherit",
-				backgroundColor: "inherit",
-				color: "inherit",
-				"::placeholder": {
-					color: "inherit",
-					opacity: .5
-				},
-				"&:focus": { borderBottom: "2px solid var(--primaryMain)" }
-			},
-			style: { width: `${String(maxValues[type]).length}ch` },
-			placeholder: "".padEnd(String(maxValues[type]).length, "0"),
-			value: localValue?.[type] ?? (isEmpty ? "" : partValue),
-			onChange: (event) => {
-				const input = event.target.value;
-				if (!/^\d*$/.test(input)) return;
-				const newValue = {
-					...localValue,
-					[type]: input
-				};
-				if (Number(input) > maxValues[type]) newValue[type] = String(maxValues[type]);
-				setLocalValue(newValue);
-				if (input.length >= String(maxValues[type]).length) setTimeout(() => tabNext(event.target, id));
-			},
-			onFocus: (event) => {
-				commit.cancel();
-				event.target.select();
-			},
-			onBlur: () => {
-				commit(localValue, value, onChange);
-			}
-		}) : 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 }) {
-	const value = (0, react.useMemo)(() => props, [JSON.stringify(props)]);
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(DatePickerContext.Provider, {
-		value,
-		children
-	});
-}
-const weekDays = [
-	0,
-	1,
-	2,
-	3,
-	4,
-	5,
-	6
-];
-/** Rounds a date down to the start of the day. */
-const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
-/** Rounds a date up to the end of the day. */
-const endOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1, 0, 0, 0, -1);
-const lastDays = (days) => {
-	const now = /* @__PURE__ */ new Date();
-	const min = new Date(now);
-	min.setDate(min.getDate() - days + 1);
-	return {
-		min: startOfDay(min),
-		max: endOfDay(now)
-	};
-};
-const today = () => lastDays(1);
-const thisWeek = (delta = 0, firstDayOfWeek = 1) => {
-	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);
-	const max = new Date(min);
-	max.setDate(max.getDate() + 6);
-	return {
-		min: startOfDay(min),
-		max: endOfDay(max)
-	};
-};
-const thisMonth = (delta = 0) => {
-	const min = /* @__PURE__ */ new Date(/* @__PURE__ */ new Date());
-	min.setDate(1);
-	min.setMonth(min.getMonth() + delta);
-	const max = new Date(min);
-	max.setMonth(max.getMonth() + 1);
-	max.setDate(max.getDate() - 1);
-	return {
-		min: startOfDay(min),
-		max: endOfDay(max)
-	};
-};
-const thisYear = (delta = 0) => {
-	const min = /* @__PURE__ */ new Date(/* @__PURE__ */ new Date());
-	min.setDate(1);
-	min.setMonth(0);
-	min.setFullYear(min.getFullYear() + delta);
-	const max = new Date(min);
-	max.setFullYear(max.getFullYear() + 1);
-	max.setDate(max.getDate() - 1);
-	return {
-		min: startOfDay(min),
-		max: endOfDay(max)
-	};
-};
-const getCalendarWeek = (date) => {
-	const tz = temporal_polyfill.Temporal.Now.timeZoneId();
-	return temporal_polyfill.Temporal.Instant.fromEpochMilliseconds(date.getTime()).toZonedDateTimeISO(tz).weekOfYear ?? 0;
-};
-const commonQuickOptions = {
-	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" }),
-		value: (props) => thisWeek(0, props.firstDayOfWeek)
-	},
-	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" }),
-		value: () => thisYear()
-	},
-	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" }),
-		value: () => lastDays(30)
-	}
-};
-/** Returns whether two dates and/or date ranges intersect. Intersection is considered per day. */
-function dateIntersect(a, b) {
-	if (a instanceof Date) a = {
-		min: a,
-		max: a
-	};
-	if (b instanceof Date) b = {
-		min: b,
-		max: b
-	};
-	if (!a?.min || !a.max || !b?.min || !b.max) return false;
-	return !(endOfDay(a.max) < startOfDay(b.min) || startOfDay(a.min) > endOfDay(b.max));
-}
-function dateClamp(date, min, max) {
-	if (min && date < min) return min;
-	if (max && date > max) return max;
-	return date;
-}
-function getValueForComparison(value) {
-	if (!value) return value;
-	if (value instanceof Date) return value.getTime();
-	return `${value.min?.getTime()}-${value.max?.getTime()}`;
-}
-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, 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, source);
-	}
-	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, blocked, selected, preSelected }) {
-		return [
-			{
-				padding: 10,
-				border: "none",
-				background: "transparent",
-				cursor: disabled ? void 0 : "pointer",
-				font: "inherit",
-				color: "inherit"
-			},
-			(prevMonth || nextMonth) && { color: "var(--date-picker-disemphasized, #bdbdbd)" },
-			today && { outline: "1px solid var(--secondaryMain)" },
-			blocked && {
-				background: "var(--blockedMain)",
-				color: "var(--blockedContrastText)"
-			},
-			selected && {
-				background: "var(--primaryMain)",
-				color: "var(--primaryContrastText)"
-			},
-			blocked && selected && {
-				position: "relative",
-				"::before": {
-					content: "\"\"",
-					position: "absolute",
-					top: 0,
-					right: 0,
-					bottom: 0,
-					left: 0,
-					background: "var(--blockedMain)",
-					clipPath: "polygon(0 0, 0 50%, 50% 0)"
-				}
-			},
-			preSelected && {
-				background: "var(--primaryLight)",
-				color: "var(--primaryContrastText)"
-			}
-		];
-	}
-	const mountTime = (0, react.useMemo)(() => /* @__PURE__ */ new Date(), []);
-	const [dirty, setDirty] = (0, react.useState)();
-	const [hovered, setHovered] = (0, react.useState)();
-	const [dateInViewLocal, setDateInViewLocal] = (0, react.useState)(defaultDateInView ?? mountTime);
-	const dateInView = props.dateInView ?? dateInViewLocal;
-	function setDateInView(date) {
-		setDateInViewLocal(date);
-		props.onDateInViewChange?.(date);
-	}
-	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" }),
-		value: null
-	}]].map((option, index) => {
-		if (option instanceof Function) return option((value) => {
-			setDirty(void 0);
-			onChange(value, "quickOption");
-		});
-		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 instanceof Function) onChange(value(props), "quickOption");
-				else onChange(value, "quickOption");
-			},
-			children: label
-		}, index);
-	});
-	const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({
-		onDateSelected: () => void 0,
-		firstDayOfWeek,
-		showOutsideDays: true,
-		date: dateInView,
-		onOffsetChanged: (offset) => setDateInView(new Date(dateInView.getFullYear(), dateInView.getMonth() + offset)),
-		offset: 0,
-		minDate,
-		maxDate
-	});
-	const now = (0, react.useMemo)(() => startOfDay(/* @__PURE__ */ new Date()), []);
-	const formatWeekday = (0, react.useMemo)(() => {
-		const { format } = new Intl.DateTimeFormat(locale, { weekday: "short" });
-		return (weekDay) => format(new Date(Date.UTC(2021, 7, (weekDay + firstDayOfWeek) % 7 + 1)));
-	}, [locale, firstDayOfWeek]);
-	(0, react.useEffect)(() => setDateInView(value === null ? defaultDateInView ?? mountTime : value instanceof Date ? value : value.max), [
-		getValueForComparison(value),
-		getValueForComparison(defaultDateInView),
-		mountTime
-	]);
-	(0, react.useEffect)(() => {
-		if (!rangeSelect) setDirty(void 0);
-	}, [rangeSelect]);
-	function set(source, min, max, edit) {
-		if (!rangeSelect) {
-			onChange(min ?? null, source);
-			return;
-		}
-		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 && max ? {
-				min,
-				max: endOfDay(max)
-			} : null, source);
-		} else setDirty({
-			min,
-			max
-		});
-	}
-	const formatMonth = (0, react.useMemo)(() => {
-		const { format } = new Intl.DateTimeFormat(locale, { month: "long" });
-		return (month) => format(new Date(2021, month));
-	}, [locale]);
-	const formatYear = (0, react.useMemo)(() => {
-		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", {
-		css: [cssVariables, { color: "var(--table-text-color)" }],
-		children: [
-			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-				css: {
-					display: "grid",
-					gridAutoFlow: "column",
-					justifyContent: "center",
-					alignItems: "center",
-					gap: "calc(var(--spacing) * 4)",
-					"& > div": {
-						display: "flex",
-						flexDirection: "column",
-						alignItems: "center"
-					}
-				},
-				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, {
-					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, {
-					value: max ?? null,
-					onChange: (newMax) => set("input", min, newMax ?? void 0, "max"),
-					locale
-				}), 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", {
-				css: { display: "grid" },
-				children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
-					css: {
-						margin: "calc(var(--spacing) * 4) 0",
-						display: "grid",
-						gridAutoFlow: "column",
-						justifyContent: "space-between",
-						alignItems: "center"
-					},
-					children: [
-						/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
-							type: "button",
-							...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", {
-							css: { display: "flex" },
-							children: [
-								formatMonth(month),
-								" ",
-								formatYear(year)
-							]
-						}),
-						/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(IconButton, {
-							type: "button",
-							...getForwardProps({ calendars }),
-							children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ChevronRight, {})
-						})
-					]
-				}), /* @__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", {
-							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", {
-							css: {
-								justifySelf: "center",
-								padding: 10
-							},
-							children: formatWeekday(weekDay)
-						}, weekDay)),
-						weeks.map((week, index) => {
-							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", {
-								type: "button",
-								css: {
-									padding: 10,
-									border: "none",
-									background: "transparent",
-									cursor: weekDisabled ? void 0 : "pointer",
-									font: "inherit",
-									borderRight: "1px solid var(--date-picker-separator, var(--table-border, #bdbdbd))",
-									color: "inherit"
-								},
-								onClick: () => {
-									if (weekDisabled) return;
-									set("calendarWeek", minDate && weekStart.date < minDate ? minDate : weekStart.date, maxDate && weekEnd.date > maxDate ? maxDate : weekEnd.date);
-								},
-								onPointerOver: () => !weekDisabled && setHovered({
-									min: weekStart.date,
-									max: weekEnd.date
-								}),
-								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);
-								const { prevMonth, nextMonth, date } = dateObject;
-								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,
-									max
-								});
-								const preSelected = !selected && !disabled && (dateIntersect(date, hovered) || min && !max && hovered && dateIntersect(date, min <= hovered.min ? {
-									min,
-									max: hovered.min
-								} : {
-									min: hovered.max,
-									max: min
-								}));
-								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,
-										blocked,
-										selected,
-										preSelected
-									}),
-									...getDateProps({ dateObj: dateObject }),
-									onClick: () => {
-										if (dirty) {
-											if (min) set("calendar", min, date);
-											else set("calendar", date, max);
-										} else set("calendar", date);
-									},
-									onPointerOver: () => setHovered({
-										min: date,
-										max: date
-									}),
-									onPointerOut: () => setHovered(void 0),
-									disabled,
-									children: date.getDate()
-								}, `${index}-${dayIndex}`);
-							})] }, index);
-						})
-					]
-				})]
-			}, `${month}${year}`)),
-			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
-				css: {
-					marginTop: "var(--spacing)",
-					display: "grid",
-					gridAutoFlow: "column",
-					justifyContent: "center"
-				},
-				children: resolvedQuickOptions
-			})
-		]
-	});
-}
-//#endregion
 //#region src/state/context.ts
 /** Full table state. Changes on every state change: rows and cells must not consume it. */
 const TableContext = (0, react.createContext)(null);
@@ -2043,12 +279,12 @@ function useExpanded(props, itemsById, matching) {
 			};
 			if (props.expandOnlyOne && value.size > 1) {
 				const deepest = [...value].map((id) => itemsById.get(id)).filter((item) => item !== void 0).sort((a, b) => b.depth - a.depth)[0];
-				const branch = deepest ? getAncestors(itemsById, deepest).add(deepest.id) : /* @__PURE__ */ new Set();
+				const branch = deepest ? require_useTheme.getAncestors(itemsById, deepest).add(deepest.id) : /* @__PURE__ */ new Set();
 				if ([...value].some((id) => !branch.has(id))) return branch;
 			}
 			for (const id of value) {
 				const item = itemsById.get(id);
-				if (item) getAncestors(itemsById, item).forEach(add);
+				if (item) require_useTheme.getAncestors(itemsById, item).forEach(add);
 			}
 			if (props.items !== void 0) {
 				for (const id of value) if (!itemsById.has(id)) {
@@ -2080,18 +316,20 @@ const isActiveFilter = (filter, value) => filter !== void 0 && value !== void 0
 function filteredColumns(props, visibleColumns) {
 	return props.enableHiddenColumnFilters ? props.columns : visibleColumns;
 }
+/** Adds controlled values and defaults. Returns `stored` itself when there are none. */
+function withFilterDefaults(stored, columns) {
+	let result = stored;
+	for (const { id, filter } of columns) {
+		const value = filter?.value !== void 0 || stored.has(id) ? filter?.value : filter?.defaultValue;
+		if (value === void 0) continue;
+		if (result === stored) result = new Map(stored);
+		result.set(id, value);
+	}
+	return result;
+}
 function useFilters(props, visibleColumns, items) {
 	const [stored, setFilterValues, setFilterValuesInternal] = useControllableState(props.filterValues, () => props.defaultFilterValues ?? /* @__PURE__ */ new Map(), props.onFilterValuesChange);
-	const filterValues = (0, react.useMemo)(() => {
-		let result = stored;
-		for (const { id, filter } of props.columns) {
-			const value = filter?.value !== void 0 || stored.has(id) ? filter?.value : filter?.defaultValue;
-			if (value === void 0) continue;
-			if (result === stored) result = new Map(stored);
-			result.set(id, value);
-		}
-		return result;
-	}, [stored, props.columns]);
+	const filterValues = (0, react.useMemo)(() => withFilterDefaults(stored, props.columns), [stored, props.columns]);
 	const applied = filteredColumns(props, visibleColumns);
 	return {
 		stored,
@@ -2359,7 +597,7 @@ const defaultProps = {
 	} }
 };
 const identity = (value) => value;
-const defaultSortBy = (v) => typeof v === "number" || v instanceof Date ? v : asString(v);
+const defaultSortBy = (v) => typeof v === "number" || v instanceof Date ? v : require_useTheme.asString(v);
 function normalizeId(id) {
 	return id instanceof Function ? id : (item) => item[id];
 }
@@ -2384,7 +622,7 @@ function normalizeColumns(columns, defaultColumnProps, columnProps, disableSort)
 			exportHeader: column.exportHeader ?? defaults.exportHeader ?? id,
 			footer: column.footer ?? defaults.footer ?? null,
 			value: column.value,
-			renderCell: column.renderCell ?? defaults.renderCell ?? asString,
+			renderCell: column.renderCell ?? defaults.renderCell ?? require_useTheme.asString,
 			exportCell: column.exportCell ?? defaults.exportCell ?? defaultSerializer,
 			sortBy: column.sortBy ?? defaults.sortBy ?? [defaultSortBy],
 			disableSort: column.disableSort ?? defaults.disableSort ?? disableSort ?? false,
@@ -2395,7 +633,7 @@ function normalizeColumns(columns, defaultColumnProps, columnProps, disableSort)
 			filterBy: column.filterBy ?? defaults.filterBy ?? identity,
 			filter: column.filter ?? defaults.filter,
 			width: column.width ?? defaults.width,
-			displaySize: displaySize !== void 0 ? castArray(displaySize) : void 0
+			displaySize: displaySize !== void 0 ? require_useTheme.castArray(displaySize) : void 0
 		};
 	});
 }
@@ -2504,7 +742,7 @@ function withEntry(map, key, value) {
 /** `isReset`: whether this state replaces one that got reset. */
 function useTable(raw, onReset, isReset = false) {
 	const { props, displaySize } = useTableProps(raw);
-	const theme = useTableTheme(props);
+	const theme = require_useTheme.useTableTheme(props);
 	const columns = useColumns(props, displaySize);
 	const sort = useSort(props, columns.activeColumns);
 	const { items, itemsById } = useItems(props, sort.criteria);
@@ -2650,8 +888,8 @@ function useTable(raw, onReset, isReset = false) {
 				for (const item of range) if (isSelected) next.delete(item.id);
 				else next.add(item.id);
 				if (props.selectSyncChildren && isSelected) {
-					for (const id of getAncestors(activeItemsById, ...range)) next.delete(id);
-					for (const id of getDescendants(...range)) next.delete(id);
+					for (const id of require_useTheme.getAncestors(activeItemsById, ...range)) next.delete(id);
+					for (const id of require_useTheme.getDescendants(...range)) next.delete(id);
 				}
 				lastSelectedId.current = itemId;
 				selection.setSelection(next);
@@ -2666,11 +904,11 @@ function useTable(raw, onReset, isReset = false) {
 				const next = new Set(state.expanded);
 				if (props.expandOnlyOne) {
 					next.clear();
-					for (const id of item ? getAncestors(activeItemsById, item) : []) next.add(id);
+					for (const id of item ? require_useTheme.getAncestors(activeItemsById, item) : []) next.add(id);
 				}
 				if (isExpanded) {
 					next.delete(itemId);
-					for (const id of item ? getDescendants(item) : []) next.delete(id);
+					for (const id of item ? require_useTheme.getDescendants(item) : []) next.delete(id);
 				} else next.add(itemId);
 				expanded.setExpanded(next);
 				patchState({ expanded: next });
@@ -2838,8 +1076,8 @@ function ResizeHandle() {
 	});
 }
 function ResizeHandleView({ enabled, ...props }) {
-	const className = useTheme((theme) => theme.classes?.columnDivider);
-	const styles = useTheme((theme) => theme.styles?.columnDivider);
+	const className = require_useTheme.useTheme((theme) => theme.classes?.columnDivider);
+	const styles = require_useTheme.useTheme((theme) => theme.styles?.columnDivider);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		className,
 		css: [{
@@ -3015,11 +1253,11 @@ const chevronCss = (0, _emotion_react.css)({
 });
 const expandedChevronCss = (0, _emotion_react.css)({ transform: "rotate3d(0, 0, 1, 90deg)" });
 function ExpandControl({ itemId, expanded, hasChildren, hasDeferredChildren }) {
-	const IconButton = useTheme((t) => t.components.IconButton);
-	const Spinner = useTheme((t) => t.components.Spinner);
-	const ChevronRight = useTheme((t) => t.icons.ChevronRight);
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const Spinner = require_useTheme.useTheme((t) => t.components.Spinner);
+	const ChevronRight = require_useTheme.useTheme((t) => t.icons.ChevronRight);
 	const actions = useTableActions();
-	const libraryClass = useLibraryClassName();
+	const libraryClass = require_useTheme.useLibraryClassName();
 	function toggle(event) {
 		event.preventDefault();
 		event.stopPropagation();
@@ -3042,8 +1280,8 @@ const checkboxCss = (0, _emotion_react.css)({
 });
 const SelectComponent = (0, react.memo)(function SelectComponent({ itemId }) {
 	const selected = (0, react.useContext)(SelectionContext).has(itemId);
-	const Checkbox = useTheme((t) => t.components.Checkbox);
-	const overrideClass = useUserClassName();
+	const Checkbox = require_useTheme.useTheme((t) => t.components.Checkbox);
+	const overrideClass = require_useTheme.useUserClassName();
 	const actions = useTableActions();
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Checkbox, {
 		className: overrideClass(checkboxCss),
@@ -3052,8 +1290,8 @@ const SelectComponent = (0, react.memo)(function SelectComponent({ itemId }) {
 	});
 });
 function SelectAll() {
-	const Checkbox = useTheme((t) => t.components.Checkbox);
-	const overrideClass = useUserClassName();
+	const Checkbox = require_useTheme.useTheme((t) => t.components.Checkbox);
+	const overrideClass = require_useTheme.useUserClassName();
 	const { activeItems, selection, actions } = useTableContext();
 	const selected = activeItems.length > 0 && activeItems.every((item) => selection.has(item.id));
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Checkbox, {
@@ -3124,35 +1362,35 @@ const rowCss = (0, _emotion_react.css)({
 	gridTemplateColumns: "subgrid"
 });
 function useRowStyles(theme, columns) {
-	const libraryClass = useLibraryClassName();
-	const userClass = useUserClassName();
+	const libraryClass = require_useTheme.useLibraryClassName();
+	const userClass = require_useTheme.useUserClassName();
 	return (0, react.useMemo)(() => {
 		const cellClassOf = ({ classes, styles }, baseClass) => {
 			const { cell: cellClass, evenCell, oddCell } = classes ?? {};
 			const { cell: cellStyle, evenCell: evenStyle, oddCell: oddStyle } = styles ?? {};
 			if (!(cellClass instanceof Function) && !(cellStyle instanceof Function)) {
-				const even = cx(baseClass, cellClass, evenCell, userClass(cellStyle, evenStyle));
-				const odd = cx(baseClass, cellClass, oddCell, userClass(cellStyle, oddStyle));
+				const even = require_useTheme.cx(baseClass, cellClass, evenCell, userClass(cellStyle, evenStyle));
+				const odd = require_useTheme.cx(baseClass, cellClass, oddCell, userClass(cellStyle, oddStyle));
 				return (_value, index) => index % 2 === 0 ? even : odd;
 			}
 			return (value, index) => {
 				const isEven = index % 2 === 0;
-				return cx(baseClass, cellClass instanceof Function ? cellClass(value, index) : cellClass, isEven ? evenCell : oddCell, userClass(cellStyle instanceof Function ? cellStyle(value, index) : cellStyle, isEven ? evenStyle : oddStyle));
+				return require_useTheme.cx(baseClass, cellClass instanceof Function ? cellClass(value, index) : cellClass, isEven ? evenCell : oddCell, userClass(cellStyle instanceof Function ? cellStyle(value, index) : cellStyle, isEven ? evenStyle : oddStyle));
 			};
 		};
 		const elementClassOf = (baseClass, className, style) => {
 			if (!(className instanceof Function) && !(style instanceof Function)) {
-				const result = cx(baseClass, className, userClass(style));
+				const result = require_useTheme.cx(baseClass, className, userClass(style));
 				return () => result;
 			}
-			return (value, index) => cx(baseClass, className instanceof Function ? className(value, index) : className, userClass(style instanceof Function ? style(value, index) : style));
+			return (value, index) => require_useTheme.cx(baseClass, className instanceof Function ? className(value, index) : className, userClass(style instanceof Function ? style(value, index) : style));
 		};
 		const cellBase = libraryClass(require_tableTheme.defaultClasses.cell);
 		return {
 			row: elementClassOf(libraryClass(rowCss), theme.classes?.row, theme.styles?.row),
 			fillCell: cellClassOf(theme, libraryClass(require_tableTheme.defaultClasses.cellFill)),
 			firstCell: cellClassOf(theme, libraryClass(require_tableTheme.defaultClasses.cell, require_tableTheme.defaultClasses.firstCell)),
-			cells: new Map(columns.map((column) => [column.id, cellClassOf(columnTheme(theme, column), cellBase)])),
+			cells: new Map(columns.map((column) => [column.id, cellClassOf(require_useTheme.columnTheme(theme, column), cellBase)])),
 			details: elementClassOf(libraryClass(require_tableTheme.defaultClasses.details), theme.classes?.details, theme.styles?.details),
 			text: libraryClass(require_tableTheme.defaultClasses.text)
 		};
@@ -3166,8 +1404,8 @@ function useRowStyles(theme, columns) {
 //#endregion
 //#region src/components/clearFiltersButton.tsx
 function ClearFiltersButton() {
-	const Button = useTheme((t) => t.components.Button);
-	const textClearFilters = useTheme((t) => t.text.clearFilters);
+	const Button = require_useTheme.useTheme((t) => t.components.Button);
+	const textClearFilters = require_useTheme.useTheme((t) => t.text.clearFilters);
 	const actions = useTableActions();
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: require_tableTheme.defaultClasses.clearFiltersButton,
@@ -3184,7 +1422,7 @@ function ColumnFooter() {
 	const columnId = useColumnContext();
 	const { activeColumns } = useTableStructure();
 	const column = activeColumns.find((column) => column.id === columnId);
-	const { classes, styles } = useTheme((theme) => columnTheme(theme, column));
+	const { classes, styles } = require_useTheme.useTheme((theme) => require_useTheme.columnTheme(theme, column));
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		className: classes?.footerCell,
 		css: [require_tableTheme.defaultClasses.footerCell, styles?.footerCell],
@@ -3195,8 +1433,8 @@ function ColumnFooter() {
 //#region src/components/tableFooter.tsx
 const TableFooter = (0, react.memo)(function TableFooter() {
 	const { props, visibleColumns, activeColumns, filterValues } = useTableStructure();
-	const classes = useTheme((t) => t.classes?.footerCell);
-	const styles = useTheme((t) => t.styles?.footerCell);
+	const classes = require_useTheme.useTheme((t) => t.classes?.footerCell);
+	const styles = require_useTheme.useTheme((t) => t.styles?.footerCell);
 	const { stickyFooter, enableClearFiltersButton } = props;
 	const hasActiveFilters = filteredColumns(props, visibleColumns).some((column) => isActiveFilter(column.filter, filterValues.get(column.id)));
 	const hasFooter = activeColumns.some((column) => column.footer);
@@ -3238,7 +1476,7 @@ function FilterPanel({ column, close }) {
 	const [draft, setDraft] = (0, react.useState)();
 	const { filter } = column;
 	const delay = filter?.debounce ?? 0;
-	const commit = (0, react.useMemo)(() => debounce((value) => {
+	const commit = (0, react.useMemo)(() => require_useTheme.debounce((value) => {
 		actions.setFilterValue(column.id, value);
 		setDraft(void 0);
 	}, delay), [
@@ -3249,7 +1487,7 @@ function FilterPanel({ column, close }) {
 	(0, react.useEffect)(() => () => commit.flush(), [commit]);
 	const getValues = (0, react.useMemo)(() => {
 		let values;
-		return () => values ??= uniq(items.flatMap((item) => toSingles(column.filterBy(column.value(item.value), item.value))));
+		return () => values ??= require_useTheme.uniq(items.flatMap((item) => require_useTheme.toSingles(column.filterBy(column.value(item.value), item.value))));
 	}, [items, column]);
 	if (!filter) return null;
 	function onChange(value) {
@@ -3273,9 +1511,9 @@ function FilterControl() {
 	const { filterValues, visibleColumns, actions } = useTableStructure();
 	const columnId = useColumnContext();
 	const column = visibleColumns.find((column) => column.id === columnId);
-	const IconButton = useTheme((t) => t.components.IconButton);
-	const FilterList = useTheme((t) => t.icons.FilterList);
-	const ArrowDropDown = useTheme((t) => t.icons.ArrowDropDown);
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const FilterList = require_useTheme.useTheme((t) => t.icons.FilterList);
+	const ArrowDropDown = require_useTheme.useTheme((t) => t.icons.ArrowDropDown);
 	const [anchor, setAnchor] = (0, react.useState)(null);
 	if (!column?.filter) return null;
 	const isActive = isActiveFilter(column.filter, filterValues.get(columnId));
@@ -3299,10 +1537,10 @@ function FilterControl() {
 	})] });
 }
 function FilterPopover({ anchor, onClose, column, children }) {
-	const Popover = useTheme((t) => t.components.Popover);
-	const classes = useTheme((t) => t.classes);
-	const styles = useTheme((t) => t.styles);
-	const cssVariables = useCssVariables();
+	const Popover = require_useTheme.useTheme((t) => t.components.Popover);
+	const classes = require_useTheme.useTheme((t) => t.classes);
+	const styles = require_useTheme.useTheme((t) => t.styles);
+	const cssVariables = require_useTheme.useCssVariables();
 	const filterClassNames = column?.filter?.classNames;
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		onPointerDown: (event) => event.stopPropagation(),
@@ -3323,8 +1561,8 @@ function FilterPopover({ anchor, onClose, column, children }) {
 function SortComponent({ children }) {
 	const { sort, activeColumns, props, actions } = useTableStructure();
 	const columnId = useColumnContext();
-	const Badge = useTheme((t) => t.components.Badge);
-	const ArrowUpward = useTheme((t) => t.icons.ArrowUpward);
+	const Badge = require_useTheme.useTheme((t) => t.components.Badge);
+	const ArrowUpward = require_useTheme.useTheme((t) => t.icons.ArrowUpward);
 	const sortIndex = sort.findIndex((s) => s.columnId === columnId);
 	const direction = sort[sortIndex]?.direction;
 	const index = sortIndex >= 0 && sort.length > 1 ? sortIndex + 1 : void 0;
@@ -3377,7 +1615,7 @@ function ColumnHeader() {
 	const columnId = useColumnContext();
 	const { activeColumns } = useTableStructure();
 	const column = activeColumns.find((column) => column.id === columnId);
-	const { classes, styles } = useTheme((theme) => columnTheme(theme, column));
+	const { classes, styles } = require_useTheme.useTheme((theme) => require_useTheme.columnTheme(theme, column));
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
 		"data-column-header": "",
 		className: classes?.headerCell,
@@ -3417,17 +1655,17 @@ function FormControlLabel({ control, label, disabled }) {
 //#endregion
 //#region src/components/columnSelection.tsx
 function ColumnSelection() {
-	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);
-	const hideAll = useTheme((t) => t.text.hideAllColumns);
-	const classes = useTheme((t) => t.classes);
-	const cssVariables = useCssVariables();
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const Popover = require_useTheme.useTheme((t) => t.components.Popover);
+	const Checkbox = require_useTheme.useTheme((t) => t.components.Checkbox);
+	const Button = require_useTheme.useTheme((t) => t.components.Button);
+	const Settings = require_useTheme.useTheme((t) => t.icons.Settings);
+	const selectColumns = require_useTheme.useTheme((t) => t.text.selectColumns);
+	const resetAll = require_useTheme.useTheme((t) => t.text.resetAll);
+	const showAll = require_useTheme.useTheme((t) => t.text.showAllColumns);
+	const hideAll = require_useTheme.useTheme((t) => t.text.hideAllColumns);
+	const classes = require_useTheme.useTheme((t) => t.classes);
+	const cssVariables = require_useTheme.useCssVariables();
 	const { columns, hiddenColumns, actions } = useTableStructure();
 	const [anchorElement, setAnchorElement] = (0, react.useState)(null);
 	const toggle = (column, state) => {
@@ -3490,16 +1728,16 @@ function ColumnSelection() {
 function Export() {
 	const { exporters: contextExporters } = (0, react.useContext)(require_tableTheme.TableSettingsContext);
 	const { props, actions } = useTableStructure();
-	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 = 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);
-	const classes = useTheme((t) => t.classes);
-	const cssVariables = useCssVariables();
+	const Button = require_useTheme.useTheme((t) => t.components.Button);
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const Popover = require_useTheme.useTheme((t) => t.components.Popover);
+	const ExportIcon = require_useTheme.useTheme((t) => t.icons.Export);
+	const Clipboard = require_useTheme.useTheme((t) => t.icons.Clipboard);
+	const exportTitle = require_useTheme.useTheme((t) => t.text.exportTitle);
+	const exportCopy = require_useTheme.useTheme((t) => t.text.exportCopy);
+	const exportDownload = require_useTheme.useTheme((t) => t.text.exportDownload);
+	const classes = require_useTheme.useTheme((t) => t.classes);
+	const cssVariables = require_useTheme.useCssVariables();
 	const { all, exporters } = typeof props.enableExport === "boolean" || props.enableExport === void 0 ? {
 		all: false,
 		exporters: contextExporters
@@ -3571,10 +1809,10 @@ function Export() {
 /** Lets users edit the filters of columns that are not visible, see `enableHiddenColumnFilters`. */
 function HiddenColumnFilters() {
 	const { props, visibleColumns, filterValues, actions } = useTableStructure();
-	const IconButton = useTheme((t) => t.components.IconButton);
-	const Button = useTheme((t) => t.components.Button);
-	const FilterList = useTheme((t) => t.icons.FilterList);
-	const title = useTheme((t) => t.text.hiddenColumnFilters);
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const Button = require_useTheme.useTheme((t) => t.components.Button);
+	const FilterList = require_useTheme.useTheme((t) => t.icons.FilterList);
+	const title = require_useTheme.useTheme((t) => t.text.hiddenColumnFilters);
 	const [anchor, setAnchor] = (0, react.useState)(null);
 	const [selected, setSelected] = (0, react.useState)();
 	const columns = props.columns.filter((column) => column.filter && !visibleColumns.some((visible) => visible.id === column.id));
@@ -3634,8 +1872,8 @@ function HiddenColumnFilters() {
 //#region src/components/tableHeader.tsx
 const TableHeader = (0, react.memo)(function TableHeader() {
 	const { props, visibleColumns } = useTableStructure();
-	const classes = useTheme((t) => t.classes?.headerCell);
-	const styles = useTheme((t) => t.styles?.headerCell);
+	const classes = require_useTheme.useTheme((t) => t.classes?.headerCell);
+	const styles = require_useTheme.useTheme((t) => t.styles?.headerCell);
 	const { stickyHeader, enableSelection, enableColumnSelection, enableExport } = props;
 	const { enableHiddenColumnFilters } = props;
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
@@ -3720,6 +1958,7 @@ function useScrollRoot(tableRef, probe) {
 	return root;
 }
 function VirtualWindow({ virtualizer, renderRow, measure }) {
+	"use no memo";
 	const items = virtualizer.getVirtualItems();
 	const scheduler = (0, react.useContext)(CellSchedulerContext);
 	(0, react.useLayoutEffect)(() => {
@@ -3751,6 +1990,7 @@ function virtualizerOptions({ count, getKey, options, scrollMargin }) {
 	};
 }
 function ElementRows(props) {
+	"use no memo";
 	const virtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
 		...virtualizerOptions(props),
 		getScrollElement: () => props.root
@@ -3762,6 +2002,7 @@ function ElementRows(props) {
 	});
 }
 function WindowRows(props) {
+	"use no memo";
 	const virtualizer = (0, _tanstack_react_virtual.useWindowVirtualizer)(virtualizerOptions(props));
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(VirtualWindow, {
 		virtualizer,
@@ -3796,9 +2037,9 @@ function VirtualRows({ tableRef, ...props }) {
 //#region src/components/tableGrid.tsx
 function TableGrid({ hidden }) {
 	const state = useTableContext();
-	const theme = useTheme((t) => t);
+	const theme = require_useTheme.useTheme((t) => t);
 	const { props, visibleColumns, columnWidths, activeItems, expanded } = state;
-	const cssVariables = useCssVariables();
+	const cssVariables = require_useTheme.useCssVariables();
 	const tableRef = (0, react.useRef)(null);
 	const debugRenderRef = (0, react.useRef)(props.debugRender);
 	debugRenderRef.current = props.debugRender;
@@ -3889,7 +2130,7 @@ function TableGrid({ hidden }) {
 //#region src/components/tableLoadingState.tsx
 function TableLoadingState({ isHydrated }) {
 	const [showLoading, setShowLoading] = (0, react.useState)(false);
-	const loadingText = useTheme((t) => t.text.loading);
+	const loadingText = require_useTheme.useTheme((t) => t.text.loading);
 	(0, react.useEffect)(() => {
 		const handle = setTimeout(() => setShowLoading(true), 500);
 		return () => clearTimeout(handle);
@@ -3911,7 +2152,7 @@ function TableWithState({ props, tableRef, onReset, isReset }) {
 	const table = useTable(props, onReset, isReset);
 	const { context, structure, actions, theme, isHydrated } = table;
 	useTableImperativeHandle(tableRef, table);
-	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ThemeContext.Provider, {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_useTheme.ThemeContext.Provider, {
 		value: theme,
 		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TableActionsContext.Provider, {
 			value: actions,
@@ -3965,7 +2206,7 @@ function DateFilterComponent({ value = null, onChange, close, options: { locale,
 			padding: "calc(var(--spacing) * 2)",
 			display: "grid"
 		},
-		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(DatePicker, {
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_useTheme.DatePicker, {
 			rangeSelect: !singleSelect,
 			value: value ?? null,
 			onChange: (value, source) => {
@@ -3985,7 +2226,7 @@ function DateFilterComponent({ value = null, onChange, close, options: { locale,
 }
 const dateFilter = defineFilter({
 	isActive: (value) => !!value,
-	test: (value, input) => toSingles(input).some((x) => dateIntersect(value, toDate(x))),
+	test: (value, input) => require_useTheme.toSingles(input).some((x) => require_useTheme.dateIntersect(value, toDate(x))),
 	Component: DateFilterComponent
 });
 //#endregion
@@ -4001,8 +2242,8 @@ const parseNumber = (value) => {
 	return Number.isNaN(asNumber) ? null : asNumber;
 };
 function NumberField({ value: commitedValue = null, onChange, ...textFieldProps }) {
-	const locale = useTheme((t) => t.locale);
-	const TextField = useTheme((t) => t.components.TextField);
+	const locale = require_useTheme.useTheme((t) => t.locale);
+	const TextField = require_useTheme.useTheme((t) => t.components.TextField);
 	const [value = printNumber(commitedValue, locale), setValue] = (0, react.useState)();
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TextField, {
 		value,
@@ -4023,8 +2264,8 @@ function NumberField({ value: commitedValue = null, onChange, ...textFieldProps
 //#endregion
 //#region src/filters/rangeFilter.tsx
 function RangeFilterComponent({ value, onChange, options: { min, max }, getValues }) {
-	const rangeMinText = useTheme((t) => t.text.rangeMin);
-	const rangeMaxText = useTheme((t) => t.text.rangeMax);
+	const rangeMinText = require_useTheme.useTheme((t) => t.text.rangeMin);
+	const rangeMaxText = require_useTheme.useTheme((t) => t.text.rangeMax);
 	const [minValue, maxValue] = (0, react.useMemo)(() => {
 		if (typeof min === "number" && typeof max === "number") return [min, max];
 		let minValue;
@@ -4092,7 +2333,7 @@ const rangeFilter = defineFilter({
 		if (!value || value[0] === null && value[1] === null) return true;
 		const min = value[0] ?? Number.NEGATIVE_INFINITY;
 		const max = value[1] ?? Number.POSITIVE_INFINITY;
-		return toSingles(input).some((x) => (typeof x === "number" || typeof x === "bigint") && x >= min && x <= max);
+		return require_useTheme.toSingles(input).some((x) => (typeof x === "number" || typeof x === "bigint") && x >= min && x <= max);
 	},
 	Component: RangeFilterComponent
 });
@@ -4164,16 +2405,16 @@ function toggle(set, value, singleSelect) {
 	else newSet.add(value);
 	return newSet;
 }
-function SelectFilterComponent({ value: currentValue, onChange, options: { options: providedOptions, stringValue = asString, render = stringValue, singleSelect, hideSearchField, hideResetButton, virtual }, getValues }) {
-	const IconButton = useTheme((t) => t.components.IconButton);
-	const Checkbox = useTheme((t) => t.components.Checkbox);
-	const Button = useTheme((t) => t.components.Button);
-	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);
+function SelectFilterComponent({ value: currentValue, onChange, options: { options: providedOptions, stringValue = require_useTheme.asString, render = stringValue, singleSelect, hideSearchField, hideResetButton, virtual }, getValues }) {
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const Checkbox = require_useTheme.useTheme((t) => t.components.Checkbox);
+	const Button = require_useTheme.useTheme((t) => t.components.Button);
+	const Search = require_useTheme.useTheme((t) => t.icons.Search);
+	const Clear = require_useTheme.useTheme((t) => t.icons.Clear);
+	const deselectAll = require_useTheme.useTheme((t) => t.text.deselectAll);
+	const noResults = require_useTheme.useTheme((t) => t.text.noResults);
 	const value = currentValue ?? /* @__PURE__ */ new Set();
-	const options = (0, react.useMemo)(() => providedOptions ? uniq(providedOptions) : orderBy(getValues()), [providedOptions, getValues]);
+	const options = (0, react.useMemo)(() => providedOptions ? require_useTheme.uniq(providedOptions) : require_useTheme.orderBy(getValues()), [providedOptions, getValues]);
 	const [query, setQuery] = (0, react.useState)("");
 	const [initialValue] = (0, react.useState)(value);
 	const filtered = options.filter((option) => !query || stringValue(option).toLowerCase().includes(query.toLowerCase()));
@@ -4236,7 +2477,7 @@ function SelectFilterComponent({ value: currentValue, onChange, options: { optio
 /** Accepts any value; typing `options`, `defaultValue`, `render` etc. narrows it. */
 const selectFilter = defineFilter({
 	isActive: (value) => value.size > 0,
-	test: (value, input) => toSingles(input).some((x) => value.has(x)),
+	test: (value, input) => require_useTheme.toSingles(input).some((x) => value.has(x)),
 	Component: SelectFilterComponent
 });
 //#endregion
@@ -4247,9 +2488,9 @@ const compares = {
 	exact: (itemValue, filterValue) => itemValue.toLowerCase() === filterValue.toLowerCase()
 };
 function TextFilterComponent({ value, onChange, close, options }) {
-	const IconButton = useTheme((t) => t.components.IconButton);
-	const Search = useTheme((t) => t.icons.Search);
-	const Clear = useTheme((t) => t.icons.Clear);
+	const IconButton = require_useTheme.useTheme((t) => t.components.IconButton);
+	const Search = require_useTheme.useTheme((t) => t.icons.Search);
+	const Clear = require_useTheme.useTheme((t) => t.icons.Clear);
 	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
 		css: {
 			padding: `calc(var(--spacing) * 2)`,
@@ -4273,7 +2514,7 @@ const textFilter = defineFilter({
 	isActive: (value) => !!value,
 	test(value, input, { compare = "contains" }) {
 		const match = typeof compare === "function" ? compare : compares[compare];
-		return toSingles(input).some((x) => x !== null && x !== void 0 && match(String(x), value));
+		return require_useTheme.toSingles(input).some((x) => x !== null && x !== void 0 && match(String(x), value));
 	},
 	debounce: 300,
 	Component: TextFilterComponent
@@ -4299,43 +2540,45 @@ const termMatch = (text, query) => {
 //#endregion
 exports.AutoFocusTextField = AutoFocusTextField;
 exports.ColumnContext = ColumnContext;
-exports.DatePicker = DatePicker;
-exports.DatePickerProvider = DatePickerProvider;
+exports.DatePicker = require_useTheme.DatePicker;
+exports.DatePickerProvider = require_useTheme.DatePickerProvider;
+exports.DatePickerQuickOptions = require_useTheme.DatePickerQuickOptions;
+exports.DefaultDatePicker = require_useTheme.DefaultDatePicker;
 exports.Table = Table;
 exports.TableActionsContext = TableActionsContext;
 exports.TableContext = TableContext;
 exports.TableSettingsContext = require_tableTheme.TableSettingsContext;
 exports.TableSettingsProvider = require_tableTheme.TableSettingsProvider;
 exports.TableStructureContext = TableStructureContext;
-exports.commonQuickOptions = commonQuickOptions;
-exports.dateClamp = dateClamp;
+exports.commonQuickOptions = require_useTheme.commonQuickOptions;
+exports.dateClamp = require_useTheme.dateClamp;
 exports.dateFilter = dateFilter;
-exports.dateIntersect = dateIntersect;
+exports.dateIntersect = require_useTheme.dateIntersect;
 exports.defineFilter = defineFilter;
-exports.endOfDay = endOfDay;
-exports.getCalendarWeek = getCalendarWeek;
+exports.endOfDay = require_useTheme.endOfDay;
+exports.getCalendarWeek = require_useTheme.getCalendarWeek;
 Object.defineProperty(exports, "helpers", {
 	enumerable: true,
 	get: function() {
-		return helpers_exports;
+		return require_useTheme.helpers_exports;
 	}
 });
-exports.lastDays = lastDays;
+exports.lastDays = require_useTheme.lastDays;
 exports.mergeThemes = require_tableTheme.mergeThemes;
 exports.rangeFilter = rangeFilter;
 exports.selectFilter = selectFilter;
-exports.startOfDay = startOfDay;
+exports.startOfDay = require_useTheme.startOfDay;
 exports.termMatch = termMatch;
 exports.textFilter = textFilter;
 exports.textMatch = textMatch;
-exports.thisMonth = thisMonth;
-exports.thisWeek = thisWeek;
-exports.thisYear = thisYear;
-exports.today = today;
+exports.thisMonth = require_useTheme.thisMonth;
+exports.thisWeek = require_useTheme.thisWeek;
+exports.thisYear = require_useTheme.thisYear;
+exports.today = require_useTheme.today;
 exports.useColumnContext = useColumnContext;
 exports.useTableActions = useTableActions;
 exports.useTableContext = useTableContext;
 exports.useTableStructure = useTableStructure;
-exports.useTheme = useTheme;
+exports.useTheme = require_useTheme.useTheme;
 
 //# sourceMappingURL=index.cjs.map