@serkonda7/solid-components 0.1.0 → 0.2.1

package/dist/index.js

@@ -57,55 +57,55 @@ var C = {
 		})();
 	};
 	return u.displayName = `${i}`, u;
-}, ee = E("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), D = E("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), O = E("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" }]]), k = E("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), A = /*#__PURE__*/ u("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), j = /*#__PURE__*/ u("<div role=option class=\"combobox-option combobox-option-add\">"), M = /*#__PURE__*/ u("<div class=combobox-list role=listbox>"), te = /*#__PURE__*/ u("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), N = /*#__PURE__*/ u("<span class=combobox-icon aria-hidden=true>"), P = /*#__PURE__*/ u("<div class=combobox-empty>"), F = /*#__PURE__*/ u("<span class=combobox-detail>"), I = /*#__PURE__*/ u("<div role=option class=combobox-option><span class=combobox-option-label>"), L = /*#__PURE__*/ u("<span class=combobox-option-icon aria-hidden=true>");
-function R(r) {
-	let s, l, u = v(), m = () => r.id ?? u, y = () => `${m()}-listbox`, b = (e) => `${m()}-option-${e}`, [S, C] = _(!1), [w, T] = _(""), [E, O] = _(0), k = g(() => r.emptyLabel === void 0 ? r.options : [{
+}, ee = E("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), te = E("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), D = /*#__PURE__*/ u("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), ne = /*#__PURE__*/ u("<div role=option class=\"combobox-option combobox-option-add\">"), re = /*#__PURE__*/ u("<div class=combobox-list role=listbox>"), O = /*#__PURE__*/ u("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), k = /*#__PURE__*/ u("<span class=combobox-icon aria-hidden=true>"), ie = /*#__PURE__*/ u("<div class=combobox-empty>"), A = /*#__PURE__*/ u("<span class=combobox-detail>"), j = /*#__PURE__*/ u("<div role=option class=combobox-option><span class=combobox-option-label>"), M = /*#__PURE__*/ u("<span class=combobox-option-icon aria-hidden=true>");
+function N(r) {
+	let s, l, u = v(), m = () => r.id ?? u, y = () => `${m()}-listbox`, b = (e) => `${m()}-option-${e}`, [S, C] = _(!1), [w, T] = _(""), [E, N] = _(0), P = g(() => r.emptyLabel === void 0 ? r.options : [{
 		value: "",
 		label: r.emptyLabel
-	}, ...r.options]), R = g(() => r.value === "" ? void 0 : k().find((e) => String(e.value) === r.value)), z = g(() => {
+	}, ...r.options]), F = g(() => r.value === "" ? void 0 : P().find((e) => String(e.value) === r.value)), I = g(() => {
 		let e = w().trim().toLowerCase();
-		return e === "" ? k() : k().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
-	}), B = () => r.options.some((e) => e.detail !== void 0), V = () => z().length, H = () => z().length + +!!r.onAdd, U = () => !r.disabled && r.onChange !== void 0;
+		return e === "" ? P() : P().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
+	}), ae = () => r.options.some((e) => e.detail !== void 0), L = () => I().length, oe = () => I().length + +!!r.onAdd, se = () => !r.disabled && r.onChange !== void 0;
 	x(() => {
 		r.autofocus === !0 && s?.focus();
 	}), h(() => {
 		S() && l?.querySelector(`[data-index="${E()}"]`)?.scrollIntoView({ block: "nearest" });
 	});
-	function W() {
-		if (S() || !U()) return;
+	function R() {
+		if (S() || !se()) return;
 		T("");
-		let e = k().findIndex((e) => String(e.value) === r.value);
-		O(Math.max(e, 0)), C(!0), r.onOpen?.();
+		let e = P().findIndex((e) => String(e.value) === r.value);
+		N(Math.max(e, 0)), C(!0), r.onOpen?.();
 	}
-	function G(e) {
-		if (C(!1), r.onAdd && e === V()) {
+	function z(e) {
+		if (C(!1), r.onAdd && e === L()) {
 			r.onAdd(w().trim());
 			return;
 		}
-		let t = z()[e];
+		let t = I()[e];
 		t && String(t.value) !== r.value && r.onChange?.(String(t.value));
 	}
-	function K(e) {
-		let t = H();
-		S() ? t > 0 && O((E() + e + t) % t) : W();
+	function B(e) {
+		let t = oe();
+		S() ? t > 0 && N((E() + e + t) % t) : R();
 	}
-	function q(e) {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), K(e.key === "ArrowDown" ? 1 : -1)) : S() && (e.key === "Enter" ? (e.preventDefault(), G(E())) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), C(!1)));
+	function V(e) {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), B(e.key === "ArrowDown" ? 1 : -1)) : S() && (e.key === "Enter" ? (e.preventDefault(), z(E())) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), C(!1)));
 	}
