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

package/dist/message-BkTiWsUp.js

@@ -0,0 +1,436 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { t as r } from "./spinner-ring-DyfaYloA.js";
+import { keyedProps as i, withSelectorKey as a } from "@slotted/core/selector-key";
+import { createControllable as o } from "@slotted/core/state";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { messageMessages as v } from "@slotted/core/i18n";
+import { advanceStream as y, initialStream as b, prefersReducedMotion as x, settleStream as S } from "@slotted/core/text-stream";
+//#region src/message/message-defaults.tsx
+var C = s({
+	layout: "bubble",
+	actionsVisibility: "hover",
+	variant: "soft",
+	tone: "secondary"
+});
+function w() {
+	return l(C);
+}
+function T({ children: e, ...t }) {
+	let n = w();
+	return /* @__PURE__ */ g(C.Provider, {
+		value: {
+			layout: t.layout ?? n.layout,
+			actionsVisibility: t.actionsVisibility ?? n.actionsVisibility,
+			variant: t.variant ?? n.variant,
+			tone: t.tone ?? n.tone
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/message/message.tsx
+var E = s(null), D = s(null);
+function O() {
+	let e = l(D);
+	if (e === null) throw Error("A Message part is rendered outside a Message.");
+	return e;
+}
+function k() {
+	return l(D);
+}
+function A() {
+	let t = e(v);
+	return l(D)?.t ?? t;
+}
+function j(e) {
+	return e.nativeEvent.detail === 0 ? "keyboard" : "pointer";
+}
+function M({ layout: e, render: t, ...n }) {
+	let r = i({
+		...n,
+		"data-part": "group",
+		"data-ui": "message"
+	}), a = f(() => ({ layout: e }), [e]);
+	return /* @__PURE__ */ g(E.Provider, {
+		value: a,
+		children: t === void 0 ? /* @__PURE__ */ g("div", { ...r }) : t(r)
+	});
+}
+function N({ actionsVisibility: t, align: n = "start", defaultVersion: r = 0, layout: a, messages: s, onRetry: u, onVersionChange: f, render: p, status: h, version: _, versionCount: y = 1, ...b }) {
+	let x = w(), S = e(v, s), C = l(E), T = d(), [O, k] = m(!1), [A, j] = m(r), M = _ ?? A, N = a ?? C?.layout ?? x.layout, P = t ?? x.actionsVisibility, F = h === "sending" || h === "streaming", I = c((e, t, n) => {
+		let r = Math.min(Math.max(0, e), Math.max(0, y - 1));
+		o({
+			controlled: _,
+			initial: M,
+			onRequest: (e) => f?.(e.value, e)
+		}).request(r, t, n) && j(r);
+	}, [
+		M,
+		f,
+		_,
+		y
+	]), L = {
+		align: n,
+		authorId: T,
+		layout: N,
+		onRetry: u,
+		registerAuthor: c((e) => k(e), []),
+		requestVersion: I,
+		status: h,
+		t: S,
+		version: M,
+		versionCount: y
+	}, R = i({
+		...O && b["aria-label"] === void 0 ? { "aria-labelledby": T } : {},
+		...F ? { "aria-busy": !0 } : {},
+		...b,
+		"data-actions": P,
+		"data-align": n,
+		"data-layout": N,
+		...F ? { "data-loading": "" } : {},
+		...h === "failed" ? { "data-invalid": "" } : {},
+		...h === "read" ? { "data-read": "" } : {},
+		"data-part": "root",
+		...h === void 0 ? {} : { "data-status": h },
+		"data-ui": "message"
+	});
+	return /* @__PURE__ */ g(D.Provider, {
+		value: L,
+		children: p === void 0 ? /* @__PURE__ */ g("article", { ...R }) : p(R)
+	});
+}
+//#endregion
+//#region src/message/bubble-context.ts
+var P = s(null), F = s(!1);
+function I() {
+	let e = l(P);
+	if (e === null) throw Error("A Bubble part is rendered outside a Bubble.");
+	return e;
+}
+//#endregion
+//#region src/message/message-parts.tsx
+function L(e, t) {
+	return function({ render: n, ...r }) {
+		let i = a(r, "part", e);
+		return n === void 0 ? g(t === "div" ? "div" : "span", { ...i }) : n(i);
+	};
+}
+var R = L("avatar", "div"), z = L("body", "div"), B = L("header", "div"), V = L("footer", "div");
+function H({ id: e, render: t, ...n }) {
+	let r = O(), { registerAuthor: a } = r;
+	u(() => (a(!0), () => a(!1)), [a]);
+	let o = i({
+		...n,
+		"data-part": "author",
+		id: e ?? r.authorId
+	});
+	return t === void 0 ? /* @__PURE__ */ g("span", { ...o }) : t(o);
+}
+function U({ render: e, ...t }) {
+	let n = i({
+		...t,
+		"data-part": "time"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("time", { ...n }) : e(n);
+}
+var W = {
+	sending: "clock",
+	sent: "check",
+	delivered: "check-check",
+	read: "check-check"
+};
+function G({ children: e, render: r, status: a, ...o }) {
+	let s = O(), c = l(F), u = a ?? (s.status === "streaming" ? void 0 : s.status) ?? "sent", d = s.t(u), f = u === "failed" ? void 0 : W[u], p = i({
+		...o,
+		children: e ?? (c && f !== void 0 ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(t, { name: f }) }), /* @__PURE__ */ g("span", { children: d })] }) : d),
+		"data-part": "receipt",
+		"data-status": u
+	});
+	return r === void 0 ? /* @__PURE__ */ g("span", { ...p }) : r(p);
+}
+function K({ render: e, ...t }) {
+	let { t: n } = O(), r = i({
+		"aria-label": n("actions"),
+		role: "toolbar",
+		...t,
+		"data-part": "actions"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("div", { ...r }) : e(r);
+}
+function q({ render: e, ...t }) {
+	let n = i({
+		role: "status",
+		...t,
+		"data-part": "activity"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("div", { ...n }) : e(n);
+}
+function J({ children: e, render: a, status: o = "current", ...s }) {
+	let c = o === "complete" ? /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(t, { name: "check" }) }) : o === "current" ? /* @__PURE__ */ g("span", {
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ g("span", {
+			"aria-hidden": "true",
+			"data-ui": "spinner",
+			"data-ui-spinner": "",
+			children: r
+		})
+	}) : /* @__PURE__ */ g("span", { "aria-hidden": "true" }), l = i({
+		...o === "current" ? { "aria-current": "step" } : {},
+		...s,
+		children: /* @__PURE__ */ _(h, { children: [c, /* @__PURE__ */ g("span", { children: e })] }),
+		...o === "complete" ? { "data-complete": "" } : {},
+		...o === "current" ? { "data-current": "" } : {},
+		"data-part": "activity-step"
+	});
+	return a === void 0 ? /* @__PURE__ */ g("div", { ...l }) : a(l);
+}
+function Y({ children: e, onKeyDown: r, render: a, ...o }) {
+	let { requestVersion: s, t: c, version: l, versionCount: u } = O();
+	if (u < 2) return null;
+	let d = (e) => (t) => s(l + e, j(t), t), f = i({
+		"aria-label": c("versions"),
+		role: "group",
+		...o,
+		children: e ?? /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ g("button", {
+				"aria-label": c("previousVersion"),
+				"data-part": "version-previous",
+				"data-part-version-previous": "",
+				disabled: l <= 0,
+				onClick: d(-1),
+				type: "button",
+				children: /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(t, { name: "chevron-right" }) })
+			}),
+			/* @__PURE__ */ g("span", {
+				"aria-live": "polite",
+				"data-part": "version-label",
+				"data-part-version-label": "",
+				children: c("versionLabel", {
+					current: l + 1,
+					total: u
+				})
+			}),
+			/* @__PURE__ */ g("button", {
+				"aria-label": c("nextVersion"),
+				"data-part": "version-next",
+				"data-part-version-next": "",
+				disabled: l >= u - 1,
+				onClick: d(1),
+				type: "button",
+				children: /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(t, { name: "chevron-right" }) })
+			})
+		] }),
+		"data-part": "versions",
+		onKeyDown: (e) => {
+			if (r?.(e), e.defaultPrevented) return;
+			let t = getComputedStyle(e.currentTarget).direction === "rtl", n = t ? "ArrowLeft" : "ArrowRight", i = t ? "ArrowRight" : "ArrowLeft";
+			(e.key === n || e.key === i) && (e.preventDefault(), s(l + (e.key === n ? 1 : -1), "keyboard", e));
+		}
+	});
+	return a === void 0 ? /* @__PURE__ */ g("div", { ...f }) : a(f);
+}
+//#endregion
+//#region src/message/bubble.tsx
+function X(e, t) {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function Z({ children: e, defaultRevealed: r = !1, maxLines: a, onRevealedChange: s, render: l, revealed: u, style: f, tone: p, variant: v, ...y }) {
+	let b = w(), x = k(), S = A(), C = d(), [T, E] = m(r), [D, O] = m(!1), M = u ?? T, N = a !== void 0, F = x?.layout === "thread" ? "plain" : x?.align === "end" ? "solid" : void 0, I = x?.align === "end" && x.layout !== "thread" ? "accent" : void 0, L = v ?? F ?? b.variant, R = p ?? I ?? b.tone, z = c((e, t, n) => {
+		o({
+			controlled: u,
+			initial: M,
+			onRequest: (e) => s?.(e.value, e)
+		}).request(e, t, n) && E(e);
+	}, [
+		s,
+		u,
+		M
+	]), B = {
+		clamped: N,
+		contentId: C,
+		overflowing: D,
+		requestRevealed: z,
+		revealed: M,
+		setOverflowing: O,
+		variant: L
+	}, V = N && (D || M) ? /* @__PURE__ */ _("button", {
+		"aria-controls": C,
+		"aria-expanded": M,
+		"data-part": "more",
+		"data-part-more": "",
+		onClick: (e) => z(!M, j(e), e),
+		type: "button",
+		children: [S(M ? "less" : "more"), /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(t, { name: "chevron-down" }) })]
+	}) : null, H = i({
+		...y,
+		children: /* @__PURE__ */ _(h, { children: [e, V] }),
+		...N ? { "data-clamped": "" } : {},
+		"data-part": "bubble",
+		...M && N ? { "data-revealed": "" } : {},
+		"data-tone": R,
+		"data-ui": "message",
+		"data-variant": L,
+		style: N ? {
+			...f,
+			"--slotted-message-max-lines": a
+		} : f
+	});
+	return /* @__PURE__ */ g(P.Provider, {
+		value: B,
+		children: l === void 0 ? /* @__PURE__ */ g("div", { ...H }) : l(H)
+	});
+}
+function Q({ id: e, ref: t, render: n, ...r }) {
+	let a = I(), { clamped: o, revealed: s, setOverflowing: l } = a, d = p(null);
+	u(() => {
+		let e = d.current;
+		if (!o || e === null || s) return;
+		let t = () => l(e.scrollHeight > e.clientHeight + 1);
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [
+		o,
+		s,
+		l
+	]);
+	let f = c((e) => {
+		d.current = e, X(t, e);
+	}, [t]), m = i({
+		...r,
+		"data-part": "content",
+		id: e ?? a.contentId,
+		ref: f
+	});
+	return n === void 0 ? /* @__PURE__ */ g("div", { ...m }) : n(m);
+}
+function $({ render: e, ...t }) {
+	let n = i({
+		...t,
+		"data-part": "meta"
+	});
+	return /* @__PURE__ */ g(F.Provider, {
+		value: !0,
+		children: e === void 0 ? /* @__PURE__ */ g("span", { ...n }) : e(n)
+	});
+}
+function ee({ author: e, children: t, onJump: n, render: r, ...a }) {
+	let o = /* @__PURE__ */ _(h, { children: [e === void 0 ? null : /* @__PURE__ */ g("span", {
+		"data-part": "quote-author",
+		"data-part-quote-author": "",
+		children: e
+	}), t] }), s = i({
+		...a,
+		children: o,
+		"data-part": "quote"
+	});
+	return r === void 0 ? n === void 0 ? /* @__PURE__ */ g("div", { ...s }) : /* @__PURE__ */ g("button", {
+		...s,
+		onClick: (e) => n(e),
+		type: "button"
+	}) : r(s);
+}
+function te({ text: e, animate: t, render: n, ...r }) {
+	let a = k(), o = t ?? a?.status === "streaming", [s, c] = m(() => ({
+		stream: b(e),
+		streaming: o
+	})), { stream: l } = s;
+	if (l.text !== e || s.streaming !== o) {
+		let t = typeof window > "u" ? null : window;
+		l = y(l, e, {
+			animate: (o || s.streaming) && !x(t),
+			now: typeof performance > "u" ? 0 : performance.now()
+		}), c({
+			stream: l,
+			streaming: o
+		});
+	}
+	let u = i({
+		...r,
+		"data-part": "stream",
+		children: /* @__PURE__ */ _(h, { children: [l.settled, l.chunks.map((e) => /* @__PURE__ */ g("span", {
+			"data-part": "stream-chunk",
+			"data-part-stream-chunk": "",
+			onAnimationEnd: () => c((t) => ({
+				...t,
+				stream: S(t.stream, e.key)
+			})),
+			style: { animationDelay: `${e.delay}ms` },
+			children: e.text
+		}, e.key))] })
+	});
+	return n === void 0 ? /* @__PURE__ */ g("span", { ...u }) : n(u);
+}
+function ne(e) {
+	let { render: t, ...n } = e, r = i({
+		"aria-hidden": !0,
+		...n,
+		"data-part": "caret"
+	});
+	return t === void 0 ? /* @__PURE__ */ g("span", { ...r }) : t(r);
+}
+function re(e) {
+	let t = A();
+	return /* @__PURE__ */ _("span", {
+		"aria-label": t("typing"),
+		role: "img",
+		...a(e, "part", "typing"),
+		children: [
+			/* @__PURE__ */ g("span", {}),
+			/* @__PURE__ */ g("span", {}),
+			/* @__PURE__ */ g("span", {})
+		]
+	});
+}
+function ie({ children: e, onClick: r, render: a, ...o }) {
+	let s = k(), c = A(), l = i({
+		"aria-label": c("retry"),
+		type: "button",
+		...o,
+		children: e ?? /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(t, { name: "rotate-ccw" }) }),
+		"data-part": "retry",
+		onClick: (e) => {
+			r?.(e), !e.defaultPrevented && s?.onRetry?.({
+				reason: j(e),
+				source: e
+			});
+		}
+	});
+	return a === void 0 ? /* @__PURE__ */ g("button", { ...l }) : a(l);
+}
+function ae({ render: e, ...t }) {
+	let n = A(), r = i({
+		"aria-label": n("reactions"),
+		role: "group",
+		...t,
+		"data-part": "reactions"
+	});
+	return e === void 0 ? /* @__PURE__ */ g("div", { ...r }) : e(r);
+}
+function oe({ children: e, count: t, defaultPressed: n = !1, disabled: r, onClick: i, onPressedChange: s, pressed: c, ...l }) {
+	let [u, d] = m(n), f = c ?? u, p = (e) => {
+		i?.(e), !e.defaultPrevented && o({
+			controlled: c,
+			initial: f,
+			onRequest: (e) => s?.(e.value, e)
+		}).request(!f, j(e), e) && d(!f);
+	};
+	return /* @__PURE__ */ _("button", {
+		"aria-pressed": f,
+		type: "button",
+		...a(l, "part", "reaction"),
+		...f ? { "data-pressed": "" } : {},
+		...r ? { "data-disabled": "" } : {},
+		disabled: r,
+		onClick: p,
+		children: [e, t === void 0 ? null : /* @__PURE__ */ g("span", {
+			"data-part": "reaction-count",
+			"data-part-reaction-count": "",
+			children: t
+		})]
+	});
+}
+//#endregion
+export { N as C, w as D, T as E, I as S, O as T, V as _, ee as a, U as b, ie as c, K as d, q as f, z as g, R as h, $ as i, te as l, H as m, ne as n, oe as o, J as p, Q as r, ae as s, Z as t, re as u, B as v, M as w, Y as x, G as y };

