@botiverse/raft-ui 0.18.0 → 0.20.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $ as MessageReactionTooltipMeta, $n as ThemeStateContext, $t as DropdownMenuRadioItem, A as messageEmbed, An as Badge, At as MessageItemContinuationTime, B as MessageReferencePending, Bn as DialogPortal, Bt as useOverflowTitle, C as MessageQuotedPreviewThread, Cn as CheckboxIndicator, Ct as MessageItemBody, D as MessageEmbedContent, Dn as TooltipPortal, Dt as MessageItemFooter, E as MessageEmbed, En as TooltipContent, Et as MessageItemEmbedded, F as MessageMultiSelectCheckbox, Fn as DialogDescription, Ft as AvatarBadge, G as MessageReactionCount, Gn as buttonVariants, Gt as DropdownMenuFooter, H as MessageReferenceUnavailable, Hn as DialogTitle, Ht as DropdownMenuCheckboxItem, I as MessageMultiSelectToolbar, In as DialogFooter, It as AvatarFallback, J as MessageReactionPickerContent, Jn as useParentOverlayKind, Jt as DropdownMenuItemLabel, K as MessageReactionErrorIndicator, Kn as Spinner, Kt as DropdownMenuItem, L as MessageReferenceChip, Ln as DialogHeader, Lt as AvatarGroup, M as MessageTextSelectionToolbarButton, Mn as DialogBody, Mt as MessageItem, N as MessageTextSelectionToolbarSeparator, Nn as DialogClose, Nt as searchHit, O as MessageEmbedFooter, On as TooltipProvider, Ot as MessageItemSearchMatch, P as MessageMultiSelect, Pn as DialogContent, Pt as Avatar, Q as MessageReactionTooltipContent, Qn as useTheme, Qt as DropdownMenuRadioGroup, R as MessageReferenceIndicator, Rn as DialogNav, Rt as AvatarGroupCount, S as MessageQuotedPreviewText, Sn as Checkbox, St as MessageItemAttachments, T as MessageQuotedPreviewUnavailable, Tn as Tooltip, Tt as MessageItemEdited, U as MessageReactionAddButton, Un as DialogTrigger, Ut as DropdownMenuCheckboxItemIndicator, V as MessageReferenceText, Vn as DialogSurface, Vt as DropdownMenu, W as MessageReactionChip, Wn as Button, Wt as DropdownMenuContent, X as MessageReactionQuickButton, Xn as resolveThemeScopeProps, Xt as DropdownMenuPopup, Y as MessageReactionPickerStatic, Yn as withOverlayLayer, Yt as DropdownMenuLabel, Z as MessageReactionQuickRow, Zn as useThemeScopeProps, Zt as DropdownMenuPortal, _ as MessageQuotedPreviewAuthorName, _n as ScrollAreaCorner, _t as MessageItemSender, an as DropdownMenuTrigger, at as MessageItemBadgeSeparator, b as MessageQuotedPreviewHeader, bn as ScrollAreaViewport, bt as MessageItemSenderGroup, c as MessageListHistoryLimited, cn as Panel, ct as MessageItemToolbar, d as MessageQuotedPreview, dn as PanelHeaderRoot, en as DropdownMenuRadioItemIndicator, er as tv, et as MessageReactionTooltipName, f as MessageQuotedPreviewAttachment, fn as PanelScrollContent, g as MessageQuotedPreviewAuthorMeta, gn as ScrollAreaContent, gt as MessageItemMeta, hn as ScrollArea, ht as MessageItemInlineStatus, in as DropdownMenuSubmenuTrigger, it as MessageItemBadge, j as MessageTextSelectionToolbar, jn as Dialog, jt as MessageItemGutter, k as MessageEmbedHeader, kn as TooltipTrigger, kt as MessageItemAvatarSlot, l as MessageListNotice, ln as PanelBody, lt as MessageItemToolbarButton, m as MessageQuotedPreviewAuthor, mn as PanelSection, mt as MessageItemHeader, n as useMouseOnlyPointerSensor, nn as DropdownMenuShortcut, nr as headEdgePull, nt as MessageReactionTooltipNames, on as Kbd, ot as MessageItemReadReceipt, p as MessageQuotedPreviewAttachments, pn as PanelScrollViewport, q as MessageReactionGlyph, qn as defaultNativeButton, qt as DropdownMenuItemCount, rn as DropdownMenuSubmenu, rr as headEdges, rt as MessageReactionTooltipSeparator, s as MessageListDateDivider, sn as KbdGroup, st as MessageItemSavedIndicator, t as useHoldThenMoveTouchSensor, tn as DropdownMenuSeparator, tr as controlIconInset, tt as MessageReactionTooltipNameText, u as MessageList, un as PanelFooter, v as MessageQuotedPreviewChannel, vn as ScrollAreaScrollbar, vt as MessageItemSenderBadges, w as MessageQuotedPreviewTimestamp, wn as PRESENCE_COLOR, wt as MessageItemContent, x as MessageQuotedPreviewLoading, xn as useMobileViewport, xt as MessageItemTime, y as MessageQuotedPreviewContent, yn as ScrollAreaThumb, yt as MessageItemSenderButton, z as MessageReferenceLabel, zn as DialogOverlay, zt as AvatarImage } from "./touch-drag-CbWqiMlZ.mjs";
+import { $ as MessageReactionTooltipContent, $n as useTheme, $t as DropdownMenuRadioGroup, A as messageEmbed, An as TooltipTrigger, At as MessageItemAvatarSlot, B as MessageReferenceLabel, Bn as DialogOverlay, Bt as AvatarImage, C as MessageQuotedPreviewThread, Cn as Checkbox, Ct as MessageItemAttachments, D as MessageEmbedContent, Dn as TooltipContent, Dt as MessageItemEmbedded, E as MessageEmbed, En as Tooltip, Et as MessageItemEdited, F as MessageMultiSelectCheckbox, Fn as DialogContent, Ft as Avatar, G as MessageReactionChip, Gn as Button, Gt as DropdownMenuContent, H as MessageReferenceText, Hn as DialogSurface, Ht as DropdownMenu, I as MessageMultiSelectToolbar, In as DialogDescription, It as AvatarBadge, J as MessageReactionGlyph, Jn as defaultNativeButton, Jt as DropdownMenuItemCount, K as MessageReactionCount, Kn as buttonVariants, Kt as DropdownMenuFooter, L as MessageMultiSelectToolbarActions, Ln as DialogFooter, Lt as AvatarFallback, M as MessageTextSelectionToolbarButton, Mn as Dialog, Mt as MessageItemGutter, N as MessageTextSelectionToolbarSeparator, Nn as DialogBody, Nt as MessageItem, O as MessageEmbedFooter, On as TooltipPortal, Ot as MessageItemFooter, P as MessageMultiSelect, Pn as DialogClose, Pt as searchHit, Q as MessageReactionQuickRow, Qn as useThemeScopeProps, Qt as DropdownMenuPortal, R as MessageReferenceChip, Rn as DialogHeader, Rt as AvatarGroup, S as MessageQuotedPreviewText, Sn as useMobileViewport, St as MessageItemTime, T as MessageQuotedPreviewUnavailable, Tn as PRESENCE_COLOR, Tt as MessageItemContent, U as MessageReferenceUnavailable, Un as DialogTitle, Ut as DropdownMenuCheckboxItem, V as MessageReferencePending, Vn as DialogPortal, Vt as useOverflowTitle, W as MessageReactionAddButton, Wn as DialogTrigger, Wt as DropdownMenuCheckboxItemIndicator, X as MessageReactionPickerStatic, Xn as withOverlayLayer, Xt as DropdownMenuLabel, Y as MessageReactionPickerContent, Yn as useParentOverlayKind, Yt as DropdownMenuItemLabel, Z as MessageReactionQuickButton, Zn as resolveThemeScopeProps, Zt as DropdownMenuPopup, _ as MessageQuotedPreviewAuthorName, _n as ScrollAreaContent, _t as MessageItemMeta, an as DropdownMenuSubmenuTrigger, ar as decisionWidth, at as MessageItemBadge, b as MessageQuotedPreviewHeader, bn as ScrollAreaThumb, bt as MessageItemSenderButton, c as MessageListHistoryLimited, cn as KbdGroup, ct as MessageItemSavedIndicator, d as MessageQuotedPreview, dn as PanelFooter, en as DropdownMenuRadioItem, er as ThemeStateContext, et as MessageReactionTooltipMeta, f as MessageQuotedPreviewAttachment, fn as PanelHeaderRoot, g as MessageQuotedPreviewAuthorMeta, gn as ScrollArea, gt as MessageItemInlineStatus, hn as PanelSection, ht as MessageItemHeader, in as DropdownMenuSubmenu, ir as headEdges, it as MessageReactionTooltipSeparator, j as MessageTextSelectionToolbar, jn as Badge, jt as MessageItemContinuationTime, k as MessageEmbedHeader, kn as TooltipProvider, kt as MessageItemSearchMatch, l as MessageListNotice, ln as Panel, lt as MessageItemToolbar, m as MessageQuotedPreviewAuthor, mn as PanelScrollViewport, n as useMouseOnlyPointerSensor, nn as DropdownMenuSeparator, nr as controlIconInset, nt as MessageReactionTooltipNameText, on as DropdownMenuTrigger, ot as MessageItemBadgeSeparator, p as MessageQuotedPreviewAttachments, pn as PanelScrollContent, q as MessageReactionErrorIndicator, qn as Spinner, qt as DropdownMenuItem, rn as DropdownMenuShortcut, rr as headEdgePull, rt as MessageReactionTooltipNames, s as MessageListDateDivider, sn as Kbd, st as MessageItemReadReceipt, t as useHoldThenMoveTouchSensor, tn as DropdownMenuRadioItemIndicator, tr as tv, tt as MessageReactionTooltipName, u as MessageList, un as PanelBody, ut as MessageItemToolbarButton, v as MessageQuotedPreviewChannel, vn as ScrollAreaCorner, vt as MessageItemSender, w as MessageQuotedPreviewTimestamp, wn as CheckboxIndicator, wt as MessageItemBody, x as MessageQuotedPreviewLoading, xn as ScrollAreaViewport, xt as MessageItemSenderGroup, y as MessageQuotedPreviewContent, yn as ScrollAreaScrollbar, yt as MessageItemSenderBadges, z as MessageReferenceIndicator, zn as DialogNav, zt as AvatarGroupCount } from "./touch-drag-BA_Fxs2Z.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";
@@ -36,7 +36,8 @@ const alertDialog = tv({
 	slots: {
 		overlay: ["fixed inset-0 z-50 bg-layer-backdrop"],
 		content: [
-			"fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] max-w-[400px] -translate-1/2 outline-none",
+			"fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] -translate-1/2 outline-none",
+			decisionWidth,
 			"overflow-clip rounded-dialog bg-layer-popover text-foreground",
 			"shadow-float ring-1 ring-line-seam"
 		],
@@ -242,7 +243,7 @@ const panelHeader = tv({
 			"max-md:**:data-[slot=panel-title]:text-foreground-on-frame",
 			"max-md:**:data-[slot=panel-meta]:text-foreground-on-frame-muted",
 			"max-md:**:data-[slot=panel-action]:text-foreground-on-frame",
-			"max-md:**:data-[slot=panel-action]:hover:bg-fill-frame-pressed max-md:**:data-[slot=panel-action]:active:bg-fill-frame-pressed"
+			"max-md:**:data-[slot=panel-action]:hover:bg-fill-frame-medium max-md:**:data-[slot=panel-action]:active:bg-fill-frame-medium"
 		]
 	}]
 });
