@serkonda7/solid-components 0.0.7 → 0.1.0

package/dist/index.js

@@ -1,60 +1,111 @@
-import { Dynamic as e, className as t, createComponent as n, delegateEvents as r, effect as i, insert as a, memo as o, setAttribute as s, template as c, use as l } from "solid-js/web";
-import { IconChevronDown as u, IconPlus as d } from "@tabler/icons-solidjs";
-import { For as f, Show as p, createEffect as m, createMemo as h, createSignal as g, createUniqueId as _, onCleanup as v, onMount as y } from "solid-js";
-//#region src/combobox.tsx
-var b = /*#__PURE__*/ c("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), x = /*#__PURE__*/ c("<div role=option class=\"combobox-option combobox-option-add\">"), S = /*#__PURE__*/ c("<div class=combobox-list role=listbox>"), C = /*#__PURE__*/ c("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), w = /*#__PURE__*/ c("<span class=combobox-icon aria-hidden=true>"), T = /*#__PURE__*/ c("<div class=combobox-empty>"), E = /*#__PURE__*/ c("<span class=combobox-detail>"), D = /*#__PURE__*/ c("<div role=option class=combobox-option><span class=combobox-option-label>"), ee = /*#__PURE__*/ c("<span class=combobox-option-icon aria-hidden=true>");
-function O(r) {
-	let c, v, O = _(), k = () => r.id ?? O, A = () => `${k()}-listbox`, j = (e) => `${k()}-option-${e}`, [M, N] = g(!1), [P, F] = g(""), [I, L] = g(0), R = h(() => r.emptyLabel === void 0 ? r.options : [{
+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";
+//#region node_modules/@tabler/icons-solidjs/dist/source/defaultAttributes.js
+var C = {
+	outline: {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": 2,
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	},
+	filled: {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		stroke: "none"
+	}
+}, w = /*#__PURE__*/ u("<svg>"), T = /*#__PURE__*/ u("<title>"), E = (t, r, i, c) => {
+	let u = (i) => {
+		let [u, d] = S(i, [
+			"color",
+			"size",
+			"stroke",
+			"strokeWidth",
+			"title",
+			"children",
+			"class"
+		]), f = C[t], p = u.stroke ?? u.strokeWidth;
+		return (() => {
+			var i = w();
+			return l(i, s(f, d, {
+				get width() {
+					return o(() => u.size != null)() ? u.size : f.width;
+				},
+				get height() {
+					return o(() => u.size != null)() ? u.size : f.height;
+				},
+				get class() {
+					return `tabler-icon tabler-icon-${r}${u.class ? ` ${u.class}` : ""}`;
+				}
+			}, () => t === "filled" ? { fill: u.color == null ? "currentColor" : u.color } : {
+				stroke: u.color == null ? "currentColor" : u.color,
+				"stroke-width": p ?? f["stroke-width"]
+			}), !0, !0), a(i, (() => {
+				var e = o(() => u.title != null);
+				return () => e() && (() => {
+					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;
+}, ee = E("outline", "chevron-down", "ChevronDown", [["path", { d: "M6 9l6 6l6 -6" }]]), D = E("outline", "plus", "Plus", [["path", { d: "M12 5l0 14" }], ["path", { d: "M5 12l14 0" }]]), O = E("outline", "search", "Search", [["path", { d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }], ["path", { d: "M21 21l-6 -6" }]]), k = E("outline", "x", "X", [["path", { d: "M18 6l-12 12" }], ["path", { d: "M6 6l12 12" }]]), A = /*#__PURE__*/ u("<span class=combobox-value aria-hidden=true><span class=combobox-option-label></span><span class=combobox-detail>"), j = /*#__PURE__*/ u("<div role=option class=\"combobox-option combobox-option-add\">"), M = /*#__PURE__*/ u("<div class=combobox-list role=listbox>"), te = /*#__PURE__*/ u("<div><input class=combobox-input role=combobox aria-autocomplete=list autocomplete=off>"), N = /*#__PURE__*/ u("<span class=combobox-icon aria-hidden=true>"), P = /*#__PURE__*/ u("<div class=combobox-empty>"), F = /*#__PURE__*/ u("<span class=combobox-detail>"), I = /*#__PURE__*/ u("<div role=option class=combobox-option><span class=combobox-option-label>"), L = /*#__PURE__*/ u("<span class=combobox-option-icon aria-hidden=true>");
+function R(r) {
+	let s, l, u = v(), m = () => r.id ?? u, y = () => `${m()}-listbox`, b = (e) => `${m()}-option-${e}`, [S, C] = _(!1), [w, T] = _(""), [E, O] = _(0), k = g(() => r.emptyLabel === void 0 ? r.options : [{
 		value: "",
 		label: r.emptyLabel
-	}, ...r.options]), z = h(() => r.value === "" ? void 0 : R().find((e) => String(e.value) === r.value)), B = h(() => {
-		let e = P().trim().toLowerCase();
-		return e === "" ? R() : R().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
-	}), V = () => r.options.some((e) => e.detail !== void 0), H = () => B().length, U = () => B().length + +!!r.onAdd, W = () => !r.disabled && r.onChange !== void 0;
-	y(() => {
-		r.autofocus === !0 && c?.focus();
-	}), m(() => {
-		M() && v?.querySelector(`[data-index="${I()}"]`)?.scrollIntoView({ block: "nearest" });
+	}, ...r.options]), R = g(() => r.value === "" ? void 0 : k().find((e) => String(e.value) === r.value)), z = g(() => {
+		let e = w().trim().toLowerCase();
+		return e === "" ? k() : k().filter((t) => t.label.toLowerCase().includes(e) || (t.detail?.toLowerCase().includes(e) ?? !1));
+	}), B = () => r.options.some((e) => e.detail !== void 0), V = () => z().length, H = () => z().length + +!!r.onAdd, U = () => !r.disabled && r.onChange !== void 0;
+	x(() => {
+		r.autofocus === !0 && s?.focus();
+	}), h(() => {
+		S() && l?.querySelector(`[data-index="${E()}"]`)?.scrollIntoView({ block: "nearest" });
 	});
-	function G() {
-		if (M() || !W()) return;
-		F("");
-		let e = R().findIndex((e) => String(e.value) === r.value);
-		L(Math.max(e, 0)), N(!0), r.onOpen?.();
+	function W() {
+		if (S() || !U()) return;
+		T("");
+		let e = k().findIndex((e) => String(e.value) === r.value);
+		O(Math.max(e, 0)), C(!0), r.onOpen?.();
 	}
-	function K(e) {
-		if (N(!1), r.onAdd && e === H()) {
-			r.onAdd(P().trim());
+	function G(e) {
+		if (C(!1), r.onAdd && e === V()) {
+			r.onAdd(w().trim());
 			return;
 		}
-		let t = B()[e];
+		let t = z()[e];
 		t && String(t.value) !== r.value && r.onChange?.(String(t.value));
 	}
-	function q(e) {
-		let t = U();
-		M() ? t > 0 && L((I() + e + t) % t) : G();
+	function K(e) {
+		let t = H();
+		S() ? t > 0 && O((E() + e + t) % t) : W();
 	}
-	function J(e) {
-		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-			e.preventDefault(), q(e.key === "ArrowDown" ? 1 : -1);
-			return;
-		}
-		M() && (e.key === "Enter" ? (e.preventDefault(), K(I())) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), N(!1)));
+	function q(e) {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), K(e.key === "ArrowDown" ? 1 : -1)) : S() && (e.key === "Enter" ? (e.preventDefault(), G(E())) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), C(!1)));
 	}
-	let te = () => M() ? z()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel;
+	let ne = () => S() ? R()?.label ?? r.emptyLabel ?? r.searchLabel ?? "Search" : r.emptyLabel ?? r.placeholder;
 	return (() => {
-		var m = C(), h = m.firstChild;
-		h.addEventListener("blur", () => N(!1)), h.$$keydown = J, h.$$input = (e) => {
+		var u = te(), h = u.firstChild;
+		h.addEventListener("blur", () => C(!1)), h.$$keydown = q, h.$$input = (e) => {
 			let t = e.currentTarget.value;
-			G(), F(t), L(0);
-		}, h.$$click = G;
-		var g = c;
-		return typeof g == "function" ? l(g, h) : c = h, a(m, n(p, {
+			W(), T(t), O(0);
+		}, h.$$click = W;
+		var g = s;
+		return typeof g == "function" ? d(g, h) : s = h, a(u, n(p, {
 			get when() {
-				return o(() => !M())() && z()?.icon;
+				return o(() => !S())() && R()?.icon;
 			},
 			children: (t) => (() => {
-				var r = w();
+				var r = N();
 				return a(r, n(e, {
 					get component() {
 						return t();
@@ -62,42 +113,42 @@ function O(r) {
 					size: 14
 				})), r;
 			})()
-		}), null), a(m, n(p, {
+		}), null), a(u, n(p, {
 			get when() {
-				return o(() => !M())() && z()?.detail;
+				return o(() => !S())() && R()?.detail;
 			},
 			get children() {
-				var e = b(), t = e.firstChild, n = t.nextSibling;
-				return a(t, () => z()?.label), a(n, () => z()?.detail), e;
+				var e = A(), t = e.firstChild, n = t.nextSibling;
+				return a(t, () => R()?.label), a(n, () => R()?.detail), e;
 			}
-		}), null), a(m, n(u, {
+		}), null), a(u, n(ee, {
 			class: "combobox-chevron",
 			size: 16,
 			"aria-hidden": "true"
-		}), null), a(m, n(p, {
+		}), null), a(u, n(p, {
 			get when() {
-				return M();
+				return S();
 			},
 			get children() {
-				var t = S(), o = v;
-				return typeof o == "function" ? l(o, t) : v = t, a(t, n(f, {
+				var t = M(), o = l;
+				return typeof o == "function" ? d(o, t) : l = t, a(t, n(f, {
 					get each() {
-						return B();
+						return z();
 					},
 					get fallback() {
 						return (() => {
-							var e = T();
+							var e = P();
 							return a(e, () => r.noMatchesLabel ?? "No matching objects"), e;
 						})();
 					},
 					children: (t, o) => (() => {
-						var c = D(), l = c.firstChild;
-						return c.$$click = () => K(o()), c.$$mousemove = () => L(o()), c.$$mousedown = (e) => e.preventDefault(), a(l, n(p, {
+						var s = I(), l = s.firstChild;
+						return s.$$click = () => G(o()), s.$$mousemove = () => O(o()), s.$$mousedown = (e) => e.preventDefault(), a(l, n(p, {
 							get when() {
 								return t.icon;
 							},
 							children: (t) => (() => {
-								var r = ee();
+								var r = L();
 								return a(r, n(e, {
 									get component() {
 										return t();
@@ -105,37 +156,37 @@ function O(r) {
 									size: 14
 								})), r;
 							})()
-						}), null), a(l, () => t.label, null), a(c, n(p, {
+						}), null), a(l, () => t.label, null), a(s, n(p, {
 							get when() {
 								return t.detail;
 							},
 							get children() {
-								var e = E();
+								var e = F();
 								return a(e, () => t.detail), e;
 							}
 						}), null), i((e) => {
-							var n = j(o()), i = o(), a = String(t.value) === r.value, l = o() === I(), u = t.value === "";
-							return n !== e.e && s(c, "id", e.e = n), i !== e.t && s(c, "data-index", e.t = i), a !== e.a && s(c, "aria-selected", e.a = a), l !== e.o && c.classList.toggle("combobox-option-active", e.o = l), u !== e.i && c.classList.toggle("combobox-option-empty", e.i = u), 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
-						}), c;
+						}), s;
 					})()
 				}), null), a(t, n(p, {
 					get when() {
 						return r.onAdd;
 					},
 					get children() {
-						var e = x();
-						return e.$$click = () => K(H()), e.$$mousemove = () => L(H()), e.$$mousedown = (e) => e.preventDefault(), s(e, "aria-selected", !1), a(e, n(d, {
+						var e = j();
+						return e.$$click = () => G(V()), e.$$mousemove = () => O(V()), e.$$mousedown = (e) => e.preventDefault(), c(e, "aria-selected", !1), a(e, n(D, {
 							size: 14,
 							"aria-hidden": "true"
 						}), null), a(e, () => r.addLabel ?? "Add", null), i((t) => {
-							var n = j(H()), r = H(), i = H() === I();
-							return n !== t.e && s(e, "id", t.e = n), r !== t.t && s(e, "data-index", t.t = r), i !== t.a && e.classList.toggle("combobox-option-active", t.a = i), t;
+							var n = b(V()), r = V(), i = V() === 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,
@@ -143,16 +194,16 @@ function O(r) {
 						}), e;
 					}
 				}), null), i((e) => {
-					var n = !!V(), r = A();
-					return n !== e.e && t.classList.toggle("combobox-list-detail", e.e = n), r !== e.t && s(t, "id", e.t = r), e;
+					var n = !!B(), 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;
 			}
 		}), null), i((e) => {
-			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!M(), a = !(M() || !z()?.detail), o = !(M() || z()?.icon === void 0), c = k(), l = M(), u = A(), d = M() && U() > 0 ? j(I()) : void 0, f = r.ariaLabel, p = r.describedBy, g = r.required, _ = r.disabled, v = r.onChange === void 0, y = r.value, b = te();
-			return n !== e.e && t(m, e.e = n), i !== e.t && m.classList.toggle("combobox-open", e.t = i), a !== e.a && m.classList.toggle("combobox-with-detail", e.a = a), o !== e.o && m.classList.toggle("combobox-with-icon", e.o = o), c !== e.i && s(h, "id", e.i = c), l !== e.n && s(h, "aria-expanded", e.n = l), u !== e.s && s(h, "aria-controls", e.s = u), d !== e.h && s(h, "aria-activedescendant", e.h = d), f !== e.r && s(h, "aria-label", e.r = f), p !== e.d && s(h, "aria-describedby", e.d = p), g !== e.l && (h.required = e.l = g), _ !== e.u && (h.disabled = e.u = _), v !== e.c && (h.readOnly = e.c = v), y !== e.w && s(h, "data-value", e.w = y), b !== e.m && s(h, "placeholder", e.m = b), e;
+			var n = r.class ? `combobox ${r.class}` : "combobox", i = !!S(), a = !(S() || !R()?.detail), o = !(S() || R()?.icon === void 0), s = m(), l = S(), d = y(), f = S() && H() > 0 ? b(E()) : void 0, p = r.ariaLabel, g = r.describedBy, _ = r.required, v = r.disabled, x = r.onChange === void 0, C = r.value, w = ne();
+			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,
@@ -169,7 +220,7 @@ function O(r) {
 			c: void 0,
 			w: void 0,
 			m: void 0
-		}), i(() => h.value = M() ? P() : z()?.label ?? ""), m;
+		}), i(() => h.value = S() ? w() : R()?.label ?? ""), u;
 	})();
 }
 r([
@@ -181,209 +232,551 @@ r([
 ]);
 //#endregion
 //#region src/data-table.tsx
-var k = /*#__PURE__*/ c("<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>"), A = /*#__PURE__*/ c("<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> "), j = /*#__PURE__*/ c("<th class=data-table-checkbox><span class=data-table-visually-hidden>Select rows</span><input type=checkbox>"), M = /*#__PURE__*/ c("<th>Actions"), N = /*#__PURE__*/ c("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), P = /*#__PURE__*/ c("<li><label class=data-table-customizer-option><input type=checkbox>"), F = /*#__PURE__*/ c("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), I = /*#__PURE__*/ c("<th>"), L = /*#__PURE__*/ c("<td class=data-table-checkbox><input type=checkbox>"), R = /*#__PURE__*/ c("<td>"), z = /*#__PURE__*/ c("<tr>"), B = /*#__PURE__*/ c("<p class=data-table-status>Loading…"), V = /*#__PURE__*/ c("<p class=data-table-status>No results.");
-function H(e) {
+var z = /*#__PURE__*/ u("<div class=data-table-toolbar-start>"), B = /*#__PURE__*/ u("<div role=dialog class=data-table-customizer-panel><p class=data-table-customizer-title></p><ul class=data-table-customizer-list></ul><div class=data-table-customizer-actions><button type=button></button><button type=button>"), V = /*#__PURE__*/ u("<div class=data-table-customizer><button type=button class=data-table-customizer-button aria-haspopup=dialog><span aria-hidden=true>⚙</span> "), H = /*#__PURE__*/ u("<div class=data-table-toolbar>"), U = /*#__PURE__*/ u("<th class=data-table-checkbox><span class=data-table-visually-hidden>Select rows</span><input type=checkbox>"), W = /*#__PURE__*/ u("<th>Actions"), G = /*#__PURE__*/ u("<div><div class=data-table-scroll><table class=data-table><thead><tr></tr></thead><tbody>"), K = /*#__PURE__*/ u("<li><label class=data-table-customizer-option><input type=checkbox>"), q = /*#__PURE__*/ u("<button type=button class=data-table-sort><span class=data-table-sort-indicator aria-hidden=true>"), ne = /*#__PURE__*/ u("<th>"), re = /*#__PURE__*/ u("<td class=data-table-checkbox><input type=checkbox>"), ie = /*#__PURE__*/ u("<td>"), ae = /*#__PURE__*/ u("<tr>"), oe = /*#__PURE__*/ u("<p class=data-table-status>Loading…"), se = /*#__PURE__*/ u("<p class=data-table-status>No results.");
+function J(e) {
 	return typeof e == "function" ? e() : e;
 }
-function U(e) {
-	let r = h(() => H(e.rows)), c = () => H(e.loading ?? !1), u = () => H(e.selected ?? []), d = e.sortKey !== void 0 || e.sortDirection !== void 0, [y, b] = g(e.defaultSort), x = () => d ? H(e.sortKey ?? void 0) : y()?.key, S = () => d ? H(e.sortDirection ?? "asc") : y()?.direction ?? "asc", C = () => H(e.showColumnCustomizer ?? !1), w = () => e.selected !== void 0 && e.onSelectionChange !== void 0, T = () => {
-		let t = u();
+function Y(e) {
+	let r = g(() => J(e.rows)), s = () => J(e.loading ?? !1), l = () => J(e.selected ?? []), u = e.sortKey !== void 0 || e.sortDirection !== void 0, [y, x] = _(e.defaultSort), S = () => u ? J(e.sortKey ?? void 0) : y()?.key, C = () => u ? J(e.sortDirection ?? "asc") : y()?.direction ?? "asc", w = () => J(e.showColumnCustomizer ?? !1), T = m(() => e.toolbar), E = () => e.selected !== void 0 && e.onSelectionChange !== void 0, ee = () => {
+		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() : H(e.visibleColumns), U = h(() => new Set(O())), W = h(() => e.columns.filter((e) => e.toggleable === !1 || U().has(e.key))), G = h(() => e.columns.filter((e) => e.toggleable !== !1)), K = h(() => G().map((e) => e.key));
-	function q(e, t) {
+	}, D = g(() => e.defaultVisibleColumns ?? e.columns.filter((e) => e.defaultVisible !== !1).map((e) => e.key)), [O, k] = _(void 0), A = () => e.visibleColumns === void 0 ? O() ?? D() : J(e.visibleColumns), j = g(() => new Set(A())), M = g(() => e.columns.filter((e) => e.toggleable === !1 || j().has(e.key))), te = g(() => e.columns.filter((e) => e.toggleable !== !1)), N = g(() => te().map((e) => e.key));
+	function P(e, t) {
 		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 te = h(() => {
-		let t = r(), n = x();
-		if (d || !n) return t;
+	let I = 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 * J(q(e, i), q(t, i)));
+		let a = C() === "asc" ? 1 : -1;
+		return [...t].sort((e, t) => a * F(P(e, i), P(t, i)));
 	});
-	function ne(t) {
-		let n = x() === t, r = n && S() === "desc" ? void 0 : {
+	function L(t) {
+		let n = S() === t, r = n && C() === "desc" ? void 0 : {
 			key: t,
 			direction: n ? "desc" : "asc"
 		};
-		d || b(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
+		u || x(r), e.onSort?.(t), r || e.onSortClear?.(), e.onSortChange?.(r);
 	}
-	function re(t) {
+	function R(t) {
 		let n = new Map(e.columns.map((e, t) => [e.key, t]));
 		return [...t].sort((e, t) => (n.get(e) ?? 0) - (n.get(t) ?? 0));
 	}
 	function Y(t) {
-		let n = re(t);
-		e.visibleColumns === void 0 && ee(n), e.onVisibleColumnsChange?.(n);
+		let n = R(t);
+		e.visibleColumns === void 0 && k(n), e.onVisibleColumnsChange?.(n);
 	}
-	function ie(e, t) {
-		let n = new Set(O());
-		t ? n.add(e) : n.delete(e), Y(K().filter((e) => n.has(e)));
+	function ce(e, t) {
+		let n = new Set(A());
+		t ? n.add(e) : n.delete(e), Y(N().filter((e) => n.has(e)));
 	}
-	function ae() {
-		Y(K());
+	function le() {
+		Y(N());
 	}
-	function oe() {
-		Y(E());
+	function ue() {
+		Y(D());
 	}
-	let se = `${_()}-panel`, [X, Z] = g(!1), Q;
-	m(() => {
-		if (!X() || !C()) return;
+	let de = `${v()}-panel`, [X, fe] = _(!1), Z;
+	h(() => {
+		if (!X() || !w()) return;
 		function e(e) {
-			Q && !Q.contains(e.target) && Z(!1);
+			Z && !Z.contains(e.target) && fe(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && Z(!1);
+			e.key === "Escape" && fe(!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 = u().length > 0 && !T());
+	let Q;
+	h(() => {
+		Q && (Q.indeterminate = l().length > 0 && !ee());
 	});
-	function ce(t) {
+	function pe(t) {
 		e.onSelectionChange?.(t ? r().map(e.getRowId) : []);
 	}
-	function le(t, n) {
-		let r = e.getRowId(t), i = u(), a = n ? [...i, r] : i.filter((e) => e !== r);
+	function me(t, n) {
+		let r = e.getRowId(t), i = l(), a = n ? [...i, r] : i.filter((e) => e !== r);
 		e.onSelectionChange?.(a);
 	}
-	function ue(t) {
-		return u().includes(e.getRowId(t));
+	function he(t) {
+		return l().includes(e.getRowId(t));
 	}
-	function de(e) {
-		return e.toggleable === !1 || U().has(e.key);
+	function ge(e) {
+		return e.toggleable === !1 || j().has(e.key);
 	}
-	function fe(t, n) {
+	function _e(t, n) {
 		return e.getCell?.(t, n) ?? n.getValue?.(t) ?? null;
 	}
 	return (() => {
-		var u = N(), m = u.firstChild, h = m.firstChild.firstChild, g = h.firstChild, _ = h.nextSibling;
-		return a(u, n(p, {
+		var l = G(), 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 = A(), r = t.firstChild, o = r.firstChild;
-				o.firstChild.nextSibling;
-				var c = Q;
-				return typeof c == "function" ? l(c, r) : Q = r, o.$$click = () => Z((e) => !e), s(o, "aria-controls", se), a(o, () => e.columnCustomizerLabel ?? "Columns", null), a(r, n(p, {
+				var t = H();
+				return a(t, n(p, {
 					get when() {
-						return X();
+						return T.toArray().length > 0;
 					},
 					get children() {
-						var t = k(), r = t.firstChild, o = r.nextSibling, c = o.nextSibling.firstChild, l = c.nextSibling;
-						return s(t, "id", se), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(f, {
-							get each() {
-								return e.columns;
+						var e = z();
+						return a(e, T), e;
+					}
+				}), null), a(t, n(p, {
+					get when() {
+						return w();
+					},
+					get children() {
+						var t = V(), r = t.firstChild;
+						r.firstChild.nextSibling;
+						var o = Z;
+						return typeof o == "function" ? d(o, t) : Z = t, r.$$click = () => fe((e) => !e), c(r, "aria-controls", de), a(r, () => e.columnCustomizerLabel ?? "Columns", null), a(t, n(p, {
+							get when() {
+								return X();
 							},
-							children: (e) => (() => {
-								var t = P(), n = t.firstChild, r = n.firstChild;
-								return r.addEventListener("change", (t) => ie(e.key, t.currentTarget.checked)), a(n, () => e.ariaLabel ?? e.label, null), i(() => r.disabled = e.toggleable === !1), i(() => r.checked = de(e)), t;
-							})()
-						})), c.$$click = ae, a(c, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = oe, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => s(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
+							get children() {
+								var t = B(), r = t.firstChild, o = r.nextSibling, s = o.nextSibling.firstChild, l = s.nextSibling;
+								return c(t, "id", de), a(r, () => e.columnCustomizerTitle ?? "Shown columns"), a(o, n(f, {
+									get each() {
+										return e.columns;
+									},
+									children: (e) => (() => {
+										var t = K(), n = t.firstChild, r = n.firstChild;
+										return r.addEventListener("change", (t) => ce(e.key, t.currentTarget.checked)), a(n, () => e.ariaLabel ?? e.label, null), i(() => r.disabled = e.toggleable === !1), i(() => r.checked = ge(e)), t;
+									})()
+								})), s.$$click = le, a(s, () => e.columnCustomizerShowAllLabel ?? "Show all"), l.$$click = ue, a(l, () => e.columnCustomizerResetLabel ?? "Reset"), i(() => c(t, "aria-label", e.columnCustomizerTitle ?? "Customize columns")), t;
+							}
+						}), null), i(() => c(r, "aria-expanded", X())), t;
 					}
-				}), null), i(() => s(o, "aria-expanded", X())), t;
+				}), null), t;
 			}
 		}), m), a(g, n(p, {
 			get when() {
-				return w();
+				return E();
 			},
 			get children() {
-				var t = j(), n = t.firstChild.nextSibling;
-				n.addEventListener("change", (e) => ce(e.currentTarget.checked));
-				var r = $;
-				return typeof r == "function" ? l(r, n) : $ = n, i(() => s(n, "aria-label", e.selectionLabel ?? "Select all rows")), i(() => n.checked = T()), t;
+				var t = U(), n = t.firstChild.nextSibling;
+				n.addEventListener("change", (e) => pe(e.currentTarget.checked));
+				var r = Q;
+				return typeof r == "function" ? d(r, n) : Q = n, i(() => c(n, "aria-label", e.selectionLabel ?? "Select all rows")), i(() => n.checked = ee()), t;
 			}
 		}), null), a(g, n(f, {
 			get each() {
-				return W();
+				return M();
 			},
 			children: (r) => (() => {
-				var c = I();
-				return a(c, n(p, {
+				var s = ne();
+				return a(s, n(p, {
 					get when() {
-						return o(() => !!r.sortable)() && (!d || e.onSort || e.onSortChange);
+						return o(() => !!r.sortable)() && (!u || e.onSort || e.onSortChange);
 					},
 					get fallback() {
 						return r.label;
 					},
 					get children() {
-						var e = F(), t = e.firstChild;
-						return e.$$click = () => ne(r.key), a(e, () => r.label, t), a(t, (() => {
-							var e = o(() => x() === r.key);
-							return () => e() ? S() === "asc" ? "▲" : "▼" : "";
+						var e = q(), t = e.firstChild;
+						return e.$$click = () => L(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;
-					return n !== e.e && t(c, e.e = n), i !== e.t && s(c, "aria-sort", e.t = 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
-				}), c;
+				}), s;
 			})()
 		}), null), a(g, n(p, {
 			get when() {
 				return e.rowActions;
 			},
 			get children() {
-				return M();
+				return W();
 			}
 		}), null), a(_, n(f, {
 			get each() {
-				return te();
+				return I();
 			},
 			children: (r) => (() => {
-				var o = z();
+				var o = ae();
 				return a(o, n(p, {
 					get when() {
-						return w();
+						return E();
 					},
 					get children() {
-						var t = L(), n = t.firstChild;
-						return n.addEventListener("change", (e) => le(r, e.currentTarget.checked)), i(() => s(n, "aria-label", `Select row ${e.getRowId(r)}`)), i(() => n.checked = ue(r)), t;
+						var t = re(), n = t.firstChild;
+						return n.addEventListener("change", (e) => me(r, e.currentTarget.checked)), i(() => c(n, "aria-label", `Select row ${e.getRowId(r)}`)), i(() => n.checked = he(r)), t;
 					}
 				}), null), a(o, n(f, {
 					get each() {
-						return W();
+						return M();
 					},
 					children: (e) => (() => {
-						var n = R();
-						return a(n, () => fe(r, e)), i(() => t(n, e.class)), n;
+						var n = ie();
+						return a(n, () => _e(r, e)), i(() => t(n, e.class)), n;
 					})()
 				}), null), a(o, n(p, {
 					get when() {
 						return e.rowActions;
 					},
 					get children() {
-						var t = R();
+						var t = ie();
 						return a(t, () => e.rowActions?.(r)), t;
 					}
 				}), null), o;
 			})()
-		})), a(u, n(p, {
+		})), a(l, n(p, {
 			get when() {
-				return c();
+				return s();
 			},
 			get children() {
-				return e.loadingContent ?? B();
+				return e.loadingContent ?? oe();
 			}
-		}), null), a(u, n(p, {
+		}), null), a(l, n(p, {
 			get when() {
-				return o(() => !c())() && (e.empty === void 0 ? r().length === 0 : H(e.empty));
+				return o(() => !s())() && (e.empty === void 0 ? r().length === 0 : J(e.empty));
 			},
 			get children() {
-				return e.emptyContent ?? V();
+				return e.emptyContent ?? se();
 			}
-		}), null), i(() => t(u, `data-table-wrap${e.class ? ` ${e.class}` : ""}`)), u;
+		}), null), i(() => t(l, `data-table-wrap${e.class ? ` ${e.class}` : ""}`)), l;
 	})();
 }
 r(["click"]);
 //#endregion
-export { O as Combobox, U as DataTable };
+//#region src/filter-table.tsx
+var ce = /*#__PURE__*/ u("<input class=filter-table-input type=text>"), le = /*#__PURE__*/ u("<ul class=filter-table-chips>"), ue = /*#__PURE__*/ u("<div class=filter-table-multi>"), de = /*#__PURE__*/ u("<li class=filter-table-chip><button type=button class=filter-table-chip-remove>"), X = /*#__PURE__*/ u("<div class=filter-table-search><input type=search class=filter-table-input>"), fe = /*#__PURE__*/ u("<ul class=filter-table-pills aria-label=\"Applied filters\"><li><button type=button class=\"filter-table-pill filter-table-pill-clear\">"), Z = /*#__PURE__*/ u("<div class=filter-table-toolbar>"), Q = /*#__PURE__*/ u("<li><button type=button class=filter-table-pill>"), pe = /*#__PURE__*/ u("<div><div class=filter-table-tabs role=tablist></div><div role=tabpanel></div><div role=tabpanel><form class=filter-table-form><div class=filter-table-form-actions><button type=button class=filter-table-button></button><button type=submit class=\"filter-table-button filter-table-button-primary\">"), me = /*#__PURE__*/ u("<span class=filter-table-badge>"), he = /*#__PURE__*/ u("<button type=button role=tab class=filter-table-tab>"), ge = /*#__PURE__*/ u("<legend class=filter-table-legend>"), _e = /*#__PURE__*/ u("<fieldset class=filter-table-fieldset>"), ve = /*#__PURE__*/ u("<div class=filter-table-field><label class=filter-table-label>"), ye = "q";
+function be(e) {
+	return typeof e == "function" ? e() : e;
+}
+function xe(e) {
+	return Array.isArray(e) ? e.length > 0 : (e ?? "").trim() !== "";
+}
+function Se(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) xe(r) && (t[n] = Array.isArray(r) ? r : r.trim());
+	return t;
+}
+function $(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : "";
+}
+function Ce(e) {
+	let [r, o] = S(e, [
+		"rows",
+		"filters",
+		"filterValues",
+		"defaultFilterValues",
+		"onFilterValuesChange",
+		"manualFiltering",
+		"quickSearch",
+		"getSearchText",
+		"quickSearchLabel",
+		"resultsLabel",
+		"filtersLabel",
+		"applyLabel",
+		"resetLabel",
+		"clearAllLabel",
+		"anyLabel",
+		"yesLabel",
+		"noLabel",
+		"class"
+	]), l = g(() => be(r.rows)), [u, d] = _(Se(r.defaultFilterValues ?? {})), m = g(() => r.filterValues === void 0 ? u() : Se(be(r.filterValues)));
+	function b(e) {
+		let t = Se(e);
+		r.filterValues === void 0 && d(t), r.onFilterValuesChange?.(t);
+	}
+	function x(e, t) {
+		b({
+			...m(),
+			[e]: t
+		});
+	}
+	let C = () => $(m()[ye]), w = g(() => r.filters.filter((e) => xe(m()[e.key])));
+	function T(e, t) {
+		return t.getValue ? t.getValue(e) : e[t.key];
+	}
+	function E(e, t, n) {
+		if (t.match) return t.match(e, n);
+		let r = T(e, t);
+		if (t.type === "select") {
+			let e = Array.isArray(n) ? n : [n];
+			return (Array.isArray(r) ? r : [r]).some((t) => e.includes($(t)));
+		}
+		return t.type === "boolean" ? !!r == (n === "true") : $(r).toLowerCase().includes($(n).toLowerCase());
+	}
+	function ee(e) {
+		return r.getSearchText ? r.getSearchText(e) : o.columns.map((t) => $(t.sortValue?.(e) ?? e[t.key])).join(" ");
+	}
+	let D = g(() => {
+		if (r.manualFiltering) return l();
+		let e = C().toLowerCase(), t = w();
+		return l().filter((n) => (e === "" || ee(n).toLowerCase().includes(e)) && t.every((e) => E(n, e, m()[e.key])));
+	});
+	function A(e) {
+		if (e.options) return e.options;
+		let t = /* @__PURE__ */ new Set();
+		for (let n of l()) {
+			let r = T(n, e);
+			for (let e of Array.isArray(r) ? r : [r]) {
+				let n = $(e);
+				n !== "" && t.add(n);
+			}
+		}
+		return [...t].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({
+			value: e,
+			label: e
+		}));
+	}
+	function j(e, t) {
+		return e.type === "boolean" ? t === "true" ? r.yesLabel ?? "Yes" : r.noLabel ?? "No" : e.type === "select" ? A(e).find((e) => String(e.value) === t)?.label ?? t : t;
+	}
+	let M = g(() => w().flatMap((e) => {
+		let t = m()[e.key];
+		return (Array.isArray(t) ? t : [t]).map((t) => ({
+			filter: e,
+			item: t,
+			text: `${e.label}: ${j(e, t)}`
+		}));
+	}));
+	function te(e, t) {
+		let n = m()[e.key];
+		x(e.key, Array.isArray(n) ? n.filter((e) => e !== t) : "");
+	}
+	function N() {
+		b({ [ye]: C() });
+	}
+	let [P, F] = _(m());
+	h(y(m, (e) => F(e)));
+	function I(e) {
+		return P()[e];
+	}
+	function L(e, t) {
+		F((n) => ({
+			...n,
+			[e]: t
+		}));
+	}
+	let z = g(() => {
+		let e = /* @__PURE__ */ new Map([[void 0, []]]);
+		for (let t of r.filters) e.set(t.group, [...e.get(t.group) ?? [], t]);
+		return [...e.entries()].filter(([, e]) => e.length > 0).map(([e, t]) => ({
+			name: e,
+			filters: t
+		}));
+	}), B = v(), V = ["results", "filters"], [H, U] = _("results"), W = (e) => `${B}-tab-${e}`, G = (e) => `${B}-panel-${e}`, K = (e) => `${B}-filter-${e}`;
+	function q(e) {
+		e === "filters" && F(m()), U(e);
+	}
+	function ne(e) {
+		let t = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
+		if (t === 0) return;
+		e.preventDefault();
+		let n = V[(V.indexOf(H()) + t + V.length) % V.length];
+		q(n), document.getElementById(W(n))?.focus();
+	}
+	function re(e) {
+		e.preventDefault(), b(P()), U("results");
+	}
+	function ie() {
+		N(), U("results");
+	}
+	function ae(e) {
+		if (e.type === "text") return (() => {
+			var t = ce();
+			return t.$$input = (t) => L(e.key, t.currentTarget.value), i((n) => {
+				var r = K(e.key), i = e.placeholder;
+				return r !== n.e && c(t, "id", n.e = r), i !== n.t && c(t, "placeholder", n.t = i), n;
+			}, {
+				e: void 0,
+				t: void 0
+			}), i(() => t.value = $(I(e.key))), t;
+		})();
+		if (e.type === "boolean") return n(R, {
+			get id() {
+				return K(e.key);
+			},
+			get value() {
+				return $(I(e.key));
+			},
+			onChange: (t) => L(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 = I(e.key);
+			return Array.isArray(t) ? t : [];
+		};
+		return (() => {
+			var o = ue();
+			return a(o, n(R, {
+				get id() {
+					return K(e.key);
+				},
+				value: "",
+				onChange: (n) => L(e.key, [...t(), n]),
+				get options() {
+					return A(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 = le();
+					return a(r, n(f, {
+						get each() {
+							return t();
+						},
+						children: (r) => (() => {
+							var o = de(), s = o.firstChild;
+							return a(o, () => j(e, r), s), s.$$click = () => L(e.key, t().filter((e) => e !== r)), a(s, n(k, {
+								size: 12,
+								"aria-hidden": "true"
+							})), i(() => c(s, "aria-label", `Remove ${j(e, r)}`)), o;
+						})()
+					})), r;
+				}
+			}), null), o;
+		})();
+	}
+	let oe = (() => {
+		var e = Z();
+		return a(e, n(p, {
+			get when() {
+				return r.quickSearch !== !1;
+			},
+			get children() {
+				var e = X(), t = e.firstChild;
+				return a(e, n(O, {
+					class: "filter-table-search-icon",
+					size: 16,
+					"aria-hidden": "true"
+				}), t), t.$$input = (e) => x(ye, e.currentTarget.value), i((e) => {
+					var n = r.quickSearchLabel ?? "Quick search", i = r.quickSearchLabel ?? "Quick search";
+					return n !== e.e && c(t, "aria-label", e.e = n), i !== e.t && c(t, "placeholder", e.t = i), e;
+				}, {
+					e: void 0,
+					t: void 0
+				}), i(() => t.value = C()), e;
+			}
+		}), null), a(e, n(p, {
+			get when() {
+				return M().length > 0;
+			},
+			get children() {
+				var e = fe(), t = e.firstChild, o = t.firstChild;
+				return a(e, n(f, {
+					get each() {
+						return M();
+					},
+					children: (e) => (() => {
+						var t = Q(), r = t.firstChild;
+						return r.$$click = () => te(e.filter, e.item), a(r, () => e.text, null), a(r, n(k, {
+							size: 12,
+							"aria-hidden": "true"
+						}), null), i(() => c(r, "aria-label", `Remove filter ${e.text}`)), t;
+					})()
+				}), t), o.$$click = N, a(o, () => r.clearAllLabel ?? "Clear all"), e;
+			}
+		}), null), e;
+	})();
+	return (() => {
+		var e = pe(), l = e.firstChild, u = l.nextSibling, d = u.nextSibling, m = d.firstChild, h = m.firstChild, g = h.firstChild, _ = g.nextSibling;
+		return a(l, n(f, {
+			each: V,
+			children: (e) => (() => {
+				var t = he();
+				return t.$$keydown = ne, t.$$click = () => q(e), a(t, () => e === "results" ? r.resultsLabel ?? "Results" : r.filtersLabel ?? "Filters", null), a(t, n(p, {
+					get when() {
+						return e === "results" || w().length > 0;
+					},
+					get children() {
+						var t = me();
+						return a(t, () => e === "results" ? D().length : w().length), t;
+					}
+				}), null), i((n) => {
+					var r = W(e), i = H() === e, a = G(e), o = H() === 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(Y, s(o, {
+			rows: D,
+			toolbar: oe
+		}))), m.addEventListener("submit", re), a(m, n(f, {
+			get each() {
+				return z();
+			},
+			children: (e) => (() => {
+				var t = _e();
+				return a(t, n(p, {
+					get when() {
+						return e.name;
+					},
+					get children() {
+						var t = ge();
+						return a(t, () => e.name), t;
+					}
+				}), null), a(t, n(f, {
+					get each() {
+						return e.filters;
+					},
+					children: (e) => (() => {
+						var t = ve(), n = t.firstChild;
+						return a(n, () => e.label), a(t, () => ae(e), null), i(() => c(n, "for", K(e.key))), t;
+					})()
+				}), null), t;
+			})()
+		}), h), g.$$click = ie, a(g, n(k, {
+			size: 16,
+			"aria-hidden": "true"
+		}), null), a(g, () => r.resetLabel ?? "Reset", null), a(_, n(O, {
+			size: 16,
+			"aria-hidden": "true"
+		}), null), a(_, () => r.applyLabel ?? "Search", null), i((n) => {
+			var i = `filter-table${r.class ? ` ${r.class}` : ""}`, a = G("results"), o = W("results"), s = H() !== "results", l = G("filters"), f = W("filters"), p = H() !== "filters";
+			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
+export { R as Combobox, Y as DataTable, Ce as FilterTable };