@botiverse/raft-ui 0.20.0 → 0.21.1

package/dist/{touch-drag-BA_Fxs2Z.mjs → inbox-item.recipe-DelZxRmY.mjs}

@@ -2,7 +2,7 @@ import { cn } from "./cn.mjs";
 import { Dialog } from "@base-ui/react/dialog";
 import { Check, Minus, X } from "lucide-react";
 import { tv } from "tailwind-variants/lite";
-import { Children, Fragment, createContext, isValidElement, use, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
+import { Children, Fragment, createContext, isValidElement, use, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -12,6 +12,9 @@ import { Checkbox } from "@base-ui/react/checkbox";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 import { Avatar } from "@base-ui/react";
 import { Menu } from "@base-ui/react/menu";
+import { flushSync } from "react-dom";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
 import { Toggle } from "@base-ui/react/toggle";
 import { Toolbar } from "@base-ui/react/toolbar";
 import { PointerSensor, TouchSensor, useSensor } from "@dnd-kit/core";
@@ -624,6 +627,7 @@ const badge = tv$1({
 		"font-sans text-caption font-semibold normal-case tracking-normal",
 		"transition-[filter,opacity] duration-100",
 		"[&_svg]:size-3.5 [&_svg]:shrink-0 [&_[data-slot='spinner']]:size-3 [&_[data-slot='spinner']]:text-xs",
+		"*:data-[slot=status]:lead-dot",
 		"disabled:cursor-not-allowed disabled:bg-fill-muted disabled:text-foreground-disabled disabled:opacity-100 disabled:inset-ring-0"
 	] },
 	variants: {
@@ -797,6 +801,36 @@ function Experimental(props) {
 }
 const Badge = Object.assign(BadgeRoot, { Experimental });
 //#endregion
+//#region src/components/text-link/text-link.tsx
+const textLinkVariants = tv$1({
+	base: [
+		"rounded-[2px]",
+		"decoration-[1.5px] underline-offset-[3px] not-disabled:hover:underline",
+		"outline-none focus-visible:shadow-focus",
+		"disabled:cursor-not-allowed disabled:text-foreground-disabled"
+	],
+	variants: { variant: {
+		muted: ["font-medium text-foreground-muted", "hover:text-foreground"],
+		strong: ["font-semibold text-foreground"]
+	} },
+	defaultVariants: { variant: "muted" }
+});
+function TextLink({ variant, className, render, ...props }) {
+	const defaultProps = {
+		className: textLinkVariants({
+			variant,
+			className
+		}),
+		...render ? {} : { type: "button" }
+	};
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "text-link" }
+	});
+}
+//#endregion
 //#region src/components/tooltip/tooltip.tsx
 const tooltip = tv$1({
 	slots: {
@@ -942,7 +976,7 @@ const CONTENT_COLLISION_AVOIDANCE = {
 	align: "shift",
 	fallbackAxisSide: "none"
 };
-function TooltipContent({ align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding, disableAnchorTracking = false, positionMethod = "fixed", side = "top", sideOffset, sticky, container, portalProps, className, children, ...props }) {
+function TooltipContent({ align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "top", sideOffset, sticky, container, portalProps, className, children, ...props }) {
 	const { positioner, content } = tooltip();
 	const portalContainer = container !== void 0 ? container : portalProps?.container;
 	return /* @__PURE__ */ jsx(TooltipPortal, {
@@ -1050,7 +1084,9 @@ const checkbox = tv$1({ slots: {
 		"relative inline-flex size-5 shrink-0 touch-manipulation items-center justify-center outline-none",
 		"rounded-sticker focus-visible:shadow-focus",
 		"data-disabled:cursor-not-allowed",
-		"after:absolute after:-inset-x-3 after:-inset-y-2 after:content-['']"
+		"after:absolute after:-inset-x-3 after:-inset-y-2 after:content-[''] pointer-coarse:after:-inset-y-3",
+		"[label>&]:my-[max(0px,calc((1lh-1.25rem)/2))]",
+		"[label>&]:after:-inset-y-[calc(max(0px,(1lh-1.25rem)/2)+4px)]"
 	],
 	indicator: "pointer-events-none"
 } });
@@ -1401,7 +1437,7 @@ function DropdownMenuPopup({ className, ...props }) {
 		...props
 	});
 }
-function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking = false, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
+function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
 	const resolvedSideOffset = sideOffset ?? 6;
 	const { positioner, content } = dropdownMenu();
 	return /* @__PURE__ */ jsx(DropdownMenuPortal, {
@@ -1589,10 +1625,157 @@ function DropdownMenuCheckboxItemIndicator({ className, ...props }) {
 		...props
 	});
 }
+function contentBox(element) {
+	const rect = element.getBoundingClientRect();
+	if (rect.width === 0 && rect.height === 0) return void 0;
+	const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+	const px = (value) => Number.parseFloat(value ?? "") || 0;
+	return {
+		left: rect.left + px(style?.borderLeftWidth) + px(style?.paddingLeft),
+		right: rect.right - px(style?.borderRightWidth) - px(style?.paddingRight),
+		top: rect.top + px(style?.borderTopWidth) + px(style?.paddingTop),
+		bottom: rect.bottom - px(style?.borderBottomWidth) - px(style?.paddingBottom)
+	};
+}
+/**
+* Whether laid-out text `rects` overflow `box`: past either inline edge, or
+* on a line whose middle is below the bottom edge (a clamped line is still
+* laid out, below the box; the middle, not the top, so a glyph box taller
+* than a tight line-height does not count as a cut).
+*/
+function overflows(rects, box) {
+	for (const rect of Array.from(rects)) {
+		if (rect.width === 0 && rect.height === 0) continue;
+		if (rect.right > box.right + .5 || rect.left < box.left - .5) return true;
+		if (rect.top + rect.height / 2 > box.bottom + .5) return true;
+	}
+	return false;
+}
+/** Whether the text inside `element` overflows its content box. */
+function measureElement(element) {
+	if (!element.isConnected) return void 0;
+	const box = contentBox(element);
+	if (!box) return void 0;
+	const range = element.ownerDocument.createRange();
+	range.selectNodeContents(element);
+	return overflows(range.getClientRects(), box);
+}
+/**
+* Whether the inline `content` overflows `text`, the box that clips it.
+* Used where `text` holds more than the content (an Ellipsis's floats).
+*/
+function measureContent(text, content) {
+	if (!text.isConnected) return void 0;
+	const box = contentBox(text);
+	if (!box) return void 0;
+	return overflows(content.getClientRects(), box);
+}
+/** Isolates, reads and restores one target now, outside the batch. */
+function readNow(target) {
+	const restore = target.isolate?.();
+	try {
+		return target.read();
+	} finally {
+		restore?.();
+	}
+}
+const targets = /* @__PURE__ */ new Set();
+const byElement = /* @__PURE__ */ new WeakMap();
+const pending = /* @__PURE__ */ new Set();
+let frame = 0;
+let resizeObserver;
+let mutationObserver;
+let fontsListening = false;
+function flush() {
+	frame = 0;
+	const batch = Array.from(pending).filter((target) => targets.has(target));
+	pending.clear();
+	const restores = batch.map((target) => target.isolate?.());
+	const results = batch.map((target) => target.read());
+	for (const restore of restores) restore?.();
+	flushSync(() => {
+		batch.forEach((target, index) => {
+			if (targets.has(target)) target.commit(results[index]);
+		});
+	});
+}
+/** Asks for `target` to be measured in the next frame, before it paints. */
+function scheduleMeasure(target) {
+	if (!targets.has(target)) return;
+	pending.add(target);
+	if (frame === 0 && typeof requestAnimationFrame === "function") frame = requestAnimationFrame(flush);
+}
+function scheduleAll() {
+	for (const target of targets) scheduleMeasure(target);
+}
+function ownerOf(node) {
+	for (let current = node; current; current = current.parentNode) {
+		const target = byElement.get(current);
+		if (target) return target;
+	}
+}
+function observers(view) {
+	if (!resizeObserver && "ResizeObserver" in view) resizeObserver = new view.ResizeObserver((entries) => {
+		for (const entry of entries) {
+			const target = byElement.get(entry.target);
+			if (target) scheduleMeasure(target);
+		}
+	});
+	if (!mutationObserver && "MutationObserver" in view) mutationObserver = new view.MutationObserver((records) => {
+		for (const record of records) {
+			const target = ownerOf(record.target);
+			if (target) scheduleMeasure(target);
+		}
+	});
+	const fonts = view.document.fonts;
+	if (!fontsListening && fonts && typeof fonts.addEventListener === "function") {
+		fonts.addEventListener("loadingdone", scheduleAll);
+		fontsListening = true;
+	}
+}
+/**
+* Starts watching `target`: the elements it names, the text under `watch`
+* and the page's fonts. Measures it in the next frame. Returns the cleanup.
+*/
+function observeTruncation(target) {
+	const observed = target.observe().filter((element) => element != null);
+	const first = observed[0];
+	const view = first?.ownerDocument.defaultView;
+	if (!first || !view) return () => void 0;
+	observers(view);
+	targets.add(target);
+	for (const element of observed) {
+		byElement.set(element, target);
+		resizeObserver?.observe(element);
+	}
+	const watched = target.watch();
+	if (watched) {
+		byElement.set(watched, target);
+		mutationObserver?.observe(watched, {
+			childList: true,
+			characterData: true,
+			subtree: true
+		});
+	}
+	scheduleMeasure(target);
+	return () => {
+		targets.delete(target);
+		pending.delete(target);
+		for (const element of observed) {
+			if (byElement.get(element) === target) byElement.delete(element);
+			resizeObserver?.unobserve(element);
+		}
+		if (watched && byElement.get(watched) === target) byElement.delete(watched);
+		if (targets.size === 0) {
+			mutationObserver?.disconnect();
+			mutationObserver = void 0;
+		}
+	};
+}
 //#endregion
 //#region src/lib/use-overflow-title.ts
 function cut(element) {
-	return element.scrollWidth > element.clientWidth + 1 || element.scrollHeight > element.clientHeight + 1;
+	return measureElement(element) === true;
 }
 function assign(ref, node) {
 	if (typeof ref === "function") ref(node);
@@ -1621,28 +1804,153 @@ function useOverflowTitle(ref, title) {
 		cleanup.current = void 0;
 		assign(ref, node);
 		const view = node?.ownerDocument.defaultView;
-		if (!node || own || !view || !("ResizeObserver" in view)) return;
-		const update = () => {
-			const text = node.textContent?.trim() ?? "";
-			if (text && (cut(node) || Array.from(node.children).some(cut))) node.title = text;
-			else node.removeAttribute("title");
-		};
-		const resize = new view.ResizeObserver(update);
-		resize.observe(node);
-		for (const child of Array.from(node.children)) resize.observe(child);
-		const mutation = new view.MutationObserver(update);
-		mutation.observe(node, {
-			childList: true,
-			characterData: true,
-			subtree: true
+		if (!node || own || !view) return;
+		const children = Array.from(node.children);
+		cleanup.current = observeTruncation({
+			observe: () => [node, ...children],
+			watch: () => node,
+			read: () => cut(node) || children.some(cut),
+			commit: (truncated) => {
+				const text = node.textContent?.trim() ?? "";
+				if (text && truncated) node.title = text;
+				else node.removeAttribute("title");
+			}
 		});
-		cleanup.current = () => {
-			resize.disconnect();
-			mutation.disconnect();
-		};
 	}, [own, ref]);
 }
 //#endregion
+//#region src/components/segmented-control/segmented-control.tsx
+const segmentedControl = tv$1({
+	slots: {
+		root: ["inline-flex shrink-0 items-center", "w-fit flex-nowrap gap-[3px] rounded-[11px] bg-fill-muted p-[3px]"],
+		item: [
+			"inline-flex min-w-0 shrink-0 items-center gap-1.5",
+			"outline-none disabled:pointer-events-none",
+			"[&_svg]:pointer-events-none [&_svg]:shrink-0",
+			"h-8 justify-center rounded-control border-[1.5px] border-transparent bg-transparent px-3",
+			"font-sans text-callout font-semibold text-foreground-muted",
+			"[&_svg:not([class*='size-'])]:size-4",
+			"hover:bg-fill-medium active:bg-fill-medium",
+			"data-checked:border-sticker-ink data-checked:bg-brand data-checked:font-bold data-checked:text-sticker-ink data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
+			"data-checked:hover:bg-brand data-checked:active:bg-brand data-checked:active:overlay-sticker-medium",
+			"focus-visible:shadow-focus",
+			"data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
+		],
+		label: ["truncate"],
+		count: ["font-mono", "text-mono-meta font-normal"]
+	},
+	variants: {
+		variant: {
+			default: {},
+			"on-frame": { root: [
+				"bg-fill-frame-medium",
+				"**:data-[slot=segmented-control-item]:text-foreground-on-frame-muted **:data-[slot=segmented-control-item]:hover:text-foreground-on-frame",
+				"**:data-[slot=segmented-control-item]:hover:bg-transparent **:data-[slot=segmented-control-item]:hover:overlay-frame-medium **:data-[slot=segmented-control-item]:active:bg-transparent **:data-[slot=segmented-control-item]:active:overlay-frame-medium",
+				"**:data-[slot=segmented-control-item]:data-checked:border-line-frame-active **:data-[slot=segmented-control-item]:data-checked:bg-layer-frame-active **:data-[slot=segmented-control-item]:data-checked:text-foreground-on-frame-active",
+				"**:data-[slot=segmented-control-item]:data-checked:hover:bg-layer-frame-active **:data-[slot=segmented-control-item]:data-checked:hover:bg-none **:data-[slot=segmented-control-item]:data-checked:active:bg-layer-frame-active"
+			] }
+		},
+		iconsOnlyBelow: {
+			xs: { root: ["@max-xs:**:data-[slot=segmented-control-item]:relative @max-xs:**:data-[slot=segmented-control-item]:w-8 @max-xs:**:data-[slot=segmented-control-item]:px-0", "@max-xs:**:data-[slot=segmented-control-label]:sr-only @max-xs:**:data-[slot=segmented-control-count]:sr-only"] },
+			sm: { root: ["@max-sm:**:data-[slot=segmented-control-item]:relative @max-sm:**:data-[slot=segmented-control-item]:w-8 @max-sm:**:data-[slot=segmented-control-item]:px-0", "@max-sm:**:data-[slot=segmented-control-label]:sr-only @max-sm:**:data-[slot=segmented-control-count]:sr-only"] },
+			md: { root: ["@max-md:**:data-[slot=segmented-control-item]:relative @max-md:**:data-[slot=segmented-control-item]:w-8 @max-md:**:data-[slot=segmented-control-item]:px-0", "@max-md:**:data-[slot=segmented-control-label]:sr-only @max-md:**:data-[slot=segmented-control-count]:sr-only"] },
+			lg: { root: ["@max-lg:**:data-[slot=segmented-control-item]:relative @max-lg:**:data-[slot=segmented-control-item]:w-8 @max-lg:**:data-[slot=segmented-control-item]:px-0", "@max-lg:**:data-[slot=segmented-control-label]:sr-only @max-lg:**:data-[slot=segmented-control-count]:sr-only"] },
+			xl: { root: ["@max-xl:**:data-[slot=segmented-control-item]:relative @max-xl:**:data-[slot=segmented-control-item]:w-8 @max-xl:**:data-[slot=segmented-control-item]:px-0", "@max-xl:**:data-[slot=segmented-control-label]:sr-only @max-xl:**:data-[slot=segmented-control-count]:sr-only"] },
+			"2xl": { root: ["@max-2xl:**:data-[slot=segmented-control-item]:relative @max-2xl:**:data-[slot=segmented-control-item]:w-8 @max-2xl:**:data-[slot=segmented-control-item]:px-0", "@max-2xl:**:data-[slot=segmented-control-label]:sr-only @max-2xl:**:data-[slot=segmented-control-count]:sr-only"] }
+		}
+	}
+});
+const SegmentedControlIconsOnlyContext = createContext(false);
+function SegmentedControl({ disabled = false, iconsOnlyBelow, variant = "default", className, ...props }) {
+	const { root } = segmentedControl({
+		iconsOnlyBelow,
+		variant
+	});
+	return /* @__PURE__ */ jsx(SegmentedControlIconsOnlyContext, {
+		value: iconsOnlyBelow !== void 0,
+		children: /* @__PURE__ */ jsx(RadioGroup, {
+			disabled,
+			"data-slot": "segmented-control",
+			className: root({ className }),
+			...props
+		})
+	});
+}
+function SegmentedControlItem({ className, ...props }) {
+	const { item } = segmentedControl();
+	const iconsOnly = use(SegmentedControlIconsOnlyContext);
+	const radio = /* @__PURE__ */ jsx(Radio.Root, {
+		render: /* @__PURE__ */ jsx("button", { type: "button" }),
+		nativeButton: true,
+		"data-slot": "segmented-control-item",
+		className: item({ className: `group/segmented-control-item ${className ?? ""}`.trim() }),
+		...props
+	});
+	return iconsOnly ? /* @__PURE__ */ jsx(SegmentedControlItemTooltip, { children: radio }) : radio;
+}
+function SegmentedControlItemTooltip({ children }) {
+	const [text, setText] = useState("");
+	const triggerRef = useRef(null);
+	const handleOpenChange = useCallback((open, details) => {
+		if (!open) return;
+		const label = triggerRef.current?.querySelector("[data-slot=segmented-control-label]");
+		if (!label || label.getBoundingClientRect().width > 1) {
+			details.cancel();
+			return;
+		}
+		setText(label.textContent ?? "");
+	}, []);
+	return /* @__PURE__ */ jsxs(Tooltip$1, {
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			ref: triggerRef,
+			render: children
+		}), /* @__PURE__ */ jsx(TooltipContent, { children: text })]
+	});
+}
+function SegmentedControlLabel({ className, ...props }) {
+	const { label } = segmentedControl();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "segmented-control-label",
+		className: label({ className }),
+		...props
+	});
+}
+function SegmentedControlCount({ className, ...props }) {
+	const { count } = segmentedControl();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "segmented-control-count",
+		className: count({ className }),
+		...props
+	});
+}
+/**
+* The same track for choices that are places, not values: each segment is a
+* link to another URL (a language, a version of the page), so it can be
+* opened in a new tab and copied. Name it with `aria-label`.
+*/
+function SegmentedControlNav({ variant = "default", className, ...props }) {
+	const { root } = segmentedControl({ variant });
+	return /* @__PURE__ */ jsx("nav", {
+		"data-slot": "segmented-control",
+		className: root({ className }),
+		...props
+	});
+}
+/** One segment of a `SegmentedControlNav`: a link, `<a>` unless `render` gives a router link. */
+function SegmentedControlLink({ current = false, className, render, ...props }) {
+	const { item } = segmentedControl();
+	return useRender({
+		render: render ?? /* @__PURE__ */ jsx("a", {}),
+		props: mergeProps({
+			"data-slot": "segmented-control-item",
+			"aria-current": current ? "page" : void 0,
+			...current ? { "data-checked": "" } : {},
+			className: item({ className: `group/segmented-control-item ${className ?? ""}`.trim() })
+		}, props)
+	});
+}
+//#endregion
 //#region src/components/avatar/avatar.tsx
 const avatar = tv$1({
 	slots: {
@@ -1936,7 +2244,7 @@ const messageItem = tv$1({
 			"group/message relative flex h-fit gap-3",
 			"hover:[--mi-toolbar-opacity:1] hover:[--mi-toolbar-pe:auto] focus-within:[--mi-toolbar-opacity:1] focus-within:[--mi-toolbar-pe:auto]",
 			"has-data-popup-open:[--mi-toolbar-opacity:1] has-data-popup-open:[--mi-toolbar-pe:auto]",
-			"min-h-0 px-2 py-1 border-t-8 border-transparent bg-clip-padding",
+			"min-h-0 px-2 py-timeline-row border-t-(length:--spacing-timeline-turn) border-transparent bg-clip-padding",
 			"hover:[--mi-ct-color:var(--foreground-hint)] has-data-popup-open:[--mi-ct-color:var(--foreground-hint)]",
 			"bg-(--mi-row-fill) [--mi-row-fill:initial]",
 			"hover:[--mi-row-fill:var(--fill-subtle)]",
@@ -2350,7 +2658,7 @@ const messageFooter = tv$1({
 		savedIndicator: [
 			"inline-flex min-w-0 max-w-full items-center gap-1 overflow-hidden whitespace-nowrap select-none",
 			"[&_svg]:shrink-0",
-			"h-[22px] rounded-chip px-1.5",
+			"h-[22px] rounded-chip pr-[6.5px] pl-[5.5px]",
 			"text-caption font-semibold text-foreground-muted",
 			"bg-fill-muted hover:overlay-medium active:overlay-medium",
 			"outline-none focus-visible:shadow-focus",
@@ -2462,7 +2770,7 @@ const messageReaction = tv$1({ slots: {
 	chip: [
 		"inline-flex min-w-0 max-w-full items-center overflow-hidden whitespace-nowrap",
 		"transition-colors",
-		"h-6 gap-1 rounded-chip pr-2 pl-1.5 text-callout text-foreground",
+		"h-6 gap-1 rounded-chip px-[7px] text-callout text-foreground",
 		"bg-fill-muted hover:overlay-medium active:overlay-medium",
 		"data-pressed:bg-attention-soft",
 		"has-data-[slot=message-reaction-error-indicator]:bg-warning-soft",
@@ -2691,12 +2999,17 @@ function MessageReactionTooltipMeta({ className, render, ...props }) {
 //#endregion
 //#region src/components/message-item/message-reference.recipe.ts
 const chip = (fill) => [
-	"items-baseline gap-0.5 rounded-sticker px-1.5 py-px has-[>svg]:pl-[3px]",
+	"items-baseline gap-0.5 rounded-sticker px-1.5 py-px has-[>svg]:px-[4.5px]",
 	"[font-size:0.875em] leading-5 font-semibold",
+	"[--message-reference-em:1em]",
 	"[&_svg]:size-3.5 [&_svg]:text-foreground-muted",
 	fill
 ];
 const linkChip = (fill) => [...chip(fill), "text-foreground cursor-pointer hover:overlay-medium active:overlay-medium"];
+const SUFFIX_LIFT = {
+	"x-height": "top-[calc((1em-var(--message-reference-em))/4)]",
+	icon: "top-[calc(0.25em-var(--message-reference-em)*0.35)]"
+}["x-height"];
 const messageReference = tv$1({
 	slots: {
 		root: [
@@ -2706,11 +3019,17 @@ const messageReference = tv$1({
 			"max-w-full truncate select-text no-underline",
 			"outline-none focus-visible:shadow-focus",
 			"[&_svg]:size-[0.857em] [&_svg]:shrink-0 [&_svg]:self-center",
+			"*:data-[slot=spinner]:self-center",
 			"has-[>[data-slot=message-reference-indicator]]:relative has-[>[data-slot=message-reference-indicator]]:mr-2",
 			"has-[>[data-slot=message-reference-indicator]]:inline-block",
 			"has-[>[data-slot=message-reference-indicator]]:overflow-visible"
 		],
 		chipLabel: "min-w-0 truncate",
+		suffix: [
+			"relative shrink-0",
+			SUFFIX_LIFT,
+			"font-mono text-label leading-none font-normal text-foreground-hint"
+		],
 		indicator: ["pointer-events-none absolute -right-1.5 top-0 inline-flex size-2 shrink-0 items-center justify-center", "*:data-[slot=status]:size-full"]
 	},
 	variants: { variant: {
@@ -2768,6 +3087,18 @@ function MessageReferenceLabel({ className, render, ...props }) {
 		state: { slot: "message-reference-label" }
 	});
 }
+/** A short note after a chip's label in muted machine type, such as `msg` on a
+*  link to a message. It lines up with the label by the middle of its letters. */
+function MessageReferenceSuffix({ className, render, ...props }) {
+	const { suffix } = messageReference();
+	const defaultProps = { className: suffix({ className }) };
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-reference-suffix" }
+	});
+}
 function MessageReferencePending({ className, render, ...props }) {
 	const { root } = messageReference({ variant: "pending" });
 	return useReferenceRender(root({ className }), render, props);
@@ -2948,8 +3279,8 @@ const messageQuotedPreview = tv$1({ slots: {
 		"has-data-[slot=message-quoted-preview-author-delegated-by]:flex-wrap",
 		"gap-1.5 p-0 pb-0.5"
 	],
-	channel: ["inline-flex items-center", "gap-1 text-footnote font-semibold text-foreground-hint [&_svg]:size-3.5"],
-	thread: ["inline-flex items-center", "gap-1 text-footnote font-semibold text-foreground-hint [&_svg]:size-3.5"],
+	channel: ["inline-flex items-start", "gap-1 text-footnote font-semibold text-foreground-hint [&_svg]:size-3.5 [&_svg]:lead-icon"],
+	thread: ["inline-flex items-start", "gap-1 text-footnote font-semibold text-foreground-hint [&_svg]:size-3.5 [&_svg]:lead-icon"],
 	author: ["inline-flex min-w-0 items-center", "gap-1.5"],
 	authorName: ["truncate", "text-footnote font-bold text-foreground-muted"],
 	authorMeta: ["truncate", "text-caption text-foreground-hint"],
@@ -3115,10 +3446,20 @@ const messageList = tv$1({
 		root: ["relative h-full min-h-0"],
 		viewport: ["min-w-0 overscroll-none"],
 		content: ["flex min-h-full w-full min-w-0 flex-col"],
-		dateDividerRoot: ["flex select-none items-center", "gap-2 px-4 py-3"],
+		dateDividerRoot: [
+			"flex select-none items-center",
+			"gap-2 px-4",
+			"pt-[calc(var(--spacing-timeline-section)-var(--spacing-timeline-row)-var(--text-mono-meta--line-height)/2)]",
+			"pb-[calc(var(--spacing-timeline-section)-var(--spacing-timeline-lead)-var(--text-mono-meta--line-height)/2)]"
+		],
 		dateDividerRule: ["flex-1", "min-w-3 border-t border-line-hairline"],
 		dateDividerChip: ["inline-flex items-center", "font-mono text-mono-meta whitespace-nowrap text-foreground-hint"],
-		notice: ["text-center", "pb-2 font-mono text-mono-meta"],
+		endFade: [
+			"pointer-events-none absolute inset-x-0 bottom-0 z-5",
+			"h-timeline-section",
+			"bg-linear-to-t from-layer-canvas to-transparent"
+		],
+		notice: ["text-center", "pt-timeline-lead pb-timeline-row font-mono text-mono-meta"],
 		historyLimited: [
 			"inline-flex items-center",
 			"h-[22px] gap-1 rounded-chip px-1.5",
@@ -3247,6 +3588,19 @@ function MessageListHistoryLimited({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
+function MessageListEndFade({ className, render, ...props }) {
+	const { endFade } = messageList();
+	const defaultProps = {
+		"data-slot": "message-list-end-fade",
+		"aria-hidden": true,
+		className: endFade({ className })
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
 //#endregion
 //#region src/components/message-list/message-list-jump.tsx
 function MessageListJumpControls({ className, render, side = "bottom", ...props }) {
@@ -3407,4 +3761,143 @@ function useMouseOnlyPointerSensor(distance) {
 	return useSensor(MouseOnlyPointerSensor, options);
 }
 //#endregion
-export { MessageReactionTooltipContent as $, useTheme as $n, DropdownMenuRadioGroup as $t, messageEmbed as A, TooltipTrigger as An, MessageItemAvatarSlot as At, MessageReferenceLabel as B, DialogOverlay as Bn, AvatarImage as Bt, MessageQuotedPreviewThread as C, Checkbox$1 as Cn, MessageItemAttachments as Ct, MessageEmbedContent as D, TooltipContent as Dn, MessageItemEmbedded as Dt, MessageEmbed as E, Tooltip$1 as En, MessageItemEdited as Et, MessageMultiSelectCheckbox as F, DialogContent as Fn, Avatar$1 as Ft, MessageReactionChip as G, Button$1 as Gn, DropdownMenuContent as Gt, MessageReferenceText as H, DialogSurface as Hn, DropdownMenu as Ht, MessageMultiSelectToolbar as I, DialogDescription as In, AvatarBadge as It, MessageReactionGlyph as J, defaultNativeButton as Jn, DropdownMenuItemCount as Jt, MessageReactionCount as K, buttonVariants as Kn, DropdownMenuFooter as Kt, MessageMultiSelectToolbarActions as L, DialogFooter as Ln, AvatarFallback as Lt, MessageTextSelectionToolbarButton as M, Dialog$1 as Mn, MessageItemGutter as Mt, MessageTextSelectionToolbarSeparator as N, DialogBody as Nn, MessageItem as Nt, MessageEmbedFooter as O, TooltipPortal as On, MessageItemFooter as Ot, MessageMultiSelect as P, DialogClose as Pn, searchHit as Pt, MessageReactionQuickRow as Q, useThemeScopeProps as Qn, DropdownMenuPortal as Qt, MessageReferenceChip as R, DialogHeader as Rn, AvatarGroup as Rt, MessageQuotedPreviewText as S, useMobileViewport as Sn, MessageItemTime as St, MessageQuotedPreviewUnavailable as T, PRESENCE_COLOR as Tn, MessageItemContent as Tt, MessageReferenceUnavailable as U, DialogTitle as Un, DropdownMenuCheckboxItem as Ut, MessageReferencePending as V, DialogPortal as Vn, useOverflowTitle as Vt, MessageReactionAddButton as W, DialogTrigger as Wn, DropdownMenuCheckboxItemIndicator as Wt, MessageReactionPickerStatic as X, withOverlayLayer as Xn, DropdownMenuLabel as Xt, MessageReactionPickerContent as Y, useParentOverlayKind as Yn, DropdownMenuItemLabel as Yt, MessageReactionQuickButton as Z, resolveThemeScopeProps as Zn, DropdownMenuPopup as Zt, MessageQuotedPreviewAuthorName as _, ScrollAreaContent as _n, MessageItemMeta as _t, MessageListJumpPillDismiss as a, DropdownMenuSubmenuTrigger as an, decisionWidth as ar, MessageItemBadge as at, MessageQuotedPreviewHeader as b, ScrollAreaThumb as bn, MessageItemSenderButton as bt, MessageListHistoryLimited as c, KbdGroup as cn, MessageItemSavedIndicator as ct, MessageQuotedPreview as d, PanelFooter as dn, MessageItemDelegatedAvatar as dt, DropdownMenuRadioItem as en, ThemeStateContext as er, MessageReactionTooltipMeta as et, MessageQuotedPreviewAttachment as f, PanelHeaderRoot as fn, MessageItemDelegatedBy as ft, MessageQuotedPreviewAuthorMeta as g, ScrollArea$1 as gn, MessageItemInlineStatus as gt, MessageQuotedPreviewAuthorDelegatedBy as h, PanelSection as hn, MessageItemHeader as ht, MessageListJumpPill as i, DropdownMenuSubmenu as in, headEdges as ir, MessageReactionTooltipSeparator as it, MessageTextSelectionToolbar as j, Badge as jn, MessageItemContinuationTime as jt, MessageEmbedHeader as k, TooltipProvider as kn, MessageItemSearchMatch as kt, MessageListNotice as l, Panel as ln, MessageItemToolbar as lt, MessageQuotedPreviewAuthor as m, PanelScrollViewport as mn, MessageItemDelegatedByName as mt, useMouseOnlyPointerSensor as n, DropdownMenuSeparator as nn, controlIconInset as nr, MessageReactionTooltipNameText as nt, MessageListJumpPillGroup as o, DropdownMenuTrigger as on, MessageItemBadgeSeparator as ot, MessageQuotedPreviewAttachments as p, PanelScrollContent as pn, MessageItemDelegatedByButton as pt, MessageReactionErrorIndicator as q, Spinner as qn, DropdownMenuItem as qt, MessageListJumpControls as r, DropdownMenuShortcut as rn, headEdgePull as rr, MessageReactionTooltipNames as rt, MessageListDateDivider as s, Kbd as sn, MessageItemReadReceipt as st, useHoldThenMoveTouchSensor as t, DropdownMenuRadioItemIndicator as tn, tv$1 as tr, MessageReactionTooltipName as tt, MessageList as u, PanelBody as un, MessageItemToolbarButton as ut, MessageQuotedPreviewChannel as v, ScrollAreaCorner as vn, MessageItemSender as vt, MessageQuotedPreviewTimestamp as w, CheckboxIndicator as wn, MessageItemBody as wt, MessageQuotedPreviewLoading as x, ScrollAreaViewport as xn, MessageItemSenderGroup as xt, MessageQuotedPreviewContent as y, ScrollAreaScrollbar as yn, MessageItemSenderBadges as yt, MessageReferenceIndicator as z, DialogNav as zn, AvatarGroupCount as zt };
+//#region src/components/inbox-item/inbox-item.recipe.ts
+const inboxItem = tv$1({
+	slots: {
+		item: [
+			"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3 p-3 text-left",
+			"has-data-[slot=inbox-item-selection]:grid-cols-[auto_minmax(0,1fr)_auto]",
+			"has-data-[slot=inbox-item-leading]:grid-cols-[auto_minmax(0,1fr)_auto]",
+			"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:grid-cols-[auto_auto_minmax(0,1fr)_auto]",
+			"transition-colors",
+			"gap-x-3 gap-y-0 rounded-none border-0 bg-transparent px-4 py-3 shadow-none",
+			"before:pointer-events-none before:absolute before:top-0 before:right-0 before:left-4 before:hidden before:border-t before:border-line-hairline",
+			"[[data-slot=inbox-item]+&]:before:block has-data-[slot=inbox-item-selection]:before:left-11",
+			"has-data-[slot=inbox-item-leading]:before:left-16",
+			"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:before:left-23",
+			"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
+			"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
+			"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
+			"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
+			"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
+			"not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-display:grid] not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-end:-1]"
+		],
+		itemTrigger: ["absolute inset-0 z-0 outline-none"],
+		itemLeading: ["pointer-events-none relative z-10 flex size-9 shrink-0 items-center justify-center"],
+		itemLeadingBadge: [
+			"absolute -right-0.5 -bottom-0.5 z-10 inline-flex size-3.5 items-center justify-center",
+			"rounded-[3px] border border-sticker-ink outline-2 outline-layer-canvas outline-solid",
+			"bg-layer-canvas bg-[linear-gradient(var(--info-soft),var(--info-soft))] text-foreground",
+			"[&_svg]:size-2.5 [&_svg]:shrink-0"
+		],
+		itemSelection: ["relative z-10 mt-0.5 flex size-4 shrink-0 items-center justify-center"],
+		itemContent: [
+			"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
+			"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
+			"[display:var(--inbox-item-content-display,block)] grid-cols-subgrid"
+		],
+		itemContext: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"flex min-w-0 items-center",
+			"mb-0.5 gap-1.5 py-0",
+			"text-caption text-foreground-hint"
+		],
+		itemSubtitle: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"min-w-0",
+			"mt-0.5 mb-0 py-0",
+			"text-caption text-foreground-hint"
+		],
+		itemHeading: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"flex min-w-0 items-start gap-2",
+			"mb-0"
+		],
+		itemTitle: [
+			"relative line-clamp-2 min-w-0 flex-1 pl-[18px]",
+			"[&>svg]:absolute [&>svg]:top-[calc((1lh-14px)/2)] [&>svg]:left-0 [&>svg]:size-3.5",
+			"font-sans text-subhead font-semibold text-foreground-muted",
+			"group-data-[unread=true]/inbox-item:font-bold group-data-[unread=true]/inbox-item:text-foreground",
+			"[&>svg]:text-foreground-hint"
+		],
+		itemTrailing: [
+			"pointer-events-none relative z-10 col-[-2/-1] row-start-1",
+			"flex shrink-0",
+			"mt-0 flex-col items-end gap-2 pt-px",
+			"max-md:flex-col max-md:items-end max-md:gap-2",
+			"after:hidden after:size-[9px] after:shrink-0 after:rounded-[2px] after:border-[1.5px] after:border-sticker-ink after:bg-attention-400",
+			"group-data-[unread=true]/inbox-item:after:block",
+			"*:not-data-[reveal=hover]:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))] after:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))]",
+			"*:not-data-[reveal=hover]:mr-(--inbox-item-aside-room,0px) after:mr-(--inbox-item-aside-room,0px)",
+			"*:not-data-[reveal=hover]:transition-opacity after:transition-opacity",
+			"pointer-fine:has-[>[data-reveal=hover]]:[--inbox-item-reveal-aside:1]",
+			"pointer-coarse:has-[>[data-reveal=hover]]:[--inbox-item-aside-room:--spacing(11)]",
+			"group-hover/inbox-item:[--inbox-item-revealed:1] group-focus-within/inbox-item:[--inbox-item-revealed:1]",
+			"group-data-[active=true]/inbox-item:[--inbox-item-revealed:1] group-data-popup-open/inbox-item:[--inbox-item-revealed:1]",
+			"has-[>[data-reveal=hover]_[data-popup-open]]:[--inbox-item-revealed:1]"
+		],
+		itemMarks: ["flex h-5 shrink-0 items-center justify-end gap-1.5", "text-foreground-hint"],
+		itemHoverTarget: ["pointer-events-auto"],
+		itemTimestamp: ["shrink-0 whitespace-nowrap text-right tabular-nums", "font-mono text-mono-meta text-foreground-hint"],
+		itemBody: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"line-clamp-2",
+			"mt-0.5 text-callout text-foreground-muted"
+		],
+		itemMessage: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"min-w-0",
+			"mt-0.5 line-clamp-2 text-callout text-foreground-muted"
+		],
+		itemSender: ["font-semibold text-foreground"],
+		itemMetadata: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"flex min-h-5 flex-wrap items-center gap-1.5",
+			"mt-2"
+		],
+		itemActions: [
+			"pointer-events-auto flex shrink-0 items-center",
+			"order-last gap-0.5",
+			"*:data-[slot=panel-action]:h-8 *:data-[slot=panel-action]:min-w-8 [&>[data-slot=panel-action]>svg]:size-[18px]",
+			"*:data-[slot=panel-toggle-action]:h-8 *:data-[slot=panel-toggle-action]:min-w-8 [&>[data-slot=panel-toggle-action]>svg]:size-[18px]",
+			"[&>[data-slot=panel-toggle-action][data-pressed]]:border-transparent",
+			"[&>[data-slot=panel-toggle-action][data-pressed]]:bg-transparent",
+			"[&>[data-slot=panel-toggle-action][data-pressed]]:text-foreground",
+			"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-medium [&>[data-slot=panel-toggle-action][data-pressed]]:active:bg-fill-medium",
+			"pointer-coarse:gap-3",
+			"pointer-coarse:*:data-[slot=panel-action]:after:absolute pointer-coarse:*:data-[slot=panel-action]:after:-inset-1.5",
+			"pointer-coarse:*:data-[slot=panel-toggle-action]:after:absolute pointer-coarse:*:data-[slot=panel-toggle-action]:after:-inset-1.5"
+		]
+	},
+	variants: {
+		density: { compact: {
+			item: ["items-center"],
+			itemTitle: ["line-clamp-1", "pl-0 has-[>svg]:pl-[18px]"],
+			itemTrailing: [
+				"gap-0 pt-0",
+				"max-md:gap-0",
+				"group-data-[unread=true]/inbox-item:after:hidden"
+			],
+			itemTimestamp: ["leading-5"],
+			itemBody: ["line-clamp-1", "mt-0"],
+			itemMessage: ["line-clamp-1", "mt-0"]
+		} },
+		reveal: { hover: { itemActions: [
+			"absolute top-0 right-0 z-10",
+			"pointer-events-none opacity-0 transition-opacity",
+			"group-hover/inbox-item:pointer-events-auto group-hover/inbox-item:opacity-100",
+			"group-focus-within/inbox-item:pointer-events-auto group-focus-within/inbox-item:opacity-100",
+			"group-data-[active=true]/inbox-item:pointer-events-auto group-data-[active=true]/inbox-item:opacity-100",
+			"group-data-popup-open/inbox-item:pointer-events-auto group-data-popup-open/inbox-item:opacity-100",
+			"has-data-popup-open:pointer-events-auto has-data-popup-open:opacity-100",
+			"pointer-coarse:pointer-events-auto pointer-coarse:opacity-100 pointer-coarse:only:static"
+		] } }
+	},
+	compoundVariants: [{
+		density: "compact",
+		reveal: "hover",
+		class: { itemActions: ["top-1/2 -translate-y-1/2", "pointer-coarse:only:translate-y-0"] }
+	}]
+});
+//#endregion
+export { MessageReactionPickerStatic as $, DialogHeader as $n, observeTruncation as $t, MessageEmbedFooter as A, ScrollAreaContent as An, MessageItemEmbedded as At, MessageReferenceChip as B, TooltipContent as Bn, AvatarFallback as Bt, MessageQuotedPreviewLoading as C, PanelBody as Cn, MessageItemSenderButton as Ct, MessageQuotedPreviewUnavailable as D, PanelScrollViewport as Dn, MessageItemBody as Dt, MessageQuotedPreviewTimestamp as E, PanelScrollContent as En, MessageItemAttachments as Et, MessageTextSelectionToolbarSeparator as F, useMobileViewport as Fn, MessageItemGutter as Ft, MessageReferenceText as G, textLinkVariants as Gn, SegmentedControlCount as Gt, MessageReferenceLabel as H, TooltipProvider as Hn, AvatarGroupCount as Ht, MessageMultiSelect as I, Checkbox$1 as In, MessageItem as It, MessageReactionChip as J, DialogBody as Jn, SegmentedControlLink as Jt, MessageReferenceUnavailable as K, Badge as Kn, SegmentedControlItem as Kt, MessageMultiSelectCheckbox as L, CheckboxIndicator as Ln, searchHit as Lt, messageEmbed as M, ScrollAreaScrollbar as Mn, MessageItemSearchMatch as Mt, MessageTextSelectionToolbar as N, ScrollAreaThumb as Nn, MessageItemAvatarSlot as Nt, MessageEmbed as O, PanelSection as On, MessageItemContent as Ot, MessageTextSelectionToolbarButton as P, ScrollAreaViewport as Pn, MessageItemContinuationTime as Pt, MessageReactionPickerContent as Q, DialogFooter as Qn, measureElement as Qt, MessageMultiSelectToolbar as R, PRESENCE_COLOR as Rn, Avatar$1 as Rt, MessageQuotedPreviewHeader as S, Panel as Sn, MessageItemSenderBadges as St, MessageQuotedPreviewThread as T, PanelHeaderRoot as Tn, MessageItemTime as Tt, MessageReferencePending as U, TooltipTrigger as Un, AvatarImage as Ut, MessageReferenceIndicator as V, TooltipPortal as Vn, AvatarGroup as Vt, MessageReferenceSuffix as W, TextLink as Wn, SegmentedControl as Wt, MessageReactionErrorIndicator as X, DialogContent as Xn, useOverflowTitle as Xt, MessageReactionCount as Y, DialogClose as Yn, SegmentedControlNav as Yt, MessageReactionGlyph as Z, DialogDescription as Zn, measureContent as Zt, MessageQuotedPreviewAuthorDelegatedBy as _, DropdownMenuSubmenu as _n, controlIconInset as _r, MessageItemDelegatedByName as _t, MessageListJumpPill as a, DropdownMenuFooter as an, DialogTrigger as ar, MessageReactionTooltipNameText as at, MessageQuotedPreviewChannel as b, Kbd as bn, decisionWidth as br, MessageItemMeta as bt, MessageListDateDivider as c, DropdownMenuItemLabel as cn, Spinner as cr, MessageItemBadge as ct, MessageListNotice as d, DropdownMenuPortal as dn, withOverlayLayer as dr, MessageItemSavedIndicator as dt, readNow as en, DialogNav as er, MessageReactionQuickButton as et, MessageList as f, DropdownMenuRadioGroup as fn, resolveThemeScopeProps as fr, MessageItemToolbar as ft, MessageQuotedPreviewAuthor as g, DropdownMenuShortcut as gn, tv$1 as gr, MessageItemDelegatedByButton as gt, MessageQuotedPreviewAttachments as h, DropdownMenuSeparator as hn, ThemeStateContext as hr, MessageItemDelegatedBy as ht, MessageListJumpControls as i, DropdownMenuContent as in, DialogTitle as ir, MessageReactionTooltipName as it, MessageEmbedHeader as j, ScrollAreaCorner as jn, MessageItemFooter as jt, MessageEmbedContent as k, ScrollArea$1 as kn, MessageItemEdited as kt, MessageListEndFade as l, DropdownMenuLabel as ln, defaultNativeButton as lr, MessageItemBadgeSeparator as lt, MessageQuotedPreviewAttachment as m, DropdownMenuRadioItemIndicator as mn, useTheme as mr, MessageItemDelegatedAvatar as mt, useHoldThenMoveTouchSensor as n, DropdownMenuCheckboxItem as nn, DialogPortal as nr, MessageReactionTooltipContent as nt, MessageListJumpPillDismiss as o, DropdownMenuItem as on, Button$1 as or, MessageReactionTooltipNames as ot, MessageQuotedPreview as p, DropdownMenuRadioItem as pn, useThemeScopeProps as pr, MessageItemToolbarButton as pt, MessageReactionAddButton as q, Dialog$1 as qn, SegmentedControlLabel as qt, useMouseOnlyPointerSensor as r, DropdownMenuCheckboxItemIndicator as rn, DialogSurface as rr, MessageReactionTooltipMeta as rt, MessageListJumpPillGroup as s, DropdownMenuItemCount as sn, buttonVariants as sr, MessageReactionTooltipSeparator as st, inboxItem as t, DropdownMenu as tn, DialogOverlay as tr, MessageReactionQuickRow as tt, MessageListHistoryLimited as u, DropdownMenuPopup as un, useParentOverlayKind as ur, MessageItemReadReceipt as ut, MessageQuotedPreviewAuthorMeta as v, DropdownMenuSubmenuTrigger as vn, headEdgePull as vr, MessageItemHeader as vt, MessageQuotedPreviewText as w, PanelFooter as wn, MessageItemSenderGroup as wt, MessageQuotedPreviewContent as x, KbdGroup as xn, MessageItemSender as xt, MessageQuotedPreviewAuthorName as y, DropdownMenuTrigger as yn, headEdges as yr, MessageItemInlineStatus as yt, MessageMultiSelectToolbarActions as z, Tooltip$1 as zn, AvatarBadge as zt };