@botiverse/raft-ui 0.48.0 → 0.49.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $i as useMobileViewport, $r as DropdownMenuFooter, $t as MessageReactionTooltipName, A as useDragSensors, Aa as useThemeScopeProps, Ai as Checkbox, An as MessageItemGutter, Ar as PopoverContent, At as MessageMultiSelectToolbar, Bi as ListRowMeta, Bn as RadioGroup, Bt as MessageReferenceUnavailable, Ca as Button, Ci as PanelSection, Cn as MessageItemContent, Ct as MessageEmbedHeader, Di as ScrollAreaScrollbar, Dn as MessageItemSearchMatch, Dr as PopoverBackdrop, Dt as MessageTextSelectionToolbarSeparator, Ea as defaultNativeButton, Ei as ScrollAreaCorner, En as MessageItemFooter, Er as PopoverArrow, Et as MessageTextSelectionToolbarButton, Fa as useStackedActions, Fi as ListRowBottom, Fn as AvatarFallback, Fr as PopoverSeparator, Ft as MessageReferenceLabel, Gi as TooltipContent, Gn as InputGroupAddon, Gt as MessageReactionErrorIndicator, H as useLiftContainer, Hi as ListRowTop, Hn as RadioGroupItem, Ht as MessageReactionAddButton, Ia as controlIconInset, Ii as ListRowChevron, In as AvatarGroup, Ir as PopoverTitle, It as MessageReferencePending, J as dragInstructions, Ji as TooltipTrigger, Jr as MobileNavRoot, Jt as MessageReactionPickerStatic, K as SILENT_DRAG_ANNOUNCEMENTS, Ki as TooltipPortal, Kn as InputGroupInput, Kr as MobileNavItem, Kt as MessageReactionGlyph, L as DragLift, La as headEdgePull, Li as ListRowDescription, Lr as PopoverTrigger, Lt as MessageReferenceReadMark, Ma as ThemeStateContext, Mi as PRESENCE_COLOR, Mn as searchHit, Mr as PopoverHeader, Mt as MessageReferenceChip, Na as tv, Ni as ListRow, Nn as Avatar, Nr as PopoverPopup, Oa as useParentOverlayKind, Oi as ScrollAreaThumb, On as MessageItemAvatarSlot, Ot as MessageMultiSelect, Pa as stackedActions, Pi as ListRowBody, Pn as AvatarBadge, Pr as PopoverPortal, Pt as MessageReferenceIndicator, Qn as PreviewCard, Qr as DropdownMenuContent, Qt as MessageReactionTooltipMeta, Ra as headEdges, Ri as ListRowGroup, Rn as AvatarGroupCount, Rr as PopoverViewport, Rt as MessageReferenceSuffix, S as Skeleton, Sa as DialogSheetReset, Si as PanelScrollViewport, Sn as MessageItemBody, St as MessageEmbedFooter, Ta as Spinner, Ti as ScrollAreaContent, Tn as MessageItemEmbedded, Tt as MessageTextSelectionToolbar, Ui as ListRowValue, Un as chipRemoveBase, Ut as MessageReactionChip, V as useDragSiblingTransition, Vi as ListRowTitle, Vn as RadioGroupIndicator, Vt as inlineChip, W as drag, Wi as Tooltip, Wn as InputGroup, Wt as MessageReactionCount, Xi as Badge, Xr as DropdownMenuCheckboxItem, Xt as MessageReactionQuickRow, Yi as usePopupCollisionPadding, Yr as DropdownMenu, Yt as MessageReactionQuickButton, Zr as DropdownMenuCheckboxItemIndicator, Zt as MessageReactionTooltipContent, _ as InboxItemTrailing, _a as useMergedRef, _i as Panel, _n as MessageItemSenderBadges, _t as MessageQuotedPreviewThread, a as InboxItemContext, aa as DialogFooter, ai as DropdownMenuPopup, an as MessageItemReadReceipt, at as MessageQuotedPreview, b as useLatestRef, ba as TextLinkExternalIcon, bi as PanelHeaderRoot, bn as MessageItemTime, bt as MessageEmbed, c as InboxItemLeading, ca as DialogNav, ci as DropdownMenuRadioItem, cn as MessageItemToolbarButton, cr as PreviewCardPopup, ct as MessageQuotedPreviewAuthor, d as InboxItemMetadata, di as DropdownMenuShortcut, dr as PreviewCardTitle, dt as MessageQuotedPreviewAuthorName, ea as Dialog, ei as DropdownMenuItem, en as MessageReactionTooltipNameText, er as PreviewCardArrow, et as MessageListDateDivider, f as InboxItemSelection, fa as DialogSurface, fi as DropdownMenuSubmenu, fr as PreviewCardTrigger, ft as MessageQuotedPreviewChannel, g as InboxItemTitle, ga as panelToggleAction, gi as KbdGroup, gn as MessageItemSender, gt as MessageQuotedPreviewText, h as InboxItemTimestamp, ha as PanelAction, hi as Kbd, hn as MessageItemMeta, ht as MessageQuotedPreviewLoading, i as InboxItemContent, ia as DialogDescription, in as MessageItemBadgeSeparator, it as MessageList, ja as useTheme, ji as CheckboxIndicator, jn as MessageItem, jr as PopoverDescription, jt as MessageMultiSelectToolbarActions, ka as withOverlayLayer, ki as ScrollAreaViewport, kn as MessageItemContinuationTime, kr as PopoverClose, kt as MessageMultiSelectCheckbox, l as InboxItemMarks, la as DialogOverlay, li as DropdownMenuRadioItemIndicator, lr as PreviewCardPortal, m as InboxItemSubtitle, ma as DialogTrigger, mi as DropdownMenuTrigger, mn as MessageItemInlineStatus, mt as MessageQuotedPreviewHeader, n as InboxItemActions, na as DialogClose, ni as DropdownMenuItemLabel, nn as MessageReactionTooltipSeparator, nr as PreviewCardContent, nt as MessageListHistoryLimited, o as InboxItemHeading, oi as DropdownMenuPortal, on as MessageItemSavedIndicator, or as PreviewCardHeader, ot as MessageQuotedPreviewAttachment, p as InboxItemSender, pa as DialogTitle, pi as DropdownMenuSubmenuTrigger, pn as MessageItemHeader, pt as MessageQuotedPreviewContent, q as createDragAnnouncements, qi as TooltipProvider, qn as useOverflowTitle, qr as MobileNavLabel, qt as MessageReactionPickerContent, r as InboxItemBody, ra as DialogContent, ri as DropdownMenuLabel, rn as MessageItemBadge, rr as PreviewCardDescription, rt as MessageListNotice, s as InboxItemHoverTarget, sa as DialogHeader, si as DropdownMenuRadioGroup, sn as MessageItemToolbar, st as MessageQuotedPreviewAttachments, t as InboxItem, ta as DialogBody, ti as DropdownMenuItemCount, tn as MessageReactionTooltipNames, tt as MessageListEndFade, u as InboxItemMessage, ua as DialogPortal, ui as DropdownMenuSeparator, ur as PreviewCardSeparator, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemTrigger, va as useTapActivation, vi as PanelBody, vn as MessageItemSenderButton, vt as MessageQuotedPreviewTimestamp, w as DropPlaceholder, wa as buttonVariants, wi as ScrollArea, wn as MessageItemEdited, wr as Popover, wt as messageEmbed, x as hudTextAction, xa as textLinkVariants, xi as PanelScrollContent, xn as MessageItemAttachments, xt as MessageEmbedContent, ya as TextLink, yi as PanelFooter, yn as MessageItemSenderGroup, yt as MessageQuotedPreviewUnavailable, za as decisionWidth, zi as ListRowIcon, zn as AvatarImage, zt as MessageReferenceText } from "./inbox-item-DbZusMRA.mjs";
+import { $i as Badge, $r as DropdownMenuFooter, $t as MessageReactionTooltipName, A as useDragSensors, Ai as Checkbox, An as MessageItemGutter, Ar as PopoverContent, At as MessageMultiSelectToolbar, Ba as headEdgePull, Bi as ListRowMeta, Bn as RadioGroup, Bt as MessageReferenceUnavailable, Ca as TextLinkExternalIcon, Ci as PanelSection, Cn as MessageItemContent, Ct as MessageEmbedHeader, Da as buttonVariants, Di as ScrollAreaScrollbar, Dn as MessageItemSearchMatch, Dr as PopoverBackdrop, Dt as MessageTextSelectionToolbarSeparator, Ea as Button, Ei as ScrollAreaCorner, En as MessageItemFooter, Er as PopoverArrow, Et as MessageTextSelectionToolbarButton, Fa as ThemeStateContext, Fi as ListRowBottom, Fn as AvatarFallback, Fr as PopoverSeparator, Ft as MessageReferenceLabel, Gi as listCellFocus, Gn as InputGroupAddon, Gt as MessageReactionErrorIndicator, H as useLiftContainer, Ha as listColumnMargin, Hi as ListRowTop, Hn as RadioGroupItem, Ht as MessageReactionAddButton, Ia as tv, Ii as ListRowChevron, In as AvatarGroup, Ir as PopoverTitle, It as MessageReferencePending, J as dragInstructions, Ji as TooltipContent, Jr as MobileNavRoot, Jt as MessageReactionPickerStatic, K as SILENT_DRAG_ANNOUNCEMENTS, Ki as listCellStates, Kn as InputGroupInput, Kr as MobileNavItem, Kt as MessageReactionGlyph, L as DragLift, La as stackedActions, Li as ListRowDescription, Lr as PopoverTrigger, Lt as MessageReferenceReadMark, Ma as withOverlayLayer, Mi as PRESENCE_COLOR, Mn as searchHit, Mr as PopoverHeader, Mt as MessageReferenceChip, Na as useThemeScopeProps, Ni as ListRow, Nn as Avatar, Nr as PopoverPopup, Oa as Spinner, Oi as ScrollAreaThumb, On as MessageItemAvatarSlot, Ot as MessageMultiSelect, Pa as useTheme, Pi as ListRowBody, Pn as AvatarBadge, Pr as PopoverPortal, Pt as MessageReferenceIndicator, Qi as usePopupCollisionPadding, Qn as PreviewCard, Qr as DropdownMenuContent, Qt as MessageReactionTooltipMeta, Ra as useStackedActions, Ri as ListRowGroup, Rn as AvatarGroupCount, Rr as PopoverViewport, Rt as MessageReferenceSuffix, S as Skeleton, Sa as TextLink, Si as PanelScrollViewport, Sn as MessageItemBody, St as MessageEmbedFooter, Ta as DialogSheetReset, Ti as ScrollAreaContent, Tn as MessageItemEmbedded, Tt as MessageTextSelectionToolbar, Ua as decisionWidth, Ui as ListRowValue, Un as chipRemoveBase, Ut as MessageReactionChip, V as useDragSiblingTransition, Va as headEdges, Vi as ListRowTitle, Vn as RadioGroupIndicator, Vt as inlineChip, W as drag, Wi as listCell, Wn as InputGroup, Wt as MessageReactionCount, Xi as TooltipProvider, Xr as DropdownMenuCheckboxItem, Xt as MessageReactionQuickRow, Yi as TooltipPortal, Yr as DropdownMenu, Yt as MessageReactionQuickButton, Zi as TooltipTrigger, Zr as DropdownMenuCheckboxItemIndicator, Zt as MessageReactionTooltipContent, _ as InboxItemTrailing, _a as DialogTrigger, _i as Panel, _n as MessageItemSenderBadges, _t as MessageQuotedPreviewThread, a as InboxItemContext, aa as DialogClose, ai as DropdownMenuPopup, an as MessageItemReadReceipt, at as MessageQuotedPreview, b as useLatestRef, ba as useMergedRef, bi as PanelHeaderRoot, bn as MessageItemTime, bt as MessageEmbed, c as InboxItemLeading, ca as DialogFooter, ci as DropdownMenuRadioItem, cn as MessageItemToolbarButton, cr as PreviewCardPopup, ct as MessageQuotedPreviewAuthor, d as InboxItemMetadata, da as DialogNav, di as DropdownMenuShortcut, dr as PreviewCardTitle, dt as MessageQuotedPreviewAuthorName, ei as DropdownMenuItem, en as MessageReactionTooltipNameText, er as PreviewCardArrow, et as MessageListDateDivider, f as InboxItemSelection, fa as DialogOverlay, fi as DropdownMenuSubmenu, fr as PreviewCardTrigger, ft as MessageQuotedPreviewChannel, g as InboxItemTitle, ga as DialogTitle, gi as KbdGroup, gn as MessageItemSender, gt as MessageQuotedPreviewText, h as InboxItemTimestamp, ha as DialogSurface, hi as Kbd, hn as MessageItemMeta, ht as MessageQuotedPreviewLoading, i as InboxItemContent, ia as DialogBody, in as MessageItemBadgeSeparator, it as MessageList, ja as useParentOverlayKind, ji as CheckboxIndicator, jn as MessageItem, jr as PopoverDescription, jt as MessageMultiSelectToolbarActions, ka as defaultNativeButton, ki as ScrollAreaViewport, kn as MessageItemContinuationTime, kr as PopoverClose, kt as MessageMultiSelectCheckbox, l as InboxItemMarks, li as DropdownMenuRadioItemIndicator, lr as PreviewCardPortal, m as InboxItemSubtitle, mi as DropdownMenuTrigger, mn as MessageItemInlineStatus, mt as MessageQuotedPreviewHeader, n as InboxItemActions, na as useMobileViewport, ni as DropdownMenuItemLabel, nn as MessageReactionTooltipSeparator, nr as PreviewCardContent, nt as MessageListHistoryLimited, o as InboxItemHeading, oa as DialogContent, oi as DropdownMenuPortal, on as MessageItemSavedIndicator, or as PreviewCardHeader, ot as MessageQuotedPreviewAttachment, p as InboxItemSender, pa as DialogPortal, pi as DropdownMenuSubmenuTrigger, pn as MessageItemHeader, pt as MessageQuotedPreviewContent, q as createDragAnnouncements, qi as Tooltip, qn as useOverflowTitle, qr as MobileNavLabel, qt as MessageReactionPickerContent, r as InboxItemBody, ra as Dialog, ri as DropdownMenuLabel, rn as MessageItemBadge, rr as PreviewCardDescription, rt as MessageListNotice, s as InboxItemHoverTarget, sa as DialogDescription, si as DropdownMenuRadioGroup, sn as MessageItemToolbar, st as MessageQuotedPreviewAttachments, t as InboxItem, ti as DropdownMenuItemCount, tn as MessageReactionTooltipNames, tt as MessageListEndFade, u as InboxItemMessage, ua as DialogHeader, ui as DropdownMenuSeparator, ur as PreviewCardSeparator, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemTrigger, va as PanelAction, vi as PanelBody, vn as MessageItemSenderButton, vt as MessageQuotedPreviewTimestamp, w as DropPlaceholder, wa as textLinkVariants, wi as ScrollArea, wn as MessageItemEdited, wr as Popover, wt as messageEmbed, x as hudTextAction, xa as useTapActivation, xi as PanelScrollContent, xn as MessageItemAttachments, xt as MessageEmbedContent, ya as panelToggleAction, yi as PanelFooter, yn as MessageItemSenderGroup, yt as MessageQuotedPreviewUnavailable, za as controlIconInset, zi as ListRowIcon, zn as AvatarImage, zt as MessageReferenceText } from "./inbox-item-DHJOrxB8.mjs";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
 import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -1402,6 +1402,7 @@ function CopyableCodeActionIcon({ copied }) {
 const sidebarRecipe = tv({ slots: {
 	sidebarRoot: [
 		"relative flex size-full min-h-0  select-none flex-col",
+		listColumnMargin,
 		"has-[>[data-slot=sidebar-live-activity]_[data-slot=live-agent-activity-bar]]:overflow-clip",
 		"bg-layer-sidebar text-foreground max-md:bg-layer-canvas",
 		"border-line-seam md:border-r",
@@ -1409,20 +1410,20 @@ const sidebarRecipe = tv({ slots: {
 	],
 	sidebarHeader: [
 		"flex items-center",
-		"h-(--shell-header-height,56px) shrink-0 gap-2 border-b border-line-seam px-5",
+		"h-(--shell-header-height,56px) shrink-0 gap-2 border-b border-line-seam px-(--column-margin)",
 		"bg-layer-sidebar text-foreground",
-		"max-md:bg-layer-frame max-md:px-4 max-md:text-foreground-on-frame",
+		"max-md:bg-layer-frame max-md:text-foreground-on-frame",
 		headEdgePull,
 		"[@media(max-height:600px)]:h-12"
 	],
 	sidebarHeaderMask: ["pointer-events-none absolute inset-x-0 top-0 -z-10 hidden"],
 	sidebarHeaderMaskLayer: ["absolute inset-x-0 top-0"],
 	sidebarHeaderTitle: ["truncate font-bold", "font-sans text-headline text-foreground max-md:text-foreground-on-frame"],
-	sidebarGroupLabel: ["px-2 pt-4 pb-1.5", "font-sans text-footnote font-bold normal-case tracking-normal text-foreground-hint"],
+	sidebarGroupLabel: ["px-5 pt-4 pb-0", "font-sans text-footnote font-bold normal-case tracking-normal text-foreground-hint"],
 	sidebarBody: ["relative flex min-h-0 flex-1 overflow-hidden", "bg-layer-sidebar max-md:bg-layer-canvas"],
 	sidebarContent: ["relative flex min-h-0 min-w-0 flex-1"],
 	sidebarViewport: ["size-full min-h-0  flex-1 overflow-x-hidden overflow-y-auto"],
-	sidebarContentInner: ["min-h-full min-w-0 w-full px-2", "pt-2 pb-(--sidebar-content-bottom,8px)"],
+	sidebarContentInner: ["min-h-full min-w-0 w-full", "pt-2 pb-(--sidebar-content-bottom,8px)"],
 	sidebarScrollbar: [
 		"z-30 flex w-3 justify-center py-1 opacity-0 transition-opacity duration-150",
 		"pointer-events-none",
@@ -1660,16 +1661,16 @@ function SidebarMenuCount({ className, render, ...props }) {
 const sidebarItemRecipe = tv({
 	slots: {
 		sidebarItem: [
-			"group/sidebar-item flex w-full items-center px-2 text-left",
-			"transition-colors",
-			"my-px h-9 gap-2 rounded-control border-[1.5px] border-transparent py-0 pr-2.5 pl-2",
+			"group/sidebar-item flex w-full items-center text-left",
+			listCell,
+			"h-[38px] gap-2 rounded-none border-0 py-0",
 			"md:py-0 md:[@media(max-height:600px)]:py-0",
-			"max-md:h-auto max-md:min-h-11 max-md:py-[8.5px]",
+			"max-md:h-auto max-md:min-h-11 max-md:py-2.5",
 			"font-sans text-subhead font-medium text-foreground",
 			"max-md:text-body max-md:font-semibold",
-			"data-active:border-sticker-ink data-active:bg-selected data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
-			"not-data-active:data-[tone=muted]:text-foreground-muted not-data-active:data-[tone=away]:text-foreground-hint",
-			"outline-none"
+			"data-active:font-bold data-active:text-sticker-ink",
+			"data-active:before:bg-selected data-active:before:inset-ring-[1.5px] data-active:before:inset-ring-sticker-ink data-active:before:ring-[1.5px] data-active:before:ring-sticker-edge",
+			"not-data-active:data-[tone=muted]:text-foreground-muted not-data-active:data-[tone=away]:text-foreground-hint"
 		],
 		sidebarItemIcon: [
 			"flex shrink-0 items-center justify-center",
@@ -1698,7 +1699,7 @@ const sidebarItemRecipe = tv({
 		sidebarItemStatus: ["shrink-0", "inline-flex items-center"],
 		sidebarItemIndicator: [
 			"shrink-0 items-center justify-center gap-0",
-			"[&:has(svg)]:px-0",
+			"has-[svg]:px-0",
 			"[&_svg]:shrink-0 [&_svg]:translate-y-0",
 			"size-5 min-w-5 rounded-sticker border-0 p-0",
 			"bg-you text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge",
@@ -1724,9 +1725,10 @@ const sidebarItemRecipe = tv({
 	variants: {
 		interactive: {
 			true: { sidebarItem: [
-				"hover:bg-fill-subtle active:bg-fill-medium not-data-active:data-popup-open:bg-fill-subtle",
-				"data-active:active:overlay-sticker-medium",
-				"focus-visible:shadow-focus"
+				listCellStates,
+				"data-active:active:before:overlay-sticker-medium",
+				"not-data-active:focus-visible:keyboard:before:inset-ring-2 not-data-active:focus-visible:keyboard:before:inset-ring-foreground",
+				"data-active:focus-visible:keyboard:before:shadow-[inset_0_0_0_3.5px_var(--foreground)]"
 			] },
 			false: { sidebarItem: "cursor-default" }
 		},
@@ -1734,7 +1736,7 @@ const sidebarItemRecipe = tv({
 			false: {},
 			true: { sidebarItem: [
 				"h-auto items-start whitespace-normal",
-				"min-h-9 py-[6.5px] md:py-[6.5px] md:[@media(max-height:600px)]:py-[6.5px]",
+				"min-h-[38px] py-[9px] md:py-[9px] md:[@media(max-height:600px)]:py-[9px]",
 				"**:data-[slot=sidebar-item-channel-icon]:h-lh **:data-[slot=sidebar-item-icon]:h-lh",
 				"**:data-[slot=sidebar-item-meta-icon]:h-lh",
 				"*:data-[slot=avatar]:mt-[calc((1lh-19px)/2)]"
@@ -2499,16 +2501,16 @@ function SidebarItemThreadCount({ children, className, label = "threads with new
 //#region src/components/sidebar/sidebar-section.recipe.ts
 const sidebarSectionRecipe = tv({ slots: {
 	sidebarSection: ["group/section", "px-0"],
-	sidebarList: [],
+	sidebarList: ["flex flex-col gap-0.5 py-2"],
 	sidebarSectionEmpty: [
-		"px-2 py-1.5",
+		"px-5 py-2",
 		"font-sans text-footnote",
 		"text-foreground-hint"
 	],
 	sidebarSectionHeader: [
 		"flex items-center justify-between",
 		"group/section-header",
-		"mt-0 mb-0 h-auto gap-2 px-2 pt-4 pb-1.5"
+		"my-0  h-auto gap-2 px-5 pt-4 pb-0"
 	],
 	sidebarSectionDisclosure: [
 		"flex min-w-0 flex-1 items-center",
@@ -11913,8 +11915,8 @@ function PanelToggleAction({ className, ...props }) {
 * A notice strip that runs the full width of a panel, under its head (a
 * runtime error, a setting that failed to save). It is a region of its own,
 * so it is closed by the region seam, the same line the head draws above it
-* — never the lighter in-region divider. Its edges are the panel's (20 / 16
-* on a phone), and its trailing actions overhang the padding so a 32px
+* — never the lighter in-region divider. Its edges are the panel's (`--column-margin`:
+* 20 / 16 on a phone, 20 in a column of list cells), and its trailing actions overhang the padding so a 32px
 * button sits on the first text line instead of making the strip taller.
 *
 * Inside a card or a dialog, where a notice is part of the content, use
@@ -11924,7 +11926,7 @@ const panelNotice = tv({
 	slots: {
 		root: [
 			"flex shrink-0 items-start",
-			"min-h-10 gap-2.5 border-b border-line-seam px-5 py-2.5 max-md:px-4",
+			"min-h-10 gap-2.5 border-b border-line-seam px-(--column-margin) py-2.5",
 			"font-sans text-callout font-semibold text-foreground",
 			"[&>svg]:lead-icon",
 			"*:data-[slot=spinner]:lead-icon *:data-[slot=spinner]:w-4 *:data-[slot=spinner]:leading-[inherit]"
@@ -16100,10 +16102,58 @@ function LegacyTaskPanelMetaValue({ className, render, ...props }) {
 	});
 }
 //#endregion
+//#region src/lib/use-scrollbar-size.ts
+/**
+* Publishes a scroller's classic scrollbar width as `--scrollbar-size` on the
+* scroller, for the list cells inside it (lib/list-cell.ts): a cell gives
+* that much of its 8px end inset back, so its fill sits 8px from both outer
+* edges of the list whether the scrollbar takes room (a classic scrollbar,
+* `scrollbar-list`) or not (an overlay scrollbar: 0). CSS alone can't tell
+* the two apart. The width is kept current while the scroller or one of its
+* direct children resizes, which is when a scrollbar comes and goes: content
+* deeper down that grows also grows the child that holds it. A child whose
+* box keeps its size while its content overflows it would not be seen.
+*
+* Returns a ref callback for the scroller.
+*/
+function useScrollbarSize() {
+	const cleanup = useRef(null);
+	return useCallback((el) => {
+		cleanup.current?.();
+		cleanup.current = null;
+		if (!el || typeof ResizeObserver === "undefined") return;
+		const update = () => {
+			const style = getComputedStyle(el);
+			const size = el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth || "0") - parseFloat(style.borderRightWidth || "0");
+			el.style.setProperty("--scrollbar-size", `${Math.max(0, Math.round(size))}px`);
+		};
+		const resize = new ResizeObserver(update);
+		const observeChildren = () => {
+			for (const child of el.children) resize.observe(child);
+		};
+		resize.observe(el);
+		observeChildren();
+		const mutation = new MutationObserver(() => {
+			observeChildren();
+			update();
+		});
+		mutation.observe(el, { childList: true });
+		update();
+		cleanup.current = () => {
+			resize.disconnect();
+			mutation.disconnect();
+		};
+	}, []);
+}
+//#endregion
 //#region src/components/activity-inbox/activity-inbox-shell.recipe.ts
 const activityInboxShell = tv({ slots: {
-	panel: ["flex h-full min-h-0 flex-1 flex-col overflow-hidden", "bg-layer-canvas font-sans text-foreground"],
-	viewport: ["relative flex-1 overflow-y-auto", "bg-layer-canvas p-0 pb-[env(safe-area-inset-bottom,0px)]"],
+	panel: [
+		"flex h-full min-h-0 flex-1 flex-col overflow-hidden",
+		"bg-layer-canvas font-sans text-foreground",
+		listColumnMargin
+	],
+	viewport: ["relative flex flex-1 flex-col gap-0.5 overflow-y-auto scrollbar-list *:shrink-0", "bg-layer-canvas px-0 pt-2 pb-[calc(8px+env(safe-area-inset-bottom,0px))]"],
 	loadingMore: ["py-3 text-center", "text-caption text-foreground-hint"]
 } });
 //#endregion
@@ -16118,12 +16168,17 @@ function ActivityInboxPanel({ className, ...props }) {
 		...props
 	});
 }
-function ActivityInboxViewport({ className, ...props }) {
+/** The list's scroller. It publishes its scrollbar's width for the item
+*  cells (useScrollbarSize), so their fills sit 8px from both edges. */
+function ActivityInboxViewport({ className, ref, ...props }) {
 	const { viewport } = activityInboxShell();
+	const scrollbarRef = useScrollbarSize();
+	const [setRef] = useMergedRef(ref, scrollbarRef);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "activity-inbox-viewport",
 		className: viewport({ className }),
-		...props
+		...props,
+		ref: setRef
 	});
 }
 function ActivityInboxLoadingMore({ className, ...props }) {
@@ -16145,10 +16200,10 @@ const activityInboxSidebar = tv({ slots: {
 	],
 	sidebarBody: ["bg-layer-canvas"],
 	sidebarContent: [
-		"p-3",
-		"[&_[data-slot=sidebar-group-label]]:mt-5 [&_[data-slot=sidebar-group-label]]:mb-1",
+		"py-0",
+		"[&_[data-slot=sidebar-group-label]]:mt-3 [&_[data-slot=sidebar-group-label]]:mb-0",
 		"**:data-[slot=sidebar-group-label]:flex **:data-[slot=sidebar-group-label]:items-center [&_[data-slot=sidebar-group-label]]:gap-2",
-		"[&_[data-slot=sidebar-group-label]]:px-2 [&_[data-slot=sidebar-group-label]]:py-0",
+		"[&_[data-slot=sidebar-group-label]]:px-5 [&_[data-slot=sidebar-group-label]]:py-0",
 		"**:data-[slot=sidebar-group-label]:font-sans **:data-[slot=sidebar-group-label]:text-footnote [&_[data-slot=sidebar-group-label]]:font-bold",
 		"**:data-[slot=sidebar-group-label]:text-foreground-hint **:data-[slot=sidebar-group-label]:normal-case [&_[data-slot=sidebar-group-label]]:tracking-normal",
 		"**:data-activity-inbox-show-all:whitespace-nowrap"
@@ -16175,10 +16230,10 @@ function ActivityInboxSidebar({ className, children, ...props }) {
 //#endregion
 //#region src/components/activity-inbox/activity-inbox-toolbar.recipe.ts
 const activityInboxToolbar = tv({ slots: {
-	controls: ["flex shrink-0 flex-nowrap items-center gap-2", "bg-layer-canvas px-4 py-3"],
+	controls: ["flex shrink-0 flex-nowrap items-center gap-2", "bg-layer-canvas px-(--column-margin) py-3"],
 	selectionToolbar: [
 		"flex min-h-11 shrink-0 flex-wrap items-center gap-2 pt-1.5 pb-[5px]",
-		"border-b border-line-hairline bg-layer-canvas px-4",
+		"border-b border-line-hairline bg-layer-canvas px-(--column-margin)",
 		"**:data-[activity-inbox-action=sort]:text-foreground-muted",
 		"**:data-[activity-inbox-action=sort]:hover:text-foreground"
 	],
@@ -16213,17 +16268,21 @@ function ActivityInboxSelectionCount({ className, ...props }) {
 //#endregion
 //#region src/components/search/search.recipe.ts
 const search = tv({ slots: {
-	frame: ["flex h-full min-h-0 flex-1 flex-col", "bg-layer-canvas text-foreground"],
-	filtersRow: ["shrink-0", "border-b border-line-seam bg-layer-canvas px-4 py-3"],
-	viewport: ["min-h-0 flex-1 overflow-y-auto p-4", "bg-layer-canvas px-0 pt-0 pb-4"],
-	summary: ["block", "mb-0 px-4 pt-2 font-sans text-footnote text-foreground-hint"],
+	frame: [
+		"flex h-full min-h-0 flex-1 flex-col",
+		"bg-layer-canvas text-foreground",
+		listColumnMargin
+	],
+	filtersRow: ["shrink-0", "border-b border-line-seam bg-layer-canvas px-(--column-margin) py-3"],
+	viewport: ["min-h-0 flex-1 overflow-y-auto scrollbar-list p-4", "bg-layer-canvas px-0 pt-0 pb-4"],
+	summary: ["block", "mb-0 px-5 pt-2 font-sans text-footnote text-foreground-hint"],
 	section: ["mb-0"],
 	sectionHeading: [
 		"py-2",
-		"flex items-center gap-2 px-4 pt-5 pb-2",
+		"flex items-center gap-2 px-5 pt-3 pb-0",
 		"font-sans text-footnote font-bold text-foreground-hint"
 	],
-	list: ["flex flex-col", "gap-0"]
+	list: ["flex flex-col", "gap-0.5 py-2"]
 } });
 //#endregion
 //#region src/components/search/search.tsx
@@ -16244,12 +16303,17 @@ function SearchShellFilters({ className, ...props }) {
 		...props
 	});
 }
-function SearchShellViewport({ className, ...props }) {
+/** The results' scroller. It publishes its scrollbar's width for the result
+*  cells (useScrollbarSize), so their fills sit 8px from both edges. */
+function SearchShellViewport({ className, ref, ...props }) {
 	const { viewport } = search();
+	const scrollbarRef = useScrollbarSize();
+	const [setRef] = useMergedRef(ref, scrollbarRef);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "search-shell-viewport",
 		className: viewport({ className }),
-		...props
+		...props,
+		ref: setRef
 	});
 }
 function SearchResultsSummary({ className, render, ...props }) {
@@ -16304,15 +16368,14 @@ function SearchResultsList({ className, render, ...props }) {
 //#region src/components/search/search-entity.recipe.ts
 const searchEntity = tv({ slots: {
 	entity: [
-		"flex min-w-0 w-full items-center gap-3 p-3 text-left transition-colors",
-		"relative rounded-none border-0 bg-transparent px-4 py-3 text-foreground shadow-none",
+		"flex min-w-0 w-full items-center gap-3 text-left",
+		"rounded-none border-0 py-3 text-foreground",
 		"pointer-coarse:min-h-16",
-		"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-[55px] not-first:before:border-t not-first:before:border-line-hairline",
-		"hover:bg-fill-subtle active:bg-fill-medium",
-		"not-data-[selected=true]:data-popup-open:bg-fill-subtle",
-		"disabled:cursor-default disabled:hover:bg-transparent disabled:active:bg-transparent",
-		"data-[selected=true]:bg-brand-soft data-[selected=true]:hover:bg-brand-soft",
-		"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"
+		listCell,
+		listCellStates,
+		"disabled:cursor-default",
+		"data-[selected=true]:before:bg-brand-soft",
+		listCellFocus
 	],
 	entityLeading: ["relative flex shrink-0"],
 	entityIcon: [
@@ -16445,14 +16508,13 @@ function SearchEntityResultDescription({ muted = false, className, render, ...pr
 //#region src/components/search/search-message.recipe.ts
 const searchMessage = tv({ slots: {
 	message: [
-		"w-full text-left transition-colors",
-		"relative block rounded-none border-0 bg-transparent px-4 py-3 text-foreground shadow-none",
-		"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-4 not-first:before:border-t not-first:before:border-line-hairline",
-		"hover:bg-fill-subtle active:bg-fill-medium",
-		"not-data-[selected=true]:data-popup-open:bg-fill-subtle",
-		"disabled:cursor-default disabled:hover:bg-transparent disabled:active:bg-transparent",
-		"data-[selected=true]:bg-brand-soft data-[selected=true]:hover:bg-brand-soft",
-		"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground"
+		"w-full text-left",
+		"block rounded-none border-0 py-3 text-foreground",
+		listCell,
+		listCellStates,
+		"disabled:cursor-default",
+		"data-[selected=true]:before:bg-brand-soft",
+		listCellFocus
 	],
 	messageHeader: [
 		"flex items-center",
@@ -16460,14 +16522,14 @@ const searchMessage = tv({ slots: {
 		"font-mono text-mono-meta text-foreground-hint"
 	],
 	messageBody: ["min-w-0 line-clamp-2", "mt-0.5 font-sans text-callout text-foreground-muted"],
-	messageMeta: ["min-w-0 truncate"],
+	messageMeta: ["min-w-0 shrink-1000 truncate"],
 	messageThreadMeta: ["inline-flex items-center gap-1", "shrink-0 [&_svg]:size-3"],
 	messageSender: [
 		"inline-flex items-center",
 		"order-first shrink-0 gap-1.5 whitespace-nowrap",
 		"font-sans text-callout font-bold text-foreground"
 	],
-	messageTimestamp: ["ml-auto shrink-0 whitespace-nowrap"],
+	messageTimestamp: ["ml-auto min-w-0 truncate"],
 	messageMatch: searchHit
 } });
 //#endregion
@@ -16583,12 +16645,8 @@ function SearchMessageResultMatch({ className, render, ...props }) {
 //#endregion
 //#region src/components/search/search-thread.recipe.ts
 const searchThread = tv({ slots: {
-	thread: [
-		"overflow-hidden transition-colors",
-		"relative rounded-none border-0 bg-transparent text-foreground shadow-none",
-		"not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-4 not-first:before:border-t not-first:before:border-line-hairline"
-	],
-	threadHeader: ["py-2", "px-4 pt-3 pb-1"],
+	thread: ["overflow-hidden", "relative rounded-none border-0 bg-transparent text-foreground shadow-none"],
+	threadHeader: ["py-2", "px-5 pt-3 pb-0"],
 	threadMeta: [
 		"flex flex-wrap items-center",
 		"mb-0.5 gap-1.5",
@@ -16596,7 +16654,7 @@ const searchThread = tv({ slots: {
 	],
 	threadTimestamp: ["normal-case", "ml-auto"],
 	threadTitle: ["font-sans text-callout font-semibold text-foreground"],
-	threadMessages: ["flex flex-col", "border-t-0 bg-transparent"]
+	threadMessages: ["flex flex-col gap-0.5 py-2", "border-t-0 bg-transparent"]
 } });
 //#endregion
 //#region src/components/search/search-thread.tsx
@@ -16993,4 +17051,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
 	});
 }
 //#endregion
-export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AddCommentIcon, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, ArtifactIcon, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, CommentIcon, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, CreateTaskIcon, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, FeedbackIcon, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FollowArtifactIcon, FollowThreadIcon, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, JoinChannelIcon, JoinJointChannelIcon, JoinPrivateChannelIcon, Kbd, KbdGroup, LOCATED_MS, Label, LabelAsterisk, LabelOptional, LabelSub, LeaveChannelIcon, LeaveJointChannelIcon, LeavePrivateChannelIcon, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListEndFade, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceReadMark, MessageReferenceSuffix, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ReopenTaskIcon, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectActionItem, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextLinkExternalIcon, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, UnfollowArtifactIcon, UnfollowThreadIcon, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useLocated, useOrderedTabs, useTheme, useToastManager };
+export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, AddCommentIcon, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppRailFooter, AppRailHeader, AppRailItem, AppRailItemAttention, AppRailItemBadge, AppRailItemIcon, AppRailItemIndicator, AppRailItemLabel, AppRailNav, AppRailRoot, AppShellMainSlot, AppShellOverlaySlot, AppShellPanelSlot, AppShellRailSlot, AppShellRoot, AppShellSidebarSlot, AppShellSidebarTrigger, ArtifactIcon, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, BannerAction, BannerClose, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue, CommentIcon, Composer, ComposerActions, ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments, ComposerAttachmentsScrollArea, ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt, ComposerIconButton, ComposerInput, ComposerMeta, ComposerRoot, ComposerSubmit, ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle, ComposerToolbar, ComposerToolbarLabel, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, ConversationPanelBody, ConversationPanelContent, ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs, CopyableCode, CopyableCodeAction, CopyableCodeRoot, CreateTaskIcon, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSurface, DialogTitle, DialogTrigger, DirectMessageIcon, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, FeedbackIcon, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport, FloatButton, FloatButtonGroup, FollowArtifactIcon, FollowThreadIcon, FormSection, IconTile, InboxItem, InboxItemActions, InboxItemBody, InboxItemContent, InboxItemContext, InboxItemHeading, InboxItemHoverTarget, InboxItemLeading, InboxItemMarks, InboxItemMessage, InboxItemMetadata, InboxItemSelection, InboxItemSender, InboxItemSubtitle, InboxItemTimestamp, InboxItemTitle, InboxItemTrailing, InboxItemTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupInput, JoinChannelIcon, JoinJointChannelIcon, JoinPrivateChannelIcon, Kbd, KbdGroup, LOCATED_MS, Label, LabelAsterisk, LabelOptional, LabelSub, LeaveChannelIcon, LeaveJointChannelIcon, LeavePrivateChannelIcon, LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue, LegacyTaskPanelRoot, LegacyTaskPanelSection, LegacyTaskPanelStatus, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxHeaderLabel, LightboxHeaderMeta, LightboxInfoActions, LightboxInfoBar, LightboxInfoDock, LightboxInfoTitle, LightboxMedia, LightboxNavigationButton, LightboxPortal, LightboxStage, LightboxThumbnail, LightboxThumbnailStrip, LightboxTitle, LightboxToolbar, LightboxTrigger, ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue, LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText, MarkdownBlockquote, MarkdownCell, MarkdownCheckbox, MarkdownHeaderCell, MarkdownHeading, MarkdownImage, MarkdownInlineCode, MarkdownLink, MarkdownList, MarkdownListItem, MarkdownMark, MarkdownOrderedList, MarkdownParagraph, MarkdownRule, MarkdownTable, MarkdownTableRow, MarkdownTableScroll, MessageActionCard, MessageActionCardActions, MessageActionCardActionsNote, MessageActionCardCollapseTrigger, MessageActionCardCompletion, MessageActionCardContent, MessageActionCardHeader, MessageActionCardHeaderDescription, MessageActionCardHeaderIcon, MessageActionCardHeaderStatus, MessageActionCardHeaderTitle, MessageActionCardHint, MessageActionCardHintLabel, MessageActionCardNotice, MessageActionCardProperties, MessageActionCardProperty, MessageActionCardPropertyLabel, MessageActionCardPropertyValue, MessageActionCardScope, MessageActionCardScopeDescription, MessageActionCardScopeList, MessageActionCardScopeListLabel, MessageActionCardScopeListViewport, MessageActionCardScopeName, MessageActionCardStatus, MessageAttachmentAction, MessageAttachmentCard, MessageAttachmentCommentSummary, MessageAttachmentDiffAddition, MessageAttachmentDiffDeletion, MessageAttachmentDiffSummary, MessageAttachmentGroup, MessageAttachmentMeta, MessageAttachmentMetaEnd, MessageAttachmentMetaStart, MessageAttachmentSummary, MessageAttachmentTitle, MessageEmbed, MessageEmbedContent, MessageEmbedFooter, MessageEmbedHeader, MessageForwardedBundle, MessageForwardedBundleAttachment, MessageForwardedBundleAttachmentMeta, MessageForwardedBundleAttachmentName, MessageForwardedBundleAttachments, MessageForwardedBundleFooter, MessageForwardedBundleFooterAction, MessageForwardedBundleGallery, MessageForwardedBundleGalleryTile, MessageForwardedBundleHeader, MessageForwardedBundleHeaderContent, MessageForwardedBundleHeaderCount, MessageForwardedBundleHeaderLabel, MessageForwardedBundleItem, MessageForwardedBundleItemAuthor, MessageForwardedBundleItemContent, MessageForwardedBundleItemMeta, MessageForwardedBundleItems, MessageForwardedBundleSource, MessageForwardedBundleSourceLabel, MessageIcon, MessageImageGallery, MessageImageGalleryAction, MessageImageGalleryItem, MessageImageGalleryMedia, MessageImageGalleryOverlay, MessageImageGalleryPreview, MessageImageGalleryRow, MessageItem, MessageItemAttachments, MessageItemAvatarSlot, MessageItemBadge, MessageItemBadgeSeparator, MessageItemBody, MessageItemContent, MessageItemContinuationTime, MessageItemEdited, MessageItemEmbedded, MessageItemFooter, MessageItemGutter, MessageItemHeader, MessageItemInlineStatus, MessageItemMeta, MessageItemReadReceipt, MessageItemSavedIndicator, MessageItemSearchMatch, MessageItemSender, MessageItemSenderBadges, MessageItemSenderButton, MessageItemSenderGroup, MessageItemTime, MessageItemToolbar, MessageItemToolbarButton, MessageItemTranslationAction, MessageItemTranslationFailedStatus, MessageItemTranslationOriginal, MessageItemTranslationOriginalLabel, MessageItemTranslationProgressTrack, MessageItemTranslationRetryAction, MessageItemTranslationStatus, MessageList, MessageListDateDivider, MessageListEndFade, MessageListHistoryLimited, MessageListNotice, MessageMultiSelect, MessageMultiSelectCheckbox, MessageMultiSelectToolbar, MessageMultiSelectToolbarActions, MessageQuotedPreview, MessageQuotedPreviewAttachment, MessageQuotedPreviewAttachments, MessageQuotedPreviewAuthor, MessageQuotedPreviewAuthorMeta, MessageQuotedPreviewAuthorName, MessageQuotedPreviewChannel, MessageQuotedPreviewContent, MessageQuotedPreviewHeader, MessageQuotedPreviewLoading, MessageQuotedPreviewText, MessageQuotedPreviewThread, MessageQuotedPreviewTimestamp, MessageQuotedPreviewUnavailable, MessageReactionAddButton, MessageReactionChip, MessageReactionCount, MessageReactionErrorIndicator, MessageReactionGlyph, MessageReactionPickerContent, MessageReactionPickerStatic, MessageReactionQuickButton, MessageReactionQuickRow, MessageReactionTooltipContent, MessageReactionTooltipMeta, MessageReactionTooltipName, MessageReactionTooltipNameText, MessageReactionTooltipNames, MessageReactionTooltipSeparator, MessageReferenceChip, MessageReferenceIndicator, MessageReferenceLabel, MessageReferencePending, MessageReferenceReadMark, MessageReferenceSuffix, MessageReferenceText, MessageReferenceUnavailable, MessageReplies, MessageRepliesItem, MessageRepliesItemContent, MessageRepliesItemSender, MessageRepliesItemTime, MessageRepliesSummary, MessageRepliesSummaryItem, MessageTextSelectionToolbar, MessageTextSelectionToolbarButton, MessageTextSelectionToolbarSeparator, MessageVideoPreview, MessageVideoPreviewAction, MessageVideoPreviewFailureAction, MessageVideoPreviewFailureContent, MessageVideoPreviewFailureIcon, MessageVideoPreviewFailureTitle, MessageVideoPreviewFallback, MessageVideoPreviewMedia, MobileNavItem, MobileNavLabel, MobileNavRoot, NotificationCenter, NotificationCenterActionButton, NotificationCenterCount, NotificationCenterEmptyState, NotificationCenterHeader, NotificationCenterItem, NotificationCenterItemActions, NotificationCenterItemBody, NotificationCenterItemContent, NotificationCenterItemIcon, NotificationCenterItemRow, NotificationCenterItemTitle, NotificationCenterList, NotificationCenterPopup, NotificationCenterScroller, NotificationCenterTitle, NotificationCenterTrigger, OtterIndicator, Panel, PanelAction, PanelActions, PanelActivity, PanelBody, PanelFooter, PanelHeader, PanelHeaderContent, PanelHeaderIcon, PanelHeaderRoot, PanelHeading, PanelMeta, PanelNotice, PanelNoticeActions, PanelNoticeContent, PanelScrollContent, PanelScrollViewport, PanelSection, PanelSectionHeader, PanelStatus, PanelTitle, PanelToggleAction, PickerTriggerButton, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverSeparator, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardContent, PreviewCardDescription, PreviewCardHeader, PreviewCardPopup, PreviewCardPortal, PreviewCardSeparator, PreviewCardTitle, PreviewCardTrigger, ProfilePanel, ProfilePanelBody, ProfilePanelHeader, ProfilePanelHeaderContent, ProfilePanelSection, Progress, ProgressHeader, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupIndicator, RadioGroupItem, RaftLogo, RaftLogoLockup, RaftWordmark, ReopenTaskIcon, ResizableGroup, ResizableHandle, ResizablePanel, SINGLE_IMAGE_MAX_HEIGHT, SINGLE_IMAGE_MAX_WIDTH, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle, SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport, SearchThreadMessageResult, SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle, SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut, SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel, Select, SelectActionItem, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarBody, SidebarContent, SidebarControl, SidebarGroupLabel, SidebarHeader, SidebarHeaderTitle, SidebarItem, SidebarItemAside, SidebarItemChannelIcon, SidebarItemContent, SidebarItemCount, SidebarItemCountSeparator, SidebarItemIcon, SidebarItemIndicator, SidebarItemMeta, SidebarItemMetaIcon, SidebarItemStatus, SidebarItemSubtitle, SidebarItemThreadCount, SidebarItemTitle, SidebarList, SidebarLiveActivity, SidebarMenu, SidebarMenuAside, SidebarMenuCount, SidebarMenuIcon, SidebarMenuTitle, SidebarRoot, SidebarSection, SidebarSectionAttention, SidebarSectionChevron, SidebarSectionControl, SidebarSectionControls, SidebarSectionCount, SidebarSectionDisclosure, SidebarSectionEmpty, SidebarSectionHeader, SidebarSectionTitle, SidebarSectionTrailing, Skeleton, SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll, SortableTabsList, SortableTabsTab, Spinner, Status, Step, Steps, Switch, SwitchThumb, SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime, TASK_STATUS_IDS, Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot, TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle, TaskChip, TaskClosedIcon, TaskDndProvider, TaskDoneIcon, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone, TaskInProgressIcon, TaskInReviewIcon, TaskListRoot, TaskLoadingList, TaskLoadingRow, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger, TaskStatusBadge, TaskStatusIcon, TaskTodoIcon, TasksPanelEmpty, TasksPanelRoot, TasksPanelToolbar, TasksPanelToolbarFilters, TasksPanelToolbarGroup, TasksPanelToolbarLabel, TasksPanelToolbarNewTask, TasksPanelToolbarView, TasksPanelViewport, Text, TextHeading, TextLink, TextLinkExternalIcon, TextMono, TextSans, Textarea, TextareaCounter, TextareaGroup, ThemeProvider, ThreadIcon, ThreadPanelActions, ThreadPanelBody, ThreadPanelContent, ThreadPanelFooter, ThreadPanelHeader, ThreadPanelOriginalMessage, ThreadPanelReplyCount, ThreadPanelReplySummary, ThreadPanelRoot, ThreadPanelSearch, ThreadPanelSearchCount, ThreadPanelSearchTrailing, ThreadPanelTitle, ThreadPanelTitleMeta, Timeline, TimelineContent, TimelineItem, TimelineTime, TimelineTitle, ToastAction, ToastActions, ToastArrow, ToastBody, ToastClose, ToastContent, ToastDescription, ToastIcon, ToastPortal, ToastPositioner, ToastProgress, ToastProvider, ToastRoot, ToastTitle, ToastViewport, ToggleGroup, ToggleGroupItem, ToggleGroupLabel, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, UnfollowArtifactIcon, UnfollowThreadIcon, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useLocated, useOrderedTabs, useScrollbarSize, useTheme, useToastManager };

package/dist/styles.css

@@ -136,6 +136,24 @@
   --color-brutal-cream: var(--palette-cream-200);
 }
 
+/* A column's content margin (design/foundations/alignment.md#usage): 16px on a
+   phone, 20px from 768px (`md`). Heads, notices and footers pad by it
+   (lib/head-edges.ts). A column of list cells sets it to 20px at every width
+   (`listColumnMargin`), where its rows' content starts (8px shape inset +
+   12px), so its head, toolbar and rows share one line on a phone too. */
+@layer theme {
+  :root,
+  :host {
+    --column-margin: 16px;
+  }
+  @media (width >= 48rem) {
+    :root,
+    :host {
+      --column-margin: 20px;
+    }
+  }
+}
+
 /* Desktop type: from 768px (Tailwind's `md`, where the desktop layout begins)
    with a mouse or trackpad, the same query as the desktop metrics in
    foundation.css. Feishu's PC scale, 14/22 for reading, 12px for notes (on an
@@ -299,6 +317,9 @@
   --color-fill-subtle: var(--fill-subtle);
   --color-fill-medium: var(--fill-medium);
   --color-fill-frame-medium: var(--fill-frame-medium);
+  --color-fill-cell-hover: var(--fill-cell-hover);
+  --color-fill-cell-press: var(--fill-cell-press);
+  --color-fill-cell-selected: var(--fill-cell-selected);
   --color-layer-code: var(--layer-code);
   --color-foreground-link: var(--foreground-link);
   --color-sticker-ink: var(--sticker-ink);
@@ -625,7 +646,7 @@ textarea:-webkit-autofill:disabled {
 @keyframes raft-located {
   0%,
   60% {
-    --located-fill: var(--info-soft);
+    --located-fill: var(--located-tint, var(--info-soft));
     animation-timing-function: ease-out;
   }
   100% {
@@ -636,20 +657,21 @@ textarea:-webkit-autofill:disabled {
 @keyframes raft-located-still {
   from,
   to {
-    --located-fill: var(--info-soft);
+    --located-fill: var(--located-tint, var(--info-soft));
   }
 }
 
 /* The shorthand replaces any animation of the element's own while it is
    located; no raft-ui row has one. It runs on every located item, marked or
    not, so a mark that comes and goes (a popup opened and closed) doesn't
-   start the highlight over. */
-[data-located] {
+   start the highlight over. A list cell runs it on its shape instead (below). */
+[data-located]:not(.list-cell) {
   animation: var(--located-animation, raft-located) 2s linear;
 }
 
 [data-located]:not(
   [data-message-item],
+  .list-cell,
   :active,
   [data-selected]:not([data-selected="false"]),
   [data-active="true"],
@@ -660,6 +682,28 @@ textarea:-webkit-autofill:disabled {
   background-image: linear-gradient(var(--located-fill), var(--located-fill));
 }
 
+/* A list cell (lib/list-cell.ts, marked with the `list-cell` class, which
+   survives a row rendered through another part's `render`, where its
+   data-slot doesn't) draws its states on its inset ::before shape and leaves
+   the row transparent, so its located fill is painted there too, in the
+   cell's selected tint (fill-cell-selected, stronger in dark). The animation
+   runs on the shape: the registered fill doesn't inherit. */
+.list-cell[data-located]::before {
+  --located-tint: var(--fill-cell-selected);
+  animation: var(--located-animation, raft-located) 2s linear;
+}
+
+.list-cell[data-located]:not(
+    :active,
+    [data-selected]:not([data-selected="false"]),
+    [data-active]:not([data-active="false"]),
+    [aria-selected="true"],
+    [aria-current]:not([aria-current="false"]),
+    [data-popup-open]
+  )::before {
+  background-image: linear-gradient(var(--located-fill), var(--located-fill));
+}
+
 /* Reduced motion: the same 2s, held still, then off without a fade. */
 @media (prefers-reduced-motion: reduce) {
   [data-located] {
@@ -890,6 +934,51 @@ textarea:-webkit-autofill:disabled {
   background-image: linear-gradient(var(--fill-subtle), var(--fill-subtle));
 }
 
+/* The marker of a list cell (lib/list-cell.ts), read by the located rules
+   above. */
+@utility list-cell {
+  --list-cell: 1;
+}
+
+/* The scrollbar of a scroller that holds list cells (design/patterns/
+   lists.md): an 8px classic scrollbar with a 4px thumb, so a cell's
+   end inset can come out of the scrollbar's own width and its fill sits 8px
+   from both edges of the list. Styling ::-webkit-scrollbar makes Chromium
+   draw this classic, always-visible 8px bar even where the platform's own
+   scrollbar would overlay (a phone, macOS by default), so the bar takes 8px
+   of room wherever the list scrolls. Pair it with useScrollbarSize, which
+   publishes the width the bar really takes (8px, or 0 where it doesn't
+   show), so the shape stays 8px from both edges either way. scrollbar-width and
+   scrollbar-color stay auto: either one switches Chromium off the
+   ::-webkit-scrollbar styling. Firefox takes its thin scrollbar, 8px. */
+@utility scrollbar-list {
+  scrollbar-width: auto;
+  scrollbar-color: auto;
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    min-height: 32px;
+    border: 2px solid transparent;
+    border-radius: 4px;
+    background: color-mix(in oklch, var(--foreground) 24%, transparent);
+    background-clip: padding-box;
+  }
+  @media (hover: hover) {
+    &:hover::-webkit-scrollbar-thumb {
+      background-color: color-mix(in oklch, var(--foreground) 36%, transparent);
+    }
+  }
+  @supports not selector(::-webkit-scrollbar) {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in oklch, var(--foreground) 24%, transparent) transparent;
+  }
+}
+
 /* Space and rules between siblings: stack-y-* / stack-x-* and rule-y / rule-x
    / rule-<colour>. Use these, never Tailwind's space-* and divide-*.