@indxsearch/intrface 3.3.0 → 3.7.1

package/dist/index.es.js

@@ -154,27 +154,35 @@ async function A(e, t, n, r, i, a) {
 	}, "CombineFilters", n, r, i, a);
 	return o;
 }
-async function j(e, t, n, r, i, a, o = {}) {
-	let s = Object.entries(e ?? {}).filter(([, e]) => e.length > 0), c = Object.entries(t ?? {}), [l, u] = await Promise.all([Promise.all(s.map(async ([e, t]) => A(await Promise.all(t.map((t) => k("value", {
-		fieldName: e,
-		value: t
-	}, `Value filter '${e}'`, n, r, i, a))), o[e] === "any" ? "or" : "and", n, r, i, a))), Promise.all(c.map(([e, { min: t, max: o }]) => k("range", {
+async function ee(e, t, n, r, i, a, o = {}, s = {}) {
+	let c = Object.entries(e ?? {}).filter(([, e]) => e.length > 0), l = Object.entries(t ?? {}), u = Object.entries(s ?? {}).filter(([, e]) => e.length > 0), d = (e, { min: t, max: o }) => k("range", {
 		fieldName: e,
 		lowerLimit: t,
 		upperLimit: o
-	}, `Range filter '${e}'`, n, r, i, a)))]);
-	return A([...l, ...u], "and", n, r, i, a);
+	}, `Range filter '${e}'`, n, r, i, a), [f, p, m] = await Promise.all([
+		Promise.all(c.map(async ([e, t]) => A(await Promise.all(t.map((t) => k("value", {
+			fieldName: e,
+			value: t
+		}, `Value filter '${e}'`, n, r, i, a))), o[e] === "any" ? "or" : "and", n, r, i, a))),
+		Promise.all(l.map(([e, t]) => d(e, t))),
+		Promise.all(u.map(async ([e, t]) => A(await Promise.all(t.map((t) => d(e, t))), "or", n, r, i, a)))
+	]);
+	return A([
+		...f,
+		...p,
+		...m
+	], "and", n, r, i, a);
 }
 //#endregion
 //#region src/context/useSearchExecution.ts
-function M(e, t) {
+function j(e, t) {
 	let n, r = (...r) => {
 		clearTimeout(n), n = setTimeout(() => e(...r), t);
 	};
 	return r.cancel = () => clearTimeout(n), r;
 }
-function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team: s, dataset: u, allowEmptySearch: d, facetsEnabled: f, enableDebugLogs: p, filtersChangedByUser: m, shouldFetchMore: h }) {
-	let g = c(0), _ = c(void 0), v = c(!1), [y, b] = l({}), [x, S] = l(""), [C, w] = l("");
+function M({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team: s, dataset: u, allowEmptySearch: d, facetsEnabled: f, enableDebugLogs: p, shouldFetchMore: m }) {
+	let h = c(0), g = c(void 0), _ = c(!1), [v, y] = l({}), [b, x] = l(""), [S, C] = l("");
 	o(() => {
 		r.isFetchingInitial || t((e) => ({
 			...e,
@@ -183,7 +191,8 @@ function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team
 			totalDocumentCount: r.totalDocumentCount,
 			filterableFields: r.filterableFields,
 			facetableFields: r.facetableFields,
-			sortableFields: r.sortableFields
+			sortableFields: r.sortableFields,
+			fieldsSeeded: !0
 		}));
 	}, [
 		r.isFetchingInitial,
@@ -194,9 +203,9 @@ function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team
 		r.sortableFields,
 		t
 	]);
-	let T = e.searchSettings.maxNumberOfRecordsToReturn, E = e.searchSettings.enableCoverage, D = e.searchSettings.removeDuplicates, k = e.searchSettings.coverageDepth, A = e.searchSettings.minimumScore, N = e.searchSettings.coverageSetup, P = e.sortBy, F = e.sortAscending, I = i(async ({ enableFacets: i }) => {
+	let w = e.searchSettings.maxNumberOfRecordsToReturn, T = e.searchSettings.enableCoverage, E = e.searchSettings.removeDuplicates, D = e.searchSettings.coverageDepth, k = e.searchSettings.minimumScore, A = e.searchSettings.coverageSetup, M = e.sortBy, N = e.sortAscending, P = i(async ({ enableFacets: i }) => {
 		if (!r.token) return;
-		let o = ++g.current;
+		let o = ++h.current;
 		if (t((e) => ({
 			...e,
 			isLoading: !0
@@ -205,91 +214,114 @@ function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team
 			i = !0;
 		}
 		try {
-			let c = await j(e.filters, e.rangeFilters, a, s, u, n, e.valueMatch), l = d || e.query.trim() !== "", f = {
+			let c = i ? Array.from(new Set([...Object.keys(e.filters).filter((t) => e.valueMatch[t] === "any" && (e.filters[t]?.length ?? 0) > 0), ...Object.keys(e.bucketFilters).filter((t) => (e.bucketFilters[t]?.length ?? 0) > 0)])) : [], [l, ...f] = await Promise.all([ee(e.filters, e.rangeFilters, a, s, u, n, e.valueMatch, e.bucketFilters), ...c.map((t) => ee({
+				...e.filters,
+				[t]: []
+			}, e.rangeFilters, a, s, u, n, e.valueMatch, {
+				...e.bucketFilters,
+				[t]: []
+			}))]), m = d || e.query.trim() !== "", g = {
 				text: e.query,
-				maxNumberOfRecordsToReturn: l ? T : 0,
+				enableCoverage: T,
+				removeDuplicates: E,
+				coverageDepth: D,
+				coverageSetup: A
+			}, _ = {
+				...g,
+				maxNumberOfRecordsToReturn: m ? w : 0,
 				enableFacets: i,
-				...c ? { filter: c } : {},
-				...P ? { sortBy: P } : {},
-				...F === void 0 ? {} : { sortAscending: F },
-				enableCoverage: E,
-				removeDuplicates: D,
-				coverageDepth: k,
-				coverageSetup: N
+				...l ? { filter: l } : {},
+				...M ? { sortBy: M } : {},
+				...N === void 0 ? {} : { sortAscending: N }
 			};
-			p && console.log("[performSearch] request body:", JSON.stringify(f, null, 2));
-			let m = await n(`${a}/api/teams/${s}/datasets/${u}/search`, {
+			p && console.log("[performSearch] request body:", JSON.stringify(_, null, 2));
+			let j = (e) => n(`${a}/api/teams/${s}/datasets/${u}/search`, {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify(f)
-			});
-			if (!m.ok) throw await O.fromResponse("Search", m);
-			let h = await m.json(), _ = h.truncationIndex ?? -1, v = h.records || [], M = v.map((e) => e.documentKey), I = v.map((e) => e.score), L = [];
-			if (l && M.length > 0) {
+				body: JSON.stringify(e)
+			}), [P, ...F] = await Promise.all([j(_), ...f.map((e) => j({
+				...g,
+				maxNumberOfRecordsToReturn: 0,
+				enableFacets: !0,
+				...e ? { filter: e } : {}
+			}))]);
+			if (!P.ok) throw await O.fromResponse("Search", P);
+			let I = await P.json(), L = I.truncationIndex ?? -1, R = {};
+			for (let e = 0; e < c.length; e++) {
+				let t = c[e];
+				if (!F[e].ok) throw await O.fromResponse(`Facets for '${t}'`, F[e]);
+				let n = await F[e].json();
+				n.facets?.[t] !== void 0 && (R[t] = n.facets[t]);
+			}
+			let z = I.records || [], B = z.map((e) => e.documentKey), V = z.map((e) => e.score), H = [];
+			if (m && B.length > 0) {
 				let e = await n(`${a}/api/teams/${s}/datasets/${u}/documents/lookup`, {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
-					body: JSON.stringify(M)
+					body: JSON.stringify(B)
 				});
 				if (!e.ok) throw await O.fromResponse("Document lookup", e);
-				L = (await e.json()).map((e, t) => ({
+				H = (await e.json()).map((e, t) => ({
 					document: e,
-					documentKey: M[t],
-					score: I[t]
+					documentKey: B[t],
+					score: V[t]
 				}));
 			}
-			let R = {};
-			if (i && h.facets) {
-				for (let [e, t] of Object.entries(h.facets)) if (Array.isArray(t) && t.length > 0) {
+			let U = {};
+			if (i && I.facets) {
+				for (let [e, t] of Object.entries(I.facets)) if (Array.isArray(t) && t.length > 0) {
 					let n = t.map((e) => Number(e.key)).filter((e) => !isNaN(e));
-					n.length > 0 && (R[e] = {
+					n.length > 0 && (U[e] = {
 						min: Math.min(...n),
 						max: Math.max(...n)
 					});
 				}
 			}
-			if (o !== g.current) return;
-			let z = e.query !== x, B = e.query !== C, V = e.facetStats ?? {};
-			if (z ? (V = {
+			if (o !== h.current) return;
+			let te = e.query !== b, W = e.query !== S, G = e.facetStats ?? {};
+			if (te ? (G = {
 				...r.initialFacetStats,
-				...R
-			}, b(V), S(e.query)) : V = {
-				...y,
-				...R
-			}, B && i) {
+				...U
+			}, y(G), x(e.query)) : G = {
+				...v,
+				...U
+			}, W && i) {
 				let n = { ...e.rangeBounds };
-				for (let [e, t] of Object.entries(R)) n[e] = t;
+				for (let [e, t] of Object.entries(U)) n[e] = t;
 				t((e) => ({
 					...e,
 					rangeBounds: n
-				})), w(e.query);
+				})), C(e.query);
 			}
-			let H = h.facets;
-			if (i && (!H || Object.keys(H).length === 0)) {
-				H = {};
-				for (let [e, t] of Object.entries(r.initialFacetKeys)) H[e] = t.map((e) => ({
+			let K = Object.keys(R).length > 0 ? {
+				...I.facets ?? {},
+				...R
+			} : I.facets;
+			if (i && (!K || Object.keys(K).length === 0)) {
+				K = {};
+				for (let [e, t] of Object.entries(r.initialFacetKeys)) K[e] = t.map((e) => ({
 					key: e,
 					value: null
 				}));
 			}
-			let U = L.filter((t) => {
+			let q = H.filter((t) => {
 				let n = e.query.trim();
-				return n === "" || n.length === 1 ? !0 : t.score >= A;
+				return n === "" || n.length === 1 ? !0 : t.score >= k;
 			});
 			t((e) => ({
 				...e,
-				results: U,
+				results: q,
 				error: void 0,
-				resultsSuppressed: !l,
+				resultsSuppressed: !m,
 				...i ? {
-					facets: H,
-					facetStats: V
+					facets: K,
+					facetStats: G
 				} : {},
 				isLoading: !1,
-				truncationIndex: _
+				truncationIndex: L
 			}));
 		} catch (e) {
-			if (console.error("[Search] ❌ Search failed:", e), e instanceof TypeError && e.message.includes("fetch") ? (console.error("[Search] ❌ Network error - cannot reach INDX server"), console.error("[Search] 💡 Check if server is running at:", a)) : e instanceof Error && (e.message.includes("401") ? (console.error("[Search] ❌ Authentication failed"), console.error("[Search] 💡 Your token may have expired. Create or refresh it on the Indx Dashboard.")) : e.message.includes("404") ? (console.error("[Search] ❌ Dataset not found"), console.error("[Search] 💡 Check that dataset \"" + u + "\" exists")) : console.error("[Search] 💡 Error:", e.message)), o !== g.current) return;
+			if (console.error("[Search] ❌ Search failed:", e), e instanceof TypeError && e.message.includes("fetch") ? (console.error("[Search] ❌ Network error - cannot reach INDX server"), console.error("[Search] 💡 Check if server is running at:", a)) : e instanceof Error && (e.message.includes("401") ? (console.error("[Search] ❌ Authentication failed"), console.error("[Search] 💡 Your token may have expired. Create or refresh it on the Indx Dashboard.")) : e.message.includes("404") ? (console.error("[Search] ❌ Dataset not found"), console.error("[Search] 💡 Check that dataset \"" + u + "\" exists")) : console.error("[Search] 💡 Error:", e.message)), o !== h.current) return;
 			t((t) => ({
 				...t,
 				results: null,
@@ -303,22 +335,23 @@ function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team
 		e.filters,
 		e.valueMatch,
 		e.rangeFilters,
+		e.bucketFilters,
 		e.facetStats,
-		P,
-		F,
+		M,
+		N,
+		w,
 		T,
 		E,
 		D,
-		k,
-		N,
 		A,
+		k,
 		n,
 		r.initialFacetStats,
 		r.initialFacetKeys,
 		r.token,
-		y,
-		x,
-		C,
+		v,
+		b,
+		S,
 		e.rangeBounds,
 		a,
 		s,
@@ -328,22 +361,22 @@ function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team
 		t
 	]);
 	o(() => {
-		_.current = I;
-	}, [I]);
-	let L = c(null);
-	o(() => (L.current?.cancel(), L.current = M(() => {
-		p && console.log("Debounced searchWithFacets fired"), _.current?.({ enableFacets: !0 });
+		g.current = P;
+	}, [P]);
+	let F = c(null);
+	o(() => (F.current?.cancel(), F.current = j(() => {
+		p && console.log("Debounced searchWithFacets fired"), g.current?.({ enableFacets: !0 });
 	}, e.facetDebounceDelayMillis ?? 500), () => {
-		L.current?.cancel();
+		F.current?.cancel();
 	}), [e.facetDebounceDelayMillis]), o(() => {
-		!r.isFetchingInitial && r.token && !v.current && (d && _.current?.({ enableFacets: f }), v.current = !0);
+		!r.isFetchingInitial && r.token && !_.current && (d && g.current?.({ enableFacets: f }), _.current = !0);
 	}, [
 		r.isFetchingInitial,
 		r.token,
 		d,
 		f
 	]), o(() => {
-		if (!r.token || !v.current) return;
+		if (!r.token || !_.current) return;
 		let n = e.query.trim(), i = n === "" && d;
 		if (n === "" && !d) {
 			e.resultsSuppressed || t((e) => ({
@@ -352,51 +385,50 @@ function N({ state: e, setState: t, authenticatedFetch: n, auth: r, url: a, team
 			}));
 			return;
 		}
-		return i ? (L.current?.cancel(), _.current?.({ enableFacets: f })) : f ? (p && console.log("Search fired"), _.current?.({ enableFacets: !1 }), L.current?.()) : _.current?.({ enableFacets: !1 }), () => {
-			L.current?.cancel();
+		return i ? (F.current?.cancel(), g.current?.({ enableFacets: f })) : f ? (p && console.log("Search fired"), g.current?.({ enableFacets: !1 }), F.current?.()) : g.current?.({ enableFacets: !1 }), () => {
+			F.current?.cancel();
 		};
 	}, [
 		e.query,
 		d,
 		f
 	]), o(() => {
-		let t = m.current;
-		if (m.current = !1, !v.current || !r.token || !t) return;
-		let n = e.query.trim();
-		!d && n === "" || _.current?.({ enableFacets: f });
-	}, [e.filters, e.rangeFilters]), o(() => {
-		if (!v.current || !r.token) return;
+		if (!_.current || !r.token || e.filterRevision === 0) return;
+		let t = e.query.trim();
+		!d && t === "" || g.current?.({ enableFacets: f });
+	}, [e.filterRevision]), o(() => {
+		if (!_.current || !r.token) return;
 		let t = e.query.trim();
-		!d && t === "" || _.current?.({ enableFacets: f });
-	}, [P, F]);
-	let R = c(!0), z = c(e.query);
+		!d && t === "" || g.current?.({ enableFacets: f });
+	}, [M, N]);
+	let I = c(!0), L = c(e.query);
 	o(() => {
-		if (R.current) {
-			R.current = !1;
+		if (I.current) {
+			I.current = !1;
 			return;
 		}
-		if (z.current !== e.query || !v.current || !r.token) return;
-		if (h.current) {
-			h.current = !1, _.current?.({ enableFacets: !1 });
+		if (L.current !== e.query || !_.current || !r.token) return;
+		if (m.current) {
+			m.current = !1, g.current?.({ enableFacets: !1 });
 			return;
 		}
 		let t = e.query.trim();
-		!d && t === "" || _.current?.({ enableFacets: f });
+		!d && t === "" || g.current?.({ enableFacets: f });
 	}, [
+		w,
 		T,
 		E,
 		D,
-		k,
-		N,
-		A
+		A,
+		k
 	]), o(() => {
-		z.current = e.query;
+		L.current = e.query;
 	}, [e.query]);
 }
 //#endregion
 //#region src/context/SearchContext.tsx
-var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySearch: a = !1, maxResults: s = 10, facetDebounceDelayMillis: u = 500, enableFacets: d = !0, coverageDepth: p = 500, removeDuplicates: m = !0, enableCoverage: h = !0, initialCoverageSetup: g = {}, enableDebugLogs: _ = !1, preAuthenticatedToken: v }) => {
-	let y = c(!1), b = c(!1), x = c(s), [S, C] = l({
+var N = n(void 0), P = ({ children: e, url: t, team: n, dataset: r, allowEmptySearch: a = !1, maxResults: s = 10, facetDebounceDelayMillis: u = 500, enableFacets: d = !0, coverageDepth: p = 500, removeDuplicates: m = !0, enableCoverage: h = !0, initialCoverageSetup: g = {}, enableDebugLogs: _ = !1, preAuthenticatedToken: v }) => {
+	let y = c(!1), b = c(s), [x, S] = l({
 		query: "",
 		results: null,
 		isLoading: !1,
@@ -408,6 +440,9 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 		filters: {},
 		valueMatch: {},
 		rangeFilters: {},
+		bucketFilters: {},
+		filterRevision: 0,
+		fieldsSeeded: !1,
 		facetStats: {},
 		rangeBounds: {},
 		searchSettings: {
@@ -438,62 +473,62 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 	o(() => {
 		_ && console.log("SearchContext mounted on client");
 	}, [_]), o(() => {
-		C((e) => ({
+		S((e) => ({
 			...e,
 			facetDebounceDelayMillis: u
 		}));
 	}, [u]);
-	let [w] = l(d), T = D({
+	let [C] = l(d), w = D({
 		url: t,
 		team: n,
 		dataset: r,
 		preAuthenticatedToken: v,
 		enableDebugLogs: _
-	}), E = i((e, t = {}) => {
-		if (!T.token) throw Error("No authentication token available");
+	}), T = i((e, t = {}) => {
+		if (!w.token) throw Error("No authentication token available");
 		return fetch(e, {
 			...t,
 			headers: {
 				...t.headers,
-				Authorization: `Bearer ${T.token}`
+				Authorization: `Bearer ${w.token}`
 			}
 		});
-	}, [T.token]);
-	N({
-		state: S,
-		setState: C,
-		authenticatedFetch: E,
-		auth: T,
+	}, [w.token]);
+	M({
+		state: x,
+		setState: S,
+		authenticatedFetch: T,
+		auth: w,
 		url: t,
 		team: n,
 		dataset: r,
 		allowEmptySearch: a,
-		facetsEnabled: w,
+		facetsEnabled: C,
 		enableDebugLogs: _,
-		filtersChangedByUser: y,
-		shouldFetchMore: b
+		shouldFetchMore: y
 	});
-	let O = i((e) => {
-		y.current = !1, C((t) => {
-			let n = Object.keys(t.filters).length > 0, r = Object.keys(t.rangeFilters).length > 0;
+	let E = i((e) => {
+		S((t) => {
+			let n = Object.keys(t.filters).length > 0, r = Object.keys(t.rangeFilters).length > 0, i = Object.keys(t.bucketFilters).length > 0;
 			return {
 				...t,
 				query: e,
 				filters: n ? {} : t.filters,
 				rangeFilters: r ? {} : t.rangeFilters,
+				bucketFilters: i ? {} : t.bucketFilters,
 				searchSettings: {
 					...t.searchSettings,
-					maxNumberOfRecordsToReturn: x.current
+					maxNumberOfRecordsToReturn: b.current
 				}
 			};
 		});
-	}, []), k = i((e) => {
-		C((t) => ({
+	}, []), O = i((e) => {
+		S((t) => ({
 			...t,
 			facetDebounceDelayMillis: e
 		}));
-	}, []), A = i((e) => {
-		typeof e.maxNumberOfRecordsToReturn == "number" && (x.current = e.maxNumberOfRecordsToReturn), C((t) => {
+	}, []), k = i((e) => {
+		typeof e.maxNumberOfRecordsToReturn == "number" && (b.current = e.maxNumberOfRecordsToReturn), S((t) => {
 			let n = {
 				...t.searchSettings,
 				...e
@@ -506,32 +541,33 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 				searchSettings: n
 			};
 		});
-	}, []), j = i((e) => {
-		b.current = !0, C((t) => ({
+	}, []), A = i((e) => {
+		y.current = !0, S((t) => ({
 			...t,
 			searchSettings: {
 				...t.searchSettings,
 				maxNumberOfRecordsToReturn: e
 			}
 		}));
-	}, []), M = i((e, t) => {
-		y.current = !0, C((n) => {
-			let r = { ...n.filters }, i = r[e] || [], a = i.includes(t) ? i.filter((e) => e !== t) : [...i, t];
-			return a.length ? r[e] = a : delete r[e], {
-				...n,
-				filters: r
+	}, []), ee = i((e, t, n = !1) => {
+		S((r) => {
+			let i = { ...r.filters }, a = i[e] || [], o = a.includes(t) ? a.filter((e) => e !== t) : n ? [t] : [...a, t];
+			return o.length ? i[e] = o : delete i[e], {
+				...r,
+				filters: i,
+				filterRevision: r.filterRevision + 1
 			};
 		});
-	}, []), F = i((e, t) => {
-		C((n) => n.valueMatch[e] === t ? n : {
+	}, []), j = i((e, t) => {
+		S((n) => n.valueMatch[e] === t ? n : {
 			...n,
 			valueMatch: {
 				...n.valueMatch,
 				[e]: t
 			}
 		});
-	}, []), I = i((e, t, n) => {
-		y.current = !0, C((r) => ({
+	}, []), P = i((e, t, n) => {
+		S((r) => ({
 			...r,
 			rangeFilters: {
 				...r.rangeFilters,
@@ -539,67 +575,93 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 					min: t,
 					max: n
 				}
-			}
+			},
+			filterRevision: r.filterRevision + 1
 		}));
-	}, []), L = i(() => {
-		y.current = !0, C((e) => ({
+	}, []), F = i(() => {
+		S((e) => ({
 			...e,
 			filters: {},
-			rangeFilters: {}
+			rangeFilters: {},
+			bucketFilters: {},
+			filterRevision: e.filterRevision + 1
 		}));
-	}, []), R = i((e, t, n = !0) => {
-		n && (y.current = !0), C((n) => {
-			let r = { ...n.filters }, i = (r[e] || []).filter((e) => e !== t);
-			return i.length > 0 ? r[e] = i : delete r[e], {
+	}, []), I = i((e, t, n = !0) => {
+		S((r) => {
+			let i = { ...r.filters }, a = (i[e] || []).filter((e) => e !== t);
+			return a.length > 0 ? i[e] = a : delete i[e], {
+				...r,
+				filters: i,
+				filterRevision: r.filterRevision + +!!n
+			};
+		});
+	}, []), L = i((e, t = !0) => {
+		S((n) => {
+			if (!(e in n.rangeFilters)) return n;
+			let r = { ...n.rangeFilters };
+			return delete r[e], {
 				...n,
-				filters: r
+				rangeFilters: r,
+				filterRevision: n.filterRevision + +!!t
 			};
 		});
-	}, []), z = i((e, t = !0) => {
-		t && (y.current = !0), C((t) => {
-			let n = { ...t.rangeFilters };
-			return delete n[e], {
-				...t,
-				rangeFilters: n
+	}, []), R = (e, t) => e.min === t.min && e.max === t.max, z = i((e, t, n = !1) => {
+		S((r) => {
+			let i = r.bucketFilters[e] ?? [], a = i.some((e) => R(e, t)) ? i.filter((e) => !R(e, t)) : n ? [t] : [...i, t], o = { ...r.bucketFilters };
+			return a.length > 0 ? o[e] = a : delete o[e], {
+				...r,
+				bucketFilters: o,
+				filterRevision: r.filterRevision + 1
+			};
+		});
+	}, []), B = i((e, t, n = !0) => {
+		S((r) => {
+			let i = { ...r.bucketFilters }, a = t ? (i[e] ?? []).filter((e) => !R(e, t)) : [];
+			return a.length > 0 ? i[e] = a : delete i[e], {
+				...r,
+				bucketFilters: i,
+				filterRevision: r.filterRevision + +!!n
 			};
 		});
-	}, []), B = i((e, t) => {
-		C((n) => ({
+	}, []), V = i((e, t) => {
+		S((n) => ({
 			...n,
 			sortBy: e || void 0,
 			sortAscending: e ? t : void 0
 		}));
 	}, []);
-	return /* @__PURE__ */ f(P.Provider, {
+	return /* @__PURE__ */ f(N.Provider, {
 		value: {
-			state: S,
-			isFetchingInitial: T.isFetchingInitial,
-			authError: T.authError ?? void 0,
+			state: x,
+			isFetchingInitial: w.isFetchingInitial || !x.fieldsSeeded,
+			authError: w.authError ?? void 0,
 			allowEmptySearch: a,
 			url: t,
 			team: n,
 			dataset: r,
-			authenticatedFetch: E,
-			setQuery: O,
-			toggleFilter: M,
-			setValueMatch: F,
-			setRangeFilter: I,
-			resetFilters: L,
-			resetSingleFilter: R,
-			resetRangeFilter: z,
-			setSort: B,
-			setDebounceDelay: k,
-			setSearchSettings: A,
-			fetchMoreResults: j
+			authenticatedFetch: T,
+			setQuery: E,
+			toggleFilter: ee,
+			setValueMatch: j,
+			setRangeFilter: P,
+			resetFilters: F,
+			resetSingleFilter: I,
+			resetRangeFilter: L,
+			toggleBucketFilter: z,
+			resetBucketFilter: B,
+			setSort: V,
+			setDebounceDelay: O,
+			setSearchSettings: k,
+			fetchMoreResults: A
 		},
 		children: e
 	});
-}, I = () => {
-	let e = a(P);
+}, F = () => {
+	let e = a(N);
 	if (!e) throw Error("useSearchContext must be used within a SearchProvider");
 	return e;
-}, L = ({ className: e = "", autoFocus: t = !1, inputSize: n = "default", showClear: r = !0, showFocus: i = !1, ...a }) => {
-	let { state: { query: o, filters: s, rangeFilters: c, searchSettings: l }, setQuery: u } = I();
+}, I = ({ className: e = "", autoFocus: t = !1, inputSize: n = "default", showClear: r = !0, showFocus: i = !1, ...a }) => {
+	let { state: { query: o, filters: s, rangeFilters: c, searchSettings: l }, setQuery: u } = F();
 	Object.keys(s).length > 0 || Object.keys(c).length;
 	let d = o.length > 0;
 	return /* @__PURE__ */ f(y, {
@@ -621,10 +683,10 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 			children: "Clear"
 		})
 	});
-}, R = {
+}, L = {
 	placeholder: "_placeholder_ee9qi_1",
 	invalid: "_invalid_ee9qi_11"
-}, z = {
+}, R = {
 	row: "_row_1i201_1",
 	content: "_content_1i201_19",
 	indexNumber: "_indexNumber_1i201_31",
@@ -633,25 +695,25 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 	skeletonBarLg: "_skeletonBarLg_1i201_59",
 	fade: "_fade_1i201_1",
 	skeletonBarSm: "_skeletonBarSm_1i201_66"
-}, B = ({ skeleton: e = !1, index: t, score: n, showScore: r = !1, children: i, skeletonDelay: a = 0, skeletonWidths: o = [62, 38] }) => /* @__PURE__ */ p("div", {
-	className: z.row,
+}, z = ({ skeleton: e = !1, index: t, score: n, showScore: r = !1, children: i, skeletonDelay: a = 0, skeletonWidths: o = [62, 38] }) => /* @__PURE__ */ p("div", {
+	className: R.row,
 	children: [
 		t !== void 0 && /* @__PURE__ */ f("div", {
-			className: z.indexNumber,
+			className: R.indexNumber,
 			children: t
 		}),
 		/* @__PURE__ */ f("div", {
-			className: z.content,
+			className: R.content,
 			children: e ? /* @__PURE__ */ p("div", {
-				className: z.skeletonBars,
+				className: R.skeletonBars,
 				children: [/* @__PURE__ */ f("div", {
-					className: z.skeletonBarLg,
+					className: R.skeletonBarLg,
 					style: {
 						width: `${o[0]}%`,
 						animationDelay: `${a}s`
 					}
 				}), /* @__PURE__ */ f("div", {
-					className: z.skeletonBarSm,
+					className: R.skeletonBarSm,
 					style: {
 						width: `${o[1]}%`,
 						animationDelay: `${a + .05}s`
@@ -660,14 +722,14 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 			}) : i
 		}),
 		r && n !== void 0 && /* @__PURE__ */ f("div", {
-			className: z.scoreNumber,
+			className: R.scoreNumber,
 			children: n
 		})
 	]
-}), V = {
+}), B = {
 	wrapper: "_wrapper_81m3c_6",
 	skeletonAppear: "_skeletonAppear_81m3c_1"
-}, H = [
+}, V = [
 	[62, 38],
 	[75, 45],
 	[58, 33],
@@ -676,28 +738,28 @@ var P = n(void 0), F = ({ children: e, url: t, team: n, dataset: r, allowEmptySe
 	[55, 35],
 	[72, 40],
 	[60, 30]
-], U = ({ rows: e = 6 }) => /* @__PURE__ */ f("div", {
-	className: V.wrapper,
-	children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ f(B, {
+], H = ({ rows: e = 6 }) => /* @__PURE__ */ f("div", {
+	className: B.wrapper,
+	children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ f(z, {
 		skeleton: !0,
 		skeletonDelay: t * .1,
-		skeletonWidths: H[t % H.length]
+		skeletonWidths: V[t % V.length]
 	}, t))
-}), W = /^\[\s*(?:'[^']*'(?:\s*,\s*'[^']*')*)?\s*\]$/;
-function G(e) {
+}), U = /^\[\s*(?:'[^']*'(?:\s*,\s*'[^']*')*)?\s*\]$/;
+function te(e) {
 	let t = e.trim();
 	if (!t.startsWith("[") || !t.endsWith("]")) return;
 	try {
 		let e = JSON.parse(t);
 		if (Array.isArray(e)) return e.map((e) => String(e));
 	} catch {}
-	if (!W.test(t)) return;
+	if (!U.test(t)) return;
 	let n = [], r = /'([^']*)'/g, i;
 	for (; (i = r.exec(t)) !== null;) n.push(i[1]);
 	return n;
 }
-var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r }) => {
-	let { state: { results: i, resultsSuppressed: a, searchSettings: s, truncationIndex: u, query: h, error: g }, isFetchingInitial: _, authError: v, allowEmptySearch: y, fetchMoreResults: b } = I(), x = t ?? 30, [S, C] = l(x), w = c(0), E = c("");
+var W = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r }) => {
+	let { state: { results: i, resultsSuppressed: a, searchSettings: s, truncationIndex: u, query: h, error: g }, isFetchingInitial: _, authError: v, allowEmptySearch: y, fetchMoreResults: b } = F(), x = t ?? 30, [S, C] = l(x), w = c(0), E = c("");
 	o(() => {
 		let e = h !== E.current;
 		(!i || i.length < w.current || e) && C(x), w.current = i?.length ?? 0, E.current = h;
@@ -710,8 +772,8 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 		let e = S + x;
 		C(e), i && e >= i.length && (!u || u === -1 || u > i.length) && b(i.length + x);
 	};
-	if (_) return y ? /* @__PURE__ */ f(U, { rows: x }) : /* @__PURE__ */ f("div", {
-		className: R.placeholder,
+	if (_) return y ? /* @__PURE__ */ f(H, { rows: x }) : /* @__PURE__ */ f("div", {
+		className: L.placeholder,
 		children: /* @__PURE__ */ f(T, {
 			size: 200,
 			color: "var(--lv5)"
@@ -719,17 +781,17 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 	});
 	let k = v ?? g;
 	return k ? /* @__PURE__ */ f("div", {
-		className: R.invalid,
+		className: L.invalid,
 		role: "alert",
 		children: /* @__PURE__ */ f("p", { children: k })
 	}) : a || i === null ? /* @__PURE__ */ f("div", {
-		className: R.placeholder,
+		className: L.placeholder,
 		children: /* @__PURE__ */ f(T, {
 			size: 200,
 			color: "var(--lv5)"
 		})
 	}) : i.length === 0 ? /* @__PURE__ */ f("div", {
-		className: R.invalid,
+		className: L.invalid,
 		children: /* @__PURE__ */ f("p", { children: "No results found." })
 	}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { children: (i ?? []).slice(0, S).map((t, i) => {
 		let a = t.document, o = t.score, c;
@@ -737,7 +799,7 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 			c = typeof a == "string" ? JSON.parse(a) : a;
 		} catch {
 			return /* @__PURE__ */ f("div", {
-				className: R.invalid,
+				className: L.invalid,
 				children: /* @__PURE__ */ f("p", { children: "Invalid JSON" })
 			}, i);
 		}
@@ -749,11 +811,11 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 		if (n) for (let e in l) {
 			let t = l[e];
 			if (typeof t == "string") {
-				let n = G(t);
+				let n = te(t);
 				n && (l[e] = n);
 			}
 		}
-		return /* @__PURE__ */ f(B, {
+		return /* @__PURE__ */ f(z, {
 			index: i,
 			score: o,
 			showScore: s.showScore,
@@ -771,22 +833,23 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 			children: h.trim() === "" ? "Load more" : u !== -1 && u !== void 0 && u > 0 ? `Load results ${S + 1}-${Math.min(S + x, i.length, u)} of ${u}` : "Load more"
 		})
 	})] });
-}, q = {
+}, G = {
 	row: "_row_ujwhc_1",
 	title: "_title_ujwhc_8"
-}, ee = ({ variant: e = "default", children: t }) => /* @__PURE__ */ f("div", {
-	className: [q.row, e === "title" ? q.title : ""].filter(Boolean).join(" "),
+}, K = ({ variant: e = "default", children: t }) => /* @__PURE__ */ f("div", {
+	className: [G.row, e === "title" ? G.title : ""].filter(Boolean).join(" "),
 	children: t
-}), J = {
-	bar: "_bar_145f5_12",
-	skeletonAppear: "_skeletonAppear_145f5_1",
-	fade: "_fade_145f5_1",
-	listRows: "_listRows_145f5_19",
-	sliderArea: "_sliderArea_145f5_25",
-	sliderTrack: "_sliderTrack_145f5_32",
-	inputRow: "_inputRow_145f5_40",
-	inputBar: "_inputBar_145f5_45"
-}, te = [
+}), q = {
+	bar: "_bar_4nxla_12",
+	skeletonAppear: "_skeletonAppear_4nxla_1",
+	fade: "_fade_4nxla_1",
+	listRows: "_listRows_4nxla_19",
+	sliderArea: "_sliderArea_4nxla_25",
+	sliderTrack: "_sliderTrack_4nxla_32",
+	inputRow: "_inputRow_4nxla_40",
+	inputBar: "_inputBar_4nxla_45",
+	histogramRow: "_histogramRow_4nxla_55"
+}, J = [
 	65,
 	80,
 	55,
@@ -795,53 +858,58 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 	75,
 	50,
 	68
-], ne = ({ title: e, rows: t = 5, variant: n = "list", collapsible: r = !0, startCollapsed: i = !1 }) => /* @__PURE__ */ f(g, {
+], ne = ({ title: e, rows: t = 5, variant: n = "list", withHistogram: r = !1, collapsible: i = !0, startCollapsed: a = !1 }) => /* @__PURE__ */ f(g, {
 	title: e,
-	collapsible: r,
-	collapsed: i,
+	collapsible: i,
+	collapsed: a,
 	children: n === "slider" ? /* @__PURE__ */ p("div", {
-		className: J.sliderArea,
-		children: [/* @__PURE__ */ f("div", { className: J.sliderTrack }), /* @__PURE__ */ p("div", {
-			className: J.inputRow,
-			children: [/* @__PURE__ */ f("div", {
-				className: J.inputBar,
-				style: { animationDelay: "0.1s" }
-			}), /* @__PURE__ */ f("div", {
-				className: J.inputBar,
-				style: { animationDelay: "0.15s" }
-			})]
-		})]
+		className: q.sliderArea,
+		children: [
+			r && /* @__PURE__ */ f("div", { className: q.histogramRow }),
+			/* @__PURE__ */ f("div", { className: q.sliderTrack }),
+			/* @__PURE__ */ p("div", {
+				className: q.inputRow,
+				children: [/* @__PURE__ */ f("div", {
+					className: q.inputBar,
+					style: { animationDelay: "0.1s" }
+				}), /* @__PURE__ */ f("div", {
+					className: q.inputBar,
+					style: { animationDelay: "0.15s" }
+				})]
+			})
+		]
 	}) : /* @__PURE__ */ f("div", {
-		className: J.listRows,
+		className: q.listRows,
 		children: Array.from({ length: t }).map((e, t) => /* @__PURE__ */ f("div", {
-			className: J.bar,
+			className: q.bar,
 			style: {
-				width: `${te[t % te.length]}%`,
+				width: `${J[t % J.length]}%`,
 				animationDelay: `${t * .05}s`
 			}
 		}, t))
 	})
 }), Y = {
-	list: "_list_m82u6_2",
-	count: "_count_m82u6_7",
-	countValue: "_countValue_m82u6_17",
-	chip: "_chip_m82u6_22",
-	chipLabel: "_chipLabel_m82u6_32",
-	grid: "_grid_m82u6_40"
-}, X = ({ field: e, label: t, preserveBlankFacetState: n = !1, preserveBlankFacetStateOrder: r = !1, sortFacetsBy: i = "histogram", limit: a = 10, collapsible: s = !0, startCollapsed: u = !1, displayType: d = "checkbox", layout: _ = "list", showActivePanel: v = !1, showCount: y = !0, showNull: b = !1, match: x = "all", displayIfEmptyQuery: C = !0, displayCondition: w = (e) => !0 }) => {
-	let { state: { facets: T, filterableFields: E, facetableFields: D, filters: O, query: k }, toggleFilter: A, setValueMatch: j, isFetchingInitial: M, allowEmptySearch: N } = I();
+	list: "_list_18vbb_2",
+	count: "_count_18vbb_7",
+	countValue: "_countValue_18vbb_17",
+	chip: "_chip_18vbb_22",
+	chipLabel: "_chipLabel_18vbb_32",
+	grid: "_grid_18vbb_40",
+	active: "_active_18vbb_54"
+}, re = ({ field: e, label: t, preserveBlankFacetState: n = !1, preserveBlankFacetStateOrder: r = !1, sortFacetsBy: i = "histogram", limit: a = 10, collapsible: s = !0, startCollapsed: u = !1, control: d, displayType: _, layout: y = "list", showActivePanel: b = !1, showCount: x = !0, showNull: C = !1, match: w = "all", displayIfEmptyQuery: T = !0, displayCondition: E = (e) => !0 }) => {
+	let { state: { facets: D, filterableFields: O, facetableFields: k, filters: A, query: ee }, toggleFilter: j, setValueMatch: M, isFetchingInitial: N, allowEmptySearch: P } = F(), I = d ?? _ ?? "checkbox", L = I === "radio" ? "any" : w;
 	o(() => {
-		j(e, x);
+		M(e, L);
 	}, [
 		e,
-		x,
-		j
+		L,
+		M
 	]);
-	let P = c(null), [F, L] = l(a);
+	let R = c(null), [z, B] = l(a);
 	if (o(() => {
-		L(a);
-	}, [T?.[e], a]), !N && !k) return null;
-	if (M || !T) return d === "toggle" ? /* @__PURE__ */ f(ne, {
+		B(a);
+	}, [D?.[e], a]), !P && !ee) return null;
+	if (N || !D) return I === "toggle" ? /* @__PURE__ */ f(ne, {
 		rows: 1,
 		collapsible: !1
 	}) : /* @__PURE__ */ f(ne, {
@@ -850,14 +918,14 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 		collapsible: s,
 		startCollapsed: u
 	});
-	if (!w({
-		query: k ?? "",
-		filters: O,
-		facets: T
-	}) || !C && !k && Object.keys(O).length < 1) return null;
-	if (!E?.includes(e) || !D?.includes(e)) {
+	if (!E({
+		query: ee ?? "",
+		filters: A,
+		facets: D
+	}) || !T && !ee && Object.keys(A).length < 1) return null;
+	if (!O?.includes(e) || !k?.includes(e)) {
 		let t = [];
-		return E?.includes(e) || t.push("filterable"), D?.includes(e) || t.push("facetable"), /* @__PURE__ */ f(g, {
+		return O?.includes(e) || t.push("filterable"), k?.includes(e) || t.push("facetable"), /* @__PURE__ */ f(g, {
 			collapsible: !1,
 			children: /* @__PURE__ */ p("div", {
 				style: {
@@ -874,26 +942,26 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 			})
 		});
 	}
-	let R = T?.[e] ?? (d === "toggle" ? [] : void 0);
-	if (!R || !Array.isArray(R)) return null;
-	let z = O?.[e] ?? [];
-	n && !P.current && R.length > 0 && (P.current = R.reduce((e, t) => (e[t.key] = t.value, e), {}));
-	let B = /* @__PURE__ */ new Map();
-	n && P.current && Object.keys(P.current).forEach((e) => {
-		B.set(e, 0);
-	}), R.forEach((e) => {
-		B.set(e.key, e.value);
+	let V = D?.[e] ?? (I === "toggle" ? [] : void 0);
+	if (!V || !Array.isArray(V)) return null;
+	let H = A?.[e] ?? [];
+	n && !R.current && V.length > 0 && (R.current = V.reduce((e, t) => (e[t.key] = t.value, e), {}));
+	let U = /* @__PURE__ */ new Map();
+	n && R.current && Object.keys(R.current).forEach((e) => {
+		U.set(e, 0);
+	}), V.forEach((e) => {
+		U.set(e.key, e.value);
 	});
-	let V = new Set([
+	let te = new Set([
 		"true",
 		"false",
 		"null"
-	]), H = Array.from(B.keys()), U = d === "toggle" && (H.length > 0 && H.every((e) => V.has(e)) || H.length === 0 && z.length > 0);
-	if (U && B.has("null")) {
-		let e = B.get("null") ?? 0, t = B.get("false") ?? 0;
-		B.set("false", t + e), B.delete("null");
+	]), W = Array.from(U.keys()), G = I === "toggle" && (W.length > 0 && W.every((e) => te.has(e)) || W.length === 0 && H.length > 0);
+	if (G && U.has("null")) {
+		let e = U.get("null") ?? 0, t = U.get("false") ?? 0;
+		U.set("false", t + e), U.delete("null");
 	}
-	if (d === "toggle" && !U) return /* @__PURE__ */ f(g, {
+	if (I === "toggle" && !G) return /* @__PURE__ */ f(g, {
 		collapsible: !1,
 		children: /* @__PURE__ */ f("div", {
 			className: Y.count,
@@ -905,8 +973,8 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 			})
 		})
 	});
-	if (U) {
-		let n = B.get("true"), r = typeof n == "number" ? n : null, i = z.includes("true"), a = r === 0 && !i, o = y && (r ?? 0) > 0 ? `${r}` : "";
+	if (G) {
+		let n = U.get("true"), r = typeof n == "number" ? n : null, i = H.includes("true"), a = r === 0 && !i, o = x && (r ?? 0) > 0 ? `${r}` : "";
 		return /* @__PURE__ */ f(g, {
 			collapsible: !1,
 			children: /* @__PURE__ */ p("div", {
@@ -915,7 +983,7 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 					/* @__PURE__ */ f(S, {
 						label: t,
 						checked: i,
-						onChange: () => A(e, "true"),
+						onChange: () => j(e, "true"),
 						disabled: a
 					}),
 					" ",
@@ -924,29 +992,29 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 			})
 		});
 	}
-	let W = Array.from(B.entries());
-	if (b || (W = W.filter(([e]) => e !== "null")), W.length === 0 && !n) return null;
+	let K = Array.from(U.entries());
+	if (C || (K = K.filter(([e]) => e !== "null")), K.length === 0 && !n) return null;
 	if (!r) if (i === "alphabetical") {
-		let e = W.filter(([, e]) => typeof e == "number" && e > 0).sort(([e], [t]) => e.localeCompare(t)), t = W.filter(([, e]) => e === 0 || e === null).sort(([e], [t]) => e.localeCompare(t));
-		W = [...e, ...t];
+		let e = K.filter(([, e]) => typeof e == "number" && e > 0).sort(([e], [t]) => e.localeCompare(t)), t = K.filter(([, e]) => e === 0 || e === null).sort(([e], [t]) => e.localeCompare(t));
+		K = [...e, ...t];
 	} else if (i === "numeric") {
 		let e = (e, t) => {
 			let n = Number(e), r = Number(t);
 			return !isNaN(n) && !isNaN(r) ? n - r : e.localeCompare(t);
-		}, t = W.filter(([, e]) => typeof e == "number" && e > 0).sort(([t], [n]) => e(t, n)), n = W.filter(([, e]) => e === 0 || e === null).sort(([t], [n]) => e(t, n));
-		W = [...t, ...n];
+		}, t = K.filter(([, e]) => typeof e == "number" && e > 0).sort(([t], [n]) => e(t, n)), n = K.filter(([, e]) => e === 0 || e === null).sort(([t], [n]) => e(t, n));
+		K = [...t, ...n];
 	} else {
-		let e = W.filter(([, e]) => typeof e == "number" && e > 0), t = W.filter(([, e]) => e === 0 || e === null);
-		W = [...e, ...t];
+		let e = K.filter(([, e]) => typeof e == "number" && e > 0), t = K.filter(([, e]) => e === 0 || e === null);
+		K = [...e, ...t];
 	}
-	let G = typeof a == "number" && W.length > a, K = G ? W.slice(0, F) : W, q = (t, n) => {
-		let r = z.includes(t), i = n === 0, a = y && (n ?? 0) > 0 ? ` (${n})` : "", o = y && (n ?? 0) > 0 ? n : "";
-		switch (d) {
-			case "button": return _ === "list" ? /* @__PURE__ */ p("div", {
+	let q = typeof a == "number" && K.length > a, J = q ? K.slice(0, z) : K, re = (t, n) => {
+		let r = H.includes(t), i = n === 0, a = x && (n ?? 0) > 0 ? ` (${n})` : "", o = x && (n ?? 0) > 0 ? n : "", s = () => j(e, t, I === "radio");
+		switch (I) {
+			case "button": return y === "list" ? /* @__PURE__ */ p("div", {
 				className: Y.count,
 				children: [/* @__PURE__ */ f(m, {
 					variant: r ? "primary" : "secondary",
-					onClick: () => A(e, t),
+					onClick: s,
 					disabled: i,
 					size: "micro",
 					className: Y.chip,
@@ -961,7 +1029,7 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 				})]
 			}) : /* @__PURE__ */ f(m, {
 				variant: r ? "primary" : "secondary",
-				onClick: () => A(e, t),
+				onClick: s,
 				disabled: i,
 				size: "micro",
 				className: Y.chip,
@@ -974,23 +1042,44 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 			case "toggle": return /* @__PURE__ */ f(S, {
 				label: t,
 				checked: r,
-				onChange: () => A(e, t),
+				onChange: s,
 				disabled: i
 			});
-			default: return _ === "list" ? /* @__PURE__ */ p("div", {
+			case "radio": {
+				let n = /* @__PURE__ */ f(v, {
+					id: `${e}-${t}`,
+					name: e,
+					value: t,
+					label: y === "grid" ? `${t}${a}` : t,
+					checked: r,
+					onChange: s,
+					disabled: i
+				});
+				return y === "list" ? /* @__PURE__ */ p("div", {
+					className: Y.count,
+					children: [n, /* @__PURE__ */ f("span", {
+						className: Y.countValue,
+						children: o
+					})]
+				}) : n;
+			}
+			default: return y === "list" ? /* @__PURE__ */ p("div", {
 				className: Y.count,
 				children: [/* @__PURE__ */ f(h, {
 					label: t,
 					score: "",
 					checked: r,
-					onChange: () => A(e, t),
+					onChange: s,
 					disabled: i
-				}), /* @__PURE__ */ f("span", { children: o })]
+				}), /* @__PURE__ */ f("span", {
+					className: Y.countValue,
+					children: o
+				})]
 			}) : /* @__PURE__ */ f(h, {
 				label: t,
 				score: a,
 				checked: r,
-				onChange: () => A(e, t),
+				onChange: s,
 				disabled: i
 			});
 		}
@@ -999,260 +1088,367 @@ var K = ({ fields: e, resultsPerPage: t, parseArrayStrings: n = !1, children: r
 		title: t,
 		collapsible: s,
 		collapsed: s ? u : !1,
+		className: b && H.length > 0 ? Y.active : void 0,
 		children: /* @__PURE__ */ p("ul", {
-			className: _ === "grid" ? Y.grid : Y.list,
+			className: y === "grid" ? Y.grid : Y.list,
 			style: {
 				listStyle: "none",
 				padding: 0,
 				margin: 0
 			},
-			children: [K.map(([e, t]) => /* @__PURE__ */ f("li", { children: q(e, t) }, e)), G && F < W.length && (() => {
-				let e = W.length - F, t = Math.min(50, e);
+			children: [J.map(([e, t]) => /* @__PURE__ */ f("li", { children: re(e, t) }, e)), q && z < K.length && (() => {
+				let e = K.length - z, t = Math.min(50, e);
 				return /* @__PURE__ */ f("li", {
 					className: Y.toggleItem,
 					children: /* @__PURE__ */ f(m, {
 						variant: "ghost",
 						size: "micro",
-						onClick: () => L((e) => e + 50),
-						children: `Show ${t} more of ${W.length} total`
+						onClick: () => B((e) => e + 50),
+						children: `Show ${t} more of ${K.length} total`
 					})
 				});
 			})()]
 		})
 	});
-}, re = {
-	disabledMessage: "_disabledMessage_uci6n_1",
-	histogram: "_histogram_uci6n_6",
-	histogramBar: "_histogramBar_uci6n_15"
+}, X = {
+	disabledMessage: "_disabledMessage_g8ib6_1",
+	histogram: "_histogram_g8ib6_6",
+	histogramLayer: "_histogramLayer_g8ib6_14",
+	histogramLive: "_histogramLive_g8ib6_22",
+	histogramLit: "_histogramLit_g8ib6_23",
+	histogramFill: "_histogramFill_g8ib6_30",
+	histogramBar: "_histogramBar_g8ib6_43",
+	histogramGap: "_histogramGap_g8ib6_62",
+	histogramSeparators: "_histogramSeparators_g8ib6_68",
+	histogramSeparator: "_histogramSeparator_g8ib6_48",
+	active: "_active_g8ib6_83"
 };
 //#endregion
-//#region src/components/RangeFilterPanel.tsx
+//#region src/utils/numeric.ts
 function ie(e) {
 	if (!Number.isFinite(e)) return 0;
 	let t = String(e), n = t.indexOf(".");
 	return n === -1 ? 0 : Math.min(6, t.length - n - 1);
 }
-function ae(e, t, n) {
+function ae(e) {
+	let t = 0;
+	for (let n of e) t = Math.max(t, ie(n));
+	return t === 0 ? 1 : Number((10 ** -t).toFixed(t));
+}
+function Z(e, t) {
+	return Number(e.toFixed(ie(t)));
+}
+//#endregion
+//#region src/components/RangeFilterPanel.tsx
+function oe(e, t, n) {
 	let r = t + Math.round((e - t) / n) * n;
 	return Number(r.toFixed(ie(n)));
 }
-var oe = ({ field: t, label: n, expectedMin: r = 0, expectedMax: i = 1e3, displayType: a = "input", collapsible: o = !0, startCollapsed: s = !1, showHistogram: c = !1, resolution: l, step: u }) => {
-	let { state: { rangeFilters: d, rangeBounds: m, facetStats: h, facets: v, filterableFields: y, facetableFields: b, query: S, facetDebounceDelayMillis: C }, setRangeFilter: w, resetRangeFilter: T, allowEmptySearch: E, isFetchingInitial: D } = I(), O = m?.[t] !== void 0, k = m?.[t] ?? {
+var se = ({ field: t, label: n, expectedMin: r = 0, expectedMax: i = 1e3, control: a, displayType: o, showActivePanel: s = !1, collapsible: c = !0, startCollapsed: l = !1, showHistogram: u = !1, resolution: d, step: m, stepMarks: h }) => {
+	let { state: { rangeFilters: v, rangeBounds: y, facetStats: b, facets: S, filterableFields: C, facetableFields: w, query: T, facetDebounceDelayMillis: E }, setRangeFilter: D, resetRangeFilter: O, allowEmptySearch: k, isFetchingInitial: A } = F(), ee = a ?? o ?? "input", j = y?.[t] !== void 0, M = y?.[t] ?? {
 		min: r,
 		max: i
-	}, A = k.min, j = k.max, M = h?.[t] ?? k, N = Math.max(A, Math.min(j, M.min)), P = Math.max(A, Math.min(j, M.max)), F = e.useMemo(() => {
-		if (u) return u;
-		let e = Math.max(ie(A), ie(j)), n = v?.[t];
+	}, N = M.min, P = M.max, I = b?.[t] ?? M, L = Math.max(N, Math.min(P, I.min)), R = Math.max(N, Math.min(P, I.max)), z = e.useMemo(() => {
+		if (m) return m;
+		let e = Math.max(ie(N), ie(P)), n = S?.[t];
 		if (Array.isArray(n)) for (let t of n) e = Math.max(e, ie(Number(t.key)));
 		return e === 0 ? 1 : Number((10 ** -e).toFixed(e));
 	}, [
-		u,
-		A,
-		j,
-		v,
+		m,
+		N,
+		P,
+		S,
 		t
-	]), L = O && A === j, R = L ? r : A, z = L ? i : j, B = d?.[t], V = B ? B.min : A, H = B ? B.max : j, U = B !== void 0, W = N !== A || P !== j, [G, K] = e.useState([V, H]), [q, ee] = e.useState(!1), [J, te] = e.useState(!1), [Y, X] = e.useState(String(V)), [oe, Z] = e.useState(String(H));
+	]), B = j && N === P, V = B ? r : N, H = B ? i : P, U = v?.[t], te = s && U !== void 0 ? X.active : void 0, W = U ? U.min : N, G = U ? U.max : P, K = U !== void 0, q = L !== N || R !== P, [J, Y] = e.useState([W, G]), [re, ae] = e.useState(!1), [se, Q] = e.useState(!1), [ce, le] = e.useState(String(W)), [$, ue] = e.useState(String(G)), de = e.useMemo(() => {
+		let e = ie(z);
+		return { width: `calc(${Math.max(3, N.toFixed(e).length, P.toFixed(e).length, ce.length, $.length) + 1}ch + 20px)` };
+	}, [
+		z,
+		N,
+		P,
+		ce,
+		$
+	]);
 	e.useEffect(() => {
-		X(String(G[0])), Z(String(G[1]));
-	}, [G]);
-	let { finalMin: Q, finalMax: $, isValidMin: se, isValidMax: ce } = e.useMemo(() => {
-		let [e, t] = G, n = Math.max(A, Math.min(j, e)), r = Math.max(A, Math.min(j, t)), i = Math.min(n, r), a = Math.max(n, r);
+		le(String(J[0])), ue(String(J[1]));
+	}, [J]);
+	let { finalMin: fe, finalMax: pe, isValidMin: me, isValidMax: he } = e.useMemo(() => {
+		let [e, t] = J, n = Math.max(N, Math.min(P, e)), r = Math.max(N, Math.min(P, t)), i = Math.min(n, r), a = Math.max(n, r);
 		return {
 			finalMin: i,
 			finalMax: a,
-			isValidMin: i >= A && i < a,
-			isValidMax: a <= j && a > i
+			isValidMin: i >= N && i <= a,
+			isValidMax: a <= P && a >= i
 		};
 	}, [
-		G,
-		A,
-		j
+		J,
+		N,
+		P
 	]);
 	e.useEffect(() => {
-		if (L) return;
-		if (G[0] === A && G[1] === j) {
-			ee(!1), te(!1);
+		if (B) return;
+		if (J[0] === N && J[1] === P) {
+			ae(!1), Q(!1);
 			return;
 		}
-		let e = C ?? 500, n = setTimeout(() => {
-			ee(!se), te(!ce);
+		let e = E ?? 500, n = setTimeout(() => {
+			ae(!me), Q(!he);
 		}, 300), r = setTimeout(() => {
-			se && ce && (Q === A && $ === j ? T(t, !1) : w(t, Q, $));
+			me && he && (fe === N && pe === P ? O(t, !1) : D(t, fe, pe));
 		}, e);
 		return () => {
 			clearTimeout(n), clearTimeout(r);
 		};
 	}, [
-		Q,
-		$,
-		se,
-		ce,
-		A,
-		j,
+		fe,
+		pe,
+		me,
+		he,
+		N,
+		P,
 		t,
-		T,
-		w,
-		C,
-		L
+		O,
+		D,
+		E,
+		B
 	]), e.useEffect(() => {
-		K([V, H]), ee(!1), te(!1);
+		Y([W, G]), ae(!1), Q(!1);
 	}, [
-		V,
-		H,
+		W,
+		G,
 		t
 	]);
-	let le = e.useCallback((e) => {
-		L || K([Math.max(A, Math.min(P, e[0])), Math.max(N, Math.min(j, e[1]))]);
+	let ge = e.useCallback((e) => {
+		B || Y([Math.max(N, Math.min(R, e[0])), Math.max(L, Math.min(P, e[1]))]);
 	}, [
-		L,
-		A,
-		j,
+		B,
 		N,
-		P
-	]), ue = e.useCallback((e) => {
-		if (L) return;
-		let n = Math.max(A, Math.min(P, e[0])), r = Math.max(N, Math.min(j, e[1]));
-		n === A && r === j ? (K([A, j]), T(t, !0)) : K([n, r]);
+		P,
+		L,
+		R
+	]), _e = e.useCallback((e) => {
+		if (B) return;
+		let n = Math.max(N, Math.min(R, e[0])), r = Math.max(L, Math.min(P, e[1]));
+		n === N && r === P ? (Y([N, P]), O(t, !0)) : Y([n, r]);
 	}, [
+		B,
+		N,
+		P,
 		L,
-		A,
-		j,
+		R,
+		t,
+		O
+	]), ve = e.useRef(null), ye = e.useCallback((e, n) => {
+		if (B) return;
+		let r = ve.current;
+		if (U && r && r.start === e && r.last === n) {
+			ve.current = null, Y([N, P]), O(t, !0);
+			return;
+		}
+		let i = oe(Math.max(N, L, e), N, z), a = Math.max(i, oe(Math.min(P, R, n), N, z));
+		ve.current = {
+			start: e,
+			last: n
+		}, Y([i, a]);
+	}, [
+		B,
+		U,
 		N,
 		P,
+		L,
+		R,
+		z,
 		t,
-		T
-	]), de = e.useCallback(() => {
-		if (L) return;
-		let e = Y.trim(), t = e === "" ? NaN : Number(e);
+		O
+	]), be = e.useCallback(() => {
+		if (B) return;
+		let e = ce.trim(), t = e === "" ? NaN : Number(e);
 		if (isNaN(t)) {
-			X(String(G[0]));
+			le(String(J[0]));
 			return;
 		}
-		let n = Math.max(A, Math.min(P, t));
-		n < G[1] ? K([n, G[1]]) : K([A, G[1]]), X(String(n < G[1] ? n : A));
+		let n = Math.max(N, Math.min(R, t));
+		n < J[1] ? Y([n, J[1]]) : Y([N, J[1]]), le(String(n < J[1] ? n : N));
 	}, [
-		L,
-		Y,
-		G,
-		A,
-		P
-	]), fe = e.useCallback(() => {
-		if (L) return;
-		let e = oe.trim(), t = e === "" ? NaN : Number(e);
+		B,
+		ce,
+		J,
+		N,
+		R
+	]), xe = e.useCallback(() => {
+		if (B) return;
+		let e = $.trim(), t = e === "" ? NaN : Number(e);
 		if (isNaN(t)) {
-			Z(String(G[1]));
+			ue(String(J[1]));
 			return;
 		}
-		let n = Math.max(N, Math.min(j, t));
-		n > G[0] ? K([G[0], n]) : K([G[0], j]), Z(String(n > G[0] ? n : j));
+		let n = Math.max(L, Math.min(P, t));
+		n > J[0] ? Y([J[0], n]) : Y([J[0], P]), ue(String(n > J[0] ? n : P));
 	}, [
+		B,
+		$,
+		J,
 		L,
-		oe,
-		G,
-		N,
-		j
-	]), pe = (e) => (t) => {
+		P
+	]), Se = (e) => (t) => {
 		t.key === "Enter" && e();
-	}, [me, he] = e.useState(null), ge = e.useRef(null);
+	}, [Ce, we] = e.useState(null), Te = e.useRef(null);
 	e.useEffect(() => {
-		if (!c) return;
-		let e = `${A}:${j}`;
-		if (e === ge.current && ge.current !== null) return;
-		let n = v?.[t];
+		if (!u) return;
+		let e = `${N}:${P}`;
+		if (e === Te.current && Te.current !== null) return;
+		let n = S?.[t];
 		if (!Array.isArray(n) || n.length === 0) return;
 		let r = n.filter((e) => e.value != null && !isNaN(Number(e.key))).map((e) => ({
 			key: e.key,
 			value: e.value
 		}));
-		r.length > 0 && (ge.current = e, he(r));
+		r.length > 0 && (Te.current = e, we(r));
 	}, [
-		A,
-		j,
-		v,
+		N,
+		P,
+		S,
 		t,
-		c
+		u
 	]);
-	let _e = e.useMemo(() => {
-		if (!c || !me || me.length === 0) return [];
-		let e = j - A;
+	let Ee = e.useMemo(() => {
+		if (!u || !Ce || Ce.length === 0) return [];
+		let e = P - N;
 		if (e <= 0) return [];
-		let t = l ?? (Math.ceil(e / 20) || 1), n = Math.ceil(e / t);
-		return Array.from({ length: n }, (e, n) => {
-			let r = A + n * t, i = A + (n + 1) * t;
+		let t = d ?? (Math.ceil(e / 20) || 1), n = Math.ceil(e / t);
+		return Array.from({ length: n }, (e, r) => {
+			let i = N + r * t, a = N + (r + 1) * t, o = r === n - 1, s = Ce.filter((e) => {
+				let t = Number(e.key);
+				return t >= i && (t < a || o && t <= P);
+			}).reduce((e, t) => e + t.value, 0), c = o ? P : Z(a - z, z), l = c > i ? c : Math.min(a, P);
 			return {
-				bucketStart: r,
-				bucketEnd: i,
-				count: me.filter((e) => {
-					let t = Number(e.key);
-					return t >= r && t < i;
-				}).reduce((e, t) => e + t.value, 0)
+				bucketStart: i,
+				bucketEnd: a,
+				count: s,
+				span: l - i,
+				gap: o ? 0 : Math.max(0, a - l),
+				barEnd: l,
+				last: c
 			};
 		});
 	}, [
-		c,
-		me,
-		A,
-		j,
-		l
-	]), ve = e.useMemo(() => Math.max(..._e.map((e) => e.count), 1), [_e]);
-	return c && !D && !b?.includes(t) && console.warn(`RangeFilterPanel: showHistogram=true but field "${t}" is not facetable. Add .Facetable = true to this field.`), D ? /* @__PURE__ */ f(ne, {
+		u,
+		Ce,
+		N,
+		P,
+		d,
+		z
+	]), De = e.useMemo(() => Math.max(...Ee.map((e) => e.count), 1), [Ee]);
+	return u && !A && !w?.includes(t) && console.warn(`RangeFilterPanel: showHistogram=true but field "${t}" is not facetable. Add .Facetable = true to this field.`), A ? /* @__PURE__ */ f(ne, {
 		title: n,
 		variant: "slider",
-		collapsible: o,
-		startCollapsed: s
-	}) : !E && !S ? null : y?.includes(t) ? a === "slider" ? /* @__PURE__ */ p(g, {
+		withHistogram: u,
+		collapsible: c,
+		startCollapsed: l
+	}) : !k && !T ? null : C?.includes(t) ? ee === "slider" ? /* @__PURE__ */ p(g, {
 		title: n,
-		collapsed: s,
-		collapsible: o,
+		collapsed: l,
+		collapsible: c,
+		className: te,
 		children: [
-			L && /* @__PURE__ */ p("div", {
-				className: re.disabledMessage,
+			B && /* @__PURE__ */ p("div", {
+				className: X.disabledMessage,
 				children: [
 					"No adjustable range (all results have the same value: ",
-					A,
+					N,
 					")."
 				]
 			}),
-			c && _e.length > 0 && /* @__PURE__ */ f("div", {
-				className: re.histogram,
-				children: (() => {
-					let e = typeof N == "number" && typeof P == "number" && P > N && (N > A || P < j);
-					return _e.map((t, n) => {
-						let r = Math.max(1, Math.ceil(t.count / ve * 20)), i = e ? t.bucketEnd > N && t.bucketStart < P : t.bucketEnd > Q && t.bucketStart < $;
-						return /* @__PURE__ */ f("div", {
-							className: re.histogramBar,
-							"data-testid": "histogram-bar",
-							"data-active": i,
-							style: {
-								height: `${r}px`,
-								background: i ? "var(--lv5)" : "var(--lv3)"
-							}
-						}, n);
-					});
-				})()
-			}),
+			u && Ee.length === 0 && /* @__PURE__ */ f("div", { className: X.histogram }),
+			u && Ee.length > 0 && (() => {
+				let [e, t] = R > L && (L > N || R < P) ? [L, R] : [V, H], n = Math.max(fe, e), r = Math.min(pe, t), i = H - V || 1, a = (e) => Math.max(0, Math.min(1, (e - V) / i)), o = (e) => Math.max(0, Math.min(1, (H - e) / i)), s = a(n), c = r < n ? 1 - s : o(r), l = (e) => `calc(10px + (100% - 20px) * ${e})`, u = `inset(0 ${l(c)} 0 ${l(s)})`, d = `inset(0 ${l(o(t))} 0 ${l(a(e))})`, m = (n) => n.last < e || n.bucketStart > t, h = Ee.slice(1).map((e, t) => l(((Ee[t].barEnd + e.bucketStart) / 2 - V) / i)), g = (e, t) => e.gap > 0 ? /* @__PURE__ */ f("span", {
+					className: X.histogramGap,
+					style: { flexGrow: e.gap }
+				}, `gap${t}`) : null, _ = Ee.map((e) => ({
+					...e,
+					height: Math.max(1, Math.ceil(e.count / De * 20))
+				}));
+				return /* @__PURE__ */ p("div", {
+					className: X.histogram,
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: X.histogramLayer,
+							children: _.map((e, t) => [/* @__PURE__ */ f("button", {
+								type: "button",
+								className: X.histogramBar,
+								style: { flexGrow: e.span },
+								"data-testid": "histogram-bar",
+								disabled: B || m(e),
+								"aria-label": `${e.bucketStart} to ${e.last}: ${e.count}`,
+								title: `${e.bucketStart} to ${e.last}: ${e.count}`,
+								onClick: () => ye(e.bucketStart, e.last),
+								children: /* @__PURE__ */ f("span", {
+									className: X.histogramFill,
+									style: { height: `${e.height}px` }
+								})
+							}, t), g(e, t)])
+						}),
+						/* @__PURE__ */ f("div", {
+							className: `${X.histogramLayer} ${X.histogramLive}`,
+							"aria-hidden": "true",
+							"data-testid": "histogram-live",
+							style: { clipPath: d },
+							children: _.map((e, t) => [/* @__PURE__ */ f("span", {
+								className: X.histogramBar,
+								style: { flexGrow: e.span },
+								children: /* @__PURE__ */ f("span", {
+									className: X.histogramFill,
+									style: { height: `${e.height}px` }
+								})
+							}, t), g(e, t)])
+						}),
+						/* @__PURE__ */ f("div", {
+							className: `${X.histogramLayer} ${X.histogramLit}`,
+							"aria-hidden": "true",
+							"data-testid": "histogram-lit",
+							style: { clipPath: u },
+							children: _.map((e, t) => [/* @__PURE__ */ f("span", {
+								className: X.histogramBar,
+								style: { flexGrow: e.span },
+								children: /* @__PURE__ */ f("span", {
+									className: X.histogramFill,
+									style: { height: `${e.height}px` }
+								})
+							}, t), g(e, t)])
+						}),
+						/* @__PURE__ */ f("div", {
+							className: X.histogramSeparators,
+							"aria-hidden": "true",
+							children: h.map((e, t) => /* @__PURE__ */ f("span", {
+								className: X.histogramSeparator,
+								style: { left: e }
+							}, t))
+						})
+					]
+				});
+			})(),
 			/* @__PURE__ */ f("div", {
 				style: { padding: "10px 10px 20px 10px" },
 				children: /* @__PURE__ */ f(x, {
-					min: R,
-					max: z,
-					step: F,
-					value: L ? [R, z] : [ae(Q, R, F), ae($, R, F)],
+					min: V,
+					max: H,
+					step: z,
+					stepMarks: h,
+					value: B ? [V, H] : [oe(fe, V, z), oe(pe, V, z)],
 					isRange: !0,
-					onChange: (e) => le(e),
-					onFinalChange: (e) => ue(e),
-					disabled: L,
-					activeMin: N,
-					activeMax: P,
-					isFaceted: W,
-					highlightFaceted: U,
+					onChange: (e) => ge(e),
+					onFinalChange: (e) => _e(e),
+					disabled: B,
+					activeMin: L,
+					activeMax: R,
+					isFaceted: q,
+					highlightFaceted: K,
 					"aria-label": n || `Filter by ${t}`
 				})
 			}),
 			/* @__PURE__ */ p("div", {
 				style: {
 					display: "flex",
-					flex: "flex-grow",
 					gap: "10px",
 					alignItems: "flex-start",
 					justifyContent: "space-between"
@@ -1260,35 +1456,38 @@ var oe = ({ field: t, label: n, expectedMin: r = 0, expectedMax: i = 1e3, displa
 				children: [/* @__PURE__ */ f(_, {
 					label: "Min:",
 					type: "number",
-					value: L ? String(A) : Y,
-					min: A,
-					max: Math.min(P, G[1] - 1),
-					onChange: (e) => X(e.target.value),
-					onBlur: de,
-					onKeyDown: pe(de),
-					disabled: L,
-					isValid: L || !q
+					style: de,
+					value: B ? String(N) : ce,
+					min: N,
+					max: Z(Math.min(R, J[1] - z), z),
+					onChange: (e) => le(e.target.value),
+					onBlur: be,
+					onKeyDown: Se(be),
+					disabled: B,
+					isValid: B || !re
 				}), /* @__PURE__ */ f(_, {
 					label: "Max:",
 					type: "number",
-					value: L ? String(j) : oe,
-					min: Math.max(N, G[0] + 1),
-					max: j,
-					onChange: (e) => Z(e.target.value),
-					onBlur: fe,
-					onKeyDown: pe(fe),
-					disabled: L,
-					isValid: L || !J
+					style: de,
+					value: B ? String(P) : $,
+					min: Z(Math.max(L, J[0] + z), z),
+					max: P,
+					onChange: (e) => ue(e.target.value),
+					onBlur: xe,
+					onKeyDown: Se(xe),
+					disabled: B,
+					isValid: B || !se
 				})]
 			})
 		]
 	}) : /* @__PURE__ */ p(g, {
 		title: n,
-		children: [L && /* @__PURE__ */ p("div", {
-			className: re.disabledMessage,
+		className: te,
+		children: [B && /* @__PURE__ */ p("div", {
+			className: X.disabledMessage,
 			children: [
 				"No adjustable range (all results have the same value: ",
-				A,
+				N,
 				")."
 			]
 		}), /* @__PURE__ */ p("div", {
@@ -1300,25 +1499,27 @@ var oe = ({ field: t, label: n, expectedMin: r = 0, expectedMax: i = 1e3, displa
 			children: [/* @__PURE__ */ f(_, {
 				label: "Min:",
 				type: "number",
-				value: L ? String(A) : Y,
-				min: A,
-				max: Math.min(P, G[1] - 1),
-				onChange: (e) => X(e.target.value),
-				onBlur: de,
-				onKeyDown: pe(de),
-				disabled: L,
-				isValid: L || !q
+				style: de,
+				value: B ? String(N) : ce,
+				min: N,
+				max: Z(Math.min(R, J[1] - z), z),
+				onChange: (e) => le(e.target.value),
+				onBlur: be,
+				onKeyDown: Se(be),
+				disabled: B,
+				isValid: B || !re
 			}), /* @__PURE__ */ f(_, {
 				label: "Max:",
 				type: "number",
-				value: L ? String(j) : oe,
-				min: Math.max(N, G[0] + 1),
-				max: j,
-				onChange: (e) => Z(e.target.value),
-				onBlur: fe,
-				onKeyDown: pe(fe),
-				disabled: L,
-				isValid: L || !J
+				style: de,
+				value: B ? String(P) : $,
+				min: Z(Math.max(L, J[0] + z), z),
+				max: P,
+				onChange: (e) => ue(e.target.value),
+				onBlur: xe,
+				onKeyDown: Se(xe),
+				disabled: B,
+				isValid: B || !se
 			})]
 		})]
 	}) : /* @__PURE__ */ f(g, {
@@ -1335,34 +1536,193 @@ var oe = ({ field: t, label: n, expectedMin: r = 0, expectedMax: i = 1e3, displa
 			]
 		})
 	});
-}, Z = {
+}, Q = {
+	list: "_list_apmmi_2",
+	grid: "_grid_apmmi_9",
+	count: "_count_apmmi_22",
+	countValue: "_countValue_apmmi_31",
+	chip: "_chip_apmmi_35",
+	error: "_error_apmmi_40",
+	active: "_active_apmmi_46"
+};
+//#endregion
+//#region src/components/BucketFilterPanel.tsx
+function ce(e, t) {
+	if (!t) return null;
+	let n = 0, r = !1;
+	for (let i of t) {
+		let t = Number(i.key);
+		if (!(Number.isNaN(t) || !e.contains(t))) {
+			if (typeof i.value != "number") return null;
+			n += i.value, r = !0;
+		}
+	}
+	return r ? n : 0;
+}
+var le = ({ field: e, label: t, width: n, buckets: r, control: i, displayType: a, layout: c = "list", showCount: u = !0, showEmpty: d = !1, limit: _, showActivePanel: y = !1, collapsible: b = !0, startCollapsed: x = !1 }) => {
+	let { state: { facets: S, filterableFields: C, facetableFields: w, bucketFilters: T, rangeBounds: E, facetStats: D, query: O }, toggleBucketFilter: k, isFetchingInitial: A, allowEmptySearch: ee } = F(), j = i ?? a ?? "checkbox", M = S?.[e], N = T[e] ?? [], [P, I] = l(_ ?? Infinity);
+	o(() => {
+		I(_ ?? Infinity);
+	}, [_, M]);
+	let L = E?.[e] ?? D?.[e], R = s(() => {
+		let e = [];
+		if (L && e.push(L.min, L.max), Array.isArray(M)) for (let t of M) e.push(Number(t.key));
+		return ae(e.filter(Number.isFinite));
+	}, [L, M]), z = s(() => {
+		let e = L?.min ?? -Number.MAX_VALUE, t = L?.max ?? Number.MAX_VALUE, i = (n, r, i) => ({
+			label: i ?? (n === void 0 ? `up to ${r}` : r === void 0 ? `${n} and up` : `${n}-${r}`),
+			range: {
+				min: n ?? e,
+				max: r ?? t
+			},
+			contains: (e) => (n === void 0 || e >= n) && (r === void 0 || e <= r)
+		});
+		if (r && r.length > 0) return r.map((e) => i(e.min, e.max, e.label));
+		if (Array.isArray(n)) {
+			let e = [...n].sort((e, t) => e - t), t = [];
+			for (let n = 0; n < e.length - 1; n++) t.push(i(e[n], Z(e[n + 1] - R, R)));
+			return t;
+		}
+		if (typeof n == "number" && n > 0 && L) {
+			let e = [], t = Math.floor(L.min / n) * n;
+			for (let r = t; r <= L.max; r = Z(r + n, R)) e.push(i(Z(r, R), Z(r + n - R, R)));
+			return e;
+		}
+		return [];
+	}, [
+		r,
+		n,
+		L,
+		R
+	]);
+	if (A || !S) return /* @__PURE__ */ f(ne, {
+		title: t,
+		rows: Math.max(1, Math.min(z.length || 5, 8)),
+		collapsible: b,
+		startCollapsed: x
+	});
+	if (!ee && !O) return null;
+	if (!C?.includes(e)) return /* @__PURE__ */ f(g, {
+		collapsible: !1,
+		children: /* @__PURE__ */ p("div", {
+			className: Q.error,
+			children: [
+				"Cannot render buckets for \"",
+				e,
+				"\": field is not filterable."
+			]
+		})
+	});
+	let B = w?.includes(e) && Array.isArray(M), V = (e) => N.some((t) => t.min === e.range.min && t.max === e.range.max), H = z.map((e) => ({
+		bucket: e,
+		count: B ? ce(e, M) : null
+	}));
+	if (d || (H = H.filter((e) => e.count !== 0 || V(e.bucket))), H.length === 0) return null;
+	let U = H.slice(0, P), te = (t, n) => {
+		let r = V(t), i = n === 0 && !r, a = u && (n ?? 0) > 0 ? `${n}` : "", o = () => k(e, t.range, j === "radio");
+		if (j === "radio") {
+			let n = /* @__PURE__ */ f(v, {
+				id: `${e}-${t.range.min}-${t.range.max}`,
+				name: e,
+				value: t.label,
+				label: c === "grid" && a ? `${t.label} (${a})` : t.label,
+				checked: r,
+				onChange: o,
+				disabled: i
+			});
+			return c === "list" ? /* @__PURE__ */ p("div", {
+				className: Q.count,
+				children: [n, /* @__PURE__ */ f("span", {
+					className: Q.countValue,
+					children: a
+				})]
+			}) : n;
+		}
+		if (j === "button") {
+			let e = /* @__PURE__ */ f(m, {
+				variant: r ? "primary" : "secondary",
+				onClick: o,
+				disabled: i,
+				size: "micro",
+				className: Q.chip,
+				children: c === "grid" && a ? `${t.label} (${a})` : t.label
+			});
+			return c === "list" ? /* @__PURE__ */ p("div", {
+				className: Q.count,
+				children: [e, /* @__PURE__ */ f("span", {
+					className: Q.countValue,
+					children: a
+				})]
+			}) : e;
+		}
+		return c === "list" ? /* @__PURE__ */ p("div", {
+			className: Q.count,
+			children: [/* @__PURE__ */ f(h, {
+				label: t.label,
+				score: "",
+				checked: r,
+				onChange: o,
+				disabled: i
+			}), /* @__PURE__ */ f("span", {
+				className: Q.countValue,
+				children: a
+			})]
+		}) : /* @__PURE__ */ f(h, {
+			label: t.label,
+			score: a ? ` (${a})` : "",
+			checked: r,
+			onChange: o,
+			disabled: i
+		});
+	};
+	return /* @__PURE__ */ f(g, {
+		title: t,
+		collapsible: b,
+		collapsed: b ? x : !1,
+		className: y && N.length > 0 ? Q.active : void 0,
+		children: /* @__PURE__ */ p("ul", {
+			className: c === "grid" ? Q.grid : Q.list,
+			style: {
+				listStyle: "none",
+				padding: 0,
+				margin: 0
+			},
+			children: [U.map(({ bucket: e, count: t }) => /* @__PURE__ */ f("li", { children: te(e, t) }, `${e.range.min}-${e.range.max}`)), U.length < H.length && /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
+				variant: "ghost",
+				size: "micro",
+				onClick: () => I(H.length),
+				children: `Show ${H.length - U.length} more of ${H.length} total`
+			}) })]
+		})
+	});
+}, $ = {
 	grid: "_grid_xm2uh_2",
 	chip: "_chip_xm2uh_17",
 	chipLabel: "_chipLabel_xm2uh_28"
-}, Q = r(({ field: e, value: t, onReset: n }) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
+}, ue = r(({ field: e, value: t, onReset: n }) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
 	onClick: n,
 	iconRight: /* @__PURE__ */ f(E, {}),
 	variant: "primary",
 	size: "micro",
-	className: Z.chip,
+	className: $.chip,
 	title: `${e}: ${t}`,
 	children: /* @__PURE__ */ p("span", {
-		className: Z.chipLabel,
+		className: $.chipLabel,
 		children: [
 			e,
 			": ",
 			t
 		]
 	})
-}) })), $ = r(({ field: e, min: t, max: n, onReset: r }) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
+}) })), de = r(({ field: e, min: t, max: n, onReset: r }) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
 	onClick: r,
 	iconRight: /* @__PURE__ */ f(E, {}),
 	variant: "primary",
 	size: "micro",
-	className: Z.chip,
+	className: $.chip,
 	title: `${e}: ${t} – ${n}`,
 	children: /* @__PURE__ */ p("span", {
-		className: Z.chipLabel,
+		className: $.chipLabel,
 		children: [
 			e,
 			": ",
@@ -1371,35 +1731,63 @@ var oe = ({ field: t, label: n, expectedMin: r = 0, expectedMax: i = 1e3, displa
 			n
 		]
 	})
+}) })), fe = r(({ field: e, label: t, onReset: n }) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
+	onClick: n,
+	iconRight: /* @__PURE__ */ f(E, {}),
+	variant: "primary",
+	size: "micro",
+	className: $.chip,
+	title: `${e}: ${t}`,
+	children: /* @__PURE__ */ p("span", {
+		className: $.chipLabel,
+		children: [
+			e,
+			": ",
+			t
+		]
+	})
 }) }));
-function se() {
-	let { state: { filters: e, rangeFilters: t }, resetFilters: n, resetSingleFilter: r, resetRangeFilter: i } = I(), a = s(() => Object.entries(e).map(([e, t]) => t.map((t) => ({
+function pe() {
+	let { state: { filters: e, rangeFilters: t, bucketFilters: n }, resetFilters: r, resetSingleFilter: i, resetRangeFilter: a, resetBucketFilter: o } = F(), c = s(() => Object.entries(e).map(([e, t]) => t.map((t) => ({
 		field: e,
 		value: t
-	}))).flat(), [e]), o = s(() => Object.entries(t).map(([e, { min: t, max: n }]) => ({
+	}))).flat(), [e]), l = s(() => Object.entries(t).map(([e, { min: t, max: n }]) => ({
 		field: e,
 		min: t,
 		max: n
-	})), [t]);
-	return s(() => Object.keys(e).length > 0 || Object.keys(t).length > 0, [e, t]) ? /* @__PURE__ */ f(g, {
+	})), [t]), u = s(() => Object.entries(n).flatMap(([e, t]) => t.map((t) => ({
+		field: e,
+		range: t,
+		label: `${t.min}-${t.max}`
+	}))), [n]);
+	return s(() => Object.keys(e).length > 0 || Object.keys(t).length > 0 || u.length > 0, [
+		e,
+		t,
+		u
+	]) ? /* @__PURE__ */ f(g, {
 		collapsible: !1,
 		title: "Active filters",
 		children: /* @__PURE__ */ p("ul", {
-			className: Z.grid,
+			className: $.grid,
 			children: [
-				a.map(({ field: e, value: t }) => /* @__PURE__ */ f(Q, {
+				c.map(({ field: e, value: t }) => /* @__PURE__ */ f(ue, {
 					field: e,
 					value: t,
-					onReset: () => r(e, t)
+					onReset: () => i(e, t)
 				}, `${e}-${t}`)),
-				o.map(({ field: e, min: t, max: n }) => /* @__PURE__ */ f($, {
+				l.map(({ field: e, min: t, max: n }) => /* @__PURE__ */ f(de, {
 					field: e,
 					min: t,
 					max: n,
-					onReset: () => i(e)
+					onReset: () => a(e)
 				}, e)),
+				u.map(({ field: e, range: t, label: n }) => /* @__PURE__ */ f(fe, {
+					field: e,
+					label: n,
+					onReset: () => o(e, t)
+				}, `${e}-${t.min}-${t.max}`)),
 				/* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(m, {
-					onClick: n,
+					onClick: r,
 					size: "micro",
 					variant: "ghost",
 					children: "Reset"
@@ -1408,61 +1796,61 @@ function se() {
 		})
 	}) : null;
 }
-var ce = {
+var me = {
 	select: "_select_nwf7i_1",
 	radioGroup: "_radioGroup_nwf7i_6"
-}, le = ({ displayType: e = "dropdown", collapsible: t = !0, startCollapsed: n = !1 }) => {
-	let { state: { sortableFields: r, sortBy: i, sortAscending: a }, setSort: o, isFetchingInitial: s } = I();
-	if (s) return /* @__PURE__ */ f(ne, {
+}, he = ({ control: e, displayType: t, collapsible: n = !0, startCollapsed: r = !1 }) => {
+	let i = e ?? (t === "radio" ? "radio" : "select"), { state: { sortableFields: a, sortBy: o, sortAscending: s }, setSort: c, isFetchingInitial: l } = F();
+	if (l) return /* @__PURE__ */ f(ne, {
 		title: "Sort by",
-		rows: e === "radio" ? 3 : 1,
-		collapsible: t,
-		startCollapsed: n
+		rows: i === "radio" ? 3 : 1,
+		collapsible: n,
+		startCollapsed: r
 	});
-	if (!r || r.length === 0) return null;
-	let c = i ? `${i}:${a ? "asc" : "desc"}` : "none", l = [{
+	if (!a || a.length === 0) return null;
+	let u = o ? `${o}:${s ? "asc" : "desc"}` : "none", d = [{
 		label: "None",
 		value: "none"
-	}, ...r.flatMap((e) => [{
+	}, ...a.flatMap((e) => [{
 		label: `${e} (asc)`,
 		value: `${e}:asc`
 	}, {
 		label: `${e} (desc)`,
 		value: `${e}:desc`
-	}])], u = (e) => {
-		if (e === "none" || e === "") o(null, !0);
+	}])], p = (e) => {
+		if (e === "none" || e === "") c(null, !0);
 		else {
 			let [t, n] = e.split(":");
-			o(t, n === "asc");
+			c(t, n === "asc");
 		}
 	};
 	return /* @__PURE__ */ f(g, {
 		title: "Sort by",
-		collapsible: t,
-		collapsed: t ? n : !1,
-		children: e === "dropdown" ? /* @__PURE__ */ f(b, {
-			value: c,
-			onValueChange: u,
-			options: l,
+		collapsible: n,
+		collapsed: n ? r : !1,
+		children: i === "select" ? /* @__PURE__ */ f(b, {
+			value: u,
+			onValueChange: p,
+			options: d,
 			placeholder: "Select sort...",
 			"aria-label": "Sort by"
 		}) : /* @__PURE__ */ f("div", {
-			className: ce.radioGroup,
-			children: l.map((e) => /* @__PURE__ */ f(v, {
+			className: me.radioGroup,
+			children: d.map((e) => /* @__PURE__ */ f(v, {
 				id: `sort-${e.value}`,
 				name: "sort-by",
 				value: e.value,
 				label: e.label,
-				checked: c === e.value,
-				onChange: (e) => u(e.target.value)
+				checked: u === e.value,
+				onChange: (e) => p(e.target.value)
 			}, e.value))
 		})
 	});
-}, ue = { list: "_list_1y4fk_1" };
+}, ge = { list: "_list_1y4fk_1" };
 //#endregion
 //#region src/components/SearchSettingsPanel.tsx
-function de() {
-	let { state: { searchSettings: e }, setSearchSettings: t } = I(), [n, r] = l(!1), i = (e, n) => {
+function _e() {
+	let { state: { searchSettings: e }, setSearchSettings: t } = F(), [n, r] = l(!1), i = (e, n) => {
 		let r = parseInt(n, 10);
 		isNaN(r) || t({ [e]: r });
 	}, a = (e, n) => {
@@ -1483,7 +1871,7 @@ function de() {
 		collapsed: !0,
 		title: "Settings",
 		children: /* @__PURE__ */ p("ul", {
-			className: ue.list,
+			className: ge.list,
 			children: [
 				/* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(_, {
 					label: "Max Results",
@@ -1617,7 +2005,7 @@ function de() {
 }
 //#endregion
 //#region src/components/SearchErrorBoundary.tsx
-var fe = class extends t {
+var ve = class extends t {
 	constructor(e) {
 		super(e), this.state = {
 			hasError: !1,
@@ -1699,8 +2087,8 @@ var fe = class extends t {
 };
 //#endregion
 //#region src/hooks/useVectorSearch.ts
-function pe(e, t) {
-	let { url: n, team: r, dataset: a, authenticatedFetch: o } = I(), [s, c] = l(null), [u, d] = l(!1), [f, p] = l(void 0);
+function ye(e, t) {
+	let { url: n, team: r, dataset: a, authenticatedFetch: o } = F(), [s, c] = l(null), [u, d] = l(!1), [f, p] = l(void 0);
 	return {
 		results: s,
 		isLoading: u,
@@ -1755,8 +2143,8 @@ function pe(e, t) {
 }
 //#endregion
 //#region src/hooks/useHybridSearch.ts
-function me(e, t) {
-	let { url: n, team: r, dataset: a, authenticatedFetch: o } = I(), [s, c] = l(null), [u, d] = l(!1), [f, p] = l(void 0);
+function be(e, t) {
+	let { url: n, team: r, dataset: a, authenticatedFetch: o } = F(), [s, c] = l(null), [u, d] = l(!1), [f, p] = l(void 0);
 	return {
 		results: s,
 		isLoading: u,
@@ -1814,4 +2202,4 @@ function me(e, t) {
 	};
 }
 //#endregion
-export { se as ActiveFiltersPanel, ne as FilterPanelSkeleton, O as IndxApiError, oe as RangeFilterPanel, P as SearchContext, fe as SearchErrorBoundary, L as SearchInput, F as SearchProvider, B as SearchResult, ee as SearchResultRow, K as SearchResults, U as SearchResultsSkeleton, de as SearchSettingsPanel, le as SortByPanel, X as ValueFilterPanel, me as useHybridSearch, I as useSearch, I as useSearchContext, pe as useVectorSearch };
+export { pe as ActiveFiltersPanel, le as BucketFilterPanel, ne as FilterPanelSkeleton, O as IndxApiError, se as RangeFilterPanel, N as SearchContext, ve as SearchErrorBoundary, I as SearchInput, P as SearchProvider, z as SearchResult, K as SearchResultRow, W as SearchResults, H as SearchResultsSkeleton, _e as SearchSettingsPanel, he as SortByPanel, re as ValueFilterPanel, be as useHybridSearch, F as useSearch, F as useSearchContext, ye as useVectorSearch };