@botiverse/raft-ui 0.18.0 → 0.20.0

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

@@ -15,6 +15,14 @@ import { Menu } from "@base-ui/react/menu";
 import { Toggle } from "@base-ui/react/toggle";
 import { Toolbar } from "@base-ui/react/toolbar";
 import { PointerSensor, TouchSensor, useSensor } from "@dnd-kit/core";
+//#region src/lib/decision-width.ts
+/**
+* The width of every decision dialog (dialog.md#variants): AlertDialog and a
+* `size="sm"` Dialog are both 400px, so every confirmation in a product is one
+* width whichever of the two it is built on.
+*/
+const decisionWidth = "max-w-100";
+//#endregion
 //#region src/lib/head-edges.ts
 /**
 * The ends of a header (design/foundations/alignment.md#the-ends-of-a-header).
@@ -247,8 +255,8 @@ function Spinner({ size = "sm", variant = "default", className, render, ...props
 }
 //#endregion
 //#region src/components/button/button.tsx
-const sticker = (fill) => [`border-sticker-ink ${fill} text-sticker-ink ring-[1.5px] ring-sticker-edge`, "hover:press-overlay-sticker active:press-overlay-sticker"];
-const outline = (ink) => [`border-line-strong bg-layer-card ${ink}`, "hover:press-overlay active:press-overlay"];
+const sticker = (fill) => [`border-sticker-ink ${fill} text-sticker-ink ring-[1.5px] ring-sticker-edge`, "hover:overlay-sticker-medium active:overlay-sticker-medium"];
+const outline = (ink) => [`border-line-strong bg-layer-card ${ink}`, "hover:overlay-medium active:overlay-medium"];
 const textMd = [
 	"h-8 gap-2 rounded-control px-3 py-0 text-control",
 	"has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5",
@@ -291,11 +299,11 @@ const buttonVariants = tv$1({
 			success: { root: outline("text-foreground") },
 			"danger-secondary": { root: outline("text-danger-strong") },
 			"danger-outline": { root: outline("text-danger-strong") },
-			ghost: { root: ["border-transparent bg-transparent text-foreground", "hover:bg-fill-pressed active:bg-fill-pressed"] },
+			ghost: { root: ["border-transparent bg-transparent text-foreground", "hover:bg-fill-medium active:bg-fill-medium"] },
 			"on-frame": { root: [
 				"border-transparent bg-transparent text-foreground-on-frame",
-				"hover:bg-fill-frame-pressed active:bg-fill-frame-pressed",
-				"aria-expanded:bg-fill-frame-pressed data-popup-open:bg-fill-frame-pressed",
+				"hover:bg-fill-frame-medium active:bg-fill-frame-medium",
+				"aria-expanded:bg-fill-frame-medium data-popup-open:bg-fill-frame-medium",
 				"disabled:border-transparent disabled:bg-transparent",
 				"aria-disabled:border-transparent aria-disabled:bg-transparent"
 			] }
@@ -427,9 +435,9 @@ const dialog = tv$1({
 	},
 	variants: {
 		size: {
-			sm: { content: ["max-w-sm"] },
+			sm: { content: [decisionWidth] },
 			md: { content: ["max-w-md"] },
-			lg: { content: ["max-w-lg"] },
+			lg: { content: ["max-w-160"] },
 			wide: { content: ["max-w-4xl h-[min(760px,calc(100dvh-2rem))]"] }
 		},
 		bar: {
@@ -625,13 +633,13 @@ const badge = tv$1({
 				"font-bold tabular-nums",
 				"text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge",
 				"[&_svg]:size-[13px]",
-				"enabled:hover:press-overlay-sticker"
+				"enabled:hover:overlay-sticker-medium enabled:active:overlay-sticker-medium"
 			] },
-			soft: { root: ["text-foreground", "enabled:hover:press-overlay"] },
+			soft: { root: ["text-foreground", "enabled:hover:overlay-medium enabled:active:overlay-medium"] },
 			outline: { root: [
 				"font-mono text-mono-meta font-normal",
 				"bg-transparent text-foreground-muted inset-ring inset-ring-line-hairline",
-				"enabled:hover:bg-fill-pressed"
+				"enabled:hover:bg-fill-medium enabled:active:bg-fill-medium"
 			] }
 		},
 		variant: {
@@ -1307,13 +1315,13 @@ const dropdownMenu = tv$1({ slots: {
 	content: [
 		"max-h-(--available-height) overflow-hidden",
 		"outline-none",
-		"flex min-w-60 flex-col gap-0 rounded-container bg-layer-popover p-1.5 text-foreground",
+		"flex min-w-60 flex-col 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 data-[selected]:font-bold data-[emphasis=strong]:font-bold",
@@ -1324,7 +1332,7 @@ const dropdownMenu = tv$1({ 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",
@@ -1335,7 +1343,7 @@ const dropdownMenu = tv$1({ 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",
@@ -1351,7 +1359,7 @@ const dropdownMenu = tv$1({ slots: {
 		"font-mono text-mono-meta font-normal text-foreground-hint"
 	],
 	itemCount: ["ml-auto inline-flex min-w-5 justify-center gap-0 px-1 tabular-nums"],
-	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"],
 	radioLabel: ["min-w-0 flex-1 truncate"]
 } });
@@ -1931,8 +1939,8 @@ const messageItem = tv$1({
 			"min-h-0 px-2 py-1 border-t-8 border-transparent bg-clip-padding",
 			"hover:[--mi-ct-color:var(--foreground-hint)] has-data-popup-open:[--mi-ct-color:var(--foreground-hint)]",
 			"bg-(--mi-row-fill) [--mi-row-fill:initial]",
-			"hover:[--mi-row-fill:var(--fill-message-hover)]",
-			"data-popup-open:[--mi-row-fill:var(--fill-row-open)] has-data-popup-open:[--mi-row-fill:var(--fill-row-open)]",
+			"hover:[--mi-row-fill:var(--fill-subtle)]",
+			"data-popup-open:[--mi-row-fill:var(--fill-subtle)] has-data-popup-open:[--mi-row-fill:var(--fill-subtle)]",
 			"has-data-[slot=message-item-search-match]:[--mi-row-fill:var(--info-soft)] has-data-[slot=message-item-search-match]:hover:[--mi-row-fill:var(--info-soft)]",
 			"has-[[data-slot=message-multi-select-checkbox][data-checked]]:[--mi-row-fill:var(--info-soft)]",
 			"has-[[data-slot=message-multi-select-checkbox][data-checked]]:hover:[--mi-row-fill:var(--info-soft)]"
@@ -1952,7 +1960,7 @@ const messageItem = tv$1({
 		content: ["min-w-0 flex-1", "text-body text-foreground"],
 		header: [
 			"mb-px flex min-w-0 items-baseline gap-1.5 overflow-hidden",
-			"pointer-fine:pe-(--mi-toolbar-reserve,6.5rem)",
+			"pointer-fine:pe-(--mi-toolbar-reserve,7rem)",
 			"has-data-[slot=message-item-delegated-by]:[--mi-owner-basis:3rem] has-data-[slot=message-item-delegated-by]:[--mi-owner-flex:1_0]"
 		],
 		senderGroup: [
@@ -2007,15 +2015,15 @@ const messageItem = tv$1({
 			"absolute z-20 flex items-center",
 			"opacity-(--mi-toolbar-opacity,0)",
 			"[pointer-events:var(--mi-toolbar-pe,none)]",
-			"top-[-16px] right-3 gap-0.5 overflow-visible rounded-container p-0.5",
+			"top-[-18px] right-3 gap-1 overflow-visible rounded-container p-1",
 			"bg-layer-popover ring-1 ring-line-seam ring-inset shadow-float"
 		],
 		toolbarButton: [
 			"inline-flex shrink-0 items-center justify-center",
 			"[&_svg]:shrink-0",
-			"size-7 rounded-control border-0 bg-transparent p-0",
-			"text-foreground-muted hover:bg-fill-pressed active:bg-fill-pressed",
-			"data-popup-open:bg-fill-pressed data-active:text-foreground",
+			"size-7 rounded-chip border-0 bg-transparent p-0",
+			"text-foreground-muted hover:bg-fill-medium active:bg-fill-medium",
+			"data-popup-open:bg-fill-medium data-active:text-foreground",
 			"outline-none focus-visible:shadow-focus",
 			"[&_svg]:size-4"
 		]
@@ -2344,7 +2352,7 @@ const messageFooter = tv$1({
 			"[&_svg]:shrink-0",
 			"h-[22px] rounded-chip px-1.5",
 			"text-caption font-semibold text-foreground-muted",
-			"bg-fill-muted hover:press-overlay active:press-overlay",
+			"bg-fill-muted hover:overlay-medium active:overlay-medium",
 			"outline-none focus-visible:shadow-focus",
 			"[&_svg]:size-3.5 [&_svg]:text-foreground"
 		],
@@ -2358,7 +2366,7 @@ const messageFooter = tv$1({
 			"transition-colors [&_svg]:shrink-0",
 			"h-6 gap-1 rounded-chip border-0 px-2 shadow-none",
 			"text-footnote font-bold text-foreground-muted",
-			"bg-fill-muted hover:press-overlay active:press-overlay",
+			"bg-fill-muted hover:overlay-medium active:overlay-medium",
 			"[&_svg]:size-3.5"
 		],
 		badgeSeparator: ["text-foreground/45"]
@@ -2455,7 +2463,7 @@ const messageReaction = tv$1({ slots: {
 		"inline-flex min-w-0 max-w-full items-center overflow-hidden whitespace-nowrap",
 		"transition-colors",
 		"h-6 gap-1 rounded-chip pr-2 pl-1.5 text-callout text-foreground",
-		"bg-fill-muted hover:press-overlay active:press-overlay",
+		"bg-fill-muted hover:overlay-medium active:overlay-medium",
 		"data-pressed:bg-attention-soft",
 		"has-data-[slot=message-reaction-error-indicator]:bg-warning-soft",
 		"outline-none focus-visible:shadow-focus",
@@ -2469,18 +2477,18 @@ const messageReaction = tv$1({ slots: {
 		"transition-colors",
 		"[&_svg]:shrink-0",
 		"h-6 rounded-chip px-1.5 [&_svg]:size-4",
-		"bg-fill-muted text-foreground-muted hover:press-overlay active:press-overlay",
+		"bg-fill-muted text-foreground-muted hover:overlay-medium active:overlay-medium",
 		"outline-none focus-visible:shadow-focus"
 	],
 	quickRow: [
 		"flex shrink-0 items-center",
-		"justify-between gap-0.5 bg-layer-popover px-0.5 py-0.5",
+		"justify-between gap-0.5 bg-layer-popover p-0",
 		"[&>[role=menuitem]]:size-9 [&>[role=menuitem]]:p-0 *:[[role=menuitem]]:justify-center"
 	],
 	quickButton: [
 		"flex items-center justify-center",
 		"bg-transparent transition-colors",
-		"size-9 rounded-control p-0 text-xl leading-none text-foreground-muted",
+		"size-9 rounded-chip p-0 text-xl leading-none text-foreground-muted",
 		"hover:bg-brand-soft data-highlighted:bg-brand-soft active:bg-brand-soft",
 		"outline-none focus-visible:shadow-focus"
 	],
@@ -2688,7 +2696,7 @@ const chip = (fill) => [
 	"[&_svg]:size-3.5 [&_svg]:text-foreground-muted",
 	fill
 ];
-const linkChip = (fill) => [...chip(fill), "text-foreground cursor-pointer hover:press-overlay active:press-overlay"];
+const linkChip = (fill) => [...chip(fill), "text-foreground cursor-pointer hover:overlay-medium active:overlay-medium"];
 const messageReference = tv$1({
 	slots: {
 		root: [
@@ -2710,7 +2718,7 @@ const messageReference = tv$1({
 			"inline-flex cursor-pointer rounded-sticker px-[3px]",
 			"font-semibold text-sticker-ink no-underline",
 			"bg-brand inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge",
-			"hover:press-overlay-sticker"
+			"hover:overlay-sticker-medium active:overlay-sticker-medium"
 		] },
 		secondary: { root: ["inline cursor-pointer font-bold text-foreground", "decoration-foreground decoration-[1.5px] underline-offset-[3px] hover:underline"] },
 		accent: { root: linkChip("bg-attention-soft") },
@@ -2780,9 +2788,14 @@ const messageMultiSelect = tv$1({ slots: {
 	],
 	toolbar: [
 		"flex items-center",
-		"gap-2 rounded-container px-2.5 py-2",
+		"gap-2 rounded-container py-1 pr-1 pl-2.5",
+		"**: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]",
 		"bg-layer-popover ring-1 ring-line-seam shadow-float"
-	]
+	],
+	toolbarActions: ["flex min-w-0 flex-1 flex-wrap items-center justify-end", "gap-1"]
 } });
 //#endregion
 //#region src/components/message-item/message-multi-select.tsx
@@ -2807,6 +2820,17 @@ function MessageMultiSelectToolbar({ className, render, ...props }) {
 		state: { slot: "message-multi-select-toolbar" }
 	});
 }
+/** The toolbar's actions, at its end, 4px apart like every floating toolbar's buttons. */
+function MessageMultiSelectToolbarActions({ className, render, ...props }) {
+	const { toolbarActions } = messageMultiSelect();
+	const defaultProps = { className: toolbarActions({ className }) };
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: { slot: "message-multi-select-toolbar-actions" }
+	});
+}
 function MessageMultiSelectCheckbox({ className, ...props }) {
 	const { checkbox } = messageMultiSelect();
 	return /* @__PURE__ */ jsx(Checkbox$1, {
@@ -2821,17 +2845,17 @@ function MessageMultiSelectCheckbox({ className, ...props }) {
 const messageTextSelectionToolbar = tv$1({ slots: {
 	toolbar: [
 		"flex min-w-0 items-center select-none",
-		"gap-0.5 overflow-visible rounded-container p-0.5 text-control font-bold",
+		"gap-1 overflow-visible rounded-container p-1 text-control font-bold",
 		"bg-layer-popover ring-1 ring-line-seam ring-inset shadow-float"
 	],
 	button: [
 		"flex shrink-0 items-center gap-1.5 outline-none transition-colors",
-		"h-7 rounded-control px-2.5 whitespace-nowrap text-foreground",
-		"hover:bg-fill-pressed active:bg-fill-pressed",
+		"h-7 rounded-chip px-2.5 whitespace-nowrap text-foreground",
+		"hover:bg-fill-medium active:bg-fill-medium",
 		"focus-visible:shadow-focus",
 		"[&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-foreground-muted"
 	],
-	separator: ["w-px shrink-0", "mx-0.5 h-5 bg-line-hairline"]
+	separator: ["w-px shrink-0", "h-5 bg-line-hairline"]
 } });
 //#endregion
 //#region src/components/message-item/message-text-selection-toolbar.tsx
@@ -3383,4 +3407,4 @@ function useMouseOnlyPointerSensor(distance) {
 	return useSensor(MouseOnlyPointerSensor, options);
 }
 //#endregion
-export { MessageReactionTooltipMeta as $, ThemeStateContext as $n, DropdownMenuRadioItem as $t, messageEmbed as A, Badge as An, MessageItemContinuationTime as At, MessageReferencePending as B, DialogPortal as Bn, useOverflowTitle as Bt, MessageQuotedPreviewThread as C, CheckboxIndicator as Cn, MessageItemBody as Ct, MessageEmbedContent as D, TooltipPortal as Dn, MessageItemFooter as Dt, MessageEmbed as E, TooltipContent as En, MessageItemEmbedded as Et, MessageMultiSelectCheckbox as F, DialogDescription as Fn, AvatarBadge as Ft, MessageReactionCount as G, buttonVariants as Gn, DropdownMenuFooter as Gt, MessageReferenceUnavailable as H, DialogTitle as Hn, DropdownMenuCheckboxItem as Ht, MessageMultiSelectToolbar as I, DialogFooter as In, AvatarFallback as It, MessageReactionPickerContent as J, useParentOverlayKind as Jn, DropdownMenuItemLabel as Jt, MessageReactionErrorIndicator as K, Spinner as Kn, DropdownMenuItem as Kt, MessageReferenceChip as L, DialogHeader as Ln, AvatarGroup as Lt, MessageTextSelectionToolbarButton as M, DialogBody as Mn, MessageItem as Mt, MessageTextSelectionToolbarSeparator as N, DialogClose as Nn, searchHit as Nt, MessageEmbedFooter as O, TooltipProvider as On, MessageItemSearchMatch as Ot, MessageMultiSelect as P, DialogContent as Pn, Avatar$1 as Pt, MessageReactionTooltipContent as Q, useTheme as Qn, DropdownMenuRadioGroup as Qt, MessageReferenceIndicator as R, DialogNav as Rn, AvatarGroupCount as Rt, MessageQuotedPreviewText as S, Checkbox$1 as Sn, MessageItemAttachments as St, MessageQuotedPreviewUnavailable as T, Tooltip$1 as Tn, MessageItemEdited as Tt, MessageReactionAddButton as U, DialogTrigger as Un, DropdownMenuCheckboxItemIndicator as Ut, MessageReferenceText as V, DialogSurface as Vn, DropdownMenu as Vt, MessageReactionChip as W, Button$1 as Wn, DropdownMenuContent as Wt, MessageReactionQuickButton as X, resolveThemeScopeProps as Xn, DropdownMenuPopup as Xt, MessageReactionPickerStatic as Y, withOverlayLayer as Yn, DropdownMenuLabel as Yt, MessageReactionQuickRow as Z, useThemeScopeProps as Zn, DropdownMenuPortal as Zt, MessageQuotedPreviewAuthorName as _, ScrollAreaCorner as _n, MessageItemSender as _t, MessageListJumpPillDismiss as a, DropdownMenuTrigger as an, MessageItemBadgeSeparator as at, MessageQuotedPreviewHeader as b, ScrollAreaViewport as bn, MessageItemSenderGroup as bt, MessageListHistoryLimited as c, Panel as cn, MessageItemToolbar as ct, MessageQuotedPreview as d, PanelHeaderRoot as dn, MessageItemDelegatedBy as dt, DropdownMenuRadioItemIndicator as en, tv$1 as er, MessageReactionTooltipName as et, MessageQuotedPreviewAttachment as f, PanelScrollContent as fn, MessageItemDelegatedByButton as ft, MessageQuotedPreviewAuthorMeta as g, ScrollAreaContent as gn, MessageItemMeta as gt, MessageQuotedPreviewAuthorDelegatedBy as h, ScrollArea$1 as hn, MessageItemInlineStatus as ht, MessageListJumpPill as i, DropdownMenuSubmenuTrigger as in, MessageItemBadge as it, MessageTextSelectionToolbar as j, Dialog$1 as jn, MessageItemGutter as jt, MessageEmbedHeader as k, TooltipTrigger as kn, MessageItemAvatarSlot as kt, MessageListNotice as l, PanelBody as ln, MessageItemToolbarButton as lt, MessageQuotedPreviewAuthor as m, PanelSection as mn, MessageItemHeader as mt, useMouseOnlyPointerSensor as n, DropdownMenuShortcut as nn, headEdgePull as nr, MessageReactionTooltipNames as nt, MessageListJumpPillGroup as o, Kbd as on, MessageItemReadReceipt as ot, MessageQuotedPreviewAttachments as p, PanelScrollViewport as pn, MessageItemDelegatedByName as pt, MessageReactionGlyph as q, defaultNativeButton as qn, DropdownMenuItemCount as qt, MessageListJumpControls as r, DropdownMenuSubmenu as rn, headEdges as rr, MessageReactionTooltipSeparator as rt, MessageListDateDivider as s, KbdGroup as sn, MessageItemSavedIndicator as st, useHoldThenMoveTouchSensor as t, DropdownMenuSeparator as tn, controlIconInset as tr, MessageReactionTooltipNameText as tt, MessageList as u, PanelFooter as un, MessageItemDelegatedAvatar as ut, MessageQuotedPreviewChannel as v, ScrollAreaScrollbar as vn, MessageItemSenderBadges as vt, MessageQuotedPreviewTimestamp as w, PRESENCE_COLOR as wn, MessageItemContent as wt, MessageQuotedPreviewLoading as x, useMobileViewport as xn, MessageItemTime as xt, MessageQuotedPreviewContent as y, ScrollAreaThumb as yn, MessageItemSenderButton as yt, MessageReferenceLabel as z, DialogOverlay as zn, AvatarImage as zt };
+export { MessageReactionTooltipContent as $, useTheme as $n, DropdownMenuRadioGroup as $t, messageEmbed as A, TooltipTrigger as An, MessageItemAvatarSlot as At, MessageReferenceLabel as B, DialogOverlay as Bn, AvatarImage as Bt, MessageQuotedPreviewThread as C, Checkbox$1 as Cn, MessageItemAttachments as Ct, MessageEmbedContent as D, TooltipContent as Dn, MessageItemEmbedded as Dt, MessageEmbed as E, Tooltip$1 as En, MessageItemEdited as Et, MessageMultiSelectCheckbox as F, DialogContent as Fn, Avatar$1 as Ft, MessageReactionChip as G, Button$1 as Gn, DropdownMenuContent as Gt, MessageReferenceText as H, DialogSurface as Hn, DropdownMenu as Ht, MessageMultiSelectToolbar as I, DialogDescription as In, AvatarBadge as It, MessageReactionGlyph as J, defaultNativeButton as Jn, DropdownMenuItemCount as Jt, MessageReactionCount as K, buttonVariants as Kn, DropdownMenuFooter as Kt, MessageMultiSelectToolbarActions as L, DialogFooter as Ln, AvatarFallback as Lt, MessageTextSelectionToolbarButton as M, Dialog$1 as Mn, MessageItemGutter as Mt, MessageTextSelectionToolbarSeparator as N, DialogBody as Nn, MessageItem as Nt, MessageEmbedFooter as O, TooltipPortal as On, MessageItemFooter as Ot, MessageMultiSelect as P, DialogClose as Pn, searchHit as Pt, MessageReactionQuickRow as Q, useThemeScopeProps as Qn, DropdownMenuPortal as Qt, MessageReferenceChip as R, DialogHeader as Rn, AvatarGroup as Rt, MessageQuotedPreviewText as S, useMobileViewport as Sn, MessageItemTime as St, MessageQuotedPreviewUnavailable as T, PRESENCE_COLOR as Tn, MessageItemContent as Tt, MessageReferenceUnavailable as U, DialogTitle as Un, DropdownMenuCheckboxItem as Ut, MessageReferencePending as V, DialogPortal as Vn, useOverflowTitle as Vt, MessageReactionAddButton as W, DialogTrigger as Wn, DropdownMenuCheckboxItemIndicator as Wt, MessageReactionPickerStatic as X, withOverlayLayer as Xn, DropdownMenuLabel as Xt, MessageReactionPickerContent as Y, useParentOverlayKind as Yn, DropdownMenuItemLabel as Yt, MessageReactionQuickButton as Z, resolveThemeScopeProps as Zn, DropdownMenuPopup as Zt, MessageQuotedPreviewAuthorName as _, ScrollAreaContent as _n, MessageItemMeta as _t, MessageListJumpPillDismiss as a, DropdownMenuSubmenuTrigger as an, decisionWidth as ar, MessageItemBadge as at, MessageQuotedPreviewHeader as b, ScrollAreaThumb as bn, MessageItemSenderButton as bt, MessageListHistoryLimited as c, KbdGroup as cn, MessageItemSavedIndicator as ct, MessageQuotedPreview as d, PanelFooter as dn, MessageItemDelegatedAvatar as dt, DropdownMenuRadioItem as en, ThemeStateContext as er, MessageReactionTooltipMeta as et, MessageQuotedPreviewAttachment as f, PanelHeaderRoot as fn, MessageItemDelegatedBy as ft, MessageQuotedPreviewAuthorMeta as g, ScrollArea$1 as gn, MessageItemInlineStatus as gt, MessageQuotedPreviewAuthorDelegatedBy as h, PanelSection as hn, MessageItemHeader as ht, MessageListJumpPill as i, DropdownMenuSubmenu as in, headEdges as ir, MessageReactionTooltipSeparator as it, MessageTextSelectionToolbar as j, Badge as jn, MessageItemContinuationTime as jt, MessageEmbedHeader as k, TooltipProvider as kn, MessageItemSearchMatch as kt, MessageListNotice as l, Panel as ln, MessageItemToolbar as lt, MessageQuotedPreviewAuthor as m, PanelScrollViewport as mn, MessageItemDelegatedByName as mt, useMouseOnlyPointerSensor as n, DropdownMenuSeparator as nn, controlIconInset as nr, MessageReactionTooltipNameText as nt, MessageListJumpPillGroup as o, DropdownMenuTrigger as on, MessageItemBadgeSeparator as ot, MessageQuotedPreviewAttachments as p, PanelScrollContent as pn, MessageItemDelegatedByButton as pt, MessageReactionErrorIndicator as q, Spinner as qn, DropdownMenuItem as qt, MessageListJumpControls as r, DropdownMenuShortcut as rn, headEdgePull as rr, MessageReactionTooltipNames as rt, MessageListDateDivider as s, Kbd as sn, MessageItemReadReceipt as st, useHoldThenMoveTouchSensor as t, DropdownMenuRadioItemIndicator as tn, tv$1 as tr, MessageReactionTooltipName as tt, MessageList as u, PanelBody as un, MessageItemToolbarButton as ut, MessageQuotedPreviewChannel as v, ScrollAreaCorner as vn, MessageItemSender as vt, MessageQuotedPreviewTimestamp as w, CheckboxIndicator as wn, MessageItemBody as wt, MessageQuotedPreviewLoading as x, ScrollAreaViewport as xn, MessageItemSenderGroup as xt, MessageQuotedPreviewContent as y, ScrollAreaScrollbar as yn, MessageItemSenderBadges as yt, MessageReferenceIndicator as z, DialogNav as zn, AvatarGroupCount as zt };

package/dist/wip.d.mts

@@ -1,4 +1,4 @@
-import { C as MessageQuotedPreviewAuthorDelegatedBy, Hi as DialogTitleProps, Ki as ButtonProps, Si as DialogClose, Ti as DialogContentProps, Ui as DialogTrigger, Xi as StyledProps, Yi as DataAttributes, a as MessageListJumpPillDismissProps, c as MessageListJumpPillProps, cn as MessageItemDelegatedAvatar, dn as MessageItemDelegatedByButton, fn as MessageItemDelegatedByButtonProps, hn as MessageItemDelegatedByProps, i as MessageListJumpPillDismiss, ln as MessageItemDelegatedAvatarProps, mn as MessageItemDelegatedByNameProps, n as MessageListJumpControlsProps, o as MessageListJumpPillGroup, pn as MessageItemDelegatedByName, r as MessageListJumpPill, s as MessageListJumpPillGroupProps, t as MessageListJumpControls, un as MessageItemDelegatedBy, w as MessageQuotedPreviewAuthorDelegatedByProps, yi as Dialog } from "./index-DsVVBZ5T.mjs";
+import { C as MessageQuotedPreviewAuthorDelegatedBy, Di as DialogContentProps, Gi as DialogTrigger, Ji as ButtonProps, Qi as StyledProps, Wi as DialogTitleProps, Zi as DataAttributes, _n as MessageItemDelegatedByProps, a as MessageListJumpPillDismissProps, c as MessageListJumpPillProps, dn as MessageItemDelegatedAvatarProps, fn as MessageItemDelegatedBy, gn as MessageItemDelegatedByNameProps, hn as MessageItemDelegatedByName, i as MessageListJumpPillDismiss, mn as MessageItemDelegatedByButtonProps, n as MessageListJumpControlsProps, o as MessageListJumpPillGroup, pn as MessageItemDelegatedByButton, r as MessageListJumpPill, s as MessageListJumpPillGroupProps, t as MessageListJumpControls, un as MessageItemDelegatedAvatar, w as MessageQuotedPreviewAuthorDelegatedByProps, wi as DialogClose, xi as Dialog } from "./index-RFu5pOr7.mjs";
 import { CSSProperties, ComponentPropsWithRef, PointerEvent, ReactNode } from "react";
 import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";

package/dist/wip.mjs

@@ -1,4 +1,4 @@
-import { Bt as useOverflowTitle, Hn as DialogTitle, Nn as DialogClose, Pn as DialogContent, Qn as useTheme, Un as DialogTrigger, Wn as Button$1, Zn as useThemeScopeProps, a as MessageListJumpPillDismiss, dt as MessageItemDelegatedBy, er as tv, ft as MessageItemDelegatedByButton, h as MessageQuotedPreviewAuthorDelegatedBy, i as MessageListJumpPill, jn as Dialog, o as MessageListJumpPillGroup, pt as MessageItemDelegatedByName, qn as defaultNativeButton, r as MessageListJumpControls, t as useHoldThenMoveTouchSensor, ut as MessageItemDelegatedAvatar } from "./touch-drag-CbWqiMlZ.mjs";
+import { $n as useTheme, Fn as DialogContent, Gn as Button$1, Jn as defaultNativeButton, Mn as Dialog, Pn as DialogClose, Qn as useThemeScopeProps, Un as DialogTitle, Vt as useOverflowTitle, Wn as DialogTrigger, a as MessageListJumpPillDismiss, dt as MessageItemDelegatedAvatar, ft as MessageItemDelegatedBy, h as MessageQuotedPreviewAuthorDelegatedBy, i as MessageListJumpPill, mt as MessageItemDelegatedByName, o as MessageListJumpPillGroup, pt as MessageItemDelegatedByButton, r as MessageListJumpControls, t as useHoldThenMoveTouchSensor, tr as tv } from "./touch-drag-BA_Fxs2Z.mjs";
 import { Check, ChevronDown, LoaderCircle, Plus, X } from "lucide-react";
 import { createContext, use, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -651,7 +651,7 @@ const comment = tv({
 		cardTrigger: [
 			"absolute -inset-px z-10 cursor-pointer",
 			"rounded-container border-0 bg-transparent p-0",
-			"hover:bg-fill-row-hover active:bg-fill-pressed",
+			"hover:bg-fill-subtle active:bg-fill-medium",
 			"outline-none focus-visible:shadow-focus"
 		],
 		cardQuote: ["sr-only"],
@@ -674,7 +674,7 @@ const comment = tv({
 			"rounded-chip border border-line-hairline py-0 ps-[3px] pe-1.5",
 			"font-mono text-mono-meta font-bold tabular-nums text-foreground",
 			"bg-layer-card [--avatar-group-surface:var(--layer-card)]",
-			"cursor-pointer hover:press-overlay active:press-overlay",
+			"cursor-pointer hover:overlay-medium active:overlay-medium",
 			"data-active:border-[1.5px] data-active:border-line-strong data-active:bg-brand-soft data-active:ps-[2.5px] data-active:pe-[5.5px]",
 			"data-popup-open:border-[1.5px] data-popup-open:border-line-strong data-popup-open:bg-brand-soft data-popup-open:ps-[2.5px] data-popup-open:pe-[5.5px]",
 			"data-active:[--avatar-group-surface:var(--brand-soft)] data-popup-open:[--avatar-group-surface:var(--brand-soft)]",

package/package.json

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