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

package/dist/{data-list-2xfDpHVC.js → data-list-DZCN_uW1.js}

@@ -1,35 +1,36 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, g as r, h as i, m as a, n as o, o as s, t as c } from "./menu-parts-BQej6eU9.js";
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { _ as n, g as r, h as i, m as a, n as o, o as s, t as c } from "./menu-parts-DS9JEUCt.js";
 import { n as ee, r as te } from "./i18n-DpW8lqJ1.js";
-import { n as l } from "./icon-button-TnvMhK4o.js";
-import { t as ne } from "./checkbox-CwUOc-3u.js";
-import { i as u, n as d } from "./skeleton-2LSpg84Z.js";
-import { t as f } from "./visually-hidden-CE6u5JLW.js";
-import { n as p, o as re, r as m, t as ie } from "./result-state-CZsQfdN4.js";
-import { n as ae, r as oe } from "./list-C1Y8MWp2.js";
-import { a as se, c as ce, i as le, n as ue, o as de, r as fe, t as pe, u as me } from "./list-item-DN_mcouU.js";
-import { Fragment as he, createContext as ge, useContext as _e, useEffect as ve, useId as ye, useImperativeHandle as be, useLayoutEffect as xe, useMemo as Se, useRef as h, useState as g } from "react";
+import { n as l } from "./icon-button-CRB218_z.js";
+import { t as ne } from "./checkbox-CMY2KIih.js";
+import { i as u, n as d } from "./skeleton-DyOwgYmF.js";
+import { t as f } from "./visually-hidden-BUSrFZ1_.js";
+import { n as p, o as re, r as m, t as ie } from "./result-state-BMYhelu1.js";
+import { n as ae, r as oe } from "./list-B7gaPH1U.js";
+import { a as se, c as ce, i as le, n as ue, o as de, r as fe, t as pe, u as me } from "./list-item-DMeNfokY.js";
+import { withSelectorKey as he } from "@slotted/core/selector-key";
+import { Fragment as ge, createContext as _e, useContext as ve, useEffect as ye, useId as be, useImperativeHandle as xe, useLayoutEffect as Se, useMemo as Ce, useRef as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { dataListMessages as Ce } from "@slotted/core/i18n";
-import { getLiveAnnouncer as we } from "@slotted/core/live-announcer";
-import { nextSelection as Te } from "@slotted/core/collection";
-import { applyQuery as Ee, cellValue as De, emptyQuery as Oe, isQueryActive as ke, sameQuery as Ae } from "@slotted/core/grid";
-import { DEFAULT_DATA_LIST_FIELDS as je, dataListFieldText as Me, dataListKeys as Ne, dataListNodes as Pe, describeDataListSort as Fe, resolveDataListLayout as Ie, withDataListSortColumn as Le, withDataListSortDirection as Re } from "@slotted/core/data-list";
+import { dataListMessages as we } from "@slotted/core/i18n";
+import { getLiveAnnouncer as Te } from "@slotted/core/live-announcer";
+import { nextSelection as Ee } from "@slotted/core/collection";
+import { applyQuery as De, cellValue as Oe, emptyQuery as ke, isQueryActive as Ae, sameQuery as je } from "@slotted/core/grid";
+import { DEFAULT_DATA_LIST_FIELDS as Me, dataListFieldText as Ne, dataListKeys as Pe, dataListNodes as Fe, describeDataListSort as Ie, resolveDataListLayout as Le, withDataListSortColumn as Re, withDataListSortDirection as ze } from "@slotted/core/data-list";
 //#region src/data-list/data-list-defaults.tsx
-var y = ge({
+var y = _e({
 	variant: "ruled",
 	size: "md",
-	fields: je,
+	fields: Me,
 	selectionMode: "none",
 	skeletonRows: 5,
 	loadingDelay: 200,
 	loadingMinDuration: 400
 });
-function ze() {
-	return _e(y);
+function Be() {
+	return ve(y);
 }
-function Be({ children: e, ...t }) {
-	let n = ze(), r = Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0));
+function Ve({ children: e, ...t }) {
+	let n = Be(), r = Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0));
 	return /* @__PURE__ */ _(y.Provider, {
 		value: {
 			...n,
@@ -40,7 +41,7 @@ function Be({ children: e, ...t }) {
 }
 //#endregion
 //#region src/data-list/data-list.tsx
-var Ve = "\0none", b = [
+var He = "\0none", b = [
 	"9rem",
 	"7rem",
 	"8rem",
@@ -53,14 +54,14 @@ var Ve = "\0none", b = [
 	"5rem",
 	"4.5rem",
 	"6rem"
-], He = (e) => e?.detail === 0 ? "keyboard" : "pointer";
-function Ue(e) {
+], Ue = (e) => e?.detail === 0 ? "keyboard" : "pointer";
+function We(e) {
 	return Array.isArray(e) ? e : e == null ? [] : [e];
 }
-function We(e, t) {
+function Ge(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function Ge(e, t, n, r, i = {}) {
+function Ke(e, t, n, r, i = {}) {
 	let a = !1;
 	return {
 		value: e,
@@ -76,40 +77,40 @@ function Ge(e, t, n, r, i = {}) {
 		}
 	};
 }
-function Ke(e, t) {
+function qe(e, t) {
 	for (let n of e?.querySelectorAll("[data-ui=\"list-item\"][data-key]") ?? []) if (n.getAttribute("data-key") === t) return n;
 	return null;
 }
-function qe(e) {
+function Je(e) {
 	return e?.querySelector("input:not(:disabled), a[href][data-part=\"title\"], button[data-part=\"title\"]:not(:disabled), button[data-part=\"more\"], [data-part=\"actions\"] :is(a[href], button:not(:disabled))") ?? null;
 }
-function Je({ activatable: ge, className: _e, columnState: je, columns: y, current: Be, defaultExpanded: Je, defaultQuery: Ye, defaultValue: Xe, disabledKeys: Ze, error: S, expanded: Qe, fields: $e, footer: et, hasMore: tt, href: nt, label: rt, labelledBy: it, loading: C = !1, loadingDelay: at, loadingKeys: ot, loadingMinDuration: st, locale: ct, messages: lt, mode: ut, onActivate: dt, onExpandedChange: ft, onLoadMore: pt, onQueryChange: mt, onRetry: ht, onValueChange: gt, query: _t, ref: vt, renderCell: yt, renderEmpty: bt, renderMedia: xt, rowKey: w, rows: T, selectionMode: St, size: Ct, skeletonRows: wt, subtitle: Tt, title: Et, totalCount: Dt, trailing: Ot, value: kt, variant: At, ...jt }) {
-	let E = ze(), D = te(Ce, lt), Mt = ee(), O = ct ?? Mt, Nt = D("true"), Pt = D("false"), k = Se(() => ({
-		true: Nt,
-		false: Pt
-	}), [Nt, Pt]), A = At ?? E.variant, j = Ct ?? E.size, M = St ?? E.selectionMode, Ft = ut ?? (Dt === void 0 ? "client" : "server"), N = ye(), P = h(null), [It, Lt] = g(() => Ye ?? Oe()), F = _t ?? It, [Rt, zt] = g(() => Xe === void 0 ? M === "multiple" ? [] : null : Xe), Bt = kt === void 0 ? Rt : kt, [Vt, Ht] = g(() => Je ?? []), I = Qe ?? Vt, L = h(void 0), Ut = h(!1), R = h(!1);
-	function Wt(e, t, n, r) {
-		if (Ae(e, F)) return !1;
-		let i = Ge(e, F, n, r, { change: t });
-		return mt?.(e, i), !i.cancelled && (_t === void 0 && Lt(e), !0);
+function Ye({ activatable: _e, className: ve, columnState: Me, columns: y, current: Ve, defaultExpanded: Ye, defaultQuery: Xe, defaultValue: Ze, disabledKeys: Qe, error: S, expanded: $e, fields: et, footer: tt, hasMore: nt, href: rt, label: it, labelledBy: at, loading: C = !1, loadingDelay: ot, loadingKeys: st, loadingMinDuration: ct, locale: lt, messages: ut, mode: dt, onActivate: ft, onExpandedChange: pt, onLoadMore: mt, onQueryChange: ht, onRetry: gt, onValueChange: _t, query: vt, ref: yt, renderCell: bt, renderEmpty: xt, renderMedia: St, rowKey: w, rows: T, selectionMode: Ct, size: wt, skeletonRows: Tt, subtitle: Et, title: Dt, totalCount: Ot, trailing: kt, value: At, variant: jt, ...Mt }) {
+	let E = Be(), D = te(we, ut), Nt = ee(), O = lt ?? Nt, Pt = D("true"), Ft = D("false"), k = Ce(() => ({
+		true: Pt,
+		false: Ft
+	}), [Pt, Ft]), A = jt ?? E.variant, j = wt ?? E.size, M = Ct ?? E.selectionMode, It = dt ?? (Ot === void 0 ? "client" : "server"), N = be(), P = h(null), [Lt, Rt] = g(() => Xe ?? ke()), F = vt ?? Lt, [zt, Bt] = g(() => Ze === void 0 ? M === "multiple" ? [] : null : Ze), Vt = At === void 0 ? zt : At, [Ht, Ut] = g(() => Ye ?? []), I = $e ?? Ht, L = h(void 0), Wt = h(!1), R = h(!1);
+	function Gt(e, t, n, r) {
+		if (je(e, F)) return !1;
+		let i = Ke(e, F, n, r, { change: t });
+		return ht?.(e, i), !i.cancelled && (vt === void 0 && Rt(e), !0);
 	}
 	function z(e, t, n) {
-		if (We(Ue(e), Ue(Bt))) return;
-		let r = Ge(e, Bt, t, n);
-		gt?.(e, r), !r.cancelled && kt === void 0 && zt(e);
+		if (Ge(We(e), We(Vt))) return;
+		let r = Ke(e, Vt, t, n);
+		_t?.(e, r), !r.cancelled && At === void 0 && Bt(e);
 	}
-	function Gt(e, t, n) {
-		let r = I.includes(e) ? I.filter((t) => t !== e) : [...I, e], i = Ge(r, I, t, n, { key: e });
-		ft?.(r, i), !i.cancelled && Qe === void 0 && Ht(r);
+	function Kt(e, t, n) {
+		let r = I.includes(e) ? I.filter((t) => t !== e) : [...I, e], i = Ke(r, I, t, n, { key: e });
+		pt?.(r, i), !i.cancelled && $e === void 0 && Ut(r);
 	}
-	let B = Se(() => typeof w == "function" ? w : (e) => String(e[w]), [w]), V = Ie(y, {
-		title: Et,
-		subtitle: Tt,
-		trailing: Ot,
-		fields: $e ?? E.fields,
-		columnState: je
-	}), H = Se(() => {
-		if (Ft === "server") return {
+	let B = Ce(() => typeof w == "function" ? w : (e) => String(e[w]), [w]), V = Le(y, {
+		title: Dt,
+		subtitle: Et,
+		trailing: kt,
+		fields: et ?? E.fields,
+		columnState: Me
+	}), H = Ce(() => {
+		if (It === "server") return {
 			nodes: T.map((e, t) => ({
 				kind: "row",
 				key: B(e),
@@ -117,15 +118,15 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 				index: t
 			})),
 			visible: T,
-			total: Dt ?? T.length
+			total: Ot ?? T.length
 		};
-		let e = Ee(T, y, F, {
+		let e = De(T, y, F, {
 			rowKey: B,
 			locale: O,
 			booleans: k
 		});
 		return {
-			nodes: Pe(e.nodes),
+			nodes: Fe(e.nodes),
 			visible: e.rows,
 			total: e.total
 		};
@@ -134,145 +135,149 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 		y,
 		B,
 		O,
-		Ft,
+		It,
 		F,
 		T,
-		Dt
-	]), Kt = H.nodes, U = Ne(Kt), W = new Set(Ze ?? []), qt = new Set(ot ?? []), G = Ue(Bt), K = new Set(G), q = C && T.length === 0, [Jt, Yt] = g(q);
-	ve(() => {
-		q && Yt(!0);
+		Ot
+	]), qt = H.nodes, U = Pe(qt), W = new Set(Qe ?? []), Jt = new Set(st ?? []), G = We(Vt), K = new Set(G), q = C && T.length === 0, [Yt, Xt] = g(q);
+	ye(() => {
+		q && Xt(!0);
 	}, [q]);
-	let J = q || Jt, Xt = J ? null : S && T.length === 0 ? "error" : U.length > 0 ? null : T.length === 0 && !ke(F) ? "empty" : "no-results";
-	function Zt(e) {
-		we(P.current?.ownerDocument).announce(e);
+	let J = q || Yt, Zt = J ? null : S && T.length === 0 ? "error" : U.length > 0 ? null : T.length === 0 && !Ae(F) ? "empty" : "no-results";
+	function Qt(e) {
+		Te(P.current?.ownerDocument).announce(e);
 	}
-	let Y = F.sort[0], Qt = Y ? y.find((e) => e.id === Y.column) ?? null : null;
-	function $t(e, t, n) {
-		(Wt(e, "sort", t, n) || _t !== void 0) && Zt(e.sort.length === 0 ? D("sortCleared") : D("sortedBy", { order: Fe(e.sort, y, D) }));
+	let Y = F.sort[0], $t = Y ? y.find((e) => e.id === Y.column) ?? null : null;
+	function en(e, t, n) {
+		(Gt(e, "sort", t, n) || vt !== void 0) && Qt(e.sort.length === 0 ? D("sortCleared") : D("sortedBy", { order: Ie(e.sort, y, D) }));
 	}
-	let en = U.filter((e) => !W.has(e)), X = Ft === "client" ? H.visible.map(B).filter((e) => !W.has(e)) : en, Z = X.length > 0 && X.every((e) => K.has(e)), tn = X.some((e) => K.has(e));
-	function nn(e, t, n, r) {
+	let tn = U.filter((e) => !W.has(e)), X = It === "client" ? H.visible.map(B).filter((e) => !W.has(e)) : tn, Z = X.length > 0 && X.every((e) => K.has(e)), nn = X.some((e) => K.has(e));
+	function rn(e, t, n, r) {
 		if (!(M === "none" || W.has(e))) {
 			if (M === "single") {
 				z(K.has(e) ? null : e, n, r), L.current = e;
 				return;
 			}
 			if (t && L.current !== void 0) {
-				let t = Te({
+				let t = Ee({
 					action: "range",
 					mode: "multiple",
 					selected: G,
-					keys: en,
+					keys: tn,
 					key: e,
 					anchor: L.current,
 					disabled: (e) => W.has(e)
 				});
-				z([...G.filter((e) => !en.includes(e)), ...t.selected], "select", r);
+				z([...G.filter((e) => !tn.includes(e)), ...t.selected], "select", r);
 				return;
 			}
 			L.current = e, z(K.has(e) ? G.filter((t) => t !== e) : [...G, e], n, r);
 		}
 	}
-	function rn(e) {
+	function an(e) {
 		let t = new Set(X);
 		z(Z ? G.filter((e) => !t.has(e)) : [...G, ...X.filter((e) => !K.has(e))], Z ? "clear" : "select", e);
 	}
-	let Q = h(null), an = h(U);
-	xe(() => {
-		let e = an.current;
-		an.current = U;
+	let Q = h(null), on = h(U);
+	Se(() => {
+		let e = on.current;
+		on.current = U;
 		let t = Q.current;
 		if (t === null || U.includes(t)) return;
 		let n = P.current, r = n?.ownerDocument.activeElement;
 		if (r && r !== n?.ownerDocument.body && n?.contains(r)) return;
 		let i = e.indexOf(t), a = e.slice(i + 1).find((e) => U.includes(e)), o = e.slice(0, Math.max(i, 0)).reverse().find((e) => U.includes(e)), s = a ?? o;
-		Q.current = s ?? null, s === void 0 ? n?.querySelector("[data-part=\"empty\"] [data-ui=\"result-state\"]")?.focus() : qe(Ke(n ?? null, s))?.focus();
+		Q.current = s ?? null, s === void 0 ? n?.querySelector("[data-part=\"empty\"] [data-ui=\"result-state\"]")?.focus() : Je(qe(n ?? null, s))?.focus();
 	});
-	function on(e) {
+	function sn(e) {
 		return () => {
 			Q.current = e;
 		};
 	}
-	function sn(e) {
-		jt.onBlur?.(e);
+	function cn(e) {
+		Mt.onBlur?.(e);
 		let t = e.relatedTarget;
 		t !== null && (P.current?.contains(t) || (Q.current = null));
 	}
-	be(vt, () => ({
+	xe(yt, () => ({
 		get root() {
 			return P.current;
 		},
 		focus() {
-			let e = P.current, t = qe(e?.querySelector("[data-ui=\"list-item\"][data-key]") ?? null);
+			let e = P.current, t = Je(e?.querySelector("[data-ui=\"list-item\"][data-key]") ?? null);
 			t ? t.focus() : e?.querySelector("[data-part=\"empty\"] [data-ui=\"result-state\"]")?.focus();
 		},
 		focusKey(e) {
-			let t = qe(Ke(P.current, e));
+			let t = Je(qe(P.current, e));
 			return t?.focus(), t !== null;
 		},
 		scrollToKey(e) {
-			let t = Ke(P.current, e);
+			let t = qe(P.current, e);
 			return t?.scrollIntoView({ block: "nearest" }), t !== null;
 		}
 	}), []);
 	function $(e, t, n, r) {
-		let i = Me(e, t, {
+		let i = Ne(e, t, {
 			locale: O,
 			booleans: k
 		}), a = {
 			column: e,
 			row: t,
 			key: n,
-			value: De(e, t),
+			value: Oe(e, t),
 			text: i ?? "",
 			place: r
-		}, o = yt?.(a);
+		}, o = bt?.(a);
 		return o === void 0 ? i === null ? /* @__PURE__ */ v("span", {
 			"data-part": "field-empty",
+			"data-part-field-empty": "",
 			children: [/* @__PURE__ */ _("span", {
 				"aria-hidden": "true",
 				children: "—"
 			}), /* @__PURE__ */ _(f, { children: D("empty") })]
 		}) : i : o;
 	}
-	function cn(n, r) {
-		let i = W.has(n), a = qt.has(n), o = M !== "none" && K.has(n), s = Be != null && Be === n, c = I.includes(n), ee = `${N}-${n}-fields`, te = V.title ? Me(V.title, r, {
+	function ln(n, r) {
+		let i = W.has(n), a = Jt.has(n), o = M !== "none" && K.has(n), s = Ve != null && Ve === n, c = I.includes(n), ee = `${N}-${n}-fields`, te = V.title ? Ne(V.title, r, {
 			locale: O,
 			booleans: k
-		}) ?? "" : n, l = c ? V.fields : V.fields.slice(0, V.shown), u = V.fields.length - V.shown, d = nt?.(r), f = i || a, p = V.title ? $(V.title, r, n, "title") : n, re;
-		re = d === void 0 ? ge === !0 ? /* @__PURE__ */ _("button", {
+		}) ?? "" : n, l = c ? V.fields : V.fields.slice(0, V.shown), u = V.fields.length - V.shown, d = rt?.(r), f = i || a, p = V.title ? $(V.title, r, n, "title") : n, re;
+		re = d === void 0 ? _e === !0 ? /* @__PURE__ */ _("button", {
 			"data-part": "title",
+			"data-part-title": "",
 			disabled: f,
-			onClick: (e) => dt?.({
+			onClick: (e) => ft?.({
 				key: n,
 				row: r,
-				reason: He(e),
+				reason: Ue(e),
 				event: e
 			}),
 			type: "button",
 			children: p
 		}) : /* @__PURE__ */ _("span", {
 			"data-part": "title",
+			"data-part-title": "",
 			children: p
 		}) : /* @__PURE__ */ _("a", {
 			"aria-disabled": f || void 0,
 			"data-part": "title",
+			"data-part-title": "",
 			href: d,
 			onClick: (e) => {
 				if (f) {
 					e.preventDefault();
 					return;
 				}
-				dt?.({
+				ft?.({
 					key: n,
 					row: r,
-					reason: He(e),
+					reason: Ue(e),
 					event: e
 				});
 			},
 			children: p
 		});
-		let m = xt?.(r), ie = M !== "none" || m !== void 0;
+		let m = St?.(r), ie = M !== "none" || m !== void 0;
 		return /* @__PURE__ */ v(me, {
 			align: "start",
 			current: s ? d === void 0 || "page" : !1,
@@ -280,43 +285,50 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 			"data-key": n,
 			disabled: i,
 			loading: a,
-			onFocus: on(n),
+			onFocus: sn(n),
 			selected: o,
 			size: j,
 			variant: A,
 			children: [/* @__PURE__ */ v(ce, { children: [
 				ie ? /* @__PURE__ */ v(de, { children: [M === "none" ? null : /* @__PURE__ */ _("span", {
 					"data-part": "selection",
+					"data-part-selection": "",
 					children: /* @__PURE__ */ _(ne, {
 						"aria-label": D("selectRow", { title: te }),
 						checked: o,
 						disabled: i,
-						onCheckedChange: (e, t) => nn(n, Ut.current, t.reason, t.source),
+						onCheckedChange: (e, t) => rn(n, Wt.current, t.reason, t.source),
 						onClick: (e) => {
-							Ut.current = e.shiftKey;
+							Wt.current = e.shiftKey;
 						},
 						size: j
 					})
 				}), m === void 0 ? null : /* @__PURE__ */ _("span", {
 					"data-part": "media",
+					"data-part-media": "",
 					children: m
 				})] }) : null,
 				/* @__PURE__ */ v(ue, { children: [/* @__PURE__ */ _(se, { children: re }), V.subtitle ? /* @__PURE__ */ _(fe, { children: $(V.subtitle, r, n, "subtitle") }) : null] }),
 				V.trailing ? /* @__PURE__ */ _(le, { children: /* @__PURE__ */ _("span", {
 					"data-part": "trailing",
+					"data-part-trailing": "",
 					children: $(V.trailing, r, n, "trailing")
 				}) }) : null,
 				l.length > 0 ? /* @__PURE__ */ _("dl", {
 					"data-part": "fields",
+					"data-part-fields": "",
 					id: ee,
 					children: l.map((e) => /* @__PURE__ */ v("div", {
 						"data-part": "field",
+						"data-part-field": "",
 						children: [/* @__PURE__ */ _("dt", {
 							"data-part": "field-label",
+							"data-part-field-label": "",
 							children: e.label
 						}), /* @__PURE__ */ _("dd", {
 							"data-numeric": e.kind === "number" || e.numeric === !0 ? "" : void 0,
 							"data-part": "field-value",
+							"data-part-field-value": "",
 							children: $(e, r, n, "field")
 						})]
 					}, e.id))
@@ -325,33 +337,34 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 					"aria-controls": ee,
 					"aria-expanded": c,
 					"data-part": "more",
-					onClick: (e) => Gt(n, He(e), e),
+					"data-part-more": "",
+					onClick: (e) => Kt(n, Ue(e), e),
 					type: "button",
 					children: [c ? D("less") : D("more", { count: u }), /* @__PURE__ */ _(t, {
 						size: "sm",
 						children: /* @__PURE__ */ _(e, { name: "chevron-down" })
 					})]
 				}) : null
-			] }), V.actions.length > 0 ? /* @__PURE__ */ _(pe, { children: V.actions.map((e) => /* @__PURE__ */ _(he, { children: $(e, r, n, "actions") }, e.id)) }) : null]
+			] }), V.actions.length > 0 ? /* @__PURE__ */ _(pe, { children: V.actions.map((e) => /* @__PURE__ */ _(ge, { children: $(e, r, n, "actions") }, e.id)) }) : null]
 		}, n);
 	}
-	function ln(e) {
+	function un(e) {
 		return e.map((e) => {
-			if (e.kind === "row") return cn(e.key, e.row);
+			if (e.kind === "row") return ln(e.key, e.row);
 			let t = y.find((t) => t.id === e.column);
 			return /* @__PURE__ */ _(ae, {
 				label: `${t?.label ?? e.column}: ${e.text} · ${new Intl.NumberFormat(O).format(e.count)}`,
 				level: String(Math.min(e.level + 2, 6)),
-				children: ln(e.children)
+				children: un(e.children)
 			}, e.key);
 		});
 	}
-	let un = M !== "none" && G.length > 0 ? D("selectedCount", {
+	let dn = M !== "none" && G.length > 0 ? D("selectedCount", {
 		selected: G.length,
 		count: H.total
-	}) : D("count", { count: H.total }), dn = /* @__PURE__ */ _(o, { render: ({ ref: n, ...r }) => /* @__PURE__ */ _(l, {
+	}) : D("count", { count: H.total }), fn = /* @__PURE__ */ _(o, { render: ({ ref: n, ...r }) => /* @__PURE__ */ _(l, {
 		...r,
-		"aria-label": Y ? D("sortNamed", { order: Fe(F.sort, y, D) }) : D("sort"),
+		"aria-label": Y ? D("sortNamed", { order: Ie(F.sort, y, D) }) : D("sort"),
 		disabled: J,
 		end: Y ? /* @__PURE__ */ _(t, {
 			size: "sm",
@@ -361,48 +374,52 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 		size: "sm",
 		tone: "secondary",
 		variant: "ghost",
-		children: Qt ? D("sortSummary", {
-			column: Qt.label,
+		children: $t ? D("sortSummary", {
+			column: $t.label,
 			more: F.sort.length - 1
 		}) : D("sort")
-	}) }), fn = /* @__PURE__ */ v("div", {
+	}) }), pn = /* @__PURE__ */ v("div", {
 		"data-part": "header",
+		"data-part-header": "",
 		children: [
 			M === "multiple" && !J ? /* @__PURE__ */ _("span", {
 				"data-part": "select-all",
+				"data-part-select-all": "",
 				children: /* @__PURE__ */ _(ne, {
 					"aria-label": D("selectAll", { count: X.length }),
 					checked: Z,
 					disabled: X.length === 0,
-					indeterminate: tn && !Z,
-					onCheckedChange: (e, t) => rn(t.source),
+					indeterminate: nn && !Z,
+					onCheckedChange: (e, t) => an(t.source),
 					size: j
 				})
 			}) : null,
 			/* @__PURE__ */ _("output", {
 				"aria-live": "polite",
 				"data-part": "count",
-				children: J ? "" : un
+				"data-part-count": "",
+				children: J ? "" : dn
 			}),
 			V.sortable.length > 0 ? /* @__PURE__ */ _("span", {
 				"data-direction": Y?.direction,
 				"data-part": "sort",
+				"data-part-sort": "",
 				children: /* @__PURE__ */ v(n, {
 					align: "end",
-					children: [dn, /* @__PURE__ */ v(c, {
+					children: [fn, /* @__PURE__ */ v(c, {
 						"aria-label": D("sort"),
 						children: [
 							/* @__PURE__ */ v(a, {
 								"aria-labelledby": `${N}-sort-column`,
-								onValueChange: (e, t) => $t(Le(F, e === Ve ? null : e), t.reason, t.source),
-								value: Y?.column ?? Ve,
+								onValueChange: (e, t) => en(Re(F, e === He ? null : e), t.reason, t.source),
+								value: Y?.column ?? He,
 								children: [
 									/* @__PURE__ */ _(s, {
 										id: `${N}-sort-column`,
 										children: D("sortColumn")
 									}),
 									/* @__PURE__ */ _(i, {
-										value: Ve,
+										value: He,
 										children: D("sortNone")
 									}),
 									V.sortable.map((e) => /* @__PURE__ */ _(i, {
@@ -414,7 +431,7 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 							/* @__PURE__ */ _(r, {}),
 							/* @__PURE__ */ v(a, {
 								"aria-labelledby": `${N}-sort-direction`,
-								onValueChange: (e, t) => $t(Re(F, e), t.reason, t.source),
+								onValueChange: (e, t) => en(ze(F, e), t.reason, t.source),
 								value: Y?.direction ?? "",
 								children: [
 									/* @__PURE__ */ _(s, {
@@ -438,20 +455,21 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 				})
 			}) : null
 		]
-	}), pn = wt ?? E.skeletonRows, mn = J ? /* @__PURE__ */ _("div", {
+	}), mn = Tt ?? E.skeletonRows, hn = J ? /* @__PURE__ */ _("div", {
 		"data-part": "loader",
+		"data-part-loader": "",
 		children: /* @__PURE__ */ _(d, {
-			delay: at ?? E.loadingDelay,
+			delay: ot ?? E.loadingDelay,
 			messages: { label: D("loading") },
 			loading: q,
-			minDuration: st ?? E.loadingMinDuration,
-			onReveal: () => Yt(!1),
+			minDuration: ct ?? E.loadingMinDuration,
+			onReveal: () => Xt(!1),
 			children: /* @__PURE__ */ _(oe, {
 				"aria-hidden": !0,
 				inert: !0,
 				size: j,
 				variant: A,
-				children: Array.from({ length: pn }, (e, t) => /* @__PURE__ */ _(me, {
+				children: Array.from({ length: mn }, (e, t) => /* @__PURE__ */ _(me, {
 					align: "start",
 					size: j,
 					variant: A,
@@ -460,13 +478,17 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 						V.trailing ? /* @__PURE__ */ _(le, { children: /* @__PURE__ */ _(u, { inlineSize: x[(t + 3) % x.length] }) }) : null,
 						V.shown > 0 ? /* @__PURE__ */ _("dl", {
 							"data-part": "fields",
+							"data-part-fields": "",
 							children: V.fields.slice(0, V.shown).map((e, n) => /* @__PURE__ */ v("div", {
 								"data-part": "field",
+								"data-part-field": "",
 								children: [/* @__PURE__ */ _("dt", {
 									"data-part": "field-label",
+									"data-part-field-label": "",
 									children: e.label
 								}), /* @__PURE__ */ _("dd", {
 									"data-part": "field-value",
+									"data-part-field-value": "",
 									children: /* @__PURE__ */ _(u, { inlineSize: x[(t + n) % x.length] })
 								})]
 							}, e.id))
@@ -476,21 +498,23 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 			})
 		})
 	}) : null;
-	function hn(e) {
-		let t = bt?.(e);
+	function gn(e) {
+		let t = xt?.(e);
 		if (t !== void 0) return /* @__PURE__ */ _("div", {
 			"data-part": "empty",
+			"data-part-empty": "",
 			children: t
 		});
 		let n = e === "error" ? typeof S == "string" ? S : D("errorTitle") : D(e === "no-results" ? "noResultsTitle" : "emptyTitle");
 		return /* @__PURE__ */ _("div", {
 			"data-part": "empty",
+			"data-part-empty": "",
 			children: /* @__PURE__ */ v(ie, {
 				reach: "section",
 				status: e,
 				tabIndex: -1,
 				children: [/* @__PURE__ */ _(m, { children: /* @__PURE__ */ _(re, { children: n }) }), e === "no-results" ? /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(l, {
-					onClick: (e) => Wt({
+					onClick: (e) => Gt({
 						...F,
 						filter: null,
 						search: "",
@@ -503,8 +527,8 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 					tone: "secondary",
 					variant: "outline",
 					children: D("clearFilters")
-				}) }) : e === "error" && ht ? /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(l, {
-					onClick: () => ht(),
+				}) }) : e === "error" && gt ? /* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(l, {
+					onClick: () => gt(),
 					size: "md",
 					tone: "secondary",
 					variant: "outline",
@@ -514,48 +538,50 @@ function Je({ activatable: ge, className: _e, columnState: je, columns: y, curre
 		});
 	}
 	C || (R.current = !1);
-	let gn = C && !J && T.length > 0 && !R.current, _n = S && T.length > 0 && !J;
+	let _n = C && !J && T.length > 0 && !R.current, vn = S && T.length > 0 && !J;
 	return /* @__PURE__ */ v("div", {
-		...jt,
-		"aria-busy": gn || void 0,
-		className: _e,
-		"data-loading": gn ? "" : void 0,
-		"data-part": "root",
+		...he(Mt, "part", "root"),
+		"aria-busy": _n || void 0,
+		className: ve,
+		"data-loading": _n ? "" : void 0,
 		"data-size": j,
 		"data-ui": "data-list",
+		"data-ui-data-list": "",
 		"data-variant": A,
-		onBlur: sn,
+		onBlur: cn,
 		ref: P,
 		children: [
-			fn,
-			_n ? hn("error") : null,
-			mn,
-			J || Xt !== null ? null : /* @__PURE__ */ _(oe, {
-				"aria-label": it === void 0 ? rt : void 0,
-				"aria-labelledby": it,
+			pn,
+			vn ? gn("error") : null,
+			hn,
+			J || Zt !== null ? null : /* @__PURE__ */ _(oe, {
+				"aria-label": at === void 0 ? it : void 0,
+				"aria-labelledby": at,
 				size: j,
 				variant: A,
-				children: ln(Kt)
+				children: un(qt)
 			}),
-			Xt === null ? null : hn(Xt),
-			tt || et !== void 0 ? /* @__PURE__ */ v("div", {
+			Zt === null ? null : gn(Zt),
+			nt || tt !== void 0 ? /* @__PURE__ */ v("div", {
 				"data-part": "footer",
-				children: [tt && !J ? /* @__PURE__ */ _("span", {
+				"data-part-footer": "",
+				children: [nt && !J ? /* @__PURE__ */ _("span", {
 					"data-part": "load-more",
+					"data-part-load-more": "",
 					children: /* @__PURE__ */ _(l, {
 						loading: C && R.current,
 						onClick: () => {
-							R.current = !0, pt?.();
+							R.current = !0, mt?.();
 						},
 						size: "sm",
 						tone: "secondary",
 						variant: "outline",
 						children: D("loadMore")
 					})
-				}) : null, et]
+				}) : null, tt]
 			}) : null
 		]
 	});
 }
 //#endregion
-export { Be as n, ze as r, Je as t };
+export { Ve as n, Be as r, Ye as t };