themelia-ui 3.0.0 → 3.2.0

package/dist/{filters-DOLKRSmb.js → filters-BhsTkWpZ.js}

@@ -1,44 +1,46 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { n } from "./feedback-DRerHGuV.js";
-import { d as r } from "./ui-provider-Cmoq6i_D.js";
-import { c as i, t as a } from "./buttons-CqXKWty3.js";
-import { g as o, l as s, r as c, t as l, u } from "./dropdown-menu-TyNLCLML.js";
-import { t as d } from "./use-latest-CF0678ae.js";
-import { B as f } from "./primitives-D0bdDozz.js";
-import { t as p } from "./badge-CxOuTfVr.js";
-import { i as m, r as h, t as g, u as _ } from "./item-B3yQ26as.js";
-import { t as v } from "./use-debounce-yN5BxUpQ.js";
-import { t as y } from "./use-mobile-DwY2vtnf.js";
-import { t as b } from "./strings-Co9_qArR.js";
-import { l as x } from "./text-inputs-DF_lD7pA.js";
-import { n as S } from "./navigation-CsqTA16F.js";
-import { s as C } from "./choice-inputs-OUDn0kQw.js";
-import { s as w } from "./value-inputs-Q4ymjXlV.js";
-import { a as T, o as E } from "./date-pickers-DOwIT-Nk.js";
-import { c as D, r as O, t as k } from "./popover-DriLnIFc.js";
-import { a as A, c as j, l as M, o as ee, s as te, t as ne, u as re } from "./overlay-WQOsLd69.js";
-import { a as ie, i as ae, o as N, r as oe, s as se, t as ce } from "./command-Bp3B6pUu.js";
-import { n as le } from "./popover-menu-C2UCMAe7.js";
-import { t as ue } from "./sheet-CKcmRbJ9.js";
-import { t as de } from "./spinner-CUAVFecI.js";
-import { t as P } from "./use-synced-state-DnZ4lW4g.js";
-import { ArrowLeftIcon as fe, CalendarIcon as pe, ChevronDownIcon as me, ChevronRightIcon as he, ListFilterIcon as ge, SearchIcon as _e, XIcon as ve } from "lucide-react";
-import { Component as ye, createContext as be, useCallback as F, useContext as xe, useEffect as I, useId as Se, useLayoutEffect as Ce, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import "#core.css";
+import { s as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { d as n } from "./ui-provider-DpzLUD12.js";
+import { c as r, t as i } from "./buttons-BX2JfL5X.js";
+import { g as a, l as o, r as s, t as c, u as l } from "./dropdown-menu-Br8kvjrF.js";
+import { a as u, c as d, l as f, o as p, s as m, t as h, u as g } from "./overlay-BuQOl8aP.js";
+import { t as _ } from "./strings-Co9_qArR.js";
+import { B as v } from "./primitives-BskKlf35.js";
+import { t as y } from "./badge-VlJVZjdm.js";
+import { n as b } from "./feedback-D4qVsKlD.js";
+import { s as x } from "./choice-inputs-NwRxvmZN.js";
+import { l as S } from "./text-inputs-BboE77nZ.js";
+import { a as C, i as w, o as T, r as E, s as D, t as O } from "./command-JjApYFds.js";
+import { t as ee } from "./use-latest-CF0678ae.js";
+import { a as k, o as A } from "./date-pickers-BwCwKIVM.js";
+import { c as j, r as M, t as N } from "./popover-CA7SP_iz.js";
+import { i as te, r as ne, t as re, u as ie } from "./item-M2pmpWXh.js";
+import { n as P } from "./navigation-Bgu7Vc0M.js";
+import { n as ae } from "./popover-menu-QXgQeWeG.js";
+import { t as oe } from "./sheet-CJ1-OAla.js";
+import { t as se } from "./use-debounce-yN5BxUpQ.js";
+import { t as ce } from "./use-mobile-DwY2vtnf.js";
+import { t as le } from "./spinner-Tc1QCnxM.js";
+import { s as ue } from "./value-inputs-ng8aVJJZ.js";
+import { t as F } from "./use-synced-state-DnZ4lW4g.js";
+import { ArrowLeftIcon as de, CalendarIcon as fe, ChevronDownIcon as pe, ChevronRightIcon as me, ListFilterIcon as he, SearchIcon as ge, XIcon as _e } from "lucide-react";
+import { Component as ve, createContext as ye, useCallback as I, useContext as be, useEffect as L, useId as xe, useLayoutEffect as Se, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as Ce, jsx as V, jsxs as H } from "react/jsx-runtime";
 import { format as we, isValid as Te, parse as Ee } from "date-fns";
+import "#css/filters.css";
 //#region src/components/features/filters/filter-store.ts
-var De = be(void 0), Oe = be(0);
+var De = ye(void 0), Oe = ye(0);
 function ke() {
-	return xe(Oe);
+	return be(Oe);
 }
 function U() {
-	let e = xe(De);
+	let e = be(De);
 	if (!e) throw Error("useFilters must be used inside <FilterProvider>.");
 	return e;
 }
 function W(e) {
-	let { isNavigating: t } = U(), [n, r] = z(e), [i, a] = z(t);
+	let { isNavigating: t } = U(), [n, r] = B(e), [i, a] = B(t);
 	return i !== t && (a(t), t && r(e)), [n, r];
 }
 var G = {
@@ -83,7 +85,7 @@ var G = {
 	errorBoundary: "filters__errorBoundary___mJQZT",
 	errorBoundaryHead: "filters__errorBoundaryHead___84GD1",
 	errorBoundaryDetail: "filters__errorBoundaryDetail___KL14X"
-}, Ae = class extends ye {
+}, Ae = class extends ve {
 	state = { error: null };
 	static getDerivedStateFromError(e) {
 		return { error: e };
@@ -97,32 +99,33 @@ var G = {
 	}
 	retry = () => this.setState({ error: null });
 	render() {
-		let { children: n, fallback: r, filterKey: a, labels: o, className: s } = this.props;
-		return this.state.error ? r || /* @__PURE__ */ H("div", {
-			className: e("filter-error-boundary--component", G.errorBoundary, s),
+		let { children: n, fallback: i, filterKey: a, labels: o, className: s } = this.props;
+		return this.state.error ? i || /* @__PURE__ */ H("div", {
+			"data-tone": "destructive",
+			className: t("filter-error-boundary--component", G.errorBoundary, s),
 			children: [
 				/* @__PURE__ */ H("div", {
 					className: G.errorBoundaryHead,
-					children: [/* @__PURE__ */ V(t, {
+					children: [/* @__PURE__ */ V(e, {
 						tag: "span",
 						type: "inherit",
 						weight: "semibold",
 						children: o.title
-					}), /* @__PURE__ */ V(i, {
+					}), /* @__PURE__ */ V(r, {
 						type: "button",
 						tone: "destructive",
-						buttonStyle: "ghost",
+						appearance: "ghost",
 						iconOnly: !0,
 						"aria-label": o.retry,
 						onClick: this.retry,
-						children: /* @__PURE__ */ V(ve, {})
+						children: /* @__PURE__ */ V(_e, {})
 					})]
 				}),
-				/* @__PURE__ */ V(t, {
+				/* @__PURE__ */ V(e, {
 					type: "inherit",
 					children: o.describe(a)
 				}),
-				/* @__PURE__ */ V(f, {
+				/* @__PURE__ */ V(v, {
 					size: "xs",
 					type: "inherit",
 					className: G.errorBoundaryDetail,
@@ -133,7 +136,7 @@ var G = {
 	}
 };
 function je(e) {
-	let { strings: t, reportError: n } = U(), r = L(() => ({
+	let { strings: t, reportError: n } = U(), r = R(() => ({
 		title: t.error.title,
 		describe: t.error.describe,
 		retry: t.error.retry
@@ -177,9 +180,9 @@ function Me() {
 		}
 	};
 }
-var Ne = be(null);
+var Ne = ye(null);
 function Pe() {
-	return xe(Ne);
+	return be(Ne);
 }
 //#endregion
 //#region src/components/features/filters/filters.types.ts
@@ -402,36 +405,36 @@ function Ue(e, t, n, r) {
 //#endregion
 //#region src/components/features/filters/filter-context.tsx
 function We({ children: e, filters: t, activeFilters: n, onFilterChange: r, navigating: i = !1, strings: a, onError: o, cache: s }) {
-	let [c, l] = z(0), u = L(() => b(X, a), [a]), f = R(t), p = R(r), m = d(o);
-	I(() => {
-		f.current = t;
-	}, [t]), I(() => {
-		p.current = r;
+	let [c, l] = B(0), u = R(() => _(X, a), [a]), d = z(t), f = z(r), p = ee(o);
+	L(() => {
+		d.current = t;
+	}, [t]), L(() => {
+		f.current = r;
 	}, [r]);
-	let [h] = z(Me), g = s ?? h;
-	I(() => {
-		if (s === void 0) return () => h.clear();
-	}, [s, h]);
-	let [, _] = z(0), v = F((e, t) => {
-		m.current?.(e, t);
-	}, [m]), y = F((e) => p.current([...n, e]), [n]), x = F((e) => p.current(n.filter((t) => t.id !== e && t.key !== e)), [n]), S = F((e, t) => p.current(n.map((n) => n.id === e || n.key === e ? {
+	let [m] = B(Me), h = s ?? m;
+	L(() => {
+		if (s === void 0) return () => m.clear();
+	}, [s, m]);
+	let [, g] = B(0), v = I((e, t) => {
+		p.current?.(e, t);
+	}, [p]), y = I((e) => f.current([...n, e]), [n]), b = I((e) => f.current(n.filter((t) => t.id !== e && t.key !== e)), [n]), x = I((e, t) => f.current(n.map((n) => n.id === e || n.key === e ? {
 		...n,
 		...t
-	} : n)), [n]), C = F(() => {
-		l((e) => e + 1), p.current([]);
-	}, []), w = F((e) => {
-		l((e) => e + 1), p.current(e);
-	}, []), T = F((e) => f.current.find((t) => t.key === e), []), E = F((e) => n.find((t) => t.key === e)?.value ?? [], [n]), D = F((e, t) => {
+	} : n)), [n]), S = I(() => {
+		l((e) => e + 1), f.current([]);
+	}, []), C = I((e) => {
+		l((e) => e + 1), f.current(e);
+	}, []), w = I((e) => d.current.find((t) => t.key === e), []), T = I((e) => n.find((t) => t.key === e)?.value ?? [], [n]), E = I((e, t) => {
 		let r = n.find((t) => t.key === e);
 		if (t.length === 0) {
-			r && x(e);
+			r && b(e);
 			return;
 		}
 		if (r) {
-			S(e, { value: t });
+			x(e, { value: t });
 			return;
 		}
-		let i = f.current.find((t) => t.key === e);
+		let i = d.current.find((t) => t.key === e);
 		y({
 			id: e,
 			key: e,
@@ -441,17 +444,17 @@ function We({ children: e, filters: t, activeFilters: n, onFilterChange: r, navi
 	}, [
 		n,
 		y,
-		x,
-		S
-	]), O = F((e) => n.some((t) => t.key === e && t.value.length > 0), [n]), k = F((e) => {
+		b,
+		x
+	]), D = I((e) => n.some((t) => t.key === e && t.value.length > 0), [n]), O = I((e) => {
 		let t = n.find((t) => t.key === e);
 		if (t) return t.operator;
-		let r = f.current.find((t) => t.key === e);
+		let r = d.current.find((t) => t.key === e);
 		return r ? r.operator ?? r.operators?.[0]?.value ?? Y(r.type) : "equals";
-	}, [n]), A = F((e, t) => {
-		n.some((t) => t.key === e) && S(e, { operator: t });
-	}, [n, S]), j = F((e, t) => {
-		let n = f.current.find((t) => t.key === e);
+	}, [n]), k = I((e, t) => {
+		n.some((t) => t.key === e) && x(e, { operator: t });
+	}, [n, x]), A = I((e, t) => {
+		let n = d.current.find((t) => t.key === e);
 		if (!n) return !1;
 		try {
 			return He(n, t, u);
@@ -461,57 +464,57 @@ function We({ children: e, filters: t, activeFilters: n, onFilterChange: r, navi
 				filterKey: e
 			}), u.validation.invalidFormat;
 		}
-	}, [u, v]), M = F((e) => f.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), ee = F((e, t) => {
-		g.rememberLabels(e, t) && _((e) => e + 1);
-	}, [g]), te = F((e, t) => g.getLabel(e, t)?.label, [g]), ne = L(() => ({
+	}, [u, v]), j = I((e) => d.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), M = I((e, t) => {
+		h.rememberLabels(e, t) && g((e) => e + 1);
+	}, [h]), N = I((e, t) => h.getLabel(e, t)?.label, [h]), te = R(() => ({
 		activeFilters: n,
 		filters: t,
 		addFilter: y,
-		removeFilter: x,
-		updateFilter: S,
-		clearFilters: C,
-		replaceFilters: w,
-		getFilterByKey: T,
-		getFilterValue: E,
-		setFilterValue: D,
-		isFilterActive: O,
-		getFilterOperator: k,
-		setFilterOperator: A,
-		validateFilter: j,
-		getDependentFilters: M,
+		removeFilter: b,
+		updateFilter: x,
+		clearFilters: S,
+		replaceFilters: C,
+		getFilterByKey: w,
+		getFilterValue: T,
+		setFilterValue: E,
+		isFilterActive: D,
+		getFilterOperator: O,
+		setFilterOperator: k,
+		validateFilter: A,
+		getDependentFilters: j,
 		isNavigating: i,
 		strings: u,
-		cacheAsyncOptions: ee,
-		getAsyncOptionLabel: te,
+		cacheAsyncOptions: M,
+		getAsyncOptionLabel: N,
 		reportError: v
 	}), [
 		n,
 		y,
-		ee,
-		C,
+		M,
+		S,
 		u,
 		t,
-		te,
-		M,
+		N,
+		j,
+		w,
+		O,
 		T,
+		D,
+		i,
+		b,
+		C,
+		v,
 		k,
 		E,
-		O,
-		i,
 		x,
-		w,
-		v,
-		A,
-		D,
-		S,
-		j
+		A
 	]);
 	return /* @__PURE__ */ V(Ne.Provider, {
-		value: g,
+		value: h,
 		children: /* @__PURE__ */ V(Oe.Provider, {
 			value: c,
 			children: /* @__PURE__ */ V(De.Provider, {
-				value: ne,
+				value: te,
 				children: e
 			})
 		})
@@ -520,86 +523,86 @@ function We({ children: e, filters: t, activeFilters: n, onFilterChange: r, navi
 //#endregion
 //#region src/components/features/filters/use-async-options.ts
 function Ge(e, t, n, r = {}) {
-	let i = e.asyncConfig, a = d(r.onError), o = Pe(), [s] = z(Me), c = o ?? s, l = (v(t, i?.debounceMs ?? e.delay ?? 300) ?? "").trim(), u = i?.limit ?? 10, f = i?.minQueryLength ?? 0, p = i?.preload ?? !0, m = i?.staleTime ?? 6e4, h = l.length > 0 && l.length < f, g = n && !!i && !h && l.length >= f && (l.length > 0 || p), _ = `${e.key}::${l}`, [y, b] = z(0), x = c.getOptions(_), [S, C] = z(x ?? []), [w, T] = z(!1), [E, D] = z(!1), O = x ?? S, k = w && g && !!i && !x, A = E && !x, j = R(0);
-	I(() => {
-		if (!g || !i || x) return;
-		let t = ++j.current, n = new AbortController();
-		return T(!0), D(!1), i.fetcher({
+	let i = e.asyncConfig, a = ee(r.onError), o = Pe(), [s] = B(Me), c = o ?? s, l = (se(t, i?.debounceMs ?? e.delay ?? 300) ?? "").trim(), u = i?.limit ?? 10, d = i?.minQueryLength ?? 0, f = i?.preload ?? !0, p = i?.staleTime ?? 6e4, m = l.length > 0 && l.length < d, h = n && !!i && !m && l.length >= d && (l.length > 0 || f), g = `${e.key}::${l}`, [_, v] = B(0), y = c.getOptions(g), [b, x] = B(y ?? []), [S, C] = B(!1), [w, T] = B(!1), E = y ?? b, D = S && h && !!i && !y, O = w && !y, k = z(0);
+	L(() => {
+		if (!h || !i || y) return;
+		let t = ++k.current, n = new AbortController();
+		return C(!0), T(!1), i.fetcher({
 			query: l,
 			limit: u,
 			signal: n.signal
 		}).then((e) => {
-			if (t !== j.current) return;
+			if (t !== k.current) return;
 			let n = e.map((e) => i.mapToOption(e));
-			c.setOptions(_, n, m), C(n);
+			c.setOptions(g, n, p), x(n);
 		}).catch((n) => {
-			t === j.current && (n instanceof Error && n.name === "AbortError" || (D(!0), C([]), a.current?.(n, {
+			t === k.current && (n instanceof Error && n.name === "AbortError" || (T(!0), x([]), a.current?.(n, {
 				phase: "fetch-options",
 				filterKey: e.key
 			})));
 		}).finally(() => {
-			t === j.current && T(!1);
+			t === k.current && C(!1);
 		}), () => n.abort();
 	}, [
-		y,
-		c,
-		x,
 		_,
+		c,
+		y,
+		g,
 		i,
 		e.key,
 		u,
 		l,
-		g,
-		m,
+		h,
+		p,
 		a
 	]);
-	let M = F(() => {
-		c.deleteOptions(_), b((e) => e + 1);
-	}, [c, _]);
+	let A = I(() => {
+		c.deleteOptions(g), v((e) => e + 1);
+	}, [c, g]);
 	return {
-		options: O,
-		isLoading: k && O.length === 0,
-		isFetching: k,
-		isError: A,
-		refetch: M,
-		isBelowMinQuery: h,
-		minQueryLength: f
+		options: E,
+		isLoading: D && E.length === 0,
+		isFetching: D,
+		isError: O,
+		refetch: A,
+		isBelowMinQuery: m,
+		minQueryLength: d
 	};
 }
 //#endregion
 //#region src/components/features/filters/filter-editors.tsx
 var Ke = "yyyy-MM-dd";
-function Z({ filter: e, showBack: n, onBack: r }) {
+function Z({ filter: t, showBack: n, onBack: i }) {
 	let { strings: a } = U();
 	return /* @__PURE__ */ H("div", {
 		className: G.editorHeader,
-		children: [n && /* @__PURE__ */ V(i, {
+		children: [n && /* @__PURE__ */ V(r, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "ghost",
+			appearance: "ghost",
 			iconOnly: !0,
-			onClick: r,
+			onClick: i,
 			"aria-label": a.backToFilters,
-			children: /* @__PURE__ */ V(fe, {})
-		}), /* @__PURE__ */ V(t, {
+			children: /* @__PURE__ */ V(de, {})
+		}), /* @__PURE__ */ V(e, {
 			tag: "span",
 			weight: "semibold",
 			truncate: !0,
-			children: e.label
+			children: t.label
 		})]
 	});
 }
-function qe({ count: e, filter: n, onApply: r }) {
+function qe({ count: t, filter: n, onApply: i }) {
 	let { strings: a } = U();
 	return /* @__PURE__ */ H("div", {
 		className: G.editorFooter,
-		children: [/* @__PURE__ */ V(t, {
+		children: [/* @__PURE__ */ V(e, {
 			size: "xs",
 			type: "secondary",
-			children: a.selected(e, ((e === 1 ? n.label : n.pluralLabel ?? n.label) ?? "").toLowerCase())
-		}), /* @__PURE__ */ V(i, {
+			children: a.selected(t, ((t === 1 ? n.label : n.pluralLabel ?? n.label) ?? "").toLowerCase())
+		}), /* @__PURE__ */ V(r, {
 			type: "button",
-			onClick: r,
+			onClick: i,
 			children: a.confirm
 		})]
 	});
@@ -610,28 +613,28 @@ function Je(e, t) {
 function Ye(e, t) {
 	return JSON.stringify([...e].sort()) === JSON.stringify([...t].sort());
 }
-function Xe({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip", hook: s, options: c, multiple: l, source: u }) {
-	let { strings: d, reportError: f } = U(), [p, m] = P(n), h = !Ye(p, n), g = (e) => {
+function Xe({ filter: e, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip", hook: s, options: c, multiple: l, source: u }) {
+	let { strings: d, reportError: f } = U(), [p, m] = F(n), h = !Ye(p, n), g = (t) => {
 		try {
-			r(e), a();
-		} catch (e) {
-			f(e, {
+			r(t), a();
+		} catch (t) {
+			f(t, {
 				phase: "apply",
-				filterKey: t.key
+				filterKey: e.key
 			});
 		}
 	}, _ = !u.onSearchChange;
 	return /* @__PURE__ */ H("div", {
-		className: e(s, G.editor),
+		className: t(s, G.editor),
 		children: [
 			/* @__PURE__ */ V(Z, {
-				filter: t,
+				filter: e,
 				showBack: o === "toolbar",
 				onBack: i
 			}),
-			/* @__PURE__ */ V(le, {
+			/* @__PURE__ */ V(ae, {
 				...u,
-				label: t.label,
+				label: e.label,
 				items: c.map((e) => ({
 					value: e.value,
 					label: e.label,
@@ -641,15 +644,15 @@ function Xe({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, trig
 					selected: p.includes(e.value),
 					searchValue: _ ? e.label : void 0
 				})),
-				onSelect: ({ value: e }) => {
+				onSelect: ({ value: t }) => {
 					if (!l) {
-						m([e]), t.closeOnSelect && g([e]);
+						m([t]), e.closeOnSelect && g([t]);
 						return;
 					}
-					m((t) => Je(t, e));
+					m((e) => Je(e, t));
 				},
 				strings: {
-					searchPlaceholder: d.searchPlaceholder(t.label.toLowerCase()),
+					searchPlaceholder: d.searchPlaceholder(e.label.toLowerCase()),
 					empty: d.noOptionsFound,
 					loading: d.searching,
 					error: d.fetchError,
@@ -659,7 +662,7 @@ function Xe({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, trig
 			}),
 			h && /* @__PURE__ */ V(qe, {
 				count: p.length,
-				filter: t,
+				filter: e,
 				onApply: () => g(p)
 			})
 		]
@@ -676,8 +679,8 @@ function Ze(e) {
 	});
 }
 function Qe(e) {
-	let { filter: t } = e, { cacheAsyncOptions: n, reportError: r } = U(), [i, a] = z(""), o = Ge(t, i, !0, { onError: r });
-	return I(() => {
+	let { filter: t } = e, { cacheAsyncOptions: n, reportError: r } = U(), [i, a] = B(""), o = Ge(t, i, !0, { onError: r });
+	return L(() => {
 		o.options.length > 0 && n(t.key, o.options);
 	}, [
 		o.options,
@@ -698,21 +701,21 @@ function Qe(e) {
 		}
 	});
 }
-function $e({ filter: t, value: n, onValueChange: r, onBack: i, triggerSource: a = "chip" }) {
-	let o = y(), { isNavigating: s } = U(), c = t.dateFormat?.param ?? Ke, l = (e) => {
+function $e({ filter: e, value: n, onValueChange: r, onBack: i, triggerSource: a = "chip" }) {
+	let o = ce(), { isNavigating: s } = U(), c = e.dateFormat?.param ?? Ke, l = (e) => {
 		if (!e) return;
 		let t = Ee(e, c, /* @__PURE__ */ new Date());
 		return Te(t) ? t : void 0;
-	}, u = (e) => e && Te(e) ? we(e, c) : void 0, d = t.operator === q.BETWEEN;
+	}, u = (e) => e && Te(e) ? we(e, c) : void 0, d = e.operator === q.BETWEEN;
 	return /* @__PURE__ */ H("div", {
-		className: e("date-filter-editor--component", G.editor),
+		className: t("date-filter-editor--component", G.editor),
 		children: [/* @__PURE__ */ V(Z, {
-			filter: t,
+			filter: e,
 			showBack: a === "toolbar",
 			onBack: i
 		}), /* @__PURE__ */ V("div", {
 			className: G.editorBody,
-			children: d ? /* @__PURE__ */ V(T, {
+			children: d ? /* @__PURE__ */ V(k, {
 				disabled: s,
 				numberOfMonths: o ? 1 : 2,
 				value: {
@@ -722,7 +725,7 @@ function $e({ filter: t, value: n, onValueChange: r, onBack: i, triggerSource: a
 				onValueChange: (e) => {
 					r([u(e?.from), u(e?.to)].filter((e) => !!e));
 				}
-			}) : /* @__PURE__ */ V(E, {
+			}) : /* @__PURE__ */ V(A, {
 				disabled: s,
 				value: l(n[0]),
 				onValueChange: (e) => {
@@ -733,28 +736,28 @@ function $e({ filter: t, value: n, onValueChange: r, onBack: i, triggerSource: a
 		})]
 	});
 }
-function et({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip" }) {
-	let { strings: s } = U(), [c, l] = P(n), u = !Ye(c, n);
+function et({ filter: e, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s } = U(), [c, l] = F(n), u = !Ye(c, n);
 	return /* @__PURE__ */ H("div", {
-		className: e("tags-filter-editor--component", G.editor),
+		className: t("tags-filter-editor--component", G.editor),
 		children: [
 			/* @__PURE__ */ V(Z, {
-				filter: t,
+				filter: e,
 				showBack: o === "toolbar",
 				onBack: i
 			}),
 			/* @__PURE__ */ V("div", {
 				className: G.editorBody,
-				children: /* @__PURE__ */ V(w, {
+				children: /* @__PURE__ */ V(ue, {
 					value: c,
 					onValueChange: l,
-					placeholder: t.placeholder ?? s.enterTags,
-					maxTags: t.maxSelected
+					placeholder: e.placeholder ?? s.enterTags,
+					maxTags: e.maxSelected
 				})
 			}),
 			u && /* @__PURE__ */ V(qe, {
 				count: c.length,
-				filter: t,
+				filter: e,
 				onApply: () => {
 					r(c), a();
 				}
@@ -762,8 +765,8 @@ function et({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, trig
 		]
 	});
 }
-function tt({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip" }) {
-	let { strings: s } = U(), [c, l] = P(n), [u, d] = [c[0] ?? "", c[1] ?? ""], f = (e) => l([e, c[1] ?? ""]), p = (e) => l([c[0] ?? "", e]), m = t.operator === q.BETWEEN, h = L(() => (m ? [u, d] : [u]).filter((e) => e.trim().length > 0), [
+function tt({ filter: e, value: n, onValueChange: r, onBack: i, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: s } = U(), [c, l] = F(n), [u, d] = [c[0] ?? "", c[1] ?? ""], f = (e) => l([e, c[1] ?? ""]), p = (e) => l([c[0] ?? "", e]), m = e.operator === q.BETWEEN, h = R(() => (m ? [u, d] : [u]).filter((e) => e.trim().length > 0), [
 		m,
 		d,
 		u
@@ -772,19 +775,19 @@ function tt({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, trig
 		className: G.editor,
 		children: [
 			/* @__PURE__ */ V(Z, {
-				filter: t,
+				filter: e,
 				showBack: o === "toolbar",
 				onBack: i
 			}),
 			/* @__PURE__ */ H("div", {
-				className: e("range-filter-editor--component", G.editorBody, G.rangeBody),
-				children: [/* @__PURE__ */ V(x, {
+				className: t("range-filter-editor--component", G.editorBody, G.rangeBody),
+				children: [/* @__PURE__ */ V(S, {
 					type: "number",
 					value: u,
 					onChange: (e) => f(e.target.value),
 					placeholder: s.min,
 					"aria-label": s.min
-				}), m && /* @__PURE__ */ V(x, {
+				}), m && /* @__PURE__ */ V(S, {
 					type: "number",
 					value: d,
 					onChange: (e) => p(e.target.value),
@@ -794,7 +797,7 @@ function tt({ filter: t, value: n, onValueChange: r, onBack: i, onClose: a, trig
 			}),
 			g && /* @__PURE__ */ V(qe, {
 				count: h.length,
-				filter: t,
+				filter: e,
 				onApply: () => {
 					r(h), a();
 				}
@@ -820,43 +823,43 @@ function Q(e) {
 }
 //#endregion
 //#region src/components/features/filters/filter-operator-select.tsx
-function nt({ operator: e, operators: n, onOperatorChange: r }) {
-	let { strings: i, isNavigating: a } = U(), [d, f] = W(!1), p = n.find((t) => t.value === e) ?? n[0];
-	return n.length <= 1 ? /* @__PURE__ */ V(t, {
+function nt({ operator: t, operators: n, onOperatorChange: r }) {
+	let { strings: i, isNavigating: u } = U(), [d, f] = W(!1), p = n.find((e) => e.value === t) ?? n[0];
+	return n.length <= 1 ? /* @__PURE__ */ V(e, {
 		tag: "span",
 		type: "secondary",
 		className: G.operatorStatic,
 		children: p?.label
-	}) : /* @__PURE__ */ H(l, {
-		open: d && !a,
+	}) : /* @__PURE__ */ H(c, {
+		open: d && !u,
 		onOpenChange: f,
-		children: [/* @__PURE__ */ V(o, {
-			disabled: a,
-			render: (e) => /* @__PURE__ */ H("button", {
-				...e,
+		children: [/* @__PURE__ */ V(a, {
+			disabled: u,
+			render: (t) => /* @__PURE__ */ H("button", {
+				...t,
 				type: "button",
 				"aria-label": i.operator,
 				className: G.segment,
-				onClick: (t) => {
-					t.stopPropagation(), e.onClick?.(t);
+				onClick: (e) => {
+					e.stopPropagation(), t.onClick?.(e);
 				},
-				children: [/* @__PURE__ */ V(t, {
+				children: [/* @__PURE__ */ V(e, {
 					tag: "span",
 					type: "secondary",
 					children: p?.label
-				}), /* @__PURE__ */ V(me, {
+				}), /* @__PURE__ */ V(pe, {
 					"aria-hidden": !0,
 					className: G.segmentGlyph
 				})]
 			})
-		}), /* @__PURE__ */ V(c, {
+		}), /* @__PURE__ */ V(s, {
 			align: "start",
-			children: /* @__PURE__ */ V(s, {
-				value: e,
+			children: /* @__PURE__ */ V(o, {
+				value: t,
 				onValueChange: (e) => {
 					r(e), f(!1);
 				},
-				children: n.map((e) => /* @__PURE__ */ V(u, {
+				children: n.map((e) => /* @__PURE__ */ V(l, {
 					value: e.value,
 					children: e.label
 				}, e.value))
@@ -868,7 +871,7 @@ function nt({ operator: e, operators: n, onOperatorChange: r }) {
 //#region src/components/features/filters/filter-value-display.tsx
 function rt({ filter: n, value: r, className: i }) {
 	let { strings: a, getAsyncOptionLabel: o } = U(), s = Ue(n, r, a, (e) => o(n.key, e));
-	if (r.length === 0) return /* @__PURE__ */ V(t, {
+	if (r.length === 0) return /* @__PURE__ */ V(e, {
 		tag: "span",
 		type: "secondary",
 		truncate: !0,
@@ -877,9 +880,9 @@ function rt({ filter: n, value: r, className: i }) {
 	});
 	let c = r.slice(0, 2).map((e) => Ve(n, e)?.icon).filter(Boolean);
 	return /* @__PURE__ */ H("span", {
-		className: e("filter-value-display--component", G.valueDisplay, i),
+		className: t("filter-value-display--component", G.valueDisplay, i),
 		children: [
-			n.type === K.DATE && /* @__PURE__ */ V(pe, {
+			n.type === K.DATE && /* @__PURE__ */ V(fe, {
 				"aria-hidden": !0,
 				className: G.valueGlyph
 			}),
@@ -890,7 +893,7 @@ function rt({ filter: n, value: r, className: i }) {
 					children: e
 				}, t)), r.length > 2 && /* @__PURE__ */ V("span", {
 					className: G.valueIconCount,
-					children: /* @__PURE__ */ H(t, {
+					children: /* @__PURE__ */ H(e, {
 						tag: "span",
 						size: "xs",
 						weight: "medium",
@@ -899,7 +902,7 @@ function rt({ filter: n, value: r, className: i }) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ V(t, {
+			/* @__PURE__ */ V(e, {
 				tag: "span",
 				weight: "medium",
 				truncate: !0,
@@ -911,8 +914,8 @@ function rt({ filter: n, value: r, className: i }) {
 //#endregion
 //#region src/components/features/filters/filter-pill.tsx
 function it({ filter: n, value: r, active: i, operator: a, operators: o, onOperatorChange: s, onValueChange: c, onClear: l, className: u }) {
-	let { strings: d, isNavigating: f } = U(), [p, m] = W(!1), h = R(!1);
-	return /* @__PURE__ */ H(k, {
+	let { strings: d, isNavigating: f } = U(), [p, m] = W(!1), h = z(!1);
+	return /* @__PURE__ */ H(N, {
 		open: p && !f,
 		onOpenChange: (e) => {
 			e && h.current || m(e);
@@ -921,9 +924,9 @@ function it({ filter: n, value: r, active: i, operator: a, operators: o, onOpera
 			role: "group",
 			"aria-label": n.label,
 			"data-active": i || void 0,
-			className: e("filter-pill--component", G.pill, n.displayConfig?.className, u),
+			className: t("filter-pill--component", G.pill, n.displayConfig?.className, u),
 			children: [
-				/* @__PURE__ */ V(D, {
+				/* @__PURE__ */ V(j, {
 					render: /* @__PURE__ */ V("span", {}),
 					nativeButton: !1,
 					disabled: f,
@@ -941,7 +944,7 @@ function it({ filter: n, value: r, active: i, operator: a, operators: o, onOpera
 					children: [!!n.icon && /* @__PURE__ */ V("span", {
 						className: G.pillIcon,
 						children: n.icon
-					}), /* @__PURE__ */ V(t, {
+					}), /* @__PURE__ */ V(e, {
 						tag: "span",
 						weight: "semibold",
 						children: n.label
@@ -967,7 +970,7 @@ function it({ filter: n, value: r, active: i, operator: a, operators: o, onOpera
 				/* @__PURE__ */ V("button", {
 					type: "button",
 					disabled: f,
-					className: e(G.segment, G.pillValue),
+					className: t(G.segment, G.pillValue),
 					"aria-label": `${d.edit}: ${n.label}`,
 					onClick: () => {
 						h.current || m(!0);
@@ -977,24 +980,24 @@ function it({ filter: n, value: r, active: i, operator: a, operators: o, onOpera
 						value: r
 					})
 				}),
-				i && /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("span", {
+				i && /* @__PURE__ */ H(Ce, { children: [/* @__PURE__ */ V("span", {
 					"aria-hidden": !0,
 					className: G.pillDivider
 				}), /* @__PURE__ */ V("button", {
 					type: "button",
 					disabled: f,
-					className: e(G.segment, G.segmentClear),
+					className: t(G.segment, G.segmentClear),
 					"aria-label": `${d.clear}: ${n.label}`,
 					onClick: (e) => {
 						e.stopPropagation(), m(!1), l();
 					},
-					children: /* @__PURE__ */ V(ve, {
+					children: /* @__PURE__ */ V(_e, {
 						"aria-hidden": !0,
 						className: G.segmentGlyph
 					})
 				})] })
 			]
-		}), /* @__PURE__ */ V(O, {
+		}), /* @__PURE__ */ V(M, {
 			align: "start",
 			inset: "flush",
 			className: G.editorPopover,
@@ -1011,132 +1014,132 @@ function it({ filter: n, value: r, active: i, operator: a, operators: o, onOpera
 }
 //#endregion
 //#region src/components/features/filters/filter-sheet.tsx
-function at({ filters: e, loadingFilters: a, showClearFilters: o = !0 }) {
-	let [s, c] = z(!1), [l, u] = z(null), d = Se(), f = Se(), v = R(null), y = R(null), { activeFilters: b, strings: x, isNavigating: S, getFilterValue: C, setFilterValue: w, getFilterOperator: T, setFilterOperator: E, clearFilters: D } = U(), O = e.find((e) => e.key === l), k = b.filter((e) => e.value.length > 0).length, ie = x.mobileFilters ?? X.mobileFilters, ae = (x.filterSummary ?? X.filterSummary)(k), N = () => u(null), oe = (e) => {
-		c(e), e || N();
+function at({ filters: t, loadingFilters: i, showClearFilters: a = !0 }) {
+	let [o, s] = B(!1), [c, l] = B(null), _ = xe(), v = xe(), x = z(null), S = z(null), { activeFilters: C, strings: w, isNavigating: T, getFilterValue: E, setFilterValue: D, getFilterOperator: O, setFilterOperator: ee, clearFilters: k } = U(), A = t.find((e) => e.key === c), j = C.filter((e) => e.value.length > 0).length, M = w.mobileFilters ?? X.mobileFilters, N = (w.filterSummary ?? X.filterSummary)(j), P = () => l(null), ae = (e) => {
+		s(e), e || P();
 	};
-	return Ce(() => {
-		if (!s || S) return;
-		let e = v.current;
-		if (l) {
-			y.current = l;
+	return Se(() => {
+		if (!o || T) return;
+		let e = x.current;
+		if (c) {
+			S.current = c;
 			let t = e?.querySelector("[data-filter-editor]");
 			(t?.querySelector("input") ?? t?.querySelector("[cmdk-root]") ?? t?.querySelector("button"))?.focus();
-		} else y.current && [...e?.querySelectorAll("[data-filter-key]") ?? []].find((e) => e.dataset.filterKey === y.current)?.focus();
+		} else S.current && [...e?.querySelectorAll("[data-filter-key]") ?? []].find((e) => e.dataset.filterKey === S.current)?.focus();
 	}, [
-		s,
-		l,
-		S
-	]), /* @__PURE__ */ H(ne, {
-		open: s,
-		onOpenChange: oe,
-		children: [/* @__PURE__ */ V(A, { render: /* @__PURE__ */ H(i, {
+		o,
+		c,
+		T
+	]), /* @__PURE__ */ H(h, {
+		open: o,
+		onOpenChange: ae,
+		children: [/* @__PURE__ */ V(u, { render: /* @__PURE__ */ H(r, {
 			tone: "neutral",
-			buttonStyle: "outline",
-			disabled: S,
+			appearance: "outline",
+			disabled: T,
 			className: "filter-sheet--trigger",
 			children: [
-				/* @__PURE__ */ V(ge, {}),
-				ie,
-				k > 0 && /* @__PURE__ */ V(p, {
+				/* @__PURE__ */ V(he, {}),
+				M,
+				j > 0 && /* @__PURE__ */ V(y, {
 					tone: "neutral",
-					children: k
+					children: j
 				})
 			]
-		}) }), /* @__PURE__ */ V(ue, {
+		}) }), /* @__PURE__ */ V(oe, {
 			side: "block-end",
-			size: "lg",
+			size: "90%",
 			inset: "5vw",
-			"aria-labelledby": d,
-			"aria-describedby": f,
+			"aria-labelledby": _,
+			"aria-describedby": v,
 			className: `filter-sheet--component ${G.mobileSheet}`,
-			children: /* @__PURE__ */ H(r, { children: [
-				/* @__PURE__ */ H(re, { children: [/* @__PURE__ */ V(te, {
-					id: d,
-					children: ie
-				}), /* @__PURE__ */ V(ee, {
-					id: f,
-					children: ae
+			children: /* @__PURE__ */ H(n, { children: [
+				/* @__PURE__ */ H(g, { children: [/* @__PURE__ */ V(m, {
+					id: _,
+					children: M
+				}), /* @__PURE__ */ V(p, {
+					id: v,
+					children: N
 				})] }),
-				/* @__PURE__ */ H(M, {
+				/* @__PURE__ */ H(f, {
 					className: G.mobileBody,
-					children: [S && /* @__PURE__ */ V(n, {
-						label: x.applying,
+					children: [T && /* @__PURE__ */ V(b, {
+						label: w.applying,
 						className: G.applying
 					}), /* @__PURE__ */ V("div", {
-						ref: v,
-						inert: S || void 0,
-						"aria-busy": S || void 0,
-						children: O ? /* @__PURE__ */ H("div", {
+						ref: x,
+						inert: T || void 0,
+						"aria-busy": T || void 0,
+						children: A ? /* @__PURE__ */ H("div", {
 							"data-filter-editor": !0,
 							className: G.mobileEditor,
 							children: [/* @__PURE__ */ H("div", {
 								className: G.mobileOperator,
-								children: [/* @__PURE__ */ V(t, {
+								children: [/* @__PURE__ */ V(e, {
 									size: "xs",
 									type: "secondary",
-									children: x.operator
+									children: w.operator
 								}), /* @__PURE__ */ V(nt, {
-									operator: T(O.key),
-									operators: O.operators?.length ? O.operators : J(O.type, x.operators),
-									onOperatorChange: (e) => E(O.key, e)
+									operator: O(A.key),
+									operators: A.operators?.length ? A.operators : J(A.type, w.operators),
+									onOperatorChange: (e) => ee(A.key, e)
 								})]
 							}), /* @__PURE__ */ V(Q, {
-								filter: O,
-								value: C(O.key),
-								onValueChange: (e) => w(O.key, e),
-								onBack: N,
-								onClose: N,
+								filter: A,
+								value: E(A.key),
+								onValueChange: (e) => D(A.key, e),
+								onBack: P,
+								onClose: P,
 								triggerSource: "toolbar"
-							}, O.key)]
+							}, A.key)]
 						}) : /* @__PURE__ */ V("div", {
 							className: G.mobileFilters,
-							children: e.map((e) => /* @__PURE__ */ H("div", {
+							children: t.map((t) => /* @__PURE__ */ H("div", {
 								className: G.mobileFilterRow,
-								children: [/* @__PURE__ */ H(g, {
-									"data-filter-key": e.key,
+								children: [/* @__PURE__ */ H(re, {
+									"data-filter-key": t.key,
 									className: G.mobileFilter,
 									render: /* @__PURE__ */ V("button", {
 										type: "button",
-										disabled: S || a?.[e.key],
-										onClick: () => u(e.key)
+										disabled: T || i?.[t.key],
+										onClick: () => l(t.key)
 									}),
-									children: [/* @__PURE__ */ H(h, { children: [/* @__PURE__ */ V(_, { children: e.label }), /* @__PURE__ */ H(m, {
+									children: [/* @__PURE__ */ H(ne, { children: [/* @__PURE__ */ V(ie, { children: t.label }), /* @__PURE__ */ H(te, {
 										className: G.mobileValue,
-										children: [C(e.key).length > 0 && /* @__PURE__ */ V(t, {
+										children: [E(t.key).length > 0 && /* @__PURE__ */ V(e, {
 											tag: "span",
 											size: "inherit",
 											type: "inherit",
-											children: (e.operators?.length ? e.operators : J(e.type, x.operators)).find((t) => t.value === T(e.key))?.label
+											children: (t.operators?.length ? t.operators : J(t.type, w.operators)).find((e) => e.value === O(t.key))?.label
 										}), /* @__PURE__ */ V(rt, {
-											filter: e,
-											value: C(e.key)
+											filter: t,
+											value: E(t.key)
 										})]
-									})] }), /* @__PURE__ */ V(he, { "aria-hidden": !0 })]
-								}), C(e.key).length > 0 && /* @__PURE__ */ V(i, {
+									})] }), /* @__PURE__ */ V(me, { "aria-hidden": !0 })]
+								}), E(t.key).length > 0 && /* @__PURE__ */ V(r, {
 									iconOnly: !0,
 									tone: "neutral",
-									buttonStyle: "ghost",
-									disabled: S,
-									"aria-label": (x.clearFilter ?? X.clearFilter)(e.label),
-									onClick: (t) => {
-										t.currentTarget.parentElement?.querySelector("[data-filter-key]")?.focus(), w(e.key, []);
+									appearance: "ghost",
+									disabled: T,
+									"aria-label": (w.clearFilter ?? X.clearFilter)(t.label),
+									onClick: (e) => {
+										e.currentTarget.parentElement?.querySelector("[data-filter-key]")?.focus(), D(t.key, []);
 									},
-									children: /* @__PURE__ */ V(ve, {})
+									children: /* @__PURE__ */ V(_e, {})
 								})]
-							}, e.key))
+							}, t.key))
 						})
 					})]
 				}),
-				!O && /* @__PURE__ */ H(j, { children: [o && b.length > 0 && /* @__PURE__ */ V(i, {
+				!A && /* @__PURE__ */ H(d, { children: [a && C.length > 0 && /* @__PURE__ */ V(r, {
 					tone: "neutral",
-					buttonStyle: "ghost",
-					disabled: S,
-					onClick: D,
-					children: x.clearFilters
-				}), /* @__PURE__ */ V(i, {
-					onClick: () => oe(!1),
-					children: x.done ?? X.done
+					appearance: "ghost",
+					disabled: T,
+					onClick: k,
+					children: w.clearFilters
+				}), /* @__PURE__ */ V(r, {
+					onClick: () => ae(!1),
+					children: w.done ?? X.done
 				})] })
 			] })
 		})]
@@ -1152,73 +1155,73 @@ function ot(e, t) {
 		value: e.value
 	}));
 }
-function st({ tabs: t, display: n = "tabs", label: r, className: i }) {
+function st({ tabs: e, display: n = "tabs", label: r, className: i }) {
 	let { activeFilters: a, filters: o, replaceFilters: s, isNavigating: c, strings: l } = U(), u = (e) => {
 		let t = o.find((t) => t.key === e);
 		return t ? t.operator ?? t.operators?.[0]?.value ?? Y(t.type) : "equals";
-	}, d = t.find((e) => {
+	}, d = e.find((e) => {
 		let t = ot(e, u);
 		return t.length === a.length && t.every((e) => a.some((t) => t.key === e.key && t.operator === e.operator && JSON.stringify(e.operator === "between" ? t.value : [...t.value].sort()) === JSON.stringify(e.operator === "between" ? e.value : [...e.value].sort())));
-	}), f = (e) => {
+	}), f = (t) => {
 		if (c) return;
-		let n = t.find((t) => t.id === e);
+		let n = e.find((e) => e.id === t);
 		n && s(ot(n, u));
 	};
-	return n === "select" ? /* @__PURE__ */ V(C, {
+	return n === "select" ? /* @__PURE__ */ V(x, {
 		"aria-label": r ?? l.savedViews,
 		value: d?.id ?? null,
 		placeholder: l.customView,
-		options: t.map((e) => ({
+		options: e.map((e) => ({
 			value: e.id,
 			label: e.label
 		})),
 		onValueChange: f,
 		disabled: c,
-		className: e("filter-tabs--component", G.viewSelect, i)
-	}) : /* @__PURE__ */ V(S, {
+		className: t("filter-tabs--component", G.viewSelect, i)
+	}) : /* @__PURE__ */ V(P, {
 		value: d?.id,
 		onValueChange: f,
 		strings: { label: r ?? l.savedViews },
-		items: t.map((e) => ({
+		items: e.map((e) => ({
 			id: e.id,
 			label: e.label,
 			disabled: c,
-			badge: e.count === void 0 ? void 0 : /* @__PURE__ */ V(p, {
+			badge: e.count === void 0 ? void 0 : /* @__PURE__ */ V(y, {
 				tone: "neutral",
 				children: e.count
 			})
 		})),
-		className: e("filter-tabs--component", i ?? G.tabs)
+		className: t("filter-tabs--component", i ?? G.tabs)
 	});
 }
 //#endregion
 //#region src/components/features/filters/filters-button.tsx
-function ct({ availableFilters: e, labelVisibility: n = "hidden", className: r }) {
-	let { strings: o, getFilterValue: s, setFilterValue: c, isNavigating: l } = U(), [u, d] = W(!1), [f, p] = W(null), m = n === "hidden" ? /* @__PURE__ */ V(a, {
+function ct({ availableFilters: t, labelVisibility: n = "hidden", className: a }) {
+	let { strings: o, getFilterValue: s, setFilterValue: c, isNavigating: l } = U(), [u, d] = W(!1), [f, p] = W(null), m = n === "hidden" ? /* @__PURE__ */ V(i, {
 		type: "button",
 		tone: "neutral",
-		buttonStyle: "outline",
+		appearance: "outline",
 		iconOnly: !0,
 		tooltip: o.addFilter,
 		side: "bottom",
-		className: r,
-		children: /* @__PURE__ */ V(ge, {})
-	}) : /* @__PURE__ */ H(i, {
+		className: a,
+		children: /* @__PURE__ */ V(he, {})
+	}) : /* @__PURE__ */ H(r, {
 		type: "button",
 		tone: "neutral",
-		buttonStyle: "outline",
-		className: r,
-		children: [/* @__PURE__ */ V(ge, {}), o.addFilter]
+		appearance: "outline",
+		className: a,
+		children: [/* @__PURE__ */ V(he, {}), o.addFilter]
 	});
-	return /* @__PURE__ */ H(k, {
+	return /* @__PURE__ */ H(N, {
 		open: u && !l,
 		onOpenChange: (e) => {
 			d(e), e || p(null);
 		},
-		children: [/* @__PURE__ */ V(D, {
+		children: [/* @__PURE__ */ V(j, {
 			disabled: l,
 			render: m
-		}), /* @__PURE__ */ V(O, {
+		}), /* @__PURE__ */ V(M, {
 			align: "start",
 			inset: "flush",
 			className: G.editorPopover,
@@ -1229,26 +1232,26 @@ function ct({ availableFilters: e, labelVisibility: n = "hidden", className: r }
 				onBack: () => p(null),
 				onClose: () => d(!1),
 				triggerSource: "toolbar"
-			}) : /* @__PURE__ */ H(ce, { children: [/* @__PURE__ */ V(ie, { placeholder: o.searchFilters }), /* @__PURE__ */ H(se, {
+			}) : /* @__PURE__ */ H(O, { children: [/* @__PURE__ */ V(C, { placeholder: o.searchFilters }), /* @__PURE__ */ H(D, {
 				className: G.editorList,
-				children: [/* @__PURE__ */ V(oe, { children: o.noFiltersAvailable }), /* @__PURE__ */ V(ae, {
+				children: [/* @__PURE__ */ V(E, { children: o.noFiltersAvailable }), /* @__PURE__ */ V(w, {
 					heading: o.availableFilters,
-					children: e.map((e) => /* @__PURE__ */ H(N, {
-						value: e.label,
-						onSelect: () => p(e),
-						children: [e.icon, /* @__PURE__ */ H("span", {
+					children: t.map((t) => /* @__PURE__ */ H(T, {
+						value: t.label,
+						onSelect: () => p(t),
+						children: [t.icon, /* @__PURE__ */ H("span", {
 							className: G.optionBody,
-							children: [/* @__PURE__ */ V(t, {
+							children: [/* @__PURE__ */ V(e, {
 								tag: "span",
-								children: e.label
-							}), /* @__PURE__ */ V(t, {
+								children: t.label
+							}), /* @__PURE__ */ V(e, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
-								children: e.type === K.DATE ? o.selectDate : e.options ? o.options(e.options.length) : e.description ?? ""
+								children: t.type === K.DATE ? o.selectDate : t.options ? o.options(t.options.length) : t.description ?? ""
 							})]
 						})]
-					}, e.key))
+					}, t.key))
 				})]
 			})] })
 		})]
@@ -1256,50 +1259,50 @@ function ct({ availableFilters: e, labelVisibility: n = "hidden", className: r }
 }
 //#endregion
 //#region src/components/features/filters/search-filters.tsx
-function lt({ filter: t, className: n }) {
-	let { getFilterValue: r, setFilterValue: i, isNavigating: a, strings: o } = U(), s = r(t.key)[0] ?? "", [c, l] = P(s), u = ke(), [d, f] = z(u);
+function lt({ filter: e, className: n }) {
+	let { getFilterValue: r, setFilterValue: i, isNavigating: a, strings: o } = U(), s = r(e.key)[0] ?? "", [c, l] = F(s), u = ke(), [d, f] = B(u);
 	u !== d && (f(u), l(s));
-	let p = v(c, t.delay ?? 300);
-	return I(() => {
+	let p = se(c, e.delay ?? 300);
+	return L(() => {
 		if (a || p !== c) return;
-		let e = p.trim() ? p : "";
-		e !== s && i(t.key, e ? [e] : []);
+		let t = p.trim() ? p : "";
+		t !== s && i(e.key, t ? [t] : []);
 	}, [
 		s,
 		p,
 		c,
-		t.key,
+		e.key,
 		a,
 		i
-	]), /* @__PURE__ */ V(x, {
+	]), /* @__PURE__ */ V(S, {
 		value: c,
 		disabled: a,
 		onChange: (e) => l(e.target.value),
-		placeholder: t.placeholder ?? o.searchPlaceholder(t.label.toLowerCase()),
-		"aria-label": t.label,
-		startIcon: _e,
+		placeholder: e.placeholder ?? o.searchPlaceholder(e.label.toLowerCase()),
+		"aria-label": e.label,
+		startIcon: ge,
 		clearable: !0,
 		onClear: () => l(""),
-		className: e("search-filter--component", G.searchInput, n)
+		className: t("search-filter--component", G.searchInput, n)
 	});
 }
-function ut({ filters: t, className: n }) {
-	return t.length === 0 ? null : /* @__PURE__ */ V(B, { children: t.map((t) => /* @__PURE__ */ V(lt, {
-		filter: t,
-		className: e("search-filters--component", n)
-	}, t.key)) });
+function ut({ filters: e, className: n }) {
+	return e.length === 0 ? null : /* @__PURE__ */ V(Ce, { children: e.map((e) => /* @__PURE__ */ V(lt, {
+		filter: e,
+		className: t("search-filters--component", n)
+	}, e.key)) });
 }
 //#endregion
 //#region src/components/features/filters/use-filter-groups.ts
 function dt({ dynamicFilterOptions: e } = {}) {
-	let { filters: t, isFilterActive: n } = U(), r = L(() => e ? t.map((t) => {
+	let { filters: t, isFilterActive: n } = U(), r = R(() => e ? t.map((t) => {
 		let n = e[t.key];
 		return Array.isArray(n) ? {
 			...t,
 			options: n
 		} : t;
 	}) : t, [e, t]);
-	return L(() => {
+	return R(() => {
 		let e = r.filter((e) => e.type === K.SEARCH), t = [...r.filter((e) => e.type !== K.SEARCH && !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden")].sort((e, t) => (e.displayConfig?.priority ?? 0) - (t.displayConfig?.priority ?? 0)), i = t.filter((e) => n(e.key)), a = t.filter((e) => !n(e.key) && e.displayConfig?.display === "always"), o = t.filter((e) => !n(e.key) && e.displayConfig?.display !== "always");
 		return {
 			processedFilters: r,
@@ -1314,67 +1317,67 @@ function dt({ dynamicFilterOptions: e } = {}) {
 }
 //#endregion
 //#region src/components/features/filters/filter-layout.tsx
-function ft({ className: r, dynamicFilterOptions: a, loadingFilters: o, variant: s = "default", showClearFilters: c = !0, tabs: l, mobilePresentation: u = "sheet" }) {
-	let d = y() && u === "sheet", { getFilterValue: f, setFilterValue: p, isFilterActive: m, clearFilters: h, getFilterOperator: g, setFilterOperator: _, isNavigating: v, strings: b } = U(), x = dt({ dynamicFilterOptions: a }), S = [
-		...x.activeFilters,
-		...x.alwaysVisibleFilters,
-		...x.popoverFilters
-	].sort((e, t) => (e.displayConfig?.priority ?? 0) - (t.displayConfig?.priority ?? 0) || x.processedFilters.indexOf(e) - x.processedFilters.indexOf(t)), C = (e) => e.operators?.length ? e.operators : J(e.type, b.operators), w = (e) => /* @__PURE__ */ V(it, {
+function ft({ className: n, dynamicFilterOptions: i, loadingFilters: a, variant: o = "default", showClearFilters: s = !0, tabs: c, mobilePresentation: l = "sheet" }) {
+	let u = ce() && l === "sheet", { getFilterValue: d, setFilterValue: f, isFilterActive: p, clearFilters: m, getFilterOperator: h, setFilterOperator: g, isNavigating: _, strings: v } = U(), y = dt({ dynamicFilterOptions: i }), x = [
+		...y.activeFilters,
+		...y.alwaysVisibleFilters,
+		...y.popoverFilters
+	].sort((e, t) => (e.displayConfig?.priority ?? 0) - (t.displayConfig?.priority ?? 0) || y.processedFilters.indexOf(e) - y.processedFilters.indexOf(t)), S = (e) => e.operators?.length ? e.operators : J(e.type, v.operators), C = (e) => /* @__PURE__ */ V(it, {
 		filter: e,
-		value: f(e.key),
-		active: m(e.key),
-		operator: g(e.key),
-		operators: C(e),
-		onOperatorChange: (t) => _(e.key, t),
-		onValueChange: (t) => p(e.key, t),
-		onClear: () => p(e.key, [])
+		value: d(e.key),
+		active: p(e.key),
+		operator: h(e.key),
+		operators: S(e),
+		onOperatorChange: (t) => g(e.key, t),
+		onValueChange: (t) => f(e.key, t),
+		onClear: () => f(e.key, [])
 	}, e.key);
 	return /* @__PURE__ */ H("div", {
 		"data-slot": "filter-layout",
-		"data-variant": s,
-		"aria-busy": v || void 0,
-		className: e("filter-layout--component", G.layout, r),
+		"data-variant": o,
+		"aria-busy": _ || void 0,
+		className: t("filter-layout--component", G.layout, n),
 		children: [
-			!!l?.length && /* @__PURE__ */ V(st, {
-				tabs: l,
-				display: d ? "select" : "tabs"
+			!!c?.length && /* @__PURE__ */ V(st, {
+				tabs: c,
+				display: u ? "select" : "tabs"
 			}),
 			/* @__PURE__ */ H("div", {
 				className: G.bar,
-				"data-mobile": d || void 0,
-				"data-busy": v || void 0,
-				children: [/* @__PURE__ */ V(ut, { filters: x.searchFilters }), d ? S.length > 0 && /* @__PURE__ */ V(at, {
-					filters: S,
-					loadingFilters: o,
-					showClearFilters: c
-				}) : /* @__PURE__ */ H(B, { children: [
-					Object.entries(o ?? {}).filter(([, e]) => e).map(([e]) => {
-						let n = x.processedFilters.find((t) => t.key === e)?.label ?? e;
+				"data-mobile": u || void 0,
+				"data-busy": _ || void 0,
+				children: [/* @__PURE__ */ V(ut, { filters: y.searchFilters }), u ? x.length > 0 && /* @__PURE__ */ V(at, {
+					filters: x,
+					loadingFilters: a,
+					showClearFilters: s
+				}) : /* @__PURE__ */ H(Ce, { children: [
+					Object.entries(a ?? {}).filter(([, e]) => e).map(([t]) => {
+						let n = y.processedFilters.find((e) => e.key === t)?.label ?? t;
 						return /* @__PURE__ */ H("span", {
 							className: G.loadingChip,
-							children: [/* @__PURE__ */ V(de, {}), /* @__PURE__ */ V(t, {
+							children: [/* @__PURE__ */ V(le, {}), /* @__PURE__ */ V(e, {
 								tag: "span",
 								type: "secondary",
-								children: b.loadingOptions(n)
+								children: v.loadingOptions(n)
 							})]
-						}, `loading-${e}`);
+						}, `loading-${t}`);
 					}),
-					x.activeFilters.map(w),
-					x.alwaysVisibleFilters.map(w),
-					x.popoverFilters.length > 0 && /* @__PURE__ */ V(ct, { availableFilters: x.popoverFilters }),
-					c && x.hasActive && /* @__PURE__ */ V(i, {
+					y.activeFilters.map(C),
+					y.alwaysVisibleFilters.map(C),
+					y.popoverFilters.length > 0 && /* @__PURE__ */ V(ct, { availableFilters: y.popoverFilters }),
+					s && y.hasActive && /* @__PURE__ */ V(r, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
-						disabled: v,
-						onClick: h,
+						appearance: "ghost",
+						disabled: _,
+						onClick: m,
 						className: G.clear,
-						children: b.clearFilters
+						children: v.clearFilters
 					})
 				] })]
 			}),
-			v && /* @__PURE__ */ V(n, {
-				label: b.applying,
+			_ && /* @__PURE__ */ V(b, {
+				label: v.applying,
 				className: G.applying
 			})
 		]