themelia-ui 1.0.0

package/dist/filters-D8DV5OkK.js

@@ -0,0 +1,1274 @@
+import "./css/filters.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { c as n } from "./buttons-CabBjPap.js";
+import { g as r, l as i, r as a, t as o, u as s } from "./dropdown-menu-Dg8jpvqM.js";
+import { t as c } from "./use-latest-CF0678ae.js";
+import { B as l } from "./primitives-D-cyAv5O.js";
+import { t as u } from "./badge-DwsR_WXN.js";
+import { t as d } from "./use-debounce-yN5BxUpQ.js";
+import { t as f } from "./strings-Co9_qArR.js";
+import { l as p } from "./text-inputs-BMW3hP0R.js";
+import { r as m } from "./navigation-CRCc8lpn.js";
+import { c as h, r as g, t as _ } from "./popover-BpUGuOeI.js";
+import { s as v } from "./value-inputs-okQ1S7CX.js";
+import { a as y, o as b } from "./date-pickers-BpGrG0Bf.js";
+import { a as x, i as S, o as C, r as w, s as T, t as E } from "./command-CVX7k9YB.js";
+import { t as D } from "./spinner-4Z1vjSiH.js";
+import { t as O } from "./use-synced-state-DnZ4lW4g.js";
+import { ArrowLeftIcon as k, CalendarIcon as A, ChevronDownIcon as j, ListFilterIcon as M, RotateCcwIcon as ee, SearchIcon as te, XIcon as ne } from "lucide-react";
+import { Component as re, createContext as ie, useCallback as N, useContext as ae, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { format as oe, isValid as se, parse as ce } from "date-fns";
+//#region src/components/features/filters/filter-store.ts
+var le = ie(void 0);
+function V() {
+	let e = ae(le);
+	if (!e) throw Error("useFilters must be used inside <FilterProvider>.");
+	return e;
+}
+var H = {
+	layout: "filters-module__layout___iUXmQ",
+	bar: "filters-module__bar___pQXjr",
+	tabs: "filters-module__tabs___vPemp",
+	searchInput: "filters-module__searchInput___zK2D4",
+	clear: "filters-module__clear___k-6x1",
+	loadingChip: "filters-module__loadingChip___6jLrE",
+	pill: "filters-module__pill___pGtyG",
+	pillAnchor: "filters-module__pillAnchor___Jvbyb",
+	segment: "filters-module__segment___LXTC1",
+	segmentClear: "filters-module__segmentClear___ZWIuc",
+	segmentGlyph: "filters-module__segmentGlyph___wfNTe",
+	pillIcon: "filters-module__pillIcon___QFiBB",
+	pillDivider: "filters-module__pillDivider___bHVii",
+	pillValue: "filters-module__pillValue___-Sr2H",
+	operatorStatic: "filters-module__operatorStatic___KFF9F",
+	valueDisplay: "filters-module__valueDisplay___C3tEV",
+	valueGlyph: "filters-module__valueGlyph___ZEVbr",
+	valueIcons: "filters-module__valueIcons___Up3Nc",
+	valueIcon: "filters-module__valueIcon___iDyOT",
+	valueIconCount: "filters-module__valueIconCount___85a9L",
+	editorPopover: "filters-module__editorPopover___se-n5",
+	editor: "filters-module__editor___Rb9Bh",
+	editorHeader: "filters-module__editorHeader___ejunH",
+	editorBody: "filters-module__editorBody___XdwKo",
+	rangeBody: "filters-module__rangeBody___lUjli",
+	editorList: "filters-module__editorList___UkNiy",
+	editorNote: "filters-module__editorNote___7g5ld",
+	editorFooter: "filters-module__editorFooter___vbHh-",
+	optionBody: "filters-module__optionBody___E5rxx",
+	errorBoundary: "filters-module__errorBoundary___aqcjQ",
+	errorBoundaryHead: "filters-module__errorBoundaryHead___kViNd",
+	errorBoundaryDetail: "filters-module__errorBoundaryDetail___igvSM"
+}, ue = class extends re {
+	state = { error: null };
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	componentDidCatch(e, t) {
+		this.props.onError(e, {
+			phase: "render",
+			filterKey: this.props.filterKey,
+			info: t.componentStack ?? void 0
+		});
+	}
+	retry = () => this.setState({ error: null });
+	render() {
+		let { children: r, fallback: i, filterKey: a, labels: o, className: s } = this.props;
+		return this.state.error ? i || /* @__PURE__ */ B("div", {
+			className: e("filter-error-boundary--component", H.errorBoundary, s),
+			children: [
+				/* @__PURE__ */ B("div", {
+					className: H.errorBoundaryHead,
+					children: [/* @__PURE__ */ z(t, {
+						tag: "span",
+						weight: "semibold",
+						children: o.title
+					}), /* @__PURE__ */ z(n, {
+						type: "button",
+						tone: "destructive",
+						buttonStyle: "ghost",
+						iconOnly: !0,
+						"aria-label": o.retry,
+						onClick: this.retry,
+						children: /* @__PURE__ */ z(ne, {})
+					})]
+				}),
+				/* @__PURE__ */ z(t, {
+					size: "sm",
+					children: o.describe(a)
+				}),
+				/* @__PURE__ */ z(l, {
+					size: "xs",
+					className: H.errorBoundaryDetail,
+					children: this.state.error.message
+				})
+			]
+		}) : r;
+	}
+};
+function de(e) {
+	let { strings: t, reportError: n } = V(), r = F(() => ({
+		title: t.error.title,
+		describe: t.error.describe,
+		retry: t.error.retry
+	}), [t]);
+	return /* @__PURE__ */ z(ue, {
+		...e,
+		labels: r,
+		onError: n
+	});
+}
+//#endregion
+//#region src/components/features/filters/filter-cache.ts
+function U() {
+	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = (e) => {
+		let t = n.get(e);
+		t !== void 0 && (clearTimeout(t), n.delete(e));
+	};
+	return {
+		getOptions: (t) => e.get(t),
+		setOptions(t, i, a) {
+			if (r(t), e.set(t, i), !Number.isFinite(a) || a <= 0) return;
+			let o = setTimeout(() => {
+				e.delete(t), n.delete(t);
+			}, a);
+			o.unref?.(), n.set(t, o);
+		},
+		deleteOptions(t) {
+			r(t), e.delete(t);
+		},
+		getLabel: (e, n) => t.get(e)?.get(n),
+		rememberLabels(e, n) {
+			let r = t.get(e);
+			r || (r = /* @__PURE__ */ new Map(), t.set(e, r));
+			let i = !1;
+			for (let e of n) r.has(e.value) || (i = !0), r.set(e.value, e);
+			return i;
+		},
+		clear() {
+			for (let e of [...n.keys()]) r(e);
+			e.clear(), t.clear();
+		}
+	};
+}
+var fe = ie(null);
+function pe() {
+	return ae(fe);
+}
+//#endregion
+//#region src/components/features/filters/filters.types.ts
+var W = {
+	SELECT: "select",
+	MULTI_SELECT: "multi_select",
+	ASYNC_SELECT: "async_select",
+	SEARCH: "search",
+	RANGE: "range",
+	DATE: "date",
+	TAGS: "tags"
+}, G = {
+	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 me(e) {
+	return e;
+}
+//#endregion
+//#region src/components/features/filters/filter-operators.ts
+function K(e) {
+	return [
+		{
+			label: e.contains,
+			value: G.CONTAINS
+		},
+		{
+			label: e.equals,
+			value: G.EQUALS
+		},
+		{
+			label: e.notContains,
+			value: G.NOT
+		}
+	];
+}
+function he(e) {
+	return [{
+		label: e.is,
+		value: G.EQUALS
+	}, {
+		label: e.isNot,
+		value: G.NOT
+	}];
+}
+function ge(e) {
+	return [
+		{
+			label: e.equals,
+			value: G.EQUALS
+		},
+		{
+			label: e.greaterThan,
+			value: G.GT
+		},
+		{
+			label: e.lessThan,
+			value: G.LT
+		},
+		{
+			label: e.between,
+			value: G.BETWEEN
+		}
+	];
+}
+function _e(e) {
+	return [
+		{
+			label: e.before,
+			value: G.BEFORE
+		},
+		{
+			label: e.after,
+			value: G.AFTER
+		},
+		{
+			label: e.between,
+			value: G.BETWEEN
+		}
+	];
+}
+function ve(e) {
+	return [
+		{
+			label: e.has,
+			value: G.HAS
+		},
+		{
+			label: e.hasAny,
+			value: G.HAS_ANY
+		},
+		{
+			label: e.hasAll,
+			value: G.HAS_ALL
+		}
+	];
+}
+function ye(e, t) {
+	switch (e) {
+		case W.SEARCH: return K(t);
+		case W.TAGS: return ve(t);
+		case W.SELECT:
+		case W.MULTI_SELECT:
+		case W.ASYNC_SELECT: return he(t);
+		case W.RANGE: return ge(t);
+		case W.DATE: return _e(t);
+		default: return K(t);
+	}
+}
+function q(e) {
+	switch (e) {
+		case W.SEARCH: return G.CONTAINS;
+		case W.TAGS: return G.HAS;
+		case W.DATE: return G.BEFORE;
+		default: return G.EQUALS;
+	}
+}
+//#endregion
+//#region src/components/features/filters/filters.strings.ts
+var be = {
+	loading: "Loading",
+	loadingOptions: (e) => `Loading ${e} options…`,
+	addFilter: "Add filter",
+	clear: "Clear",
+	edit: "Edit",
+	confirm: "Apply",
+	clearFilters: "Clear filters",
+	selectDate: "Select a date",
+	searchPlaceholder: (e) => `Search ${e}…`,
+	noOptionsFound: "No options found.",
+	selected: (e, t) => `${e} ${t} selected`,
+	nothingSelected: "Any",
+	enterTags: "Add a tag and press Enter",
+	searchFilters: "Search filters…",
+	noFiltersAvailable: "No filters available.",
+	availableFilters: "Add a filter",
+	activeFilters: "Applied",
+	backToFilters: "Back to filters",
+	options: (e) => `${e} ${e === 1 ? "option" : "options"}`,
+	operator: "Comparison",
+	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 of",
+		hasAll: "has all of"
+	},
+	min: "Min",
+	max: "Max",
+	fetchError: "Could not load options.",
+	retryFetch: "Try again",
+	minQueryHint: (e) => `Type at least ${e} character${e === 1 ? "" : "s"}…`,
+	searching: "Searching…",
+	error: {
+		title: "This filter could not be shown",
+		describe: (e) => e ? `Something went wrong in the “${e}” filter.` : "Something went wrong in this filter.",
+		retry: "Try again"
+	},
+	validation: {
+		required: "This filter needs a value.",
+		minValue: (e) => `Must be at least ${e}.`,
+		maxValue: (e) => `Must be at most ${e}.`,
+		invalidFormat: "That is not a valid value."
+	}
+};
+//#endregion
+//#region src/components/features/filters/filter-utils.ts
+function J(e, t) {
+	return e.options?.find((e) => e.value === t);
+}
+function xe(e, t, n) {
+	let r = e.validation;
+	if (e.type === W.DATE && Array.isArray(t) && t.every((e) => typeof e == "string") || !r) return !0;
+	if (r.required && (!t || Array.isArray(t) && t.length === 0)) return n.validation.required;
+	if (typeof t == "number") {
+		if (r.min !== void 0 && t < r.min) return n.validation.minValue(r.min);
+		if (r.max !== void 0 && t > r.max) return n.validation.maxValue(r.max);
+	}
+	if (r.pattern && typeof t == "string" && !r.pattern.test(t)) return n.validation.invalidFormat;
+	if (r.custom) {
+		let e = r.custom(t);
+		if (typeof e == "string" || !e) return e;
+	}
+	return !0;
+}
+function Se(e, t, n, r) {
+	if (t.length === 0) return n.nothingSelected;
+	if (e.format) return e.format(t);
+	let i = t.map((t) => J(e, t)?.label ?? r?.(t) ?? t);
+	return i.length === 1 ? i[0] : i.length === 2 ? i.join(", ") : n.selected(t.length, (e.pluralLabel ?? e.label).toLowerCase());
+}
+//#endregion
+//#region src/components/features/filters/filter-context.tsx
+function Ce({ children: e, filters: t, activeFilters: n, onFilterChange: r, navigating: i = !1, strings: a, onError: o, cache: s }) {
+	let l = F(() => f(be, a), [a]), u = I(t), d = I(r), p = c(o);
+	P(() => {
+		u.current = t;
+	}, [t]), P(() => {
+		d.current = r;
+	}, [r]);
+	let [m] = L(U), h = s ?? m;
+	P(() => {
+		if (s === void 0) return () => m.clear();
+	}, [s, m]);
+	let [, g] = L(0), _ = N((e, t) => {
+		p.current?.(e, t);
+	}, [p]), v = N((e) => d.current([...n, e]), [n]), y = N((e) => d.current(n.filter((t) => t.id !== e && t.key !== e)), [n]), b = N((e, t) => d.current(n.map((n) => n.id === e || n.key === e ? {
+		...n,
+		...t
+	} : n)), [n]), x = N(() => d.current([]), []), S = N((e) => d.current(e), []), C = N((e) => u.current.find((t) => t.key === e), []), w = N((e) => n.find((t) => t.key === e)?.value ?? [], [n]), T = N((e, t) => {
+		let r = n.find((t) => t.key === e);
+		if (t.length === 0) {
+			r && y(e);
+			return;
+		}
+		if (r) {
+			b(e, { value: t });
+			return;
+		}
+		let i = u.current.find((t) => t.key === e);
+		v({
+			id: e,
+			key: e,
+			value: t,
+			operator: i?.operator ?? i?.operators?.[0]?.value ?? (i ? q(i.type) : "equals")
+		});
+	}, [
+		n,
+		v,
+		y,
+		b
+	]), E = N((e) => n.some((t) => t.key === e && t.value.length > 0), [n]), D = N((e) => {
+		let t = n.find((t) => t.key === e);
+		if (t) return t.operator;
+		let r = u.current.find((t) => t.key === e);
+		return r ? r.operator ?? r.operators?.[0]?.value ?? q(r.type) : "equals";
+	}, [n]), O = N((e, t) => {
+		n.some((t) => t.key === e) && b(e, { operator: t });
+	}, [n, b]), k = N((e, t) => {
+		let n = u.current.find((t) => t.key === e);
+		if (!n) return !1;
+		try {
+			return xe(n, t, l);
+		} catch (t) {
+			return _(t, {
+				phase: "validate",
+				filterKey: e
+			}), l.validation.invalidFormat;
+		}
+	}, [l, _]), A = N((e) => u.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), j = N((e, t) => {
+		h.rememberLabels(e, t) && g((e) => e + 1);
+	}, [h]), M = N((e, t) => h.getLabel(e, t)?.label, [h]), ee = F(() => ({
+		activeFilters: n,
+		filters: t,
+		addFilter: v,
+		removeFilter: y,
+		updateFilter: b,
+		clearFilters: x,
+		replaceFilters: S,
+		getFilterByKey: C,
+		getFilterValue: w,
+		setFilterValue: T,
+		isFilterActive: E,
+		getFilterOperator: D,
+		setFilterOperator: O,
+		validateFilter: k,
+		getDependentFilters: A,
+		isNavigating: i,
+		strings: l,
+		cacheAsyncOptions: j,
+		getAsyncOptionLabel: M,
+		reportError: _
+	}), [
+		n,
+		v,
+		j,
+		x,
+		l,
+		t,
+		M,
+		A,
+		C,
+		D,
+		w,
+		E,
+		i,
+		y,
+		S,
+		_,
+		O,
+		T,
+		b,
+		k
+	]);
+	return /* @__PURE__ */ z(fe.Provider, {
+		value: h,
+		children: /* @__PURE__ */ z(le.Provider, {
+			value: ee,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/features/filters/use-async-options.ts
+function we(e, t, n, r = {}) {
+	let i = e.asyncConfig, a = c(r.onError), o = pe(), [s] = L(U), l = o ?? s, u = (d(t, i?.debounceMs ?? e.delay ?? 300) ?? "").trim(), f = i?.limit ?? 10, p = i?.minQueryLength ?? 0, m = i?.preload ?? !0, h = i?.staleTime ?? 6e4, g = u.length > 0 && u.length < p, _ = n && !!i && !g && u.length >= p && (u.length > 0 || m), v = `${e.key}::${u}`, [y, b] = L(0), x = l.getOptions(v), [S, C] = L(x ?? []), [w, T] = L(!1), [E, D] = L(!1), O = x ?? S, k = w && _ && !!i && !x, A = E && !x, j = I(0);
+	P(() => {
+		if (!_ || !i || x) return;
+		let t = ++j.current, n = new AbortController();
+		return T(!0), D(!1), i.fetcher({
+			query: u,
+			limit: f,
+			signal: n.signal
+		}).then((e) => {
+			if (t !== j.current) return;
+			let n = e.map((e) => i.mapToOption(e));
+			l.setOptions(v, n, h), C(n);
+		}).catch((n) => {
+			t === j.current && (n instanceof Error && n.name === "AbortError" || (D(!0), C([]), a.current?.(n, {
+				phase: "fetch-options",
+				filterKey: e.key
+			})));
+		}).finally(() => {
+			t === j.current && T(!1);
+		}), () => n.abort();
+	}, [
+		y,
+		l,
+		x,
+		v,
+		i,
+		e.key,
+		f,
+		u,
+		_,
+		h,
+		a
+	]);
+	let M = N(() => {
+		l.deleteOptions(v), b((e) => e + 1);
+	}, [l, v]);
+	return {
+		options: O,
+		isLoading: k && O.length === 0,
+		isFetching: k,
+		isError: A,
+		refetch: M,
+		isBelowMinQuery: g,
+		minQueryLength: p
+	};
+}
+//#endregion
+//#region src/components/features/filters/filter-editors.tsx
+var Te = "yyyy-MM-dd";
+function Y({ filter: e, showBack: r, onBack: i }) {
+	let { strings: a } = V();
+	return /* @__PURE__ */ B("div", {
+		className: H.editorHeader,
+		children: [r && /* @__PURE__ */ z(n, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: !0,
+			onClick: i,
+			"aria-label": a.backToFilters,
+			children: /* @__PURE__ */ z(k, {})
+		}), /* @__PURE__ */ z(t, {
+			tag: "span",
+			weight: "semibold",
+			truncate: !0,
+			children: e.label
+		})]
+	});
+}
+function X({ count: e, filter: r, onApply: i }) {
+	let { strings: a } = V();
+	return /* @__PURE__ */ B("div", {
+		className: H.editorFooter,
+		children: [/* @__PURE__ */ z(t, {
+			size: "xs",
+			type: "secondary",
+			children: a.selected(e, ((e === 1 ? r.label : r.pluralLabel ?? r.label) ?? "").toLowerCase())
+		}), /* @__PURE__ */ z(n, {
+			type: "button",
+			onClick: i,
+			children: a.confirm
+		})]
+	});
+}
+function Ee(e, t) {
+	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
+}
+function Z(e, t) {
+	return JSON.stringify([...e].sort()) === JSON.stringify([...t].sort());
+}
+function De({ filter: n, value: r, onValueChange: i, onBack: a, onClose: o, triggerSource: s = "chip" }) {
+	let { strings: c, reportError: l } = V(), u = n.multiple === !0 || n.type === W.MULTI_SELECT, [d, f] = O(r), p = !Z(d, r), m = (n.options?.length ?? 0) > 5;
+	return /* @__PURE__ */ B("div", {
+		className: e("select-filter-editor--component", H.editor),
+		children: [
+			/* @__PURE__ */ z(Y, {
+				filter: n,
+				showBack: s === "toolbar",
+				onBack: a
+			}),
+			/* @__PURE__ */ B(E, {
+				shouldFilter: m,
+				children: [m && /* @__PURE__ */ z(x, { placeholder: c.searchPlaceholder(n.label.toLowerCase()) }), /* @__PURE__ */ B(T, {
+					className: H.editorList,
+					children: [/* @__PURE__ */ z(w, { children: c.noOptionsFound }), /* @__PURE__ */ z(S, { children: n.options?.map((e) => /* @__PURE__ */ B(C, {
+						value: e.label,
+						disabled: e.disabled,
+						"data-checked": d.includes(e.value) || void 0,
+						onSelect: () => {
+							if (!u) {
+								f([e.value]), n.closeOnSelect && (i([e.value]), o());
+								return;
+							}
+							f((t) => Ee(t, e.value));
+						},
+						children: [e.icon, /* @__PURE__ */ B("span", {
+							className: H.optionBody,
+							children: [/* @__PURE__ */ z(t, {
+								tag: "span",
+								children: e.label
+							}), !!e.description && /* @__PURE__ */ z(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.description
+							})]
+						})]
+					}, e.value)) })]
+				})]
+			}),
+			p && /* @__PURE__ */ z(X, {
+				count: d.length,
+				filter: n,
+				onApply: () => {
+					try {
+						i(d), o();
+					} catch (e) {
+						l(e, {
+							phase: "apply",
+							filterKey: n.key
+						});
+					}
+				}
+			})
+		]
+	});
+}
+function Oe({ filter: r, value: i, onValueChange: a, onBack: o, onClose: s, triggerSource: c = "chip" }) {
+	let { strings: l, cacheAsyncOptions: u, reportError: d } = V(), f = r.multiple === !0, [p, m] = L(""), [h, g] = O(i), _ = we(r, p, !0, { onError: d });
+	P(() => {
+		_.options.length > 0 && u(r.key, _.options);
+	}, [
+		_.options,
+		u,
+		r.key
+	]);
+	let v = !Z(h, i);
+	return /* @__PURE__ */ B("div", {
+		className: e("async-filter-editor--component", H.editor),
+		children: [
+			/* @__PURE__ */ z(Y, {
+				filter: r,
+				showBack: c === "toolbar",
+				onBack: o
+			}),
+			/* @__PURE__ */ B(E, {
+				shouldFilter: !1,
+				children: [/* @__PURE__ */ z(x, {
+					value: p,
+					onValueChange: m,
+					placeholder: l.searchPlaceholder(r.label.toLowerCase())
+				}), /* @__PURE__ */ z(T, {
+					className: H.editorList,
+					children: _.isBelowMinQuery ? /* @__PURE__ */ z("div", {
+						className: H.editorNote,
+						children: /* @__PURE__ */ z(t, {
+							size: "sm",
+							type: "secondary",
+							children: l.minQueryHint(_.minQueryLength)
+						})
+					}) : _.isLoading ? /* @__PURE__ */ B("div", {
+						className: H.editorNote,
+						children: [/* @__PURE__ */ z(D, {}), /* @__PURE__ */ z(t, {
+							size: "sm",
+							type: "secondary",
+							children: l.searching
+						})]
+					}) : _.isError ? /* @__PURE__ */ B("div", {
+						className: H.editorNote,
+						children: [/* @__PURE__ */ z(t, {
+							size: "sm",
+							type: "error",
+							children: l.fetchError
+						}), /* @__PURE__ */ B(n, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "outline",
+							onClick: _.refetch,
+							children: [/* @__PURE__ */ z(ee, {}), l.retryFetch]
+						})]
+					}) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(w, { children: l.noOptionsFound }), /* @__PURE__ */ z(S, { children: _.options.map((e) => /* @__PURE__ */ B(C, {
+						value: e.value,
+						"data-checked": h.includes(e.value) || void 0,
+						onSelect: () => {
+							if (!f) {
+								g([e.value]), r.closeOnSelect && (a([e.value]), s());
+								return;
+							}
+							g((t) => Ee(t, e.value));
+						},
+						children: [e.icon, /* @__PURE__ */ B("span", {
+							className: H.optionBody,
+							children: [/* @__PURE__ */ z(t, {
+								tag: "span",
+								children: e.label
+							}), !!e.description && /* @__PURE__ */ z(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.description
+							})]
+						})]
+					}, e.value)) })] })
+				})]
+			}),
+			v && /* @__PURE__ */ z(X, {
+				count: h.length,
+				filter: r,
+				onApply: () => {
+					a(h), s();
+				}
+			})
+		]
+	});
+}
+function ke({ filter: t, value: n, onValueChange: r, onBack: i, triggerSource: a = "chip" }) {
+	let o = t.dateFormat?.param ?? Te, s = (e) => {
+		if (!e) return;
+		let t = ce(e, o, /* @__PURE__ */ new Date());
+		return se(t) ? t : void 0;
+	}, c = (e) => e && se(e) ? oe(e, o) : void 0, l = t.operator === G.BETWEEN;
+	return /* @__PURE__ */ B("div", {
+		className: e("date-filter-editor--component", H.editor),
+		children: [/* @__PURE__ */ z(Y, {
+			filter: t,
+			showBack: a === "toolbar",
+			onBack: i
+		}), /* @__PURE__ */ z("div", {
+			className: H.editorBody,
+			children: l ? /* @__PURE__ */ z(y, {
+				value: {
+					from: s(n[0]),
+					to: s(n[1])
+				},
+				onValueChange: (e) => {
+					r([c(e?.from), c(e?.to)].filter((e) => !!e));
+				}
+			}) : /* @__PURE__ */ z(b, {
+				value: s(n[0]),
+				onValueChange: (e) => {
+					let t = c(e);
+					r(t ? [t] : []);
+				}
+			})
+		})]
+	});
+}
+function Ae({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s } = V(), [c, l] = O(n), u = !Z(c, n);
+	return /* @__PURE__ */ B("div", {
+		className: e("tags-filter-editor--component", H.editor),
+		children: [
+			/* @__PURE__ */ z(Y, {
+				filter: t,
+				showBack: o === "toolbar",
+				onBack: i
+			}),
+			/* @__PURE__ */ z("div", {
+				className: H.editorBody,
+				children: /* @__PURE__ */ z(v, {
+					value: c,
+					onValueChange: l,
+					placeholder: t.placeholder ?? s.enterTags,
+					maxTags: t.maxSelected
+				})
+			}),
+			u && /* @__PURE__ */ z(X, {
+				count: c.length,
+				filter: t,
+				onApply: () => {
+					r(c), a();
+				}
+			})
+		]
+	});
+}
+function je({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s } = V(), [c, l] = O(n), [u, d] = [c[0] ?? "", c[1] ?? ""], f = (e) => l([e, c[1] ?? ""]), m = (e) => l([c[0] ?? "", e]), h = t.operator === G.BETWEEN, g = F(() => (h ? [u, d] : [u]).filter((e) => e.trim().length > 0), [
+		h,
+		d,
+		u
+	]), _ = !Z(g, n);
+	return /* @__PURE__ */ B("div", {
+		className: H.editor,
+		children: [
+			/* @__PURE__ */ z(Y, {
+				filter: t,
+				showBack: o === "toolbar",
+				onBack: i
+			}),
+			/* @__PURE__ */ B("div", {
+				className: e("range-filter-editor--component", H.editorBody, H.rangeBody),
+				children: [/* @__PURE__ */ z(p, {
+					type: "number",
+					value: u,
+					onChange: (e) => f(e.target.value),
+					placeholder: s.min,
+					"aria-label": s.min
+				}), h && /* @__PURE__ */ z(p, {
+					type: "number",
+					value: d,
+					onChange: (e) => m(e.target.value),
+					placeholder: s.max,
+					"aria-label": s.max
+				})]
+			}),
+			_ && /* @__PURE__ */ z(X, {
+				count: g.length,
+				filter: t,
+				onApply: () => {
+					r(g), a();
+				}
+			})
+		]
+	});
+}
+function Q(e) {
+	switch (e.filter.type) {
+		case W.DATE: return /* @__PURE__ */ z(ke, { ...e });
+		case W.TAGS: return /* @__PURE__ */ z(Ae, { ...e });
+		case W.RANGE: return /* @__PURE__ */ z(je, { ...e });
+		case W.ASYNC_SELECT: return /* @__PURE__ */ z(Oe, { ...e });
+		default: return /* @__PURE__ */ z(De, { ...e });
+	}
+}
+//#endregion
+//#region src/components/features/filters/filter-operator-select.tsx
+function Me({ operator: e, operators: n, onOperatorChange: c }) {
+	let { strings: l } = V(), u = n.find((t) => t.value === e) ?? n[0];
+	return n.length <= 1 ? /* @__PURE__ */ z(t, {
+		tag: "span",
+		size: "sm",
+		type: "secondary",
+		className: H.operatorStatic,
+		children: u?.label
+	}) : /* @__PURE__ */ B(o, { children: [/* @__PURE__ */ z(r, { render: (e) => /* @__PURE__ */ B("button", {
+		...e,
+		type: "button",
+		"aria-label": l.operator,
+		className: H.segment,
+		onClick: (t) => {
+			t.stopPropagation(), e.onClick?.(t);
+		},
+		children: [/* @__PURE__ */ z(t, {
+			tag: "span",
+			size: "sm",
+			type: "secondary",
+			children: u?.label
+		}), /* @__PURE__ */ z(j, {
+			"aria-hidden": !0,
+			className: H.segmentGlyph
+		})]
+	}) }), /* @__PURE__ */ z(a, {
+		align: "start",
+		children: /* @__PURE__ */ z(i, {
+			value: e,
+			onValueChange: (e) => c(e),
+			children: n.map((e) => /* @__PURE__ */ z(s, {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		})
+	})] });
+}
+//#endregion
+//#region src/components/features/filters/filter-value-display.tsx
+function Ne({ filter: n, value: r, className: i }) {
+	let { strings: a, getAsyncOptionLabel: o } = V(), s = Se(n, r, a, (e) => o(n.key, e));
+	if (r.length === 0) return /* @__PURE__ */ z(t, {
+		tag: "span",
+		type: "secondary",
+		truncate: !0,
+		className: i,
+		children: a.nothingSelected
+	});
+	let c = r.slice(0, 2).map((e) => J(n, e)?.icon).filter(Boolean);
+	return /* @__PURE__ */ B("span", {
+		className: e("filter-value-display--component", H.valueDisplay, i),
+		children: [
+			n.type === W.DATE && /* @__PURE__ */ z(A, {
+				"aria-hidden": !0,
+				className: H.valueGlyph
+			}),
+			c.length > 0 && /* @__PURE__ */ B("span", {
+				className: H.valueIcons,
+				children: [c.map((e, t) => /* @__PURE__ */ z("span", {
+					className: H.valueIcon,
+					children: e
+				}, t)), r.length > 2 && /* @__PURE__ */ z("span", {
+					className: H.valueIconCount,
+					children: /* @__PURE__ */ B(t, {
+						tag: "span",
+						size: "xs",
+						weight: "medium",
+						numeric: !0,
+						children: ["+", r.length - 2]
+					})
+				})]
+			}),
+			/* @__PURE__ */ z(t, {
+				tag: "span",
+				weight: "medium",
+				truncate: !0,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/filters/filter-pill.tsx
+function Pe({ filter: n, value: r, active: i, operator: a, operators: o, onOperatorChange: s, onValueChange: c, onClear: l, className: u }) {
+	let { strings: d } = V(), [f, p] = L(!1), m = I(!1);
+	return /* @__PURE__ */ B(_, {
+		open: f,
+		onOpenChange: (e) => {
+			e && m.current || p(e);
+		},
+		children: [/* @__PURE__ */ B("div", {
+			role: "group",
+			"aria-label": n.label,
+			"data-active": i || void 0,
+			className: e("filter-pill--component", H.pill, n.displayConfig?.className, u),
+			children: [
+				/* @__PURE__ */ z(h, {
+					render: /* @__PURE__ */ z("span", {}),
+					nativeButton: !1,
+					tabIndex: -1,
+					"aria-hidden": "true",
+					className: H.pillAnchor
+				}),
+				/* @__PURE__ */ B("button", {
+					type: "button",
+					className: H.segment,
+					onClick: () => {
+						m.current || p(!0);
+					},
+					children: [!!n.icon && /* @__PURE__ */ z("span", {
+						className: H.pillIcon,
+						children: n.icon
+					}), /* @__PURE__ */ z(t, {
+						tag: "span",
+						size: "sm",
+						weight: "semibold",
+						children: n.label
+					})]
+				}),
+				/* @__PURE__ */ z("span", {
+					"aria-hidden": !0,
+					className: H.pillDivider
+				}),
+				/* @__PURE__ */ z(Me, {
+					operator: a,
+					operators: o,
+					onOperatorChange: (e) => {
+						m.current = !0, s(e), p(!1), window.setTimeout(() => {
+							m.current = !1;
+						}, 100);
+					}
+				}),
+				/* @__PURE__ */ z("span", {
+					"aria-hidden": !0,
+					className: H.pillDivider
+				}),
+				/* @__PURE__ */ z("button", {
+					type: "button",
+					className: e(H.segment, H.pillValue),
+					"aria-label": `${d.edit}: ${n.label}`,
+					onClick: () => {
+						m.current || p(!0);
+					},
+					children: /* @__PURE__ */ z(Ne, {
+						filter: n,
+						value: r
+					})
+				}),
+				i && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("span", {
+					"aria-hidden": !0,
+					className: H.pillDivider
+				}), /* @__PURE__ */ z("button", {
+					type: "button",
+					className: e(H.segment, H.segmentClear),
+					"aria-label": `${d.clear}: ${n.label}`,
+					onClick: (e) => {
+						e.stopPropagation(), p(!1), l();
+					},
+					children: /* @__PURE__ */ z(ne, {
+						"aria-hidden": !0,
+						className: H.segmentGlyph
+					})
+				})] })
+			]
+		}), /* @__PURE__ */ z(g, {
+			align: "start",
+			inset: "flush",
+			className: H.editorPopover,
+			children: /* @__PURE__ */ z(Q, {
+				filter: n,
+				value: r,
+				onValueChange: c,
+				onBack: () => p(!1),
+				onClose: () => p(!1),
+				triggerSource: "chip"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/filter-tabs.tsx
+function Fe(e, t) {
+	return e.presets.filter((e) => e.value.length > 0).map((e) => ({
+		id: e.key,
+		key: e.key,
+		operator: e.operator ?? t(e.key),
+		value: e.value
+	}));
+}
+function Ie({ tabs: t, className: n }) {
+	let { activeFilters: r, filters: i, replaceFilters: a } = V(), o = (e) => {
+		let t = i.find((t) => t.key === e);
+		return t ? t.operator ?? t.operators?.[0]?.value ?? q(t.type) : "equals";
+	}, s = t.find((e) => {
+		let t = Fe(e, o);
+		return t.length === r.length && t.every((e) => r.some((t) => t.key === e.key && t.operator === e.operator && JSON.stringify([...t.value].sort()) === JSON.stringify([...e.value].sort())));
+	});
+	return /* @__PURE__ */ z(m, {
+		value: s?.id,
+		onValueChange: (e) => {
+			let n = t.find((t) => t.id === e);
+			n && a(Fe(n, o));
+		},
+		items: t.map((e) => ({
+			id: e.id,
+			label: e.label,
+			badge: e.count === void 0 ? void 0 : /* @__PURE__ */ z(u, {
+				tone: "neutral",
+				children: e.count
+			})
+		})),
+		className: e("filter-tabs--component", n ?? H.tabs)
+	});
+}
+//#endregion
+//#region src/components/features/filters/filters-button.tsx
+function Le({ availableFilters: e, className: r }) {
+	let { strings: i, getFilterValue: a, setFilterValue: o } = V(), [s, c] = L(!1), [l, u] = L(null);
+	return /* @__PURE__ */ B(_, {
+		open: s,
+		onOpenChange: (e) => {
+			c(e), e || u(null);
+		},
+		children: [/* @__PURE__ */ z(h, { render: /* @__PURE__ */ B(n, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			className: r,
+			children: [/* @__PURE__ */ z(M, {}), i.addFilter]
+		}) }), /* @__PURE__ */ z(g, {
+			align: "start",
+			inset: "flush",
+			className: H.editorPopover,
+			children: l ? /* @__PURE__ */ z(Q, {
+				filter: l,
+				value: a(l.key),
+				onValueChange: (e) => o(l.key, e),
+				onBack: () => u(null),
+				onClose: () => c(!1),
+				triggerSource: "toolbar"
+			}) : /* @__PURE__ */ B(E, { children: [/* @__PURE__ */ z(x, { placeholder: i.searchFilters }), /* @__PURE__ */ B(T, {
+				className: H.editorList,
+				children: [/* @__PURE__ */ z(w, { children: i.noFiltersAvailable }), /* @__PURE__ */ z(S, {
+					heading: i.availableFilters,
+					children: e.map((e) => /* @__PURE__ */ B(C, {
+						value: e.label,
+						onSelect: () => u(e),
+						children: [e.icon, /* @__PURE__ */ B("span", {
+							className: H.optionBody,
+							children: [/* @__PURE__ */ z(t, {
+								tag: "span",
+								children: e.label
+							}), /* @__PURE__ */ z(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								children: e.type === W.DATE ? i.selectDate : e.options ? i.options(e.options.length) : e.description ?? ""
+							})]
+						})]
+					}, e.key))
+				})]
+			})] })
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/search-filters.tsx
+function Re({ filter: t, className: n }) {
+	let { getFilterValue: r, setFilterValue: i, strings: a } = V(), o = r(t.key)[0] ?? "", [s, c] = O(o), l = d(s, t.delay ?? 300);
+	return P(() => {
+		l !== o && i(t.key, l.trim() ? [l] : []);
+	}, [
+		o,
+		l,
+		t.key,
+		i
+	]), /* @__PURE__ */ z(p, {
+		value: s,
+		onChange: (e) => c(e.target.value),
+		placeholder: t.placeholder ?? a.searchPlaceholder(t.label.toLowerCase()),
+		"aria-label": t.label,
+		startIcon: te,
+		clearable: !0,
+		onClear: () => c(""),
+		className: e("search-filter--component", H.searchInput, n)
+	});
+}
+function ze({ filters: t, className: n }) {
+	return t.length === 0 ? null : /* @__PURE__ */ z(R, { children: t.map((t) => /* @__PURE__ */ z(Re, {
+		filter: t,
+		className: e("search-filters--component", n)
+	}, t.key)) });
+}
+//#endregion
+//#region src/components/features/filters/use-filter-groups.ts
+function Be({ dynamicFilterOptions: e } = {}) {
+	let { filters: t, isFilterActive: n } = V(), r = F(() => e ? t.map((t) => {
+		let n = e[t.key];
+		return Array.isArray(n) ? {
+			...t,
+			options: n
+		} : t;
+	}) : t, [e, t]);
+	return F(() => {
+		let e = r.filter((e) => e.type === W.SEARCH), t = [...r.filter((e) => e.type !== W.SEARCH && !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden")].sort((e, t) => (e.displayConfig?.priority ?? 0) - (t.displayConfig?.priority ?? 0)), i = t.filter((e) => n(e.key)), a = t.filter((e) => !n(e.key) && e.displayConfig?.display === "always"), o = t.filter((e) => !n(e.key) && e.displayConfig?.display !== "always");
+		return {
+			processedFilters: r,
+			searchFilters: e,
+			alwaysVisibleFilters: a,
+			activeFilters: i,
+			popoverFilters: o,
+			activeFilterKeys: i.map((e) => e.key),
+			hasActive: i.length > 0
+		};
+	}, [n, r]);
+}
+//#endregion
+//#region src/components/features/filters/filter-layout.tsx
+function Ve({ className: r, dynamicFilterOptions: i, loadingFilters: a, variant: o = "default", showClearFilters: s = !0, tabs: c }) {
+	let { getFilterValue: l, setFilterValue: u, isFilterActive: d, clearFilters: f, getFilterOperator: p, setFilterOperator: m, isNavigating: h, strings: g } = V(), _ = Be({ dynamicFilterOptions: i }), v = (e) => e.operators?.length ? e.operators : ye(e.type, g.operators), y = (e) => /* @__PURE__ */ z(Pe, {
+		filter: e,
+		value: l(e.key),
+		active: d(e.key),
+		operator: p(e.key),
+		operators: v(e),
+		onOperatorChange: (t) => m(e.key, t),
+		onValueChange: (t) => u(e.key, t),
+		onClear: () => u(e.key, [])
+	}, e.key);
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "filter-layout",
+		"data-variant": o,
+		className: e("filter-layout--component", H.layout, r),
+		children: [!!c?.length && /* @__PURE__ */ z(Ie, { tabs: c }), /* @__PURE__ */ B("div", {
+			className: H.bar,
+			"data-busy": h || void 0,
+			children: [
+				/* @__PURE__ */ z(ze, { filters: _.searchFilters }),
+				Object.entries(a ?? {}).filter(([, e]) => e).map(([e]) => {
+					let n = _.processedFilters.find((t) => t.key === e)?.label ?? e;
+					return /* @__PURE__ */ B("span", {
+						className: H.loadingChip,
+						children: [/* @__PURE__ */ z(D, {}), /* @__PURE__ */ z(t, {
+							tag: "span",
+							size: "sm",
+							type: "secondary",
+							children: g.loadingOptions(n)
+						})]
+					}, `loading-${e}`);
+				}),
+				_.activeFilters.map(y),
+				_.alwaysVisibleFilters.map(y),
+				_.popoverFilters.length > 0 && /* @__PURE__ */ z(Le, { availableFilters: _.popoverFilters }),
+				s && _.hasActive && /* @__PURE__ */ z(n, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					onClick: f,
+					className: H.clear,
+					children: g.clearFilters
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/filters/filter-query.ts
+var He = "__op", Ue = ["page"], We = new Set(Object.values(G));
+function $(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(String);
+		e.length > 0 && (t[n] = e);
+	}
+	return t;
+}
+function Ge(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 Ke(e, t, n) {
+	let r = e[t] ?? [];
+	return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
+}
+function qe(e) {
+	return e.operator ?? e.operators?.[0]?.value ?? q(e.type);
+}
+function Je(e) {
+	return e.type === W.MULTI_SELECT || e.type === W.TAGS || e.multiple === !0;
+}
+function Ye(e, t, n = {}) {
+	let r = n.operatorSuffix ?? He, i = n.arrayFormat ?? "repeat", a = $(t);
+	return e.flatMap((e) => {
+		let t = Ke(a, e.key, i).map((e) => e.trim()).filter((e) => e.length > 0);
+		if (t.length === 0) return [];
+		let [n] = a[`${e.key}${r}`] ?? [], o = n && We.has(n) ? n : qe(e);
+		return [{
+			id: e.key,
+			key: e.key,
+			operator: o,
+			value: Je(e) ? t : [t[0]]
+		}];
+	});
+}
+function Xe(e, t, n, r = {}) {
+	let i = r.operatorSuffix ?? He, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? Ue, l = o ? $(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 = e.value.map((e) => e.trim()).filter((e) => e.length > 0);
+		if (n.length === 0) continue;
+		l[e.key] = a === "comma" ? [n.join(",")] : n;
+		let r = e.operator === qe(t);
+		(s === "always" || s === "changed" && !r) && (l[`${e.key}${i}`] = [e.operator]);
+	}
+	return Ge(l);
+}
+function Ze(e, t, n = {}) {
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? Ue, a = r ? $(e) : {}, o = $(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 Ge(a);
+}
+//#endregion
+//#region src/components/features/filters/filter-validators.ts
+function Qe(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 $e(e, t) {
+	return (n) => e(n) ? !0 : t;
+}
+//#endregion
+export { ye as A, V as B, Se as C, _e as D, be as E, W as F, me as I, U as L, ve as M, K as N, q as O, G as P, pe as R, Ce as S, xe as T, Q as _, Xe as a, Ae as b, Re as c, Ie as d, Pe as f, ke as g, Oe as h, Ye as i, he as j, ge as k, ze as l, Me as m, Qe as n, Ve as o, Ne as p, Ze as r, Be as s, $e as t, Le as u, je as v, J as w, we as x, De as y, de as z };