package/dist/message-scroller-akQEtQLn.js

@@ -0,0 +1,218 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { t as r } from "./spinner-ring-DyfaYloA.js";
+import { keyedProps as i, withSelectorKey as a } from "@slotted/core/selector-key";
+import { createContext as o, useCallback as s, useContext as c, useEffect as l, useImperativeHandle as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { messageScrollerMessages as _ } from "@slotted/core/i18n";
+import { getLiveAnnouncer as v } from "@slotted/core/live-announcer";
+import { createMessageScroller as y } from "@slotted/core/message-scroller";
+//#region src/message-scroller/message-scroller-defaults.tsx
+var b = o({
+	follow: !1,
+	defaultPosition: "last-anchor",
+	peek: 64,
+	scrollMargin: 0
+});
+function x() {
+	return c(b);
+}
+function S({ children: e, ...t }) {
+	let n = x();
+	return /* @__PURE__ */ h(b.Provider, {
+		value: {
+			follow: t.follow ?? n.follow,
+			defaultPosition: t.defaultPosition ?? n.defaultPosition,
+			peek: t.peek ?? n.peek,
+			scrollMargin: t.scrollMargin ?? n.scrollMargin
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/message-scroller/message-scroller.tsx
+var C = o(null);
+function w() {
+	let e = c(C);
+	if (e === null) throw Error("A MessageScroller part is rendered outside a MessageScroller.");
+	return e;
+}
+function T(e, t) {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function E({ busy: t = !1, children: n, defaultPosition: r, edgeThreshold: a, follow: o, messages: s, onAnchorChange: c, onReachStart: m, onScrollableChange: g, peek: b, preserveOnPrepend: S, ref: w, render: T, scrollMargin: E, ...D }) {
+	let O = x(), k = e(_, s), A = r ?? O.defaultPosition, j = d({
+		onAnchorChange: c,
+		onReachStart: m,
+		onScrollableChange: g
+	});
+	j.current = {
+		onAnchorChange: c,
+		onReachStart: m,
+		onScrollableChange: g
+	};
+	let [M] = f(() => y({
+		defaultPosition: A,
+		onAnchorChange: (e, t) => j.current.onAnchorChange?.(e, t),
+		onReachStart: (e) => j.current.onReachStart?.(e),
+		onScrollableChange: (e) => j.current.onScrollableChange?.(e)
+	}));
+	l(() => {
+		M.update({
+			edgeThreshold: a,
+			follow: o ?? O.follow,
+			peek: b ?? O.peek,
+			preserveOnPrepend: S,
+			scrollMargin: E ?? O.scrollMargin
+		});
+	}, [
+		O.follow,
+		O.peek,
+		O.scrollMargin,
+		a,
+		M,
+		o,
+		b,
+		S,
+		E
+	]);
+	let [N, P] = f(null), [F, I] = f(null), [L, R] = f(null);
+	l(() => {
+		if (F !== null && L !== null) return M.connect({
+			content: L,
+			root: N,
+			viewport: F
+		});
+	}, [
+		L,
+		M,
+		N,
+		F
+	]);
+	let z = p(M.subscribe, M.getState, M.getState), B = d(t);
+	l(() => {
+		B.current !== t && (B.current = t, v().announce(k(t ? "busy" : "idle")));
+	}, [t, k]), u(w, () => ({
+		focus: () => F?.focus(),
+		get root() {
+			return N;
+		},
+		scrollToEnd: (e) => M.scrollToEnd(e),
+		scrollToMessage: (e, t) => M.scrollToMessage(e, t),
+		scrollToStart: (e) => M.scrollToStart(e)
+	}), [
+		M,
+		N,
+		F
+	]);
+	let V = {
+		busy: t,
+		defaultPosition: A,
+		registerContent: R,
+		registerViewport: I,
+		scrollToEnd: M.scrollToEnd,
+		scrollToMessage: M.scrollToMessage,
+		scrollToStart: M.scrollToStart,
+		state: z,
+		t: k
+	}, H = i({
+		...D,
+		children: n,
+		"data-part": "root",
+		"data-ui": "message-scroller",
+		ref: P
+	});
+	return /* @__PURE__ */ h(C.Provider, {
+		value: V,
+		children: T === void 0 ? /* @__PURE__ */ h("div", { ...H }) : T(H)
+	});
+}
+function D({ ref: e, render: t, ...n }) {
+	let r = w(), { registerViewport: a } = r, o = s((t) => {
+		a(t), T(e, t);
+	}, [e, a]), c = i({
+		"aria-label": r.t("label"),
+		role: "region",
+		tabIndex: 0,
+		...n,
+		"data-part": "viewport",
+		...r.defaultPosition === "start" ? {} : { "data-pending": "" },
+		ref: o
+	});
+	return t === void 0 ? /* @__PURE__ */ h("div", { ...c }) : t(c);
+}
+function O({ ref: e, render: t, ...n }) {
+	let r = w(), { registerContent: a } = r, o = s((t) => {
+		a(t), T(e, t);
+	}, [e, a]), c = i({
+		"aria-relevant": "additions",
+		role: "log",
+		...r.busy ? { "aria-busy": !0 } : {},
+		...n,
+		"data-part": "content",
+		ref: o
+	});
+	return t === void 0 ? /* @__PURE__ */ h("div", { ...c }) : t(c);
+}
+function k({ anchor: e, messageId: t, render: n, ...r }) {
+	let a = i({
+		...r,
+		...e ? { "data-anchor": "true" } : {},
+		...t === void 0 ? {} : { "data-message-id": t },
+		"data-part": "item"
+	});
+	return n === void 0 ? /* @__PURE__ */ h("div", { ...a }) : n(a);
+}
+function A({ children: e, render: t, sticky: n, ...r }) {
+	let a = i({
+		...r,
+		children: /* @__PURE__ */ h("span", { children: e }),
+		"data-part": "separator",
+		...n ? { "data-sticky": "" } : {}
+	});
+	return t === void 0 ? /* @__PURE__ */ h("div", { ...a }) : t(a);
+}
+function j({ children: e, render: t, ...n }) {
+	let { t: r } = w(), a = i({
+		...n,
+		children: /* @__PURE__ */ h("span", { children: e ?? r("unread") }),
+		"data-part": "unread"
+	});
+	return t === void 0 ? /* @__PURE__ */ h("div", { ...a }) : t(a);
+}
+function M({ children: e, render: t, ...n }) {
+	let { t: a } = w(), o = i({
+		role: "status",
+		...n,
+		children: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+			"aria-hidden": "true",
+			"data-ui": "spinner",
+			"data-ui-spinner": "",
+			children: r
+		}), /* @__PURE__ */ h("span", { children: e ?? a("loader") })] }),
+		"data-part": "loader"
+	});
+	return t === void 0 ? /* @__PURE__ */ h("div", { ...o }) : t(o);
+}
+function N({ "aria-label": e, behavior: r = "smooth", children: i, direction: o = "end", onClick: s, ...c }) {
+	let l = w(), { state: u, t: d } = l, f = o === "end" ? u.scrollable.end : u.scrollable.start, p = o === "end" ? u.newCount : 0, _ = p > 0 ? d("jumpCount", { count: p }) : null, v = o === "start" ? d("jumpToStart") : p > 0 ? d("jumpToEndCount", { count: p }) : d("jumpToEnd");
+	return /* @__PURE__ */ h("button", {
+		"aria-label": e ?? v,
+		type: "button",
+		...a(c, "part", "jump"),
+		"data-active": String(f),
+		"data-direction": o,
+		inert: !f,
+		onClick: (e) => {
+			s?.(e), !e.defaultPrevented && (o === "end" ? l.scrollToEnd({ behavior: r }) : l.scrollToStart({ behavior: r }));
+		},
+		tabIndex: f ? 0 : -1,
+		children: i ?? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(t, { name: "arrow-left" }) }), _ === null ? null : /* @__PURE__ */ h("span", {
+			"data-part": "jump-count",
+			"data-part-jump-count": "",
+			children: _
+		})] })
+	});
+}
+//#endregion
+export { M as a, D as c, x as d, N as i, w as l, O as n, A as o, k as r, j as s, E as t, S as u };

