@slotted/react 0.1.0-beta.3 → 0.1.0-beta.4

package/dist/{table-Cipi2c5X.js → table-U9eJYCuB.js}

@@ -7,21 +7,21 @@ import { i as l } from "./skeleton-2LSpg84Z.js";
 import { t as u } from "./text-field-DLfIZ0fk.js";
 import { a as d, d as f, f as p, l as m } from "./popover-Be7JWbGJ.js";
 import { t as h } from "./visually-hidden-CE6u5JLW.js";
-import { t as g } from "./date-picker-4X-_2ltN.js";
-import { t as _ } from "./date-range-picker-CNOAtHwU.js";
-import { t as ee } from "./datetime-picker-HDVlUhzy.js";
-import { t as te } from "./datetime-range-picker-IqOFJtdW.js";
+import { t as g } from "./date-picker-D3-y2Jxw.js";
+import { t as _ } from "./date-range-picker-y3b82Wmf.js";
+import { t as ee } from "./datetime-picker-CIRHVLQp.js";
+import { t as te } from "./datetime-range-picker-DM-1m98z.js";
 import { t as ne } from "./number-field-BFIAmv-z.js";
-import { c as re, i as ie, n as ae, o as oe, s as v } from "./select-DOFqPy26.js";
-import { t as y } from "./time-picker-CRQsMJbQ.js";
-import { t as se } from "./time-range-picker-DlZJsj1e.js";
+import { c as re, i as ie, n as ae, o as oe, s as se } from "./select-M7Io4UL9.js";
+import { t as v } from "./time-picker-CRQsMJbQ.js";
+import { t as y } from "./time-range-picker-DlZJsj1e.js";
 import { n as ce, t as b } from "./radio-group-BaVIP9UH.js";
 import { t as x } from "./tags-input-CcOkm0AW.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 { isRowAction as fe } from "@slotted/core/pointer-intent";
