@botiverse/raft-ui 0.94.0 → 0.95.0

package/dist/lint/prefer-scroll-area.mjs

@@ -1,4 +1,4 @@
-//#region src/lint/prefer-scroll-area.ts
+// src/lint/prefer-scroll-area.ts
 const NATIVE_SCROLL_CLASS = /(?<![\w-])overflow(?:-[xy])?-(?:auto|scroll)(?![\w-])/;
 const NATIVE_SCROLL_ARBITRARY = /\[overflow(?:-[xy])?:[^\]]*\b(?:auto|scroll)\b[^\]]*\]/;
 const NATIVE_SCROLL_STYLE_KEYS = /* @__PURE__ */ new Set([
@@ -185,5 +185,4 @@ const preferScrollArea = {
 		};
 	}
 };
-//#endregion
 export { attributeName, classContext, constDeclarator, hasNativeScrollClass, preferScrollArea, propertyKey, stringValue };

package/dist/lint.d.mts

@@ -1,5 +1,4 @@
 import { RuleContext, RuleModule, RuleVisitor } from "./lint/prefer-scroll-area.mjs";
-//#region src/lint/index.d.ts
 export interface RaftUiLintConfig {
   name: string;
   plugins: Record<string, RaftUiLintPlugin>;
@@ -24,5 +23,4 @@ export declare const recommendedRules: Record<string, "error" | "warn" | "off">;
 declare const plugin: RaftUiLintPlugin;
 /** ESLint flat config: `export default [raftUi.configs.recommended]`. */
 export declare const recommended: RaftUiLintConfig;
-//#endregion
 export { type RuleContext, type RuleModule, type RuleVisitor, plugin as default };

package/dist/lint.mjs

@@ -1,6 +1,6 @@
-import { preferScrollArea } from "./lint/prefer-scroll-area.mjs";
 import { noRawZIndex } from "./lint/no-raw-z-index.mjs";
-//#region src/lint/index.ts
+import { preferScrollArea } from "./lint/prefer-scroll-area.mjs";
+// src/lint/index.ts
 /**
 * raft-ui's lint plugin: the Raft Design System's rules for the code of an app
 * built on raft-ui, in the ESLint plugin format, which Oxlint loads as a JS
@@ -38,5 +38,4 @@ const recommended = {
 	rules: recommendedRules
 };
 plugin.configs.recommended = recommended;
-//#endregion
 export { plugin as default, recommended, recommendedRules, rules };

package/dist/styles.css

@@ -5,6 +5,9 @@
 @import "./components/steps/otter-indicator.css";
 @import "./components/virtual-list/styles/virtual-list.css";
 @import "./components/scroll-area/scroll-area.css";
+/* The small-size marks of ricons' icons (packages/icons), so an app that loads
+   this stylesheet needs no import of ricons' own. */
+@import "@botiverse/ricons/styles.css";
 
 /* `dark:` follows the nearest explicit mode class, and before hydration the
    system preference. A `.light` island inside a dark page re-enters light
@@ -682,24 +685,6 @@ textarea:-webkit-autofill:disabled {
   }
 }
 
-/* An icon drawn twice: a drawn icon whose mark gets lost at 16px carries a
-   second mark for small sizes (design/foundations/iconography.md). The svg is
-   its own size container; below 18px the small mark replaces the default one.
-   Without this stylesheet, the small mark's display="none" keeps the default. */
-[data-icon-sizes] {
-  container-type: inline-size;
-}
-
-@container (width < 18px) {
-  [data-icon-mark="default"] {
-    display: none;
-  }
-
-  [data-icon-mark="small"] {
-    display: inline;
-  }
-}
-
 /* Dimmed: something present but not active, deleted, offline or still
    pending, at 60% (design/foundations/states.md#dimmed). Lighter than the 40%
    of a drag origin, which says "it was here", not "it is here, inactive". */

package/dist/wip-exports.d.mts

@@ -1,40 +1,40 @@
 import { ButtonSplit, ButtonSplitMain, ButtonSplitMainProps, ButtonSplitMenu, ButtonSplitMenuProps, ButtonSplitProps, ButtonSplitSize, ButtonSplitVariant } from "./components/button/button-split.mjs";
-import "./components/button/index.mjs";
+import "./components/combobox-select/index.mjs";
 import { Dialog, DialogClose, DialogFooterNote, DialogFooterNoteProps, DialogTrigger } from "./components/dialog/dialog.mjs";
-import "./components/dialog/index.mjs";
+import "./components/announcement-dialog/index.mjs";
 import { KeyboardPlatform, useKeyboardPlatform } from "./lib/use-platform.mjs";
 import { KbdKeyName } from "./components/kbd/kbd-keys.mjs";
 import { KbdShortcut, KbdShortcutProps } from "./components/kbd/kbd-shortcut.mjs";
-import "./components/kbd/index.mjs";
-import { DropdownMenuLinkItem, DropdownMenuLinkItemProps } from "./components/dropdown-menu/dropdown-menu.mjs";
+import "./components/comment/index.mjs";
+import "./components/message-item/index.mjs";
 import { LightboxBody, LightboxBodyProps } from "./components/lightbox/lightbox.mjs";
+import "./components/message-quoted-preview/index.mjs";
 import "./components/lightbox/index.mjs";
-import { PopoverActions, PopoverActionsProps, PopoverBody, PopoverBodyProps } from "./components/popover/popover.mjs";
 import { MobileNavServerItem, MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, MobileNavServerPopoverListProps, MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, MobileNavServerPopoverRowLabelProps, MobileNavServerPopoverRowProps } from "./components/mobile-nav/mobile-nav-server.mjs";
-import "./components/mobile-nav/index.mjs";
+import "./components/selection-toolbar/index.mjs";
 import { PreviewCardActions, PreviewCardActionsProps, PreviewCardBody, PreviewCardBodyProps, PreviewCardEyebrow, PreviewCardEyebrowProps, PreviewCardFooter, PreviewCardFooterProps, PreviewCardMeta, PreviewCardMetaProps } from "./components/preview-card/preview-card.mjs";
-import "./components/preview-card/index.mjs";
+import "./components/fit-toolbar/index.mjs";
 import { AvatarGroupButton, AvatarGroupButtonProps } from "./components/avatar/avatar.mjs";
-import "./components/avatar/index.mjs";
+import "./components/message-list/index.mjs";
 import { MessageItemTrailing, MessageItemTrailingProps } from "./components/message-item/message-item-content.mjs";
 import { MessageItemDelegatedAvatar, MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, MessageItemDelegatedByNameProps, MessageItemDelegatedByProps } from "./components/message-item/message-item-delegated.mjs";
 import { MessageReferenceIcon, MessageReferenceIconProps, MessageReferenceReadMark, MessageReferenceReadMarkProps } from "./components/message-item/message-reference.mjs";
-import "./components/message-item/index.mjs";
+import "./components/drag/index.mjs";
 import { MessageQuotedPreviewAuthorDelegatedBy, MessageQuotedPreviewAuthorDelegatedByProps } from "./components/message-quoted-preview/message-quoted-preview.mjs";
-import "./components/message-quoted-preview/index.mjs";
+import "./components/ellipsis/index.mjs";
 import { MessageListJumpControls, MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillDismissProps, MessageListJumpPillGroup, MessageListJumpPillGroupProps, MessageListJumpPillProps } from "./components/message-list/message-list-jump.mjs";
-import "./components/message-list/index.mjs";
+import { InboxItemLeadingBadge, InboxItemLeadingBadgeProps } from "./components/inbox-item/inbox-item-leading-badge.mjs";
 import { TableSort, TableSortButton, TableSortButtonProps, TableSortableHead, TableSortableHeadProps } from "./components/table/table.mjs";
-import "./components/table/index.mjs";
+import { InboxItemLine, InboxItemLineProps, InboxItemListGroup, InboxItemListGroupProps, InboxItemListHeading, InboxItemListHeadingProps, InboxItemStatus, InboxItemStatusProps } from "./components/inbox-item/inbox-item.mjs";
 import { DEFAULT_DRAG_MESSAGES, DragAnnouncementSource, DragMessages, DragNamed, DragPlace, createDragAnnouncements, dragInstructions, dragMessages } from "./components/drag/drag-announcements.mjs";
 import { PanelSplitAction, PanelSplitActionMain, PanelSplitActionMainProps, PanelSplitActionMenu, PanelSplitActionMenuProps, PanelSplitActionProps, PanelSplitActionToggle, PanelSplitActionToggleProps } from "./components/panel/panel-split-action.mjs";
-import "./components/panel/index.mjs";
-import { InboxItemLine, InboxItemLineProps, InboxItemListGroup, InboxItemListGroupProps, InboxItemListHeading, InboxItemListHeadingProps, InboxItemStatus, InboxItemStatusProps } from "./components/inbox-item/inbox-item.mjs";
+import { InboxItemSkeleton, InboxItemSkeletonList, InboxItemSkeletonListProps, InboxItemSkeletonProps } from "./components/inbox-item/inbox-item-skeleton.mjs";
+import { ListRowSkeleton, ListRowSkeletonProps } from "./components/list-row/list-row-skeleton.mjs";
 import { ComboboxSelectGroup, ComboboxSelectMessages, ComboboxSelectOption, ComboboxSelectProps, ComboboxSelectSelection, ComboboxSelectValue } from "./components/combobox-select/combobox-select.types.mjs";
 import { ComboboxSelect } from "./components/combobox-select/combobox-select.mjs";
-import "./components/combobox-select/index.mjs";
+import "./components/meter/index.mjs";
 import { AnnouncementDialogAction, AnnouncementDialogBody, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle } from "./components/announcement-dialog/announcement-dialog.mjs";
-import "./components/announcement-dialog/index.mjs";
+import "./components/filter-chip/index.mjs";
 import { CommentCard, CommentCardMeta, CommentCardMetaProps, CommentCardProps, CommentCardQuote, CommentCardQuoteProps, CommentCardTrigger, CommentCardTriggerProps } from "./components/comment/comment-card.mjs";
 import { CommentEntry, CommentEntryAuthor, CommentEntryAuthorProps, CommentEntryBody, CommentEntryBodyProps, CommentEntryHeader, CommentEntryHeaderProps, CommentEntryProps, CommentEntryTime, CommentEntryTimeProps } from "./components/comment/comment-entry.mjs";
 import { COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, setCommentHighlights } from "./components/comment/comment-highlight.mjs";
@@ -42,41 +42,41 @@ import { CommentMargin, CommentMarginItem, CommentMarginItemProps, CommentMargin
 import { CommentMarginLayout, CommentMarginLayoutItem, CommentMarginLayoutOptions, resolveCommentMarginLayout } from "./components/comment/comment-margin-layout.mjs";
 import { CommentMarker, CommentMarkerProps } from "./components/comment/comment-marker.mjs";
 import { UseCommentMarginFitsOptions, useCommentMarginFits } from "./components/comment/use-comment-margin-fits.mjs";
-import "./components/comment/index.mjs";
+import { DropdownMenuLinkItem, DropdownMenuLinkItemProps } from "./components/dropdown-menu/dropdown-menu.mjs";
 import { FIT_SEARCH_MAX_LEAST, FitItemOptions, FitStep, FitSteps, FitToolbar, FitToolbarButton, FitToolbarButtonProps, FitToolbarGroup, FitToolbarGroupProps, FitToolbarMore, FitToolbarMoreItems, FitToolbarMoreProps, FitToolbarPicker, FitToolbarPickerProps, FitToolbarProps, FitToolbarSearch, FitToolbarSearchProps, FitToolbarSplitButton, FitToolbarSplitButtonProps, useFitItem, useFitMore, useInFitToolbar } from "./components/fit-toolbar/fit-toolbar.mjs";
-import "./components/fit-toolbar/index.mjs";
+import "./components/dialog/index.mjs";
 import { SelectionToolbar, SelectionToolbarAction, SelectionToolbarActionProps, SelectionToolbarActions, SelectionToolbarActionsProps, SelectionToolbarClose, SelectionToolbarCloseProps, SelectionToolbarCount, SelectionToolbarCountProps, SelectionToolbarCountValue, SelectionToolbarCountValueProps, SelectionToolbarDock, SelectionToolbarDockProps, SelectionToolbarHint, SelectionToolbarHintProps, SelectionToolbarItem, SelectionToolbarItemProps, SelectionToolbarMore, SelectionToolbarMoreItems, SelectionToolbarMoreProps, SelectionToolbarProps } from "./components/selection-toolbar/selection-toolbar.mjs";
-import "./components/selection-toolbar/index.mjs";
+import { OverlayLayerKind, OverlayLayerProvider, OverlayLayerProviderProps, useParentOverlayKind } from "./lib/overlay-depth.mjs";
 import { HoldThenMoveOptions, HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "./lib/touch-drag.mjs";
 import { DRAG_KEYBOARD_CODES, DragAcrossLists, DragRemeasure, DragRemeasureProps, DragSensorsOptions, MOUSE_DRAG_DISTANCE_PX, listKeyboardCoordinates, useDragAcrossLists, useDragSensors } from "./components/drag/drag-sensors.mjs";
 import { LIFT_CLASS } from "./components/drag/drag.recipe.mjs";
 import { DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DragLift, DragLiftProps, ORIGIN_OPACITY, cancelDrag, keepGrabInside, useDragSiblingTransition } from "./components/drag/drag-lift.mjs";
 import { DragRefusalHint, DragRefusalHintProps, DropPlaceholder, DropPlaceholderProps } from "./components/drag/drop-placeholder.mjs";
 import { DragListsItems, DragLiveRegion, DraggedSlot, DraggedSlotProps, UseDragListsOptions, dragListStrategy, useDragAnnouncer, useDragLists } from "./components/drag/drag-lists.mjs";
-import "./components/drag/index.mjs";
+import "./components/mobile-nav/index.mjs";
 import { Ellipsis, EllipsisProps, EllipsisState, EllipsisToggle, EllipsisToggleProps } from "./components/ellipsis/ellipsis.mjs";
 import { useTruncated } from "./lib/use-truncated.mjs";
-import "./components/ellipsis/index.mjs";
-import { InboxItemLeadingBadge, InboxItemLeadingBadgeProps } from "./components/inbox-item/inbox-item-leading-badge.mjs";
-import { InboxItemSkeleton, InboxItemSkeletonList, InboxItemSkeletonListProps, InboxItemSkeletonProps } from "./components/inbox-item/inbox-item-skeleton.mjs";
-import { ListRowSkeleton, ListRowSkeletonProps } from "./components/list-row/list-row-skeleton.mjs";
+import "./components/preview-card/index.mjs";
+import "./components/app-link-card/index.mjs";
+import { PopoverActions, PopoverActionsProps, PopoverBody, PopoverBodyProps } from "./components/popover/popover.mjs";
+import "./components/pull-to-refresh/index.mjs";
 import { Meter, MeterHeader, MeterHeaderProps, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterProps, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps } from "./components/meter/meter.mjs";
-import "./components/meter/index.mjs";
+import "./components/choice-list/index.mjs";
 import { FilterChip, FilterChipLabel, FilterChipLabelProps, FilterChipProps, FilterChipRemove, FilterChipRemoveProps } from "./components/filter-chip/filter-chip.mjs";
-import "./components/filter-chip/index.mjs";
-import { OverlayLayerKind, OverlayLayerProvider, OverlayLayerProviderProps, useParentOverlayKind } from "./lib/overlay-depth.mjs";
+import "./components/avatar/index.mjs";
+import "./components/panel/index.mjs";
 import { AppLinkCard, AppLinkCardActions, AppLinkCardActionsProps, AppLinkCardBody, AppLinkCardBodyProps, AppLinkCardEyebrow, AppLinkCardEyebrowProps, AppLinkCardHeader, AppLinkCardHeaderProps, AppLinkCardHost, AppLinkCardHostProps, AppLinkCardIcon, AppLinkCardIconProps, AppLinkCardMeta, AppLinkCardMetaProps, AppLinkCardName, AppLinkCardNameProps, AppLinkCardPlaceholder, AppLinkCardPlaceholderProps, AppLinkCardTitle, AppLinkCardTitleProps } from "./components/app-link-card/app-link-card.mjs";
-import "./components/app-link-card/index.mjs";
+import "./components/button/index.mjs";
 import { PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PullToRefreshState } from "./components/pull-to-refresh/pull-to-refresh-gesture.mjs";
 import { PULL_TO_REFRESH_POINTER_QUERY, PullToRefresh, PullToRefreshPlatform, UsePullToRefreshOptions, usePullToRefresh } from "./components/pull-to-refresh/use-pull-to-refresh.mjs";
 import { PullToRefreshIndicator, PullToRefreshIndicatorProps } from "./components/pull-to-refresh/pull-to-refresh-indicator.mjs";
-import "./components/pull-to-refresh/index.mjs";
+import "./components/save-status/index.mjs";
 import { ChoiceList, ChoiceListGroup, ChoiceListItem, ChoiceListMultipleProps, ChoiceListProps, ChoiceListSingleProps } from "./components/choice-list/choice-list.mjs";
-import "./components/choice-list/index.mjs";
+import "./components/task-completion-control/index.mjs";
 import { SaveStatus, SaveStatusError, SaveStatusErrorProps, SaveStatusProps, SaveStatusSaved, SaveStatusSavedProps } from "./components/save-status/save-status.mjs";
-import "./components/save-status/index.mjs";
+import "./components/table/index.mjs";
 import { TaskCompletionControl, TaskCompletionControlProps } from "./components/task-completion-control/task-completion-control.mjs";
-import "./components/task-completion-control/index.mjs";
+import "./components/kbd/index.mjs";
 import { KbdButton, KbdButtonCaret, KbdButtonCaretProps, KbdButtonPlaceholder, KbdButtonPlaceholderProps, KbdButtonProps } from "./components/kbd-button/kbd-button.mjs";
 import "./components/kbd-button/index.mjs";
 import { WebTopBarCenter, WebTopBarCenterProps, WebTopBarEnd, WebTopBarEndProps, WebTopBarRoot, WebTopBarRootProps, WebTopBarStart, WebTopBarStartProps } from "./components/web-top-bar/web-top-bar.mjs";

package/dist/wip-exports.mjs

@@ -1,30 +1,30 @@
-import { OverlayLayerProvider, useParentOverlayKind } from "./lib/overlay-depth.mjs";
-import { ButtonSplit, ButtonSplitMain, ButtonSplitMenu } from "./components/button/button-split.mjs";
-import { Dialog, DialogClose, DialogFooterNote, DialogTrigger } from "./components/dialog/dialog.mjs";
-import { useKeyboardPlatform } from "./lib/use-platform.mjs";
-import { KbdShortcut } from "./components/kbd/kbd-shortcut.mjs";
-import { DropdownMenuLinkItem } from "./components/dropdown-menu/dropdown-menu.mjs";
+import { ComboboxSelect } from "./components/combobox-select/combobox-select.mjs";
+import { MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName } from "./components/message-item/message-item-delegated.mjs";
+import { MessageQuotedPreviewAuthorDelegatedBy } from "./components/message-quoted-preview/message-quoted-preview.mjs";
+import { MessageItemTrailing } from "./components/message-item/message-item-content.mjs";
 import { LightboxBody } from "./components/lightbox/lightbox.mjs";
+import { MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup } from "./components/message-list/message-list-jump.mjs";
+import { InboxItemLeadingBadge } from "./components/inbox-item/inbox-item-leading-badge.mjs";
 import { HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "./lib/touch-drag.mjs";
-import { PopoverActions, PopoverBody } from "./components/popover/popover.mjs";
-import { MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel } from "./components/mobile-nav/mobile-nav-server.mjs";
-import { PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta } from "./components/preview-card/preview-card.mjs";
+import { InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemStatus } from "./components/inbox-item/inbox-item.mjs";
+import { InboxItemSkeleton, InboxItemSkeletonList } from "./components/inbox-item/inbox-item-skeleton.mjs";
+import { ListRowSkeleton } from "./components/list-row/list-row-skeleton.mjs";
 import { FIT_SEARCH_MAX_LEAST, FitToolbar, FitToolbarButton, FitToolbarGroup, FitToolbarMore, FitToolbarMoreItems, FitToolbarPicker, FitToolbarSearch, FitToolbarSplitButton, useFitItem, useFitMore, useInFitToolbar } from "./components/fit-toolbar/fit-toolbar.mjs";
-import { AvatarGroupButton } from "./components/avatar/avatar.mjs";
-import { MessageItemTrailing } from "./components/message-item/message-item-content.mjs";
-import { MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName } from "./components/message-item/message-item-delegated.mjs";
+import { DropdownMenuLinkItem } from "./components/dropdown-menu/dropdown-menu.mjs";
+import { Dialog, DialogClose, DialogFooterNote, DialogTrigger } from "./components/dialog/dialog.mjs";
+import { OverlayLayerProvider, useParentOverlayKind } from "./lib/overlay-depth.mjs";
+import { MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel } from "./components/mobile-nav/mobile-nav-server.mjs";
 import { MessageReferenceIcon, MessageReferenceReadMark } from "./components/message-item/message-reference.mjs";
-import { MessageQuotedPreviewAuthorDelegatedBy } from "./components/message-quoted-preview/message-quoted-preview.mjs";
-import { MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup } from "./components/message-list/message-list-jump.mjs";
-import { TableSortButton, TableSortableHead } from "./components/table/table.mjs";
+import { PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta } from "./components/preview-card/preview-card.mjs";
+import { AppLinkCard, AppLinkCardActions, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle } from "./components/app-link-card/app-link-card.mjs";
 import { DEFAULT_DRAG_MESSAGES, createDragAnnouncements, dragInstructions, dragMessages } from "./components/drag/drag-announcements.mjs";
 import { LIFT_CLASS } from "./components/drag/drag.recipe.mjs";
 import { DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DragLift, ORIGIN_OPACITY, cancelDrag, keepGrabInside, useDragSiblingTransition } from "./components/drag/drag-lift.mjs";
 import { DRAG_KEYBOARD_CODES, DragRemeasure, MOUSE_DRAG_DISTANCE_PX, listKeyboardCoordinates, useDragAcrossLists, useDragSensors } from "./components/drag/drag-sensors.mjs";
 import { DragRefusalHint, DropPlaceholder } from "./components/drag/drop-placeholder.mjs";
+import { PopoverActions, PopoverBody } from "./components/popover/popover.mjs";
+import { AvatarGroupButton } from "./components/avatar/avatar.mjs";
 import { PanelSplitAction, PanelSplitActionMain, PanelSplitActionMenu, PanelSplitActionToggle } from "./components/panel/panel-split-action.mjs";
-import { InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemStatus } from "./components/inbox-item/inbox-item.mjs";
-import { ComboboxSelect } from "./components/combobox-select/combobox-select.mjs";
 import { AnnouncementDialogAction, AnnouncementDialogBody, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle } from "./components/announcement-dialog/announcement-dialog.mjs";
 import { CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger } from "./components/comment/comment-card.mjs";
 import { CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime } from "./components/comment/comment-entry.mjs";
@@ -37,12 +37,12 @@ import { SelectionToolbar, SelectionToolbarAction, SelectionToolbarActions, Sele
 import { DragLiveRegion, DraggedSlot, dragListStrategy, useDragAnnouncer, useDragLists } from "./components/drag/drag-lists.mjs";
 import { Ellipsis, EllipsisToggle } from "./components/ellipsis/ellipsis.mjs";
 import { useTruncated } from "./lib/use-truncated.mjs";
-import { InboxItemLeadingBadge } from "./components/inbox-item/inbox-item-leading-badge.mjs";
-import { InboxItemSkeleton, InboxItemSkeletonList } from "./components/inbox-item/inbox-item-skeleton.mjs";
-import { ListRowSkeleton } from "./components/list-row/list-row-skeleton.mjs";
+import { ButtonSplit, ButtonSplitMain, ButtonSplitMenu } from "./components/button/button-split.mjs";
+import { TableSortButton, TableSortableHead } from "./components/table/table.mjs";
+import { KbdShortcut } from "./components/kbd/kbd-shortcut.mjs";
 import { Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue } from "./components/meter/meter.mjs";
 import { FilterChip, FilterChipLabel, FilterChipRemove } from "./components/filter-chip/filter-chip.mjs";
-import { AppLinkCard, AppLinkCardActions, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle } from "./components/app-link-card/app-link-card.mjs";
+import { useKeyboardPlatform } from "./lib/use-platform.mjs";
 import { PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD } from "./components/pull-to-refresh/pull-to-refresh-gesture.mjs";
 import { PULL_TO_REFRESH_POINTER_QUERY, usePullToRefresh } from "./components/pull-to-refresh/use-pull-to-refresh.mjs";
 import { PullToRefreshIndicator } from "./components/pull-to-refresh/pull-to-refresh-indicator.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.94.0",
+  "version": "0.95.0",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",
@@ -62,41 +62,43 @@
     "access": "public"
   },
   "dependencies": {
-    "@base-ui/react": "^1.8.0",
+    "@base-ui/react": "^1.9.0",
+    "@botiverse/ricons": "^0.1.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/react-hotkeys": "^0.11.0",
+    "@tanstack/react-hotkeys": "^0.23.1",
     "cnfast": "^0.2.0",
     "foxact": "^0.3.12",
-    "lucide-react": "^1.48.0",
-    "react-resizable-panels": "^4.13.2",
+    "lucide-react": "^1.72.0",
+    "react-resizable-panels": "^4.21.0",
     "tailwind-merge": "^3.7.0",
-    "tailwind-variants": "^3.3.1"
+    "tailwind-variants": "^4.0.2"
   },
   "devDependencies": {
-    "@babel/parser": "^7.29.9",
-    "@tailwindcss/vite": "^4.3.3",
+    "@babel/parser": "^8.1.0",
+    "@tailwindcss/vite": "^4.3.5",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/react": "^16.3.3",
-    "@types/node": "^26.6.2",
+    "@types/node": "^26.6.6",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@typescript/native-preview": "7.0.0-dev.20260707.2",
-    "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/browser-playwright": "5.0.1",
-    "jsdom": "^30.1.1",
-    "playwright": "^1.63.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "tailwindcss": "^4.3.3",
+    "@vitejs/plugin-react": "^6.3.0",
+    "@vitest/browser-playwright": "5.1.0",
+    "jsdom": "^31.0.0",
+    "playwright": "^1.65.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "tailwindcss": "^4.3.5",
+    "tsrs": "0.24.0-ts7.1.0-beta",
     "typescript": "^7.0.2",
-    "vite": "npm:@voidzero-dev/vite-plus-core@1.0.0",
-    "vite-plus": "1.0.0",
-    "vitest": "5.0.1"
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.6.0",
+    "vite-plus": "1.6.0",
+    "vitest": "5.1.0"
   },
   "peerDependencies": {
-    "@babel/parser": "^7.29.9",
+    "@babel/parser": "^7.29.9 || ^8.0.0",
     "react": "^19",
     "react-dom": "^19"
   },
@@ -112,6 +114,7 @@
     "build": "vp pack",
     "check": "vp check",
     "dev": "vp pack --watch",
-    "test": "vp test"
+    "test": "vp test",
+    "typecheck:tsrs": "tsrs --noEmit"
   }
 }

package/dist/components/icons/action-icons.d.mts

@@ -1,36 +0,0 @@
-import { SVGProps } from "react";
-//#region src/components/icons/action-icons.d.ts
-export type ActionIconProps = SVGProps<SVGSVGElement>;
-/** Follow a thread: a plus inside ThreadIcon's front bubble. */
-export declare function FollowThreadIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Unfollow a thread: a minus inside ThreadIcon's front bubble. */
-export declare function UnfollowThreadIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Join a public channel: Lucide's hash, cut short of a plus in the bottom-right corner. */
-export declare function JoinChannelIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Leave a public channel: the same cut hash, with a minus. */
-export declare function LeaveChannelIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Join a private channel: Lucide's lock, its body cut short of a plus in the bottom-right corner. */
-export declare function JoinPrivateChannelIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Leave a private channel: the same cut lock, with a minus. */
-export declare function LeavePrivateChannelIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Join a joint channel: Lucide's git-branch, with a plus in its empty bottom-right corner. */
-export declare function JoinJointChannelIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Leave a joint channel: Lucide's git-branch, with a minus. */
-export declare function LeaveJointChannelIcon(props: ActionIconProps): import("react").JSX.Element;
-/**
- * Follow an Artifact: ArtifactIcon's page with a plus in the bottom-right corner. The page's
- * right and bottom edges stop 1.6 short of the plus, and the `< >` sits 1.5 higher so its
- * point clears it by as much.
- */
-export declare function FollowArtifactIcon(props: ActionIconProps): import("react").JSX.Element;
-/**
- * Unfollow an Artifact: the same cut page, with a minus. Below 18px the minus is drawn
- * heavier (stroke 3, on whole pixels at 16px), so it reads as a mark beside the page's cut
- * edges rather than one more piece of the outline; at 20 and 24 it is the plain minus.
- */
-export declare function UnfollowArtifactIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Add a comment: CommentIcon at 24, its bubble cut short of a plus in the bottom-right corner. */
-export declare function AddCommentIcon(props: ActionIconProps): import("react").JSX.Element;
-/** Reopen a task: a ticked box, broken open at the top by a counter-clockwise arrow (Lucide's rotate-ccw-square with a check). */
-export declare function ReopenTaskIcon(props: ActionIconProps): import("react").JSX.Element;
-//#endregion