@serkonda7/solid-components 0.0.8 → 0.2.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, createEffect as m, createMemo as h, createSignal as g, createUniqueId as _, onCleanup as v, onMount as y, splitProps as b } from "solid-js";
+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";
 //#region node_modules/@tabler/icons-solidjs/dist/source/defaultAttributes.js
-var x = {
+var C = {
 	outline: {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 24,
@@ -21,9 +21,9 @@ var x = {
 		fill: "currentColor",
 		stroke: "none"
 	}
-}, S = /*#__PURE__*/ u("<svg>"), C = /*#__PURE__*/ u("<title>"), w = (t, r, i, c) => {
+}, w = /*#__PURE__*/ u("<svg>"), T = /*#__PURE__*/ u("<title>"), E = (t, r, i, c) => {
 	let u = (i) => {
-		let [u, d] = b(i, [
+		let [u, d] = S(i, [
 			"color",
 			"size",
 			"stroke",
@@ -31,9 +31,9 @@ var x = {
 			"title",
 			"children",
 			"class"
-		]), f = x[t], p = u.stroke ?? u.strokeWidth;
+		]), f = C[t], p = u.stroke ?? u.strokeWidth;
 		return (() => {
-			var i = S();
+			var i = w();
 			return l(i, s(f, d, {
 				get width() {
 					return o(() => u.size != null)() ? u.size : f.width;
@@ -50,66 +50,62 @@ var x = {
 			}), !0, !0), a(i, (() => {
 				var e = o(() => u.title != null);
 				return () => e() && (() => {
-					var e = C();
+					var e = T();
 					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;
-}, T = w("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), E = w("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>"), ee = /*#__PURE__*/ u("<div role=option class=\"combobox-option combobox-option-add\">"), O = /*#__PURE__*/ u("<div class=combobox-list role=listbox>"), k = /*#__PURE__*/ u("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), A = /*#__PURE__*/ u("<span class=combobox-icon aria-hidden=true>"), te = /*#__PURE__*/ u("<div class=combobox-empty>"), j = /*#__PURE__*/ u("<span class=combobox-detail>"), M = /*#__PURE__*/ u("<div role=option class=combobox-option><span class=combobox-option-label>"), N = /*#__PURE__*/ u("<span class=combobox-option-icon aria-hidden=true>");
-function P(r) {
-	let s, l, u = _(), v = () => r.id ?? u, b = () => `${v()}-listbox`, x = (e) => `${v()}-option-${e}`, [S, C] = g(!1), [w, P] = g(""), [F, I] = g(0), L = h(() => r.emptyLabel === void 0 ? r.options : [{
+}, 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 : [{
 		value: "",
 		label: r.emptyLabel
-	}, ...r.options]), R = h(() => r.value === "" ? void 0 : L().find((e) => String(e.value) === r.value)), z = h(() => {
+	}, ...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 === "" ? L() : L().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
-	}), ne = () => r.options.some((e) => e.detail !== void 0), B = () => z().length, V = () => z().length + +!!r.onAdd, re = () => !r.disabled && r.onChange !== void 0;
-	y(() => {
+		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;
+	x(() => {
 		r.autofocus === !0 && s?.focus();
-	}), m(() => {
-		S() && l?.querySelector(`[data-index="${F()}"]`)?.scrollIntoView({ block: "nearest" });
+	}), h(() => {
+		S() && l?.querySelector(`[data-index="${E()}"]`)?.scrollIntoView({ block: "nearest" });
 	});
-	function H() {
-		if (S() || !re()) return;
-		P("");
-		let e = L().findIndex((e) => String(e.value) === r.value);
-		I(Math.max(e, 0)), C(!0), r.onOpen?.();
-	}
-	function U(e) {
-		if (C(!1), r.onAdd && e === B()) {
+	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());
 			return;
 		}
-		let t = z()[e];
+		let t = F()[e];
 		t && String(t.value) !== r.value && r.onChange?.(String(t.value));
 	}
-	function W(e) {
-		let t = V();
-		S() ? t > 0 && I((F() + e + t) % t) : H();
+	function B(e) {
+		let t = oe();
+		S() ? t > 0 && M((E() + e + t) % t) : R();
 	}
-	function G(e) {
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-			e.preventDefault(), W(e.key === "ArrowDown" ? 1 : -1);
-			return;
-		}
-		S() && (e.key === "Enter" ? (e.preventDefault(), U(F())) : 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 K = () => S() ? R()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel;
+	let H = () => S() ? P()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
 	return (() => {
-		var u = k(), m = u.firstChild;
-		m.addEventListener("blur", () => C(!1)), m.$$keydown = G, m.$$input = (e) => {
+		var u = O(), h = u.firstChild;
+		h.addEventListener("blur", () => C(!1)), h.$$keydown = V, h.$$input = (e) => {
 			let t = e.currentTarget.value;
-			H(), P(t), I(0);
-		}, m.$$click = H;
-		var h = s;
-		return typeof h == "function" ? d(h, m) : s = m, a(u, n(p, {
+			R(), T(t), M(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())() && P()?.icon;
 			},
 			children: (t) => (() => {
-				var r = A();
+				var r = k();
 				return a(r, n(e, {
 					get component() {
 						return t();
@@ -119,13 +115,13 @@ function P(r) {
 			})()
 		}), null), a(u, n(p, {
 			get when() {
-				return o(() => !S())() && R()?.detail;
+				return o(() => !S())() && P()?.detail;
 			},
 			get children() {
-				var e = D(), t = e.firstChild, n = t.nextSibling;
-				return a(t, () => R()?.label), a(n, () => R()?.detail), e;
+				var e = te(), t = e.firstChild, n = t.nextSibling;
+				return a(t, () => P()?.label), a(n, () => P()?.detail), e;
 			}
-		}), null), a(u, n(T, {
+		}), null), a(u, n(ee, {
 			class: "combobox-chevron",
 			size: 16,
 			"aria-hidden": "true"
@@ -134,25 +130,25 @@ function P(r) {
 				return S();
 			},
 			get children() {
-				var t = O(), 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 F();
 					},
 					get fallback() {
 						return (() => {
-							var e = te();
+							var e = ie();
 							return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
 						})();
 					},
 					children: (t, o) => (() => {
-						var s = M(), l = s.firstChild;
-						return s.$$click = () => U(o()), s.$$mousemove = () => I(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(p, {
+						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 = N();
+								var r = j();
 								return a(r, n(e, {
 									get component() {
 										return t();
@@ -165,11 +161,11 @@ function P(r) {
 								return t.detail;
 							},
 							get children() {
-								var e = j();
+								var e = ae();
 								return a(e, () => t.detail), e;
 							}
 						}), null), i((e) => {
-							var n = x(o()), i = o(), a = String(t.value) === r.value, l = o() === F(), u = t.value === "";
+							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,
@@ -184,12 +180,12 @@ function P(r) {
 						return r.onAdd;
 					},
 					get children() {
-						var e = ee();
-						return e.$$click = () => U(B()), e.$$mousemove = () => I(B()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(E, {
+						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 = x(B()), r = B(), i = B() === F();
+							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,
@@ -198,7 +194,7 @@ function P(r) {
 						}), e;
 					}
 				}), null), i((e) => {
-					var n = !!ne(), r = b();
+					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,
@@ -206,8 +202,8 @@ function P(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 = v(), l = S(), d = b(), f = S() && V() > 0 ? x(F()) : void 0, p = r.ariaLabel, h = r.describedBy, g = r.required, _ = r.disabled, y = r.onChange === void 0, C = r.value, w = K();
-			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(m, "id", e.i = s), l !== e.n && c(m, "aria-expanded", e.n = l), d !== e.s && c(m, "aria-controls", e.s = d), f !== e.h && c(m, "aria-activedescendant", e.h = f), p !== e.r && c(m, "aria-label", e.r = p), h !== e.d && c(m, "aria-describedby", e.d = h), g !== e.l && (m.required = e.l = g), _ !== e.u && (m.disabled = e.u = _), y !== e.c && (m.readOnly = e.c = y), C !== e.w && c(m, "data-value", e.w = C), w !== e.m && c(m, "placeholder", e.m = w), 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;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -224,7 +220,7 @@ function P(r) {
 			c: void 0,
 			w: void 0,
 			m: void 0
-		}), i(() => m.value = S() ? w() : R()?.label ?? ""), u;
+		}), i(() => h.value = S() ? w() : P()?.label ?? ""), u;
 	})();
 }
 r([
@@ -235,132 +231,190 @@ r([
 	"mousemove"
 ]);
 //#endregion
-//#region src/data-table.tsx
-var F = /*#__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>"), I = /*#__PURE__*/ u("<div class=data-table-toolbar><div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), L = /*#__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>"), ne = /*#__PURE__*/ u("<li><label class=data-table-customizer-option><input type=checkbox>"), B = /*#__PURE__*/ u("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), V = /*#__PURE__*/ u("<th>"), re = /*#__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.");
+//#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) {
 	return typeof e == "function" ? e() : e;
 }
-function q(e) {
-	let r = h(() => K(e.rows)), s = () => K(e.loading ?? !1), l = () => K(e.selected ?? []), u = e.sortKey !== void 0 || e.sortDirection !== void 0, [y, b] = g(e.defaultSort), x = () => u ? K(e.sortKey ?? void 0) : y()?.key, S = () => u ? K(e.sortDirection ?? "asc") : y()?.direction ?? "asc", C = () => K(e.showColumnCustomizer ?? !1), w = () => e.selected !== void 0 && e.onSelectionChange !== void 0, T = () => {
+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)));
-	}, E = h(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [D, ee] = g(void 0), O = () => e.visibleColumns === void 0 ? D() ?? E() : K(e.visibleColumns), k = h(() => new Set(O())), A = h(() => e.columns.filter((e) => e.toggleable === !1 || k().has(e.key))), te = h(() => e.columns.filter((e) => e.toggleable !== !1)), j = h(() => te().map((e) => e.key));
-	function M(e, t) {
+	}, 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) {
+		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) {
 		return t.sortValue ? t.sortValue(e) : e[t.key];
 	}
-	function N(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 P = h(() => {
-		let t = r(), n = x();
+	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 = S() === "asc" ? 1 : -1;
-		return [...t].sort((e, t) => a * N(M(e, i), M(t, i)));
+		let a = C() === "asc" ? 1 : -1;
+		return [...t].sort((e, t) => a * J(q(e, i), q(t, i)));
 	});
-	function q(t) {
-		let n = x() === t, r = n && S() === "desc" ? void 0 : {
+	function pe(t) {
+		let n = S() === t, r = n && C() === "desc" ? void 0 : {
 			key: t,
 			direction: n ? "desc" : "asc"
 		};
-		u || b(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
+		u || x(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
 	}
-	function ie(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 J(t) {
-		let n = ie(t);
-		e.visibleColumns === void 0 && ee(n), e.onVisibleColumnsChange?.(n);
+	function he(t) {
+		let n = me(t);
+		e.visibleColumns === void 0 && re(n), e.onVisibleColumnsChange?.(n);
 	}
-	function ae(e, t) {
+	function ge(e, t) {
 		let n = new Set(O());
-		t ? n.add(e) : n.delete(e), J(j().filter((e) => n.has(e)));
+		t ? n.add(e) : n.delete(e), he(de().filter((e) => n.has(e)));
 	}
-	function oe() {
-		J(j());
+	function _e() {
+		he(de());
+	}
+	function ve(t) {
+		e.columnOrder === void 0 && ae(t), e.onColumnOrderChange?.(t);
 	}
-	function se() {
-		J(E());
+	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));
 	}
-	let Y = `${_()}-panel`, [X, Z] = g(!1), Q;
-	m(() => {
-		if (!X() || !C()) return;
+	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 xe() {
+		he(te()), ve(A(e.defaultColumnOrder ?? []).map((e) => e.key));
+	}
+	let [Se, Ce] = _(), we = `${v()}-panel`, [Te, Ee] = _(!1), Y;
+	h(() => {
+		if (!Te() || !w()) return;
 		function e(e) {
-			Q && !Q.contains(e.target) && Z(!1);
+			Y && !Y.contains(e.target) && Ee(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && Z(!1);
+			e.key === "Escape" && Ee(!1);
 		}
-		document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), v(() => {
+		document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), b(() => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		});
 	});
-	let $;
-	m(() => {
-		$ && ($.indeterminate = l().length > 0 && !T());
+	let X;
+	h(() => {
+		X && (X.indeterminate = l().length > 0 && !D());
 	});
-	function ce(t) {
+	function De(t) {
 		e.onSelectionChange?.(t ? r().map(e.getRowId) : []);
 	}
-	function le(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 ue(t) {
+	function ke(t) {
 		return l().includes(e.getRowId(t));
 	}
-	function de(e) {
+	function Ae(e) {
 		return e.toggleable === !1 || k().has(e.key);
 	}
-	function fe(t, n) {
+	function Z(t, n) {
 		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
 	}
 	return (() => {
 		var l = z(), m = l.firstChild, h = m.firstChild.firstChild, g = h.firstChild, _ = h.nextSibling;
 		return a(l, n(p, {
 			get when() {
-				return C();
+				return w() || T.toArray().length > 0;
 			},
 			get children() {
-				var t = I(), r = t.firstChild, o = r.firstChild;
-				o.firstChild.nextSibling;
-				var s = Q;
-				return typeof s == "function" ? d(s, r) : Q = r, o.$$click = () => Z((e) => !e), c(o, "aria-controls", Y), a(o, () => e.columnCustomizerLabel ?? "Columns", null), a(r, n(p, {
+				var t = oe();
+				return a(t, n(p, {
 					get when() {
-						return X();
+						return T.toArray().length > 0;
 					},
 					get children() {
-						var t = F(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
-						return c(t, "id", Y), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(f, {
-							get each() {
-								return e.columns;
+						var e = F();
+						return a(e, T), e;
+					}
+				}), null), a(t, n(p, {
+					get when() {
+						return w();
+					},
+					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();
 							},
-							children: (e) => (() => {
-								var t = ne(), n = t.firstChild, r = n.firstChild;
-								return r.addEventListener("change", (t) => ae(e.key, t.currentTarget.checked)), a(n, () => e.ariaLabel ?? e.label, null), i(() => r.disabled = e.toggleable === !1), i(() => r.checked = de(e)), t;
-							})()
-						})), s.$$click = oe, a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = se, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
+							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;
 					}
-				}), null), i(() => c(o, "aria-expanded", X())), t;
+				}), null), t;
 			}
 		}), m), a(g, n(p, {
 			get when() {
-				return w();
+				return E();
 			},
 			get children() {
-				var t = L(), n = t.firstChild.nextSibling;
-				n.addEventListener("change", (e) => ce(e.currentTarget.checked));
-				var r = $;
-				return typeof r == "function" ? d(r, n) : $ = n, i(() => c(n, "aria-label", e.selectionLabel ?? "Select all rows")), i(() => n.checked = T()), 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 = D()), t;
 			}
 		}), null), a(g, n(f, {
 			get each() {
-				return A();
+				return M();
 			},
 			children: (r) => (() => {
-				var s = V();
+				var s = H();
 				return a(s, n(p, {
 					get when() {
 						return o(() => !!r.sortable)() && (!u || e.onSort || e.onSortChange);
@@ -369,14 +423,14 @@ function q(e) {
 						return r.label;
 					},
 					get children() {
-						var e = B(), t = e.firstChild;
-						return e.$$click = () => q(r.key), a(e, () => r.label, t), a(t, (() => {
-							var e = o(() => x() === r.key);
-							return () => e() ? S() === "asc" ? "▲" : "▼" : "";
+						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 ? x() === r.key ? S() === "asc" ? "ascending" : "descending" : "none" : void 0;
+					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,
@@ -392,32 +446,32 @@ function q(e) {
 			}
 		}), null), a(_, n(f, {
 			get each() {
-				return P();
+				return fe();
 			},
 			children: (r) => (() => {
-				var o = U();
+				var o = W();
 				return a(o, n(p, {
 					get when() {
-						return w();
+						return E();
 					},
 					get children() {
-						var t = re(), n = t.firstChild;
-						return n.addEventListener("change", (e) => le(r, e.currentTarget.checked)), i(() => c(n, "aria-label", `Select row ${e.getRowId(r)}`)), i(() => n.checked = ue(r)), t;
+						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 A();
+						return M();
 					},
 					children: (e) => (() => {
-						var n = H();
-						return a(n, () => fe(r, e)), i(() => t(n, e.class)), n;
+						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 = H();
+						var t = U();
 						return a(t, () => e.rowActions?.(r)), t;
 					}
 				}), null), o;
@@ -427,18 +481,499 @@ function q(e) {
 				return s();
 			},
 			get children() {
-				return e.loadingContent ?? W();
+				return e.loadingContent ?? G();
 			}
 		}), null), a(l, n(p, {
 			get when() {
 				return o(() => !s())() && (e.empty === void 0 ? r().length === 0 : K(e.empty));
 			},
 			get children() {
-				return e.emptyContent ?? G();
+				return e.emptyContent ?? le();
 			}
 		}), null), i(() => t(l, `data-table-wrap${e.class ? ` ${e.class}` : ""}`)), l;
 	})();
 }
 r(["click"]);
 //#endregion
-export { P as Combobox, q as DataTable };
+//#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 Ae(e) {
+	return Array.isArray(e) ? e.length > 0 : (e ?? "").trim() !== "";
+}
+function Z(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) {
+	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 Me(e) {
+	let [r, l] = S(e, [
+		"rows",
+		"filters",
+		"filterValues",
+		"defaultFilterValues",
+		"onFilterValuesChange",
+		"savedFilters",
+		"onSavedFiltersChange",
+		"manualFiltering",
+		"quickSearch",
+		"getSearchText",
+		"quickSearchLabel",
+		"resultsLabel",
+		"filtersLabel",
+		"applyLabel",
+		"resetLabel",
+		"clearAllLabel",
+		"anyLabel",
+		"yesLabel",
+		"noLabel",
+		"savedFiltersLabel",
+		"saveLabel",
+		"saveNameLabel",
+		"cancelLabel",
+		"deleteSavedFilterLabel",
+		"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(),
+			[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 D(e, t, n) {
+		if (t.match) return t.match(e, n);
+		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(Q(t)));
+		}
+		return t.type === "boolean" ? !!r == (n === "true") : Q(r).toLowerCase().includes(Q(n).toLowerCase());
+	}
+	function te(e) {
+		return r.getSearchText ? r.getSearchText(e) : l.columns.map((t) => Q(t.sortValue?.(e) ?? e[t.key])).join(" ");
+	}
+	let ne = 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])));
+	});
+	function re(e) {
+		if (e.options) return e.options;
+		let t = /* @__PURE__ */ new Set();
+		for (let n of u()) {
+			let r = ee(n, e);
+			for (let e of Array.isArray(r) ? r : [r]) {
+				let n = Q(e);
+				n !== "" && t.add(n);
+			}
+		}
+		return [...t].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({
+			value: 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;
+	}
+	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}: ${O(e, t)}`
+		}));
+	}));
+	function ie(e, t) {
+		let n = x()[e.key];
+		w(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
+	}
+	function ae() {
+		C({ [Oe]: T() });
+	}
+	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);
+	}
+	function oe() {
+		I(j()?.name ?? ""), P(!0);
+	}
+	function se(e) {
+		e.preventDefault();
+		let t = F().trim();
+		if (t === "") return;
+		let n = (A() ?? []).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));
+	}
+	let [z, B] = _(x());
+	h(y(x, (e) => B(e)));
+	function V(e) {
+		return z()[e];
+	}
+	function H(e, t) {
+		B((n) => ({
+			...n,
+			[e]: t
+		}));
+	}
+	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
+		}));
+	}), U = v(), W = ["results", "filters"], [G, le] = _("results"), K = (e) => `${U}-tab-${e}`, Me = (e) => `${U}-panel-${e}`, $ = (e) => `${U}-filter-${e}`;
+	function Ne(e) {
+		e === "filters" && B(x()), le(e);
+	}
+	function Pe(e) {
+		let t = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
+		if (t === 0) return;
+		e.preventDefault();
+		let n = W[(W.indexOf(G()) + t + W.length) % W.length];
+		Ne(n), document.getElementById(K(n))?.focus();
+	}
+	function Fe(e) {
+		e.preventDefault(), C(z()), le("results");
+	}
+	function Ie() {
+		ae(), le("results");
+	}
+	function Le(e) {
+		if (e.type === "text") return (() => {
+			var t = fe();
+			return t.$$input = (t) => H(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 = Q(V(e.key))), t;
+		})();
+		if (e.type === "boolean") return n(M, {
+			get id() {
+				return $(e.key);
+			},
+			get value() {
+				return Q(V(e.key));
+			},
+			onChange: (t) => H(e.key, t),
+			get emptyLabel() {
+				return r.anyLabel ?? "Any";
+			},
+			get options() {
+				return [{
+					value: "true",
+					label: r.yesLabel ?? "Yes"
+				}, {
+					value: "false",
+					label: r.noLabel ?? "No"
+				}];
+			}
+		});
+		let t = () => {
+			let t = V(e.key);
+			return Array.isArray(t) ? t : [];
+		};
+		return (() => {
+			var o = me();
+			return a(o, n(M, {
+				get id() {
+					return $(e.key);
+				},
+				value: "",
+				onChange: (n) => H(e.key, [...t(), n]),
+				get options() {
+					return re(e).filter((e) => !t().includes(String(e.value)));
+				},
+				get placeholder() {
+					return e.placeholder ?? r.anyLabel ?? "Any";
+				}
+			}), null), a(o, n(p, {
+				get when() {
+					return t().length > 0;
+				},
+				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;
+				}
+			}), null), o;
+		})();
+	}
+	let Re = (() => {
+		var e = xe();
+		return a(e, n(p, {
+			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;
+			}
+		}), null), a(e, n(p, {
+			get when() {
+				return (A()?.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;
+			}
+		}), 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 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;
+			}
+		}), null), a(e, n(p, {
+			get when() {
+				return o(() => !!N())() && 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;
+			}
+		}), 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, {
+			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";
+			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,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
+		}), e;
+	})();
+}
+r([
+	"input",
+	"click",
+	"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) {
+	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 = $();
+				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 { M as Combobox, ue as DataTable, Me as FilterTable, Fe as SearchBar };