@botiverse/raft-ui 0.21.0 → 0.21.1

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $ as MessageReactionTooltipContent, $n as Spinner, $t as DropdownMenuItemLabel, A as messageEmbed, An as Tooltip, At as MessageItemAvatarSlot, B as MessageReferenceLabel, Bn as DialogClose, Bt as AvatarImage, C as MessageQuotedPreviewThread, Cn as ScrollAreaScrollbar, Ct as MessageItemAttachments, D as MessageEmbedContent, Dn as Checkbox, Dt as MessageItemEmbedded, E as MessageEmbed, En as useMobileViewport, Et as MessageItemEdited, F as MessageMultiSelectCheckbox, Fn as TextLink, Ft as Avatar, G as MessageReactionChip, Gn as DialogNav, H as MessageReferenceText, Hn as DialogDescription, I as MessageMultiSelectToolbar, In as textLinkVariants, It as AvatarBadge, J as MessageReactionGlyph, Jn as DialogSurface, Jt as DropdownMenuCheckboxItemIndicator, K as MessageReactionCount, Kn as DialogOverlay, Kt as DropdownMenu, L as MessageMultiSelectToolbarActions, Ln as Badge, Lt as AvatarFallback, M as MessageTextSelectionToolbarButton, Mn as TooltipPortal, Mt as MessageItemGutter, N as MessageTextSelectionToolbarSeparator, Nn as TooltipProvider, Nt as MessageItem, O as MessageEmbedFooter, On as CheckboxIndicator, Ot as MessageItemFooter, P as MessageMultiSelect, Pn as TooltipTrigger, Pt as searchHit, Q as MessageReactionQuickRow, Qn as buttonVariants, Qt as DropdownMenuItemCount, R as MessageReferenceChip, Rn as Dialog, Rt as AvatarGroup, S as MessageQuotedPreviewText, Sn as ScrollAreaCorner, St as MessageItemTime, T as MessageQuotedPreviewUnavailable, Tn as ScrollAreaViewport, Tt as MessageItemContent, U as MessageReferenceUnavailable, Un as DialogFooter, V as MessageReferencePending, Vn as DialogContent, Vt as useOverflowTitle, W as MessageReactionAddButton, Wn as DialogHeader, X as MessageReactionPickerStatic, Xn as DialogTrigger, Xt as DropdownMenuFooter, Y as MessageReactionPickerContent, Yn as DialogTitle, Yt as DropdownMenuContent, Z as MessageReactionQuickButton, Zn as Button, Zt as DropdownMenuItem, _ as MessageQuotedPreviewAuthorName, _n as PanelScrollContent, _t as MessageItemMeta, an as DropdownMenuRadioItemIndicator, ar as useTheme, at as MessageItemBadge, b as MessageQuotedPreviewHeader, bn as ScrollArea, bt as MessageItemSenderButton, c as MessageListHistoryLimited, cn as DropdownMenuSubmenu, cr as controlIconInset, ct as MessageItemSavedIndicator, d as MessageQuotedPreview, dn as Kbd, dr as decisionWidth, en as DropdownMenuLabel, er as defaultNativeButton, et as MessageReactionTooltipMeta, f as MessageQuotedPreviewAttachment, fn as KbdGroup, g as MessageQuotedPreviewAuthorMeta, gn as PanelHeaderRoot, gt as MessageItemInlineStatus, hn as PanelFooter, ht as MessageItemHeader, in as DropdownMenuRadioItem, ir as useThemeScopeProps, it as MessageReactionTooltipSeparator, j as MessageTextSelectionToolbar, jn as TooltipContent, jt as MessageItemContinuationTime, k as MessageEmbedHeader, kn as PRESENCE_COLOR, kt as MessageItemSearchMatch, l as MessageListNotice, ln as DropdownMenuSubmenuTrigger, lr as headEdgePull, lt as MessageItemToolbar, m as MessageQuotedPreviewAuthor, mn as PanelBody, n as useMouseOnlyPointerSensor, nn as DropdownMenuPortal, nr as withOverlayLayer, nt as MessageReactionTooltipNameText, on as DropdownMenuSeparator, or as ThemeStateContext, ot as MessageItemBadgeSeparator, p as MessageQuotedPreviewAttachments, pn as Panel, q as MessageReactionErrorIndicator, qn as DialogPortal, qt as DropdownMenuCheckboxItem, rn as DropdownMenuRadioGroup, rr as resolveThemeScopeProps, rt as MessageReactionTooltipNames, s as MessageListDateDivider, sn as DropdownMenuShortcut, sr as tv, st as MessageItemReadReceipt, t as useHoldThenMoveTouchSensor, tn as DropdownMenuPopup, tr as useParentOverlayKind, tt as MessageReactionTooltipName, u as MessageList, un as DropdownMenuTrigger, ur as headEdges, ut as MessageItemToolbarButton, v as MessageQuotedPreviewChannel, vn as PanelScrollViewport, vt as MessageItemSender, w as MessageQuotedPreviewTimestamp, wn as ScrollAreaThumb, wt as MessageItemBody, x as MessageQuotedPreviewLoading, xn as ScrollAreaContent, xt as MessageItemSenderGroup, y as MessageQuotedPreviewContent, yn as PanelSection, yt as MessageItemSenderBadges, z as MessageReferenceIndicator, zn as DialogBody, zt as AvatarGroupCount } from "./touch-drag-B7uLTWXe.mjs";
+import { $ as MessageReactionPickerStatic, $n as DialogHeader, A as MessageEmbedFooter, An as ScrollAreaContent, At as MessageItemEmbedded, B as MessageReferenceChip, Bn as TooltipContent, Bt as AvatarFallback, C as MessageQuotedPreviewLoading, Cn as PanelBody, Ct as MessageItemSenderButton, D as MessageQuotedPreviewUnavailable, Dn as PanelScrollViewport, Dt as MessageItemBody, E as MessageQuotedPreviewTimestamp, En as PanelScrollContent, Et as MessageItemAttachments, F as MessageTextSelectionToolbarSeparator, Fn as useMobileViewport, Ft as MessageItemGutter, G as MessageReferenceText, Gn as textLinkVariants, Gt as SegmentedControlCount, H as MessageReferenceLabel, Hn as TooltipProvider, Ht as AvatarGroupCount, I as MessageMultiSelect, In as Checkbox, It as MessageItem, J as MessageReactionChip, Jn as DialogBody, K as MessageReferenceUnavailable, Kn as Badge, Kt as SegmentedControlItem, L as MessageMultiSelectCheckbox, Ln as CheckboxIndicator, Lt as searchHit, M as messageEmbed, Mn as ScrollAreaScrollbar, Mt as MessageItemSearchMatch, N as MessageTextSelectionToolbar, Nn as ScrollAreaThumb, Nt as MessageItemAvatarSlot, O as MessageEmbed, On as PanelSection, Ot as MessageItemContent, P as MessageTextSelectionToolbarButton, Pn as ScrollAreaViewport, Pt as MessageItemContinuationTime, Q as MessageReactionPickerContent, Qn as DialogFooter, R as MessageMultiSelectToolbar, Rn as PRESENCE_COLOR, Rt as Avatar, S as MessageQuotedPreviewHeader, Sn as Panel, St as MessageItemSenderBadges, T as MessageQuotedPreviewThread, Tn as PanelHeaderRoot, Tt as MessageItemTime, U as MessageReferencePending, Un as TooltipTrigger, Ut as AvatarImage, V as MessageReferenceIndicator, Vn as TooltipPortal, Vt as AvatarGroup, W as MessageReferenceSuffix, Wn as TextLink, Wt as SegmentedControl, X as MessageReactionErrorIndicator, Xn as DialogContent, Xt as useOverflowTitle, Y as MessageReactionCount, Yn as DialogClose, Z as MessageReactionGlyph, Zn as DialogDescription, _n as DropdownMenuSubmenu, _r as controlIconInset, an as DropdownMenuFooter, ar as DialogTrigger, at as MessageReactionTooltipNameText, b as MessageQuotedPreviewChannel, bn as Kbd, br as decisionWidth, bt as MessageItemMeta, c as MessageListDateDivider, cn as DropdownMenuItemLabel, cr as Spinner, ct as MessageItemBadge, d as MessageListNotice, dn as DropdownMenuPortal, dr as withOverlayLayer, dt as MessageItemSavedIndicator, er as DialogNav, et as MessageReactionQuickButton, f as MessageList, fn as DropdownMenuRadioGroup, fr as resolveThemeScopeProps, ft as MessageItemToolbar, g as MessageQuotedPreviewAuthor, gn as DropdownMenuShortcut, gr as tv, h as MessageQuotedPreviewAttachments, hn as DropdownMenuSeparator, hr as ThemeStateContext, in as DropdownMenuContent, ir as DialogTitle, it as MessageReactionTooltipName, j as MessageEmbedHeader, jn as ScrollAreaCorner, jt as MessageItemFooter, k as MessageEmbedContent, kn as ScrollArea, kt as MessageItemEdited, l as MessageListEndFade, ln as DropdownMenuLabel, lr as defaultNativeButton, lt as MessageItemBadgeSeparator, m as MessageQuotedPreviewAttachment, mn as DropdownMenuRadioItemIndicator, mr as useTheme, n as useHoldThenMoveTouchSensor, nn as DropdownMenuCheckboxItem, nr as DialogPortal, nt as MessageReactionTooltipContent, on as DropdownMenuItem, or as Button, ot as MessageReactionTooltipNames, p as MessageQuotedPreview, pn as DropdownMenuRadioItem, pr as useThemeScopeProps, pt as MessageItemToolbarButton, q as MessageReactionAddButton, qn as Dialog, qt as SegmentedControlLabel, r as useMouseOnlyPointerSensor, rn as DropdownMenuCheckboxItemIndicator, rr as DialogSurface, rt as MessageReactionTooltipMeta, sn as DropdownMenuItemCount, sr as buttonVariants, st as MessageReactionTooltipSeparator, t as inboxItem, tn as DropdownMenu, tr as DialogOverlay, tt as MessageReactionQuickRow, u as MessageListHistoryLimited, un as DropdownMenuPopup, ur as useParentOverlayKind, ut as MessageItemReadReceipt, v as MessageQuotedPreviewAuthorMeta, vn as DropdownMenuSubmenuTrigger, vr as headEdgePull, vt as MessageItemHeader, w as MessageQuotedPreviewText, wn as PanelFooter, wt as MessageItemSenderGroup, x as MessageQuotedPreviewContent, xn as KbdGroup, xt as MessageItemSender, y as MessageQuotedPreviewAuthorName, yn as DropdownMenuTrigger, yr as headEdges, yt as MessageItemInlineStatus, z as MessageMultiSelectToolbarActions, zn as Tooltip, zt as AvatarBadge } from "./inbox-item.recipe-DelZxRmY.mjs";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Copy, FileText, Image, Info, 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";
@@ -1018,20 +1018,7 @@ const listRow = tv({
 	variants: {
 		variant: {
 			default: { root: ["min-h-16 [--list-row-rule-start:63px]", hairline] },
-			plain: { root: [
-				"[--list-row-rule-start:16px]",
-				hairline,
-				"has-data-[slot=list-row-description]:[--list-row-ends:start]",
-				"has-data-[slot=list-row-description]:[--list-row-end-shift:calc(var(--text-body--line-height)/2-50%)]",
-				"*:data-[slot=list-row-icon]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-icon]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=avatar]:[align-self:var(--list-row-ends,center)] *:data-[slot=avatar]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=icon-tile]:[align-self:var(--list-row-ends,center)] *:data-[slot=icon-tile]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=switch]:[align-self:var(--list-row-ends,center)] *:data-[slot=switch]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=checkbox]:[align-self:var(--list-row-ends,center)] *:data-[slot=checkbox]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=radio-group-item]:[align-self:var(--list-row-ends,center)] *:data-[slot=radio-group-item]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=list-row-value]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-value]:translate-y-(--list-row-end-shift,0)",
-				"*:data-[slot=list-row-chevron]:[align-self:var(--list-row-ends,center)] *:data-[slot=list-row-chevron]:translate-y-(--list-row-end-shift,0)"
-			] },
+			plain: { root: ["[--list-row-rule-start:16px]", hairline] },
 			entry: { root: "" }
 		},
 		interactive: {
@@ -4886,97 +4873,6 @@ function SwitchThumb({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/components/segmented-control/segmented-control.tsx
-const segmentedControl = tv({
-	slots: {
-		root: ["inline-flex shrink-0 items-center", "w-fit flex-nowrap gap-[3px] rounded-[11px] bg-fill-muted p-[3px]"],
-		item: [
-			"inline-flex min-w-0 shrink-0 items-center gap-1.5",
-			"outline-none disabled:pointer-events-none",
-			"[&_svg]:pointer-events-none [&_svg]:shrink-0",
-			"h-8 justify-center rounded-control border-[1.5px] border-transparent bg-transparent px-3",
-			"font-sans text-callout font-semibold text-foreground-muted",
-			"[&_svg:not([class*='size-'])]:size-4",
-			"hover:bg-fill-medium active:bg-fill-medium",
-			"data-checked:border-sticker-ink data-checked:bg-brand data-checked:font-bold data-checked:text-sticker-ink data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
-			"data-checked:hover:bg-brand data-checked:active:bg-brand data-checked:active:overlay-sticker-medium",
-			"focus-visible:shadow-focus",
-			"data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
-		],
-		label: ["truncate"],
-		count: ["font-mono", "text-mono-meta font-normal"]
-	},
-	variants: { iconsOnlyBelow: {
-		xs: { root: ["@max-xs:**:data-[slot=segmented-control-item]:relative @max-xs:**:data-[slot=segmented-control-item]:w-8 @max-xs:**:data-[slot=segmented-control-item]:px-0", "@max-xs:**:data-[slot=segmented-control-label]:sr-only @max-xs:**:data-[slot=segmented-control-count]:sr-only"] },
-		sm: { root: ["@max-sm:**:data-[slot=segmented-control-item]:relative @max-sm:**:data-[slot=segmented-control-item]:w-8 @max-sm:**:data-[slot=segmented-control-item]:px-0", "@max-sm:**:data-[slot=segmented-control-label]:sr-only @max-sm:**:data-[slot=segmented-control-count]:sr-only"] },
-		md: { root: ["@max-md:**:data-[slot=segmented-control-item]:relative @max-md:**:data-[slot=segmented-control-item]:w-8 @max-md:**:data-[slot=segmented-control-item]:px-0", "@max-md:**:data-[slot=segmented-control-label]:sr-only @max-md:**:data-[slot=segmented-control-count]:sr-only"] },
-		lg: { root: ["@max-lg:**:data-[slot=segmented-control-item]:relative @max-lg:**:data-[slot=segmented-control-item]:w-8 @max-lg:**:data-[slot=segmented-control-item]:px-0", "@max-lg:**:data-[slot=segmented-control-label]:sr-only @max-lg:**:data-[slot=segmented-control-count]:sr-only"] },
-		xl: { root: ["@max-xl:**:data-[slot=segmented-control-item]:relative @max-xl:**:data-[slot=segmented-control-item]:w-8 @max-xl:**:data-[slot=segmented-control-item]:px-0", "@max-xl:**:data-[slot=segmented-control-label]:sr-only @max-xl:**:data-[slot=segmented-control-count]:sr-only"] },
-		"2xl": { root: ["@max-2xl:**:data-[slot=segmented-control-item]:relative @max-2xl:**:data-[slot=segmented-control-item]:w-8 @max-2xl:**:data-[slot=segmented-control-item]:px-0", "@max-2xl:**:data-[slot=segmented-control-label]:sr-only @max-2xl:**:data-[slot=segmented-control-count]:sr-only"] }
-	} }
-});
-const SegmentedControlIconsOnlyContext = createContext(false);
-function SegmentedControl({ disabled = false, iconsOnlyBelow, className, ...props }) {
-	const { root } = segmentedControl({ iconsOnlyBelow });
-	return /* @__PURE__ */ jsx(SegmentedControlIconsOnlyContext, {
-		value: iconsOnlyBelow !== void 0,
-		children: /* @__PURE__ */ jsx(RadioGroup$1, {
-			disabled,
-			"data-slot": "segmented-control",
-			className: root({ className }),
-			...props
-		})
-	});
-}
-function SegmentedControlItem({ className, ...props }) {
-	const { item } = segmentedControl();
-	const iconsOnly = use(SegmentedControlIconsOnlyContext);
-	const radio = /* @__PURE__ */ jsx(Radio.Root, {
-		render: /* @__PURE__ */ jsx("button", { type: "button" }),
-		nativeButton: true,
-		"data-slot": "segmented-control-item",
-		className: item({ className: `group/segmented-control-item ${className ?? ""}`.trim() }),
-		...props
-	});
-	return iconsOnly ? /* @__PURE__ */ jsx(SegmentedControlItemTooltip, { children: radio }) : radio;
-}
-function SegmentedControlItemTooltip({ children }) {
-	const [text, setText] = useState("");
-	const triggerRef = useRef(null);
-	const handleOpenChange = useCallback((open, details) => {
-		if (!open) return;
-		const label = triggerRef.current?.querySelector("[data-slot=segmented-control-label]");
-		if (!label || label.getBoundingClientRect().width > 1) {
-			details.cancel();
-			return;
-		}
-		setText(label.textContent ?? "");
-	}, []);
-	return /* @__PURE__ */ jsxs(Tooltip, {
-		onOpenChange: handleOpenChange,
-		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			ref: triggerRef,
-			render: children
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: text })]
-	});
-}
-function SegmentedControlLabel({ className, ...props }) {
-	const { label } = segmentedControl();
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "segmented-control-label",
-		className: label({ className }),
-		...props
-	});
-}
-function SegmentedControlCount({ className, ...props }) {
-	const { count } = segmentedControl();
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "segmented-control-count",
-		className: count({ className }),
-		...props
-	});
-}
-//#endregion
 //#region src/components/toggle-group/toggle-group.tsx
 const toggleGroup = tv({ slots: {
 	root: [
@@ -6846,7 +6742,7 @@ const messageForwardedBundleItem = tv({
 		attachments: ["flex flex-wrap", "mt-1.5 gap-1.5"],
 		attachment: [
 			"inline-flex max-w-full items-center",
-			"h-[22px] gap-1 rounded-chip bg-fill-muted px-1.5",
+			"h-[22px] gap-1 rounded-chip bg-fill-muted pr-[6.5px] pl-[5.5px]",
 			"text-caption font-semibold text-foreground [&_svg]:size-3.5"
 		],
 		attachmentName: ["min-w-0 truncate"],
@@ -12544,7 +12440,7 @@ const taskCardStatus = tv({ base: [
 	"inline-flex min-w-0 shrink-0 touch-manipulation items-center",
 	"transition-[filter,opacity] duration-100 outline-none",
 	"data-[busy=true]:pointer-events-none data-[busy=true]:cursor-wait data-[busy=true]:opacity-60 data-[busy=true]:disabled:opacity-100",
-	"h-[22px] gap-1.5 rounded-chip border-0 py-0 pr-2 pl-1.5",
+	"h-[22px] gap-1.5 rounded-chip border-0 px-[7px] py-0",
 	"font-sans text-[12px] leading-4 font-semibold text-foreground",
 	"[&:not(:has([data-slot=task-card-status-label]))]:hidden",
 	"**:data-[slot=task-card-status-label]:inline-flex **:data-[slot=task-card-status-label]:items-center [&_[data-slot=task-card-status-label]]:gap-1.5",
@@ -15698,7 +15594,7 @@ const taskChip = tv({
 			closed: { root: ["bg-task-status-closed-soft"] }
 		},
 		variant: {
-			default: { root: ["h-[22px] gap-1.5 py-0 pr-2 pl-1.5", "text-[12px] leading-4"] },
+			default: { root: ["h-[22px] gap-1.5 px-[7px] py-0", "text-[12px] leading-4"] },
 			inline: {}
 		},
 		size: {
@@ -15725,7 +15621,7 @@ const taskChip = tv({
 		{
 			variant: "default",
 			size: "sm",
-			class: { root: ["h-5 gap-1 pr-1.5 pl-1"] }
+			class: { root: ["h-5 gap-1 px-[5px]"] }
 		},
 		{
 			variant: "inline",
@@ -15736,7 +15632,7 @@ const taskChip = tv({
 				"done",
 				"closed"
 			],
-			class: { root: ["rounded-sticker border-0 pr-1.5 pl-[3px]", "font-semibold"] }
+			class: { root: ["rounded-sticker border-0 px-[4.5px]", "font-semibold"] }
 		}
 	],
 	defaultVariants: {
@@ -16156,139 +16052,6 @@ function ActivityInboxSelectionCount({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/components/inbox-item/inbox-item.recipe.ts
-const inboxItem = tv({
-	slots: {
-		item: [
-			"relative grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-3 p-3 text-left",
-			"has-data-[slot=inbox-item-selection]:grid-cols-[auto_minmax(0,1fr)_auto]",
-			"has-data-[slot=inbox-item-leading]:grid-cols-[auto_minmax(0,1fr)_auto]",
-			"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:grid-cols-[auto_auto_minmax(0,1fr)_auto]",
-			"transition-colors",
-			"gap-x-3 gap-y-0 rounded-none border-0 bg-transparent px-4 py-3 shadow-none",
-			"before:pointer-events-none before:absolute before:top-0 before:right-0 before:left-4 before:hidden before:border-t before:border-line-hairline",
-			"[[data-slot=inbox-item]+&]:before:block has-data-[slot=inbox-item-selection]:before:left-11",
-			"has-data-[slot=inbox-item-leading]:before:left-16",
-			"has-data-[slot=inbox-item-selection]:has-data-[slot=inbox-item-leading]:before:left-23",
-			"hover:bg-fill-subtle not-data-[active=true]:active:bg-fill-medium",
-			"not-data-[active=true]:data-popup-open:bg-fill-subtle not-data-[active=true]:has-data-popup-open:bg-fill-subtle",
-			"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
-			"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
-			"has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:keyboard:inset-ring-foreground",
-			"not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-display:grid] not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-end:-1]"
-		],
-		itemTrigger: ["absolute inset-0 z-0 outline-none"],
-		itemLeading: ["pointer-events-none relative z-10 flex size-9 shrink-0 items-center justify-center"],
-		itemSelection: ["relative z-10 mt-0.5 flex size-4 shrink-0 items-center justify-center"],
-		itemContent: [
-			"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
-			"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
-			"[display:var(--inbox-item-content-display,block)] grid-cols-subgrid"
-		],
-		itemContext: [
-			"col-span-full nth-[-n+2]:col-[1/2]",
-			"flex min-w-0 items-center",
-			"mb-0.5 gap-1.5 py-0",
-			"text-caption text-foreground-hint"
-		],
-		itemSubtitle: [
-			"col-span-full nth-[-n+2]:col-[1/2]",
-			"min-w-0",
-			"mt-0.5 mb-0 py-0",
-			"text-caption text-foreground-hint"
-		],
-		itemHeading: [
-			"col-span-full nth-[-n+2]:col-[1/2]",
-			"flex min-w-0 items-start gap-2",
-			"mb-0"
-		],
-		itemTitle: [
-			"relative line-clamp-2 min-w-0 flex-1 pl-[18px]",
-			"[&>svg]:absolute [&>svg]:top-[calc((1lh-14px)/2)] [&>svg]:left-0 [&>svg]:size-3.5",
-			"font-sans text-subhead font-semibold text-foreground-muted",
-			"group-data-[unread=true]/inbox-item:font-bold group-data-[unread=true]/inbox-item:text-foreground",
-			"[&>svg]:text-foreground-hint"
-		],
-		itemTrailing: [
-			"pointer-events-none relative z-10 col-[-2/-1] row-start-1",
-			"flex shrink-0",
-			"mt-0 flex-col items-end gap-2 pt-px",
-			"max-md:flex-col max-md:items-end max-md:gap-2",
-			"after:hidden after:size-[9px] after:shrink-0 after:rounded-[2px] after:border-[1.5px] after:border-sticker-ink after:bg-attention-400",
-			"group-data-[unread=true]/inbox-item:after:block",
-			"*:not-data-[reveal=hover]:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))] after:opacity-[calc(1-var(--inbox-item-reveal-aside,0)*var(--inbox-item-revealed,0))]",
-			"*:not-data-[reveal=hover]:mr-(--inbox-item-aside-room,0px) after:mr-(--inbox-item-aside-room,0px)",
-			"*:not-data-[reveal=hover]:transition-opacity after:transition-opacity",
-			"pointer-fine:has-[>[data-reveal=hover]]:[--inbox-item-reveal-aside:1]",
-			"pointer-coarse:has-[>[data-reveal=hover]]:[--inbox-item-aside-room:--spacing(11)]",
-			"group-hover/inbox-item:[--inbox-item-revealed:1] group-focus-within/inbox-item:[--inbox-item-revealed:1]",
-			"group-data-[active=true]/inbox-item:[--inbox-item-revealed:1] group-data-popup-open/inbox-item:[--inbox-item-revealed:1]",
-			"has-[>[data-reveal=hover]_[data-popup-open]]:[--inbox-item-revealed:1]"
-		],
-		itemMarks: ["flex h-5 shrink-0 items-center justify-end gap-1.5", "text-foreground-hint"],
-		itemHoverTarget: ["pointer-events-auto"],
-		itemTimestamp: ["shrink-0 whitespace-nowrap text-right tabular-nums", "font-mono text-mono-meta text-foreground-hint"],
-		itemBody: [
-			"col-span-full nth-[-n+2]:col-[1/2]",
-			"line-clamp-2",
-			"mt-0.5 text-callout text-foreground-muted"
-		],
-		itemMessage: [
-			"col-span-full nth-[-n+2]:col-[1/2]",
-			"min-w-0",
-			"mt-0.5 line-clamp-2 text-callout text-foreground-muted"
-		],
-		itemSender: ["font-semibold text-foreground"],
-		itemMetadata: [
-			"col-span-full nth-[-n+2]:col-[1/2]",
-			"flex min-h-5 flex-wrap items-center gap-1.5",
-			"mt-2"
-		],
-		itemActions: [
-			"pointer-events-auto flex shrink-0 items-center",
-			"order-last gap-0.5",
-			"*:data-[slot=panel-action]:h-8 *:data-[slot=panel-action]:min-w-8 [&>[data-slot=panel-action]>svg]:size-[18px]",
-			"*:data-[slot=panel-toggle-action]:h-8 *:data-[slot=panel-toggle-action]:min-w-8 [&>[data-slot=panel-toggle-action]>svg]:size-[18px]",
-			"[&>[data-slot=panel-toggle-action][data-pressed]]:border-transparent",
-			"[&>[data-slot=panel-toggle-action][data-pressed]]:bg-transparent",
-			"[&>[data-slot=panel-toggle-action][data-pressed]]:text-foreground",
-			"[&>[data-slot=panel-toggle-action][data-pressed]]:hover:bg-fill-medium [&>[data-slot=panel-toggle-action][data-pressed]]:active:bg-fill-medium",
-			"pointer-coarse:gap-3",
-			"pointer-coarse:*:data-[slot=panel-action]:after:absolute pointer-coarse:*:data-[slot=panel-action]:after:-inset-1.5",
-			"pointer-coarse:*:data-[slot=panel-toggle-action]:after:absolute pointer-coarse:*:data-[slot=panel-toggle-action]:after:-inset-1.5"
-		]
-	},
-	variants: {
-		density: { compact: {
-			item: ["items-center"],
-			itemTitle: ["line-clamp-1", "pl-0 has-[>svg]:pl-[18px]"],
-			itemTrailing: [
-				"gap-0 pt-0",
-				"max-md:gap-0",
-				"group-data-[unread=true]/inbox-item:after:hidden"
-			],
-			itemTimestamp: ["leading-5"],
-			itemBody: ["line-clamp-1", "mt-0"],
-			itemMessage: ["line-clamp-1", "mt-0"]
-		} },
-		reveal: { hover: { itemActions: [
-			"absolute top-0 right-0 z-10",
-			"pointer-events-none opacity-0 transition-opacity",
-			"group-hover/inbox-item:pointer-events-auto group-hover/inbox-item:opacity-100",
-			"group-focus-within/inbox-item:pointer-events-auto group-focus-within/inbox-item:opacity-100",
-			"group-data-[active=true]/inbox-item:pointer-events-auto group-data-[active=true]/inbox-item:opacity-100",
-			"group-data-popup-open/inbox-item:pointer-events-auto group-data-popup-open/inbox-item:opacity-100",
-			"has-data-popup-open:pointer-events-auto has-data-popup-open:opacity-100",
-			"pointer-coarse:pointer-events-auto pointer-coarse:opacity-100 pointer-coarse:only:static"
-		] } }
-	},
-	compoundVariants: [{
-		density: "compact",
-		reveal: "hover",
-		class: { itemActions: ["top-1/2 -translate-y-1/2", "pointer-coarse:only:translate-y-0"] }
-	}]
-});
-//#endregion
 //#region src/components/inbox-item/inbox-item.tsx
 const InboxItemDisabledContext = createContext(false);
 const InboxItemDensityContext = createContext(void 0);
@@ -17315,4 +17078,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
 	});
 }
 //#endregion
-export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, 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, 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, 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, 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, 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, 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, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, 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, 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, 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, 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, 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, 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, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };
+export { ActivityInboxControls, ActivityInboxLoadingMore, ActivityInboxPanel, ActivityInboxSelectionCount, ActivityInboxSelectionToolbar, ActivityInboxSidebar, ActivityInboxViewport, 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, 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, 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, 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, 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, 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, Kbd, KbdGroup, Label, LabelAsterisk, LabelOptional, LabelSub, 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, 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, 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, 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, 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, VirtualList, WorkspaceButton, WorkspaceButtonName, buildMessageImageGalleryRows, buttonVariants, classifyMessageImageAspect, cn, createMessageTextSelectionAnchor, createToastManager, getTextSelectionFocusRect, installInputModality, taskStatusSoft, taskStatusStrong, textLinkVariants, toast, useComposerSuggestions, useOrderedTabs, useTheme, useToastManager };

package/dist/styles.css

@@ -512,6 +512,14 @@
   initial-value: 0px;
 }
 
+/* A reference chip's own type size, kept as a length so a smaller note inside
+   it can measure itself against the label (message-reference.recipe.ts). */
+@property --message-reference-em {
+  syntax: "<length>";
+  inherits: true;
+  initial-value: 0px;
+}
+
 *,
 ::before,
 ::after {
@@ -621,8 +629,9 @@ textarea:-webkit-autofill:disabled {
    a banner, a toast, a panel notice or a chip sits on the first line of its
    text, centred on it, and stays there when the text wraps
    (design/foundations/alignment.md#a-mark-that-leads-text). In Space
-   Grotesk the centre of the line box is the centre of the cap height (to
-   0.006em), so this is optical centring and needs no per-size nudge. Only
+   Grotesk's metrics the centre of the line box is the centre of the cap
+   height (to 0.006em); Chromium's rounding can lift the letters 0.5px, which
+   is left alone, as the alignment page explains. Only
    the place is shared: each component keeps its own icon size and gap.
 
    `lead-icon` centres an icon of any size on the line its parent sets, by

package/dist/wip.d.mts

@@ -1,4 +1,4 @@
-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 { Ar as SegmentedControlNav, E as MessageQuotedPreviewAuthorDelegatedByProps, Or as SegmentedControlLink, T as MessageQuotedPreviewAuthorDelegatedBy, Vi as Dialog, Wi as DialogClose, _n as MessageItemDelegatedByButton, a as MessageListJumpPillDismissProps, ba as StyledProps, bn as MessageItemDelegatedByNameProps, c as MessageListJumpPillProps, da as DialogTrigger, gn as MessageItemDelegatedBy, hn as MessageItemDelegatedAvatarProps, i as MessageListJumpPillDismiss, jr as SegmentedControlNavProps, kr as SegmentedControlLinkProps, ma as ButtonProps, mn as MessageItemDelegatedAvatar, n as MessageListJumpControlsProps, o as MessageListJumpPillGroup, qi as DialogContentProps, r as MessageListJumpPill, s as MessageListJumpPillGroupProps, t as MessageListJumpControls, ua as DialogTitleProps, vn as MessageItemDelegatedByButtonProps, xn as MessageItemDelegatedByProps, ya as DataAttributes, yn as MessageItemDelegatedByName, zi as TextLinkProps } from "./index-jTmbN7ov.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";
@@ -379,4 +379,16 @@ type Truncation = boolean | undefined;
  */
 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 };
+//#region src/components/inbox-item/inbox-item-leading-badge.d.ts
+type InboxItemLeadingBadgeProps = useRender.ComponentProps<"span">;
+/**
+ * A small badge in the bottom-right corner of `InboxItemLeading`, the corner a
+ * presence light takes: on a thread row, the thread mark, on the channel's
+ * `IconTile` or on the direct message's `Avatar` alike. Put it inside
+ * `InboxItemLeading`, after the tile or avatar, with one icon as its child;
+ * leave the avatar's `AvatarBadge` out, since the corner holds one mark. It
+ * is hidden from assistive technology unless given a `role`.
+ */
+export declare function InboxItemLeadingBadge({ className, render, ...props }: InboxItemLeadingBadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#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, type InboxItemLeadingBadgeProps, 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, SegmentedControlLink, type SegmentedControlLinkProps, SegmentedControlNav, type SegmentedControlNavProps, type UseCommentMarginFitsOptions };

package/dist/wip.mjs

@@ -1,4 +1,4 @@
-import { An as Tooltip, Bn as DialogClose, Fn as TextLink, Gt as readNow, Ht as measureContent, Pn as TooltipTrigger, Rn as Dialog, Ut as measureElement, Vn as DialogContent, Vt as useOverflowTitle, Wt as observeTruncation, Xn as DialogTrigger, Yn as DialogTitle, Zn as Button$1, a as MessageListJumpPillDismiss, ar as useTheme, dt as MessageItemDelegatedAvatar, er as defaultNativeButton, ft as MessageItemDelegatedBy, h as MessageQuotedPreviewAuthorDelegatedBy, i as MessageListJumpPill, ir as useThemeScopeProps, jn as TooltipContent, mt as MessageItemDelegatedByName, o as MessageListJumpPillGroup, pt as MessageItemDelegatedByButton, r as MessageListJumpControls, sr as tv, t as useHoldThenMoveTouchSensor } from "./touch-drag-B7uLTWXe.mjs";
+import { $t as observeTruncation, Bn as TooltipContent, Jt as SegmentedControlLink, Qt as measureElement, Un as TooltipTrigger, Wn as TextLink, Xn as DialogContent, Xt as useOverflowTitle, Yn as DialogClose, Yt as SegmentedControlNav, Zt as measureContent, _ as MessageQuotedPreviewAuthorDelegatedBy, _t as MessageItemDelegatedByName, a as MessageListJumpPill, ar as DialogTrigger, en as readNow, gr as tv, gt as MessageItemDelegatedByButton, ht as MessageItemDelegatedBy, i as MessageListJumpControls, ir as DialogTitle, lr as defaultNativeButton, mr as useTheme, mt as MessageItemDelegatedAvatar, n as useHoldThenMoveTouchSensor, o as MessageListJumpPillDismiss, or as Button$1, pr as useThemeScopeProps, qn as Dialog, s as MessageListJumpPillGroup, t as inboxItem, zn as Tooltip } from "./inbox-item.recipe-DelZxRmY.mjs";
 import { Check, ChevronDown, LoaderCircle, Plus, X } from "lucide-react";
 import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1467,4 +1467,27 @@ function useTruncated(ref) {
 	return truncated;
 }
 //#endregion
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, Ellipsis, EllipsisToggle, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useHoldThenMoveTouchSensor, useTruncated };
+//#region src/components/inbox-item/inbox-item-leading-badge.tsx
+/**
+* A small badge in the bottom-right corner of `InboxItemLeading`, the corner a
+* presence light takes: on a thread row, the thread mark, on the channel's
+* `IconTile` or on the direct message's `Avatar` alike. Put it inside
+* `InboxItemLeading`, after the tile or avatar, with one icon as its child;
+* leave the avatar's `AvatarBadge` out, since the corner holds one mark. It
+* is hidden from assistive technology unless given a `role`.
+*/
+function InboxItemLeadingBadge({ className, render, ...props }) {
+	const { itemLeadingBadge } = inboxItem();
+	const defaultProps = {
+		"data-slot": "inbox-item-leading-badge",
+		"aria-hidden": props.role ? void 0 : true,
+		className: itemLeadingBadge({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+//#endregion
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, Ellipsis, EllipsisToggle, InboxItemLeadingBadge, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, SegmentedControlLink, SegmentedControlNav, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useHoldThenMoveTouchSensor, useTruncated };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",