@serkonda7/solid-components 0.3.2 → 0.4.1

package/dist/index.js

@@ -1,7 +1,36 @@
 import { Dynamic as e, className as t, createComponent as n, delegateEvents as r, effect as i, insert as a, memo as o, mergeProps as s, setAttribute as c, spread as l, style as u, template as d, use as f } from "solid-js/web";
 import { For as p, Show as m, children as h, createEffect as g, createMemo as _, createSignal as v, createUniqueId as y, on as b, onCleanup as x, onMount as S, splitProps as C, untrack as w } from "solid-js";
-//#region node_modules/@tabler/icons-solidjs/dist/source/defaultAttributes.js
-var T = {
+import { columnFilteringFeature as T, columnOrderingFeature as E, columnSizingFeature as D, columnVisibilityFeature as O, createFilteredRowModel as k, createSortedRowModel as A, createTable as ee, filterFn_includesString as j, functionalUpdate as M, globalFilteringFeature as te, rowSortingFeature as N, tableFeatures as P } from "@tanstack/solid-table";
+// src/color-input.tsx
+var F = /*#__PURE__*/ d("<div><input type=color class=color-input-picker><input class=color-input-text autocomplete=off>");
+function ne(e) {
+	let t = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim())?.[1]?.toLowerCase();
+	if (t) return `#${t.length === 3 ? t.replace(/./g, "$&$&") : t}`;
+}
+function I(e) {
+	let [n, r] = v();
+	return (() => {
+		var a = F(), o = a.firstChild, s = o.nextSibling;
+		return o.$$input = (t) => e.onInput(t.currentTarget.value), s.addEventListener("blur", () => r(void 0)), s.$$input = (t) => {
+			let n = t.currentTarget.value;
+			r(n);
+			let i = ne(n);
+			i && e.onInput(i);
+		}, c(s, "spellcheck", !1), i((n) => {
+			var r = e.class ? `color-input ${e.class}` : "color-input", i = e.pickerLabel ?? "Pick color", l = e.disabled, u = e.ariaLabel ?? "Color", d = e.disabled;
+			return r !== n.e && t(a, n.e = r), i !== n.t && c(o, "aria-label", n.t = i), l !== n.a && (o.disabled = n.a = l), u !== n.o && c(s, "aria-label", n.o = u), d !== n.i && (s.disabled = n.i = d), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		}), i(() => o.value = ne(e.value) ?? "#000000"), i(() => s.value = n() ?? e.value), a;
+	})();
+}
+r(["input"]);
+// node_modules/@tabler/icons-solidjs/dist/source/defaultAttributes.js
+var L = {
 	outline: {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 24,
@@ -21,7 +50,7 @@ var T = {
 		fill: "currentColor",
 		stroke: "none"
 	}
-}, E = /*#__PURE__*/ d("<svg>"), D = /*#__PURE__*/ d("<title>"), O = (t, r, i, c) => {
+}, re = /*#__PURE__*/ d("<svg>"), ie = /*#__PURE__*/ d("<title>"), R = (t, r, i, c) => {
 	let u = (i) => {
 		let [u, d] = C(i, [
 			"color",
@@ -31,9 +60,9 @@ var T = {
 			"title",
 			"children",
 			"class"
-		]), f = T[t], p = u.stroke ?? u.strokeWidth;
+		]), f = L[t], p = u.stroke ?? u.strokeWidth;
 		return (() => {
-			var i = E();
+			var i = re();
 			return l(i, s(f, d, {
 				get width() {
 					return o(() => u.size != null)() ? u.size : f.width;
@@ -50,58 +79,58 @@ var T = {
 			}), !0, !0), a(i, (() => {
 				var e = o(() => u.title != null);
 				return () => e() && (() => {
-					var e = D();
+					var e = ie();
 					return a(e, () => u.title), e;
 				})();
 			})(), null), a(i, () => c.map(([t, r]) => n(e, s({ component: t }, r))), null), a(i, () => u.children, null), i;
 		})();
 	};
 	return u.displayName = `${i}`, u;
-}, ee = O("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), k = O("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), te = /*#__PURE__*/ d("<span class=combobox-detail>"), A = /*#__PURE__*/ d("<div role=option class=combobox-option><span class=combobox-option-label>"), j = /*#__PURE__*/ d("<span class=combobox-option-icon aria-hidden=true>"), ne = /*#__PURE__*/ d("<div role=option class=\"combobox-option combobox-option-add\">"), M = /*#__PURE__*/ d("<div class=combobox-list role=listbox>"), N = /*#__PURE__*/ d("<div class=combobox-empty>"), P = /*#__PURE__*/ d("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), F = /*#__PURE__*/ d("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), I = /*#__PURE__*/ d("<span class=combobox-icon aria-hidden=true>"), re = /*#__PURE__*/ d("<div class=combobox-preview aria-hidden=true>");
-function L(r) {
-	let s, l, u = y(), d = () => r.id ?? u, h = () => `${d()}-listbox`, b = (e) => `${d()}-option-${e}`, [x, C] = v(!1), [w, T] = v(""), [E, D] = v(0), O = _(() => r.emptyLabel === void 0 ? r.options : [{
+}, ae = R("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), oe = R("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), se = /*#__PURE__*/ d("<span class=combobox-detail>"), ce = /*#__PURE__*/ d("<div role=option class=combobox-option><span class=combobox-option-label>"), le = /*#__PURE__*/ d("<span class=combobox-option-icon aria-hidden=true>"), ue = /*#__PURE__*/ d("<div role=option class=\"combobox-option combobox-option-add\">"), de = /*#__PURE__*/ d("<div class=combobox-list role=listbox>"), z = /*#__PURE__*/ d("<div class=combobox-empty>"), B = /*#__PURE__*/ d("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), fe = /*#__PURE__*/ d("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), V = /*#__PURE__*/ d("<span class=combobox-icon aria-hidden=true>"), pe = /*#__PURE__*/ d("<div class=combobox-preview aria-hidden=true>");
+function H(r) {
+	let s, l, d = y(), h = () => r.id ?? d, b = () => `${h()}-listbox`, x = (e) => `${h()}-option-${e}`, [C, w] = v(!1), [T, E] = v(""), [D, O] = v(0), [k, A] = v(), ee = _(() => r.emptyLabel === void 0 ? r.options : [{
 		value: "",
 		label: r.emptyLabel
-	}, ...r.options]), L = _(() => r.value === "" ? void 0 : O().find((e) => String(e.value) === r.value)), R = _(() => {
-		let e = w().trim().toLowerCase();
-		return e === "" ? O() : O().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
-	}), ie = () => r.options.some((e) => e.detail !== void 0), z = () => R().length, ae = () => R().length + +!!r.onAdd, oe = () => !r.disabled && r.onChange !== void 0, B = () => R()[E()]?.preview;
+	}, ...r.options]), j = _(() => r.value === "" ? void 0 : ee().find((e) => String(e.value) === r.value)), M = _(() => {
+		let e = T().trim().toLowerCase();
+		return e === "" ? ee() : ee().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
+	}), te = () => r.options.some((e) => e.detail !== void 0), N = () => M().length, P = () => M().length + +!!r.onAdd, F = () => !r.disabled && r.onChange !== void 0, ne = () => M()[D()]?.preview;
 	S(() => {
 		r.autofocus === !0 && s?.focus();
 	}), g(() => {
-		x() && l?.querySelector(`[data-index="${E()}"]`)?.scrollIntoView({ block: "nearest" });
+		C() && l?.querySelector(`[data-index="${D()}"]`)?.scrollIntoView({ block: "nearest" });
 	});
-	function V() {
-		if (x() || !oe()) return;
-		T("");
-		let e = O().findIndex((e) => String(e.value) === r.value);
-		D(Math.max(e, 0)), C(!0), r.onOpen?.();
-	}
-	function H(e) {
-		if (C(!1), r.onAdd && e === z()) {
-			r.onAdd(w().trim());
+	function I() {
+		if (C() || !F()) return;
+		E("");
+		let e = ee().findIndex((e) => String(e.value) === r.value);
+		O(Math.max(e, 0)), A(void 0), w(!0), r.onOpen?.();
+	}
+	function L(e) {
+		if (w(!1), r.onAdd && e === N()) {
+			r.onAdd(T().trim());
 			return;
 		}
-		let t = R()[e];
+		let t = M()[e];
 		t && String(t.value) !== r.value && r.onChange?.(String(t.value));
 	}
-	function se(e) {
-		let t = ae();
-		x() ? t > 0 && D((E() + e + t) % t) : V();
+	function re(e) {
+		let t = P();
+		C() ? t > 0 && O((D() + e + t) % t) : I();
 	}
-	function U(e) {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), se(e.key === "ArrowDown" ? 1 : -1)) : x() && (e.key === "Enter" ? (e.preventDefault(), H(E())) : e.key === "Tab" ? r.onAdd && E() === z() ? C(!1) : H(E()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), C(!1)));
+	function ie(e) {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), A(void 0), re(e.key === "ArrowDown" ? 1 : -1)) : C() && (e.key === "Enter" ? (e.preventDefault(), L(D())) : e.key === "Tab" ? r.onAdd && D() === N() ? w(!1) : L(D()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), w(!1)));
 	}
-	let W = () => x() ? L()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
-	function G(t, o) {
+	let R = () => C() ? j()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
+	function H(t, o) {
 		return (() => {
-			var s = A(), l = s.firstChild;
-			return s.$$click = () => H(o()), s.$$mousemove = () => D(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(m, {
+			var s = ce(), l = s.firstChild;
+			return s.$$click = () => L(o()), s.$$mousemove = () => O(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(m, {
 				get when() {
 					return t.icon;
 				},
 				children: (t) => (() => {
-					var r = j();
+					var r = le();
 					return a(r, n(e, {
 						get component() {
 							return t();
@@ -114,11 +143,11 @@ function L(r) {
 					return t.detail;
 				},
 				get children() {
-					var e = te();
+					var e = se();
 					return a(e, () => t.detail), e;
 				}
 			}), null), i((e) => {
-				var n = b(o()), i = o(), a = String(t.value) === r.value, l = o() === E(), u = t.value === "";
+				var n = x(o()), i = o(), a = String(t.value) === r.value, l = o() === D(), u = t.value === "";
 				return n !== e.e && c(s, "id", e.e = n), i !== e.t && c(s, "data-index", e.t = i), a !== e.a && c(s, "aria-selected", e.a = a), l !== e.o && s.classList.toggle("combobox-option-active", e.o = l), u !== e.i && s.classList.toggle("combobox-option-empty", e.i = u), e;
 			}, {
 				e: void 0,
@@ -129,14 +158,14 @@ function L(r) {
 			}), s;
 		})();
 	}
-	function K() {
+	function me() {
 		return (() => {
-			var e = ne();
-			return e.$$click = () => H(z()), e.$$mousemove = () => D(z()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(k, {
+			var e = ue();
+			return e.$$click = () => L(N()), e.$$mousemove = () => O(N()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(oe, {
 				size: 14,
 				"aria-hidden": "true"
 			}), null), a(e, () => r.addLabel ?? "Add", null), i((t) => {
-				var n = b(z()), r = z(), i = z() === E();
+				var n = x(N()), r = N(), i = N() === D();
 				return n !== t.e && c(e, "id", t.e = n), r !== t.t && c(e, "data-index", t.t = r), i !== t.a && e.classList.toggle("combobox-option-active", t.a = i), t;
 			}, {
 				e: void 0,
@@ -145,29 +174,37 @@ function L(r) {
 			}), e;
 		})();
 	}
-	function q() {
+	let U = () => r.previewAtCursor === !0 ? k() : void 0;
+	function he() {
 		return (() => {
-			var e = M(), t = l;
+			var e = de();
+			e.$$mousemove = (e) => {
+				r.previewAtCursor === !0 && A({
+					x: e.clientX,
+					y: e.clientY
+				});
+			};
+			var t = l;
 			return typeof t == "function" ? f(t, e) : l = e, a(e, n(p, {
 				get each() {
-					return R();
+					return M();
 				},
 				get fallback() {
 					return (() => {
-						var e = N();
+						var e = z();
 						return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
 					})();
 				},
-				children: G
+				children: H
 			}), null), a(e, n(m, {
 				get when() {
 					return r.onAdd;
 				},
 				get children() {
-					return K();
+					return me();
 				}
 			}), null), i((t) => {
-				var n = !!ie(), r = h();
+				var n = !!te(), r = b();
 				return n !== t.e && e.classList.toggle("combobox-list-detail", t.e = n), r !== t.t && c(e, "id", t.t = r), t;
 			}, {
 				e: void 0,
@@ -176,18 +213,18 @@ function L(r) {
 		})();
 	}
 	return (() => {
-		var l = F(), u = l.firstChild;
-		u.addEventListener("blur", () => C(!1)), u.$$keydown = U, u.$$input = (e) => {
+		var l = fe(), d = l.firstChild;
+		d.addEventListener("blur", () => w(!1)), d.$$keydown = ie, d.$$input = (e) => {
 			let t = e.currentTarget.value;
-			V(), T(t), D(0);
-		}, u.$$click = V;
+			I(), E(t), O(0);
+		}, d.$$click = I;
 		var p = s;
-		return typeof p == "function" ? f(p, u) : s = u, a(l, n(m, {
+		return typeof p == "function" ? f(p, d) : s = d, a(l, n(m, {
 			get when() {
-				return o(() => !x())() && L()?.icon;
+				return o(() => !C())() && j()?.icon;
 			},
 			children: (t) => (() => {
-				var r = I();
+				var r = V();
 				return a(r, n(e, {
 					get component() {
 						return t();
@@ -197,36 +234,45 @@ function L(r) {
 			})()
 		}), null), a(l, n(m, {
 			get when() {
-				return o(() => !x())() && L()?.detail;
+				return o(() => !C())() && j()?.detail;
 			},
 			get children() {
-				var e = P(), t = e.firstChild, n = t.nextSibling;
-				return a(t, () => L()?.label), a(n, () => L()?.detail), e;
+				var e = B(), t = e.firstChild, n = t.nextSibling;
+				return a(t, () => j()?.label), a(n, () => j()?.detail), e;
 			}
-		}), null), a(l, n(ee, {
+		}), null), a(l, n(ae, {
 			class: "combobox-chevron",
 			size: 16,
 			"aria-hidden": "true"
 		}), null), a(l, n(m, {
 			get when() {
-				return x();
+				return C();
 			},
 			get children() {
-				return q();
+				return he();
 			}
 		}), null), a(l, n(m, {
 			get when() {
-				return o(() => !!x())() && B();
+				return o(() => !!C())() && ne();
 			},
 			children: (t) => (() => {
-				var r = re();
+				var r = pe();
 				return a(r, n(e, { get component() {
 					return t();
-				} })), r;
+				} })), i((e) => {
+					var t = U() !== void 0, n = U() ? {
+						"--combobox-cursor-x": `${U()?.x}px`,
+						"--combobox-cursor-y": `${U()?.y}px`
+					} : void 0;
+					return t !== e.e && r.classList.toggle("combobox-preview-cursor", e.e = t), e.t = u(r, n, e.t), e;
+				}, {
+					e: void 0,
+					t: void 0
+				}), r;
 			})()
 		}), null), i((e) => {
-			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!x(), a = !(x() || !L()?.detail), o = !(x() || L()?.icon === void 0), s = d(), f = x(), p = h(), m = x() && ae() > 0 ? b(E()) : void 0, g = r.ariaLabel, _ = r.describedBy, v = r.required, y = r.disabled, S = r.onChange === void 0, C = r.value, w = W();
-			return n !== e.e && t(l, e.e = n), i !== e.t && l.classList.toggle("combobox-open", e.t = i), a !== e.a && l.classList.toggle("combobox-with-detail", e.a = a), o !== e.o && l.classList.toggle("combobox-with-icon", e.o = o), s !== e.i && c(u, "id", e.i = s), f !== e.n && c(u, "aria-expanded", e.n = f), p !== e.s && c(u, "aria-controls", e.s = p), m !== e.h && c(u, "aria-activedescendant", e.h = m), g !== e.r && c(u, "aria-label", e.r = g), _ !== e.d && c(u, "aria-describedby", e.d = _), v !== e.l && (u.required = e.l = v), y !== e.u && (u.disabled = e.u = y), S !== e.c && (u.readOnly = e.c = S), C !== e.w && c(u, "data-value", e.w = C), w !== e.m && c(u, "placeholder", e.m = w), e;
+			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!C(), a = !(C() || !j()?.detail), o = !(C() || j()?.icon === void 0), s = h(), u = C(), f = b(), p = C() && P() > 0 ? x(D()) : void 0, m = r.ariaLabel, g = r.describedBy, _ = r.required, v = r.disabled, y = r.onChange === void 0, S = r.value, w = R();
+			return n !== e.e && t(l, e.e = n), i !== e.t && l.classList.toggle("combobox-open", e.t = i), a !== e.a && l.classList.toggle("combobox-with-detail", e.a = a), o !== e.o && l.classList.toggle("combobox-with-icon", e.o = o), s !== e.i && c(d, "id", e.i = s), u !== e.n && c(d, "aria-expanded", e.n = u), f !== e.s && c(d, "aria-controls", e.s = f), p !== e.h && c(d, "aria-activedescendant", e.h = p), m !== e.r && c(d, "aria-label", e.r = m), g !== e.d && c(d, "aria-describedby", e.d = g), _ !== e.l && (d.required = e.l = _), v !== e.u && (d.disabled = e.u = v), y !== e.c && (d.readOnly = e.c = y), S !== e.w && c(d, "data-value", e.w = S), w !== e.m && c(d, "placeholder", e.m = w), e;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -243,7 +289,7 @@ function L(r) {
 			c: void 0,
 			w: void 0,
 			m: void 0
-		}), i(() => u.value = x() ? w() : L()?.label ?? ""), l;
+		}), i(() => d.value = C() ? T() : j()?.label ?? ""), l;
 	})();
 }
 r([
@@ -253,13 +299,36 @@ r([
 	"input",
 	"keydown"
 ]);
-//#endregion
-//#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconMenu.js
-var R = O("outline", "menu", "Menu", [["path", { d: "M4 8l16 0" }], ["path", { d: "M4 16l16 0" }]]), ie = /*#__PURE__*/ d("<li class=data-table-customizer-item draggable=true><label class=data-table-customizer-option><input type=checkbox>"), z = /*#__PURE__*/ d("<div role=dialog class=data-table-customizer-panel><p class=data-table-customizer-title></p><ul class=data-table-customizer-list></ul><div class=data-table-customizer-actions><button type=button></button><button type=button>"), ae = /*#__PURE__*/ d("<div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), oe = /*#__PURE__*/ d("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), B = /*#__PURE__*/ d("<span class=data-table-resize-handle role=separator aria-orientation=vertical tabindex=0>"), V = /*#__PURE__*/ d("<th>"), H = /*#__PURE__*/ d("<td>"), se = /*#__PURE__*/ d("<tr>"), U = /*#__PURE__*/ d("<div class=data-table-toolbar-start>"), W = /*#__PURE__*/ d("<div class=data-table-toolbar>"), G = /*#__PURE__*/ d("<th>Actions"), K = /*#__PURE__*/ d("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), q = /*#__PURE__*/ d("<p class=data-table-status>Loading…"), ce = /*#__PURE__*/ d("<p class=data-table-status>No results.");
-function J(e) {
+// node_modules/@tabler/icons-solidjs/dist/source/icons/IconChevronLeft.js
+var me = R("outline", "chevron-left", "ChevronLeft", [["path", { d: "M15 6l-6 6l6 6" }]]), U = R("outline", "chevron-right", "ChevronRight", [["path", { d: "M9 6l6 6l-6 6" }]]), he = R("outline", "menu", "Menu", [["path", { d: "M4 8l16 0" }], ["path", { d: "M4 16l16 0" }]]), ge = /*#__PURE__*/ d("<li class=data-table-customizer-item draggable=true><span class=data-table-customizer-grip role=button aria-keyshortcuts=\"Alt+ArrowUp Alt+ArrowDown\"></span><label class=data-table-customizer-option><input type=checkbox aria-keyshortcuts=\"Alt+ArrowUp Alt+ArrowDown\">"), _e = /*#__PURE__*/ d("<div role=dialog class=data-table-customizer-panel><p class=data-table-customizer-title></p><ul class=data-table-customizer-list></ul><div class=data-table-customizer-actions><button type=button></button><button type=button>"), ve = /*#__PURE__*/ d("<div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), ye = /*#__PURE__*/ d("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), W = /*#__PURE__*/ d("<span class=data-table-resize-handle role=separator aria-orientation=vertical tabindex=0>"), be = /*#__PURE__*/ d("<th>"), xe = /*#__PURE__*/ d("<td class=data-table-actions>"), G = /*#__PURE__*/ d("<tr>"), K = /*#__PURE__*/ d("<td>"), Se = /*#__PURE__*/ d("<td class=data-table-actions><span class=data-table-skeleton>"), Ce = /*#__PURE__*/ d("<tr aria-hidden=true>"), we = /*#__PURE__*/ d("<td><span class=data-table-skeleton>"), q = /*#__PURE__*/ d("<nav class=data-table-pagination><span aria-live=polite></span><button type=button></button><button type=button>"), Te = /*#__PURE__*/ d("<label class=data-table-page-size><select>"), Ee = /*#__PURE__*/ d("<option>"), De = /*#__PURE__*/ d("<div class=data-table-toolbar-start>"), Oe = /*#__PURE__*/ d("<div class=data-table-toolbar>"), ke = /*#__PURE__*/ d("<th class=data-table-actions>Actions"), Ae = /*#__PURE__*/ d("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), je = /*#__PURE__*/ d("<p class=data-table-status role=status>Loading…"), Me = /*#__PURE__*/ d("<p class=data-table-status>No results."), J = 40, Ne = 5, Pe = P({
+	rowSortingFeature: N,
+	sortedRowModel: A(),
+	columnVisibilityFeature: O,
+	columnOrderingFeature: E,
+	columnSizingFeature: D
+});
+function Fe(e, t) {
+	return e === t ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), void 0, { numeric: !0 });
+}
+function Y(e) {
 	return typeof e == "function" ? e() : e;
 }
-function le(e, t) {
+function Ie(e) {
+	if (e !== void 0) try {
+		let t = globalThis.localStorage?.getItem(e);
+		if (!t) return;
+		let n = JSON.parse(t);
+		return Array.isArray(n) && n.every((e) => typeof e == "string") ? n : void 0;
+	} catch {
+		return;
+	}
+}
+function Le(e, t) {
+	if (e !== void 0) try {
+		t === void 0 ? globalThis.localStorage?.removeItem(e) : globalThis.localStorage?.setItem(e, JSON.stringify(t));
+	} catch {}
+}
+function Re(e, t) {
 	if (t !== void 0) return {
 		width: `${t}px`,
 		"min-width": `${t}px`,
@@ -268,212 +337,285 @@ function le(e, t) {
 	let n = (e) => typeof e == "number" ? `${e}px` : e, r = {};
 	return e.width !== void 0 && (r.width = n(e.width)), e.minWidth !== void 0 && (r["min-width"] = n(e.minWidth)), e.maxWidth !== void 0 && (r["max-width"] = n(e.maxWidth)), Object.keys(r).length > 0 ? r : void 0;
 }
-function ue(e) {
-	let r = _(() => J(e.rows)), o = () => J(e.loading ?? !1), s = e.sortKey !== void 0 || e.sortDirection !== void 0, [l, d] = v(e.defaultSort), b = () => s ? J(e.sortKey ?? void 0) : l()?.key, S = () => s ? J(e.sortDirection ?? "asc") : l()?.direction ?? "asc", C = () => J(e.showColumnCustomizer ?? !1), T = h(() => e.toolbar), E = _(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [D, O] = v(void 0), ee = () => e.visibleColumns === void 0 ? D() ?? E() : J(e.visibleColumns), k = _(() => new Set(ee())), [te, A] = v(void 0);
-	function j(t) {
-		let n = new Map(e.columns.map((e) => [e.key, e])), r = [...new Set(t)].flatMap((e) => n.get(e) ?? []), i = new Set(r);
-		return [...r, ...e.columns.filter((e) => !i.has(e))];
-	}
-	let ne = _(() => j(e.columnOrder === void 0 ? te() ?? e.defaultColumnOrder ?? [] : J(e.columnOrder))), M = _(() => ne().filter((e) => e.toggleable === !1 || k().has(e.key))), N = _(() => e.columns.filter((e) => e.toggleable !== !1)), P = _(() => N().map((e) => e.key));
-	function F(e, t) {
-		return t.sortValue ? t.sortValue(e) : e[t.key];
-	}
-	function I(e, t) {
-		return e === t ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), void 0, { numeric: !0 });
-	}
-	let re = _(() => {
-		let t = r(), n = b();
-		if (s || !n) return t;
-		let i = e.columns.find((e) => e.key === n);
-		if (!i) return t;
-		let a = S() === "asc" ? 1 : -1;
-		return [...t].sort((e, t) => a * I(F(e, i), F(t, i)));
-	});
-	function L(t) {
-		let n = b() === t, r = n && S() === "desc" ? void 0 : {
-			key: t,
-			direction: n ? "desc" : "asc"
-		};
-		s || d(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
+function ze(e) {
+	let r = _(() => Y(e.rows)), o = () => Y(e.loading ?? !1), s = e.sortKey !== void 0 || e.sortDirection !== void 0, [l, d] = v(e.defaultSort), b = () => s ? Y(e.sortKey ?? void 0) : l()?.key, S = () => s ? Y(e.sortDirection ?? "asc") : l()?.direction ?? "asc", C = () => Y(e.showColumnCustomizer ?? !1), T = h(() => e.toolbar), E = _(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), D = w(() => e.storageKey), [O, k] = v(w(() => e.visibleColumns === void 0 ? Ie(D) : void 0)), A = () => e.visibleColumns === void 0 ? O() ?? E() : Y(e.visibleColumns), j = _(() => {
+		let t = new Set(A());
+		return Object.fromEntries(e.columns.map((e) => [e.key, e.toggleable === !1 || t.has(e.key)]));
+	}), [te, N] = v(void 0), P = () => e.columnOrder === void 0 ? te() ?? e.defaultColumnOrder ?? [] : Y(e.columnOrder), F = _(() => {
+		let e = b();
+		return e === void 0 ? [] : [{
+			id: e,
+			desc: S() === "desc"
+		}];
+	}), ne = _(() => e.columns.map((e) => ({
+		id: e.key,
+		accessorFn: (t) => e.sortValue ? e.sortValue(t) : t[e.key],
+		enableHiding: e.toggleable !== !1,
+		sortFn: (e, t, n) => Fe(e.getValue(n), t.getValue(n))
+	}))), I = ee({
+		features: Pe,
+		get data() {
+			return r();
+		},
+		get columns() {
+			return ne();
+		},
+		getRowId: (t) => String(e.getRowId(t)),
+		manualSorting: s,
+		enableMultiSort: !1,
+		sortDescFirst: !1,
+		defaultColumn: { minSize: J },
+		state: {
+			get sorting() {
+				return F();
+			},
+			get columnVisibility() {
+				return j();
+			},
+			get columnOrder() {
+				return P();
+			}
+		},
+		onSortingChange: ce,
+		onColumnVisibilityChange: de,
+		onColumnOrderChange: (e) => z(M(e, P()))
+	}), L = _(() => new Map(e.columns.map((e) => [e.key, e]))), re = (e) => e.flatMap((e) => L().get(e.id) ?? []), ie = _(() => re(I.getAllLeafColumns())), R = _(() => re(I.getVisibleLeafColumns())), ae = _(() => I.getRowModel().rows.map((e) => e.original)), oe = _(() => e.columns.filter((e) => e.toggleable !== !1)), se = _(() => oe().map((e) => e.key));
+	function ce(t) {
+		let [n] = M(t, F()), r = n && {
+			key: n.id,
+			direction: n.desc ? "desc" : "asc"
+		}, i = r?.key ?? b();
+		s || d(r), i !== void 0 && e.onSort?.(i), r || e.onSortClear?.(), e.onSortChange?.(r);
 	}
-	function ue(t) {
+	function le(t) {
 		let n = new Map(e.columns.map((e, t) => [e.key, t]));
 		return [...t].sort((e, t) => (n.get(e) ?? 0) - (n.get(t) ?? 0));
 	}
-	function Y(t) {
-		let n = ue(t);
-		e.visibleColumns === void 0 && O(n), e.onVisibleColumnsChange?.(n);
+	function ue(t) {
+		let n = le(t);
+		e.visibleColumns === void 0 && (k(n), Le(D, n)), e.onVisibleColumnsChange?.(n);
 	}
-	function de(e, t) {
-		let n = new Set(ee());
-		t ? n.add(e) : n.delete(e), Y(P().filter((e) => n.has(e)));
+	function de(e) {
+		let t = M(e, j());
+		ue(se().filter((e) => t[e]));
 	}
-	function X() {
-		Y(P());
+	function z(t) {
+		e.columnOrder === void 0 && N(t), e.onColumnOrderChange?.(t);
 	}
-	function fe(t) {
-		e.columnOrder === void 0 && A(t), e.onColumnOrderChange?.(t);
+	function B(e, t) {
+		let n = I.getAllLeafColumns().map((e) => e.id), r = n.indexOf(e);
+		r === -1 || t < 0 || t >= n.length || t === r || (n.splice(r, 1), n.splice(t, 0, e), I.setColumnOrder(n));
 	}
-	function pe(e, t) {
-		let n = ne().map((e) => e.key), r = n.indexOf(e);
-		r === -1 || t < 0 || t >= n.length || t === r || (n.splice(r, 1), n.splice(t, 0, e), fe(n));
+	function fe() {
+		ue(E()), e.visibleColumns === void 0 && Le(D, void 0);
+		let t = e.columns.map((e) => e.key), n = (e.defaultColumnOrder ?? []).filter((e) => t.includes(e));
+		z([.../* @__PURE__ */ new Set([...n, ...t])]), Be(), e.onColumnWidthsChange?.({});
 	}
-	function me() {
-		Y(E()), fe(j(e.defaultColumnOrder ?? []).map((e) => e.key));
+	let V = () => I.atoms.columnSizing.get(), [pe, H] = v(), ze = () => {
+		let e = pe();
+		return e === void 0 ? void 0 : I.getTotalSize() + e;
+	}, X;
+	function Be() {
+		H(void 0), I.setColumnSizing({});
+	}
+	function Z(e) {
+		if (!X) return 0;
+		let t = X.cloneNode(!1);
+		t.classList.remove("data-table-resized"), t.style.cssText = "position:absolute;visibility:hidden;width:max-content;max-width:none";
+		for (let n of X.rows) {
+			let r = n.cells[e]?.cloneNode(!0);
+			r && (r.removeAttribute("style"), t.insertRow().append(r));
+		}
+		X.after(t);
+		let n = t.getBoundingClientRect().width;
+		return t.remove(), Math.ceil(n);
 	}
-	let [Z, he] = v({}), [ge, _e] = v(), Q;
+	let Ve = () => R().length;
 	g(() => {
-		let e = M().map((e) => e.key);
-		if (!Q || w(ge) === void 0) return;
-		let t = w(Z);
-		if (e.every((e) => t[e] !== void 0)) return;
+		if (e.columnWidths === void 0) return;
+		let t = Y(e.columnWidths);
+		Object.keys(t).length === 0 ? Be() : (I.setColumnSizing(t), H((t) => t ?? (e.rowActions ? Z(w(Ve)) : 0)));
+	}), g(() => {
+		let e = R().map((e) => e.key), t = V();
+		if (pe() === void 0 || e.every((e) => t[e] !== void 0)) return;
 		let n = { ...t };
-		for (let t of e) {
-			if (n[t] !== void 0) continue;
-			let e = Q.querySelector(`th[data-column-key="${t}"]`), r = e ? Array.prototype.indexOf.call(e.parentElement?.children, e) : -1, i = 0;
-			for (let e of Q.rows) {
-				let t = e.cells[r];
-				t && (i = Math.max(i, t.scrollWidth));
-			}
-			n[t] = Math.max(40, Math.ceil(i));
-		}
-		he(n);
-		let r = [...Q.querySelectorAll("thead th:not([data-column-key])")];
-		_e(e.reduce((e, t) => e + (n[t] ?? 0), 0) + r.reduce((e, t) => e + t.getBoundingClientRect().width, 0));
+		for (let [t, r] of e.entries()) n[r] ??= Math.max(J, Z(t));
+		I.setColumnSizing(n);
+	}), g(() => {
+		ae();
+		let t = w(pe);
+		e.rowActions && t !== void 0 && H(Math.max(t, Z(w(Ve))));
 	});
-	function ve(t, n) {
-		if (!Q) return;
+	function He(e) {
+		let t = {};
+		for (let n of e.querySelectorAll("th[data-column-key]")) t[n.dataset.columnKey] = n.getBoundingClientRect().width;
+		let n = Object.values(t).reduce((e, t) => e + t, 0);
+		return {
+			sizing: t,
+			extra: e.getBoundingClientRect().width - n
+		};
+	}
+	function Ue(e, t) {
+		I.setColumnSizing(e), H(t);
+	}
+	function We(t, n) {
+		if (!X) return;
 		t.preventDefault(), t.stopPropagation();
 		let r = t.currentTarget;
 		r.setPointerCapture(t.pointerId);
-		let i = t.clientX, a = Q.getBoundingClientRect().width, o = {};
-		for (let e of Q.querySelectorAll("th[data-column-key]")) o[e.dataset.columnKey] = e.getBoundingClientRect().width;
-		let s = o[n] ?? 40, c = !1;
+		let i = t.clientX, { sizing: a, extra: o } = He(X), s = a[n] ?? J, c = !1;
 		function l(e) {
 			if (!c && Math.abs(e.clientX - i) < 2) return;
 			c = !0;
-			let t = Math.max(40, s + e.clientX - i);
-			he({
-				...o,
+			let t = Math.max(J, s + e.clientX - i);
+			Ue({
+				...a,
 				[n]: t
-			}), _e(a + t - s);
+			}, o);
 		}
 		function u() {
-			r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", u), r.removeEventListener("pointercancel", u), c && e.onColumnWidthsChange?.(Z());
+			r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", u), r.removeEventListener("pointercancel", u), c && e.onColumnWidthsChange?.(V());
 		}
 		r.addEventListener("pointermove", l), r.addEventListener("pointerup", u), r.addEventListener("pointercancel", u);
 	}
-	function ye(t, n) {
+	function Ge(t) {
+		if (!X) return;
+		let n = R().findIndex((e) => e.key === t), { sizing: r, extra: i } = He(X);
+		Ue({
+			...r,
+			[t]: Math.max(J, Z(n))
+		}, i), e.onColumnWidthsChange?.(V());
+	}
+	function Ke(t, n) {
+		if (t.key === "Enter") {
+			t.preventDefault(), Ge(n);
+			return;
+		}
 		let r = t.key === "ArrowLeft" ? -10 : t.key === "ArrowRight" ? 10 : 0;
-		if (!r || !Q) return;
+		if (!r || !X) return;
 		t.preventDefault();
-		let i = {};
-		for (let e of Q.querySelectorAll("th[data-column-key]")) i[e.dataset.columnKey] = e.getBoundingClientRect().width;
-		let a = i[n] ?? 40, o = Math.max(40, a + r);
-		_e(Q.getBoundingClientRect().width + o - a), he({
+		let { sizing: i, extra: a } = He(X), o = i[n] ?? J;
+		Ue({
 			...i,
-			[n]: o
-		}), e.onColumnWidthsChange?.(Z());
+			[n]: Math.max(J, o + r)
+		}, a), e.onColumnWidthsChange?.(V());
 	}
-	let [be, xe] = v(), Se = `${y()}-panel`, [Ce, we] = v(!1), Te;
+	let [qe, Je] = v(), Ye = `${y()}-panel`, [Xe, Ze] = v(!1), Qe;
 	g(() => {
-		if (!Ce() || !C()) return;
+		if (!Xe() || !C()) return;
 		function e(e) {
-			Te && !Te.contains(e.target) && we(!1);
+			Qe && !Qe.contains(e.target) && Ze(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && we(!1);
+			e.key === "Escape" && Ze(!1);
 		}
 		document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), x(() => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		});
 	});
-	function Ee(e) {
-		return e.toggleable === !1 || k().has(e.key);
-	}
-	function De(t, n) {
+	function $e(t, n) {
 		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
 	}
-	function Oe(e) {
+	function et(e) {
 		if (e.sortable) return b() === e.key ? S() === "asc" ? "ascending" : "descending" : "none";
 	}
-	function ke(e) {
+	function tt(e) {
 		return b() === e.key ? S() === "asc" ? "▲" : "▼" : "";
 	}
-	let Ae = (t) => !!t.sortable && (!s || !!(e.onSort || e.onSortChange));
-	function je(e, t) {
-		xe(t.key), e.dataTransfer?.setData("text/plain", t.key), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+	let nt = (t) => !!t.sortable && (!s || !!(e.onSort || e.onSortChange));
+	function rt(e, t) {
+		Je(t.key), e.dataTransfer?.setData("text/plain", t.key), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+	}
+	function it(e, t) {
+		let n = qe();
+		n !== void 0 && (e.preventDefault(), B(n, t));
+	}
+	function at(e, t, n) {
+		let r = e.key === "ArrowUp" ? -1 : +(e.key === "ArrowDown");
+		if (!e.altKey || !r) return;
+		e.preventDefault();
+		let i = document.activeElement;
+		B(t.key, n + r), i?.focus();
 	}
-	function Me(e, t) {
-		let n = be();
-		n !== void 0 && (e.preventDefault(), pe(n, t));
+	function ot(e, t) {
+		if (e.pointerType === "mouse") return;
+		Je(t.key);
+		function n(e) {
+			let n = document.elementFromPoint(e.clientX, e.clientY)?.closest(".data-table-customizer-item");
+			n?.parentElement && B(t.key, Array.prototype.indexOf.call(n.parentElement.children, n));
+		}
+		function r() {
+			document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", r), document.removeEventListener("pointercancel", r), Je(void 0);
+		}
+		document.addEventListener("pointermove", n), document.addEventListener("pointerup", r), document.addEventListener("pointercancel", r);
 	}
-	function Ne(e, t) {
+	function st(e, t) {
+		let r = e.ariaLabel ?? e.label;
 		return (() => {
-			var r = ie(), o = r.firstChild, s = o.firstChild;
-			return r.addEventListener("dragend", () => xe(void 0)), r.addEventListener("drop", (e) => e.preventDefault()), r.addEventListener("dragover", (e) => Me(e, t())), r.addEventListener("dragstart", (t) => je(t, e)), a(r, n(R, {
-				class: "data-table-customizer-grip",
+			var o = ge(), s = o.firstChild, l = s.nextSibling, u = l.firstChild;
+			return o.$$keydown = (n) => at(n, e, t()), o.addEventListener("dragend", () => Je(void 0)), o.addEventListener("drop", (e) => e.preventDefault()), o.addEventListener("dragover", (e) => it(e, t())), o.addEventListener("dragstart", (t) => rt(t, e)), s.$$pointerdown = (t) => ot(t, e), c(s, "aria-label", `Reorder ${r}`), a(s, n(he, {
 				size: 14,
 				"aria-hidden": "true"
-			}), o), s.addEventListener("change", (t) => de(e.key, t.currentTarget.checked)), a(o, () => e.ariaLabel ?? e.label, null), i((t) => {
-				var n = be() === e.key, i = e.toggleable === !1;
-				return n !== t.e && r.classList.toggle("data-table-customizer-item-dragging", t.e = n), i !== t.t && (s.disabled = t.t = i), t;
+			})), u.addEventListener("change", (t) => I.getColumn(e.key)?.toggleVisibility(t.currentTarget.checked)), a(l, r, null), i((t) => {
+				var n = qe() === e.key, r = e.toggleable === !1 ? 0 : -1, i = e.toggleable === !1;
+				return n !== t.e && o.classList.toggle("data-table-customizer-item-dragging", t.e = n), r !== t.t && c(s, "tabindex", t.t = r), i !== t.a && (u.disabled = t.a = i), t;
 			}, {
 				e: void 0,
-				t: void 0
-			}), i(() => s.checked = Ee(e)), r;
+				t: void 0,
+				a: void 0
+			}), i(() => u.checked = j()[e.key]), o;
 		})();
 	}
-	function $() {
+	function ct() {
 		return (() => {
-			var t = z(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
-			return c(t, "id", Se), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(p, {
+			var t = _e(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
+			return c(t, "id", Ye), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(p, {
 				get each() {
-					return ne();
+					return ie();
 				},
-				children: (e, t) => Ne(e, t)
-			})), s.$$click = X, a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = me, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
+				children: (e, t) => st(e, t)
+			})), s.$$click = () => I.toggleAllColumnsVisible(!0), a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = fe, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
 		})();
 	}
-	function Pe() {
+	function lt() {
 		return (() => {
-			var t = ae(), r = t.firstChild;
+			var t = ve(), r = t.firstChild;
 			r.firstChild.nextSibling;
-			var o = Te;
-			return typeof o == "function" ? f(o, t) : Te = t, r.$$click = () => we((e) => !e), c(r, "aria-controls", Se), a(r, () => e.columnCustomizerLabel ?? "Columns", null), a(t, n(m, {
+			var o = Qe;
+			return typeof o == "function" ? f(o, t) : Qe = t, r.$$click = () => Ze((e) => !e), c(r, "aria-controls", Ye), a(r, () => e.columnCustomizerLabel ?? "Columns", null), a(t, n(m, {
 				get when() {
-					return Ce();
+					return Xe();
 				},
 				get children() {
-					return $();
+					return ct();
 				}
-			}), null), i(() => c(r, "aria-expanded", Ce())), t;
+			}), null), i(() => c(r, "aria-expanded", Xe())), t;
 		})();
 	}
-	function Fe(r) {
+	function ut(r) {
 		return (() => {
-			var o = V();
+			var o = be();
 			return a(o, n(m, {
 				get when() {
-					return Ae(r);
+					return nt(r);
 				},
 				get fallback() {
 					return r.label;
 				},
 				get children() {
-					var e = oe(), t = e.firstChild;
-					return e.$$click = () => L(r.key), a(e, () => r.label, t), a(t, () => ke(r)), e;
+					var e = ye(), t = e.firstChild;
+					return e.$$click = () => I.getColumn(r.key)?.toggleSorting(), a(e, () => r.label, t), a(t, () => tt(r)), e;
 				}
 			}), null), a(o, n(m, {
 				get when() {
 					return e.resizableColumns;
 				},
 				get children() {
-					var e = B();
-					return e.$$keydown = (e) => ye(e, r.key), e.$$pointerdown = (e) => ve(e, r.key), i(() => c(e, "aria-label", `Resize ${r.ariaLabel ?? r.label}`)), e;
+					var e = W();
+					return e.$$dblclick = () => Ge(r.key), e.$$keydown = (e) => Ke(e, r.key), e.$$pointerdown = (e) => We(e, r.key), i(() => c(e, "aria-label", `Resize ${r.ariaLabel ?? r.label}`)), e;
 				}
 			}), null), i((e) => {
-				var n = r.class, i = r.key, a = le(r, Z()[r.key]), s = Oe(r);
+				var n = r.class, i = r.key, a = Re(r, V()[r.key]), s = et(r);
 				return n !== e.e && t(o, e.e = n), i !== e.t && c(o, "data-column-key", e.t = i), e.a = u(o, a, e.a), s !== e.o && c(o, "aria-sort", e.o = s), e;
 			}, {
 				e: void 0,
@@ -483,17 +625,17 @@ function ue(e) {
 			}), o;
 		})();
 	}
-	function Ie(r) {
+	function dt(r) {
 		return (() => {
-			var o = se();
+			var o = G();
 			return a(o, n(p, {
 				get each() {
-					return M();
+					return R();
 				},
 				children: (e) => (() => {
-					var n = H();
-					return a(n, () => De(r, e)), i((r) => {
-						var i = e.class, a = le(e, Z()[e.key]);
+					var n = K();
+					return a(n, () => $e(r, e)), i((r) => {
+						var i = e.class, a = Re(e, V()[e.key]);
 						return i !== r.e && t(n, r.e = i), r.t = u(n, a, r.t), r;
 					}, {
 						e: void 0,
@@ -505,27 +647,109 @@ function ue(e) {
 					return e.rowActions;
 				},
 				get children() {
-					var t = H();
+					var t = xe();
 					return a(t, () => e.rowActions?.(r)), t;
 				}
 			}), null), o;
 		})();
 	}
-	let Le = () => !o() && (e.empty === void 0 ? r().length === 0 : J(e.empty));
+	function ft() {
+		return (() => {
+			var r = Ce();
+			return a(r, n(p, {
+				get each() {
+					return R();
+				},
+				children: (e) => (() => {
+					var n = we();
+					return i((r) => {
+						var i = e.class, a = Re(e, V()[e.key]);
+						return i !== r.e && t(n, r.e = i), r.t = u(n, a, r.t), r;
+					}, {
+						e: void 0,
+						t: void 0
+					}), n;
+				})()
+			}), null), a(r, n(m, {
+				get when() {
+					return e.rowActions;
+				},
+				get children() {
+					return Se();
+				}
+			}), null), r;
+		})();
+	}
+	let pt = () => Y(e.pagination), Q = () => {
+		let e = pt();
+		return e ? Math.max(1, Math.ceil(e.rowCount / e.pageSize)) : 1;
+	};
+	function mt(t) {
+		let n = pt();
+		n && e.onPaginationChange?.({
+			page: t,
+			pageSize: n.pageSize
+		});
+	}
+	function ht(t) {
+		let n = Math.min((t.page - 1) * t.pageSize + 1, t.rowCount), r = Math.min(t.page * t.pageSize, t.rowCount), i = e.paginationLabels?.range;
+		return i ? i(n, r, t.rowCount) : `${n}–${r} of ${t.rowCount}`;
+	}
+	function gt(t) {
+		return (() => {
+			var r = q(), o = r.firstChild, s = o.nextSibling, l = s.nextSibling;
+			return a(r, n(m, {
+				get when() {
+					return t().pageSizeOptions;
+				},
+				children: (r) => (() => {
+					var o = Te(), s = o.firstChild;
+					return a(o, () => e.paginationLabels?.pageSize ?? "Rows per page", s), s.addEventListener("change", (t) => e.onPaginationChange?.({
+						page: 1,
+						pageSize: Number(t.currentTarget.value)
+					})), a(s, n(p, {
+						get each() {
+							return r();
+						},
+						children: (e) => (() => {
+							var n = Ee();
+							return n.value = e, a(n, e), i(() => n.selected = e === t().pageSize), n;
+						})()
+					})), i(() => s.value = t().pageSize), o;
+				})()
+			}), o), a(o, () => ht(t())), s.$$click = () => mt(t().page - 1), a(s, n(me, {
+				size: 16,
+				"aria-hidden": "true"
+			})), l.$$click = () => mt(t().page + 1), a(l, n(U, {
+				size: 16,
+				"aria-hidden": "true"
+			})), i((n) => {
+				var i = e.paginationLabels?.navigation ?? "Pagination", a = e.paginationLabels?.previous ?? "Previous page", o = t().page <= 1, u = e.paginationLabels?.next ?? "Next page", d = t().page >= Q();
+				return i !== n.e && c(r, "aria-label", n.e = i), a !== n.t && c(s, "aria-label", n.t = a), o !== n.a && (s.disabled = n.a = o), u !== n.o && c(l, "aria-label", n.o = u), d !== n.i && (l.disabled = n.i = d), n;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0,
+				i: void 0
+			}), r;
+		})();
+	}
+	let $ = () => !o() && (e.empty === void 0 ? r().length === 0 : Y(e.empty)), _t = () => o() && ae().length === 0 && e.loadingContent === void 0;
 	return (() => {
-		var r = K(), s = r.firstChild, c = s.firstChild, l = c.firstChild, d = l.firstChild, h = l.nextSibling;
+		var r = Ae(), s = r.firstChild, l = s.firstChild, d = l.firstChild, h = d.firstChild, g = d.nextSibling;
 		a(r, n(m, {
 			get when() {
 				return C() || T.toArray().length > 0;
 			},
 			get children() {
-				var e = W();
+				var e = Oe();
 				return a(e, n(m, {
 					get when() {
 						return T.toArray().length > 0;
 					},
 					get children() {
-						var e = U();
+						var e = De();
 						return a(e, T), e;
 					}
 				}), null), a(e, n(m, {
@@ -533,77 +757,114 @@ function ue(e) {
 						return C();
 					},
 					get children() {
-						return Pe();
+						return lt();
 					}
 				}), null), e;
 			}
 		}), s);
-		var g = Q;
-		return typeof g == "function" ? f(g, c) : Q = c, a(d, n(p, {
+		var _ = X;
+		return typeof _ == "function" ? f(_, l) : X = l, a(h, n(p, {
 			get each() {
-				return M();
+				return R();
 			},
-			children: Fe
-		}), null), a(d, n(m, {
+			children: ut
+		}), null), a(h, n(m, {
 			get when() {
 				return e.rowActions;
 			},
 			get children() {
-				return G();
+				return ke();
 			}
-		}), null), a(h, n(p, {
+		}), null), a(g, n(p, {
 			get each() {
-				return re();
+				return ae();
+			},
+			children: dt
+		}), null), a(g, n(m, {
+			get when() {
+				return _t();
 			},
-			children: Ie
-		})), a(r, n(m, {
+			get children() {
+				return n(p, {
+					get each() {
+						return Array.from({ length: e.skeletonRows ?? Ne });
+					},
+					children: ft
+				});
+			}
+		}), null), a(r, n(m, {
 			get when() {
 				return o();
 			},
 			get children() {
-				return e.loadingContent ?? q();
+				return e.loadingContent ?? (() => {
+					var e = je();
+					return i(() => e.classList.toggle("data-table-visually-hidden", !!_t())), e;
+				})();
 			}
 		}), null), a(r, n(m, {
 			get when() {
-				return Le();
+				return $();
 			},
 			get children() {
-				return e.emptyContent ?? ce();
+				return e.emptyContent ?? Me();
 			}
+		}), null), a(r, n(m, {
+			get when() {
+				return pt();
+			},
+			children: gt
 		}), null), i((n) => {
-			var i = `data-table-wrap${e.class ? ` ${e.class}` : ""}`, a = ge() !== void 0, o = ge() === void 0 ? void 0 : { width: `${ge()}px` };
-			return i !== n.e && t(r, n.e = i), a !== n.t && c.classList.toggle("data-table-resized", n.t = a), n.a = u(c, o, n.a), n;
+			var i = `data-table-wrap${e.class ? ` ${e.class}` : ""}`, a = ze() !== void 0, s = !!e.stickyHeader, d = !!e.stickyActions, f = o(), p = ze() === void 0 ? void 0 : { width: `${ze()}px` };
+			return i !== n.e && t(r, n.e = i), a !== n.t && l.classList.toggle("data-table-resized", n.t = a), s !== n.a && l.classList.toggle("data-table-sticky-header", n.a = s), d !== n.o && l.classList.toggle("data-table-sticky-actions", n.o = d), f !== n.i && c(l, "aria-busy", n.i = f), n.n = u(l, p, n.n), n;
 		}, {
 			e: void 0,
 			t: void 0,
-			a: void 0
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
 		}), r;
 	})();
 }
 r([
-	"click",
+	"keydown",
 	"pointerdown",
-	"keydown"
+	"click",
+	"dblclick"
 ]);
-//#endregion
-//#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconDeviceFloppy.js
-var Y = O("outline", "device-floppy", "DeviceFloppy", [
+// node_modules/@tabler/icons-solidjs/dist/source/icons/IconDeviceFloppy.js
+var X = R("outline", "device-floppy", "DeviceFloppy", [
 	["path", { d: "M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" }],
 	["path", { d: "M10 14a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }],
 	["path", { d: "M14 4l0 4l-6 0l0 -4" }]
-]), de = O("outline", "search", "Search", [["path", { d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }], ["path", { d: "M21 21l-6 -6" }]]), X = O("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), fe = /*#__PURE__*/ d("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), pe = /*#__PURE__*/ d("<ul class=filter-table-chips>"), me = /*#__PURE__*/ d("<div class=filter-table-multi>"), Z = /*#__PURE__*/ d("<input class=filter-table-input type=text>"), he = /*#__PURE__*/ d("<div class=filter-table-search><input type=search class=filter-table-input>"), ge = /*#__PURE__*/ d("<div class=filter-table-saved>"), _e = /*#__PURE__*/ d("<button type=button class=filter-table-chip-remove>"), Q = /*#__PURE__*/ d("<li><button type=button class=filter-table-pill>"), ve = /*#__PURE__*/ d("<li><button type=button class=\"filter-table-pill filter-table-pill-save\">"), ye = /*#__PURE__*/ d("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), be = /*#__PURE__*/ d("<form class=filter-table-save><input type=text class=filter-table-input><button type=submit class=\"filter-table-button filter-table-button-primary\"></button><button type=button class=filter-table-button>"), xe = /*#__PURE__*/ d("<div class=filter-table-toolbar>"), Se = /*#__PURE__*/ d("<span class=filter-table-badge>"), Ce = /*#__PURE__*/ d("<button type=button role=tab class=filter-table-tab>"), we = /*#__PURE__*/ d("<div class=filter-table-field><label class=filter-table-label>"), Te = /*#__PURE__*/ d("<legend class=filter-table-legend>"), Ee = /*#__PURE__*/ d("<fieldset class=filter-table-fieldset>"), De = /*#__PURE__*/ d("<form class=filter-table-form><div class=filter-table-form-actions><button type=button class=filter-table-button></button><button type=submit class=\"filter-table-button filter-table-button-primary\">"), Oe = /*#__PURE__*/ d("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel>"), ke = "q";
-function Ae(e) {
+]), Be = R("outline", "search", "Search", [["path", { d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }], ["path", { d: "M21 21l-6 -6" }]]), Z = R("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), Ve = /*#__PURE__*/ d("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), He = /*#__PURE__*/ d("<ul class=filter-table-chips>"), Ue = /*#__PURE__*/ d("<div class=filter-table-multi>"), We = /*#__PURE__*/ d("<div class=filter-table-range><input class=filter-table-input step=any><input class=filter-table-input step=any>"), Ge = /*#__PURE__*/ d("<input class=filter-table-input type=text>"), Ke = /*#__PURE__*/ d("<div class=filter-table-search><input type=search class=filter-table-input>"), qe = /*#__PURE__*/ d("<div class=filter-table-saved>"), Je = /*#__PURE__*/ d("<button type=button class=filter-table-chip-remove>"), Ye = /*#__PURE__*/ d("<li><button type=button class=filter-table-pill>"), Xe = /*#__PURE__*/ d("<li><button type=button class=\"filter-table-pill filter-table-pill-save\">"), Ze = /*#__PURE__*/ d("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), Qe = /*#__PURE__*/ d("<form class=filter-table-save><input type=text class=filter-table-input><button type=submit class=\"filter-table-button filter-table-button-primary\"></button><button type=button class=filter-table-button>"), $e = /*#__PURE__*/ d("<div class=filter-table-toolbar>"), et = /*#__PURE__*/ d("<span class=filter-table-badge>"), tt = /*#__PURE__*/ d("<button type=button role=tab class=filter-table-tab>"), nt = /*#__PURE__*/ d("<div class=filter-table-field><label class=filter-table-label>"), rt = /*#__PURE__*/ d("<legend class=filter-table-legend>"), it = /*#__PURE__*/ d("<fieldset class=filter-table-fieldset>"), at = /*#__PURE__*/ d("<form class=filter-table-form><div class=filter-table-form-actions><button type=button class=filter-table-button></button><button type=submit class=\"filter-table-button filter-table-button-primary\">"), ot = /*#__PURE__*/ d("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel>"), st = "q", ct = 300, lt = "..", ut = "__search__", dt = P({
+	columnFilteringFeature: T,
+	globalFilteringFeature: te,
+	filteredRowModel: k()
+});
+function ft(e) {
+	let [t = "", n = ""] = e.split(lt);
+	return {
+		min: t,
+		max: n
+	};
+}
+function pt(e, t) {
+	return e === "" && t === "" ? "" : `${e}${lt}${t}`;
+}
+function Q(e) {
 	return typeof e == "function" ? e() : e;
 }
-function je(e) {
+function mt(e) {
 	return Array.isArray(e) ? e.length > 0 : (e ?? "").trim() !== "";
 }
-function Me(e) {
+function ht(e) {
 	let t = {};
-	for (let [n, r] of Object.entries(e)) je(r) && (t[n] = Array.isArray(r) ? r : r.trim());
+	for (let [n, r] of Object.entries(e)) mt(r) && (t[n] = Array.isArray(r) ? r : r.trim());
 	return t;
 }
-function Ne(e, t) {
+function gt(e, t) {
 	let n = Object.keys(e);
 	return n.length === Object.keys(t).length && n.every((n) => {
 		let r = e[n], i = t[n];
@@ -613,172 +874,235 @@ function Ne(e, t) {
 function $(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
-function Pe(e) {
-	let [r, l] = C(e, [
-		"rows",
-		"filters",
-		"filterValues",
-		"defaultFilterValues",
-		"onFilterValuesChange",
-		"savedFilters",
-		"onSavedFiltersChange",
-		"manualFiltering",
-		"quickSearch",
-		"getSearchText",
-		"quickSearchLabel",
-		"resultsLabel",
-		"filtersLabel",
-		"applyLabel",
-		"resetLabel",
-		"clearAllLabel",
-		"anyLabel",
-		"yesLabel",
-		"noLabel",
-		"savedFiltersLabel",
-		"saveLabel",
-		"saveNameLabel",
-		"cancelLabel",
-		"clearSavedFilterLabel",
-		"class"
-	]), u = _(() => Ae(r.rows)), [d, h] = v(Me(r.defaultFilterValues ?? {})), x = _(() => r.filterValues === void 0 ? d() : Me(Ae(r.filterValues)));
-	function S(e) {
-		let t = Me(e);
-		r.filterValues === void 0 && h(t), r.onFilterValuesChange?.(t);
-	}
-	function w(e, t) {
-		S({
-			...x(),
+function _t(e) {
+	if (typeof e == "string" && /^\d{4}-\d{2}-\d{2}$/.test(e)) return e;
+	if (!(e instanceof Date || typeof e == "string" || typeof e == "number")) return;
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return;
+	let n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
+	return `${t.getFullYear()}-${n}-${r}`;
+}
+function vt(e, t, n) {
+	if (e == null || e === "") return !1;
+	let r = Number(e);
+	return !Number.isNaN(r) && (t === "" || r >= Number(t)) && (n === "" || r <= Number(n));
+}
+function yt(e, t, n) {
+	let r = _t(e);
+	return r !== void 0 && (t === "" || r >= t) && (n === "" || r <= n);
+}
+function bt(e) {
+	let [r, l] = C(e, /* @__PURE__ */ "rows.filters.filterValues.defaultFilterValues.onFilterValuesChange.savedFilters.onSavedFiltersChange.manualFiltering.totalCount.quickSearch.quickSearchDebounce.getSearchText.quickSearchLabel.resultsLabel.filtersLabel.applyLabel.resetLabel.clearAllLabel.anyLabel.yesLabel.noLabel.fromLabel.toLabel.savedFiltersLabel.saveLabel.saveNameLabel.cancelLabel.clearSavedFilterLabel.class".split(".")), u = _(() => Q(r.rows)), [d, h] = v(ht(r.defaultFilterValues ?? {})), S = _(() => r.filterValues === void 0 ? d() : ht(Q(r.filterValues)));
+	function w(e) {
+		let t = k !== void 0;
+		A();
+		let n = ht(t ? {
+			...e,
+			[st]: D()
+		} : e);
+		r.filterValues === void 0 && h(n), r.onFilterValuesChange?.(n);
+	}
+	function T(e, t) {
+		w({
+			...S(),
 			[e]: t
 		});
 	}
-	let T = () => $(x()[ke]), E = _(() => r.filters.filter((e) => je(x()[e.key])));
-	function D(e, t) {
+	let E = () => $(S()[st]), [D, O] = v(E()), k;
+	function A() {
+		clearTimeout(k), k = void 0;
+	}
+	x(A);
+	function M() {
+		D().trim() !== E() && T(st, D());
+	}
+	function te() {
+		k !== void 0 && (A(), M());
+	}
+	function N(e) {
+		O(e), A();
+		let t = r.quickSearchDebounce ?? (r.manualFiltering ? ct : 0);
+		t <= 0 ? M() : k = setTimeout(() => {
+			k = void 0, M();
+		}, t);
+	}
+	g(b(E, (e) => {
+		k === void 0 && e !== D().trim() && O(e);
+	}));
+	let P = _(() => r.filters.filter((e) => mt(S()[e.key])));
+	function F(e, t) {
 		return t.getValue ? t.getValue(e) : e[t.key];
 	}
-	function O(e, t, n) {
+	function ne(e, t, n) {
 		if (t.match) return t.match(e, n);
-		let r = D(e, t);
+		let r = F(e, t);
 		if (t.type === "select") {
 			let e = Array.isArray(n) ? n : [n];
 			return (Array.isArray(r) ? r : [r]).some((t) => e.includes($(t)));
 		}
-		return t.type === "boolean" ? !!r == (n === "true") : $(r).toLowerCase().includes($(n).toLowerCase());
+		if (t.type === "boolean") return !!r == (n === "true");
+		if (t.type === "number-range" || t.type === "date-range") {
+			let { min: e, max: i } = ft($(n));
+			return (t.type === "date-range" ? yt : vt)(r, e, i);
+		}
+		return $(r).toLowerCase().includes($(n).toLowerCase());
 	}
-	function ee(e) {
+	function I(e) {
 		return r.getSearchText ? r.getSearchText(e) : l.columns.map((t) => $(t.sortValue?.(e) ?? e[t.key])).join(" ");
 	}
-	let k = _(() => {
-		if (r.manualFiltering) return u();
-		let e = T().toLowerCase(), t = E();
-		return u().filter((n) => (e === "" || ee(n).toLowerCase().includes(e)) && t.every((e) => O(n, e, x()[e.key])));
-	});
-	function te(e) {
-		if (e.options) return e.options;
-		let t = /* @__PURE__ */ new Set();
-		for (let n of u()) {
-			let r = D(n, e);
-			for (let e of Array.isArray(r) ? r : [r]) {
-				let n = $(e);
-				n !== "" && t.add(n);
+	let L = _(() => P().map((e) => ({
+		id: e.key,
+		value: S()[e.key]
+	}))), re = _(() => {
+		let e = r.filters.map((e) => ({
+			id: e.key,
+			accessorFn: (t) => F(t, e),
+			filterFn: (t, n, r) => ne(t.original, e, r)
+		}));
+		return e.push({
+			id: ut,
+			accessorFn: I
+		}), e;
+	}), ie = ee({
+		features: dt,
+		get data() {
+			return u();
+		},
+		get columns() {
+			return re();
+		},
+		getRowId: (e) => String(l.getRowId(e)),
+		get manualFiltering() {
+			return r.manualFiltering;
+		},
+		globalFilterFn: j,
+		getColumnCanGlobalFilter: (e) => e.id === ut,
+		state: {
+			get columnFilters() {
+				return L();
+			},
+			get globalFilter() {
+				return E();
 			}
 		}
-		return [...t].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({
+	}), R = _(() => ie.getRowModel().rows.map((e) => e.original)), ae = _((e) => {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of r.filters) {
+			if (n.type !== "select" || n.options) continue;
+			let i = new Set(r.manualFiltering ? e.get(n.key) : void 0);
+			for (let e of u()) {
+				let t = F(e, n);
+				for (let e of Array.isArray(t) ? t : [t]) {
+					let t = $(e);
+					t !== "" && i.add(t);
+				}
+			}
+			t.set(n.key, [...i].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })));
+		}
+		return t;
+	}, /* @__PURE__ */ new Map());
+	function oe(e) {
+		return e.options ? e.options : (ae().get(e.key) ?? []).map((e) => ({
 			value: e,
 			label: e
 		}));
 	}
-	function A(e, t) {
-		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "select" ? te(e).find((e) => String(e.value) === t)?.label ?? t : t;
+	function se(e, t) {
+		let n = e.formatValue ?? ((e) => e), { min: r, max: i } = ft(t);
+		return i === "" ? `≥ ${n(r)}` : r === "" ? `≤ ${n(i)}` : `${n(r)} – ${n(i)}`;
 	}
-	let j = _(() => E().flatMap((e) => {
-		let t = x()[e.key];
+	function ce(e, t) {
+		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "number-range" || e.type === "date-range" ? se(e, t) : e.type === "select" ? oe(e).find((e) => String(e.value) === t)?.label ?? t : t;
+	}
+	let le = _(() => P().flatMap((e) => {
+		let t = S()[e.key];
 		return (Array.isArray(t) ? t : [t]).map((t) => ({
 			filter: e,
 			item: t,
-			text: `${e.label}: ${A(e, t)}`
+			text: `${e.label}: ${ce(e, t)}`
 		}));
 	}));
-	function ne(e, t) {
-		let n = x()[e.key];
-		w(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
+	function ue(e, t) {
+		let n = S()[e.key];
+		T(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
 	}
-	function M() {
-		S({ [ke]: T() });
+	function de() {
+		w({ [st]: E() });
 	}
-	let N = _(() => r.savedFilters === void 0 ? void 0 : Ae(r.savedFilters)), P = _(() => N()?.find((e) => Ne(Me(e.values), x()))), [F, I] = v(!1), [re, R] = v("");
-	function ie(e) {
-		let t = N()?.find((t) => t.name === e);
-		t && S(t.values);
+	let z = _(() => r.savedFilters === void 0 ? void 0 : Q(r.savedFilters)), B = _(() => z()?.find((e) => gt(ht(e.values), S()))), [fe, V] = v(!1), [pe, me] = v("");
+	function U(e) {
+		let t = z()?.find((t) => t.name === e);
+		t && (A(), O($(t.values[st])), w(t.values));
 	}
-	function z() {
-		R(P()?.name ?? ""), I(!0);
+	function he() {
+		te(), me(B()?.name ?? ""), V(!0);
 	}
-	function ae(e) {
+	function ge(e) {
 		e.preventDefault();
-		let t = re().trim();
+		let t = pe().trim();
 		if (t === "") return;
-		let n = (N() ?? []).filter((e) => e.name !== t);
+		let n = (z() ?? []).filter((e) => e.name !== t);
 		r.onSavedFiltersChange?.([...n, {
 			name: t,
-			values: x()
-		}]), I(!1);
+			values: S()
+		}]), V(!1);
 	}
-	let [oe, B] = v(x());
-	g(b(x, (e) => B(e)));
-	function V(e) {
-		return oe()[e];
+	let [_e, ve] = v(S());
+	g(b(S, (e) => ve(e)));
+	function ye(e) {
+		return _e()[e];
 	}
-	function H(e, t) {
-		B((n) => ({
+	function W(e, t) {
+		ve((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
-	let se = _(() => {
+	let be = _(() => {
 		let e = /* @__PURE__ */ new Map([[void 0, []]]);
 		for (let t of r.filters) e.set(t.group, [...e.get(t.group) ?? [], t]);
 		return [...e.entries()].filter(([, e]) => e.length > 0).map(([e, t]) => ({
 			name: e,
 			filters: t
 		}));
-	}), U = y(), W = ["results", "filters"], [G, K] = v("results"), q = (e) => `${U}-tab-${e}`, ce = (e) => `${U}-panel-${e}`, J = (e) => `${U}-filter-${e}`;
-	function le(e) {
-		e === "filters" && B(x()), K(e);
+	}), xe = y(), G = ["results", "filters"], [K, Se] = v("results"), Ce = (e) => `${xe}-tab-${e}`, we = (e) => `${xe}-panel-${e}`, q = (e) => `${xe}-filter-${e}`;
+	function Te(e) {
+		e === "filters" && ve(S()), Se(e);
 	}
-	function Pe(e) {
+	function Ee(e) {
 		let t = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
 		if (t === 0) return;
 		e.preventDefault();
-		let n = W[(W.indexOf(G()) + t + W.length) % W.length];
-		le(n), document.getElementById(q(n))?.focus();
+		let n = G[(G.indexOf(K()) + t + G.length) % G.length];
+		Te(n), document.getElementById(Ce(n))?.focus();
 	}
-	function Fe(e) {
-		e.preventDefault(), S(oe()), K("results");
+	function De(e) {
+		e.preventDefault(), w(_e()), Se("results");
 	}
-	function Ie() {
-		M(), K("results");
+	function Oe() {
+		de(), Se("results");
 	}
-	function Le(e) {
+	function ke(e) {
 		let t = () => {
-			let t = V(e.key);
+			let t = ye(e.key);
 			return Array.isArray(t) ? t : [];
 		}, o = (r) => (() => {
-			var o = fe(), s = o.firstChild;
-			return a(o, () => A(e, r), s), s.$$click = () => H(e.key, t().filter((e) => e !== r)), a(s, n(X, {
+			var o = Ve(), s = o.firstChild;
+			return a(o, () => ce(e, r), s), s.$$click = () => W(e.key, t().filter((e) => e !== r)), a(s, n(Z, {
 				size: 12,
 				"aria-hidden": "true"
-			})), i(() => c(s, "aria-label", `Remove ${A(e, r)}`)), o;
+			})), i(() => c(s, "aria-label", `Remove ${ce(e, r)}`)), o;
 		})();
 		return (() => {
-			var i = me();
-			return a(i, n(L, {
+			var i = Ue();
+			return a(i, n(H, {
 				get id() {
-					return J(e.key);
+					return q(e.key);
 				},
 				value: "",
-				onChange: (n) => H(e.key, [...t(), n]),
+				onChange: (n) => W(e.key, [...t(), n]),
 				get options() {
-					return te(e).filter((e) => !t().includes(String(e.value)));
+					return oe(e).filter((e) => !t().includes(String(e.value)));
 				},
 				get placeholder() {
 					return e.placeholder ?? r.anyLabel ?? "Any";
@@ -788,7 +1112,7 @@ function Pe(e) {
 					return t().length > 0;
 				},
 				get children() {
-					var e = pe();
+					var e = He();
 					return a(e, n(p, {
 						get each() {
 							return t();
@@ -799,24 +1123,42 @@ function Pe(e) {
 			}), null), i;
 		})();
 	}
-	function Re(e) {
-		return e.type === "text" ? (() => {
-			var t = Z();
-			return t.$$input = (t) => H(e.key, t.currentTarget.value), i((n) => {
-				var r = J(e.key), i = e.placeholder;
+	function Ae(e) {
+		let t = e.type === "date-range" ? "date" : "number", n = () => ft($(ye(e.key))), a = _(() => n().min), o = _(() => n().max), s = () => r.fromLabel ?? "From", l = () => r.toLabel ?? "To";
+		return (() => {
+			var n = We(), r = n.firstChild, u = r.nextSibling;
+			return r.$$input = (t) => W(e.key, pt(t.currentTarget.value, o())), c(r, "type", t), u.$$input = (t) => W(e.key, pt(a(), t.currentTarget.value)), c(u, "type", t), i((t) => {
+				var n = q(e.key), i = o() || void 0, d = `${e.label} ${s()}`, f = s(), p = a() || void 0, m = `${e.label} ${l()}`, h = l();
+				return n !== t.e && c(r, "id", t.e = n), i !== t.t && c(r, "max", t.t = i), d !== t.a && c(r, "aria-label", t.a = d), f !== t.o && c(r, "placeholder", t.o = f), p !== t.i && c(u, "min", t.i = p), m !== t.n && c(u, "aria-label", t.n = m), h !== t.s && c(u, "placeholder", t.s = h), t;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0,
+				i: void 0,
+				n: void 0,
+				s: void 0
+			}), i(() => r.value = a()), i(() => u.value = o()), n;
+		})();
+	}
+	function je(e) {
+		return e.type === "number-range" || e.type === "date-range" ? Ae(e) : e.type === "text" ? (() => {
+			var t = Ge();
+			return t.$$input = (t) => W(e.key, t.currentTarget.value), i((n) => {
+				var r = q(e.key), i = e.placeholder;
 				return r !== n.e && c(t, "id", n.e = r), i !== n.t && c(t, "placeholder", n.t = i), n;
 			}, {
 				e: void 0,
 				t: void 0
-			}), i(() => t.value = $(V(e.key))), t;
-		})() : e.type === "boolean" ? n(L, {
+			}), i(() => t.value = $(ye(e.key))), t;
+		})() : e.type === "boolean" ? n(H, {
 			get id() {
-				return J(e.key);
+				return q(e.key);
 			},
 			get value() {
-				return $(V(e.key));
+				return $(ye(e.key));
 			},
-			onChange: (t) => H(e.key, t),
+			onChange: (t) => W(e.key, t),
 			get emptyLabel() {
 				return r.anyLabel ?? "Any";
 			},
@@ -829,34 +1171,36 @@ function Pe(e) {
 					label: r.noLabel ?? "No"
 				}];
 			}
-		}) : Le(e);
+		}) : ke(e);
 	}
-	function ze() {
+	function Me() {
 		return (() => {
-			var e = he(), t = e.firstChild;
-			return a(e, n(de, {
+			var e = Ke(), t = e.firstChild;
+			return a(e, n(Be, {
 				class: "filter-table-search-icon",
 				size: 16,
 				"aria-hidden": "true"
-			}), t), t.$$input = (e) => w(ke, e.currentTarget.value), i((e) => {
+			}), t), t.$$keydown = (e) => {
+				e.key === "Enter" && te();
+			}, t.$$input = (e) => N(e.currentTarget.value), i((e) => {
 				var n = r.quickSearchLabel ?? "Quick search", i = r.quickSearchLabel ?? "Quick search";
 				return n !== e.e && c(t, "aria-label", e.e = n), i !== e.t && c(t, "placeholder", e.t = i), e;
 			}, {
 				e: void 0,
 				t: void 0
-			}), i(() => t.value = T()), e;
+			}), i(() => t.value = D()), e;
 		})();
 	}
-	function Be() {
+	function J() {
 		return (() => {
-			var e = ge();
-			return a(e, n(L, {
+			var e = qe();
+			return a(e, n(H, {
 				get value() {
-					return P()?.name ?? "";
+					return B()?.name ?? "";
 				},
-				onChange: ie,
+				onChange: U,
 				get options() {
-					return (N() ?? []).map((e) => ({
+					return (z() ?? []).map((e) => ({
 						value: e.name,
 						label: e.name
 					}));
@@ -869,11 +1213,11 @@ function Pe(e) {
 				}
 			}), null), a(e, n(m, {
 				get when() {
-					return P();
+					return B();
 				},
 				children: (e) => (() => {
-					var t = _e();
-					return t.$$click = M, a(t, n(X, {
+					var t = Je();
+					return t.$$click = de, a(t, n(Z, {
 						size: 14,
 						"aria-hidden": "true"
 					})), i(() => c(t, "aria-label", `${r.clearSavedFilterLabel ?? "Clear saved filter"} ${e().name}`)), t;
@@ -881,30 +1225,30 @@ function Pe(e) {
 			}), null), e;
 		})();
 	}
-	function Ve(e) {
+	function Ne(e) {
 		return (() => {
-			var t = Q(), r = t.firstChild;
-			return r.$$click = () => ne(e.filter, e.item), a(r, () => e.text, null), a(r, n(X, {
+			var t = Ye(), r = t.firstChild;
+			return r.$$click = () => ue(e.filter, e.item), a(r, () => e.text, null), a(r, n(Z, {
 				size: 12,
 				"aria-hidden": "true"
 			}), null), i(() => c(r, "aria-label", `Remove filter ${e.text}`)), t;
 		})();
 	}
-	function He() {
+	function Pe() {
 		return (() => {
-			var e = ye(), t = e.firstChild, i = t.firstChild;
+			var e = Ze(), t = e.firstChild, i = t.firstChild;
 			return a(e, n(p, {
 				get each() {
-					return j();
+					return le();
 				},
-				children: Ve
-			}), t), i.$$click = M, a(i, () => r.clearAllLabel ?? "Clear all"), a(e, n(m, {
+				children: Ne
+			}), t), i.$$click = de, a(i, () => r.clearAllLabel ?? "Clear all"), a(e, n(m, {
 				get when() {
-					return o(() => N() !== void 0)() && !F();
+					return o(() => z() !== void 0)() && !fe();
 				},
 				get children() {
-					var e = ve(), t = e.firstChild;
-					return t.$$click = z, a(t, n(Y, {
+					var e = Xe(), t = e.firstChild;
+					return t.$$click = he, a(t, n(X, {
 						size: 12,
 						"aria-hidden": "true"
 					}), null), a(t, () => r.saveLabel ?? "Save", null), e;
@@ -912,74 +1256,74 @@ function Pe(e) {
 			}), null), e;
 		})();
 	}
-	function Ue() {
+	function Fe() {
 		return (() => {
-			var e = be(), t = e.firstChild, o = t.nextSibling, s = o.nextSibling;
+			var e = Qe(), t = e.firstChild, o = t.nextSibling, s = o.nextSibling;
 			return e.$$keydown = (e) => {
-				e.key === "Escape" && I(!1);
-			}, e.addEventListener("submit", ae), t.$$input = (e) => R(e.currentTarget.value), f((e) => queueMicrotask(() => e.focus()), t), a(o, n(Y, {
+				e.key === "Escape" && V(!1);
+			}, e.addEventListener("submit", ge), t.$$input = (e) => me(e.currentTarget.value), f((e) => queueMicrotask(() => e.focus()), t), a(o, n(X, {
 				size: 16,
 				"aria-hidden": "true"
-			}), null), a(o, () => r.saveLabel ?? "Save", null), s.$$click = () => I(!1), a(s, () => r.cancelLabel ?? "Cancel"), i((e) => {
+			}), null), a(o, () => r.saveLabel ?? "Save", null), s.$$click = () => V(!1), a(s, () => r.cancelLabel ?? "Cancel"), i((e) => {
 				var n = r.saveNameLabel ?? "Filter name", i = r.saveNameLabel ?? "Filter name";
 				return n !== e.e && c(t, "aria-label", e.e = n), i !== e.t && c(t, "placeholder", e.t = i), e;
 			}, {
 				e: void 0,
 				t: void 0
-			}), i(() => t.value = re()), e;
+			}), i(() => t.value = pe()), e;
 		})();
 	}
-	let We = (() => {
-		var e = xe();
+	let Y = (() => {
+		var e = $e();
 		return a(e, n(m, {
 			get when() {
 				return r.quickSearch !== !1;
 			},
 			get children() {
-				return ze();
+				return Me();
 			}
 		}), null), a(e, n(m, {
 			get when() {
-				return (N()?.length ?? 0) > 0;
+				return (z()?.length ?? 0) > 0;
 			},
 			get children() {
-				return Be();
+				return J();
 			}
 		}), null), a(e, n(m, {
 			get when() {
-				return j().length > 0;
+				return le().length > 0;
 			},
 			get children() {
-				return He();
+				return Pe();
 			}
 		}), null), a(e, n(m, {
 			get when() {
-				return o(() => !!F())() && j().length > 0;
+				return o(() => !!fe())() && le().length > 0;
 			},
 			get children() {
-				return Ue();
+				return Fe();
 			}
 		}), null), e;
 	})();
-	function Ge(e) {
+	function Ie(e) {
 		return e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters";
 	}
-	function Ke(e) {
-		return e === "results" ? k().length : E().length;
+	function Le(e) {
+		return e === "results" ? Q(r.totalCount) ?? Q(l.pagination)?.rowCount ?? R().length : P().length;
 	}
-	function qe(e) {
+	function Re(e) {
 		return (() => {
-			var t = Ce();
-			return t.$$keydown = Pe, t.$$click = () => le(e), a(t, () => Ge(e), null), a(t, n(m, {
+			var t = tt();
+			return t.$$keydown = Ee, t.$$click = () => Te(e), a(t, () => Ie(e), null), a(t, n(m, {
 				get when() {
-					return e === "results" || E().length > 0;
+					return e === "results" || P().length > 0;
 				},
 				get children() {
-					var t = Se();
-					return a(t, () => Ke(e)), t;
+					var t = et();
+					return a(t, () => Le(e)), t;
 				}
 			}), null), i((n) => {
-				var r = q(e), i = G() === e, a = ce(e), o = G() === e ? 0 : -1;
+				var r = Ce(e), i = K() === e, a = we(e), o = K() === e ? 0 : -1;
 				return r !== n.e && c(t, "id", n.e = r), i !== n.t && c(t, "aria-selected", n.t = i), a !== n.a && c(t, "aria-controls", n.a = a), o !== n.o && c(t, "tabindex", n.o = o), n;
 			}, {
 				e: void 0,
@@ -989,58 +1333,58 @@ function Pe(e) {
 			}), t;
 		})();
 	}
-	function Je(e) {
+	function lt(e) {
 		return (() => {
-			var t = we(), n = t.firstChild;
-			return a(n, () => e.label), a(t, () => Re(e), null), i(() => c(n, "for", J(e.key))), t;
+			var t = nt(), n = t.firstChild;
+			return a(n, () => e.label), a(t, () => je(e), null), i(() => c(n, "for", q(e.key))), t;
 		})();
 	}
-	function Ye(e) {
+	function _t(e) {
 		return (() => {
-			var t = Ee();
+			var t = it();
 			return a(t, n(m, {
 				get when() {
 					return e.name;
 				},
 				get children() {
-					var t = Te();
+					var t = rt();
 					return a(t, () => e.name), t;
 				}
 			}), null), a(t, n(p, {
 				get each() {
 					return e.filters;
 				},
-				children: Je
+				children: lt
 			}), null), t;
 		})();
 	}
-	function Xe() {
+	function bt() {
 		return (() => {
-			var e = De(), t = e.firstChild, i = t.firstChild, o = i.nextSibling;
-			return e.addEventListener("submit", Fe), a(e, n(p, {
+			var e = at(), t = e.firstChild, i = t.firstChild, o = i.nextSibling;
+			return e.addEventListener("submit", De), a(e, n(p, {
 				get each() {
-					return se();
+					return be();
 				},
-				children: Ye
-			}), t), i.$$click = Ie, a(i, n(X, {
+				children: _t
+			}), t), i.$$click = Oe, a(i, n(Z, {
 				size: 16,
 				"aria-hidden": "true"
-			}), null), a(i, () => r.resetLabel ?? "Reset", null), a(o, n(de, {
+			}), null), a(i, () => r.resetLabel ?? "Reset", null), a(o, n(Be, {
 				size: 16,
 				"aria-hidden": "true"
 			}), null), a(o, () => r.applyLabel ?? "Search", null), e;
 		})();
 	}
 	return (() => {
-		var e = Oe(), o = e.firstChild, u = o.nextSibling, d = u.nextSibling;
+		var e = ot(), o = e.firstChild, u = o.nextSibling, d = u.nextSibling;
 		return a(o, n(p, {
-			each: W,
-			children: qe
-		})), a(u, n(ue, s(l, {
-			rows: k,
-			toolbar: We
-		}))), a(d, Xe), i((n) => {
-			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = ce("results"), o = q("results"), s = G() !== "results", l = ce("filters"), f = q("filters"), p = G() !== "filters";
+			each: G,
+			children: Re
+		})), a(u, n(ze, s(l, {
+			rows: R,
+			toolbar: Y
+		}))), a(d, bt), i((n) => {
+			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = we("results"), o = Ce("results"), s = K() !== "results", l = we("filters"), f = Ce("filters"), p = K() !== "filters";
 			return i !== n.e && t(e, n.e = i), a !== n.t && c(u, "id", n.t = a), o !== n.a && c(u, "aria-labelledby", n.a = o), s !== n.o && (u.hidden = n.o = s), l !== n.i && c(d, "id", n.i = l), f !== n.n && c(d, "aria-labelledby", n.n = f), p !== n.s && (d.hidden = n.s = p), n;
 		}, {
 			e: void 0,
@@ -1058,10 +1402,105 @@ r([
 	"input",
 	"keydown"
 ]);
-//#endregion
-//#region src/search-bar.tsx
-var Fe = /*#__PURE__*/ d("<kbd class=search-bar-shortcut>"), Ie = /*#__PURE__*/ d("<button type=button class=search-bar-clear>"), Le = /*#__PURE__*/ d("<div><input class=search-bar-input>");
-function Re(e) {
+// src/modal.tsx
+var xt = /*#__PURE__*/ d("<h2 class=modal-title>"), St = /*#__PURE__*/ d("<button type=button class=modal-close>"), Ct = /*#__PURE__*/ d("<div class=modal-header>"), wt = /*#__PURE__*/ d("<div class=modal-footer>"), Tt = /*#__PURE__*/ d("<dialog><div class=modal-panel><div class=modal-body>");
+function Et(e) {
+	return n(m, {
+		get when() {
+			return e.open;
+		},
+		get children() {
+			return n(Dt, e);
+		}
+	});
+}
+function Dt(e) {
+	let r, o = y(), s = !1, l = !1, u = !1;
+	S(() => {
+		if (!r) return;
+		let e = document.activeElement;
+		r.showModal(), x(() => {
+			l = !0, r?.close(), e instanceof HTMLElement && e.isConnected && e.focus();
+		});
+	});
+	function d() {
+		if (u) return;
+		let t = e.onBeforeClose?.();
+		t instanceof Promise ? (u = !0, t.then((t) => {
+			t !== !1 && !l && e.onClose();
+		}).finally(() => {
+			u = !1;
+		})) : t !== !1 && e.onClose();
+	}
+	function p(t) {
+		t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), e.closeOnEscape !== !1 && d());
+	}
+	return (() => {
+		var u = Tt(), h = u.firstChild, g = h.firstChild;
+		u.$$click = (t) => {
+			s && t.target === r && e.closeOnBackdrop !== !1 && d(), s = !1;
+		}, u.$$pointerdown = (e) => {
+			s = e.target === r;
+		}, u.addEventListener("close", () => {
+			l || e.onClose();
+		}), u.addEventListener("cancel", (t) => {
+			t.preventDefault(), e.closeOnEscape !== !1 && d();
+		}), u.$$keydown = p;
+		var _ = r;
+		return typeof _ == "function" ? f(_, u) : r = u, a(h, n(m, {
+			get when() {
+				return e.title !== void 0 || !e.hideCloseButton;
+			},
+			get children() {
+				var t = Ct();
+				return a(t, n(m, {
+					get when() {
+						return e.title !== void 0;
+					},
+					get children() {
+						var t = xt();
+						return c(t, "id", o), a(t, () => e.title), t;
+					}
+				}), null), a(t, n(m, {
+					get when() {
+						return !e.hideCloseButton;
+					},
+					get children() {
+						var t = St();
+						return t.$$click = d, a(t, n(Z, {
+							size: 18,
+							"aria-hidden": "true"
+						})), i(() => c(t, "aria-label", e.closeLabel ?? "Close")), t;
+					}
+				}), null), t;
+			}
+		}), g), a(g, () => e.children), a(h, n(m, {
+			get when() {
+				return e.footer !== void 0;
+			},
+			get children() {
+				var t = wt();
+				return a(t, () => e.footer), t;
+			}
+		}), null), i((n) => {
+			var r = e.class ? `modal ${e.class}` : "modal", i = e.title === void 0 ? void 0 : o, a = e.title === void 0 ? e.ariaLabel : void 0, s = e.describedBy;
+			return r !== n.e && t(u, n.e = r), i !== n.t && c(u, "aria-labelledby", n.t = i), a !== n.a && c(u, "aria-label", n.a = a), s !== n.o && c(u, "aria-describedby", n.o = s), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), u;
+	})();
+}
+r([
+	"keydown",
+	"pointerdown",
+	"click"
+]);
+// src/search-bar.tsx
+var Ot = /*#__PURE__*/ d("<kbd class=search-bar-shortcut>"), kt = /*#__PURE__*/ d("<button type=button class=search-bar-clear>"), At = /*#__PURE__*/ d("<div><input class=search-bar-input>");
+function jt(e) {
 	let r, s = () => e.shortcutKey ?? "k", l = () => e.shortcutLabel ?? `Ctrl ${String(s()).toUpperCase()}`;
 	return S(() => {
 		let e = (e) => {
@@ -1070,8 +1509,8 @@ function Re(e) {
 		};
 		document.addEventListener("keydown", e), x(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		var u = Le(), d = u.firstChild;
-		a(u, n(de, {
+		var u = At(), d = u.firstChild;
+		a(u, n(Be, {
 			size: 17,
 			class: "search-bar-icon",
 			"aria-hidden": "true"
@@ -1082,7 +1521,7 @@ function Re(e) {
 				return o(() => !e.value)() && s() !== !1;
 			},
 			get children() {
-				var e = Fe();
+				var e = Ot();
 				return a(e, l), e;
 			}
 		}), null), a(u, n(m, {
@@ -1090,8 +1529,8 @@ function Re(e) {
 				return e.value;
 			},
 			get children() {
-				var t = Ie();
-				return t.$$click = () => e.onInput(""), a(t, n(X, {
+				var t = kt();
+				return t.$$click = () => e.onInput(""), a(t, n(Z, {
 					size: 15,
 					"aria-hidden": "true"
 				})), i(() => c(t, "aria-label", e.clearLabel ?? "Clear search")), t;
@@ -1108,5 +1547,4 @@ function Re(e) {
 	})();
 }
 r(["input", "click"]);
-//#endregion
-export { L as Combobox, ue as DataTable, Pe as FilterTable, Re as SearchBar };
+export { I as ColorInput, H as Combobox, ze as DataTable, bt as FilterTable, Et as Modal, jt as SearchBar, ft as parseFilterTableRange };