themelia-react-ui 2.0.4 → 2.0.6

package/dist/filters-Dl80yYtN.js

@@ -0,0 +1,2415 @@
+"use client";
+import { S as e, d as t } from "./ui-provider-C-74NVLc.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-DhuoqFy4.js";
+import { n as i } from "./buttons-DeW0bQeK.js";
+import { a, c as o, o as s } from "./typography-C7-YMW1S.js";
+import { t as c } from "./focus-recipes-B653VaLq.js";
+import { r as l, t as u } from "./structure-DZJ2wbAU.js";
+import { i as d } from "./tone-recipes-BPsRAvhu.js";
+import { n as f, t as p } from "./feedback-Dzo1xtAU.js";
+import { i as m, r as h } from "./popover.recipes-DJ0AkUan.js";
+import { _ as g, m as _ } from "./primitives-BkkQjYl7.js";
+import { t as v } from "./number-CYqBcrSj.js";
+import { n as y, s as b, t as x } from "./date-Br0FicVv.js";
+import { t as S } from "./badge-wWauMgAt.js";
+import { t as C } from "./layer-recipes-CCpklYME.js";
+import { n as w } from "./field-affordance-recipes-D6H7tVJi.js";
+import { a as T, i as E, n as D, o as O, r as k, s as A, t as j } from "./command-9e52NPgK.js";
+import { d as M, p as N, y as P } from "./form-sizing-CgcrUbLU.js";
+import { t as F } from "./input-7KAc7XQL.js";
+import { t as I } from "./date-picker-CyQlFYsP.js";
+import { a as ee, c as te, i as L, n as R, o as ne, r as z, t as re } from "./popover-k8TdUcAt.js";
+import { n as ie, r as ae, t as oe } from "./control-group-recipes-fMuFo0H7.js";
+import { i as se, r as ce, t as le } from "./tabs-C4Kr_hCr.js";
+import { t as ue } from "./popover-menu-yn-o0kyA.js";
+import { t as de } from "./use-debounced-callback-Cx1h-hdv.js";
+import { t as fe } from "./use-debounce-DZ_1ZBPa.js";
+import { i as pe, n as me, r as he, t as ge } from "./cascader-CrAl9zD5.js";
+import B, { Component as _e, createContext as ve, useCallback as V, useContext as ye, useEffect as H, useId as be, useMemo as U, useRef as W, useState as G } from "react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { CalendarIcon as xe, Check as Se, ChevronDown as Ce, ChevronLeft as we, ChevronsUpDown as Te, Filter as Ee, Loader2 as De, Plus as Oe, X as ke } from "lucide-react";
+import { format as Ae, isValid as je, parse as Me } from "date-fns";
+//#region src/components/features/filters/filters.strings.ts
+var Ne = {
+	loading: "Loading",
+	loadingOptions: "Loading {filterLabel} options...",
+	addFilter: "Add filter",
+	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",
+	previousLevel: "Back",
+	selectCurrentLevel: "Select this level",
+	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 Y(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 Pe(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 ? Y(i, n) : i : t;
+}
+//#endregion
+//#region src/components/features/filters/filters.types.ts
+var X = {
+	SELECT: "select",
+	MULTI_SELECT: "multi_select",
+	ASYNC_SELECT: "async_select",
+	SEARCH: "search",
+	RANGE: "range",
+	DATE: "date",
+	TAGS: "tags"
+}, Z = {
+	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"
+};
+function Fe(e) {
+	return e;
+}
+//#endregion
+//#region src/components/features/filters/operator-options.ts
+function Ie(e) {
+	return [
+		{
+			label: e.contains,
+			value: Z.CONTAINS
+		},
+		{
+			label: e.equals,
+			value: Z.EQUALS
+		},
+		{
+			label: e.notContains,
+			value: Z.NOT
+		}
+	];
+}
+function Le(e) {
+	return [{
+		label: e.is,
+		value: Z.EQUALS
+	}, {
+		label: e.isNot,
+		value: Z.NOT
+	}];
+}
+function Re(e) {
+	return [
+		{
+			label: e.equals,
+			value: Z.EQUALS
+		},
+		{
+			label: e.greaterThan,
+			value: Z.GT
+		},
+		{
+			label: e.lessThan,
+			value: Z.LT
+		}
+	];
+}
+function ze(e) {
+	return [
+		{
+			label: e.before,
+			value: Z.BEFORE
+		},
+		{
+			label: e.after,
+			value: Z.AFTER
+		},
+		{
+			label: e.between,
+			value: Z.BETWEEN
+		}
+	];
+}
+function Be(e) {
+	return [{
+		label: e.equals,
+		value: Z.EQUALS
+	}];
+}
+function Ve(e, t) {
+	switch (e) {
+		case X.SEARCH: return Ie(t);
+		case X.TAGS: return [
+			{
+				label: t.has,
+				value: Z.HAS
+			},
+			{
+				label: t.hasAny,
+				value: Z.HAS_ANY
+			},
+			{
+				label: t.hasAll,
+				value: Z.HAS_ALL
+			}
+		];
+		case X.SELECT:
+		case X.ASYNC_SELECT: return Le(t);
+		case X.RANGE: return [{
+			label: t.between,
+			value: Z.BETWEEN
+		}];
+		case X.DATE: return ze(t);
+		default: return Ie(t);
+	}
+}
+function He(e) {
+	switch (e) {
+		case X.SEARCH: return Z.CONTAINS;
+		case X.TAGS: return Z.HAS;
+		case X.SELECT:
+		case X.ASYNC_SELECT: return Z.EQUALS;
+		case X.RANGE: return Z.BETWEEN;
+		case X.DATE: return Z.BEFORE;
+		default: return Z.EQUALS;
+	}
+}
+//#endregion
+//#region src/components/features/filters/utils/filter-utils.ts
+function Ue(e, t) {
+	let n = e[0] ?? "";
+	return e.length > 1 ? [n, e[1] ?? ""] : t === "lt" ? ["", n] : t === "equals" ? [n, n] : [n, ""];
+}
+function We(e) {
+	return e.length === 2 && e.every((e) => e.trim().length > 0);
+}
+function Ge(e, t) {
+	if (e) {
+		if (t) {
+			let n = Me(e, t, /* @__PURE__ */ new Date());
+			if (je(n)) return n;
+		}
+		return b(e) ?? void 0;
+	}
+}
+function Ke(e, t) {
+	for (let n of e ?? []) {
+		if (n.value === t) return [n];
+		let e = Ke(n.children, t);
+		if (e.length) return [n, ...e];
+	}
+	return [];
+}
+function Q(e) {
+	return e.replace(/\S+/g, (e) => /^\p{Lu}{2,}/u.test(e) ? e : e.toLowerCase());
+}
+function qe(e) {
+	return !!e?.some((e) => !!e.children?.length);
+}
+function Je(e) {
+	return e.map((e) => ({
+		value: e.value,
+		label: e.label,
+		description: e.description,
+		icon: e.icon ?? void 0,
+		disabled: e.disabled,
+		...e.children?.length ? { children: Je(e.children) } : {}
+	}));
+}
+function Ye(e, t, n = " / ") {
+	let r = Ke(e.options, t);
+	return r.length ? r.map((e) => e.label).join(n) : void 0;
+}
+function Xe(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 Ze = ve(void 0);
+function Qe({ children: e, filters: t, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
+	let c = W(t), l = W(i), u = W(s);
+	u.current = s;
+	let [d, f] = G(() => /* @__PURE__ */ new Map()), p = V((e) => {
+		f((t) => {
+			if (!t.has(e)) return t;
+			let n = new Map(t);
+			return n.delete(e), n;
+		});
+	}, []), [m, h] = G(0), g = W(/* @__PURE__ */ new Map()), _ = U(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of t) {
+			if (n.type !== X.ASYNC_SELECT) continue;
+			let t = n.asyncConfig?.fetcher, r = n.asyncConfig?.mapToOption, i = n.asyncConfig?.limit ?? 10, a = g.current.get(n.key), o = a && a.fetcher === t && a.mapToOption === r;
+			e.set(n.key, o && a.limit === i ? a : {
+				fetcher: t,
+				mapToOption: r,
+				limit: i,
+				options: o ? a.options : /* @__PURE__ */ new Map()
+			});
+		}
+		return e.size === g.current.size && [...e].every(([e, t]) => g.current.get(e) === t) ? g.current : (g.current = e, e);
+	}, [t]), v = JSON.stringify(r.filter((e) => _.has(e.key)).map(({ key: e, value: t }) => [e, t])), y = n(Ne, o);
+	H(() => {
+		c.current = t;
+	}, [t]), H(() => {
+		l.current = i;
+	}, [i]);
+	let b = V((e) => {
+		let t = [...r, e];
+		l.current(t);
+	}, [r]), x = V((e) => {
+		p(r.find((t) => t.id === e)?.key ?? e);
+		let t = r.filter((t) => t.id !== e && t.key !== e);
+		l.current(t);
+	}, [r, p]), S = V((e, t) => {
+		let n = r.map((n) => n.id === e || n.key === e ? {
+			...n,
+			...t
+		} : n);
+		l.current(n);
+	}, [r]), C = V(() => {
+		f(/* @__PURE__ */ new Map()), l.current([]);
+	}, []), w = V((e) => {
+		f(/* @__PURE__ */ new Map()), l.current(e);
+	}, []), T = V((e) => c.current.find((t) => t.key === e), []), E = V((e) => r.find((t) => t.key === e)?.value || [], [r]), D = V((e) => {
+		let n = r.find((t) => t.key === e), i = t.find((t) => t.key === e);
+		return i?.type === X.DATE ? d.get(e) ?? n?.operator ?? i.operator ?? i.operators?.[0]?.value ?? He(i.type) : n?.operator ?? "equals";
+	}, [
+		r,
+		d,
+		t
+	]), O = V((e, t) => {
+		let n = r.find((t) => t.key === e), i = T(e), a = i?.type === X.DATE ? D(e) : void 0;
+		if (!(a === "between" && t.length > 0 && !We(t))) {
+			if (t.length === 0) p(e), n && x(e);
+			else if (a && p(e), n) S(e, a ? {
+				value: t,
+				operator: a
+			} : { value: t });
+			else {
+				let n = a ?? i?.operator ?? i?.operators?.[0]?.value ?? (i ? He(i.type) : "equals");
+				b({
+					id: e,
+					key: e,
+					value: t,
+					operator: n
+				});
+			}
+		}
+	}, [
+		r,
+		b,
+		p,
+		T,
+		D,
+		x,
+		S
+	]), k = V((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), A = V((e, t) => {
+		let n = r.find((t) => t.key === e);
+		if (T(e)?.type === X.DATE) {
+			if (!n || t === "between" && !We(n.value)) {
+				f((n) => new Map(n).set(e, t));
+				return;
+			}
+			p(e);
+			let r = t === "between" ? n.value : n.value.slice(0, 1);
+			S(e, {
+				operator: t,
+				value: r
+			});
+			return;
+		}
+		n && S(e, { operator: t });
+	}, [
+		r,
+		p,
+		T,
+		S
+	]), j = V((e, t) => {
+		let n = c.current.find((t) => t.key === e);
+		return n ? Xe(n, t, (e) => Pe(y, e)) : !1;
+	}, [y]), M = V((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), N = V((e, t) => {
+		let n = _.get(e)?.options;
+		if (!n) return;
+		let r = !1;
+		for (let e of t) n.get(e.value)?.label !== e.label && (r = !0), n.set(e.value, e);
+		r && h((e) => e + 1);
+	}, [_]), P = V((e, t) => _.get(e)?.options.get(t)?.label, [_, m]), F = V((e, t) => {
+		u.current?.(e, t);
+	}, []);
+	H(() => {
+		let e = new AbortController(), t = (t, n) => {
+			e.signal.aborted || t && t.name === "AbortError" || u.current?.(t, {
+				phase: "fetch-options",
+				filterKey: n
+			});
+		}, n = new Map(JSON.parse(v));
+		for (let [r, i] of _) {
+			let a = n.get(r);
+			if (!a || a.length === 0 || a.every((e) => i.options.has(e))) continue;
+			let { fetcher: o, mapToOption: s, limit: c } = i;
+			o && s && o({
+				query: "",
+				limit: c,
+				signal: e.signal
+			}).then((t) => {
+				e.signal.aborted || N(r, t.map(s));
+			}).catch((e) => t(e, r));
+		}
+		return () => e.abort();
+	}, [
+		v,
+		_,
+		N
+	]);
+	let I = U(() => ({
+		activeFilters: r,
+		filters: t,
+		addFilter: b,
+		removeFilter: x,
+		updateFilter: S,
+		clearFilters: C,
+		replaceFilters: w,
+		getFilterByKey: T,
+		getFilterValue: E,
+		setFilterValue: O,
+		isFilterActive: k,
+		getFilterOperator: D,
+		setFilterOperator: A,
+		validateFilter: j,
+		getDependentFilters: M,
+		isNavigating: a,
+		strings: y,
+		cacheAsyncOptions: N,
+		getAsyncOptionLabel: P,
+		reportError: F
+	}), [
+		r,
+		t,
+		b,
+		x,
+		S,
+		C,
+		w,
+		T,
+		E,
+		O,
+		k,
+		D,
+		A,
+		j,
+		M,
+		a,
+		y,
+		N,
+		P,
+		F
+	]);
+	return /* @__PURE__ */ q(Ze.Provider, {
+		value: I,
+		children: e
+	});
+}
+function $() {
+	let e = ye(Ze);
+	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 $e(e = {}) {
+	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = $(), i = U(() => t ? n.map((e) => {
+		let n = t[e.key];
+		return Array.isArray(n) ? {
+			...e,
+			options: n
+		} : e;
+	}) : n, [n, t]);
+	return U(() => {
+		let e = i.filter((e) => e.type === X.SEARCH), t = i.filter((e) => !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden"), n = i.filter((e) => e.type !== X.SEARCH && !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden" && r(e.key)), a = t.filter((e) => e.type !== X.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), o = t.filter((e) => e.type !== X.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), s = n.map((e) => e.key);
+		return {
+			processedFilters: i,
+			searchFilters: e,
+			alwaysVisibleFilters: a,
+			activeRegularFilters: n,
+			popoverFilters: o,
+			activeFilterKeys: s,
+			hasActive: s.length > 0
+		};
+	}, [i, r]);
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-operator-select.tsx
+function et({ operator: e, operators: t, onOperatorChange: n, segmentResetClass: a }) {
+	let [c, l] = G(!1), { strings: u } = $(), d = t.find((t) => t.value === e)?.label || e;
+	return /* @__PURE__ */ q(ue, {
+		open: c,
+		onOpenChange: l,
+		search: !1,
+		contentLabel: u.operator,
+		trigger: /* @__PURE__ */ q(i, {
+			tone: "secondary",
+			buttonStyle: "ghost",
+			className: r("filter-operator-select--component", a, "h-full min-h-0 px-control text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			type: "button",
+			children: /* @__PURE__ */ q(o, {
+				tag: "span",
+				type: "inherit",
+				children: d
+			})
+		}),
+		header: /* @__PURE__ */ q(s, {
+			tag: "span",
+			children: u.operator
+		}),
+		contentClassName: m.xs,
+		items: t.map((t) => ({
+			value: t.value,
+			label: t.label,
+			selected: t.value === e
+		})),
+		onSelect: (e) => {
+			n(e.value), l(!1);
+		}
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-value-display.tsx
+function tt({ filter: e, value: t }) {
+	let { strings: n, getFilterOperator: i } = $();
+	if (t.length === 0 && e.type !== X.DATE) return /* @__PURE__ */ q(o, {
+		tag: "span",
+		type: "secondary",
+		lineHeight: "none",
+		className: "filter-value-display--component",
+		children: n.nothingSelected
+	});
+	if (e.type === X.RANGE) {
+		let [r, a] = Ue(t, i(e.key)), s = r && a ? `${r} – ${a}` : r ? `${n.min} ${r}` : a ? `${n.max} ${a}` : n.nothingSelected;
+		return /* @__PURE__ */ q(o, {
+			tag: "span",
+			type: "inherit",
+			weight: "semibold",
+			lineHeight: "none",
+			className: "filter-value-display--component",
+			children: s
+		});
+	}
+	return e.type === X.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ q(o, {
+		tag: "span",
+		type: "inherit",
+		weight: "semibold",
+		lineHeight: "none",
+		className: "filter-value-display--component",
+		children: rt(e, t, n)
+	}) : e.options && e.type !== X.DATE ? /* @__PURE__ */ J(u, {
+		direction: "horizontal",
+		gap: "xs",
+		wrap: !1,
+		className: "filter-value-display--component",
+		children: [/* @__PURE__ */ J("div", {
+			className: "relative isolate flex",
+			children: [t.slice(0, 2).map((t, n) => {
+				let i = Ke(e.options, t).at(-1);
+				return i?.icon ? /* @__PURE__ */ q("div", {
+					className: r("border-background bg-background relative rounded-full border", n > 0 ? "-ml-space-sm z-[1]" : C.raised),
+					children: i.icon
+				}, t) : null;
+			}), t.length > 2 && /* @__PURE__ */ q("div", {
+				className: "bg-muted border-background relative z-0 -ml-space-sm flex size-icon items-center justify-center rounded-full border",
+				children: /* @__PURE__ */ J(o, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					children: ["+", /* @__PURE__ */ q(v, {
+						value: t.length - 2,
+						size: "inherit",
+						align: "center"
+					})]
+				})
+			})]
+		}), /* @__PURE__ */ q(o, {
+			tag: "span",
+			type: "inherit",
+			weight: "semibold",
+			lineHeight: "none",
+			className: "truncate",
+			children: it(e, t, n)
+		})]
+	}) : e.type === X.DATE ? /* @__PURE__ */ J(u, {
+		direction: "horizontal",
+		gap: "xs",
+		wrap: !1,
+		className: "filter-value-display--component",
+		children: [/* @__PURE__ */ q(xe, { className: "text-muted-foreground size-icon-sm" }), /* @__PURE__ */ q(o, {
+			tag: "span",
+			type: "inherit",
+			weight: "semibold",
+			lineHeight: "none",
+			className: "min-w-0 truncate",
+			children: nt(e, t, n)
+		})]
+	}) : /* @__PURE__ */ q(o, {
+		tag: "span",
+		type: "inherit",
+		weight: "semibold",
+		lineHeight: "none",
+		className: "filter-value-display--component truncate",
+		children: it(e, t, n)
+	});
+}
+function nt(e, t, n) {
+	return t.length === 1 ? at(t[0], e.dateFormat) : t.length === 2 ? ot(t[0], t[1], e.dateFormat) : /* @__PURE__ */ q(g, { children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected });
+}
+function rt(e, t, n) {
+	return t.length === 0 ? "" : Y(n.selected, {
+		count: t.length,
+		filterLabel: Q((t.length > 1 ? e.pluralLabel : e.label) ?? e.label)
+	});
+}
+function it(e, t, n) {
+	return t.length > 1 ? Y(n.selected, {
+		count: t.length,
+		filterLabel: Q(e.pluralLabel ?? e.label)
+	}) : t.map((t) => Ye(e, t) || t).join(", ");
+}
+function at(e, t) {
+	let n = Ge(e, t?.param);
+	return n ? /* @__PURE__ */ q(x, {
+		value: n,
+		format: t?.display
+	}) : /* @__PURE__ */ q(g, { children: e });
+}
+function ot(e, t, n) {
+	let r = Ge(e, n?.param), i = Ge(t, n?.param);
+	return r && i ? /* @__PURE__ */ q(y, {
+		from: r,
+		to: i,
+		format: n?.display
+	}) : /* @__PURE__ */ J("span", {
+		className: "inline-flex min-w-0 items-center gap-space-xs",
+		children: [
+			at(e, n),
+			/* @__PURE__ */ q(g, { children: "–" }),
+			at(t, n)
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/active-filter-item.tsx
+function st({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, operators: d, operator: f, onOperatorChange: p, onFilterClear: m, onFilterClick: h }) {
+	let { defaultScale: g } = t(), _ = e(void 0, g), { strings: v } = $(), y = B.useId(), b = B.useId(), x = `${ae.joinedItem} !border-0 !rounded-none !shadow-none ${c.inset}`, S = () => /* @__PURE__ */ q("div", {
+		"aria-hidden": !0,
+		className: "w-px self-stretch bg-border"
+	});
+	return /* @__PURE__ */ J("div", {
+		role: "group",
+		"aria-label": n.label,
+		"data-active": s || void 0,
+		className: r("active-filter-item--component", ae.joinedFrame, oe[_], "bg-background", n.displayConfig?.className),
+		children: [
+			/* @__PURE__ */ J(i, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				className: r(x, "flex h-full min-h-0 items-center gap-space-sm px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+				ref: u,
+				"aria-haspopup": "dialog",
+				"aria-expanded": l,
+				onClick: h,
+				children: [
+					!!n.icon && /* @__PURE__ */ q("span", {
+						className: "flex items-center text-muted-foreground",
+						children: n.icon
+					}),
+					/* @__PURE__ */ q(o, {
+						id: y,
+						tag: "span",
+						type: "inherit",
+						weight: "semibold",
+						children: n.label
+					}),
+					/* @__PURE__ */ q(Ce, { className: "size-icon-sm" })
+				]
+			}),
+			/* @__PURE__ */ q(S, {}),
+			/* @__PURE__ */ q(et, {
+				operator: f,
+				operators: d,
+				onOperatorChange: p,
+				segmentResetClass: x
+			}),
+			/* @__PURE__ */ q(S, {}),
+			/* @__PURE__ */ q(i, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-labelledby": `${y} ${b}`,
+				"aria-haspopup": "dialog",
+				"aria-expanded": l,
+				onClick: h,
+				className: r(x, "flex h-full min-h-0 min-w-0 flex-1 items-center justify-start px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+				children: /* @__PURE__ */ q("span", {
+					id: b,
+					className: "min-w-0",
+					children: /* @__PURE__ */ q(tt, {
+						filter: n,
+						value: a
+					})
+				})
+			}),
+			!!s && /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(S, {}), /* @__PURE__ */ J(i, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				className: r(x, "flex h-full min-h-0 shrink-0 items-center justify-center px-space-sm text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+				onClick: (e) => {
+					e.stopPropagation(), e.preventDefault(), m();
+				},
+				children: [/* @__PURE__ */ q(ke, {
+					"aria-hidden": "true",
+					className: "size-icon"
+				}), /* @__PURE__ */ q(o, {
+					tag: "span",
+					className: "sr-only",
+					children: v.clear
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/hooks/use-async-options.ts
+function ct(e, t, n) {
+	for (let [t, r] of e) Date.now() - r.timestamp > n && e.delete(t);
+	return e.get(t);
+}
+function lt(e, t, n, r = {}) {
+	let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = U(() => /* @__PURE__ */ new Map(), [
+		e.key,
+		a,
+		o
+	]), c = W(r.onError);
+	c.current = r.onError;
+	let l = i?.debounceMs ?? e.delay ?? 300, u = (fe(t, l) ?? "").trim(), d = i?.limit ?? 10, f = i?.minQueryLength ?? 0, p = i?.preload ?? !0, m = i?.staleTime ?? 6e4, h = i?.gcTime ?? 3e5, g = u.length === 0 && p, _ = u.length >= f, v = !!i?.fetcher && n && (g || u.length > 0 && _), y = n && !g && u.length > 0 && u.length < f, b = U(() => i?.queryKey ? JSON.stringify(i.queryKey({
+		query: u,
+		limit: d
+	})) : JSON.stringify([
+		"filter",
+		e.key,
+		u,
+		d
+	]), [
+		i,
+		e.key,
+		u,
+		d
+	]), x = V(async (e) => a && o ? (await a({
+		query: u,
+		limit: d,
+		signal: e
+	})).map(o) : [], [
+		a,
+		o,
+		u,
+		d
+	]), [S, C] = G(() => {
+		let e = ct(s, b, h);
+		return {
+			cache: s,
+			data: e?.data ?? [],
+			loading: !1,
+			fetching: !1,
+			error: !1
+		};
+	}), [w, T] = G(0), E = V(() => T((e) => e + 1), []), D = W(0);
+	return H(() => {
+		let t = D.current !== w;
+		if (D.current = w, !v) return;
+		let n = ct(s, b, h), r = n !== void 0 && Date.now() - n.timestamp < m, i = new AbortController();
+		if (r && !t) return C({
+			cache: s,
+			data: n.data,
+			loading: !1,
+			fetching: !1,
+			error: !1
+		}), () => i.abort();
+		C((e) => ({
+			cache: s,
+			data: n?.data ?? (e.cache === s ? e.data : []),
+			loading: n === void 0,
+			fetching: !0,
+			error: !1
+		}));
+		let a = !1;
+		return x(i.signal).then((e) => {
+			a || (s.set(b, {
+				timestamp: Date.now(),
+				data: e
+			}), C({
+				cache: s,
+				data: e,
+				loading: !1,
+				fetching: !1,
+				error: !1
+			}));
+		}).catch((t) => {
+			a || i.signal.aborted || t && t.name === "AbortError" || (C((e) => ({
+				cache: s,
+				data: e.cache === s ? e.data : [],
+				loading: !1,
+				fetching: !1,
+				error: !0
+			})), c.current?.(t, {
+				phase: "fetch-options",
+				filterKey: e.key
+			}));
+		}), () => {
+			a = !0, i.abort();
+		};
+	}, [
+		s,
+		b,
+		x,
+		v,
+		m,
+		h,
+		w,
+		e.key
+	]), {
+		options: v && S.cache === s ? S.data : [],
+		isLoading: v && S.cache === s && S.loading,
+		isFetching: v && S.cache === s && S.fetching,
+		isError: v && S.cache === s && S.error,
+		refetch: E,
+		isBelowMinQuery: y,
+		minQueryLength: f
+	};
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-editor-header.tsx
+function ut({ title: e, description: t, onBack: n }) {
+	let { strings: r } = $();
+	return /* @__PURE__ */ J(L, {
+		start: n ? /* @__PURE__ */ q(i, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "sm",
+			iconOnly: !0,
+			onClick: n,
+			className: "shrink-0",
+			"aria-label": r.backToFilters,
+			children: /* @__PURE__ */ q(we, {
+				"aria-hidden": "true",
+				className: "size-icon-sm rtl:rotate-180"
+			})
+		}) : void 0,
+		children: [/* @__PURE__ */ q(ee, { children: e }), t != null && /* @__PURE__ */ q(R, { children: t })]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/async-filter-content.tsx
+function dt({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
+	let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: d, reportError: m } = $(), [h, g] = G(""), [_, v] = G(t ?? []), y = W(t);
+	if (t !== y.current) {
+		let e = y.current ?? [], n = t ?? [];
+		y.current = t, (n.length !== e.length || n.some((t, n) => t !== e[n])) && v(n);
+	}
+	let { options: b, isLoading: x, isFetching: S, isError: C, refetch: w, isBelowMinQuery: A, minQueryLength: M } = lt(e, h, !0, { onError: m });
+	H(() => {
+		b.length > 0 && l(e.key, b);
+	}, [
+		l,
+		e.key,
+		b
+	]);
+	let N = e.multiple !== !1, P = e.maxSelected, F = s === "toolbar", I = _.length !== t.length || _.some((e) => !t.includes(e)), ee = U(() => {
+		let t = new Set(_), n = new Set(b.map((e) => e.value)), r = [];
+		for (let t of _) if (!n.has(t)) {
+			let n = d(e.key, t);
+			n && r.push({
+				value: t,
+				label: n,
+				icon: e.icon
+			});
+		}
+		return [...r, ...b].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
+	}, [
+		b,
+		_,
+		e.key,
+		e.icon,
+		d
+	]), te = (t) => {
+		if (N) {
+			if (_.includes(t)) v(_.filter((e) => e !== t));
+			else {
+				if (P && _.length >= P) return;
+				v([..._, t]);
+			}
+		} else v([t]), e.closeOnSelect === !0 && (n([t]), a());
+	}, L = () => {
+		n(_), a();
+	}, R = U(() => x || S ? /* @__PURE__ */ q(f, { label: c.searching }) : C ? /* @__PURE__ */ q(p, {
+		variant: "inline",
+		title: c.fetchError,
+		action: /* @__PURE__ */ q(i, {
+			tone: "secondary",
+			buttonStyle: "outline",
+			size: "sm",
+			onClick: (e) => {
+				e.stopPropagation(), w();
+			},
+			children: c.retryFetch
+		})
+	}) : A ? /* @__PURE__ */ q("div", {
+		className: "text-muted-foreground flex items-center justify-center py-space-xl",
+		children: /* @__PURE__ */ q(o, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: Y(c.minQueryHint, { min: M })
+		})
+	}) : c.noOptionsFound, [
+		x,
+		S,
+		C,
+		A,
+		M,
+		c,
+		w
+	]);
+	return /* @__PURE__ */ J(K, { children: [
+		/* @__PURE__ */ q(ut, {
+			title: e.label,
+			description: c.selectValues,
+			onBack: F ? r : void 0
+		}),
+		/* @__PURE__ */ J(j, {
+			shouldFilter: !1,
+			inset: "flush",
+			className: "rounded-none",
+			children: [/* @__PURE__ */ q(E, {
+				placeholder: Y(c.searchPlaceholder, { filterLabel: Q(e.label) }),
+				value: h,
+				onValueChange: g
+			}), /* @__PURE__ */ q(O, { children: ee.length === 0 ? /* @__PURE__ */ q(D, { children: R }) : /* @__PURE__ */ J(k, { children: [!(!S || x) && /* @__PURE__ */ J(u, {
+				direction: "horizontal",
+				gap: "sm",
+				wrap: !1,
+				className: "px-control-sm py-space-xs",
+				children: [/* @__PURE__ */ q(De, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ q(o, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: c.searching
+				})]
+			}), ee.map((e) => /* @__PURE__ */ J(T, {
+				onSelect: () => te(e.value),
+				"data-checked": _.includes(e.value) || void 0,
+				disabled: e.disabled || !!P && _.length >= P && !_.includes(e.value),
+				className: "flex items-center gap-space-sm",
+				children: [e.icon, /* @__PURE__ */ q(o, {
+					tag: "span",
+					type: "inherit",
+					lineHeight: "tight",
+					children: e.label
+				})]
+			}, e.value))] }) })]
+		}),
+		I && /* @__PURE__ */ q(z, {
+			caption: Y(c.selected, {
+				count: _.length,
+				filterLabel: Q((_.length > 1 ? e.pluralLabel : e.label) ?? e.label)
+			}),
+			children: /* @__PURE__ */ q(i, {
+				tone: "primary",
+				size: "sm",
+				onClick: L,
+				children: c.confirm
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/components/features/filters/facets/date-facet.tsx
+var ft = [];
+function pt({ filter: e, operator: t, value: n, onValueChange: i, className: a }) {
+	let { strings: o } = $(), s = t === void 0 ? e.operators?.some((e) => e.value === "between") || e.operator === "between" || e.key.toLowerCase().includes("range") || e.key.toLowerCase().includes("between") : t === "between", c = e.dateFormat?.param ?? "yyyy-MM-dd", l = e.dateFormat?.display ?? "PPP", u = s ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? o.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? o.calendar.notDateSelected, d = !!e.datePickerConfig?.showConfirmButton, f = e.datePickerConfig?.autoApply ?? !d, p = e.datePickerConfig?.showShortcuts ?? !0, m = s && (n.start || n.end) ? {
+		from: n.start,
+		to: n.end
+	} : void 0, h = !s && n.start && je(n.start) ? n.start : void 0, g = {
+		format: c,
+		readableFormat: l,
+		placeholder: u,
+		disablePortal: !0,
+		numberOfMonths: 1,
+		className: r("date-facet--component", "w-full", a)
+	};
+	return s ? /* @__PURE__ */ q(I, {
+		mode: "range",
+		value: m,
+		onValueChange: (e) => {
+			i({
+				start: e.range?.from ?? void 0,
+				end: e.range?.to ?? void 0
+			});
+		},
+		withConfirm: d,
+		closeOnSelect: f,
+		presets: p ? void 0 : ft,
+		...g
+	}) : /* @__PURE__ */ q(I, {
+		mode: "single",
+		value: h,
+		onValueChange: (e) => {
+			i({
+				start: e.date ?? void 0,
+				end: void 0
+			});
+		},
+		closeOnSelect: f,
+		...g
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/date-filter-content.tsx
+function mt({ filter: e, operator: t, value: n, onFilterChange: r, onBackToFilterList: i, triggerSource: a = "chip" }) {
+	let o = Ge(n[0], e.dateFormat?.param), s = Ge(n[1], e.dateFormat?.param), c = (t) => {
+		if (t && je(t)) return Ae(t, e.dateFormat?.param ?? "yyyy-MM-dd");
+	}, l = ({ start: e, end: t }) => {
+		let n = [], i = c(e), a = c(t);
+		i && n.push(i), a && n.push(a), r(n);
+	}, u = a === "toolbar", d = {
+		start: o,
+		end: s
+	};
+	return /* @__PURE__ */ J("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ q(ut, {
+			title: e.label,
+			onBack: u ? i : void 0
+		}), /* @__PURE__ */ q("div", {
+			className: h.menuRegion,
+			children: /* @__PURE__ */ q(pt, {
+				filter: e,
+				operator: t,
+				value: d,
+				onValueChange: l
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-error-boundary.tsx
+var ht = class extends _e {
+	state = {
+		hasError: !1,
+		error: null
+	};
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		this.props.onError(e, {
+			phase: "render",
+			filterKey: this.props.filterKey
+		});
+	}
+	handleReset = () => {
+		this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		if (this.state.hasError) {
+			let { fallback: e, filterKey: t, labels: n } = this.props;
+			return e ? /* @__PURE__ */ q("div", {
+				className: "filter-error-boundary--component contents",
+				children: e
+			}) : /* @__PURE__ */ J("div", {
+				className: r("filter-error-boundary--component rounded-radius border p-surface-xs", d.destructive.edge, d.destructive.wash, d.destructive.ink),
+				children: [
+					/* @__PURE__ */ J("div", {
+						className: "mb-space-xs flex items-center justify-between",
+						children: [/* @__PURE__ */ q(o, {
+							tag: "span",
+							weight: "semibold",
+							children: n.title
+						}), /* @__PURE__ */ q(i, {
+							type: "button",
+							tone: "destructive",
+							buttonStyle: "ghost",
+							size: "sm",
+							iconOnly: !0,
+							onClick: this.handleReset,
+							"aria-label": n.reset,
+							children: /* @__PURE__ */ q(ke, { className: "size-icon-sm" })
+						})]
+					}),
+					/* @__PURE__ */ q(o, { children: n.getDescription(t) }),
+					/* @__PURE__ */ q(_, {
+						size: "xs",
+						className: "mt-space-xs text-destructive",
+						children: this.state.error?.message || n.unknownError
+					})
+				]
+			});
+		}
+		return /* @__PURE__ */ q("div", {
+			className: "filter-error-boundary--component contents",
+			children: this.props.children
+		});
+	}
+};
+function gt(e) {
+	let { strings: t, reportError: n } = $(), r = U(() => ({
+		title: t.error.title,
+		reset: t.clear,
+		getDescription: (e) => e ? Y(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
+		unknownError: t.error.unknown
+	}), [t]);
+	return /* @__PURE__ */ q(ht, {
+		...e,
+		labels: r,
+		onError: n
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-list-item.tsx
+function _t({ filter: e, onSelect: t }) {
+	let { strings: n } = $(), r = e.type === X.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
+	return /* @__PURE__ */ J(T, {
+		onSelect: t,
+		children: [!!e.icon && /* @__PURE__ */ q("span", {
+			className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
+			children: e.icon
+		}), /* @__PURE__ */ J("div", {
+			className: "flex min-w-0 flex-col gap-dense leading-tight",
+			children: [/* @__PURE__ */ q(o, {
+				tag: "span",
+				type: "inherit",
+				lineHeight: "tight",
+				weight: "medium",
+				className: "truncate",
+				children: e.label
+			}), !!r && /* @__PURE__ */ q(o, {
+				tag: "span",
+				lineHeight: "tight",
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: r
+			})]
+		})]
+	}, e.key);
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-list-content.tsx
+function vt({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+	let { strings: r } = $(), i = (e) => {
+		n(e);
+	};
+	return /* @__PURE__ */ J(j, {
+		inset: "compact",
+		className: "rounded-none",
+		children: [/* @__PURE__ */ q(E, { placeholder: r.searchFilters }), /* @__PURE__ */ J(O, { children: [
+			/* @__PURE__ */ q(D, { children: r.noFiltersAvailable }),
+			e.length > 0 && /* @__PURE__ */ q(k, {
+				heading: r.availableFilters,
+				children: e.map((e) => /* @__PURE__ */ q(_t, {
+					filter: e,
+					onSelect: () => i(e)
+				}, e.key))
+			}),
+			t.length > 0 && /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(A, {}), /* @__PURE__ */ q(k, {
+				heading: r.activeFilters,
+				children: t.map((e) => /* @__PURE__ */ q(_t, {
+					filter: e,
+					onSelect: () => i(e)
+				}, e.key))
+			})] })
+		] })]
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/range-facet.tsx
+function yt({ filter: e, value: t, onValueChange: n, className: r }) {
+	let [i, a] = G(t.min?.toString() ?? ""), [o, s] = G(t.max?.toString() ?? ""), c = de((e) => {
+		(e.min !== t.min || e.max !== t.max) && n(e);
+	}, e.delay ?? 300);
+	return H(() => (c({
+		min: i ? Number(i) : void 0,
+		max: o ? Number(o) : void 0
+	}), c.cancel), [
+		i,
+		o,
+		c
+	]), /* @__PURE__ */ q(bt, {
+		min: i,
+		max: o,
+		onMinChange: (e) => {
+			let t = e.target.value;
+			(t === "" || /^\d*\.?\d*$/.test(t)) && a(t);
+		},
+		onMaxChange: (e) => {
+			let t = e.target.value;
+			(t === "" || /^\d*\.?\d*$/.test(t)) && s(t);
+		},
+		className: r
+	});
+}
+function bt({ min: e, max: t, onMinChange: n, onMaxChange: i, className: o, invalid: s }) {
+	let { strings: c } = $(), d = be();
+	return /* @__PURE__ */ q(u, {
+		gap: "md",
+		className: r("range-facet--component", o),
+		children: /* @__PURE__ */ J(l, {
+			columns: {
+				base: 1,
+				sm: 2
+			},
+			gap: "md",
+			children: [/* @__PURE__ */ J(u, {
+				gap: "xs",
+				children: [/* @__PURE__ */ q(a, {
+					htmlFor: `${d}-min`,
+					className: "text-inherit",
+					children: c.min
+				}), /* @__PURE__ */ q(F, {
+					id: `${d}-min`,
+					type: "text",
+					inputMode: "decimal",
+					value: e,
+					onChange: n,
+					"aria-invalid": s || void 0,
+					placeholder: c.min,
+					className: "w-full"
+				})]
+			}), /* @__PURE__ */ J(u, {
+				gap: "xs",
+				children: [/* @__PURE__ */ q(a, {
+					htmlFor: `${d}-max`,
+					className: "text-inherit",
+					children: c.max
+				}), /* @__PURE__ */ q(F, {
+					id: `${d}-max`,
+					type: "text",
+					inputMode: "decimal",
+					value: t,
+					onChange: i,
+					"aria-invalid": s || void 0,
+					placeholder: c.max,
+					className: "w-full"
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/range-filter-content.tsx
+function xt(e) {
+	let t = e.trim();
+	if (!t) return "";
+	if (!/^-?(?:\d+\.?\d*|\.\d+)$/.test(t)) return;
+	let n = Number(t);
+	return Number.isFinite(n) ? t : void 0;
+}
+function St({ filter: e, operator: t, value: n, onFilterChange: r, onBackToFilterList: a, onClose: o, triggerSource: s }) {
+	let { strings: c, reportError: l } = $(), [u, d] = Ue(n, t), [f, p] = G(u), [m, g] = G(d);
+	H(() => {
+		p(u), g(d);
+	}, [u, d]);
+	let _ = xt(f), v = xt(m), y = _ === void 0 || v === void 0 || !!(_ && v) && Number(_) > Number(v), b = f !== u || m !== d;
+	function x() {
+		if (!(y || _ === void 0 || v === void 0)) try {
+			r(_ || v ? [_, v] : []), o();
+		} catch (t) {
+			l(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}
+	return /* @__PURE__ */ J("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ q(ut, {
+				title: e.label,
+				onBack: s === "toolbar" ? a : void 0
+			}),
+			/* @__PURE__ */ q("div", {
+				className: h.menuRegion,
+				children: /* @__PURE__ */ q(bt, {
+					min: f,
+					max: m,
+					onMinChange: (e) => p(e.target.value),
+					onMaxChange: (e) => g(e.target.value),
+					invalid: y
+				})
+			}),
+			b && /* @__PURE__ */ q(z, {
+				caption: y ? c.validation.invalidFormat : void 0,
+				children: /* @__PURE__ */ q(i, {
+					tone: "primary",
+					size: "sm",
+					onClick: x,
+					disabled: y,
+					children: c.confirm
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/nested-filter-options.tsx
+function Ct({ filter: e, value: t, multiple: n, onChange: r, header: i }) {
+	let { strings: a } = $(), o = U(() => Je(e.options ?? []), [e.options]), s = pe({
+		items: o,
+		selected: t,
+		open: !0,
+		multiple: n,
+		selectable: e.selectableOptions ?? "leaf",
+		strings: {
+			...he,
+			root: e.label,
+			search: Y(a.searchPlaceholder, { filterLabel: Q(e.label) }),
+			empty: a.noOptionsFound,
+			back: a.previousLevel,
+			selectCurrent: a.selectCurrentLevel
+		},
+		onChange: (e) => r(e == null ? [] : typeof e == "string" ? [e] : [...e])
+	});
+	return /* @__PURE__ */ q(me, {
+		controller: s,
+		header: i,
+		rootInPath: !0,
+		className: "nested-filter-options--component"
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/regular-filter-content.tsx
+function wt({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
+	let { strings: c, reportError: l } = $(), d = e.multiple === !0 || e.type === X.MULTI_SELECT, f = s === "toolbar", [p, m] = G(t || []);
+	H(() => {
+		m(t || []);
+	}, [t]);
+	let h = (t) => {
+		if (d) {
+			let e = p.includes(t) ? p.filter((e) => e !== t) : [...p, t];
+			m(e);
+		} else m([t]), e.closeOnSelect === !0 && (n([t]), a());
+	}, g = (t) => {
+		m(t), !d && e.closeOnSelect === !0 && t.length && (n(t), a());
+	}, _ = () => {
+		try {
+			n(p), a();
+		} catch (t) {
+			l(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}, v = /* @__PURE__ */ q(ut, {
+		title: e.label,
+		onBack: f ? r : void 0
+	}), y = JSON.stringify(p.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ J("div", {
+		className: "flex flex-col",
+		children: [qe(e.options) ? /* @__PURE__ */ q(Ct, {
+			filter: e,
+			value: p,
+			multiple: d,
+			onChange: g,
+			header: v
+		}) : /* @__PURE__ */ J(K, { children: [v, /* @__PURE__ */ J(j, {
+			inset: "flush",
+			className: "rounded-none",
+			children: [/* @__PURE__ */ q(E, { placeholder: Y(c.searchPlaceholder, { filterLabel: Q(e.label) }) }), /* @__PURE__ */ J(O, {
+				className: "max-h-64",
+				children: [/* @__PURE__ */ q(D, { children: /* @__PURE__ */ q(o, {
+					type: "secondary",
+					align: "center",
+					className: "py-space-xl",
+					children: c.noOptionsFound
+				}) }), /* @__PURE__ */ q(k, { children: e.options?.map((e) => {
+					let t = p.includes(e.value);
+					return /* @__PURE__ */ J(T, {
+						onSelect: () => h(e.value),
+						"data-checked": t || void 0,
+						disabled: e.disabled,
+						className: "data-[checked=true]:**:[svg]:text-primary-accent",
+						children: [!!e.icon && /* @__PURE__ */ q("span", {
+							className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
+							children: e.icon
+						}), /* @__PURE__ */ J(u, {
+							gap: "dense",
+							className: "flex min-w-0 flex-1 flex-col leading-tight",
+							children: [/* @__PURE__ */ q(o, {
+								tag: "span",
+								type: "inherit",
+								lineHeight: "tight",
+								weight: t ? "medium" : "regular",
+								className: "truncate",
+								children: e.label
+							}), !!e.description && /* @__PURE__ */ q(o, {
+								tag: "span",
+								size: "xs",
+								lineHeight: "tight",
+								type: "secondary",
+								className: "truncate",
+								children: e.description
+							})]
+						})]
+					}, e.value);
+				}) })]
+			})]
+		})] }), !!y && /* @__PURE__ */ q(z, {
+			caption: Y(c.selected, {
+				count: p.length,
+				filterLabel: Q((p.length > 1 ? e.pluralLabel : e.label) ?? e.label)
+			}),
+			children: /* @__PURE__ */ q(i, {
+				tone: "primary",
+				size: "sm",
+				onClick: _,
+				children: c.confirm
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/tags-facet.tsx
+function Tt({ filter: e, value: n, onValueChange: a, className: s }) {
+	let { defaultScale: c } = t(), l = P(void 0, c), { strings: d } = $(), [f, p] = G(""), m = V(() => {
+		let e = f.trim();
+		e && !n.includes(e) && (a([...n, e]), p(""));
+	}, [
+		f,
+		n,
+		a
+	]), h = V((e) => {
+		a(n.filter((t) => t !== e));
+	}, [n, a]), g = (e) => {
+		e.key === "Enter" && (e.preventDefault(), m());
+	}, _ = V(() => {
+		a([]), p("");
+	}, [a]), v = n.length > 0, y = n.length === 1 ? d.tag : d.tags, b = v ? /* @__PURE__ */ J(u, {
+		gap: "md",
+		className: "tags-facet--summary",
+		children: [/* @__PURE__ */ J(u, {
+			direction: "horizontal",
+			gap: "sm",
+			justify: "between",
+			wrap: !1,
+			children: [/* @__PURE__ */ J(o, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: [
+					n.length,
+					" ",
+					y
+				]
+			}), /* @__PURE__ */ q(i, {
+				onClick: _,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				className: "text-muted-foreground hover:text-foreground",
+				type: "button",
+				"aria-label": d.clearAll,
+				children: d.clearAll
+			})]
+		}), /* @__PURE__ */ q(u, {
+			direction: "horizontal",
+			gap: "md",
+			children: n.map((e) => /* @__PURE__ */ J(S, {
+				tone: "secondary",
+				className: "flex items-center gap-space-sm py-space-2xs pl-space-md pr-space-sm",
+				children: [/* @__PURE__ */ q(o, {
+					tag: "span",
+					size: "xs",
+					children: e
+				}), /* @__PURE__ */ q("button", {
+					onClick: () => h(e),
+					className: r(w.target, w.focus, w.toggle),
+					type: "button",
+					"aria-label": `${d.removeTag} ${e}`,
+					children: /* @__PURE__ */ q(ke, {
+						className: w.icon,
+						"aria-hidden": "true"
+					})
+				})]
+			}, e))
+		})]
+	}) : null;
+	return /* @__PURE__ */ J(u, {
+		gap: "lg",
+		className: r("tags-facet--component", s),
+		children: [/* @__PURE__ */ J(u, {
+			direction: "horizontal",
+			gap: "md",
+			wrap: !1,
+			children: [/* @__PURE__ */ q("div", {
+				className: "relative flex-1",
+				children: /* @__PURE__ */ q(F, {
+					type: "text",
+					value: f,
+					onChange: (e) => p(e.target.value),
+					onKeyDown: g,
+					placeholder: e.placeholder ?? d.enterTag
+				})
+			}), /* @__PURE__ */ J(i, {
+				tone: "primary",
+				onClick: m,
+				disabled: !f.trim(),
+				size: l,
+				iconOnly: !0,
+				className: r(M[l], ie[l]),
+				type: "button",
+				children: [/* @__PURE__ */ q(Oe, { className: "size-icon" }), /* @__PURE__ */ q(o, {
+					tag: "span",
+					size: "pxs",
+					className: "sr-only",
+					children: d.addTag
+				})]
+			})]
+		}), b]
+	});
+}
+var Et = B.memo(Tt);
+Et.displayName = "TagsFacet";
+//#endregion
+//#region src/components/features/filters/partials/tags-filter-content.tsx
+function Dt({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s, reportError: c } = $(), [l, u] = G(t || []), d = o === "toolbar";
+	H(() => {
+		u(t || []);
+	}, [t]);
+	let f = () => {
+		try {
+			n(l), a();
+		} catch (t) {
+			c(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}, p = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ J("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ q(ut, {
+				title: e.label,
+				onBack: d ? r : void 0
+			}),
+			/* @__PURE__ */ q("div", {
+				className: h.menuRegion,
+				children: /* @__PURE__ */ q(Et, {
+					filter: e,
+					value: l,
+					onValueChange: u
+				})
+			}),
+			!!p && /* @__PURE__ */ q(z, { children: /* @__PURE__ */ q(i, {
+				tone: "primary",
+				size: "sm",
+				onClick: f,
+				children: s.confirm
+			}) })
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-popover-content.tsx
+var Ot = "input:not([type=hidden]):not(:disabled), textarea:not(:disabled), button:not(:disabled), [tabindex]:not([tabindex=\"-1\"])";
+function kt(e) {
+	if (!e) return;
+	let t = [...e.querySelectorAll(Ot)].filter((e) => !e.closest(".popover-header--component"));
+	(t.find((e) => e.matches("input, textarea")) ?? t[0])?.focus({ preventScroll: !0 });
+}
+function At({ activeFilterInPopover: e, operator: t, availableFilters: n, activeFilters: i, getFilterValue: a, setFilterValue: o, onFilterSelect: s, onBackToFilterList: c, onClose: l, triggerSource: u = "chip", finalFocus: d }) {
+	let { strings: f, getFilterOperator: p } = $(), h = W(null), g = e?.key ?? null, _ = W(g);
+	H(() => {
+		if (_.current === g) return;
+		_.current = g;
+		let e = h.current;
+		if (!e?.hasAttribute("data-open")) return;
+		kt(e);
+		let t = e.ownerDocument.defaultView, n = t?.requestAnimationFrame(() => {
+			e.ownerDocument.activeElement === e && kt(e);
+		});
+		return () => {
+			n != null && t?.cancelAnimationFrame(n);
+		};
+	}, [g]);
+	let v = e?.type === X.DATE || e?.type === X.TAGS ? "w-auto min-w-80 gap-0 overflow-hidden" : (e?.type, X.ASYNC_SELECT, r(m.md, "gap-0 overflow-hidden")), y = (e, t) => {
+		o(e, t);
+	};
+	return /* @__PURE__ */ q(re, {
+		ref: h,
+		finalFocus: d,
+		type: "menu",
+		"aria-label": e?.label ?? f.addFilter,
+		inset: "flush",
+		className: r("filter-popover-content--component", v),
+		align: "start",
+		children: e ? e.type === X.DATE ? /* @__PURE__ */ q(mt, {
+			filter: e,
+			operator: t ?? p(e.key),
+			value: a(e.key),
+			onFilterChange: (t) => y(e.key, t),
+			onBackToFilterList: c,
+			triggerSource: u
+		}) : e.type === X.RANGE ? /* @__PURE__ */ q(St, {
+			filter: e,
+			operator: t ?? p(e.key) ?? "between",
+			value: a(e.key),
+			onFilterChange: (t) => y(e.key, t),
+			onBackToFilterList: c,
+			onClose: l,
+			triggerSource: u
+		}) : e.type === X.TAGS ? /* @__PURE__ */ q(Dt, {
+			filter: e,
+			value: a(e.key),
+			onFilterChange: (t) => y(e.key, t),
+			onBackToFilterList: c,
+			onClose: l,
+			triggerSource: u
+		}) : e.type === X.ASYNC_SELECT ? /* @__PURE__ */ q(dt, {
+			filter: e,
+			value: a(e.key),
+			onFilterChange: (t) => y(e.key, t),
+			onBackToFilterList: c,
+			onClose: l,
+			triggerSource: u
+		}) : /* @__PURE__ */ q(wt, {
+			filter: e,
+			value: a(e.key),
+			onFilterChange: (t) => y(e.key, t),
+			onBackToFilterList: c,
+			onClose: l,
+			triggerSource: u
+		}) : /* @__PURE__ */ q(vt, {
+			availableFilters: n,
+			activeFilters: i,
+			onFilterSelect: s
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-pill.tsx
+function jt({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
+	let d = W(!1), f = u ?? d, [p, m] = G(!1), h = W(null), g = W(null);
+	return /* @__PURE__ */ q(gt, {
+		filterKey: e.key,
+		children: /* @__PURE__ */ J(ne, {
+			open: p,
+			onOpenChange: (e) => {
+				e && f.current || m(e);
+			},
+			children: [/* @__PURE__ */ J("div", {
+				className: "filter-pill--component filter-pill--anchor relative",
+				children: [/* @__PURE__ */ q(te, {
+					render: /* @__PURE__ */ q("span", {}),
+					nativeButton: !1,
+					tabIndex: -1,
+					"aria-hidden": "true",
+					className: "pointer-events-none absolute inset-0"
+				}), /* @__PURE__ */ q(st, {
+					filter: e,
+					popoverOpen: p,
+					triggerRef: h,
+					value: t,
+					active: n,
+					operators: i,
+					operator: r,
+					onOperatorChange: (e) => {
+						f.current = !0, a(e), m(!1), setTimeout(() => {
+							f.current = !1;
+						}, 100);
+					},
+					onFilterClear: () => {
+						m(!1), s(), h.current?.focus();
+					},
+					onFilterClick: (e) => {
+						f.current || (g.current = e?.currentTarget ?? h.current, m(!0));
+					}
+				})]
+			}), /* @__PURE__ */ q(At, {
+				finalFocus: g,
+				activeFilterInPopover: e,
+				operator: r,
+				availableFilters: c,
+				activeFilters: l,
+				getFilterValue: () => t,
+				setFilterValue: (e, t) => o(t),
+				onFilterSelect: () => {},
+				onBackToFilterList: () => {},
+				onClose: () => m(!1),
+				triggerSource: "chip"
+			})]
+		})
+	});
+}
+jt.displayName = "FilterPill";
+//#endregion
+//#region src/components/features/filters/partials/filters-button.tsx
+function Mt({ triggerRef: e, availableFilters: n, activeFilters: a, activeFilterInPopover: o, getFilterValue: s, setFilterValue: c, setActiveFilterInPopover: l }) {
+	let { defaultScale: u } = t(), d = P(void 0, u), [f, p] = G(!1), { strings: m } = $();
+	return H(() => {
+		f || l(null);
+	}, [f, l]), /* @__PURE__ */ J(ne, {
+		open: f,
+		onOpenChange: p,
+		children: [/* @__PURE__ */ q(te, {
+			asChild: !0,
+			children: /* @__PURE__ */ q(i, {
+				ref: e,
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: d,
+				iconOnly: !0,
+				"aria-label": m.addFilter,
+				className: r("filters-button--component shrink-0", M[d], ie[d]),
+				children: /* @__PURE__ */ q(Ee, { className: "size-icon-sm" })
+			})
+		}), /* @__PURE__ */ q(At, {
+			activeFilterInPopover: o,
+			availableFilters: n,
+			activeFilters: a,
+			getFilterValue: s,
+			setFilterValue: c,
+			onFilterSelect: (e) => {
+				l(e);
+			},
+			onBackToFilterList: () => {
+				l(null);
+			},
+			onClose: () => {
+				l(null), p(!1);
+			},
+			triggerSource: "toolbar"
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-tabs.tsx
+function Nt({ tabs: e }) {
+	let { activeFilters: t, filters: n, replaceFilters: r } = $(), i = U(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== X.SEARCH), [t, n]), a = U(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === X.SEARCH), [t, n]), s = U(() => {
+		for (let t of e) {
+			if (t.presets.length === 0) {
+				if (i.length === 0) return t.id;
+				continue;
+			}
+			if (t.presets.length === i.length && t.presets.every((e) => {
+				let t = i.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, i]), c = V((e) => {
+		if (e.presets.length === 0) {
+			r([...a]);
+			return;
+		}
+		let t = e.presets.map((e) => {
+			let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ? He(t.type) : "equals");
+			return {
+				id: e.key,
+				key: e.key,
+				value: e.value,
+				operator: r
+			};
+		});
+		r([...a, ...t]);
+	}, [
+		n,
+		a,
+		r
+	]);
+	return e.length === 0 ? null : /* @__PURE__ */ q(le, {
+		value: s,
+		onValueChange: (t) => {
+			let n = e.find((e) => e.id === t);
+			n && c(n);
+		},
+		className: "filter-tabs--component",
+		children: /* @__PURE__ */ q(ce, {
+			variant: "chips",
+			role: "group",
+			"aria-orientation": void 0,
+			activateOnFocus: !0,
+			className: "gap-space-md",
+			children: e.map((e) => {
+				let t = s === e.id;
+				return /* @__PURE__ */ J(se, {
+					value: e.id,
+					role: "button",
+					"aria-selected": void 0,
+					"aria-controls": void 0,
+					"aria-pressed": t,
+					className: "filter-tabs--tab",
+					children: [/* @__PURE__ */ q(o, {
+						tag: "span",
+						weight: "medium",
+						className: "text-inherit",
+						children: e.label
+					}), e.count !== void 0 && /* @__PURE__ */ q(o, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						className: "tabular-nums",
+						children: e.count
+					})]
+				}, e.id);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/search-facet.tsx
+var Pt = B.forwardRef(function(e, t) {
+	return /* @__PURE__ */ q(De, {
+		...e,
+		ref: t,
+		className: r("animate-spin", e.className)
+	});
+});
+function Ft({ filter: e, value: t, onValueChange: n, className: i }) {
+	let { strings: a, isNavigating: o } = $(), [s, c] = G(t[0] || ""), l = W(s);
+	H(() => {
+		l.current = s;
+	}, [s]);
+	let u = W(t[0] ?? ""), d = W(!1);
+	H(() => {
+		if (d.current || o) return;
+		let e = l.current;
+		if (!t.length || t[0] === "") {
+			e !== "" && (c(""), u.current = "");
+			return;
+		}
+		t[0] !== void 0 && t[0] !== e && t[0] !== u.current && (c(t[0]), u.current = t[0]);
+	}, [t, o]);
+	let f = de((e) => {
+		u.current = e, d.current = !1, n([e]);
+	}, e.delay ?? 300), p = (e) => {
+		if (u.current === e) {
+			f.cancel(), d.current = !1;
+			return;
+		}
+		f(e);
+	};
+	return /* @__PURE__ */ q("div", {
+		className: r("search-facet--component", "search-facet relative w-full min-w-0 rounded-radius bg-background", i),
+		children: /* @__PURE__ */ q(F, {
+			type: "text",
+			"aria-label": e.label,
+			value: s,
+			onChange: (e) => {
+				d.current = !0;
+				let t = e.target.value;
+				c(t), p(t);
+			},
+			onFocus: () => {
+				d.current = !0;
+			},
+			onBlur: () => {
+				setTimeout(() => {
+					d.current = !1;
+				}, 100);
+			},
+			placeholder: e.placeholder ?? (() => {
+				let t = e.label.trim().toLowerCase();
+				return !t || t === "search" ? Y(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : Y(a.searchPlaceholder, { filterLabel: t });
+			})(),
+			clearable: s.trim() !== "" && !o,
+			endIcon: o ? Pt : void 0,
+			strings: { clear: a.clearSearch }
+		})
+	});
+}
+var It = B.memo(Ft);
+It.displayName = "SearchFacet";
+//#endregion
+//#region src/components/features/filters/partials/search-filters-list.tsx
+function Lt({ filters: e, getFilterValue: t, setFilterValue: n, className: i }) {
+	return /* @__PURE__ */ q(K, { children: e.map((e) => /* @__PURE__ */ J(u, {
+		gap: "lg",
+		className: r("search-filters-list--component", "w-full min-w-0 sm:w-64 sm:flex-none", e.displayConfig.className, i),
+		children: [/* @__PURE__ */ q(It, {
+			filter: e,
+			value: t(e.key),
+			onValueChange: (t) => n(e.key, t)
+		}), !!e.description && /* @__PURE__ */ q(o, {
+			size: "xs",
+			type: "secondary",
+			children: e.description
+		})]
+	}, e.key)) });
+}
+//#endregion
+//#region src/components/features/filters/filter-layout.tsx
+var Rt = {
+	compact: "lg",
+	default: "xl"
+}, zt = {
+	compact: "sm",
+	default: "md"
+};
+function Bt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}, variant: a = "default", showClearFilters: s = !1, tabs: c }) {
+	let { getFilterValue: l, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = $(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = $e({ dynamicFilterOptions: t }), [w, T] = G(null), E = v.find((e) => e.key === w) ?? null, D = V((e) => {
+		T(e?.key ?? null);
+	}, []);
+	H(() => {
+		w !== null && E === null && T(null);
+	}, [w, E]);
+	let O = W(null), k = W(null);
+	function A(e, t) {
+		t.length === 0 && e.displayConfig?.display !== "always" && (k.current = e.key), d(e.key, t);
+	}
+	H(() => {
+		let e = k.current;
+		e !== null && !f(e) && (O.current?.focus(), k.current = null);
+	}, [f]);
+	function j(e) {
+		return e.operators && e.operators.length > 0 ? e.operators : Ve(e.type, _.operators);
+	}
+	function M(e, t) {
+		h(e, t);
+	}
+	return /* @__PURE__ */ J(u, {
+		gap: Rt[a],
+		className: r("filter-layout--component", e),
+		children: [!!c && c.length > 0 && /* @__PURE__ */ q(Nt, { tabs: c }), /* @__PURE__ */ J(u, {
+			direction: "horizontal",
+			align: "center",
+			gap: zt[a],
+			children: [/* @__PURE__ */ q(gt, {
+				filterKey: "search-filters",
+				children: /* @__PURE__ */ q(Lt, {
+					filters: y,
+					getFilterValue: l,
+					setFilterValue: d
+				})
+			}), /* @__PURE__ */ J("div", {
+				className: r("contents", g && "pointer-events-none opacity-60"),
+				children: [
+					Object.entries(n).filter(([, e]) => e).map(([e]) => {
+						let t = v.find((t) => t.key === e)?.label || e;
+						return /* @__PURE__ */ J(u, {
+							direction: "horizontal",
+							gap: "sm",
+							wrap: !1,
+							className: "rounded-radius bg-muted/50 px-control-sm py-space-xs",
+							children: [/* @__PURE__ */ q("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ q(o, {
+								tag: "span",
+								type: "secondary",
+								children: Y(_.loadingOptions, { filterLabel: t })
+							})]
+						}, `loading-${e}`);
+					}),
+					[...b, ...x].map((e) => /* @__PURE__ */ q(jt, {
+						filter: e,
+						value: l(e.key) ?? [],
+						active: f(e.key),
+						operator: m(e.key) || "equals",
+						operators: j(e),
+						onOperatorChange: (t) => M(e.key, t),
+						onValueChange: (t) => A(e, t),
+						onClear: () => A(e, []),
+						availableFilters: S,
+						activeFilters: [...x, ...b]
+					}, e.key)),
+					S.length > 0 && /* @__PURE__ */ q(gt, {
+						filterKey: "filters-button",
+						children: /* @__PURE__ */ q(Mt, {
+							triggerRef: O,
+							availableFilters: S,
+							activeFilters: x,
+							activeFilterInPopover: E,
+							getFilterValue: l,
+							setFilterValue: d,
+							setActiveFilterInPopover: D
+						})
+					}),
+					!!s && C && /* @__PURE__ */ q(i, {
+						tone: "secondary",
+						buttonStyle: "ghost",
+						onClick: p,
+						className: "text-muted-foreground ml-auto",
+						children: _.clearFilters
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/filter-query.ts
+var Vt = "__op", Ht = ["page"], Ut = new Set(Object.values(Z));
+function Wt(e) {
+	let t = {};
+	if (!e) return t;
+	if (e instanceof URLSearchParams) return e.forEach((e, n) => {
+		t[n] = [...t[n] ?? [], e];
+	}), t;
+	for (let [n, r] of Object.entries(e)) {
+		let e = (Array.isArray(r) ? r : [r]).filter((e) => e != null).map((e) => String(e));
+		e.some(Boolean) && (t[n] = e);
+	}
+	return t;
+}
+function Gt(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) r.length !== 0 && (t[n] = r.length === 1 ? r[0] : r);
+	return t;
+}
+function Kt(e, t, n) {
+	let r = e[t] ?? [];
+	return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
+}
+function qt(e, t) {
+	return t.map((e) => e.trim()).filter((e) => e.length > 0).map((t) => {
+		if (!e.parse) return t;
+		let n = e.parse(t);
+		return n == null ? "" : String(n);
+	}).filter((e) => e.length > 0);
+}
+function Jt(e, t) {
+	return t.map((t) => {
+		let n = e.transform ? e.transform(t) : t, r = e.format ? e.format(n) : n;
+		return r == null ? "" : String(r);
+	}).filter((e) => e.length > 0);
+}
+function Yt(e) {
+	return e.operator ?? e.operators?.[0]?.value ?? He(e.type);
+}
+function Xt(e, t, n) {
+	let [r] = t[`${e.key}${n}`] ?? [];
+	return r && Ut.has(r) ? r : Yt(e);
+}
+function Zt(e, t, n) {
+	return e === "always" || e !== "never" && t !== n;
+}
+function Qt(e) {
+	return e.type === X.MULTI_SELECT || e.type === X.TAGS || e.multiple === !0;
+}
+function $t(e, t, n = {}) {
+	let r = n.operatorSuffix ?? Vt, i = n.arrayFormat ?? "repeat", a = Wt(t);
+	return e.flatMap((e) => {
+		let t = Kt(a, e.key, i), n = Xt(e, a, r);
+		if (e.type === X.RANGE) {
+			let i = t.length === 1 && !e.operator && !e.operators?.length && !a[`${e.key}${r}`]?.[0] ? Z.EQUALS : n, o = Ue(t, i).map((t) => qt(e, [t])[0] ?? "");
+			return o.some(Boolean) ? [{
+				id: e.key,
+				key: e.key,
+				operator: i,
+				value: o
+			}] : [];
+		}
+		let o = qt(e, t);
+		if (o.length === 0) return [];
+		let s = e.type === X.DATE && n === Z.BETWEEN;
+		return s && !We(o) ? [] : [{
+			id: e.key,
+			key: e.key,
+			operator: n,
+			value: s || Qt(e) ? o : [o[0]]
+		}];
+	});
+}
+function en(e, t, n, r = {}) {
+	let i = r.operatorSuffix ?? Vt, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? Ht, l = o ? Wt(n) : {}, u = new Map(e.map((e) => [e.key, e]));
+	for (let t of e) delete l[t.key], delete l[`${t.key}${i}`];
+	for (let e of c) delete l[e];
+	for (let e of t) {
+		let t = u.get(e.key);
+		if (!t) continue;
+		let n = t.type === X.RANGE ? Ue(e.value, e.operator).map((e) => e ? Jt(t, [e])[0] ?? "" : "") : Jt(t, e.value);
+		if (!n.some(Boolean) || t.type === X.DATE && e.operator === Z.BETWEEN && !We(n)) continue;
+		l[e.key] = a === "comma" ? [n.join(",")] : n;
+		let r = Yt(t);
+		Zt(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
+	}
+	return Gt(l);
+}
+function tn(e, t, n = {}) {
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? Ht, a = r ? Wt(e) : {}, o = Wt(t);
+	for (let e of i) delete a[e];
+	for (let [e, t] of Object.entries(o)) t.length === 0 ? delete a[e] : a[e] = t;
+	return Gt(a);
+}
+//#endregion
+//#region src/components/features/filters/facets/select-facet.tsx
+function nn({ filter: e, value: n, onValueChange: a, className: s }) {
+	let { defaultScale: c } = t(), l = P(void 0, c), { strings: u } = $(), [d, f] = G(!1), [p, m] = G(""), h = n.length > 0, g = e.options, _ = (t) => {
+		e.multiple ? n.includes(t) ? a(n.filter((e) => e !== t)) : a([...n, t]) : (a([t]), e.closeOnSelect !== !1 && f(!1));
+	}, v = (t) => Ye(e, t) ?? t, y = U(() => qe(g) ? Je(g ?? []) : null, [g]), b = U(() => (g ?? []).map((e) => ({
+		value: e.value,
+		label: e.label,
+		description: e.description,
+		icon: e.icon,
+		selected: n.includes(e.value),
+		disabled: e.disabled
+	})), [g, n]), x = Y(u.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), S = Y(u.selected, {
+		count: n.length,
+		filterLabel: Q((n.length > 1 ? e.pluralLabel : e.label) ?? e.label)
+	});
+	return y ? /* @__PURE__ */ q("div", {
+		className: r("select-facet--component", "relative", s),
+		children: /* @__PURE__ */ q(ge, {
+			items: y,
+			value: e.multiple ? n : n[0] ?? null,
+			multiple: !!e.multiple,
+			selectable: e.selectableOptions ?? "leaf",
+			size: l,
+			"aria-label": e.label,
+			strings: {
+				placeholder: e.placeholder ?? u.select,
+				search: x,
+				empty: u.noOptionsFound,
+				root: e.label,
+				back: u.previousLevel,
+				selectCurrent: u.selectCurrentLevel
+			},
+			renderValue: n.length > 1 ? () => S : void 0,
+			onValueChange: (e) => a(e == null ? [] : typeof e == "string" ? [e] : [...e])
+		})
+	}) : /* @__PURE__ */ q("div", {
+		className: r("select-facet--component", "relative", s),
+		children: /* @__PURE__ */ q(ue, {
+			open: d,
+			onOpenChange: f,
+			search: !0,
+			searchValue: p,
+			onSearchChange: m,
+			strings: {
+				searchPlaceholder: x,
+				empty: u.noOptionsFound
+			},
+			contentClassName: "w-(--anchor-width) min-w-56",
+			trigger: /* @__PURE__ */ J(i, {
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: l,
+				role: "combobox",
+				"aria-expanded": d,
+				className: N(l),
+				children: [h ? n.length === 1 ? /* @__PURE__ */ q(o, {
+					tag: "span",
+					weight: "semibold",
+					className: "truncate",
+					children: v(n[0])
+				}) : /* @__PURE__ */ q(o, {
+					tag: "span",
+					weight: "semibold",
+					children: S
+				}) : /* @__PURE__ */ q(o, {
+					tag: "span",
+					type: "secondary",
+					children: e.placeholder ?? u.select
+				}), /* @__PURE__ */ q(Te, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+			}),
+			items: b,
+			onSelect: (e) => _(e.value)
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/async-select-facet.tsx
+function rn({ filter: e, value: n, onValueChange: a, className: s }) {
+	let { defaultScale: c } = t(), l = P(void 0, c), { strings: d, cacheAsyncOptions: m, getAsyncOptionLabel: h, reportError: g } = $(), [_, v] = G(!1), [y, b] = G(""), x = U(() => /* @__PURE__ */ new Map(), [
+		e.key,
+		e.asyncConfig?.fetcher,
+		e.asyncConfig?.mapToOption
+	]), { options: S, isLoading: C, isFetching: w, isError: A, refetch: M, isBelowMinQuery: F, minQueryLength: I } = lt(e, y, _, { onError: g });
+	H(() => {
+		if (S.length !== 0) {
+			for (let e of S) x.set(e.value, e);
+			m(e.key, S);
+		}
+	}, [
+		m,
+		e.key,
+		x,
+		S
+	]);
+	let ee = e.multiple !== !1, L = e.maxSelected, R = U(() => e.options ?? [], [e.options]), z = U(() => {
+		let t = new Set(n), r = new Set([...R, ...S].map((e) => e.value)), i = [];
+		for (let t of n) if (!r.has(t)) {
+			let n = x.get(t);
+			if (n) i.push(n);
+			else {
+				let n = R.find((e) => e.value === t);
+				if (n) {
+					i.push(n);
+					continue;
+				}
+				let r = h(e.key, t);
+				r && i.push({
+					value: t,
+					label: r,
+					icon: e.icon
+				});
+			}
+		}
+		return [
+			...i,
+			...R,
+			...S
+		].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
+	}, [
+		R,
+		S,
+		n,
+		e.key,
+		e.icon,
+		x,
+		h
+	]), ie = (t) => {
+		if (ee) {
+			if (n.includes(t)) a(n.filter((e) => e !== t));
+			else {
+				if (L && n.length >= L) return;
+				a([...n, t]);
+			}
+		} else a([t]), e.closeOnSelect !== !1 && v(!1);
+	}, ae = (t) => {
+		let n = S.find((e) => e.value === t);
+		if (n) return n.label;
+		let r = R.find((e) => e.value === t);
+		if (r) return r.label;
+		let i = x.get(t);
+		return i ? i.label : h(e.key, t) ?? t;
+	}, oe = n.length > 0, se = U(() => C || w ? /* @__PURE__ */ q(f, {
+		className: "async-select-facet--component",
+		label: d.searching
+	}) : A ? /* @__PURE__ */ q(p, {
+		variant: "inline",
+		title: d.fetchError,
+		action: /* @__PURE__ */ q(i, {
+			tone: "secondary",
+			buttonStyle: "outline",
+			size: "sm",
+			onClick: (e) => {
+				e.stopPropagation(), M();
+			},
+			children: d.retryFetch
+		})
+	}) : F ? /* @__PURE__ */ q("div", {
+		className: "text-muted-foreground flex items-center justify-center py-space-xl",
+		children: /* @__PURE__ */ q(o, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: Y(d.minQueryHint, { min: I })
+		})
+	}) : /* @__PURE__ */ q(o, {
+		tag: "span",
+		type: "secondary",
+		children: d.noOptionsFound
+	}), [
+		C,
+		w,
+		A,
+		F,
+		I,
+		d,
+		M
+	]);
+	return /* @__PURE__ */ q("div", {
+		className: r("async-select-facet--component relative", s),
+		children: /* @__PURE__ */ J(ne, {
+			open: _,
+			onOpenChange: (e) => {
+				v(e), e || b("");
+			},
+			children: [/* @__PURE__ */ q(te, { render: /* @__PURE__ */ J(i, {
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: l,
+				role: "combobox",
+				"aria-expanded": _,
+				className: N(l),
+				children: [oe ? n.length === 1 ? /* @__PURE__ */ q(o, {
+					tag: "span",
+					weight: "semibold",
+					className: "truncate",
+					children: ae(n[0])
+				}) : /* @__PURE__ */ q(o, {
+					tag: "span",
+					weight: "semibold",
+					children: Y(d.selected, {
+						count: n.length,
+						filterLabel: Q((n.length > 1 ? e.pluralLabel : e.label) ?? e.label)
+					})
+				}) : /* @__PURE__ */ q(o, {
+					tag: "span",
+					type: "secondary",
+					children: e.placeholder ?? d.select
+				}), /* @__PURE__ */ q(Te, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+			}) }), /* @__PURE__ */ q(re, {
+				type: "menu",
+				inset: "flush",
+				className: "w-full min-w-70 gap-0",
+				children: /* @__PURE__ */ J(j, {
+					shouldFilter: !1,
+					inset: "flush",
+					className: "rounded-none",
+					children: [/* @__PURE__ */ q(E, {
+						placeholder: Y(d.searchPlaceholder, { filterLabel: e.label }),
+						value: y,
+						onValueChange: b
+					}), /* @__PURE__ */ q(O, { children: z.length === 0 ? /* @__PURE__ */ q(D, { children: se }) : /* @__PURE__ */ J(k, { children: [!(!w || C) && /* @__PURE__ */ J(u, {
+						direction: "horizontal",
+						gap: "sm",
+						wrap: !1,
+						className: "px-control-sm py-space-xs",
+						children: [/* @__PURE__ */ q(De, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ q(o, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: d.searching
+						})]
+					}), z.map((e) => /* @__PURE__ */ J(T, {
+						value: e.value,
+						onSelect: () => ie(e.value),
+						disabled: e.disabled || !!L && n.length >= L && !n.includes(e.value),
+						children: [
+							/* @__PURE__ */ q(Se, { className: r("mr-control-gap size-icon-sm", n.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							!!e.icon && /* @__PURE__ */ q("span", {
+								className: "mr-1.5",
+								children: e.icon
+							}),
+							/* @__PURE__ */ q(o, {
+								tag: "span",
+								children: e.label
+							})
+						]
+					}, e.value))] }) })]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/validators.ts
+function an(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 on(e, t) {
+	return (n) => e(n) ? !0 : t;
+}
+//#endregion
+export { Ve as A, $e as C, ze as D, Be as E, Fe as F, Ne as I, Pe as L, Ie as M, Z as N, He as O, X as P, Y as R, et as S, $ as T, gt as _, tn as a, st as b, Bt as c, Nt as d, Mt as f, yt as g, Et as h, nn as i, Le as j, Re as k, Lt as l, At as m, an as n, $t as o, jt as p, rn as r, en as s, on as t, It as u, pt as v, Qe as w, tt as x, lt as y };
+
+//# sourceMappingURL=filters-Dl80yYtN.js.map