themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/filters-qtrcv1hf.js

@@ -0,0 +1,2203 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { n } from "./buttons-Co6GavvM.js";
+import { a as r, n as i, r as a } from "./typography-Cv8MT-82.js";
+import { r as o, t as s } from "./structure-BvW4vG4H.js";
+import { n as c, t as l } from "./feedback-a9j9J-9A.js";
+import { _ as u, g as d, m as f } from "./primitives-DKPOGVpj.js";
+import { t as p } from "./number-BNT_BIzJ.js";
+import { n as m, t as h } from "./date-BFNMnrS5.js";
+import { t as g } from "./badge-BZXZT9wd.js";
+import { a as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./command-D0kWBZfd.js";
+import { t as w } from "./input-DMorJiTI.js";
+import { t as T } from "./date-picker-DI6kPNof.js";
+import { a as E, c as D, i as O, o as k, r as A, t as j } from "./popover-TInGXsjg.js";
+import { i as M, r as N, t as P } from "./tabs-DY09eoZg.js";
+import { t as F } from "./popover-menu-BzqXqE72.js";
+import { t as I } from "./use-debounced-callback-Cx1h-hdv.js";
+import { t as L } from "./use-debounce-DZ_1ZBPa.js";
+import R, { Component as ee, createContext as te, useCallback as z, useContext as ne, useEffect as B, useId as re, useMemo as V, useRef as H, useState as U } from "react";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { CalendarIcon as ie, Check as ae, ChevronDown as oe, ChevronLeft as se, ChevronsUpDown as ce, Filter as le, Loader2 as ue, Plus as de, X as q } from "lucide-react";
+import { format as fe, isValid as J, parse as pe } from "date-fns";
+//#region src/components/features/filters/filters.strings.ts
+var me = {
+	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",
+	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 he(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 ge = "h-control", 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 _e(e) {
+	return e;
+}
+//#endregion
+//#region src/components/features/filters/operator-options.ts
+function ve(e) {
+	return [
+		{
+			label: e.contains,
+			value: Z.CONTAINS
+		},
+		{
+			label: e.equals,
+			value: Z.EQUALS
+		},
+		{
+			label: e.notContains,
+			value: Z.NOT
+		}
+	];
+}
+function ye(e) {
+	return [{
+		label: e.is,
+		value: Z.EQUALS
+	}, {
+		label: e.isNot,
+		value: Z.NOT
+	}];
+}
+function be(e) {
+	return [
+		{
+			label: e.equals,
+			value: Z.EQUALS
+		},
+		{
+			label: e.greaterThan,
+			value: Z.GT
+		},
+		{
+			label: e.lessThan,
+			value: Z.LT
+		}
+	];
+}
+function xe(e) {
+	return [
+		{
+			label: e.before,
+			value: Z.BEFORE
+		},
+		{
+			label: e.after,
+			value: Z.AFTER
+		},
+		{
+			label: e.between,
+			value: Z.BETWEEN
+		}
+	];
+}
+function Se(e) {
+	return [{
+		label: e.equals,
+		value: Z.EQUALS
+	}];
+}
+function Ce(e, t) {
+	switch (e) {
+		case X.SEARCH: return ve(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 ye(t);
+		case X.RANGE: return be(t);
+		case X.DATE: return xe(t);
+		default: return ve(t);
+	}
+}
+function we(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.EQUALS;
+		case X.DATE: return Z.BEFORE;
+		default: return Z.EQUALS;
+	}
+}
+//#endregion
+//#region src/components/features/filters/utils/filter-utils.ts
+function Te(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 Ee = te(void 0);
+function De({ children: t, filters: n, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
+	let c = H(n), l = H(i), u = H(s);
+	u.current = s;
+	let [d, f] = U(0), p = H(/* @__PURE__ */ new Map()), m = V(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n) {
+			if (t.type !== X.ASYNC_SELECT) continue;
+			let n = t.asyncConfig?.fetcher, r = t.asyncConfig?.mapToOption, i = t.asyncConfig?.limit ?? 10, a = p.current.get(t.key), o = a && a.fetcher === n && a.mapToOption === r;
+			e.set(t.key, o && a.limit === i ? a : {
+				fetcher: n,
+				mapToOption: r,
+				limit: i,
+				options: o ? a.options : /* @__PURE__ */ new Map()
+			});
+		}
+		return e.size === p.current.size && [...e].every(([e, t]) => p.current.get(e) === t) ? p.current : (p.current = e, e);
+	}, [n]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = e(me, o);
+	B(() => {
+		c.current = n;
+	}, [n]), B(() => {
+		l.current = i;
+	}, [i]);
+	let _ = z((e) => {
+		let t = [...r, e];
+		l.current(t);
+	}, [r]), v = z((e) => {
+		let t = r.filter((t) => t.id !== e && t.key !== e);
+		l.current(t);
+	}, [r]), y = z((e, t) => {
+		let n = r.map((n) => n.id === e || n.key === e ? {
+			...n,
+			...t
+		} : n);
+		l.current(n);
+	}, [r]), b = z(() => {
+		l.current([]);
+	}, []), x = z((e) => {
+		l.current(e);
+	}, []), S = z((e) => c.current.find((t) => t.key === e), []), C = z((e) => r.find((t) => t.key === e)?.value || [], [r]), w = z((e, t) => {
+		let n = r.find((t) => t.key === e);
+		if (t.length === 0) n && v(e);
+		else if (n) y(e, { value: t });
+		else {
+			let n = c.current.find((t) => t.key === e), r = n?.operator ?? n?.operators?.[0]?.value ?? (n ? we(n.type) : "equals");
+			_({
+				id: e,
+				key: e,
+				value: t,
+				operator: r
+			});
+		}
+	}, [
+		r,
+		_,
+		v,
+		y
+	]), T = z((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), E = z((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), D = z((e, t) => {
+		r.find((t) => t.key === e) && y(e, { operator: t });
+	}, [r, y]), O = z((e, t) => {
+		let n = c.current.find((t) => t.key === e);
+		return n ? Te(n, t, (e) => he(g, e)) : !1;
+	}, [g]), k = z((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), A = z((e, t) => {
+		let n = m.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 && f((e) => e + 1);
+	}, [m]), j = z((e, t) => m.get(e)?.options.get(t)?.label, [m, d]), M = z((e, t) => {
+		u.current?.(e, t);
+	}, []);
+	B(() => {
+		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(h));
+		for (let [r, i] of m) {
+			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 || A(r, t.map(s));
+			}).catch((e) => t(e, r));
+		}
+		return () => e.abort();
+	}, [
+		h,
+		m,
+		A
+	]);
+	let N = V(() => ({
+		activeFilters: r,
+		filters: n,
+		addFilter: _,
+		removeFilter: v,
+		updateFilter: y,
+		clearFilters: b,
+		replaceFilters: x,
+		getFilterByKey: S,
+		getFilterValue: C,
+		setFilterValue: w,
+		isFilterActive: T,
+		getFilterOperator: E,
+		setFilterOperator: D,
+		validateFilter: O,
+		getDependentFilters: k,
+		isNavigating: a,
+		strings: g,
+		cacheAsyncOptions: A,
+		getAsyncOptionLabel: j,
+		reportError: M
+	}), [
+		r,
+		n,
+		_,
+		v,
+		y,
+		b,
+		x,
+		S,
+		C,
+		w,
+		T,
+		E,
+		D,
+		O,
+		k,
+		a,
+		g,
+		A,
+		j,
+		M
+	]);
+	return /* @__PURE__ */ G(Ee.Provider, {
+		value: N,
+		children: t
+	});
+}
+function Q() {
+	let e = ne(Ee);
+	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 Oe(e = {}) {
+	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = Q(), i = V(() => t ? n.map((e) => {
+		let n = t[e.key];
+		return Array.isArray(n) ? {
+			...e,
+			options: n
+		} : e;
+	}) : n, [n, t]);
+	return V(() => {
+		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 ke({ operator: e, operators: i, onOperatorChange: o, segmentResetClass: s }) {
+	let [c, l] = U(!1), { strings: u } = Q(), d = i.find((t) => t.value === e)?.label || e;
+	return /* @__PURE__ */ G(F, {
+		open: c,
+		onOpenChange: l,
+		search: !1,
+		contentLabel: u.operator,
+		trigger: /* @__PURE__ */ G(n, {
+			tone: "secondary",
+			buttonStyle: "ghost",
+			className: t("filter-operator-select--component", s, "h-full 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__ */ G(r, {
+				tag: "span",
+				type: "secondary",
+				children: d
+			})
+		}),
+		header: /* @__PURE__ */ G(a, {
+			tag: "span",
+			children: u.operator
+		}),
+		contentClassName: "w-48",
+		items: i.map((t) => ({
+			value: t.value,
+			label: t.label,
+			selected: t.value === e
+		})),
+		onSelect: (e) => {
+			o(e.value), l(!1);
+		}
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-value-display.tsx
+function Ae({ filter: e, value: t }) {
+	let { strings: n } = Q();
+	return t.length === 0 && e.type !== X.DATE ? /* @__PURE__ */ G(r, {
+		tag: "span",
+		type: "secondary",
+		className: "filter-value-display--component leading-none",
+		children: n.nothingSelected
+	}) : e.type === X.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ G(r, {
+		tag: "span",
+		weight: "semibold",
+		className: "filter-value-display--component leading-none",
+		children: Me(e, t, n)
+	}) : e.options && e.type !== X.DATE ? /* @__PURE__ */ K(s, {
+		direction: "horizontal",
+		gap: "xs",
+		wrap: !1,
+		className: "filter-value-display--component",
+		children: [/* @__PURE__ */ K("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__ */ G("div", {
+					className: `${n > 0 ? "-ml-space-sm" : ""} border-background bg-background relative rounded-full border`,
+					style: { zIndex: 10 - n },
+					children: r.icon
+				}, t) : null;
+			}), t.length > 2 && /* @__PURE__ */ G("div", {
+				className: "bg-muted border-background relative -ml-space-sm flex size-icon items-center justify-center rounded-full border",
+				children: /* @__PURE__ */ K(r, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					children: ["+", /* @__PURE__ */ G(p, {
+						value: t.length - 2,
+						size: "inherit",
+						align: "center"
+					})]
+				})
+			})]
+		}), /* @__PURE__ */ G(r, {
+			tag: "span",
+			weight: "semibold",
+			className: "truncate leading-none",
+			children: Ne(e, t, n)
+		})]
+	}) : e.type === X.DATE ? /* @__PURE__ */ K(s, {
+		direction: "horizontal",
+		gap: "xs",
+		wrap: !1,
+		className: "filter-value-display--component",
+		children: [/* @__PURE__ */ G(ie, { className: "text-muted-foreground size-icon-sm" }), je(e, t, n)]
+	}) : /* @__PURE__ */ G(r, {
+		tag: "span",
+		weight: "semibold",
+		className: "filter-value-display--component truncate leading-none",
+		children: Ne(e, t, n)
+	});
+}
+function je(e, t, n) {
+	return e.operator === "between" && t.length === 2 ? Ie(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? Fe(t[0], e.dateFormat?.display) : t.length === 2 ? Ie(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ G(u, {
+		weight: "semibold",
+		className: "truncate leading-none",
+		children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected
+	});
+}
+function Me(e, t, n) {
+	return t.length === 0 ? "" : Y(n.selected, {
+		count: t.length,
+		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
+	});
+}
+function Ne(e, t, n) {
+	return t.length > 1 ? Y(n.selected, {
+		count: t.length,
+		filterLabel: e.pluralLabel ?? e.label
+	}) : t.map((t) => e.options?.find((e) => e.value === t)?.label || t).join(", ");
+}
+function Pe(e) {
+	let t = new Date(e);
+	return !Number.isNaN(t.getTime());
+}
+function Fe(e, t) {
+	return Pe(e) ? /* @__PURE__ */ G(h, {
+		value: e,
+		format: t,
+		weight: "semibold",
+		className: "truncate leading-none"
+	}) : /* @__PURE__ */ G(u, {
+		weight: "semibold",
+		className: "truncate leading-none",
+		children: e
+	});
+}
+function Ie(e, t, n) {
+	return Pe(e) && Pe(t) ? /* @__PURE__ */ G(m, {
+		from: e,
+		to: t,
+		format: n,
+		weight: "semibold",
+		className: "truncate leading-none"
+	}) : /* @__PURE__ */ K("span", {
+		className: "inline-flex min-w-0 items-center gap-space-xs truncate leading-none",
+		children: [
+			Fe(e, n),
+			/* @__PURE__ */ G(u, {
+				weight: "semibold",
+				children: "–"
+			}),
+			Fe(t, n)
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/active-filter-item.tsx
+function Le({ filter: e, value: i, active: a, popoverOpen: o, triggerRef: s, operators: c, operator: l, onOperatorChange: u, onFilterClear: d, onFilterClick: f }) {
+	let { strings: p } = Q(), m = R.useId(), h = R.useId(), g = "!border-0 !rounded-none !shadow-none focus-visible:!ring-0 focus-visible:!border-transparent", _ = () => /* @__PURE__ */ G("div", {
+		"aria-hidden": !0,
+		className: "w-px self-stretch bg-border"
+	});
+	return /* @__PURE__ */ K("div", {
+		role: "group",
+		"aria-label": e.label,
+		"data-active": a || void 0,
+		className: t("active-filter-item--component", `border-input bg-background flex ${ge} items-center overflow-hidden rounded-radius border`, e.displayConfig?.className),
+		children: [
+			/* @__PURE__ */ K(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				className: t(g, "flex h-full items-center gap-space-sm px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+				ref: s,
+				"aria-haspopup": "dialog",
+				"aria-expanded": o,
+				onClick: f,
+				children: [
+					!!e.icon && /* @__PURE__ */ G("span", {
+						className: "flex items-center text-muted-foreground",
+						children: e.icon
+					}),
+					/* @__PURE__ */ G(r, {
+						id: m,
+						tag: "span",
+						weight: "semibold",
+						children: e.label
+					}),
+					/* @__PURE__ */ G(oe, { className: "size-icon-sm" })
+				]
+			}),
+			/* @__PURE__ */ G(_, {}),
+			/* @__PURE__ */ G(ke, {
+				operator: l,
+				operators: c,
+				onOperatorChange: u,
+				segmentResetClass: g
+			}),
+			/* @__PURE__ */ G(_, {}),
+			/* @__PURE__ */ G(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-labelledby": `${m} ${h}`,
+				"aria-haspopup": "dialog",
+				"aria-expanded": o,
+				onClick: f,
+				className: t(g, "flex h-full 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__ */ G("span", {
+					id: h,
+					className: "min-w-0",
+					children: /* @__PURE__ */ G(Ae, {
+						filter: e,
+						value: i
+					})
+				})
+			}),
+			!!a && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(_, {}), /* @__PURE__ */ K(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				className: t(g, "flex h-full shrink-0 items-center justify-center px-space-sm text-muted-foreground hover:bg-accent hover:text-foreground"),
+				onClick: (e) => {
+					e.stopPropagation(), e.preventDefault(), d();
+				},
+				children: [/* @__PURE__ */ G(q, {
+					"aria-hidden": "true",
+					className: "size-icon"
+				}), /* @__PURE__ */ G(r, {
+					tag: "span",
+					className: "sr-only",
+					children: p.clear
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/hooks/use-async-options.ts
+function Re(e, t, n) {
+	for (let [t, r] of e) Date.now() - r.timestamp > n && e.delete(t);
+	return e.get(t);
+}
+function ze(e, t, n, r = {}) {
+	let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = V(() => /* @__PURE__ */ new Map(), [
+		e.key,
+		a,
+		o
+	]), c = H(r.onError);
+	c.current = r.onError;
+	let l = i?.debounceMs ?? e.delay ?? 300, u = (L(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 = V(() => i?.queryKey ? JSON.stringify(i.queryKey({
+		query: u,
+		limit: d
+	})) : JSON.stringify([
+		"filter",
+		e.key,
+		u,
+		d
+	]), [
+		i,
+		e.key,
+		u,
+		d
+	]), x = z(async (e) => a && o ? (await a({
+		query: u,
+		limit: d,
+		signal: e
+	})).map(o) : [], [
+		a,
+		o,
+		u,
+		d
+	]), [S, C] = U(() => {
+		let e = Re(s, b, h);
+		return {
+			cache: s,
+			data: e?.data ?? [],
+			loading: !1,
+			fetching: !1,
+			error: !1
+		};
+	}), [w, T] = U(0), E = z(() => T((e) => e + 1), []), D = H(0);
+	return B(() => {
+		let t = D.current !== w;
+		if (D.current = w, !v) return;
+		let n = Re(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/async-filter-content.tsx
+function Be({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onClose: o, triggerSource: u = "chip" }) {
+	let { strings: d, cacheAsyncOptions: f, getAsyncOptionLabel: p, reportError: m } = Q(), [h, g] = U(""), [S, w] = U(t ?? []), T = H(t);
+	if (t !== T.current) {
+		let e = T.current ?? [], n = t ?? [];
+		T.current = t, (n.length !== e.length || n.some((t, n) => t !== e[n])) && w(n);
+	}
+	let { options: E, isLoading: D, isFetching: k, isError: j, refetch: M, isBelowMinQuery: N, minQueryLength: P } = ze(e, h, !0, { onError: m });
+	B(() => {
+		E.length > 0 && f(e.key, E);
+	}, [
+		f,
+		e.key,
+		E
+	]);
+	let F = e.multiple !== !1, I = e.maxSelected, L = u === "toolbar", R = S.length !== t.length || S.some((e) => !t.includes(e)), ee = V(() => {
+		let t = new Set(S), n = new Set(E.map((e) => e.value)), r = [];
+		for (let t of S) if (!n.has(t)) {
+			let n = p(e.key, t);
+			n && r.push({
+				value: t,
+				label: n,
+				icon: e.icon
+			});
+		}
+		return [...r, ...E].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
+	}, [
+		E,
+		S,
+		e.key,
+		e.icon,
+		p
+	]), te = (t) => {
+		if (F) {
+			if (S.includes(t)) w(S.filter((e) => e !== t));
+			else {
+				if (I && S.length >= I) return;
+				w([...S, t]);
+			}
+		} else w([t]), e.closeOnSelect === !0 && (i([t]), o());
+	}, z = () => {
+		i(S), o();
+	}, ne = V(() => D || k ? /* @__PURE__ */ G(c, { label: d.searching }) : j ? /* @__PURE__ */ G(l, {
+		variant: "inline",
+		title: d.fetchError,
+		action: /* @__PURE__ */ G(n, {
+			tone: "secondary",
+			buttonStyle: "outline",
+			size: "sm",
+			onClick: (e) => {
+				e.stopPropagation(), M();
+			},
+			children: d.retryFetch
+		})
+	}) : N ? /* @__PURE__ */ G("div", {
+		className: "text-muted-foreground flex items-center justify-center py-space-xl",
+		children: /* @__PURE__ */ G(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: Y(d.minQueryHint, { min: P })
+		})
+	}) : d.noOptionsFound, [
+		D,
+		k,
+		j,
+		N,
+		P,
+		d,
+		M
+	]);
+	return /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ K(O, {
+			start: L ? /* @__PURE__ */ G(n, {
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				className: "shrink-0",
+				onClick: a,
+				"aria-label": d.backToFilters,
+				children: /* @__PURE__ */ G(se, {
+					"aria-hidden": "true",
+					className: "size-icon-sm rtl:rotate-180"
+				})
+			}) : void 0,
+			children: [/* @__PURE__ */ G(r, {
+				tag: "span",
+				weight: "semibold",
+				children: e.label
+			}), /* @__PURE__ */ G(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: d.selectValues
+			})]
+		}),
+		/* @__PURE__ */ K(C, {
+			shouldFilter: !1,
+			inset: "flush",
+			className: "rounded-none",
+			children: [/* @__PURE__ */ G(v, {
+				placeholder: Y(d.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
+				value: h,
+				onValueChange: g
+			}), /* @__PURE__ */ G(b, { children: ee.length === 0 ? /* @__PURE__ */ G(y, { children: ne }) : /* @__PURE__ */ K(x, { children: [!(!k || D) && /* @__PURE__ */ K(s, {
+				direction: "horizontal",
+				gap: "sm",
+				wrap: !1,
+				className: "px-control-sm py-space-xs",
+				children: [/* @__PURE__ */ G(ue, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ G(r, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: d.searching
+				})]
+			}), ee.map((e) => /* @__PURE__ */ K(_, {
+				onSelect: () => te(e.value),
+				"data-checked": S.includes(e.value) || void 0,
+				disabled: e.disabled || !!I && S.length >= I && !S.includes(e.value),
+				className: "flex items-center gap-space-sm",
+				children: [e.icon, /* @__PURE__ */ G(r, {
+					tag: "span",
+					lineHeight: "tight",
+					children: e.label
+				})]
+			}, e.value))] }) })]
+		}),
+		R && /* @__PURE__ */ G(A, {
+			caption: Y(d.selected, {
+				count: S.length,
+				filterLabel: (S.length > 1 ? e.pluralLabel : e.label) ?? e.label
+			}),
+			children: /* @__PURE__ */ G(n, {
+				tone: "primary",
+				size: "sm",
+				onClick: z,
+				children: d.confirm
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/components/features/filters/facets/date-facet.tsx
+var Ve = [];
+function He({ filter: e, value: n, onValueChange: r, className: i }) {
+	let { strings: a } = Q(), 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 && (n.start || n.end) ? {
+		from: n.start,
+		to: n.end
+	} : void 0, m = !o && n.start && J(n.start) ? n.start : void 0, h = {
+		format: s,
+		readableFormat: c,
+		placeholder: l,
+		disablePortal: !0,
+		numberOfMonths: 1,
+		className: t("date-facet--component", "w-full", i)
+	};
+	return o ? /* @__PURE__ */ G(T, {
+		mode: "range",
+		value: p,
+		onValueChange: (e) => {
+			r({
+				start: e.range?.from ?? void 0,
+				end: e.range?.to ?? void 0
+			});
+		},
+		withConfirm: u,
+		closeOnSelect: d,
+		presets: f ? void 0 : Ve,
+		...h
+	}) : /* @__PURE__ */ G(T, {
+		mode: "single",
+		value: m,
+		onValueChange: (e) => {
+			r({
+				start: e.date ?? void 0,
+				end: void 0
+			});
+		},
+		closeOnSelect: d,
+		...h
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/date-filter-content.tsx
+function Ue({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, triggerSource: a = "chip" }) {
+	let { strings: o } = Q(), s = (t) => {
+		if (!t) return;
+		if (e.dateFormat?.param) {
+			let n = pe(t, e.dateFormat.param, /* @__PURE__ */ new Date());
+			return J(n) ? n : void 0;
+		}
+		let n = new Date(t);
+		return J(n) ? n : void 0;
+	}, c = s(t[0]), l = s(t[1]), u = (t) => {
+		if (t && J(t)) return fe(t, e.dateFormat?.param ?? "yyyy-MM-dd");
+	}, d = ({ start: e, end: t }) => {
+		let n = [], i = u(e), a = u(t);
+		i && n.push(i), a && n.push(a), r(n);
+	}, f = a === "toolbar", p = {
+		start: c,
+		end: l
+	};
+	return /* @__PURE__ */ K("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ G(O, {
+			start: f ? /* @__PURE__ */ G(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				onClick: i,
+				className: "shrink-0",
+				"aria-label": o.backToFilters,
+				children: /* @__PURE__ */ G(se, {
+					"aria-hidden": "true",
+					className: "size-icon-sm rtl:rotate-180"
+				})
+			}) : void 0,
+			children: /* @__PURE__ */ G(E, { children: e.label })
+		}), /* @__PURE__ */ G("div", {
+			className: "p-surface",
+			children: /* @__PURE__ */ G(He, {
+				filter: e,
+				value: p,
+				onValueChange: d
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-error-boundary.tsx
+var We = class extends ee {
+	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: i } = this.props;
+			return e ? /* @__PURE__ */ G("div", {
+				className: "filter-error-boundary--component contents",
+				children: e
+			}) : /* @__PURE__ */ K("div", {
+				className: "filter-error-boundary--component rounded-radius-md border border-destructive/30 bg-destructive/10 p-surface-xs text-destructive",
+				children: [
+					/* @__PURE__ */ K("div", {
+						className: "mb-space-xs flex items-center justify-between",
+						children: [/* @__PURE__ */ G(r, {
+							tag: "span",
+							weight: "semibold",
+							children: i.title
+						}), /* @__PURE__ */ G(n, {
+							type: "button",
+							tone: "destructive",
+							buttonStyle: "ghost",
+							size: "sm",
+							iconOnly: !0,
+							onClick: this.handleReset,
+							className: "rounded-full p-0",
+							"aria-label": i.reset,
+							children: /* @__PURE__ */ G(q, { className: "size-icon-sm" })
+						})]
+					}),
+					/* @__PURE__ */ G(r, { children: i.getDescription(t) }),
+					/* @__PURE__ */ G(f, {
+						size: "xs",
+						className: "mt-space-xs text-destructive",
+						children: this.state.error?.message || i.unknownError
+					})
+				]
+			});
+		}
+		return /* @__PURE__ */ G("div", {
+			className: "filter-error-boundary--component contents",
+			children: this.props.children
+		});
+	}
+};
+function $(e) {
+	let { strings: t, reportError: n } = Q(), r = V(() => ({
+		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__ */ G(We, {
+		...e,
+		labels: r,
+		onError: n
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-list-item.tsx
+function Ge({ filter: e, onSelect: t }) {
+	let { strings: n } = Q(), i = e.type === X.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
+	return /* @__PURE__ */ K(_, {
+		onSelect: t,
+		children: [!!e.icon && /* @__PURE__ */ G("span", {
+			className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
+			children: e.icon
+		}), /* @__PURE__ */ K("div", {
+			className: "flex min-w-0 flex-col gap-dense leading-tight",
+			children: [/* @__PURE__ */ G(r, {
+				tag: "span",
+				lineHeight: "tight",
+				weight: "medium",
+				className: "truncate",
+				children: e.label
+			}), !!i && /* @__PURE__ */ G(r, {
+				tag: "span",
+				lineHeight: "tight",
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: i
+			})]
+		})]
+	}, e.key);
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-list-content.tsx
+function Ke({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+	let { strings: r } = Q(), i = (e) => {
+		n(e);
+	};
+	return /* @__PURE__ */ K(C, {
+		inset: "compact",
+		className: "rounded-none",
+		children: [/* @__PURE__ */ G(v, { placeholder: r.searchFilters }), /* @__PURE__ */ K(b, { children: [
+			/* @__PURE__ */ G(y, { children: r.noFiltersAvailable }),
+			e.length > 0 && /* @__PURE__ */ G(x, {
+				heading: r.availableFilters,
+				children: e.map((e) => /* @__PURE__ */ G(Ge, {
+					filter: e,
+					onSelect: () => i(e)
+				}, e.key))
+			}),
+			t.length > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(S, {}), /* @__PURE__ */ G(x, {
+				heading: r.activeFilters,
+				children: t.map((e) => /* @__PURE__ */ G(Ge, {
+					filter: e,
+					onSelect: () => i(e)
+				}, e.key))
+			})] })
+		] })]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/regular-filter-content.tsx
+function qe({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onClose: o, triggerSource: s = "chip" }) {
+	let { strings: c, reportError: l } = Q(), u = e.multiple === !0 || e.type === X.MULTI_SELECT, d = s === "toolbar", [f, p] = U(t || []);
+	B(() => {
+		p(t || []);
+	}, [t]);
+	let m = (t) => {
+		if (u) {
+			let e = f.includes(t) ? f.filter((e) => e !== t) : [...f, t];
+			p(e);
+		} else p([t]), e.closeOnSelect === !0 && (i([t]), o());
+	}, h = () => {
+		try {
+			i(f), o();
+		} catch (t) {
+			l(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}, g = JSON.stringify(f.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ K("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ G(O, {
+				start: d ? /* @__PURE__ */ G(n, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					onClick: a,
+					className: "shrink-0",
+					"aria-label": c.backToFilters,
+					children: /* @__PURE__ */ G(se, {
+						"aria-hidden": "true",
+						className: "size-icon-sm rtl:rotate-180"
+					})
+				}) : void 0,
+				children: /* @__PURE__ */ G(r, {
+					tag: "span",
+					weight: "semibold",
+					children: e.label
+				})
+			}),
+			/* @__PURE__ */ K(C, {
+				inset: "flush",
+				className: "rounded-none",
+				children: [/* @__PURE__ */ G(v, { placeholder: Y(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }) }), /* @__PURE__ */ K(b, {
+					className: "max-h-64",
+					children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ G(r, {
+						type: "secondary",
+						align: "center",
+						className: "py-space-xl",
+						children: c.noOptionsFound
+					}) }), /* @__PURE__ */ G(x, { children: e.options?.map((e) => {
+						let t = f.includes(e.value);
+						return /* @__PURE__ */ K(_, {
+							onSelect: () => m(e.value),
+							"data-checked": t || void 0,
+							disabled: e.disabled,
+							className: "data-[checked=true]:**:[svg]:text-primary-accent",
+							children: [!!e.icon && /* @__PURE__ */ G("span", {
+								className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
+								children: e.icon
+							}), /* @__PURE__ */ K("div", {
+								className: "flex min-w-0 flex-1 flex-col leading-tight",
+								children: [/* @__PURE__ */ G(r, {
+									tag: "span",
+									lineHeight: "tight",
+									weight: t ? "medium" : "regular",
+									className: "truncate",
+									children: e.label
+								}), !!e.description && /* @__PURE__ */ G(r, {
+									tag: "span",
+									size: "xs",
+									lineHeight: "tight",
+									type: "secondary",
+									className: "truncate mt-space-2xs",
+									children: e.description
+								})]
+							})]
+						}, e.value);
+					}) })]
+				})]
+			}),
+			!!g && /* @__PURE__ */ G(A, {
+				caption: Y(c.selected, {
+					count: f.length,
+					filterLabel: (f.length > 1 ? e.pluralLabel : e.label) ?? e.label
+				}),
+				children: /* @__PURE__ */ G(n, {
+					tone: "primary",
+					size: "sm",
+					onClick: h,
+					children: c.confirm
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/tags-facet.tsx
+function Je({ filter: e, value: i, onValueChange: a, className: o }) {
+	let { strings: c } = Q(), [l, u] = U(""), d = z(() => {
+		let e = l.trim();
+		e && !i.includes(e) && (a([...i, e]), u(""));
+	}, [
+		l,
+		i,
+		a
+	]), f = z((e) => {
+		a(i.filter((t) => t !== e));
+	}, [i, a]), p = (e) => {
+		e.key === "Enter" && (e.preventDefault(), d());
+	}, m = z(() => {
+		a([]), u("");
+	}, [a]), h = i.length > 0, _ = i.length === 1 ? c.tag : c.tags, v = h ? /* @__PURE__ */ K(s, {
+		gap: "md",
+		className: "tags-facet--summary",
+		children: [/* @__PURE__ */ K(s, {
+			direction: "horizontal",
+			gap: "sm",
+			justify: "between",
+			wrap: !1,
+			children: [/* @__PURE__ */ K(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: [
+					i.length,
+					" ",
+					_
+				]
+			}), /* @__PURE__ */ G(n, {
+				onClick: m,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				className: "h-auto px-space-sm py-0 text-muted-foreground hover:text-foreground",
+				type: "button",
+				"aria-label": c.clearAll,
+				children: c.clearAll
+			})]
+		}), /* @__PURE__ */ G(s, {
+			direction: "horizontal",
+			gap: "md",
+			children: i.map((e) => /* @__PURE__ */ K(g, {
+				tone: "secondary",
+				className: "flex items-center gap-space-sm py-space-2xs pl-space-md pr-space-sm",
+				children: [/* @__PURE__ */ G(r, {
+					tag: "span",
+					size: "xs",
+					children: e
+				}), /* @__PURE__ */ G(n, {
+					onClick: () => f(e),
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					className: "ml-space-sm size-icon rounded-full p-0 hover:bg-muted-foreground/20",
+					type: "button",
+					"aria-label": `${c.removeTag} ${e}`,
+					children: /* @__PURE__ */ G(q, { className: "size-icon-sm" })
+				})]
+			}, e))
+		})]
+	}) : null;
+	return /* @__PURE__ */ K(s, {
+		gap: "lg",
+		className: t("tags-facet--component", o),
+		children: [/* @__PURE__ */ K(s, {
+			direction: "horizontal",
+			gap: "md",
+			wrap: !1,
+			children: [/* @__PURE__ */ G("div", {
+				className: "relative flex-1",
+				children: /* @__PURE__ */ G(w, {
+					type: "text",
+					value: l,
+					onChange: (e) => u(e.target.value),
+					onKeyDown: p,
+					placeholder: e.placeholder ?? c.enterTag,
+					className: ge
+				})
+			}), /* @__PURE__ */ K(n, {
+				onClick: d,
+				disabled: !l.trim(),
+				size: "md",
+				className: ge,
+				type: "button",
+				children: [/* @__PURE__ */ G(de, { className: "size-icon" }), /* @__PURE__ */ G(r, {
+					tag: "span",
+					size: "pxs",
+					className: "sr-only",
+					children: c.addTag
+				})]
+			})]
+		}), v]
+	});
+}
+var Ye = R.memo(Je);
+Ye.displayName = "TagsFacet";
+//#endregion
+//#region src/components/features/filters/partials/tags-filter-content.tsx
+function Xe({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s, reportError: c } = Q(), [l, u] = U(t || []), f = o === "toolbar", p = l.length === 1 ? s.tag : s.tags;
+	B(() => {
+		u(t || []);
+	}, [t]);
+	let m = () => {
+		try {
+			r(l), a();
+		} catch (t) {
+			c(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}, h = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ K("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ G(O, {
+				start: f ? /* @__PURE__ */ G(n, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					onClick: i,
+					className: "shrink-0",
+					"aria-label": s.backToFilters,
+					children: /* @__PURE__ */ G(se, {
+						"aria-hidden": "true",
+						className: "size-icon-sm rtl:rotate-180"
+					})
+				}) : void 0,
+				children: /* @__PURE__ */ G(E, { children: e.label })
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "p-surface",
+				children: /* @__PURE__ */ G(Ye, {
+					filter: e,
+					value: l,
+					onValueChange: u
+				})
+			}),
+			!!h && /* @__PURE__ */ G(A, {
+				caption: /* @__PURE__ */ K(d, {
+					size: "xs",
+					className: "tabular-nums",
+					children: [
+						l.length,
+						" ",
+						p
+					]
+				}),
+				children: /* @__PURE__ */ G(n, {
+					tone: "primary",
+					size: "sm",
+					onClick: m,
+					children: s.confirm
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-popover-content.tsx
+function Ze({ activeFilterInPopover: e, availableFilters: n, activeFilters: r, getFilterValue: i, setFilterValue: a, onFilterSelect: o, onBackToFilterList: s, onClose: c, triggerSource: l = "chip", finalFocus: u }) {
+	let { strings: d } = Q(), f = e?.type === X.DATE || e?.type === X.TAGS ? "w-auto min-w-80 gap-0 overflow-hidden" : e?.type === X.ASYNC_SELECT ? "w-72 gap-0 overflow-hidden" : "w-64 gap-0 overflow-hidden", p = (e, t) => {
+		a(e, t);
+	};
+	return /* @__PURE__ */ G(j, {
+		finalFocus: u,
+		type: e?.type === X.DATE || e?.type === X.TAGS ? "display" : "menu",
+		"aria-label": e?.label ?? d.addFilter,
+		inset: "flush",
+		className: t("filter-popover-content--component", f),
+		align: "start",
+		children: e ? e.type === X.DATE ? /* @__PURE__ */ G(Ue, {
+			filter: e,
+			value: i(e.key),
+			onFilterChange: (t) => p(e.key, t),
+			onBackToFilterList: s,
+			triggerSource: l
+		}) : e.type === X.TAGS ? /* @__PURE__ */ G(Xe, {
+			filter: e,
+			value: i(e.key),
+			onFilterChange: (t) => p(e.key, t),
+			onBackToFilterList: s,
+			onClose: c,
+			triggerSource: l
+		}) : e.type === X.ASYNC_SELECT ? /* @__PURE__ */ G(Be, {
+			filter: e,
+			value: i(e.key),
+			onFilterChange: (t) => p(e.key, t),
+			onBackToFilterList: s,
+			onClose: c,
+			triggerSource: l
+		}) : /* @__PURE__ */ G(qe, {
+			filter: e,
+			value: i(e.key),
+			onFilterChange: (t) => p(e.key, t),
+			onBackToFilterList: s,
+			onClose: c,
+			triggerSource: l
+		}) : /* @__PURE__ */ G(Ke, {
+			availableFilters: n,
+			activeFilters: r,
+			onFilterSelect: o
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-pill.tsx
+function Qe({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
+	let d = H(!1), f = u ?? d, [p, m] = U(!1), h = H(null), g = H(null);
+	return /* @__PURE__ */ G($, {
+		filterKey: e.key,
+		children: /* @__PURE__ */ K(k, {
+			open: p,
+			onOpenChange: (e) => {
+				e && f.current || m(e);
+			},
+			children: [/* @__PURE__ */ K("div", {
+				className: "filter-pill--component filter-pill--anchor relative",
+				children: [/* @__PURE__ */ G(D, {
+					render: /* @__PURE__ */ G("span", {}),
+					nativeButton: !1,
+					tabIndex: -1,
+					"aria-hidden": "true",
+					className: "pointer-events-none absolute inset-0"
+				}), /* @__PURE__ */ G(Le, {
+					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__ */ G(Ze, {
+				finalFocus: g,
+				activeFilterInPopover: e,
+				availableFilters: c,
+				activeFilters: l,
+				getFilterValue: () => t,
+				setFilterValue: (e, t) => o(t),
+				onFilterSelect: () => {},
+				onBackToFilterList: () => {},
+				onClose: () => m(!1),
+				triggerSource: "chip"
+			})]
+		})
+	});
+}
+Qe.displayName = "FilterPill";
+//#endregion
+//#region src/components/features/filters/partials/filters-button.tsx
+function $e({ triggerRef: e, availableFilters: t, activeFilters: r, activeFilterInPopover: i, getFilterValue: a, setFilterValue: o, setActiveFilterInPopover: s }) {
+	let [c, l] = U(!1), { strings: u } = Q();
+	return B(() => {
+		c || s(null);
+	}, [c, s]), /* @__PURE__ */ K(k, {
+		open: c,
+		onOpenChange: l,
+		children: [/* @__PURE__ */ G(D, {
+			asChild: !0,
+			children: /* @__PURE__ */ G(n, {
+				ref: e,
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: "md",
+				iconOnly: !0,
+				"aria-label": u.addFilter,
+				className: "filters-button--component shrink-0",
+				children: /* @__PURE__ */ G(le, { className: "size-icon-sm" })
+			})
+		}), /* @__PURE__ */ G(Ze, {
+			activeFilterInPopover: i,
+			availableFilters: t,
+			activeFilters: r,
+			getFilterValue: a,
+			setFilterValue: o,
+			onFilterSelect: (e) => {
+				s(e);
+			},
+			onBackToFilterList: () => {
+				s(null);
+			},
+			onClose: () => {
+				s(null), l(!1);
+			},
+			triggerSource: "toolbar"
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/partials/filter-tabs.tsx
+function et({ tabs: e }) {
+	let { activeFilters: n, filters: i, replaceFilters: a } = Q(), o = V(() => n.filter((e) => i.find((t) => t.key === e.key)?.type !== X.SEARCH), [n, i]), s = V(() => n.filter((e) => i.find((t) => t.key === e.key)?.type === X.SEARCH), [n, i]), c = V(() => {
+		for (let t of e) {
+			if (t.presets.length === 0) {
+				if (o.length === 0) return t.id;
+				continue;
+			}
+			if (t.presets.length === o.length && t.presets.every((e) => {
+				let t = o.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, o]), l = z((e) => {
+		if (e.presets.length === 0) {
+			a([...s]);
+			return;
+		}
+		let t = e.presets.map((e) => {
+			let t = i.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? we(t.type) : "equals");
+			return {
+				id: e.key,
+				key: e.key,
+				value: e.value,
+				operator: n
+			};
+		});
+		a([...s, ...t]);
+	}, [
+		i,
+		s,
+		a
+	]);
+	return e.length === 0 ? null : /* @__PURE__ */ G(P, {
+		value: c,
+		onValueChange: (t) => {
+			let n = e.find((e) => e.id === t);
+			n && l(n);
+		},
+		className: "filter-tabs--component",
+		children: /* @__PURE__ */ G(N, {
+			role: "group",
+			"aria-orientation": void 0,
+			activateOnFocus: !0,
+			className: "h-auto! flex-wrap justify-start gap-space-md bg-transparent p-0",
+			children: e.map((e) => {
+				let n = c === e.id;
+				return /* @__PURE__ */ K(M, {
+					value: e.id,
+					role: "button",
+					"aria-selected": void 0,
+					"aria-controls": void 0,
+					"aria-pressed": n,
+					className: t("h-action-sm flex-none rounded-radius-md px-control-sm py-0 transition-colors after:hidden data-active:bg-foreground data-active:text-background data-active:hover:bg-foreground data-active:hover:text-background", n ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground"),
+					children: [/* @__PURE__ */ G(r, {
+						tag: "span",
+						weight: "semibold",
+						className: "text-inherit",
+						children: e.label
+					}), e.count !== void 0 && /* @__PURE__ */ G(r, {
+						tag: "span",
+						size: "xs",
+						weight: "semibold",
+						numeric: !0,
+						className: t("ml-space-sm text-inherit", n ? "text-background" : "text-muted-foreground"),
+						children: e.count
+					})]
+				}, e.id);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/search-facet.tsx
+function tt({ filter: e, value: r, onValueChange: i, className: a }) {
+	let { strings: o, isNavigating: s } = Q(), [c, l] = U(r[0] || ""), u = H(c);
+	u.current = c;
+	let d = H(r[0] || null), f = H(!1);
+	B(() => {
+		if (f.current || s) return;
+		let e = u.current;
+		if (!r.length || r[0] === "") {
+			e !== "" && (l(""), d.current = "");
+			return;
+		}
+		r[0] !== void 0 && r[0] !== e && r[0] !== d.current && (l(r[0]), d.current = r[0]);
+	}, [r, s]);
+	let p = I((e) => {
+		d.current = e, f.current = !1, i([e]);
+	}, e.delay ?? 300), m = (e) => {
+		d.current !== e && p(e);
+	};
+	return /* @__PURE__ */ K("div", {
+		className: t("search-facet--component", "search-facet relative w-full min-w-0 rounded-radius bg-background", a),
+		children: [
+			/* @__PURE__ */ G(w, {
+				type: "text",
+				"aria-label": e.label,
+				value: c,
+				onChange: (e) => {
+					f.current = !0;
+					let t = e.target.value;
+					l(t), m(t);
+				},
+				onFocus: () => {
+					f.current = !0;
+				},
+				onBlur: () => {
+					setTimeout(() => {
+						f.current = !1;
+					}, 100);
+				},
+				placeholder: e.placeholder ?? (() => {
+					let t = e.label.trim().toLowerCase();
+					return !t || t === "search" ? Y(o.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : Y(o.searchPlaceholder, { filterLabel: t });
+				})(),
+				className: "w-full pr-9"
+			}),
+			c.trim() !== "" && !s && /* @__PURE__ */ G(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				iconOnly: !0,
+				onClick: () => {
+					f.current = !0, l(""), m("");
+				},
+				className: "absolute right-control-gap-small top-1/2 -translate-y-1/2",
+				"aria-label": o.clearSearch,
+				children: /* @__PURE__ */ G(q, { className: "size-icon-sm" })
+			}),
+			!!s && /* @__PURE__ */ G("span", {
+				className: "text-muted-foreground absolute right-control-px top-1/2 -translate-y-1/2",
+				children: /* @__PURE__ */ G(ue, { className: "size-icon animate-spin" })
+			})
+		]
+	});
+}
+var nt = R.memo(tt);
+nt.displayName = "SearchFacet";
+//#endregion
+//#region src/components/features/filters/partials/search-filters-list.tsx
+function rt({ filters: e, getFilterValue: n, setFilterValue: i, className: a }) {
+	return /* @__PURE__ */ G(W, { children: e.map((e) => /* @__PURE__ */ K(s, {
+		gap: "lg",
+		className: t("search-filters-list--component", "w-full min-w-0 sm:w-64 sm:flex-none", e.displayConfig.className, a),
+		children: [/* @__PURE__ */ G(nt, {
+			filter: e,
+			value: n(e.key),
+			onValueChange: (t) => i(e.key, t)
+		}), !!e.description && /* @__PURE__ */ G(r, {
+			size: "xs",
+			type: "secondary",
+			children: e.description
+		})]
+	}, e.key)) });
+}
+//#endregion
+//#region src/components/features/filters/filter-layout.tsx
+var it = {
+	compact: "lg",
+	default: "xl"
+}, at = {
+	compact: "sm",
+	default: "md"
+};
+function ot({ className: e, dynamicFilterOptions: i = {}, loadingFilters: a = {}, variant: o = "default", showClearFilters: c = !1, tabs: l }) {
+	let { getFilterValue: u, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = Q(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = Oe({ dynamicFilterOptions: i }), [w, T] = U(null), E = v.find((e) => e.key === w) ?? null, D = z((e) => {
+		T(e?.key ?? null);
+	}, []);
+	B(() => {
+		w !== null && E === null && T(null);
+	}, [w, E]);
+	let O = H(null), k = H(null);
+	function A(e, t) {
+		t.length === 0 && e.displayConfig?.display !== "always" && (k.current = e.key), d(e.key, t);
+	}
+	B(() => {
+		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 : Ce(e.type, _.operators);
+	}
+	function M(e, t) {
+		h(e, t);
+	}
+	return /* @__PURE__ */ K(s, {
+		gap: it[o],
+		className: t("filter-layout--component", e),
+		children: [!!l && l.length > 0 && /* @__PURE__ */ G(et, { tabs: l }), /* @__PURE__ */ K(s, {
+			direction: "horizontal",
+			gap: at[o],
+			children: [/* @__PURE__ */ G($, {
+				filterKey: "search-filters",
+				children: /* @__PURE__ */ G(rt, {
+					filters: y,
+					getFilterValue: u,
+					setFilterValue: d
+				})
+			}), /* @__PURE__ */ K("div", {
+				className: t("contents", g && "pointer-events-none opacity-60"),
+				children: [
+					Object.entries(a).filter(([, e]) => e).map(([e]) => {
+						let t = v.find((t) => t.key === e)?.label || e;
+						return /* @__PURE__ */ K(s, {
+							direction: "horizontal",
+							gap: "sm",
+							wrap: !1,
+							className: "rounded-radius-md bg-muted/50 px-control-sm py-space-xs",
+							children: [/* @__PURE__ */ G("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ G(r, {
+								tag: "span",
+								type: "secondary",
+								children: Y(_.loadingOptions, { filterLabel: t })
+							})]
+						}, `loading-${e}`);
+					}),
+					[...b, ...x].map((e) => /* @__PURE__ */ G(Qe, {
+						filter: e,
+						value: u(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__ */ G($, {
+						filterKey: "filters-button",
+						children: /* @__PURE__ */ G($e, {
+							triggerRef: O,
+							availableFilters: S,
+							activeFilters: x,
+							activeFilterInPopover: E,
+							getFilterValue: u,
+							setFilterValue: d,
+							setActiveFilterInPopover: D
+						})
+					}),
+					!!c && C && /* @__PURE__ */ G(n, {
+						tone: "secondary",
+						buttonStyle: "ghost",
+						size: "md",
+						onClick: p,
+						className: "text-muted-foreground ml-auto",
+						children: _.clearFilters
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/filter-query.ts
+var st = "__op", ct = ["page"], lt = new Set(Object.values(Z));
+function ut(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 && String(e).length > 0).map((e) => String(e));
+		e.length > 0 && (t[n] = e);
+	}
+	return t;
+}
+function dt(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 ft(e, t, n) {
+	let r = e[t] ?? [];
+	return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
+}
+function pt(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 mt(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 ht(e) {
+	return e.operator ?? e.operators?.[0]?.value ?? we(e.type);
+}
+function gt(e, t, n) {
+	let [r] = t[`${e.key}${n}`] ?? [];
+	return r && lt.has(r) ? r : ht(e);
+}
+function _t(e, t, n) {
+	return e === "always" || e !== "never" && t !== n;
+}
+function vt(e) {
+	return e.type === X.MULTI_SELECT || e.type === X.TAGS || e.multiple === !0;
+}
+function yt(e, t, n = {}) {
+	let r = n.operatorSuffix ?? st, i = n.arrayFormat ?? "repeat", a = ut(t);
+	return e.flatMap((e) => {
+		let t = pt(e, ft(a, e.key, i));
+		return t.length === 0 ? [] : [{
+			id: e.key,
+			key: e.key,
+			operator: gt(e, a, r),
+			value: vt(e) ? t : [t[0]]
+		}];
+	});
+}
+function bt(e, t, n, r = {}) {
+	let i = r.operatorSuffix ?? st, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? ct, l = o ? ut(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 = mt(t, e.value);
+		if (n.length === 0) continue;
+		l[e.key] = a === "comma" ? [n.join(",")] : n;
+		let r = ht(t);
+		_t(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
+	}
+	return dt(l);
+}
+function xt(e, t, n = {}) {
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? ct, a = r ? ut(e) : {}, o = ut(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 dt(a);
+}
+//#endregion
+//#region src/components/features/filters/facets/select-facet.tsx
+function St({ filter: e, value: i, onValueChange: a, className: o }) {
+	let { strings: s } = Q(), [c, l] = U(!1), [u, d] = U(""), f = i.length > 0, p = e.options, m = (t) => {
+		e.multiple ? i.includes(t) ? a(i.filter((e) => e !== t)) : a([...i, t]) : (a([t]), e.closeOnSelect !== !1 && l(!1));
+	}, h = (e) => p?.find((t) => t.value === e)?.label ?? e, g = V(() => (p ?? []).map((e) => ({
+		value: e.value,
+		label: e.label,
+		description: e.description,
+		icon: e.icon,
+		selected: i.includes(e.value),
+		disabled: e.disabled
+	})), [p, i]), _ = Y(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() });
+	return /* @__PURE__ */ G("div", {
+		className: t("select-facet--component", "relative", o),
+		children: /* @__PURE__ */ G(F, {
+			open: c,
+			onOpenChange: l,
+			search: !0,
+			searchValue: u,
+			onSearchChange: d,
+			strings: {
+				searchPlaceholder: _,
+				empty: s.noOptionsFound
+			},
+			contentClassName: "w-(--anchor-width) min-w-56",
+			trigger: /* @__PURE__ */ K(n, {
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: "md",
+				role: "combobox",
+				"aria-expanded": c,
+				className: "w-full justify-between",
+				children: [f ? i.length === 1 ? /* @__PURE__ */ G(r, {
+					tag: "span",
+					weight: "semibold",
+					className: "truncate",
+					children: h(i[0])
+				}) : /* @__PURE__ */ G(r, {
+					tag: "span",
+					weight: "semibold",
+					children: Y(s.selected, {
+						count: i.length,
+						filterLabel: (i.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					})
+				}) : /* @__PURE__ */ G(r, {
+					tag: "span",
+					type: "secondary",
+					children: e.placeholder ?? s.select
+				}), /* @__PURE__ */ G(ce, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+			}),
+			items: g,
+			onSelect: (e) => m(e.value)
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/async-select-facet.tsx
+function Ct({ filter: e, value: i, onValueChange: a, className: o }) {
+	let { strings: u, cacheAsyncOptions: d, getAsyncOptionLabel: f, reportError: p } = Q(), [m, h] = U(!1), [g, S] = U(""), w = V(() => /* @__PURE__ */ new Map(), [
+		e.key,
+		e.asyncConfig?.fetcher,
+		e.asyncConfig?.mapToOption
+	]), { options: T, isLoading: E, isFetching: O, isError: A, refetch: M, isBelowMinQuery: N, minQueryLength: P } = ze(e, g, m, { onError: p });
+	B(() => {
+		if (T.length !== 0) {
+			for (let e of T) w.set(e.value, e);
+			d(e.key, T);
+		}
+	}, [
+		d,
+		e.key,
+		w,
+		T
+	]);
+	let F = e.multiple !== !1, I = e.maxSelected, L = V(() => e.options ?? [], [e.options]), R = V(() => {
+		let t = new Set(i), n = new Set([...L, ...T].map((e) => e.value)), r = [];
+		for (let t of i) if (!n.has(t)) {
+			let n = w.get(t);
+			if (n) r.push(n);
+			else {
+				let n = L.find((e) => e.value === t);
+				if (n) {
+					r.push(n);
+					continue;
+				}
+				let i = f(e.key, t);
+				i && r.push({
+					value: t,
+					label: i,
+					icon: e.icon
+				});
+			}
+		}
+		return [
+			...r,
+			...L,
+			...T
+		].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
+	}, [
+		L,
+		T,
+		i,
+		e.key,
+		e.icon,
+		w,
+		f
+	]), ee = (t) => {
+		if (F) {
+			if (i.includes(t)) a(i.filter((e) => e !== t));
+			else {
+				if (I && i.length >= I) return;
+				a([...i, t]);
+			}
+		} else a([t]), e.closeOnSelect !== !1 && h(!1);
+	}, te = (t) => {
+		let n = T.find((e) => e.value === t);
+		if (n) return n.label;
+		let r = L.find((e) => e.value === t);
+		if (r) return r.label;
+		let i = w.get(t);
+		return i ? i.label : f(e.key, t) ?? t;
+	}, z = i.length > 0, ne = V(() => E || O ? /* @__PURE__ */ G(c, {
+		className: "async-select-facet--component",
+		label: u.searching
+	}) : A ? /* @__PURE__ */ G(l, {
+		variant: "inline",
+		title: u.fetchError,
+		action: /* @__PURE__ */ G(n, {
+			tone: "secondary",
+			buttonStyle: "outline",
+			size: "sm",
+			onClick: (e) => {
+				e.stopPropagation(), M();
+			},
+			children: u.retryFetch
+		})
+	}) : N ? /* @__PURE__ */ G("div", {
+		className: "text-muted-foreground flex items-center justify-center py-space-xl",
+		children: /* @__PURE__ */ G(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: Y(u.minQueryHint, { min: P })
+		})
+	}) : /* @__PURE__ */ G(r, {
+		tag: "span",
+		type: "secondary",
+		children: u.noOptionsFound
+	}), [
+		E,
+		O,
+		A,
+		N,
+		P,
+		u,
+		M
+	]);
+	return /* @__PURE__ */ G("div", {
+		className: t("async-select-facet--component relative", o),
+		children: /* @__PURE__ */ K(k, {
+			open: m,
+			onOpenChange: (e) => {
+				h(e), e || S("");
+			},
+			children: [/* @__PURE__ */ G(D, { render: /* @__PURE__ */ K(n, {
+				tone: "secondary",
+				buttonStyle: "outline",
+				size: "md",
+				role: "combobox",
+				"aria-expanded": m,
+				className: "w-full justify-between",
+				children: [z ? i.length === 1 ? /* @__PURE__ */ G(r, {
+					tag: "span",
+					weight: "semibold",
+					className: "truncate",
+					children: te(i[0])
+				}) : /* @__PURE__ */ G(r, {
+					tag: "span",
+					weight: "semibold",
+					children: Y(u.selected, {
+						count: i.length,
+						filterLabel: (i.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					})
+				}) : /* @__PURE__ */ G(r, {
+					tag: "span",
+					type: "secondary",
+					children: e.placeholder ?? u.select
+				}), /* @__PURE__ */ G(ce, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+			}) }), /* @__PURE__ */ G(j, {
+				type: "menu",
+				inset: "flush",
+				className: "w-full min-w-70 gap-0",
+				children: /* @__PURE__ */ K(C, {
+					shouldFilter: !1,
+					inset: "flush",
+					className: "rounded-none",
+					children: [/* @__PURE__ */ G(v, {
+						placeholder: Y(u.searchPlaceholder, { filterLabel: e.label }),
+						value: g,
+						onValueChange: S
+					}), /* @__PURE__ */ G(b, { children: R.length === 0 ? /* @__PURE__ */ G(y, { children: ne }) : /* @__PURE__ */ K(x, { children: [!(!O || E) && /* @__PURE__ */ K(s, {
+						direction: "horizontal",
+						gap: "sm",
+						wrap: !1,
+						className: "px-control-sm py-space-xs",
+						children: [/* @__PURE__ */ G(ue, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ G(r, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: u.searching
+						})]
+					}), R.map((e) => /* @__PURE__ */ K(_, {
+						value: e.value,
+						onSelect: () => ee(e.value),
+						disabled: e.disabled || !!I && i.length >= I && !i.includes(e.value),
+						children: [
+							/* @__PURE__ */ G(ae, { className: t("mr-control-gap size-icon-sm", i.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							!!e.icon && /* @__PURE__ */ G("span", {
+								className: "mr-1.5",
+								children: e.icon
+							}),
+							/* @__PURE__ */ G(r, {
+								tag: "span",
+								children: e.label
+							})
+						]
+					}, e.value))] }) })]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/facets/range-facet.tsx
+function wt({ filter: e, value: n, onValueChange: r, className: a }) {
+	let { strings: c } = Q(), [l, u] = U(n.min?.toString() ?? ""), [d, f] = U(n.max?.toString() ?? ""), p = re(), m = I((e) => {
+		(e.min !== n.min || e.max !== n.max) && r(e);
+	}, e.delay ?? 300);
+	return B(() => (m({
+		min: l ? Number(l) : void 0,
+		max: d ? Number(d) : void 0
+	}), m.cancel), [
+		l,
+		d,
+		m
+	]), /* @__PURE__ */ G(s, {
+		gap: "md",
+		className: t("range-facet--component", a),
+		children: /* @__PURE__ */ K(o, {
+			columns: {
+				base: 1,
+				sm: 2
+			},
+			gap: "md",
+			children: [/* @__PURE__ */ K(s, {
+				gap: "xs",
+				children: [/* @__PURE__ */ G(i, {
+					htmlFor: `${p}-min`,
+					children: c.min
+				}), /* @__PURE__ */ G(w, {
+					id: `${p}-min`,
+					type: "text",
+					value: l,
+					onChange: (e) => {
+						let t = e.target.value;
+						(t === "" || /^\d*\.?\d*$/.test(t)) && u(t);
+					},
+					placeholder: c.min,
+					className: "w-full"
+				})]
+			}), /* @__PURE__ */ K(s, {
+				gap: "xs",
+				children: [/* @__PURE__ */ G(i, {
+					htmlFor: `${p}-max`,
+					children: c.max
+				}), /* @__PURE__ */ G(w, {
+					id: `${p}-max`,
+					type: "text",
+					value: d,
+					onChange: (e) => {
+						let t = e.target.value;
+						(t === "" || /^\d*\.?\d*$/.test(t)) && f(t);
+					},
+					placeholder: c.max,
+					className: "w-full"
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/validators.ts
+function Tt(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 Et(e, t) {
+	return (n) => e(n) ? !0 : t;
+}
+//#endregion
+export { Ce as A, Oe as C, xe as D, Se as E, _e as F, me as I, he as L, ve as M, Z as N, we as O, X as P, Y as R, ke as S, Q as T, $ as _, St as a, Le as b, bt as c, nt as d, et as f, Ye as g, Ze as h, Ct as i, ye as j, be as k, ot as l, Qe as m, Tt as n, xt as o, $e as p, wt as r, yt as s, Et as t, rt as u, He as v, De as w, Ae as x, ze as y };
+
+//# sourceMappingURL=filters-qtrcv1hf.js.map