@@ -1051,9 +1052,9 @@ const listRow = tv({
 		},
 		interactive: {
 			true: { root: [
-				"not-disabled:not-aria-disabled:not-data-selected:hover:row-hover-overlay",
-				"not-disabled:not-aria-disabled:not-data-selected:active:press-overlay",
-				"not-data-selected:data-popup-open:row-open-overlay not-disabled:not-aria-disabled:not-data-selected:data-popup-open:hover:row-open-overlay"
+				"not-disabled:not-aria-disabled:not-data-selected:hover:overlay-subtle",
+				"not-disabled:not-aria-disabled:not-data-selected:active:overlay-medium",
+				"not-data-selected:data-popup-open:overlay-subtle"
 			] },
 			false: {}
 		},
@@ -1305,7 +1306,7 @@ const appRail = tv({ slots: {
 		"[&_svg]:shrink-0",
 		"size-10 rounded-control border-[1.5px] border-transparent",
 		"text-foreground-on-frame [&_svg]:size-5",
-		"hover:bg-fill-frame-pressed active:bg-fill-frame-pressed",
+		"hover:bg-fill-frame-medium active:bg-fill-frame-medium",
 		"data-[selected=true]:border-line-frame-active data-[selected=true]:bg-layer-frame-active",
 		"data-[selected=true]:ring-[1.5px] data-[selected=true]:ring-sticker-edge",
 		"data-[selected=true]:text-foreground-on-frame-active",
@@ -1968,7 +1969,11 @@ const sidebarItemRecipe = tv({
 	},
 	variants: {
 		interactive: {
-			true: { sidebarItem: ["hover:bg-fill-row-hover active:bg-fill-pressed not-data-active:data-popup-open:bg-fill-row-open", "focus-visible:shadow-focus"] },
+			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"
+			] },
 			false: { sidebarItem: "cursor-default" }
 		},
 		wrap: {
@@ -2618,13 +2623,13 @@ const contextMenu = tv({ slots: {
 	content: [
 		"flex flex-col max-h-(--available-height) overflow-hidden",
 		"outline-none",
-		"min-w-60 gap-0 rounded-container bg-layer-popover p-1.5 text-foreground",
+		"min-w-60 gap-0 rounded-container bg-layer-popover p-1 text-foreground",
 		"shadow-float ring-1 ring-line-seam"
 	],
 	item: [
 		"flex w-full cursor-default select-none items-center",
 		"text-left outline-none transition-colors",
-		"min-h-option gap-2.5 rounded-control px-2.5 py-option-inset",
+		"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
 		"font-sans text-callout font-medium text-foreground",
 		"hover:bg-brand-soft data-highlighted:bg-brand-soft",
 		"data-checked:font-bold",
@@ -2635,7 +2640,7 @@ const contextMenu = tv({ slots: {
 	radioItem: [
 		"flex w-full cursor-default select-none items-center",
 		"text-left outline-none transition-colors",
-		"min-h-option gap-2.5 rounded-control px-2.5 py-option-inset",
+		"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
 		"font-sans text-callout font-medium text-foreground",
 		"hover:bg-brand-soft data-highlighted:bg-brand-soft",
 		"data-checked:font-bold",
@@ -2646,7 +2651,7 @@ const contextMenu = tv({ slots: {
 	submenuTrigger: [
 		"flex w-full cursor-default select-none items-center",
 		"text-left outline-none transition-colors",
-		"min-h-option gap-2.5 rounded-control px-2.5 py-option-inset",
+		"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
 		"font-sans text-callout font-medium text-foreground",
 		"hover:bg-brand-soft data-highlighted:bg-brand-soft data-popup-open:bg-brand-soft",
 		"data-disabled:pointer-events-none data-disabled:text-foreground-disabled",
@@ -2661,7 +2666,7 @@ const contextMenu = tv({ slots: {
 		"h-auto min-w-0 rounded-none bg-transparent p-0 shadow-none ring-0",
 		"font-mono text-mono-meta font-normal text-foreground-hint"
 	],
-	separator: ["-mx-1.5 my-1.5 h-px border-0 bg-line-hairline"],
+	separator: ["-mx-1 my-1 h-px border-0 bg-line-hairline"],
 	indicator: ["pointer-events-none ml-auto flex shrink-0 items-center justify-center", "size-4 text-foreground [&_svg]:size-4"]
 } });
 function ContextMenu(props) {
@@ -2917,7 +2922,7 @@ const lightbox = tv({ slots: {
 		"data-[disabled=true]:cursor-default",
 		"[&_svg]:pointer-events-none [&_svg]:shrink-0",
 		"size-11 rounded-control border-[1.5px] border-line-strong bg-layer-card text-foreground shadow-none",
-		"hover:bg-layer-card hover:press-overlay active:press-overlay",
+		"hover:overlay-medium active:overlay-medium",
 		"focus-visible:outline-transparent focus-visible:shadow-focus",
 		"[&_svg]:size-5.5"
 	],
@@ -2925,11 +2930,18 @@ const lightbox = tv({ slots: {
 	infoBar: [
 		"pointer-events-auto flex items-center",
 		"w-[clamp(144px,20vw,224px)] max-w-[calc(100vw-48px)] min-w-36",
-		"gap-2 rounded-container py-0.5 pr-0.5 pl-2.5",
+		"gap-2 rounded-container py-1 pr-1 pl-2.5",
 		"bg-layer-popover text-foreground shadow-float ring-1 ring-line-seam"
 	],
 	infoTitle: ["min-w-0 flex-1 truncate", "font-sans text-footnote font-semibold text-foreground"],
-	infoActions: ["flex shrink-0 items-center", "gap-1"],
+	infoActions: [
+		"flex shrink-0 items-center",
+		"gap-1",
+		"*:data-[slot=button]:h-7 *:data-[slot=button]:w-auto *:data-[slot=button]:min-w-7",
+		"*:data-[slot=button]:rounded-chip",
+		"*:data-[slot=button]:after:inset-x-[-3px] *:data-[slot=button]:first:after:left-[-9.5px] *:data-[slot=button]:last:after:right-[-9.5px]",
+		"pointer-coarse:*:data-[slot=button]:after:inset-y-[-9.5px]"
+	],
 	thumbnailStrip: ["pointer-events-none absolute right-0 bottom-4 left-0 z-10", "flex items-center justify-center gap-1.5"],
 	thumbnail: [
 		"group/lightbox-thumb pointer-events-auto relative size-12 overflow-hidden",
@@ -3264,11 +3276,11 @@ const mobileNav = tv({ slots: {
 		"*:relative *:z-10 [&_svg]:size-[22px] [&_svg]:stroke-2",
 		"before:pointer-events-none before:absolute before:top-0 before:left-1/2 before:z-0 before:-translate-x-1/2",
 		"before:h-[30px] before:w-14 before:rounded-control before:border-[1.5px] before:border-transparent before:content-['']",
-		"active:before:bg-fill-pressed",
+		"active:before:bg-fill-medium",
 		"data-[selected=true]:font-bold data-[selected=true]:text-foreground",
 		"data-[selected=true]:[&_svg]:text-sticker-ink",
 		"data-[selected=true]:before:border-sticker-ink data-[selected=true]:before:bg-brand data-[selected=true]:before:ring-[1.5px] data-[selected=true]:before:ring-sticker-edge",
-		"data-[selected=true]:active:before:press-overlay-sticker",
+		"data-[selected=true]:active:before:overlay-sticker-medium",
 		"rounded-control focus-visible:shadow-focus"
 	],
 	itemLabel: ["min-w-0 truncate", "max-w-full"]
@@ -3345,16 +3357,16 @@ const popover = tv({ slots: {
 		"rounded-container bg-layer-popover text-foreground",
 		"shadow-float ring-1 ring-line-seam"
 	],
-	header: ["flex items-center justify-between px-3", "min-h-11 gap-2 py-1.5 pr-2 pl-4"],
+	header: ["flex items-center justify-between px-3", "min-h-11 gap-2 py-1.5 pr-1.5 pl-4"],
 	separator: ["border-t", "border-line-hairline"],
 	title: ["m-0", "font-sans text-headline font-bold text-foreground"],
 	description: ["m-0", "font-sans text-footnote text-foreground-muted"],
 	close: [
 		"inline-flex items-center justify-center",
 		"outline-none transition-colors",
-		"h-8 min-w-8 rounded-control px-1.5",
+		"h-8 min-w-8 rounded-chip px-1.5",
 		"font-sans text-footnote font-bold text-foreground",
-		"hover:bg-fill-pressed active:bg-fill-pressed",
+		"hover:bg-fill-medium active:bg-fill-medium",
 		"focus-visible:shadow-focus",
 		"[&_svg]:size-4.5"
 	],
@@ -3898,7 +3910,12 @@ const inputGroup = tv({
 			variant: "default",
 			align: "inline-end",
 			class: {
-				addon: "pl-2",
+				addon: [
+					"pl-2",
+					"*:data-[slot=button]:size-control-embedded *:data-[slot=button]:rounded-chip",
+					"[&>[data-slot=button]_svg:not([class*='size-'])]:size-4",
+					"[&>[data-slot=button]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
+				],
 				text: "pl-0.5"
 			}
 		}
@@ -3992,14 +4009,14 @@ const combobox = tv({
 			"transition-[background-color,color] duration-100",
 			"[&>svg]:shrink-0",
 			"rounded-sticker text-foreground-hint opacity-100",
-			"hover:bg-transparent hover:text-foreground-hint",
 			"[&>svg]:size-3.5 [&>svg]:stroke-2 [&>svg_*]:stroke-2"
 		],
 		control: [
 			"flex min-w-0 items-center gap-2",
 			"outline-none",
 			"[&>svg]:pointer-events-none [&>svg]:shrink-0",
-			"[&_[data-slot='combobox-clear']]:size-5 [&_[data-slot='combobox-clear']]:min-w-5 **:data-[slot='combobox-clear']:shrink-0",
+			"**:data-[slot='combobox-clear']:size-control-embedded [&_[data-slot='combobox-clear']]:px-0 **:data-[slot='combobox-clear']:shrink-0",
+			"[&>[data-slot=combobox-clear]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]",
 			"[&_[data-slot='combobox-trigger-indicator']]:size-4",
 			"[&_[data-slot='combobox-trigger-indicator']>svg]:shrink-0",
 			"min-h-control rounded-control border-[1.5px] border-line-field bg-layer-card px-3 py-0",
@@ -4027,11 +4044,11 @@ const combobox = tv({
 		],
 		header: ["flex items-center justify-between px-3", "gap-2 py-1.5 pr-1.5 pl-4"],
 		separator: ["h-px shrink-0 border-0", "bg-line-hairline"],
-		list: ["max-h-64 overflow-y-auto overscroll-contain", "flex flex-col p-1.5 scroll-py-1.5"],
+		list: ["max-h-64 overflow-y-auto overscroll-contain", "flex flex-col p-1 scroll-py-1"],
 		item: [
 			"flex w-full shrink-0 cursor-default select-none items-center justify-between overflow-hidden",
 			"text-left outline-none transition-colors",
-			"min-h-option gap-2.5 rounded-control px-2.5 py-option-inset",
+			"min-h-option gap-2.5 rounded-chip px-2.5 py-option-inset",
 			"font-sans text-callout font-medium text-foreground wrap-anywhere",
 			"bg-transparent hover:bg-brand-soft data-highlighted:bg-brand-soft",
 			"data-selected:font-bold",
@@ -4046,9 +4063,9 @@ const combobox = tv({
 			"inline-flex items-center justify-center",
 			"pointer-events-none opacity-0 outline-none transition-[background-color,color] duration-100",
 			"data-visible:pointer-events-auto data-visible:opacity-100",
-			"h-7 min-w-0 rounded-control px-2",
+			"h-7 min-w-0 rounded-chip px-2",
 			"font-sans text-control font-semibold text-foreground-muted",
-			"hover:bg-fill-pressed hover:text-foreground active:bg-fill-pressed",
+			"hover:bg-fill-medium hover:text-foreground active:bg-fill-medium",
 			"focus-visible:shadow-focus",
 			"[&>svg]:size-4 [&>svg]:stroke-2 [&>svg_*]:stroke-2"
 		],
@@ -4056,19 +4073,21 @@ const combobox = tv({
 		groupLabel: ["py-2", "px-2.5 pt-2 pb-1 text-caption font-bold text-foreground-hint"],
 		chips: [
 			"flex flex-wrap items-center",
-			"min-h-control gap-1.5 rounded-control border-[1.5px] border-line-field bg-layer-card py-1.5 pr-3 pl-1.5",
+			"min-h-control gap-1.5 rounded-control border-[1.5px] border-line-field bg-layer-card py-[calc(var(--control-embedded-inset)-1.5px)] pr-3 pl-[calc(var(--control-embedded-inset)-1px)]",
+			"*:data-[slot=combobox-input]:h-control-embedded",
 			"transition-shadow duration-90 ease-out has-focus-visible:shadow-focus"
 		],
 		chip: [
 			"inline-flex min-w-0 max-w-full items-center overflow-hidden",
 			"[&>:not([data-slot=combobox-chip-remove])]:min-w-0 [&>:not([data-slot=combobox-chip-remove])]:truncate",
-			"h-7 gap-1.5 rounded-chip bg-fill-muted pr-0.5 pl-2",
+			"h-control-embedded gap-1.5 rounded-chip bg-fill-muted pr-0.5 pl-2",
 			"text-footnote font-semibold text-foreground"
 		],
 		chipRemove: [
 			"inline-flex shrink-0 items-center justify-center outline-none transition-colors",
-			"size-[22px] rounded-sticker text-foreground-hint",
-			"hover:bg-fill-pressed active:bg-fill-pressed focus-visible:shadow-focus",
+			"size-[calc(var(--control-embedded-size)-4px)] rounded-sticker text-foreground-hint",
+			"hover:bg-fill-medium active:bg-fill-medium",
+			"focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
 			"[&>svg]:size-3.5"
 		]
 	},
@@ -4402,9 +4421,9 @@ const pickerTriggerButton = tv({ base: [
 	"gap-1.5 rounded-control border-0 bg-transparent px-2.5 py-0",
 	"font-sans text-control font-semibold text-foreground-muted",
 	"inset-ring inset-ring-line-seam",
-	"hover:bg-fill-pressed active:bg-fill-pressed",
+	"hover:bg-fill-medium active:bg-fill-medium",
 	"data-has-value:bg-info-soft data-has-value:text-foreground data-has-value:inset-ring-0",
-	"data-has-value:hover:bg-info-soft data-has-value:hover:press-overlay data-has-value:active:press-overlay",
+	"data-has-value:hover:bg-info-soft data-has-value:hover:overlay-medium data-has-value:active:overlay-medium",
 	"data-invalid:inset-ring data-invalid:inset-ring-danger-strong",
 	"focus-visible:shadow-focus",
 	"disabled:bg-fill-muted disabled:text-foreground-disabled disabled:opacity-100 disabled:inset-ring-0",
@@ -4434,6 +4453,7 @@ const select = tv({
 			"[&_[data-slot='select-trigger-content']_svg]:shrink-0",
 			"h-control w-full gap-2 pr-3 pl-3.5",
 			"border-[1.5px] border-line-field",
+			"hover:bg-none",
 			"text-subhead font-semibold text-foreground",
 			"data-placeholder:font-medium data-placeholder:text-foreground-hint",
 			"data-invalid:border-danger-strong data-invalid:hover:border-danger-strong",
@@ -4453,14 +4473,14 @@ const select = tv({
 			"relative max-h-(--available-height) min-w-[max(var(--anchor-width),220px)] overflow-hidden",
 			"max-w-[min(var(--available-width),max(var(--anchor-width),24rem))]",
 			"outline-none",
-			"rounded-container bg-layer-popover p-1.5 text-foreground",
+			"rounded-container bg-layer-popover p-1 text-foreground",
 			"shadow-float ring-1 ring-line-seam"
 		],
 		list: ["max-h-64 overflow-y-auto overscroll-contain scroll-py-6", "flex flex-col"],
 		item: [
 			"flex w-full shrink-0 cursor-default select-none items-center justify-between overflow-hidden",
 			"text-left outline-none transition-colors",
-			"min-h-option flex-wrap gap-x-2.5 gap-y-0.5 rounded-control px-2.5 py-option-inset",
+			"min-h-option flex-wrap gap-x-2.5 gap-y-0.5 rounded-chip px-2.5 py-option-inset",
 			"text-callout font-medium text-foreground",
 			"bg-transparent hover:bg-brand-soft data-highlighted:bg-brand-soft",
 			"data-selected:font-bold data-selected:**:data-[slot='select-item-text']:font-bold",
@@ -4487,7 +4507,7 @@ const select = tv({
 		label: ["m-0", "font-sans text-footnote font-semibold text-foreground-muted"],
 		group: ["flex flex-col"],
 		groupLabel: ["py-2", "px-2.5 pt-2 pb-1 text-caption font-bold text-foreground-hint"],
-		separator: ["h-px shrink-0 border-0", "-mx-1.5 my-1.5 bg-line-hairline"],
+		separator: ["h-px shrink-0 border-0", "-mx-1 my-1 bg-line-hairline"],
 		scrollArrow: [
 			"absolute inset-x-0 z-10 flex h-6 w-full cursor-default items-center justify-center",
 			"outline-none transition-colors",
@@ -4882,7 +4902,7 @@ function SwitchThumb({ className, ...props }) {
 //#region src/components/segmented-control/segmented-control.tsx
 const segmentedControl = tv({
 	slots: {
-		root: ["inline-flex shrink-0 items-center", "w-fit flex-nowrap gap-0.5 rounded-[11px] bg-fill-muted p-[3px]"],
+		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",
@@ -4890,9 +4910,9 @@ const segmentedControl = tv({
 			"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-pressed",
+			"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:hover:press-overlay-sticker data-checked:active:press-overlay-sticker",
+			"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"
 		],
@@ -4976,7 +4996,7 @@ const toggleGroup = tv({ slots: {
 		"inline-flex max-w-full items-center",
 		"data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap",
 		"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
-		"gap-0.5 rounded-[11px] bg-fill-muted p-[3px]"
+		"gap-[3px] rounded-[11px] bg-fill-muted p-[3px]"
 	],
 	item: [
 		"inline-flex h-8 min-w-0 shrink-0 items-center justify-center gap-1.5",
@@ -4987,9 +5007,9 @@ const toggleGroup = tv({ slots: {
 		"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-pressed",
+		"hover:bg-fill-medium active:bg-fill-medium",
 		"data-pressed:border-sticker-ink data-pressed:bg-brand data-pressed:font-bold data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
-		"data-pressed:hover:bg-brand data-pressed:hover:press-overlay-sticker data-pressed:active:press-overlay-sticker",
+		"data-pressed:hover:bg-brand data-pressed:active:bg-brand data-pressed:active:overlay-sticker-medium",
 		"focus-visible:shadow-focus",
 		"data-disabled:opacity-100 data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
 	],
@@ -5178,14 +5198,15 @@ const codeBlock = tv({ slots: {
 	],
 	header: [
 		"flex h-(--code-block-header-height) items-center",
-		"gap-2 border-b border-line-hairline pr-1 pl-3",
+		"gap-2 border-b border-line-hairline pr-[calc(var(--control-embedded-inset)-1px)] pl-3",
 		"font-mono text-mono-meta text-foreground-hint"
 	],
 	title: ["min-w-0 flex-1 truncate font-mono", "text-mono-meta"],
 	actions: [
-		"ml-auto flex items-center gap-2",
-		"[[data-slot=code-block-body]>&]:absolute [[data-slot=code-block-body]>&]:top-2",
-		"[[data-slot=code-block-body]>&]:right-2 [[data-slot=code-block-body]>&]:z-10"
+		"ml-auto flex items-center gap-1",
+		"[[data-slot=code-block-body]>&]:col-start-2 [[data-slot=code-block-body]>&]:row-start-1",
+		"[[data-slot=code-block-body]>&]:z-10 [[data-slot=code-block-body]>&]:ml-3",
+		"[[data-slot=code-block-body]>&]:my-[calc(var(--control-embedded-inset)-0.5rem-1px)] [[data-slot=code-block-body]>&]:mr-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
 	],
 	corner: [
 		"pointer-events-none absolute z-20 size-1",
@@ -5194,7 +5215,9 @@ const codeBlock = tv({ slots: {
 		"hidden"
 	],
 	body: [
-		"relative min-w-0 overflow-x-auto p-4 font-mono",
+		"relative grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-start *:col-start-1",
+		"p-4 font-mono [&_pre]:overflow-x-auto",
+		"[&_pre]:outline-none [&_pre]:focus-visible:keyboard:inset-ring-2 [&_pre]:focus-visible:keyboard:inset-ring-foreground",
 		"px-3 py-2 text-mono-code text-foreground",
 		"[&_pre_span]:text-(--shiki-light,currentColor)",
 		"dark:[&_pre_span]:text-(--shiki-dark,currentColor)"
@@ -5203,8 +5226,8 @@ const codeBlock = tv({ slots: {
 		"inline-flex shrink-0 items-center justify-center",
 		"transition-[color,background-color,opacity]",
 		"focus-visible:outline-none",
-		"size-8 rounded-control text-foreground",
-		"hover:bg-fill-pressed active:bg-fill-pressed",
+		"size-8 rounded-chip text-foreground",
+		"hover:bg-fill-medium active:bg-fill-medium",
 		"focus-visible:ring-0 focus-visible:shadow-focus",
 		"[&_svg:not([class*='size-'])]:size-4.5"
 	]
@@ -5260,7 +5283,7 @@ function CodeBlockTitle({ className, render, ...props }) {
 		state: { slot: "code-block-title" }
 	});
 }
-/** Trailing action region. Placed inside the body it floats over the code panel. */
+/** Trailing action region. In the header it ends the header; in the body it takes a column of its own beside the code. */
 function CodeBlockActions({ className, render, ...props }) {
 	const { actions } = codeBlock();
 	const defaultProps = { className: actions({ className }) };
@@ -5285,7 +5308,10 @@ function CodeBlockAction({ className, render, ...props }) {
 		state: { slot: "code-block-action" }
 	});
 }
-/** Inner code panel. Render the complete pre and code as children. */
+/**
+* Inner code panel. Render the code in a `CodeBlockPre` (or a complete pre
+* and code) as children.
+*/
 function CodeBlockBody({ children, className, render, ...props }) {
 	const { body, corner } = codeBlock();
 	const defaultProps = {
@@ -5305,6 +5331,35 @@ function CodeBlockBody({ children, className, render, ...props }) {
 		state: { slot: "code-block-body" }
 	});
 }
+/**
+* The code's `pre`. A long line scrolls inside it; while it does, it is a
+* named region the keyboard can reach (`tabindex="0"`, `role="region"`, its
+* `aria-label`, "Code" by default), since Safari doesn't focus a scroller on
+* its own. Code that fits adds no Tab stop.
+*/
+function CodeBlockPre({ render, ref, "aria-label": ariaLabel = "Code", ...props }) {
+	const preRef = useRef(null);
+	const [overflowing, setOverflowing] = useState(false);
+	useEffect(() => {
+		const pre = preRef.current;
+		if (!pre) return;
+		const observer = new ResizeObserver(() => setOverflowing(pre.scrollWidth > pre.clientWidth));
+		observer.observe(pre);
+		for (const child of pre.children) observer.observe(child);
+		return () => observer.disconnect();
+	}, []);
+	return useRender({
+		defaultTagName: "pre",
+		render,
+		ref: ref ? [preRef, ref] : preRef,
+		props: mergeProps(overflowing ? {
+			tabIndex: 0,
+			role: "region",
+			"aria-label": ariaLabel
+		} : {}, props),
+		state: { slot: "code-block-pre" }
+	});
+}
 //#endregion
 //#region src/components/inline-code/inline-code.tsx
 const inlineCode = tv({
@@ -5683,7 +5738,7 @@ const messageSystem = tv({ slots: {
 		"[&[data-panel-open]_[data-slot=system-message-group-chevron]]:-rotate-90",
 		"h-7 gap-1 rounded-control px-2 py-0",
 		"font-mono text-mono-meta text-foreground-hint",
-		"hover:bg-fill-pressed hover:text-foreground",
+		"hover:bg-fill-medium hover:text-foreground active:bg-fill-medium",
 		"outline-none focus-visible:shadow-focus"
 	],
 	systemGroupSummary: ["truncate"],
@@ -5801,7 +5856,7 @@ const messageReplies = tv({ slots: {
 		"group/message-replies flex min-w-0 w-full flex-col text-left",
 		"transition-colors focus-visible:keyboard:outline-1 focus-visible:keyboard:outline-line-strong",
 		"mt-2 max-w-[480px] gap-1 rounded-container border-0 px-2.5 py-2",
-		"bg-fill-muted text-foreground-muted hover:press-overlay active:press-overlay",
+		"bg-fill-muted text-foreground-muted hover:overlay-subtle active:overlay-medium",
 		"focus-visible:outline-none focus-visible:shadow-focus"
 	],
 	summary: [
@@ -5919,8 +5974,8 @@ const messageActionCard = tv({
 			"[&>svg]:transition-transform [&>svg]:duration-200 motion-reduce:[&>svg]:transition-none",
 			"data-panel-open:[&>svg]:rotate-180",
 			"focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-offset-1",
-			"my-0 -mr-1 size-[27px] rounded-control text-foreground-muted",
-			"hover:bg-fill-pressed hover:text-foreground active:bg-fill-pressed",
+			"my-0 -mr-1 size-[27px] rounded-chip text-foreground-muted",
+			"hover:bg-fill-medium hover:text-foreground active:bg-fill-medium",
 			"focus-visible:outline-none focus-visible:shadow-focus",
 			"[&>svg]:size-4"
 		]
@@ -6267,14 +6322,14 @@ const messageAttachment = tv({ slots: {
 	card: [
 		"group/attachment relative inline-flex h-20 w-44 min-w-44 max-w-44 shrink-0 flex-col overflow-hidden",
 		"text-left",
-		"rounded-container border border-line-hairline bg-layer-card py-2 pr-1.5 pl-2.5 text-foreground",
-		"outline-none hover:press-overlay active:press-overlay focus-visible:shadow-focus",
+		"rounded-container border border-line-hairline bg-layer-card py-2 pr-[calc(var(--control-embedded-inset)-1px)] pl-2.5 text-foreground",
+		"outline-none hover:overlay-subtle active:overlay-medium focus-visible:shadow-focus",
 		"[&_[data-slot=message-attachment-action]_svg]:size-4"
 	],
 	title: ["block w-full max-w-full shrink-0 truncate", "pr-1 font-sans text-callout font-semibold text-foreground"],
 	meta: ["mt-auto flex w-full min-w-0 max-w-full items-center justify-between", "gap-2 font-mono text-mono-meta text-foreground-hint"],
 	metaStart: "min-w-0 flex-1 truncate",
-	metaEnd: ["ml-auto inline-flex shrink-0 items-center gap-1", "[&_svg]:size-[10px] [&_svg]:shrink-0"],
+	metaEnd: ["ml-auto inline-flex shrink-0 items-center gap-1 self-stretch", "[&_svg]:size-[10px] [&_svg]:shrink-0"],
 	summary: [
 		"mt-0.5 inline-flex shrink-0 items-center whitespace-nowrap",
 		"[&_svg]:shrink-0",
@@ -6288,8 +6343,8 @@ const messageAttachment = tv({ slots: {
 		"relative flex items-center justify-center",
 		"before:absolute before:-inset-1 before:content-['']",
 		"[&_svg]:shrink-0",
-		"-my-1 size-6 rounded-control text-foreground",
-		"outline-none hover:bg-fill-pressed active:bg-fill-pressed",
+		"-mt-1 mb-[calc(var(--control-embedded-inset)-9px)] size-6 self-end rounded-chip text-foreground",
+		"outline-none hover:bg-fill-medium active:bg-fill-medium",
 		"focus-visible:shadow-focus",
 		"[&_svg]:size-4"
 	]
@@ -6437,8 +6492,8 @@ const messageImageGallery = tv({
 			"absolute z-10 hidden items-center justify-center",
 			"focus:flex",
 			"group-hover/img:flex",
-			"right-1.5 bottom-1.5 size-8 rounded-control border-[1.5px] border-line-strong",
-			"bg-layer-card text-foreground hover:press-overlay active:press-overlay",
+			"right-[calc(var(--control-embedded-inset)-1px)] bottom-[calc(var(--control-embedded-inset)-1px)] size-8 rounded-chip border-[1.5px] border-line-strong",
+			"bg-layer-card text-foreground hover:overlay-medium active:overlay-medium",
 			"outline-none focus-visible:shadow-focus",
 			"[&_svg]:size-4"
 		]
@@ -6661,8 +6716,8 @@ const messageVideoPreview = tv({ slots: {
 		"transition-colors duration-150",
 		"outline-[1px] outline-offset-2 outline-transparent focus-visible:keyboard:outline-foreground",
 		"disabled:cursor-default [&_svg]:shrink-0",
-		"top-2 right-2 size-8 rounded-control border-[1.5px] border-line-strong",
-		"bg-layer-card text-foreground hover:bg-layer-card hover:text-foreground hover:press-overlay active:press-overlay",
+		"top-[calc(var(--control-embedded-inset)-1px)] right-[calc(var(--control-embedded-inset)-1px)] size-8 rounded-chip border-[1.5px] border-line-strong",
+		"bg-layer-card text-foreground hover:overlay-medium active:overlay-medium",
 		"outline-none focus-visible:shadow-focus",
 		"disabled:border-line-hairline disabled:bg-fill-muted disabled:bg-none disabled:text-foreground-disabled",
 		"[&_svg]:size-4"
@@ -6815,8 +6870,8 @@ const messageForwardedBundleItem = tv({
 action: {
 		static: {},
 		interactive: { attachment: [
-			"cursor-pointer transition-colors hover:border-line-strong focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-offset-2 focus-visible:keyboard:outline-line-strong",
-			"hover:press-overlay active:press-overlay",
+			"cursor-pointer focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-offset-2 focus-visible:keyboard:outline-line-strong",
+			"hover:overlay-medium active:overlay-medium",
 			"focus-visible:outline-none focus-visible:shadow-focus"
 		] }
 	} },
@@ -8118,12 +8173,12 @@ function OtterIndicator({ status, className, ...props }) {
 const table = tv({ slots: {
 	root: ["w-full border-collapse caption-bottom", "font-sans text-callout text-foreground"],
 	header: [],
-	body: ["[&>tr:last-child>td]:border-b-0 [&>tr:last-child>th]:border-b-0", "[&>tr]:hover:bg-fill-row-hover"],
+	body: ["[&>tr:last-child>td]:border-b-0 [&>tr:last-child>th]:border-b-0", "[&>tr]:hover:bg-fill-subtle [&>tr]:active:bg-fill-medium"],
 	row: [
-		"not-aria-selected:not-data-[selected=true]:data-popup-open:bg-fill-row-open",
-		"not-aria-selected:not-data-[selected=true]:has-data-popup-open:bg-fill-row-open",
-		"aria-selected:bg-info-soft aria-selected:hover:bg-info-soft",
-		"data-[selected=true]:bg-info-soft data-[selected=true]:hover:bg-info-soft"
+		"not-aria-selected:not-data-[selected=true]:data-popup-open:bg-fill-subtle",
+		"not-aria-selected:not-data-[selected=true]:has-data-popup-open:bg-fill-subtle",
+		"aria-selected:bg-info-soft aria-selected:hover:bg-info-soft aria-selected:active:bg-info-soft",
+		"data-[selected=true]:bg-info-soft data-[selected=true]:hover:bg-info-soft data-[selected=true]:active:bg-info-soft"
 	],
 	head: [
 		"text-left whitespace-nowrap",
@@ -8485,8 +8540,8 @@ const files = tv({ slots: {
 		"group/file-row flex w-full min-w-0 gap-3 px-3",
 		"transition-colors",
 		"items-center rounded-container border border-line-hairline bg-layer-card py-2.5 pr-1.5 pl-2.5 shadow-none",
-		"[@media(hover:hover)]:has-[[data-slot=file-row-open]:hover]:row-hover-overlay has-[[data-slot=file-row-open]:active]:press-overlay",
-		"has-data-popup-open:row-open-overlay",
+		"[@media(hover:hover)]:has-[[data-slot=file-row-open]:hover]:overlay-subtle has-[[data-slot=file-row-open]:active]:overlay-medium",
+		"has-data-popup-open:overlay-subtle",
 		"has-[[data-slot=file-row-open]:focus-visible]:shadow-focus"
 	],
 	rowOpen: [
@@ -8582,7 +8637,7 @@ function FileAction({ variant, size = "icon-sm", ...props }) {
 const composer = tv({ slots: {
 	root: [
 		"flex w-full flex-col gap-2 p-2",
-		"rounded-container border-[1.5px] px-3 pt-3 pb-2",
+		"rounded-container border-[1.5px] px-3 pt-3 pb-[calc(var(--control-embedded-inset)-1px)]",
 		"border-line-field bg-layer-card text-foreground shadow-none",
 		"has-focus-visible:shadow-focus"
 	],
@@ -8593,16 +8648,16 @@ const composer = tv({ slots: {
 		"font-sans text-body font-normal text-foreground",
 		"placeholder:text-foreground-hint"
 	],
-	toolbar: ["flex items-center justify-between", "gap-2"],
+	toolbar: ["flex items-center justify-between", "mx-[calc(var(--control-embedded-inset)-0.75rem-1px)] gap-2"],
 	actions: ["flex items-center gap-2"],
 	meta: ["flex items-center", "gap-2"],
 	iconButton: [
-		"size-8 rounded-control text-foreground-muted",
+		"size-8 rounded-chip text-foreground-muted",
 		"disabled:border-transparent disabled:bg-transparent",
 		"aria-disabled:border-transparent aria-disabled:bg-transparent",
-		"[[data-slot=composer-actions]:first-child>&:first-child]:ml-[-5px]",
 		"[&_svg:not([class*='size-'])]:size-4.5"
-	]
+	],
+	submit: ["rounded-chip"]
 } });
 //#endregion
 //#region src/components/composer/composer.tsx
@@ -8677,9 +8732,11 @@ function ComposerIconButton({ className, ...props }) {
 		...props
 	});
 }
-function ComposerSubmit({ type = "submit", ...props }) {
+function ComposerSubmit({ type = "submit", className, ...props }) {
+	const { submit } = composer();
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
+		className: submit({ className }),
 		type,
 		variant: "accent"
 	});
@@ -8708,7 +8765,7 @@ const composerAttachment = tv({
 		],
 		attachmentsNav: [
 			"absolute top-1/2 z-30 -translate-y-1/2",
-			"size-8 shadow-none",
+			"size-8 rounded-chip shadow-none",
 			"[&_svg:not([class*='size-'])]:size-4.5"
 		],
 		attachment: ["group/composer-attachment relative", "[--ca-overlay-border:1px]"],
@@ -8754,7 +8811,7 @@ const composerAttachment = tv({
 			"[&_svg]:shrink-0",
 			"-top-1.5 -right-1.5 size-5 rounded-sticker border-[1.5px] border-line-strong",
 			"bg-layer-card text-foreground opacity-100",
-			"hover:press-overlay active:press-overlay",
+			"hover:overlay-medium active:overlay-medium",
 			"outline-none focus-visible:shadow-focus",
 			"disabled:cursor-not-allowed disabled:border-line-hairline disabled:bg-fill-muted disabled:text-foreground-disabled",
 			"after:absolute after:-inset-3 after:content-['']",
@@ -9276,14 +9333,14 @@ const composerSuggestionList = tv({
 	slots: {
 		root: [
 			"absolute inset-x-0 bottom-full w-auto overflow-y-auto",
-			"mb-2 max-h-60 overflow-x-hidden rounded-container p-1.5",
+			"mb-2 max-h-60 overflow-x-hidden rounded-container p-1",
 			"bg-layer-popover text-foreground ring-1 ring-line-seam shadow-float"
 		],
 		group: ["flex flex-col"],
 		groupLabel: ["py-1.5", "px-2.5 pt-2 pb-1 font-sans text-caption font-bold text-foreground-hint"],
 		item: [
 			"flex w-full items-center text-left",
-			"min-h-9 cursor-pointer gap-2.5 rounded-control px-2.5 py-1",
+			"min-h-9 cursor-pointer gap-2.5 rounded-chip px-2.5 py-1",
 			"font-sans text-callout font-medium text-foreground",
 			"hover:bg-brand-soft data-[highlighted=true]:bg-brand-soft",
 			"data-[disabled=true]:cursor-default data-[disabled=true]:text-foreground-disabled",
@@ -9297,7 +9354,7 @@ const composerSuggestionList = tv({
 	},
 	variants: {
 		separated: {
-			true: { group: ["-mx-1.5 mt-1.5 border-t border-line-hairline px-1.5 pt-1.5"] },
+			true: { group: ["-mx-1 mt-1 border-t border-line-hairline px-1 pt-1"] },
 			false: {}
 		},
 		iconVariant: {
@@ -9707,24 +9764,30 @@ const banner = tv({
 			"*:data-[slot=status]:mt-[calc((var(--text-callout--line-height)-9px)/2)] *:data-[slot=status]:self-start *:data-[slot=status]:justify-self-center",
 			"has-[>svg]:[--banner-text-col:2]",
 			"has-[>[data-slot=status]]:[--banner-text-col:2]",
-			"has-[>[data-slot=banner-title]]:[--banner-desc-row:2]"
+			"has-[>[data-slot=banner-title]]:[--banner-desc-row:2]",
+			"has-[>[data-slot=banner-description]]:[--banner-last-row:var(--banner-desc-row,1)]",
+			"has-[>[data-banner-close]]:[--banner-action-end:span_2]"
 		],
 		title: [
-			"min-w-0 text-foreground",
+			"min-w-0 wrap-break-word text-foreground",
 			"row-start-1 font-bold",
-			"col-start-(--banner-text-col,1)"
+			"col-start-(--banner-text-col,1)",
+			"@min-[452px]:has-[~[data-slot=banner-description]~[data-slot=banner-action]:not([data-wrap])]:col-end-[span_2]"
 		],
 		description: [
-			"min-w-0 font-normal",
+			"min-w-0 wrap-break-word font-normal",
 			"text-foreground",
 			"col-start-(--banner-text-col,1)",
 			"row-start-(--banner-desc-row,1)"
 		],
 		action: [
-			"shrink-0 self-start",
-			"mt-2 flex flex-wrap items-center gap-2",
-			"col-start-(--banner-text-col,1)"
-		]
+			"mt-2 flex shrink-0 flex-wrap items-center justify-end gap-2 self-start",
+			"col-start-(--banner-text-col,1) col-end-(--banner-action-end,-1)",
+			"@min-[452px]:not-data-wrap:col-start-[calc(var(--banner-text-col,1)+1)] @min-[452px]:not-data-wrap:col-end-auto",
+			"@min-[452px]:not-data-wrap:row-start-(--banner-last-row,1)",
+			"@min-[452px]:not-data-wrap:mt-0 @min-[452px]:not-data-wrap:h-lh @min-[452px]:not-data-wrap:flex-nowrap @min-[452px]:not-data-wrap:self-end"
+		],
+		close: ["col-start-[calc(var(--banner-text-col,1)+1)] row-start-1 self-start", "-my-[calc((--spacing(8)-1lh)/2)] -me-icon-inset"]
 	},
 	variants: {
 		status: {
@@ -9745,8 +9808,18 @@ const banner = tv({
 			lg: { root: ["px-4 py-3.5"] }
 		}
 	},
-	defaultVariants: { size: "md" }
+	defaultVariants: { size: "md" },
+	compoundVariants: [{
+		size: "sm",
+		class: { root: "has-[>[data-slot=banner-action]]:py-[calc((--spacing(8)-1lh)/2+--spacing(1))]" }
+	}]
 });
+/**
+* A short notice people read before they act, on a soft tint that says its
+* intent. Compose it from a leading icon, `BannerTitle`, `BannerDescription`,
+* and either `BannerAction` (its button) or `BannerClose` (a × when there is no
+* button).
+*/
 function Banner({ status, size = "md", className, render, ...props }) {
 	const { root } = banner({
 		status,
@@ -9787,16 +9860,114 @@ function BannerDescription({ render, className, ...props }) {
 		state: { slot: "banner-description" }
 	});
 }
-function BannerAction({ render, className, ...props }) {
+function lineCount(element) {
+	const lineHeight = Number.parseFloat(getComputedStyle(element).lineHeight);
+	if (!(lineHeight > 0)) return 1;
+	return Math.round(element.getBoundingClientRect().height / lineHeight);
+}
+function contentWidth(element) {
+	const range = document.createRange();
+	range.selectNodeContents(element);
+	return range.getBoundingClientRect().width;
+}
+function useWrapsBesideText(action) {
+	const [wraps, setWraps] = useState(false);
+	useLayoutEffect(() => {
+		const root = action?.parentElement;
+		if (!action || !root || typeof ResizeObserver === "undefined") return;
+		const measure = () => {
+			const text = root.querySelector(":scope > [data-slot=banner-description]") ?? root.querySelector(":scope > [data-slot=banner-title]");
+			if (!text) {
+				setWraps(false);
+				return;
+			}
+			if (root.querySelector(":scope > [data-banner-close]")) {
+				setWraps(true);
+				return;
+			}
+			const lines = lineCount(text);
+			if (!action.hasAttribute("data-wrap")) {
+				if (lines > 1) setWraps(true);
+				return;
+			}
+			if (lines > 1) return;
+			const gap = Number.parseFloat(getComputedStyle(root).columnGap) || 0;
+			if (contentWidth(text) + contentWidth(action) + gap + 1 <= text.getBoundingClientRect().width) setWraps(false);
+		};
+		let frame = 0;
+		const schedule = () => {
+			cancelAnimationFrame(frame);
+			frame = requestAnimationFrame(measure);
+		};
+		measure();
+		const resize = new ResizeObserver(schedule);
+		resize.observe(root);
+		for (const child of root.children) resize.observe(child);
+		const mutation = new MutationObserver(schedule);
+		mutation.observe(root, {
+			childList: true,
+			characterData: true,
+			subtree: true
+		});
+		const fonts = typeof document.fonts === "undefined" ? void 0 : document.fonts;
+		let live = true;
+		fonts?.ready.then(() => {
+			if (live) schedule();
+		});
+		fonts?.addEventListener("loadingdone", schedule);
+		return () => {
+			live = false;
+			cancelAnimationFrame(frame);
+			resize.disconnect();
+			mutation.disconnect();
+			fonts?.removeEventListener("loadingdone", schedule);
+		};
+	}, [action]);
+	useLayoutEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		if (action?.parentElement?.querySelector(":scope > [data-banner-close]")) console.warn("raft-ui: a Banner has both BannerAction and BannerClose. Use BannerClose only on a banner with no button; close one that has a button with a ghost Dismiss button in BannerAction.");
+	}, [action]);
+	return wraps;
+}
+/**
+* The banner's buttons: at the end of the last line of text, centered on it,
+* while the text fits beside them on one line; on a line of their own under the
+* text, aligned to the end, when it doesn't or the banner is narrower than
+* 480px.
+*/
+function BannerAction({ render, className, ref, ...props }) {
 	const { action } = banner();
-	const defaultProps = { className: action({ className }) };
+	const [element, setElement] = useState(null);
+	const wraps = useWrapsBesideText(element);
+	const defaultProps = {
+		className: action({ className }),
+		...wraps ? { "data-wrap": "" } : {}
+	};
 	return useRender({
 		defaultTagName: "div",
 		render,
+		ref: ref ? [ref, setElement] : setElement,
 		props: mergeProps(defaultProps, props),
 		state: { slot: "banner-action" }
 	});
 }
+/**
+* The × of a banner that has no button: a frameless icon button at the end of
+* the first line, centered on it, its icon box ending on the banner's padding.
+* Never put it in `BannerAction`.
+*/
+function BannerClose({ className, children, "aria-label": ariaLabel = "Dismiss", ...props }) {
+	const { close } = banner();
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		variant: "ghost",
+		size: "icon-sm",
+		"aria-label": ariaLabel,
+		"data-banner-close": "",
+		className: close({ className }),
+		children: children ?? /* @__PURE__ */ jsx(X, {})
+	});
+}
 //#endregion
 //#region src/components/empty-state/empty-state.tsx
 const emptyState = tv({ slots: {
@@ -9903,7 +10074,7 @@ const notificationCenter = tv({
 			"relative inline-flex size-10 items-center justify-center overflow-visible p-0",
 			"rounded-control border-[1.5px] border-transparent bg-transparent text-foreground-on-frame",
 			"select-none outline-none",
-			"hover:bg-fill-frame-pressed active:bg-fill-frame-pressed data-popup-open:bg-fill-frame-pressed",
+			"hover:bg-fill-frame-medium active:bg-fill-frame-medium data-popup-open:bg-fill-frame-medium",
 			"focus-visible:shadow-focus",
 			"[&_svg]:size-5 [&_svg]:shrink-0"
 		],
@@ -10753,9 +10924,9 @@ const tabs = tv({
 				tab: [
 					"h-8 justify-center gap-1.5 rounded-control border-[1.5px] border-transparent px-3",
 					"after:inset-x-0 after:-inset-y-1.5",
-					"hover:bg-fill-pressed active:bg-fill-pressed",
+					"hover:bg-fill-medium active:bg-fill-medium",
 					"data-active:border-sticker-ink data-active:bg-brand data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
-					"data-active:active:press-overlay-sticker",
+					"data-active:active:overlay-sticker-medium",
 					"data-disabled:bg-transparent"
 				]
 			},
@@ -11159,7 +11330,7 @@ const panelActionBase = tv({ base: [
 	"px-2 md:pointer-fine:px-[5px]",
 	"after:absolute after:-inset-control-hit",
 	"text-foreground",
-	"hover:bg-fill-pressed active:bg-fill-pressed",
+	"hover:bg-fill-medium active:bg-fill-medium",
 	"focus-visible:shadow-focus",
 	"[&>svg]:size-control-icon",
 	controlIconInset
@@ -11172,7 +11343,7 @@ const panelAction = tv({
 		"gap-1.5 text-control font-bold",
 		"disabled:bg-transparent disabled:text-foreground-disabled disabled:opacity-100",
 		"aria-pressed:border-sticker-ink aria-pressed:bg-brand aria-pressed:text-sticker-ink aria-pressed:ring-[1.5px] aria-pressed:ring-sticker-edge",
-		"aria-pressed:active:press-overlay-sticker"
+		"aria-pressed:active:overlay-sticker-medium"
 	]
 });
 const panelToggleAction = tv({
@@ -11182,7 +11353,7 @@ const panelToggleAction = tv({
 		"gap-1.5 text-control font-bold",
 		"data-disabled:bg-transparent data-disabled:text-foreground-disabled data-disabled:opacity-100",
 		"data-pressed:border-sticker-ink data-pressed:bg-brand data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
-		"data-pressed:active:press-overlay-sticker"
+		"data-pressed:active:overlay-sticker-medium"
 	]
 });
 //#endregion
@@ -11229,6 +11400,7 @@ function AppShellRoot({ className, defaultSidebarOpen = true, onSidebarOpenChang
 	const { root } = appShell();
 	const [uncontrolledSidebarOpen, setUncontrolledSidebarOpen] = useState(defaultSidebarOpen);
 	const [sidebarWidth, setSidebarWidth] = useState(0);
+	const [sidebarId, setSidebarId] = useState(void 0);
 	const sidebarOpen = sidebarOpenProp ?? uncontrolledSidebarOpen;
 	const setSidebarOpen = useCallback((open) => {
 		if (sidebarOpenProp === void 0) setUncontrolledSidebarOpen(open);
@@ -11245,6 +11417,8 @@ function AppShellRoot({ className, defaultSidebarOpen = true, onSidebarOpenChang
 		collapsible: sidebarCollapsible,
 		open: sidebarOpen,
 		setOpen: setSidebarOpen,
+		sidebarId,
+		setSidebarId,
 		sidebarWidth,
 		setSidebarWidth: setMeasuredSidebarWidth,
 		toggle: toggleSidebar
@@ -11252,6 +11426,7 @@ function AppShellRoot({ className, defaultSidebarOpen = true, onSidebarOpenChang
 		setMeasuredSidebarWidth,
 		setSidebarOpen,
 		sidebarCollapsible,
+		sidebarId,
 		sidebarOpen,
 		sidebarWidth,
 		toggleSidebar
@@ -11288,12 +11463,16 @@ function AppShellRailSlot({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-function AppShellSidebarSlot({ className, render, ...props }) {
+function AppShellSidebarSlot({ className, id: idProp, render, ...props }) {
 	const { sidebarSlot } = appShell();
 	const sidebar = useOptionalAppShellSidebar();
 	const elementRef = useRef(null);
 	const isCollapsible = sidebar?.collapsible ?? false;
+	const collapsed = isCollapsible && !sidebar?.open;
 	const setSidebarWidth = sidebar?.setSidebarWidth;
+	const setSidebarId = sidebar?.setSidebarId;
+	const generatedId = useId();
+	const id = idProp ?? (isCollapsible ? generatedId : void 0);
 	const setElementRef = useCallback((element) => {
 		elementRef.current = element;
 	}, []);
@@ -11306,22 +11485,34 @@ function AppShellSidebarSlot({ className, render, ...props }) {
 		observer.observe(sidebarElement);
 		return () => observer.disconnect();
 	}, [isCollapsible, setSidebarWidth]);
+	useLayoutEffect(() => {
+		if (!isCollapsible || !setSidebarId) return;
+		setSidebarId(id);
+		return () => setSidebarId(void 0);
+	}, [
+		id,
+		isCollapsible,
+		setSidebarId
+	]);
 	const defaultProps = {
-		"aria-hidden": sidebar?.collapsible && !sidebar.open ? true : void 0,
+		"aria-hidden": collapsed ? true : void 0,
 		"data-slot": "app-shell-sidebar-slot",
+		id,
+		inert: collapsed ? true : void 0,
 		className: sidebarSlot({ className: cn(className, sidebar?.collapsible && [
 			"will-change-[opacity]",
 			"transition-opacity duration-160 ease-slide",
 			"motion-reduce:transition-none",
+			"group-data-[state=expanded]/app-shell:relative group-data-[state=expanded]/app-shell:z-1",
 			"group-data-[state=collapsed]/app-shell:pointer-events-none",
 			"group-data-[state=collapsed]/app-shell:opacity-0",
 			"group-data-[state=collapsed]/app-shell:duration-120"
-		]) }),
-		ref: setElementRef
+		]) })
 	};
 	return useRender({
 		defaultTagName: "aside",
 		render,
+		ref: setElementRef,
 		props: mergeProps(defaultProps, props)
 	});
 }
@@ -11352,10 +11543,14 @@ function AppShellOverlaySlot({ className, render, ...props }) {
 function AppShellMainSlot({ className, overlay = false, render, ...props }) {
 	const { mainSlot } = appShell({ overlay });
 	const sidebar = useOptionalAppShellSidebar();
+	const collapsible = sidebar?.collapsible ?? false;
+	const sliding = useSidebarSlide(collapsible, sidebar?.open ?? true);
 	const defaultProps = {
 		"data-slot": "app-shell-main-slot",
-		className: mainSlot({ className: cn(className, sidebar?.collapsible && [
-			"absolute inset-y-0 right-0 left-0 z-45",
+		"data-sliding": sliding.active ? "" : void 0,
+		className: mainSlot({ className: cn(className, collapsible && [
+			"absolute inset-y-0 right-0 left-0",
+			"data-sliding:z-2",
 			"transition-[left] duration-220 ease-slide",
 			"motion-reduce:transition-none",
 			"group-data-[state=collapsed]/app-shell:-left-(--app-shell-sidebar-width)"
@@ -11364,9 +11559,48 @@ function AppShellMainSlot({ className, overlay = false, render, ...props }) {
 	return useRender({
 		defaultTagName: "main",
 		render,
+		ref: sliding.ref,
 		props: mergeProps(defaultProps, props)
 	});
 }
+function useSidebarSlide(collapsible, open) {
+	const elementRef = useRef(null);
+	const [slide, setSlide] = useState({
+		active: false,
+		open
+	});
+	if (slide.open !== open) setSlide({
+		active: collapsible,
+		open
+	});
+	const active = slide.active;
+	const ref = useCallback((element) => {
+		elementRef.current = element;
+	}, []);
+	useEffect(() => {
+		if (!active) return;
+		const transitions = elementRef.current?.getAnimations?.().filter((animation) => "transitionProperty" in animation && animation.transitionProperty === "left" && animation.effect?.getComputedTiming().activeDuration !== 0) ?? [];
+		let current = true;
+		const settle = () => {
+			if (current) setSlide((state) => state.open === open ? {
+				active: false,
+				open
+			} : state);
+		};
+		if (transitions.length === 0) {
+			settle();
+			return;
+		}
+		Promise.allSettled(transitions.map((transition) => transition.finished)).then(settle);
+		return () => {
+			current = false;
+		};
+	}, [active, open]);
+	return {
+		active,
+		ref
+	};
+}
 function AppShellSidebarTrigger(props) {
 	const sidebar = useOptionalAppShellSidebar();
 	if (!sidebar?.collapsible) return null;
@@ -11376,11 +11610,12 @@ function AppShellSidebarTrigger(props) {
 	});
 }
 function AppShellSidebarTriggerButton({ sidebar, className, children, onClick, render, ...props }) {
-	const label = sidebar.open ? "Collapse sidebar" : "Expand sidebar";
+	const label = sidebar.open ? "Collapse Sidebar" : "Expand Sidebar";
 	const defaultProps = {
 		className: cn("group/app-shell-sidebar-trigger max-md:hidden", className),
 		"aria-label": label,
-		"aria-pressed": sidebar.open,
+		"aria-controls": sidebar.sidebarId,
+		"aria-expanded": sidebar.open,
 		"data-state": sidebar.open ? "expanded" : "collapsed",
 		title: label,
 		children,
@@ -11402,12 +11637,12 @@ const resizable = tv({ slots: {
 	panel: ["min-h-0 min-w-0"],
 	handle: [
 		"right-0 z-10 cursor-ew-resize touch-none select-none",
-		"relative -ml-1.5 -mr-1.5 flex w-3 shrink-0 items-center justify-center",
+		"relative -ml-1.5 -mr-1.5 flex w-3 shrink-0 items-center justify-center pointer-coarse:-ml-3 pointer-coarse:-mr-3 pointer-coarse:w-6",
 		"before:pointer-events-none before:absolute before:transition-colors before:content-['']",
 		"focus-visible:outline-none focus-visible:before:outline-2 focus-visible:before:outline-offset-2 focus-visible:before:outline-foreground",
 		"data-[orientation=horizontal]:-mt-1.5 data-[orientation=horizontal]:-mb-1.5 data-[orientation=horizontal]:ml-0 data-[orientation=horizontal]:mr-0 data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:cursor-ns-resize",
 		"bg-transparent",
-		"before:top-0 before:left-[5px] before:h-full before:w-px before:translate-none before:rounded-none",
+		"before:top-0 before:left-[5px] pointer-coarse:before:left-[11px] before:h-full before:w-px before:translate-none before:rounded-none",
 		"before:bg-transparent",
 		"hover:before:bg-foreground-muted",
 		"data-[separator=active]:before:bg-foreground-muted",
@@ -12323,7 +12558,7 @@ const taskCardStatus = tv({ base: [
 	"[&: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",
 	"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3 [&_svg:not([data-slot=task-status-icon])]:-mx-0.5 [&_svg[data-slot=task-status-icon]]:size-[9px]",
-	"[button&]:cursor-pointer [button&]:enabled:hover:press-overlay [button&]:enabled:active:press-overlay",
+	"[button&]:cursor-pointer [button&]:enabled:hover:overlay-medium [button&]:enabled:active:overlay-medium",
 	"disabled:cursor-default disabled:opacity-100",
 	"focus-visible:shadow-focus"
 ] });
@@ -12338,7 +12573,7 @@ const taskCard = tv({ slots: {
 		"group-data-[dragging=true]/task-draggable:transform-none",
 		"motion-reduce:transform-none motion-reduce:transition-none",
 		"rounded-container border border-line-hairline bg-layer-card p-3 text-foreground shadow-none",
-		"data-[interactive=true]:hover:press-overlay data-[interactive=true]:active:press-overlay",
+		"data-[interactive=true]:hover:overlay-subtle data-[interactive=true]:active:overlay-medium",
 		"data-[disabled=true]:bg-fill-muted data-[disabled=true]:opacity-100",
 		"group-data-[dragging=true]/task-draggable:shadow-float"
 	],
@@ -15460,8 +15695,7 @@ const taskChip = tv({
 		"rounded-chip border-0",
 		"font-sans font-semibold text-foreground",
 		"[&>svg:not([data-slot=task-status-icon])]:-mx-0.5 [&>svg[data-slot=task-status-icon]]:size-[9px]",
-		"hover:brightness-100",
-		"[a,button]:cursor-pointer [a,button]:hover:press-overlay [a,button]:active:press-overlay",
+		"[a,button]:cursor-pointer [a,button]:hover:overlay-medium [a,button]:active:overlay-medium",
 		"focus-visible:outline-none focus-visible:shadow-focus"
 	] },
 	variants: {
@@ -15493,7 +15727,7 @@ const taskChip = tv({
 			],
 			class: { root: [
 				"items-baseline gap-1.5 rounded-full border py-0 pr-2 pl-1 align-baseline",
-				"[font-size:inherit] leading-[1.2em] font-[450] hover:brightness-100",
+				"[font-size:inherit] leading-[1.2em] font-[450]",
 				"[&>svg]:size-[0.857em] [&>svg]:self-center"
 			] }
 		},
@@ -15945,8 +16179,8 @@ const inboxItem = tv({
 			"[[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-row-hover",
-			"not-data-[active=true]:data-popup-open:bg-fill-row-open not-data-[active=true]:has-data-popup-open:bg-fill-row-open",
+			"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",
@@ -16027,7 +16261,7 @@ const inboxItem = tv({
 			"[&>[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-pressed",
+			"[&>[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"
@@ -16431,8 +16665,8 @@ const searchEntity = tv({ slots: {
 		"relative rounded-none border-0 bg-transparent px-4 py-3 text-foreground shadow-none",
 		"max-md: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-row-hover active:bg-fill-pressed",
-		"not-data-[selected=true]:data-popup-open:bg-fill-row-open",
+		"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"
@@ -16571,8 +16805,8 @@ const searchMessage = tv({ slots: {
 		"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-row-hover active:bg-fill-pressed",
-		"not-data-[selected=true]:data-popup-open:bg-fill-row-open",
+		"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"
@@ -16804,7 +17038,7 @@ const searchTrigger = tv({ slots: {
 		"rounded-control border-[1.5px] border-line-field bg-layer-card",
 		"text-left font-sans text-body font-normal text-foreground-hint",
 		"select-none outline-none transition-colors duration-100",
-		"hover:press-overlay active:press-overlay focus-visible:shadow-focus",
+		"active:overlay-medium focus-visible:shadow-focus",
 		"disabled:cursor-not-allowed disabled:border-line-hairline disabled:bg-fill-muted disabled:bg-none disabled:text-foreground-disabled",
 		"aria-disabled:cursor-not-allowed aria-disabled:border-line-hairline aria-disabled:bg-fill-muted aria-disabled:bg-none aria-disabled:text-foreground-disabled",
 		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&>svg:not([class*='size-'])]:size-[18px]"
@@ -17090,4 +17324,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, BannerDescription, BannerTitle, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing, ChatIcon, Checkbox, CheckboxIndicator, CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, 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, 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, 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 };