package/dist/message-scroller.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./message-scroller-niUJ8RoL.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./message-scroller-akQEtQLn.js";
 export { l as MessageScroller, a as MessageScrollerContent, u as MessageScrollerDefaultsProvider, s as MessageScrollerItem, r as MessageScrollerJump, e as MessageScrollerLoader, o as MessageScrollerSeparator, c as MessageScrollerUnread, t as MessageScrollerViewport, i as useMessageScroller, n as useMessageScrollerDefaults };

package/dist/message.js

@@ -1,2 +1,2 @@
-import { C as e, D as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, w, x as T, y as E } from "./message-Dtck9RJy.js";
+import { C as e, D as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, w, x as T, y as E } from "./message-BkTiWsUp.js";
 export { x as Bubble, g as BubbleCaret, y as BubbleContent, p as BubbleMeta, o as BubbleQuote, _ as BubbleReaction, b as BubbleReactions, c as BubbleRetry, m as BubbleStream, S as BubbleTyping, e as Message, l as MessageActions, u as MessageActivity, v as MessageActivityStep, h as MessageAuthor, f as MessageAvatar, d as MessageBody, n as MessageDefaultsProvider, a as MessageFooter, w as MessageGroup, C as MessageHeader, E as MessageReceipt, s as MessageTime, T as MessageVersions, r as useBubble, i as useMessage, t as useMessageDefaults };