@botiverse/raft-ui 0.20.0 → 0.21.0

package/dist/tokens.json

@@ -2686,6 +2686,30 @@
       }
     }
   },
+  "timeline": {
+    "$type": "dimension",
+    "gap-message": {
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "The message step of a timeline: from the last line of one turn to the first line of the next (a sender line, an event line). Every row keeps the row inset above and below its text; the first row of a turn adds the rest above it."
+    },
+    "gap-section": {
+      "$value": {
+        "value": 24,
+        "unit": "px"
+      },
+      "$description": "The section step of a timeline, one step wider than the message step: either side of a date line, from the top of the list to the first line, and from the last line to the composer, so a boundary reads as one and the last message never sits on the composer."
+    },
+    "row-inset": {
+      "$value": {
+        "value": 4,
+        "unit": "px"
+      },
+      "$description": "How far a timeline row's hover and selected highlight reaches above and below its text. Two rows of one turn sit two insets apart."
+    }
+  },
   "sticker": {
     "$type": "color",
     "ink": {

package/dist/{touch-drag-BA_Fxs2Z.mjs → touch-drag-B7uLTWXe.mjs}

@@ -12,6 +12,7 @@ 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 { Toggle } from "@base-ui/react/toggle";
 import { Toolbar } from "@base-ui/react/toolbar";
 import { PointerSensor, TouchSensor, useSensor } from "@dnd-kit/core";
@@ -624,6 +625,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 +799,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 +974,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 +1082,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 +1435,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 +1623,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,25 +1802,18 @@ 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
@@ -1936,7 +2110,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)]",
@@ -3115,10 +3289,15 @@ 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"],
+		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",
@@ -3407,4 +3586,4 @@ 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 };
+export { MessageReactionTooltipContent as $, Spinner as $n, DropdownMenuItemLabel as $t, messageEmbed as A, Tooltip$1 as An, MessageItemAvatarSlot as At, MessageReferenceLabel as B, DialogClose as Bn, AvatarImage as Bt, MessageQuotedPreviewThread as C, ScrollAreaScrollbar as Cn, MessageItemAttachments as Ct, MessageEmbedContent as D, Checkbox$1 as Dn, MessageItemEmbedded as Dt, MessageEmbed as E, useMobileViewport as En, MessageItemEdited as Et, MessageMultiSelectCheckbox as F, TextLink as Fn, Avatar$1 as Ft, MessageReactionChip as G, DialogNav as Gn, readNow as Gt, MessageReferenceText as H, DialogDescription as Hn, measureContent as Ht, MessageMultiSelectToolbar as I, textLinkVariants as In, AvatarBadge as It, MessageReactionGlyph as J, DialogSurface as Jn, DropdownMenuCheckboxItemIndicator as Jt, MessageReactionCount as K, DialogOverlay as Kn, DropdownMenu as Kt, MessageMultiSelectToolbarActions as L, Badge as Ln, AvatarFallback as Lt, MessageTextSelectionToolbarButton as M, TooltipPortal as Mn, MessageItemGutter as Mt, MessageTextSelectionToolbarSeparator as N, TooltipProvider as Nn, MessageItem as Nt, MessageEmbedFooter as O, CheckboxIndicator as On, MessageItemFooter as Ot, MessageMultiSelect as P, TooltipTrigger as Pn, searchHit as Pt, MessageReactionQuickRow as Q, buttonVariants as Qn, DropdownMenuItemCount as Qt, MessageReferenceChip as R, Dialog$1 as Rn, AvatarGroup as Rt, MessageQuotedPreviewText as S, ScrollAreaCorner as Sn, MessageItemTime as St, MessageQuotedPreviewUnavailable as T, ScrollAreaViewport as Tn, MessageItemContent as Tt, MessageReferenceUnavailable as U, DialogFooter as Un, measureElement as Ut, MessageReferencePending as V, DialogContent as Vn, useOverflowTitle as Vt, MessageReactionAddButton as W, DialogHeader as Wn, observeTruncation as Wt, MessageReactionPickerStatic as X, DialogTrigger as Xn, DropdownMenuFooter as Xt, MessageReactionPickerContent as Y, DialogTitle as Yn, DropdownMenuContent as Yt, MessageReactionQuickButton as Z, Button$1 as Zn, DropdownMenuItem as Zt, MessageQuotedPreviewAuthorName as _, PanelScrollContent as _n, MessageItemMeta as _t, MessageListJumpPillDismiss as a, DropdownMenuRadioItemIndicator as an, useTheme as ar, MessageItemBadge as at, MessageQuotedPreviewHeader as b, ScrollArea$1 as bn, MessageItemSenderButton as bt, MessageListHistoryLimited as c, DropdownMenuSubmenu as cn, controlIconInset as cr, MessageItemSavedIndicator as ct, MessageQuotedPreview as d, Kbd as dn, decisionWidth as dr, MessageItemDelegatedAvatar as dt, DropdownMenuLabel as en, defaultNativeButton as er, MessageReactionTooltipMeta as et, MessageQuotedPreviewAttachment as f, KbdGroup as fn, MessageItemDelegatedBy as ft, MessageQuotedPreviewAuthorMeta as g, PanelHeaderRoot as gn, MessageItemInlineStatus as gt, MessageQuotedPreviewAuthorDelegatedBy as h, PanelFooter as hn, MessageItemHeader as ht, MessageListJumpPill as i, DropdownMenuRadioItem as in, useThemeScopeProps as ir, MessageReactionTooltipSeparator as it, MessageTextSelectionToolbar as j, TooltipContent as jn, MessageItemContinuationTime as jt, MessageEmbedHeader as k, PRESENCE_COLOR as kn, MessageItemSearchMatch as kt, MessageListNotice as l, DropdownMenuSubmenuTrigger as ln, headEdgePull as lr, MessageItemToolbar as lt, MessageQuotedPreviewAuthor as m, PanelBody as mn, MessageItemDelegatedByName as mt, useMouseOnlyPointerSensor as n, DropdownMenuPortal as nn, withOverlayLayer as nr, MessageReactionTooltipNameText as nt, MessageListJumpPillGroup as o, DropdownMenuSeparator as on, ThemeStateContext as or, MessageItemBadgeSeparator as ot, MessageQuotedPreviewAttachments as p, Panel as pn, MessageItemDelegatedByButton as pt, MessageReactionErrorIndicator as q, DialogPortal as qn, DropdownMenuCheckboxItem as qt, MessageListJumpControls as r, DropdownMenuRadioGroup as rn, resolveThemeScopeProps as rr, MessageReactionTooltipNames as rt, MessageListDateDivider as s, DropdownMenuShortcut as sn, tv$1 as sr, MessageItemReadReceipt as st, useHoldThenMoveTouchSensor as t, DropdownMenuPopup as tn, useParentOverlayKind as tr, MessageReactionTooltipName as tt, MessageList as u, DropdownMenuTrigger as un, headEdges as ur, MessageItemToolbarButton as ut, MessageQuotedPreviewChannel as v, PanelScrollViewport as vn, MessageItemSender as vt, MessageQuotedPreviewTimestamp as w, ScrollAreaThumb as wn, MessageItemBody as wt, MessageQuotedPreviewLoading as x, ScrollAreaContent as xn, MessageItemSenderGroup as xt, MessageQuotedPreviewContent as y, PanelSection as yn, MessageItemSenderBadges as yt, MessageReferenceIndicator as z, DialogBody as zn, AvatarGroupCount as zt };

