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

package/dist/message-Dtck9RJy.js

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

package/dist/message-scroller-niUJ8RoL.js

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