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

package/dist/table-C8zOHDcY.js

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