@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/filter-bar-C9QzKlR7.js

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