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

package/dist/data-grid.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-BUgOJuGp.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-DQCvXMJA.js";
 export { e as DRAG_COLUMN, n as DataGrid, i as DataGridDefaultsProvider, r as EXPANDER_COLUMN, a as SELECTION_COLUMN, t as useDataGridDefaults, o as usePersistedGridView };

package/dist/data-list-BgdkA3bD.js

@@ -0,0 +1,587 @@
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { _ as i, g as a, h as o, m as s, n as c, o as l, t as ee } from "./menu-parts-CNNHRduK.js";
+import { n as u } from "./icon-button-DbSZKGT4.js";
+import { t as te } from "./checkbox-C_8GVtjD.js";
+import { i as d, n as f } from "./skeleton-DeEOmm1y.js";
+import { t as p } from "./visually-hidden-BUSrFZ1_.js";
+import { n as m, o as ne, r as h, t as re } from "./result-state-BMYhelu1.js";
+import { n as ie, r as ae } from "./list-B7gaPH1U.js";
+import { a as oe, c as se, i as ce, n as le, o as ue, r as de, t as fe, u as pe } from "./list-item-DMeNfokY.js";
+import { withSelectorKey as me } from "@slotted/core/selector-key";
+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 g, useState as _ } from "react";
+import { jsx as v, jsxs as y } 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";
+//#region src/data-list/data-list-defaults.tsx
+var b = ge({
+	variant: "ruled",
+	size: "md",
+	fields: je,
+	selectionMode: "none",
+	skeletonRows: 5,
+	loadingDelay: 200,
+	loadingMinDuration: 400
+});
+function ze() {
+	return _e(b);
+}
+function Be({ children: e, ...t }) {
+	let n = ze(), r = Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0));
+	return /* @__PURE__ */ v(b.Provider, {
+		value: {
+			...n,
+			...r
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/data-list/data-list.tsx
+var Ve = "\0none", x = [
+	"9rem",
+	"7rem",
+	"8rem",
+	"6.5rem",
+	"9.5rem"
+], S = [
+	"3.5rem",
+	"5.5rem",
+	"4rem",
+	"5rem",
+	"4.5rem",
+	"6rem"
+], He = (e) => e?.detail === 0 ? "keyboard" : "pointer";
+function Ue(e) {
+	return Array.isArray(e) ? e : e == null ? [] : [e];
+}
+function We(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function Ge(e, t, n, r, i = {}) {
+	let a = !1;
+	return {
+		value: e,
+		previous: t,
+		reason: n,
+		source: r,
+		...i,
+		get cancelled() {
+			return a;
+		},
+		cancel() {
+			a = !0;
+		}
+	};
+}
+function Ke(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) {
+	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: b, current: Be, defaultExpanded: Je, defaultQuery: Ye, defaultValue: Xe, disabledKeys: Ze, error: C, expanded: Qe, fields: $e, footer: et, hasMore: tt, href: nt, label: rt, labelledBy: it, loading: w = !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: T, rows: E, selectionMode: St, size: Ct, skeletonRows: wt, subtitle: Tt, title: Et, totalCount: Dt, trailing: Ot, value: kt, variant: At, ...jt }) {
+	let D = ze(), O = t(Ce, lt), Mt = e(), k = ct ?? Mt, Nt = O("true"), Pt = O("false"), A = Se(() => ({
+		true: Nt,
+		false: Pt
+	}), [Nt, Pt]), j = At ?? D.variant, M = Ct ?? D.size, N = St ?? D.selectionMode, Ft = ut ?? (Dt === void 0 ? "client" : "server"), P = ye(), F = g(null), [It, Lt] = _(() => Ye ?? Oe()), I = _t ?? It, [Rt, zt] = _(() => Xe === void 0 ? N === "multiple" ? [] : null : Xe), Bt = kt === void 0 ? Rt : kt, [Vt, Ht] = _(() => Je ?? []), L = Qe ?? Vt, R = g(void 0), Ut = g(!1), z = g(!1);
+	function Wt(e, t, n, r) {
+		if (Ae(e, I)) return !1;
+		let i = Ge(e, I, n, r, { change: t });
+		return mt?.(e, i), !i.cancelled && (_t === void 0 && Lt(e), !0);
+	}
+	function B(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);
+	}
+	function Gt(e, t, n) {
+		let r = L.includes(e) ? L.filter((t) => t !== e) : [...L, e], i = Ge(r, L, t, n, { key: e });
+		ft?.(r, i), !i.cancelled && Qe === void 0 && Ht(r);
+	}
+	let V = Se(() => typeof T == "function" ? T : (e) => String(e[T]), [T]), H = Ie(b, {
+		title: Et,
+		subtitle: Tt,
+		trailing: Ot,
+		fields: $e ?? D.fields,
+		columnState: je
+	}), U = Se(() => {
+		if (Ft === "server") return {
+			nodes: E.map((e, t) => ({
+				kind: "row",
+				key: V(e),
+				row: e,
+				index: t
+			})),
+			visible: E,
+			total: Dt ?? E.length
+		};
+		let e = Ee(E, b, I, {
+			rowKey: V,
+			locale: k,
+			booleans: A
+		});
+		return {
+			nodes: Pe(e.nodes),
+			visible: e.rows,
+			total: e.total
+		};
+	}, [
+		A,
+		b,
+		V,
+		k,
+		Ft,
+		I,
+		E,
+		Dt
+	]), Kt = U.nodes, W = Ne(Kt), G = new Set(Ze ?? []), qt = new Set(ot ?? []), K = Ue(Bt), q = new Set(K), J = w && E.length === 0, [Jt, Yt] = _(J);
+	ve(() => {
+		J && Yt(!0);
+	}, [J]);
+	let Y = J || Jt, Xt = Y ? null : C && E.length === 0 ? "error" : W.length > 0 ? null : E.length === 0 && !ke(I) ? "empty" : "no-results";
+	function Zt(e) {
+		we(F.current?.ownerDocument).announce(e);
+	}
+	let X = I.sort[0], Qt = X ? b.find((e) => e.id === X.column) ?? null : null;
+	function $t(e, t, n) {
+		(Wt(e, "sort", t, n) || _t !== void 0) && Zt(e.sort.length === 0 ? O("sortCleared") : O("sortedBy", { order: Fe(e.sort, b, O) }));
+	}
+	let en = W.filter((e) => !G.has(e)), Z = Ft === "client" ? U.visible.map(V).filter((e) => !G.has(e)) : en, Q = Z.length > 0 && Z.every((e) => q.has(e)), tn = Z.some((e) => q.has(e));
+	function nn(e, t, n, r) {
+		if (!(N === "none" || G.has(e))) {
+			if (N === "single") {
+				B(q.has(e) ? null : e, n, r), R.current = e;
+				return;
+			}
+			if (t && R.current !== void 0) {
+				let t = Te({
+					action: "range",
+					mode: "multiple",
+					selected: K,
+					keys: en,
+					key: e,
+					anchor: R.current,
+					disabled: (e) => G.has(e)
+				});
+				B([...K.filter((e) => !en.includes(e)), ...t.selected], "select", r);
+				return;
+			}
+			R.current = e, B(q.has(e) ? K.filter((t) => t !== e) : [...K, e], n, r);
+		}
+	}
+	function rn(e) {
+		let t = new Set(Z);
+		B(Q ? K.filter((e) => !t.has(e)) : [...K, ...Z.filter((e) => !q.has(e))], Q ? "clear" : "select", e);
+	}
+	let an = g(null), on = g(W);
+	xe(() => {
+		let e = on.current;
+		on.current = W;
+		let t = an.current;
+		if (t === null || W.includes(t)) return;
+		let n = F.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) => W.includes(e)), o = e.slice(0, Math.max(i, 0)).reverse().find((e) => W.includes(e)), s = a ?? o;
+		an.current = s ?? null, s === void 0 ? n?.querySelector("[data-part=\"empty\"] [data-ui=\"result-state\"]")?.focus() : qe(Ke(n ?? null, s))?.focus();
+	});
+	function sn(e) {
+		return () => {
+			an.current = e;
+		};
+	}
+	function cn(e) {
+		jt.onBlur?.(e);
+		let t = e.relatedTarget;
+		t !== null && (F.current?.contains(t) || (an.current = null));
+	}
+	be(vt, () => ({
+		get root() {
+			return F.current;
+		},
+		focus() {
+			let e = F.current, t = qe(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(F.current, e));
+			return t?.focus(), t !== null;
+		},
+		scrollToKey(e) {
+			let t = Ke(F.current, e);
+			return t?.scrollIntoView({ block: "nearest" }), t !== null;
+		}
+	}), []);
+	function $(e, t, n, r) {
+		let i = Me(e, t, {
+			locale: k,
+			booleans: A
+		}), a = {
+			column: e,
+			row: t,
+			key: n,
+			value: De(e, t),
+			text: i ?? "",
+			place: r
+		}, o = yt?.(a);
+		return o === void 0 ? i === null ? /* @__PURE__ */ y("span", {
+			"data-part": "field-empty",
+			"data-part-field-empty": "",
+			children: [/* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				children: "—"
+			}), /* @__PURE__ */ v(p, { children: O("empty") })]
+		}) : i : o;
+	}
+	function ln(e, t) {
+		let i = G.has(e), a = qt.has(e), o = N !== "none" && q.has(e), s = Be != null && Be === e, c = L.includes(e), l = `${P}-${e}-fields`, ee = H.title ? Me(H.title, t, {
+			locale: k,
+			booleans: A
+		}) ?? "" : e, u = c ? H.fields : H.fields.slice(0, H.shown), d = H.fields.length - H.shown, f = nt?.(t), p = i || a, m = H.title ? $(H.title, t, e, "title") : e, ne;
+		ne = f === void 0 ? ge === !0 ? /* @__PURE__ */ v("button", {
+			"data-part": "title",
+			"data-part-title": "",
+			disabled: p,
+			onClick: (n) => dt?.({
+				key: e,
+				row: t,
+				reason: He(n),
+				event: n
+			}),
+			type: "button",
+			children: m
+		}) : /* @__PURE__ */ v("span", {
+			"data-part": "title",
+			"data-part-title": "",
+			children: m
+		}) : /* @__PURE__ */ v("a", {
+			"aria-disabled": p || void 0,
+			"data-part": "title",
+			"data-part-title": "",
+			href: f,
+			onClick: (n) => {
+				if (p) {
+					n.preventDefault();
+					return;
+				}
+				dt?.({
+					key: e,
+					row: t,
+					reason: He(n),
+					event: n
+				});
+			},
+			children: m
+		});
+		let h = xt?.(t), re = N !== "none" || h !== void 0;
+		return /* @__PURE__ */ y(pe, {
+			align: "start",
+			current: s ? f === void 0 || "page" : !1,
+			"data-expanded": c ? "" : void 0,
+			"data-key": e,
+			disabled: i,
+			loading: a,
+			onFocus: sn(e),
+			selected: o,
+			size: M,
+			variant: j,
+			children: [/* @__PURE__ */ y(se, { children: [
+				re ? /* @__PURE__ */ y(ue, { children: [N === "none" ? null : /* @__PURE__ */ v("span", {
+					"data-part": "selection",
+					"data-part-selection": "",
+					children: /* @__PURE__ */ v(te, {
+						"aria-label": O("selectRow", { title: ee }),
+						checked: o,
+						disabled: i,
+						onCheckedChange: (t, n) => nn(e, Ut.current, n.reason, n.source),
+						onClick: (e) => {
+							Ut.current = e.shiftKey;
+						},
+						size: M
+					})
+				}), h === void 0 ? null : /* @__PURE__ */ v("span", {
+					"data-part": "media",
+					"data-part-media": "",
+					children: h
+				})] }) : null,
+				/* @__PURE__ */ y(le, { children: [/* @__PURE__ */ v(oe, { children: ne }), H.subtitle ? /* @__PURE__ */ v(de, { children: $(H.subtitle, t, e, "subtitle") }) : null] }),
+				H.trailing ? /* @__PURE__ */ v(ce, { children: /* @__PURE__ */ v("span", {
+					"data-part": "trailing",
+					"data-part-trailing": "",
+					children: $(H.trailing, t, e, "trailing")
+				}) }) : null,
+				u.length > 0 ? /* @__PURE__ */ v("dl", {
+					"data-part": "fields",
+					"data-part-fields": "",
+					id: l,
+					children: u.map((n) => /* @__PURE__ */ y("div", {
+						"data-part": "field",
+						"data-part-field": "",
+						children: [/* @__PURE__ */ v("dt", {
+							"data-part": "field-label",
+							"data-part-field-label": "",
+							children: n.label
+						}), /* @__PURE__ */ v("dd", {
+							"data-numeric": n.kind === "number" || n.numeric === !0 ? "" : void 0,
+							"data-part": "field-value",
+							"data-part-field-value": "",
+							children: $(n, t, e, "field")
+						})]
+					}, n.id))
+				}) : null,
+				d > 0 ? /* @__PURE__ */ y("button", {
+					"aria-controls": l,
+					"aria-expanded": c,
+					"data-part": "more",
+					"data-part-more": "",
+					onClick: (t) => Gt(e, He(t), t),
+					type: "button",
+					children: [c ? O("less") : O("more", { count: d }), /* @__PURE__ */ v(r, {
+						size: "sm",
+						children: /* @__PURE__ */ v(n, { name: "chevron-down" })
+					})]
+				}) : null
+			] }), H.actions.length > 0 ? /* @__PURE__ */ v(fe, { children: H.actions.map((n) => /* @__PURE__ */ v(he, { children: $(n, t, e, "actions") }, n.id)) }) : null]
+		}, e);
+	}
+	function un(e) {
+		return e.map((e) => {
+			if (e.kind === "row") return ln(e.key, e.row);
+			let t = b.find((t) => t.id === e.column);
+			return /* @__PURE__ */ v(ie, {
+				label: `${t?.label ?? e.column}: ${e.text} · ${new Intl.NumberFormat(k).format(e.count)}`,
+				level: String(Math.min(e.level + 2, 6)),
+				children: un(e.children)
+			}, e.key);
+		});
+	}
+	let dn = N !== "none" && K.length > 0 ? O("selectedCount", {
+		selected: K.length,
+		count: U.total
+	}) : O("count", { count: U.total }), fn = /* @__PURE__ */ v(c, { render: ({ ref: e, ...t }) => /* @__PURE__ */ v(u, {
+		...t,
+		"aria-label": X ? O("sortNamed", { order: Fe(I.sort, b, O) }) : O("sort"),
+		disabled: Y,
+		end: X ? /* @__PURE__ */ v(r, {
+			size: "sm",
+			children: /* @__PURE__ */ v(n, { name: "chevron-down" })
+		}) : /* @__PURE__ */ v("span", {}),
+		ref: e,
+		size: "sm",
+		tone: "secondary",
+		variant: "ghost",
+		children: Qt ? O("sortSummary", {
+			column: Qt.label,
+			more: I.sort.length - 1
+		}) : O("sort")
+	}) }), pn = /* @__PURE__ */ y("div", {
+		"data-part": "header",
+		"data-part-header": "",
+		children: [
+			N === "multiple" && !Y ? /* @__PURE__ */ v("span", {
+				"data-part": "select-all",
+				"data-part-select-all": "",
+				children: /* @__PURE__ */ v(te, {
+					"aria-label": O("selectAll", { count: Z.length }),
+					checked: Q,
+					disabled: Z.length === 0,
+					indeterminate: tn && !Q,
+					onCheckedChange: (e, t) => rn(t.source),
+					size: M
+				})
+			}) : null,
+			/* @__PURE__ */ v("output", {
+				"aria-live": "polite",
+				"data-part": "count",
+				"data-part-count": "",
+				children: Y ? "" : dn
+			}),
+			H.sortable.length > 0 ? /* @__PURE__ */ v("span", {
+				"data-direction": X?.direction,
+				"data-part": "sort",
+				"data-part-sort": "",
+				children: /* @__PURE__ */ y(i, {
+					align: "end",
+					children: [fn, /* @__PURE__ */ y(ee, {
+						"aria-label": O("sort"),
+						children: [
+							/* @__PURE__ */ y(s, {
+								"aria-labelledby": `${P}-sort-column`,
+								onValueChange: (e, t) => $t(Le(I, e === Ve ? null : e), t.reason, t.source),
+								value: X?.column ?? Ve,
+								children: [
+									/* @__PURE__ */ v(l, {
+										id: `${P}-sort-column`,
+										children: O("sortColumn")
+									}),
+									/* @__PURE__ */ v(o, {
+										value: Ve,
+										children: O("sortNone")
+									}),
+									H.sortable.map((e) => /* @__PURE__ */ v(o, {
+										value: e.id,
+										children: e.label
+									}, e.id))
+								]
+							}),
+							/* @__PURE__ */ v(a, {}),
+							/* @__PURE__ */ y(s, {
+								"aria-labelledby": `${P}-sort-direction`,
+								onValueChange: (e, t) => $t(Re(I, e), t.reason, t.source),
+								value: X?.direction ?? "",
+								children: [
+									/* @__PURE__ */ v(l, {
+										id: `${P}-sort-direction`,
+										children: O("sortDirection")
+									}),
+									/* @__PURE__ */ v(o, {
+										disabled: !X,
+										value: "ascending",
+										children: O("ascending")
+									}),
+									/* @__PURE__ */ v(o, {
+										disabled: !X,
+										value: "descending",
+										children: O("descending")
+									})
+								]
+							})
+						]
+					})]
+				})
+			}) : null
+		]
+	}), mn = wt ?? D.skeletonRows, hn = Y ? /* @__PURE__ */ v("div", {
+		"data-part": "loader",
+		"data-part-loader": "",
+		children: /* @__PURE__ */ v(f, {
+			delay: at ?? D.loadingDelay,
+			messages: { label: O("loading") },
+			loading: J,
+			minDuration: st ?? D.loadingMinDuration,
+			onReveal: () => Yt(!1),
+			children: /* @__PURE__ */ v(ae, {
+				"aria-hidden": !0,
+				inert: !0,
+				size: M,
+				variant: j,
+				children: Array.from({ length: mn }, (e, t) => /* @__PURE__ */ v(pe, {
+					align: "start",
+					size: M,
+					variant: j,
+					children: /* @__PURE__ */ y(se, { children: [
+						/* @__PURE__ */ y(le, { children: [/* @__PURE__ */ v(oe, { children: /* @__PURE__ */ v(d, { inlineSize: x[t % x.length] }) }), H.subtitle ? /* @__PURE__ */ v(de, { children: /* @__PURE__ */ v(d, { inlineSize: x[(t + 2) % x.length] }) }) : null] }),
+						H.trailing ? /* @__PURE__ */ v(ce, { children: /* @__PURE__ */ v(d, { inlineSize: S[(t + 3) % S.length] }) }) : null,
+						H.shown > 0 ? /* @__PURE__ */ v("dl", {
+							"data-part": "fields",
+							"data-part-fields": "",
+							children: H.fields.slice(0, H.shown).map((e, n) => /* @__PURE__ */ y("div", {
+								"data-part": "field",
+								"data-part-field": "",
+								children: [/* @__PURE__ */ v("dt", {
+									"data-part": "field-label",
+									"data-part-field-label": "",
+									children: e.label
+								}), /* @__PURE__ */ v("dd", {
+									"data-part": "field-value",
+									"data-part-field-value": "",
+									children: /* @__PURE__ */ v(d, { inlineSize: S[(t + n) % S.length] })
+								})]
+							}, e.id))
+						}) : null
+					] })
+				}, t))
+			})
+		})
+	}) : null;
+	function gn(e) {
+		let t = bt?.(e);
+		if (t !== void 0) return /* @__PURE__ */ v("div", {
+			"data-part": "empty",
+			"data-part-empty": "",
+			children: t
+		});
+		let n = e === "error" ? typeof C == "string" ? C : O("errorTitle") : O(e === "no-results" ? "noResultsTitle" : "emptyTitle");
+		return /* @__PURE__ */ v("div", {
+			"data-part": "empty",
+			"data-part-empty": "",
+			children: /* @__PURE__ */ y(re, {
+				reach: "section",
+				status: e,
+				tabIndex: -1,
+				children: [/* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(ne, { children: n }) }), e === "no-results" ? /* @__PURE__ */ v(m, { children: /* @__PURE__ */ v(u, {
+					onClick: (e) => Wt({
+						...I,
+						filter: null,
+						search: "",
+						page: I.page && "index" in I.page ? {
+							...I.page,
+							index: 0
+						} : I.page
+					}, "filter", "clear", e),
+					size: "md",
+					tone: "secondary",
+					variant: "outline",
+					children: O("clearFilters")
+				}) }) : e === "error" && ht ? /* @__PURE__ */ v(m, { children: /* @__PURE__ */ v(u, {
+					onClick: () => ht(),
+					size: "md",
+					tone: "secondary",
+					variant: "outline",
+					children: O("retry")
+				}) }) : null]
+			})
+		});
+	}
+	w || (z.current = !1);
+	let _n = w && !Y && E.length > 0 && !z.current, vn = C && E.length > 0 && !Y;
+	return /* @__PURE__ */ y("div", {
+		...me(jt, "part", "root"),
+		"aria-busy": _n || void 0,
+		className: _e,
+		"data-loading": _n ? "" : void 0,
+		"data-size": M,
+		"data-ui": "data-list",
+		"data-ui-data-list": "",
+		"data-variant": j,
+		onBlur: cn,
+		ref: F,
+		children: [
+			pn,
+			vn ? gn("error") : null,
+			hn,
+			Y || Xt !== null ? null : /* @__PURE__ */ v(ae, {
+				"aria-label": it === void 0 ? rt : void 0,
+				"aria-labelledby": it,
+				size: M,
+				variant: j,
+				children: un(Kt)
+			}),
+			Xt === null ? null : gn(Xt),
+			tt || et !== void 0 ? /* @__PURE__ */ y("div", {
+				"data-part": "footer",
+				"data-part-footer": "",
+				children: [tt && !Y ? /* @__PURE__ */ v("span", {
+					"data-part": "load-more",
+					"data-part-load-more": "",
+					children: /* @__PURE__ */ v(u, {
+						loading: w && z.current,
+						onClick: () => {
+							z.current = !0, pt?.();
+						},
+						size: "sm",
+						tone: "secondary",
+						variant: "outline",
+						children: O("loadMore")
+					})
+				}) : null, et]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Be as n, ze as r, Je as t };

package/dist/data-list.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./data-list-2xfDpHVC.js";
+import { n as e, r as t, t as n } from "./data-list-BgdkA3bD.js";
 export { n as DataList, e as DataListDefaultsProvider, t as useDataListDefaults };