@serkonda7/solid-components 0.3.1 → 0.4.0

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 ee, on as y, onCleanup as b, onMount as x, splitProps as S, untrack as C } from "solid-js";
-//#region node_modules/@tabler/icons-solidjs/dist/source/defaultAttributes.js
-var w = {
+import { columnFilteringFeature as w, columnOrderingFeature as T, columnSizingFeature as E, columnVisibilityFeature as D, createFilteredRowModel as O, createSortedRowModel as k, createTable as te, filterFn_includesString as A, functionalUpdate as j, globalFilteringFeature as ne, rowSortingFeature as re, tableFeatures as M } from "@tanstack/solid-table";
+// src/color-input.tsx
+var N = /*#__PURE__*/ d("<div><input type=color class=color-input-picker><input class=color-input-text autocomplete=off>");
+function P(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 ie(e) {
+	let [n, r] = v();
+	return (() => {
+		var a = N(), 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 = P(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 = P(e.value) ?? "#000000"), i(() => s.value = n() ?? e.value), a;
+	})();
+}
+r(["input"]);
+// node_modules/@tabler/icons-solidjs/dist/source/defaultAttributes.js
+var ae = {
 	outline: {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 24,
@@ -21,7 +50,7 @@ var w = {
 		fill: "currentColor",
 		stroke: "none"
 	}
-}, T = /*#__PURE__*/ d("<svg>"), E = /*#__PURE__*/ d("<title>"), D = (t, r, i, c) => {
+}, oe = /*#__PURE__*/ d("<svg>"), F = /*#__PURE__*/ d("<title>"), I = (t, r, i, c) => {
 	let u = (i) => {
 		let [u, d] = S(i, [
 			"color",
@@ -31,9 +60,9 @@ var w = {
 			"title",
 			"children",
 			"class"
-		]), f = w[t], p = u.stroke ?? u.strokeWidth;
+		]), f = ae[t], p = u.stroke ?? u.strokeWidth;
 		return (() => {
-			var i = T();
+			var i = oe();
 			return l(i, s(f, d, {
 				get width() {
 					return o(() => u.size != null)() ? u.size : f.width;
@@ -50,58 +79,58 @@ var w = {
 			}), !0, !0), a(i, (() => {
 				var e = o(() => u.title != null);
 				return () => e() && (() => {
-					var e = E();
+					var e = F();
 					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;
-}, te = D("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), O = D("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), ne = /*#__PURE__*/ d("<span class=combobox-detail>"), k = /*#__PURE__*/ d("<div role=option class=combobox-option><span class=combobox-option-label>"), A = /*#__PURE__*/ d("<span class=combobox-option-icon aria-hidden=true>"), re = /*#__PURE__*/ d("<div role=option class=\"combobox-option combobox-option-add\">"), j = /*#__PURE__*/ d("<div class=combobox-list role=listbox>"), M = /*#__PURE__*/ d("<div class=combobox-empty>"), N = /*#__PURE__*/ d("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), P = /*#__PURE__*/ d("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), F = /*#__PURE__*/ d("<span class=combobox-icon aria-hidden=true>");
-function I(r) {
+}, se = I("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), ce = I("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), le = /*#__PURE__*/ d("<span class=combobox-detail>"), ue = /*#__PURE__*/ d("<div role=option class=combobox-option><span class=combobox-option-label>"), de = /*#__PURE__*/ d("<span class=combobox-option-icon aria-hidden=true>"), fe = /*#__PURE__*/ d("<div role=option class=\"combobox-option combobox-option-add\">"), pe = /*#__PURE__*/ d("<div class=combobox-list role=listbox>"), L = /*#__PURE__*/ d("<div class=combobox-empty>"), me = /*#__PURE__*/ d("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), R = /*#__PURE__*/ d("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), z = /*#__PURE__*/ d("<span class=combobox-icon aria-hidden=true>"), B = /*#__PURE__*/ d("<div class=combobox-preview aria-hidden=true>");
+function V(r) {
 	let s, l, u = ee(), d = () => r.id ?? u, h = () => `${d()}-listbox`, y = (e) => `${d()}-option-${e}`, [b, S] = v(!1), [C, w] = v(""), [T, E] = v(0), D = _(() => r.emptyLabel === void 0 ? r.options : [{
 		value: "",
 		label: r.emptyLabel
-	}, ...r.options]), I = _(() => r.value === "" ? void 0 : D().find((e) => String(e.value) === r.value)), L = _(() => {
+	}, ...r.options]), O = _(() => r.value === "" ? void 0 : D().find((e) => String(e.value) === r.value)), k = _(() => {
 		let e = C().trim().toLowerCase();
 		return e === "" ? D() : D().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
-	}), ie = () => r.options.some((e) => e.detail !== void 0), R = () => L().length, ae = () => L().length + +!!r.onAdd, oe = () => !r.disabled && r.onChange !== void 0;
+	}), te = () => r.options.some((e) => e.detail !== void 0), A = () => k().length, j = () => k().length + +!!r.onAdd, ne = () => !r.disabled && r.onChange !== void 0, re = () => k()[T()]?.preview;
 	x(() => {
 		r.autofocus === !0 && s?.focus();
 	}), g(() => {
 		b() && l?.querySelector(`[data-index="${T()}"]`)?.scrollIntoView({ block: "nearest" });
 	});
-	function z() {
-		if (b() || !oe()) return;
+	function M() {
+		if (b() || !ne()) return;
 		w("");
 		let e = D().findIndex((e) => String(e.value) === r.value);
 		E(Math.max(e, 0)), S(!0), r.onOpen?.();
 	}
-	function B(e) {
-		if (S(!1), r.onAdd && e === R()) {
+	function N(e) {
+		if (S(!1), r.onAdd && e === A()) {
 			r.onAdd(C().trim());
 			return;
 		}
-		let t = L()[e];
+		let t = k()[e];
 		t && String(t.value) !== r.value && r.onChange?.(String(t.value));
 	}
-	function V(e) {
-		let t = ae();
-		b() ? t > 0 && E((T() + e + t) % t) : z();
+	function P(e) {
+		let t = j();
+		b() ? t > 0 && E((T() + e + t) % t) : M();
 	}
-	function H(e) {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), V(e.key === "ArrowDown" ? 1 : -1)) : b() && (e.key === "Enter" ? (e.preventDefault(), B(T())) : e.key === "Tab" ? r.onAdd && T() === R() ? S(!1) : B(T()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), S(!1)));
+	function ie(e) {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), P(e.key === "ArrowDown" ? 1 : -1)) : b() && (e.key === "Enter" ? (e.preventDefault(), N(T())) : e.key === "Tab" ? r.onAdd && T() === A() ? S(!1) : N(T()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), S(!1)));
 	}
-	let se = () => b() ? I()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
-	function U(t, o) {
+	let ae = () => b() ? O()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
+	function oe(t, o) {
 		return (() => {
-			var s = k(), l = s.firstChild;
-			return s.$$click = () => B(o()), s.$$mousemove = () => E(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(m, {
+			var s = ue(), l = s.firstChild;
+			return s.$$click = () => N(o()), s.$$mousemove = () => E(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(m, {
 				get when() {
 					return t.icon;
 				},
 				children: (t) => (() => {
-					var r = A();
+					var r = de();
 					return a(r, n(e, {
 						get component() {
 							return t();
@@ -114,7 +143,7 @@ function I(r) {
 					return t.detail;
 				},
 				get children() {
-					var e = ne();
+					var e = le();
 					return a(e, () => t.detail), e;
 				}
 			}), null), i((e) => {
@@ -129,14 +158,14 @@ function I(r) {
 			}), s;
 		})();
 	}
-	function W() {
+	function F() {
 		return (() => {
-			var e = re();
-			return e.$$click = () => B(R()), e.$$mousemove = () => E(R()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(O, {
+			var e = fe();
+			return e.$$click = () => N(A()), e.$$mousemove = () => E(A()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(ce, {
 				size: 14,
 				"aria-hidden": "true"
 			}), null), a(e, () => r.addLabel ?? "Add", null), i((t) => {
-				var n = y(R()), r = R(), i = R() === T();
+				var n = y(A()), r = A(), i = A() === T();
 				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,29 @@ function I(r) {
 			}), e;
 		})();
 	}
-	function G() {
+	function I() {
 		return (() => {
-			var e = j(), t = l;
+			var e = pe(), t = l;
 			return typeof t == "function" ? f(t, e) : l = e, a(e, n(p, {
 				get each() {
-					return L();
+					return k();
 				},
 				get fallback() {
 					return (() => {
-						var e = M();
+						var e = L();
 						return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
 					})();
 				},
-				children: U
+				children: oe
 			}), null), a(e, n(m, {
 				get when() {
 					return r.onAdd;
 				},
 				get children() {
-					return W();
+					return F();
 				}
 			}), null), i((t) => {
-				var n = !!ie(), r = h();
+				var n = !!te(), r = h();
 				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 +205,18 @@ function I(r) {
 		})();
 	}
 	return (() => {
-		var l = P(), u = l.firstChild;
-		u.addEventListener("blur", () => S(!1)), u.$$keydown = H, u.$$input = (e) => {
+		var l = R(), u = l.firstChild;
+		u.addEventListener("blur", () => S(!1)), u.$$keydown = ie, u.$$input = (e) => {
 			let t = e.currentTarget.value;
-			z(), w(t), E(0);
-		}, u.$$click = z;
+			M(), w(t), E(0);
+		}, u.$$click = M;
 		var p = s;
 		return typeof p == "function" ? f(p, u) : s = u, a(l, n(m, {
 			get when() {
-				return o(() => !b())() && I()?.icon;
+				return o(() => !b())() && O()?.icon;
 			},
 			children: (t) => (() => {
-				var r = F();
+				var r = z();
 				return a(r, n(e, {
 					get component() {
 						return t();
@@ -197,13 +226,13 @@ function I(r) {
 			})()
 		}), null), a(l, n(m, {
 			get when() {
-				return o(() => !b())() && I()?.detail;
+				return o(() => !b())() && O()?.detail;
 			},
 			get children() {
-				var e = N(), t = e.firstChild, n = t.nextSibling;
-				return a(t, () => I()?.label), a(n, () => I()?.detail), e;
+				var e = me(), t = e.firstChild, n = t.nextSibling;
+				return a(t, () => O()?.label), a(n, () => O()?.detail), e;
 			}
-		}), null), a(l, n(te, {
+		}), null), a(l, n(se, {
 			class: "combobox-chevron",
 			size: 16,
 			"aria-hidden": "true"
@@ -212,10 +241,20 @@ function I(r) {
 				return b();
 			},
 			get children() {
-				return G();
+				return I();
 			}
+		}), null), a(l, n(m, {
+			get when() {
+				return o(() => !!b())() && re();
+			},
+			children: (t) => (() => {
+				var r = B();
+				return a(r, n(e, { get component() {
+					return t();
+				} })), r;
+			})()
 		}), null), i((e) => {
-			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!b(), a = !(b() || !I()?.detail), o = !(b() || I()?.icon === void 0), s = d(), f = b(), p = h(), m = b() && ae() > 0 ? y(T()) : void 0, g = r.ariaLabel, _ = r.describedBy, v = r.required, ee = r.disabled, x = r.onChange === void 0, S = r.value, C = se();
+			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!b(), a = !(b() || !O()?.detail), o = !(b() || O()?.icon === void 0), s = d(), f = b(), p = h(), m = b() && j() > 0 ? y(T()) : void 0, g = r.ariaLabel, _ = r.describedBy, v = r.required, ee = r.disabled, x = r.onChange === void 0, S = r.value, C = ae();
 			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), ee !== e.u && (u.disabled = e.u = ee), x !== e.c && (u.readOnly = e.c = x), S !== e.w && c(u, "data-value", e.w = S), C !== e.m && c(u, "placeholder", e.m = C), e;
 		}, {
 			e: void 0,
@@ -233,7 +272,7 @@ function I(r) {
 			c: void 0,
 			w: void 0,
 			m: void 0
-		}), i(() => u.value = b() ? C() : I()?.label ?? ""), l;
+		}), i(() => u.value = b() ? C() : O()?.label ?? ""), l;
 	})();
 }
 r([
@@ -243,13 +282,21 @@ r([
 	"input",
 	"keydown"
 ]);
-//#endregion
-//#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconMenu.js
-var L = D("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>"), R = /*#__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>"), z = /*#__PURE__*/ d("<span class=data-table-resize-handle role=separator aria-orientation=vertical tabindex=0>"), B = /*#__PURE__*/ d("<th>"), V = /*#__PURE__*/ d("<td>"), H = /*#__PURE__*/ d("<tr>"), se = /*#__PURE__*/ d("<div class=data-table-toolbar-start>"), U = /*#__PURE__*/ d("<div class=data-table-toolbar>"), W = /*#__PURE__*/ d("<th>Actions"), G = /*#__PURE__*/ d("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), ce = /*#__PURE__*/ d("<p class=data-table-status>Loading…"), K = /*#__PURE__*/ d("<p class=data-table-status>No results.");
+// node_modules/@tabler/icons-solidjs/dist/source/icons/IconChevronLeft.js
+var he = I("outline", "chevron-left", "ChevronLeft", [["path", { d: "M15 6l-6 6l6 6" }]]), ge = I("outline", "chevron-right", "ChevronRight", [["path", { d: "M9 6l6 6l-6 6" }]]), _e = I("outline", "menu", "Menu", [["path", { d: "M4 8l16 0" }], ["path", { d: "M4 16l16 0" }]]), ve = /*#__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\">"), ye = /*#__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>"), be = /*#__PURE__*/ d("<div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), xe = /*#__PURE__*/ d("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), H = /*#__PURE__*/ d("<span class=data-table-resize-handle role=separator aria-orientation=vertical tabindex=0>"), Se = /*#__PURE__*/ d("<th>"), Ce = /*#__PURE__*/ d("<td class=data-table-actions>"), U = /*#__PURE__*/ d("<tr>"), W = /*#__PURE__*/ d("<td>"), we = /*#__PURE__*/ d("<td class=data-table-actions><span class=data-table-skeleton>"), Te = /*#__PURE__*/ d("<tr aria-hidden=true>"), Ee = /*#__PURE__*/ d("<td><span class=data-table-skeleton>"), G = /*#__PURE__*/ d("<nav class=data-table-pagination><span aria-live=polite></span><button type=button></button><button type=button>"), De = /*#__PURE__*/ d("<label class=data-table-page-size><select>"), Oe = /*#__PURE__*/ d("<option>"), ke = /*#__PURE__*/ d("<div class=data-table-toolbar-start>"), Ae = /*#__PURE__*/ d("<div class=data-table-toolbar>"), je = /*#__PURE__*/ d("<th class=data-table-actions>Actions"), Me = /*#__PURE__*/ d("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), Ne = /*#__PURE__*/ d("<p class=data-table-status role=status>Loading…"), Pe = /*#__PURE__*/ d("<p class=data-table-status>No results."), K = 40, Fe = 5, Ie = M({
+	rowSortingFeature: re,
+	sortedRowModel: k(),
+	columnVisibilityFeature: D,
+	columnOrderingFeature: T,
+	columnSizingFeature: E
+});
+function Le(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 q(e) {
 	return typeof e == "function" ? e() : e;
 }
-function J(e, t) {
+function Re(e, t) {
 	if (t !== void 0) return {
 		width: `${t}px`,
 		"min-width": `${t}px`,
@@ -258,212 +305,285 @@ function J(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 le(e) {
-	let r = _(() => q(e.rows)), o = () => q(e.loading ?? !1), s = e.sortKey !== void 0 || e.sortDirection !== void 0, [l, d] = v(e.defaultSort), y = () => s ? q(e.sortKey ?? void 0) : l()?.key, x = () => s ? q(e.sortDirection ?? "asc") : l()?.direction ?? "asc", S = () => q(e.showColumnCustomizer ?? !1), w = h(() => e.toolbar), T = _(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [E, D] = v(void 0), te = () => e.visibleColumns === void 0 ? E() ?? T() : q(e.visibleColumns), O = _(() => new Set(te())), [ne, k] = v(void 0);
-	function A(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 re = _(() => A(e.columnOrder === void 0 ? ne() ?? e.defaultColumnOrder ?? [] : q(e.columnOrder))), j = _(() => re().filter((e) => e.toggleable === !1 || O().has(e.key))), M = _(() => e.columns.filter((e) => e.toggleable !== !1)), N = _(() => M().map((e) => e.key));
-	function P(e, t) {
-		return t.sortValue ? t.sortValue(e) : e[t.key];
-	}
-	function F(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 I = _(() => {
-		let t = r(), n = y();
-		if (s || !n) return t;
-		let i = e.columns.find((e) => e.key === n);
-		if (!i) return t;
-		let a = x() === "asc" ? 1 : -1;
-		return [...t].sort((e, t) => a * F(P(e, i), P(t, i)));
-	});
+function J(e) {
+	let r = _(() => q(e.rows)), o = () => q(e.loading ?? !1), s = e.sortKey !== void 0 || e.sortDirection !== void 0, [l, d] = v(e.defaultSort), y = () => s ? q(e.sortKey ?? void 0) : l()?.key, x = () => s ? q(e.sortDirection ?? "asc") : l()?.direction ?? "asc", S = () => q(e.showColumnCustomizer ?? !1), w = h(() => e.toolbar), T = _(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [E, D] = v(void 0), O = () => e.visibleColumns === void 0 ? E() ?? T() : q(e.visibleColumns), k = _(() => {
+		let t = new Set(O());
+		return Object.fromEntries(e.columns.map((e) => [e.key, e.toggleable === !1 || t.has(e.key)]));
+	}), [A, ne] = v(void 0), re = () => e.columnOrder === void 0 ? A() ?? e.defaultColumnOrder ?? [] : q(e.columnOrder), M = _(() => {
+		let e = y();
+		return e === void 0 ? [] : [{
+			id: e,
+			desc: x() === "desc"
+		}];
+	}), N = _(() => 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) => Le(e.getValue(n), t.getValue(n))
+	}))), P = te({
+		features: Ie,
+		get data() {
+			return r();
+		},
+		get columns() {
+			return N();
+		},
+		getRowId: (t) => String(e.getRowId(t)),
+		manualSorting: s,
+		enableMultiSort: !1,
+		sortDescFirst: !1,
+		defaultColumn: { minSize: K },
+		state: {
+			get sorting() {
+				return M();
+			},
+			get columnVisibility() {
+				return k();
+			},
+			get columnOrder() {
+				return re();
+			}
+		},
+		onSortingChange: le,
+		onColumnVisibilityChange: fe,
+		onColumnOrderChange: (e) => pe(j(e, re()))
+	}), ie = _(() => new Map(e.columns.map((e) => [e.key, e]))), ae = (e) => e.flatMap((e) => ie().get(e.id) ?? []), oe = _(() => ae(P.getAllLeafColumns())), F = _(() => ae(P.getVisibleLeafColumns())), I = _(() => P.getRowModel().rows.map((e) => e.original)), se = _(() => e.columns.filter((e) => e.toggleable !== !1)), ce = _(() => se().map((e) => e.key));
 	function le(t) {
-		let n = y() === t, r = n && x() === "desc" ? void 0 : {
-			key: t,
-			direction: n ? "desc" : "asc"
-		};
-		s || d(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
+		let [n] = j(t, M()), r = n && {
+			key: n.id,
+			direction: n.desc ? "desc" : "asc"
+		}, i = r?.key ?? y();
+		s || d(r), i !== void 0 && e.onSort?.(i), r || e.onSortClear?.(), e.onSortChange?.(r);
 	}
 	function ue(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) {
+	function de(t) {
 		let n = ue(t);
 		e.visibleColumns === void 0 && D(n), e.onVisibleColumnsChange?.(n);
 	}
-	function X(e, t) {
-		let n = new Set(te());
-		t ? n.add(e) : n.delete(e), Y(N().filter((e) => n.has(e)));
+	function fe(e) {
+		let t = j(e, k());
+		de(ce().filter((e) => t[e]));
 	}
-	function de() {
-		Y(N());
+	function pe(t) {
+		e.columnOrder === void 0 && ne(t), e.onColumnOrderChange?.(t);
 	}
-	function fe(t) {
-		e.columnOrder === void 0 && k(t), e.onColumnOrderChange?.(t);
-	}
-	function pe(e, t) {
-		let n = re().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 L(e, t) {
+		let n = P.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), P.setColumnOrder(n));
 	}
 	function me() {
-		Y(T()), fe(A(e.defaultColumnOrder ?? []).map((e) => e.key));
+		de(T());
+		let t = e.columns.map((e) => e.key), n = (e.defaultColumnOrder ?? []).filter((e) => t.includes(e));
+		pe([.../* @__PURE__ */ new Set([...n, ...t])]), ze(), e.onColumnWidthsChange?.({});
+	}
+	let R = () => P.atoms.columnSizing.get(), [z, B] = v(), V = () => {
+		let e = z();
+		return e === void 0 ? void 0 : P.getTotalSize() + e;
+	}, J;
+	function ze() {
+		B(void 0), P.setColumnSizing({});
+	}
+	function Y(e) {
+		if (!J) return 0;
+		let t = J.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 J.rows) {
+			let r = n.cells[e]?.cloneNode(!0);
+			r && (r.removeAttribute("style"), t.insertRow().append(r));
+		}
+		J.after(t);
+		let n = t.getBoundingClientRect().width;
+		return t.remove(), Math.ceil(n);
 	}
-	let [Z, he] = v({}), [ge, _e] = v(), Q;
+	let X = () => F().length;
 	g(() => {
-		let e = j().map((e) => e.key);
-		if (!Q || C(ge) === void 0) return;
-		let t = C(Z);
-		if (e.every((e) => t[e] !== void 0)) return;
+		if (e.columnWidths === void 0) return;
+		let t = q(e.columnWidths);
+		Object.keys(t).length === 0 ? ze() : (P.setColumnSizing(t), B((t) => t ?? (e.rowActions ? Y(C(X)) : 0)));
+	}), g(() => {
+		let e = F().map((e) => e.key), t = R();
+		if (z() === 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(K, Y(t));
+		P.setColumnSizing(n);
+	}), g(() => {
+		I();
+		let t = C(z);
+		e.rowActions && t !== void 0 && B(Math.max(t, Y(C(X))));
 	});
-	function ve(t, n) {
-		if (!Q) return;
+	function Be(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 Ve(e, t) {
+		P.setColumnSizing(e), B(t);
+	}
+	function He(t, n) {
+		if (!J) 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 } = Be(J), s = a[n] ?? K, 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(K, s + e.clientX - i);
+			Ve({
+				...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?.(R());
 		}
 		r.addEventListener("pointermove", l), r.addEventListener("pointerup", u), r.addEventListener("pointercancel", u);
 	}
-	function ye(t, n) {
+	function Ue(t) {
+		if (!J) return;
+		let n = F().findIndex((e) => e.key === t), { sizing: r, extra: i } = Be(J);
+		Ve({
+			...r,
+			[t]: Math.max(K, Y(n))
+		}, i), e.onColumnWidthsChange?.(R());
+	}
+	function We(t, n) {
+		if (t.key === "Enter") {
+			t.preventDefault(), Ue(n);
+			return;
+		}
 		let r = t.key === "ArrowLeft" ? -10 : t.key === "ArrowRight" ? 10 : 0;
-		if (!r || !Q) return;
+		if (!r || !J) 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 } = Be(J), o = i[n] ?? K;
+		Ve({
 			...i,
-			[n]: o
-		}), e.onColumnWidthsChange?.(Z());
+			[n]: Math.max(K, o + r)
+		}, a), e.onColumnWidthsChange?.(R());
 	}
-	let [be, xe] = v(), Se = `${ee()}-panel`, [Ce, we] = v(!1), Te;
+	let [Ge, Ke] = v(), qe = `${ee()}-panel`, [Je, Ye] = v(!1), Xe;
 	g(() => {
-		if (!Ce() || !S()) return;
+		if (!Je() || !S()) return;
 		function e(e) {
-			Te && !Te.contains(e.target) && we(!1);
+			Xe && !Xe.contains(e.target) && Ye(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && we(!1);
+			e.key === "Escape" && Ye(!1);
 		}
 		document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), b(() => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		});
 	});
-	function Ee(e) {
-		return e.toggleable === !1 || O().has(e.key);
-	}
-	function De(t, n) {
+	function Ze(t, n) {
 		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
 	}
-	function Oe(e) {
+	function Qe(e) {
 		if (e.sortable) return y() === e.key ? x() === "asc" ? "ascending" : "descending" : "none";
 	}
-	function ke(e) {
+	function $e(e) {
 		return y() === e.key ? x() === "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 et = (t) => !!t.sortable && (!s || !!(e.onSort || e.onSortChange));
+	function tt(e, t) {
+		Ke(t.key), e.dataTransfer?.setData("text/plain", t.key), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+	}
+	function nt(e, t) {
+		let n = Ge();
+		n !== void 0 && (e.preventDefault(), L(n, t));
 	}
-	function Me(e, t) {
-		let n = be();
-		n !== void 0 && (e.preventDefault(), pe(n, t));
+	function rt(e, t, n) {
+		let r = e.key === "ArrowUp" ? -1 : +(e.key === "ArrowDown");
+		if (!e.altKey || !r) return;
+		e.preventDefault();
+		let i = document.activeElement;
+		L(t.key, n + r), i?.focus();
 	}
-	function $(e, t) {
+	function it(e, t) {
+		if (e.pointerType === "mouse") return;
+		Ke(t.key);
+		function n(e) {
+			let n = document.elementFromPoint(e.clientX, e.clientY)?.closest(".data-table-customizer-item");
+			n?.parentElement && L(t.key, Array.prototype.indexOf.call(n.parentElement.children, n));
+		}
+		function r() {
+			document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", r), document.removeEventListener("pointercancel", r), Ke(void 0);
+		}
+		document.addEventListener("pointermove", n), document.addEventListener("pointerup", r), document.addEventListener("pointercancel", r);
+	}
+	function at(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(L, {
-				class: "data-table-customizer-grip",
+			var o = ve(), s = o.firstChild, l = s.nextSibling, u = l.firstChild;
+			return o.$$keydown = (n) => rt(n, e, t()), o.addEventListener("dragend", () => Ke(void 0)), o.addEventListener("drop", (e) => e.preventDefault()), o.addEventListener("dragover", (e) => nt(e, t())), o.addEventListener("dragstart", (t) => tt(t, e)), s.$$pointerdown = (t) => it(t, e), c(s, "aria-label", `Reorder ${r}`), a(s, n(_e, {
 				size: 14,
 				"aria-hidden": "true"
-			}), o), s.addEventListener("change", (t) => X(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) => P.getColumn(e.key)?.toggleVisibility(t.currentTarget.checked)), a(l, r, null), i((t) => {
+				var n = Ge() === 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 = k()[e.key]), o;
 		})();
 	}
-	function Ne() {
+	function ot() {
 		return (() => {
-			var t = R(), 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 = ye(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
+			return c(t, "id", qe), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(p, {
 				get each() {
-					return re();
+					return oe();
 				},
-				children: (e, t) => $(e, t)
-			})), s.$$click = de, 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) => at(e, t)
+			})), s.$$click = () => P.toggleAllColumnsVisible(!0), a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = me, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
 		})();
 	}
-	function Pe() {
+	function st() {
 		return (() => {
-			var t = ae(), r = t.firstChild;
+			var t = be(), 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 = Xe;
+			return typeof o == "function" ? f(o, t) : Xe = t, r.$$click = () => Ye((e) => !e), c(r, "aria-controls", qe), a(r, () => e.columnCustomizerLabel ?? "Columns", null), a(t, n(m, {
 				get when() {
-					return Ce();
+					return Je();
 				},
 				get children() {
-					return Ne();
+					return ot();
 				}
-			}), null), i(() => c(r, "aria-expanded", Ce())), t;
+			}), null), i(() => c(r, "aria-expanded", Je())), t;
 		})();
 	}
-	function Fe(r) {
+	function ct(r) {
 		return (() => {
-			var o = B();
+			var o = Se();
 			return a(o, n(m, {
 				get when() {
-					return Ae(r);
+					return et(r);
 				},
 				get fallback() {
 					return r.label;
 				},
 				get children() {
-					var e = oe(), t = e.firstChild;
-					return e.$$click = () => le(r.key), a(e, () => r.label, t), a(t, () => ke(r)), e;
+					var e = xe(), t = e.firstChild;
+					return e.$$click = () => P.getColumn(r.key)?.toggleSorting(), a(e, () => r.label, t), a(t, () => $e(r)), e;
 				}
 			}), null), a(o, n(m, {
 				get when() {
 					return e.resizableColumns;
 				},
 				get children() {
-					var e = z();
-					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 = H();
+					return e.$$dblclick = () => Ue(r.key), e.$$keydown = (e) => We(e, r.key), e.$$pointerdown = (e) => He(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 = J(r, Z()[r.key]), s = Oe(r);
+				var n = r.class, i = r.key, a = Re(r, R()[r.key]), s = Qe(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,
@@ -473,17 +593,17 @@ function le(e) {
 			}), o;
 		})();
 	}
-	function Ie(r) {
+	function lt(r) {
 		return (() => {
-			var o = H();
+			var o = U();
 			return a(o, n(p, {
 				get each() {
-					return j();
+					return F();
 				},
 				children: (e) => (() => {
-					var n = V();
-					return a(n, () => De(r, e)), i((r) => {
-						var i = e.class, a = J(e, Z()[e.key]);
+					var n = W();
+					return a(n, () => Ze(r, e)), i((r) => {
+						var i = e.class, a = Re(e, R()[e.key]);
 						return i !== r.e && t(n, r.e = i), r.t = u(n, a, r.t), r;
 					}, {
 						e: void 0,
@@ -495,27 +615,109 @@ function le(e) {
 					return e.rowActions;
 				},
 				get children() {
-					var t = V();
+					var t = Ce();
 					return a(t, () => e.rowActions?.(r)), t;
 				}
 			}), null), o;
 		})();
 	}
-	let Le = () => !o() && (e.empty === void 0 ? r().length === 0 : q(e.empty));
+	function ut() {
+		return (() => {
+			var r = Te();
+			return a(r, n(p, {
+				get each() {
+					return F();
+				},
+				children: (e) => (() => {
+					var n = Ee();
+					return i((r) => {
+						var i = e.class, a = Re(e, R()[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 we();
+				}
+			}), null), r;
+		})();
+	}
+	let Z = () => q(e.pagination), dt = () => {
+		let e = Z();
+		return e ? Math.max(1, Math.ceil(e.rowCount / e.pageSize)) : 1;
+	};
+	function Q(t) {
+		let n = Z();
+		n && e.onPaginationChange?.({
+			page: t,
+			pageSize: n.pageSize
+		});
+	}
+	function ft(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 pt(t) {
+		return (() => {
+			var r = G(), o = r.firstChild, s = o.nextSibling, l = s.nextSibling;
+			return a(r, n(m, {
+				get when() {
+					return t().pageSizeOptions;
+				},
+				children: (r) => (() => {
+					var o = De(), 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 = Oe();
+							return n.value = e, a(n, e), i(() => n.selected = e === t().pageSize), n;
+						})()
+					})), i(() => s.value = t().pageSize), o;
+				})()
+			}), o), a(o, () => ft(t())), s.$$click = () => Q(t().page - 1), a(s, n(he, {
+				size: 16,
+				"aria-hidden": "true"
+			})), l.$$click = () => Q(t().page + 1), a(l, n(ge, {
+				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 >= dt();
+				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 mt = () => !o() && (e.empty === void 0 ? r().length === 0 : q(e.empty)), $ = () => o() && I().length === 0 && e.loadingContent === void 0;
 	return (() => {
-		var r = G(), s = r.firstChild, c = s.firstChild, l = c.firstChild, d = l.firstChild, h = l.nextSibling;
+		var r = Me(), s = r.firstChild, l = s.firstChild, d = l.firstChild, h = d.firstChild, g = d.nextSibling;
 		a(r, n(m, {
 			get when() {
 				return S() || w.toArray().length > 0;
 			},
 			get children() {
-				var e = U();
+				var e = Ae();
 				return a(e, n(m, {
 					get when() {
 						return w.toArray().length > 0;
 					},
 					get children() {
-						var e = se();
+						var e = ke();
 						return a(e, w), e;
 					}
 				}), null), a(e, n(m, {
@@ -523,77 +725,114 @@ function le(e) {
 						return S();
 					},
 					get children() {
-						return Pe();
+						return st();
 					}
 				}), null), e;
 			}
 		}), s);
-		var g = Q;
-		return typeof g == "function" ? f(g, c) : Q = c, a(d, n(p, {
+		var _ = J;
+		return typeof _ == "function" ? f(_, l) : J = l, a(h, n(p, {
 			get each() {
-				return j();
+				return F();
 			},
-			children: Fe
-		}), null), a(d, n(m, {
+			children: ct
+		}), null), a(h, n(m, {
 			get when() {
 				return e.rowActions;
 			},
 			get children() {
-				return W();
+				return je();
 			}
-		}), null), a(h, n(p, {
+		}), null), a(g, n(p, {
 			get each() {
 				return I();
 			},
-			children: Ie
-		})), a(r, n(m, {
+			children: lt
+		}), null), a(g, n(m, {
+			get when() {
+				return $();
+			},
+			get children() {
+				return n(p, {
+					get each() {
+						return Array.from({ length: e.skeletonRows ?? Fe });
+					},
+					children: ut
+				});
+			}
+		}), null), a(r, n(m, {
 			get when() {
 				return o();
 			},
 			get children() {
-				return e.loadingContent ?? ce();
+				return e.loadingContent ?? (() => {
+					var e = Ne();
+					return i(() => e.classList.toggle("data-table-visually-hidden", !!$())), e;
+				})();
 			}
 		}), null), a(r, n(m, {
 			get when() {
-				return Le();
+				return mt();
 			},
 			get children() {
-				return e.emptyContent ?? K();
+				return e.emptyContent ?? Pe();
 			}
+		}), null), a(r, n(m, {
+			get when() {
+				return Z();
+			},
+			children: pt
 		}), 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 = V() !== void 0, s = !!e.stickyHeader, d = !!e.stickyActions, f = o(), p = V() === void 0 ? void 0 : { width: `${V()}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 ue = D("outline", "device-floppy", "DeviceFloppy", [
+// node_modules/@tabler/icons-solidjs/dist/source/icons/IconDeviceFloppy.js
+var ze = I("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" }]
-]), Y = D("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 = D("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), de = /*#__PURE__*/ d("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), fe = /*#__PURE__*/ d("<ul class=filter-table-chips>"), pe = /*#__PURE__*/ d("<div class=filter-table-multi>"), me = /*#__PURE__*/ d("<input class=filter-table-input type=text>"), Z = /*#__PURE__*/ d("<div class=filter-table-search><input type=search class=filter-table-input>"), he = /*#__PURE__*/ d("<div class=filter-table-saved>"), ge = /*#__PURE__*/ d("<button type=button class=filter-table-chip-remove>"), _e = /*#__PURE__*/ d("<li><button type=button class=filter-table-pill>"), Q = /*#__PURE__*/ d("<li><button type=button class=\"filter-table-pill filter-table-pill-save\">"), ve = /*#__PURE__*/ d("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), ye = /*#__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>"), be = /*#__PURE__*/ d("<div class=filter-table-toolbar>"), xe = /*#__PURE__*/ d("<span class=filter-table-badge>"), Se = /*#__PURE__*/ d("<button type=button role=tab class=filter-table-tab>"), Ce = /*#__PURE__*/ d("<div class=filter-table-field><label class=filter-table-label>"), we = /*#__PURE__*/ d("<legend class=filter-table-legend>"), Te = /*#__PURE__*/ d("<fieldset class=filter-table-fieldset>"), Ee = /*#__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\">"), De = /*#__PURE__*/ d("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel>"), Oe = "q";
-function ke(e) {
+]), Y = I("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 = I("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), Be = /*#__PURE__*/ d("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), Ve = /*#__PURE__*/ d("<ul class=filter-table-chips>"), He = /*#__PURE__*/ d("<div class=filter-table-multi>"), Ue = /*#__PURE__*/ d("<div class=filter-table-range><input class=filter-table-input step=any><input class=filter-table-input step=any>"), We = /*#__PURE__*/ d("<input class=filter-table-input type=text>"), Ge = /*#__PURE__*/ d("<div class=filter-table-search><input type=search class=filter-table-input>"), Ke = /*#__PURE__*/ d("<div class=filter-table-saved>"), qe = /*#__PURE__*/ d("<button type=button class=filter-table-chip-remove>"), Je = /*#__PURE__*/ d("<li><button type=button class=filter-table-pill>"), Ye = /*#__PURE__*/ d("<li><button type=button class=\"filter-table-pill filter-table-pill-save\">"), Xe = /*#__PURE__*/ d("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), Ze = /*#__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>"), Qe = /*#__PURE__*/ d("<div class=filter-table-toolbar>"), $e = /*#__PURE__*/ d("<span class=filter-table-badge>"), et = /*#__PURE__*/ d("<button type=button role=tab class=filter-table-tab>"), tt = /*#__PURE__*/ d("<div class=filter-table-field><label class=filter-table-label>"), nt = /*#__PURE__*/ d("<legend class=filter-table-legend>"), rt = /*#__PURE__*/ d("<fieldset class=filter-table-fieldset>"), it = /*#__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\">"), at = /*#__PURE__*/ d("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel>"), ot = "q", st = 300, ct = "..", lt = "__search__", ut = M({
+	columnFilteringFeature: w,
+	globalFilteringFeature: ne,
+	filteredRowModel: O()
+});
+function Z(e) {
+	let [t = "", n = ""] = e.split(ct);
+	return {
+		min: t,
+		max: n
+	};
+}
+function dt(e, t) {
+	return e === "" && t === "" ? "" : `${e}${ct}${t}`;
+}
+function Q(e) {
 	return typeof e == "function" ? e() : e;
 }
-function Ae(e) {
+function ft(e) {
 	return Array.isArray(e) ? e.length > 0 : (e ?? "").trim() !== "";
 }
-function je(e) {
+function pt(e) {
 	let t = {};
-	for (let [n, r] of Object.entries(e)) Ae(r) && (t[n] = Array.isArray(r) ? r : r.trim());
+	for (let [n, r] of Object.entries(e)) ft(r) && (t[n] = Array.isArray(r) ? r : r.trim());
 	return t;
 }
-function Me(e, t) {
+function mt(e, t) {
 	let n = Object.keys(e);
 	return n.length === Object.keys(t).length && n.every((n) => {
 		let r = e[n], i = t[n];
@@ -603,172 +842,235 @@ function Me(e, t) {
 function $(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
-function Ne(e) {
-	let [r, l] = S(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 = _(() => ke(r.rows)), [d, h] = v(je(r.defaultFilterValues ?? {})), b = _(() => r.filterValues === void 0 ? d() : je(ke(r.filterValues)));
-	function x(e) {
-		let t = je(e);
-		r.filterValues === void 0 && h(t), r.onFilterValuesChange?.(t);
-	}
-	function C(e, t) {
-		x({
-			...b(),
+function ht(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 gt(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 _t(e, t, n) {
+	let r = ht(e);
+	return r !== void 0 && (t === "" || r >= t) && (n === "" || r <= n);
+}
+function vt(e) {
+	let [r, l] = S(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(pt(r.defaultFilterValues ?? {})), x = _(() => r.filterValues === void 0 ? d() : pt(Q(r.filterValues)));
+	function C(e) {
+		let t = O !== void 0;
+		k();
+		let n = pt(t ? {
+			...e,
+			[ot]: E()
+		} : e);
+		r.filterValues === void 0 && h(n), r.onFilterValuesChange?.(n);
+	}
+	function w(e, t) {
+		C({
+			...x(),
 			[e]: t
 		});
 	}
-	let w = () => $(b()[Oe]), T = _(() => r.filters.filter((e) => Ae(b()[e.key])));
-	function E(e, t) {
+	let T = () => $(x()[ot]), [E, D] = v(T()), O;
+	function k() {
+		clearTimeout(O), O = void 0;
+	}
+	b(k);
+	function j() {
+		E().trim() !== T() && w(ot, E());
+	}
+	function ne() {
+		O !== void 0 && (k(), j());
+	}
+	function re(e) {
+		D(e), k();
+		let t = r.quickSearchDebounce ?? (r.manualFiltering ? st : 0);
+		t <= 0 ? j() : O = setTimeout(() => {
+			O = void 0, j();
+		}, t);
+	}
+	g(y(T, (e) => {
+		O === void 0 && e !== E().trim() && D(e);
+	}));
+	let M = _(() => r.filters.filter((e) => ft(x()[e.key])));
+	function N(e, t) {
 		return t.getValue ? t.getValue(e) : e[t.key];
 	}
-	function D(e, t, n) {
+	function P(e, t, n) {
 		if (t.match) return t.match(e, n);
-		let r = E(e, t);
+		let r = N(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 } = Z($(n));
+			return (t.type === "date-range" ? _t : gt)(r, e, i);
+		}
+		return $(r).toLowerCase().includes($(n).toLowerCase());
 	}
-	function te(e) {
+	function ie(e) {
 		return r.getSearchText ? r.getSearchText(e) : l.columns.map((t) => $(t.sortValue?.(e) ?? e[t.key])).join(" ");
 	}
-	let O = _(() => {
-		if (r.manualFiltering) return u();
-		let e = w().toLowerCase(), t = T();
-		return u().filter((n) => (e === "" || te(n).toLowerCase().includes(e)) && t.every((e) => D(n, e, b()[e.key])));
-	});
-	function ne(e) {
-		if (e.options) return e.options;
-		let t = /* @__PURE__ */ new Set();
-		for (let n of u()) {
-			let r = E(n, e);
-			for (let e of Array.isArray(r) ? r : [r]) {
-				let n = $(e);
-				n !== "" && t.add(n);
+	let ae = _(() => M().map((e) => ({
+		id: e.key,
+		value: x()[e.key]
+	}))), oe = _(() => {
+		let e = r.filters.map((e) => ({
+			id: e.key,
+			accessorFn: (t) => N(t, e),
+			filterFn: (t, n, r) => P(t.original, e, r)
+		}));
+		return e.push({
+			id: lt,
+			accessorFn: ie
+		}), e;
+	}), F = te({
+		features: ut,
+		get data() {
+			return u();
+		},
+		get columns() {
+			return oe();
+		},
+		getRowId: (e) => String(l.getRowId(e)),
+		get manualFiltering() {
+			return r.manualFiltering;
+		},
+		globalFilterFn: A,
+		getColumnCanGlobalFilter: (e) => e.id === lt,
+		state: {
+			get columnFilters() {
+				return ae();
+			},
+			get globalFilter() {
+				return T();
+			}
+		}
+	}), I = _(() => F.getRowModel().rows.map((e) => e.original)), se = _((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 = N(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].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({
+		return t;
+	}, /* @__PURE__ */ new Map());
+	function ce(e) {
+		return e.options ? e.options : (se().get(e.key) ?? []).map((e) => ({
 			value: e,
 			label: e
 		}));
 	}
-	function k(e, t) {
-		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "select" ? ne(e).find((e) => String(e.value) === t)?.label ?? t : t;
+	function le(e, t) {
+		let n = e.formatValue ?? ((e) => e), { min: r, max: i } = Z(t);
+		return i === "" ? `≥ ${n(r)}` : r === "" ? `≤ ${n(i)}` : `${n(r)} – ${n(i)}`;
+	}
+	function ue(e, t) {
+		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "number-range" || e.type === "date-range" ? le(e, t) : e.type === "select" ? ce(e).find((e) => String(e.value) === t)?.label ?? t : t;
 	}
-	let A = _(() => T().flatMap((e) => {
-		let t = b()[e.key];
+	let de = _(() => M().flatMap((e) => {
+		let t = x()[e.key];
 		return (Array.isArray(t) ? t : [t]).map((t) => ({
 			filter: e,
 			item: t,
-			text: `${e.label}: ${k(e, t)}`
+			text: `${e.label}: ${ue(e, t)}`
 		}));
 	}));
-	function re(e, t) {
-		let n = b()[e.key];
-		C(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
+	function fe(e, t) {
+		let n = x()[e.key];
+		w(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
 	}
-	function j() {
-		x({ [Oe]: w() });
+	function pe() {
+		C({ [ot]: T() });
 	}
-	let M = _(() => r.savedFilters === void 0 ? void 0 : ke(r.savedFilters)), N = _(() => M()?.find((e) => Me(je(e.values), b()))), [P, F] = v(!1), [L, ie] = v("");
-	function R(e) {
-		let t = M()?.find((t) => t.name === e);
-		t && x(t.values);
+	let L = _(() => r.savedFilters === void 0 ? void 0 : Q(r.savedFilters)), me = _(() => L()?.find((e) => mt(pt(e.values), x()))), [R, z] = v(!1), [B, he] = v("");
+	function ge(e) {
+		let t = L()?.find((t) => t.name === e);
+		t && (k(), D($(t.values[ot])), C(t.values));
 	}
-	function ae() {
-		ie(N()?.name ?? ""), F(!0);
+	function _e() {
+		ne(), he(me()?.name ?? ""), z(!0);
 	}
-	function oe(e) {
+	function ve(e) {
 		e.preventDefault();
-		let t = L().trim();
+		let t = B().trim();
 		if (t === "") return;
-		let n = (M() ?? []).filter((e) => e.name !== t);
+		let n = (L() ?? []).filter((e) => e.name !== t);
 		r.onSavedFiltersChange?.([...n, {
 			name: t,
-			values: b()
-		}]), F(!1);
+			values: x()
+		}]), z(!1);
 	}
-	let [z, B] = v(b());
-	g(y(b, (e) => B(e)));
-	function V(e) {
-		return z()[e];
+	let [ye, be] = v(x());
+	g(y(x, (e) => be(e)));
+	function xe(e) {
+		return ye()[e];
 	}
 	function H(e, t) {
-		B((n) => ({
+		be((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
-	let se = _(() => {
+	let Se = _(() => {
 		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 = ee(), W = ["results", "filters"], [G, ce] = v("results"), K = (e) => `${U}-tab-${e}`, q = (e) => `${U}-panel-${e}`, J = (e) => `${U}-filter-${e}`;
-	function Ne(e) {
-		e === "filters" && B(b()), ce(e);
+	}), Ce = ee(), U = ["results", "filters"], [W, we] = v("results"), Te = (e) => `${Ce}-tab-${e}`, Ee = (e) => `${Ce}-panel-${e}`, G = (e) => `${Ce}-filter-${e}`;
+	function De(e) {
+		e === "filters" && be(x()), we(e);
 	}
-	function Pe(e) {
+	function Oe(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];
-		Ne(n), document.getElementById(K(n))?.focus();
+		let n = U[(U.indexOf(W()) + t + U.length) % U.length];
+		De(n), document.getElementById(Te(n))?.focus();
 	}
-	function Fe(e) {
-		e.preventDefault(), x(z()), ce("results");
+	function ke(e) {
+		e.preventDefault(), C(ye()), we("results");
 	}
-	function Ie() {
-		j(), ce("results");
+	function Ae() {
+		pe(), we("results");
 	}
-	function Le(e) {
+	function je(e) {
 		let t = () => {
-			let t = V(e.key);
+			let t = xe(e.key);
 			return Array.isArray(t) ? t : [];
 		}, o = (r) => (() => {
-			var o = de(), s = o.firstChild;
-			return a(o, () => k(e, r), s), s.$$click = () => H(e.key, t().filter((e) => e !== r)), a(s, n(X, {
+			var o = Be(), s = o.firstChild;
+			return a(o, () => ue(e, r), s), s.$$click = () => H(e.key, t().filter((e) => e !== r)), a(s, n(X, {
 				size: 12,
 				"aria-hidden": "true"
-			})), i(() => c(s, "aria-label", `Remove ${k(e, r)}`)), o;
+			})), i(() => c(s, "aria-label", `Remove ${ue(e, r)}`)), o;
 		})();
 		return (() => {
-			var i = pe();
-			return a(i, n(I, {
+			var i = He();
+			return a(i, n(V, {
 				get id() {
-					return J(e.key);
+					return G(e.key);
 				},
 				value: "",
 				onChange: (n) => H(e.key, [...t(), n]),
 				get options() {
-					return ne(e).filter((e) => !t().includes(String(e.value)));
+					return ce(e).filter((e) => !t().includes(String(e.value)));
 				},
 				get placeholder() {
 					return e.placeholder ?? r.anyLabel ?? "Any";
@@ -778,7 +1080,7 @@ function Ne(e) {
 					return t().length > 0;
 				},
 				get children() {
-					var e = fe();
+					var e = Ve();
 					return a(e, n(p, {
 						get each() {
 							return t();
@@ -789,22 +1091,40 @@ function Ne(e) {
 			}), null), i;
 		})();
 	}
-	function Re(e) {
-		return e.type === "text" ? (() => {
-			var t = me();
+	function Me(e) {
+		let t = e.type === "date-range" ? "date" : "number", n = () => Z($(xe(e.key))), a = _(() => n().min), o = _(() => n().max), s = () => r.fromLabel ?? "From", l = () => r.toLabel ?? "To";
+		return (() => {
+			var n = Ue(), r = n.firstChild, u = r.nextSibling;
+			return r.$$input = (t) => H(e.key, dt(t.currentTarget.value, o())), c(r, "type", t), u.$$input = (t) => H(e.key, dt(a(), t.currentTarget.value)), c(u, "type", t), i((t) => {
+				var n = G(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 Ne(e) {
+		return e.type === "number-range" || e.type === "date-range" ? Me(e) : e.type === "text" ? (() => {
+			var t = We();
 			return t.$$input = (t) => H(e.key, t.currentTarget.value), i((n) => {
-				var r = J(e.key), i = e.placeholder;
+				var r = G(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(I, {
+			}), i(() => t.value = $(xe(e.key))), t;
+		})() : e.type === "boolean" ? n(V, {
 			get id() {
-				return J(e.key);
+				return G(e.key);
 			},
 			get value() {
-				return $(V(e.key));
+				return $(xe(e.key));
 			},
 			onChange: (t) => H(e.key, t),
 			get emptyLabel() {
@@ -819,34 +1139,36 @@ function Ne(e) {
 					label: r.noLabel ?? "No"
 				}];
 			}
-		}) : Le(e);
+		}) : je(e);
 	}
-	function ze() {
+	function Pe() {
 		return (() => {
-			var e = Z(), t = e.firstChild;
+			var e = Ge(), t = e.firstChild;
 			return a(e, n(Y, {
 				class: "filter-table-search-icon",
 				size: 16,
 				"aria-hidden": "true"
-			}), t), t.$$input = (e) => C(Oe, e.currentTarget.value), i((e) => {
+			}), t), t.$$keydown = (e) => {
+				e.key === "Enter" && ne();
+			}, t.$$input = (e) => re(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 = w()), e;
+			}), i(() => t.value = E()), e;
 		})();
 	}
-	function Be() {
+	function K() {
 		return (() => {
-			var e = he();
-			return a(e, n(I, {
+			var e = Ke();
+			return a(e, n(V, {
 				get value() {
-					return N()?.name ?? "";
+					return me()?.name ?? "";
 				},
-				onChange: R,
+				onChange: ge,
 				get options() {
-					return (M() ?? []).map((e) => ({
+					return (L() ?? []).map((e) => ({
 						value: e.name,
 						label: e.name
 					}));
@@ -859,11 +1181,11 @@ function Ne(e) {
 				}
 			}), null), a(e, n(m, {
 				get when() {
-					return N();
+					return me();
 				},
 				children: (e) => (() => {
-					var t = ge();
-					return t.$$click = j, a(t, n(X, {
+					var t = qe();
+					return t.$$click = pe, a(t, n(X, {
 						size: 14,
 						"aria-hidden": "true"
 					})), i(() => c(t, "aria-label", `${r.clearSavedFilterLabel ?? "Clear saved filter"} ${e().name}`)), t;
@@ -871,30 +1193,30 @@ function Ne(e) {
 			}), null), e;
 		})();
 	}
-	function Ve(e) {
+	function Fe(e) {
 		return (() => {
-			var t = _e(), r = t.firstChild;
-			return r.$$click = () => re(e.filter, e.item), a(r, () => e.text, null), a(r, n(X, {
+			var t = Je(), r = t.firstChild;
+			return r.$$click = () => fe(e.filter, e.item), a(r, () => e.text, null), a(r, n(X, {
 				size: 12,
 				"aria-hidden": "true"
 			}), null), i(() => c(r, "aria-label", `Remove filter ${e.text}`)), t;
 		})();
 	}
-	function He() {
+	function Ie() {
 		return (() => {
-			var e = ve(), t = e.firstChild, i = t.firstChild;
+			var e = Xe(), t = e.firstChild, i = t.firstChild;
 			return a(e, n(p, {
 				get each() {
-					return A();
+					return de();
 				},
-				children: Ve
-			}), t), i.$$click = j, a(i, () => r.clearAllLabel ?? "Clear all"), a(e, n(m, {
+				children: Fe
+			}), t), i.$$click = pe, a(i, () => r.clearAllLabel ?? "Clear all"), a(e, n(m, {
 				get when() {
-					return o(() => M() !== void 0)() && !P();
+					return o(() => L() !== void 0)() && !R();
 				},
 				get children() {
-					var e = Q(), t = e.firstChild;
-					return t.$$click = ae, a(t, n(ue, {
+					var e = Ye(), t = e.firstChild;
+					return t.$$click = _e, a(t, n(ze, {
 						size: 12,
 						"aria-hidden": "true"
 					}), null), a(t, () => r.saveLabel ?? "Save", null), e;
@@ -902,74 +1224,74 @@ function Ne(e) {
 			}), null), e;
 		})();
 	}
-	function Ue() {
+	function Le() {
 		return (() => {
-			var e = ye(), t = e.firstChild, o = t.nextSibling, s = o.nextSibling;
+			var e = Ze(), t = e.firstChild, o = t.nextSibling, s = o.nextSibling;
 			return e.$$keydown = (e) => {
-				e.key === "Escape" && F(!1);
-			}, e.addEventListener("submit", oe), t.$$input = (e) => ie(e.currentTarget.value), f((e) => queueMicrotask(() => e.focus()), t), a(o, n(ue, {
+				e.key === "Escape" && z(!1);
+			}, e.addEventListener("submit", ve), t.$$input = (e) => he(e.currentTarget.value), f((e) => queueMicrotask(() => e.focus()), t), a(o, n(ze, {
 				size: 16,
 				"aria-hidden": "true"
-			}), null), a(o, () => r.saveLabel ?? "Save", null), s.$$click = () => F(!1), a(s, () => r.cancelLabel ?? "Cancel"), i((e) => {
+			}), null), a(o, () => r.saveLabel ?? "Save", null), s.$$click = () => z(!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 = L()), e;
+			}), i(() => t.value = B()), e;
 		})();
 	}
-	let We = (() => {
-		var e = be();
+	let q = (() => {
+		var e = Qe();
 		return a(e, n(m, {
 			get when() {
 				return r.quickSearch !== !1;
 			},
 			get children() {
-				return ze();
+				return Pe();
 			}
 		}), null), a(e, n(m, {
 			get when() {
-				return (M()?.length ?? 0) > 0;
+				return (L()?.length ?? 0) > 0;
 			},
 			get children() {
-				return Be();
+				return K();
 			}
 		}), null), a(e, n(m, {
 			get when() {
-				return A().length > 0;
+				return de().length > 0;
 			},
 			get children() {
-				return He();
+				return Ie();
 			}
 		}), null), a(e, n(m, {
 			get when() {
-				return o(() => !!P())() && A().length > 0;
+				return o(() => !!R())() && de().length > 0;
 			},
 			get children() {
-				return Ue();
+				return Le();
 			}
 		}), null), e;
 	})();
-	function Ge(e) {
+	function Re(e) {
 		return e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters";
 	}
-	function Ke(e) {
-		return e === "results" ? O().length : T().length;
+	function ct(e) {
+		return e === "results" ? Q(r.totalCount) ?? Q(l.pagination)?.rowCount ?? I().length : M().length;
 	}
-	function qe(e) {
+	function ht(e) {
 		return (() => {
-			var t = Se();
-			return t.$$keydown = Pe, t.$$click = () => Ne(e), a(t, () => Ge(e), null), a(t, n(m, {
+			var t = et();
+			return t.$$keydown = Oe, t.$$click = () => De(e), a(t, () => Re(e), null), a(t, n(m, {
 				get when() {
-					return e === "results" || T().length > 0;
+					return e === "results" || M().length > 0;
 				},
 				get children() {
-					var t = xe();
-					return a(t, () => Ke(e)), t;
+					var t = $e();
+					return a(t, () => ct(e)), t;
 				}
 			}), null), i((n) => {
-				var r = K(e), i = G() === e, a = q(e), o = G() === e ? 0 : -1;
+				var r = Te(e), i = W() === e, a = Ee(e), o = W() === 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,
@@ -979,40 +1301,40 @@ function Ne(e) {
 			}), t;
 		})();
 	}
-	function Je(e) {
+	function vt(e) {
 		return (() => {
-			var t = Ce(), n = t.firstChild;
-			return a(n, () => e.label), a(t, () => Re(e), null), i(() => c(n, "for", J(e.key))), t;
+			var t = tt(), n = t.firstChild;
+			return a(n, () => e.label), a(t, () => Ne(e), null), i(() => c(n, "for", G(e.key))), t;
 		})();
 	}
-	function Ye(e) {
+	function yt(e) {
 		return (() => {
-			var t = Te();
+			var t = rt();
 			return a(t, n(m, {
 				get when() {
 					return e.name;
 				},
 				get children() {
-					var t = we();
+					var t = nt();
 					return a(t, () => e.name), t;
 				}
 			}), null), a(t, n(p, {
 				get each() {
 					return e.filters;
 				},
-				children: Je
+				children: vt
 			}), null), t;
 		})();
 	}
-	function Xe() {
+	function bt() {
 		return (() => {
-			var e = Ee(), t = e.firstChild, i = t.firstChild, o = i.nextSibling;
-			return e.addEventListener("submit", Fe), a(e, n(p, {
+			var e = it(), t = e.firstChild, i = t.firstChild, o = i.nextSibling;
+			return e.addEventListener("submit", ke), a(e, n(p, {
 				get each() {
-					return se();
+					return Se();
 				},
-				children: Ye
-			}), t), i.$$click = Ie, a(i, n(X, {
+				children: yt
+			}), t), i.$$click = Ae, a(i, n(X, {
 				size: 16,
 				"aria-hidden": "true"
 			}), null), a(i, () => r.resetLabel ?? "Reset", null), a(o, n(Y, {
@@ -1022,15 +1344,15 @@ function Ne(e) {
 		})();
 	}
 	return (() => {
-		var e = De(), o = e.firstChild, u = o.nextSibling, d = u.nextSibling;
+		var e = at(), o = e.firstChild, u = o.nextSibling, d = u.nextSibling;
 		return a(o, n(p, {
-			each: W,
-			children: qe
-		})), a(u, n(le, s(l, {
-			rows: O,
-			toolbar: We
-		}))), a(d, Xe), i((n) => {
-			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = q("results"), o = K("results"), s = G() !== "results", l = q("filters"), f = K("filters"), p = G() !== "filters";
+			each: U,
+			children: ht
+		})), a(u, n(J, s(l, {
+			rows: I,
+			toolbar: q
+		}))), a(d, bt), i((n) => {
+			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = Ee("results"), o = Te("results"), s = W() !== "results", l = Ee("filters"), f = Te("filters"), p = W() !== "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,
@@ -1048,10 +1370,105 @@ r([
 	"input",
 	"keydown"
 ]);
-//#endregion
-//#region src/search-bar.tsx
-var Pe = /*#__PURE__*/ d("<kbd class=search-bar-shortcut>"), Fe = /*#__PURE__*/ d("<button type=button class=search-bar-clear>"), Ie = /*#__PURE__*/ d("<div><input class=search-bar-input>");
-function Le(e) {
+// src/modal.tsx
+var yt = /*#__PURE__*/ d("<h2 class=modal-title>"), bt = /*#__PURE__*/ d("<button type=button class=modal-close>"), xt = /*#__PURE__*/ d("<div class=modal-header>"), St = /*#__PURE__*/ d("<div class=modal-footer>"), Ct = /*#__PURE__*/ d("<dialog><div class=modal-panel><div class=modal-body>");
+function wt(e) {
+	return n(m, {
+		get when() {
+			return e.open;
+		},
+		get children() {
+			return n(Tt, e);
+		}
+	});
+}
+function Tt(e) {
+	let r, o = ee(), s = !1, l = !1, u = !1;
+	x(() => {
+		if (!r) return;
+		let e = document.activeElement;
+		r.showModal(), b(() => {
+			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 = Ct(), 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 = xt();
+				return a(t, n(m, {
+					get when() {
+						return e.title !== void 0;
+					},
+					get children() {
+						var t = yt();
+						return c(t, "id", o), a(t, () => e.title), t;
+					}
+				}), null), a(t, n(m, {
+					get when() {
+						return !e.hideCloseButton;
+					},
+					get children() {
+						var t = bt();
+						return t.$$click = d, a(t, n(X, {
+							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 = St();
+				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 Et = /*#__PURE__*/ d("<kbd class=search-bar-shortcut>"), Dt = /*#__PURE__*/ d("<button type=button class=search-bar-clear>"), Ot = /*#__PURE__*/ d("<div><input class=search-bar-input>");
+function kt(e) {
 	let r, s = () => e.shortcutKey ?? "k", l = () => e.shortcutLabel ?? `Ctrl ${String(s()).toUpperCase()}`;
 	return x(() => {
 		let e = (e) => {
@@ -1060,7 +1477,7 @@ function Le(e) {
 		};
 		document.addEventListener("keydown", e), b(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		var u = Ie(), d = u.firstChild;
+		var u = Ot(), d = u.firstChild;
 		a(u, n(Y, {
 			size: 17,
 			class: "search-bar-icon",
@@ -1072,7 +1489,7 @@ function Le(e) {
 				return o(() => !e.value)() && s() !== !1;
 			},
 			get children() {
-				var e = Pe();
+				var e = Et();
 				return a(e, l), e;
 			}
 		}), null), a(u, n(m, {
@@ -1080,7 +1497,7 @@ function Le(e) {
 				return e.value;
 			},
 			get children() {
-				var t = Fe();
+				var t = Dt();
 				return t.$$click = () => e.onInput(""), a(t, n(X, {
 					size: 15,
 					"aria-hidden": "true"
@@ -1098,5 +1515,4 @@ function Le(e) {
 	})();
 }
 r(["input", "click"]);
-//#endregion
-export { I as Combobox, le as DataTable, Ne as FilterTable, Le as SearchBar };
+export { ie as ColorInput, V as Combobox, J as DataTable, vt as FilterTable, wt as Modal, kt as SearchBar, Z as parseFilterTableRange };