themelia-react-ui 2.0.4 → 2.0.5

package/dist/{filters-BcT-uoFy.js → filters-DzgSJpMK.js}

@@ -1,36 +1,37 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-CQCuCBcy.js";
+import { S as e, d as t } from "./ui-provider-C-74NVLc.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-CF3c95Io.js";
-import { n as i } from "./buttons-BbfzgczK.js";
-import { a, c as o, o as s } from "./typography-CSyJrh28.js";
+import { t as r } from "./utils-B6kKb8jB.js";
+import { n as i } from "./buttons-BedGfygC.js";
+import { a, c as o, o as s } from "./typography-BQnine1k.js";
 import { t as c } from "./focus-recipes-B653VaLq.js";
-import { r as l, t as u } from "./structure-C0V0_Fyf.js";
+import { r as l, t as u } from "./structure-DuxKl954.js";
 import { i as d } from "./tone-recipes-BPsRAvhu.js";
-import { n as f, t as p } from "./feedback-DZNL5Lg1.js";
-import { i as m } from "./popover.recipes-D3j8R8Yp.js";
-import { _ as h, g, m as _ } from "./primitives-Du64iDbb.js";
-import { t as v } from "./number-E_OiIfJz.js";
-import { n as y, t as b } from "./date-Q7jnXxpk.js";
-import { t as x } from "./badge-DErMA7ul.js";
+import { n as f, t as p } from "./feedback-Dm4izqFn.js";
+import { i as m, r as h } from "./popover.recipes-DdiEp0rd.js";
+import { _ as g, m as _ } from "./primitives-ByWgGUgt.js";
+import { t as v } from "./number-CRU3kGuk.js";
+import { n as y, t as b } from "./date-Cq8ioE4o.js";
+import { t as x } from "./badge-xIiV_E7f.js";
 import { t as S } from "./layer-recipes-CCpklYME.js";
-import { n as C } from "./field-affordance-recipes-DjwGx8eM.js";
-import { a as w, i as T, n as E, o as D, r as O, s as k, t as A } from "./command-D8NrBj-b.js";
-import { d as j, p as M, y as N } from "./form-sizing-NXgjkmBG.js";
-import { t as P } from "./input-Cdw4k0fb.js";
-import { t as F } from "./date-picker-zOt1oNss.js";
-import { a as I, c as L, i as R, o as ee, r as z, t as te } from "./popover-uwzX2vo7.js";
-import { n as B, r as ne, t as re } from "./control-group-recipes-DBXmfh2E.js";
-import { i as ie, r as ae, t as oe } from "./tabs-eqVsJZWO.js";
-import { t as se } from "./popover-menu-BYaCdFhf.js";
-import { t as ce } from "./use-debounced-callback-Cx1h-hdv.js";
-import { t as le } from "./use-debounce-DZ_1ZBPa.js";
-import V, { Component as ue, createContext as de, useCallback as H, useContext as fe, useEffect as U, useId as pe, useMemo as W, useRef as G, useState as K } from "react";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { CalendarIcon as me, Check as he, ChevronDown as ge, ChevronLeft as _e, ChevronsUpDown as ve, Filter as ye, Loader2 as be, Plus as xe, X as Se } from "lucide-react";
-import { format as Ce, isValid as we, parse as Te } from "date-fns";
+import { n as C } from "./field-affordance-recipes-DWcNcOjh.js";
+import { a as w, i as T, n as E, o as D, r as O, s as k, t as A } from "./command-CrlPIL6m.js";
+import { d as j, p as M, y as N } from "./form-sizing-Bs2qFUeE.js";
+import { t as P } from "./input-CvyDQlY7.js";
+import { t as F } from "./date-picker-RlIzKom_.js";
+import { a as ee, c as I, i as te, n as L, o as ne, r as R, t as re } from "./popover-B85RenIl.js";
+import { n as ie, r as ae, t as oe } from "./control-group-recipes-fMuFo0H7.js";
+import { i as se, r as ce, t as le } from "./tabs-e7ko9S2o.js";
+import { t as ue } from "./popover-menu-DlnQ2zlR.js";
+import { t as de } from "./use-debounced-callback-Cx1h-hdv.js";
+import { t as fe } from "./use-debounce-DZ_1ZBPa.js";
+import { i as pe, n as me, r as he, t as ge } from "./cascader-B1MiqkBq.js";
+import z, { Component as _e, createContext as ve, useCallback as B, useContext as ye, useEffect as V, useId as be, useMemo as H, useRef as U, useState as W } from "react";
+import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { CalendarIcon as xe, Check as Se, ChevronDown as Ce, ChevronLeft as we, ChevronsUpDown as Te, Filter as Ee, Loader2 as De, Plus as Oe, X as ke } from "lucide-react";
+import { format as Ae, isValid as J, parse as je } from "date-fns";
 //#region src/components/features/filters/filters.strings.ts
