@botiverse/raft-ui 0.32.2 → 0.33.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,23 @@
1
+ ## [0.33.0](https://github.com/botiverse/raft-design/compare/v0.32.2...v0.33.0) (2026-10-24)
2
+
3
+ ### Added
4
+
5
+ - Tokens `you` and `selected` (`bg-you`, `bg-selected`, `border-selected`): the yellow of a signal addressed to you and of a selected or "on" state. They equal `brand-400` in Raft Yellow, and no theme overrides them. ([#791](https://github.com/botiverse/raft-design/pull/791))
6
+ - Badge `variant="you"`: the @ marker for something addressed to you outside the sidebar. It stays yellow in every theme, while `primary` follows the theme. ([#791](https://github.com/botiverse/raft-design/pull/791))
7
+
8
+ ### Changed
9
+
10
+ - Selected and "on" states (segmented control, sidebar row, tabs, toggle group, mobile nav, pressed panel action, switch, current step) paint `selected`, and signals addressed to you (mention-of-you chip, sidebar @ marker, search hit, active comment) paint `you`. Raft Yellow looks the same; Boring Gray now keeps them yellow. ([#791](https://github.com/botiverse/raft-design/pull/791))
11
+ - The selected sidebar row's edge is `sticker-ink`, so it keeps its ink edge in Boring Gray. ([#791](https://github.com/botiverse/raft-design/pull/791))
12
+ - `Text variant="primary"` uses `brand-strong` and follows the theme (deeper in light, yellow in dark; 8.9:1 and 12.5:1). ([#791](https://github.com/botiverse/raft-design/pull/791))
13
+
14
+ ### Design System
15
+
16
+ - **Themes:** a theme quiets the environment, never information. Signals addressed to you and selected states keep their color in every theme; the rail and anything on the frame follow the theme's frame. ([#791](https://github.com/botiverse/raft-design/pull/791))
17
+ - Docs: https://raft-design.botiverse.build/foundations/themes/
18
+ - **ChoiceList:** a description line is cut at its end, so it leads with what people compare. ([#789](https://github.com/botiverse/raft-design/pull/789))
19
+ - **Touch screens:** the swipe buttons' type, and what a tap does while a row is open. ([#790](https://github.com/botiverse/raft-design/pull/790))
20
+
1
21
  ## [0.32.2](https://github.com/botiverse/raft-design/compare/v0.32.1...v0.32.2) (2026-10-23)
2
22
 
3
23
  ### Added
@@ -43,7 +43,7 @@
43
43
  --r-steps-easing: ease-out;
44
44
 
45
45
  --r-steps-indicator-color-wait: var(--layer-card);
46
- --r-steps-indicator-color-process: var(--brand-400);
46
+ --r-steps-indicator-color-process: var(--selected);
47
47
  --r-steps-indicator-color-finish: var(--foreground);
48
48
  --r-steps-indicator-color-error: var(--warning);
49
49
  --r-steps-indicator-border-color-wait: var(--line-seam);
@@ -23,6 +23,8 @@
23
23
  | -foreground (text on the solid)
24
24
  | -hover / -active (derived interaction pair, opt-in per family;
25
25
  an opted-in family always gets both)
26
+ Signals: you | selected — the yellow of "addressed to you" and of the
27
+ selected sticker, with their own value so no theme grays them.
26
28
  Washes: ink-{alpha%} (2..40) — neutral overlays, hairlines, hover fills.
27
29
  Opacity rule: layer tokens are opaque in every theme, except the two
28
30
  backdrops (overlays by contract); among fills only the hover tiers
@@ -218,6 +220,15 @@
218
220
  colour. */
219
221
  --brand-hover: color-mix(in srgb, var(--brand-400) 90%, var(--sticker-ink));
220
222
  --brand-active: var(--brand-hover);
223
+ /* Raft yellow for what is addressed to you: a mention of you, the sidebar's @
224
+ marker, a search hit, the passage of the comment you opened. Its own value,
225
+ not brand, so a theme that grays the brand (Boring Gray) keeps it yellow. */
226
+ --you: oklch(0.8829 0.1623 91.9);
227
+ /* Raft yellow for the selected sticker: where you are (the active sidebar row,
228
+ a segment, a tab, the tab bar's item, the current step) and what is on (a
229
+ switch, a toggle, a pressed panel action). Its own value, not brand, so a
230
+ theme that grays the brand (Boring Gray) keeps it yellow. */
231
+ --selected: oklch(0.8829 0.1623 91.9);
221
232
  --attention-50: var(--palette-pink-50);
222
233
  --attention-100: var(--palette-pink-100);
223
234
  --attention-200: var(--palette-pink-200);
@@ -723,6 +723,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
723
723
  variant: {
724
724
  default: "";
725
725
  primary: "";
726
+ you: "";
726
727
  information: "";
727
728
  muted: "";
728
729
  accent: "";
@@ -747,6 +748,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
747
748
  variant: {
748
749
  default: "";
749
750
  primary: "";
751
+ you: "";
750
752
  information: "";
751
753
  muted: "";
752
754
  accent: "";
@@ -771,6 +773,7 @@ declare const badge: import("tailwind-variants/lite").TVReturnType<{
771
773
  variant: {
772
774
  default: "";
773
775
  primary: "";
776
+ you: "";
774
777
  information: "";
775
778
  muted: "";
776
779
  accent: "";
@@ -686,7 +686,7 @@ const panelAction = tv$1({
686
686
  "disabled:pointer-events-none disabled:transform-none",
687
687
  "gap-1.5 text-control font-bold",
688
688
  "disabled:bg-transparent disabled:text-foreground-disabled disabled:opacity-100",
689
- "aria-pressed:border-sticker-ink aria-pressed:bg-brand aria-pressed:text-sticker-ink aria-pressed:ring-[1.5px] aria-pressed:ring-sticker-edge",
689
+ "aria-pressed:border-sticker-ink aria-pressed:bg-selected aria-pressed:text-sticker-ink aria-pressed:ring-[1.5px] aria-pressed:ring-sticker-edge",
690
690
  "aria-pressed:active:overlay-sticker-medium"
691
691
  ]
692
692
  });
@@ -696,7 +696,7 @@ const panelToggleAction = tv$1({
696
696
  "data-disabled:pointer-events-none data-disabled:transform-none",
697
697
  "gap-1.5 text-control font-bold",
698
698
  "data-disabled:bg-transparent data-disabled:text-foreground-disabled data-disabled:opacity-100",
699
- "data-pressed:border-sticker-ink data-pressed:bg-brand data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
699
+ "data-pressed:border-sticker-ink data-pressed:bg-selected data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
700
700
  "data-pressed:active:overlay-sticker-medium"
701
701
  ]
702
702
  });
@@ -1294,6 +1294,7 @@ const badge = tv$1({
1294
1294
  variant: {
1295
1295
  default: "",
1296
1296
  primary: "",
1297
+ you: "",
1297
1298
  information: "",
1298
1299
  muted: "",
1299
1300
  accent: "",
@@ -1322,6 +1323,11 @@ const badge = tv$1({
1322
1323
  variant: "primary",
1323
1324
  class: { root: "bg-brand" }
1324
1325
  },
1326
+ {
1327
+ appearance: "solid",
1328
+ variant: "you",
1329
+ class: { root: "bg-you" }
1330
+ },
1325
1331
  {
1326
1332
  appearance: "solid",
1327
1333
  variant: "information",
@@ -2539,7 +2545,7 @@ const mobileNav = tv$1({ slots: {
2539
2545
  "active:before:bg-fill-medium",
2540
2546
  "data-[selected=true]:font-bold data-[selected=true]:text-foreground",
2541
2547
  "data-[selected=true]:[&_svg]:text-sticker-ink",
2542
- "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",
2548
+ "data-[selected=true]:before:border-sticker-ink data-[selected=true]:before:bg-selected data-[selected=true]:before:ring-[1.5px] data-[selected=true]:before:ring-sticker-edge",
2543
2549
  "data-[selected=true]:active:before:overlay-sticker-medium",
2544
2550
  "rounded-control focus-visible:shadow-focus"
2545
2551
  ],
@@ -4029,7 +4035,7 @@ function AvatarGroupCount({ size, className, ...props }) {
4029
4035
  */
4030
4036
  const searchHit = [
4031
4037
  "[font:inherit] font-bold!",
4032
- "rounded-sticker bg-brand px-[3px] box-decoration-clone",
4038
+ "rounded-sticker bg-you px-[3px] box-decoration-clone",
4033
4039
  "text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge"
4034
4040
  ];
4035
4041
  //#endregion
@@ -5118,7 +5124,7 @@ const messageReference = tv$1({
5118
5124
  ...inlineChip,
5119
5125
  "[--message-reference-em:1em]",
5120
5126
  "text-sticker-ink no-underline",
5121
- "bg-brand inset-ring-[1.5px] inset-ring-sticker-ink",
5127
+ "bg-you inset-ring-[1.5px] inset-ring-sticker-ink",
5122
5128
  "hover:overlay-sticker-medium active:overlay-sticker-medium"
5123
5129
  ] },
5124
5130
  secondary: { root: ["inline cursor-pointer font-bold text-foreground", "decoration-foreground decoration-[1.5px] underline-offset-[3px] hover:underline"] },
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- import { $ as MessageListNoticeProps, $a as DropdownMenuCheckboxItemIndicator, $n as MessageItemToolbarButtonProps, $o as ListRowChevron, $r as AvatarGroup, $s as DialogTitleProps, $t as MessageReferenceLabelProps, A as InboxItemTimestamp, Aa as PopoverHeader, Ai as PreviewCardProps, An as MessageReactionTooltipContent, Ao as DropdownMenuShortcutProps, Ar as MessageItemContentProps, As as DialogCloseProps, At as MessageQuotedPreviewUnavailable, Ba as PopoverTitleProps, Bi as TooltipPortal, Bn as MessageReactionTooltipSeparator, Bo as KbdProps, Br as MessageItemAvatarSlotProps, Bs as DialogHeaderProps, Bt as MessageMultiSelectCheckboxProps, C as InboxItemProps, Ci as PreviewCardHeaderProps, Cn as MessageReactionPickerContentProps, Co as DropdownMenuRadioItem, Cr as MessageItemTime, Ct as MessageQuotedPreviewProps, D as InboxItemSenderProps, Da as PopoverContentProps, Di as PreviewCardPopupProps, Dn as MessageReactionQuickButtonProps, Do as DropdownMenuSeparator, Dr as MessageItemBody, Ds as DialogBody, Dt as MessageQuotedPreviewThreadProps, E as InboxItemSender, Ea as PopoverContent, Ei as PreviewCardPopup, En as MessageReactionQuickButton, Eo as DropdownMenuRadioItemProps, Er as MessageItemAttachmentsProps, Es as Dialog, Et as MessageQuotedPreviewThread, F as InboxItemTrailingProps, Fa as PopoverPortalProps, Fi as PreviewCardTrigger, Fn as MessageReactionTooltipNameProps, Fo as DropdownMenuTrigger, Fr as MessageItemFooter, Fs as DialogFooter, Ft as MessageTextSelectionToolbarProps, Ga as MobileNavItem, Gi as TooltipTrigger, Gn as MessageItemBadgeSeparatorProps, Go as Checkbox, Gr as MessageItem, Gs as DialogPortal, Gt as MessageMultiSelectToolbarProps, Ha as PopoverTriggerProps, Hi as TooltipProps, Hn as MessageItemBadge, Ho as BadgeProps, Hr as MessageItemContinuationTimeProps, Hs as DialogNavProps, Ht as MessageMultiSelectToolbar, I as InboxItemTrigger, Ia as PopoverProps, Ii as PreviewCardTriggerProps, In as MessageReactionTooltipNameText, Io as DropdownMenuTriggerProps, Ir as MessageItemFooterProps, It as MessageTextSelectionToolbarSeparator, J as MessageListEndFade, Ja as MobileNavLabelProps, Jn as MessageItemReadReceiptProps, Jo as ListRow, Jr as AvatarBadge, K as MessageListDateDivider, Ka as MobileNavItemProps, Ki as TooltipTriggerProps, Kn as MessageItemBadgeStatus, Ko as CheckboxProps, Kr as MessageItemProps, Ks as DialogPortalProps, Kt as MessageReferenceChip, L as InboxItemTriggerProps, La as PopoverSeparator, Li as Tooltip, Ln as MessageReactionTooltipNameTextProps, Lo as Kbd, Lr as MessageItemSearchMatch, Lt as MessageTextSelectionToolbarSeparatorProps, M as InboxItemTitle, Ma as PopoverPopup, Mi as PreviewCardSeparatorProps, Mn as MessageReactionTooltipMeta, Mo as DropdownMenuSubmenuProps, Mr as MessageItemEditedProps, Ms as DialogContentProps, Mt as MessageTextSelectionToolbar, N as InboxItemTitleProps, Na as PopoverPopupProps, Ni as PreviewCardTitle, Nn as MessageReactionTooltipMetaProps, No as DropdownMenuSubmenuTrigger, Nr as MessageItemEmbedded, Ns as DialogDescription, Nt as MessageTextSelectionToolbarButton, O as InboxItemSubtitle, Oa as PopoverDescription, Oi as PreviewCardPortal, On as MessageReactionQuickRow, Oo as DropdownMenuSeparatorProps, Or as MessageItemBodyProps, Os as DialogBodyProps, Ot as MessageQuotedPreviewTimestamp, P as InboxItemTrailing, Pa as PopoverPortal, Pi as PreviewCardTitleProps, Pn as MessageReactionTooltipName, Po as DropdownMenuSubmenuTriggerProps, Pr as MessageItemEmbeddedProps, Ps as DialogDescriptionProps, Pt as MessageTextSelectionToolbarButtonProps, Q as MessageListNotice, Qa as DropdownMenuCheckboxItem, Qn as MessageItemToolbarButton, Qo as ListRowBottomProps, Qr as AvatarFallbackProps, Qs as DialogTitle, Qt as MessageReferenceLabel, Ra as PopoverSeparatorProps, Ri as TooltipContent, Rn as MessageReactionTooltipNames, Ro as KbdGroup, Rr as MessageItemSearchMatchProps, Rs as DialogFooterProps, Rt as MessageMultiSelect, S as InboxItemMetadataProps, Si as PreviewCardHeader, Sn as MessageReactionPickerContent, So as DropdownMenuRadioGroupProps, Sr as MessageItemSenderProps, St as MessageQuotedPreviewLoadingProps, T as InboxItemSelectionProps, Ta as PopoverCloseProps, Tn as MessageReactionPickerStaticProps, To as DropdownMenuRadioItemIndicatorProps, Tr as MessageItemAttachments, Tt as MessageQuotedPreviewTextProps, Ua as PopoverViewport, Ui as TooltipProvider, Un as MessageItemBadgeProps, Uo as CheckboxIndicator, Ur as MessageItemGutter, Us as DialogOverlay, Ut as MessageMultiSelectToolbarActions, Va as PopoverTrigger, Vi as TooltipPortalProps, Vn as MessageReactionTooltipSeparatorProps, Vo as Badge, Vr as MessageItemContinuationTime, Vs as DialogNav, Vt as MessageMultiSelectProps, Wa as PopoverViewportProps, Wi as TooltipProviderProps, Wn as MessageItemBadgeSeparator, Wo as CheckboxIndicatorProps, Wr as MessageItemGutterProps, Ws as DialogOverlayProps, Wt as MessageMultiSelectToolbarActionsProps, X as MessageListHistoryLimited, Xa as MobileNavRootProps, Xn as MessageItemSavedIndicatorProps, Xo as ListRowBodyProps, Xr as AvatarBadgeProps, Xs as DialogSurface, Xt as MessageReferenceIndicator, Y as MessageListEndFadeProps, Ya as MobileNavRoot, Yn as MessageItemSavedIndicator, Yo as ListRowBody, Yr as AvatarBadgeOffset, Z as MessageListHistoryLimitedProps, Za as DropdownMenu, Zn as MessageItemToolbar, Zo as ListRowBottom, Zr as AvatarFallback, Zs as DialogSurfaceProps, Zt as MessageReferenceIndicatorProps, _ as InboxItemMarks, _i as PreviewCardDescriptionProps, _n as MessageReactionCountProps, _o as DropdownMenuPopupProps, _r as MessageItemSenderBadgesProps, _s as TextLink, _t as MessageQuotedPreviewContent, a as InboxItemBodyProps, ac as ButtonProps, ai as AvatarProps, an as MessageReferenceSuffixProps, ao as DropdownMenuFooterProps, as as ListRowIcon, at as MessageQuotedPreviewAttachments, b as InboxItemMessageProps, ba as PopoverBackdrop, bn as MessageReactionGlyph, bo as DropdownMenuProps, br as MessageItemSenderGroup, bs as TextLinkProps, bt as MessageQuotedPreviewHeaderProps, c as InboxItemContext, cc as buttonVariants, cn as MessageReferenceUnavailable, co as DropdownMenuItemCountProps, cs as ListRowMetaProps, d as InboxItemHeading, dc as StyledProps, di as PreviewCardArrowProps, dn as MessageReferenceTextVariant, do as DropdownMenuItemProps, dr as MessageItemInlineStatus, ds as ListRowTitleProps, dt as MessageQuotedPreviewAuthorMetaProps, ec as DialogTrigger, ei as AvatarGroupCount, en as MessageReferencePending, eo as DropdownMenuCheckboxItemIndicatorProps, er as MessageItemToolbarProps, es as ListRowChevronProps, et as MessageList, f as InboxItemHeadingProps, fn as MessageReactionAddButton, fo as DropdownMenuLabel, fr as MessageItemInlineStatusProps, fs as ListRowTop, ft as MessageQuotedPreviewAuthorName, g as InboxItemLeadingProps, gi as PreviewCardDescription, gn as MessageReactionCount, go as DropdownMenuPopup, gr as MessageItemSenderBadges, gs as RowTone, gt as MessageQuotedPreviewChannelProps, h as InboxItemLeading, ha as Popover, hi as PreviewCardContentProps, hn as MessageReactionChipProps, hr as MessageItemSender, hs as ListRowValueProps, ht as MessageQuotedPreviewChannel, i as InboxItemBody, ic as Button, ii as AvatarImageProps, in as MessageReferenceSuffix, io as DropdownMenuFooter, is as ListRowGroupProps, it as MessageQuotedPreviewAttachmentProps, j as InboxItemTimestampProps, ja as PopoverHeaderProps, ji as PreviewCardSeparator, jn as MessageReactionTooltipContentProps, jo as DropdownMenuSubmenu, jr as MessageItemEdited, js as DialogContent, jt as MessageQuotedPreviewUnavailableProps, k as InboxItemSubtitleProps, ka as PopoverDescriptionProps, ki as PreviewCardPortalProps, kn as MessageReactionQuickRowProps, ko as DropdownMenuShortcut, kr as MessageItemContent, ks as DialogClose, kt as MessageQuotedPreviewTimestampProps, l as InboxItemContextProps, lc as VariantProps, ln as MessageReferenceUnavailableProps, lo as DropdownMenuItemLabel, lr as MessageItemHeader, ls as ListRowProps, m as InboxItemHoverTargetProps, mi as PreviewCardContent, mn as MessageReactionChip, mr as MessageItemMetaProps, ms as ListRowValue, mt as MessageQuotedPreviewAuthorProps, n as InboxItemActions, nc as PanelAction, ni as AvatarGroupProps, nn as MessageReferenceReadMark, no as DropdownMenuContent, ns as ListRowDescriptionProps, nt as MessageQuotedPreview, o as InboxItemContent, oc as ButtonSize, oi as AvatarSize, on as MessageReferenceText, oo as DropdownMenuItem, os as ListRowIconProps, ot as MessageQuotedPreviewAttachmentsProps, p as InboxItemHoverTarget, pn as MessageReactionAddButtonProps, po as DropdownMenuLabelProps, pr as MessageItemMeta, ps as ListRowTopProps, pt as MessageQuotedPreviewAuthorNameProps, q as MessageListDateDividerProps, qa as MobileNavLabel, qn as MessageItemReadReceipt, qo as Presence, qr as Avatar, qs as DialogProps, qt as MessageReferenceChipProps, r as InboxItemActionsProps, rc as PanelActionProps, ri as AvatarImage, rn as MessageReferenceReadMarkProps, ro as DropdownMenuContentProps, rs as ListRowGroup, rt as MessageQuotedPreviewAttachment, s as InboxItemContentProps, sc as DeprecatedButtonSize, si as PreviewCard, sn as MessageReferenceTextProps, so as DropdownMenuItemCount, ss as ListRowMeta, st as MessageQuotedPreviewAuthor, t as InboxItem, tc as DialogTriggerProps, ti as AvatarGroupCountProps, tn as MessageReferencePendingProps, to as DropdownMenuCheckboxItemProps, ts as ListRowDescription, tt as MessageListProps, u as InboxItemDensity, uc as DataAttributes$1, ui as PreviewCardArrow, un as MessageReferenceChipVariant, uo as DropdownMenuItemLabelProps, ur as MessageItemHeaderProps, us as ListRowTitle, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemMarksProps, va as PopoverArrow, vn as MessageReactionErrorIndicator, vo as DropdownMenuPortal, vr as MessageItemSenderButton, vs as TextLinkExternalIcon, vt as MessageQuotedPreviewContentProps, w as InboxItemSelection, wa as PopoverClose, wn as MessageReactionPickerStatic, wo as DropdownMenuRadioItemIndicator, wr as MessageItemTimeProps, wt as MessageQuotedPreviewText, x as InboxItemMetadata, xa as PopoverBackdropProps, xn as MessageReactionGlyphProps, xo as DropdownMenuRadioGroup, xr as MessageItemSenderGroupProps, xs as textLinkVariants, xt as MessageQuotedPreviewLoading, y as InboxItemMessage, ya as PopoverArrowProps, yn as MessageReactionErrorIndicatorProps, yo as DropdownMenuPortalProps, yr as MessageItemSenderButtonProps, ys as TextLinkExternalIconProps, yt as MessageQuotedPreviewHeader, za as PopoverTitle, zi as TooltipContentProps, zn as MessageReactionTooltipNamesProps, zo as KbdGroupProps, zr as MessageItemAvatarSlot, zs as DialogHeader, zt as MessageMultiSelectCheckbox } from "./inbox-item-CXvn7hxs.mjs";
1
+ import { $ as MessageListNoticeProps, $a as DropdownMenuCheckboxItemIndicator, $n as MessageItemToolbarButtonProps, $o as ListRowChevron, $r as AvatarGroup, $s as DialogTitleProps, $t as MessageReferenceLabelProps, A as InboxItemTimestamp, Aa as PopoverHeader, Ai as PreviewCardProps, An as MessageReactionTooltipContent, Ao as DropdownMenuShortcutProps, Ar as MessageItemContentProps, As as DialogCloseProps, At as MessageQuotedPreviewUnavailable, Ba as PopoverTitleProps, Bi as TooltipPortal, Bn as MessageReactionTooltipSeparator, Bo as KbdProps, Br as MessageItemAvatarSlotProps, Bs as DialogHeaderProps, Bt as MessageMultiSelectCheckboxProps, C as InboxItemProps, Ci as PreviewCardHeaderProps, Cn as MessageReactionPickerContentProps, Co as DropdownMenuRadioItem, Cr as MessageItemTime, Ct as MessageQuotedPreviewProps, D as InboxItemSenderProps, Da as PopoverContentProps, Di as PreviewCardPopupProps, Dn as MessageReactionQuickButtonProps, Do as DropdownMenuSeparator, Dr as MessageItemBody, Ds as DialogBody, Dt as MessageQuotedPreviewThreadProps, E as InboxItemSender, Ea as PopoverContent, Ei as PreviewCardPopup, En as MessageReactionQuickButton, Eo as DropdownMenuRadioItemProps, Er as MessageItemAttachmentsProps, Es as Dialog, Et as MessageQuotedPreviewThread, F as InboxItemTrailingProps, Fa as PopoverPortalProps, Fi as PreviewCardTrigger, Fn as MessageReactionTooltipNameProps, Fo as DropdownMenuTrigger, Fr as MessageItemFooter, Fs as DialogFooter, Ft as MessageTextSelectionToolbarProps, Ga as MobileNavItem, Gi as TooltipTrigger, Gn as MessageItemBadgeSeparatorProps, Go as Checkbox, Gr as MessageItem, Gs as DialogPortal, Gt as MessageMultiSelectToolbarProps, Ha as PopoverTriggerProps, Hi as TooltipProps, Hn as MessageItemBadge, Ho as BadgeProps, Hr as MessageItemContinuationTimeProps, Hs as DialogNavProps, Ht as MessageMultiSelectToolbar, I as InboxItemTrigger, Ia as PopoverProps, Ii as PreviewCardTriggerProps, In as MessageReactionTooltipNameText, Io as DropdownMenuTriggerProps, Ir as MessageItemFooterProps, It as MessageTextSelectionToolbarSeparator, J as MessageListEndFade, Ja as MobileNavLabelProps, Jn as MessageItemReadReceiptProps, Jo as ListRow, Jr as AvatarBadge, K as MessageListDateDivider, Ka as MobileNavItemProps, Ki as TooltipTriggerProps, Kn as MessageItemBadgeStatus, Ko as CheckboxProps, Kr as MessageItemProps, Ks as DialogPortalProps, Kt as MessageReferenceChip, L as InboxItemTriggerProps, La as PopoverSeparator, Li as Tooltip, Ln as MessageReactionTooltipNameTextProps, Lo as Kbd, Lr as MessageItemSearchMatch, Lt as MessageTextSelectionToolbarSeparatorProps, M as InboxItemTitle, Ma as PopoverPopup, Mi as PreviewCardSeparatorProps, Mn as MessageReactionTooltipMeta, Mo as DropdownMenuSubmenuProps, Mr as MessageItemEditedProps, Ms as DialogContentProps, Mt as MessageTextSelectionToolbar, N as InboxItemTitleProps, Na as PopoverPopupProps, Ni as PreviewCardTitle, Nn as MessageReactionTooltipMetaProps, No as DropdownMenuSubmenuTrigger, Nr as MessageItemEmbedded, Ns as DialogDescription, Nt as MessageTextSelectionToolbarButton, O as InboxItemSubtitle, Oa as PopoverDescription, Oi as PreviewCardPortal, On as MessageReactionQuickRow, Oo as DropdownMenuSeparatorProps, Or as MessageItemBodyProps, Os as DialogBodyProps, Ot as MessageQuotedPreviewTimestamp, P as InboxItemTrailing, Pa as PopoverPortal, Pi as PreviewCardTitleProps, Pn as MessageReactionTooltipName, Po as DropdownMenuSubmenuTriggerProps, Pr as MessageItemEmbeddedProps, Ps as DialogDescriptionProps, Pt as MessageTextSelectionToolbarButtonProps, Q as MessageListNotice, Qa as DropdownMenuCheckboxItem, Qn as MessageItemToolbarButton, Qo as ListRowBottomProps, Qr as AvatarFallbackProps, Qs as DialogTitle, Qt as MessageReferenceLabel, Ra as PopoverSeparatorProps, Ri as TooltipContent, Rn as MessageReactionTooltipNames, Ro as KbdGroup, Rr as MessageItemSearchMatchProps, Rs as DialogFooterProps, Rt as MessageMultiSelect, S as InboxItemMetadataProps, Si as PreviewCardHeader, Sn as MessageReactionPickerContent, So as DropdownMenuRadioGroupProps, Sr as MessageItemSenderProps, St as MessageQuotedPreviewLoadingProps, T as InboxItemSelectionProps, Ta as PopoverCloseProps, Tn as MessageReactionPickerStaticProps, To as DropdownMenuRadioItemIndicatorProps, Tr as MessageItemAttachments, Tt as MessageQuotedPreviewTextProps, Ua as PopoverViewport, Ui as TooltipProvider, Un as MessageItemBadgeProps, Uo as CheckboxIndicator, Ur as MessageItemGutter, Us as DialogOverlay, Ut as MessageMultiSelectToolbarActions, Va as PopoverTrigger, Vi as TooltipPortalProps, Vn as MessageReactionTooltipSeparatorProps, Vo as Badge, Vr as MessageItemContinuationTime, Vs as DialogNav, Vt as MessageMultiSelectProps, Wa as PopoverViewportProps, Wi as TooltipProviderProps, Wn as MessageItemBadgeSeparator, Wo as CheckboxIndicatorProps, Wr as MessageItemGutterProps, Ws as DialogOverlayProps, Wt as MessageMultiSelectToolbarActionsProps, X as MessageListHistoryLimited, Xa as MobileNavRootProps, Xn as MessageItemSavedIndicatorProps, Xo as ListRowBodyProps, Xr as AvatarBadgeProps, Xs as DialogSurface, Xt as MessageReferenceIndicator, Y as MessageListEndFadeProps, Ya as MobileNavRoot, Yn as MessageItemSavedIndicator, Yo as ListRowBody, Yr as AvatarBadgeOffset, Z as MessageListHistoryLimitedProps, Za as DropdownMenu, Zn as MessageItemToolbar, Zo as ListRowBottom, Zr as AvatarFallback, Zs as DialogSurfaceProps, Zt as MessageReferenceIndicatorProps, _ as InboxItemMarks, _i as PreviewCardDescriptionProps, _n as MessageReactionCountProps, _o as DropdownMenuPopupProps, _r as MessageItemSenderBadgesProps, _s as TextLink, _t as MessageQuotedPreviewContent, a as InboxItemBodyProps, ac as ButtonProps, ai as AvatarProps, an as MessageReferenceSuffixProps, ao as DropdownMenuFooterProps, as as ListRowIcon, at as MessageQuotedPreviewAttachments, b as InboxItemMessageProps, ba as PopoverBackdrop, bn as MessageReactionGlyph, bo as DropdownMenuProps, br as MessageItemSenderGroup, bs as TextLinkProps, bt as MessageQuotedPreviewHeaderProps, c as InboxItemContext, cc as buttonVariants, cn as MessageReferenceUnavailable, co as DropdownMenuItemCountProps, cs as ListRowMetaProps, d as InboxItemHeading, dc as StyledProps, di as PreviewCardArrowProps, dn as MessageReferenceTextVariant, do as DropdownMenuItemProps, dr as MessageItemInlineStatus, ds as ListRowTitleProps, dt as MessageQuotedPreviewAuthorMetaProps, ec as DialogTrigger, ei as AvatarGroupCount, en as MessageReferencePending, eo as DropdownMenuCheckboxItemIndicatorProps, er as MessageItemToolbarProps, es as ListRowChevronProps, et as MessageList, f as InboxItemHeadingProps, fn as MessageReactionAddButton, fo as DropdownMenuLabel, fr as MessageItemInlineStatusProps, fs as ListRowTop, ft as MessageQuotedPreviewAuthorName, g as InboxItemLeadingProps, gi as PreviewCardDescription, gn as MessageReactionCount, go as DropdownMenuPopup, gr as MessageItemSenderBadges, gs as RowTone, gt as MessageQuotedPreviewChannelProps, h as InboxItemLeading, ha as Popover, hi as PreviewCardContentProps, hn as MessageReactionChipProps, hr as MessageItemSender, hs as ListRowValueProps, ht as MessageQuotedPreviewChannel, i as InboxItemBody, ic as Button, ii as AvatarImageProps, in as MessageReferenceSuffix, io as DropdownMenuFooter, is as ListRowGroupProps, it as MessageQuotedPreviewAttachmentProps, j as InboxItemTimestampProps, ja as PopoverHeaderProps, ji as PreviewCardSeparator, jn as MessageReactionTooltipContentProps, jo as DropdownMenuSubmenu, jr as MessageItemEdited, js as DialogContent, jt as MessageQuotedPreviewUnavailableProps, k as InboxItemSubtitleProps, ka as PopoverDescriptionProps, ki as PreviewCardPortalProps, kn as MessageReactionQuickRowProps, ko as DropdownMenuShortcut, kr as MessageItemContent, ks as DialogClose, kt as MessageQuotedPreviewTimestampProps, l as InboxItemContextProps, lc as VariantProps, ln as MessageReferenceUnavailableProps, lo as DropdownMenuItemLabel, lr as MessageItemHeader, ls as ListRowProps, m as InboxItemHoverTargetProps, mi as PreviewCardContent, mn as MessageReactionChip, mr as MessageItemMetaProps, ms as ListRowValue, mt as MessageQuotedPreviewAuthorProps, n as InboxItemActions, nc as PanelAction, ni as AvatarGroupProps, nn as MessageReferenceReadMark, no as DropdownMenuContent, ns as ListRowDescriptionProps, nt as MessageQuotedPreview, o as InboxItemContent, oc as ButtonSize, oi as AvatarSize, on as MessageReferenceText, oo as DropdownMenuItem, os as ListRowIconProps, ot as MessageQuotedPreviewAttachmentsProps, p as InboxItemHoverTarget, pn as MessageReactionAddButtonProps, po as DropdownMenuLabelProps, pr as MessageItemMeta, ps as ListRowTopProps, pt as MessageQuotedPreviewAuthorNameProps, q as MessageListDateDividerProps, qa as MobileNavLabel, qn as MessageItemReadReceipt, qo as Presence, qr as Avatar, qs as DialogProps, qt as MessageReferenceChipProps, r as InboxItemActionsProps, rc as PanelActionProps, ri as AvatarImage, rn as MessageReferenceReadMarkProps, ro as DropdownMenuContentProps, rs as ListRowGroup, rt as MessageQuotedPreviewAttachment, s as InboxItemContentProps, sc as DeprecatedButtonSize, si as PreviewCard, sn as MessageReferenceTextProps, so as DropdownMenuItemCount, ss as ListRowMeta, st as MessageQuotedPreviewAuthor, t as InboxItem, tc as DialogTriggerProps, ti as AvatarGroupCountProps, tn as MessageReferencePendingProps, to as DropdownMenuCheckboxItemProps, ts as ListRowDescription, tt as MessageListProps, u as InboxItemDensity, uc as DataAttributes$1, ui as PreviewCardArrow, un as MessageReferenceChipVariant, uo as DropdownMenuItemLabelProps, ur as MessageItemHeaderProps, us as ListRowTitle, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemMarksProps, va as PopoverArrow, vn as MessageReactionErrorIndicator, vo as DropdownMenuPortal, vr as MessageItemSenderButton, vs as TextLinkExternalIcon, vt as MessageQuotedPreviewContentProps, w as InboxItemSelection, wa as PopoverClose, wn as MessageReactionPickerStatic, wo as DropdownMenuRadioItemIndicator, wr as MessageItemTimeProps, wt as MessageQuotedPreviewText, x as InboxItemMetadata, xa as PopoverBackdropProps, xn as MessageReactionGlyphProps, xo as DropdownMenuRadioGroup, xr as MessageItemSenderGroupProps, xs as textLinkVariants, xt as MessageQuotedPreviewLoading, y as InboxItemMessage, ya as PopoverArrowProps, yn as MessageReactionErrorIndicatorProps, yo as DropdownMenuPortalProps, yr as MessageItemSenderButtonProps, ys as TextLinkExternalIconProps, yt as MessageQuotedPreviewHeader, za as PopoverTitle, zi as TooltipContentProps, zn as MessageReactionTooltipNamesProps, zo as KbdGroupProps, zr as MessageItemAvatarSlot, zs as DialogHeader, zt as MessageMultiSelectCheckbox } from "./inbox-item-BAeuj5Cl.mjs";
2
2
  import { cn } from "./cn.mjs";
3
3
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
4
4
  import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, CompositionEventHandler, ElementType, FocusEventHandler, FormEventHandler, HTMLAttributes, KeyboardEventHandler, PointerEvent, ReactElement, ReactNode, Ref, RefObject, SVGProps } from "react";
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 Status, 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-DnWDmw6X.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 Status, 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-CSKfHQmn.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";
@@ -1617,7 +1617,7 @@ const sidebarItemRecipe = tv({
1617
1617
  "max-md:h-auto max-md:min-h-11 max-md:py-[8.5px]",
1618
1618
  "font-sans text-subhead font-medium text-foreground",
1619
1619
  "max-md:text-body max-md:font-semibold",
1620
- "data-active:border-brand-edge data-active:bg-brand data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
1620
+ "data-active:border-sticker-ink data-active:bg-selected data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
1621
1621
  "not-data-active:data-[tone=muted]:text-foreground-muted not-data-active:data-[tone=away]:text-foreground-hint",
1622
1622
  "outline-none"
1623
1623
  ],
@@ -1651,7 +1651,7 @@ const sidebarItemRecipe = tv({
1651
1651
  "[&:has(svg)]:px-0",
1652
1652
  "[&_svg]:shrink-0 [&_svg]:translate-y-0",
1653
1653
  "size-5 min-w-5 rounded-sticker border-0 p-0",
1654
- "bg-brand text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge",
1654
+ "bg-you text-sticker-ink inset-ring-[1.5px] inset-ring-sticker-ink ring-[1.5px] ring-sticker-edge",
1655
1655
  "[&_svg]:size-[13px] [&_svg]:stroke-2"
1656
1656
  ],
1657
1657
  sidebarItemMetaIcon: [
@@ -4004,7 +4004,7 @@ const switchRecipe = tv({ slots: {
4004
4004
  "focus-visible:ring-line-strong focus-visible:ring-offset-layer-sidebar",
4005
4005
  "h-[30px] w-[50px] rounded-full border-[1.5px] border-line-strong bg-fill-muted p-[2.5px]",
4006
4006
  "duration-150",
4007
- "data-checked:border-sticker-ink data-checked:bg-brand data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
4007
+ "data-checked:border-sticker-ink data-checked:bg-selected data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
4008
4008
  "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:shadow-focus",
4009
4009
  "data-disabled:border-foreground-disabled data-disabled:bg-fill-muted",
4010
4010
  "data-checked:data-disabled:border-foreground-disabled data-checked:data-disabled:bg-fill-muted"
@@ -4112,8 +4112,8 @@ const segmentedControl = tv({
4112
4112
  "font-sans text-callout font-semibold text-foreground-muted",
4113
4113
  "[&_svg:not([class*='size-'])]:size-4",
4114
4114
  "hover:bg-fill-medium active:bg-fill-medium",
4115
- "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",
4116
- "data-checked:hover:bg-brand data-checked:active:bg-brand data-checked:active:overlay-sticker-medium",
4115
+ "data-checked:border-sticker-ink data-checked:bg-selected data-checked:font-bold data-checked:text-sticker-ink data-checked:ring-[1.5px] data-checked:ring-sticker-edge",
4116
+ "data-checked:hover:bg-selected data-checked:active:bg-selected data-checked:active:overlay-sticker-medium",
4117
4117
  "focus-visible:shadow-focus",
4118
4118
  "data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
4119
4119
  ],
@@ -4408,8 +4408,8 @@ const toggleGroup = tv({ slots: {
4408
4408
  "font-sans text-callout font-semibold text-foreground-muted",
4409
4409
  "[&_svg:not([class*='size-'])]:size-4",
4410
4410
  "hover:bg-fill-medium active:bg-fill-medium",
4411
- "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",
4412
- "data-pressed:hover:bg-brand data-pressed:active:bg-brand data-pressed:active:overlay-sticker-medium",
4411
+ "data-pressed:border-sticker-ink data-pressed:bg-selected data-pressed:font-bold data-pressed:text-sticker-ink data-pressed:ring-[1.5px] data-pressed:ring-sticker-edge",
4412
+ "data-pressed:hover:bg-selected data-pressed:active:bg-selected data-pressed:active:overlay-sticker-medium",
4413
4413
  "focus-visible:shadow-focus",
4414
4414
  "data-disabled:opacity-100 data-disabled:text-foreground-disabled data-disabled:hover:bg-transparent"
4415
4415
  ],
@@ -5537,6 +5537,7 @@ const STATUS_TONES = {
5537
5537
  default: "neutral",
5538
5538
  muted: "neutral",
5539
5539
  primary: "primary",
5540
+ you: "primary",
5540
5541
  information: "information",
5541
5542
  accent: "accent",
5542
5543
  success: "success",
@@ -6908,7 +6909,7 @@ function IconTile({ variant, size, className, render, ...props }) {
6908
6909
  //#region src/components/text/text.tsx
6909
6910
  const textColorVariants = {
6910
6911
  default: ["text-foreground"],
6911
- primary: ["text-brand-700"],
6912
+ primary: ["text-brand-strong"],
6912
6913
  information: ["text-info-strong"],
6913
6914
  muted: ["text-foreground-muted"],
6914
6915
  placeholder: ["text-foreground-hint"],
@@ -10372,7 +10373,7 @@ const tabs = tv({
10372
10373
  "h-8 justify-center gap-1.5 rounded-control border-[1.5px] border-transparent px-3",
10373
10374
  "after:inset-x-0 after:-inset-y-1.5",
10374
10375
  "hover:bg-fill-medium active:bg-fill-medium",
10375
- "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",
10376
+ "data-active:border-sticker-ink data-active:bg-selected data-active:font-bold data-active:text-sticker-ink data-active:ring-[1.5px] data-active:ring-sticker-edge",
10376
10377
  "data-active:active:overlay-sticker-medium",
10377
10378
  "data-disabled:bg-transparent"
10378
10379
  ]
package/dist/style.css CHANGED
@@ -530,7 +530,7 @@
530
530
  --r-steps-duration: .16s;
531
531
  --r-steps-easing: ease-out;
532
532
  --r-steps-indicator-color-wait: var(--layer-card);
533
- --r-steps-indicator-color-process: var(--brand-400);
533
+ --r-steps-indicator-color-process: var(--selected);
534
534
  --r-steps-indicator-color-finish: var(--foreground);
535
535
  --r-steps-indicator-color-error: var(--warning);
536
536
  --r-steps-indicator-border-color-wait: var(--line-seam);
package/dist/styles.css CHANGED
@@ -229,6 +229,8 @@
229
229
  --color-selection: var(--selection);
230
230
  --color-brand-hover: var(--brand-hover);
231
231
  --color-brand-active: var(--brand-active);
232
+ --color-you: var(--you);
233
+ --color-selected: var(--selected);
232
234
 
233
235
  --color-attention: var(--attention-400);
234
236
  --color-attention-50: var(--attention-50);
@@ -564,7 +566,9 @@ textarea:-webkit-autofill:disabled {
564
566
  discussion gets the full yellow with ink type, like a search hit, in both
565
567
  modes. `--brand-400` is the `brand` role (what `bg-brand` paints):
566
568
  `--color-brand` is an inline theme value and emits no variable. In dark
567
- mode the wash is `--selection` (brand at 22%), kept in one place. */
569
+ mode the wash is `--selection` (brand at 22%), kept in one place. The wash
570
+ is environment and follows the theme; the open passage is addressed to you,
571
+ so it takes `--you` and stays yellow in every theme (themes.md). */
568
572
  ::highlight(raft-comment) {
569
573
  background-color: light-dark(
570
574
  color-mix(in oklch, var(--brand-400) 35%, transparent),
@@ -576,7 +580,7 @@ textarea:-webkit-autofill:disabled {
576
580
  }
577
581
 
578
582
  ::highlight(raft-comment-active) {
579
- background-color: var(--brand-400);
583
+ background-color: var(--you);
580
584
  color: var(--sticker-ink);
581
585
  text-decoration-line: none;
582
586
  }
package/dist/tokens.json CHANGED
@@ -1899,6 +1899,22 @@
1899
1899
  "$value": "{brand.hover}"
1900
1900
  }
1901
1901
  },
1902
+ "you": {
1903
+ "$type": "color",
1904
+ "$value": {
1905
+ "colorSpace": "oklch",
1906
+ "components": [0.8829, 0.1623, 91.9]
1907
+ },
1908
+ "$description": "Raft yellow for what is addressed to you: a mention of you, the sidebar's @ marker, a search hit, the passage of the comment you opened. Its own value, not brand, so a theme that grays the brand (Boring Gray) keeps it yellow."
1909
+ },
1910
+ "selected": {
1911
+ "$type": "color",
1912
+ "$value": {
1913
+ "colorSpace": "oklch",
1914
+ "components": [0.8829, 0.1623, 91.9]
1915
+ },
1916
+ "$description": "Raft yellow for the selected sticker: where you are (the active sidebar row, a segment, a tab, the tab bar's item, the current step) and what is on (a switch, a toggle, a pressed panel action). Its own value, not brand, so a theme that grays the brand (Boring Gray) keeps it yellow."
1917
+ },
1902
1918
  "attention": {
1903
1919
  "$type": "color",
1904
1920
  "50": {
package/dist/wip.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- import { $i as MobileNavServerPopoverDestinationProps, $s as DialogTitleProps, B as MessageListJumpPill, C as InboxItemProps, Ca as PopoverBodyProps, Cs as DialogCommitProps, Es as Dialog, G as MessageListJumpPillProps, H as MessageListJumpPillDismissProps, Is as DialogFooterNote, Ji as MobileNavServerItemProps, Js as DialogSheetBack, Jt as MessageReferenceIcon, Ls as DialogFooterNoteProps, Ms as DialogContentProps, Qi as MobileNavServerPopoverDestination, R as MessageListJumpControls, Sa as PopoverBody, Ss as DialogCommit, Ti as PreviewCardMetaProps, Ts as DialogSheetContentProps, U as MessageListJumpPillGroup, V as MessageListJumpPillDismiss, W as MessageListJumpPillGroupProps, Xi as MobileNavServerPopoverContent, Yi as MobileNavServerPopover, Ys as DialogSheetBackProps, Yt as MessageReferenceIconProps, Zi as MobileNavServerPopoverContentProps, _a as PopoverActionsProps, aa as MobileNavServerPopoverListProps, ac as ButtonProps, ar as MessageItemDelegatedByButtonProps, bi as PreviewCardFooter, bs as TextLinkProps, ca as MobileNavServerPopoverRowBody, ci as PreviewCardActions, cr as MessageItemDelegatedByProps, ct as MessageQuotedPreviewAuthorDelegatedBy, da as MobileNavServerPopoverRowDescriptionProps, dc as StyledProps, ea as MobileNavServerPopoverDestinations, ec as DialogTrigger, fa as MobileNavServerPopoverRowLabel, fi as PreviewCardBody, ga as PopoverActions, ho as DropdownMenuLinkItemProps, ia as MobileNavServerPopoverList, ir as MessageItemDelegatedByButton, ks as DialogClose, la as MobileNavServerPopoverRowBodyProps, lc as VariantProps, li as PreviewCardActionsProps, ls as ListRowProps, lt as MessageQuotedPreviewAuthorDelegatedByProps, ma as MobileNavServerPopoverRowProps, mo as DropdownMenuLinkItem, na as MobileNavServerPopoverGroup, nn as MessageReferenceReadMark, nr as MessageItemDelegatedAvatarProps, oa as MobileNavServerPopoverProps, or as MessageItemDelegatedByName, pa as MobileNavServerPopoverRowLabelProps, pi as PreviewCardBodyProps, qi as MobileNavServerItem, ra as MobileNavServerPopoverGroupProps, rn as MessageReferenceReadMarkProps, rr as MessageItemDelegatedBy, sa as MobileNavServerPopoverRow, sr as MessageItemDelegatedByNameProps, ta as MobileNavServerPopoverDestinationsProps, tr as MessageItemDelegatedAvatar, u as InboxItemDensity, ua as MobileNavServerPopoverRowDescription, uc as DataAttributes, vi as PreviewCardEyebrow, wi as PreviewCardMeta, ws as DialogSheetContent, xi as PreviewCardFooterProps, yi as PreviewCardEyebrowProps, z as MessageListJumpControlsProps } from "./inbox-item-CXvn7hxs.mjs";
1
+ import { $i as MobileNavServerPopoverDestinationProps, $s as DialogTitleProps, B as MessageListJumpPill, C as InboxItemProps, Ca as PopoverBodyProps, Cs as DialogCommitProps, Es as Dialog, G as MessageListJumpPillProps, H as MessageListJumpPillDismissProps, Is as DialogFooterNote, Ji as MobileNavServerItemProps, Js as DialogSheetBack, Jt as MessageReferenceIcon, Ls as DialogFooterNoteProps, Ms as DialogContentProps, Qi as MobileNavServerPopoverDestination, R as MessageListJumpControls, Sa as PopoverBody, Ss as DialogCommit, Ti as PreviewCardMetaProps, Ts as DialogSheetContentProps, U as MessageListJumpPillGroup, V as MessageListJumpPillDismiss, W as MessageListJumpPillGroupProps, Xi as MobileNavServerPopoverContent, Yi as MobileNavServerPopover, Ys as DialogSheetBackProps, Yt as MessageReferenceIconProps, Zi as MobileNavServerPopoverContentProps, _a as PopoverActionsProps, aa as MobileNavServerPopoverListProps, ac as ButtonProps, ar as MessageItemDelegatedByButtonProps, bi as PreviewCardFooter, bs as TextLinkProps, ca as MobileNavServerPopoverRowBody, ci as PreviewCardActions, cr as MessageItemDelegatedByProps, ct as MessageQuotedPreviewAuthorDelegatedBy, da as MobileNavServerPopoverRowDescriptionProps, dc as StyledProps, ea as MobileNavServerPopoverDestinations, ec as DialogTrigger, fa as MobileNavServerPopoverRowLabel, fi as PreviewCardBody, ga as PopoverActions, ho as DropdownMenuLinkItemProps, ia as MobileNavServerPopoverList, ir as MessageItemDelegatedByButton, ks as DialogClose, la as MobileNavServerPopoverRowBodyProps, lc as VariantProps, li as PreviewCardActionsProps, ls as ListRowProps, lt as MessageQuotedPreviewAuthorDelegatedByProps, ma as MobileNavServerPopoverRowProps, mo as DropdownMenuLinkItem, na as MobileNavServerPopoverGroup, nn as MessageReferenceReadMark, nr as MessageItemDelegatedAvatarProps, oa as MobileNavServerPopoverProps, or as MessageItemDelegatedByName, pa as MobileNavServerPopoverRowLabelProps, pi as PreviewCardBodyProps, qi as MobileNavServerItem, ra as MobileNavServerPopoverGroupProps, rn as MessageReferenceReadMarkProps, rr as MessageItemDelegatedBy, sa as MobileNavServerPopoverRow, sr as MessageItemDelegatedByNameProps, ta as MobileNavServerPopoverDestinationsProps, tr as MessageItemDelegatedAvatar, u as InboxItemDensity, ua as MobileNavServerPopoverRowDescription, uc as DataAttributes, vi as PreviewCardEyebrow, wi as PreviewCardMeta, ws as DialogSheetContent, xi as PreviewCardFooterProps, yi as PreviewCardEyebrowProps, z as MessageListJumpControlsProps } from "./inbox-item-BAeuj5Cl.mjs";
2
2
  import { CSSProperties, ComponentProps, ComponentPropsWithRef, PointerEvent, ReactNode, RefObject } from "react";
3
3
  import { Button } from "@base-ui/react/button";
4
4
  import { useRender } from "@base-ui/react/use-render";
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-DnWDmw6X.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-CSKfHQmn.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.32.2",
3
+ "version": "0.33.0",
4
4
  "description": "React components and CSS foundations for the Raft Design System.",
5
5
  "keywords": [
6
6
  "agent-skills",