@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/filter-bar-b2Q9BZHf.js

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