package/dist/wip.d.mts

@@ -1,5 +1,5 @@
-import { C as MessageQuotedPreviewAuthorDelegatedBy, Di as DialogContentProps, Gi as DialogTrigger, Ji as ButtonProps, Qi as StyledProps, Wi as DialogTitleProps, Zi as DataAttributes, _n as MessageItemDelegatedByProps, a as MessageListJumpPillDismissProps, c as MessageListJumpPillProps, dn as MessageItemDelegatedAvatarProps, fn as MessageItemDelegatedBy, gn as MessageItemDelegatedByNameProps, hn as MessageItemDelegatedByName, i as MessageListJumpPillDismiss, mn as MessageItemDelegatedByButtonProps, n as MessageListJumpControlsProps, o as MessageListJumpPillGroup, pn as MessageItemDelegatedByButton, r as MessageListJumpPill, s as MessageListJumpPillGroupProps, t as MessageListJumpControls, un as MessageItemDelegatedAvatar, w as MessageQuotedPreviewAuthorDelegatedByProps, wi as DialogClose, xi as Dialog } from "./index-RFu5pOr7.mjs";
-import { CSSProperties, ComponentPropsWithRef, PointerEvent, ReactNode } from "react";
+import { Ai as DialogContentProps, C as MessageQuotedPreviewAuthorDelegatedBy, Di as DialogClose, Ji as DialogTrigger, Si as TextLinkProps, Zi as ButtonProps, _n as MessageItemDelegatedByProps, a as MessageListJumpPillDismissProps, c as MessageListJumpPillProps, dn as MessageItemDelegatedAvatarProps, fn as MessageItemDelegatedBy, gn as MessageItemDelegatedByNameProps, hn as MessageItemDelegatedByName, i as MessageListJumpPillDismiss, mn as MessageItemDelegatedByButtonProps, n as MessageListJumpControlsProps, na as DataAttributes, o as MessageListJumpPillGroup, pn as MessageItemDelegatedByButton, qi as DialogTitleProps, r as MessageListJumpPill, ra as StyledProps, s as MessageListJumpPillGroupProps, t as MessageListJumpControls, un as MessageItemDelegatedAvatar, w as MessageQuotedPreviewAuthorDelegatedByProps, wi as Dialog } from "./index-CP05_pvu.mjs";
+import { CSSProperties, ComponentProps, ComponentPropsWithRef, PointerEvent, ReactNode, RefObject } from "react";
 import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";
 import { Combobox } from "@base-ui/react/combobox";
