@botiverse/raft-ui 0.21.2 → 0.22.1

package/dist/{index-C1FHbVfH.d.mts → inbox-item-ChANmbeB.d.mts}

@@ -1,12 +1,14 @@
 import { Dialog } from "@base-ui/react/dialog";
-import { VariantProps } from "tailwind-variants/lite";
 import { CSSProperties, ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants/lite";
 import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { Checkbox } from "@base-ui/react/checkbox";
 import { Avatar } from "@base-ui/react";
 import { Menu } from "@base-ui/react/menu";
+import { Popover } from "@base-ui/react/popover";
+import { PreviewCard } from "@base-ui/react/preview-card";
 import { Toggle } from "@base-ui/react/toggle";
 import { Toolbar } from "@base-ui/react/toolbar";
 //#region src/lib/styled-props.d.ts
@@ -278,6 +280,10 @@ type ButtonProps = StyledProps<Button.Props> & Omit<ButtonVariantProps, "size">
 };
 declare function Button$1({ variant, size, loading, loadingLabel, disabled, className, children, render, nativeButton, ...props }: ButtonProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/panel/panel-action.d.ts
+type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes;
+declare function PanelAction({ className, render, nativeButton, ...props }: PanelActionProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = Dialog.Root.Props;
 declare function Dialog$1({ children, ...props }: DialogProps): import("react").JSX.Element;
@@ -301,21 +307,43 @@ type DialogCloseProps = Dialog.Close.Props & Pick<ButtonProps, "variant" | "size
   children?: ReactNode;
 };
 declare function DialogClose({ className, variant, size, children, render, "aria-label": ariaLabel, ...props }: DialogCloseProps): import("react").JSX.Element;
+type DialogSheetBackProps = PanelActionProps;
+/**
+ * Back, in a later step of a flow drawn as a phone sheet: it takes the head's
+ * start in place of × (stdrc, 2026-10-22). The sheet is a stack of steps, and
+ * Back undoes one, as on a pushed page; Esc still closes. Put it in
+ * `DialogHeader` beside the `DialogClose`, from the second step on; it draws
+ * nothing outside a sheet, where Back stays in the footer. Its icon is
+ * `arrow-left`, as every Back (Alignment, "The ends of a header").
+ */
+declare function DialogSheetBack({ className, children, "aria-label": ariaLabel, ...props }: DialogSheetBackProps): import("react").JSX.Element | null;
 type DialogHeaderProps = ComponentPropsWithRef<"div"> & {
   /** A pinned bar of a scrolling (`size="wide"`) dialog. */
   bar?: boolean;
 };
-declare function DialogHeader({ className, bar, ...props }: DialogHeaderProps): import("react").JSX.Element;
+declare function DialogHeader({ className, bar, children, ...props }: DialogHeaderProps): import("react").JSX.Element;
 type DialogBodyProps = ComponentPropsWithRef<"div"> & {
   /** A pinned bar of a scrolling (`size="wide"`) dialog. */
   bar?: boolean;
 };
-declare function DialogBody({ className, bar, ...props }: DialogBodyProps): import("react").JSX.Element;
+declare function DialogBody({ className, bar, children, ...props }: DialogBodyProps): import("react").JSX.Element;
 type DialogFooterProps = ComponentPropsWithRef<"div"> & {
   /** A pinned bar of a scrolling (`size="wide"`) dialog. */
   bar?: boolean;
 };
-declare function DialogFooter({ className, bar, ...props }: DialogFooterProps): import("react").JSX.Element;
+declare function DialogFooter({ className, bar, hidden, children, ref, ...props }: DialogFooterProps): import("react").JSX.Element;
+type DialogFooterNoteProps = ComponentPropsWithRef<"p">;
+/**
+ * One short line at the start of `DialogFooter` that says what the commit
+ * button will do ("You'll be billed $8 per member each month"). Muted footnote
+ * text, start-aligned and never cut. Only in a `lg` or `wide` dialog, and at
+ * most 40 characters: on a desktop it is one line beside the buttons and never
+ * wraps; on a phone it goes above the buttons when they don't fit beside it,
+ * and may wrap to 2 lines. In a phone sheet, which has no footer, it moves
+ * to the end of the body. Longer copy belongs in the body. A footer holds a note or a `TextLink`,
+ * never both.
+ */
+declare function DialogFooterNote({ className, children, ...props }: DialogFooterNoteProps): import("react").JSX.Element | null;
 type DialogTitleProps = StyledProps<Dialog.Title.Props>;
 declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
 type DialogDescriptionProps = StyledProps<Dialog.Description.Props>;
@@ -328,11 +356,39 @@ type DialogSurfaceProps = useRender.ComponentProps<"div">;
  * animates itself: the host centres it, and a centred modal has no motion.
  * DialogContent draws the same frame for a Base UI dialog.
  */
-declare function DialogSurface({ className, render, ...props }: DialogSurfaceProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function DialogSurface({ className, render, children, ...props }: DialogSurfaceProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type DialogNavProps = useRender.ComponentProps<"nav">;
 /** The section list of a wide (`size="wide"`) dialog, inside a `bar` body. */
 declare function DialogNav({ className, render, ...props }: DialogNavProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
+//#region src/components/dialog/dialog-sheet.d.ts
+type DialogSheetContentProps = DialogContentProps;
+/**
+ * DialogContent for a dialog with several fields, a long list or steps. On a
+ * desktop and a tablet it is DialogContent, the same DOM and classes. Below
+ * 768px it is a sheet: docked to the bottom, 90% of the screen tall, sliding
+ * up over its scrim; `DialogHeader` becomes a pushed page's head (× at the
+ * start, the title, the `DialogCommit` button at the end), `DialogFooter` is
+ * hidden (× is Cancel) and `DialogBody` scrolls on the phone's 16px margin
+ * above the home indicator. Base UI keeps Esc, focus and close.
+ */
+declare function DialogSheetContent({ className, overlay, style, ref, children, ...props }: DialogSheetContentProps): import("react").JSX.Element;
+type DialogCommitProps = ButtonProps;
+/**
+ * The dialog's one commit button: a `Button`, written where it goes on a
+ * desktop (the end of `DialogFooter`). In a `DialogSheetContent` below 768px
+ * it is drawn at the end of the sheet's head instead, the same button (color,
+ * words, disabled and loading state) at `size="md"`. In a flow of steps, write
+ * each step's button as one (Next, then the last step's action).
+ *
+ * A submit button stays its form's default button in the head: it is tied to
+ * the form it was written in by the form's `id` (the `form` attribute), so a
+ * click and Enter in a field submit, and neither does while it is disabled.
+ * Give that form an `id`, or pass `form`. Without one a click still submits
+ * the form, but Enter in a field doesn't.
+ */
+declare function DialogCommit({ size, form, onClick, ...props }: DialogCommitProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/text-link/text-link.d.ts
 declare const textLinkVariants: import("tailwind-variants/lite").TVReturnType<{
   variant: {
@@ -353,6 +409,178 @@ declare const textLinkVariants: import("tailwind-variants/lite").TVReturnType<{
 type TextLinkProps = useRender.ComponentProps<"button"> & VariantProps<typeof textLinkVariants>;
 declare function TextLink({ variant, className, render, ...props }: TextLinkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
+//#region src/lib/row-tone.d.ts
+/**
+ * What a place in a list is to you, shared by every row that lists places
+ * (ListRow, SidebarItem): something waits for you (`unread`), you muted it
+ * (`muted`), or you are not in it: offline or not joined (`away`).
+ */
+type RowTone = "default" | "unread" | "muted" | "away";
+//#endregion
+//#region src/components/list-row/list-row.recipe.d.ts
+declare const listRow: import("tailwind-variants/lite").TVReturnType<{
+  variant: {
+    default: {
+      root: (string | string[])[];
+    };
+    plain: {
+      root: (string | string[])[];
+    };
+    entry: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {
+      root: string[];
+    };
+    false: {};
+  };
+  wrap: {
+    true: {
+      description: string;
+    };
+    false: {};
+  };
+}, {
+  group: string[];
+  root: string[];
+  icon: string[];
+  body: string[];
+  line: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  value: string[];
+  chevron: string[];
+}, undefined, {
+  variant: {
+    default: {
+      root: (string | string[])[];
+    };
+    plain: {
+      root: (string | string[])[];
+    };
+    entry: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {
+      root: string[];
+    };
+    false: {};
+  };
+  wrap: {
+    true: {
+      description: string;
+    };
+    false: {};
+  };
+}, {
+  group: string[];
+  root: string[];
+  icon: string[];
+  body: string[];
+  line: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  value: string[];
+  chevron: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  variant: {
+    default: {
+      root: (string | string[])[];
+    };
+    plain: {
+      root: (string | string[])[];
+    };
+    entry: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {
+      root: string[];
+    };
+    false: {};
+  };
+  wrap: {
+    true: {
+      description: string;
+    };
+    false: {};
+  };
+}, {
+  group: string[];
+  root: string[];
+  icon: string[];
+  body: string[];
+  line: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  value: string[];
+  chevron: string[];
+}>>;
+//#endregion
+//#region src/components/list-row/list-row.d.ts
+type ListRowGroupProps = useRender.ComponentProps<"div">;
+/** An inset group: rows wrapped in a card (surface, hairline, radius-lg). */
+declare function ListRowGroup({ className, render, ...props }: ListRowGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowProps = useRender.ComponentProps<"button"> & Pick<VariantProps<typeof listRow>, "variant"> & {
+  /** Something waits for you here (bold title, ink preview), the place is
+   *  muted (ink-2 title), or you are not in it yet (ink-3 title and preview).
+   *  A disabled row ignores it: everything is ink-disabled. */
+  tone?: RowTone;
+  /** The item open beside the list: the row takes the cyan wash and stops
+   *  reacting to hover. Say why it is selected with `aria-current` or
+   *  `aria-selected` yourself. */
+  selected?: boolean;
+  /** `false` renders a display-only row: a `div` with no hover or press,
+   *  for a row whose controls (a switch, a button) are its only targets. */
+  interactive?: boolean;
+};
+/**
+ * One row of a list. It renders a `button` by default; pass `render={<a />}`
+ * (or a router link) for a row that goes somewhere. Children are the leading
+ * block (an avatar, a channel or icon tile, `ListRowIcon`), `ListRowBody`, and
+ * anything trailing (a value, a badge, a switch, `ListRowChevron`).
+ */
+declare function ListRow({ variant, tone, selected, interactive, className, render, ...props }: ListRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowIconProps = useRender.ComponentProps<"span">;
+/** A 20px leading icon in ink-3: entry rows and settings. */
+declare function ListRowIcon({ className, render, ...props }: ListRowIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowBodyProps = useRender.ComponentProps<"span">;
+/** The text column: the title and the preview, or a `ListRowTop` and a `ListRowBottom`. */
+declare function ListRowBody({ className, render, ...props }: ListRowBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowTopProps = useRender.ComponentProps<"span">;
+/** The first line: the title, then the time. */
+declare function ListRowTop({ className, render, ...props }: ListRowTopProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowBottomProps = useRender.ComponentProps<"span">;
+/** The second line: the preview, then at most one badge. */
+declare function ListRowBottom({ className, render, ...props }: ListRowBottomProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowTitleProps = useRender.ComponentProps<"span">;
+/** 16/24 600 on one line; the row's tone sets its weight and ink. */
+declare function ListRowTitle({ className, render, ...props }: ListRowTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowDescriptionProps = useRender.ComponentProps<"span"> & {
+  /** Let the text run onto more lines instead of truncating: a setting's
+   *  consequence. */
+  wrap?: boolean;
+};
+/** The preview (who spoke first: "Wug: …") or a setting's consequence, 14/20 ink-2. */
+declare function ListRowDescription({ className, render, wrap, ...props }: ListRowDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowMetaProps = useRender.ComponentProps<"span">;
+/** Machine-written facts in Space Mono 12, ink-3: the time, a gray count. */
+declare function ListRowMeta({ className, render, ...props }: ListRowMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowValueProps = useRender.ComponentProps<"span">;
+/** A setting's current value on the right, 15/20 ink-3, at most 45% of the row. */
+declare function ListRowValue({ className, render, ...props }: ListRowValueProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListRowChevronProps = useRender.ComponentProps<"span">;
+/** The ink-3 arrow of a row that opens another page. */
+declare function ListRowChevron({ className, render, ...props }: ListRowChevronProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
 //#region src/lib/presence.d.ts
 /**
  * The five status lights of the design system. Each colour is a fixed
@@ -607,6 +835,122 @@ type DropdownMenuLinkItemProps = StyledProps<Menu.LinkItem.Props> & {
  */
 declare function DropdownMenuLinkItem({ current, className, children, ...props }: DropdownMenuLinkItemProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/mobile-nav/mobile-nav.d.ts
+type MobileNavRootProps = useRender.ComponentProps<"nav">;
+declare function MobileNavRoot({ className, render, ...props }: MobileNavRootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MobileNavItemProps = useRender.ComponentProps<"button"> & {
+  nativeButton?: boolean;
+  selected?: boolean;
+};
+declare function MobileNavItem({ nativeButton, selected, className, render, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MobileNavLabelProps = useRender.ComponentProps<"span">;
+declare function MobileNavLabel({ className, render, ...props }: MobileNavLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/popover/popover.d.ts
+type PopoverProps = Popover.Root.Props;
+declare function Popover$1(props: PopoverProps): import("react").JSX.Element;
+type PopoverTriggerProps = StyledProps<Popover.Trigger.Props>;
+declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): import("react").JSX.Element;
+type PopoverPortalProps = Popover.Portal.Props;
+declare function PopoverPortal(props: PopoverPortalProps): import("react").JSX.Element;
+type PopoverPopupProps = ComponentPropsWithRef<"div">;
+declare function PopoverPopup({ className, ...props }: PopoverPopupProps): import("react").JSX.Element;
+type PopoverContentProps = StyledProps<Popover.Popup.Props> & Pick<Popover.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  container?: PopoverPortalProps["container"];
+  portalProps?: PopoverPortalProps;
+};
+declare function PopoverContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, container, portalProps, className, ...props }: PopoverContentProps): import("react").JSX.Element;
+type PopoverViewportProps = StyledProps<Popover.Viewport.Props>;
+declare function PopoverViewport({ className, ...props }: PopoverViewportProps): import("react").JSX.Element;
+type PopoverHeaderProps = ComponentPropsWithRef<"div">;
+declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): import("react").JSX.Element;
+type PopoverSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function PopoverSeparator({ className, ...props }: PopoverSeparatorProps): import("react").JSX.Element;
+type PopoverTitleProps = StyledProps<Popover.Title.Props>;
+declare function PopoverTitle({ className, ...props }: PopoverTitleProps): import("react").JSX.Element;
+type PopoverDescriptionProps = StyledProps<Popover.Description.Props>;
+declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): import("react").JSX.Element;
+type PopoverCloseProps = StyledProps<Popover.Close.Props>;
+declare function PopoverClose({ className, ...props }: PopoverCloseProps): import("react").JSX.Element;
+type PopoverArrowProps = StyledProps<Popover.Arrow.Props>;
+declare function PopoverArrow({ className, ...props }: PopoverArrowProps): import("react").JSX.Element;
+type PopoverBackdropProps = StyledProps<Popover.Backdrop.Props>;
+declare function PopoverBackdrop({ className, ...props }: PopoverBackdropProps): import("react").JSX.Element;
+type PopoverBodyProps = ComponentPropsWithRef<"div">;
+/** The panel's text: a `PopoverTitle` and a `PopoverDescription`, 16px in from its edges. */
+declare function PopoverBody({ className, ...props }: PopoverBodyProps): import("react").JSX.Element;
+type PopoverActionsProps = ComponentPropsWithRef<"div">;
+/** The panel's buttons, at its end, under `PopoverBody`: the way out first, then the confirm button. */
+declare function PopoverActions({ className, ...props }: PopoverActionsProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/mobile-nav/mobile-nav-server.d.ts
+type MobileNavServerPopoverProps = Omit<PopoverProps, "handle">;
+/** The root: owns the popover's open state, like `Popover` (`open`, `onOpenChange`). */
+declare function MobileNavServerPopover(props: MobileNavServerPopoverProps): import("react").JSX.Element;
+type MobileNavServerItemProps = Omit<MobileNavItemProps, "selected" | "render" | "nativeButton">;
+/**
+ * The tab: the server's avatar and its name in `MobileNavLabel`, as children.
+ * A press opens the popover, and so does holding it for 500ms (the long press
+ * of raft-ui's menus). Lifting the finger after a hold never closes it: the
+ * click that ends the hold is not a press, whether the hold opened the
+ * popover or found it open.
+ * It is never `selected`: it holds no page.
+ */
+declare function MobileNavServerItem({ className, id, ref, onClick, onContextMenu, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onPointerLeave, ...props }: MobileNavServerItemProps): import("react").JSX.Element;
+type MobileNavServerPopoverContentProps = PopoverContentProps;
+/**
+ * The popover above the tab bar, 8px from each side of it and 8px above it,
+ * as tall as its content and at most 60% of the screen. It stops below the
+ * top safe area (a notch in a standalone web app): Base UI's collision padding
+ * takes only pixels, so the height cap subtracts `env(safe-area-inset-top)`.
+ * The bottom needs none: the tab bar under the popover already pads the
+ * bottom safe area. A column:
+ * `MobileNavServerPopoverList` takes the room left and scrolls, and the
+ * destinations and the footer after it stay in view.
+ */
+declare function MobileNavServerPopoverContent({ anchor, side, align, sideOffset, collisionPadding, className, ...props }: MobileNavServerPopoverContentProps): import("react").JSX.Element;
+type MobileNavServerPopoverListProps = ComponentPropsWithRef<"div">;
+/** The server list: takes the room left in the popover and scrolls inside it. */
+declare function MobileNavServerPopoverList({ className, ...props }: MobileNavServerPopoverListProps): import("react").JSX.Element;
+type MobileNavServerPopoverGroupProps = ComponentPropsWithRef<"div">;
+/** Rows that always stay in view, such as the footer actions. */
+declare function MobileNavServerPopoverGroup({ className, ...props }: MobileNavServerPopoverGroupProps): import("react").JSX.Element;
+type MobileNavServerPopoverRowProps = ComponentPropsWithRef<"button">;
+/**
+ * One row at the option height of every popup list (`py-option-inset`, 36px
+ * for one line; a second line adds its own height and nothing else): a 20px
+ * avatar or a 16px icon, `MobileNavServerPopoverRowLabel` (or a
+ * `MobileNavServerPopoverRowBody` with a description under the label), then
+ * anything trailing (a check, a count), centered on the row.
+ * `aria-current="true"` marks the current server in bold.
+ */
+declare function MobileNavServerPopoverRow({ className, type, ...props }: MobileNavServerPopoverRowProps): import("react").JSX.Element;
+type MobileNavServerPopoverRowLabelProps = ComponentPropsWithRef<"span">;
+/** A row's label: takes the room and truncates. */
+declare function MobileNavServerPopoverRowLabel({ className, ...props }: MobileNavServerPopoverRowLabelProps): import("react").JSX.Element;
+type MobileNavServerPopoverDestinationsProps = ComponentPropsWithRef<"div">;
+/** The server's own pages, side by side in equal cells; a `group`, named with `aria-label`. */
+declare function MobileNavServerPopoverDestinations({ className, ...props }: MobileNavServerPopoverDestinationsProps): import("react").JSX.Element;
+type MobileNavServerPopoverDestinationProps = ComponentPropsWithRef<"button">;
+/**
+ * One of the server's pages: a 20px icon over a short label in a `span`, which
+ * truncates. Something new on that page (a feedback reply, a computer that
+ * needs attention) is an `accent` `Status` child, the attention dot at the
+ * icon's top-right corner: the server tab's avatar never carries it.
+ */
+declare function MobileNavServerPopoverDestination({ className, type, ...props }: MobileNavServerPopoverDestinationProps): import("react").JSX.Element;
+type MobileNavServerPopoverRowBodyProps = ComponentPropsWithRef<"span">;
+/**
+ * The text of a two-line row: `MobileNavServerPopoverRowLabel`, then
+ * `MobileNavServerPopoverRowDescription` under it. The second line adds its
+ * own height and nothing else; the avatar and the trailing check or count
+ * center on both lines.
+ */
+declare function MobileNavServerPopoverRowBody({ className, ...props }: MobileNavServerPopoverRowBodyProps): import("react").JSX.Element;
+type MobileNavServerPopoverRowDescriptionProps = ComponentPropsWithRef<"span">;
+/** A row's second line, such as a server's address: muted Space Mono; truncates. */
+declare function MobileNavServerPopoverRowDescription({ className, ...props }: MobileNavServerPopoverRowDescriptionProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/tooltip/tooltip.d.ts
 type TooltipProviderProps = Tooltip.Provider.Props;
 declare function TooltipProvider({ delay, ...props }: TooltipProviderProps): import("react").JSX.Element;
@@ -622,6 +966,45 @@ type TooltipContentProps = StyledProps<Tooltip.Popup.Props> & Pick<Tooltip.Posit
 };
 declare function TooltipContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, container, portalProps, className, children, ...props }: TooltipContentProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/preview-card/preview-card.d.ts
+type PreviewCardProps = PreviewCard.Root.Props;
+declare function PreviewCard$1(props: PreviewCardProps): import("react").JSX.Element;
+type PreviewCardTriggerProps = StyledProps<PreviewCard.Trigger.Props>;
+declare function PreviewCardTrigger({ delay, closeDelay, className, ...props }: PreviewCardTriggerProps): import("react").JSX.Element;
+type PreviewCardPortalProps = PreviewCard.Portal.Props;
+declare function PreviewCardPortal(props: PreviewCardPortalProps): import("react").JSX.Element;
+type PreviewCardPopupProps = ComponentPropsWithRef<"div">;
+declare function PreviewCardPopup({ className, ...props }: PreviewCardPopupProps): import("react").JSX.Element;
+type PreviewCardContentProps = StyledProps<PreviewCard.Popup.Props> & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: PreviewCardPortalProps;
+};
+declare function PreviewCardContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, ...props }: PreviewCardContentProps): import("react").JSX.Element;
+type PreviewCardHeaderProps = ComponentPropsWithRef<"div">;
+declare function PreviewCardHeader({ className, ...props }: PreviewCardHeaderProps): import("react").JSX.Element;
+type PreviewCardSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function PreviewCardSeparator({ className, ...props }: PreviewCardSeparatorProps): import("react").JSX.Element;
+type PreviewCardTitleProps = ComponentPropsWithRef<"p">;
+declare function PreviewCardTitle({ className, ...props }: PreviewCardTitleProps): import("react").JSX.Element;
+type PreviewCardDescriptionProps = ComponentPropsWithRef<"p">;
+declare function PreviewCardDescription({ className, ...props }: PreviewCardDescriptionProps): import("react").JSX.Element;
+type PreviewCardArrowProps = StyledProps<PreviewCard.Arrow.Props>;
+declare function PreviewCardArrow({ className, ...props }: PreviewCardArrowProps): import("react").JSX.Element;
+type PreviewCardBodyProps = ComponentPropsWithRef<"div">;
+/** The item card's block: the id line, the title and the details row, in that order. */
+declare function PreviewCardBody({ className, ...props }: PreviewCardBodyProps): import("react").JSX.Element;
+type PreviewCardEyebrowProps = ComponentPropsWithRef<"p">;
+/** The muted line above the title that identifies the item, such as its id. One line, truncated. */
+declare function PreviewCardEyebrow({ className, ...props }: PreviewCardEyebrowProps): import("react").JSX.Element;
+type PreviewCardMetaProps = ComponentPropsWithRef<"div">;
+/** The row under the title: one state chip, then muted details. Wraps when it runs out of room. */
+declare function PreviewCardMeta({ className, ...props }: PreviewCardMetaProps): import("react").JSX.Element;
+type PreviewCardActionsProps = ComponentPropsWithRef<"div">;
+/** The row of at most two buttons. */
+declare function PreviewCardActions({ className, ...props }: PreviewCardActionsProps): import("react").JSX.Element;
+type PreviewCardFooterProps = ComponentPropsWithRef<"p">;
+/** The caption under a hairline at the bottom of the card: where the item comes from. */
+declare function PreviewCardFooter({ className, ...props }: PreviewCardFooterProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/avatar/avatar.d.ts
 declare const avatar: import("tailwind-variants/lite").TVReturnType<{
   type: {
@@ -878,8 +1261,17 @@ declare const messageItem: import("tailwind-variants/lite").TVReturnType<{
 type MessageItemVariantProps = VariantProps<typeof messageItem>;
 //#endregion
 //#region src/components/message-item/message-item-root.d.ts
-type MessageItemProps = useRender.ComponentProps<"div"> & Pick<MessageItemVariantProps, "compact">;
-declare function MessageItem({ className, compact, render, ...props }: MessageItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemProps = useRender.ComponentProps<"div"> & Pick<MessageItemVariantProps, "compact"> & {
+  /**
+   * The message someone just jumped to: the row shows `info-soft` at once
+   * and fades it out by `LOCATED_MS` (design/foundations/states.md#located).
+   * Pass `useLocated(request)`, which turns it off after `LOCATED_MS` and
+   * restarts it on the next jump; a search match, a checked row or an open
+   * popup keeps its own fill instead.
+   */
+  located?: boolean;
+};
+declare function MessageItem({ className, compact, located, render, ...props }: MessageItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 //#region src/components/message-item/message-item-gutter.d.ts
 type MessageItemGutterProps = useRender.ComponentProps<"div">;
@@ -1047,18 +1439,41 @@ type MessageReferenceTextProps = SpanProps$1 & {
 declare function MessageReferenceText({ className, render, variant, ...props }: MessageReferenceTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type MessageReferenceIndicatorProps = useRender.ComponentProps<"span">;
 declare function MessageReferenceIndicator({ className, render, ...props }: MessageReferenceIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReferenceReadMarkProps = useRender.ComponentProps<"span">;
+/**
+ * The read receipt on a mention: a muted check after the mention's text, once
+ * the one mentioned has read the message. Put it last inside the mention, and
+ * render nothing until then. The check is decorative; `children` is what a
+ * screen reader says instead ("Read"), visually hidden.
+ */
+declare function MessageReferenceReadMark({ children, className, render, ...props }: MessageReferenceReadMarkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type MessageReferenceChipProps = SpanProps$1 & {
   variant?: MessageReferenceChipVariant;
+  /**
+   * Stops the chip at `min(100%, 24em)`; a longer `MessageReferenceLabel`
+   * truncates at the end. For words Raft doesn't write, such as an app's title.
+   */
+  capped?: boolean;
 };
-declare function MessageReferenceChip({ className, render, variant, ...props }: MessageReferenceChipProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function MessageReferenceChip({ className, render, variant, capped, ...props }: MessageReferenceChipProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type MessageReferenceLabelProps = useRender.ComponentProps<"span">;
 declare function MessageReferenceLabel({ className, render, ...props }: MessageReferenceLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type MessageReferenceSuffixProps = useRender.ComponentProps<"span">;
 /** A short note after a chip's label in muted machine type, such as `msg` on a
  *  link to a message. It lines up with the label by the middle of its letters. */
 declare function MessageReferenceSuffix({ className, render, ...props }: MessageReferenceSuffixProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type MessageReferencePendingProps = SpanProps$1;
-declare function MessageReferencePending({ className, render, ...props }: MessageReferencePendingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReferenceIconProps = useRender.ComponentProps<"span">;
+/**
+ * The chip's leading icon when it is not a plain svg: an image or a `3xs`
+ * Avatar, such as an app's registered icon. It holds one child at 14px,
+ * centred on the chip. Put it first in the chip.
+ */
+declare function MessageReferenceIcon({ className, render, ...props }: MessageReferenceIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReferencePendingProps = SpanProps$1 & {
+  /** The same cap as `MessageReferenceChip`'s, so the chip that replaces it keeps its width. */
+  capped?: boolean;
+};
+declare function MessageReferencePending({ className, render, capped, ...props }: MessageReferencePendingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 type MessageReferenceUnavailableProps = SpanProps$1;
 declare function MessageReferenceUnavailable({ className, render, ...props }: MessageReferenceUnavailableProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
@@ -1156,4 +1571,74 @@ type MessageListJumpPillDismissProps = StyledProps<Button.Props> & DataAttribute
 };
 declare function MessageListJumpPillDismiss({ className, children, render, nativeButton, ...props }: MessageListJumpPillDismissProps): import("react").JSX.Element;
 //#endregion
-export { MessageTextSelectionToolbarSeparator as $, DialogTitleProps as $i, MessageItemAvatarSlotProps as $n, DropdownMenuProps as $r, MessageReactionTooltipSeparator as $t, MessageQuotedPreviewAuthorNameProps as A, Dialog$1 as Ai, MessageItemSenderBadgesProps as An, DropdownMenu as Ar, MessageReactionCountProps as At, MessageQuotedPreviewProps as B, DialogFooterProps as Bi, MessageItemBody as Bn, DropdownMenuItemCount as Br, MessageReactionQuickButtonProps as Bt, MessageQuotedPreviewAttachmentsProps as C, CheckboxIndicatorProps as Ci, MessageItemHeaderProps as Cn, TooltipPortal as Cr, MessageReferenceChipVariant as Ct, MessageQuotedPreviewAuthorMeta as D, TextLink as Di, MessageItemMetaProps as Dn, TooltipProviderProps as Dr, MessageReactionChip as Dt, MessageQuotedPreviewAuthorDelegatedByProps as E, Presence as Ei, MessageItemMeta as En, TooltipProvider as Er, MessageReactionAddButtonProps as Et, MessageQuotedPreviewContentProps as F, DialogContent as Fi, MessageItemSenderProps as Fn, DropdownMenuContent as Fr, MessageReactionPickerContent as Ft, MessageQuotedPreviewTimestamp as G, DialogOverlay as Gi, MessageItemEditedProps as Gn, DropdownMenuLabel as Gr, MessageReactionTooltipMeta as Gt, MessageQuotedPreviewTextProps as H, DialogHeaderProps as Hi, MessageItemContent as Hn, DropdownMenuItemLabel as Hr, MessageReactionQuickRowProps as Ht, MessageQuotedPreviewHeader as I, DialogContentProps as Ii, MessageItemTime as In, DropdownMenuContentProps as Ir, MessageReactionPickerContentProps as It, MessageQuotedPreviewUnavailableProps as J, DialogPortalProps as Ji, MessageItemFooter as Jn, DropdownMenuLinkItemProps as Jr, MessageReactionTooltipNameProps as Jt, MessageQuotedPreviewTimestampProps as K, DialogOverlayProps as Ki, MessageItemEmbedded as Kn, DropdownMenuLabelProps as Kr, MessageReactionTooltipMetaProps as Kt, MessageQuotedPreviewHeaderProps as L, DialogDescription as Li, MessageItemTimeProps as Ln, DropdownMenuFooter as Lr, MessageReactionPickerStatic as Lt, MessageQuotedPreviewChannel as M, DialogBodyProps as Mi, MessageItemSenderButtonProps as Mn, DropdownMenuCheckboxItemIndicator as Mr, MessageReactionErrorIndicatorProps as Mt, MessageQuotedPreviewChannelProps as N, DialogClose as Ni, MessageItemSenderGroup as Nn, DropdownMenuCheckboxItemIndicatorProps as Nr, MessageReactionGlyph as Nt, MessageQuotedPreviewAuthorMetaProps as O, TextLinkProps as Oi, MessageItemSender as On, TooltipTrigger as Or, MessageReactionChipProps as Ot, MessageQuotedPreviewContent as P, DialogCloseProps as Pi, MessageItemSenderGroupProps as Pn, DropdownMenuCheckboxItemProps as Pr, MessageReactionGlyphProps as Pt, MessageTextSelectionToolbarProps as Q, DialogTitle as Qi, MessageItemAvatarSlot as Qn, DropdownMenuPortalProps as Qr, MessageReactionTooltipNamesProps as Qt, MessageQuotedPreviewLoading as R, DialogDescriptionProps as Ri, MessageItemAttachments as Rn, DropdownMenuFooterProps as Rr, MessageReactionPickerStaticProps as Rt, MessageQuotedPreviewAttachments as S, CheckboxIndicator as Si, MessageItemHeader as Sn, TooltipContentProps as Sr, MessageReferenceUnavailableProps as St, MessageQuotedPreviewAuthorDelegatedBy as T, CheckboxProps as Ti, MessageItemInlineStatusProps as Tn, TooltipProps as Tr, MessageReactionAddButton as Tt, MessageQuotedPreviewThread as U, DialogNav as Ui, MessageItemContentProps as Un, DropdownMenuItemLabelProps as Ur, MessageReactionTooltipContent as Ut, MessageQuotedPreviewText as V, DialogHeader as Vi, MessageItemBodyProps as Vn, DropdownMenuItemCountProps as Vr, MessageReactionQuickRow as Vt, MessageQuotedPreviewThreadProps as W, DialogNavProps as Wi, MessageItemEdited as Wn, DropdownMenuItemProps as Wr, MessageReactionTooltipContentProps as Wt, MessageTextSelectionToolbarButton as X, DialogSurface as Xi, MessageItemSearchMatch as Xn, DropdownMenuPopupProps as Xr, MessageReactionTooltipNameTextProps as Xt, MessageTextSelectionToolbar as Y, DialogProps as Yi, MessageItemFooterProps as Yn, DropdownMenuPopup as Yr, MessageReactionTooltipNameText as Yt, MessageTextSelectionToolbarButtonProps as Z, DialogSurfaceProps as Zi, MessageItemSearchMatchProps as Zn, DropdownMenuPortal as Zr, MessageReactionTooltipNames as Zt, MessageList as _, KbdGroup as _i, MessageItemDelegatedByButton as _n, AvatarImageProps as _r, MessageReferenceSuffix as _t, MessageListJumpPillDismissProps as a, DeprecatedButtonSize as aa, DropdownMenuRadioItemProps as ai, MessageItemBadgeStatus as an, MessageItemProps as ar, MessageMultiSelectToolbar as at, MessageQuotedPreviewAttachment as b, Badge as bi, MessageItemDelegatedByNameProps as bn, Tooltip$1 as br, MessageReferenceTextProps as bt, MessageListJumpPillProps as c, DataAttributes as ca, DropdownMenuShortcut as ci, MessageItemSavedIndicator as cn, AvatarBadgeOffset as cr, MessageMultiSelectToolbarProps as ct, MessageListEndFade as d, DropdownMenuSubmenuProps as di, MessageItemToolbarButton as dn, AvatarFallbackProps as dr, MessageReferenceIndicator as dt, DialogTrigger as ea, DropdownMenuRadioGroup as ei, MessageReactionTooltipSeparatorProps as en, MessageItemContinuationTime as er, MessageTextSelectionToolbarSeparatorProps as et, MessageListEndFadeProps as f, DropdownMenuSubmenuTrigger as fi, MessageItemToolbarButtonProps as fn, AvatarGroup as fr, MessageReferenceIndicatorProps as ft, MessageListNoticeProps as g, Kbd as gi, MessageItemDelegatedBy as gn, AvatarImage as gr, MessageReferencePendingProps as gt, MessageListNotice as h, DropdownMenuTriggerProps as hi, MessageItemDelegatedAvatarProps as hn, AvatarGroupProps as hr, MessageReferencePending as ht, MessageListJumpPillDismiss as i, ButtonSize as ia, DropdownMenuRadioItemIndicatorProps as ii, MessageItemBadgeSeparatorProps as in, MessageItem as ir, MessageMultiSelectProps as it, MessageQuotedPreviewAuthorProps as j, DialogBody as ji, MessageItemSenderButton as jn, DropdownMenuCheckboxItem as jr, MessageReactionErrorIndicator as jt, MessageQuotedPreviewAuthorName as k, textLinkVariants as ki, MessageItemSenderBadges as kn, TooltipTriggerProps as kr, MessageReactionCount as kt, MessageListDateDivider as l, StyledProps as la, DropdownMenuShortcutProps as li, MessageItemSavedIndicatorProps as ln, AvatarBadgeProps as lr, MessageReferenceChip as lt, MessageListHistoryLimitedProps as m, DropdownMenuTrigger as mi, MessageItemDelegatedAvatar as mn, AvatarGroupCountProps as mr, MessageReferenceLabelProps as mt, MessageListJumpControlsProps as n, Button$1 as na, DropdownMenuRadioItem as ni, MessageItemBadgeProps as nn, MessageItemGutter as nr, MessageMultiSelectCheckbox as nt, MessageListJumpPillGroup as o, buttonVariants as oa, DropdownMenuSeparator as oi, MessageItemReadReceipt as on, Avatar$1 as or, MessageMultiSelectToolbarActions as ot, MessageListHistoryLimited as p, DropdownMenuSubmenuTriggerProps as pi, MessageItemToolbarProps as pn, AvatarGroupCount as pr, MessageReferenceLabel as pt, MessageQuotedPreviewUnavailable as q, DialogPortal as qi, MessageItemEmbeddedProps as qn, DropdownMenuLinkItem as qr, MessageReactionTooltipName as qt, MessageListJumpPill as r, ButtonProps as ra, DropdownMenuRadioItemIndicator as ri, MessageItemBadgeSeparator as rn, MessageItemGutterProps as rr, MessageMultiSelectCheckboxProps as rt, MessageListJumpPillGroupProps as s, VariantProps as sa, DropdownMenuSeparatorProps as si, MessageItemReadReceiptProps as sn, AvatarBadge as sr, MessageMultiSelectToolbarActionsProps as st, MessageListJumpControls as t, DialogTriggerProps as ta, DropdownMenuRadioGroupProps as ti, MessageItemBadge as tn, MessageItemContinuationTimeProps as tr, MessageMultiSelect as tt, MessageListDateDividerProps as u, DropdownMenuSubmenu as ui, MessageItemToolbar as un, AvatarFallback as ur, MessageReferenceChipProps as ut, MessageListProps as v, KbdGroupProps as vi, MessageItemDelegatedByButtonProps as vn, AvatarProps as vr, MessageReferenceSuffixProps as vt, MessageQuotedPreviewAuthor as w, Checkbox$1 as wi, MessageItemInlineStatus as wn, TooltipPortalProps as wr, MessageReferenceTextVariant as wt, MessageQuotedPreviewAttachmentProps as x, BadgeProps as xi, MessageItemDelegatedByProps as xn, TooltipContent as xr, MessageReferenceUnavailable as xt, MessageQuotedPreview as y, KbdProps as yi, MessageItemDelegatedByName as yn, AvatarSize as yr, MessageReferenceText as yt, MessageQuotedPreviewLoadingProps as z, DialogFooter as zi, MessageItemAttachmentsProps as zn, DropdownMenuItem as zr, MessageReactionQuickButton as zt };
+//#region src/components/inbox-item/inbox-item.d.ts
+/**
+ * `compact`: one line for the title and one for the excerpt, the row centred
+ * on its leading visual, and the trailing column set on the same two 20px
+ * lines (a conversation list). Leave it unset for the default two-line rows.
+ */
+type InboxItemDensity = "compact";
+type InboxItemProps = useRender.ComponentProps<"div"> & {
+  active?: boolean;
+  density?: InboxItemDensity;
+  disabled?: boolean;
+};
+declare function InboxItem({ active, className, density, disabled, render, ...props }: InboxItemProps): import("react").JSX.Element;
+type InboxItemTriggerProps = Omit<useRender.ComponentProps<"button">, "type">;
+declare function InboxItemTrigger({ className, onClick, render, ...props }: InboxItemTriggerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/**
+ * A leading visual before the content: a 36px avatar, a channel tile. The
+ * divider between rows starts after it.
+ */
+type InboxItemLeadingProps = useRender.ComponentProps<"div">;
+declare function InboxItemLeading({ className, render, ...props }: InboxItemLeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemSelectionProps = useRender.ComponentProps<"div">;
+declare function InboxItemSelection({ className, render, ...props }: InboxItemSelectionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemContentProps = useRender.ComponentProps<"div">;
+declare function InboxItemContent({ className, render, ...props }: InboxItemContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemContextProps = useRender.ComponentProps<"div">;
+declare function InboxItemContext({ className, render, ...props }: InboxItemContextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemSubtitleProps = useRender.ComponentProps<"div">;
+declare function InboxItemSubtitle({ className, render, ...props }: InboxItemSubtitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemHeadingProps = useRender.ComponentProps<"div">;
+declare function InboxItemHeading({ className, render, ...props }: InboxItemHeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemTitleProps = useRender.ComponentProps<"div">;
+declare function InboxItemTitle({ className, render, ...props }: InboxItemTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemTrailingProps = useRender.ComponentProps<"div">;
+declare function InboxItemTrailing({ className, render, ...props }: InboxItemTrailingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemTimestampProps = useRender.ComponentProps<"span">;
+declare function InboxItemTimestamp({ className, render, ...props }: InboxItemTimestampProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Marks at the end of a line: a mention, muted, an unread count. A 20px line
+ * of its own in `InboxItemTrailing`, so it sits beside the excerpt.
+ */
+type InboxItemMarksProps = useRender.ComponentProps<"div">;
+declare function InboxItemMarks({ className, render, ...props }: InboxItemMarksProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Takes the pointer inside the content, which otherwise lets it through to
+ * the trigger, so a badge's tooltip opens on hover. A click on it still opens
+ * the item: it is passed on to `InboxItemTrigger`.
+ */
+type InboxItemHoverTargetProps = useRender.ComponentProps<"span">;
+declare function InboxItemHoverTarget({ className, onClick, render, ...props }: InboxItemHoverTargetProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemBodyProps = useRender.ComponentProps<"p">;
+declare function InboxItemBody({ className, render, ...props }: InboxItemBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemMessageProps = useRender.ComponentProps<"p">;
+declare function InboxItemMessage({ className, render, ...props }: InboxItemMessageProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemSenderProps = useRender.ComponentProps<"span">;
+declare function InboxItemSender({ className, render, ...props }: InboxItemSenderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemMetadataProps = useRender.ComponentProps<"div">;
+declare function InboxItemMetadata({ className, render, ...props }: InboxItemMetadataProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type InboxItemActionsProps = useRender.ComponentProps<"div"> & {
+  /**
+   * `hover`: with a mouse, the actions stay hidden until the row is hovered,
+   * holds focus, is `active` or has a menu open, and then take the place of
+   * the rest of `InboxItemTrailing` (the timestamp, the marks, the attention
+   * dot), which steps aside. On a touch screen (`pointer: coarse`) they show
+   * at rest and the rest of the trailing column moves over to make room.
+   */
+  reveal?: "hover";
+};
+declare function InboxItemActions({ className, render, reveal, ...props }: InboxItemActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { MessageListNoticeProps as $, DropdownMenuCheckboxItemIndicator as $a, MobileNavServerPopoverDestinationProps as $i, MessageItemToolbarButtonProps as $n, ListRowChevron as $o, AvatarGroup as $r, DialogTriggerProps as $s, MessageReferenceLabelProps as $t, InboxItemTimestamp as A, PopoverHeader as Aa, PreviewCardProps as Ai, MessageReactionTooltipContent as An, DropdownMenuShortcutProps as Ao, MessageItemContentProps as Ar, DialogContentProps as As, MessageQuotedPreviewUnavailable as At, MessageListJumpPill as B, PopoverTitleProps as Ba, TooltipPortal as Bi, MessageReactionTooltipSeparator as Bn, KbdProps as Bo, MessageItemAvatarSlotProps as Br, DialogNavProps as Bs, MessageMultiSelectCheckboxProps as Bt, InboxItemProps as C, PopoverBodyProps as Ca, PreviewCardHeaderProps as Ci, MessageReactionPickerContentProps as Cn, DropdownMenuRadioItem as Co, MessageItemTime as Cr, DialogSheetContentProps as Cs, MessageQuotedPreviewProps as Ct, InboxItemSenderProps as D, PopoverContentProps as Da, PreviewCardPopupProps as Di, MessageReactionQuickButtonProps as Dn, DropdownMenuSeparator as Do, MessageItemBody as Dr, DialogClose as Ds, MessageQuotedPreviewThreadProps as Dt, InboxItemSender as E, PopoverContent as Ea, PreviewCardPopup as Ei, MessageReactionQuickButton as En, DropdownMenuRadioItemProps as Eo, MessageItemAttachmentsProps as Er, DialogBodyProps as Es, MessageQuotedPreviewThread as Et, InboxItemTrailingProps as F, PopoverPortalProps as Fa, PreviewCardTrigger as Fi, MessageReactionTooltipNameProps as Fn, DropdownMenuTrigger as Fo, MessageItemFooter as Fr, DialogFooterNoteProps as Fs, MessageTextSelectionToolbarProps as Ft, MessageListJumpPillProps as G, MobileNavItem as Ga, TooltipTrigger as Gi, MessageItemBadgeSeparatorProps as Gn, Checkbox$1 as Go, MessageItem as Gr, DialogProps as Gs, MessageMultiSelectToolbarProps as Gt, MessageListJumpPillDismissProps as H, PopoverTriggerProps as Ha, TooltipProps as Hi, MessageItemBadge as Hn, BadgeProps as Ho, MessageItemContinuationTimeProps as Hr, DialogOverlayProps as Hs, MessageMultiSelectToolbar as Ht, InboxItemTrigger as I, PopoverProps as Ia, PreviewCardTriggerProps as Ii, MessageReactionTooltipNameText as In, DropdownMenuTriggerProps as Io, MessageItemFooterProps as Ir, DialogFooterProps as Is, MessageTextSelectionToolbarSeparator as It, MessageListEndFade as J, MobileNavLabelProps as Ja, MobileNavServerItemProps as Ji, MessageItemReadReceiptProps as Jn, ListRow as Jo, AvatarBadge as Jr, DialogSurface as Js, MessageReferenceIcon as Jt, MessageListDateDivider as K, MobileNavItemProps as Ka, TooltipTriggerProps as Ki, MessageItemBadgeStatus as Kn, CheckboxProps as Ko, MessageItemProps as Kr, DialogSheetBack as Ks, MessageReferenceChip as Kt, InboxItemTriggerProps as L, PopoverSeparator as La, Tooltip$1 as Li, MessageReactionTooltipNameTextProps as Ln, Kbd as Lo, MessageItemSearchMatch as Lr, DialogHeader as Ls, MessageTextSelectionToolbarSeparatorProps as Lt, InboxItemTitle as M, PopoverPopup as Ma, PreviewCardSeparatorProps as Mi, MessageReactionTooltipMeta as Mn, DropdownMenuSubmenuProps as Mo, MessageItemEditedProps as Mr, DialogDescriptionProps as Ms, MessageTextSelectionToolbar as Mt, InboxItemTitleProps as N, PopoverPopupProps as Na, PreviewCardTitle as Ni, MessageReactionTooltipMetaProps as Nn, DropdownMenuSubmenuTrigger as No, MessageItemEmbedded as Nr, DialogFooter as Ns, MessageTextSelectionToolbarButton as Nt, InboxItemSubtitle as O, PopoverDescription as Oa, PreviewCardPortal as Oi, MessageReactionQuickRow as On, DropdownMenuSeparatorProps as Oo, MessageItemBodyProps as Or, DialogCloseProps as Os, MessageQuotedPreviewTimestamp as Ot, InboxItemTrailing as P, PopoverPortal as Pa, PreviewCardTitleProps as Pi, MessageReactionTooltipName as Pn, DropdownMenuSubmenuTriggerProps as Po, MessageItemEmbeddedProps as Pr, DialogFooterNote as Ps, MessageTextSelectionToolbarButtonProps as Pt, MessageListNotice as Q, DropdownMenuCheckboxItem as Qa, MobileNavServerPopoverDestination as Qi, MessageItemToolbarButton as Qn, ListRowBottomProps as Qo, AvatarFallbackProps as Qr, DialogTrigger as Qs, MessageReferenceLabel as Qt, MessageListJumpControls as R, PopoverSeparatorProps as Ra, TooltipContent as Ri, MessageReactionTooltipNames as Rn, KbdGroup as Ro, MessageItemSearchMatchProps as Rr, DialogHeaderProps as Rs, MessageMultiSelect as Rt, InboxItemMetadataProps as S, PopoverBody as Sa, PreviewCardHeader as Si, MessageReactionPickerContent as Sn, DropdownMenuRadioGroupProps as So, MessageItemSenderProps as Sr, DialogSheetContent as Ss, MessageQuotedPreviewLoadingProps as St, InboxItemSelectionProps as T, PopoverCloseProps as Ta, PreviewCardMetaProps as Ti, MessageReactionPickerStaticProps as Tn, DropdownMenuRadioItemIndicatorProps as To, MessageItemAttachments as Tr, DialogBody as Ts, MessageQuotedPreviewTextProps as Tt, MessageListJumpPillGroup as U, PopoverViewport as Ua, TooltipProvider as Ui, MessageItemBadgeProps as Un, CheckboxIndicator as Uo, MessageItemGutter as Ur, DialogPortal as Us, MessageMultiSelectToolbarActions as Ut, MessageListJumpPillDismiss as V, PopoverTrigger as Va, TooltipPortalProps as Vi, MessageReactionTooltipSeparatorProps as Vn, Badge as Vo, MessageItemContinuationTime as Vr, DialogOverlay as Vs, MessageMultiSelectProps as Vt, MessageListJumpPillGroupProps as W, PopoverViewportProps as Wa, TooltipProviderProps as Wi, MessageItemBadgeSeparator as Wn, CheckboxIndicatorProps as Wo, MessageItemGutterProps as Wr, DialogPortalProps as Ws, MessageMultiSelectToolbarActionsProps as Wt, MessageListHistoryLimited as X, MobileNavRootProps as Xa, MobileNavServerPopoverContent as Xi, MessageItemSavedIndicatorProps as Xn, ListRowBodyProps as Xo, AvatarBadgeProps as Xr, DialogTitle as Xs, MessageReferenceIndicator as Xt, MessageListEndFadeProps as Y, MobileNavRoot as Ya, MobileNavServerPopover as Yi, MessageItemSavedIndicator as Yn, ListRowBody as Yo, AvatarBadgeOffset as Yr, DialogSurfaceProps as Ys, MessageReferenceIconProps as Yt, MessageListHistoryLimitedProps as Z, DropdownMenu as Za, MobileNavServerPopoverContentProps as Zi, MessageItemToolbar as Zn, ListRowBottom as Zo, AvatarFallback as Zr, DialogTitleProps as Zs, MessageReferenceIndicatorProps as Zt, InboxItemMarks as _, PopoverActionsProps as _a, PreviewCardDescriptionProps as _i, MessageReactionCountProps as _n, DropdownMenuPopupProps as _o, MessageItemSenderBadgesProps as _r, TextLink as _s, MessageQuotedPreviewContent as _t, InboxItemBodyProps as a, MobileNavServerPopoverListProps as aa, DeprecatedButtonSize as ac, AvatarProps as ai, MessageReferenceSuffixProps as an, DropdownMenuFooterProps as ao, MessageItemDelegatedByButtonProps as ar, ListRowIcon as as, MessageQuotedPreviewAttachments as at, InboxItemMessageProps as b, PopoverBackdrop as ba, PreviewCardFooter as bi, MessageReactionGlyph as bn, DropdownMenuProps as bo, MessageItemSenderGroup as br, DialogCommit as bs, MessageQuotedPreviewHeaderProps as bt, InboxItemContext as c, MobileNavServerPopoverRowBody as ca, DataAttributes as cc, PreviewCardActions as ci, MessageReferenceUnavailable as cn, DropdownMenuItemCountProps as co, MessageItemDelegatedByProps as cr, ListRowMetaProps as cs, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemHeading as d, MobileNavServerPopoverRowDescriptionProps as da, PreviewCardArrowProps as di, MessageReferenceTextVariant as dn, DropdownMenuItemProps as do, MessageItemInlineStatus as dr, ListRowTitleProps as ds, MessageQuotedPreviewAuthorMetaProps as dt, MobileNavServerPopoverDestinations as ea, PanelAction as ec, AvatarGroupCount as ei, MessageReferencePending as en, DropdownMenuCheckboxItemIndicatorProps as eo, MessageItemToolbarProps as er, ListRowChevronProps as es, MessageList as et, InboxItemHeadingProps as f, MobileNavServerPopoverRowLabel as fa, PreviewCardBody as fi, MessageReactionAddButton as fn, DropdownMenuLabel as fo, MessageItemInlineStatusProps as fr, ListRowTop as fs, MessageQuotedPreviewAuthorName as ft, InboxItemLeadingProps as g, PopoverActions as ga, PreviewCardDescription as gi, MessageReactionCount as gn, DropdownMenuPopup as go, MessageItemSenderBadges as gr, RowTone as gs, MessageQuotedPreviewChannelProps as gt, InboxItemLeading as h, Popover$1 as ha, PreviewCardContentProps as hi, MessageReactionChipProps as hn, DropdownMenuLinkItemProps as ho, MessageItemSender as hr, ListRowValueProps as hs, MessageQuotedPreviewChannel as ht, InboxItemBody as i, MobileNavServerPopoverList as ia, ButtonSize as ic, AvatarImageProps as ii, MessageReferenceSuffix as in, DropdownMenuFooter as io, MessageItemDelegatedByButton as ir, ListRowGroupProps as is, MessageQuotedPreviewAttachmentProps as it, InboxItemTimestampProps as j, PopoverHeaderProps as ja, PreviewCardSeparator as ji, MessageReactionTooltipContentProps as jn, DropdownMenuSubmenu as jo, MessageItemEdited as jr, DialogDescription as js, MessageQuotedPreviewUnavailableProps as jt, InboxItemSubtitleProps as k, PopoverDescriptionProps as ka, PreviewCardPortalProps as ki, MessageReactionQuickRowProps as kn, DropdownMenuShortcut as ko, MessageItemContent as kr, DialogContent as ks, MessageQuotedPreviewTimestampProps as kt, InboxItemContextProps as l, MobileNavServerPopoverRowBodyProps as la, StyledProps as lc, PreviewCardActionsProps as li, MessageReferenceUnavailableProps as ln, DropdownMenuItemLabel as lo, MessageItemHeader as lr, ListRowProps as ls, MessageQuotedPreviewAuthorDelegatedByProps as lt, InboxItemHoverTargetProps as m, MobileNavServerPopoverRowProps as ma, PreviewCardContent as mi, MessageReactionChip as mn, DropdownMenuLinkItem as mo, MessageItemMetaProps as mr, ListRowValue as ms, MessageQuotedPreviewAuthorProps as mt, InboxItemActions as n, MobileNavServerPopoverGroup as na, Button$1 as nc, AvatarGroupProps as ni, MessageReferenceReadMark as nn, DropdownMenuContent as no, MessageItemDelegatedAvatarProps as nr, ListRowDescriptionProps as ns, MessageQuotedPreview as nt, InboxItemContent as o, MobileNavServerPopoverProps as oa, buttonVariants as oc, AvatarSize as oi, MessageReferenceText as on, DropdownMenuItem as oo, MessageItemDelegatedByName as or, ListRowIconProps as os, MessageQuotedPreviewAttachmentsProps as ot, InboxItemHoverTarget as p, MobileNavServerPopoverRowLabelProps as pa, PreviewCardBodyProps as pi, MessageReactionAddButtonProps as pn, DropdownMenuLabelProps as po, MessageItemMeta as pr, ListRowTopProps as ps, MessageQuotedPreviewAuthorNameProps as pt, MessageListDateDividerProps as q, MobileNavLabel as qa, MobileNavServerItem as qi, MessageItemReadReceipt as qn, Presence as qo, Avatar$1 as qr, DialogSheetBackProps as qs, MessageReferenceChipProps as qt, InboxItemActionsProps as r, MobileNavServerPopoverGroupProps as ra, ButtonProps as rc, AvatarImage as ri, MessageReferenceReadMarkProps as rn, DropdownMenuContentProps as ro, MessageItemDelegatedBy as rr, ListRowGroup as rs, MessageQuotedPreviewAttachment as rt, InboxItemContentProps as s, MobileNavServerPopoverRow as sa, VariantProps as sc, PreviewCard$1 as si, MessageReferenceTextProps as sn, DropdownMenuItemCount as so, MessageItemDelegatedByNameProps as sr, ListRowMeta as ss, MessageQuotedPreviewAuthor as st, InboxItem as t, MobileNavServerPopoverDestinationsProps as ta, PanelActionProps as tc, AvatarGroupCountProps as ti, MessageReferencePendingProps as tn, DropdownMenuCheckboxItemProps as to, MessageItemDelegatedAvatar as tr, ListRowDescription as ts, MessageListProps as tt, InboxItemDensity as u, MobileNavServerPopoverRowDescription as ua, PreviewCardArrow as ui, MessageReferenceChipVariant as un, DropdownMenuItemLabelProps as uo, MessageItemHeaderProps as ur, ListRowTitle as us, MessageQuotedPreviewAuthorMeta as ut, InboxItemMarksProps as v, PopoverArrow as va, PreviewCardEyebrow as vi, MessageReactionErrorIndicator as vn, DropdownMenuPortal as vo, MessageItemSenderButton as vr, TextLinkProps as vs, MessageQuotedPreviewContentProps as vt, InboxItemSelection as w, PopoverClose as wa, PreviewCardMeta as wi, MessageReactionPickerStatic as wn, DropdownMenuRadioItemIndicator as wo, MessageItemTimeProps as wr, Dialog$1 as ws, MessageQuotedPreviewText as wt, InboxItemMetadata as x, PopoverBackdropProps as xa, PreviewCardFooterProps as xi, MessageReactionGlyphProps as xn, DropdownMenuRadioGroup as xo, MessageItemSenderGroupProps as xr, DialogCommitProps as xs, MessageQuotedPreviewLoading as xt, InboxItemMessage as y, PopoverArrowProps as ya, PreviewCardEyebrowProps as yi, MessageReactionErrorIndicatorProps as yn, DropdownMenuPortalProps as yo, MessageItemSenderButtonProps as yr, textLinkVariants as ys, MessageQuotedPreviewHeader as yt, MessageListJumpControlsProps as z, PopoverTitle as za, TooltipContentProps as zi, MessageReactionTooltipNamesProps as zn, KbdGroupProps as zo, MessageItemAvatarSlot as zr, DialogNav as zs, MessageMultiSelectCheckbox as zt };