admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/components/features/filters/index.js

@@ -1,16 +1,16 @@
 import { useStrings as e } from "../../../lib/strings.js";
-import { o as t } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { o as t } from "../../../_shared/ui-provider-CQJ1glwN.js";
 import { cn as n } from "../../../lib/utils.js";
-import { t as r } from "../../../_shared/text-DIxMTECE.js";
-import { a as i } from "../../../_shared/typography-a3hydyvI.js";
-import { t as a } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as o } from "../../../_shared/button-ChCkwoOD.js";
-import { i as s, s as c } from "../../../_shared/command-jKbwFRtS.js";
-import { a as l, i as u, n as d, r as f, t as p } from "../../../_shared/command-BbiijN61.js";
-import { t as m } from "../../../_shared/date-picker-B8O_qbik.js";
-import { n as h, s as g, t as _ } from "../../../_shared/popover-CgRGcFk9.js";
-import { t as v } from "../../../_shared/input-DQahu2sm.js";
-import { t as y } from "../../../_shared/popover-menu-BHdHLEVL.js";
+import { t as r } from "../../../_shared/text-qsEg5GdP.js";
+import { a as i } from "../../../_shared/typography-4CSyoCj9.js";
+import { t as a } from "../../../_shared/badge-BK5VvEgg.js";
+import { t as o } from "../../../_shared/button-cnkCF8q8.js";
+import { t as s } from "../../../_shared/input-DJo8d1Rr.js";
+import { t as c } from "../../../_shared/date-picker-7yuMHPYs.js";
+import { n as l, s as u, t as d } from "../../../_shared/popover-L37RqoRO.js";
+import { i as f, s as p } from "../../../_shared/command-CAI-BCSR.js";
+import { a as m, i as h, n as g, r as _, t as v } from "../../../_shared/command-DwRnPIGs.js";
+import { t as y } from "../../../_shared/popover-menu-CVAr985u.js";
 import b, { Component as x, createContext as S, useCallback as C, useContext as w, useEffect as T, useId as E, useMemo as D, useRef as O, useState as k } from "react";
 import { format as A, isValid as j, parse as M } from "date-fns";
 import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
@@ -19,6 +19,7 @@ import { AlertCircle as I, ArrowLeft as L, CalendarIcon as R, Check as ee, Chevr
 var ne = {
 	loading: "Loading",
 	loadingOptions: "Loading {filterLabel} options...",
+	addFilter: "Add filter",
 	clear: "Clear",
 	confirm: "Confirm",
 	clearFilters: "Clear filters",
@@ -546,7 +547,7 @@ function be({ filter: e, value: t, isActive: i, operators: a, operator: s, onOpe
 	return /* @__PURE__ */ F("div", {
 		role: "group",
 		"aria-label": e.label,
-		className: n("border-input bg-background flex h-8 items-center overflow-hidden rounded-md border", e.displayConfig?.className, i && "active"),
+		className: n("border-input bg-background flex h-9 items-center overflow-hidden rounded-md border", e.displayConfig?.className, i && "active"),
 		children: [
 			/* @__PURE__ */ F(o, {
 				type: "button",
@@ -698,15 +699,15 @@ function Ce(e, n, r) {
 }
 //#endregion
 //#region src/components/features/filters/partials/async-filter-content.tsx
-function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: c = !1 }) {
-	let { strings: m, cacheAsyncOptions: h, getAsyncOptionLabel: g } = J(), [_, v] = k(""), [y, b] = k(t ?? []), x = O(t);
+function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: s = !1 }) {
+	let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: u } = J(), [d, p] = k(""), [y, b] = k(t ?? []), x = O(t);
 	t !== x.current && (x.current = t, b(t ?? []));
-	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: E, isBelowMinQuery: A, minQueryLength: j } = Ce(e, _, !0);
-	S.length > 0 && h(e.key, S);
-	let M = e.multiple !== !1, R = e.maxSelected, z = !!c, B = D(() => {
+	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: E, isBelowMinQuery: A, minQueryLength: j } = Ce(e, d, !0);
+	S.length > 0 && l(e.key, S);
+	let M = e.multiple !== !1, R = e.maxSelected, z = !!s, B = D(() => {
 		let t = new Set(y), n = new Set(S.map((e) => e.value)), r = [];
 		for (let t of y) if (!n.has(t)) {
-			let n = g(e.key, t);
+			let n = u(e.key, t);
 			n && r.push({
 				value: t,
 				label: n,
@@ -719,7 +720,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 		y,
 		e.key,
 		e.icon,
-		g
+		u
 	]), V = (t) => {
 		if (M) if (y.includes(t)) b(y.filter((e) => e !== t));
 		else {
@@ -735,7 +736,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: m.searching
+			children: c.searching
 		})]
 	}) : T ? /* @__PURE__ */ F("div", {
 		className: "flex flex-col items-center gap-2 py-4",
@@ -745,7 +746,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: m.fetchError
+				children: c.fetchError
 			})]
 		}), /* @__PURE__ */ P(o, {
 			variant: "secondary",
@@ -754,7 +755,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 			onClick: (e) => {
 				e.stopPropagation(), E();
 			},
-			children: m.retryFetch
+			children: c.retryFetch
 		})]
 	}) : A ? /* @__PURE__ */ P("div", {
 		className: "text-muted-foreground flex items-center justify-center py-4",
@@ -762,15 +763,15 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: W(m.minQueryHint, { min: j })
+			children: W(c.minQueryHint, { min: j })
 		})
