@serkonda7/solid-components 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,7 +1,7 @@
-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, template as u, use as d } from "solid-js/web";
-import { For as f, Show as p, children as m, createEffect as h, createMemo as g, createSignal as _, createUniqueId as v, on as y, onCleanup as b, onMount as x, splitProps as S } from "solid-js";
+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 ee, createEffect as h, createMemo as g, createSignal as _, createUniqueId as v, 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 C = {
+var w = {
 	outline: {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 24,
@@ -21,7 +21,7 @@ var C = {
 		fill: "currentColor",
 		stroke: "none"
 	}
-}, w = /*#__PURE__*/ u("<svg>"), T = /*#__PURE__*/ u("<title>"), E = (t, r, i, c) => {
+}, T = /*#__PURE__*/ d("<svg>"), E = /*#__PURE__*/ d("<title>"), D = (t, r, i, c) => {
 	let u = (i) => {
 		let [u, d] = S(i, [
 			"color",
@@ -31,9 +31,9 @@ var C = {
 			"title",
 			"children",
 			"class"
-		]), f = C[t], p = u.stroke ?? u.strokeWidth;
+		]), f = w[t], p = u.stroke ?? u.strokeWidth;
 		return (() => {
-			var i = w();
+			var i = T();
 			return l(i, s(f, d, {
 				get width() {
 					return o(() => u.size != null)() ? u.size : f.width;
@@ -50,62 +50,144 @@ var C = {
 			}), !0, !0), a(i, (() => {
 				var e = o(() => u.title != null);
 				return () => e() && (() => {
-					var e = T();
+					var e = E();
 					return a(e, () => u.title), e;
 				})();
 			})(), null), a(i, () => c.map(([t, r]) => n(e, s({ component: t }, r))), null), a(i, () => u.children, null), i;
 		})();
 	};
 	return u.displayName = `${i}`, u;
-}, ee = 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" }]]), te = /*#__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>"), ae = /*#__PURE__*/ u("<span class=combobox-detail>"), A = /*#__PURE__*/ u("<div role=option class=combobox-option><span class=combobox-option-label>"), j = /*#__PURE__*/ u("<span class=combobox-option-icon aria-hidden=true>");
-function M(r) {
-	let s, l, u = v(), m = () => r.id ?? u, y = () => `${m()}-listbox`, b = (e) => `${m()}-option-${e}`, [S, C] = _(!1), [w, T] = _(""), [E, M] = _(0), N = g(() => r.emptyLabel === void 0 ? r.options : [{
+}, 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>"), re = /*#__PURE__*/ d("<div role=option class=combobox-option><span class=combobox-option-label>"), k = /*#__PURE__*/ d("<span class=combobox-option-icon aria-hidden=true>"), A = /*#__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) {
+	let s, l, u = v(), d = () => r.id ?? u, ee = () => `${d()}-listbox`, y = (e) => `${d()}-option-${e}`, [b, S] = _(!1), [C, w] = _(""), [T, E] = _(0), D = g(() => r.emptyLabel === void 0 ? r.options : [{
 		value: "",
 		label: r.emptyLabel
-	}, ...r.options]), P = g(() => r.value === "" ? void 0 : N().find((e) => String(e.value) === r.value)), F = g(() => {
-		let e = w().trim().toLowerCase();
-		return e === "" ? N() : N().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
-	}), I = () => r.options.some((e) => e.detail !== void 0), L = () => F().length, oe = () => F().length + +!!r.onAdd, se = () => !r.disabled && r.onChange !== void 0;
+	}, ...r.options]), I = g(() => r.value === "" ? void 0 : D().find((e) => String(e.value) === r.value)), L = g(() => {
+		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;
 	x(() => {
 		r.autofocus === !0 && s?.focus();
 	}), h(() => {
-		S() && l?.querySelector(`[data-index="${E()}"]`)?.scrollIntoView({ block: "nearest" });
+		b() && l?.querySelector(`[data-index="${T()}"]`)?.scrollIntoView({ block: "nearest" });
 	});
-	function R() {
-		if (S() || !se()) return;
-		T("");
-		let e = N().findIndex((e) => String(e.value) === r.value);
-		M(Math.max(e, 0)), C(!0), r.onOpen?.();
-	}
-	function z(e) {
-		if (C(!1), r.onAdd && e === L()) {
-			r.onAdd(w().trim());
+	function z() {
+		if (b() || !oe()) 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()) {
+			r.onAdd(C().trim());
 			return;
 		}
-		let t = F()[e];
+		let t = L()[e];
 		t && String(t.value) !== r.value && r.onChange?.(String(t.value));
 	}
-	function B(e) {
-		let t = oe();
-		S() ? t > 0 && M((E() + e + t) % t) : R();
-	}
 	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 t = ae();
+		b() ? t > 0 && E((T() + e + t) % t) : z();
+	}
+	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 === "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) {
+		return (() => {
+			var s = re(), l = s.firstChild;
+			return s.$$click = () => B(o()), s.$$mousemove = () => E(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(m, {
+				get when() {
+					return t.icon;
+				},
+				children: (t) => (() => {
+					var r = k();
+					return a(r, n(e, {
+						get component() {
+							return t();
+						},
+						size: 14
+					})), r;
+				})()
+			}), null), a(l, () => t.label, null), a(s, n(m, {
+				get when() {
+					return t.detail;
+				},
+				get children() {
+					var e = ne();
+					return a(e, () => t.detail), e;
+				}
+			}), null), i((e) => {
+				var n = y(o()), i = o(), a = String(t.value) === r.value, l = o() === T(), u = t.value === "";
+				return n !== e.e && c(s, "id", e.e = n), i !== e.t && c(s, "data-index", e.t = i), a !== e.a && c(s, "aria-selected", e.a = a), l !== e.o && s.classList.toggle("combobox-option-active", e.o = l), u !== e.i && s.classList.toggle("combobox-option-empty", e.i = u), e;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0,
+				i: void 0
+			}), s;
+		})();
+	}
+	function W() {
+		return (() => {
+			var e = A();
+			return e.$$click = () => B(R()), e.$$mousemove = () => E(R()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(O, {
+				size: 14,
+				"aria-hidden": "true"
+			}), null), a(e, () => r.addLabel ?? "Add", null), i((t) => {
+				var n = y(R()), r = R(), i = R() === 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,
+				t: void 0,
+				a: void 0
+			}), e;
+		})();
+	}
+	function G() {
+		return (() => {
+			var e = j(), t = l;
+			return typeof t == "function" ? f(t, e) : l = e, a(e, n(p, {
+				get each() {
+					return L();
+				},
+				get fallback() {
+					return (() => {
+						var e = M();
+						return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
+					})();
+				},
+				children: U
+			}), null), a(e, n(m, {
+				get when() {
+					return r.onAdd;
+				},
+				get children() {
+					return W();
+				}
+			}), null), i((t) => {
+				var n = !!ie(), r = ee();
+				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,
+				t: void 0
+			}), e;
+		})();
 	}
-	let H = () => S() ? P()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
 	return (() => {
-		var u = O(), h = u.firstChild;
-		h.addEventListener("blur", () => C(!1)), h.$$keydown = V, h.$$input = (e) => {
+		var l = P(), u = l.firstChild;
+		u.addEventListener("blur", () => S(!1)), u.$$keydown = H, u.$$input = (e) => {
 			let t = e.currentTarget.value;
-			R(), T(t), M(0);
-		}, h.$$click = R;
-		var g = s;
-		return typeof g == "function" ? d(g, h) : s = h, a(u, n(p, {
+			z(), w(t), E(0);
+		}, u.$$click = z;
+		var p = s;
+		return typeof p == "function" ? f(p, u) : s = u, a(l, n(m, {
 			get when() {
-				return o(() => !S())() && P()?.icon;
+				return o(() => !b())() && I()?.icon;
 			},
 			children: (t) => (() => {
-				var r = k();
+				var r = F();
 				return a(r, n(e, {
 					get component() {
 						return t();
@@ -113,97 +195,28 @@ function M(r) {
 					size: 14
 				})), r;
 			})()
-		}), null), a(u, n(p, {
+		}), null), a(l, n(m, {
 			get when() {
-				return o(() => !S())() && P()?.detail;
+				return o(() => !b())() && I()?.detail;
 			},
 			get children() {
-				var e = te(), t = e.firstChild, n = t.nextSibling;
-				return a(t, () => P()?.label), a(n, () => P()?.detail), e;
+				var e = N(), t = e.firstChild, n = t.nextSibling;
+				return a(t, () => I()?.label), a(n, () => I()?.detail), e;
 			}
-		}), null), a(u, n(ee, {
+		}), null), a(l, n(te, {
 			class: "combobox-chevron",
 			size: 16,
 			"aria-hidden": "true"
-		}), null), a(u, n(p, {
+		}), null), a(l, n(m, {
 			get when() {
-				return S();
+				return b();
 			},
 			get children() {
-				var t = re(), o = l;
-				return typeof o == "function" ? d(o, t) : l = t, a(t, n(f, {
-					get each() {
-						return F();
-					},
-					get fallback() {
-						return (() => {
-							var e = ie();
-							return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
-						})();
-					},
-					children: (t, o) => (() => {
-						var s = A(), l = s.firstChild;
-						return s.$$click = () => z(o()), s.$$mousemove = () => M(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(p, {
-							get when() {
-								return t.icon;
-							},
-							children: (t) => (() => {
-								var r = j();
-								return a(r, n(e, {
-									get component() {
-										return t();
-									},
-									size: 14
-								})), r;
-							})()
-						}), null), a(l, () => t.label, null), a(s, n(p, {
-							get when() {
-								return t.detail;
-							},
-							get children() {
-								var e = ae();
-								return a(e, () => t.detail), e;
-							}
-						}), null), i((e) => {
-							var n = b(o()), i = o(), a = String(t.value) === r.value, l = o() === E(), u = t.value === "";
-							return n !== e.e && c(s, "id", e.e = n), i !== e.t && c(s, "data-index", e.t = i), a !== e.a && c(s, "aria-selected", e.a = a), l !== e.o && s.classList.toggle("combobox-option-active", e.o = l), u !== e.i && s.classList.toggle("combobox-option-empty", e.i = u), e;
-						}, {
-							e: void 0,
-							t: void 0,
-							a: void 0,
-							o: void 0,
-							i: void 0
-						}), s;
-					})()
-				}), null), a(t, n(p, {
-					get when() {
-						return r.onAdd;
-					},
-					get children() {
-						var e = ne();
-						return e.$$click = () => z(L()), e.$$mousemove = () => M(L()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(D, {
-							size: 14,
-							"aria-hidden": "true"
-						}), null), a(e, () => r.addLabel ?? "Add", null), i((t) => {
-							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,
-							t: void 0,
-							a: void 0
-						}), e;
-					}
-				}), null), i((e) => {
-					var n = !!I(), 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,
-					t: void 0
-				}), t;
+				return G();
 			}
 		}), null), i((e) => {
-			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!S(), a = !(S() || !P()?.detail), o = !(S() || P()?.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 = H();
-			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;
+			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 = ee(), m = b() && ae() > 0 ? y(T()) : void 0, h = r.ariaLabel, g = r.describedBy, _ = r.required, v = r.disabled, x = r.onChange === void 0, S = r.value, C = se();
+			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), h !== e.r && c(u, "aria-label", e.r = h), g !== e.d && c(u, "aria-describedby", e.d = g), _ !== e.l && (u.required = e.l = _), v !== e.u && (u.disabled = e.u = v), 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,
 			t: void 0,
@@ -220,309 +233,377 @@ function M(r) {
 			c: void 0,
 			w: void 0,
 			m: void 0
-		}), i(() => h.value = S() ? w() : P()?.label ?? ""), u;
+		}), i(() => u.value = b() ? C() : I()?.label ?? ""), l;
 	})();
 }
 r([
+	"mousedown",
+	"mousemove",
 	"click",
 	"input",
-	"keydown",
-	"mousedown",
-	"mousemove"
+	"keydown"
 ]);
 //#endregion
-//#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconChevronUp.js
-var N = E("outline", "chevron-up", "ChevronUp", [["path", { d: "M6 15l6 -6l6 6" }]]), P = E("outline", "menu", "Menu", [["path", { d: "M4 8l16 0" }], ["path", { d: "M4 16l16 0" }]]), F = /*#__PURE__*/ u("<div class=data-table-toolbar-start>"), I = /*#__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>"), H = /*#__PURE__*/ u("<th>"), ce = /*#__PURE__*/ u("<td class=data-table-checkbox><input type=checkbox>"), U = /*#__PURE__*/ u("<td>"), W = /*#__PURE__*/ u("<tr>"), G = /*#__PURE__*/ u("<p class=data-table-status>Loading…"), le = /*#__PURE__*/ u("<p class=data-table-status>No results.");
-function K(e) {
+//#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.");
+function q(e) {
 	return typeof e == "function" ? e() : e;
 }
-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, D = () => {
-		let t = l();
-		return r().length > 0 && r().every((n) => t.includes(e.getRowId(n)));
-	}, te = g(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [ne, re] = _(void 0), O = () => e.visibleColumns === void 0 ? ne() ?? te() : K(e.visibleColumns), k = g(() => new Set(O())), [ie, ae] = _(void 0);
-	function A(t) {
+function J(e, t) {
+	if (t !== void 0) return {
+		width: `${t}px`,
+		"min-width": `${t}px`,
+		"max-width": `${t}px`
+	};
+	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 = g(() => q(e.rows)), o = () => q(e.loading ?? !1), s = e.sortKey !== void 0 || e.sortDirection !== void 0, [l, d] = _(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 = ee(() => e.toolbar), T = g(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [E, D] = _(void 0), te = () => e.visibleColumns === void 0 ? E() ?? T() : q(e.visibleColumns), O = g(() => new Set(te())), [ne, re] = _(void 0);
+	function k(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 j = g(() => A(e.columnOrder === void 0 ? ie() ?? e.defaultColumnOrder ?? [] : K(e.columnOrder))), M = g(() => j().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) {
+	let A = g(() => k(e.columnOrder === void 0 ? ne() ?? e.defaultColumnOrder ?? [] : q(e.columnOrder))), j = g(() => A().filter((e) => e.toggleable === !1 || O().has(e.key))), M = g(() => e.columns.filter((e) => e.toggleable !== !1)), N = g(() => M().map((e) => e.key));
+	function P(e, t) {
 		return t.sortValue ? t.sortValue(e) : e[t.key];
 	}
-	function J(e, t) {
+	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 fe = g(() => {
-		let t = r(), n = S();
-		if (u || !n) return t;
+	let I = g(() => {
+		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 = C() === "asc" ? 1 : -1;
-		return [...t].sort((e, t) => a * J(q(e, i), q(t, i)));
+		let a = x() === "asc" ? 1 : -1;
+		return [...t].sort((e, t) => a * F(P(e, i), P(t, i)));
 	});
-	function pe(t) {
-		let n = S() === t, r = n && C() === "desc" ? void 0 : {
+	function le(t) {
+		let n = y() === t, r = n && x() === "desc" ? void 0 : {
 			key: t,
 			direction: n ? "desc" : "asc"
 		};
-		u || x(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
+		s || d(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
 	}
-	function me(t) {
+	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 he(t) {
-		let n = me(t);
-		e.visibleColumns === void 0 && re(n), e.onVisibleColumnsChange?.(n);
+	function Y(t) {
+		let n = ue(t);
+		e.visibleColumns === void 0 && D(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 X(e, t) {
+		let n = new Set(te());
+		t ? n.add(e) : n.delete(e), Y(N().filter((e) => n.has(e)));
 	}
-	function _e() {
-		he(de());
+	function de() {
+		Y(N());
 	}
-	function ve(t) {
-		e.columnOrder === void 0 && ae(t), e.onColumnOrderChange?.(t);
+	function fe(t) {
+		e.columnOrder === void 0 && re(t), e.onColumnOrderChange?.(t);
 	}
-	function ye(e, t) {
-		let n = j().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 pe(e, t) {
+		let n = A().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 be(e, t, n) {
-		ye(t, j().findIndex((e) => e.key === t) + n);
-		let r = e.parentElement?.querySelectorAll(".data-table-customizer-move");
-		(e.disabled ? [...r ?? []].find((e) => !e.disabled) : e)?.focus();
+	function me() {
+		Y(T()), fe(k(e.defaultColumnOrder ?? []).map((e) => e.key));
 	}
-	function xe() {
-		he(te()), ve(A(e.defaultColumnOrder ?? []).map((e) => e.key));
+	let [Z, he] = _({}), [ge, _e] = _(), Q;
+	h(() => {
+		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;
+		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));
+	});
+	function ve(t, n) {
+		if (!Q) 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;
+		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,
+				[n]: t
+			}), _e(a + t - s);
+		}
+		function u() {
+			r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", u), r.removeEventListener("pointercancel", u), c && e.onColumnWidthsChange?.(Z());
+		}
+		r.addEventListener("pointermove", l), r.addEventListener("pointerup", u), r.addEventListener("pointercancel", u);
 	}
-	let [Se, Ce] = _(), we = `${v()}-panel`, [Te, Ee] = _(!1), Y;
+	function ye(t, n) {
+		let r = t.key === "ArrowLeft" ? -10 : t.key === "ArrowRight" ? 10 : 0;
+		if (!r || !Q) 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({
+			...i,
+			[n]: o
+		}), e.onColumnWidthsChange?.(Z());
+	}
+	let [be, xe] = _(), Se = `${v()}-panel`, [Ce, we] = _(!1), Te;
 	h(() => {
-		if (!Te() || !w()) return;
+		if (!Ce() || !S()) return;
 		function e(e) {
-			Y && !Y.contains(e.target) && Ee(!1);
+			Te && !Te.contains(e.target) && we(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && Ee(!1);
+			e.key === "Escape" && we(!1);
 		}
 		document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), b(() => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		});
 	});
-	let X;
-	h(() => {
-		X && (X.indeterminate = l().length > 0 && !D());
-	});
-	function De(t) {
-		e.onSelectionChange?.(t ? r().map(e.getRowId) : []);
+	function Ee(e) {
+		return e.toggleable === !1 || O().has(e.key);
+	}
+	function De(t, n) {
+		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
 	}
-	function Oe(t, n) {
-		let r = e.getRowId(t), i = l(), a = n ? [...i, r] : i.filter((e) => e !== r);
-		e.onSelectionChange?.(a);
+	function Oe(e) {
+		if (e.sortable) return y() === e.key ? x() === "asc" ? "ascending" : "descending" : "none";
 	}
-	function ke(t) {
-		return l().includes(e.getRowId(t));
+	function ke(e) {
+		return y() === e.key ? x() === "asc" ? "▲" : "▼" : "";
 	}
-	function Ae(e) {
-		return e.toggleable === !1 || k().has(e.key);
+	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");
 	}
-	function Z(t, n) {
-		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
+	function Me(e, t) {
+		let n = be();
+		n !== void 0 && (e.preventDefault(), pe(n, t));
+	}
+	function $(e, t) {
+		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",
+				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;
+			}, {
+				e: void 0,
+				t: void 0
+			}), i(() => s.checked = Ee(e)), r;
+		})();
 	}
+	function Ne() {
+		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, {
+				get each() {
+					return A();
+				},
+				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;
+		})();
+	}
+	function Pe() {
+		return (() => {
+			var t = ae(), 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, {
+				get when() {
+					return Ce();
+				},
+				get children() {
+					return Ne();
+				}
+			}), null), i(() => c(r, "aria-expanded", Ce())), t;
+		})();
+	}
+	function Fe(r) {
+		return (() => {
+			var o = B();
+			return a(o, n(m, {
+				get when() {
+					return Ae(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;
+				}
+			}), 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;
+				}
+			}), null), i((e) => {
+				var n = r.class, i = r.key, a = J(r, Z()[r.key]), s = Oe(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,
+				t: void 0,
+				a: void 0,
+				o: void 0
+			}), o;
+		})();
+	}
+	function Ie(r) {
+		return (() => {
+			var o = H();
+			return a(o, n(p, {
+				get each() {
+					return j();
+				},
+				children: (e) => (() => {
+					var n = V();
+					return a(n, () => De(r, e)), i((r) => {
+						var i = e.class, a = J(e, Z()[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(o, n(m, {
+				get when() {
+					return e.rowActions;
+				},
+				get children() {
+					var t = V();
+					return a(t, () => e.rowActions?.(r)), t;
+				}
+			}), null), o;
+		})();
+	}
+	let Le = () => !o() && (e.empty === void 0 ? r().length === 0 : q(e.empty));
 	return (() => {
-		var l = z(), m = l.firstChild, h = m.firstChild.firstChild, g = h.firstChild, _ = h.nextSibling;
-		return a(l, n(p, {
+		var r = G(), s = r.firstChild, c = s.firstChild, l = c.firstChild, d = l.firstChild, ee = l.nextSibling;
+		a(r, n(m, {
 			get when() {
-				return w() || T.toArray().length > 0;
+				return S() || w.toArray().length > 0;
 			},
 			get children() {
-				var t = oe();
-				return a(t, n(p, {
+				var e = U();
+				return a(e, n(m, {
 					get when() {
-						return T.toArray().length > 0;
+						return w.toArray().length > 0;
 					},
 					get children() {
-						var e = F();
-						return a(e, T), e;
+						var e = se();
+						return a(e, w), e;
 					}
-				}), null), a(t, n(p, {
+				}), null), a(e, n(m, {
 					get when() {
-						return w();
+						return S();
 					},
 					get children() {
-						var t = L(), r = t.firstChild;
-						r.firstChild.nextSibling;
-						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 Te();
-							},
-							get children() {
-								var t = I(), 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 j();
-									},
-									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(P, {
-											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(N, {
-											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() === j().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 = _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", Te())), t;
+						return Pe();
 					}
-				}), null), t;
-			}
-		}), m), a(g, n(p, {
-			get when() {
-				return E();
-			},
-			get children() {
-				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 = D()), t;
+				}), null), e;
 			}
-		}), null), a(g, n(f, {
+		}), s);
+		var h = Q;
+		return typeof h == "function" ? f(h, c) : Q = c, a(d, n(p, {
 			get each() {
-				return M();
+				return j();
 			},
-			children: (r) => (() => {
-				var s = H();
-				return a(s, n(p, {
-					get when() {
-						return o(() => !!r.sortable)() && (!u || e.onSort || e.onSortChange);
-					},
-					get fallback() {
-						return r.label;
-					},
-					get children() {
-						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;
-					}
-				})), i((e) => {
-					var n = r.class, i = r.sortable ? S() === r.key ? C() === "asc" ? "ascending" : "descending" : "none" : void 0;
-					return n !== e.e && t(s, e.e = n), i !== e.t && c(s, "aria-sort", e.t = i), e;
-				}, {
-					e: void 0,
-					t: void 0
-				}), s;
-			})()
-		}), null), a(g, n(p, {
+			children: Fe
+		}), null), a(d, n(m, {
 			get when() {
 				return e.rowActions;
 			},
 			get children() {
-				return R();
+				return W();
 			}
-		}), null), a(_, n(f, {
+		}), null), a(ee, n(p, {
 			get each() {
-				return fe();
+				return I();
 			},
-			children: (r) => (() => {
-				var o = W();
-				return a(o, n(p, {
-					get when() {
-						return E();
-					},
-					get children() {
-						var t = ce(), 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();
-					},
-					children: (e) => (() => {
-						var n = U();
-						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 = U();
-						return a(t, () => e.rowActions?.(r)), t;
-					}
-				}), null), o;
-			})()
-		})), a(l, n(p, {
+			children: Ie
+		})), a(r, n(m, {
 			get when() {
-				return s();
+				return o();
 			},
 			get children() {
-				return e.loadingContent ?? G();
+				return e.loadingContent ?? ce();
 			}
-		}), null), a(l, n(p, {
+		}), null), a(r, n(m, {
 			get when() {
-				return o(() => !s())() && (e.empty === void 0 ? r().length === 0 : K(e.empty));
+				return Le();
 			},
 			get children() {
-				return e.emptyContent ?? le();
+				return e.emptyContent ?? K();
 			}
-		}), null), i(() => t(l, `data-table-wrap${e.class ? ` ${e.class}` : ""}`)), l;
+		}), 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;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), r;
 	})();
 }
-r(["click"]);
+r([
+	"click",
+	"pointerdown",
+	"keydown"
+]);
 //#endregion
 //#region node_modules/@tabler/icons-solidjs/dist/source/icons/IconDeviceFloppy.js
-var de = E("outline", "device-floppy", "DeviceFloppy", [
+var ue = D("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";
+]), 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) {
 	return typeof e == "function" ? e() : e;
 }
 function Ae(e) {
 	return Array.isArray(e) ? e.length > 0 : (e ?? "").trim() !== "";
 }
-function Z(e) {
+function je(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) Ae(r) && (t[n] = Array.isArray(r) ? r : r.trim());
 	return t;
 }
-function je(e, t) {
+function Me(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) {
+function $(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
-function Me(e) {
+function Ne(e) {
 	let [r, l] = S(e, [
 		"rows",
 		"filters",
@@ -547,47 +628,47 @@ function Me(e) {
 		"saveLabel",
 		"saveNameLabel",
 		"cancelLabel",
-		"deleteSavedFilterLabel",
+		"clearSavedFilterLabel",
 		"class"
-	]), 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(),
+	]), u = g(() => ke(r.rows)), [d, ee] = _(je(r.defaultFilterValues ?? {})), b = g(() => r.filterValues === void 0 ? d() : je(ke(r.filterValues)));
+	function x(e) {
+		let t = je(e);
+		r.filterValues === void 0 && ee(t), r.onFilterValuesChange?.(t);
+	}
+	function C(e, t) {
+		x({
+			...b(),
 			[e]: t
 		});
 	}
-	let T = () => Q(x()[Oe]), E = g(() => r.filters.filter((e) => Ae(x()[e.key])));
-	function ee(e, t) {
+	let w = () => $(b()[Oe]), T = g(() => r.filters.filter((e) => Ae(b()[e.key])));
+	function E(e, t) {
 		return t.getValue ? t.getValue(e) : e[t.key];
 	}
 	function D(e, t, n) {
 		if (t.match) return t.match(e, n);
-		let r = ee(e, t);
+		let r = E(e, t);
 		if (t.type === "select") {
 			let e = Array.isArray(n) ? n : [n];
-			return (Array.isArray(r) ? r : [r]).some((t) => e.includes(Q(t)));
+			return (Array.isArray(r) ? r : [r]).some((t) => e.includes($(t)));
 		}
-		return t.type === "boolean" ? !!r == (n === "true") : Q(r).toLowerCase().includes(Q(n).toLowerCase());
+		return t.type === "boolean" ? !!r == (n === "true") : $(r).toLowerCase().includes($(n).toLowerCase());
 	}
 	function te(e) {
-		return r.getSearchText ? r.getSearchText(e) : l.columns.map((t) => Q(t.sortValue?.(e) ?? e[t.key])).join(" ");
+		return r.getSearchText ? r.getSearchText(e) : l.columns.map((t) => $(t.sortValue?.(e) ?? e[t.key])).join(" ");
 	}
-	let ne = g(() => {
+	let O = g(() => {
 		if (r.manualFiltering) return u();
-		let e = T().toLowerCase(), t = E();
-		return u().filter((n) => (e === "" || te(n).toLowerCase().includes(e)) && t.every((e) => D(n, e, x()[e.key])));
+		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 re(e) {
+	function ne(e) {
 		if (e.options) return e.options;
 		let t = /* @__PURE__ */ new Set();
 		for (let n of u()) {
-			let r = ee(n, e);
+			let r = E(n, e);
 			for (let e of Array.isArray(r) ? r : [r]) {
-				let n = Q(e);
+				let n = $(e);
 				n !== "" && t.add(n);
 			}
 		}
@@ -596,47 +677,44 @@ function Me(e) {
 			label: e
 		}));
 	}
-	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;
+	function re(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;
 	}
-	let k = g(() => E().flatMap((e) => {
-		let t = x()[e.key];
+	let k = g(() => T().flatMap((e) => {
+		let t = b()[e.key];
 		return (Array.isArray(t) ? t : [t]).map((t) => ({
 			filter: e,
 			item: t,
-			text: `${e.label}: ${O(e, t)}`
+			text: `${e.label}: ${re(e, t)}`
 		}));
 	}));
-	function ie(e, t) {
-		let n = x()[e.key];
-		w(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
+	function A(e, t) {
+		let n = b()[e.key];
+		C(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
 	}
-	function ae() {
-		C({ [Oe]: T() });
+	function j() {
+		x({ [Oe]: w() });
 	}
-	let A = g(() => r.savedFilters === void 0 ? void 0 : ke(r.savedFilters)), j = g(() => A()?.find((e) => je(Z(e.values), x()))), [N, P] = _(!1), [F, I] = _("");
-	function L(e) {
-		let t = A()?.find((t) => t.name === e);
-		t && C(t.values);
+	let M = g(() => r.savedFilters === void 0 ? void 0 : ke(r.savedFilters)), N = g(() => M()?.find((e) => Me(je(e.values), b()))), [P, F] = _(!1), [L, ie] = _("");
+	function R(e) {
+		let t = M()?.find((t) => t.name === e);
+		t && x(t.values);
 	}
-	function oe() {
-		I(j()?.name ?? ""), P(!0);
+	function ae() {
+		ie(N()?.name ?? ""), F(!0);
 	}
-	function se(e) {
+	function oe(e) {
 		e.preventDefault();
-		let t = F().trim();
+		let t = L().trim();
 		if (t === "") return;
-		let n = (A() ?? []).filter((e) => e.name !== t);
+		let n = (M() ?? []).filter((e) => e.name !== t);
 		r.onSavedFiltersChange?.([...n, {
 			name: t,
-			values: x()
-		}]), P(!1);
-	}
-	function R(e) {
-		r.onSavedFiltersChange?.((A() ?? []).filter((t) => t.name !== e));
+			values: b()
+		}]), F(!1);
 	}
-	let [z, B] = _(x());
-	h(y(x, (e) => B(e)));
+	let [z, B] = _(b());
+	h(y(b, (e) => B(e)));
 	function V(e) {
 		return z()[e];
 	}
@@ -646,16 +724,16 @@ function Me(e) {
 			[e]: t
 		}));
 	}
-	let ce = g(() => {
+	let se = 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
 		}));
-	}), U = v(), W = ["results", "filters"], [G, le] = _("results"), K = (e) => `${U}-tab-${e}`, Me = (e) => `${U}-panel-${e}`, $ = (e) => `${U}-filter-${e}`;
+	}), U = v(), W = ["results", "filters"], [G, ce] = _("results"), K = (e) => `${U}-tab-${e}`, q = (e) => `${U}-panel-${e}`, J = (e) => `${U}-filter-${e}`;
 	function Ne(e) {
-		e === "filters" && B(x()), le(e);
+		e === "filters" && B(b()), ce(e);
 	}
 	function Pe(e) {
 		let t = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
@@ -665,28 +743,68 @@ function Me(e) {
 		Ne(n), document.getElementById(K(n))?.focus();
 	}
 	function Fe(e) {
-		e.preventDefault(), C(z()), le("results");
+		e.preventDefault(), x(z()), ce("results");
 	}
 	function Ie() {
-		ae(), le("results");
+		j(), ce("results");
 	}
 	function Le(e) {
-		if (e.type === "text") return (() => {
-			var t = fe();
+		let t = () => {
+			let t = V(e.key);
+			return Array.isArray(t) ? t : [];
+		}, o = (r) => (() => {
+			var o = de(), s = o.firstChild;
+			return a(o, () => re(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 ${re(e, r)}`)), o;
+		})();
+		return (() => {
+			var i = pe();
+			return a(i, n(I, {
+				get id() {
+					return J(e.key);
+				},
+				value: "",
+				onChange: (n) => H(e.key, [...t(), n]),
+				get options() {
+					return ne(e).filter((e) => !t().includes(String(e.value)));
+				},
+				get placeholder() {
+					return e.placeholder ?? r.anyLabel ?? "Any";
+				}
+			}), null), a(i, n(m, {
+				get when() {
+					return t().length > 0;
+				},
+				get children() {
+					var e = fe();
+					return a(e, n(p, {
+						get each() {
+							return t();
+						},
+						children: o
+					})), e;
+				}
+			}), null), i;
+		})();
+	}
+	function Re(e) {
+		return e.type === "text" ? (() => {
+			var t = me();
 			return t.$$input = (t) => H(e.key, t.currentTarget.value), i((n) => {
-				var r = $(e.key), i = e.placeholder;
+				var r = J(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 = Q(V(e.key))), t;
-		})();
-		if (e.type === "boolean") return n(M, {
+			}), i(() => t.value = $(V(e.key))), t;
+		})() : e.type === "boolean" ? n(I, {
 			get id() {
-				return $(e.key);
+				return J(e.key);
 			},
 			get value() {
-				return Q(V(e.key));
+				return $(V(e.key));
 			},
 			onChange: (t) => H(e.key, t),
 			get emptyLabel() {
@@ -701,213 +819,218 @@ function Me(e) {
 					label: r.noLabel ?? "No"
 				}];
 			}
-		});
-		let t = () => {
-			let t = V(e.key);
-			return Array.isArray(t) ? t : [];
-		};
+		}) : Le(e);
+	}
+	function ze() {
 		return (() => {
-			var o = me();
-			return a(o, n(M, {
-				get id() {
-					return $(e.key);
+			var e = Z(), 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) => {
+				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;
+		})();
+	}
+	function Be() {
+		return (() => {
+			var e = he();
+			return a(e, n(I, {
+				get value() {
+					return N()?.name ?? "";
 				},
-				value: "",
-				onChange: (n) => H(e.key, [...t(), n]),
+				onChange: R,
 				get options() {
-					return re(e).filter((e) => !t().includes(String(e.value)));
+					return (M() ?? []).map((e) => ({
+						value: e.name,
+						label: e.name
+					}));
+				},
+				get ariaLabel() {
+					return r.savedFiltersLabel ?? "Saved filters";
 				},
 				get placeholder() {
-					return e.placeholder ?? r.anyLabel ?? "Any";
+					return r.savedFiltersLabel ?? "Saved filters";
 				}
-			}), null), a(o, n(p, {
+			}), null), a(e, n(m, {
 				get when() {
-					return t().length > 0;
+					return N();
+				},
+				children: (e) => (() => {
+					var t = ge();
+					return t.$$click = j, a(t, n(X, {
+						size: 14,
+						"aria-hidden": "true"
+					})), i(() => c(t, "aria-label", `${r.clearSavedFilterLabel ?? "Clear saved filter"} ${e().name}`)), t;
+				})()
+			}), null), e;
+		})();
+	}
+	function Ve(e) {
+		return (() => {
+			var t = _e(), r = t.firstChild;
+			return r.$$click = () => A(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() {
+		return (() => {
+			var e = ve(), t = e.firstChild, i = t.firstChild;
+			return a(e, n(p, {
+				get each() {
+					return k();
+				},
+				children: Ve
+			}), t), i.$$click = j, a(i, () => r.clearAllLabel ?? "Clear all"), a(e, n(m, {
+				get when() {
+					return o(() => M() !== void 0)() && !P();
 				},
 				get children() {
-					var r = pe();
-					return a(r, n(f, {
-						get each() {
-							return t();
-						},
-						children: (r) => (() => {
-							var o = he(), s = o.firstChild;
-							return a(o, () => O(e, r), s), s.$$click = () => H(e.key, t().filter((e) => e !== r)), a(s, n(J, {
-								size: 12,
-								"aria-hidden": "true"
-							})), i(() => c(s, "aria-label", `Remove ${O(e, r)}`)), o;
-						})()
-					})), r;
+					var e = Q(), t = e.firstChild;
+					return t.$$click = ae, a(t, n(ue, {
+						size: 12,
+						"aria-hidden": "true"
+					}), null), a(t, () => r.saveLabel ?? "Save", null), e;
 				}
-			}), null), o;
+			}), null), e;
 		})();
 	}
-	let Re = (() => {
-		var e = xe();
-		return a(e, n(p, {
+	function Ue() {
+		return (() => {
+			var e = ye(), 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, {
+				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 = L()), e;
+		})();
+	}
+	let We = (() => {
+		var e = be();
+		return a(e, n(m, {
 			get when() {
 				return r.quickSearch !== !1;
 			},
 			get children() {
-				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) => 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 = T()), e;
+				return ze();
 			}
-		}), null), a(e, n(p, {
+		}), null), a(e, n(m, {
 			get when() {
-				return (A()?.length ?? 0) > 0;
+				return (M()?.length ?? 0) > 0;
 			},
 			get children() {
-				var e = _e();
-				return a(e, n(M, {
-					get value() {
-						return j()?.name ?? "";
-					},
-					onChange: L,
-					get options() {
-						return (A() ?? []).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 j();
-					},
-					children: (e) => (() => {
-						var t = Se();
-						return t.$$click = () => R(e().name), a(t, n(J, {
-							size: 14,
-							"aria-hidden": "true"
-						})), i(() => c(t, "aria-label", `${r.deleteSavedFilterLabel ?? "Delete saved filter"} ${e().name}`)), t;
-					})()
-				}), null), e;
+				return Be();
 			}
-		}), null), a(e, n(p, {
+		}), null), a(e, n(m, {
 			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 k();
-					},
-					children: (e) => (() => {
-						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), s.$$click = ae, a(s, () => r.clearAllLabel ?? "Clear all"), a(e, n(p, {
-					get when() {
-						return o(() => A() !== void 0)() && !N();
-					},
-					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;
+				return He();
 			}
-		}), null), a(e, n(p, {
+		}), null), a(e, n(m, {
 			get when() {
-				return o(() => !!N())() && k().length > 0;
+				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" && P(!1);
-				}, e.addEventListener("submit", se), t.$$input = (e) => I(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 = () => P(!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 = F()), e;
+				return Ue();
 			}
 		}), null), e;
 	})();
+	function Ge(e) {
+		return e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters";
+	}
+	function Ke(e) {
+		return e === "results" ? O().length : T().length;
+	}
+	function qe(e) {
+		return (() => {
+			var t = Se();
+			return t.$$keydown = Pe, t.$$click = () => Ne(e), a(t, () => Ge(e), null), a(t, n(m, {
+				get when() {
+					return e === "results" || T().length > 0;
+				},
+				get children() {
+					var t = xe();
+					return a(t, () => Ke(e)), t;
+				}
+			}), null), i((n) => {
+				var r = K(e), i = G() === e, a = q(e), o = G() === 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,
+				t: void 0,
+				a: void 0,
+				o: void 0
+			}), t;
+		})();
+	}
+	function Je(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;
+		})();
+	}
+	function Ye(e) {
+		return (() => {
+			var t = Te();
+			return a(t, n(m, {
+				get when() {
+					return e.name;
+				},
+				get children() {
+					var t = we();
+					return a(t, () => e.name), t;
+				}
+			}), null), a(t, n(p, {
+				get each() {
+					return e.filters;
+				},
+				children: Je
+			}), null), t;
+		})();
+	}
+	function Xe() {
+		return (() => {
+			var e = Ee(), t = e.firstChild, i = t.firstChild, o = i.nextSibling;
+			return e.addEventListener("submit", Fe), a(e, n(p, {
+				get each() {
+					return se();
+				},
+				children: Ye
+			}), t), i.$$click = Ie, a(i, n(X, {
+				size: 16,
+				"aria-hidden": "true"
+			}), null), a(i, () => r.resetLabel ?? "Reset", null), a(o, n(Y, {
+				size: 16,
+				"aria-hidden": "true"
+			}), null), a(o, () => r.applyLabel ?? "Search", null), e;
+		})();
+	}
 	return (() => {
-		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, {
+		var e = De(), o = e.firstChild, u = o.nextSibling, d = u.nextSibling;
+		return a(o, n(p, {
 			each: W,
-			children: (e) => (() => {
-				var t = Ee();
-				return t.$$keydown = Pe, t.$$click = () => Ne(e), a(t, () => e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters", null), a(t, n(p, {
-					get when() {
-						return e === "results" || E().length > 0;
-					},
-					get children() {
-						var t = Te();
-						return a(t, () => e === "results" ? ne().length : E().length), t;
-					}
-				}), null), i((n) => {
-					var r = K(e), i = G() === e, a = Me(e), o = G() === 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,
-					t: void 0,
-					a: void 0,
-					o: void 0
-				}), t;
-			})()
-		})), a(u, n(ue, s(l, {
-			rows: ne,
-			toolbar: Re
-		}))), m.addEventListener("submit", Fe), a(m, n(f, {
-			get each() {
-				return ce();
-			},
-			children: (e) => (() => {
-				var t = X();
-				return a(t, n(p, {
-					get when() {
-						return e.name;
-					},
-					get children() {
-						var t = Y();
-						return a(t, () => e.name), t;
-					}
-				}), null), a(t, n(f, {
-					get each() {
-						return e.filters;
-					},
-					children: (e) => (() => {
-						var t = De(), n = t.firstChild;
-						return a(n, () => e.label), a(t, () => Le(e), null), i(() => c(n, "for", $(e.key))), t;
-					})()
-				}), null), t;
-			})()
-		}), h), g.$$click = Ie, a(g, n(J, {
-			size: 16,
-			"aria-hidden": "true"
-		}), 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 = Me("results"), o = K("results"), s = G() !== "results", l = Me("filters"), f = K("filters"), p = G() !== "filters";
+			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";
 			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,
@@ -921,14 +1044,14 @@ function Me(e) {
 	})();
 }
 r([
-	"input",
 	"click",
+	"input",
 	"keydown"
 ]);
 //#endregion
 //#region src/search-bar.tsx
-var $ = /*#__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) {
+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) {
 	let r, s = () => e.shortcutKey ?? "k", l = () => e.shortcutLabel ?? `Ctrl ${String(s()).toUpperCase()}`;
 	return x(() => {
 		let e = (e) => {
@@ -937,43 +1060,43 @@ function Fe(e) {
 		};
 		document.addEventListener("keydown", e), b(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		var u = Pe(), f = u.firstChild;
-		a(u, n(q, {
+		var u = Ie(), d = u.firstChild;
+		a(u, n(Y, {
 			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, {
+		}), d), d.$$input = (t) => e.onInput(t.currentTarget.value);
+		var p = r;
+		return typeof p == "function" ? f(p, d) : r = d, a(u, n(m, {
 			get when() {
 				return o(() => !e.value)() && s() !== !1;
 			},
 			get children() {
-				var e = $();
+				var e = Pe();
 				return a(e, l), e;
 			}
-		}), null), a(u, n(p, {
+		}), null), a(u, n(m, {
 			get when() {
 				return e.value;
 			},
 			get children() {
-				var t = Ne();
-				return t.$$click = () => e.onInput(""), a(t, n(J, {
+				var t = Fe();
+				return t.$$click = () => e.onInput(""), a(t, n(X, {
 					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;
+			return r !== n.e && t(u, n.e = r), i !== n.t && c(d, "placeholder", n.t = i), a !== n.a && c(d, "aria-label", n.a = a), o !== n.o && c(d, "aria-keyshortcuts", n.o = o), n;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
 			o: void 0
-		}), i(() => f.value = e.value), u;
+		}), i(() => d.value = e.value), u;
 	})();
 }
 r(["input", "click"]);
 //#endregion
-export { M as Combobox, ue as DataTable, Me as FilterTable, Fe as SearchBar };
+export { I as Combobox, le as DataTable, Ne as FilterTable, Le as SearchBar };