@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/filter-bar-BRuCz79-.js

@@ -0,0 +1,1342 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { _ as r, a as i, c as a, d as o, h as s, m as c, n as l, t as u, u as d } from "./menu-parts-CNNHRduK.js";
+import { a as f, c as p, i as m, n as h, o as g, t as ee, u as te } from "./drawer-fyPyxnYQ.js";
+import { t as ne } from "./spinner-ring-DyfaYloA.js";
+import { n as _, t as re } from "./icon-button-DbSZKGT4.js";
+import { t as ie } from "./text-field-Cguj75tn.js";
+import { a as ae, d as oe, f as se, l as ce, p as le, r as ue } from "./popover-C7NpEzq6.js";
+import { n as de } from "./kbd-dNz8QHfL.js";
+import { t as fe } from "./date-picker-DpTRb-Y1.js";
+import { t as pe } from "./datetime-picker-BK_bV3Yr.js";
+import { a as me, i as he, n as ge, s as _e } from "./multi-select-BvlJIEtz.js";
+import { t as ve } from "./number-field-D1MqT8_A.js";
+import { a as ye, t as v } from "./segmented-control-uPnQYklX.js";
+import { c as be, i as xe, n as Se, o as Ce, s as we } from "./select-C0JYHwBy.js";
+import { t as y } from "./time-picker-CNfafRDF.js";
+import { withSelectorKey as b } from "@slotted/core/selector-key";
+import { createRemovalFocus as Te, createRovingTabindex as Ee } from "@slotted/core/focus";
+import { createControllable as De } from "@slotted/core/state";
+import { Fragment as x, createContext as Oe, useCallback as ke, useContext as Ae, useEffect as S, useId as je, useImperativeHandle as Me, useLayoutEffect as Ne, useMemo as Pe, useRef as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { filterBarMessages as Fe } from "@slotted/core/i18n";
+import { getLiveAnnouncer as Ie } from "@slotted/core/live-announcer";
+import { isPlainDate as Le, isPlainDateTime as Re, isPlainTime as ze, parseISODate as Be, parseISODateTime as Ve, parseISOTime as He, toISODate as O, toISODateTime as Ue, toISOTime as We } from "@slotted/core/date";
+import { defaultOperator as k, describeFilter as Ge, describeFilterGroup as Ke, emptyFilter as qe, emptyFilterGroup as Je, firstLevelRules as Ye, insertNodeAt as Xe, isFilterActive as Ze, isFilterGroup as Qe, normalizeFilterGroup as A, operandCount as j, operatorsFor as $e, removeNodeAt as et, ruleFor as tt, serializeFilterGroup as nt, spokenOperator as rt, updateNodeAt as it, withCondition as at, withGroupJoin as ot, withRuleFor as st, withoutRuleFor as ct } from "@slotted/core/filter";
+//#region src/filter-bar/filter-bar-defaults.tsx
+var lt = Oe({});
+function ut() {
+	return Ae(lt);
+}
+function dt({ children: e, ...t }) {
+	let n = ut();
+	return /* @__PURE__ */ E(lt.Provider, {
+		value: {
+			apply: t.apply ?? n.apply,
+			chipLimit: t.chipLimit ?? n.chipLimit,
+			queryDelay: t.queryDelay ?? n.queryDelay,
+			shortcut: t.shortcut === void 0 ? n.shortcut : t.shortcut,
+			size: t.size ?? n.size
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/filter-bar/filter-bar-rules.tsx
+function M(e, t) {
+	return e.find((e) => e.key === t);
+}
+function ft(e, t) {
+	return t in Fe.base.operators ? e(`operators.${t}`) : t;
+}
+function pt(e) {
+	let [t = "", n = ""] = e("\0").split("\0");
+	return [t.trim(), n.trim()];
+}
+function N(e) {
+	if (e.defaultValue) return e.defaultValue;
+	let t = e.defaultOperator ?? k(e.kind);
+	return qe(e.kind, t);
+}
+function mt(e, t, n) {
+	let r = n?.kind ?? t?.kind ?? "text", i = n?.conditions[0] ?? { operator: t ? t.defaultOperator ?? k(t.kind) : "contains" }, a = j(i.operator), o = ft(e, rt(r, i)), s = (e) => t?.options?.find((t) => t.value === e)?.label ?? String(e), c = (e) => e != null && e !== "" && !(Array.isArray(e) && e.length === 0);
+	if (a === 0) return {
+		operator: o,
+		value: "",
+		full: "",
+		operands: a
+	};
+	if (r === "set") {
+		let t = (i.value ?? []).map(s), n = t.join(", ");
+		return {
+			operator: o,
+			value: t.length > 2 ? e("moreValues", {
+				values: t.slice(0, 2).join(", "),
+				count: t.length - 2
+			}) : n,
+			full: n,
+			operands: a
+		};
+	}
+	if (a === 2) {
+		if (!c(i.value) || !c(i.end)) return {
+			operator: o,
+			value: "",
+			full: "",
+			operands: a
+		};
+		let e = `${s(i.value)} – ${s(i.end)}`;
+		return {
+			operator: o,
+			value: e,
+			full: e,
+			operands: a
+		};
+	}
+	let l = c(i.value) ? s(i.value) : "";
+	return {
+		operator: o,
+		value: l,
+		full: l,
+		operands: a
+	};
+}
+function ht({ icon: e }) {
+	return e == null || e === !1 ? null : /* @__PURE__ */ E(n, { children: typeof e == "string" ? /* @__PURE__ */ E(t, { name: e }) : e });
+}
+function P(e) {
+	return (t) => {
+		t.key === "Enter" && !t.defaultPrevented && e();
+	};
+}
+var F = (e) => e ? Be(String(e)) : null, I = (e) => e ? He(String(e)) : null, L = (e) => e ? Ve(String(e)) : null;
+function gt(e) {
+	let { apply: t, field: n, label: r, onValueChange: i, render: a, size: o, value: s } = e, c = a?.(e);
+	if (c != null) return /* @__PURE__ */ E(T, { children: c });
+	let l = {
+		...n.min === void 0 ? {} : { min: n.min },
+		...n.max === void 0 ? {} : { max: n.max }
+	};
+	switch (n.kind) {
+		case "number": return /* @__PURE__ */ E(ve, {
+			"aria-label": r,
+			onKeyDown: P(t),
+			onValueChange: (e) => i(e),
+			placeholder: r,
+			size: o,
+			value: s ?? null,
+			...typeof n.min == "number" ? { min: n.min } : {},
+			...typeof n.max == "number" ? { max: n.max } : {},
+			...n.step === void 0 ? {} : { step: n.step }
+		});
+		case "date": return /* @__PURE__ */ E(fe, {
+			"aria-label": r,
+			onKeyDown: P(t),
+			onValueChange: (e) => i(Le(e) ? O(e) : null),
+			size: o,
+			value: F(s),
+			...F(l.min) ? { min: F(l.min) } : {},
+			...F(l.max) ? { max: F(l.max) } : {}
+		});
+		case "time": return /* @__PURE__ */ E(y, {
+			"aria-label": r,
+			onKeyDown: P(t),
+			onValueChange: (e) => i(ze(e) ? We(e, "minute") : null),
+			size: o,
+			value: I(s)
+		});
+		case "datetime": return /* @__PURE__ */ E(pe, {
+			"aria-label": r,
+			onKeyDown: P(t),
+			onValueChange: (e) => i(Re(e) ? Ue(e) : null),
+			size: o,
+			value: L(s)
+		});
+		case "boolean": return /* @__PURE__ */ D(be, {
+			fullWidth: !0,
+			items: [{
+				label: "true",
+				value: "true"
+			}, {
+				label: "false",
+				value: "false"
+			}],
+			onValueChange: (e) => i(e === "true"),
+			size: o,
+			value: s === !0 ? "true" : s === !1 ? "false" : null,
+			children: [/* @__PURE__ */ E(Ce, {
+				"aria-label": r,
+				children: /* @__PURE__ */ E(we, {})
+			}), /* @__PURE__ */ D(xe, { children: [/* @__PURE__ */ E(Se, {
+				value: "true",
+				children: "true"
+			}), /* @__PURE__ */ E(Se, {
+				value: "false",
+				children: "false"
+			})] })]
+		});
+		case "set": {
+			let e = n.options ?? [];
+			return /* @__PURE__ */ D(_e, {
+				items: e,
+				onValueChange: (e) => i([...e]),
+				size: o,
+				value: s ?? [],
+				children: [/* @__PURE__ */ E(me, {
+					"aria-label": r,
+					placeholder: r
+				}), /* @__PURE__ */ E(he, {
+					"aria-label": r,
+					children: e.map((e) => /* @__PURE__ */ E(ge, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})]
+			});
+		}
+		default: return /* @__PURE__ */ E(ie, {
+			"aria-label": r,
+			onKeyDown: P(t),
+			onValueChange: (e) => i(e),
+			placeholder: r,
+			size: o,
+			value: s ?? ""
+		});
+	}
+}
+function _t({ condition: e, environment: t, field: n, ids: r, invalid: i, onConditionChange: a, withOperator: o = !0 }) {
+	let { apply: s, renderOperand: c, size: l, t: u } = t, d = n.operators ?? $e(n.kind), f = j(e.operator);
+	function p(t) {
+		let n = j(e.operator), r = j(t);
+		a({
+			operator: t,
+			...r >= 1 && n >= 1 ? { value: e.value } : {},
+			...r === 2 && n === 2 ? { end: e.end } : {}
+		});
+	}
+	let m = (t) => ({
+		apply: s,
+		field: n,
+		index: t,
+		label: u(f === 2 ? t === 0 ? "from" : "to" : "value"),
+		onValueChange: (n) => a(t === 0 ? {
+			...e,
+			value: n
+		} : {
+			...e,
+			end: n
+		}),
+		operator: e.operator,
+		size: l,
+		value: (t === 0 ? e.value : e.end) ?? null
+	});
+	return /* @__PURE__ */ D(T, { children: [o ? /* @__PURE__ */ E("div", {
+		"data-part": "operator",
+		"data-part-operator": "",
+		id: r?.operator,
+		children: /* @__PURE__ */ D(be, {
+			fullWidth: !0,
+			...i ? { invalid: !0 } : {},
+			items: d.map((e) => ({
+				label: ft(u, e),
+				value: e
+			})),
+			onValueChange: (e) => p(e),
+			size: l,
+			value: e.operator,
+			children: [/* @__PURE__ */ E(Ce, {
+				"aria-label": u("operator"),
+				children: /* @__PURE__ */ E(we, {})
+			}), /* @__PURE__ */ E(xe, { children: d.map((e) => /* @__PURE__ */ E(Se, {
+				value: e,
+				children: ft(u, e)
+			}, e)) })]
+		})
+	}) : null, /* @__PURE__ */ E("div", {
+		"data-part": "operand",
+		"data-part-operand": "",
+		id: r?.operand,
+		children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ E(gt, {
+			render: c,
+			...m(t)
+		}, t))
+	})] });
+}
+function R({ choices: e, environment: r, invalid: i, onRemove: a, onRuleChange: o, path: s, rule: c }) {
+	let { fields: l, size: u, t: d } = r, f = je(), p = s.join("."), m = r.expanded === p, h = M(l, c.field), g = c.filter.conditions[0] ?? { operator: h ? h.defaultOperator ?? k(h.kind) : "contains" }, ee = h ? j(g.operator) : 0, te = e ?? l;
+	function ne(e) {
+		let t = M(l, e);
+		t && o({
+			field: e,
+			filter: N(t)
+		});
+	}
+	let _ = mt(d, h, c.filter), re = h?.label ?? d("unknownField", { field: c.field });
+	return /* @__PURE__ */ D("div", {
+		"data-kind": h?.kind,
+		"data-operands": ee,
+		"data-part": "rule",
+		"data-part-rule": "",
+		...i || !h ? { "data-invalid": "" } : {},
+		...m ? { "data-expanded": "" } : {},
+		children: [
+			/* @__PURE__ */ D("button", {
+				"aria-controls": `${f}field ${f}operator ${f}operand`,
+				"aria-expanded": m,
+				"data-part": "rule-summary",
+				"data-part-rule-summary": "",
+				onClick: () => r.onExpandedChange?.(m ? null : p),
+				type: "button",
+				children: [/* @__PURE__ */ D("span", {
+					"data-sentence": "",
+					children: [
+						/* @__PURE__ */ E("span", {
+							"data-field": "",
+							children: re
+						}),
+						" ",
+						/* @__PURE__ */ E("span", {
+							"data-operator": "",
+							children: _.operator
+						}),
+						_.operands > 0 ? /* @__PURE__ */ D(T, { children: [" ", /* @__PURE__ */ E("span", {
+							"data-value": "",
+							children: _.value || d("noValue")
+						})] }) : null
+					]
+				}), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "chevron-down" }) })]
+			}),
+			/* @__PURE__ */ E("div", {
+				"data-part": "field",
+				"data-part-field": "",
+				id: `${f}field`,
+				children: /* @__PURE__ */ D(be, {
+					fullWidth: !0,
+					...i || !h ? { invalid: !0 } : {},
+					items: te.map((e) => ({
+						label: e.label,
+						value: e.key
+					})),
+					onValueChange: (e) => ne(e),
+					size: u,
+					value: c.field,
+					children: [/* @__PURE__ */ E(Ce, {
+						"aria-label": d("field"),
+						children: /* @__PURE__ */ E(we, { placeholder: h ? void 0 : d("unknownField", { field: c.field }) })
+					}), /* @__PURE__ */ E(xe, { children: te.map((e) => /* @__PURE__ */ E(Se, {
+						value: e.key,
+						children: e.label
+					}, e.key)) })]
+				})
+			}),
+			h ? /* @__PURE__ */ E(_t, {
+				condition: g,
+				environment: r,
+				field: h,
+				ids: {
+					operand: `${f}operand`,
+					operator: `${f}operator`
+				},
+				invalid: i,
+				onConditionChange: (e) => o({
+					field: c.field,
+					filter: at(c.filter, 0, e)
+				})
+			}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
+				"data-part": "operator",
+				"data-part-operator": "",
+				id: `${f}operator`
+			}), /* @__PURE__ */ E("div", {
+				"data-part": "operand",
+				"data-part-operand": "",
+				id: `${f}operand`
+			})] }),
+			a ? /* @__PURE__ */ E("button", {
+				"aria-label": d("removeRule"),
+				"data-part": "remove",
+				"data-part-remove": "",
+				onClick: a,
+				type: "button",
+				children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "x" }) })
+			}) : /* @__PURE__ */ E("span", {})
+		]
+	});
+}
+function vt({ environment: e, extra: r, firstField: i, group: a, onRootChange: o, path: s, root: c }) {
+	let { size: l, t: u } = e, d = s.length, f = /* @__PURE__ */ D(v, {
+		"aria-label": u("match"),
+		onValueChange: (e) => o(ot(c, s, e)),
+		size: "sm",
+		value: a.join,
+		children: [/* @__PURE__ */ E(ye, {
+			value: "and",
+			children: u("matchAll")
+		}), /* @__PURE__ */ E(ye, {
+			value: "or",
+			children: u("matchAny")
+		})]
+	}), [p, m] = pt((e) => u("matches", { join: e })), h = a.join === "and" ? u("matchAll") : u("matchAny"), g = d > 0 ? /* @__PURE__ */ E(re, {
+		"aria-label": u("removeGroup"),
+		onClick: () => o(et(c, s)),
+		render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "remove-group") }),
+		size: l === "lg" ? "md" : "sm",
+		title: u("removeGroup"),
+		tone: "secondary",
+		variant: "ghost",
+		children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "trash" }) })
+	}) : null;
+	function ee() {
+		i && (o(Xe(c, s, {
+			field: i.key,
+			filter: N(i)
+		})), e.onExpandedChange?.([...s, a.rules.length].join(".")));
+	}
+	function te() {
+		i && (o(Xe(c, s, {
+			join: a.join === "and" ? "or" : "and",
+			rules: [{
+				field: i.key,
+				filter: N(i)
+			}]
+		})), e.onExpandedChange?.([
+			...s,
+			a.rules.length,
+			0
+		].join(".")));
+	}
+	return /* @__PURE__ */ D("fieldset", {
+		"data-depth": d,
+		"data-part": "group",
+		"data-part-group": "",
+		children: [
+			/* @__PURE__ */ E("legend", { children: u("matches", { join: h }) }),
+			/* @__PURE__ */ D("div", {
+				"data-part": "join",
+				"data-part-join": "",
+				children: [
+					p ? /* @__PURE__ */ E("span", { children: p }) : null,
+					f,
+					m ? /* @__PURE__ */ E("span", { children: m }) : null,
+					g
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				"data-part": "rules",
+				"data-part-rules": "",
+				children: a.rules.map((t, n) => {
+					let r = [...s, n], l = /* @__PURE__ */ E("span", {
+						"data-part": "conjunction",
+						"data-part-conjunction": "",
+						children: u(n === 0 ? "where" : `joins.${a.join}`)
+					});
+					if (Qe(t)) return /* @__PURE__ */ D(x, { children: [l, /* @__PURE__ */ E(vt, {
+						environment: e,
+						firstField: i,
+						group: t,
+						onRootChange: o,
+						path: r,
+						root: c
+					})] }, n);
+					let d = M(e.fields, t.field);
+					return /* @__PURE__ */ D(x, { children: [l, /* @__PURE__ */ E(R, {
+						environment: e,
+						path: r,
+						onRemove: d?.required ? void 0 : () => o(et(c, r)),
+						onRuleChange: (e) => o(it(c, r, e)),
+						rule: t
+					})] }, n);
+				})
+			}),
+			/* @__PURE__ */ D("div", {
+				"data-part": "actions",
+				"data-part-actions": "",
+				children: [
+					/* @__PURE__ */ E(_, {
+						disabled: !i,
+						onClick: ee,
+						render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "add-rule") }),
+						size: l === "lg" ? "md" : "sm",
+						start: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "plus" }) }),
+						tone: "secondary",
+						variant: d === 0 ? "outline" : "ghost",
+						children: u("addRule")
+					}),
+					/* @__PURE__ */ E(_, {
+						disabled: !i,
+						onClick: te,
+						render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "add-group") }),
+						size: l === "lg" ? "md" : "sm",
+						start: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "plus" }) }),
+						tone: "secondary",
+						variant: d === 0 ? "outline" : "ghost",
+						children: u("addGroup")
+					}),
+					d === 0 ? r : null
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/filter-bar/filter-bar.tsx
+var z = {
+	apply: "live",
+	chipLimit: 6,
+	queryDelay: 320,
+	shortcut: null,
+	size: "md"
+}, yt = [
+	"summary",
+	"pill",
+	"chip-operator",
+	"chip-value",
+	"chip-remove",
+	"more",
+	"add",
+	"clear",
+	"reset",
+	"apply"
+].map((e) => `[data-part='${e}']`).join(", "), B = 36;
+function bt(e, t) {
+	let n = parseFloat(e.ownerDocument.defaultView?.getComputedStyle(e.ownerDocument.documentElement).fontSize ?? "16");
+	return t * (Number.isFinite(n) ? n : 16);
+}
+function xt(e, t) {
+	return nt(e) === nt(t);
+}
+function St(e) {
+	if (!e) return !1;
+	let t = e.tagName;
+	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable;
+}
+var V = "--slotted-page-sticky-top", Ct = typeof document > "u" ? S : Ne;
+function wt(e) {
+	let [t, n] = w(!1);
+	return S(() => {
+		let t = e.current;
+		if (!t || typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(() => {
+			let e = t.getBoundingClientRect().width;
+			n(e > 0 && e < bt(t, B));
+		});
+		return r.observe(t), () => r.disconnect();
+	}, []), t;
+}
+function Tt() {
+	let [e, t] = w(!1);
+	return S(() => {
+		let e = typeof window > "u" ? void 0 : window;
+		if (!e?.matchMedia) return;
+		let n = e.matchMedia(`(max-width: ${B}rem)`), r = () => t(n.matches);
+		return r(), n.addEventListener?.("change", r), () => n.removeEventListener?.("change", r);
+	}, []), e;
+}
+function H({ apply: le, children: fe, chipLimit: pe, count: me, defaultOpen: he, defaultPreset: ge, defaultQuery: _e, defaultRevealed: ve, defaultValue: ye, disabled: v = !1, fields: y, loading: x = !1, messages: Oe, onOpenChange: Ae, onPresetChange: Ne, onPresetSave: Le, onQueryChange: Re, onRevealedChange: ze, onValueChange: Be, open: Ve, preset: He, presets: O, query: Ue, queryDelay: We, readOnly: k = !1, ref: qe, renderOperand: Xe, revealed: nt, shortcut: rt, size: it, sticky: ot = !1, container: lt, total: dt, value: pt, ...P }) {
+	let F = ut(), I = e(Fe, Oe), L = le ?? F.apply ?? z.apply, gt = pe ?? F.chipLimit ?? z.chipLimit, _t = We ?? F.queryDelay ?? z.queryDelay, R = rt === void 0 ? F.shortcut ?? z.shortcut : rt, B = it ?? F.size ?? z.size, bt = je(), H = C(null), kt = C(null), At = C(null), jt = wt(H), Mt = Tt(), [Nt, Pt] = w(ye ?? null), U = pt === void 0 ? Nt : pt, [Ft, It] = w(_e ?? ""), Lt = Ue === void 0 ? Ft : Ue, [Rt, zt] = w(ge ?? null), Bt = He === void 0 ? Rt : He, [Vt, Ht] = w(he ?? !1), Ut = Ve === void 0 ? Vt : Ve, [Wt, Gt] = w(ve ?? !1), Kt = nt === void 0 ? Wt : nt;
+	function W(e) {
+		Ie(H.current?.ownerDocument).announce(e);
+	}
+	let qt = Pe(() => ({
+		field: (e) => M(y, e)?.label ?? e,
+		join: (e) => I(`joins.${e}`),
+		operator: (e) => ft(I, e)
+	}), [y, I]), Jt = ke((e, t) => Ge(t, {
+		...qt,
+		value: (t) => e?.options?.find((e) => e.value === t)?.label ?? String(t)
+	}), [qt]), Yt = ke((e, t, n) => {
+		let r = A(e);
+		De({
+			controlled: pt,
+			equals: xt,
+			initial: U,
+			onRequest: (e) => Be?.(e.value, e)
+		}).request(r, t, n) && Pt(r);
+	}, [
+		Be,
+		U,
+		pt
+	]), Xt = ke((e, t, n) => {
+		De({
+			controlled: Ue,
+			initial: Lt,
+			onRequest: (e) => Re?.(e.value, e)
+		}).request(e, t, n) && It(e);
+	}, [
+		Re,
+		Lt,
+		Ue
+	]);
+	function Zt(e, t, n) {
+		De({
+			controlled: He,
+			initial: Bt,
+			onRequest: (e) => Ne?.(e.value, e)
+		}).request(e, t, n) && zt(e);
+	}
+	function Qt(e, t, n) {
+		De({
+			controlled: Ve,
+			initial: Ut,
+			onRequest: (e) => Ae?.(e.value, e)
+		}).request(e, t, n) && Ht(e);
+	}
+	function $t(e, t, n) {
+		De({
+			controlled: nt,
+			initial: Kt,
+			onRequest: (e) => ze?.(e.value, e)
+		}).request(e, t, n) && Gt(e);
+	}
+	let [G, K] = w(null), q = L === "manual" && G ? G.value : U, en = L === "manual" && G ? G.query : Lt, tn = L === "manual" && G !== null && (!xt(G.value, U) || G.query !== Lt), nn = C(U);
+	S(() => {
+		xt(nn.current, U) || (nn.current = U, K(null));
+	}, [U]);
+	let rn = Pe(() => {
+		let e = O?.find((e) => e.key === Bt);
+		return e !== void 0 && !xt(A(e.value), U);
+	}, [
+		Bt,
+		O,
+		U
+	]);
+	function J(e, t, n) {
+		if (L === "manual") {
+			K({
+				value: e,
+				query: en
+			});
+			return;
+		}
+		Yt(e, t, n);
+	}
+	let an = Pe(() => y.filter((e) => e.required), [y]);
+	function on() {
+		let e = null;
+		for (let t of an) t.defaultValue && (e = st(e, t.key, t.defaultValue));
+		return A(e);
+	}
+	function sn(e) {
+		return an.filter((t) => !Ze(tt(e, t.key) ?? null));
+	}
+	function cn(e) {
+		if (!G) return;
+		let t = sn(G.value);
+		if (t.length > 0) {
+			let e = t[0];
+			Y(e.key), W(I("required", { field: e.label })), H.current?.querySelector(`[data-part='pill'][data-field='${CSS.escape(e.key)}']`)?.focus();
+			return;
+		}
+		Y(null), Yt(G.value, "submit", e), G.query !== Lt && Xt(G.query, "submit", e), K(null);
+		let n = A(G.value);
+		W(n ? I("appliedCount", {
+			count: Ye(n).length,
+			filters: Ke(n, qt)
+		}) : I("cleared"));
+	}
+	function ln() {
+		K(null), Y(null);
+	}
+	function un(e) {
+		let t = on();
+		Y(null), Z(null), L === "manual" ? K({
+			value: t,
+			query: ""
+		}) : (Yt(t, "clear", e), Lt !== "" && Xt("", "clear", e)), W(t ? I("clearedTo", { filters: Ke(t, qt) }) : I("cleared"));
+	}
+	function dn(e, t) {
+		let n = M(y, e);
+		if (n?.required) {
+			Y(e), W(I("required", { field: n.label }));
+			return;
+		}
+		X?.key === e && (Z(null), tt(q, e) === void 0) || (J(ct(q, e), "remove", t), W(I("removed", { field: n?.label ?? e })));
+	}
+	function fn(e, t) {
+		q && J(et(q, e), "remove", t);
+	}
+	function pn(e, t) {
+		Zt(e, e === null ? "clear" : "select", t);
+		let n = O?.find((t) => t.key === e);
+		n && (K(null), Yt(n.value, "select", t), W(n.label));
+	}
+	let [mn, Y] = w(null), [X, Z] = w(null), [hn, gn] = w(null), _n = C(null);
+	function vn(e, t, n) {
+		if (L === "manual") {
+			K({
+				value: q,
+				query: e
+			});
+			return;
+		}
+		if (gn(e), _n.current && clearTimeout(_n.current), t === "clear" || _t === 0) {
+			gn(null), Xt(e, t, n);
+			return;
+		}
+		_n.current = setTimeout(() => {
+			_n.current = null, gn(null), Xt(e, t, n);
+		}, _t);
+	}
+	S(() => () => {
+		_n.current && clearTimeout(_n.current);
+	}, []);
+	function yn(e) {
+		e.defaultPrevented || (e.key === "Escape" && (hn ?? en) !== "" && (e.preventDefault(), vn("", "clear", e)), e.key === "Enter" && L === "manual" && cn(e));
+	}
+	S(() => {
+		if (!R || v) return;
+		let e = H.current?.ownerDocument;
+		if (!e) return;
+		let t = (t) => {
+			t.defaultPrevented || t.metaKey || t.ctrlKey || t.altKey || t.key === R && (St(e.activeElement) || (t.preventDefault(), kt.current?.focus()));
+		};
+		return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+	}, [v, R]);
+	let bn = C(null);
+	S(() => {
+		let e = At.current;
+		if (!e) return;
+		let t = Ee(e, {
+			includeAriaDisabled: !0,
+			itemSelector: yt
+		}), n = Te(e, {
+			fallback: () => e.querySelector("[data-part='add']") ?? null,
+			itemSelector: yt
+		});
+		return bn.current = t, () => {
+			t.destroy(), n.destroy(), bn.current = null;
+		};
+	}, []), S(() => {
+		bn.current?.refresh();
+	});
+	let xn = C(null);
+	Ct(() => {
+		let e = xn.current;
+		e && (xn.current = null, (e.isConnected ? e : At.current?.querySelector("[data-part='add']"))?.focus());
+	}), S(() => {
+		let e = H.current;
+		if (!ot || !e || typeof ResizeObserver > "u") return;
+		let t = e.parentElement, n = e.ownerDocument.defaultView;
+		if (!t || !n) return;
+		let r = t.style.getPropertyValue(V), i = () => r ? t.style.setProperty(V, r) : t.style.removeProperty(V), a = new ResizeObserver(() => {
+			i();
+			let r = n.getComputedStyle(t).getPropertyValue(V).trim() || "0px", a = e.getBoundingClientRect().height;
+			e.style.setProperty(V, r), t.style.setProperty(V, `calc(${r} + ${a}px)`);
+		});
+		return a.observe(e), () => {
+			a.disconnect(), e.style.removeProperty(V), i();
+		};
+	}, [ot]);
+	let Sn = me === void 0 ? null : dt === void 0 ? I("countOnly", { count: me }) : I("count", {
+		count: me,
+		total: dt
+	}), [Cn, wn] = w(null), Tn = C(null), Q = Et(Ut, q, Tn);
+	function En(e, t, n) {
+		n?.tree !== void 0 && (Tn.current = n.tree), wn(n ? n.path.join(".") : null), Qt(!0, e, t);
+	}
+	function Dn(e, t) {
+		let n = M(y, e), r = q ? q.rules.findIndex((t) => !Qe(t) && t.field === e) : -1;
+		if (r !== -1 && X?.key !== e) {
+			En("pointer", t, { path: [r] });
+			return;
+		}
+		let i = X?.key === e ? X.filter : n ? N(n) : null;
+		if (!i) return;
+		let a = st(q, e, i);
+		Z(null), En("pointer", t, {
+			path: [a.rules.findIndex((t) => !Qe(t) && t.field === e)],
+			tree: a
+		});
+	}
+	Me(qe, () => ({
+		focusSearch: () => kt.current?.focus(),
+		open: (e) => En("programmatic", void 0, e ? { path: e } : void 0),
+		get root() {
+			return H.current;
+		}
+	}), []);
+	let On = {
+		apply: () => L === "manual" ? cn() : void 0,
+		fields: y,
+		renderOperand: Xe,
+		size: B,
+		t: I
+	}, kn = v || k, An = y.filter((e) => e.pinned || e.required), jn = new Set(An.map((e) => e.key)), Mn = q ? Dt(q) : 0, [Nn, Pn] = w(null), Fn = y.filter((e) => !jn.has(e.key) && tt(q, e.key) === void 0 && e.key !== X?.key), In = /* @__PURE__ */ new Map();
+	for (let e of Fn) {
+		let t = In.get(e.section) ?? [];
+		t.push(e), In.set(e.section, t);
+	}
+	function Ln(e, t) {
+		let n = M(y, e);
+		if (!n || kn) return;
+		if (jt) {
+			Dn(e, t);
+			return;
+		}
+		let r = N(n);
+		Ze(r) ? J(st(q, e, r), "pointer", t) : Z({
+			key: e,
+			filter: r
+		}), Pn(e);
+	}
+	function Rn(e, t, n) {
+		let r = M(y, e);
+		if (t === null) {
+			if (r?.required) {
+				Y(e), W(I("required", { field: r.label }));
+				return;
+			}
+			X?.key === e && Z(null), J(ct(q, e), "clear");
+			return;
+		}
+		if (Y(null), !Ze(t)) {
+			if (L === "manual") {
+				J(st(q, e, t), n);
+				return;
+			}
+			let r = q ? q.rules.findIndex((t) => !Qe(t) && t.field === e) : -1;
+			Z({
+				key: e,
+				filter: t,
+				...r === -1 ? {} : { at: r }
+			}), r !== -1 && J(ct(q, e), n);
+			return;
+		}
+		X?.key === e && Z(null), J(st(q, e, t), n);
+	}
+	function zn(e, t, n, r) {
+		let i = t.conditions[0] ?? { operator: n }, a = j(i.operator), o = j(n), s = at(t, 0, {
+			operator: n,
+			...o >= 1 && a >= 1 ? { value: i.value } : {},
+			...o === 2 && a === 2 ? { end: i.end } : {}
+		});
+		Rn(e, s, "pointer"), o > 0 && !Ze(s) && Pn(e);
+	}
+	function Bn(e, t) {
+		if (e.key !== "Delete" && e.key !== "Backspace") return;
+		let n = e.target.closest("[data-part='chip-operator'], [data-part='chip-value'], [data-part='chip-remove']");
+		if (!n || kn || e.defaultPrevented) return;
+		if (e.preventDefault(), M(y, t)?.required) {
+			dn(t, e);
+			return;
+		}
+		let r = [...At.current?.querySelectorAll("[data-part='chip']") ?? []].filter((e) => e.checkVisibility?.() ?? !0), i = n.closest("[data-part='chip']"), a = i ? r.indexOf(i) : -1, o = n.getAttribute("data-part"), s = r[a + 1] ?? r[a - 1];
+		xn.current = s?.querySelector(`[data-part='${o}']`) ?? s?.querySelector("button") ?? At.current?.querySelector("[data-part='add']") ?? null, dn(t, e);
+	}
+	function Vn(e, i, a) {
+		let o = M(y, e), d = o === void 0, f = o?.label ?? e, p = mt(I, o, i), m = a.incomplete === !0 || !Ze(i), h = p.value || I("noValue"), g = I("rule", {
+			condition: p.operands > 0 ? I("condition", {
+				operator: p.operator,
+				value: h
+			}) : p.operator,
+			field: d ? I("unknownField", { field: e }) : f
+		}), ee = m ? I("incomplete", { rule: g }) : g, te = i.conditions[0], ne = o?.operators ?? (o ? $e(o.kind) : []), _ = k ? { "aria-disabled": !0 } : {}, re = v || d, ie = k || d ? /* @__PURE__ */ E("button", {
+			"data-part": "chip-operator",
+			"data-part-chip-operator": "",
+			disabled: v,
+			type: "button",
+			...d ? { "aria-disabled": !0 } : _,
+			children: p.operator
+		}) : /* @__PURE__ */ D(r, { children: [/* @__PURE__ */ E(l, { render: (e) => /* @__PURE__ */ E("button", {
+			...b(e, "part", "chip-operator"),
+			disabled: re,
+			type: "button",
+			children: p.operator
+		}) }), /* @__PURE__ */ E(u, {
+			"aria-label": I("operator"),
+			children: /* @__PURE__ */ E(c, {
+				onValueChange: (t, n) => zn(e, i, t, n.source),
+				value: te?.operator ?? "",
+				children: ne.map((e) => /* @__PURE__ */ E(s, {
+					value: e,
+					children: ft(I, e)
+				}, e))
+			})
+		})] }), le = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+			"data-operator": "",
+			children: p.operator
+		}), /* @__PURE__ */ E("span", {
+			"data-value": "",
+			children: h
+		})] }), de = I("condition", {
+			operator: p.operator,
+			value: p.full || h
+		}), fe = p.full && p.full !== p.value ? p.full : void 0, pe = null;
+		return (p.operands > 0 || m) && (pe = k || !o || jt ? /* @__PURE__ */ E("button", {
+			"aria-haspopup": jt && !k && !d ? "dialog" : void 0,
+			"aria-label": de,
+			"data-part": "chip-value",
+			"data-part-chip-value": "",
+			disabled: v,
+			onClick: (t) => jt && !k && !d ? Dn(e, t) : void 0,
+			title: fe,
+			type: "button",
+			...k || d ? { "aria-disabled": !0 } : {},
+			children: le
+		}) : /* @__PURE__ */ D(se, {
+			onOpenChange: (t) => Pn(t ? e : Nn === e ? null : Nn),
+			open: Nn === e,
+			children: [/* @__PURE__ */ E(oe, { render: (e) => /* @__PURE__ */ E("button", {
+				...b(e, "part", "chip-value"),
+				"aria-haspopup": "dialog",
+				"aria-label": de,
+				disabled: v,
+				title: fe,
+				type: "button",
+				children: le
+			}) }), /* @__PURE__ */ E(ce, { children: /* @__PURE__ */ E(ae, {
+				"aria-label": f,
+				children: /* @__PURE__ */ E(ue, { children: /* @__PURE__ */ E(Ot, {
+					apply: L,
+					current: i,
+					environment: On,
+					field: o,
+					invalid: mn === e,
+					onChange: (t) => Rn(e, t, "keyboard"),
+					onDone: () => {
+						let t = tt(q, e);
+						t && Ze(t) && W(I("rule", {
+							condition: Jt(o, t),
+							field: f
+						}));
+					},
+					queryDelay: _t,
+					withOperator: !1
+				}) })
+			}) })]
+		})), /* @__PURE__ */ D("div", {
+			"aria-label": ee,
+			"data-field": e,
+			"data-operands": p.operands,
+			"data-part": "chip",
+			"data-part-chip": "",
+			onKeyDown: (t) => Bn(t, e),
+			role: "group",
+			...a.pinned ? { "data-pinned": "" } : {},
+			...m ? { "data-incomplete": "" } : {},
+			...a.folded ? { "data-folded": "" } : {},
+			...d || mn === e ? { "data-invalid": "" } : {},
+			children: [
+				/* @__PURE__ */ D("span", {
+					"data-part": "chip-field",
+					"data-part-chip-field": "",
+					children: [/* @__PURE__ */ E(ht, { icon: o?.icon }), /* @__PURE__ */ E("span", { children: f })]
+				}),
+				ie,
+				pe,
+				o?.required || k ? null : /* @__PURE__ */ E("button", {
+					"aria-label": I("remove", { name: f }),
+					"data-part": "chip-remove",
+					"data-part-chip-remove": "",
+					disabled: v,
+					onClick: (t) => dn(e, t),
+					type: "button",
+					children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "x" }) })
+				})
+			]
+		}, e);
+	}
+	function Hn(e, r, i) {
+		let a = `(${Ke(e, qt)})`;
+		return /* @__PURE__ */ D("div", {
+			"aria-label": a,
+			"data-operands": 1,
+			"data-part": "chip",
+			"data-part-chip": "",
+			onKeyDown: (e) => {
+				(e.key === "Delete" || e.key === "Backspace") && !kn && (e.preventDefault(), fn(r, e));
+			},
+			role: "group",
+			...i ? { "data-folded": "" } : {},
+			children: [/* @__PURE__ */ E("button", {
+				"aria-haspopup": "dialog",
+				"data-part": "chip-value",
+				"data-part-chip-value": "",
+				disabled: v,
+				onClick: (e) => k ? void 0 : En("pointer", e, { path: r }),
+				title: a,
+				type: "button",
+				...k ? { "aria-disabled": !0 } : {},
+				children: /* @__PURE__ */ E("span", {
+					"data-value": "",
+					children: a
+				})
+			}), k ? null : /* @__PURE__ */ E("button", {
+				"aria-label": I("remove", { name: a }),
+				"data-part": "chip-remove",
+				"data-part-chip-remove": "",
+				disabled: v,
+				onClick: (e) => fn(r, e),
+				type: "button",
+				children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "x" }) })
+			})]
+		}, `group-${r.join(".")}`);
+	}
+	let $ = [], Un = 0, Wn = () => Un++ >= gt;
+	for (let e of An) {
+		let r = tt(q, e.key);
+		r === void 0 ? X?.key === e.key ? $.push(Vn(e.key, X.filter, {
+			pinned: !0,
+			incomplete: !0,
+			folded: Wn()
+		})) : k || $.push(/* @__PURE__ */ D("button", {
+			"aria-haspopup": "dialog",
+			"data-field": e.key,
+			"data-part": "pill",
+			"data-part-pill": "",
+			disabled: v,
+			onClick: (t) => Ln(e.key, t),
+			type: "button",
+			...mn === e.key ? {
+				"data-invalid": "",
+				"aria-invalid": !0
+			} : {},
+			children: [/* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "plus" }) }), /* @__PURE__ */ E("span", { children: e.label })]
+		}, e.key)) : $.push(Vn(e.key, r, {
+			pinned: !0,
+			folded: Wn()
+		}));
+	}
+	let Gn = X && !jn.has(X.key) && tt(q, X.key) === void 0 ? X : null, Kn = () => Gn ? Vn(Gn.key, Gn.filter, {
+		incomplete: !0,
+		folded: Wn()
+	}) : null, qn = !1;
+	(q?.rules ?? []).forEach((e, t) => {
+		Gn?.at === t && ($.push(Kn()), qn = !0), Qe(e) ? $.push(Hn(e, [t], Wn())) : jn.has(e.field) || $.push(Vn(e.field, e.filter, { folded: Wn() }));
+	}), Gn && !qn && $.push(Kn());
+	let Jn = Un, Yn = Math.max(0, Jn - gt);
+	return /* @__PURE__ */ D("div", {
+		"aria-label": I("bar"),
+		role: "search",
+		...b(P, "part", "root"),
+		"data-apply": L,
+		"data-size": B,
+		"data-ui": "filter-bar",
+		"data-ui-filter-bar": "",
+		ref: H,
+		...v ? { "data-disabled": "" } : {},
+		...k ? { "data-readonly": "" } : {},
+		...x ? { "data-loading": "" } : {},
+		...tn || rn ? { "data-dirty": "" } : {},
+		...Ut ? { "data-open": "" } : {},
+		...ot ? { "data-sticky": "" } : {},
+		children: [/* @__PURE__ */ D("div", {
+			"data-part": "frame",
+			"data-part-frame": "",
+			children: [
+				/* @__PURE__ */ E("div", {
+					"data-part": "search",
+					"data-part-search": "",
+					children: /* @__PURE__ */ E(ie, {
+						"aria-label": I("search"),
+						clearable: !0,
+						disabled: v,
+						end: R ? /* @__PURE__ */ E(de, {
+							size: "sm",
+							children: R
+						}) : void 0,
+						onKeyDown: yn,
+						onValueChange: (e, t) => vn(e, t.reason === "clear" ? "clear" : "keyboard", t.source),
+						placeholder: I("search"),
+						ref: kt,
+						size: B,
+						start: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "search" }) }),
+						type: "search",
+						value: hn ?? en
+					})
+				}),
+				/* @__PURE__ */ D("div", {
+					"aria-label": I("filters"),
+					"data-part": "bar",
+					"data-part-bar": "",
+					ref: At,
+					role: "toolbar",
+					...k ? { "aria-description": I("readOnly") } : {},
+					...Kt ? { "data-revealed": "" } : {},
+					children: [
+						/* @__PURE__ */ E(_, {
+							"aria-haspopup": "dialog",
+							disabled: v,
+							onClick: (e) => En("pointer", e),
+							render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "summary") }),
+							size: B,
+							start: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "funnel" }) }),
+							tone: "secondary",
+							variant: "outline",
+							children: /* @__PURE__ */ E("span", { children: I("summary", { count: Mn }) })
+						}),
+						$,
+						Yn > 0 ? /* @__PURE__ */ E("button", {
+							"aria-expanded": Kt,
+							"data-part": "more",
+							"data-part-more": "",
+							disabled: v,
+							onClick: (e) => $t(!Kt, "pointer", e),
+							type: "button",
+							children: Kt ? I("less") : I("more", { count: Yn })
+						}) : null,
+						k ? null : /* @__PURE__ */ D(r, { children: [/* @__PURE__ */ E(l, { render: (e) => Jn > 0 ? /* @__PURE__ */ E(re, {
+							...e,
+							"aria-label": I("add"),
+							disabled: v || Fn.length === 0,
+							render: (e) => /* @__PURE__ */ E("button", {
+								...b(e, "part", "add"),
+								"data-compact": ""
+							}),
+							shape: "circle",
+							size: B,
+							title: I("add"),
+							tone: "secondary",
+							variant: "outline",
+							children: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "plus" }) })
+						}) : /* @__PURE__ */ E(_, {
+							...e,
+							disabled: v || Fn.length === 0,
+							render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "add") }),
+							size: B,
+							start: /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(t, { name: "plus" }) }),
+							tone: "secondary",
+							variant: "ghost",
+							children: I("add")
+						}) }), /* @__PURE__ */ E(u, {
+							"aria-label": I("add"),
+							children: [...In.entries()].map(([e, t]) => {
+								let n = t.map((e) => /* @__PURE__ */ D(a, {
+									onSelect: (t) => Ln(e.key, t),
+									children: [e.icon ? /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(ht, { icon: e.icon }) }) : null, /* @__PURE__ */ E(o, { children: e.label })]
+								}, e.key));
+								return e === void 0 ? n : /* @__PURE__ */ E(i, {
+									label: e,
+									children: n
+								}, e);
+							})
+						})] }),
+						!k && (Mn > 0 || en !== "" || X) ? /* @__PURE__ */ E(_, {
+							disabled: v,
+							onClick: (e) => un(e),
+							render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "clear") }),
+							size: B,
+							tone: "secondary",
+							variant: "ghost",
+							children: I("clear")
+						}) : null,
+						L === "manual" && !k ? /* @__PURE__ */ D("div", {
+							"data-part": "actions",
+							"data-part-actions": "",
+							children: [/* @__PURE__ */ E(_, {
+								disabled: v || !tn,
+								onClick: ln,
+								render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "reset") }),
+								size: B,
+								tone: "secondary",
+								variant: "ghost",
+								children: I("reset")
+							}), /* @__PURE__ */ E(_, {
+								disabled: v || x || !tn,
+								onClick: (e) => cn(e),
+								render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "apply") }),
+								size: B,
+								children: I("apply")
+							})]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ D("div", {
+					"data-part": "end",
+					"data-part-end": "",
+					children: [O && O.length > 0 ? /* @__PURE__ */ E("div", {
+						"data-part": "preset",
+						"data-part-preset": "",
+						children: /* @__PURE__ */ D(be, {
+							clearable: !0,
+							disabled: v || k,
+							items: O.map((e) => ({
+								label: e.label,
+								value: e.key
+							})),
+							onValueChange: (e, t) => pn(e ?? null, t.source),
+							size: B,
+							value: Bt,
+							children: [/* @__PURE__ */ E(Ce, {
+								"aria-label": I("preset"),
+								children: /* @__PURE__ */ E(we, { placeholder: I("presetNone") })
+							}), /* @__PURE__ */ E(xe, { children: O.map((e) => /* @__PURE__ */ E(Se, {
+								value: e.key,
+								children: e.label
+							}, e.key)) })]
+						})
+					}) : null, fe]
+				}),
+				Sn !== null || x ? /* @__PURE__ */ D("p", {
+					"aria-live": "polite",
+					"data-part": "count",
+					"data-part-count": "",
+					...x ? { "aria-busy": !0 } : {},
+					children: [x ? /* @__PURE__ */ E("span", {
+						"data-ui": "spinner",
+						"data-ui-spinner": "",
+						"data-part": "root",
+						"data-part-root": "",
+						"data-size": "sm",
+						role: "progressbar",
+						"aria-label": I("filters"),
+						children: ne
+					}) : null, Sn]
+				}) : null
+			]
+		}), /* @__PURE__ */ E(te, {
+			container: lt,
+			onOpenChange: (e, t) => {
+				Qt(e, t.reason, t.source);
+			},
+			open: Ut,
+			side: Mt ? "bottom" : "end",
+			size: Mt ? "content" : "xl",
+			children: /* @__PURE__ */ D(g, { children: [
+				/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(p, { children: I("builder") }), /* @__PURE__ */ E(h, {})] }),
+				/* @__PURE__ */ E(ee, { children: /* @__PURE__ */ E("div", {
+					"data-part": "builder",
+					"data-part-builder": "",
+					"data-ui": "filter-bar",
+					"data-ui-filter-bar": "",
+					id: `${bt}builder`,
+					children: /* @__PURE__ */ E(vt, {
+						environment: {
+							...On,
+							apply: () => Xn(),
+							expanded: Cn,
+							onExpandedChange: wn
+						},
+						extra: /* @__PURE__ */ D(T, { children: [Q.value && Dt(Q.value) > 0 ? /* @__PURE__ */ E(_, {
+							onClick: () => Q.set(on()),
+							render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "clear") }),
+							size: "sm",
+							tone: "secondary",
+							variant: "ghost",
+							children: I("clear")
+						}) : null, Le ? /* @__PURE__ */ E(_, {
+							onClick: () => Le(A(Q.value)),
+							render: (e) => /* @__PURE__ */ E("button", { ...b(e, "part", "save-preset") }),
+							size: "sm",
+							tone: "secondary",
+							variant: "ghost",
+							children: I("savePreset")
+						}) : null] }),
+						firstField: y[0],
+						group: Q.value ?? Je(),
+						onRootChange: (e) => Q.set(e),
+						path: [],
+						root: Q.value ?? Je()
+					})
+				}) }),
+				/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(_, {
+					onClick: (e) => Qt(!1, "dismiss", e),
+					size: "sm",
+					tone: "secondary",
+					variant: "ghost",
+					children: I("cancel")
+				}), /* @__PURE__ */ E(_, {
+					onClick: () => Xn(),
+					size: "sm",
+					children: I("apply")
+				})] })
+			] })
+		})]
+	});
+	function Xn() {
+		let e = Q.value, t = sn(e);
+		if (t.length > 0) {
+			let e = t[0];
+			Y(e.key), W(I("required", { field: e.label }));
+			return;
+		}
+		Y(null), J(e, "submit");
+		let n = A(e);
+		W(n ? I("appliedCount", {
+			count: Dt(n),
+			filters: Ke(n, qt)
+		}) : I("cleared")), Qt(!1, "submit");
+	}
+}
+function Et(e, t, n) {
+	let [r, i] = w(t), a = C(!1);
+	return S(() => {
+		e && !a.current && (i(n.current ?? t), n.current = null), a.current = e;
+	}, [
+		e,
+		n,
+		t
+	]), {
+		set: i,
+		value: r
+	};
+}
+function Dt(e) {
+	let t = A(e);
+	if (!t) return 0;
+	let n = 0, r = (e) => {
+		Qe(e) ? e.rules.forEach(r) : n += 1;
+	};
+	return r(t), n;
+}
+function Ot({ current: e, environment: t, field: n, invalid: r, onChange: i, onDone: a, queryDelay: o, withOperator: s = !0 }) {
+	let c = le(), l = () => c.toggle(!1, "dismiss"), [u, d] = w(e ?? N(n)), f = C(null), p = JSON.stringify(e ?? null);
+	S(() => {
+		!f.current && e && d(e);
+	}, [p]), S(() => () => {
+		f.current && clearTimeout(f.current);
+	}, []);
+	function m(e) {
+		if (d(e), f.current && clearTimeout(f.current), n.kind !== "text" && n.kind !== "number" || o === 0) {
+			i(e);
+			return;
+		}
+		f.current = setTimeout(() => {
+			f.current = null, i(e);
+		}, o);
+	}
+	function h() {
+		f.current && (clearTimeout(f.current), f.current = null, i(u)), a(), l();
+	}
+	let g = u.conditions[0] ?? { operator: n.defaultOperator ?? "contains" };
+	return /* @__PURE__ */ D("div", {
+		"data-kind": n.kind,
+		"data-part": "rule",
+		"data-part-rule": "",
+		"data-ui": "filter-bar",
+		"data-ui-filter-bar": "",
+		...r ? { "data-invalid": "" } : {},
+		children: [/* @__PURE__ */ E(_t, {
+			condition: g,
+			environment: {
+				...t,
+				apply: h
+			},
+			field: n,
+			invalid: r,
+			withOperator: s,
+			onConditionChange: (e) => m({
+				...u,
+				conditions: [e]
+			})
+		}), /* @__PURE__ */ D("div", {
+			"data-part": "actions",
+			"data-part-actions": "",
+			children: [/* @__PURE__ */ E(_, {
+				disabled: n.required === !0,
+				onClick: () => {
+					f.current && clearTimeout(f.current), d(N(n)), i(null), l();
+				},
+				size: "sm",
+				tone: "secondary",
+				variant: "ghost",
+				children: t.t("clearRule")
+			}), /* @__PURE__ */ E(_, {
+				onClick: h,
+				size: "sm",
+				children: t.t("done")
+			})]
+		})]
+	});
+}
+//#endregion
+export { ut as i, H as n, dt as r, z as t };