admin-ui-starter-kit 0.1.0

package/dist/components/features/filters/index.js

@@ -0,0 +1,2023 @@
+import { useStrings as e } from "../../../lib/strings.js";
+import { o as t } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { cn as n } from "../../../lib/utils.js";
+import { t as r } from "../../../_shared/text-DIxMTECE.js";
+import { a as i } from "../../../_shared/typography-BtPQBvSm.js";
+import { t as a } from "../../../_shared/badge-BbUN6W7E.js";
+import { t as o } from "../../../_shared/button-Ck2qS42n.js";
+import { i as s, s as c } from "../../../_shared/command-Sq8XbHbA.js";
+import { a as l, i as u, n as d, r as f, t as p } from "../../../_shared/command-CvZ6Emb8.js";
+import { t as m } from "../../../_shared/date-picker-DTazvODY.js";
+import { n as h, s as g, t as _ } from "../../../_shared/popover-CF9VWt-l.js";
+import { t as v } from "../../../_shared/input-Cwv1-5jt.js";
+import { t as y } from "../../../_shared/popover-menu-BYesl29w.js";
+import b, { Component as x, createContext as S, useCallback as C, useContext as w, useEffect as T, useId as E, useMemo as D, useRef as O, useState as k } from "react";
+import { format as A, isValid as j, parse as M } from "date-fns";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { AlertCircle as I, ArrowLeft as L, CalendarIcon as R, Check as ee, ChevronDown as z, ChevronsUpDown as B, Filter as V, Loader2 as H, Plus as te, X as U } from "lucide-react";
+//#region src/components/features/filters/filters.strings.ts
+var ne = {
+	loading: "Loading",
+	loadingOptions: "Loading {filterLabel} options...",
+	clear: "Clear",
+	confirm: "Confirm",
+	clearFilters: "Clear filters",
+	clearAll: "Clear all",
+	selectDate: "Select date",
+	selectDateRange: "Select date range",
+	calendar: {
+		dateSelected: "Date selected",
+		notDateSelected: "No date selected",
+		notDateRangeSelected: "No date range selected",
+		selectedEndDate: "Select end date",
+		today: "Today",
+		yesterday: "Yesterday",
+		lastSevenDays: "Last 7 days",
+		lastThirtyDays: "Last 30 days",
+		thisMonth: "This month",
+		lastMonth: "Last month",
+		thisYear: "This year",
+		lastYear: "Last year",
+		customRange: "Custom range"
+	},
+	selectValues: "Select values",
+	searchPlaceholder: "Search {filterLabel}...",
+	noOptionsFound: "No options found",
+	selected: "{count} {filterLabel} selected",
+	nothingSelected: "Nothing selected",
+	enterTag: "Enter tag",
+	addTag: "Add tag",
+	removeTag: "Remove",
+	tag: "tag",
+	tags: "tags",
+	enterTags: "Enter tags",
+	searchFilters: "Search filters...",
+	noFiltersAvailable: "No filters available",
+	availableFilters: "Available Filters",
+	activeFilters: "Active Filters",
+	clearSearch: "Clear search",
+	backToFilters: "Back to filters",
+	select: "Select",
+	options: "options",
+	operator: "Operator",
+	operators: {
+		contains: "contains",
+		equals: "is",
+		notContains: "does not contain",
+		is: "is",
+		isNot: "is not",
+		greaterThan: "greater than",
+		lessThan: "less than",
+		before: "before",
+		after: "after",
+		between: "between",
+		has: "has",
+		hasAny: "has any",
+		hasAll: "has all"
+	},
+	min: "Min",
+	max: "Max",
+	fetchError: "Failed to load options",
+	retryFetch: "Retry",
+	minQueryHint: "Type at least {min} characters...",
+	searching: "Searching...",
+	error: {
+		title: "Filter error",
+		descriptionWithKey: "There was a problem with \"{filterKey}\" filter.",
+		generic: "There was a problem loading this filter.",
+		unknown: "Unknown error"
+	},
+	validation: {
+		required: "This filter is required",
+		minValue: "Value must be at least {min}",
+		maxValue: "Value must be at most {max}",
+		invalidFormat: "Invalid format"
+	}
+};
+function W(e, t) {
+	return e.replace(/{(\w+)}/g, (e, n) => String(t[n] ?? e)).replace(/:(\w+)/g, (e, n) => t[n] === void 0 ? e : String(t[n]));
+}
+function re(e, t, n) {
+	let r = t.split("."), i = e;
+	for (let e of r) {
+		if (typeof i != "object" || !i) return t;
+		i = i[e];
+	}
+	return typeof i == "string" ? n ? W(i, n) : i : t;
+}
+//#endregion
+//#region src/components/features/filters/filters.types.ts
+var G = {
+	SELECT: "select",
+	MULTI_SELECT: "multi_select",
+	ASYNC_SELECT: "async_select",
+	SEARCH: "search",
+	RANGE: "range",
+	DATE: "date",
+	TAGS: "tags"
+}, K = {
+	EQUALS: "equals",
+	CONTAINS: "contains",
+	IN: "in",
+	NOT_IN: "not_in",
+	NOT: "not",
+	BEFORE: "before",
+	AFTER: "after",
+	BETWEEN: "between",
+	GT: "gt",
+	LT: "lt",
+	GTE: "gte",
+	LTE: "lte",
+	HAS: "has",
+	HAS_ANY: "has_any",
+	HAS_ALL: "has_all"
+};
+//#endregion
+//#region src/components/features/filters/operator-options.ts
+function ie(e) {
+	return [
+		{
+			label: e.contains,
+			value: K.CONTAINS
+		},
+		{
+			label: e.equals,
+			value: K.EQUALS
+		},
+		{
+			label: e.notContains,
+			value: K.NOT
+		}
+	];
+}
+function ae(e) {
+	return [{
+		label: e.is,
+		value: K.EQUALS
+	}, {
+		label: e.isNot,
+		value: K.NOT
+	}];
+}
+function oe(e) {
+	return [
+		{
+			label: e.equals,
+			value: K.EQUALS
+		},
+		{
+			label: e.greaterThan,
+			value: K.GT
+		},
+		{
+			label: e.lessThan,
+			value: K.LT
+		}
+	];
+}
+function se(e) {
+	return [
+		{
+			label: e.before,
+			value: K.BEFORE
+		},
+		{
+			label: e.after,
+			value: K.AFTER
+		},
+		{
+			label: e.between,
+			value: K.BETWEEN
+		}
+	];
+}
+function ce(e) {
+	return [{
+		label: e.equals,
+		value: K.EQUALS
+	}];
+}
+function le(e, t) {
+	switch (e) {
+		case G.SEARCH: return ie(t);
+		case G.TAGS: return [
+			{
+				label: t.has,
+				value: K.HAS
+			},
+			{
+				label: t.hasAny,
+				value: K.HAS_ANY
+			},
+			{
+				label: t.hasAll,
+				value: K.HAS_ALL
+			}
+		];
+		case G.SELECT:
+		case G.ASYNC_SELECT: return ae(t);
+		case G.RANGE: return oe(t);
+		case G.DATE: return se(t);
+		default: return ie(t);
+	}
+}
+function ue(e) {
+	switch (e) {
+		case G.SEARCH: return K.CONTAINS;
+		case G.TAGS: return K.HAS;
+		case G.SELECT:
+		case G.ASYNC_SELECT: return K.EQUALS;
+		case G.RANGE: return K.EQUALS;
+		case G.DATE: return K.BEFORE;
+		default: return K.EQUALS;
+	}
+}
+//#endregion
+//#region src/components/features/filters/utils/filter-utils.ts
+function de(e, t, n) {
+	if (e.type === "date" && Array.isArray(t) && t.every((e) => typeof e == "string")) return !0;
+	if (e.validation?.required && (!t || Array.isArray(t) && t.length === 0)) return n("validation.required");
+	if (typeof t == "number") {
+		if (e.validation?.min !== void 0 && t < e.validation.min) return n("validation.minValue").replace("{min}", String(e.validation.min));
+		if (e.validation?.max !== void 0 && t > e.validation.max) return n("validation.maxValue").replace("{max}", String(e.validation.max));
+	}
+	if (e.validation?.pattern && typeof t == "string" && !new RegExp(e.validation.pattern).test(t)) return n("validation.invalidFormat");
+	if (e.validation?.custom) {
+		let n = e.validation.custom(t);
+		if (typeof n == "string" || !n) return n;
+	}
+	return !0;
+}
+//#endregion
+//#region src/components/features/filters/filter-context.tsx
+var fe = S(void 0), q = /* @__PURE__ */ new Map();
+function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNavigating: a = !1, strings: o, locale: s, onError: c }) {
+	let l = O(n), u = O(r), d = O(i), f = O(c);
+	f.current = c;
+	let [, p] = k(0), m = s || "en", h = e(ne, o);
+	T(() => {
+		l.current = n;
+	}, [n]), T(() => {
+		u.current = r;
+	}, [r]), T(() => {
+		d.current = i;
+	}, [i]);
+	let g = C((e) => {
+		let t = [...r, e];
+		d.current(t);
+	}, [r]), _ = C((e) => {
+		let t = r.filter((t) => t.id !== e && t.key !== e);
+		d.current(t);
+	}, [r]), v = C((e, t) => {
+		let n = r.map((n) => n.id === e || n.key === e ? {
+			...n,
+			...t
+		} : n);
+		d.current(n);
+	}, [r]), y = C(() => {
+		d.current([]);
+	}, []), b = C((e) => {
+		d.current(e);
+	}, []), x = C((e) => l.current.find((t) => t.key === e), []), S = C((e) => r.find((t) => t.key === e)?.value || [], [r]), w = C((e, t) => {
+		let n = r.find((t) => t.key === e);
+		if (t.length === 0) n && _(e);
+		else if (n) v(e, { value: t });
+		else {
+			let n = l.current.find((t) => t.key === e);
+			g({
+				id: e,
+				key: e,
+				value: t,
+				operator: n?.operator ?? n?.operators?.[0]?.value ?? (n ? ue(n.type) : "equals")
+			});
+		}
+	}, [
+		r,
+		g,
+		_,
+		v
+	]), E = C((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), A = C((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), j = C((e, t) => {
+		r.find((t) => t.key === e) && v(e, { operator: t });
+	}, [r, v]), M = C((e, t) => {
+		let n = l.current.find((t) => t.key === e);
+		return n ? de(n, t, (e) => re(h, e)) : !1;
+	}, [h]), N = C((e) => l.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), F = C(async (e) => {
+		let t = l.current.find((t) => t.key === e);
+		if (!t) return [];
+		if (t.fetchOptions) {
+			let n = u.current.reduce((e, t) => (e[t.key] = t.value, e), {}), r = (t.dependencies ?? []).reduce((e, t) => {
+				let r = n[t.key];
+				return r && r.length > 0 && (e[t.key] = r), e;
+			}, {});
+			try {
+				let e = await t.fetchOptions(r);
+				if (Array.isArray(e)) return e;
+			} catch (t) {
+				f.current?.(t, {
+					phase: "fetch-options",
+					filterKey: e
+				});
+			}
+		}
+		return t.options || [];
+	}, []), I = C((e, t) => {
+		let n = q.get(e);
+		n || (n = /* @__PURE__ */ new Map(), q.set(e, n));
+		let r = !1;
+		for (let e of t) n.has(e.value) || (r = !0), n.set(e.value, e);
+		r && p((e) => e + 1);
+	}, []), L = C((e, t) => q.get(e)?.get(t)?.label, []);
+	T(() => {
+		let e = new AbortController();
+		for (let t of n) {
+			if (t.type !== G.ASYNC_SELECT) continue;
+			let n = r.find((e) => e.key === t.key);
+			if (!n || n.value.length === 0 || n.value.every((e) => q.get(t.key)?.has(e))) continue;
+			let { asyncConfig: i, fetchOptions: a } = t;
+			i?.fetcher && i.mapToOption ? i.fetcher({
+				query: "",
+				limit: i.limit ?? 10,
+				signal: e.signal
+			}).then((n) => {
+				if (e.signal.aborted) return;
+				let r = n.map(i.mapToOption);
+				I(t.key, r);
+			}).catch(() => {}) : a && a({ q: [""] }).then((n) => {
+				e.signal.aborted || I(t.key, n);
+			}).catch(() => {});
+		}
+		return () => e.abort();
+	}, []);
+	let R = D(() => ({
+		activeFilters: r,
+		filters: n,
+		addFilter: g,
+		removeFilter: _,
+		updateFilter: v,
+		clearFilters: y,
+		replaceFilters: b,
+		getFilterByKey: x,
+		getFilterValue: S,
+		setFilterValue: w,
+		isFilterActive: E,
+		getFilterOperator: A,
+		setFilterOperator: j,
+		validateFilter: M,
+		getDependentFilters: N,
+		getFilterOptions: F,
+		isNavigating: a,
+		locale: m,
+		strings: h,
+		cacheAsyncOptions: I,
+		getAsyncOptionLabel: L
+	}), [
+		r,
+		n,
+		g,
+		_,
+		v,
+		y,
+		b,
+		x,
+		S,
+		w,
+		E,
+		A,
+		j,
+		M,
+		N,
+		F,
+		a,
+		m,
+		h,
+		I,
+		L
+	]);
+	return /* @__PURE__ */ P(fe.Provider, {
+		value: R,
+		children: t
+	});
+}
+function J() {
+	let e = w(fe);
+	if (!e) throw Error("useFilters must be used within a FilterProvider");
+	return e;
+}
+//#endregion
+//#region src/components/features/filters/hooks/use-filter-groups.ts
+function me(e = {}) {
+	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = J(), i = D(() => t ? n.map((e) => {
+		let n = t[e.key];
+		return Array.isArray(n) ? {
+			...e,
+			options: n
+		} : e;
+	}) : n, [n, t]);
+	return D(() => {
+		let e = i.filter((e) => e.type === G.SEARCH), t = i.filter((e) => e.type !== G.SEARCH && r(e.key)), n = i.filter((e) => e.type !== G.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), a = i.filter((e) => e.type !== G.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), o = t.map((e) => e.key);
+		return {
+			processedFilters: i,
+			searchFilters: e,
+			alwaysVisibleFilters: n,
+			activeRegularFilters: t,
+			popoverFilters: a,
+			activeFilterKeys: o,
+			hasActive: o.length > 0
+		};
+	}, [i, r]);
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-operator-select.tsx
+function he({ operator: e, operators: t, onOperatorChange: i, segmentResetClass: a }) {
+	let [s, c] = k(!1), { strings: l } = J(), u = t.find((t) => t.value === e)?.label || e;
+	return /* @__PURE__ */ P(y, {
+		open: s,
+		onOpenChange: c,
+		search: !1,
+		trigger: /* @__PURE__ */ P(o, {
+			variant: "secondary",
+			buttonStyle: "ghost",
+			className: n(a, "text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground h-full px-3 text-xs"),
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			type: "button",
+			children: u
+		}),
+		header: /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			weight: "semibold",
+			children: l.operator
+		}),
+		contentClassName: "w-48",
+		items: t.map((t) => ({
+			value: t.value,
+			label: t.label,
+			selected: t.value === e
+		})),
+		onSelect: (e) => {
+			i(e.value), c(!1);
+		}
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-value-display.tsx
+function ge({ filter: e, value: t }) {
+	let { strings: n } = J();
+	return t.length === 0 && e.type !== G.DATE ? /* @__PURE__ */ P(r, {
+		tag: "span",
+		size: "xs",
+		type: "secondary",
+		children: n.nothingSelected
+	}) : e.type === G.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ P(r, {
+		tag: "span",
+		size: "xs",
+		weight: "semibold",
+		children: ve(e, t, n)
+	}) : e.options && e.type !== G.DATE ? /* @__PURE__ */ F("div", {
+		className: "flex items-center gap-1",
+		children: [/* @__PURE__ */ F("div", {
+			className: "relative flex",
+			children: [t.slice(0, 2).map((t, n) => {
+				let r = e.options?.find((e) => e.value === t);
+				return r?.icon ? /* @__PURE__ */ P("div", {
+					className: `${n > 0 ? "-ml-1.5" : ""} border-background bg-background relative rounded-full border`,
+					style: { zIndex: 10 - n },
+					children: r.icon
+				}, t) : null;
+			}), t.length > 2 && /* @__PURE__ */ F("div", {
+				className: "bg-muted border-background relative -ml-1.5 flex h-4 w-4 items-center justify-center rounded-full border text-xxs font-medium",
+				children: ["+", t.length - 2]
+			})]
+		}), /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			weight: "semibold",
+			children: ye(e, t, n)
+		})]
+	}) : e.type === G.DATE ? /* @__PURE__ */ F("div", {
+		className: "flex items-center gap-1",
+		children: [/* @__PURE__ */ P(R, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			weight: "semibold",
+			children: _e(e, t, n)
+		})]
+	}) : /* @__PURE__ */ P(r, {
+		tag: "span",
+		size: "xs",
+		weight: "semibold",
+		children: ye(e, t, n)
+	});
+}
+function _e(e, t, n) {
+	return e.operator === "between" && t.length === 2 ? `${Y(t[0], e.dateFormat?.display)} - ${Y(t[1], e.dateFormat?.display)}` : t.length === 1 ? Y(t[0], e.dateFormat?.display) : t.length === 2 ? `${Y(t[0], e.dateFormat?.display)} - ${Y(t[1], e.dateFormat?.display)}` : e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected;
+}
+function ve(e, t, n) {
+	return t.length === 0 ? "" : W(n.selected, {
+		count: t.length,
+		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
+	});
+}
+function ye(e, t, n) {
+	return t.length > 1 ? W(n.selected, {
+		count: t.length,
+		filterLabel: e.pluralLabel ?? e.label
+	}) : t.map((t) => e.options?.find((e) => e.value === t)?.label || t).join(", ");
+}
+function Y(e, t) {
+	let n = new Date(e);
+	if (Number.isNaN(n.getTime())) return e;
+	if (t) try {
+		return A(n, t);
+	} catch {}
+	return n.toLocaleDateString();
+}
+//#endregion
+//#region src/components/features/filters/partials/active-filter-item.tsx
+function be({ filter: e, value: t, isActive: i, operators: a, operator: s, onOperatorChange: c, onFilterClear: l, onFilterClick: u }) {
+	let { strings: d } = J(), f = (e) => {
+		(e.currentTarget === e.target || e.target.tagName !== "BUTTON") && u();
+	}, p = "!border-0 !rounded-none !shadow-none focus-visible:!ring-0 focus-visible:!border-transparent", m = () => /* @__PURE__ */ P("div", {
+		"aria-hidden": !0,
+		className: "w-px self-stretch bg-border"
+	});
+	return /* @__PURE__ */ F("div", {
+		role: "group",
+		"aria-label": e.label,
+		className: n("border-input bg-background flex h-8 items-center overflow-hidden rounded-md border", e.displayConfig?.className, i && "active"),
+		children: [
+			/* @__PURE__ */ F(o, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				className: n(p, "flex h-full items-center px-3 hover:bg-accent hover:text-accent-foreground"),
+				onClick: f,
+				children: [
+					!!e.icon && /* @__PURE__ */ P("span", {
+						className: "text-muted-foreground mr-1",
+						children: e.icon
+					}),
+					/* @__PURE__ */ P(r, {
+						tag: "span",
+						size: "xs",
+						weight: "semibold",
+						children: e.label
+					}),
+					/* @__PURE__ */ P(z, { className: "ml-1 h-4 w-4" })
+				]
+			}),
+			/* @__PURE__ */ P(m, {}),
+			/* @__PURE__ */ P(he, {
+				operator: s,
+				operators: a,
+				onOperatorChange: c,
+				segmentResetClass: p
+			}),
+			/* @__PURE__ */ P(m, {}),
+			/* @__PURE__ */ P("div", {
+				className: "pointer-events-none flex flex-1 items-center px-2",
+				children: /* @__PURE__ */ P(ge, {
+					filter: e,
+					value: t
+				})
+			}),
+			/* @__PURE__ */ P(m, {}),
+			/* @__PURE__ */ F(o, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				className: n(p, "h-full w-8 px-0 rounded-r-md"),
+				onClick: (e) => {
+					e.stopPropagation(), e.preventDefault(), l();
+				},
+				children: [/* @__PURE__ */ P(U, { className: "h-4 w-4" }), /* @__PURE__ */ P("span", {
+					className: "sr-only",
+					children: d.clear
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/use-debounce.ts
+function xe(e, t = 500) {
+	let [n, r] = k(e);
+	return T(() => {
+		let n = setTimeout(() => {
+			r(e);
+		}, t);
+		return () => {
+			clearTimeout(n);
+		};
+	}, [e, t]), n;
+}
+//#endregion
+//#region src/components/features/filters/hooks/use-async-options.ts
+var Se = /* @__PURE__ */ new Map();
+function Ce(e, n, r) {
+	let { asyncConfig: i, fetchOptions: a } = e, { debounceMs: o, defaultPageSize: s } = t(), c = (xe(n, i?.debounceMs ?? e.delay ?? o ?? 300) ?? "").trim(), l = i?.limit ?? s ?? 10, u = i?.minQueryLength ?? 0, d = i?.preload ?? !0, f = i?.staleTime ?? 6e4, p = c.length === 0 && d, m = c.length >= u, h = r && (p || c.length > 0 && m), g = r && !p && c.length > 0 && c.length < u, _ = D(() => i?.queryKey ? JSON.stringify(i.queryKey({
+		query: c,
+		limit: l
+	})) : JSON.stringify([
+		"filter",
+		e.key,
+		c,
+		l
+	]), [
+		i,
+		e.key,
+		c,
+		l
+	]), v = C(async (e) => i?.fetcher && i.mapToOption ? (await i.fetcher({
+		query: c,
+		limit: l,
+		signal: e
+	})).map(i.mapToOption) : a ? a({ q: [c] }) : [], [
+		i,
+		a,
+		c,
+		l
+	]), [y, b] = k(() => ({
+		data: Se.get(_)?.data ?? [],
+		loading: !1,
+		fetching: !1,
+		error: !1
+	})), [x, S] = k(0), w = C(() => S((e) => e + 1), []);
+	return T(() => {
+		if (!h) return;
+		let e = Se.get(_), t = e !== void 0 && Date.now() - e.timestamp < f, n = new AbortController();
+		if (t && x === 0) return b({
+			data: e.data,
+			loading: !1,
+			fetching: !1,
+			error: !1
+		}), () => n.abort();
+		b((t) => ({
+			data: e?.data ?? t.data,
+			loading: e === void 0,
+			fetching: !0,
+			error: !1
+		}));
+		let r = !1;
+		return v(n.signal).then((e) => {
+			r || (Se.set(_, {
+				timestamp: Date.now(),
+				data: e
+			}), b({
+				data: e,
+				loading: !1,
+				fetching: !1,
+				error: !1
+			}));
+		}).catch((e) => {
+			r || n.signal.aborted || e && e.name === "AbortError" || b((e) => ({
+				data: e.data,
+				loading: !1,
+				fetching: !1,
+				error: !0
+			}));
+		}), () => {
+			r = !0, n.abort();
+		};
+	}, [
+		_,
+		v,
+		h,
+		f,
+		x
+	]), {
+		options: h ? y.data : [],
+		isLoading: h && y.loading,
+		isFetching: h && y.fetching,
+		isError: h && y.error,
+		refetch: w,
+		isBelowMinQuery: g,
+		minQueryLength: u
+	};
+}
+//#endregion
+//#region src/components/features/filters/partials/async-filter-content.tsx
+function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: c = !1 }) {
+	let { strings: m, cacheAsyncOptions: h, getAsyncOptionLabel: g } = J(), [_, v] = k(""), [y, b] = k(t ?? []), x = O(t);
+	t !== x.current && (x.current = t, b(t ?? []));
+	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: E, isBelowMinQuery: A, minQueryLength: j } = Ce(e, _, !0);
+	S.length > 0 && h(e.key, S);
+	let M = e.multiple !== !1, R = e.maxSelected, z = !!c, B = D(() => {
+		let t = new Set(y), n = new Set(S.map((e) => e.value)), r = [];
+		for (let t of y) if (!n.has(t)) {
+			let n = g(e.key, t);
+			n && r.push({
+				value: t,
+				label: n,
+				icon: e.icon
+			});
+		}
+		return [...r, ...S].sort((e, n) => !t.has(e.value) - +!t.has(n.value));
+	}, [
+		S,
+		y,
+		e.key,
+		e.icon,
+		g
+	]), V = (t) => {
+		if (M) if (y.includes(t)) b(y.filter((e) => e !== t));
+		else {
+			if (R && y.length >= R) return;
+			b([...y, t]);
+		}
+		else b([t]), e.closeOnSelect === !0 && (n([t]), a());
+	}, te = () => {
+		n(y), a();
+	}, U = D(() => C || w ? /* @__PURE__ */ F("div", {
+		className: "flex items-center justify-center gap-2 py-4",
+		children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: m.searching
+		})]
+	}) : T ? /* @__PURE__ */ F("div", {
+		className: "flex flex-col items-center gap-2 py-4",
+		children: [/* @__PURE__ */ F("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ P(I, { className: "text-destructive size-4" }), /* @__PURE__ */ P(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: m.fetchError
+			})]
+		}), /* @__PURE__ */ P(o, {
+			variant: "secondary",
+			buttonStyle: "outline",
+			size: "xs",
+			onClick: (e) => {
+				e.stopPropagation(), E();
+			},
+			children: m.retryFetch
+		})]
+	}) : A ? /* @__PURE__ */ P("div", {
+		className: "text-muted-foreground flex items-center justify-center py-4",
+		children: /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: W(m.minQueryHint, { min: j })
+		})
+	}) : m.noOptionsFound, [
+		C,
+		w,
+		T,
+		A,
+		j,
+		m,
+		E
+	]);
+	return /* @__PURE__ */ F(N, { children: [
+		/* @__PURE__ */ F("div", {
+			className: "flex items-center border-b p-2",
+			children: [!!z && /* @__PURE__ */ P(o, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				className: "mr-2 h-8 w-8 p-0",
+				onClick: i,
+				"aria-label": m.backToFilters,
+				children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ F("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					children: e.label
+				}), /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: m.selectValues
+				})]
+			})]
+		}),
+		/* @__PURE__ */ F(p, {
+			shouldFilter: !1,
+			children: [/* @__PURE__ */ P(s, {
+				placeholder: W(m.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
+				value: _,
+				onValueChange: v
+			}), /* @__PURE__ */ P(l, { children: B.length === 0 ? /* @__PURE__ */ P(d, { children: U }) : /* @__PURE__ */ F(f, { children: [!!(w && !C) && /* @__PURE__ */ F("div", {
+				className: "flex items-center gap-1.5 px-2 py-1",
+				children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: m.searching
+				})]
+			}), B.map((e) => /* @__PURE__ */ F(u, {
+				onSelect: () => V(e.value),
+				disabled: e.disabled || !!R && y.length >= R && !y.includes(e.value),
+				className: "flex items-center gap-2",
+				children: [
+					e.icon,
+					/* @__PURE__ */ P(r, {
+						tag: "span",
+						size: "xs",
+						children: e.label
+					}),
+					y.includes(e.value) && /* @__PURE__ */ P("span", {
+						className: "ml-auto",
+						children: /* @__PURE__ */ P(ee, { className: "h-4 w-4" })
+					})
+				]
+			}, e.value))] }) })]
+		}),
+		/* @__PURE__ */ F("div", {
+			className: "flex justify-between border-t p-2",
+			children: [/* @__PURE__ */ P(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: W(m.selected, {
+					count: y.length,
+					filterLabel: (y.length > 1 ? e.pluralLabel : e.label) ?? e.label
+				})
+			}), /* @__PURE__ */ P("div", {
+				className: "flex gap-2",
+				children: /* @__PURE__ */ P(o, {
+					variant: "secondary",
+					buttonStyle: "outline",
+					size: "xs",
+					onClick: te,
+					children: m.confirm
+				})
+			})]
+		})
+	] });
+}
+//#endregion
+//#region src/components/features/filters/facets/date-facet.tsx
+var Te = [];
+function Ee({ filter: e, value: t, onChange: r, className: i }) {
+	let { strings: a } = J(), o = e.operators?.some((e) => e.value === "between") || e.operator === "between" || e.key.toLowerCase().includes("range") || e.key.toLowerCase().includes("between"), s = e.dateFormat?.param ?? "yyyy-MM-dd", c = e.dateFormat?.display ?? "PPP", l = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, u = !!e.datePickerConfig?.showConfirmButton, d = e.datePickerConfig?.autoApply ?? !u, f = e.datePickerConfig?.showShortcuts ?? !0, p = o && (t.start || t.end) ? {
+		from: t.start,
+		to: t.end
+	} : void 0, h = !o && t.start && j(t.start) ? t.start : void 0, g = {
+		format: s,
+		readableFormat: c,
+		placeholder: l,
+		disablePortal: !0,
+		numberOfMonths: 1,
+		className: n("date-facet--component", "w-full", i)
+	};
+	return o ? /* @__PURE__ */ P(m, {
+		mode: "range",
+		value: p,
+		onChange: (e) => {
+			r({
+				start: e.range?.from ?? void 0,
+				end: e.range?.to ?? void 0
+			});
+		},
+		withConfirm: u,
+		closeOnSelect: d,
+		presets: f ? void 0 : Te,
+		...g
+	}) : /* @__PURE__ */ P(m, {
+		mode: "single",
+		value: h,
+		onChange: (e) => {
+			r({
+				start: e.date ?? void 0,
+				end: void 0
+			});
+		},
+		closeOnSelect: d,
+		...g
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/date-filter-content.tsx
+function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isFromMainFilterButton: a = !1 }) {
+	let { strings: s } = J(), c = (t) => {
+		if (!t) return;
+		if (e.dateFormat?.param) {
+			let n = M(t, e.dateFormat.param, /* @__PURE__ */ new Date());
+			return j(n) ? n : void 0;
+		}
+		let n = new Date(t);
+		return j(n) ? n : void 0;
+	}, l = c(t[0]), u = c(t[1]), d = (t) => {
+		if (!(!t || !j(t))) return A(t, e.dateFormat?.param ?? "yyyy-MM-dd");
+	}, f = ({ start: e, end: t }) => {
+		let r = [], i = d(e), a = d(t);
+		i && r.push(i), a && r.push(a), n(r);
+	}, p = !!a, m = {
+		start: l,
+		end: u
+	};
+	return /* @__PURE__ */ F("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ F("div", {
+			className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
+			children: [!!p && /* @__PURE__ */ P(o, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-xs",
+				onClick: i,
+				className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
+				"aria-label": s.backToFilters,
+				children: /* @__PURE__ */ P(L, { className: "size-3.5" })
+			}), /* @__PURE__ */ P(r, {
+				tag: "span",
+				weight: "semibold",
+				className: "truncate",
+				children: e.label
+			})]
+		}), /* @__PURE__ */ P("div", {
+			className: "p-2",
+			children: /* @__PURE__ */ P(Ee, {
+				filter: e,
+				value: m,
+				onChange: f
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-error-boundary.tsx
+var Oe = class extends x {
+	state = {
+		hasError: !1,
+		error: null
+	};
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		typeof window < "u" && window.dispatchEvent && window.dispatchEvent(new CustomEvent("filter-error", { detail: {
+			filterKey: this.props.filterKey,
+			error: e,
+			errorInfo: t
+		} }));
+	}
+	handleReset = () => {
+		this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		if (this.state.hasError) {
+			let { fallback: e, filterKey: t, labels: n } = this.props;
+			return e || /* @__PURE__ */ F("div", {
+				className: "rounded-md border border-destructive/30 bg-destructive/10 p-3 text-xs text-destructive",
+				children: [
+					/* @__PURE__ */ F("div", {
+						className: "mb-1 flex items-center justify-between",
+						children: [/* @__PURE__ */ P(r, {
+							tag: "span",
+							weight: "semibold",
+							children: n.title
+						}), /* @__PURE__ */ P(o, {
+							type: "button",
+							variant: "error",
+							buttonStyle: "ghost",
+							size: "icon-xs",
+							onClick: this.handleReset,
+							className: "size-6 rounded-full p-0",
+							"aria-label": n.reset,
+							children: /* @__PURE__ */ P(U, { className: "h-4 w-4" })
+						})]
+					}),
+					/* @__PURE__ */ P(r, {
+						size: "xs",
+						children: n.getDescription(t)
+					}),
+					/* @__PURE__ */ P(r, {
+						size: "xs",
+						type: "error",
+						className: "mt-1 font-mono",
+						children: this.state.error?.message || n.unknownError
+					})
+				]
+			});
+		}
+		return this.props.children;
+	}
+};
+function X(e) {
+	let { strings: t } = J(), n = D(() => ({
+		title: t.error.title,
+		reset: t.clear,
+		getDescription: (e) => e ? W(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
+		unknownError: t.error.unknown
+	}), [t]);
+	return /* @__PURE__ */ P(Oe, {
+		...e,
+		labels: n
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-list-item.tsx
+function ke({ filter: e, onSelect: t }) {
+	let { strings: n } = J(), i = e.type === G.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
+	return /* @__PURE__ */ F(u, {
+		onSelect: t,
+		className: "flex items-center gap-3 rounded-none px-3 py-2",
+		children: [!!e.icon && /* @__PURE__ */ P("span", {
+			className: "shrink-0 text-muted-foreground",
+			children: e.icon
+		}), /* @__PURE__ */ F("div", {
+			className: "flex min-w-0 flex-col leading-tight",
+			children: [/* @__PURE__ */ P(r, {
+				tag: "span",
+				weight: "semibold",
+				className: "truncate",
+				children: e.label
+			}), !!i && /* @__PURE__ */ P(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: i
+			})]
+		})]
+	}, e.key);
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-list-content.tsx
+function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+	let { strings: r } = J(), i = (e) => {
+		n(e);
+	}, a = "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:font-medium";
+	return /* @__PURE__ */ F(p, {
+		className: "rounded-none p-0",
+		children: [/* @__PURE__ */ P("div", {
+			className: "border-b border-border/50 px-3 py-2",
+			children: /* @__PURE__ */ P(s, {
+				className: "text-xs",
+				placeholder: r.searchFilters
+			})
+		}), /* @__PURE__ */ F(l, {
+			className: "max-h-72 py-1",
+			children: [
+				/* @__PURE__ */ P(d, {
+					className: "px-3 py-4 text-center text-xs text-muted-foreground",
+					children: r.noFiltersAvailable
+				}),
+				e.length > 0 && /* @__PURE__ */ P(f, {
+					heading: r.availableFilters,
+					className: `p-0 ${a}`,
+					children: e.map((e) => /* @__PURE__ */ P(ke, {
+						filter: e,
+						onSelect: () => i(e)
+					}, e.key))
+				}),
+				t.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(c, { className: "my-1" }), /* @__PURE__ */ P(f, {
+					heading: r.activeFilters,
+					className: `p-0 ${a}`,
+					children: t.map((e) => /* @__PURE__ */ P(ke, {
+						filter: e,
+						onSelect: () => i(e)
+					}, e.key))
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/regular-filter-content.tsx
+function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: c = !1 }) {
+	let { strings: m } = J(), h = e.multiple === !0 || e.type === G.MULTI_SELECT, g = !!c, [_, v] = k(t || []);
+	T(() => {
+		v(t || []);
+	}, [t]);
+	let y = (t) => {
+		h ? v(_.includes(t) ? _.filter((e) => e !== t) : [..._, t]) : (v([t]), e.closeOnSelect === !0 && (n([t]), a()));
+	}, b = () => {
+		try {
+			n(_), a();
+		} catch {}
+	}, x = JSON.stringify(_.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ F("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
+				children: [!!g && /* @__PURE__ */ P(o, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "icon-xs",
+					onClick: i,
+					className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
+					"aria-label": m.backToFilters,
+					children: /* @__PURE__ */ P(L, { className: "size-3.5" })
+				}), /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					className: "truncate",
+					children: e.label
+				})]
+			}),
+			/* @__PURE__ */ F(p, {
+				className: "rounded-none p-0",
+				children: [/* @__PURE__ */ P("div", {
+					className: "border-b border-border/50 px-3 py-2.5",
+					children: /* @__PURE__ */ P(s, {
+						className: "text-xs",
+						placeholder: W(m.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
+					})
+				}), /* @__PURE__ */ F(l, {
+					className: "max-h-64 px-3 py-2",
+					children: [/* @__PURE__ */ P(d, { children: /* @__PURE__ */ P(r, {
+						size: "xs",
+						type: "secondary",
+						align: "center",
+						className: "py-4",
+						children: m.noOptionsFound
+					}) }), /* @__PURE__ */ P(f, {
+						className: "p-0 [&_[cmdk-group]]:p-0",
+						children: e.options?.map((e) => {
+							let t = _.includes(e.value);
+							return /* @__PURE__ */ F(u, {
+								onSelect: () => y(e.value),
+								"data-checked": t || void 0,
+								disabled: e.disabled,
+								className: "flex items-start gap-2.5 rounded-md px-2 py-2 data-[checked=true]:**:[svg]:text-primary",
+								children: [!!e.icon && /* @__PURE__ */ P("span", {
+									className: "mt-0.5 shrink-0 text-muted-foreground",
+									children: e.icon
+								}), /* @__PURE__ */ F("div", {
+									className: "flex min-w-0 flex-1 flex-col leading-tight",
+									children: [/* @__PURE__ */ P(r, {
+										tag: "span",
+										size: "xs",
+										weight: t ? "medium" : "regular",
+										className: "truncate",
+										children: e.label
+									}), !!e.description && /* @__PURE__ */ P(r, {
+										tag: "span",
+										size: "xxs",
+										type: "secondary",
+										className: "truncate mt-0.5",
+										children: e.description
+									})]
+								})]
+							}, e.value);
+						})
+					})]
+				})]
+			}),
+			!!x && /* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between gap-2 border-t border-border/60 px-2.5 py-1.5",
+				children: [/* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xxs",
+					type: "secondary",
+					className: "tabular-nums",
+					children: W(m.selected, {
+						count: _.length,
+						filterLabel: (_.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					})
+				}), /* @__PURE__ */ P(o, {
+					variant: "primary",
+					size: "xs",
+					onClick: b,
+					children: m.confirm
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/tags-facet.tsx
+function Me({ filter: e, value: t, onChange: i, className: s }) {
+	let { strings: c } = J(), [l, u] = k(""), d = C(() => {
+		let e = l.trim();
+		!e || t.includes(e) || (i([...t, e]), u(""));
+	}, [
+		l,
+		t,
+		i
+	]), f = C((e) => {
+		i(t.filter((t) => t !== e));
+	}, [t, i]), p = (e) => {
+		e.key === "Enter" && (e.preventDefault(), d());
+	}, m = C(() => {
+		i([]), u("");
+	}, [i]), h = t.length > 0, g = t.length === 1 ? c.tag : c.tags, _ = h ? /* @__PURE__ */ F("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ F("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ F(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: [
+					t.length,
+					" ",
+					g
+				]
+			}), /* @__PURE__ */ P(o, {
+				onClick: m,
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "xs",
+				className: "h-auto px-1 py-0 text-xs text-muted-foreground hover:text-foreground",
+				type: "button",
+				"aria-label": c.clearAll,
+				children: c.clearAll
+			})]
+		}), /* @__PURE__ */ P("div", {
+			className: "flex flex-wrap gap-2",
+			children: t.map((e) => /* @__PURE__ */ F(a, {
+				variant: "secondary",
+				className: "flex items-center gap-1 py-1 pl-2 pr-1",
+				children: [/* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					children: e
+				}), /* @__PURE__ */ P(o, {
+					onClick: () => f(e),
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "icon-xs",
+					className: "ml-1 size-4 rounded-full p-0 hover:bg-muted-foreground/20",
+					type: "button",
+					"aria-label": `${c.removeTag} ${e}`,
+					children: /* @__PURE__ */ P(U, { className: "h-3 w-3" })
+				})]
+			}, e))
+		})]
+	}) : null;
+	return /* @__PURE__ */ F("div", {
+		className: n("tags-facet--component", "space-y-3", s),
+		children: [/* @__PURE__ */ F("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ P("div", {
+				className: "relative flex-1",
+				children: /* @__PURE__ */ P(v, {
+					type: "text",
+					value: l,
+					onChange: (e) => u(e.target.value),
+					onKeyDown: p,
+					placeholder: e.placeholder ?? c.enterTag,
+					className: "h-10"
+				})
+			}), /* @__PURE__ */ F(o, {
+				onClick: d,
+				disabled: !l.trim(),
+				className: "h-10 px-4",
+				type: "button",
+				children: [/* @__PURE__ */ P(te, { className: "h-4 w-4" }), /* @__PURE__ */ P("span", {
+					className: "sr-only",
+					children: c.addTag
+				})]
+			})]
+		}), _]
+	});
+}
+var Z = b.memo(Me);
+Z.displayName = "TagsFacet";
+//#endregion
+//#region src/components/features/filters/partials/tags-filter-content.tsx
+function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: s = !1 }) {
+	let { strings: c } = J(), [l, u] = k(t || []), d = !!s, f = l.length === 1 ? c.tag : c.tags;
+	T(() => {
+		u(t || []);
+	}, [t]);
+	let p = () => {
+		try {
+			n(l), a();
+		} catch {}
+	}, m = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ F("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
+				children: [!!d && /* @__PURE__ */ P(o, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "icon-xs",
+					onClick: i,
+					className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
+					"aria-label": c.backToFilters,
+					children: /* @__PURE__ */ P(L, { className: "size-3.5" })
+				}), /* @__PURE__ */ P(r, {
+					tag: "span",
+					weight: "semibold",
+					className: "truncate",
+					children: e.label
+				})]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "p-2",
+				children: /* @__PURE__ */ P(Z, {
+					filter: e,
+					value: l,
+					onChange: u
+				})
+			}),
+			!!m && /* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between gap-2 border-t border-border/60 px-2.5 py-1.5",
+				children: [/* @__PURE__ */ F(r, {
+					tag: "span",
+					size: "xxs",
+					type: "secondary",
+					className: "tabular-nums",
+					children: [
+						l.length,
+						" ",
+						f
+					]
+				}), /* @__PURE__ */ P(o, {
+					variant: "primary",
+					size: "xs",
+					onClick: p,
+					children: c.confirm
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-popover-content.tsx
+function Pe({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: r, setFilterValue: i, onFilterSelect: a, onBackToFilterList: o, onClose: s, isFromMainFilterButton: c = !1 }) {
+	let l = e?.type === G.DATE || e?.type === G.TAGS ? "w-auto min-w-[320px] p-0 overflow-hidden rounded-lg shadow-lg" : e?.type === G.ASYNC_SELECT ? "w-72 p-0 overflow-hidden rounded-lg shadow-lg" : "w-64 p-0 overflow-hidden rounded-lg shadow-lg", u = (e, t) => {
+		i(e, t);
+	};
+	return /* @__PURE__ */ P(_, {
+		className: l,
+		align: "start",
+		children: e ? e.type === G.DATE ? /* @__PURE__ */ P(De, {
+			filter: e,
+			value: r(e.key),
+			onFilterChange: (t) => u(e.key, t),
+			onBackToFilterList: o,
+			isFromMainFilterButton: c
+		}) : e.type === G.TAGS ? /* @__PURE__ */ P(Ne, {
+			filter: e,
+			value: r(e.key),
+			onFilterChange: (t) => u(e.key, t),
+			onBackToFilterList: o,
+			onClose: s,
+			isFromMainFilterButton: c
+		}) : e.type === G.ASYNC_SELECT ? /* @__PURE__ */ P(we, {
+			filter: e,
+			value: r(e.key),
+			onFilterChange: (t) => u(e.key, t),
+			onBackToFilterList: o,
+			onClose: s,
+			isFromMainFilterButton: c
+		}) : /* @__PURE__ */ P(je, {
+			filter: e,
+			value: r(e.key),
+			onFilterChange: (t) => u(e.key, t),
+			onBackToFilterList: o,
+			onClose: s,
+			isFromMainFilterButton: c
+		}) : /* @__PURE__ */ P(Ae, {
+			availableFilters: t,
+			activeFilters: n,
+			onFilterSelect: a
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-pill.tsx
+function Q({ filter: e, value: t, isActive: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
+	let d = O(!1), f = u ?? d, [p, m] = k(!1);
+	return /* @__PURE__ */ P(X, {
+		filterKey: e.key,
+		children: /* @__PURE__ */ F(h, {
+			open: p,
+			onOpenChange: (e) => {
+				e && f.current || m(e);
+			},
+			children: [/* @__PURE__ */ P(g, {
+				nativeButton: !1,
+				render: /* @__PURE__ */ P("div", { children: /* @__PURE__ */ P(be, {
+					filter: e,
+					value: t,
+					isActive: n,
+					operators: i,
+					operator: r,
+					onOperatorChange: (e) => {
+						f.current = !0, a(e), m(!1), setTimeout(() => {
+							f.current = !1;
+						}, 100);
+					},
+					onFilterClear: () => {
+						m(!1), s();
+					},
+					onFilterClick: () => {
+						f.current || m(!0);
+					}
+				}) })
+			}), /* @__PURE__ */ P(Pe, {
+				activeFilterInPopover: e,
+				availableFilters: c,
+				activeFilters: l,
+				getFilterValue: () => t,
+				setFilterValue: (e, t) => o(t),
+				onFilterSelect: () => {},
+				onBackToFilterList: () => {},
+				onClose: () => m(!1),
+				isFromMainFilterButton: !1
+			})]
+		})
+	});
+}
+Q.displayName = "FilterPill";
+//#endregion
+//#region src/components/features/filters/partials/filters-button.tsx
+function Fe({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: r, setFilterValue: i, setActiveFilterInPopover: a }) {
+	let [s, c] = k(!1);
+	return T(() => {
+		s || a(null);
+	}, [s, a]), /* @__PURE__ */ F(h, {
+		open: s,
+		onOpenChange: c,
+		children: [/* @__PURE__ */ P(g, { render: /* @__PURE__ */ P(o, {
+			variant: "secondary",
+			buttonStyle: "outline",
+			className: "flex h-8 items-center gap-1.5",
+			children: /* @__PURE__ */ P(V, { className: "h-4 w-4" })
+		}) }), /* @__PURE__ */ P(Pe, {
+			activeFilterInPopover: n,
+			availableFilters: e,
+			activeFilters: t,
+			getFilterValue: r,
+			setFilterValue: i,
+			onFilterSelect: (e) => {
+				a(e);
+			},
+			onBackToFilterList: () => {
+				a(null);
+			},
+			onClose: () => {
+				a(null), c(!1);
+			},
+			isFromMainFilterButton: !0
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-tabs.tsx
+function Ie({ tabs: e }) {
+	let { activeFilters: t, filters: r, replaceFilters: i } = J(), a = D(() => t.filter((e) => r.find((t) => t.key === e.key)?.type !== G.SEARCH), [t, r]), s = D(() => t.filter((e) => r.find((t) => t.key === e.key)?.type === G.SEARCH), [t, r]), c = D(() => {
+		for (let t of e) {
+			if (t.presets.length === 0) {
+				if (a.length === 0) return t.id;
+				continue;
+			}
+			if (t.presets.length === a.length && t.presets.every((e) => {
+				let t = a.find((t) => t.key === e.key);
+				if (!t) return !1;
+				let n = [...e.value].sort(), r = [...t.value].sort();
+				return !(n.length !== r.length || n.some((e, t) => e !== r[t]) || e.operator && t.operator !== e.operator);
+			})) return t.id;
+		}
+		return null;
+	}, [e, a]), l = C((e) => {
+		if (e.presets.length === 0) {
+			i([...s]);
+			return;
+		}
+		let t = e.presets.map((e) => {
+			let t = r.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? ue(t.type) : "equals");
+			return {
+				id: e.key,
+				key: e.key,
+				value: e.value,
+				operator: n
+			};
+		});
+		i([...s, ...t]);
+	}, [
+		r,
+		s,
+		i
+	]);
+	return e.length === 0 ? null : /* @__PURE__ */ P("div", {
+		className: "flex flex-wrap gap-1.5",
+		role: "tablist",
+		children: e.map((e) => {
+			let t = c === e.id;
+			return /* @__PURE__ */ F(o, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "xs",
+				role: "tab",
+				"aria-selected": t,
+				onClick: () => l(e),
+				className: n("rounded-md px-2.5 py-1 text-xs font-semibold transition-colors", t ? "bg-foreground text-background" : "bg-muted/60 text-muted-foreground hover:bg-muted hover:text-foreground"),
+				children: [e.label, e.count !== void 0 && /* @__PURE__ */ P("span", {
+					className: n("ml-1 tabular-nums", t ? "text-background/70" : "text-muted-foreground/70"),
+					children: e.count
+				})]
+			}, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/search-facet.tsx
+function Le({ filter: e, value: t, onChange: r, className: i }) {
+	let { strings: a, isNavigating: s } = J(), [c, l] = k(t[0] || ""), u = O(c);
+	u.current = c;
+	let d = O(!1), f = O(null), p = O(t[0] || null), m = O(!1);
+	T(() => (d.current = !0, () => {
+		d.current = !1, f.current && clearTimeout(f.current);
+	}), []), T(() => {
+		if (m.current || s) return;
+		let e = u.current;
+		if (!t.length || t[0] === "") {
+			e !== "" && (l(""), p.current = "");
+			return;
+		}
+		t[0] !== void 0 && t[0] !== e && t[0] !== p.current && (l(t[0]), p.current = t[0]);
+	}, [t, s]);
+	let h = C((t) => {
+		p.current !== t && (f.current &&= (clearTimeout(f.current), null), f.current = setTimeout(() => {
+			d.current && (p.current = t, m.current = !1, r([t]));
+		}, e.delay ?? 500));
+	}, [r, e.delay]);
+	return /* @__PURE__ */ F("div", {
+		className: n("search-facet--component", "search-facet bg-background relative min-w-80", i),
+		children: [
+			/* @__PURE__ */ P(v, {
+				type: "text",
+				value: c,
+				onChange: (e) => {
+					m.current = !0;
+					let t = e.target.value;
+					l(t), h(t);
+				},
+				onFocus: () => {
+					m.current = !0;
+				},
+				onBlur: () => {
+					setTimeout(() => {
+						m.current = !1;
+					}, 100);
+				},
+				placeholder: e.placeholder ?? (() => {
+					let t = e.label.trim().toLowerCase();
+					return !t || t === "search" ? W(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : W(a.searchPlaceholder, { filterLabel: t });
+				})(),
+				className: "w-full px-3 py-1 pr-9 placeholder:leading-1 text-xs md:text-xs placeholder:text-xs h-8"
+			}),
+			c.trim() !== "" && !s && /* @__PURE__ */ P(o, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon",
+				onClick: () => {
+					m.current = !0, l(""), h("");
+				},
+				className: "absolute right-1 top-1/2 h-6 w-6 -translate-y-1/2",
+				"aria-label": a.clearSearch,
+				children: /* @__PURE__ */ P(U, { className: "h-3.5 w-3.5" })
+			}),
+			!!s && /* @__PURE__ */ P("span", {
+				className: "text-muted-foreground absolute right-2 top-1/2 -translate-y-1/2",
+				children: /* @__PURE__ */ P(H, { className: "h-4 w-4 animate-spin" })
+			})
+		]
+	});
+}
+var $ = b.memo(Le);
+$.displayName = "SearchFacet";
+//#endregion
+//#region src/components/features/filters/partials/search-filters-list.tsx
+function Re({ filters: e, getFilterValue: t, setFilterValue: i, className: a }) {
+	return /* @__PURE__ */ P(N, { children: e.map((e) => /* @__PURE__ */ F("div", {
+		className: n("space-y-2", e.displayConfig.className, a),
+		children: [/* @__PURE__ */ P($, {
+			filter: e,
+			value: t(e.key),
+			onChange: (t) => i(e.key, t)
+		}), !!e.description && /* @__PURE__ */ P(r, {
+			size: "xs",
+			type: "secondary",
+			children: e.description
+		})]
+	}, e.key)) });
+}
+//#endregion
+//#region src/components/features/filters/filter-layout.tsx
+function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}, variant: i = "default", showClearFilters: a = !1, tabs: s }) {
+	let { getFilterValue: c, setFilterValue: l, isFilterActive: u, clearFilters: d, getFilterOperator: f, setFilterOperator: p, isNavigating: m, strings: h } = J(), { processedFilters: g, searchFilters: _, alwaysVisibleFilters: v, activeRegularFilters: y, popoverFilters: b, hasActive: x } = me({ dynamicFilterOptions: t }), [S, C] = k(null);
+	function w(e) {
+		return e.operators && e.operators.length > 0 ? e.operators : le(e.type, h.operators);
+	}
+	function T(e, t) {
+		p(e, t);
+	}
+	return /* @__PURE__ */ F("div", {
+		className: n("filter-layout--component", i === "compact" ? "space-y-2" : "space-y-4", e),
+		children: [!!s && s.length > 0 && /* @__PURE__ */ P(Ie, { tabs: s }), /* @__PURE__ */ F("div", {
+			className: n("flex flex-wrap items-center", i === "compact" ? "gap-1" : "gap-2"),
+			children: [/* @__PURE__ */ P(X, {
+				filterKey: "search-filters",
+				children: /* @__PURE__ */ P(Re, {
+					filters: _,
+					getFilterValue: c,
+					setFilterValue: l
+				})
+			}), /* @__PURE__ */ F("div", {
+				className: n("contents", m && "pointer-events-none opacity-60"),
+				children: [
+					Object.entries(r).filter(([, e]) => e).map(([e]) => {
+						let t = g.find((t) => t.key === e)?.label || e;
+						return /* @__PURE__ */ F("div", {
+							className: "text-muted-foreground bg-muted/50 flex items-center rounded-md px-2 py-1 text-xs",
+							children: [/* @__PURE__ */ P("div", { className: "border-muted-foreground/30 border-t-primary mr-1 size-3 animate-spin rounded-full border-2" }), W(h.loadingOptions, { filterLabel: t })]
+						}, `loading-${e}`);
+					}),
+					v.map((e) => /* @__PURE__ */ P(Q, {
+						filter: e,
+						value: c(e.key) ?? [],
+						isActive: !1,
+						operator: f(e.key) || "equals",
+						operators: w(e),
+						onOperatorChange: (t) => T(e.key, t),
+						onValueChange: (t) => l(e.key, t),
+						onClear: () => l(e.key, []),
+						availableFilters: b,
+						activeFilters: [...y, ...v]
+					}, e.key)),
+					y.map((e) => /* @__PURE__ */ P(Q, {
+						filter: e,
+						value: c(e.key) ?? [],
+						isActive: u(e.key),
+						operator: f(e.key) || "equals",
+						operators: w(e),
+						onOperatorChange: (t) => T(e.key, t),
+						onValueChange: (t) => l(e.key, t),
+						onClear: () => l(e.key, []),
+						availableFilters: b,
+						activeFilters: y
+					}, e.key)),
+					b.length > 0 && /* @__PURE__ */ P(X, {
+						filterKey: "filters-button",
+						children: /* @__PURE__ */ P(Fe, {
+							availableFilters: b,
+							activeFilters: y,
+							activeFilterInPopover: S,
+							getFilterValue: c,
+							setFilterValue: l,
+							setActiveFilterInPopover: C
+						})
+					}),
+					!!a && x && /* @__PURE__ */ P(o, {
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: d,
+						className: "text-muted-foreground ml-auto",
+						children: h.clearFilters
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/select-facet.tsx
+function Be({ filter: e, value: t, onChange: i, className: a }) {
+	let { strings: s } = J(), [c, l] = k(!1), [u, d] = k(""), [f, p] = k(e.options), [m, h] = k(!1), g = O(void 0), _ = t.length > 0, v = (n) => {
+		e.multiple ? t.includes(n) ? i(t.filter((e) => e !== n)) : i([...t, n]) : (i([n]), e.closeOnSelect !== !1 && l(!1));
+	}, b = (t) => (f || e.options)?.find((e) => e.value === t)?.label ?? t, x = e.fetchOptions, S = e.delay;
+	T(() => {
+		if (!c || !x) return;
+		g.current && window.clearTimeout(g.current);
+		let e = typeof S == "number" ? S : 300;
+		return g.current = window.setTimeout(async () => {
+			h(!0);
+			try {
+				p(await x({ q: [u] }));
+			} finally {
+				h(!1);
+			}
+		}, e), () => {
+			g.current && window.clearTimeout(g.current);
+		};
+	}, [
+		c,
+		u,
+		x,
+		S
+	]);
+	let C = D(() => (f || e.options || []).map((e) => ({
+		value: e.value,
+		label: e.label,
+		description: e.description,
+		icon: e.icon,
+		selected: t.includes(e.value),
+		disabled: e.disabled
+	})), [
+		f,
+		e.options,
+		t
+	]), w = W(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), E = m ? W(s.loadingOptions, { filterLabel: e.label }) : s.noOptionsFound;
+	return /* @__PURE__ */ P("div", {
+		className: n("select-facet--component", "relative", a),
+		children: /* @__PURE__ */ P(y, {
+			open: c,
+			onOpenChange: l,
+			search: !0,
+			searchValue: u,
+			onSearchChange: d,
+			strings: {
+				searchPlaceholder: w,
+				empty: E
+			},
+			contentClassName: "w-(--radix-popover-trigger-width) min-w-56",
+			trigger: /* @__PURE__ */ F(o, {
+				variant: "secondary",
+				buttonStyle: "outline",
+				role: "combobox",
+				"aria-expanded": c,
+				className: "w-full justify-between",
+				children: [_ ? t.length === 1 ? /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					className: "truncate",
+					children: b(t[0])
+				}) : /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					children: W(s.selected, {
+						count: t.length,
+						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					})
+				}) : /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: e.placeholder ?? s.select
+				}), /* @__PURE__ */ P(B, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			}),
+			items: C,
+			onSelect: (e) => v(e.value)
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/async-select-facet.tsx
+function Ve({ filter: e, value: t, onChange: i, className: a }) {
+	let { strings: c, cacheAsyncOptions: m, getAsyncOptionLabel: v } = J(), [y, b] = k(!1), [x, S] = k(""), C = O(/* @__PURE__ */ new Map()), { options: w, isLoading: T, isFetching: E, isError: A, refetch: j, isBelowMinQuery: M, minQueryLength: N } = Ce(e, x, y);
+	if (w.length > 0) {
+		for (let e of w) C.current.set(e.value, e);
+		m(e.key, w);
+	}
+	let L = e.multiple !== !1, R = e.maxSelected, z = D(() => e.options ?? [], [e.options]), V = D(() => {
+		let n = new Set(t), r = new Set([...z, ...w].map((e) => e.value)), i = [];
+		for (let n of t) if (!r.has(n)) {
+			let t = C.current.get(n);
+			if (t) i.push(t);
+			else {
+				let t = z.find((e) => e.value === n);
+				if (t) {
+					i.push(t);
+					continue;
+				}
+				let r = v(e.key, n);
+				r && i.push({
+					value: n,
+					label: r,
+					icon: e.icon
+				});
+			}
+		}
+		return [
+			...i,
+			...z,
+			...w
+		].sort((e, t) => !n.has(e.value) - +!n.has(t.value));
+	}, [
+		z,
+		w,
+		t,
+		e.key,
+		e.icon,
+		v
+	]), te = (n) => {
+		if (L) if (t.includes(n)) i(t.filter((e) => e !== n));
+		else {
+			if (R && t.length >= R) return;
+			i([...t, n]);
+		}
+		else i([n]), e.closeOnSelect !== !1 && b(!1);
+	}, U = (e) => {
+		let t = w.find((t) => t.value === e);
+		if (t) return t.label;
+		let n = z.find((t) => t.value === e);
+		if (n) return n.label;
+		let r = C.current.get(e);
+		return r ? r.label : e;
+	}, ne = t.length > 0, re = D(() => T || E ? /* @__PURE__ */ F("div", {
+		className: n("async-select-facet--component", "flex items-center justify-center gap-2 py-4"),
+		children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: c.searching
+		})]
+	}) : A ? /* @__PURE__ */ F("div", {
+		className: "flex flex-col items-center gap-2 py-4",
+		children: [/* @__PURE__ */ F("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ P(I, { className: "text-destructive size-4" }), /* @__PURE__ */ P(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: c.fetchError
+			})]
+		}), /* @__PURE__ */ P(o, {
+			variant: "secondary",
+			buttonStyle: "outline",
+			size: "xs",
+			onClick: (e) => {
+				e.stopPropagation(), j();
+			},
+			children: c.retryFetch
+		})]
+	}) : M ? /* @__PURE__ */ P("div", {
+		className: "text-muted-foreground flex items-center justify-center py-4",
+		children: /* @__PURE__ */ P(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: W(c.minQueryHint, { min: N })
+		})
+	}) : /* @__PURE__ */ P(r, {
+		tag: "span",
+		size: "xs",
+		type: "secondary",
+		children: c.noOptionsFound
+	}), [
+		T,
+		E,
+		A,
+		M,
+		N,
+		c,
+		j
+	]);
+	return /* @__PURE__ */ P("div", {
+		className: n("relative", a),
+		children: /* @__PURE__ */ F(h, {
+			open: y,
+			onOpenChange: (e) => {
+				b(e), e || S("");
+			},
+			children: [/* @__PURE__ */ P(g, { render: /* @__PURE__ */ F(o, {
+				variant: "secondary",
+				buttonStyle: "outline",
+				role: "combobox",
+				"aria-expanded": y,
+				className: "w-full justify-between",
+				children: [ne ? t.length === 1 ? /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					className: "truncate",
+					children: U(t[0])
+				}) : /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					children: W(c.selected, {
+						count: t.length,
+						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					})
+				}) : /* @__PURE__ */ P(r, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: e.placeholder ?? c.select
+				}), /* @__PURE__ */ P(B, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			}) }), /* @__PURE__ */ P(_, {
+				className: "w-full min-w-[280px] p-0",
+				children: /* @__PURE__ */ F(p, {
+					shouldFilter: !1,
+					children: [/* @__PURE__ */ P(s, {
+						placeholder: W(c.searchPlaceholder, { filterLabel: e.label }),
+						value: x,
+						onValueChange: S
+					}), /* @__PURE__ */ P(l, { children: V.length === 0 ? /* @__PURE__ */ P(d, { children: re }) : /* @__PURE__ */ F(f, { children: [!!(E && !T) && /* @__PURE__ */ F("div", {
+						className: "flex items-center gap-1.5 px-2 py-1",
+						children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ P(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: c.searching
+						})]
+					}), V.map((e) => /* @__PURE__ */ F(u, {
+						value: e.value,
+						onSelect: () => te(e.value),
+						disabled: e.disabled || !!R && t.length >= R && !t.includes(e.value),
+						children: [
+							/* @__PURE__ */ P(ee, { className: n("mr-2 h-4 w-4", t.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							!!e.icon && /* @__PURE__ */ P("span", {
+								className: "mr-1.5",
+								children: e.icon
+							}),
+							/* @__PURE__ */ P(r, {
+								tag: "span",
+								size: "xs",
+								children: e.label
+							})
+						]
+					}, e.value))] }) })]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/range-facet.tsx
+function He({ filter: e, value: t, onChange: r, className: a }) {
+	let { strings: o } = J(), [s, c] = k(t.min?.toString() ?? ""), [l, u] = k(t.max?.toString() ?? ""), d = E(), f = O(r);
+	f.current = r;
+	let p = O(t);
+	return p.current = t, T(() => {
+		let t = setTimeout(() => {
+			let e = p.current, t = {
+				min: s ? Number(s) : void 0,
+				max: l ? Number(l) : void 0
+			};
+			(t.min !== e.min || t.max !== e.max) && f.current(t);
+		}, e.delay ?? 500);
+		return () => clearTimeout(t);
+	}, [
+		s,
+		l,
+		e.delay
+	]), /* @__PURE__ */ P("div", {
+		className: n("range-facet--component", "space-y-2", a),
+		children: /* @__PURE__ */ F("div", {
+			className: "grid grid-cols-2 gap-2",
+			children: [/* @__PURE__ */ F("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ P(i, {
+					htmlFor: `${d}-min`,
+					children: o.min
+				}), /* @__PURE__ */ P(v, {
+					id: `${d}-min`,
+					type: "text",
+					value: s,
+					onChange: (e) => {
+						let t = e.target.value;
+						(t === "" || /^\d*\.?\d*$/.test(t)) && c(t);
+					},
+					placeholder: o.min,
+					className: "w-full"
+				})]
+			}), /* @__PURE__ */ F("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ P(i, {
+					htmlFor: `${d}-max`,
+					children: o.max
+				}), /* @__PURE__ */ P(v, {
+					id: `${d}-max`,
+					type: "text",
+					value: l,
+					onChange: (e) => {
+						let t = e.target.value;
+						(t === "" || /^\d*\.?\d*$/.test(t)) && u(t);
+					},
+					placeholder: o.max,
+					className: "w-full"
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/validators.ts
+function Ue(e) {
+	return (t) => {
+		if (t == null || typeof t == "string" && t.length === 0) return !0;
+		let n = e.safeParse(t);
+		return n.success ? !0 : n.error?.issues?.[0]?.message ?? n.error?.message ?? !1;
+	};
+}
+function We(e, t) {
+	return (n) => e(n) ? !0 : t;
+}
+//#endregion
+export { be as ActiveFilterItem, Ve as AsyncSelectFacet, Ee as DateFacet, X as FilterErrorBoundary, ze as FilterLayout, K as FilterOperatorEnum, he as FilterOperatorSelect, Q as FilterPill, Pe as FilterPopoverContent, pe as FilterProvider, Ie as FilterTabs, G as FilterType, ge as FilterValueDisplay, Fe as FiltersButton, He as RangeFacet, $ as SearchFacet, Re as SearchFiltersList, Be as SelectFacet, Z as TagsFacet, ne as defaultFilterStrings, ce as getBooleanOperators, se as getDateOperators, ue as getDefaultOperatorForType, re as getFilterString, oe as getNumberOperators, le as getOperatorsForType, ae as getSelectOperators, ie as getTextOperators, W as interpolateFilterString, We as predicateValidator, Ce as useAsyncOptions, me as useFilterGroups, J as useFilters, Ue as zodValidator };
+
+//# sourceMappingURL=index.js.map