+import { createContext as S, useCallback as C, useContext as w, useEffect as ue, useId as de, useImperativeHandle as T, useMemo as E, useRef as fe, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { createScrollAffordance as j } from "@slotted/core/overflow";
+import { isRowAction as M } from "@slotted/core/pointer-intent";
 import { tableMessages as pe } from "@slotted/core/i18n";
 import { getLiveAnnouncer as me } from "@slotted/core/live-announcer";
 import { isPlainDate as he, isPlainDateTime as N, isPlainTime as ge, parseISODate as P, parseISODateTime as F, parseISOTime as I, toISODate as _e, toISOTime as L } from "@slotted/core/date";
@@ -34,10 +34,11 @@ function H() {
 }
 function U({ children: e, ...t }) {
 	let n = H();
-	return /* @__PURE__ */ A(De.Provider, {
+	return /* @__PURE__ */ k(De.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,
@@ -60,109 +61,110 @@ function K() {
 function Oe() {
 	return w(G);
 }
-function q({ 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 = H(), y = n(pe, 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, fe = 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", ve = C((e) => {
-		T.current = e, typeof p == "function" ? p(e) : p != null && (p.current = e);
-	}, [p]), be = 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 xe(e, t, n) {
+function q({ children: e, columns: t, 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 = H(), y = n(pe, u), ce = de(), [b, x] = D(i ?? null), [S, w] = D(a ?? []), [ue, T] = D(r ?? []), E = fe(null), O = fe(void 0), A = _ === void 0 ? b : _, j = ae ?? S, M = s ?? ue, he = t ?? v.columns ?? 1, N = o ?? v.edges ?? "inset", ge = c ?? v.layout ?? "auto", P = g ?? v.selectionMode ?? "none", F = (ne ?? v.stickyHeader ?? !1) === !0, I = (te ?? v.stickyFooter ?? !1) === !0, _e = ee ?? v.cellAlign ?? "center", L = re ?? v.stickyTo ?? "scroll", ve = (ie ?? v.striped ?? !1) === !0, be = oe ?? v.variant ?? "ruled", xe = C((e) => {
+		E.current = e, typeof m == "function" ? m(e) : m != null && (m.current = e);
+	}, [m]), Se = C(() => [...E.current?.querySelectorAll("[data-part=\"body\"] > [data-part=\"row\"][data-value]") ?? []].filter((e) => !e.hasAttribute("data-disabled")).map((e) => e.getAttribute("data-value") ?? ""), []);
+	function R(e, t, n) {
 		le({
-			controlled: ie,
+			controlled: ae,
 			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);
+			onRequest: (e) => p?.(e.value, e)
+		}).request(e, t, n) && w(e);
 	}
-	let Se = {
-		columns: fe,
+	let Ce = {
+		columns: he,
 		expanded: M,
-		id: se,
+		id: ce,
 		isExpanded: (e) => M.includes(e),
 		isSelected: (e) => j.includes(e),
-		loading: c === !0,
-		rows: be,
+		loading: l === !0,
+		rows: Se,
 		requestSort(e, t) {
-			let n = k?.column === e ? k.direction === "ascending" ? {
+			let n = A?.column === e ? A.direction === "ascending" ? {
 				column: e,
 				direction: "descending"
 			} : null : {
 				column: e,
 				direction: "ascending"
 			}, r = le({
-				controlled: g,
-				initial: k,
+				controlled: _,
+				initial: A,
 				equals: (e, t) => e?.column === t?.column && e?.direction === t?.direction,
-				onRequest: (e) => d?.(e.value, e)
+				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 });
-			me(T.current?.ownerDocument).announce(s), a && b(n);
+			me(E.current?.ownerDocument).announce(s), a && x(n);
 		},
-		selectionMode: N,
-		sort: k,
-		stickyTo: I,
+		selectionMode: P,
+		sort: A,
+		stickyTo: L,
 		toggleExpanded(e, t) {
 			let n = M.includes(e) ? M.filter((t) => t !== e) : [...M, e];
 			le({
-				controlled: o,
+				controlled: s,
 				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);
+				onRequest: (e) => d?.(e.value, e)
+			}).request(n, "pointer", t) && T(n);
 		},
 		toggleSelected(e, { range: t, source: n }) {
 			let r = ye({
-				action: t && N === "multiple" ? "range" : "toggle",
-				anchor: E.current,
+				action: t && P === "multiple" ? "range" : "toggle",
+				anchor: O.current,
 				behavior: "toggle",
 				key: e,
-				keys: be(),
-				mode: N,
+				keys: Se(),
+				mode: P,
 				selected: j
 			});
-			t || (E.current = e), xe(r.selected, t ? "select" : "pointer", n);
+			t || (O.current = e), R(r.selected, t ? "select" : "pointer", n);
 		},
 		toggleSelectAll(e) {
 			let t = ye({
 				action: "all",
-				keys: be(),
-				mode: N,
+				keys: Se(),
+				mode: P,
 				selected: j
 			});
-			xe(t.selected, t.selected.length === 0 ? "clear" : "select", e);
+			R(t.selected, t.selected.length === 0 ? "clear" : "select", e);
 		},
 		t: y,
 		value: j
-	}, R = {
-		...oe,
+	}, we = {
+		...se,
 		children: e,
-		"data-cell-align": F,
-		"data-layout": he,
-		...c === !0 ? { "data-loading": "" } : {},
+		"data-cell-align": _e,
+		"data-edges": N,
+		"data-layout": ge,
+		...l === !0 ? { "data-loading": "" } : {},
 		"data-part": "root",
-		...ge ? { "data-sticky-header": "" } : {},
-		...P ? { "data-sticky-footer": "" } : {},
-		"data-sticky-to": I,
-		..._e ? { "data-striped": "" } : {},
+		...F ? { "data-sticky-header": "" } : {},
+		...I ? { "data-sticky-footer": "" } : {},
+		"data-sticky-to": L,
+		...ve ? { "data-striped": "" } : {},
 		"data-ui": "table",
-		"data-variant": L,
-		ref: ve
+		"data-variant": be,
+		ref: xe
 	};
-	return /* @__PURE__ */ A(G.Provider, {
-		value: Se,
-		children: m === void 0 ? /* @__PURE__ */ A("div", { ...R }) : m(R)
+	return /* @__PURE__ */ k(G.Provider, {
+		value: Ce,
+		children: h === void 0 ? /* @__PURE__ */ k("div", { ...we }) : h(we)
 	});
 }
 //#endregion
 //#region src/table/table-content.tsx
 function ke({ children: e, handleRef: t, ref: n, scrollLabelledBy: r, scrollProps: i, totalRowCount: a, ...o }) {
-	let s = K(), [c, l] = O(null), [u, d] = O({
+	let s = K(), [c, l] = D(null), [u, d] = D({
 		overflowing: !1,
 		atStart: !0,
 		atEnd: !0
-	}), f = D(null), { ref: p, ...m } = i ?? {}, h = C((e) => {
+	}), f = fe(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 });
+		let e = j(c, { onChange: d });
 		return f.current = e, d(e.state()), () => {
 			e.destroy(), f.current = null;
 		};
@@ -179,9 +181,9 @@ function ke({ children: e, handleRef: t, ref: n, scrollLabelledBy: r, scrollProp
 		"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", {
+	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__ */ k("div", {
 		...g,
-		children: /* @__PURE__ */ A("table", {
+		children: /* @__PURE__ */ k("table", {
 			...o,
 			...a === void 0 ? {} : { "aria-rowcount": a },
 			...s.loading ? { "aria-busy": !0 } : {},
@@ -216,35 +218,35 @@ function J({ align: e, blockAlign: t, numeric: n, sticky: r, stickyOffset: i, te
 	};
 }
 function Pe({ ref: e, ...t }) {
-	return /* @__PURE__ */ A("caption", {
+	return /* @__PURE__ */ k("caption", {
 		...t,
 		"data-part": "caption",
 		ref: e
 	});
 }
 function Fe({ ref: e, ...t }) {
-	return /* @__PURE__ */ A("thead", {
+	return /* @__PURE__ */ k("thead", {
 		...t,
 		"data-part": "head",
 		ref: e
 	});
 }
 function Ie({ ref: e, ...t }) {
-	return /* @__PURE__ */ A("tbody", {
+	return /* @__PURE__ */ k("tbody", {
 		...t,
 		"data-part": "body",
 		ref: e
 	});
 }
 function Le({ ref: e, ...t }) {
-	return /* @__PURE__ */ A("tfoot", {
+	return /* @__PURE__ */ k("tfoot", {
 		...t,
 		"data-part": "summary",
 		ref: e
 	});
 }
 function Re({ ref: e, ...t }) {
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ k("div", {
 		...t,
 		"data-part": "footer",
 		ref: e
@@ -252,7 +254,7 @@ function Re({ ref: e, ...t }) {
 }
 function ze({ 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) && fe(e.currentTarget, e.target) && i(e);
+		a?.(e), !(e.defaultPrevented || n === !0) && M(e.currentTarget, e.target) && i(e);
 	}, g = {
 		...u,
 		children: e,
@@ -275,9 +277,9 @@ function ze({ children: e, current: t, disabled: n, interactive: r, onAction: i,
 		selected: f,
 		value: l
 	};
-	return /* @__PURE__ */ A(Ae.Provider, {
+	return /* @__PURE__ */ k(Ae.Provider, {
 		value: _,
-		children: s === void 0 ? /* @__PURE__ */ A("tr", {
+		children: s === void 0 ? /* @__PURE__ */ k("tr", {
 			...g,
 			ref: o
 		}) : s(g)
@@ -287,10 +289,10 @@ function Be(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
 function Ve({ header: e }) {
-	return /* @__PURE__ */ A(k, { children: (e.current?.textContent ?? "").trim() });
+	return /* @__PURE__ */ k(O, { children: (e.current?.textContent ?? "").trim() });
 }
 function He({ 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 = {
+	let g = K(), _ = fe(null), ee = r !== void 0 && g.sort?.column === r, te = {
 		...h,
 		...J({
 			align: e,
@@ -305,27 +307,27 @@ function He({ align: e, blockAlign: t, children: n, column: r, numeric: c, ref:
 		"data-part": "column-header",
 		scope: u ?? "col"
 	};
-	return /* @__PURE__ */ A(je.Provider, {
+	return /* @__PURE__ */ k(je.Provider, {
 		value: r,
-		children: /* @__PURE__ */ j(i, {
+		children: /* @__PURE__ */ A(i, {
 			describes: "none",
 			openOn: "hover",
 			side: "bottom",
 			whenClipped: !0,
-			children: [/* @__PURE__ */ A(a, {
+			children: [/* @__PURE__ */ k(a, {
 				...te,
-				render: (e) => /* @__PURE__ */ A("th", {
+				render: (e) => /* @__PURE__ */ k("th", {
 					...e,
 					ref: (t) => {
 						e.ref?.(t), _.current = t, Be(t, l);
 					}
 				})
-			}), /* @__PURE__ */ A(s, { children: /* @__PURE__ */ A(o, { children: /* @__PURE__ */ A(Ve, { header: _ }) }) })]
+			}), /* @__PURE__ */ k(s, { children: /* @__PURE__ */ k(o, { children: /* @__PURE__ */ k(Ve, { header: _ }) }) })]
 		})
 	});
 }
 function Ue({ align: e, blockAlign: t, numeric: n, ref: r, scope: i, sticky: a, stickyOffset: o, style: s, text: c, ...l }) {
-	return /* @__PURE__ */ A("th", {
+	return /* @__PURE__ */ k("th", {
 		...l,
 		...J({
 			align: e,
@@ -341,7 +343,7 @@ function Ue({ align: e, blockAlign: t, numeric: n, ref: r, scope: i, sticky: a,
 	});
 }
 function We({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffset: a, style: o, text: s, ...c }) {
-	return /* @__PURE__ */ A("td", {
+	return /* @__PURE__ */ k("td", {
 		...c,
 		...J({
 			align: e,
@@ -362,18 +364,18 @@ function Ge({ children: n, column: r, onClick: i, ref: a, render: o, ...s }) {
 	}
 	let f = {
 		...s,
-		children: /* @__PURE__ */ j(k, { children: [n, /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-down" }) })] }),
+		children: /* @__PURE__ */ A(O, { children: [n, /* @__PURE__ */ k(t, { children: /* @__PURE__ */ k(e, { name: "chevron-down" }) })] }),
 		"data-part": "sort",
 		onClick: d,
 		type: "button"
 	};
-	return o === void 0 ? /* @__PURE__ */ A("button", {
+	return o === void 0 ? /* @__PURE__ */ k("button", {
 		...f,
 		ref: a
 	}) : o(f);
 }
 function Ke({ ref: e, ...t }) {
-	return /* @__PURE__ */ A("span", {
+	return /* @__PURE__ */ k("span", {
 		...t,
 		"data-part": "column-actions",
 		ref: e
@@ -381,7 +383,7 @@ function Ke({ ref: e, ...t }) {
 }
 function qe({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffset: a, style: o, text: s, value: l, ...u }) {
 	let d = K(), f = Ne(), p = l ?? f.value;
-	return /* @__PURE__ */ A("td", {
+	return /* @__PURE__ */ k("td", {
 		...u,
 		...J({
 			align: e,
@@ -393,7 +395,7 @@ function qe({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffs
 		}, o),
 		"data-part": "selection",
 		ref: r,
-		children: /* @__PURE__ */ A(c, {
+		children: /* @__PURE__ */ k(c, {
 			checked: p !== void 0 && d.isSelected(p),
 			disabled: f.disabled,
 			onCheckedChange: (e, t) => {
@@ -404,13 +406,13 @@ function qe({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffs
 					source: t.source
 				});
 			},
-			children: /* @__PURE__ */ A(h, { children: d.t("selectRow", { row: p ?? "" }).trim() })
+			children: /* @__PURE__ */ k(h, { children: d.t("selectRow", { row: p ?? "" }).trim() })
 		})
 	});
 }
 function Je({ 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", {
+	return /* @__PURE__ */ k("th", {
 		...l,
 		...J({
 			align: e,
@@ -423,11 +425,11 @@ function Je({ align: e, blockAlign: t, numeric: n, ref: r, sticky: i, stickyOffs
 		"data-part": "selection",
 		ref: r,
 		scope: "col",
-		children: /* @__PURE__ */ A(c, {
+		children: /* @__PURE__ */ k(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 }) })
+			children: /* @__PURE__ */ k(h, { children: u.t("selectAll", { count: d }) })
 		})
 	});
 }
@@ -436,12 +438,12 @@ function Ye({ onClick: n, ref: r, value: i, ...a }) {
 	function u(e) {
 		n?.(e), !(e.defaultPrevented || c === void 0) && o.toggleExpanded(c, e);
 	}
-	return /* @__PURE__ */ A("button", {
+	return /* @__PURE__ */ k("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" }) }),
+		children: a.children ?? /* @__PURE__ */ k(t, { children: /* @__PURE__ */ k(e, { name: "chevron-right" }) }),
 		"data-part": "expander",
 		onClick: u,
 		ref: r,
@@ -450,12 +452,12 @@ function Ye({ onClick: n, ref: r, value: i, ...a }) {
 }
 function Xe({ children: e, colSpan: t, ref: n, value: r, ...i }) {
 	let a = K();
-	return a.isExpanded(r) ? /* @__PURE__ */ A("tr", {
+	return a.isExpanded(r) ? /* @__PURE__ */ k("tr", {
 		...i,
 		"data-part": "detail",
 		id: `${a.id}detail${r}`,
 		ref: n,
-		children: /* @__PURE__ */ A("td", {
+		children: /* @__PURE__ */ k("td", {
 			colSpan: t ?? a.columns,
 			"data-part": "cell",
 			children: e
@@ -464,21 +466,21 @@ function Xe({ children: e, colSpan: t, ref: n, value: r, ...i }) {
 }
 function Ze({ children: e, colSpan: t, end: n, ref: r, sticky: i, ...a }) {
 	let o = K();
-	return /* @__PURE__ */ A("tr", {
+	return /* @__PURE__ */ k("tr", {
 		...a,
 		"data-part": "group-row",
 		...i === !0 ? { "data-sticky": "" } : {},
 		ref: r,
-		children: /* @__PURE__ */ A("th", {
+		children: /* @__PURE__ */ k("th", {
 			colSpan: t ?? o.columns,
 			"data-part": "group-header",
 			scope: "rowgroup",
-			children: /* @__PURE__ */ j("div", {
+			children: /* @__PURE__ */ A("div", {
 				"data-part": "group-content",
-				children: [/* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ k("span", {
 					"data-part": "group-start",
 					children: e
-				}), n == null ? null : /* @__PURE__ */ A("span", {
+				}), n == null ? null : /* @__PURE__ */ k("span", {
 					"data-part": "group-end",
 					children: n
 				})]
@@ -488,7 +490,7 @@ function Ze({ children: e, colSpan: t, end: n, ref: r, sticky: i, ...a }) {
 }
 function Qe({ colSpan: e, ref: t, ...n }) {
 	let r = K();
-	return /* @__PURE__ */ A("td", {
+	return /* @__PURE__ */ k("td", {
 		...n,
 		colSpan: e ?? r.columns,
 		"data-part": "empty",
@@ -497,16 +499,16 @@ function Qe({ colSpan: e, ref: t, ...n }) {
 }
 function $e({ children: e, ref: t, skeletonRows: n, ...r }) {
 	let i = K();
-	return /* @__PURE__ */ A("tbody", {
+	return /* @__PURE__ */ k("tbody", {
 		...r,
 		"aria-hidden": !0,
 		"data-part": "loader",
 		ref: t,
-		children: e ?? Array.from({ length: n ?? 5 }, (e, t) => /* @__PURE__ */ A("tr", {
+		children: e ?? Array.from({ length: n ?? 5 }, (e, t) => /* @__PURE__ */ k("tr", {
 			"data-part": "row",
-			children: Array.from({ length: i.columns }, (e, t) => /* @__PURE__ */ A("td", {
+			children: Array.from({ length: i.columns }, (e, t) => /* @__PURE__ */ k("td", {
 				"data-part": "cell",
-				children: /* @__PURE__ */ A(l, {
+				children: /* @__PURE__ */ k(l, {
 					inlineSize: "100%",
 					loading: !0
 				})
@@ -517,7 +519,7 @@ function $e({ children: e, ref: t, skeletonRows: n, ...r }) {
 //#endregion
 //#region src/table/table-filter.tsx
 function et() {
-	return /* @__PURE__ */ A("svg", {
+	return /* @__PURE__ */ k("svg", {
 		"aria-hidden": "true",
 		fill: "none",
 		stroke: "currentColor",
@@ -525,14 +527,14 @@ function et() {
 		strokeLinejoin: "round",
 		strokeWidth: "2",
 		viewBox: "0 0 24 24",
-		children: /* @__PURE__ */ A("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" })
+		children: /* @__PURE__ */ k("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" })
 	});
 }
 function tt(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 = Me(), fe = de(), [pe, he] = O(ee ?? null), N = T === void 0 ? pe : T, ge = _ ?? be(t), P = () => Se(t, ge), [F, I] = O(N ?? P()), [_e, L] = O(!1), ve = x ?? _e, ye = D(null), B = E.t, V = u ?? M ?? "", De = Ce(N), H = s ? 1 : h;
+	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: C, side: w, sideOffset: ue, value: T } = a, E = K(), j = Me(), M = de(), [pe, he] = D(ee ?? null), N = T === void 0 ? pe : T, ge = _ ?? be(t), P = () => Se(t, ge), [F, I] = D(N ?? P()), [_e, L] = D(!1), ve = x ?? _e, ye = fe(null), B = E.t, V = u ?? j ?? "", De = Ce(N), H = s ? 1 : h;
 	function U(e) {
 		me(ye.current?.ownerDocument).announce(e);
 	}
@@ -545,11 +547,11 @@ function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOper
 			controlled: T,
 			initial: N,
 			equals: tt,
-			onRequest: (e) => se?.(e.value, e)
+			onRequest: (e) => y?.(e.value, e)
 		}).request(e, t, n) && he(e);
 	}
 	function Oe(e, t) {
-		x === void 0 && L(e), y?.(e, t), I(N ?? P());
+		x === void 0 && L(e), v?.(e, t), I(N ?? P());
 	}
 	let q = (e) => F.conditions[e] ?? { operator: ge }, ke = q(0), Ae = H === 2 && R(t, ke);
 	function je(e, t) {
@@ -586,10 +588,10 @@ function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOper
 		G(n, t, e), U(n ? B("filterApplied", {
 			column: V,
 			filter: xe(n, W)
-		}) : B("filterCleared", { column: V })), x === void 0 && L(!1), y?.(!1, e);
+		}) : B("filterCleared", { column: V })), x === void 0 && L(!1), v?.(!1, e);
 	}
 	function Fe(e) {
-		I(P()), U(B("filterCleared", { column: V })), G(null, "clear", e), x === void 0 && L(!1), y?.(!1, e);
+		I(P()), U(B("filterCleared", { column: V })), G(null, "clear", e), x === void 0 && L(!1), v?.(!1, e);
 	}
 	let Ie = te ?? (De ? B("filterApplied", {
 		column: V,
@@ -604,12 +606,12 @@ function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOper
 			operator: a.operator,
 			value: (e === 0 ? a.value : a.end) ?? null
 		});
-		return /* @__PURE__ */ j("div", {
+		return /* @__PURE__ */ A("div", {
 			"data-operands": s,
 			"data-part": "filter-condition",
-			children: [/* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ k("div", {
 				"data-part": "filter-operator",
-				children: /* @__PURE__ */ j(re, {
+				children: /* @__PURE__ */ A(re, {
 					fullWidth: !0,
 					items: i.map((e) => ({
 						label: W.operator(e),
@@ -618,15 +620,15 @@ function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOper
 					onValueChange: (e) => je(r, e),
 					size: "sm",
 					value: a.operator,
-					children: [/* @__PURE__ */ A(oe, {
+					children: [/* @__PURE__ */ k(oe, {
 						"aria-label": B("filterOperator"),
-						children: /* @__PURE__ */ A(v, {})
-					}), /* @__PURE__ */ A(ie, { children: i.map((e) => /* @__PURE__ */ A(ae, {
+						children: /* @__PURE__ */ k(se, {})
+					}), /* @__PURE__ */ k(ie, { children: i.map((e) => /* @__PURE__ */ k(ae, {
 						value: e,
 						children: W.operator(e)
 					}, e)) })]
 				})
-			}), s === 0 ? null : /* @__PURE__ */ A("div", {
+			}), s === 0 ? null : /* @__PURE__ */ k("div", {
 				"data-kind": t,
 				"data-part": "filter-operand",
 				...n === void 0 || C ? {} : { "data-operand": n },
@@ -642,7 +644,7 @@ function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOper
 			})]
 		}, r);
 	}
-	return /* @__PURE__ */ j(p, {
+	return /* @__PURE__ */ A(p, {
 		onOpenChange: (e, t) => Oe(e, t),
 		open: ve,
 		...c === void 0 ? {} : { align: c },
@@ -652,53 +654,53 @@ function Y({ body: e, kind: t, operandName: n, operators: i, props: a, rangeOper
 		...S === void 0 ? {} : { portal: S },
 		...w === void 0 ? {} : { side: w },
 		...ue === void 0 ? {} : { sideOffset: ue },
-		children: [/* @__PURE__ */ A(f, { render: (e) => /* @__PURE__ */ A("button", {
+		children: [/* @__PURE__ */ k(f, { render: (e) => /* @__PURE__ */ k("button", {
 			...e,
 			"aria-label": Ie,
 			"data-part": "filter",
 			...De ? { "data-filtered": "" } : {},
 			type: "button",
-			children: /* @__PURE__ */ A(et, {})
-		}) }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A(d, {
+			children: /* @__PURE__ */ k(et, {})
+		}) }), /* @__PURE__ */ k(m, { children: /* @__PURE__ */ k(d, {
 			"aria-label": Ie,
-			children: /* @__PURE__ */ j("div", {
+			children: /* @__PURE__ */ A("div", {
 				"data-kind": t,
 				"data-part": "filter-panel",
 				"data-ui": "table",
-				id: fe,
+				id: M,
 				ref: ye,
 				children: [
 					Le(0),
-					Ae ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+					Ae ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ A("div", {
 						"data-part": "filter-join",
-						children: [/* @__PURE__ */ A("span", {
+						children: [/* @__PURE__ */ k("span", {
 							"data-label": "",
 							children: B("filterJoin")
-						}), /* @__PURE__ */ j(ce, {
+						}), /* @__PURE__ */ A(ce, {
 							"aria-label": B("filterJoin"),
 							onValueChange: (e) => I(Ee(F, e)),
 							orientation: "horizontal",
 							size: "sm",
 							value: F.join,
-							children: [/* @__PURE__ */ A(b, {
+							children: [/* @__PURE__ */ k(b, {
 								value: "and",
 								children: W.join("and")
-							}), /* @__PURE__ */ A(b, {
+							}), /* @__PURE__ */ k(b, {
 								value: "or",
 								children: W.join("or")
 							})]
 						})]
 					}), Le(1)] }) : null,
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ A("div", {
 						"data-part": "filter-actions",
-						children: [/* @__PURE__ */ A(r, {
+						children: [/* @__PURE__ */ k(r, {
 							disabled: !Ce(F),
 							onClick: (e) => Fe(e),
 							size: "sm",
 							tone: "secondary",
 							variant: "ghost",
 							children: B("filterClear")
-						}), /* @__PURE__ */ A(r, {
+						}), /* @__PURE__ */ k(r, {
 							onClick: (e) => Pe(e, "pointer"),
 							size: "sm",
 							children: B("filterApply")
@@ -718,8 +720,8 @@ function Z(e, t) {
 	return t ?? B(e);
 }
 function nt(e) {
-	return /* @__PURE__ */ A(Y, {
-		body: ({ apply: e, condition: t, setOperand: n, t: r }) => /* @__PURE__ */ A(u, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ apply: e, condition: t, setOperand: n, t: r }) => /* @__PURE__ */ k(u, {
 			"aria-label": r("filterValue"),
 			onChange: (e) => n(0, e.target.value),
 			onKeyDown: X(e),
@@ -735,8 +737,8 @@ function nt(e) {
 }
 function rt(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, z(i.operator)).map((s) => /* @__PURE__ */ A(ne, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ apply: e, condition: i, setOperand: a, t: o }) => /* @__PURE__ */ k(O, { children: [0, 1].slice(0, z(i.operator)).map((s) => /* @__PURE__ */ k(ne, {
 			"aria-label": z(i.operator) === 2 ? o(s === 0 ? "filterFrom" : "filterTo") : o("filterValue"),
 			onKeyDown: X(e),
 			onValueChange: (e) => a(s, e),
@@ -755,8 +757,8 @@ function rt(e) {
 }
 function it(e) {
 	let { locale: t, max: n, min: r, presets: i } = e, a = (e) => e ? P(String(e)) : null, o = (e) => he(e) ? _e(e) : null;
-	return /* @__PURE__ */ A(Y, {
-		body: ({ apply: e, condition: s, setOperand: c, setOperands: l, t: u }) => z(s.operator) === 2 ? /* @__PURE__ */ A(_, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ apply: e, condition: s, setOperand: c, setOperands: l, t: u }) => z(s.operator) === 2 ? /* @__PURE__ */ k(_, {
 			messages: {
 				end: u("filterTo"),
 				start: u("filterFrom")
@@ -772,7 +774,7 @@ function it(e) {
 			...a(r) ? { min: a(r) } : {},
 			...a(n) ? { max: a(n) } : {},
 			...i === void 0 ? {} : { presets: i }
-		}) : /* @__PURE__ */ A(g, {
+		}) : /* @__PURE__ */ k(g, {
 			"aria-label": u("filterValue"),
 			onKeyDown: X(e),
 			onValueChange: (e) => c(0, o(e)),
@@ -809,8 +811,8 @@ function at(e) {
 		...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 }) => z(t.operator) === 2 ? /* @__PURE__ */ A(se, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ apply: e, condition: t, setOperand: n, setOperands: r, t: i }) => z(t.operator) === 2 ? /* @__PURE__ */ k(y, {
 			messages: {
 				start: i("filterFrom"),
 				end: i("filterTo")
@@ -823,7 +825,7 @@ function at(e) {
 			},
 			...u,
 			...s === void 0 ? {} : { presets: s }
-		}) : /* @__PURE__ */ A(y, {
+		}) : /* @__PURE__ */ k(v, {
 			"aria-label": i("filterValue"),
 			onKeyDown: X(e),
 			onValueChange: (e) => n(0, l(e)),
@@ -848,8 +850,8 @@ function ot(e) {
 		...$(a) ? { min: $(a) } : {},
 		...$(i) ? { max: $(i) } : {}
 	};
-	return /* @__PURE__ */ A(Y, {
-		body: ({ apply: e, condition: t, setOperand: n, setOperands: r, t: i }) => z(t.operator) === 2 ? /* @__PURE__ */ A(te, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ apply: e, condition: t, setOperand: n, setOperands: r, t: i }) => z(t.operator) === 2 ? /* @__PURE__ */ k(te, {
 			messages: {
 				start: i("filterFrom"),
 				end: i("filterTo")
@@ -862,7 +864,7 @@ function ot(e) {
 			},
 			...u,
 			...o === void 0 ? {} : { presets: o }
-		}) : /* @__PURE__ */ A(ee, {
+		}) : /* @__PURE__ */ k(ee, {
 			"aria-label": i("filterValue"),
 			onKeyDown: X(e),
 			onValueChange: (e) => n(0, l(e)),
@@ -878,17 +880,17 @@ function ot(e) {
 	});
 }
 function st(e) {
-	return /* @__PURE__ */ A(Y, {
-		body: ({ condition: e, setOperand: t, t: n }) => /* @__PURE__ */ j(ce, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ condition: e, setOperand: t, t: n }) => /* @__PURE__ */ A(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, {
+			children: [/* @__PURE__ */ k(b, {
 				value: "true",
 				children: n("true")
-			}), /* @__PURE__ */ A(b, {
+			}), /* @__PURE__ */ k(b, {
 				value: "false",
 				children: n("false")
 			})]
@@ -901,14 +903,14 @@ function st(e) {
 }
 function ct(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(lt, {
+	return /* @__PURE__ */ k(Y, {
+		body: ({ announce: e, apply: a, condition: o, setOperand: s, t: c }) => t === "tags" ? /* @__PURE__ */ k(lt, {
 			apply: a,
 			chosen: o.value ?? [],
 			onChange: (e) => s(0, e),
 			options: n,
 			t: c
-		}) : /* @__PURE__ */ A(ut, {
+		}) : /* @__PURE__ */ k(ut, {
 			announce: e,
 			chosen: o.value ?? [],
 			onChange: (e) => s(0, e),
@@ -926,7 +928,7 @@ function ct(e) {
 }
 function lt({ 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, {
+	return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(x, {
 		"aria-label": i("filterValue"),
 		formatLabel: (e) => o.get(e)?.label ?? e,
 		fullWidth: !0,
@@ -941,19 +943,19 @@ function lt({ apply: e, chosen: t, onChange: n, options: r, t: i }) {
 			list: `${a}-options`,
 			validate: (e) => o.has(e)
 		} : {}
-	}), s ? /* @__PURE__ */ A("datalist", {
+	}), s ? /* @__PURE__ */ k("datalist", {
 		id: `${a}-options`,
-		children: r.map((e) => /* @__PURE__ */ A("option", {
+		children: r.map((e) => /* @__PURE__ */ k("option", {
 			value: e.value,
 			children: e.label ?? e.value
 		}, e.value))
 	}) : null] });
 }
 function ut({ announce: e, chosen: t, onChange: n, options: r, searchThreshold: i, searchable: a, t: o }) {
-	let s = de(), [l, d] = O(""), f = E(() => ve({ 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", {
+	let s = de(), [l, d] = D(""), f = E(() => ve({ 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__ */ A(O, { children: [g ? /* @__PURE__ */ k("div", {
 		"data-part": "filter-search",
-		children: /* @__PURE__ */ A(u, {
+		children: /* @__PURE__ */ k(u, {
 			"aria-controls": `${s}-list`,
 			"aria-label": o("filterSearch"),
 			clearable: !0,
@@ -965,16 +967,16 @@ function ut({ announce: e, chosen: t, onChange: n, options: r, searchThreshold:
 			size: "sm",
 			value: l
 		})
-	}) : null, m.length === 0 ? /* @__PURE__ */ A("p", {
+	}) : null, m.length === 0 ? /* @__PURE__ */ k("p", {
 		"data-part": "filter-empty",
 		children: o("filterEmpty")
-	}) : /* @__PURE__ */ j("div", {
+	}) : /* @__PURE__ */ A("div", {
 		"data-part": "filter-list",
 		id: `${s}-list`,
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ A("div", {
 			"data-covering": "",
 			"data-part": "filter-option",
-			children: [/* @__PURE__ */ A(c, {
+			children: [/* @__PURE__ */ k(c, {
 				checked: h.length > 0 && h.length === m.length,
 				indeterminate: h.length > 0 && h.length < m.length,
 				onCheckedChange: (e) => {
@@ -982,17 +984,17 @@ function ut({ announce: e, chosen: t, onChange: n, options: r, searchThreshold:
 					n(e ? [.../* @__PURE__ */ new Set([...t, ...r])] : t.filter((e) => !r.includes(e)));
 				},
 				children: o("filterSelectAll")
-			}), /* @__PURE__ */ A("span", {
+			}), /* @__PURE__ */ k("span", {
 				"data-count": "",
 				children: m.length
 			})]
-		}), m.map((e) => /* @__PURE__ */ j("div", {
+		}), m.map((e) => /* @__PURE__ */ A("div", {
 			"data-part": "filter-option",
-			children: [/* @__PURE__ */ A(c, {
+			children: [/* @__PURE__ */ k(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", {
+			}), e.count === void 0 ? null : /* @__PURE__ */ k("span", {
 				"data-count": "",
 				children: e.count
 			})]