-	let ne = () => S() ? R()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
+	let ce = () => S() ? F()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
 	return (() => {
-		var u = te(), h = u.firstChild;
-		h.addEventListener("blur", () => C(!1)), h.$$keydown = q, h.$$input = (e) => {
+		var u = O(), h = u.firstChild;
+		h.addEventListener("blur", () => C(!1)), h.$$keydown = V, h.$$input = (e) => {
 			let t = e.currentTarget.value;
-			W(), T(t), O(0);
-		}, h.$$click = W;
+			R(), T(t), N(0);
+		}, h.$$click = R;
 		var g = s;
 		return typeof g == "function" ? d(g, h) : s = h, a(u, n(p, {
 			get when() {
-				return o(() => !S())() && R()?.icon;
+				return o(() => !S())() && F()?.icon;
 			},
 			children: (t) => (() => {
-				var r = N();
+				var r = k();
 				return a(r, n(e, {
 					get component() {
 						return t();
@@ -115,11 +115,11 @@ function R(r) {
 			})()
 		}), null), a(u, n(p, {
 			get when() {
-				return o(() => !S())() && R()?.detail;
+				return o(() => !S())() && F()?.detail;
 			},
 			get children() {
-				var e = A(), t = e.firstChild, n = t.nextSibling;
-				return a(t, () => R()?.label), a(n, () => R()?.detail), e;
+				var e = D(), t = e.firstChild, n = t.nextSibling;
+				return a(t, () => F()?.label), a(n, () => F()?.detail), e;
 			}
 		}), null), a(u, n(ee, {
 			class: "combobox-chevron",
@@ -130,25 +130,25 @@ function R(r) {
 				return S();
 			},
 			get children() {
-				var t = M(), o = l;
+				var t = re(), o = l;
 				return typeof o == "function" ? d(o, t) : l = t, a(t, n(f, {
 					get each() {
-						return z();
+						return I();
 					},
 					get fallback() {
 						return (() => {
-							var e = P();
+							var e = ie();
 							return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
 						})();
 					},
 					children: (t, o) => (() => {
-						var s = I(), l = s.firstChild;
-						return s.$$click = () => G(o()), s.$$mousemove = () => O(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(p, {
+						var s = j(), l = s.firstChild;
+						return s.$$click = () => z(o()), s.$$mousemove = () => N(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(p, {
 							get when() {
 								return t.icon;
 							},
 							children: (t) => (() => {
-								var r = L();
+								var r = M();
 								return a(r, n(e, {
 									get component() {
 										return t();
@@ -161,7 +161,7 @@ function R(r) {
 								return t.detail;
 							},
 							get children() {
-								var e = F();
+								var e = A();
 								return a(e, () => t.detail), e;
 							}
 						}), null), i((e) => {
@@ -180,12 +180,12 @@ function R(r) {
 						return r.onAdd;
 					},
 					get children() {
-						var e = j();
-						return e.$$click = () => G(V()), e.$$mousemove = () => O(V()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(D, {
+						var e = ne();
+						return e.$$click = () => z(L()), e.$$mousemove = () => N(L()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(te, {
 							size: 14,
 							"aria-hidden": "true"
 						}), null), a(e, () => r.addLabel ?? "Add", null), i((t) => {
-							var n = b(V()), r = V(), i = V() === E();
+							var n = b(L()), r = L(), i = L() === E();
 							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,
@@ -194,7 +194,7 @@ function R(r) {
 						}), e;
 					}
 				}), null), i((e) => {
-					var n = !!B(), r = y();
+					var n = !!ae(), r = y();
 					return n !== e.e && t.classList.toggle("combobox-list-detail", e.e = n), r !== e.t && c(t, "id", e.t = r), e;
 				}, {
 					e: void 0,
@@ -202,7 +202,7 @@ function R(r) {
 				}), t;
 			}
 		}), null), i((e) => {
-			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!S(), a = !(S() || !R()?.detail), o = !(S() || R()?.icon === void 0), s = m(), l = S(), d = y(), f = S() && H() > 0 ? b(E()) : void 0, p = r.ariaLabel, g = r.describedBy, _ = r.required, v = r.disabled, x = r.onChange === void 0, C = r.value, w = ne();
+			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!S(), a = !(S() || !F()?.detail), o = !(S() || F()?.icon === void 0), s = m(), l = S(), d = y(), f = S() && oe() > 0 ? b(E()) : void 0, p = r.ariaLabel, g = r.describedBy, _ = r.required, v = r.disabled, x = r.onChange === void 0, C = r.value, w = ce();
 			return n !== e.e && t(u, e.e = n), i !== e.t && u.classList.toggle("combobox-open", e.t = i), a !== e.a && u.classList.toggle("combobox-with-detail", e.a = a), o !== e.o && u.classList.toggle("combobox-with-icon", e.o = o), s !== e.i && c(h, "id", e.i = s), l !== e.n && c(h, "aria-expanded", e.n = l), d !== e.s && c(h, "aria-controls", e.s = d), f !== e.h && c(h, "aria-activedescendant", e.h = f), p !== e.r && c(h, "aria-label", e.r = p), g !== e.d && c(h, "aria-describedby", e.d = g), _ !== e.l && (h.required = e.l = _), v !== e.u && (h.disabled = e.u = v), x !== e.c && (h.readOnly = e.c = x), C !== e.w && c(h, "data-value", e.w = C), w !== e.m && c(h, "placeholder", e.m = w), e;
 		}, {
 			e: void 0,
@@ -220,7 +220,7 @@ function R(r) {
 			c: void 0,
 			w: void 0,
 			m: void 0
-		}), i(() => h.value = S() ? w() : R()?.label ?? ""), u;
+		}), i(() => h.value = S() ? w() : F()?.label ?? ""), u;
 	})();
 }
 r([
@@ -231,102 +231,119 @@ r([
 	"mousemove"
 ]);
 //#endregion
-//#region src/data-table.tsx
-var z = /*#__PURE__*/ u("<div class=data-table-toolbar-start>"), B = /*#__PURE__*/ u("<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>"), V = /*#__PURE__*/ u("<div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), H = /*#__PURE__*/ u("<div class=data-table-toolbar>"), U = /*#__PURE__*/ u("<th class=data-table-checkbox><span class=data-table-visually-hidden>Select rows</span><input type=checkbox>"), W = /*#__PURE__*/ u("<th>Actions"), G = /*#__PURE__*/ u("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), K = /*#__PURE__*/ u("<li><label class=data-table-customizer-option><input type=checkbox>"), q = /*#__PURE__*/ u("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), ne = /*#__PURE__*/ u("<th>"), re = /*#__PURE__*/ u("<td class=data-table-checkbox><input type=checkbox>"), ie = /*#__PURE__*/ u("<td>"), ae = /*#__PURE__*/ u("<tr>"), oe = /*#__PURE__*/ u("<p class=data-table-status>Loading…"), se = /*#__PURE__*/ u("<p class=data-table-status>No results.");
-function J(e) {
+//#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconChevronUp.js
+var P = E("outline", "chevron-up", "ChevronUp", [["path", { d: "M6 15l6 -6l6 6" }]]), F = E("outline", "menu", "Menu", [["path", { d: "M4 8l16 0" }], ["path", { d: "M4 16l16 0" }]]), I = /*#__PURE__*/ u("<div class=data-table-toolbar-start>"), ae = /*#__PURE__*/ u("<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>"), L = /*#__PURE__*/ u("<div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), oe = /*#__PURE__*/ u("<div class=data-table-toolbar>"), se = /*#__PURE__*/ u("<th class=data-table-checkbox><span class=data-table-visually-hidden>Select rows</span><input type=checkbox>"), R = /*#__PURE__*/ u("<th>Actions"), z = /*#__PURE__*/ u("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), B = /*#__PURE__*/ u("<li class=data-table-customizer-item draggable=true><label class=data-table-customizer-option><input type=checkbox></label><button type=button class=data-table-customizer-move></button><button type=button class=data-table-customizer-move>"), V = /*#__PURE__*/ u("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), ce = /*#__PURE__*/ u("<th>"), le = /*#__PURE__*/ u("<td class=data-table-checkbox><input type=checkbox>"), H = /*#__PURE__*/ u("<td>"), U = /*#__PURE__*/ u("<tr>"), W = /*#__PURE__*/ u("<p class=data-table-status>Loading…"), G = /*#__PURE__*/ u("<p class=data-table-status>No results.");
+function K(e) {
 	return typeof e == "function" ? e() : e;
 }
-function Y(e) {
-	let r = g(() => J(e.rows)), s = () => J(e.loading ?? !1), l = () => J(e.selected ?? []), u = e.sortKey !== void 0 || e.sortDirection !== void 0, [y, x] = _(e.defaultSort), S = () => u ? J(e.sortKey ?? void 0) : y()?.key, C = () => u ? J(e.sortDirection ?? "asc") : y()?.direction ?? "asc", w = () => J(e.showColumnCustomizer ?? !1), T = m(() => e.toolbar), E = () => e.selected !== void 0 && e.onSelectionChange !== void 0, ee = () => {
+function ue(e) {
+	let r = g(() => K(e.rows)), s = () => K(e.loading ?? !1), l = () => K(e.selected ?? []), u = e.sortKey !== void 0 || e.sortDirection !== void 0, [y, x] = _(e.defaultSort), S = () => u ? K(e.sortKey ?? void 0) : y()?.key, C = () => u ? K(e.sortDirection ?? "asc") : y()?.direction ?? "asc", w = () => K(e.showColumnCustomizer ?? !1), T = m(() => e.toolbar), E = () => e.selected !== void 0 && e.onSelectionChange !== void 0, te = () => {
 		let t = l();
 		return r().length > 0 && r().every((n) => t.includes(e.getRowId(n)));
-	}, D = g(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [O, k] = _(void 0), A = () => e.visibleColumns === void 0 ? O() ?? D() : J(e.visibleColumns), j = g(() => new Set(A())), M = g(() => e.columns.filter((e) => e.toggleable === !1 || j().has(e.key))), te = g(() => e.columns.filter((e) => e.toggleable !== !1)), N = g(() => te().map((e) => e.key));
-	function P(e, t) {
+	}, D = g(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [ne, re] = _(void 0), O = () => e.visibleColumns === void 0 ? ne() ?? D() : K(e.visibleColumns), k = g(() => new Set(O())), [ie, A] = _(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 M = g(() => j(e.columnOrder === void 0 ? ie() ?? e.defaultColumnOrder ?? [] : K(e.columnOrder))), N = g(() => M().filter((e) => e.toggleable === !1 || k().has(e.key))), ue = g(() => e.columns.filter((e) => e.toggleable !== !1)), de = g(() => ue().map((e) => e.key));
+	function q(e, t) {
 		return t.sortValue ? t.sortValue(e) : e[t.key];
 	}
-	function F(e, t) {
+	function J(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 = g(() => {
+	let fe = g(() => {
 		let t = r(), n = S();
 		if (u || !n) return t;
 		let i = e.columns.find((e) => e.key === n);
 		if (!i) return t;
 		let a = C() === "asc" ? 1 : -1;
-		return [...t].sort((e, t) => a * F(P(e, i), P(t, i)));
+		return [...t].sort((e, t) => a * J(q(e, i), q(t, i)));
 	});
-	function L(t) {
+	function pe(t) {
 		let n = S() === t, r = n && C() === "desc" ? void 0 : {
 			key: t,
 			direction: n ? "desc" : "asc"
 		};
 		u || x(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
 	}
-	function R(t) {
+	function me(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 = R(t);
-		e.visibleColumns === void 0 && k(n), e.onVisibleColumnsChange?.(n);
+	function he(t) {
+		let n = me(t);
+		e.visibleColumns === void 0 && re(n), e.onVisibleColumnsChange?.(n);
+	}
+	function ge(e, t) {
+		let n = new Set(O());
+		t ? n.add(e) : n.delete(e), he(de().filter((e) => n.has(e)));
+	}
+	function _e() {
+		he(de());
 	}
-	function ce(e, t) {
-		let n = new Set(A());
-		t ? n.add(e) : n.delete(e), Y(N().filter((e) => n.has(e)));
+	function ve(t) {
+		e.columnOrder === void 0 && A(t), e.onColumnOrderChange?.(t);
 	}
-	function le() {
-		Y(N());
+	function ye(e, t) {
+		let n = M().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), ve(n));
 	}
-	function ue() {
-		Y(D());
+	function be(e, t, n) {
+		ye(t, M().findIndex((e) => e.key === t) + n);
+		let r = e.parentElement?.querySelectorAll(".data-table-customizer-move");
+		(e.disabled ? [...r ?? []].find((e) => !e.disabled) : e)?.focus();
 	}
-	let de = `${v()}-panel`, [X, fe] = _(!1), Z;
+	function xe() {
+		he(D()), ve(j(e.defaultColumnOrder ?? []).map((e) => e.key));
+	}
+	let [Se, Ce] = _(), we = `${v()}-panel`, [Te, Ee] = _(!1), Y;
 	h(() => {
-		if (!X() || !w()) return;
+		if (!Te() || !w()) return;
 		function e(e) {
-			Z && !Z.contains(e.target) && fe(!1);
+			Y && !Y.contains(e.target) && Ee(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && fe(!1);
+			e.key === "Escape" && Ee(!1);
 		}
 		document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), b(() => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		});
 	});
-	let Q;
+	let X;
 	h(() => {
-		Q && (Q.indeterminate = l().length > 0 && !ee());
+		X && (X.indeterminate = l().length > 0 && !te());
 	});
-	function pe(t) {
+	function De(t) {
 		e.onSelectionChange?.(t ? r().map(e.getRowId) : []);
 	}
-	function me(t, n) {
+	function Oe(t, n) {
 		let r = e.getRowId(t), i = l(), a = n ? [...i, r] : i.filter((e) => e !== r);
 		e.onSelectionChange?.(a);
 	}
-	function he(t) {
+	function ke(t) {
 		return l().includes(e.getRowId(t));
 	}
-	function ge(e) {
-		return e.toggleable === !1 || j().has(e.key);
+	function Ae(e) {
+		return e.toggleable === !1 || k().has(e.key);
 	}
-	function _e(t, n) {
+	function Z(t, n) {
 		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
 	}
 	return (() => {
-		var l = G(), m = l.firstChild, h = m.firstChild.firstChild, g = h.firstChild, _ = h.nextSibling;
+		var l = z(), m = l.firstChild, h = m.firstChild.firstChild, g = h.firstChild, _ = h.nextSibling;
 		return a(l, n(p, {
 			get when() {
 				return w() || T.toArray().length > 0;
 			},
 			get children() {
-				var t = H();
+				var t = oe();
 				return a(t, n(p, {
 					get when() {
 						return T.toArray().length > 0;
 					},
 					get children() {
-						var e = z();
+						var e = I();
 						return a(e, T), e;
 					}
 				}), null), a(t, n(p, {
@@ -334,26 +351,51 @@ function Y(e) {
 						return w();
 					},
 					get children() {
-						var t = V(), r = t.firstChild;
+						var t = L(), r = t.firstChild;
 						r.firstChild.nextSibling;
-						var o = Z;
-						return typeof o == "function" ? d(o, t) : Z = t, r.$$click = () => fe((e) => !e), c(r, "aria-controls", de), a(r, () => e.columnCustomizerLabel ?? "Columns", null), a(t, n(p, {
+						var o = Y;
+						return typeof o == "function" ? d(o, t) : Y = t, r.$$click = () => Ee((e) => !e), c(r, "aria-controls", we), a(r, () => e.columnCustomizerLabel ?? "Columns", null), a(t, n(p, {
 							get when() {
-								return X();
+								return Te();
 							},
 							get children() {
-								var t = B(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
-								return c(t, "id", de), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(f, {
+								var t = ae(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
+								return c(t, "id", we), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(f, {
 									get each() {
-										return e.columns;
+										return M();
 									},
-									children: (e) => (() => {
-										var t = K(), n = t.firstChild, r = n.firstChild;
-										return r.addEventListener("change", (t) => ce(e.key, t.currentTarget.checked)), a(n, () => e.ariaLabel ?? e.label, null), i(() => r.disabled = e.toggleable === !1), i(() => r.checked = ge(e)), t;
+									children: (t, r) => (() => {
+										var o = B(), s = o.firstChild, l = s.firstChild, u = s.nextSibling, d = u.nextSibling;
+										return o.addEventListener("dragend", () => Ce(void 0)), o.addEventListener("drop", (e) => e.preventDefault()), o.addEventListener("dragover", (e) => {
+											let t = Se();
+											t !== void 0 && (e.preventDefault(), ye(t, r()));
+										}), o.addEventListener("dragstart", (e) => {
+											Ce(t.key), e.dataTransfer?.setData("text/plain", t.key), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+										}), a(o, n(F, {
+											class: "data-table-customizer-grip",
+											size: 14,
+											"aria-hidden": "true"
+										}), s), l.addEventListener("change", (e) => ge(t.key, e.currentTarget.checked)), a(s, () => t.ariaLabel ?? t.label, null), u.$$click = (e) => be(e.currentTarget, t.key, -1), a(u, n(P, {
+											size: 14,
+											"aria-hidden": "true"
+										})), d.$$click = (e) => be(e.currentTarget, t.key, 1), a(d, n(ee, {
+											size: 14,
+											"aria-hidden": "true"
+										})), i((n) => {
+											var i = Se() === t.key, a = t.toggleable === !1, s = `${e.columnCustomizerMoveUpLabel ?? "Move up"}: ${t.ariaLabel ?? t.label}`, f = r() === 0, p = `${e.columnCustomizerMoveDownLabel ?? "Move down"}: ${t.ariaLabel ?? t.label}`, m = r() === M().length - 1;
+											return i !== n.e && o.classList.toggle("data-table-customizer-item-dragging", n.e = i), a !== n.t && (l.disabled = n.t = a), s !== n.a && c(u, "aria-label", n.a = s), f !== n.o && (u.disabled = n.o = f), p !== n.i && c(d, "aria-label", n.i = p), m !== n.n && (d.disabled = n.n = m), n;
+										}, {
+											e: void 0,
+											t: void 0,
+											a: void 0,
+											o: void 0,
+											i: void 0,
+											n: void 0
+										}), i(() => l.checked = Ae(t)), o;
 									})()
-								})), s.$$click = le, a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = ue, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
+								})), s.$$click = _e, a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = xe, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
 							}
-						}), null), i(() => c(r, "aria-expanded", X())), t;
+						}), null), i(() => c(r, "aria-expanded", Te())), t;
 					}
 				}), null), t;
 			}
@@ -362,17 +404,17 @@ function Y(e) {
 				return E();
 			},
 			get children() {
-				var t = U(), n = t.firstChild.nextSibling;
-				n.addEventListener("change", (e) => pe(e.currentTarget.checked));
-				var r = Q;
-				return typeof r == "function" ? d(r, n) : Q = n, i(() => c(n, "aria-label", e.selectionLabel ?? "Select all rows")), i(() => n.checked = ee()), t;
+				var t = se(), n = t.firstChild.nextSibling;
+				n.addEventListener("change", (e) => De(e.currentTarget.checked));
+				var r = X;
+				return typeof r == "function" ? d(r, n) : X = n, i(() => c(n, "aria-label", e.selectionLabel ?? "Select all rows")), i(() => n.checked = te()), t;
 			}
 		}), null), a(g, n(f, {
 			get each() {
-				return M();
+				return N();
 			},
 			children: (r) => (() => {
-				var s = ne();
+				var s = ce();
 				return a(s, n(p, {
 					get when() {
 						return o(() => !!r.sortable)() && (!u || e.onSort || e.onSortChange);
@@ -381,8 +423,8 @@ function Y(e) {
 						return r.label;
 					},
 					get children() {
-						var e = q(), t = e.firstChild;
-						return e.$$click = () => L(r.key), a(e, () => r.label, t), a(t, (() => {
+						var e = V(), t = e.firstChild;
+						return e.$$click = () => pe(r.key), a(e, () => r.label, t), a(t, (() => {
 							var e = o(() => S() === r.key);
 							return () => e() ? C() === "asc" ? "▲" : "▼" : "";
 						})()), e;
@@ -400,36 +442,36 @@ function Y(e) {
 				return e.rowActions;
 			},
 			get children() {
-				return W();
+				return R();
 			}
 		}), null), a(_, n(f, {
 			get each() {
-				return I();
+				return fe();
 			},
 			children: (r) => (() => {
-				var o = ae();
+				var o = U();
 				return a(o, n(p, {
 					get when() {
 						return E();
 					},
 					get children() {
-						var t = re(), n = t.firstChild;
-						return n.addEventListener("change", (e) => me(r, e.currentTarget.checked)), i(() => c(n, "aria-label", `Select row ${e.getRowId(r)}`)), i(() => n.checked = he(r)), t;
+						var t = le(), n = t.firstChild;
+						return n.addEventListener("change", (e) => Oe(r, e.currentTarget.checked)), i(() => c(n, "aria-label", `Select row ${e.getRowId(r)}`)), i(() => n.checked = ke(r)), t;
 					}
 				}), null), a(o, n(f, {
 					get each() {
-						return M();
+						return N();
 					},
 					children: (e) => (() => {
-						var n = ie();
-						return a(n, () => _e(r, e)), i(() => t(n, e.class)), n;
+						var n = H();
+						return a(n, () => Z(r, e)), i(() => t(n, e.class)), n;
 					})()
 				}), null), a(o, n(p, {
 					get when() {
 						return e.rowActions;
 					},
 					get children() {
-						var t = ie();
+						var t = H();
 						return a(t, () => e.rowActions?.(r)), t;
 					}
 				}), null), o;
@@ -439,43 +481,56 @@ function Y(e) {
 				return s();
 			},
 			get children() {
-				return e.loadingContent ?? oe();
+				return e.loadingContent ?? W();
 			}
 		}), null), a(l, n(p, {
 			get when() {
-				return o(() => !s())() && (e.empty === void 0 ? r().length === 0 : J(e.empty));
+				return o(() => !s())() && (e.empty === void 0 ? r().length === 0 : K(e.empty));
 			},
 			get children() {
-				return e.emptyContent ?? se();
+				return e.emptyContent ?? G();
 			}
 		}), null), i(() => t(l, `data-table-wrap${e.class ? ` ${e.class}` : ""}`)), l;
 	})();
 }
 r(["click"]);
 //#endregion
-//#region src/filter-table.tsx
-var ce = /*#__PURE__*/ u("<input class=filter-table-input type=text>"), le = /*#__PURE__*/ u("<ul class=filter-table-chips>"), ue = /*#__PURE__*/ u("<div class=filter-table-multi>"), de = /*#__PURE__*/ u("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), X = /*#__PURE__*/ u("<div class=filter-table-search><input type=search class=filter-table-input>"), fe = /*#__PURE__*/ u("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), Z = /*#__PURE__*/ u("<div class=filter-table-toolbar>"), Q = /*#__PURE__*/ u("<li><button type=button class=filter-table-pill>"), pe = /*#__PURE__*/ u("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel><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\">"), me = /*#__PURE__*/ u("<span class=filter-table-badge>"), he = /*#__PURE__*/ u("<button type=button role=tab class=filter-table-tab>"), ge = /*#__PURE__*/ u("<legend class=filter-table-legend>"), _e = /*#__PURE__*/ u("<fieldset class=filter-table-fieldset>"), ve = /*#__PURE__*/ u("<div class=filter-table-field><label class=filter-table-label>"), ye = "q";
-function be(e) {
+//#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconDeviceFloppy.js
+var de = E("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" }]
+]), q = E("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" }]]), J = E("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), fe = /*#__PURE__*/ u("<input class=filter-table-input type=text>"), pe = /*#__PURE__*/ u("<ul class=filter-table-chips>"), me = /*#__PURE__*/ u("<div class=filter-table-multi>"), he = /*#__PURE__*/ u("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), ge = /*#__PURE__*/ u("<div class=filter-table-search><input type=search class=filter-table-input>"), _e = /*#__PURE__*/ u("<div class=filter-table-saved>"), ve = /*#__PURE__*/ u("<li><button type=button class=\"filter-table-pill filter-table-pill-save\">"), ye = /*#__PURE__*/ u("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), be = /*#__PURE__*/ u("<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__*/ u("<div class=filter-table-toolbar>"), Se = /*#__PURE__*/ u("<button type=button class=filter-table-chip-remove>"), Ce = /*#__PURE__*/ u("<li><button type=button class=filter-table-pill>"), we = /*#__PURE__*/ u("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel><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\">"), Te = /*#__PURE__*/ u("<span class=filter-table-badge>"), Ee = /*#__PURE__*/ u("<button type=button role=tab class=filter-table-tab>"), Y = /*#__PURE__*/ u("<legend class=filter-table-legend>"), X = /*#__PURE__*/ u("<fieldset class=filter-table-fieldset>"), De = /*#__PURE__*/ u("<div class=filter-table-field><label class=filter-table-label>"), Oe = "q";
+function ke(e) {
 	return typeof e == "function" ? e() : e;
 }
-function xe(e) {
+function Ae(e) {
 	return Array.isArray(e) ? e.length > 0 : (e ?? "").trim() !== "";
 }
-function Se(e) {
+function Z(e) {
 	let t = {};
-	for (let [n, r] of Object.entries(e)) xe(r) && (t[n] = Array.isArray(r) ? r : r.trim());
+	for (let [n, r] of Object.entries(e)) Ae(r) && (t[n] = Array.isArray(r) ? r : r.trim());
 	return t;
 }
-function $(e) {
+function je(e, t) {
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => {
+		let r = e[n], i = t[n];
+		return Array.isArray(r) && Array.isArray(i) ? r.length === i.length && r.every((e) => i.includes(e)) : r === i;
+	});
+}
+function Q(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
-function Ce(e) {
-	let [r, o] = S(e, [
+function $(e) {
+	let [r, l] = S(e, [
 		"rows",
 		"filters",
 		"filterValues",
 		"defaultFilterValues",
 		"onFilterValuesChange",
+		"savedFilters",
+		"onSavedFiltersChange",
 		"manualFiltering",
 		"quickSearch",
 		"getSearchText",
@@ -488,46 +543,51 @@ function Ce(e) {
 		"anyLabel",
 		"yesLabel",
 		"noLabel",
+		"savedFiltersLabel",
+		"saveLabel",
+		"saveNameLabel",
+		"cancelLabel",
+		"clearSavedFilterLabel",
 		"class"
-	]), l = g(() => be(r.rows)), [u, d] = _(Se(r.defaultFilterValues ?? {})), m = g(() => r.filterValues === void 0 ? u() : Se(be(r.filterValues)));
-	function b(e) {
-		let t = Se(e);
-		r.filterValues === void 0 && d(t), r.onFilterValuesChange?.(t);
-	}
-	function x(e, t) {
-		b({
-			...m(),
+	]), u = g(() => ke(r.rows)), [m, b] = _(Z(r.defaultFilterValues ?? {})), x = g(() => r.filterValues === void 0 ? m() : Z(ke(r.filterValues)));
+	function C(e) {
+		let t = Z(e);
+		r.filterValues === void 0 && b(t), r.onFilterValuesChange?.(t);
+	}
+	function w(e, t) {
+		C({
+			...x(),
 			[e]: t
 		});
 	}
-	let C = () => $(m()[ye]), w = g(() => r.filters.filter((e) => xe(m()[e.key])));
-	function T(e, t) {
+	let T = () => Q(x()[Oe]), E = g(() => r.filters.filter((e) => Ae(x()[e.key])));
+	function ee(e, t) {
 		return t.getValue ? t.getValue(e) : e[t.key];
 	}
-	function E(e, t, n) {
+	function te(e, t, n) {
 		if (t.match) return t.match(e, n);
-		let r = T(e, t);
+		let r = ee(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 (Array.isArray(r) ? r : [r]).some((t) => e.includes(Q(t)));
 		}
-		return t.type === "boolean" ? !!r == (n === "true") : $(r).toLowerCase().includes($(n).toLowerCase());
+		return t.type === "boolean" ? !!r == (n === "true") : Q(r).toLowerCase().includes(Q(n).toLowerCase());
 	}
-	function ee(e) {
-		return r.getSearchText ? r.getSearchText(e) : o.columns.map((t) => $(t.sortValue?.(e) ?? e[t.key])).join(" ");
+	function D(e) {
+		return r.getSearchText ? r.getSearchText(e) : l.columns.map((t) => Q(t.sortValue?.(e) ?? e[t.key])).join(" ");
 	}
-	let D = g(() => {
-		if (r.manualFiltering) return l();
-		let e = C().toLowerCase(), t = w();
-		return l().filter((n) => (e === "" || ee(n).toLowerCase().includes(e)) && t.every((e) => E(n, e, m()[e.key])));
+	let ne = g(() => {
+		if (r.manualFiltering) return u();
+		let e = T().toLowerCase(), t = E();
+		return u().filter((n) => (e === "" || D(n).toLowerCase().includes(e)) && t.every((e) => te(n, e, x()[e.key])));
 	});
-	function A(e) {
+	function re(e) {
 		if (e.options) return e.options;
 		let t = /* @__PURE__ */ new Set();
-		for (let n of l()) {
-			let r = T(n, e);
+		for (let n of u()) {
+			let r = ee(n, e);
 			for (let e of Array.isArray(r) ? r : [r]) {
-				let n = $(e);
+				let n = Q(e);
 				n !== "" && t.add(n);
 			}
 		}
@@ -536,78 +596,96 @@ function Ce(e) {
 			label: e
 		}));
 	}
-	function j(e, t) {
-		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "select" ? A(e).find((e) => String(e.value) === t)?.label ?? t : t;
+	function O(e, t) {
+		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "select" ? re(e).find((e) => String(e.value) === t)?.label ?? t : t;
 	}
-	let M = g(() => w().flatMap((e) => {
-		let t = m()[e.key];
+	let k = g(() => E().flatMap((e) => {
+		let t = x()[e.key];
 		return (Array.isArray(t) ? t : [t]).map((t) => ({
 			filter: e,
 			item: t,
-			text: `${e.label}: ${j(e, t)}`
+			text: `${e.label}: ${O(e, t)}`
 		}));
 	}));
-	function te(e, t) {
-		let n = m()[e.key];
-		x(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
+	function ie(e, t) {
+		let n = x()[e.key];
+		w(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
 	}
-	function N() {
-		b({ [ye]: C() });
+	function A() {
+		C({ [Oe]: T() });
 	}
-	let [P, F] = _(m());
-	h(y(m, (e) => F(e)));
-	function I(e) {
-		return P()[e];
+	let j = g(() => r.savedFilters === void 0 ? void 0 : ke(r.savedFilters)), M = g(() => j()?.find((e) => je(Z(e.values), x()))), [P, F] = _(!1), [I, ae] = _("");
+	function L(e) {
+		let t = j()?.find((t) => t.name === e);
+		t && C(t.values);
 	}
-	function L(e, t) {
-		F((n) => ({
+	function oe() {
+		ae(M()?.name ?? ""), F(!0);
+	}
+	function se(e) {
+		e.preventDefault();
+		let t = I().trim();
+		if (t === "") return;
+		let n = (j() ?? []).filter((e) => e.name !== t);
+		r.onSavedFiltersChange?.([...n, {
+			name: t,
+			values: x()
+		}]), F(!1);
+	}
+	let [R, z] = _(x());
+	h(y(x, (e) => z(e)));
+	function B(e) {
+		return R()[e];
+	}
+	function V(e, t) {
+		z((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
-	let z = g(() => {
+	let ce = g(() => {
 		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
 		}));
-	}), B = v(), V = ["results", "filters"], [H, U] = _("results"), W = (e) => `${B}-tab-${e}`, G = (e) => `${B}-panel-${e}`, K = (e) => `${B}-filter-${e}`;
-	function q(e) {
-		e === "filters" && F(m()), U(e);
+	}), le = v(), H = ["results", "filters"], [U, W] = _("results"), G = (e) => `${le}-tab-${e}`, K = (e) => `${le}-panel-${e}`, $ = (e) => `${le}-filter-${e}`;
+	function Me(e) {
+		e === "filters" && z(x()), W(e);
 	}
-	function ne(e) {
+	function Ne(e) {
 		let t = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
 		if (t === 0) return;
 		e.preventDefault();
-		let n = V[(V.indexOf(H()) + t + V.length) % V.length];
-		q(n), document.getElementById(W(n))?.focus();
+		let n = H[(H.indexOf(U()) + t + H.length) % H.length];
+		Me(n), document.getElementById(G(n))?.focus();
 	}
-	function re(e) {
-		e.preventDefault(), b(P()), U("results");
+	function Pe(e) {
+		e.preventDefault(), C(R()), W("results");
 	}
-	function ie() {
-		N(), U("results");
+	function Fe() {
+		A(), W("results");
 	}
-	function ae(e) {
+	function Ie(e) {
 		if (e.type === "text") return (() => {
-			var t = ce();
-			return t.$$input = (t) => L(e.key, t.currentTarget.value), i((n) => {
-				var r = K(e.key), i = e.placeholder;
+			var t = fe();
+			return t.$$input = (t) => V(e.key, t.currentTarget.value), i((n) => {
+				var r = $(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 = $(I(e.key))), t;
+			}), i(() => t.value = Q(B(e.key))), t;
 		})();
-		if (e.type === "boolean") return n(R, {
+		if (e.type === "boolean") return n(N, {
 			get id() {
-				return K(e.key);
+				return $(e.key);
 			},
 			get value() {
-				return $(I(e.key));
+				return Q(B(e.key));
 			},
-			onChange: (t) => L(e.key, t),
+			onChange: (t) => V(e.key, t),
 			get emptyLabel() {
 				return r.anyLabel ?? "Any";
 			},
@@ -622,19 +700,19 @@ function Ce(e) {
 			}
 		});
 		let t = () => {
-			let t = I(e.key);
+			let t = B(e.key);
 			return Array.isArray(t) ? t : [];
 		};
 		return (() => {
-			var o = ue();
-			return a(o, n(R, {
+			var o = me();
+			return a(o, n(N, {
 				get id() {
-					return K(e.key);
+					return $(e.key);
 				},
 				value: "",
-				onChange: (n) => L(e.key, [...t(), n]),
+				onChange: (n) => V(e.key, [...t(), n]),
 				get options() {
-					return A(e).filter((e) => !t().includes(String(e.value)));
+					return re(e).filter((e) => !t().includes(String(e.value)));
 				},
 				get placeholder() {
 					return e.placeholder ?? r.anyLabel ?? "Any";
@@ -644,80 +722,146 @@ function Ce(e) {
 					return t().length > 0;
 				},
 				get children() {
-					var r = le();
+					var r = pe();
 					return a(r, n(f, {
 						get each() {
 							return t();
 						},
 						children: (r) => (() => {
-							var o = de(), s = o.firstChild;
-							return a(o, () => j(e, r), s), s.$$click = () => L(e.key, t().filter((e) => e !== r)), a(s, n(k, {
+							var o = he(), s = o.firstChild;
+							return a(o, () => O(e, r), s), s.$$click = () => V(e.key, t().filter((e) => e !== r)), a(s, n(J, {
 								size: 12,
 								"aria-hidden": "true"
-							})), i(() => c(s, "aria-label", `Remove ${j(e, r)}`)), o;
+							})), i(() => c(s, "aria-label", `Remove ${O(e, r)}`)), o;
 						})()
 					})), r;
 				}
 			}), null), o;
 		})();
 	}
-	let oe = (() => {
-		var e = Z();
+	let Le = (() => {
+		var e = xe();
 		return a(e, n(p, {
 			get when() {
 				return r.quickSearch !== !1;
 			},
 			get children() {
-				var e = X(), t = e.firstChild;
-				return a(e, n(O, {
+				var e = ge(), t = e.firstChild;
+				return a(e, n(q, {
 					class: "filter-table-search-icon",
 					size: 16,
 					"aria-hidden": "true"
-				}), t), t.$$input = (e) => x(ye, e.currentTarget.value), i((e) => {
+				}), t), t.$$input = (e) => w(Oe, 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 = C()), e;
+				}), i(() => t.value = T()), e;
 			}
 		}), null), a(e, n(p, {
 			get when() {
-				return M().length > 0;
+				return (j()?.length ?? 0) > 0;
 			},
 			get children() {
-				var e = fe(), t = e.firstChild, o = t.firstChild;
+				var e = _e();
+				return a(e, n(N, {
+					get value() {
+						return M()?.name ?? "";
+					},
+					onChange: L,
+					get options() {
+						return (j() ?? []).map((e) => ({
+							value: e.name,
+							label: e.name
+						}));
+					},
+					get ariaLabel() {
+						return r.savedFiltersLabel ?? "Saved filters";
+					},
+					get placeholder() {
+						return r.savedFiltersLabel ?? "Saved filters";
+					}
+				}), null), a(e, n(p, {
+					get when() {
+						return M();
+					},
+					children: (e) => (() => {
+						var t = Se();
+						return t.$$click = A, a(t, n(J, {
+							size: 14,
+							"aria-hidden": "true"
+						})), i(() => c(t, "aria-label", `${r.clearSavedFilterLabel ?? "Clear saved filter"} ${e().name}`)), t;
+					})()
+				}), null), e;
+			}
+		}), null), a(e, n(p, {
+			get when() {
+				return k().length > 0;
+			},
+			get children() {
+				var e = ye(), t = e.firstChild, s = t.firstChild;
 				return a(e, n(f, {
 					get each() {
-						return M();
+						return k();
 					},
 					children: (e) => (() => {
-						var t = Q(), r = t.firstChild;
-						return r.$$click = () => te(e.filter, e.item), a(r, () => e.text, null), a(r, n(k, {
+						var t = Ce(), r = t.firstChild;
+						return r.$$click = () => ie(e.filter, e.item), a(r, () => e.text, null), a(r, n(J, {
 							size: 12,
 							"aria-hidden": "true"
 						}), null), i(() => c(r, "aria-label", `Remove filter ${e.text}`)), t;
 					})()
-				}), t), o.$$click = N, a(o, () => r.clearAllLabel ?? "Clear all"), e;
+				}), t), s.$$click = A, a(s, () => r.clearAllLabel ?? "Clear all"), a(e, n(p, {
+					get when() {
+						return o(() => j() !== void 0)() && !P();
+					},
+					get children() {
+						var e = ve(), t = e.firstChild;
+						return t.$$click = oe, a(t, n(de, {
+							size: 12,
+							"aria-hidden": "true"
+						}), null), a(t, () => r.saveLabel ?? "Save", null), e;
+					}
+				}), null), e;
+			}
+		}), null), a(e, n(p, {
+			get when() {
+				return o(() => !!P())() && k().length > 0;
+			},
+			get children() {
+				var e = be(), t = e.firstChild, o = t.nextSibling, s = o.nextSibling;
+				return e.$$keydown = (e) => {
+					e.key === "Escape" && F(!1);
+				}, e.addEventListener("submit", se), t.$$input = (e) => ae(e.currentTarget.value), d((e) => queueMicrotask(() => e.focus()), t), a(o, n(de, {
+					size: 16,
+					"aria-hidden": "true"
+				}), null), a(o, () => r.saveLabel ?? "Save", null), s.$$click = () => F(!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 = I()), e;
 			}
 		}), null), e;
 	})();
 	return (() => {
-		var e = pe(), l = e.firstChild, u = l.nextSibling, d = u.nextSibling, m = d.firstChild, h = m.firstChild, g = h.firstChild, _ = g.nextSibling;
-		return a(l, n(f, {
-			each: V,
+		var e = we(), o = e.firstChild, u = o.nextSibling, d = u.nextSibling, m = d.firstChild, h = m.firstChild, g = h.firstChild, _ = g.nextSibling;
+		return a(o, n(f, {
+			each: H,
 			children: (e) => (() => {
-				var t = he();
-				return t.$$keydown = ne, t.$$click = () => q(e), a(t, () => e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters", null), a(t, n(p, {
+				var t = Ee();
+				return t.$$keydown = Ne, t.$$click = () => Me(e), a(t, () => e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters", null), a(t, n(p, {
 					get when() {
-						return e === "results" || w().length > 0;
+						return e === "results" || E().length > 0;
 					},
 					get children() {
-						var t = me();
-						return a(t, () => e === "results" ? D().length : w().length), t;
+						var t = Te();
+						return a(t, () => e === "results" ? ne().length : E().length), t;
 					}
 				}), null), i((n) => {
-					var r = W(e), i = H() === e, a = G(e), o = H() === e ? 0 : -1;
+					var r = G(e), i = U() === e, a = K(e), o = U() === 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,
@@ -726,21 +870,21 @@ function Ce(e) {
 					o: void 0
 				}), t;
 			})()
-		})), a(u, n(Y, s(o, {
-			rows: D,
-			toolbar: oe
-		}))), m.addEventListener("submit", re), a(m, n(f, {
+		})), a(u, n(ue, s(l, {
+			rows: ne,
+			toolbar: Le
+		}))), m.addEventListener("submit", Pe), a(m, n(f, {
 			get each() {
-				return z();
+				return ce();
 			},
 			children: (e) => (() => {
-				var t = _e();
+				var t = X();
 				return a(t, n(p, {
 					get when() {
 						return e.name;
 					},
 					get children() {
-						var t = ge();
+						var t = Y();
 						return a(t, () => e.name), t;
 					}
 				}), null), a(t, n(f, {
@@ -748,19 +892,19 @@ function Ce(e) {
 						return e.filters;
 					},
 					children: (e) => (() => {
-						var t = ve(), n = t.firstChild;
-						return a(n, () => e.label), a(t, () => ae(e), null), i(() => c(n, "for", K(e.key))), t;
+						var t = De(), n = t.firstChild;
+						return a(n, () => e.label), a(t, () => Ie(e), null), i(() => c(n, "for", $(e.key))), t;
 					})()
 				}), null), t;
 			})()
-		}), h), g.$$click = ie, a(g, n(k, {
+		}), h), g.$$click = Fe, a(g, n(J, {
 			size: 16,
 			"aria-hidden": "true"
-		}), null), a(g, () => r.resetLabel ?? "Reset", null), a(_, n(O, {
+		}), null), a(g, () => r.resetLabel ?? "Reset", null), a(_, n(q, {
 			size: 16,
 			"aria-hidden": "true"
 		}), null), a(_, () => r.applyLabel ?? "Search", null), i((n) => {
-			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = G("results"), o = W("results"), s = H() !== "results", l = G("filters"), f = W("filters"), p = H() !== "filters";
+			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = K("results"), o = G("results"), s = U() !== "results", l = K("filters"), f = G("filters"), p = U() !== "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,
@@ -779,4 +923,54 @@ r([
 	"keydown"
 ]);
 //#endregion
-export { R as Combobox, Y as DataTable, Ce as FilterTable };
+//#region src/search-bar.tsx
+var Me = /*#__PURE__*/ u("<kbd class=search-bar-shortcut>"), Ne = /*#__PURE__*/ u("<button type=button class=search-bar-clear>"), Pe = /*#__PURE__*/ u("<div><input class=search-bar-input>");
+function Fe(e) {
+	let r, s = () => e.shortcutKey ?? "k", l = () => e.shortcutLabel ?? `Ctrl ${String(s()).toUpperCase()}`;
+	return x(() => {
+		let e = (e) => {
+			let t = s();
+			t !== !1 && r && (!(e.ctrlKey || e.metaKey) || e.altKey || e.shiftKey || e.key.toLowerCase() === t.toLowerCase() && (e.preventDefault(), r.focus(), r.select()));
+		};
+		document.addEventListener("keydown", e), b(() => document.removeEventListener("keydown", e));
+	}), (() => {
+		var u = Pe(), f = u.firstChild;
+		a(u, n(q, {
+			size: 17,
+			class: "search-bar-icon",
+			"aria-hidden": "true"
+		}), f), f.$$input = (t) => e.onInput(t.currentTarget.value);
+		var m = r;
+		return typeof m == "function" ? d(m, f) : r = f, a(u, n(p, {
+			get when() {
+				return o(() => !e.value)() && s() !== !1;
+			},
+			get children() {
+				var e = Me();
+				return a(e, l), e;
+			}
+		}), null), a(u, n(p, {
+			get when() {
+				return e.value;
+			},
+			get children() {
+				var t = Ne();
+				return t.$$click = () => e.onInput(""), a(t, n(J, {
+					size: 15,
+					"aria-hidden": "true"
+				})), i(() => c(t, "aria-label", e.clearLabel ?? "Clear search")), t;
+			}
+		}), null), i((n) => {
+			var r = e.class ? `search-bar ${e.class}` : "search-bar", i = e.placeholder ?? "Search…", a = e.ariaLabel ?? "Search", o = s() === !1 ? void 0 : `Control+${String(s()).toUpperCase()} Meta+${String(s()).toUpperCase()}`;
+			return r !== n.e && t(u, n.e = r), i !== n.t && c(f, "placeholder", n.t = i), a !== n.a && c(f, "aria-label", n.a = a), o !== n.o && c(f, "aria-keyshortcuts", n.o = o), n;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), i(() => f.value = e.value), u;
+	})();
+}
+r(["input", "click"]);
+//#endregion
+export { N as Combobox, ue as DataTable, $ as FilterTable, Fe as SearchBar };