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

package/dist/table-CzBIw9ng.js

@@ -0,0 +1,970 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { n as r } from "./icon-button-TnvMhK4o.js";
+import { a as i, i as a, n as o, r as s } from "./tooltip-BggqPDcW.js";
+import { t as c } from "./checkbox-CwUOc-3u.js";
+import { i as l } from "./skeleton-2LSpg84Z.js";
+import { t as u } from "./text-field-BktZbmzD.js";
+import { a as d, d as f, f as p, l as m } from "./popover-DE22lSpV.js";
+import { t as h } from "./visually-hidden-CE6u5JLW.js";
+import { t as g } from "./date-picker-DQ5SIhdA.js";
+import { t as _ } from "./date-range-picker-lpB08hK_.js";
+import { t as ee } from "./datetime-picker-0F0kDW-8.js";
+import { t as te } from "./datetime-range-picker-ClnEleth.js";
+import { t as ne } from "./number-field-J_koud1r.js";
+import { c as re, i as ie, n as ae, o as oe, s as v } from "./select-UTwKjheK.js";
+import { t as y } from "./time-picker-DuT1tf5-.js";
+import { t as se } from "./time-range-picker-HwBvrrXN.js";
+import { n as ce, t as b } from "./radio-group-BFpjhDkV.js";
+import { t as x } from "./tags-input-DLdHLWrH.js";
+import { createControllable as le } from "@slotted/core/state";
+import { createContext as S, useCallback as C, useContext as w, useEffect as ue, useId as de, useImperativeHandle as T, useMemo as E, useRef as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { createScrollAffordance as M } from "@slotted/core/overflow";
+import { tableMessages as fe } from "@slotted/core/i18n";
+import { getLiveAnnouncer as pe } from "@slotted/core/live-announcer";
+import { isPlainDate as me, isPlainDateTime as he, isPlainTime as N, parseISODate as ge, parseISODateTime as P, parseISOTime as F, toISODate as I, toISOTime as _e } from "@slotted/core/date";
+import { createFilter as L, nextSelection as ve } from "@slotted/core/collection";
+import { defaultOperator as ye, describeFilter as R, emptyFilter as be, isConditionActive as z, isFilterActive as xe, normalizeFilter as Se, operandCount as B, operatorsFor as Ce, serializeFilter as V, withCondition as we, withJoin as Te } from "@slotted/core/filter";
+//#region src/table/table-defaults.tsx
+var H = S({});
+function U() {
+	return w(H);
+}
+function Ee({ children: e, ...t }) {
+	let n = U();
+	return /* @__PURE__ */ A(H.Provider, {
+		value: {
+			cellAlign: t.cellAlign ?? n.cellAlign,
+			columns: t.columns ?? n.columns,
+			layout: t.layout ?? n.layout,
+			selectionMode: t.selectionMode ?? n.selectionMode,
+			stickyFooter: t.stickyFooter ?? n.stickyFooter,
+			stickyHeader: t.stickyHeader ?? n.stickyHeader,
+			stickyTo: t.stickyTo ?? n.stickyTo,
+			striped: t.striped ?? n.striped,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/table/table.tsx
+var W = "[data-part=\"body\"] > [data-part=\"row\"][data-value]", G = S(void 0);
+function K() {
+	let e = w(G);
+	if (e === void 0) throw Error("Every Table part must be rendered inside Table.");
+	return e;
+}
+function De() {
+	return w(G);
+}
+function Oe({ children: e, columns: t, defaultExpanded: r, defaultSort: i, defaultValue: a, expanded: o, layout: s, loading: c, messages: l, onExpandedChange: u, onSortChange: d, onValueChange: f, ref: p, render: m, selectionMode: h, sort: g, cellAlign: _, stickyFooter: ee, stickyHeader: te, stickyTo: ne, striped: re, value: ie, variant: ae, ...oe }) {
+	let v = U(), y = n(fe, l), se = de(), [ce, b] = O(i ?? null), [x, S] = O(a ?? []), [w, ue] = O(r ?? []), T = D(null), E = D(void 0), k = g === void 0 ? ce : g, j = ie ?? x, M = o ?? w, me = t ?? v.columns ?? 1, he = s ?? v.layout ?? "auto", N = h ?? v.selectionMode ?? "none", ge = (te ?? v.stickyHeader ?? !1) === !0, P = (ee ?? v.stickyFooter ?? !1) === !0, F = _ ?? v.cellAlign ?? "center", I = ne ?? v.stickyTo ?? "scroll", _e = (re ?? v.striped ?? !1) === !0, L = ae ?? v.variant ?? "ruled", ye = C((e) => {
+		T.current = e, typeof p == "function" ? p(e) : p != null && (p.current = e);
+	}, [p]), R = C(() => [...T.current?.querySelectorAll("[data-part=\"body\"] > [data-part=\"row\"][data-value]") ?? []].filter((e) => !e.hasAttribute("data-disabled")).map((e) => e.getAttribute("data-value") ?? ""), []);
+	function be(e, t, n) {
+		le({
+			controlled: ie,
+			initial: j,
+			equals: (e, t) => e.length === t.length && e.every((e, n) => e === t[n]),
+			onRequest: (e) => f?.(e.value, e)
+		}).request(e, t, n) && S(e);
+	}
+	let z = {
+		columns: me,
+		expanded: M,
+		id: se,
+		isExpanded: (e) => M.includes(e),
+		isSelected: (e) => j.includes(e),
+		loading: c === !0,
+		rows: R,
+		requestSort(e, t) {
+			let n = k?.column === e ? k.direction === "ascending" ? {
+				column: e,
+				direction: "descending"
+			} : null : {
+				column: e,
+				direction: "ascending"
+			}, r = le({
+				controlled: g,
+				initial: k,
+				equals: (e, t) => e?.column === t?.column && e?.direction === t?.direction,
+				onRequest: (e) => d?.(e.value, e)
+			}), i = n === null ? "clear" : "pointer", a = r.request(n, i, t), o = t?.currentTarget?.textContent?.trim() ?? e, s = n === null ? y("sortCleared", { column: o }) : n.direction === "ascending" ? y("sortedAscending", { column: o }) : y("sortedDescending", { column: o });
+			pe(T.current?.ownerDocument).announce(s), a && b(n);
+		},
+		selectionMode: N,
+		sort: k,
+		stickyTo: I,
+		toggleExpanded(e, t) {
+			let n = M.includes(e) ? M.filter((t) => t !== e) : [...M, e];
+			le({
+				controlled: o,
+				initial: M,
+				equals: (e, t) => e.length === t.length && e.every((e, n) => e === t[n]),
+				onRequest: (e) => u?.(e.value, e)
+			}).request(n, "pointer", t) && ue(n);
+		},
+		toggleSelected(e, { range: t, source: n }) {
+			let r = ve({
+				action: t && N === "multiple" ? "range" : "toggle",
+				anchor: E.current,
+				behavior: "toggle",
+				key: e,
+				keys: R(),
+				mode: N,
+				selected: j
+			});
+			t || (E.current = e), be(r.selected, t ? "select" : "pointer", n);
+		},
+		toggleSelectAll(e) {
+			let t = ve({
+				action: "all",
+				keys: R(),
+				mode: N,
+				selected: j
+			});
+			be(t.selected, t.selected.length === 0 ? "clear" : "select", e);
+		},
+		t: y,
+		value: j
+	}, xe = {
+		...oe,
+		children: e,
+		"data-cell-align": F,
+		"data-layout": he,
+		...c === !0 ? { "data-loading": "" } : {},
+		"data-part": "root",
+		...ge ? { "data-sticky-header": "" } : {},
+		...P ? { "data-sticky-footer": "" } : {},
+		"data-sticky-to": I,
+		..._e ? { "data-striped": "" } : {},
+		"data-ui": "table",
+		"data-variant": L,
+		ref: ye
+	};
+	return /* @__PURE__ */ A(G.Provider, {
+		value: z,
+		children: m === void 0 ? /* @__PURE__ */ A("div", { ...xe }) : m(xe)
+	});
+}
+//#endregion
+//#region src/table/table-content.tsx
+function q({ children: e, handleRef: t, ref: n, scrollLabelledBy: r, scrollProps: i, totalRowCount: a, ...o }) {
+	let s = K(), [c, l] = O(null), [u, d] = O({
+		overflowing: !1,
+		atStart: !0,
+		atEnd: !0
+	}), f = D(null), { ref: p, ...m } = i ?? {}, h = C((e) => {
+		l(e), typeof p == "function" ? p(e) : p != null && (p.current = e);
+	}, [p]);
+	ue(() => {
+		if (c === null || s.stickyTo === "page") return;
+		let e = M(c, { onChange: d });
+		return f.current = e, d(e.state()), () => {
+			e.destroy(), f.current = null;
+		};
+	}, [c, s.stickyTo]), T(t, () => ({
+		overflowing: () => f.current?.state().overflowing ?? !1,
+		refresh: () => f.current?.refresh(),
+		scrollToRow: (e) => {
+			let t = c?.querySelector(`[data-part="row"][data-value="${CSS.escape(e)}"]`);
+			t != null && f.current?.reveal(t);
+		}
+	}), [c]);
+	let g = {
+		...m,
+		"data-part": "scroll",
+		ref: h
+	};
+	return u.overflowing && (g["data-overflowing"] = "", u.atStart && (g["data-at-start"] = ""), u.atEnd && (g["data-at-end"] = ""), g.role = m.role ?? "region", g.tabIndex = m.tabIndex ?? 0, r === void 0 ? m["aria-label"] === void 0 && (g["aria-label"] = s.t("scroll")) : g["aria-labelledby"] = r), /* @__PURE__ */ A("div", {
+		...g,
+		children: /* @__PURE__ */ A("table", {
+			...o,
+			...a === void 0 ? {} : { "aria-rowcount": a },
+			...s.loading ? { "aria-busy": !0 } : {},
+			"data-part": "table",
+			ref: n,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/table/table-parts.tsx
+var ke = S(void 0), Ae = S(void 0);
+function je() {
+	return w(Ae);
+}
+function Me() {
+	let e = w(ke);
+	if (e === void 0) throw Error("TableSelect, TableExpander and TableRowHeader belong inside TableRow.");
+	return e;
+}
+function J({ align: e, blockAlign: t, numeric: n, sticky: r, stickyOffset: i, text: a }, o) {
+	return {
+		...e === void 0 ? {} : { "data-align": e },
+		...t === void 0 ? {} : { "data-block-align": t },
+		...n === !0 ? { "data-numeric": "" } : {},
+		...r === void 0 ? {} : { "data-sticky": r },
+		...a === void 0 ? {} : { "data-text": a },
+		...i === void 0 && o === void 0 ? {} : { style: {
+			...o,
+			...i === void 0 ? {} : { "--slotted-table-sticky-inset": i }
+		} }
+	};
+}
+function Ne({ ref: e, ...t }) {
+	return /* @__PURE__ */ A("caption", {
+		...t,
+		"data-part": "caption",
+		ref: e
+	});
+}
+function Pe({ ref: e, ...t }) {
+	return /* @__PURE__ */ A("thead", {
+		...t,
+		"data-part": "head",
+		ref: e
+	});
+}
+function Fe({ ref: e, ...t }) {
+	return /* @__PURE__ */ A("tbody", {
+		...t,
+		"data-part": "body",
+		ref: e
+	});
+}
+function Ie({ ref: e, ...t }) {
+	return /* @__PURE__ */ A("tfoot", {
+		...t,
+		"data-part": "summary",
+		ref: e
+	});
+}
+function Le({ ref: e, ...t }) {
+	return /* @__PURE__ */ A("div", {
+		...t,
+		"data-part": "footer",
+		ref: e
+	});
+}
+function Re({ children: e, disabled: t, ref: n, render: r, rowIndex: i, value: a, ...o }) {
+	let s = K(), c = a !== void 0 && s.isSelected(a), l = a !== void 0 && s.isExpanded(a), u = {
+		...o,
+		children: e,
+		...t === !0 ? { "data-disabled": "" } : {},
+		...l ? { "data-expanded": "" } : {},
+		"data-part": "row",
+		...c ? { "data-selected": "" } : {},
+		...a === void 0 ? {} : { "data-value": a },
+		...i === void 0 ? {} : { "aria-rowindex": i }
+	}, d = {
+		detailId: `${s.id}detail${a ?? ""}`,
+		disabled: t === !0,
+		expanded: l,
+		selected: c,
+		value: a
+	};
+	return /* @__PURE__ */ A(ke.Provider, {
+		value: d,
+		children: r === void 0 ? /* @__PURE__ */ A("tr", {
+			...u,
+			ref: n
+		}) : r(u)
+	});
+}
+function ze(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function Be({ header: e }) {
+	return /* @__PURE__ */ A(k, { children: (e.current?.textContent ?? "").trim() });
+}
+function Ve({ align: e, blockAlign: t, children: n, column: r, numeric: c, ref: l, scope: u, sticky: d, stickyOffset: f, style: p, text: m, ...h }) {
+	let g = K(), _ = D(null), ee = r !== void 0 && g.sort?.column === r, te = {
+		...h,
+		...J({
+			align: e,
+			blockAlign: t,
+			numeric: c,
+			sticky: d,
+			stickyOffset: f,
+			text: m
+		}, p),
+		...ee ? { "aria-sort": g.sort?.direction } : {},
+		children: n,
+		"data-part": "column-header",
+		scope: u ?? "col"
+	};
+	return /* @__PURE__ */ A(Ae.Provider, {
+		value: r,
+		children: /* @__PURE__ */ j(i, {
+			describes: "none",
+			openOn: "hover",
+			side: "bottom",
+			whenClipped: !0,
+			children: [/* @__PURE__ */ A(a, {
+				...te,
+				render: (e) => /* @__PURE__ */ A("th", {
+					...e,
+					ref: (t) => {
+						e.ref?.(t), _.current = t, ze(t, l);
+					}
+				})
+			}), /* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(o, { children: /* @__PURE__ */ A(Be, { header: _ }) }) })]
+		})
+	});
+}
+function He({ align: e, blockAlign: t, numeric: n, ref: r, scope: i, sticky: a, stickyOffset: o, style: s, text: c, ...l }) {
+	return /* @__PURE__ */ A("th", {
+		...l,
+		...J({
+			align: e,
+			blockAlign: t,
+			numeric: n,
+			sticky: a,
+			stickyOffset: o,
+			text: c
+		}, s),
+		"data-part": "row-header",
+		ref: r,
+		scope: i ?? "row"
+	});
+}
+function Ue({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffset: a, style: o, text: s, ...c }) {
+	return /* @__PURE__ */ A("td", {
+		...c,
+		...J({
+			align: e,
+			blockAlign: t,
+			numeric: n,
+			sticky: i,
+			stickyOffset: a,
+			text: s
+		}, o),
+		"data-part": "cell",
+		ref: r
+	});
+}
+function We({ children: n, column: r, onClick: i, ref: a, render: o, ...s }) {
+	let c = K(), l = w(Ae), u = r ?? l;
+	function d(e) {
+		i?.(e), !(e.defaultPrevented || u === void 0) && c.requestSort(u, e);
+	}
+	let f = {
+		...s,
+		children: /* @__PURE__ */ j(k, { children: [n, /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-down" }) })] }),
+		"data-part": "sort",
+		onClick: d,
+		type: "button"
+	};
+	return o === void 0 ? /* @__PURE__ */ A("button", {
+		...f,
+		ref: a
+	}) : o(f);
+}
+function Ge({ ref: e, ...t }) {
+	return /* @__PURE__ */ A("span", {
+		...t,
+		"data-part": "column-actions",
+		ref: e
+	});
+}
+function Ke({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffset: a, style: o, text: s, value: l, ...u }) {
+	let d = K(), f = Me(), p = l ?? f.value;
+	return /* @__PURE__ */ A("td", {
+		...u,
+		...J({
+			align: e,
+			blockAlign: t,
+			numeric: n,
+			sticky: i,
+			stickyOffset: a,
+			text: s
+		}, o),
+		"data-part": "selection",
+		ref: r,
+		children: /* @__PURE__ */ A(c, {
+			checked: p !== void 0 && d.isSelected(p),
+			disabled: f.disabled,
+			onCheckedChange: (e, t) => {
+				if (p === void 0) return;
+				let n = t.source;
+				d.toggleSelected(p, {
+					range: n?.shiftKey === !0,
+					source: t.source
+				});
+			},
+			children: /* @__PURE__ */ A(h, { children: d.t("selectRow", { row: p ?? "" }).trim() })
+		})
+	});
+}
+function qe({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffset: a, style: o, text: s, ...l }) {
+	let u = K(), d = u.value.length;
+	return /* @__PURE__ */ A("th", {
+		...l,
+		...J({
+			align: e,
+			blockAlign: t,
+			numeric: n,
+			sticky: i,
+			stickyOffset: a,
+			text: s
+		}, o),
+		"data-part": "selection",
+		ref: r,
+		scope: "col",
+		children: /* @__PURE__ */ A(c, {
+			checked: d > 0 && d === u.rows().length,
+			indeterminate: d > 0 && d < u.rows().length,
+			onCheckedChange: (e, t) => u.toggleSelectAll(t.source),
+			children: /* @__PURE__ */ A(h, { children: u.t("selectAll", { count: d }) })
+		})
+	});
+}
+function Je({ onClick: n, ref: r, value: i, ...a }) {
+	let o = K(), s = Me(), c = i ?? s.value, l = c !== void 0 && o.isExpanded(c);
+	function u(e) {
+		n?.(e), !(e.defaultPrevented || c === void 0) && o.toggleExpanded(c, e);
+	}
+	return /* @__PURE__ */ A("button", {
+		...a,
+		"aria-controls": l ? s.detailId : void 0,
+		"aria-expanded": l,
+		"aria-label": a["aria-label"] ?? (l ? o.t("collapse") : o.t("expand")),
+		children: a.children ?? /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-right" }) }),
+		"data-part": "expander",
+		onClick: u,
+		ref: r,
+		type: "button"
+	});
+}
+function Ye({ children: e, colSpan: t, ref: n, value: r, ...i }) {
+	let a = K();
+	return a.isExpanded(r) ? /* @__PURE__ */ A("tr", {
+		...i,
+		"data-part": "detail",
+		id: `${a.id}detail${r}`,
+		ref: n,
+		children: /* @__PURE__ */ A("td", {
+			colSpan: t ?? a.columns,
+			"data-part": "cell",
+			children: e
+		})
+	}) : null;
+}
+function Xe({ colSpan: e, ref: t, ...n }) {
+	let r = K();
+	return /* @__PURE__ */ A("td", {
+		...n,
+		colSpan: e ?? r.columns,
+		"data-part": "empty",
+		ref: t
+	});
+}
+function Ze({ children: e, ref: t, skeletonRows: n, ...r }) {
+	let i = K();
+	return /* @__PURE__ */ A("tbody", {
+		...r,
+		"aria-hidden": !0,
+		"data-part": "loader",
+		ref: t,
+		children: e ?? Array.from({ length: n ?? 5 }, (e, t) => /* @__PURE__ */ A("tr", {
+			"data-part": "row",
+			children: Array.from({ length: i.columns }, (e, t) => /* @__PURE__ */ A("td", {
+				"data-part": "cell",
+				children: /* @__PURE__ */ A(l, {
+					inlineSize: "100%",
+					loading: !0
+				})
+			}, t))
+		}, t))
+	});
+}
+//#endregion
+//#region src/table/table-filter.tsx
+function Qe() {
+	return /* @__PURE__ */ A("svg", {
+		"aria-hidden": "true",
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ A("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" })
+	});
+}
+function $e(e, t) {
+	return V(e) === V(t);
+}
+function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOperand: o, singleCondition: s }) {
+	let { align: c, collisionPadding: l, columnLabel: u, conditions: h = 2, defaultOpen: g, defaultOperator: _, defaultValue: ee, label: te, mount: ne, onOpenChange: y, onValueChange: se, open: x, portal: S, renderOperand: C, side: w, sideOffset: ue, value: T } = a, E = K(), M = je(), fe = de(), [me, he] = O(ee ?? null), N = T === void 0 ? me : T, ge = _ ?? ye(t), P = () => be(t, ge), [F, I] = O(N ?? P()), [_e, L] = O(!1), ve = x ?? _e, Ce = D(null), V = E.t, H = u ?? M ?? "", U = xe(N), Ee = s ? 1 : h;
+	function W(e) {
+		pe(Ce.current?.ownerDocument).announce(e);
+	}
+	let G = {
+		join: (e) => V(`filterJoins.${e}`),
+		operator: (e) => V(`filterOperators.${e}`)
+	};
+	function De(e, t, n) {
+		le({
+			controlled: T,
+			initial: N,
+			equals: $e,
+			onRequest: (e) => se?.(e.value, e)
+		}).request(e, t, n) && he(e);
+	}
+	function Oe(e, t) {
+		x === void 0 && L(e), y?.(e, t), I(N ?? P());
+	}
+	let q = (e) => F.conditions[e] ?? { operator: ge }, ke = q(0), Ae = Ee === 2 && z(t, ke);
+	function Me(e, t) {
+		let n = q(e), r = B(n.operator), i = B(t), a = {
+			operator: t,
+			...i >= 1 && r >= 1 ? { value: n.value } : {},
+			...i === 2 && r === 2 ? { end: n.end } : {}
+		};
+		I(we(F, e, a)), i !== r && W(V("filterOperands", {
+			operator: G.operator(t),
+			count: i
+		}));
+	}
+	function J(e, n, r) {
+		let i = q(e), a = z(t, i), o = n === 0 ? {
+			...i,
+			value: r
+		} : {
+			...i,
+			end: r
+		};
+		I(we(F, e, o)), e === 0 && Ee === 2 && !a && z(t, o) && W(V("filterConditionAdded"));
+	}
+	function Ne(e, n, r) {
+		let i = q(e), a = z(t, i), o = {
+			...i,
+			value: n,
+			end: r
+		};
+		I(we(F, e, o)), e === 0 && Ee === 2 && !a && z(t, o) && W(V("filterConditionAdded"));
+	}
+	function Pe(e, t) {
+		let n = Se(F);
+		De(n, t, e), W(n ? V("filterApplied", {
+			column: H,
+			filter: R(n, G)
+		}) : V("filterCleared", { column: H })), x === void 0 && L(!1), y?.(!1, e);
+	}
+	function Fe(e) {
+		I(P()), W(V("filterCleared", { column: H })), De(null, "clear", e), x === void 0 && L(!1), y?.(!1, e);
+	}
+	let Ie = te ?? (U ? V("filterApplied", {
+		column: H,
+		filter: R(N, G)
+	}) : V("filterColumn", { column: H }).trim());
+	function Le(r) {
+		let a = q(r), s = B(a.operator), c = (e) => ({
+			apply: () => Pe(null, "keyboard"),
+			index: e,
+			label: V(s === 2 ? e === 0 ? "filterFrom" : "filterTo" : "filterValue"),
+			onValueChange: (t) => J(r, e, t),
+			operator: a.operator,
+			value: (e === 0 ? a.value : a.end) ?? null
+		});
+		return /* @__PURE__ */ j("div", {
+			"data-operands": s,
+			"data-part": "filter-condition",
+			children: [/* @__PURE__ */ A("div", {
+				"data-part": "filter-operator",
+				children: /* @__PURE__ */ j(re, {
+					fullWidth: !0,
+					items: i.map((e) => ({
+						label: G.operator(e),
+						value: e
+					})),
+					onValueChange: (e) => Me(r, e),
+					size: "sm",
+					value: a.operator,
+					children: [/* @__PURE__ */ A(oe, {
+						"aria-label": V("filterOperator"),
+						children: /* @__PURE__ */ A(v, {})
+					}), /* @__PURE__ */ A(ie, { children: i.map((e) => /* @__PURE__ */ A(ae, {
+						value: e,
+						children: G.operator(e)
+					}, e)) })]
+				})
+			}), s === 0 ? null : /* @__PURE__ */ A("div", {
+				"data-kind": t,
+				"data-part": "filter-operand",
+				...n === void 0 || C ? {} : { "data-operand": n },
+				...o && s === 2 && !C ? { "data-range": "" } : {},
+				children: C ? Array.from({ length: s }, (e, t) => C(c(t))) : e({
+					announce: W,
+					apply: () => Pe(null, "keyboard"),
+					condition: a,
+					setOperand: (e, t) => J(r, e, t),
+					setOperands: (e, t) => Ne(r, e, t),
+					t: V
+				})
+			})]
+		}, r);
+	}
+	return /* @__PURE__ */ j(p, {
+		onOpenChange: (e, t) => Oe(e, t),
+		open: ve,
+		...c === void 0 ? {} : { align: c },
+		...l === void 0 ? {} : { collisionPadding: l },
+		...g === void 0 ? {} : { defaultOpen: g },
+		...ne === void 0 ? {} : { mount: ne },
+		...S === void 0 ? {} : { portal: S },
+		...w === void 0 ? {} : { side: w },
+		...ue === void 0 ? {} : { sideOffset: ue },
+		children: [/* @__PURE__ */ A(f, { render: (e) => /* @__PURE__ */ A("button", {
+			...e,
+			"aria-label": Ie,
+			"data-part": "filter",
+			...U ? { "data-filtered": "" } : {},
+			type: "button",
+			children: /* @__PURE__ */ A(Qe, {})
+		}) }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A(d, {
+			"aria-label": Ie,
+			children: /* @__PURE__ */ j("div", {
+				"data-kind": t,
+				"data-part": "filter-panel",
+				"data-ui": "table",
+				id: fe,
+				ref: Ce,
+				children: [
+					Le(0),
+					Ae ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+						"data-part": "filter-join",
+						children: [/* @__PURE__ */ A("span", {
+							"data-label": "",
+							children: V("filterJoin")
+						}), /* @__PURE__ */ j(ce, {
+							"aria-label": V("filterJoin"),
+							onValueChange: (e) => I(Te(F, e)),
+							orientation: "horizontal",
+							size: "sm",
+							value: F.join,
+							children: [/* @__PURE__ */ A(b, {
+								value: "and",
+								children: G.join("and")
+							}), /* @__PURE__ */ A(b, {
+								value: "or",
+								children: G.join("or")
+							})]
+						})]
+					}), Le(1)] }) : null,
+					/* @__PURE__ */ j("div", {
+						"data-part": "filter-actions",
+						children: [/* @__PURE__ */ A(r, {
+							disabled: !xe(F),
+							onClick: (e) => Fe(e),
+							size: "sm",
+							tone: "secondary",
+							variant: "ghost",
+							children: V("filterClear")
+						}), /* @__PURE__ */ A(r, {
+							onClick: (e) => Pe(e, "pointer"),
+							size: "sm",
+							children: V("filterApply")
+						})]
+					})
+				]
+			})
+		}) })]
+	});
+}
+function X(e) {
+	return (t) => {
+		t.key === "Enter" && !t.defaultPrevented && e();
+	};
+}
+function Z(e, t) {
+	return t ?? Ce(e);
+}
+function et(e) {
+	return /* @__PURE__ */ A(Y, {
+		body: ({ apply: e, condition: t, setOperand: n, t: r }) => /* @__PURE__ */ A(u, {
+			"aria-label": r("filterValue"),
+			onChange: (e) => n(0, e.target.value),
+			onKeyDown: X(e),
+			placeholder: r("filterValue"),
+			size: "sm",
+			value: t.value ?? ""
+		}),
+		kind: "text",
+		operators: Z("text", e.operators),
+		props: e,
+		...e.conditions === void 0 ? {} : { conditions: e.conditions }
+	});
+}
+function tt(e) {
+	let { format: t, locale: n, step: r } = e;
+	return /* @__PURE__ */ A(Y, {
+		body: ({ apply: e, condition: i, setOperand: a, t: o }) => /* @__PURE__ */ A(k, { children: [0, 1].slice(0, B(i.operator)).map((s) => /* @__PURE__ */ A(ne, {
+			"aria-label": B(i.operator) === 2 ? o(s === 0 ? "filterFrom" : "filterTo") : o("filterValue"),
+			onKeyDown: X(e),
+			onValueChange: (e) => a(s, e),
+			placeholder: B(i.operator) === 2 ? o(s === 0 ? "filterFrom" : "filterTo") : o("filterValue"),
+			size: "sm",
+			value: (s === 0 ? i.value : i.end) ?? null,
+			...t === void 0 ? {} : { format: t },
+			...n === void 0 ? {} : { locale: n },
+			...r === void 0 ? {} : { step: r }
+		}, s)) }),
+		kind: "number",
+		operators: Z("number", e.operators),
+		props: e,
+		...e.conditions === void 0 ? {} : { conditions: e.conditions }
+	});
+}
+function nt(e) {
+	let { locale: t, max: n, min: r, presets: i } = e, a = (e) => e ? ge(String(e)) : null, o = (e) => me(e) ? I(e) : null;
+	return /* @__PURE__ */ A(Y, {
+		body: ({ apply: e, condition: s, setOperand: c, setOperands: l, t: u }) => B(s.operator) === 2 ? /* @__PURE__ */ A(_, {
+			messages: {
+				end: u("filterTo"),
+				start: u("filterFrom")
+			},
+			onKeyDown: X(e),
+			onValueChange: (e) => l(o(e?.start), o(e?.end)),
+			size: "sm",
+			value: {
+				start: a(s.value),
+				end: a(s.end)
+			},
+			...t === void 0 ? {} : { locale: t },
+			...a(r) ? { min: a(r) } : {},
+			...a(n) ? { max: a(n) } : {},
+			...i === void 0 ? {} : { presets: i }
+		}) : /* @__PURE__ */ A(g, {
+			"aria-label": u("filterValue"),
+			onKeyDown: X(e),
+			onValueChange: (e) => c(0, o(e)),
+			size: "sm",
+			value: a(s.value),
+			...t === void 0 ? {} : { locale: t },
+			...a(r) ? { min: a(r) } : {},
+			...a(n) ? { max: a(n) } : {}
+		}),
+		kind: "date",
+		operators: Z("date", e.operators),
+		props: e,
+		rangeOperand: !0,
+		...e.conditions === void 0 ? {} : { conditions: e.conditions }
+	});
+}
+function Q(e) {
+	if (!e) return null;
+	let t = String(e);
+	return F(/^\d{2}$/.test(t) ? `${t}:00` : t);
+}
+function $(e) {
+	if (!e) return null;
+	let t = String(e);
+	return /^\d{4}-\d{2}-\d{2}$/.test(t) ? P(`${t}T00:00`) : /^\d{4}-\d{2}-\d{2}T\d{2}$/.test(t) ? P(`${t}:00`) : P(t);
+}
+function rt(e) {
+	let { granularity: t, hourCycle: n, locale: r, max: i, min: a, options: o, presets: s, step: c } = e, l = (e) => N(e) ? _e(e, t ?? "minute") : null, u = {
+		...t === void 0 ? {} : { granularity: t },
+		...n === void 0 ? {} : { hourCycle: n },
+		...r === void 0 ? {} : { locale: r },
+		...o === void 0 ? {} : { options: o },
+		...c === void 0 ? {} : { step: c },
+		...Q(a) ? { min: Q(a) } : {},
+		...Q(i) ? { max: Q(i) } : {}
+	};
+	return /* @__PURE__ */ A(Y, {
+		body: ({ apply: e, condition: t, setOperand: n, setOperands: r, t: i }) => B(t.operator) === 2 ? /* @__PURE__ */ A(se, {
+			messages: {
+				start: i("filterFrom"),
+				end: i("filterTo")
+			},
+			onValueChange: (e) => r(l(e?.start), l(e?.end)),
+			size: "sm",
+			value: {
+				start: Q(t.value),
+				end: Q(t.end)
+			},
+			...u,
+			...s === void 0 ? {} : { presets: s }
+		}) : /* @__PURE__ */ A(y, {
+			"aria-label": i("filterValue"),
+			onKeyDown: X(e),
+			onValueChange: (e) => n(0, l(e)),
+			size: "sm",
+			value: Q(t.value),
+			...u
+		}),
+		kind: "time",
+		operators: Z("time", e.operators),
+		props: e,
+		rangeOperand: !0,
+		...e.conditions === void 0 ? {} : { conditions: e.conditions }
+	});
+}
+function it(e) {
+	let { granularity: t, hourCycle: n, locale: r, max: i, min: a, presets: o, step: s, timeZone: c } = e, l = (e) => he(e) ? `${I(e.date)}T${_e(e.time, t ?? "minute")}` : null, u = {
+		...t === void 0 ? {} : { granularity: t },
+		...n === void 0 ? {} : { hourCycle: n },
+		...r === void 0 ? {} : { locale: r },
+		...s === void 0 ? {} : { step: s },
+		...c === void 0 ? {} : { timeZone: c },
+		...$(a) ? { min: $(a) } : {},
+		...$(i) ? { max: $(i) } : {}
+	};
+	return /* @__PURE__ */ A(Y, {
+		body: ({ apply: e, condition: t, setOperand: n, setOperands: r, t: i }) => B(t.operator) === 2 ? /* @__PURE__ */ A(te, {
+			messages: {
+				start: i("filterFrom"),
+				end: i("filterTo")
+			},
+			onValueChange: (e) => r(l(e?.start), l(e?.end)),
+			size: "sm",
+			value: {
+				start: $(t.value),
+				end: $(t.end)
+			},
+			...u,
+			...o === void 0 ? {} : { presets: o }
+		}) : /* @__PURE__ */ A(ee, {
+			"aria-label": i("filterValue"),
+			onKeyDown: X(e),
+			onValueChange: (e) => n(0, l(e)),
+			size: "sm",
+			value: $(t.value),
+			...u
+		}),
+		kind: "datetime",
+		operators: Z("datetime", e.operators),
+		props: e,
+		rangeOperand: !0,
+		...e.conditions === void 0 ? {} : { conditions: e.conditions }
+	});
+}
+function at(e) {
+	return /* @__PURE__ */ A(Y, {
+		body: ({ condition: e, setOperand: t, t: n }) => /* @__PURE__ */ j(ce, {
+			"aria-label": n("filterValue"),
+			onValueChange: (e) => t(0, e === "true"),
+			orientation: "horizontal",
+			size: "sm",
+			value: e.value === void 0 || e.value === null ? "" : String(e.value),
+			children: [/* @__PURE__ */ A(b, {
+				value: "true",
+				children: n("true")
+			}), /* @__PURE__ */ A(b, {
+				value: "false",
+				children: n("false")
+			})]
+		}),
+		kind: "boolean",
+		operators: Z("boolean", e.operators),
+		props: e,
+		...e.conditions === void 0 ? {} : { conditions: e.conditions }
+	});
+}
+function ot(e) {
+	let { operand: t = "list", options: n = [], searchThreshold: r = 8, searchable: i } = e;
+	return /* @__PURE__ */ A(Y, {
+		body: ({ announce: e, apply: a, condition: o, setOperand: s, t: c }) => t === "tags" ? /* @__PURE__ */ A(st, {
+			apply: a,
+			chosen: o.value ?? [],
+			onChange: (e) => s(0, e),
+			options: n,
+			t: c
+		}) : /* @__PURE__ */ A(ct, {
+			announce: e,
+			chosen: o.value ?? [],
+			onChange: (e) => s(0, e),
+			options: n,
+			searchThreshold: r,
+			t: c,
+			...i === void 0 ? {} : { searchable: i }
+		}),
+		kind: "set",
+		operandName: t,
+		operators: Z("set", e.operators),
+		props: e,
+		singleCondition: !0
+	});
+}
+function st({ apply: e, chosen: t, onChange: n, options: r, t: i }) {
+	let a = de(), o = E(() => new Map(r.map((e) => [e.value, e])), [r]), s = r.length > 0;
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(x, {
+		"aria-label": i("filterValue"),
+		formatLabel: (e) => o.get(e)?.label ?? e,
+		fullWidth: !0,
+		onKeyDown: (t) => {
+			t.key === "Enter" && !t.defaultPrevented && t.currentTarget.value === "" && e();
+		},
+		onValueChange: (e) => n(e),
+		size: "sm",
+		value: t,
+		...s ? {
+			invalidValues: "refuse",
+			list: `${a}-options`,
+			validate: (e) => o.has(e)
+		} : {}
+	}), s ? /* @__PURE__ */ A("datalist", {
+		id: `${a}-options`,
+		children: r.map((e) => /* @__PURE__ */ A("option", {
+			value: e.value,
+			children: e.label ?? e.value
+		}, e.value))
+	}) : null] });
+}
+function ct({ announce: e, chosen: t, onChange: n, options: r, searchThreshold: i, searchable: a, t: o }) {
+	let s = de(), [l, d] = O(""), f = E(() => L({ sensitivity: "base" }), []), p = (e) => e === "" ? r : r.filter((t) => f.contains(t.label ?? t.value, e)), m = p(l), h = m.filter((e) => t.includes(e.value)), g = a ?? r.length >= i;
+	return /* @__PURE__ */ j(k, { children: [g ? /* @__PURE__ */ A("div", {
+		"data-part": "filter-search",
+		children: /* @__PURE__ */ A(u, {
+			"aria-controls": `${s}-list`,
+			"aria-label": o("filterSearch"),
+			clearable: !0,
+			onChange: (t) => {
+				let n = t.target.value;
+				d(n), e(o("filterMatches", { count: p(n).length }));
+			},
+			placeholder: o("filterSearch"),
+			size: "sm",
+			value: l
+		})
+	}) : null, m.length === 0 ? /* @__PURE__ */ A("p", {
+		"data-part": "filter-empty",
+		children: o("filterEmpty")
+	}) : /* @__PURE__ */ j("div", {
+		"data-part": "filter-list",
+		id: `${s}-list`,
+		children: [/* @__PURE__ */ j("div", {
+			"data-covering": "",
+			"data-part": "filter-option",
+			children: [/* @__PURE__ */ A(c, {
+				checked: h.length > 0 && h.length === m.length,
+				indeterminate: h.length > 0 && h.length < m.length,
+				onCheckedChange: (e) => {
+					let r = m.map((e) => e.value);
+					n(e ? [.../* @__PURE__ */ new Set([...t, ...r])] : t.filter((e) => !r.includes(e)));
+				},
+				children: o("filterSelectAll")
+			}), /* @__PURE__ */ A("span", {
+				"data-count": "",
+				children: m.length
+			})]
+		}), m.map((e) => /* @__PURE__ */ j("div", {
+			"data-part": "filter-option",
+			children: [/* @__PURE__ */ A(c, {
+				checked: t.includes(e.value),
+				onCheckedChange: (r) => n(r ? [...t, e.value] : t.filter((t) => t !== e.value)),
+				children: e.label ?? e.value
+			}), e.count === void 0 ? null : /* @__PURE__ */ A("span", {
+				"data-count": "",
+				children: e.count
+			})]
+		}, e.value))]
+	})] });
+}
+//#endregion
+export { De as A, We as C, q as D, Me as E, Ee as M, U as N, W as O, qe as S, je as T, Pe as _, ot as a, He as b, Fe as c, Ge as d, Ve as f, Le as g, Je as h, tt as i, K as j, Oe as k, Ne as l, Xe as m, nt as n, et as o, Ye as p, it as r, rt as s, at as t, Ue as u, Ze as v, Ie as w, Ke as x, Re as y };