@@ -282,4 +282,101 @@ type HoldThenMoveOptions = {
  */
 export declare function useHoldThenMoveTouchSensor({ holdMs, distance, tolerance }?: HoldThenMoveOptions): import("@dnd-kit/core").SensorDescriptor<TouchSensorOptions>;
 //#endregion
-export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, type HoldThenMoveOptions, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, type UseCommentMarginFitsOptions };
+//#region src/components/ellipsis/ellipsis.d.ts
+/** What a function passed as `after` receives. */
+interface EllipsisState {
+  /** The text is cut off right now. `false` while it is expanded. */
+  truncated: boolean;
+  expanded: boolean;
+  /** Expands the text, or collapses it again. */
+  toggle: () => void;
+}
+interface EllipsisProps extends Omit<ComponentProps<"span">, "children"> {
+  /**
+   * The text. Inline content only (text, links, code, mentions): a block
+   * child such as `<p>` or `<div>` breaks the clamp.
+   */
+  children: ReactNode;
+  /** How many lines the text may take before it is cut. */
+  lines?: number;
+  /**
+   * The tooltip shown on hover, and on keyboard focus when the text is a
+   * button, while the text is cut: `true` shows the children, a node shows
+   * that node, `false` shows none. It never opens on a text that fits, or on
+   * a touch screen.
+   */
+  tooltip?: ReactNode;
+  /**
+   * Shown after the text, at the end of the last visible line, only while the
+   * text is cut or expanded; it takes no room while the text fits. A function
+   * receives the state, for an expand control (`EllipsisToggle`).
+   */
+  after?: ReactNode | ((state: EllipsisState) => ReactNode);
+  /** Whether the whole text shows (controlled). */
+  expanded?: boolean;
+  /** Whether the whole text shows at first (uncontrolled). */
+  defaultExpanded?: boolean;
+  onExpandedChange?: (expanded: boolean) => void;
+  /**
+   * Makes the cut text itself the button that expands it and collapses it
+   * again, for a keyboard and a touch screen as well as a pointer. Only plain
+   * text with no `after` takes it: a text with a link or another control
+   * inside stays text, and so does one with an `after`, whose control is the
+   * button instead (a button can't hold another).
+   */
+  expandOnClick?: boolean;
+}
+export declare function Ellipsis({ children, lines, tooltip, after, expanded: expandedProp, defaultExpanded, onExpandedChange, expandOnClick, className, style, ...props }: EllipsisProps): import("react").JSX.Element;
+type EllipsisToggleProps = Omit<TextLinkProps, "aria-expanded" | "aria-controls">;
+/**
+ * The control that expands an Ellipsis and collapses it again, for its
+ * `after`. A real button, with `aria-expanded` and `aria-controls` pointing
+ * at the text. The label is the caller's: "Show More" / "Show Less".
+ */
+export declare function EllipsisToggle({ onClick, ...props }: EllipsisToggleProps): import("react").JSX.Element;
+//#endregion
+//#region src/lib/truncation.d.ts
+/**
+ * Whether a text is cut off, and when to look again: the one way raft-ui
+ * measures truncation (Ellipsis, `useTruncated`, and the `title` that
+ * fields give a cut value).
+ *
+ * The truncation itself is CSS (`text-overflow: ellipsis`, `line-clamp`);
+ * this module only answers "did it cut?".
+ *
+ * - It compares fractional geometry with a 0.5px tolerance. `scrollWidth` and
+ *   `clientWidth` are whole pixels, so at some widths (and page zooms) a text
+ *   that shows an ellipsis reports that it fits.
+ * - Every measured element on a page shares one ResizeObserver, one
+ *   MutationObserver and one font-loading listener. A web font that finishes
+ *   loading widens the text without resizing its box, which no
+ *   ResizeObserver would notice.
+ * - Requests are batched into one animation frame, before paint: every
+ *   target is isolated (an Ellipsis hides its `after` so the text is measured
+ *   alone), then every target is read, then restored, then every result is
+ *   committed in one synchronous React update. Reads never interleave with
+ *   writes, and a result shows in the same frame it was measured in. A
+ *   request made while a frame is handled is queued for the next one.
+ */
+/** `undefined`: not known yet, or the element has no box (hidden, not laid out). */
+type Truncation = boolean | undefined;
+//#endregion
+//#region src/lib/use-truncated.d.ts
+/**
+ * Whether the text in the element `ref` points at is cut off by its CSS
+ * (`truncate`, `line-clamp`, a fixed size with `overflow: hidden`): `true`,
+ * `false`, or `undefined` until it is measured or while it has no box.
+ *
+ * It measures fractional sizes with a 0.5px tolerance, past either inline
+ * edge and below the bottom edge, so it needs no line count. It measures again
+ * when the element changes size, when its text changes and when a web font
+ * finishes loading, in one batched frame for every measured element on the
+ * page (lib/truncation.ts), before that frame paints.
+ *
+ * The element is read when the component mounts: keep `ref` on one element
+ * for the component's life, or give the component a `key` that changes with
+ * the element.
+ */
+export declare function useTruncated(ref: RefObject<Element | null>): Truncation;
+//#endregion
+export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type HoldThenMoveOptions, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, type UseCommentMarginFitsOptions };