@botiverse/raft-ui 0.34.0 → 0.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,14 @@
1
+ ## [0.35.0](https://github.com/botiverse/raft-design/compare/v0.34.0...v0.35.0) (2026-10-24)
2
+
3
+ ### Changed
4
+
5
+ - A search hit (`searchHit`: `MessageItemSearchMatch`, `MarkdownMark`, `SearchMessageResultMatch`) is a `you` fill with ink type, in the surrounding weight, with no ink ring, and 1px of fill above and below so descenders stay inside it. A mention of you keeps its sticker. ([#796](https://github.com/botiverse/raft-design/pull/796))
6
+
7
+ ### Design System
8
+
9
+ - **Search:** matched words sit on a yellow fill, no edge, no bold (stdrc); a leading @ or # is part of the hit. Principle 3 names the inline "you" highlight as the one full-yellow highlight without an edge. ([#796](https://github.com/botiverse/raft-design/pull/796))
10
+ - Docs: https://raft-design.botiverse.build/components/search/
11
+
1
12
  ## [0.34.0](https://github.com/botiverse/raft-design/compare/v0.33.0...v0.34.0) (2026-10-24)
2
13
 
3
14
  ### Added
@@ -3977,16 +3977,19 @@ function AvatarGroupCount({ size, className, ...props }) {
3977
3977
  //#endregion
3978
3978
  //#region src/lib/search-hit.ts
3979
3979
  /**
3980
- * The DS search hit: what you looked for is a small yellow sticker, like an @
3981
- * to you. Every place that marks a hit (message text, Markdown, search
3982
- * results) uses this. The hit keeps the surrounding font (`[font:inherit]`
3983
- * drops the browser's mark styling) but is always bold, which needs `!` to win
3984
- * over that shorthand.
3980
+ * The DS search hit: what you looked for sits on a `you` fill, yellow in every
3981
+ * theme, with ink type in the surrounding font and weight. No edge and no bold
3982
+ * (stdrc, 2026-10-24): a ring made a hit look like one more badge beside a
3983
+ * row's "DM" or "Channel" tag and cut the descenders, and it is the mention of
3984
+ * you that keeps the ring. 1px of fill above and below (`py-px`) keeps
3985
+ * the descenders inside it. Every place that marks a hit (message text,
3986
+ * Markdown, search results) uses this; `[font:inherit]` drops the browser's
3987
+ * mark styling.
3985
3988
  */
3986
3989
  const searchHit = [
3987
- "[font:inherit] font-bold!",
3988
- "rounded-sticker bg-you px-[3px] box-decoration-clone",
3989
- "text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge"
3990
+ "[font:inherit]",
3991
+ "rounded-sticker bg-you px-[2px] py-px box-decoration-clone",
3992
+ "text-sticker-ink"
3990
3993
  ];
3991
3994
  //#endregion
3992
3995
  //#region src/components/message-item/message-item-label.ts
package/dist/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { cn } from "./cn.mjs";
2
- import { $ as MessageTextSelectionToolbarSeparator, $i as controlIconInset, $n as PopoverClose, $r as ListRow, $t as MessageItemSearchMatch, A as MessageList, An as PreviewCardHeader, Ar as DropdownMenuSeparator, At as MessageItemBadgeSeparator, B as MessageQuotedPreviewHeader, Bi as Button, Br as PanelHeaderRoot, Bt as MessageItemInlineStatus, Ci as DialogDescription, Cr as DropdownMenuLabel, Ct as MessageReactionTooltipContent, D as MessageListEndFade, Di as DialogNav, Dn as PreviewCardDescription, Dr as DropdownMenuRadioGroup, Dt as MessageReactionTooltipNames, E as MessageListDateDivider, Ei as DialogHeader, En as PreviewCardContent, Er as DropdownMenuPortal, Et as MessageReactionTooltipNameText, Fi as panelToggleAction, Fn as PreviewCardTitle, Fr as Kbd, G as MessageQuotedPreviewUnavailable, Gi as useParentOverlayKind, Gr as ScrollAreaContent, Gt as MessageItemSenderGroup, H as MessageQuotedPreviewText, Hi as Spinner, Hr as PanelScrollViewport, Ht as MessageItemSender, I as MessageQuotedPreviewAuthorMeta, Ii as TextLink, In as PreviewCardTrigger, Ir as KbdGroup, J as MessageEmbedFooter, Ji as useTheme, Jn as Popover, Jr as ScrollAreaThumb, Jt as MessageItemBody, K as MessageEmbed, Ki as withOverlayLayer, Kr as ScrollAreaCorner, Kt as MessageItemTime, L as MessageQuotedPreviewAuthorName, Li as TextLinkExternalIcon, Lr as Panel, M as MessageQuotedPreviewAttachment, Mi as DialogTitle, Mn as PreviewCardPopup, Mr as DropdownMenuSubmenu, Mt as MessageItemSavedIndicator, N as MessageQuotedPreviewAttachments, Ni as DialogTrigger, Nn as PreviewCardPortal, Nr as DropdownMenuSubmenuTrigger, Nt as MessageItemToolbar, O as MessageListHistoryLimited, Oi as DialogOverlay, Or as DropdownMenuRadioItem, Ot as MessageReactionTooltipSeparator, P as MessageQuotedPreviewAuthor, Pi as PanelAction, Pn as PreviewCardSeparator, Pr as DropdownMenuTrigger, Pt as MessageItemToolbarButton, Q as MessageTextSelectionToolbarButton, Qi as useStackedActions, Qr as PRESENCE_COLOR, Qt as MessageItemFooter, R as MessageQuotedPreviewChannel, Ri as textLinkVariants, Rr as PanelBody, Si as DialogContent, Sn as PreviewCard, Sr as DropdownMenuItemLabel, St as MessageReactionQuickRow, Tr as DropdownMenuPopup, Tt as MessageReactionTooltipName, U as MessageQuotedPreviewThread, Ui as defaultNativeButton, Ur as PanelSection, Ut as MessageItemSenderBadges, V as MessageQuotedPreviewLoading, Vi as buttonVariants, Vr as PanelScrollContent, Vt as MessageItemMeta, W as MessageQuotedPreviewTimestamp, Wr as ScrollArea, Wt as MessageItemSenderButton, X as messageEmbed, Xi as tv, Xn as PopoverArrow, Xr as Checkbox, Xt as MessageItemEdited, Y as MessageEmbedHeader, Yi as ThemeStateContext, Yr as ScrollAreaViewport, Yt as MessageItemContent, Z as MessageTextSelectionToolbar, Zi as stackedActions, Zn as PopoverBackdrop, Zr as CheckboxIndicator, Zt as MessageItemEmbedded, _ as InboxItemTrailing, _n as useOverflowTitle, _r as DropdownMenuCheckboxItemIndicator, _t as MessageReactionErrorIndicator, a as InboxItemContext, ai as ListRowIcon, an as Avatar, ar as PopoverSeparator, b as useLatestRef, bi as DialogBody, br as DropdownMenuItem, bt as MessageReactionPickerStatic, c as InboxItemLeading, ci as ListRowTop, cn as AvatarGroup, cr as PopoverViewport, ct as MessageReferencePending, d as InboxItemMetadata, di as TooltipContent, dn as RadioGroup, dr as useMouseOnlyPointerSensor, dt as MessageReferenceText, ea as headEdgePull, ei as ListRowBody, en as MessageItemAvatarSlot, er as PopoverContent, et as MessageMultiSelect, f as InboxItemSelection, fi as TooltipPortal, fn as RadioGroupIndicator, fr as MobileNavItem, ft as MessageReferenceUnavailable, g as InboxItemTitle, gn as InputGroupInput, gr as DropdownMenuCheckboxItem, gt as MessageReactionCount, h as InboxItemTimestamp, hi as Badge, hn as InputGroupAddon, hr as DropdownMenu, ht as MessageReactionChip, i as InboxItemContent, ii as ListRowGroup, in as searchHit, ir as PopoverPortal, it as MessageReferenceChip, j as MessageQuotedPreview, ji as DialogSurface, jr as DropdownMenuShortcut, jt as MessageItemReadReceipt, k as MessageListNotice, ki as DialogPortal, kr as DropdownMenuRadioItemIndicator, kt as MessageItemBadge, l as InboxItemMarks, li as ListRowValue, ln as AvatarGroupCount, lt as MessageReferenceReadMark, m as InboxItemSubtitle, mi as TooltipTrigger, mn as InputGroup, mr as MobileNavRoot, mt as MessageReactionAddButton, n as InboxItemActions, na as decisionWidth, ni as ListRowChevron, nn as MessageItemGutter, nr as PopoverHeader, nt as MessageMultiSelectToolbar, o as InboxItemHeading, oi as ListRowMeta, on as AvatarBadge, or as PopoverTitle, ot as MessageReferenceIndicator, p as InboxItemSender, pi as TooltipProvider, pn as RadioGroupItem, pr as MobileNavLabel, pt as inlineChip, q as MessageEmbedContent, qi as useThemeScopeProps, qr as ScrollAreaScrollbar, qt as MessageItemAttachments, r as InboxItemBody, ri as ListRowDescription, rn as MessageItem, rr as PopoverPopup, rt as MessageMultiSelectToolbarActions, s as InboxItemHoverTarget, si as ListRowTitle, sn as AvatarFallback, sr as PopoverTrigger, st as MessageReferenceLabel, t as InboxItem, ta as headEdges, ti as ListRowBottom, tn as MessageItemContinuationTime, tr as PopoverDescription, tt as MessageMultiSelectCheckbox, u as InboxItemMessage, ui as Tooltip, un as AvatarImage, ur as useHoldThenMoveTouchSensor, ut as MessageReferenceSuffix, v as InboxItemTrigger, vi as useMobileViewport, vr as DropdownMenuContent, vt as MessageReactionGlyph, wi as DialogFooter, wn as PreviewCardArrow, wt as MessageReactionTooltipMeta, x as Skeleton, xi as DialogClose, xr as DropdownMenuItemCount, xt as MessageReactionQuickButton, yi as Dialog, yr as DropdownMenuFooter, yt as MessageReactionPickerContent, z as MessageQuotedPreviewContent, zi as DialogSheetReset, zr as PanelFooter, zt as MessageItemHeader } from "./inbox-item-BioSKbpT.mjs";
2
+ import { $ as MessageTextSelectionToolbarSeparator, $i as controlIconInset, $n as PopoverClose, $r as ListRow, $t as MessageItemSearchMatch, A as MessageList, An as PreviewCardHeader, Ar as DropdownMenuSeparator, At as MessageItemBadgeSeparator, B as MessageQuotedPreviewHeader, Bi as Button, Br as PanelHeaderRoot, Bt as MessageItemInlineStatus, Ci as DialogDescription, Cr as DropdownMenuLabel, Ct as MessageReactionTooltipContent, D as MessageListEndFade, Di as DialogNav, Dn as PreviewCardDescription, Dr as DropdownMenuRadioGroup, Dt as MessageReactionTooltipNames, E as MessageListDateDivider, Ei as DialogHeader, En as PreviewCardContent, Er as DropdownMenuPortal, Et as MessageReactionTooltipNameText, Fi as panelToggleAction, Fn as PreviewCardTitle, Fr as Kbd, G as MessageQuotedPreviewUnavailable, Gi as useParentOverlayKind, Gr as ScrollAreaContent, Gt as MessageItemSenderGroup, H as MessageQuotedPreviewText, Hi as Spinner, Hr as PanelScrollViewport, Ht as MessageItemSender, I as MessageQuotedPreviewAuthorMeta, Ii as TextLink, In as PreviewCardTrigger, Ir as KbdGroup, J as MessageEmbedFooter, Ji as useTheme, Jn as Popover, Jr as ScrollAreaThumb, Jt as MessageItemBody, K as MessageEmbed, Ki as withOverlayLayer, Kr as ScrollAreaCorner, Kt as MessageItemTime, L as MessageQuotedPreviewAuthorName, Li as TextLinkExternalIcon, Lr as Panel, M as MessageQuotedPreviewAttachment, Mi as DialogTitle, Mn as PreviewCardPopup, Mr as DropdownMenuSubmenu, Mt as MessageItemSavedIndicator, N as MessageQuotedPreviewAttachments, Ni as DialogTrigger, Nn as PreviewCardPortal, Nr as DropdownMenuSubmenuTrigger, Nt as MessageItemToolbar, O as MessageListHistoryLimited, Oi as DialogOverlay, Or as DropdownMenuRadioItem, Ot as MessageReactionTooltipSeparator, P as MessageQuotedPreviewAuthor, Pi as PanelAction, Pn as PreviewCardSeparator, Pr as DropdownMenuTrigger, Pt as MessageItemToolbarButton, Q as MessageTextSelectionToolbarButton, Qi as useStackedActions, Qr as PRESENCE_COLOR, Qt as MessageItemFooter, R as MessageQuotedPreviewChannel, Ri as textLinkVariants, Rr as PanelBody, Si as DialogContent, Sn as PreviewCard, Sr as DropdownMenuItemLabel, St as MessageReactionQuickRow, Tr as DropdownMenuPopup, Tt as MessageReactionTooltipName, U as MessageQuotedPreviewThread, Ui as defaultNativeButton, Ur as PanelSection, Ut as MessageItemSenderBadges, V as MessageQuotedPreviewLoading, Vi as buttonVariants, Vr as PanelScrollContent, Vt as MessageItemMeta, W as MessageQuotedPreviewTimestamp, Wr as ScrollArea, Wt as MessageItemSenderButton, X as messageEmbed, Xi as tv, Xn as PopoverArrow, Xr as Checkbox, Xt as MessageItemEdited, Y as MessageEmbedHeader, Yi as ThemeStateContext, Yr as ScrollAreaViewport, Yt as MessageItemContent, Z as MessageTextSelectionToolbar, Zi as stackedActions, Zn as PopoverBackdrop, Zr as CheckboxIndicator, Zt as MessageItemEmbedded, _ as InboxItemTrailing, _n as useOverflowTitle, _r as DropdownMenuCheckboxItemIndicator, _t as MessageReactionErrorIndicator, a as InboxItemContext, ai as ListRowIcon, an as Avatar, ar as PopoverSeparator, b as useLatestRef, bi as DialogBody, br as DropdownMenuItem, bt as MessageReactionPickerStatic, c as InboxItemLeading, ci as ListRowTop, cn as AvatarGroup, cr as PopoverViewport, ct as MessageReferencePending, d as InboxItemMetadata, di as TooltipContent, dn as RadioGroup, dr as useMouseOnlyPointerSensor, dt as MessageReferenceText, ea as headEdgePull, ei as ListRowBody, en as MessageItemAvatarSlot, er as PopoverContent, et as MessageMultiSelect, f as InboxItemSelection, fi as TooltipPortal, fn as RadioGroupIndicator, fr as MobileNavItem, ft as MessageReferenceUnavailable, g as InboxItemTitle, gn as InputGroupInput, gr as DropdownMenuCheckboxItem, gt as MessageReactionCount, h as InboxItemTimestamp, hi as Badge, hn as InputGroupAddon, hr as DropdownMenu, ht as MessageReactionChip, i as InboxItemContent, ii as ListRowGroup, in as searchHit, ir as PopoverPortal, it as MessageReferenceChip, j as MessageQuotedPreview, ji as DialogSurface, jr as DropdownMenuShortcut, jt as MessageItemReadReceipt, k as MessageListNotice, ki as DialogPortal, kr as DropdownMenuRadioItemIndicator, kt as MessageItemBadge, l as InboxItemMarks, li as ListRowValue, ln as AvatarGroupCount, lt as MessageReferenceReadMark, m as InboxItemSubtitle, mi as TooltipTrigger, mn as InputGroup, mr as MobileNavRoot, mt as MessageReactionAddButton, n as InboxItemActions, na as decisionWidth, ni as ListRowChevron, nn as MessageItemGutter, nr as PopoverHeader, nt as MessageMultiSelectToolbar, o as InboxItemHeading, oi as ListRowMeta, on as AvatarBadge, or as PopoverTitle, ot as MessageReferenceIndicator, p as InboxItemSender, pi as TooltipProvider, pn as RadioGroupItem, pr as MobileNavLabel, pt as inlineChip, q as MessageEmbedContent, qi as useThemeScopeProps, qr as ScrollAreaScrollbar, qt as MessageItemAttachments, r as InboxItemBody, ri as ListRowDescription, rn as MessageItem, rr as PopoverPopup, rt as MessageMultiSelectToolbarActions, s as InboxItemHoverTarget, si as ListRowTitle, sn as AvatarFallback, sr as PopoverTrigger, st as MessageReferenceLabel, t as InboxItem, ta as headEdges, ti as ListRowBottom, tn as MessageItemContinuationTime, tr as PopoverDescription, tt as MessageMultiSelectCheckbox, u as InboxItemMessage, ui as Tooltip, un as AvatarImage, ur as useHoldThenMoveTouchSensor, ut as MessageReferenceSuffix, v as InboxItemTrigger, vi as useMobileViewport, vr as DropdownMenuContent, vt as MessageReactionGlyph, wi as DialogFooter, wn as PreviewCardArrow, wt as MessageReactionTooltipMeta, x as Skeleton, xi as DialogClose, xr as DropdownMenuItemCount, xt as MessageReactionQuickButton, yi as Dialog, yr as DropdownMenuFooter, yt as MessageReactionPickerContent, z as MessageQuotedPreviewContent, zi as DialogSheetReset, zr as PanelFooter, zt as MessageItemHeader } from "./inbox-item-Cgu0ERol.mjs";
3
3
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
4
4
  import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
5
5
  import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
package/dist/wip.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { $r as ListRow, Ai as DialogSheetBack, Bi as Button$1, Bn as MobileNavServerPopoverDestination, C as MessageListJumpPill, Cn as PreviewCardActions, F as MessageQuotedPreviewAuthorDelegatedBy, Ft as MessageItemDelegatedAvatar, Gi as useParentOverlayKind, Gn as MobileNavServerPopoverRowBody, Hi as Spinner, Hn as MobileNavServerPopoverGroup, Ii as TextLink, It as MessageItemDelegatedBy, Ji as useTheme, Kn as MobileNavServerPopoverRowDescription, Ln as MobileNavServerItem, Lt as MessageItemDelegatedByButton, Mi as DialogTitle, Ni as DialogTrigger, On as PreviewCardEyebrow, Qn as PopoverBody, Rn as MobileNavServerPopover, Rt as MessageItemDelegatedByName, S as MessageListJumpControls, Si as DialogContent, T as MessageListJumpPillGroup, Ti as DialogFooterNote, Tn as PreviewCardBody, Ui as defaultNativeButton, Un as MobileNavServerPopoverList, Vn as MobileNavServerPopoverDestinations, Wi as OverlayLayerProvider, Wn as MobileNavServerPopoverRow, Xi as tv, Xr as Checkbox, Yn as PopoverActions, _ as InboxItemTrailing, _i as DialogSheetContent, _n as useOverflowTitle, a as InboxItemContext, at as MessageReferenceIcon, b as useLatestRef, bn as observeTruncation, c as InboxItemLeading, ci as ListRowTop, di as TooltipContent, dn as RadioGroup, ei as ListRowBody, g as InboxItemTitle, gi as DialogCommit, gn as InputGroupInput, h as InboxItemTimestamp, hn as InputGroupAddon, i as InboxItemContent, jn as PreviewCardMeta, kn as PreviewCardFooter, lr as TOUCH_DRAG_HOLD_MS, lt as MessageReferenceReadMark, mi as TooltipTrigger, mn as InputGroup, o as InboxItemHeading, oi as ListRowMeta, pn as RadioGroupItem, qi as useThemeScopeProps, qn as MobileNavServerPopoverRowLabel, r as InboxItemBody, ri as ListRowDescription, si as ListRowTitle, t as InboxItem, ti as ListRowBottom, ui as Tooltip, ur as useHoldThenMoveTouchSensor, vn as measureContent, w as MessageListJumpPillDismiss, wr as DropdownMenuLinkItem, x as Skeleton, xi as DialogClose, xn as readNow, y as inboxItem, yi as Dialog, yn as measureElement, zn as MobileNavServerPopoverContent } from "./inbox-item-BioSKbpT.mjs";
1
+ import { $r as ListRow, Ai as DialogSheetBack, Bi as Button$1, Bn as MobileNavServerPopoverDestination, C as MessageListJumpPill, Cn as PreviewCardActions, F as MessageQuotedPreviewAuthorDelegatedBy, Ft as MessageItemDelegatedAvatar, Gi as useParentOverlayKind, Gn as MobileNavServerPopoverRowBody, Hi as Spinner, Hn as MobileNavServerPopoverGroup, Ii as TextLink, It as MessageItemDelegatedBy, Ji as useTheme, Kn as MobileNavServerPopoverRowDescription, Ln as MobileNavServerItem, Lt as MessageItemDelegatedByButton, Mi as DialogTitle, Ni as DialogTrigger, On as PreviewCardEyebrow, Qn as PopoverBody, Rn as MobileNavServerPopover, Rt as MessageItemDelegatedByName, S as MessageListJumpControls, Si as DialogContent, T as MessageListJumpPillGroup, Ti as DialogFooterNote, Tn as PreviewCardBody, Ui as defaultNativeButton, Un as MobileNavServerPopoverList, Vn as MobileNavServerPopoverDestinations, Wi as OverlayLayerProvider, Wn as MobileNavServerPopoverRow, Xi as tv, Xr as Checkbox, Yn as PopoverActions, _ as InboxItemTrailing, _i as DialogSheetContent, _n as useOverflowTitle, a as InboxItemContext, at as MessageReferenceIcon, b as useLatestRef, bn as observeTruncation, c as InboxItemLeading, ci as ListRowTop, di as TooltipContent, dn as RadioGroup, ei as ListRowBody, g as InboxItemTitle, gi as DialogCommit, gn as InputGroupInput, h as InboxItemTimestamp, hn as InputGroupAddon, i as InboxItemContent, jn as PreviewCardMeta, kn as PreviewCardFooter, lr as TOUCH_DRAG_HOLD_MS, lt as MessageReferenceReadMark, mi as TooltipTrigger, mn as InputGroup, o as InboxItemHeading, oi as ListRowMeta, pn as RadioGroupItem, qi as useThemeScopeProps, qn as MobileNavServerPopoverRowLabel, r as InboxItemBody, ri as ListRowDescription, si as ListRowTitle, t as InboxItem, ti as ListRowBottom, ui as Tooltip, ur as useHoldThenMoveTouchSensor, vn as measureContent, w as MessageListJumpPillDismiss, wr as DropdownMenuLinkItem, x as Skeleton, xi as DialogClose, xn as readNow, y as inboxItem, yi as Dialog, yn as measureElement, zn as MobileNavServerPopoverContent } from "./inbox-item-Cgu0ERol.mjs";
2
2
  import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
3
3
  import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
4
4
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botiverse/raft-ui",
3
- "version": "0.34.0",
3
+ "version": "0.35.0",
4
4
  "description": "React components and CSS foundations for the Raft Design System.",
5
5
  "keywords": [
6
6
  "agent-skills",