-var Ee = {
+var Me = {
 	loading: "Loading",
 	loadingOptions: "Loading {filterLabel} options...",
 	addFilter: "Add filter",
@@ -72,6 +73,8 @@ var Ee = {
 	activeFilters: "Active filters",
 	clearSearch: "Clear search",
 	backToFilters: "Back to filters",
+	previousLevel: "Back",
+	selectCurrentLevel: "Select this level",
 	select: "Select",
 	options: "options",
 	operator: "Operator",
@@ -109,20 +112,20 @@ var Ee = {
 		invalidFormat: "Invalid format"
 	}
 };
-function X(e, t) {
+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 De(e, t, n) {
+function Ne(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 ? X(i, n) : i : t;
+	return typeof i == "string" ? n ? Y(i, n) : i : t;
 }
 //#endregion
 //#region src/components/features/filters/filters.types.ts
-var Z = {
+var X = {
 	SELECT: "select",
 	MULTI_SELECT: "multi_select",
 	ASYNC_SELECT: "async_select",
@@ -130,7 +133,7 @@ var Z = {
 	RANGE: "range",
 	DATE: "date",
 	TAGS: "tags"
-}, Q = {
+}, Z = {
 	EQUALS: "equals",
 	CONTAINS: "contains",
 	IN: "in",
@@ -147,112 +150,140 @@ var Z = {
 	HAS_ANY: "has_any",
 	HAS_ALL: "has_all"
 };
-function Oe(e) {
+function Pe(e) {
 	return e;
 }
 //#endregion
 //#region src/components/features/filters/operator-options.ts
-function ke(e) {
+function Fe(e) {
 	return [
 		{
 			label: e.contains,
-			value: Q.CONTAINS
+			value: Z.CONTAINS
 		},
 		{
 			label: e.equals,
-			value: Q.EQUALS
+			value: Z.EQUALS
 		},
 		{
 			label: e.notContains,
-			value: Q.NOT
+			value: Z.NOT
 		}
 	];
 }
-function Ae(e) {
+function Ie(e) {
 	return [{
 		label: e.is,
-		value: Q.EQUALS
+		value: Z.EQUALS
 	}, {
 		label: e.isNot,
-		value: Q.NOT
+		value: Z.NOT
 	}];
 }
-function je(e) {
+function Le(e) {
 	return [
 		{
 			label: e.equals,
-			value: Q.EQUALS
+			value: Z.EQUALS
 		},
 		{
 			label: e.greaterThan,
-			value: Q.GT
+			value: Z.GT
 		},
 		{
 			label: e.lessThan,
-			value: Q.LT
+			value: Z.LT
 		}
 	];
 }
-function Me(e) {
+function Re(e) {
 	return [
 		{
 			label: e.before,
-			value: Q.BEFORE
+			value: Z.BEFORE
 		},
 		{
 			label: e.after,
-			value: Q.AFTER
+			value: Z.AFTER
 		},
 		{
 			label: e.between,
-			value: Q.BETWEEN
+			value: Z.BETWEEN
 		}
 	];
 }
-function Ne(e) {
+function ze(e) {
 	return [{
 		label: e.equals,
-		value: Q.EQUALS
+		value: Z.EQUALS
 	}];
 }
-function Pe(e, t) {
+function Be(e, t) {
 	switch (e) {
-		case Z.SEARCH: return ke(t);
-		case Z.TAGS: return [
+		case X.SEARCH: return Fe(t);
+		case X.TAGS: return [
 			{
 				label: t.has,
-				value: Q.HAS
+				value: Z.HAS
 			},
 			{
 				label: t.hasAny,
-				value: Q.HAS_ANY
+				value: Z.HAS_ANY
 			},
 			{
 				label: t.hasAll,
-				value: Q.HAS_ALL
+				value: Z.HAS_ALL
 			}
 		];
-		case Z.SELECT:
-		case Z.ASYNC_SELECT: return Ae(t);
-		case Z.RANGE: return je(t);
-		case Z.DATE: return Me(t);
-		default: return ke(t);
+		case X.SELECT:
+		case X.ASYNC_SELECT: return Ie(t);
+		case X.RANGE: return Le(t);
+		case X.DATE: return Re(t);
+		default: return Fe(t);
 	}
 }
-function Fe(e) {
+function Ve(e) {
 	switch (e) {
-		case Z.SEARCH: return Q.CONTAINS;
-		case Z.TAGS: return Q.HAS;
-		case Z.SELECT:
-		case Z.ASYNC_SELECT: return Q.EQUALS;
-		case Z.RANGE: return Q.EQUALS;
-		case Z.DATE: return Q.BEFORE;
-		default: return Q.EQUALS;
+		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 Ie(e, t, n) {
+function He(e, t) {
+	for (let n of e ?? []) {
+		if (n.value === t) return [n];
+		let e = He(n.children, t);
+		if (e.length) return [n, ...e];
+	}
+	return [];
+}
+function Q(e) {
+	return e.replace(/\S+/g, (e) => /^\p{Lu}{2,}/u.test(e) ? e : e.toLowerCase());
+}
+function Ue(e) {
+	return !!e?.some((e) => !!e.children?.length);
+}
+function We(e) {
+	return e.map((e) => ({
+		value: e.value,
+		label: e.label,
+		description: e.description,
+		icon: e.icon ?? void 0,
+		disabled: e.disabled,
+		...e.children?.length ? { children: We(e.children) } : {}
+	}));
+}
+function Ge(e, t, n = " / ") {
+	let r = He(e.options, t);
+	return r.length ? r.map((e) => e.label).join(n) : void 0;
+}
+function Ke(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") {
@@ -268,14 +299,14 @@ function Ie(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filter-context.tsx
-var Le = de(void 0);
-function Re({ children: e, filters: t, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
-	let c = G(t), l = G(i), u = G(s);
+var qe = ve(void 0);
+function Je({ children: e, filters: t, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
+	let c = U(t), l = U(i), u = U(s);
 	u.current = s;
-	let [d, f] = K(0), p = G(/* @__PURE__ */ new Map()), m = W(() => {
+	let [d, f] = W(0), p = U(/* @__PURE__ */ new Map()), m = H(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let n of t) {
-			if (n.type !== Z.ASYNC_SELECT) continue;
+			if (n.type !== X.ASYNC_SELECT) continue;
 			let t = n.asyncConfig?.fetcher, r = n.asyncConfig?.mapToOption, i = n.asyncConfig?.limit ?? 10, a = p.current.get(n.key), o = a && a.fetcher === t && a.mapToOption === r;
 			e.set(n.key, o && a.limit === i ? a : {
 				fetcher: t,
@@ -285,34 +316,34 @@ function Re({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
 			});
 		}
 		return e.size === p.current.size && [...e].every(([e, t]) => p.current.get(e) === t) ? p.current : (p.current = e, e);
-	}, [t]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = n(Ee, o);
-	U(() => {
+	}, [t]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = n(Me, o);
+	V(() => {
 		c.current = t;
-	}, [t]), U(() => {
+	}, [t]), V(() => {
 		l.current = i;
 	}, [i]);
-	let _ = H((e) => {
+	let _ = B((e) => {
 		let t = [...r, e];
 		l.current(t);
-	}, [r]), v = H((e) => {
+	}, [r]), v = B((e) => {
 		let t = r.filter((t) => t.id !== e && t.key !== e);
 		l.current(t);
-	}, [r]), y = H((e, t) => {
+	}, [r]), y = B((e, t) => {
 		let n = r.map((n) => n.id === e || n.key === e ? {
 			...n,
 			...t
 		} : n);
 		l.current(n);
-	}, [r]), b = H(() => {
+	}, [r]), b = B(() => {
 		l.current([]);
-	}, []), x = H((e) => {
+	}, []), x = B((e) => {
 		l.current(e);
-	}, []), S = H((e) => c.current.find((t) => t.key === e), []), C = H((e) => r.find((t) => t.key === e)?.value || [], [r]), w = H((e, t) => {
+	}, []), S = B((e) => c.current.find((t) => t.key === e), []), C = B((e) => r.find((t) => t.key === e)?.value || [], [r]), w = B((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 ? Fe(n.type) : "equals");
+			let n = c.current.find((t) => t.key === e), r = n?.operator ?? n?.operators?.[0]?.value ?? (n ? Ve(n.type) : "equals");
 			_({
 				id: e,
 				key: e,
@@ -325,21 +356,21 @@ function Re({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
 		_,
 		v,
 		y
-	]), T = H((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), E = H((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), D = H((e, t) => {
+	]), T = B((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), E = B((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), D = B((e, t) => {
 		r.find((t) => t.key === e) && y(e, { operator: t });
-	}, [r, y]), O = H((e, t) => {
+	}, [r, y]), O = B((e, t) => {
 		let n = c.current.find((t) => t.key === e);
-		return n ? Ie(n, t, (e) => De(g, e)) : !1;
-	}, [g]), k = H((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), A = H((e, t) => {
+		return n ? Ke(n, t, (e) => Ne(g, e)) : !1;
+	}, [g]), k = B((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), A = B((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 = H((e, t) => m.get(e)?.options.get(t)?.label, [m, d]), M = H((e, t) => {
+	}, [m]), j = B((e, t) => m.get(e)?.options.get(t)?.label, [m, d]), M = B((e, t) => {
 		u.current?.(e, t);
 	}, []);
-	U(() => {
+	V(() => {
 		let e = new AbortController(), t = (t, n) => {
 			e.signal.aborted || t && t.name === "AbortError" || u.current?.(t, {
 				phase: "fetch-options",
@@ -364,7 +395,7 @@ function Re({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
 		m,
 		A
 	]);
-	let N = W(() => ({
+	let N = H(() => ({
 		activeFilters: r,
 		filters: t,
 		addFilter: _,
@@ -407,28 +438,28 @@ function Re({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
 		j,
 		M
 	]);
-	return /* @__PURE__ */ J(Le.Provider, {
+	return /* @__PURE__ */ K(qe.Provider, {
 		value: N,
 		children: e
 	});
 }
 function $() {
-	let e = fe(Le);
+	let e = ye(qe);
 	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 ze(e = {}) {
-	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = $(), i = W(() => t ? n.map((e) => {
+function Ye(e = {}) {
+	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = $(), i = H(() => t ? n.map((e) => {
 		let n = t[e.key];
 		return Array.isArray(n) ? {
 			...e,
 			options: n
 		} : e;
 	}) : n, [n, t]);
-	return W(() => {
-		let e = i.filter((e) => e.type === Z.SEARCH), t = i.filter((e) => !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden"), n = i.filter((e) => e.type !== Z.SEARCH && !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden" && r(e.key)), a = t.filter((e) => e.type !== Z.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), o = t.filter((e) => e.type !== Z.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), s = n.map((e) => e.key);
+	return H(() => {
+		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,
@@ -442,14 +473,14 @@ function ze(e = {}) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-operator-select.tsx
-function Be({ operator: e, operators: t, onOperatorChange: n, segmentResetClass: a }) {
-	let [c, l] = K(!1), { strings: u } = $(), d = t.find((t) => t.value === e)?.label || e;
-	return /* @__PURE__ */ J(se, {
+function Xe({ operator: e, operators: t, onOperatorChange: n, segmentResetClass: a }) {
+	let [c, l] = W(!1), { strings: u } = $(), d = t.find((t) => t.value === e)?.label || e;
+	return /* @__PURE__ */ K(ue, {
 		open: c,
 		onOpenChange: l,
 		search: !1,
 		contentLabel: u.operator,
-		trigger: /* @__PURE__ */ J(i, {
+		trigger: /* @__PURE__ */ K(i, {
 			tone: "secondary",
 			buttonStyle: "ghost",
 			className: r("filter-operator-select--component", a, "h-full min-h-0 px-control text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
@@ -457,13 +488,13 @@ function Be({ operator: e, operators: t, onOperatorChange: n, segmentResetClass:
 				e.stopPropagation();
 			},
 			type: "button",
-			children: /* @__PURE__ */ J(o, {
+			children: /* @__PURE__ */ K(o, {
 				tag: "span",
 				type: "inherit",
 				children: d
 			})
 		}),
-		header: /* @__PURE__ */ J(s, {
+		header: /* @__PURE__ */ K(s, {
 			tag: "span",
 			children: u.operator
 		}),
@@ -480,130 +511,130 @@ function Be({ operator: e, operators: t, onOperatorChange: n, segmentResetClass:
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-value-display.tsx
-function Ve({ filter: e, value: t }) {
+function Ze({ filter: e, value: t }) {
 	let { strings: n } = $();
-	return t.length === 0 && e.type !== Z.DATE ? /* @__PURE__ */ J(o, {
+	return t.length === 0 && e.type !== X.DATE ? /* @__PURE__ */ K(o, {
 		tag: "span",
 		type: "secondary",
 		lineHeight: "none",
 		className: "filter-value-display--component",
 		children: n.nothingSelected
-	}) : e.type === Z.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ J(o, {
+	}) : e.type === X.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ K(o, {
 		tag: "span",
 		type: "inherit",
 		weight: "semibold",
 		lineHeight: "none",
 		className: "filter-value-display--component",
-		children: Ue(e, t, n)
-	}) : e.options && e.type !== Z.DATE ? /* @__PURE__ */ Y(u, {
+		children: $e(e, t, n)
+	}) : e.options && e.type !== X.DATE ? /* @__PURE__ */ q(u, {
 		direction: "horizontal",
 		gap: "xs",
 		wrap: !1,
 		className: "filter-value-display--component",
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "relative isolate flex",
 			children: [t.slice(0, 2).map((t, n) => {
-				let i = e.options?.find((e) => e.value === t);
-				return i?.icon ? /* @__PURE__ */ J("div", {
+				let i = He(e.options, t).at(-1);
+				return i?.icon ? /* @__PURE__ */ K("div", {
 					className: r("border-background bg-background relative rounded-full border", n > 0 ? "-ml-space-sm z-[1]" : S.raised),
 					children: i.icon
 				}, t) : null;
-			}), t.length > 2 && /* @__PURE__ */ J("div", {
+			}), t.length > 2 && /* @__PURE__ */ K("div", {
 				className: "bg-muted border-background relative z-0 -ml-space-sm flex size-icon items-center justify-center rounded-full border",
-				children: /* @__PURE__ */ Y(o, {
+				children: /* @__PURE__ */ q(o, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
-					children: ["+", /* @__PURE__ */ J(v, {
+					children: ["+", /* @__PURE__ */ K(v, {
 						value: t.length - 2,
 						size: "inherit",
 						align: "center"
 					})]
 				})
 			})]
-		}), /* @__PURE__ */ J(o, {
+		}), /* @__PURE__ */ K(o, {
 			tag: "span",
 			type: "inherit",
 			weight: "semibold",
 			lineHeight: "none",
 			className: "truncate",
-			children: We(e, t, n)
+			children: et(e, t, n)
 		})]
-	}) : e.type === Z.DATE ? /* @__PURE__ */ Y(u, {
+	}) : e.type === X.DATE ? /* @__PURE__ */ q(u, {
 		direction: "horizontal",
 		gap: "xs",
 		wrap: !1,
 		className: "filter-value-display--component",
-		children: [/* @__PURE__ */ J(me, { className: "text-muted-foreground size-icon-sm" }), /* @__PURE__ */ J(o, {
+		children: [/* @__PURE__ */ K(xe, { className: "text-muted-foreground size-icon-sm" }), /* @__PURE__ */ K(o, {
 			tag: "span",
 			type: "inherit",
 			weight: "semibold",
 			lineHeight: "none",
 			className: "min-w-0 truncate",
-			children: He(e, t, n)
+			children: Qe(e, t, n)
 		})]
-	}) : /* @__PURE__ */ J(o, {
+	}) : /* @__PURE__ */ K(o, {
 		tag: "span",
 		type: "inherit",
 		weight: "semibold",
 		lineHeight: "none",
 		className: "filter-value-display--component truncate",
-		children: We(e, t, n)
+		children: et(e, t, n)
 	});
 }
-function He(e, t, n) {
-	return e.operator === "between" && t.length === 2 ? qe(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? Ke(t[0], e.dateFormat?.display) : t.length === 2 ? qe(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ J(h, { children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected });
+function Qe(e, t, n) {
+	return e.operator === "between" && t.length === 2 ? rt(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? nt(t[0], e.dateFormat?.display) : t.length === 2 ? rt(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ K(g, { children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected });
 }
-function Ue(e, t, n) {
-	return t.length === 0 ? "" : X(n.selected, {
+function $e(e, t, n) {
+	return t.length === 0 ? "" : Y(n.selected, {
 		count: t.length,
-		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
+		filterLabel: Q((t.length > 1 ? e.pluralLabel : e.label) ?? e.label)
 	});
 }
-function We(e, t, n) {
-	return t.length > 1 ? X(n.selected, {
+function et(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(", ");
+		filterLabel: Q(e.pluralLabel ?? e.label)
+	}) : t.map((t) => Ge(e, t) || t).join(", ");
 }
-function Ge(e) {
+function tt(e) {
 	let t = new Date(e);
 	return !Number.isNaN(t.getTime());
 }
-function Ke(e, t) {
-	return Ge(e) ? /* @__PURE__ */ J(b, {
+function nt(e, t) {
+	return tt(e) ? /* @__PURE__ */ K(b, {
 		value: e,
 		format: t
-	}) : /* @__PURE__ */ J(h, { children: e });
+	}) : /* @__PURE__ */ K(g, { children: e });
 }
-function qe(e, t, n) {
-	return Ge(e) && Ge(t) ? /* @__PURE__ */ J(y, {
+function rt(e, t, n) {
+	return tt(e) && tt(t) ? /* @__PURE__ */ K(y, {
 		from: e,
 		to: t,
 		format: n
-	}) : /* @__PURE__ */ Y("span", {
+	}) : /* @__PURE__ */ q("span", {
 		className: "inline-flex min-w-0 items-center gap-space-xs",
 		children: [
-			Ke(e, n),
-			/* @__PURE__ */ J(h, { children: "–" }),
-			Ke(t, n)
+			nt(e, n),
+			/* @__PURE__ */ K(g, { children: "–" }),
+			nt(t, n)
 		]
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/active-filter-item.tsx
-function Je({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, operators: d, operator: f, onOperatorChange: p, onFilterClear: m, onFilterClick: h }) {
-	let { defaultScale: g } = e(), _ = t(void 0, g), { strings: v } = $(), y = V.useId(), b = V.useId(), x = `${ne.joinedItem} !border-0 !rounded-none !shadow-none ${c.inset}`, S = () => /* @__PURE__ */ J("div", {
+function it({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, operators: d, operator: f, onOperatorChange: p, onFilterClear: m, onFilterClick: h }) {
+	let { defaultScale: g } = t(), _ = e(void 0, g), { strings: v } = $(), y = z.useId(), b = z.useId(), x = `${ae.joinedItem} !border-0 !rounded-none !shadow-none ${c.inset}`, S = () => /* @__PURE__ */ K("div", {
 		"aria-hidden": !0,
 		className: "w-px self-stretch bg-border"
 	});
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ q("div", {
 		role: "group",
 		"aria-label": n.label,
 		"data-active": s || void 0,
-		className: r("active-filter-item--component", ne.joinedFrame, re[_], "bg-background", n.displayConfig?.className),
+		className: r("active-filter-item--component", ae.joinedFrame, oe[_], "bg-background", n.displayConfig?.className),
 		children: [
-			/* @__PURE__ */ Y(i, {
+			/* @__PURE__ */ q(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -613,29 +644,29 @@ function Je({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, ope
 				"aria-expanded": l,
 				onClick: h,
 				children: [
-					!!n.icon && /* @__PURE__ */ J("span", {
+					!!n.icon && /* @__PURE__ */ K("span", {
 						className: "flex items-center text-muted-foreground",
 						children: n.icon
 					}),
-					/* @__PURE__ */ J(o, {
+					/* @__PURE__ */ K(o, {
 						id: y,
 						tag: "span",
 						type: "inherit",
 						weight: "semibold",
 						children: n.label
 					}),
-					/* @__PURE__ */ J(ge, { className: "size-icon-sm" })
+					/* @__PURE__ */ K(Ce, { className: "size-icon-sm" })
 				]
 			}),
-			/* @__PURE__ */ J(S, {}),
-			/* @__PURE__ */ J(Be, {
+			/* @__PURE__ */ K(S, {}),
+			/* @__PURE__ */ K(Xe, {
 				operator: f,
 				operators: d,
 				onOperatorChange: p,
 				segmentResetClass: x
 			}),
-			/* @__PURE__ */ J(S, {}),
-			/* @__PURE__ */ J(i, {
+			/* @__PURE__ */ K(S, {}),
+			/* @__PURE__ */ K(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -644,16 +675,16 @@ function Je({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, ope
 				"aria-expanded": l,
 				onClick: h,
 				className: r(x, "flex h-full min-h-0 min-w-0 flex-1 items-center justify-start px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
-				children: /* @__PURE__ */ J("span", {
+				children: /* @__PURE__ */ K("span", {
 					id: b,
 					className: "min-w-0",
-					children: /* @__PURE__ */ J(Ve, {
+					children: /* @__PURE__ */ K(Ze, {
 						filter: n,
 						value: a
 					})
 				})
 			}),
-			!!s && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(S, {}), /* @__PURE__ */ Y(i, {
+			!!s && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(S, {}), /* @__PURE__ */ q(i, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -661,10 +692,10 @@ function Je({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, ope
 				onClick: (e) => {
 					e.stopPropagation(), e.preventDefault(), m();
 				},
-				children: [/* @__PURE__ */ J(Se, {
+				children: [/* @__PURE__ */ K(ke, {
 					"aria-hidden": "true",
 					className: "size-icon"
-				}), /* @__PURE__ */ J(o, {
+				}), /* @__PURE__ */ K(o, {
 					tag: "span",
 					className: "sr-only",
 					children: v.clear
@@ -675,18 +706,18 @@ function Je({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, ope
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-async-options.ts
-function Ye(e, t, n) {
+function at(e, t, n) {
 	for (let [t, r] of e) Date.now() - r.timestamp > n && e.delete(t);
 	return e.get(t);
 }
-function Xe(e, t, n, r = {}) {
-	let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = W(() => /* @__PURE__ */ new Map(), [
+function ot(e, t, n, r = {}) {
+	let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = H(() => /* @__PURE__ */ new Map(), [
 		e.key,
 		a,
 		o
-	]), c = G(r.onError);
+	]), c = U(r.onError);
 	c.current = r.onError;
-	let l = i?.debounceMs ?? e.delay ?? 300, u = (le(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 = W(() => i?.queryKey ? JSON.stringify(i.queryKey({
+	let l = i?.debounceMs ?? e.delay ?? 300, u = (fe(t, l) ?? "").trim(), d = i?.limit ?? 10, f = i?.minQueryLength ?? 0, p = i?.preload ?? !0, m = i?.staleTime ?? 6e4, h = i?.gcTime ?? 3e5, g = u.length === 0 && p, _ = u.length >= f, v = !!i?.fetcher && n && (g || u.length > 0 && _), y = n && !g && u.length > 0 && u.length < f, b = H(() => i?.queryKey ? JSON.stringify(i.queryKey({
 		query: u,
 		limit: d
 	})) : JSON.stringify([
@@ -699,7 +730,7 @@ function Xe(e, t, n, r = {}) {
 		e.key,
 		u,
 		d
-	]), x = H(async (e) => a && o ? (await a({
+	]), x = B(async (e) => a && o ? (await a({
 		query: u,
 		limit: d,
 		signal: e
@@ -708,8 +739,8 @@ function Xe(e, t, n, r = {}) {
 		o,
 		u,
 		d
-	]), [S, C] = K(() => {
-		let e = Ye(s, b, h);
+	]), [S, C] = W(() => {
+		let e = at(s, b, h);
 		return {
 			cache: s,
 			data: e?.data ?? [],
@@ -717,11 +748,11 @@ function Xe(e, t, n, r = {}) {
 			fetching: !1,
 			error: !1
 		};
-	}), [w, T] = K(0), E = H(() => T((e) => e + 1), []), D = G(0);
-	return U(() => {
+	}), [w, T] = W(0), E = B(() => T((e) => e + 1), []), D = U(0);
+	return V(() => {
 		let t = D.current !== w;
 		if (D.current = w, !v) return;
-		let n = Ye(s, b, h), r = n !== void 0 && Date.now() - n.timestamp < m, i = new AbortController();
+		let n = at(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,
@@ -782,22 +813,44 @@ function Xe(e, t, n, r = {}) {
 	};
 }
 //#endregion
+//#region src/components/features/filters/partials/filter-editor-header.tsx
+function st({ title: e, description: t, onBack: n }) {
+	let { strings: r } = $();
+	return /* @__PURE__ */ q(te, {
+		start: n ? /* @__PURE__ */ K(i, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			size: "sm",
+			iconOnly: !0,
+			onClick: n,
+			className: "shrink-0",
+			"aria-label": r.backToFilters,
+			children: /* @__PURE__ */ K(we, {
+				"aria-hidden": "true",
+				className: "size-icon-sm rtl:rotate-180"
+			})
+		}) : void 0,
+		children: [/* @__PURE__ */ K(ee, { children: e }), t != null && /* @__PURE__ */ K(L, { children: t })]
+	});
+}
+//#endregion
 //#region src/components/features/filters/partials/async-filter-content.tsx
-function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
-	let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: d, reportError: m } = $(), [h, g] = K(""), [_, v] = K(t ?? []), y = G(t);
+function ct({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
+	let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: d, reportError: m } = $(), [h, g] = W(""), [_, v] = W(t ?? []), y = U(t);
 	if (t !== y.current) {
 		let e = y.current ?? [], n = t ?? [];
 		y.current = t, (n.length !== e.length || n.some((t, n) => t !== e[n])) && v(n);
 	}
-	let { options: b, isLoading: x, isFetching: S, isError: C, refetch: k, isBelowMinQuery: j, minQueryLength: M } = Xe(e, h, !0, { onError: m });
-	U(() => {
+	let { options: b, isLoading: x, isFetching: S, isError: C, refetch: k, isBelowMinQuery: j, minQueryLength: M } = ot(e, h, !0, { onError: m });
+	V(() => {
 		b.length > 0 && l(e.key, b);
 	}, [
 		l,
 		e.key,
 		b
 	]);
-	let N = e.multiple !== !1, P = e.maxSelected, F = s === "toolbar", I = _.length !== t.length || _.some((e) => !t.includes(e)), L = W(() => {
+	let N = e.multiple !== !1, P = e.maxSelected, F = s === "toolbar", ee = _.length !== t.length || _.some((e) => !t.includes(e)), I = H(() => {
 		let t = new Set(_), n = new Set(b.map((e) => e.value)), r = [];
 		for (let t of _) if (!n.has(t)) {
 			let n = d(e.key, t);
@@ -814,7 +867,7 @@ function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 		e.key,
 		e.icon,
 		d
-	]), ee = (t) => {
+	]), te = (t) => {
 		if (N) {
 			if (_.includes(t)) v(_.filter((e) => e !== t));
 			else {
@@ -822,12 +875,12 @@ function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 				v([..._, t]);
 			}
 		} else v([t]), e.closeOnSelect === !0 && (n([t]), a());
-	}, te = () => {
+	}, L = () => {
 		n(_), a();
-	}, B = W(() => x || S ? /* @__PURE__ */ J(f, { label: c.searching }) : C ? /* @__PURE__ */ J(p, {
+	}, ne = H(() => x || S ? /* @__PURE__ */ K(f, { label: c.searching }) : C ? /* @__PURE__ */ K(p, {
 		variant: "inline",
 		title: c.fetchError,
-		action: /* @__PURE__ */ J(i, {
+		action: /* @__PURE__ */ K(i, {
 			tone: "secondary",
 			buttonStyle: "outline",
 			size: "sm",
@@ -836,13 +889,13 @@ function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 			},
 			children: c.retryFetch
 		})
-	}) : j ? /* @__PURE__ */ J("div", {
+	}) : j ? /* @__PURE__ */ K("div", {
 		className: "text-muted-foreground flex items-center justify-center py-space-xl",
-		children: /* @__PURE__ */ J(o, {
+		children: /* @__PURE__ */ K(o, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: X(c.minQueryHint, { min: M })
+			children: Y(c.minQueryHint, { min: M })
 		})
 	}) : c.noOptionsFound, [
 		x,
@@ -853,58 +906,37 @@ function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 		c,
 		k
 	]);
-	return /* @__PURE__ */ Y(q, { children: [
-		/* @__PURE__ */ Y(R, {
-			start: F ? /* @__PURE__ */ J(i, {
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				className: "shrink-0",
-				onClick: r,
-				"aria-label": c.backToFilters,
-				children: /* @__PURE__ */ J(_e, {
-					"aria-hidden": "true",
-					className: "size-icon-sm rtl:rotate-180"
-				})
-			}) : void 0,
-			children: [/* @__PURE__ */ J(o, {
-				tag: "span",
-				type: "inherit",
-				weight: "semibold",
-				children: e.label
-			}), /* @__PURE__ */ J(o, {
-				tag: "span",
-				size: "xs",
-				type: "secondary",
-				children: c.selectValues
-			})]
+	return /* @__PURE__ */ q(G, { children: [
+		/* @__PURE__ */ K(st, {
+			title: e.label,
+			description: c.selectValues,
+			onBack: F ? r : void 0
 		}),
-		/* @__PURE__ */ Y(A, {
+		/* @__PURE__ */ q(A, {
 			shouldFilter: !1,
 			inset: "flush",
 			className: "rounded-none",
-			children: [/* @__PURE__ */ J(T, {
-				placeholder: X(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
+			children: [/* @__PURE__ */ K(T, {
+				placeholder: Y(c.searchPlaceholder, { filterLabel: Q(e.label) }),
 				value: h,
 				onValueChange: g
-			}), /* @__PURE__ */ J(D, { children: L.length === 0 ? /* @__PURE__ */ J(E, { children: B }) : /* @__PURE__ */ Y(O, { children: [!(!S || x) && /* @__PURE__ */ Y(u, {
+			}), /* @__PURE__ */ K(D, { children: I.length === 0 ? /* @__PURE__ */ K(E, { children: ne }) : /* @__PURE__ */ q(O, { children: [!(!S || x) && /* @__PURE__ */ q(u, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				className: "px-control-sm py-space-xs",
-				children: [/* @__PURE__ */ J(be, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ J(o, {
+				children: [/* @__PURE__ */ K(De, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ K(o, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: c.searching
 				})]
-			}), L.map((e) => /* @__PURE__ */ Y(w, {
-				onSelect: () => ee(e.value),
+			}), I.map((e) => /* @__PURE__ */ q(w, {
+				onSelect: () => te(e.value),
 				"data-checked": _.includes(e.value) || void 0,
 				disabled: e.disabled || !!P && _.length >= P && !_.includes(e.value),
 				className: "flex items-center gap-space-sm",
-				children: [e.icon, /* @__PURE__ */ J(o, {
+				children: [e.icon, /* @__PURE__ */ K(o, {
 					tag: "span",
 					type: "inherit",
 					lineHeight: "tight",
@@ -912,15 +944,15 @@ function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 				})]
 			}, e.value))] }) })]
 		}),
-		I && /* @__PURE__ */ J(z, {
-			caption: X(c.selected, {
+		ee && /* @__PURE__ */ K(R, {
+			caption: Y(c.selected, {
 				count: _.length,
-				filterLabel: (_.length > 1 ? e.pluralLabel : e.label) ?? e.label
+				filterLabel: Q((_.length > 1 ? e.pluralLabel : e.label) ?? e.label)
 			}),
-			children: /* @__PURE__ */ J(i, {
+			children: /* @__PURE__ */ K(i, {
 				tone: "primary",
 				size: "sm",
-				onClick: te,
+				onClick: L,
 				children: c.confirm
 			})
 		})
@@ -928,12 +960,12 @@ function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/date-facet.tsx
-var Qe = [];
-function $e({ filter: e, value: t, onValueChange: n, className: i }) {
+var lt = [];
+function ut({ filter: e, value: t, onValueChange: n, className: i }) {
 	let { strings: a } = $(), o = e.operators?.some((e) => e.value === "between") || e.operator === "between" || e.key.toLowerCase().includes("range") || e.key.toLowerCase().includes("between"), s = e.dateFormat?.param ?? "yyyy-MM-dd", c = e.dateFormat?.display ?? "PPP", l = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, u = !!e.datePickerConfig?.showConfirmButton, d = e.datePickerConfig?.autoApply ?? !u, f = e.datePickerConfig?.showShortcuts ?? !0, p = o && (t.start || t.end) ? {
 		from: t.start,
 		to: t.end
-	} : void 0, m = !o && t.start && we(t.start) ? t.start : void 0, h = {
+	} : void 0, m = !o && t.start && J(t.start) ? t.start : void 0, h = {
 		format: s,
 		readableFormat: c,
 		placeholder: l,
@@ -941,7 +973,7 @@ function $e({ filter: e, value: t, onValueChange: n, className: i }) {
 		numberOfMonths: 1,
 		className: r("date-facet--component", "w-full", i)
 	};
-	return o ? /* @__PURE__ */ J(F, {
+	return o ? /* @__PURE__ */ K(F, {
 		mode: "range",
 		value: p,
 		onValueChange: (e) => {
@@ -952,9 +984,9 @@ function $e({ filter: e, value: t, onValueChange: n, className: i }) {
 		},
 		withConfirm: u,
 		closeOnSelect: d,
-		presets: f ? void 0 : Qe,
+		presets: f ? void 0 : lt,
 		...h
-	}) : /* @__PURE__ */ J(F, {
+	}) : /* @__PURE__ */ K(F, {
 		mode: "single",
 		value: m,
 		onValueChange: (e) => {
@@ -969,55 +1001,42 @@ function $e({ filter: e, value: t, onValueChange: n, className: i }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/date-filter-content.tsx
-function et({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, triggerSource: a = "chip" }) {
-	let { strings: o } = $(), s = (t) => {
+function dt({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, triggerSource: i = "chip" }) {
+	let a = (t) => {
 		if (!t) return;
 		if (e.dateFormat?.param) {
-			let n = Te(t, e.dateFormat.param, /* @__PURE__ */ new Date());
-			return we(n) ? n : void 0;
+			let n = je(t, e.dateFormat.param, /* @__PURE__ */ new Date());
+			return J(n) ? n : void 0;
 		}
 		let n = new Date(t);
-		return we(n) ? n : void 0;
-	}, c = s(t[0]), l = s(t[1]), u = (t) => {
-		if (t && we(t)) return Ce(t, e.dateFormat?.param ?? "yyyy-MM-dd");
-	}, d = ({ start: e, end: t }) => {
-		let r = [], i = u(e), a = u(t);
+		return J(n) ? n : void 0;
+	}, o = a(t[0]), s = a(t[1]), c = (t) => {
+		if (t && J(t)) return Ae(t, e.dateFormat?.param ?? "yyyy-MM-dd");
+	}, l = ({ start: e, end: t }) => {
+		let r = [], i = c(e), a = c(t);
 		i && r.push(i), a && r.push(a), n(r);
-	}, f = a === "toolbar", p = {
-		start: c,
-		end: l
+	}, u = i === "toolbar", d = {
+		start: o,
+		end: s
 	};
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ J(R, {
-			start: f ? /* @__PURE__ */ J(i, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				onClick: r,
-				className: "shrink-0",
-				"aria-label": o.backToFilters,
-				children: /* @__PURE__ */ J(_e, {
-					"aria-hidden": "true",
-					className: "size-icon-sm rtl:rotate-180"
-				})
-			}) : void 0,
-			children: /* @__PURE__ */ J(I, { children: e.label })
-		}), /* @__PURE__ */ J("div", {
-			className: "p-surface",
-			children: /* @__PURE__ */ J($e, {
+		children: [/* @__PURE__ */ K(st, {
+			title: e.label,
+			onBack: u ? r : void 0
+		}), /* @__PURE__ */ K("div", {
+			className: h.menuRegion,
+			children: /* @__PURE__ */ K(ut, {
 				filter: e,
-				value: p,
-				onValueChange: d
+				value: d,
+				onValueChange: l
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-error-boundary.tsx
-var tt = class extends ue {
+var ft = class extends _e {
 	state = {
 		hasError: !1,
 		error: null
@@ -1043,19 +1062,19 @@ var tt = class extends ue {
 	render() {
 		if (this.state.hasError) {
 			let { fallback: e, filterKey: t, labels: n } = this.props;
-			return e ? /* @__PURE__ */ J("div", {
+			return e ? /* @__PURE__ */ K("div", {
 				className: "filter-error-boundary--component contents",
 				children: e
-			}) : /* @__PURE__ */ Y("div", {
+			}) : /* @__PURE__ */ q("div", {
 				className: r("filter-error-boundary--component rounded-radius border p-surface-xs", d.destructive.edge, d.destructive.wash, d.destructive.ink),
 				children: [
-					/* @__PURE__ */ Y("div", {
+					/* @__PURE__ */ q("div", {
 						className: "mb-space-xs flex items-center justify-between",
-						children: [/* @__PURE__ */ J(o, {
+						children: [/* @__PURE__ */ K(o, {
 							tag: "span",
 							weight: "semibold",
 							children: n.title
-						}), /* @__PURE__ */ J(i, {
+						}), /* @__PURE__ */ K(i, {
 							type: "button",
 							tone: "destructive",
 							buttonStyle: "ghost",
@@ -1063,11 +1082,11 @@ var tt = class extends ue {
 							iconOnly: !0,
 							onClick: this.handleReset,
 							"aria-label": n.reset,
-							children: /* @__PURE__ */ J(Se, { className: "size-icon-sm" })
+							children: /* @__PURE__ */ K(ke, { className: "size-icon-sm" })
 						})]
 					}),
-					/* @__PURE__ */ J(o, { children: n.getDescription(t) }),
-					/* @__PURE__ */ J(_, {
+					/* @__PURE__ */ K(o, { children: n.getDescription(t) }),
+					/* @__PURE__ */ K(_, {
 						size: "xs",
 						className: "mt-space-xs text-destructive",
 						children: this.state.error?.message || n.unknownError
@@ -1075,20 +1094,20 @@ var tt = class extends ue {
 				]
 			});
 		}
-		return /* @__PURE__ */ J("div", {
+		return /* @__PURE__ */ K("div", {
 			className: "filter-error-boundary--component contents",
 			children: this.props.children
 		});
 	}
 };
-function nt(e) {
-	let { strings: t, reportError: n } = $(), r = W(() => ({
+function pt(e) {
+	let { strings: t, reportError: n } = $(), r = H(() => ({
 		title: t.error.title,
 		reset: t.clear,
-		getDescription: (e) => e ? X(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
+		getDescription: (e) => e ? Y(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
 		unknownError: t.error.unknown
 	}), [t]);
-	return /* @__PURE__ */ J(tt, {
+	return /* @__PURE__ */ K(ft, {
 		...e,
 		labels: r,
 		onError: n
@@ -1096,23 +1115,23 @@ function nt(e) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-item.tsx
-function rt({ filter: e, onSelect: t }) {
-	let { strings: n } = $(), r = e.type === Z.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
-	return /* @__PURE__ */ Y(w, {
+function mt({ filter: e, onSelect: t }) {
+	let { strings: n } = $(), r = e.type === X.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
+	return /* @__PURE__ */ q(w, {
 		onSelect: t,
-		children: [!!e.icon && /* @__PURE__ */ J("span", {
+		children: [!!e.icon && /* @__PURE__ */ K("span", {
 			className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
 			children: e.icon
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "flex min-w-0 flex-col gap-dense leading-tight",
-			children: [/* @__PURE__ */ J(o, {
+			children: [/* @__PURE__ */ K(o, {
 				tag: "span",
 				type: "inherit",
 				lineHeight: "tight",
 				weight: "medium",
 				className: "truncate",
 				children: e.label
-			}), !!r && /* @__PURE__ */ J(o, {
+			}), !!r && /* @__PURE__ */ K(o, {
 				tag: "span",
 				lineHeight: "tight",
 				size: "xs",
@@ -1125,25 +1144,25 @@ function rt({ filter: e, onSelect: t }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-content.tsx
-function it({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+function ht({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 	let { strings: r } = $(), i = (e) => {
 		n(e);
 	};
-	return /* @__PURE__ */ Y(A, {
+	return /* @__PURE__ */ q(A, {
 		inset: "compact",
 		className: "rounded-none",
-		children: [/* @__PURE__ */ J(T, { placeholder: r.searchFilters }), /* @__PURE__ */ Y(D, { children: [
-			/* @__PURE__ */ J(E, { children: r.noFiltersAvailable }),
-			e.length > 0 && /* @__PURE__ */ J(O, {
+		children: [/* @__PURE__ */ K(T, { placeholder: r.searchFilters }), /* @__PURE__ */ q(D, { children: [
+			/* @__PURE__ */ K(E, { children: r.noFiltersAvailable }),
+			e.length > 0 && /* @__PURE__ */ K(O, {
 				heading: r.availableFilters,
-				children: e.map((e) => /* @__PURE__ */ J(rt, {
+				children: e.map((e) => /* @__PURE__ */ K(mt, {
 					filter: e,
 					onSelect: () => i(e)
 				}, e.key))
 			}),
-			t.length > 0 && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(k, {}), /* @__PURE__ */ J(O, {
+			t.length > 0 && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(k, {}), /* @__PURE__ */ K(O, {
 				heading: r.activeFilters,
-				children: t.map((e) => /* @__PURE__ */ J(rt, {
+				children: t.map((e) => /* @__PURE__ */ K(mt, {
 					filter: e,
 					onSelect: () => i(e)
 				}, e.key))
@@ -1152,10 +1171,36 @@ function it({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 	});
 }
 //#endregion
+//#region src/components/features/filters/partials/nested-filter-options.tsx
+function gt({ filter: e, value: t, multiple: n, onChange: r, header: i }) {
+	let { strings: a } = $(), o = H(() => We(e.options ?? []), [e.options]), s = pe({
+		items: o,
+		selected: t,
+		open: !0,
+		multiple: n,
+		selectable: e.selectableOptions ?? "leaf",
+		strings: {
+			...he,
+			root: e.label,
+			search: Y(a.searchPlaceholder, { filterLabel: Q(e.label) }),
+			empty: a.noOptionsFound,
+			back: a.previousLevel,
+			selectCurrent: a.selectCurrentLevel
+		},
+		onChange: (e) => r(e == null ? [] : typeof e == "string" ? [e] : [...e])
+	});
+	return /* @__PURE__ */ K(me, {
+		controller: s,
+		header: i,
+		rootInPath: !0,
+		className: "nested-filter-options--component"
+	});
+}
+//#endregion
 //#region src/components/features/filters/partials/regular-filter-content.tsx
-function at({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
-	let { strings: c, reportError: l } = $(), d = e.multiple === !0 || e.type === Z.MULTI_SELECT, f = s === "toolbar", [p, m] = K(t || []);
-	U(() => {
+function _t({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
+	let { strings: c, reportError: l } = $(), d = e.multiple === !0 || e.type === X.MULTI_SELECT, f = s === "toolbar", [p, m] = W(t || []);
+	V(() => {
 		m(t || []);
 	}, [t]);
 	let h = (t) => {
@@ -1163,7 +1208,9 @@ function at({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 			let e = p.includes(t) ? p.filter((e) => e !== t) : [...p, t];
 			m(e);
 		} else m([t]), e.closeOnSelect === !0 && (n([t]), a());
-	}, g = () => {
+	}, g = (t) => {
+		m(t), !d && e.closeOnSelect === !0 && t.length && (n(t), a());
+	}, _ = () => {
 		try {
 			n(p), a();
 		} catch (t) {
@@ -1172,115 +1219,99 @@ function at({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 				filterKey: e.key
 			});
 		}
-	}, _ = JSON.stringify(p.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
-	return /* @__PURE__ */ Y("div", {
+	}, v = /* @__PURE__ */ K(st, {
+		title: e.label,
+		onBack: f ? r : void 0
+	}), y = JSON.stringify(p.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col",
-		children: [
-			/* @__PURE__ */ J(R, {
-				start: f ? /* @__PURE__ */ J(i, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					onClick: r,
-					className: "shrink-0",
-					"aria-label": c.backToFilters,
-					children: /* @__PURE__ */ J(_e, {
-						"aria-hidden": "true",
-						className: "size-icon-sm rtl:rotate-180"
-					})
-				}) : void 0,
-				children: /* @__PURE__ */ J(o, {
-					tag: "span",
-					type: "inherit",
-					weight: "semibold",
-					children: e.label
-				})
-			}),
-			/* @__PURE__ */ Y(A, {
-				inset: "flush",
-				className: "rounded-none",
-				children: [/* @__PURE__ */ J(T, { placeholder: X(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }) }), /* @__PURE__ */ Y(D, {
-					className: "max-h-64",
-					children: [/* @__PURE__ */ J(E, { children: /* @__PURE__ */ J(o, {
-						type: "secondary",
-						align: "center",
-						className: "py-space-xl",
-						children: c.noOptionsFound
-					}) }), /* @__PURE__ */ J(O, { children: e.options?.map((e) => {
-						let t = p.includes(e.value);
-						return /* @__PURE__ */ Y(w, {
-							onSelect: () => h(e.value),
-							"data-checked": t || void 0,
-							disabled: e.disabled,
-							className: "data-[checked=true]:**:[svg]:text-primary-accent",
-							children: [!!e.icon && /* @__PURE__ */ J("span", {
-								className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
-								children: e.icon
-							}), /* @__PURE__ */ Y(u, {
-								gap: "dense",
-								className: "flex min-w-0 flex-1 flex-col leading-tight",
-								children: [/* @__PURE__ */ J(o, {
-									tag: "span",
-									type: "inherit",
-									lineHeight: "tight",
-									weight: t ? "medium" : "regular",
-									className: "truncate",
-									children: e.label
-								}), !!e.description && /* @__PURE__ */ J(o, {
-									tag: "span",
-									size: "xs",
-									lineHeight: "tight",
-									type: "secondary",
-									className: "truncate",
-									children: e.description
-								})]
+		children: [Ue(e.options) ? /* @__PURE__ */ K(gt, {
+			filter: e,
+			value: p,
+			multiple: d,
+			onChange: g,
+			header: v
+		}) : /* @__PURE__ */ q(G, { children: [v, /* @__PURE__ */ q(A, {
+			inset: "flush",
+			className: "rounded-none",
+			children: [/* @__PURE__ */ K(T, { placeholder: Y(c.searchPlaceholder, { filterLabel: Q(e.label) }) }), /* @__PURE__ */ q(D, {
+				className: "max-h-64",
+				children: [/* @__PURE__ */ K(E, { children: /* @__PURE__ */ K(o, {
+					type: "secondary",
+					align: "center",
+					className: "py-space-xl",
+					children: c.noOptionsFound
+				}) }), /* @__PURE__ */ K(O, { children: e.options?.map((e) => {
+					let t = p.includes(e.value);
+					return /* @__PURE__ */ q(w, {
+						onSelect: () => h(e.value),
+						"data-checked": t || void 0,
+						disabled: e.disabled,
+						className: "data-[checked=true]:**:[svg]:text-primary-accent",
+						children: [!!e.icon && /* @__PURE__ */ K("span", {
+							className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
+							children: e.icon
+						}), /* @__PURE__ */ q(u, {
+							gap: "dense",
+							className: "flex min-w-0 flex-1 flex-col leading-tight",
+							children: [/* @__PURE__ */ K(o, {
+								tag: "span",
+								type: "inherit",
+								lineHeight: "tight",
+								weight: t ? "medium" : "regular",
+								className: "truncate",
+								children: e.label
+							}), !!e.description && /* @__PURE__ */ K(o, {
+								tag: "span",
+								size: "xs",
+								lineHeight: "tight",
+								type: "secondary",
+								className: "truncate",
+								children: e.description
 							})]
-						}, e.value);
-					}) })]
-				})]
+						})]
+					}, e.value);
+				}) })]
+			})]
+		})] }), !!y && /* @__PURE__ */ K(R, {
+			caption: Y(c.selected, {
+				count: p.length,
+				filterLabel: Q((p.length > 1 ? e.pluralLabel : e.label) ?? e.label)
 			}),
-			!!_ && /* @__PURE__ */ J(z, {
-				caption: X(c.selected, {
-					count: p.length,
-					filterLabel: (p.length > 1 ? e.pluralLabel : e.label) ?? e.label
-				}),
-				children: /* @__PURE__ */ J(i, {
-					tone: "primary",
-					size: "sm",
-					onClick: g,
-					children: c.confirm
-				})
+			children: /* @__PURE__ */ K(i, {
+				tone: "primary",
+				size: "sm",
+				onClick: _,
+				children: c.confirm
 			})
-		]
+		})]
 	});
 }
 //#endregion
 //#region src/components/features/filters/facets/tags-facet.tsx
-function ot({ filter: t, value: n, onValueChange: a, className: s }) {
-	let { defaultScale: c } = e(), l = N(void 0, c), { strings: d } = $(), [f, p] = K(""), m = H(() => {
+function vt({ filter: e, value: n, onValueChange: a, className: s }) {
+	let { defaultScale: c } = t(), l = N(void 0, c), { strings: d } = $(), [f, p] = W(""), m = B(() => {
 		let e = f.trim();
 		e && !n.includes(e) && (a([...n, e]), p(""));
 	}, [
 		f,
 		n,
 		a
-	]), h = H((e) => {
+	]), h = B((e) => {
 		a(n.filter((t) => t !== e));
 	}, [n, a]), g = (e) => {
 		e.key === "Enter" && (e.preventDefault(), m());
-	}, _ = H(() => {
+	}, _ = B(() => {
 		a([]), p("");
-	}, [a]), v = n.length > 0, y = n.length === 1 ? d.tag : d.tags, b = v ? /* @__PURE__ */ Y(u, {
+	}, [a]), v = n.length > 0, y = n.length === 1 ? d.tag : d.tags, b = v ? /* @__PURE__ */ q(u, {
 		gap: "md",
 		className: "tags-facet--summary",
-		children: [/* @__PURE__ */ Y(u, {
+		children: [/* @__PURE__ */ q(u, {
 			direction: "horizontal",
 			gap: "sm",
 			justify: "between",
 			wrap: !1,
-			children: [/* @__PURE__ */ Y(o, {
+			children: [/* @__PURE__ */ q(o, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1289,7 +1320,7 @@ function ot({ filter: t, value: n, onValueChange: a, className: s }) {
 					" ",
 					y
 				]
-			}), /* @__PURE__ */ J(i, {
+			}), /* @__PURE__ */ K(i, {
 				onClick: _,
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -1299,22 +1330,22 @@ function ot({ filter: t, value: n, onValueChange: a, className: s }) {
 				"aria-label": d.clearAll,
 				children: d.clearAll
 			})]
-		}), /* @__PURE__ */ J(u, {
+		}), /* @__PURE__ */ K(u, {
 			direction: "horizontal",
 			gap: "md",
-			children: n.map((e) => /* @__PURE__ */ Y(x, {
+			children: n.map((e) => /* @__PURE__ */ q(x, {
 				tone: "secondary",
 				className: "flex items-center gap-space-sm py-space-2xs pl-space-md pr-space-sm",
-				children: [/* @__PURE__ */ J(o, {
+				children: [/* @__PURE__ */ K(o, {
 					tag: "span",
 					size: "xs",
 					children: e
-				}), /* @__PURE__ */ J("button", {
+				}), /* @__PURE__ */ K("button", {
 					onClick: () => h(e),
 					className: r(C.target, C.focus, C.toggle),
 					type: "button",
 					"aria-label": `${d.removeTag} ${e}`,
-					children: /* @__PURE__ */ J(Se, {
+					children: /* @__PURE__ */ K(ke, {
 						className: C.icon,
 						"aria-hidden": "true"
 					})
@@ -1322,31 +1353,31 @@ function ot({ filter: t, value: n, onValueChange: a, className: s }) {
 			}, e))
 		})]
 	}) : null;
-	return /* @__PURE__ */ Y(u, {
+	return /* @__PURE__ */ q(u, {
 		gap: "lg",
 		className: r("tags-facet--component", s),
-		children: [/* @__PURE__ */ Y(u, {
+		children: [/* @__PURE__ */ q(u, {
 			direction: "horizontal",
 			gap: "md",
 			wrap: !1,
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ K("div", {
 				className: "relative flex-1",
-				children: /* @__PURE__ */ J(P, {
+				children: /* @__PURE__ */ K(P, {
 					type: "text",
 					value: f,
 					onChange: (e) => p(e.target.value),
 					onKeyDown: g,
-					placeholder: t.placeholder ?? d.enterTag
+					placeholder: e.placeholder ?? d.enterTag
 				})
-			}), /* @__PURE__ */ Y(i, {
+			}), /* @__PURE__ */ q(i, {
 				tone: "primary",
 				onClick: m,
 				disabled: !f.trim(),
 				size: l,
 				iconOnly: !0,
-				className: r(j[l], B[l]),
+				className: r(j[l], ie[l]),
 				type: "button",
-				children: [/* @__PURE__ */ J(xe, { className: "size-icon" }), /* @__PURE__ */ J(o, {
+				children: [/* @__PURE__ */ K(Oe, { className: "size-icon" }), /* @__PURE__ */ K(o, {
 					tag: "span",
 					size: "pxs",
 					className: "sr-only",
@@ -1356,16 +1387,16 @@ function ot({ filter: t, value: n, onValueChange: a, className: s }) {
 		}), b]
 	});
 }
-var st = V.memo(ot);
-st.displayName = "TagsFacet";
+var yt = z.memo(vt);
+yt.displayName = "TagsFacet";
 //#endregion
 //#region src/components/features/filters/partials/tags-filter-content.tsx
-function ct({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: o = "chip" }) {
-	let { strings: s, reportError: c } = $(), [l, u] = K(t || []), d = o === "toolbar", f = l.length === 1 ? s.tag : s.tags;
-	U(() => {
+function bt({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s, reportError: c } = $(), [l, u] = W(t || []), d = o === "toolbar";
+	V(() => {
 		u(t || []);
 	}, [t]);
-	let p = () => {
+	let f = () => {
 		try {
 			n(l), a();
 		} catch (t) {
@@ -1374,96 +1405,93 @@ function ct({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
 				filterKey: e.key
 			});
 		}
-	}, m = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
-	return /* @__PURE__ */ Y("div", {
+	}, p = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col",
 		children: [
-			/* @__PURE__ */ J(R, {
-				start: d ? /* @__PURE__ */ J(i, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					onClick: r,
-					className: "shrink-0",
-					"aria-label": s.backToFilters,
-					children: /* @__PURE__ */ J(_e, {
-						"aria-hidden": "true",
-						className: "size-icon-sm rtl:rotate-180"
-					})
-				}) : void 0,
-				children: /* @__PURE__ */ J(I, { children: e.label })
+			/* @__PURE__ */ K(st, {
+				title: e.label,
+				onBack: d ? r : void 0
 			}),
-			/* @__PURE__ */ J("div", {
-				className: "p-surface",
-				children: /* @__PURE__ */ J(st, {
+			/* @__PURE__ */ K("div", {
+				className: h.menuRegion,
+				children: /* @__PURE__ */ K(yt, {
 					filter: e,
 					value: l,
 					onValueChange: u
 				})
 			}),
-			!!m && /* @__PURE__ */ J(z, {
-				caption: /* @__PURE__ */ Y(g, {
-					size: "xs",
-					className: "tabular-nums",
-					children: [
-						l.length,
-						" ",
-						f
-					]
-				}),
-				children: /* @__PURE__ */ J(i, {
-					tone: "primary",
-					size: "sm",
-					onClick: p,
-					children: s.confirm
-				})
-			})
+			!!p && /* @__PURE__ */ K(R, { children: /* @__PURE__ */ K(i, {
+				tone: "primary",
+				size: "sm",
+				onClick: f,
+				children: s.confirm
+			}) })
 		]
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-popover-content.tsx
-function lt({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: i, setFilterValue: a, onFilterSelect: o, onBackToFilterList: s, onClose: c, triggerSource: l = "chip", finalFocus: u }) {
-	let { strings: d } = $(), f = e?.type === Z.DATE || e?.type === Z.TAGS ? "w-auto min-w-80 gap-0 overflow-hidden" : (e?.type, Z.ASYNC_SELECT, r(m.md, "gap-0 overflow-hidden")), p = (e, t) => {
+var xt = "input:not([type=hidden]):not(:disabled), textarea:not(:disabled), button:not(:disabled), [tabindex]:not([tabindex=\"-1\"])";
+function St(e) {
+	if (!e) return;
+	let t = [...e.querySelectorAll(xt)].filter((e) => !e.closest(".popover-header--component"));
+	(t.find((e) => e.matches("input, textarea")) ?? t[0])?.focus({ preventScroll: !0 });
+}
+function Ct({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: i, setFilterValue: a, onFilterSelect: o, onBackToFilterList: s, onClose: c, triggerSource: l = "chip", finalFocus: u }) {
+	let { strings: d } = $(), f = U(null), p = e?.key ?? null, h = U(p);
+	V(() => {
+		if (h.current === p) return;
+		h.current = p;
+		let e = f.current;
+		if (!e?.hasAttribute("data-open")) return;
+		St(e);
+		let t = e.ownerDocument.defaultView, n = t?.requestAnimationFrame(() => {
+			e.ownerDocument.activeElement === e && St(e);
+		});
+		return () => {
+			n != null && t?.cancelAnimationFrame(n);
+		};
+	}, [p]);
+	let g = e?.type === X.DATE || e?.type === X.TAGS ? "w-auto min-w-80 gap-0 overflow-hidden" : (e?.type, X.ASYNC_SELECT, r(m.md, "gap-0 overflow-hidden")), _ = (e, t) => {
 		a(e, t);
 	};
-	return /* @__PURE__ */ J(te, {
+	return /* @__PURE__ */ K(re, {
+		ref: f,
 		finalFocus: u,
-		type: e?.type === Z.DATE || e?.type === Z.TAGS ? "display" : "menu",
+		type: "menu",
 		"aria-label": e?.label ?? d.addFilter,
 		inset: "flush",
-		className: r("filter-popover-content--component", f),
+		className: r("filter-popover-content--component", g),
 		align: "start",
-		children: e ? e.type === Z.DATE ? /* @__PURE__ */ J(et, {
+		children: e ? e.type === X.DATE ? /* @__PURE__ */ K(dt, {
 			filter: e,
 			value: i(e.key),
-			onFilterChange: (t) => p(e.key, t),
+			onFilterChange: (t) => _(e.key, t),
 			onBackToFilterList: s,
 			triggerSource: l
-		}) : e.type === Z.TAGS ? /* @__PURE__ */ J(ct, {
+		}) : e.type === X.TAGS ? /* @__PURE__ */ K(bt, {
 			filter: e,
 			value: i(e.key),
-			onFilterChange: (t) => p(e.key, t),
+			onFilterChange: (t) => _(e.key, t),
 			onBackToFilterList: s,
 			onClose: c,
 			triggerSource: l
-		}) : e.type === Z.ASYNC_SELECT ? /* @__PURE__ */ J(Ze, {
+		}) : e.type === X.ASYNC_SELECT ? /* @__PURE__ */ K(ct, {
 			filter: e,
 			value: i(e.key),
-			onFilterChange: (t) => p(e.key, t),
+			onFilterChange: (t) => _(e.key, t),
 			onBackToFilterList: s,
 			onClose: c,
 			triggerSource: l
-		}) : /* @__PURE__ */ J(at, {
+		}) : /* @__PURE__ */ K(_t, {
 			filter: e,
 			value: i(e.key),
-			onFilterChange: (t) => p(e.key, t),
+			onFilterChange: (t) => _(e.key, t),
 			onBackToFilterList: s,
 			onClose: c,
 			triggerSource: l
-		}) : /* @__PURE__ */ J(it, {
+		}) : /* @__PURE__ */ K(ht, {
 			availableFilters: t,
 			activeFilters: n,
 			onFilterSelect: o
@@ -1472,24 +1500,24 @@ function lt({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-pill.tsx
-function ut({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
-	let d = G(!1), f = u ?? d, [p, m] = K(!1), h = G(null), g = G(null);
-	return /* @__PURE__ */ J(nt, {
+function wt({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
+	let d = U(!1), f = u ?? d, [p, m] = W(!1), h = U(null), g = U(null);
+	return /* @__PURE__ */ K(pt, {
 		filterKey: e.key,
-		children: /* @__PURE__ */ Y(ee, {
+		children: /* @__PURE__ */ q(ne, {
 			open: p,
 			onOpenChange: (e) => {
 				e && f.current || m(e);
 			},
-			children: [/* @__PURE__ */ Y("div", {
+			children: [/* @__PURE__ */ q("div", {
 				className: "filter-pill--component filter-pill--anchor relative",
-				children: [/* @__PURE__ */ J(L, {
-					render: /* @__PURE__ */ J("span", {}),
+				children: [/* @__PURE__ */ K(I, {
+					render: /* @__PURE__ */ K("span", {}),
 					nativeButton: !1,
 					tabIndex: -1,
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute inset-0"
-				}), /* @__PURE__ */ J(Je, {
+				}), /* @__PURE__ */ K(it, {
 					filter: e,
 					popoverOpen: p,
 					triggerRef: h,
@@ -1509,7 +1537,7 @@ function ut({ filter: e, value: t, active: n, operator: r, operators: i, onOpera
 						f.current || (g.current = e?.currentTarget ?? h.current, m(!0));
 					}
 				})]
-			}), /* @__PURE__ */ J(lt, {
+			}), /* @__PURE__ */ K(Ct, {
 				finalFocus: g,
 				activeFilterInPopover: e,
 				availableFilters: c,
@@ -1524,29 +1552,29 @@ function ut({ filter: e, value: t, active: n, operator: r, operators: i, onOpera
 		})
 	});
 }
-ut.displayName = "FilterPill";
+wt.displayName = "FilterPill";
 //#endregion
 //#region src/components/features/filters/partials/filters-button.tsx
-function dt({ triggerRef: t, availableFilters: n, activeFilters: a, activeFilterInPopover: o, getFilterValue: s, setFilterValue: c, setActiveFilterInPopover: l }) {
-	let { defaultScale: u } = e(), d = N(void 0, u), [f, p] = K(!1), { strings: m } = $();
-	return U(() => {
+function Tt({ triggerRef: e, availableFilters: n, activeFilters: a, activeFilterInPopover: o, getFilterValue: s, setFilterValue: c, setActiveFilterInPopover: l }) {
+	let { defaultScale: u } = t(), d = N(void 0, u), [f, p] = W(!1), { strings: m } = $();
+	return V(() => {
 		f || l(null);
-	}, [f, l]), /* @__PURE__ */ Y(ee, {
+	}, [f, l]), /* @__PURE__ */ q(ne, {
 		open: f,
 		onOpenChange: p,
-		children: [/* @__PURE__ */ J(L, {
+		children: [/* @__PURE__ */ K(I, {
 			asChild: !0,
-			children: /* @__PURE__ */ J(i, {
-				ref: t,
+			children: /* @__PURE__ */ K(i, {
+				ref: e,
 				tone: "secondary",
 				buttonStyle: "outline",
 				size: d,
 				iconOnly: !0,
 				"aria-label": m.addFilter,
-				className: r("filters-button--component shrink-0", j[d], B[d]),
-				children: /* @__PURE__ */ J(ye, { className: "size-icon-sm" })
+				className: r("filters-button--component shrink-0", j[d], ie[d]),
+				children: /* @__PURE__ */ K(Ee, { className: "size-icon-sm" })
 			})
-		}), /* @__PURE__ */ J(lt, {
+		}), /* @__PURE__ */ K(Ct, {
 			activeFilterInPopover: o,
 			availableFilters: n,
 			activeFilters: a,
@@ -1567,8 +1595,8 @@ function dt({ triggerRef: t, availableFilters: n, activeFilters: a, activeFilter
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-tabs.tsx
-function ft({ tabs: e }) {
-	let { activeFilters: t, filters: n, replaceFilters: r } = $(), i = W(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== Z.SEARCH), [t, n]), a = W(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === Z.SEARCH), [t, n]), s = W(() => {
+function Et({ tabs: e }) {
+	let { activeFilters: t, filters: n, replaceFilters: r } = $(), i = H(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== X.SEARCH), [t, n]), a = H(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === X.SEARCH), [t, n]), s = H(() => {
 		for (let t of e) {
 			if (t.presets.length === 0) {
 				if (i.length === 0) return t.id;
@@ -1582,13 +1610,13 @@ function ft({ tabs: e }) {
 			})) return t.id;
 		}
 		return null;
-	}, [e, i]), c = H((e) => {
+	}, [e, i]), c = B((e) => {
 		if (e.presets.length === 0) {
 			r([...a]);
 			return;
 		}
 		let t = e.presets.map((e) => {
-			let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ? Fe(t.type) : "equals");
+			let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ? Ve(t.type) : "equals");
 			return {
 				id: e.key,
 				key: e.key,
@@ -1602,14 +1630,14 @@ function ft({ tabs: e }) {
 		a,
 		r
 	]);
-	return e.length === 0 ? null : /* @__PURE__ */ J(oe, {
+	return e.length === 0 ? null : /* @__PURE__ */ K(le, {
 		value: s,
 		onValueChange: (t) => {
 			let n = e.find((e) => e.id === t);
 			n && c(n);
 		},
 		className: "filter-tabs--component",
-		children: /* @__PURE__ */ J(ae, {
+		children: /* @__PURE__ */ K(ce, {
 			variant: "chips",
 			role: "group",
 			"aria-orientation": void 0,
@@ -1617,19 +1645,19 @@ function ft({ tabs: e }) {
 			className: "gap-space-md",
 			children: e.map((e) => {
 				let t = s === e.id;
-				return /* @__PURE__ */ Y(ie, {
+				return /* @__PURE__ */ q(se, {
 					value: e.id,
 					role: "button",
 					"aria-selected": void 0,
 					"aria-controls": void 0,
 					"aria-pressed": t,
 					className: "filter-tabs--tab",
-					children: [/* @__PURE__ */ J(o, {
+					children: [/* @__PURE__ */ K(o, {
 						tag: "span",
 						weight: "medium",
 						className: "text-inherit",
 						children: e.label
-					}), e.count !== void 0 && /* @__PURE__ */ J(o, {
+					}), e.count !== void 0 && /* @__PURE__ */ K(o, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -1643,20 +1671,20 @@ function ft({ tabs: e }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/search-facet.tsx
-var pt = V.forwardRef(function(e, t) {
-	return /* @__PURE__ */ J(be, {
+var Dt = z.forwardRef(function(e, t) {
+	return /* @__PURE__ */ K(De, {
 		...e,
 		ref: t,
 		className: r("animate-spin", e.className)
 	});
 });
-function mt({ filter: e, value: t, onValueChange: n, className: i }) {
-	let { strings: a, isNavigating: o } = $(), [s, c] = K(t[0] || ""), l = G(s);
-	U(() => {
+function Ot({ filter: e, value: t, onValueChange: n, className: i }) {
+	let { strings: a, isNavigating: o } = $(), [s, c] = W(t[0] || ""), l = U(s);
+	V(() => {
 		l.current = s;
 	}, [s]);
-	let u = G(t[0] || null), d = G(!1);
-	U(() => {
+	let u = U(t[0] || null), d = U(!1);
+	V(() => {
 		if (d.current || o) return;
 		let e = l.current;
 		if (!t.length || t[0] === "") {
@@ -1665,14 +1693,14 @@ function mt({ filter: e, value: t, onValueChange: n, className: i }) {
 		}
 		t[0] !== void 0 && t[0] !== e && t[0] !== u.current && (c(t[0]), u.current = t[0]);
 	}, [t, o]);
-	let f = ce((e) => {
+	let f = de((e) => {
 		u.current = e, d.current = !1, n([e]);
 	}, e.delay ?? 300), p = (e) => {
 		u.current !== e && f(e);
 	};
-	return /* @__PURE__ */ J("div", {
-		className: r("search-facet--component", "search-facet relative w-full min-w-0 rounded-inner bg-background", i),
-		children: /* @__PURE__ */ J(P, {
+	return /* @__PURE__ */ K("div", {
+		className: r("search-facet--component", "search-facet relative w-full min-w-0 rounded-radius bg-background", i),
+		children: /* @__PURE__ */ K(P, {
 			type: "text",
 			"aria-label": e.label,
 			value: s,
@@ -1691,27 +1719,27 @@ function mt({ filter: e, value: t, onValueChange: n, className: i }) {
 			},
 			placeholder: e.placeholder ?? (() => {
 				let t = e.label.trim().toLowerCase();
-				return !t || t === "search" ? X(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : X(a.searchPlaceholder, { filterLabel: t });
+				return !t || t === "search" ? Y(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : Y(a.searchPlaceholder, { filterLabel: t });
 			})(),
 			clearable: s.trim() !== "" && !o,
-			endIcon: o ? pt : void 0,
+			endIcon: o ? Dt : void 0,
 			strings: { clear: a.clearSearch }
 		})
 	});
 }
-var ht = V.memo(mt);
-ht.displayName = "SearchFacet";
+var kt = z.memo(Ot);
+kt.displayName = "SearchFacet";
 //#endregion
 //#region src/components/features/filters/partials/search-filters-list.tsx
-function gt({ filters: e, getFilterValue: t, setFilterValue: n, className: i }) {
-	return /* @__PURE__ */ J(q, { children: e.map((e) => /* @__PURE__ */ Y(u, {
+function At({ filters: e, getFilterValue: t, setFilterValue: n, className: i }) {
+	return /* @__PURE__ */ K(G, { children: e.map((e) => /* @__PURE__ */ q(u, {
 		gap: "lg",
 		className: r("search-filters-list--component", "w-full min-w-0 sm:w-64 sm:flex-none", e.displayConfig.className, i),
-		children: [/* @__PURE__ */ J(ht, {
+		children: [/* @__PURE__ */ K(kt, {
 			filter: e,
 			value: t(e.key),
 			onValueChange: (t) => n(e.key, t)
-		}), !!e.description && /* @__PURE__ */ J(o, {
+		}), !!e.description && /* @__PURE__ */ K(o, {
 			size: "xs",
 			type: "secondary",
 			children: e.description
@@ -1720,66 +1748,66 @@ function gt({ filters: e, getFilterValue: t, setFilterValue: n, className: i })
 }
 //#endregion
 //#region src/components/features/filters/filter-layout.tsx
-var _t = {
+var jt = {
 	compact: "lg",
 	default: "xl"
-}, vt = {
+}, Mt = {
 	compact: "sm",
 	default: "md"
 };
-function yt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}, variant: a = "default", showClearFilters: s = !1, tabs: c }) {
-	let { getFilterValue: l, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = $(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = ze({ dynamicFilterOptions: t }), [w, T] = K(null), E = v.find((e) => e.key === w) ?? null, D = H((e) => {
+function Nt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}, variant: a = "default", showClearFilters: s = !1, tabs: c }) {
+	let { getFilterValue: l, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = $(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = Ye({ dynamicFilterOptions: t }), [w, T] = W(null), E = v.find((e) => e.key === w) ?? null, D = B((e) => {
 		T(e?.key ?? null);
 	}, []);
-	U(() => {
+	V(() => {
 		w !== null && E === null && T(null);
 	}, [w, E]);
-	let O = G(null), k = G(null);
+	let O = U(null), k = U(null);
 	function A(e, t) {
 		t.length === 0 && e.displayConfig?.display !== "always" && (k.current = e.key), d(e.key, t);
 	}
-	U(() => {
+	V(() => {
 		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 : Pe(e.type, _.operators);
+		return e.operators && e.operators.length > 0 ? e.operators : Be(e.type, _.operators);
 	}
 	function M(e, t) {
 		h(e, t);
 	}
-	return /* @__PURE__ */ Y(u, {
-		gap: _t[a],
+	return /* @__PURE__ */ q(u, {
+		gap: jt[a],
 		className: r("filter-layout--component", e),
-		children: [!!c && c.length > 0 && /* @__PURE__ */ J(ft, { tabs: c }), /* @__PURE__ */ Y(u, {
+		children: [!!c && c.length > 0 && /* @__PURE__ */ K(Et, { tabs: c }), /* @__PURE__ */ q(u, {
 			direction: "horizontal",
 			align: "center",
-			gap: vt[a],
-			children: [/* @__PURE__ */ J(nt, {
+			gap: Mt[a],
+			children: [/* @__PURE__ */ K(pt, {
 				filterKey: "search-filters",
-				children: /* @__PURE__ */ J(gt, {
+				children: /* @__PURE__ */ K(At, {
 					filters: y,
 					getFilterValue: l,
 					setFilterValue: d
 				})
-			}), /* @__PURE__ */ Y("div", {
+			}), /* @__PURE__ */ q("div", {
 				className: r("contents", g && "pointer-events-none opacity-60"),
 				children: [
 					Object.entries(n).filter(([, e]) => e).map(([e]) => {
 						let t = v.find((t) => t.key === e)?.label || e;
-						return /* @__PURE__ */ Y(u, {
+						return /* @__PURE__ */ q(u, {
 							direction: "horizontal",
 							gap: "sm",
 							wrap: !1,
 							className: "rounded-radius bg-muted/50 px-control-sm py-space-xs",
-							children: [/* @__PURE__ */ J("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ J(o, {
+							children: [/* @__PURE__ */ K("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ K(o, {
 								tag: "span",
 								type: "secondary",
-								children: X(_.loadingOptions, { filterLabel: t })
+								children: Y(_.loadingOptions, { filterLabel: t })
 							})]
 						}, `loading-${e}`);
 					}),
-					[...b, ...x].map((e) => /* @__PURE__ */ J(ut, {
+					[...b, ...x].map((e) => /* @__PURE__ */ K(wt, {
 						filter: e,
 						value: l(e.key) ?? [],
 						active: f(e.key),
@@ -1791,9 +1819,9 @@ function yt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}
 						availableFilters: S,
 						activeFilters: [...x, ...b]
 					}, e.key)),
-					S.length > 0 && /* @__PURE__ */ J(nt, {
+					S.length > 0 && /* @__PURE__ */ K(pt, {
 						filterKey: "filters-button",
-						children: /* @__PURE__ */ J(dt, {
+						children: /* @__PURE__ */ K(Tt, {
 							triggerRef: O,
 							availableFilters: S,
 							activeFilters: x,
@@ -1803,7 +1831,7 @@ function yt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}
 							setActiveFilterInPopover: D
 						})
 					}),
-					!!s && C && /* @__PURE__ */ J(i, {
+					!!s && C && /* @__PURE__ */ K(i, {
 						tone: "secondary",
 						buttonStyle: "ghost",
 						onClick: p,
@@ -1817,8 +1845,8 @@ function yt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}
 }
 //#endregion
 //#region src/components/features/filters/filter-query.ts
-var bt = "__op", xt = ["page"], St = new Set(Object.values(Q));
-function Ct(e) {
+var Pt = "__op", Ft = ["page"], It = new Set(Object.values(Z));
+function Lt(e) {
 	let t = {};
 	if (!e) return t;
 	if (e instanceof URLSearchParams) return e.forEach((e, n) => {
@@ -1830,203 +1858,223 @@ function Ct(e) {
 	}
 	return t;
 }
-function wt(e) {
+function Rt(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 Tt(e, t, n) {
+function zt(e, t, n) {
 	let r = e[t] ?? [];
 	return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
 }
-function Et(e, t) {
+function Bt(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 Dt(e, t) {
+function Vt(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 Ot(e) {
-	return e.operator ?? e.operators?.[0]?.value ?? Fe(e.type);
+function Ht(e) {
+	return e.operator ?? e.operators?.[0]?.value ?? Ve(e.type);
 }
-function kt(e, t, n) {
+function Ut(e, t, n) {
 	let [r] = t[`${e.key}${n}`] ?? [];
-	return r && St.has(r) ? r : Ot(e);
+	return r && It.has(r) ? r : Ht(e);
 }
-function At(e, t, n) {
+function Wt(e, t, n) {
 	return e === "always" || e !== "never" && t !== n;
 }
-function jt(e) {
-	return e.type === Z.MULTI_SELECT || e.type === Z.TAGS || e.multiple === !0;
+function Gt(e) {
+	return e.type === X.MULTI_SELECT || e.type === X.TAGS || e.multiple === !0;
 }
-function Mt(e, t, n = {}) {
-	let r = n.operatorSuffix ?? bt, i = n.arrayFormat ?? "repeat", a = Ct(t);
+function Kt(e, t, n = {}) {
+	let r = n.operatorSuffix ?? Pt, i = n.arrayFormat ?? "repeat", a = Lt(t);
 	return e.flatMap((e) => {
-		let t = Et(e, Tt(a, e.key, i));
+		let t = Bt(e, zt(a, e.key, i));
 		return t.length === 0 ? [] : [{
 			id: e.key,
 			key: e.key,
-			operator: kt(e, a, r),
-			value: jt(e) ? t : [t[0]]
+			operator: Ut(e, a, r),
+			value: Gt(e) ? t : [t[0]]
 		}];
 	});
 }
-function Nt(e, t, n, r = {}) {
-	let i = r.operatorSuffix ?? bt, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? xt, l = o ? Ct(n) : {}, u = new Map(e.map((e) => [e.key, e]));
+function qt(e, t, n, r = {}) {
+	let i = r.operatorSuffix ?? Pt, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? Ft, l = o ? Lt(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 = Dt(t, e.value);
+		let n = Vt(t, e.value);
 		if (n.length === 0) continue;
 		l[e.key] = a === "comma" ? [n.join(",")] : n;
-		let r = Ot(t);
-		At(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
+		let r = Ht(t);
+		Wt(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
 	}
-	return wt(l);
+	return Rt(l);
 }
-function Pt(e, t, n = {}) {
-	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? xt, a = r ? Ct(e) : {}, o = Ct(t);
+function Jt(e, t, n = {}) {
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? Ft, a = r ? Lt(e) : {}, o = Lt(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 wt(a);
+	return Rt(a);
 }
 //#endregion
 //#region src/components/features/filters/facets/select-facet.tsx
-function Ft({ filter: t, value: n, onValueChange: a, className: s }) {
-	let { defaultScale: c } = e(), l = N(void 0, c), { strings: u } = $(), [d, f] = K(!1), [p, m] = K(""), h = n.length > 0, g = t.options, _ = (e) => {
-		t.multiple ? n.includes(e) ? a(n.filter((t) => t !== e)) : a([...n, e]) : (a([e]), t.closeOnSelect !== !1 && f(!1));
-	}, v = (e) => g?.find((t) => t.value === e)?.label ?? e, y = W(() => (g ?? []).map((e) => ({
+function Yt({ filter: e, value: n, onValueChange: a, className: s }) {
+	let { defaultScale: c } = t(), l = N(void 0, c), { strings: u } = $(), [d, f] = W(!1), [p, m] = W(""), h = n.length > 0, g = e.options, _ = (t) => {
+		e.multiple ? n.includes(t) ? a(n.filter((e) => e !== t)) : a([...n, t]) : (a([t]), e.closeOnSelect !== !1 && f(!1));
+	}, v = (t) => Ge(e, t) ?? t, y = H(() => Ue(g) ? We(g ?? []) : null, [g]), b = H(() => (g ?? []).map((e) => ({
 		value: e.value,
 		label: e.label,
 		description: e.description,
 		icon: e.icon,
 		selected: n.includes(e.value),
 		disabled: e.disabled
-	})), [g, n]), b = X(u.searchPlaceholder, { filterLabel: t.label.toLowerCase() });
-	return /* @__PURE__ */ J("div", {
+	})), [g, n]), x = Y(u.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), S = Y(u.selected, {
+		count: n.length,
+		filterLabel: Q((n.length > 1 ? e.pluralLabel : e.label) ?? e.label)
+	});
+	return y ? /* @__PURE__ */ K("div", {
 		className: r("select-facet--component", "relative", s),
-		children: /* @__PURE__ */ J(se, {
+		children: /* @__PURE__ */ K(ge, {
+			items: y,
+			value: e.multiple ? n : n[0] ?? null,
+			multiple: !!e.multiple,
+			selectable: e.selectableOptions ?? "leaf",
+			size: l,
+			"aria-label": e.label,
+			strings: {
+				placeholder: e.placeholder ?? u.select,
+				search: x,
+				empty: u.noOptionsFound,
+				root: e.label,
+				back: u.previousLevel,
+				selectCurrent: u.selectCurrentLevel
+			},
+			renderValue: n.length > 1 ? () => S : void 0,
+			onValueChange: (e) => a(e == null ? [] : typeof e == "string" ? [e] : [...e])
+		})
+	}) : /* @__PURE__ */ K("div", {
+		className: r("select-facet--component", "relative", s),
+		children: /* @__PURE__ */ K(ue, {
 			open: d,
 			onOpenChange: f,
 			search: !0,
 			searchValue: p,
 			onSearchChange: m,
 			strings: {
-				searchPlaceholder: b,
+				searchPlaceholder: x,
 				empty: u.noOptionsFound
 			},
 			contentClassName: "w-(--anchor-width) min-w-56",
-			trigger: /* @__PURE__ */ Y(i, {
+			trigger: /* @__PURE__ */ q(i, {
 				tone: "secondary",
 				buttonStyle: "outline",
 				size: l,
 				role: "combobox",
 				"aria-expanded": d,
 				className: M(l),
-				children: [h ? n.length === 1 ? /* @__PURE__ */ J(o, {
+				children: [h ? n.length === 1 ? /* @__PURE__ */ K(o, {
 					tag: "span",
 					weight: "semibold",
 					className: "truncate",
 					children: v(n[0])
-				}) : /* @__PURE__ */ J(o, {
+				}) : /* @__PURE__ */ K(o, {
 					tag: "span",
 					weight: "semibold",
-					children: X(u.selected, {
-						count: n.length,
-						filterLabel: (n.length > 1 ? t.pluralLabel : t.label) ?? t.label
-					})
-				}) : /* @__PURE__ */ J(o, {
+					children: S
+				}) : /* @__PURE__ */ K(o, {
 					tag: "span",
 					type: "secondary",
-					children: t.placeholder ?? u.select
-				}), /* @__PURE__ */ J(ve, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+					children: e.placeholder ?? u.select
+				}), /* @__PURE__ */ K(Te, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
 			}),
-			items: y,
+			items: b,
 			onSelect: (e) => _(e.value)
 		})
 	});
 }
 //#endregion
 //#region src/components/features/filters/facets/async-select-facet.tsx
-function It({ filter: t, value: n, onValueChange: a, className: s }) {
-	let { defaultScale: c } = e(), l = N(void 0, c), { strings: d, cacheAsyncOptions: m, getAsyncOptionLabel: h, reportError: g } = $(), [_, v] = K(!1), [y, b] = K(""), x = W(() => /* @__PURE__ */ new Map(), [
-		t.key,
-		t.asyncConfig?.fetcher,
-		t.asyncConfig?.mapToOption
-	]), { options: S, isLoading: C, isFetching: k, isError: j, refetch: P, isBelowMinQuery: F, minQueryLength: I } = Xe(t, y, _, { onError: g });
-	U(() => {
+function Xt({ filter: e, value: n, onValueChange: a, className: s }) {
+	let { defaultScale: c } = t(), l = N(void 0, c), { strings: d, cacheAsyncOptions: m, getAsyncOptionLabel: h, reportError: g } = $(), [_, v] = W(!1), [y, b] = W(""), x = H(() => /* @__PURE__ */ new Map(), [
+		e.key,
+		e.asyncConfig?.fetcher,
+		e.asyncConfig?.mapToOption
+	]), { options: S, isLoading: C, isFetching: k, isError: j, refetch: P, isBelowMinQuery: F, minQueryLength: ee } = ot(e, y, _, { onError: g });
+	V(() => {
 		if (S.length !== 0) {
 			for (let e of S) x.set(e.value, e);
-			m(t.key, S);
+			m(e.key, S);
 		}
 	}, [
 		m,
-		t.key,
+		e.key,
 		x,
 		S
 	]);
-	let R = t.multiple !== !1, z = t.maxSelected, B = W(() => t.options ?? [], [t.options]), ne = W(() => {
-		let e = new Set(n), r = new Set([...B, ...S].map((e) => e.value)), i = [];
-		for (let e of n) if (!r.has(e)) {
-			let n = x.get(e);
+	let te = e.multiple !== !1, L = e.maxSelected, R = H(() => e.options ?? [], [e.options]), ie = H(() => {
+		let t = new Set(n), r = new Set([...R, ...S].map((e) => e.value)), i = [];
+		for (let t of n) if (!r.has(t)) {
+			let n = x.get(t);
 			if (n) i.push(n);
 			else {
-				let n = B.find((t) => t.value === e);
+				let n = R.find((e) => e.value === t);
 				if (n) {
 					i.push(n);
 					continue;
 				}
-				let r = h(t.key, e);
+				let r = h(e.key, t);
 				r && i.push({
-					value: e,
+					value: t,
 					label: r,
-					icon: t.icon
+					icon: e.icon
 				});
 			}
 		}
 		return [
 			...i,
-			...B,
+			...R,
 			...S
-		].sort((t, n) => +!e.has(t.value) - !e.has(n.value));
+		].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
 	}, [
-		B,
+		R,
 		S,
 		n,
-		t.key,
-		t.icon,
+		e.key,
+		e.icon,
 		x,
 		h
-	]), re = (e) => {
-		if (R) {
-			if (n.includes(e)) a(n.filter((t) => t !== e));
+	]), ae = (t) => {
+		if (te) {
+			if (n.includes(t)) a(n.filter((e) => e !== t));
 			else {
-				if (z && n.length >= z) return;
-				a([...n, e]);
+				if (L && n.length >= L) return;
+				a([...n, t]);
 			}
-		} else a([e]), t.closeOnSelect !== !1 && v(!1);
-	}, ie = (e) => {
-		let n = S.find((t) => t.value === e);
+		} else a([t]), e.closeOnSelect !== !1 && v(!1);
+	}, oe = (t) => {
+		let n = S.find((e) => e.value === t);
 		if (n) return n.label;
-		let r = B.find((t) => t.value === e);
+		let r = R.find((e) => e.value === t);
 		if (r) return r.label;
-		let i = x.get(e);
-		return i ? i.label : h(t.key, e) ?? e;
-	}, ae = n.length > 0, oe = W(() => C || k ? /* @__PURE__ */ J(f, {
+		let i = x.get(t);
+		return i ? i.label : h(e.key, t) ?? t;
+	}, se = n.length > 0, ce = H(() => C || k ? /* @__PURE__ */ K(f, {
 		className: "async-select-facet--component",
 		label: d.searching
-	}) : j ? /* @__PURE__ */ J(p, {
+	}) : j ? /* @__PURE__ */ K(p, {
 		variant: "inline",
 		title: d.fetchError,
-		action: /* @__PURE__ */ J(i, {
+		action: /* @__PURE__ */ K(i, {
 			tone: "secondary",
 			buttonStyle: "outline",
 			size: "sm",
@@ -2035,15 +2083,15 @@ function It({ filter: t, value: n, onValueChange: a, className: s }) {
 			},
 			children: d.retryFetch
 		})
-	}) : F ? /* @__PURE__ */ J("div", {
+	}) : F ? /* @__PURE__ */ K("div", {
 		className: "text-muted-foreground flex items-center justify-center py-space-xl",
-		children: /* @__PURE__ */ J(o, {
+		children: /* @__PURE__ */ K(o, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: X(d.minQueryHint, { min: I })
+			children: Y(d.minQueryHint, { min: ee })
 		})
-	}) : /* @__PURE__ */ J(o, {
+	}) : /* @__PURE__ */ K(o, {
 		tag: "span",
 		type: "secondary",
 		children: d.noOptionsFound
@@ -2052,75 +2100,75 @@ function It({ filter: t, value: n, onValueChange: a, className: s }) {
 		k,
 		j,
 		F,
-		I,
+		ee,
 		d,
 		P
 	]);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ K("div", {
 		className: r("async-select-facet--component relative", s),
-		children: /* @__PURE__ */ Y(ee, {
+		children: /* @__PURE__ */ q(ne, {
 			open: _,
 			onOpenChange: (e) => {
 				v(e), e || b("");
 			},
-			children: [/* @__PURE__ */ J(L, { render: /* @__PURE__ */ Y(i, {
+			children: [/* @__PURE__ */ K(I, { render: /* @__PURE__ */ q(i, {
 				tone: "secondary",
 				buttonStyle: "outline",
 				size: l,
 				role: "combobox",
 				"aria-expanded": _,
 				className: M(l),
-				children: [ae ? n.length === 1 ? /* @__PURE__ */ J(o, {
+				children: [se ? n.length === 1 ? /* @__PURE__ */ K(o, {
 					tag: "span",
 					weight: "semibold",
 					className: "truncate",
-					children: ie(n[0])
-				}) : /* @__PURE__ */ J(o, {
+					children: oe(n[0])
+				}) : /* @__PURE__ */ K(o, {
 					tag: "span",
 					weight: "semibold",
-					children: X(d.selected, {
+					children: Y(d.selected, {
 						count: n.length,
-						filterLabel: (n.length > 1 ? t.pluralLabel : t.label) ?? t.label
+						filterLabel: Q((n.length > 1 ? e.pluralLabel : e.label) ?? e.label)
 					})
-				}) : /* @__PURE__ */ J(o, {
+				}) : /* @__PURE__ */ K(o, {
 					tag: "span",
 					type: "secondary",
-					children: t.placeholder ?? d.select
-				}), /* @__PURE__ */ J(ve, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
-			}) }), /* @__PURE__ */ J(te, {
+					children: e.placeholder ?? d.select
+				}), /* @__PURE__ */ K(Te, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+			}) }), /* @__PURE__ */ K(re, {
 				type: "menu",
 				inset: "flush",
 				className: "w-full min-w-70 gap-0",
-				children: /* @__PURE__ */ Y(A, {
+				children: /* @__PURE__ */ q(A, {
 					shouldFilter: !1,
 					inset: "flush",
 					className: "rounded-none",
-					children: [/* @__PURE__ */ J(T, {
-						placeholder: X(d.searchPlaceholder, { filterLabel: t.label }),
+					children: [/* @__PURE__ */ K(T, {
+						placeholder: Y(d.searchPlaceholder, { filterLabel: e.label }),
 						value: y,
 						onValueChange: b
-					}), /* @__PURE__ */ J(D, { children: ne.length === 0 ? /* @__PURE__ */ J(E, { children: oe }) : /* @__PURE__ */ Y(O, { children: [!(!k || C) && /* @__PURE__ */ Y(u, {
+					}), /* @__PURE__ */ K(D, { children: ie.length === 0 ? /* @__PURE__ */ K(E, { children: ce }) : /* @__PURE__ */ q(O, { children: [!(!k || C) && /* @__PURE__ */ q(u, {
 						direction: "horizontal",
 						gap: "sm",
 						wrap: !1,
 						className: "px-control-sm py-space-xs",
-						children: [/* @__PURE__ */ J(be, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ J(o, {
+						children: [/* @__PURE__ */ K(De, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ K(o, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							children: d.searching
 						})]
-					}), ne.map((e) => /* @__PURE__ */ Y(w, {
+					}), ie.map((e) => /* @__PURE__ */ q(w, {
 						value: e.value,
-						onSelect: () => re(e.value),
-						disabled: e.disabled || !!z && n.length >= z && !n.includes(e.value),
+						onSelect: () => ae(e.value),
+						disabled: e.disabled || !!L && n.length >= L && !n.includes(e.value),
 						children: [
-							/* @__PURE__ */ J(he, { className: r("mr-control-gap size-icon-sm", n.includes(e.value) ? "opacity-100" : "opacity-0") }),
-							!!e.icon && /* @__PURE__ */ J("span", {
+							/* @__PURE__ */ K(Se, { className: r("mr-control-gap size-icon-sm", n.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							!!e.icon && /* @__PURE__ */ K("span", {
 								className: "mr-1.5",
 								children: e.icon
 							}),
-							/* @__PURE__ */ J(o, {
+							/* @__PURE__ */ K(o, {
 								tag: "span",
 								children: e.label
 							})
@@ -2133,33 +2181,33 @@ function It({ filter: t, value: n, onValueChange: a, className: s }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/range-facet.tsx
-function Lt({ filter: e, value: t, onValueChange: n, className: i }) {
-	let { strings: o } = $(), [s, c] = K(t.min?.toString() ?? ""), [d, f] = K(t.max?.toString() ?? ""), p = pe(), m = ce((e) => {
+function Zt({ filter: e, value: t, onValueChange: n, className: i }) {
+	let { strings: o } = $(), [s, c] = W(t.min?.toString() ?? ""), [d, f] = W(t.max?.toString() ?? ""), p = be(), m = de((e) => {
 		(e.min !== t.min || e.max !== t.max) && n(e);
 	}, e.delay ?? 300);
-	return U(() => (m({
+	return V(() => (m({
 		min: s ? Number(s) : void 0,
 		max: d ? Number(d) : void 0
 	}), m.cancel), [
 		s,
 		d,
 		m
-	]), /* @__PURE__ */ J(u, {
+	]), /* @__PURE__ */ K(u, {
 		gap: "md",
 		className: r("range-facet--component", i),
-		children: /* @__PURE__ */ Y(l, {
+		children: /* @__PURE__ */ q(l, {
 			columns: {
 				base: 1,
 				sm: 2
 			},
 			gap: "md",
-			children: [/* @__PURE__ */ Y(u, {
+			children: [/* @__PURE__ */ q(u, {
 				gap: "xs",
-				children: [/* @__PURE__ */ J(a, {
+				children: [/* @__PURE__ */ K(a, {
 					htmlFor: `${p}-min`,
 					className: "text-inherit",
 					children: o.min
-				}), /* @__PURE__ */ J(P, {
+				}), /* @__PURE__ */ K(P, {
 					id: `${p}-min`,
 					type: "text",
 					value: s,
@@ -2170,13 +2218,13 @@ function Lt({ filter: e, value: t, onValueChange: n, className: i }) {
 					placeholder: o.min,
 					className: "w-full"
 				})]
-			}), /* @__PURE__ */ Y(u, {
+			}), /* @__PURE__ */ q(u, {
 				gap: "xs",
-				children: [/* @__PURE__ */ J(a, {
+				children: [/* @__PURE__ */ K(a, {
 					htmlFor: `${p}-max`,
 					className: "text-inherit",
 					children: o.max
-				}), /* @__PURE__ */ J(P, {
+				}), /* @__PURE__ */ K(P, {
 					id: `${p}-max`,
 					type: "text",
 					value: d,
@@ -2193,17 +2241,17 @@ function Lt({ filter: e, value: t, onValueChange: n, className: i }) {
 }
 //#endregion
 //#region src/components/features/filters/validators.ts
-function Rt(e) {
+function Qt(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 zt(e, t) {
+function $t(e, t) {
 	return (n) => e(n) ? !0 : t;
 }
 //#endregion
-export { Pe as A, ze as C, Me as D, Ne as E, Oe as F, Ee as I, De as L, ke as M, Q as N, Fe as O, Z as P, X as R, Be as S, $ as T, nt as _, Ft as a, Je as b, Nt as c, ht as d, ft as f, st as g, lt as h, It as i, Ae as j, je as k, yt as l, ut as m, Rt as n, Pt as o, dt as p, Lt as r, Mt as s, zt as t, gt as u, $e as v, Re as w, Ve as x, Xe as y };
+export { Be as A, Ye as C, Re as D, ze as E, Pe as F, Me as I, Ne as L, Fe as M, Z as N, Ve as O, X as P, Y as R, Xe as S, $ as T, pt as _, Yt as a, it as b, qt as c, kt as d, Et as f, yt as g, Ct as h, Xt as i, Ie as j, Le as k, Nt as l, wt as m, Qt as n, Jt as o, Tt as p, Zt as r, Kt as s, $t as t, At as u, ut as v, Je as w, Ze as x, ot as y };
 
-//# sourceMappingURL=filters-BcT-uoFy.js.map
+//# sourceMappingURL=filters-DzgSJpMK.js.map