@botiverse/raft-ui 0.43.0 → 0.45.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,21 @@
1
+ ## [0.45.0](https://github.com/botiverse/raft-design/compare/v0.44.0...v0.45.0) (2026-10-28)
2
+
3
+ ### Added
4
+
5
+ - **ModeBar** (experimental, from `@botiverse/raft-ui/wip`): the dark strip under a panel header while the panel is in a mode the person turned on, such as commenting in batch: a title and a description in a status region, and one text action (Done). It mirrors in right-to-left. ([#867](https://github.com/botiverse/raft-design/pull/867))
6
+ - Docs: https://raft-design.botiverse.build/components/mode-bar/
7
+
8
+ ## [0.44.0](https://github.com/botiverse/raft-design/compare/v0.43.0...v0.44.0) (2026-10-28)
9
+
10
+ ### Design System
11
+
12
+ - **Foldable phones:** on the outer screen, a top-level page's name is a 56px header line on paper with a seam under it, and the system column keeps a top-level page's actions just above the tab bar, stacked bottom-up; a pushed page keeps Back at the top. ([#862](https://github.com/botiverse/raft-design/pull/862), [#864](https://github.com/botiverse/raft-design/pull/864))
13
+ - Docs: https://raft-design.botiverse.build/patterns/page-structure/#foldable-phones
14
+
15
+ ### Fixed
16
+
17
+ - **Tap activation:** a control focused by a tap (MobileNavItem and every control using tap activation) no longer shows the keyboard focus ring; keyboard focus is unchanged. ([#865](https://github.com/botiverse/raft-design/pull/865))
18
+
1
19
  ## [0.43.0](https://github.com/botiverse/raft-design/compare/v0.42.0...v0.43.0) (2026-10-28)
2
20
 
3
21
  ### Design System
@@ -747,7 +747,10 @@ function attachTapActivation(element) {
747
747
  clicking = false;
748
748
  }
749
749
  const focusedAfter = element.ownerDocument.activeElement;
750
- if (focusedAfter === focusedBefore && !isTextEntry(focusedAfter)) element.focus({ preventScroll: true });
750
+ if (focusedAfter === focusedBefore && !isTextEntry(focusedAfter)) element.focus({
751
+ preventScroll: true,
752
+ focusVisible: false
753
+ });
751
754
  };
752
755
  const endEchoWindow = () => {
753
756
  swallowClickUntil = -Infinity;
@@ -6969,6 +6972,15 @@ function Skeleton({ variant = "block", className, ...props }) {
6969
6972
  });
6970
6973
  }
6971
6974
  //#endregion
6975
+ //#region src/lib/hud-text-action.ts
6976
+ const hudTextAction = [
6977
+ "font-sans text-callout font-bold text-foreground-on-hud",
6978
+ "decoration-[1.5px] underline-offset-[3px] not-disabled:not-aria-disabled:hover:underline",
6979
+ "after:absolute after:-inset-x-2 after:-inset-y-3 after:rounded-control after:content-['']",
6980
+ "active:after:bg-foreground-on-hud/15",
6981
+ "outline-1 outline-offset-2 outline-transparent focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-foreground-on-hud"
6982
+ ];
6983
+ //#endregion
6972
6984
  //#region src/components/virtual-list/hooks/use-latest-ref.ts
6973
6985
  /** A ref whose `current` is the value of the latest render. */
6974
6986
  function useLatestRef(value) {
@@ -7386,4 +7398,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
7386
7398
  });
7387
7399
  }
7388
7400
  //#endregion
7389
- export { MessageListDateDivider as $, Dialog$1 as $i, PreviewCardArrow as $n, DropdownMenuItem as $r, MessageReactionTooltipNameText as $t, DRAG_AUTO_SCROLL_ZONE_PX as A, useTheme as Aa, CheckboxIndicator as Ai, MessageItem as An, PopoverDescription as Ar, MessageMultiSelectToolbarActions as At, useDragSiblingTransition as B, ListRowTitle as Bi, RadioGroupIndicator as Bn, TOUCH_DRAG_DISTANCE_PX as Br, inlineChip as Bt, DropPlaceholder as C, buttonVariants as Ca, ScrollArea$1 as Ci, MessageItemEdited as Cn, Popover$1 as Cr, messageEmbed as Ct, listKeyboardCoordinates as D, useParentOverlayKind as Da, ScrollAreaThumb as Di, MessageItemAvatarSlot as Dn, PopoverBody as Dr, MessageMultiSelect as Dt, MOUSE_DRAG_DISTANCE_PX as E, OverlayLayerProvider as Ea, ScrollAreaScrollbar as Ei, MessageItemSearchMatch as En, PopoverBackdrop as Er, MessageTextSelectionToolbarSeparator as Et, DROP_GLIDE as F, controlIconInset as Fa, ListRowChevron as Fi, AvatarGroup as Fn, PopoverTitle as Fr, MessageReferencePending as Ft, SILENT_DRAG_ANNOUNCEMENTS as G, TooltipPortal as Gi, InputGroupInput as Gn, MobileNavItem as Gr, MessageReactionGlyph as Gt, LIFT_CLASS as H, ListRowValue as Hi, chipRemoveBase as Hn, TOUCH_DRAG_TOLERANCE_PX as Hr, MessageReactionChip as Ht, DragLift as I, headEdgePull as Ia, ListRowDescription as Ii, AvatarGroupButton as In, PopoverTrigger as Ir, MessageReferenceReadMark as It, dragMessages as J, usePopupCollisionPadding as Ji, measureElement as Jn, DropdownMenu as Jr, MessageReactionQuickButton as Jt, createDragAnnouncements as K, TooltipProvider as Ki, useOverflowTitle as Kn, MobileNavLabel as Kr, MessageReactionPickerContent as Kt, ORIGIN_OPACITY as L, headEdges as La, ListRowGroup as Li, AvatarGroupCount as Ln, PopoverViewport as Lr, MessageReferenceSuffix as Lt, DRAG_LIFT_Z_INDEX as M, tv$1 as Ma, ListRow as Mi, Avatar$1 as Mn, PopoverPopup as Mr, MessageReferenceIcon as Mt, DRAG_SETTLE as N, stackedActions as Na, ListRowBody as Ni, AvatarBadge as Nn, PopoverPortal as Nr, MessageReferenceIndicator as Nt, useDragAcrossLists as O, withOverlayLayer as Oa, ScrollAreaViewport as Oi, MessageItemContinuationTime as On, PopoverClose as Or, MessageMultiSelectCheckbox as Ot, DRAG_SIBLING_TRANSITION as P, useStackedActions as Pa, ListRowBottom as Pi, AvatarFallback as Pn, PopoverSeparator as Pr, MessageReferenceLabel as Pt, MessageListJumpPillGroup as Q, useMobileViewport as Qi, PreviewCardActions as Qn, DropdownMenuFooter as Qr, MessageReactionTooltipName as Qt, cancelDrag as R, decisionWidth as Ra, ListRowIcon as Ri, AvatarImage as Rn, HoldThenMoveTouchSensor as Rr, MessageReferenceText as Rt, DragRefusalHint as S, Button$1 as Sa, PanelSection as Si, MessageItemContent as Sn, MobileNavServerPopoverRowLabel as Sr, MessageEmbedHeader as St, DragRemeasure as T, defaultNativeButton as Ta, ScrollAreaCorner as Ti, MessageItemFooter as Tn, PopoverArrow as Tr, MessageTextSelectionToolbarButton as Tt, drag as U, Tooltip$1 as Ui, InputGroup as Un, useHoldThenMoveTouchSensor as Ur, MessageReactionCount as Ut, useLiftContainer as V, ListRowTop as Vi, RadioGroupItem as Vn, TOUCH_DRAG_HOLD_MS as Vr, MessageReactionAddButton as Vt, DEFAULT_DRAG_MESSAGES as W, TooltipContent as Wi, InputGroupAddon as Wn, useMouseOnlyPointerSensor as Wr, MessageReactionErrorIndicator as Wt, MessageListJumpPill as X, DialogCommit as Xi, readNow as Xn, DropdownMenuCheckboxItemIndicator as Xr, MessageReactionTooltipContent as Xt, MessageListJumpControls as Y, Badge as Yi, observeTruncation as Yn, DropdownMenuCheckboxItem as Yr, MessageReactionQuickRow as Yt, MessageListJumpPillDismiss as Z, DialogSheetContent as Zi, PreviewCard$1 as Zn, DropdownMenuContent as Zr, MessageReactionTooltipMeta as Zt, InboxItemTrailing as _, useTapActivation as _a, PanelBody as _i, MessageItemSenderButton as _n, MobileNavServerPopoverGroup as _r, MessageQuotedPreviewTimestamp as _t, InboxItemContext as a, DialogFooterNote as aa, DropdownMenuPortal as ai, MessageItemSavedIndicator as an, PreviewCardHeader as ar, MessageQuotedPreviewAttachment as at, useLatestRef as b, textLinkVariants as ba, PanelScrollContent as bi, MessageItemAttachments as bn, MobileNavServerPopoverRowBody as br, MessageEmbedContent as bt, InboxItemLeading as c, DialogOverlay as ca, DropdownMenuRadioItemIndicator as ci, MessageItemDelegatedAvatar as cn, PreviewCardPortal as cr, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemMetadata as d, DialogSurface as da, DropdownMenuSubmenu as di, MessageItemDelegatedByName as dn, PreviewCardTrigger as dr, MessageQuotedPreviewChannel as dt, DialogBody as ea, DropdownMenuItemCount as ei, MessageReactionTooltipNames as en, PreviewCardBody as er, MessageListEndFade as et, InboxItemSelection as f, DialogTitle as fa, DropdownMenuSubmenuTrigger as fi, MessageItemHeader as fn, MobileNavServerItem as fr, MessageQuotedPreviewContent as ft, InboxItemTitle as g, useMergedRef as ga, Panel as gi, MessageItemSenderBadges as gn, MobileNavServerPopoverDestinations as gr, MessageQuotedPreviewThread as gt, InboxItemTimestamp as h, panelToggleAction as ha, KbdGroup as hi, MessageItemSender as hn, MobileNavServerPopoverDestination as hr, MessageQuotedPreviewText as ht, InboxItemContent as i, DialogFooter as ia, DropdownMenuPopup as ii, MessageItemReadReceipt as in, PreviewCardFooter as ir, MessageQuotedPreview as it, DRAG_KEYBOARD_OFFSET_PX as j, ThemeStateContext as ja, PRESENCE_COLOR as ji, searchHit as jn, PopoverHeader as jr, MessageReferenceChip as jt, useDragSensors as k, useThemeScopeProps as ka, Checkbox$1 as ki, MessageItemGutter as kn, PopoverContent as kr, MessageMultiSelectToolbar as kt, InboxItemMarks as l, DialogPortal as la, DropdownMenuSeparator as li, MessageItemDelegatedBy as ln, PreviewCardSeparator as lr, MessageQuotedPreviewAuthorMeta as lt, InboxItemSubtitle as m, PanelAction as ma, Kbd as mi, MessageItemMeta as mn, MobileNavServerPopoverContent as mr, MessageQuotedPreviewLoading as mt, InboxItemActions as n, DialogContent as na, DropdownMenuLabel as ni, MessageItemBadge as nn, PreviewCardDescription as nr, MessageListNotice as nt, InboxItemHeading as o, DialogHeader as oa, DropdownMenuRadioGroup as oi, MessageItemToolbar as on, PreviewCardMeta as or, MessageQuotedPreviewAttachments as ot, InboxItemSender as p, DialogTrigger as pa, DropdownMenuTrigger as pi, MessageItemInlineStatus as pn, MobileNavServerPopover as pr, MessageQuotedPreviewHeader as pt, dragInstructions as q, TooltipTrigger as qi, measureContent as qn, MobileNavRoot as qr, MessageReactionPickerStatic as qt, InboxItemBody as r, DialogDescription as ra, DropdownMenuLinkItem as ri, MessageItemBadgeSeparator as rn, PreviewCardEyebrow as rr, MessageList as rt, InboxItemHoverTarget as s, DialogNav as sa, DropdownMenuRadioItem as si, MessageItemToolbarButton as sn, PreviewCardPopup as sr, MessageQuotedPreviewAuthor as st, InboxItem as t, DialogClose as ta, DropdownMenuItemLabel as ti, MessageReactionTooltipSeparator as tn, PreviewCardContent as tr, MessageListHistoryLimited as tt, InboxItemMessage as u, DialogSheetBack as ua, DropdownMenuShortcut as ui, MessageItemDelegatedByButton as un, PreviewCardTitle as ur, MessageQuotedPreviewAuthorName as ut, InboxItemTrigger as v, TextLink as va, PanelFooter as vi, MessageItemSenderGroup as vn, MobileNavServerPopoverList as vr, MessageQuotedPreviewUnavailable as vt, DRAG_KEYBOARD_CODES as w, Spinner as wa, ScrollAreaContent as wi, MessageItemEmbedded as wn, PopoverActions as wr, MessageTextSelectionToolbar as wt, Skeleton as x, DialogSheetReset as xa, PanelScrollViewport as xi, MessageItemBody as xn, MobileNavServerPopoverRowDescription as xr, MessageEmbedFooter as xt, inboxItem as y, TextLinkExternalIcon as ya, PanelHeaderRoot as yi, MessageItemTime as yn, MobileNavServerPopoverRow as yr, MessageEmbed as yt, keepGrabInside as z, ListRowMeta as zi, RadioGroup$1 as zn, MouseOnlyPointerSensor as zr, MessageReferenceUnavailable as zt };
7401
+ export { MessageListJumpPillGroup as $, useMobileViewport as $i, PreviewCardActions as $n, DropdownMenuFooter as $r, MessageReactionTooltipName as $t, useDragSensors as A, useThemeScopeProps as Aa, Checkbox$1 as Ai, MessageItemGutter as An, PopoverContent as Ar, MessageMultiSelectToolbar as At, keepGrabInside as B, ListRowMeta as Bi, RadioGroup$1 as Bn, MouseOnlyPointerSensor as Br, MessageReferenceUnavailable as Bt, DragRefusalHint as C, Button$1 as Ca, PanelSection as Ci, MessageItemContent as Cn, MobileNavServerPopoverRowLabel as Cr, MessageEmbedHeader as Ct, MOUSE_DRAG_DISTANCE_PX as D, OverlayLayerProvider as Da, ScrollAreaScrollbar as Di, MessageItemSearchMatch as Dn, PopoverBackdrop as Dr, MessageTextSelectionToolbarSeparator as Dt, DragRemeasure as E, defaultNativeButton as Ea, ScrollAreaCorner as Ei, MessageItemFooter as En, PopoverArrow as Er, MessageTextSelectionToolbarButton as Et, DRAG_SIBLING_TRANSITION as F, useStackedActions as Fa, ListRowBottom as Fi, AvatarFallback as Fn, PopoverSeparator as Fr, MessageReferenceLabel as Ft, DEFAULT_DRAG_MESSAGES as G, TooltipContent as Gi, InputGroupAddon as Gn, useMouseOnlyPointerSensor as Gr, MessageReactionErrorIndicator as Gt, useLiftContainer as H, ListRowTop as Hi, RadioGroupItem as Hn, TOUCH_DRAG_HOLD_MS as Hr, MessageReactionAddButton as Ht, DROP_GLIDE as I, controlIconInset as Ia, ListRowChevron as Ii, AvatarGroup as In, PopoverTitle as Ir, MessageReferencePending as It, dragInstructions as J, TooltipTrigger as Ji, measureContent as Jn, MobileNavRoot as Jr, MessageReactionPickerStatic as Jt, SILENT_DRAG_ANNOUNCEMENTS as K, TooltipPortal as Ki, InputGroupInput as Kn, MobileNavItem as Kr, MessageReactionGlyph as Kt, DragLift as L, headEdgePull as La, ListRowDescription as Li, AvatarGroupButton as Ln, PopoverTrigger as Lr, MessageReferenceReadMark as Lt, DRAG_KEYBOARD_OFFSET_PX as M, ThemeStateContext as Ma, PRESENCE_COLOR as Mi, searchHit as Mn, PopoverHeader as Mr, MessageReferenceChip as Mt, DRAG_LIFT_Z_INDEX as N, tv$1 as Na, ListRow as Ni, Avatar$1 as Nn, PopoverPopup as Nr, MessageReferenceIcon as Nt, listKeyboardCoordinates as O, useParentOverlayKind as Oa, ScrollAreaThumb as Oi, MessageItemAvatarSlot as On, PopoverBody as Or, MessageMultiSelect as Ot, DRAG_SETTLE as P, stackedActions as Pa, ListRowBody as Pi, AvatarBadge as Pn, PopoverPortal as Pr, MessageReferenceIndicator as Pt, MessageListJumpPillDismiss as Q, DialogSheetContent as Qi, PreviewCard$1 as Qn, DropdownMenuContent as Qr, MessageReactionTooltipMeta as Qt, ORIGIN_OPACITY as R, headEdges as Ra, ListRowGroup as Ri, AvatarGroupCount as Rn, PopoverViewport as Rr, MessageReferenceSuffix as Rt, Skeleton as S, DialogSheetReset as Sa, PanelScrollViewport as Si, MessageItemBody as Sn, MobileNavServerPopoverRowDescription as Sr, MessageEmbedFooter as St, DRAG_KEYBOARD_CODES as T, Spinner as Ta, ScrollAreaContent as Ti, MessageItemEmbedded as Tn, PopoverActions as Tr, MessageTextSelectionToolbar as Tt, LIFT_CLASS as U, ListRowValue as Ui, chipRemoveBase as Un, TOUCH_DRAG_TOLERANCE_PX as Ur, MessageReactionChip as Ut, useDragSiblingTransition as V, ListRowTitle as Vi, RadioGroupIndicator as Vn, TOUCH_DRAG_DISTANCE_PX as Vr, inlineChip as Vt, drag as W, Tooltip$1 as Wi, InputGroup as Wn, useHoldThenMoveTouchSensor as Wr, MessageReactionCount as Wt, MessageListJumpControls as X, Badge as Xi, observeTruncation as Xn, DropdownMenuCheckboxItem as Xr, MessageReactionQuickRow as Xt, dragMessages as Y, usePopupCollisionPadding as Yi, measureElement as Yn, DropdownMenu as Yr, MessageReactionQuickButton as Yt, MessageListJumpPill as Z, DialogCommit as Zi, readNow as Zn, DropdownMenuCheckboxItemIndicator as Zr, MessageReactionTooltipContent as Zt, InboxItemTrailing as _, useMergedRef as _a, Panel as _i, MessageItemSenderBadges as _n, MobileNavServerPopoverDestinations as _r, MessageQuotedPreviewThread as _t, InboxItemContext as a, DialogFooter as aa, DropdownMenuPopup as ai, MessageItemReadReceipt as an, PreviewCardFooter as ar, MessageQuotedPreview as at, useLatestRef as b, TextLinkExternalIcon as ba, PanelHeaderRoot as bi, MessageItemTime as bn, MobileNavServerPopoverRow as br, MessageEmbed as bt, InboxItemLeading as c, DialogNav as ca, DropdownMenuRadioItem as ci, MessageItemToolbarButton as cn, PreviewCardPopup as cr, MessageQuotedPreviewAuthor as ct, InboxItemMetadata as d, DialogSheetBack as da, DropdownMenuShortcut as di, MessageItemDelegatedByButton as dn, PreviewCardTitle as dr, MessageQuotedPreviewAuthorName as dt, Dialog$1 as ea, DropdownMenuItem as ei, MessageReactionTooltipNameText as en, PreviewCardArrow as er, MessageListDateDivider as et, InboxItemSelection as f, DialogSurface as fa, DropdownMenuSubmenu as fi, MessageItemDelegatedByName as fn, PreviewCardTrigger as fr, MessageQuotedPreviewChannel as ft, InboxItemTitle as g, panelToggleAction as ga, KbdGroup as gi, MessageItemSender as gn, MobileNavServerPopoverDestination as gr, MessageQuotedPreviewText as gt, InboxItemTimestamp as h, PanelAction as ha, Kbd as hi, MessageItemMeta as hn, MobileNavServerPopoverContent as hr, MessageQuotedPreviewLoading as ht, InboxItemContent as i, DialogDescription as ia, DropdownMenuLinkItem as ii, MessageItemBadgeSeparator as in, PreviewCardEyebrow as ir, MessageList as it, DRAG_AUTO_SCROLL_ZONE_PX as j, useTheme as ja, CheckboxIndicator as ji, MessageItem as jn, PopoverDescription as jr, MessageMultiSelectToolbarActions as jt, useDragAcrossLists as k, withOverlayLayer as ka, ScrollAreaViewport as ki, MessageItemContinuationTime as kn, PopoverClose as kr, MessageMultiSelectCheckbox as kt, InboxItemMarks as l, DialogOverlay as la, DropdownMenuRadioItemIndicator as li, MessageItemDelegatedAvatar as ln, PreviewCardPortal as lr, MessageQuotedPreviewAuthorDelegatedBy as lt, InboxItemSubtitle as m, DialogTrigger as ma, DropdownMenuTrigger as mi, MessageItemInlineStatus as mn, MobileNavServerPopover as mr, MessageQuotedPreviewHeader as mt, InboxItemActions as n, DialogClose as na, DropdownMenuItemLabel as ni, MessageReactionTooltipSeparator as nn, PreviewCardContent as nr, MessageListHistoryLimited as nt, InboxItemHeading as o, DialogFooterNote as oa, DropdownMenuPortal as oi, MessageItemSavedIndicator as on, PreviewCardHeader as or, MessageQuotedPreviewAttachment as ot, InboxItemSender as p, DialogTitle as pa, DropdownMenuSubmenuTrigger as pi, MessageItemHeader as pn, MobileNavServerItem as pr, MessageQuotedPreviewContent as pt, createDragAnnouncements as q, TooltipProvider as qi, useOverflowTitle as qn, MobileNavLabel as qr, MessageReactionPickerContent as qt, InboxItemBody as r, DialogContent as ra, DropdownMenuLabel as ri, MessageItemBadge as rn, PreviewCardDescription as rr, MessageListNotice as rt, InboxItemHoverTarget as s, DialogHeader as sa, DropdownMenuRadioGroup as si, MessageItemToolbar as sn, PreviewCardMeta as sr, MessageQuotedPreviewAttachments as st, InboxItem as t, DialogBody as ta, DropdownMenuItemCount as ti, MessageReactionTooltipNames as tn, PreviewCardBody as tr, MessageListEndFade as tt, InboxItemMessage as u, DialogPortal as ua, DropdownMenuSeparator as ui, MessageItemDelegatedBy as un, PreviewCardSeparator as ur, MessageQuotedPreviewAuthorMeta as ut, InboxItemTrigger as v, useTapActivation as va, PanelBody as vi, MessageItemSenderButton as vn, MobileNavServerPopoverGroup as vr, MessageQuotedPreviewTimestamp as vt, DropPlaceholder as w, buttonVariants as wa, ScrollArea$1 as wi, MessageItemEdited as wn, Popover$1 as wr, messageEmbed as wt, hudTextAction as x, textLinkVariants as xa, PanelScrollContent as xi, MessageItemAttachments as xn, MobileNavServerPopoverRowBody as xr, MessageEmbedContent as xt, inboxItem as y, TextLink as ya, PanelFooter as yi, MessageItemSenderGroup as yn, MobileNavServerPopoverList as yr, MessageQuotedPreviewUnavailable as yt, cancelDrag as z, decisionWidth as za, ListRowIcon as zi, AvatarImage as zn, HoldThenMoveTouchSensor as zr, MessageReferenceText as zt };
package/dist/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { cn } from "./cn.mjs";
2
- import { $ as MessageListDateDivider, $i as Dialog, $n as PreviewCardArrow, $r as DropdownMenuItem, $t as MessageReactionTooltipNameText, Aa as useTheme, Ai as CheckboxIndicator, An as MessageItem, Ar as PopoverDescription, At as MessageMultiSelectToolbarActions, B as useDragSiblingTransition, Bi as ListRowTitle, Bn as RadioGroupIndicator, Bt as inlineChip, C as DropPlaceholder, Ca as buttonVariants, Ci as ScrollArea, Cn as MessageItemEdited, Cr as Popover, Ct as messageEmbed, Da as useParentOverlayKind, Di as ScrollAreaThumb, Dn as MessageItemAvatarSlot, Dt as MessageMultiSelect, Ei as ScrollAreaScrollbar, En as MessageItemSearchMatch, Er as PopoverBackdrop, Et as MessageTextSelectionToolbarSeparator, Fa as controlIconInset, Fi as ListRowChevron, Fn as AvatarGroup, Fr as PopoverTitle, Ft as MessageReferencePending, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipPortal, Gn as InputGroupInput, Gr as MobileNavItem, Gt as MessageReactionGlyph, Hi as ListRowValue, Hn as chipRemoveBase, Ht as MessageReactionChip, I as DragLift, Ia as headEdgePull, Ii as ListRowDescription, Ir as PopoverTrigger, It as MessageReferenceReadMark, Ji as usePopupCollisionPadding, Jr as DropdownMenu, Jt as MessageReactionQuickButton, K as createDragAnnouncements, Ki as TooltipProvider, Kn as useOverflowTitle, Kr as MobileNavLabel, Kt as MessageReactionPickerContent, La as headEdges, Li as ListRowGroup, Ln as AvatarGroupCount, Lr as PopoverViewport, Lt as MessageReferenceSuffix, Ma as tv, Mi as ListRow, Mn as Avatar, Mr as PopoverPopup, Na as stackedActions, Ni as ListRowBody, Nn as AvatarBadge, Nr as PopoverPortal, Nt as MessageReferenceIndicator, Oa as withOverlayLayer, Oi as ScrollAreaViewport, On as MessageItemContinuationTime, Or as PopoverClose, Ot as MessageMultiSelectCheckbox, Pa as useStackedActions, Pi as ListRowBottom, Pn as AvatarFallback, Pr as PopoverSeparator, Pt as MessageReferenceLabel, Qi as useMobileViewport, Qr as DropdownMenuFooter, Qt as MessageReactionTooltipName, Ra as decisionWidth, Ri as ListRowIcon, Rn as AvatarImage, Rt as MessageReferenceText, Sa as Button, Si as PanelSection, Sn as MessageItemContent, St as MessageEmbedHeader, Ta as defaultNativeButton, Ti as ScrollAreaCorner, Tn as MessageItemFooter, Tr as PopoverArrow, Tt as MessageTextSelectionToolbarButton, U as drag, Ui as Tooltip, Un as InputGroup, Ut as MessageReactionCount, V as useLiftContainer, Vi as ListRowTop, Vn as RadioGroupItem, Vt as MessageReactionAddButton, Wi as TooltipContent, Wn as InputGroupAddon, Wt as MessageReactionErrorIndicator, Xr as DropdownMenuCheckboxItemIndicator, Xt as MessageReactionTooltipContent, Yi as Badge, Yr as DropdownMenuCheckboxItem, Yt as MessageReactionQuickRow, Zn as PreviewCard, Zr as DropdownMenuContent, Zt as MessageReactionTooltipMeta, _ as InboxItemTrailing, _a as useTapActivation, _i as PanelBody, _n as MessageItemSenderButton, _t as MessageQuotedPreviewTimestamp, a as InboxItemContext, ai as DropdownMenuPortal, an as MessageItemSavedIndicator, ar as PreviewCardHeader, at as MessageQuotedPreviewAttachment, b as useLatestRef, ba as textLinkVariants, bi as PanelScrollContent, bn as MessageItemAttachments, bt as MessageEmbedContent, c as InboxItemLeading, ca as DialogOverlay, ci as DropdownMenuRadioItemIndicator, cr as PreviewCardPortal, d as InboxItemMetadata, da as DialogSurface, di as DropdownMenuSubmenu, dr as PreviewCardTrigger, dt as MessageQuotedPreviewChannel, ea as DialogBody, ei as DropdownMenuItemCount, en as MessageReactionTooltipNames, et as MessageListEndFade, f as InboxItemSelection, fa as DialogTitle, fi as DropdownMenuSubmenuTrigger, fn as MessageItemHeader, ft as MessageQuotedPreviewContent, g as InboxItemTitle, ga as useMergedRef, gi as Panel, gn as MessageItemSenderBadges, gt as MessageQuotedPreviewThread, h as InboxItemTimestamp, ha as panelToggleAction, hi as KbdGroup, hn as MessageItemSender, ht as MessageQuotedPreviewText, i as InboxItemContent, ia as DialogFooter, ii as DropdownMenuPopup, in as MessageItemReadReceipt, it as MessageQuotedPreview, ja as ThemeStateContext, ji as PRESENCE_COLOR, jn as searchHit, jr as PopoverHeader, jt as MessageReferenceChip, k as useDragSensors, ka as useThemeScopeProps, ki as Checkbox, kn as MessageItemGutter, kr as PopoverContent, kt as MessageMultiSelectToolbar, l as InboxItemMarks, la as DialogPortal, li as DropdownMenuSeparator, lr as PreviewCardSeparator, lt as MessageQuotedPreviewAuthorMeta, m as InboxItemSubtitle, ma as PanelAction, mi as Kbd, mn as MessageItemMeta, mt as MessageQuotedPreviewLoading, n as InboxItemActions, na as DialogContent, ni as DropdownMenuLabel, nn as MessageItemBadge, nr as PreviewCardDescription, nt as MessageListNotice, o as InboxItemHeading, oa as DialogHeader, oi as DropdownMenuRadioGroup, on as MessageItemToolbar, ot as MessageQuotedPreviewAttachments, p as InboxItemSender, pa as DialogTrigger, pi as DropdownMenuTrigger, pn as MessageItemInlineStatus, pt as MessageQuotedPreviewHeader, q as dragInstructions, qi as TooltipTrigger, qr as MobileNavRoot, qt as MessageReactionPickerStatic, r as InboxItemBody, ra as DialogDescription, rn as MessageItemBadgeSeparator, rt as MessageList, s as InboxItemHoverTarget, sa as DialogNav, si as DropdownMenuRadioItem, sn as MessageItemToolbarButton, sr as PreviewCardPopup, st as MessageQuotedPreviewAuthor, t as InboxItem, ta as DialogClose, ti as DropdownMenuItemLabel, tn as MessageReactionTooltipSeparator, tr as PreviewCardContent, tt as MessageListHistoryLimited, u as InboxItemMessage, ui as DropdownMenuShortcut, ur as PreviewCardTitle, ut as MessageQuotedPreviewAuthorName, v as InboxItemTrigger, va as TextLink, vi as PanelFooter, vn as MessageItemSenderGroup, vt as MessageQuotedPreviewUnavailable, wa as Spinner, wi as ScrollAreaContent, wn as MessageItemEmbedded, wt as MessageTextSelectionToolbar, x as Skeleton, xa as DialogSheetReset, xi as PanelScrollViewport, xn as MessageItemBody, xt as MessageEmbedFooter, ya as TextLinkExternalIcon, yi as PanelHeaderRoot, yn as MessageItemTime, yt as MessageEmbed, zi as ListRowMeta, zn as RadioGroup, zt as MessageReferenceUnavailable } from "./inbox-item-BkhqEaUM.mjs";
2
+ import { $i as useMobileViewport, $r as DropdownMenuFooter, $t as MessageReactionTooltipName, A as useDragSensors, Aa as useThemeScopeProps, Ai as Checkbox, An as MessageItemGutter, Ar as PopoverContent, At as MessageMultiSelectToolbar, Bi as ListRowMeta, Bn as RadioGroup, Bt as MessageReferenceUnavailable, Ca as Button, Ci as PanelSection, Cn as MessageItemContent, Ct as MessageEmbedHeader, Di as ScrollAreaScrollbar, Dn as MessageItemSearchMatch, Dr as PopoverBackdrop, Dt as MessageTextSelectionToolbarSeparator, Ea as defaultNativeButton, Ei as ScrollAreaCorner, En as MessageItemFooter, Er as PopoverArrow, Et as MessageTextSelectionToolbarButton, Fa as useStackedActions, Fi as ListRowBottom, Fn as AvatarFallback, Fr as PopoverSeparator, Ft as MessageReferenceLabel, Gi as TooltipContent, Gn as InputGroupAddon, Gt as MessageReactionErrorIndicator, H as useLiftContainer, Hi as ListRowTop, Hn as RadioGroupItem, Ht as MessageReactionAddButton, Ia as controlIconInset, Ii as ListRowChevron, In as AvatarGroup, Ir as PopoverTitle, It as MessageReferencePending, J as dragInstructions, Ji as TooltipTrigger, Jr as MobileNavRoot, Jt as MessageReactionPickerStatic, K as SILENT_DRAG_ANNOUNCEMENTS, Ki as TooltipPortal, Kn as InputGroupInput, Kr as MobileNavItem, Kt as MessageReactionGlyph, L as DragLift, La as headEdgePull, Li as ListRowDescription, Lr as PopoverTrigger, Lt as MessageReferenceReadMark, Ma as ThemeStateContext, Mi as PRESENCE_COLOR, Mn as searchHit, Mr as PopoverHeader, Mt as MessageReferenceChip, Na as tv, Ni as ListRow, Nn as Avatar, Nr as PopoverPopup, Oa as useParentOverlayKind, Oi as ScrollAreaThumb, On as MessageItemAvatarSlot, Ot as MessageMultiSelect, Pa as stackedActions, Pi as ListRowBody, Pn as AvatarBadge, Pr as PopoverPortal, Pt as MessageReferenceIndicator, Qn as PreviewCard, Qr as DropdownMenuContent, Qt as MessageReactionTooltipMeta, Ra as headEdges, Ri as ListRowGroup, Rn as AvatarGroupCount, Rr as PopoverViewport, Rt as MessageReferenceSuffix, S as Skeleton, Sa as DialogSheetReset, Si as PanelScrollViewport, Sn as MessageItemBody, St as MessageEmbedFooter, Ta as Spinner, Ti as ScrollAreaContent, Tn as MessageItemEmbedded, Tt as MessageTextSelectionToolbar, Ui as ListRowValue, Un as chipRemoveBase, Ut as MessageReactionChip, V as useDragSiblingTransition, Vi as ListRowTitle, Vn as RadioGroupIndicator, Vt as inlineChip, W as drag, Wi as Tooltip, Wn as InputGroup, Wt as MessageReactionCount, Xi as Badge, Xr as DropdownMenuCheckboxItem, Xt as MessageReactionQuickRow, Yi as usePopupCollisionPadding, Yr as DropdownMenu, Yt as MessageReactionQuickButton, Zr as DropdownMenuCheckboxItemIndicator, Zt as MessageReactionTooltipContent, _ as InboxItemTrailing, _a as useMergedRef, _i as Panel, _n as MessageItemSenderBadges, _t as MessageQuotedPreviewThread, a as InboxItemContext, aa as DialogFooter, ai as DropdownMenuPopup, an as MessageItemReadReceipt, at as MessageQuotedPreview, b as useLatestRef, ba as TextLinkExternalIcon, bi as PanelHeaderRoot, bn as MessageItemTime, bt as MessageEmbed, c as InboxItemLeading, ca as DialogNav, ci as DropdownMenuRadioItem, cn as MessageItemToolbarButton, cr as PreviewCardPopup, ct as MessageQuotedPreviewAuthor, d as InboxItemMetadata, di as DropdownMenuShortcut, dr as PreviewCardTitle, dt as MessageQuotedPreviewAuthorName, ea as Dialog, ei as DropdownMenuItem, en as MessageReactionTooltipNameText, er as PreviewCardArrow, et as MessageListDateDivider, f as InboxItemSelection, fa as DialogSurface, fi as DropdownMenuSubmenu, fr as PreviewCardTrigger, ft as MessageQuotedPreviewChannel, g as InboxItemTitle, ga as panelToggleAction, gi as KbdGroup, gn as MessageItemSender, gt as MessageQuotedPreviewText, h as InboxItemTimestamp, ha as PanelAction, hi as Kbd, hn as MessageItemMeta, ht as MessageQuotedPreviewLoading, i as InboxItemContent, ia as DialogDescription, in as MessageItemBadgeSeparator, it as MessageList, ja as useTheme, ji as CheckboxIndicator, jn as MessageItem, jr as PopoverDescription, jt as MessageMultiSelectToolbarActions, ka as withOverlayLayer, ki as ScrollAreaViewport, kn as MessageItemContinuationTime, kr as PopoverClose, kt as MessageMultiSelectCheckbox, l as InboxItemMarks, la as DialogOverlay, li as DropdownMenuRadioItemIndicator, lr as PreviewCardPortal, m as InboxItemSubtitle, ma as DialogTrigger, mi as DropdownMenuTrigger, mn as MessageItemInlineStatus, mt as MessageQuotedPreviewHeader, n as InboxItemActions, na as DialogClose, ni as DropdownMenuItemLabel, nn as MessageReactionTooltipSeparator, nr as PreviewCardContent, nt as MessageListHistoryLimited, o as InboxItemHeading, oi as DropdownMenuPortal, on as MessageItemSavedIndicator, or as PreviewCardHeader, ot as MessageQuotedPreviewAttachment, p as InboxItemSender, pa as DialogTitle, pi as DropdownMenuSubmenuTrigger, pn as MessageItemHeader, pt as MessageQuotedPreviewContent, q as createDragAnnouncements, qi as TooltipProvider, qn as useOverflowTitle, qr as MobileNavLabel, qt as MessageReactionPickerContent, r as InboxItemBody, ra as DialogContent, ri as DropdownMenuLabel, rn as MessageItemBadge, rr as PreviewCardDescription, rt as MessageListNotice, s as InboxItemHoverTarget, sa as DialogHeader, si as DropdownMenuRadioGroup, sn as MessageItemToolbar, st as MessageQuotedPreviewAttachments, t as InboxItem, ta as DialogBody, ti as DropdownMenuItemCount, tn as MessageReactionTooltipNames, tt as MessageListEndFade, u as InboxItemMessage, ua as DialogPortal, ui as DropdownMenuSeparator, ur as PreviewCardSeparator, ut as MessageQuotedPreviewAuthorMeta, v as InboxItemTrigger, va as useTapActivation, vi as PanelBody, vn as MessageItemSenderButton, vt as MessageQuotedPreviewTimestamp, w as DropPlaceholder, wa as buttonVariants, wi as ScrollArea, wn as MessageItemEdited, wr as Popover, wt as messageEmbed, x as hudTextAction, xa as textLinkVariants, xi as PanelScrollContent, xn as MessageItemAttachments, xt as MessageEmbedContent, ya as TextLink, yi as PanelFooter, yn as MessageItemSenderGroup, yt as MessageQuotedPreviewUnavailable, za as decisionWidth, zi as ListRowIcon, zn as AvatarImage, zt as MessageReferenceText } from "./inbox-item-NY4wbyya.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";
@@ -10453,11 +10453,7 @@ const toastAction = tv({ slots: {
10453
10453
  root: [
10454
10454
  "relative order-2 inline-flex shrink-0 items-center justify-center whitespace-nowrap select-none",
10455
10455
  "border-0 bg-transparent p-0",
10456
- "font-sans text-callout font-bold text-foreground-on-hud",
10457
- "decoration-[1.5px] underline-offset-[3px] not-disabled:not-aria-disabled:hover:underline",
10458
- "after:absolute after:-inset-x-2 after:-inset-y-3 after:rounded-control after:content-['']",
10459
- "active:after:bg-foreground-on-hud/15",
10460
- "outline-1 outline-offset-2 outline-transparent focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-foreground-on-hud",
10456
+ ...hudTextAction,
10461
10457
  "disabled:pointer-events-none disabled:opacity-40 aria-disabled:cursor-not-allowed aria-disabled:opacity-40",
10462
10458
  "data-[loading=true]:cursor-wait data-[loading=true]:opacity-100",
10463
10459
  "[&_svg]:pointer-events-none [&_svg]:shrink-0 **:data-icon:size-[1em] [&_svg:not([class*='size-'])]:size-3"
package/dist/wip.d.mts CHANGED
@@ -271,6 +271,38 @@ type UseCommentMarginFitsOptions = {
271
271
  */
272
272
  export declare function useCommentMarginFits(element: Element | null, { minWidth }?: UseCommentMarginFitsOptions): boolean;
273
273
  //#endregion
274
+ //#region src/components/mode-bar/mode-bar.d.ts
275
+ type ModeBarProps = useRender.ComponentProps<"div">;
276
+ /**
277
+ * The strip. Put `ModeBarContent` in it, then the `ModeBarAction` that ends
278
+ * the mode.
279
+ */
280
+ export declare function ModeBar({ className, render, ...props }: ModeBarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
281
+ type ModeBarContentProps = useRender.ComponentProps<"div">;
282
+ /**
283
+ * The words: `ModeBarTitle`, then `ModeBarDescription`, on one line that
284
+ * wraps. A polite live region, so a change to the title (a draft count) is
285
+ * read out; the action stays outside it.
286
+ */
287
+ export declare function ModeBarContent({ className, render, ...props }: ModeBarContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
288
+ type ModeBarTitleProps = useRender.ComponentProps<"span">;
289
+ /** The mode and its state, bold in the HUD ink: "Commenting · 1 draft." */
290
+ export declare function ModeBarTitle({ className, render, ...props }: ModeBarTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
291
+ type ModeBarDescriptionProps = useRender.ComponentProps<"span">;
292
+ /**
293
+ * What to do in the mode, in the muted HUD ink, after the title on the same
294
+ * line. It brings the space before it, so the two read and copy as one
295
+ * sentence.
296
+ */
297
+ export declare function ModeBarDescription({ className, render, children, ...props }: ModeBarDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
298
+ type ModeBarActionProps = useRender.ComponentProps<"button">;
299
+ /**
300
+ * The text action that ends the mode (Done), at the end of the first line. A
301
+ * real `button`; on the HUD it is a text action, like a toast's, never a
302
+ * Button.
303
+ */
304
+ export declare function ModeBarAction({ className, render, ...props }: ModeBarActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
305
+ //#endregion
274
306
  //#region src/lib/touch-drag.d.ts
275
307
  /**
276
308
  * How a finger picks up something that can be dragged
@@ -1192,4 +1224,4 @@ type ChoiceListMultipleProps = ChoiceListCommonProps & {
1192
1224
  type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
1193
1225
  export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
1194
1226
  //#endregion
1195
- export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, type AvatarGroupButtonProps, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type FilterChipLabelProps, type FilterChipProps, type FilterChipRemoveProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };
1227
+ export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, type AvatarGroupButtonProps, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type FilterChipLabelProps, type FilterChipProps, type FilterChipRemoveProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type ModeBarActionProps, type ModeBarContentProps, type ModeBarDescriptionProps, type ModeBarProps, type ModeBarTitleProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };
package/dist/wip.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { cn } from "./cn.mjs";
2
- import { $i as Dialog, A as DRAG_AUTO_SCROLL_ZONE_PX, Aa as useTheme, B as useDragSiblingTransition, Bi as ListRowTitle, Br as TOUCH_DRAG_DISTANCE_PX, C as DropPlaceholder, D as listKeyboardCoordinates, Da as useParentOverlayKind, Dr as PopoverBody, E as MOUSE_DRAG_DISTANCE_PX, Ea as OverlayLayerProvider, F as DROP_GLIDE, G as SILENT_DRAG_ANNOUNCEMENTS, Gn as InputGroupInput, H as LIFT_CLASS, Hn as chipRemoveBase, Hr as TOUCH_DRAG_TOLERANCE_PX, I as DragLift, Ii as ListRowDescription, In as AvatarGroupButton, It as MessageReferenceReadMark, J as dragMessages, Ji as usePopupCollisionPadding, Jn as measureElement, K as createDragAnnouncements, Kn as useOverflowTitle, L as ORIGIN_OPACITY, M as DRAG_LIFT_Z_INDEX, Ma as tv, Mi as ListRow, Mt as MessageReferenceIcon, N as DRAG_SETTLE, Ni as ListRowBody, O as useDragAcrossLists, P as DRAG_SIBLING_TRANSITION, Pi as ListRowBottom, Q as MessageListJumpPillGroup, Qn as PreviewCardActions, R as cancelDrag, Rr as HoldThenMoveTouchSensor, S as DragRefusalHint, Sa as Button$1, Sr as MobileNavServerPopoverRowLabel, T as DragRemeasure, Ta as defaultNativeButton, Ui as Tooltip, Un as InputGroup, Ur as useHoldThenMoveTouchSensor, Vi as ListRowTop, Vn as RadioGroupItem, Vr as TOUCH_DRAG_HOLD_MS, W as DEFAULT_DRAG_MESSAGES, Wi as TooltipContent, Wn as InputGroupAddon, Wr as useMouseOnlyPointerSensor, X as MessageListJumpPill, Xi as DialogCommit, Xn as readNow, Y as MessageListJumpControls, Yn as observeTruncation, Z as MessageListJumpPillDismiss, Zi as DialogSheetContent, _ as InboxItemTrailing, _r as MobileNavServerPopoverGroup, a as InboxItemContext, aa as DialogFooterNote, b as useLatestRef, br as MobileNavServerPopoverRowBody, c as InboxItemLeading, cn as MessageItemDelegatedAvatar, ct as MessageQuotedPreviewAuthorDelegatedBy, dn as MessageItemDelegatedByName, er as PreviewCardBody, fa as DialogTitle, fr as MobileNavServerItem, g as InboxItemTitle, gr as MobileNavServerPopoverDestinations, h as InboxItemTimestamp, hr as MobileNavServerPopoverDestination, i as InboxItemContent, ir as PreviewCardFooter, j as DRAG_KEYBOARD_OFFSET_PX, k as useDragSensors, ka as useThemeScopeProps, ki as Checkbox, ln as MessageItemDelegatedBy, mr as MobileNavServerPopoverContent, na as DialogContent, o as InboxItemHeading, or as PreviewCardMeta, pa as DialogTrigger, pr as MobileNavServerPopover, q as dragInstructions, qi as TooltipTrigger, qn as measureContent, r as InboxItemBody, ri as DropdownMenuLinkItem, rr as PreviewCardEyebrow, t as InboxItem, ta as DialogClose, ua as DialogSheetBack, un as MessageItemDelegatedByButton, va as TextLink, vr as MobileNavServerPopoverList, w as DRAG_KEYBOARD_CODES, wa as Spinner, wr as PopoverActions, x as Skeleton, xr as MobileNavServerPopoverRowDescription, y as inboxItem, yr as MobileNavServerPopoverRow, z as keepGrabInside, zi as ListRowMeta, zn as RadioGroup, zr as MouseOnlyPointerSensor } from "./inbox-item-BkhqEaUM.mjs";
2
+ import { $ as MessageListJumpPillGroup, $n as PreviewCardActions, A as useDragSensors, Aa as useThemeScopeProps, Ai as Checkbox, B as keepGrabInside, Bi as ListRowMeta, Bn as RadioGroup, Br as MouseOnlyPointerSensor, C as DragRefusalHint, Ca as Button$1, Cr as MobileNavServerPopoverRowLabel, D as MOUSE_DRAG_DISTANCE_PX, Da as OverlayLayerProvider, E as DragRemeasure, Ea as defaultNativeButton, F as DRAG_SIBLING_TRANSITION, Fi as ListRowBottom, G as DEFAULT_DRAG_MESSAGES, Gi as TooltipContent, Gn as InputGroupAddon, Gr as useMouseOnlyPointerSensor, Hi as ListRowTop, Hn as RadioGroupItem, Hr as TOUCH_DRAG_HOLD_MS, I as DROP_GLIDE, J as dragInstructions, Ji as TooltipTrigger, Jn as measureContent, K as SILENT_DRAG_ANNOUNCEMENTS, Kn as InputGroupInput, L as DragLift, Li as ListRowDescription, Ln as AvatarGroupButton, Lt as MessageReferenceReadMark, M as DRAG_KEYBOARD_OFFSET_PX, N as DRAG_LIFT_Z_INDEX, Na as tv, Ni as ListRow, Nt as MessageReferenceIcon, O as listKeyboardCoordinates, Oa as useParentOverlayKind, Or as PopoverBody, P as DRAG_SETTLE, Pi as ListRowBody, Q as MessageListJumpPillDismiss, Qi as DialogSheetContent, R as ORIGIN_OPACITY, S as Skeleton, Sr as MobileNavServerPopoverRowDescription, T as DRAG_KEYBOARD_CODES, Ta as Spinner, Tr as PopoverActions, U as LIFT_CLASS, Un as chipRemoveBase, Ur as TOUCH_DRAG_TOLERANCE_PX, V as useDragSiblingTransition, Vi as ListRowTitle, Vr as TOUCH_DRAG_DISTANCE_PX, Wi as Tooltip, Wn as InputGroup, Wr as useHoldThenMoveTouchSensor, X as MessageListJumpControls, Xn as observeTruncation, Y as dragMessages, Yi as usePopupCollisionPadding, Yn as measureElement, Z as MessageListJumpPill, Zi as DialogCommit, Zn as readNow, _ as InboxItemTrailing, _r as MobileNavServerPopoverDestinations, a as InboxItemContext, ar as PreviewCardFooter, b as useLatestRef, br as MobileNavServerPopoverRow, c as InboxItemLeading, da as DialogSheetBack, dn as MessageItemDelegatedByButton, ea as Dialog, fn as MessageItemDelegatedByName, g as InboxItemTitle, gr as MobileNavServerPopoverDestination, h as InboxItemTimestamp, hr as MobileNavServerPopoverContent, i as InboxItemContent, ii as DropdownMenuLinkItem, ir as PreviewCardEyebrow, j as DRAG_AUTO_SCROLL_ZONE_PX, ja as useTheme, k as useDragAcrossLists, ln as MessageItemDelegatedAvatar, lt as MessageQuotedPreviewAuthorDelegatedBy, ma as DialogTrigger, mr as MobileNavServerPopover, na as DialogClose, o as InboxItemHeading, oa as DialogFooterNote, pa as DialogTitle, pr as MobileNavServerItem, q as createDragAnnouncements, qn as useOverflowTitle, r as InboxItemBody, ra as DialogContent, sr as PreviewCardMeta, t as InboxItem, tr as PreviewCardBody, un as MessageItemDelegatedBy, vr as MobileNavServerPopoverGroup, w as DropPlaceholder, x as hudTextAction, xr as MobileNavServerPopoverRowBody, y as inboxItem, ya as TextLink, yr as MobileNavServerPopoverList, z as cancelDrag, zr as HoldThenMoveTouchSensor } from "./inbox-item-NY4wbyya.mjs";
3
3
  import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
4
4
  import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
5
5
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1140,6 +1140,115 @@ function useCommentMarginFits(element, { minWidth = 784 } = {}) {
1140
1140
  return desktop && element !== null && width >= minWidth;
1141
1141
  }
1142
1142
  //#endregion
1143
+ //#region src/components/mode-bar/mode-bar.tsx
1144
+ /**
1145
+ * A dark strip across a panel, under its head, while the panel is in a mode
1146
+ * people entered and leave on purpose (commenting on an Artifact). It is the
1147
+ * HUD surface, not an intent tint: nothing is wrong, so it is not a notice;
1148
+ * the dark fill says "the panel works differently now" until the mode ends.
1149
+ * Its edges and height for one line are PanelNotice's, so the two strips are
1150
+ * one size under a head.
1151
+ */
1152
+ const modeBar = tv({ slots: {
1153
+ root: [
1154
+ "flex shrink-0 items-start",
1155
+ "min-h-10 gap-4 px-5 py-2.5 max-md:px-4",
1156
+ "bg-layer-hud font-sans text-callout text-foreground-on-hud"
1157
+ ],
1158
+ content: ["min-w-0 flex-1 wrap-break-word"],
1159
+ title: ["font-bold"],
1160
+ description: ["text-foreground-on-hud-muted"],
1161
+ action: [
1162
+ "relative inline-flex shrink-0 items-center whitespace-nowrap select-none",
1163
+ "border-0 bg-transparent p-0",
1164
+ ...hudTextAction,
1165
+ "disabled:pointer-events-none disabled:opacity-40"
1166
+ ]
1167
+ } });
1168
+ /**
1169
+ * The strip. Put `ModeBarContent` in it, then the `ModeBarAction` that ends
1170
+ * the mode.
1171
+ */
1172
+ function ModeBar({ className, render, ...props }) {
1173
+ const { root } = modeBar();
1174
+ const defaultProps = {
1175
+ "data-slot": "mode-bar",
1176
+ className: root({ className })
1177
+ };
1178
+ return useRender({
1179
+ defaultTagName: "div",
1180
+ render,
1181
+ props: mergeProps(defaultProps, props)
1182
+ });
1183
+ }
1184
+ /**
1185
+ * The words: `ModeBarTitle`, then `ModeBarDescription`, on one line that
1186
+ * wraps. A polite live region, so a change to the title (a draft count) is
1187
+ * read out; the action stays outside it.
1188
+ */
1189
+ function ModeBarContent({ className, render, ...props }) {
1190
+ const { content } = modeBar();
1191
+ const defaultProps = {
1192
+ "data-slot": "mode-bar-content",
1193
+ role: "status",
1194
+ className: content({ className })
1195
+ };
1196
+ return useRender({
1197
+ defaultTagName: "div",
1198
+ render,
1199
+ props: mergeProps(defaultProps, props)
1200
+ });
1201
+ }
1202
+ /** The mode and its state, bold in the HUD ink: "Commenting · 1 draft." */
1203
+ function ModeBarTitle({ className, render, ...props }) {
1204
+ const { title } = modeBar();
1205
+ const defaultProps = {
1206
+ "data-slot": "mode-bar-title",
1207
+ className: title({ className })
1208
+ };
1209
+ return useRender({
1210
+ defaultTagName: "span",
1211
+ render,
1212
+ props: mergeProps(defaultProps, props)
1213
+ });
1214
+ }
1215
+ /**
1216
+ * What to do in the mode, in the muted HUD ink, after the title on the same
1217
+ * line. It brings the space before it, so the two read and copy as one
1218
+ * sentence.
1219
+ */
1220
+ function ModeBarDescription({ className, render, children, ...props }) {
1221
+ const { description } = modeBar();
1222
+ const defaultProps = {
1223
+ "data-slot": "mode-bar-description",
1224
+ className: description({ className }),
1225
+ children: /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", children] })
1226
+ };
1227
+ return useRender({
1228
+ defaultTagName: "span",
1229
+ render,
1230
+ props: mergeProps(defaultProps, props)
1231
+ });
1232
+ }
1233
+ /**
1234
+ * The text action that ends the mode (Done), at the end of the first line. A
1235
+ * real `button`; on the HUD it is a text action, like a toast's, never a
1236
+ * Button.
1237
+ */
1238
+ function ModeBarAction({ className, render, ...props }) {
1239
+ const { action } = modeBar();
1240
+ const defaultProps = {
1241
+ "data-slot": "mode-bar-action",
1242
+ type: "button",
1243
+ className: action({ className })
1244
+ };
1245
+ return useRender({
1246
+ defaultTagName: "button",
1247
+ render,
1248
+ props: mergeProps(defaultProps, props)
1249
+ });
1250
+ }
1251
+ //#endregion
1143
1252
  //#region src/components/drag/drag-lists.tsx
1144
1253
  /** dnd-kit's vertical strategy, except that nothing moves while the hand is outside the list. */
1145
1254
  const dragListStrategy = (args) => args.overIndex < 0 ? null : verticalListSortingStrategy(args);
@@ -2976,4 +3085,4 @@ function ChoiceList(props) {
2976
3085
  });
2977
3086
  }
2978
3087
  //#endregion
2979
- export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FilterChip, FilterChipLabel, FilterChipRemove, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
3088
+ export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FilterChip, FilterChipLabel, FilterChipRemove, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, ModeBar, ModeBarAction, ModeBarContent, ModeBarDescription, ModeBarTitle, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botiverse/raft-ui",
3
- "version": "0.43.0",
3
+ "version": "0.45.0",
4
4
  "description": "React components and CSS foundations for the Raft Design System.",
5
5
  "keywords": [
6
6
  "agent-skills",