-	}) : m.noOptionsFound, [
+	}) : c.noOptionsFound, [
 		C,
 		w,
 		T,
 		A,
 		j,
-		m,
+		c,
 		E
 	]);
 	return /* @__PURE__ */ F(N, { children: [
@@ -781,7 +782,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 				buttonStyle: "ghost",
 				className: "mr-2 h-8 w-8 p-0",
 				onClick: i,
-				"aria-label": m.backToFilters,
+				"aria-label": c.backToFilters,
 				children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
 			}), /* @__PURE__ */ F("div", {
 				className: "flex flex-col",
@@ -794,25 +795,25 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: m.selectValues
+					children: c.selectValues
 				})]
 			})]
 		}),
-		/* @__PURE__ */ F(p, {
+		/* @__PURE__ */ F(v, {
 			shouldFilter: !1,
-			children: [/* @__PURE__ */ P(s, {
-				placeholder: W(m.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
-				value: _,
-				onValueChange: v
-			}), /* @__PURE__ */ P(l, { children: B.length === 0 ? /* @__PURE__ */ P(d, { children: U }) : /* @__PURE__ */ F(f, { children: [!!(w && !C) && /* @__PURE__ */ F("div", {
+			children: [/* @__PURE__ */ P(f, {
+				placeholder: W(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
+				value: d,
+				onValueChange: p
+			}), /* @__PURE__ */ P(m, { children: B.length === 0 ? /* @__PURE__ */ P(g, { children: U }) : /* @__PURE__ */ F(_, { children: [!!(w && !C) && /* @__PURE__ */ F("div", {
 				className: "flex items-center gap-1.5 px-2 py-1",
 				children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ P(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: m.searching
+					children: c.searching
 				})]
-			}), B.map((e) => /* @__PURE__ */ F(u, {
+			}), B.map((e) => /* @__PURE__ */ F(h, {
 				onSelect: () => V(e.value),
 				disabled: e.disabled || !!R && y.length >= R && !y.includes(e.value),
 				className: "flex items-center gap-2",
@@ -836,7 +837,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: W(m.selected, {
+				children: W(c.selected, {
 					count: y.length,
 					filterLabel: (y.length > 1 ? e.pluralLabel : e.label) ?? e.label
 				})
@@ -847,7 +848,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					buttonStyle: "outline",
 					size: "xs",
 					onClick: te,
-					children: m.confirm
+					children: c.confirm
 				})
 			})]
 		})
@@ -857,31 +858,31 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 //#region src/components/features/filters/facets/date-facet.tsx
 var Te = [];
 function Ee({ filter: e, value: t, onChange: r, className: i }) {
-	let { strings: a } = J(), 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) ? {
+	let { strings: a } = J(), 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", l = e.dateFormat?.display ?? "PPP", u = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, d = !!e.datePickerConfig?.showConfirmButton, f = e.datePickerConfig?.autoApply ?? !d, p = e.datePickerConfig?.showShortcuts ?? !0, m = o && (t.start || t.end) ? {
 		from: t.start,
 		to: t.end
 	} : void 0, h = !o && t.start && j(t.start) ? t.start : void 0, g = {
 		format: s,
-		readableFormat: c,
-		placeholder: l,
+		readableFormat: l,
+		placeholder: u,
 		disablePortal: !0,
 		numberOfMonths: 1,
 		className: n("date-facet--component", "w-full", i)
 	};
-	return o ? /* @__PURE__ */ P(m, {
+	return o ? /* @__PURE__ */ P(c, {
 		mode: "range",
-		value: p,
+		value: m,
 		onChange: (e) => {
 			r({
 				start: e.range?.from ?? void 0,
 				end: e.range?.to ?? void 0
 			});
 		},
-		withConfirm: u,
-		closeOnSelect: d,
-		presets: f ? void 0 : Te,
+		withConfirm: d,
+		closeOnSelect: f,
+		presets: p ? void 0 : Te,
 		...g
-	}) : /* @__PURE__ */ P(m, {
+	}) : /* @__PURE__ */ P(c, {
 		mode: "single",
 		value: h,
 		onChange: (e) => {
@@ -890,7 +891,7 @@ function Ee({ filter: e, value: t, onChange: r, className: i }) {
 				end: void 0
 			});
 		},
-		closeOnSelect: d,
+		closeOnSelect: f,
 		...g
 	});
 }
@@ -1024,7 +1025,7 @@ function X(e) {
 //#region src/components/features/filters/partials/filter-list-item.tsx
 function ke({ filter: e, onSelect: t }) {
 	let { strings: n } = J(), i = e.type === G.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
-	return /* @__PURE__ */ F(u, {
+	return /* @__PURE__ */ F(h, {
 		onSelect: t,
 		className: "flex items-center gap-3 rounded-none px-3 py-2",
 		children: [!!e.icon && /* @__PURE__ */ P("span", {
@@ -1053,22 +1054,22 @@ function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 	let { strings: r } = J(), i = (e) => {
 		n(e);
 	}, a = "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:font-medium";
-	return /* @__PURE__ */ F(p, {
+	return /* @__PURE__ */ F(v, {
 		className: "rounded-none p-0",
 		children: [/* @__PURE__ */ P("div", {
 			className: "border-b border-border/50 px-3 py-2",
-			children: /* @__PURE__ */ P(s, {
+			children: /* @__PURE__ */ P(f, {
 				className: "text-xs",
 				placeholder: r.searchFilters
 			})
-		}), /* @__PURE__ */ F(l, {
+		}), /* @__PURE__ */ F(m, {
 			className: "max-h-72 py-1",
 			children: [
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ P(g, {
 					className: "px-3 py-4 text-center text-xs text-muted-foreground",
 					children: r.noFiltersAvailable
 				}),
-				e.length > 0 && /* @__PURE__ */ P(f, {
+				e.length > 0 && /* @__PURE__ */ P(_, {
 					heading: r.availableFilters,
 					className: `p-0 ${a}`,
 					children: e.map((e) => /* @__PURE__ */ P(ke, {
@@ -1076,7 +1077,7 @@ function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 						onSelect: () => i(e)
 					}, e.key))
 				}),
-				t.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(c, { className: "my-1" }), /* @__PURE__ */ P(f, {
+				t.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(p, { className: "my-1" }), /* @__PURE__ */ P(_, {
 					heading: r.activeFilters,
 					className: `p-0 ${a}`,
 					children: t.map((e) => /* @__PURE__ */ P(ke, {
@@ -1090,31 +1091,31 @@ function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/regular-filter-content.tsx
-function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: c = !1 }) {
-	let { strings: m } = J(), h = e.multiple === !0 || e.type === G.MULTI_SELECT, g = !!c, [_, v] = k(t || []);
+function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: s = !1 }) {
+	let { strings: c } = J(), l = e.multiple === !0 || e.type === G.MULTI_SELECT, u = !!s, [d, p] = k(t || []);
 	T(() => {
-		v(t || []);
+		p(t || []);
 	}, [t]);
 	let y = (t) => {
-		h ? v(_.includes(t) ? _.filter((e) => e !== t) : [..._, t]) : (v([t]), e.closeOnSelect === !0 && (n([t]), a()));
+		l ? p(d.includes(t) ? d.filter((e) => e !== t) : [...d, t]) : (p([t]), e.closeOnSelect === !0 && (n([t]), a()));
 	}, b = () => {
 		try {
-			n(_), a();
+			n(d), a();
 		} catch {}
-	}, x = JSON.stringify(_.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	}, x = JSON.stringify(d.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
 	return /* @__PURE__ */ F("div", {
 		className: "flex flex-col",
 		children: [
 			/* @__PURE__ */ F("div", {
 				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
-				children: [!!g && /* @__PURE__ */ P(o, {
+				children: [!!u && /* @__PURE__ */ P(o, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "icon-xs",
 					onClick: i,
 					className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
-					"aria-label": m.backToFilters,
+					"aria-label": c.backToFilters,
 					children: /* @__PURE__ */ P(L, { className: "size-3.5" })
 				}), /* @__PURE__ */ P(r, {
 					tag: "span",
@@ -1124,27 +1125,27 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					children: e.label
 				})]
 			}),
-			/* @__PURE__ */ F(p, {
+			/* @__PURE__ */ F(v, {
 				className: "rounded-none p-0",
 				children: [/* @__PURE__ */ P("div", {
 					className: "border-b border-border/50 px-3 py-2.5",
-					children: /* @__PURE__ */ P(s, {
+					children: /* @__PURE__ */ P(f, {
 						className: "text-xs",
-						placeholder: W(m.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
+						placeholder: W(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
 					})
-				}), /* @__PURE__ */ F(l, {
+				}), /* @__PURE__ */ F(m, {
 					className: "max-h-64 px-3 py-2",
-					children: [/* @__PURE__ */ P(d, { children: /* @__PURE__ */ P(r, {
+					children: [/* @__PURE__ */ P(g, { children: /* @__PURE__ */ P(r, {
 						size: "xs",
 						type: "secondary",
 						align: "center",
 						className: "py-4",
-						children: m.noOptionsFound
-					}) }), /* @__PURE__ */ P(f, {
+						children: c.noOptionsFound
+					}) }), /* @__PURE__ */ P(_, {
 						className: "p-0 [&_[cmdk-group]]:p-0",
 						children: e.options?.map((e) => {
-							let t = _.includes(e.value);
-							return /* @__PURE__ */ F(u, {
+							let t = d.includes(e.value);
+							return /* @__PURE__ */ F(h, {
 								onSelect: () => y(e.value),
 								"data-checked": t || void 0,
 								disabled: e.disabled,
@@ -1180,15 +1181,15 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					size: "xxs",
 					type: "secondary",
 					className: "tabular-nums",
-					children: W(m.selected, {
-						count: _.length,
-						filterLabel: (_.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					children: W(c.selected, {
+						count: d.length,
+						filterLabel: (d.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
 				}), /* @__PURE__ */ P(o, {
 					variant: "primary",
 					size: "xs",
 					onClick: b,
-					children: m.confirm
+					children: c.confirm
 				})]
 			})
 		]
@@ -1196,21 +1197,21 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/tags-facet.tsx
-function Me({ filter: e, value: t, onChange: i, className: s }) {
-	let { strings: c } = J(), [l, u] = k(""), d = C(() => {
-		let e = l.trim();
-		!e || t.includes(e) || (i([...t, e]), u(""));
+function Me({ filter: e, value: t, onChange: i, className: c }) {
+	let { strings: l } = J(), [u, d] = k(""), f = C(() => {
+		let e = u.trim();
+		!e || t.includes(e) || (i([...t, e]), d(""));
 	}, [
-		l,
+		u,
 		t,
 		i
-	]), f = C((e) => {
+	]), p = C((e) => {
 		i(t.filter((t) => t !== e));
-	}, [t, i]), p = (e) => {
-		e.key === "Enter" && (e.preventDefault(), d());
-	}, m = C(() => {
-		i([]), u("");
-	}, [i]), h = t.length > 0, g = t.length === 1 ? c.tag : c.tags, _ = h ? /* @__PURE__ */ F("div", {
+	}, [t, i]), m = (e) => {
+		e.key === "Enter" && (e.preventDefault(), f());
+	}, h = C(() => {
+		i([]), d("");
+	}, [i]), g = t.length > 0, _ = t.length === 1 ? l.tag : l.tags, v = g ? /* @__PURE__ */ F("div", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ F("div", {
 			className: "flex items-center justify-between",
@@ -1221,17 +1222,17 @@ function Me({ filter: e, value: t, onChange: i, className: s }) {
 				children: [
 					t.length,
 					" ",
-					g
+					_
 				]
 			}), /* @__PURE__ */ P(o, {
-				onClick: m,
+				onClick: h,
 				variant: "secondary",
 				buttonStyle: "ghost",
 				size: "xs",
 				className: "h-auto px-1 py-0 text-xs text-muted-foreground hover:text-foreground",
 				type: "button",
-				"aria-label": c.clearAll,
-				children: c.clearAll
+				"aria-label": l.clearAll,
+				children: l.clearAll
 			})]
 		}), /* @__PURE__ */ P("div", {
 			className: "flex flex-wrap gap-2",
@@ -1243,43 +1244,44 @@ function Me({ filter: e, value: t, onChange: i, className: s }) {
 					size: "xs",
 					children: e
 				}), /* @__PURE__ */ P(o, {
-					onClick: () => f(e),
+					onClick: () => p(e),
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "icon-xs",
 					className: "ml-1 size-4 rounded-full p-0 hover:bg-muted-foreground/20",
 					type: "button",
-					"aria-label": `${c.removeTag} ${e}`,
+					"aria-label": `${l.removeTag} ${e}`,
 					children: /* @__PURE__ */ P(U, { className: "h-3 w-3" })
 				})]
 			}, e))
 		})]
 	}) : null;
 	return /* @__PURE__ */ F("div", {
-		className: n("tags-facet--component", "space-y-3", s),
+		className: n("tags-facet--component", "space-y-3", c),
 		children: [/* @__PURE__ */ F("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ P("div", {
 				className: "relative flex-1",
-				children: /* @__PURE__ */ P(v, {
+				children: /* @__PURE__ */ P(s, {
 					type: "text",
-					value: l,
-					onChange: (e) => u(e.target.value),
-					onKeyDown: p,
-					placeholder: e.placeholder ?? c.enterTag,
-					className: "h-10"
+					value: u,
+					onChange: (e) => d(e.target.value),
+					onKeyDown: m,
+					placeholder: e.placeholder ?? l.enterTag,
+					className: "h-9"
 				})
 			}), /* @__PURE__ */ F(o, {
-				onClick: d,
-				disabled: !l.trim(),
-				className: "h-10 px-4",
+				onClick: f,
+				disabled: !u.trim(),
+				size: "default",
+				className: "h-9 px-4",
 				type: "button",
 				children: [/* @__PURE__ */ P(te, { className: "h-4 w-4" }), /* @__PURE__ */ P("span", {
 					className: "sr-only",
-					children: c.addTag
+					children: l.addTag
 				})]
 			})]
-		}), _]
+		}), v]
 	});
 }
 var Z = b.memo(Me);
@@ -1353,7 +1355,7 @@ function Pe({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, g
 	let l = e?.type === G.DATE || e?.type === G.TAGS ? "w-auto min-w-[320px] p-0 overflow-hidden rounded-lg shadow-lg" : e?.type === G.ASYNC_SELECT ? "w-72 p-0 overflow-hidden rounded-lg shadow-lg" : "w-64 p-0 overflow-hidden rounded-lg shadow-lg", u = (e, t) => {
 		i(e, t);
 	};
-	return /* @__PURE__ */ P(_, {
+	return /* @__PURE__ */ P(d, {
 		className: l,
 		align: "start",
 		children: e ? e.type === G.DATE ? /* @__PURE__ */ P(De, {
@@ -1392,16 +1394,16 @@ function Pe({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-pill.tsx
-function Q({ filter: e, value: t, isActive: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
-	let d = O(!1), f = u ?? d, [p, m] = k(!1);
+function Q({ filter: e, value: t, isActive: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: d, operatorChangeRef: f }) {
+	let p = O(!1), m = f ?? p, [h, g] = k(!1);
 	return /* @__PURE__ */ P(X, {
 		filterKey: e.key,
-		children: /* @__PURE__ */ F(h, {
-			open: p,
+		children: /* @__PURE__ */ F(l, {
+			open: h,
 			onOpenChange: (e) => {
-				e && f.current || m(e);
+				e && m.current || g(e);
 			},
-			children: [/* @__PURE__ */ P(g, {
+			children: [/* @__PURE__ */ P(u, {
 				nativeButton: !1,
 				render: /* @__PURE__ */ P("div", { children: /* @__PURE__ */ P(be, {
 					filter: e,
@@ -1410,26 +1412,26 @@ function Q({ filter: e, value: t, isActive: n, operator: r, operators: i, onOper
 					operators: i,
 					operator: r,
 					onOperatorChange: (e) => {
-						f.current = !0, a(e), m(!1), setTimeout(() => {
-							f.current = !1;
+						m.current = !0, a(e), g(!1), setTimeout(() => {
+							m.current = !1;
 						}, 100);
 					},
 					onFilterClear: () => {
-						m(!1), s();
+						g(!1), s();
 					},
 					onFilterClick: () => {
-						f.current || m(!0);
+						m.current || g(!0);
 					}
 				}) })
 			}), /* @__PURE__ */ P(Pe, {
 				activeFilterInPopover: e,
 				availableFilters: c,
-				activeFilters: l,
+				activeFilters: d,
 				getFilterValue: () => t,
 				setFilterValue: (e, t) => o(t),
 				onFilterSelect: () => {},
 				onBackToFilterList: () => {},
-				onClose: () => m(!1),
+				onClose: () => g(!1),
 				isFromMainFilterButton: !1
 			})]
 		})
@@ -1439,16 +1441,18 @@ Q.displayName = "FilterPill";
 //#endregion
 //#region src/components/features/filters/partials/filters-button.tsx
 function Fe({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: r, setFilterValue: i, setActiveFilterInPopover: a }) {
-	let [s, c] = k(!1);
+	let [s, c] = k(!1), { strings: d } = J();
 	return T(() => {
 		s || a(null);
-	}, [s, a]), /* @__PURE__ */ F(h, {
+	}, [s, a]), /* @__PURE__ */ F(l, {
 		open: s,
 		onOpenChange: c,
-		children: [/* @__PURE__ */ P(g, { render: /* @__PURE__ */ P(o, {
+		children: [/* @__PURE__ */ P(u, { render: /* @__PURE__ */ P(o, {
 			variant: "secondary",
 			buttonStyle: "outline",
-			className: "flex h-8 items-center gap-1.5",
+			size: "default",
+			"aria-label": d.addFilter,
+			className: "flex h-9 items-center gap-1.5",
 			children: /* @__PURE__ */ P(V, { className: "h-4 w-4" })
 		}) }), /* @__PURE__ */ P(Pe, {
 			activeFilterInPopover: n,
@@ -1531,63 +1535,63 @@ function Ie({ tabs: e }) {
 //#endregion
 //#region src/components/features/filters/facets/search-facet.tsx
 function Le({ filter: e, value: t, onChange: r, className: i }) {
-	let { strings: a, isNavigating: s } = J(), [c, l] = k(t[0] || ""), u = O(c);
-	u.current = c;
-	let d = O(!1), f = O(null), p = O(t[0] || null), m = O(!1);
-	T(() => (d.current = !0, () => {
-		d.current = !1, f.current && clearTimeout(f.current);
+	let { strings: a, isNavigating: c } = J(), [l, u] = k(t[0] || ""), d = O(l);
+	d.current = l;
+	let f = O(!1), p = O(null), m = O(t[0] || null), h = O(!1);
+	T(() => (f.current = !0, () => {
+		f.current = !1, p.current && clearTimeout(p.current);
 	}), []), T(() => {
-		if (m.current || s) return;
-		let e = u.current;
+		if (h.current || c) return;
+		let e = d.current;
 		if (!t.length || t[0] === "") {
-			e !== "" && (l(""), p.current = "");
+			e !== "" && (u(""), m.current = "");
 			return;
 		}
-		t[0] !== void 0 && t[0] !== e && t[0] !== p.current && (l(t[0]), p.current = t[0]);
-	}, [t, s]);
-	let h = C((t) => {
-		p.current !== t && (f.current &&= (clearTimeout(f.current), null), f.current = setTimeout(() => {
-			d.current && (p.current = t, m.current = !1, r([t]));
+		t[0] !== void 0 && t[0] !== e && t[0] !== m.current && (u(t[0]), m.current = t[0]);
+	}, [t, c]);
+	let g = C((t) => {
+		m.current !== t && (p.current &&= (clearTimeout(p.current), null), p.current = setTimeout(() => {
+			f.current && (m.current = t, h.current = !1, r([t]));
 		}, e.delay ?? 500));
 	}, [r, e.delay]);
 	return /* @__PURE__ */ F("div", {
-		className: n("search-facet--component", "search-facet bg-background relative min-w-80", i),
+		className: n("search-facet--component", "search-facet relative w-full min-w-0 bg-background sm:min-w-80", i),
 		children: [
-			/* @__PURE__ */ P(v, {
+			/* @__PURE__ */ P(s, {
 				type: "text",
-				value: c,
+				value: l,
 				onChange: (e) => {
-					m.current = !0;
+					h.current = !0;
 					let t = e.target.value;
-					l(t), h(t);
+					u(t), g(t);
 				},
 				onFocus: () => {
-					m.current = !0;
+					h.current = !0;
 				},
 				onBlur: () => {
 					setTimeout(() => {
-						m.current = !1;
+						h.current = !1;
 					}, 100);
 				},
 				placeholder: e.placeholder ?? (() => {
 					let t = e.label.trim().toLowerCase();
 					return !t || t === "search" ? W(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : W(a.searchPlaceholder, { filterLabel: t });
 				})(),
-				className: "w-full px-3 py-1 pr-9 placeholder:leading-1 text-xs md:text-xs placeholder:text-xs h-8"
+				className: "w-full pr-9"
 			}),
-			c.trim() !== "" && !s && /* @__PURE__ */ P(o, {
+			l.trim() !== "" && !c && /* @__PURE__ */ P(o, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				size: "icon",
+				size: "icon-sm",
 				onClick: () => {
-					m.current = !0, l(""), h("");
+					h.current = !0, u(""), g("");
 				},
-				className: "absolute right-1 top-1/2 h-6 w-6 -translate-y-1/2",
+				className: "absolute right-1 top-1/2 size-7 -translate-y-1/2",
 				"aria-label": a.clearSearch,
 				children: /* @__PURE__ */ P(U, { className: "h-3.5 w-3.5" })
 			}),
-			!!s && /* @__PURE__ */ P("span", {
+			!!c && /* @__PURE__ */ P("span", {
 				className: "text-muted-foreground absolute right-2 top-1/2 -translate-y-1/2",
 				children: /* @__PURE__ */ P(H, { className: "h-4 w-4 animate-spin" })
 			})
@@ -1681,6 +1685,7 @@ function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}
 					!!a && x && /* @__PURE__ */ P(o, {
 						variant: "secondary",
 						buttonStyle: "ghost",
+						size: "default",
 						onClick: d,
 						className: "text-muted-foreground ml-auto",
 						children: h.clearFilters
@@ -1744,6 +1749,7 @@ function Be({ filter: e, value: t, onChange: i, className: a }) {
 			trigger: /* @__PURE__ */ F(o, {
 				variant: "secondary",
 				buttonStyle: "outline",
+				size: "default",
 				role: "combobox",
 				"aria-expanded": c,
 				className: "w-full justify-between",
@@ -1776,10 +1782,10 @@ function Be({ filter: e, value: t, onChange: i, className: a }) {
 //#endregion
 //#region src/components/features/filters/facets/async-select-facet.tsx
 function Ve({ filter: e, value: t, onChange: i, className: a }) {
-	let { strings: c, cacheAsyncOptions: m, getAsyncOptionLabel: v } = J(), [y, b] = k(!1), [x, S] = k(""), C = O(/* @__PURE__ */ new Map()), { options: w, isLoading: T, isFetching: E, isError: A, refetch: j, isBelowMinQuery: M, minQueryLength: N } = Ce(e, x, y);
+	let { strings: s, cacheAsyncOptions: c, getAsyncOptionLabel: p } = J(), [y, b] = k(!1), [x, S] = k(""), C = O(/* @__PURE__ */ new Map()), { options: w, isLoading: T, isFetching: E, isError: A, refetch: j, isBelowMinQuery: M, minQueryLength: N } = Ce(e, x, y);
 	if (w.length > 0) {
 		for (let e of w) C.current.set(e.value, e);
-		m(e.key, w);
+		c(e.key, w);
 	}
 	let L = e.multiple !== !1, R = e.maxSelected, z = D(() => e.options ?? [], [e.options]), V = D(() => {
 		let n = new Set(t), r = new Set([...z, ...w].map((e) => e.value)), i = [];
@@ -1792,7 +1798,7 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 					i.push(t);
 					continue;
 				}
-				let r = v(e.key, n);
+				let r = p(e.key, n);
 				r && i.push({
 					value: n,
 					label: r,
@@ -1811,7 +1817,7 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 		t,
 		e.key,
 		e.icon,
-		v
+		p
 	]), te = (n) => {
 		if (L) if (t.includes(n)) i(t.filter((e) => e !== n));
 		else {
@@ -1832,7 +1838,7 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: c.searching
+			children: s.searching
 		})]
 	}) : A ? /* @__PURE__ */ F("div", {
 		className: "flex flex-col items-center gap-2 py-4",
@@ -1842,7 +1848,7 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: c.fetchError
+				children: s.fetchError
 			})]
 		}), /* @__PURE__ */ P(o, {
 			variant: "secondary",
@@ -1851,7 +1857,7 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 			onClick: (e) => {
 				e.stopPropagation(), j();
 			},
-			children: c.retryFetch
+			children: s.retryFetch
 		})]
 	}) : M ? /* @__PURE__ */ P("div", {
 		className: "text-muted-foreground flex items-center justify-center py-4",
@@ -1859,32 +1865,33 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: W(c.minQueryHint, { min: N })
+			children: W(s.minQueryHint, { min: N })
 		})
 	}) : /* @__PURE__ */ P(r, {
 		tag: "span",
 		size: "xs",
 		type: "secondary",
-		children: c.noOptionsFound
+		children: s.noOptionsFound
 	}), [
 		T,
 		E,
 		A,
 		M,
 		N,
-		c,
+		s,
 		j
 	]);
 	return /* @__PURE__ */ P("div", {
 		className: n("relative", a),
-		children: /* @__PURE__ */ F(h, {
+		children: /* @__PURE__ */ F(l, {
 			open: y,
 			onOpenChange: (e) => {
 				b(e), e || S("");
 			},
-			children: [/* @__PURE__ */ P(g, { render: /* @__PURE__ */ F(o, {
+			children: [/* @__PURE__ */ P(u, { render: /* @__PURE__ */ F(o, {
 				variant: "secondary",
 				buttonStyle: "outline",
+				size: "default",
 				role: "combobox",
 				"aria-expanded": y,
 				className: "w-full justify-between",
@@ -1898,7 +1905,7 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
-					children: W(c.selected, {
+					children: W(s.selected, {
 						count: t.length,
 						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
@@ -1906,25 +1913,25 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: e.placeholder ?? c.select
+					children: e.placeholder ?? s.select
 				}), /* @__PURE__ */ P(B, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
-			}) }), /* @__PURE__ */ P(_, {
+			}) }), /* @__PURE__ */ P(d, {
 				className: "w-full min-w-[280px] p-0",
-				children: /* @__PURE__ */ F(p, {
+				children: /* @__PURE__ */ F(v, {
 					shouldFilter: !1,
-					children: [/* @__PURE__ */ P(s, {
-						placeholder: W(c.searchPlaceholder, { filterLabel: e.label }),
+					children: [/* @__PURE__ */ P(f, {
+						placeholder: W(s.searchPlaceholder, { filterLabel: e.label }),
 						value: x,
 						onValueChange: S
-					}), /* @__PURE__ */ P(l, { children: V.length === 0 ? /* @__PURE__ */ P(d, { children: re }) : /* @__PURE__ */ F(f, { children: [!!(E && !T) && /* @__PURE__ */ F("div", {
+					}), /* @__PURE__ */ P(m, { children: V.length === 0 ? /* @__PURE__ */ P(g, { children: re }) : /* @__PURE__ */ F(_, { children: [!!(E && !T) && /* @__PURE__ */ F("div", {
 						className: "flex items-center gap-1.5 px-2 py-1",
 						children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ P(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: c.searching
+							children: s.searching
 						})]
-					}), V.map((e) => /* @__PURE__ */ F(u, {
+					}), V.map((e) => /* @__PURE__ */ F(h, {
 						value: e.value,
 						onSelect: () => te(e.value),
 						disabled: e.disabled || !!R && t.length >= R && !t.includes(e.value),
@@ -1949,21 +1956,21 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 //#endregion
 //#region src/components/features/filters/facets/range-facet.tsx
 function He({ filter: e, value: t, onChange: r, className: a }) {
-	let { strings: o } = J(), [s, c] = k(t.min?.toString() ?? ""), [l, u] = k(t.max?.toString() ?? ""), d = E(), f = O(r);
-	f.current = r;
-	let p = O(t);
-	return p.current = t, T(() => {
+	let { strings: o } = J(), [c, l] = k(t.min?.toString() ?? ""), [u, d] = k(t.max?.toString() ?? ""), f = E(), p = O(r);
+	p.current = r;
+	let m = O(t);
+	return m.current = t, T(() => {
 		let t = setTimeout(() => {
-			let e = p.current, t = {
-				min: s ? Number(s) : void 0,
-				max: l ? Number(l) : void 0
+			let e = m.current, t = {
+				min: c ? Number(c) : void 0,
+				max: u ? Number(u) : void 0
 			};
-			(t.min !== e.min || t.max !== e.max) && f.current(t);
+			(t.min !== e.min || t.max !== e.max) && p.current(t);
 		}, e.delay ?? 500);
 		return () => clearTimeout(t);
 	}, [
-		s,
-		l,
+		c,
+		u,
 		e.delay
 	]), /* @__PURE__ */ P("div", {
 		className: n("range-facet--component", "space-y-2", a),
@@ -1972,15 +1979,15 @@ function He({ filter: e, value: t, onChange: r, className: a }) {
 			children: [/* @__PURE__ */ F("div", {
 				className: "space-y-1",
 				children: [/* @__PURE__ */ P(i, {
-					htmlFor: `${d}-min`,
+					htmlFor: `${f}-min`,
 					children: o.min
-				}), /* @__PURE__ */ P(v, {
-					id: `${d}-min`,
+				}), /* @__PURE__ */ P(s, {
+					id: `${f}-min`,
 					type: "text",
-					value: s,
+					value: c,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "" || /^\d*\.?\d*$/.test(t)) && c(t);
+						(t === "" || /^\d*\.?\d*$/.test(t)) && l(t);
 					},
 					placeholder: o.min,
 					className: "w-full"
@@ -1988,15 +1995,15 @@ function He({ filter: e, value: t, onChange: r, className: a }) {
 			}), /* @__PURE__ */ F("div", {
 				className: "space-y-1",
 				children: [/* @__PURE__ */ P(i, {
-					htmlFor: `${d}-max`,
+					htmlFor: `${f}-max`,
 					children: o.max
-				}), /* @__PURE__ */ P(v, {
-					id: `${d}-max`,
+				}), /* @__PURE__ */ P(s, {
+					id: `${f}-max`,
 					type: "text",
-					value: l,
+					value: u,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "" || /^\d*\.?\d*$/.test(t)) && u(t);
+						(t === "" || /^\d*\.?\d*$/.test(t)) && d(t);
 					},
 					placeholder: o.max,
 					className: "w-full"