@botiverse/raft-ui 0.10.7 → 0.12.0

package/dist/index-epyBg4aG.d.mts

@@ -0,0 +1,1089 @@
+import { Dialog } from "@base-ui/react/dialog";
+import { VariantProps } from "tailwind-variants/lite";
+import { CSSProperties, ComponentPropsWithRef, ElementType, ReactNode } from "react";
+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 { Toggle } from "@base-ui/react/toggle";
+import { Toolbar } from "@base-ui/react/toolbar";
+//#region src/lib/styled-props.d.ts
+/**
+ * Base UI components type `className` as `string | ((state) => string)`, but our
+ * tv() recipes only accept a plain string. `StyledProps` narrows a Base UI
+ * component's props to a string `className` so they can flow into a recipe.
+ *
+ * The state-callback form is intentionally dropped: our components express every
+ * state through `data-*` variants in the recipe, so a caller never needs it.
+ */
+type StyledProps<P> = Omit<P, "className" | "style"> & {
+  className?: string;
+  style?: CSSProperties;
+};
+//#endregion
+//#region src/lib/data-attributes.d.ts
+type DataAttributes = Record<`data-${string}`, string | undefined>;
+//#endregion
+//#region src/components/button/button.d.ts
+declare const buttonVariants: import("tailwind-variants/lite").TVReturnType<{
+  variant: {
+    primary: {
+      root: string[];
+    };
+    accent: {
+      root: string[];
+    };
+    warning: {
+      root: string[];
+    };
+    danger: {
+      root: string[];
+    };
+    default: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+    information: {
+      root: string[];
+    };
+    muted: {
+      root: string[];
+    };
+    success: {
+      root: string[];
+    };
+    "danger-secondary": {
+      root: string[];
+    };
+    "danger-outline": {
+      root: string[];
+    };
+    ghost: {
+      root: string[];
+    };
+    "on-frame": {
+      root: string[];
+    };
+  };
+  size: {
+    xs: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    xl: {
+      root: string[];
+    };
+    "icon-xs": {
+      root: string[];
+    };
+    "icon-sm": {
+      root: string[];
+    };
+    "icon-md": {
+      root: string[];
+    };
+    "icon-lg": {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  content: string;
+  loadingIndicator: string;
+}, undefined, {
+  variant: {
+    primary: {
+      root: string[];
+    };
+    accent: {
+      root: string[];
+    };
+    warning: {
+      root: string[];
+    };
+    danger: {
+      root: string[];
+    };
+    default: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+    information: {
+      root: string[];
+    };
+    muted: {
+      root: string[];
+    };
+    success: {
+      root: string[];
+    };
+    "danger-secondary": {
+      root: string[];
+    };
+    "danger-outline": {
+      root: string[];
+    };
+    ghost: {
+      root: string[];
+    };
+    "on-frame": {
+      root: string[];
+    };
+  };
+  size: {
+    xs: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    xl: {
+      root: string[];
+    };
+    "icon-xs": {
+      root: string[];
+    };
+    "icon-sm": {
+      root: string[];
+    };
+    "icon-md": {
+      root: string[];
+    };
+    "icon-lg": {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  content: string;
+  loadingIndicator: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  variant: {
+    primary: {
+      root: string[];
+    };
+    accent: {
+      root: string[];
+    };
+    warning: {
+      root: string[];
+    };
+    danger: {
+      root: string[];
+    };
+    default: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+    information: {
+      root: string[];
+    };
+    muted: {
+      root: string[];
+    };
+    success: {
+      root: string[];
+    };
+    "danger-secondary": {
+      root: string[];
+    };
+    "danger-outline": {
+      root: string[];
+    };
+    ghost: {
+      root: string[];
+    };
+    "on-frame": {
+      root: string[];
+    };
+  };
+  size: {
+    xs: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    xl: {
+      root: string[];
+    };
+    "icon-xs": {
+      root: string[];
+    };
+    "icon-sm": {
+      root: string[];
+    };
+    "icon-md": {
+      root: string[];
+    };
+    "icon-lg": {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  content: string;
+  loadingIndicator: string;
+}>>;
+type ButtonProps = StyledProps<Button.Props> & VariantProps<typeof buttonVariants> & DataAttributes & {
+  loading?: boolean;
+  loadingLabel?: string;
+};
+declare function Button$1({ variant, size, loading, loadingLabel, disabled, className, children, render, nativeButton, ...props }: ButtonProps): 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;
+type DialogTriggerProps = Dialog.Trigger.Props;
+declare function DialogTrigger(props: DialogTriggerProps): import("react").JSX.Element;
+type DialogPortalProps = Dialog.Portal.Props;
+declare function DialogPortal(props: DialogPortalProps): import("react").JSX.Element;
+type DialogOverlayProps = StyledProps<Dialog.Backdrop.Props> & {
+  layer?: 0 | 1;
+};
+declare function DialogOverlay({ className, layer, ...props }: DialogOverlayProps): import("react").JSX.Element;
+type DialogContentProps = StyledProps<Dialog.Popup.Props> & {
+  portalProps?: DialogPortalProps;
+  overlay?: false | DialogOverlayProps;
+  size?: "sm" | "md" | "lg" | "wide";
+  layer?: 0 | 1;
+};
+declare function DialogContent({ className, children, portalProps, overlay, size, layer, ...props }: DialogContentProps): import("react").JSX.Element;
+type DialogCloseProps = Dialog.Close.Props & Pick<ButtonProps, "variant" | "size"> & {
+  className?: string;
+  children?: ReactNode;
+};
+declare function DialogClose({ className, variant, size, children, render, "aria-label": ariaLabel, ...props }: DialogCloseProps): import("react").JSX.Element;
+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;
+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;
+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;
+type DialogTitleProps = StyledProps<Dialog.Title.Props>;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
+type DialogDescriptionProps = StyledProps<Dialog.Description.Props>;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react").JSX.Element;
+type DialogSurfaceProps = useRender.ComponentProps<"div">;
+/**
+ * The dialog's frame — the popover layer, the dialog radius, the seam ring
+ * and the float shadow — for a centred modal whose lifecycle the app owns
+ * (its own backdrop, Escape and focus handling). It neither positions nor
+ * 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>>;
+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/lib/presence.d.ts
+/**
+ * The five status lights of the design system. Each colour is a fixed
+ * meaning: online green, busy (an agent at work) yellow, error orange,
+ * offline stone, an external agent cyan. One map, read by Status and by the
+ * avatar's dot through the same `--status-color`.
+ */
+declare const PRESENCE_COLOR: {
+  readonly online: "[--status-color:var(--presence-online)]";
+  readonly busy: "[--status-color:var(--presence-busy)]";
+  readonly error: "[--status-color:var(--presence-error)]";
+  readonly offline: "[--status-color:var(--presence-offline)]";
+  readonly external: "[--status-color:var(--presence-external)]";
+};
+type Presence = keyof typeof PRESENCE_COLOR;
+//#endregion
+//#region src/components/checkbox/checkbox.d.ts
+type CheckboxProps = StyledProps<Checkbox.Root.Props> & {
+  shape?: "square" | "circle";
+};
+declare function Checkbox$1({ shape, className, ...props }: CheckboxProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/checkbox/checkbox-indicator.d.ts
+declare const checkboxIndicator: import("tailwind-variants/lite").TVReturnType<{
+  shape: {
+    square: "";
+    circle: {
+      root: string;
+    };
+  };
+  checked: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: "";
+  };
+  previewOnHover: {
+    true: "";
+    false: "";
+  };
+}, {
+  root: string[];
+}, undefined, {
+  shape: {
+    square: "";
+    circle: {
+      root: string;
+    };
+  };
+  checked: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: "";
+  };
+  previewOnHover: {
+    true: "";
+    false: "";
+  };
+}, {
+  root: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  shape: {
+    square: "";
+    circle: {
+      root: string;
+    };
+  };
+  checked: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: "";
+  };
+  previewOnHover: {
+    true: "";
+    false: "";
+  };
+}, {
+  root: string[];
+}>>;
+type CheckboxIndicatorMark = "check" | "minus";
+type CheckboxIndicatorProps = ComponentPropsWithRef<"span"> & Omit<VariantProps<typeof checkboxIndicator>, "checked"> & {
+  checked: boolean;
+  mark?: CheckboxIndicatorMark;
+};
+declare function CheckboxIndicator({ checked, mark, shape, disabled, previewOnHover, className, ...props }: CheckboxIndicatorProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/badge/badge.d.ts
+declare const badge: import("tailwind-variants/lite").TVReturnType<{
+  appearance: {
+    solid: {
+      root: string[];
+    };
+    soft: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+  };
+  variant: {
+    default: "";
+    primary: "";
+    information: "";
+    muted: "";
+    accent: "";
+    success: "";
+    warning: "";
+    danger: "";
+  };
+}, {
+  root: string[];
+}, undefined, {
+  appearance: {
+    solid: {
+      root: string[];
+    };
+    soft: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+  };
+  variant: {
+    default: "";
+    primary: "";
+    information: "";
+    muted: "";
+    accent: "";
+    success: "";
+    warning: "";
+    danger: "";
+  };
+}, {
+  root: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  appearance: {
+    solid: {
+      root: string[];
+    };
+    soft: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+  };
+  variant: {
+    default: "";
+    primary: "";
+    information: "";
+    muted: "";
+    accent: "";
+    success: "";
+    warning: "";
+    danger: "";
+  };
+}, {
+  root: string[];
+}>>;
+type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badge>;
+declare function BadgeRoot({ appearance, variant, className, render, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function Experimental(props: Omit<BadgeProps, "appearance" | "variant">): import("react").JSX.Element;
+declare const Badge: typeof BadgeRoot & {
+  Experimental: typeof Experimental;
+};
+//#endregion
+//#region src/components/kbd/kbd.d.ts
+type KbdProps = ComponentPropsWithRef<"kbd">;
+declare function Kbd({ className, ...props }: KbdProps): import("react").JSX.Element;
+type KbdGroupProps = ComponentPropsWithRef<"span">;
+declare function KbdGroup({ className, ...props }: KbdGroupProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+type DropdownMenuProps = Menu.Root.Props;
+declare function DropdownMenu(props: DropdownMenuProps): import("react").JSX.Element;
+type DropdownMenuSubmenuProps = Menu.SubmenuRoot.Props;
+declare function DropdownMenuSubmenu(props: DropdownMenuSubmenuProps): import("react").JSX.Element;
+type DropdownMenuTriggerProps = StyledProps<Menu.Trigger.Props>;
+declare function DropdownMenuTrigger({ className, render, ...props }: DropdownMenuTriggerProps): import("react").JSX.Element;
+type DropdownMenuPortalProps = Menu.Portal.Props;
+declare function DropdownMenuPortal(props: DropdownMenuPortalProps): import("react").JSX.Element;
+type DropdownMenuPopupProps = ComponentPropsWithRef<"div">;
+declare function DropdownMenuPopup({ className, ...props }: DropdownMenuPopupProps): import("react").JSX.Element;
+type DropdownMenuContentProps = StyledProps<Menu.Popup.Props> & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: DropdownMenuPortalProps;
+};
+declare function DropdownMenuContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
+type DropdownMenuItemProps = StyledProps<Menu.Item.Props>;
+declare function DropdownMenuItem({ className, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
+type DropdownMenuItemLabelProps = StyledProps<ComponentPropsWithRef<"span">>;
+declare function DropdownMenuItemLabel({ className, ...props }: DropdownMenuItemLabelProps): import("react").JSX.Element;
+type DropdownMenuFooterProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function DropdownMenuFooter({ className, ...props }: DropdownMenuFooterProps): import("react").JSX.Element;
+type DropdownMenuSubmenuTriggerProps = StyledProps<Menu.SubmenuTrigger.Props>;
+declare function DropdownMenuSubmenuTrigger({ children, className, ...props }: DropdownMenuSubmenuTriggerProps): import("react").JSX.Element;
+type DropdownMenuLabelProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps): import("react").JSX.Element;
+type DropdownMenuShortcutProps = KbdProps;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): import("react").JSX.Element;
+type DropdownMenuItemCountProps = BadgeProps;
+declare function DropdownMenuItemCount({ className, ...props }: DropdownMenuItemCountProps): import("react").JSX.Element;
+type DropdownMenuSeparatorProps = StyledProps<Menu.Separator.Props>;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react").JSX.Element;
+type DropdownMenuRadioGroupProps = StyledProps<Menu.RadioGroup.Props>;
+declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): import("react").JSX.Element;
+type DropdownMenuRadioItemProps = StyledProps<Menu.RadioItem.Props>;
+declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
+type DropdownMenuRadioItemIndicatorProps = StyledProps<Menu.RadioItemIndicator.Props>;
+declare function DropdownMenuRadioItemIndicator({ className, ...props }: DropdownMenuRadioItemIndicatorProps): import("react").JSX.Element;
+type DropdownMenuCheckboxItemProps = StyledProps<Menu.CheckboxItem.Props>;
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
+type DropdownMenuCheckboxItemIndicatorProps = StyledProps<Menu.CheckboxItemIndicator.Props>;
+declare function DropdownMenuCheckboxItemIndicator({ className, ...props }: DropdownMenuCheckboxItemIndicatorProps): 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;
+type TooltipProps = Tooltip.Root.Props;
+declare function Tooltip$1(props: TooltipProps): import("react").JSX.Element;
+type TooltipTriggerProps = StyledProps<Tooltip.Trigger.Props>;
+declare function TooltipTrigger({ className, ...props }: TooltipTriggerProps): import("react").JSX.Element;
+type TooltipPortalProps = Tooltip.Portal.Props;
+declare function TooltipPortal(props: TooltipPortalProps): import("react").JSX.Element;
+type TooltipContentProps = StyledProps<Tooltip.Popup.Props> & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  container?: TooltipPortalProps["container"];
+  portalProps?: TooltipPortalProps;
+};
+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/avatar/avatar.d.ts
+declare const avatar: import("tailwind-variants/lite").TVReturnType<{
+  type: {
+    agent: {
+      root: string[];
+    };
+    human: {
+      root: string[];
+    };
+  };
+  size: {
+    xl: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    xs: {
+      root: string[];
+    };
+    "2xs": {
+      root: string[];
+    };
+    "3xs": {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  image: string[];
+  fallback: string[];
+  badge: string[];
+  dot: string[];
+  group: string[];
+}, undefined, {
+  type: {
+    agent: {
+      root: string[];
+    };
+    human: {
+      root: string[];
+    };
+  };
+  size: {
+    xl: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    xs: {
+      root: string[];
+    };
+    "2xs": {
+      root: string[];
+    };
+    "3xs": {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  image: string[];
+  fallback: string[];
+  badge: string[];
+  dot: string[];
+  group: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  type: {
+    agent: {
+      root: string[];
+    };
+    human: {
+      root: string[];
+    };
+  };
+  size: {
+    xl: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    xs: {
+      root: string[];
+    };
+    "2xs": {
+      root: string[];
+    };
+    "3xs": {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  image: string[];
+  fallback: string[];
+  badge: string[];
+  dot: string[];
+  group: string[];
+}>>;
+type AvatarSize = NonNullable<VariantProps<typeof avatar>["size"]>;
+type AvatarProps = StyledProps<Avatar.Root.Props> & Required<Pick<VariantProps<typeof avatar>, "size" | "type">>;
+declare function Avatar$1({ size, type, className, children, ...props }: AvatarProps): import("react").JSX.Element;
+type AvatarImageProps = StyledProps<Avatar.Image.Props>;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): import("react").JSX.Element;
+type AvatarFallbackProps = StyledProps<Avatar.Fallback.Props>;
+declare function AvatarFallback({ className, children, ...props }: AvatarFallbackProps): import("react").JSX.Element;
+type AvatarBadgeOffset = [x: string | number, y: string | number];
+type AvatarBadgeProps = useRender.ComponentProps<"span"> & {
+  /** The default dot's status light: online (the default), busy, error,
+   *  offline or external. Ignored when `render` draws its own indicator. */
+  presence?: Presence;
+  /** Where the badge's centre sits, measured from the avatar's top-left:
+   *  `[x, y]`. Numbers are px; strings are any CSS length, and percentages
+   *  are of the avatar's size, so `["100%", 0]` is the top-right corner at
+   *  every size. Omit it to keep the default bottom-right spot. */
+  offset?: AvatarBadgeOffset;
+};
+declare function AvatarBadge({ className, render, offset, presence, ...props }: AvatarBadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type AvatarGroupProps = ComponentPropsWithRef<"div">;
+declare function AvatarGroup({ className, ...props }: AvatarGroupProps): import("react").JSX.Element;
+type AvatarGroupCountProps = ComponentPropsWithRef<"span"> & {
+  /** Matches the frame scale of the sibling avatars. */
+  size: AvatarSize;
+};
+declare function AvatarGroupCount({ size, className, ...props }: AvatarGroupCountProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/message-item/message-item.recipe.d.ts
+declare const messageItem: import("tailwind-variants/lite").TVReturnType<{
+  compact: {
+    true: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  gutter: string[];
+  avatarSlot: string[];
+  continuationTime: string[];
+  content: string[];
+  header: string[];
+  senderGroup: string[];
+  sender: string[];
+  senderButton: string[];
+  senderBadges: string[];
+  meta: string[];
+  time: string[];
+  inlineStatus: string[];
+  delegatedBy: string[];
+  delegatedByName: string[];
+  delegatedByButton: string[];
+  delegatedAvatar: string[];
+  edited: string[];
+  body: string[];
+  searchMatch: string[];
+  embedded: string[];
+  attachments: string[];
+  footer: string[];
+  toolbar: string[];
+  toolbarButton: string[];
+}, undefined, {
+  compact: {
+    true: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  gutter: string[];
+  avatarSlot: string[];
+  continuationTime: string[];
+  content: string[];
+  header: string[];
+  senderGroup: string[];
+  sender: string[];
+  senderButton: string[];
+  senderBadges: string[];
+  meta: string[];
+  time: string[];
+  inlineStatus: string[];
+  delegatedBy: string[];
+  delegatedByName: string[];
+  delegatedByButton: string[];
+  delegatedAvatar: string[];
+  edited: string[];
+  body: string[];
+  searchMatch: string[];
+  embedded: string[];
+  attachments: string[];
+  footer: string[];
+  toolbar: string[];
+  toolbarButton: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  compact: {
+    true: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  gutter: string[];
+  avatarSlot: string[];
+  continuationTime: string[];
+  content: string[];
+  header: string[];
+  senderGroup: string[];
+  sender: string[];
+  senderButton: string[];
+  senderBadges: string[];
+  meta: string[];
+  time: string[];
+  inlineStatus: string[];
+  delegatedBy: string[];
+  delegatedByName: string[];
+  delegatedByButton: string[];
+  delegatedAvatar: string[];
+  edited: string[];
+  body: string[];
+  searchMatch: string[];
+  embedded: string[];
+  attachments: string[];
+  footer: string[];
+  toolbar: string[];
+  toolbarButton: string[];
+}>>;
+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>>;
+//#endregion
+//#region src/components/message-item/message-item-gutter.d.ts
+type MessageItemGutterProps = useRender.ComponentProps<"div">;
+declare function MessageItemGutter({ className, render, ...props }: MessageItemGutterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemAvatarSlotProps = useRender.ComponentProps<"div">;
+declare function MessageItemAvatarSlot({ className, render, ...props }: MessageItemAvatarSlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemContinuationTimeProps = useRender.ComponentProps<"time">;
+/** Left-gutter hover clock for continuation rows, a `<time>`: pass the moment in `dateTime`. Show the hour and minute only, in the person's 12h/24h format, with no AM/PM (`6:35`, `18:35`). */
+declare function MessageItemContinuationTime({ className, render, ...props }: MessageItemContinuationTimeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-item/message-item-content.d.ts
+type MessageItemContentProps = useRender.ComponentProps<"div">;
+declare function MessageItemContent({ className, render, ...props }: MessageItemContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemBodyProps = useRender.ComponentProps<"div">;
+declare function MessageItemBody({ className, render, ...props }: MessageItemBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemEditedProps = useRender.ComponentProps<"span">;
+/**
+ * The edited marker, inline at the end of the message text on every row, full
+ * or continuation. Put it inside the last paragraph so it follows the last
+ * word; pass the copy ("(edited)") as children and the edit time as its tooltip.
+ */
+declare function MessageItemEdited({ className, render, ...props }: MessageItemEditedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemSearchMatchProps = useRender.ComponentProps<"mark">;
+declare function MessageItemSearchMatch({ className, render, ...props }: MessageItemSearchMatchProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemEmbeddedProps = useRender.ComponentProps<"div">;
+declare function MessageItemEmbedded({ className, render, ...props }: MessageItemEmbeddedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemAttachmentsProps = useRender.ComponentProps<"div">;
+declare function MessageItemAttachments({ className, render, ...props }: MessageItemAttachmentsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemFooterProps = useRender.ComponentProps<"div">;
+declare function MessageItemFooter({ className, render, ...props }: MessageItemFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-item/message-item-header.d.ts
+type MessageItemHeaderProps = useRender.ComponentProps<"div">;
+declare function MessageItemHeader({ className, render, ...props }: MessageItemHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemSenderGroupProps = useRender.ComponentProps<"span">;
+/**
+ * Holds the sender, its badges and its role, and decides who gives way when
+ * the header runs out of room: the role truncates first, then the name. The
+ * badges stay whole beside the name, and the time, outside the group, never
+ * truncates.
+ */
+declare function MessageItemSenderGroup({ className, render, ...props }: MessageItemSenderGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemSenderProps = useRender.ComponentProps<"span">;
+declare function MessageItemSender({ className, render, ...props }: MessageItemSenderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemSenderButtonProps = useRender.ComponentProps<"button">;
+declare function MessageItemSenderButton({ className, render, ...props }: MessageItemSenderButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemSenderBadgesProps = useRender.ComponentProps<"span">;
+declare function MessageItemSenderBadges({ className, render, ...props }: MessageItemSenderBadgesProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemMetaProps = useRender.ComponentProps<"span">;
+declare function MessageItemMeta({ className, render, ...props }: MessageItemMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemTimeProps = useRender.ComponentProps<"time">;
+/**
+ * The message's time, right after the sender. A `<time>`: pass the moment in
+ * `dateTime` (ISO 8601) and the full date and time as its tooltip.
+ */
+declare function MessageItemTime({ className, render, ...props }: MessageItemTimeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemInlineStatusProps = useRender.ComponentProps<"span">;
+declare function MessageItemInlineStatus({ className, render, ...props }: MessageItemInlineStatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-item/message-item-delegated.d.ts
+type MessageItemDelegatedByProps = useRender.ComponentProps<"span">;
+/**
+ * Says an assistant sent the message for its owner, the sender: "sent by
+ * Friday". Put it in `MessageItemHeader` after `MessageItemSenderGroup`, and
+ * the assistant's name in `MessageItemDelegatedByName` or
+ * `MessageItemDelegatedByButton`. The words, and the spaces around the name,
+ * come from the product. It takes at most 45% of the line: past that only
+ * the name truncates, never the words.
+ */
+declare function MessageItemDelegatedBy({ className, render, ...props }: MessageItemDelegatedByProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemDelegatedByNameProps = useRender.ComponentProps<"span">;
+/** The assistant's name in `MessageItemDelegatedBy`, the part that truncates. */
+declare function MessageItemDelegatedByName({ className, render, ...props }: MessageItemDelegatedByNameProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemDelegatedByButtonProps = useRender.ComponentProps<"button">;
+/**
+ * The assistant's name when it opens the assistant's profile: a `<button>`
+ * (or a link through `render`) that underlines on hover and truncates like
+ * `MessageItemDelegatedByName`.
+ */
+declare function MessageItemDelegatedByButton({ className, render, ...props }: MessageItemDelegatedByButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemDelegatedAvatarProps = Omit<AvatarBadgeProps, "presence" | "offset"> & {
+  /** The assistant was deleted: its face is grayed and faded, over the
+   *  row's surface, never the owner's avatar. */
+  deleted?: boolean;
+};
+/**
+ * The assistant's face on its owner's avatar, in the corner a presence light
+ * takes: put it inside the owner's `md` `Avatar` with a `2xs` agent `Avatar`
+ * as its child. It is hidden from assistive technology, because
+ * `MessageItemDelegatedBy` already says who sent the message. Only on a
+ * person's avatar: an agent's corner is its presence light.
+ */
+declare function MessageItemDelegatedAvatar({ className, deleted, ...props }: MessageItemDelegatedAvatarProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/message-item/message-item-toolbar.d.ts
+type MessageItemToolbarProps = useRender.ComponentProps<"div">;
+declare function MessageItemToolbar({ className, render, ...props }: MessageItemToolbarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemToolbarButtonProps = useRender.ComponentProps<"button"> & {
+  active?: boolean;
+};
+declare function MessageItemToolbarButton({ active, className, render, ...props }: MessageItemToolbarButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-item/message-footer.d.ts
+type MessageItemBadgeStatus = "read" | "unread";
+type MessageItemBadgeProps = useRender.ComponentProps<"span"> & {
+  status?: MessageItemBadgeStatus;
+};
+declare function MessageItemBadge({ className, status, ...props }: MessageItemBadgeProps): import("react").JSX.Element;
+type MessageItemBadgeSeparatorProps = useRender.ComponentProps<"span">;
+declare function MessageItemBadgeSeparator({ className, render, ...props }: MessageItemBadgeSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemSavedIndicatorProps = useRender.ComponentProps<"span"> & {
+  /**
+   * Square icon-only affordance. Replaces the old `data-icon-only`
+   * attribute contract with an explicit prop.
+   */
+  iconOnly?: boolean;
+};
+declare function MessageItemSavedIndicator({ className, iconOnly, render, ...props }: MessageItemSavedIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageItemReadReceiptProps = useRender.ComponentProps<"span">;
+declare function MessageItemReadReceipt({ className, render, ...props }: MessageItemReadReceiptProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-item/message-reaction.d.ts
+type MessageReactionChipProps = Omit<StyledProps<Toggle.Props>, "type">;
+declare function MessageReactionChip({ className, ...props }: MessageReactionChipProps): import("react").JSX.Element;
+type MessageReactionErrorIndicatorProps = useRender.ComponentProps<"span">;
+declare function MessageReactionErrorIndicator({ className, render, ...props }: MessageReactionErrorIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionGlyphProps = useRender.ComponentProps<"span">;
+declare function MessageReactionGlyph({ className, render, ...props }: MessageReactionGlyphProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionCountProps = useRender.ComponentProps<"span">;
+declare function MessageReactionCount({ children, className, render, ...props }: MessageReactionCountProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionAddButtonProps = useRender.ComponentProps<"button">;
+declare function MessageReactionAddButton({ className, render, ...props }: MessageReactionAddButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionQuickRowProps = useRender.ComponentProps<"div">;
+declare function MessageReactionQuickRow({ className, render, ...props }: MessageReactionQuickRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionQuickButtonProps = useRender.ComponentProps<"button">;
+declare function MessageReactionQuickButton({ className, render, ...props }: MessageReactionQuickButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionPickerStaticProps = useRender.ComponentProps<"div">;
+declare function MessageReactionPickerStatic({ className, render, ...props }: MessageReactionPickerStaticProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionPickerContentProps = DropdownMenuContentProps;
+declare function MessageReactionPickerContent({ className, ...props }: MessageReactionPickerContentProps): import("react").JSX.Element;
+type MessageReactionTooltipContentProps = TooltipContentProps;
+declare function MessageReactionTooltipContent({ className, ...props }: MessageReactionTooltipContentProps): import("react").JSX.Element;
+type MessageReactionTooltipNamesProps = useRender.ComponentProps<"span">;
+declare function MessageReactionTooltipNames({ className, render, ...props }: MessageReactionTooltipNamesProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionTooltipNameProps = useRender.ComponentProps<"span">;
+declare function MessageReactionTooltipName({ className, render, ...props }: MessageReactionTooltipNameProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionTooltipNameTextProps = useRender.ComponentProps<"span">;
+declare function MessageReactionTooltipNameText({ className, render, ...props }: MessageReactionTooltipNameTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionTooltipSeparatorProps = useRender.ComponentProps<"span">;
+declare function MessageReactionTooltipSeparator({ className, render, ...props }: MessageReactionTooltipSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageReactionTooltipMetaProps = useRender.ComponentProps<"span">;
+declare function MessageReactionTooltipMeta({ className, render, ...props }: MessageReactionTooltipMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-item/message-reference.recipe.d.ts
+/** Chip variants the public `MessageReferenceChip` prop accepts. */
+type MessageReferenceChipVariant = "accent" | "muted" | "info" | "link";
+/** Visual variants the public `MessageReferenceText` prop accepts. */
+type MessageReferenceTextVariant = "primary" | "secondary";
+//#endregion
+//#region src/components/message-item/message-reference.d.ts
+type SpanProps$1 = useRender.ComponentProps<"span">;
+type MessageReferenceTextProps = SpanProps$1 & {
+  variant?: MessageReferenceTextVariant;
+};
+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 MessageReferenceChipProps = SpanProps$1 & {
+  variant?: MessageReferenceChipVariant;
+};
+declare function MessageReferenceChip({ className, render, variant, ...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 MessageReferencePendingProps = SpanProps$1;
+declare function MessageReferencePending({ className, render, ...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
+//#region src/components/message-item/message-multi-select.d.ts
+type MessageMultiSelectProps = useRender.ComponentProps<"div">;
+declare function MessageMultiSelect({ className, render, ...props }: MessageMultiSelectProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageMultiSelectToolbarProps = useRender.ComponentProps<"div">;
+/** Shared select-mode toolbar shell. Consumers compose the count and actions as children. */
+declare function MessageMultiSelectToolbar({ className, render, ...props }: MessageMultiSelectToolbarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageMultiSelectCheckboxProps = CheckboxProps;
+declare function MessageMultiSelectCheckbox({ className, ...props }: MessageMultiSelectCheckboxProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/message-item/message-text-selection-toolbar.d.ts
+type MessageTextSelectionToolbarProps = StyledProps<Toolbar.Root.Props>;
+declare function MessageTextSelectionToolbar({ className, ...props }: MessageTextSelectionToolbarProps): import("react").JSX.Element;
+type MessageTextSelectionToolbarButtonProps = StyledProps<Toolbar.Button.Props>;
+declare function MessageTextSelectionToolbarButton({ className, ...props }: MessageTextSelectionToolbarButtonProps): import("react").JSX.Element;
+type MessageTextSelectionToolbarSeparatorProps = StyledProps<Toolbar.Separator.Props>;
+declare function MessageTextSelectionToolbarSeparator({ className, ...props }: MessageTextSelectionToolbarSeparatorProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/message-quoted-preview/message-quoted-preview.d.ts
+type DivProps = useRender.ComponentProps<"div">;
+type SpanProps = useRender.ComponentProps<"span">;
+type MessageQuotedPreviewProps = DivProps;
+declare function MessageQuotedPreview({ className, render, ...props }: MessageQuotedPreviewProps): import("react").JSX.Element;
+type MessageQuotedPreviewContentProps = DivProps;
+declare function MessageQuotedPreviewContent({ className, render, ...props }: MessageQuotedPreviewContentProps): import("react").JSX.Element;
+type MessageQuotedPreviewHeaderProps = DivProps;
+declare function MessageQuotedPreviewHeader({ className, render, ...props }: MessageQuotedPreviewHeaderProps): import("react").JSX.Element;
+type MessageQuotedPreviewChannelProps = SpanProps;
+declare function MessageQuotedPreviewChannel({ className, render, ...props }: MessageQuotedPreviewChannelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewThreadProps = SpanProps;
+declare function MessageQuotedPreviewThread({ className, render, ...props }: MessageQuotedPreviewThreadProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewAuthorProps = SpanProps;
+declare function MessageQuotedPreviewAuthor({ className, render, ...props }: MessageQuotedPreviewAuthorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewAuthorNameProps = SpanProps;
+declare function MessageQuotedPreviewAuthorName({ className, render, ...props }: MessageQuotedPreviewAuthorNameProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewAuthorMetaProps = SpanProps;
+declare function MessageQuotedPreviewAuthorMeta({ className, render, ...props }: MessageQuotedPreviewAuthorMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewAuthorDelegatedByProps = SpanProps;
+/**
+ * "(sent by Friday)" after `MessageQuotedPreviewAuthorName`, when an assistant
+ * sent the quoted message for its author. It never truncates; the author's
+ * name gives way instead.
+ */
+declare function MessageQuotedPreviewAuthorDelegatedBy({ className, render, ...props }: MessageQuotedPreviewAuthorDelegatedByProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewTimestampProps = SpanProps;
+declare function MessageQuotedPreviewTimestamp({ className, render, ...props }: MessageQuotedPreviewTimestampProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewTextProps = DivProps;
+declare function MessageQuotedPreviewText({ className, render, ...props }: MessageQuotedPreviewTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewAttachmentsProps = DivProps;
+declare function MessageQuotedPreviewAttachments({ className, render, ...props }: MessageQuotedPreviewAttachmentsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewAttachmentProps = SpanProps;
+declare function MessageQuotedPreviewAttachment({ className, render, ...props }: MessageQuotedPreviewAttachmentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageQuotedPreviewLoadingProps = DivProps;
+declare function MessageQuotedPreviewLoading({ className, render, ...props }: MessageQuotedPreviewLoadingProps): import("react").JSX.Element;
+type MessageQuotedPreviewUnavailableProps = DivProps;
+declare function MessageQuotedPreviewUnavailable({ className, render, ...props }: MessageQuotedPreviewUnavailableProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-list/message-list.d.ts
+type MessageListProps = useRender.ComponentProps<"div"> & {
+  rootClassName?: string;
+};
+declare function MessageList({ children, className, render, rootClassName, style, ...props }: MessageListProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/message-list/message-list-markers.d.ts
+type MessageListDateDividerProps = useRender.ComponentProps<"div">;
+declare function MessageListDateDivider({ children, className, render, ...props }: MessageListDateDividerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageListNoticeProps = useRender.ComponentProps<"div"> & {
+  tone?: "faint" | "muted";
+};
+declare function MessageListNotice({ className, render, tone, ...props }: MessageListNoticeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageListHistoryLimitedProps = useRender.ComponentProps<"span">;
+declare function MessageListHistoryLimited({ className, render, ...props }: MessageListHistoryLimitedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/message-list/message-list-jump.d.ts
+type MessageListJumpControlsProps = useRender.ComponentProps<"div"> & {
+  /** The edge of the list the controls float on. */
+  side?: "bottom" | "top";
+};
+declare function MessageListJumpControls({ className, render, side, ...props }: MessageListJumpControlsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageListJumpPillProps = StyledProps<Button.Props> & DataAttributes;
+declare function MessageListJumpPill({ className, children, render, nativeButton, ...props }: MessageListJumpPillProps): import("react").JSX.Element;
+type MessageListJumpPillGroupProps = useRender.ComponentProps<"div">;
+/** A pill and its dismiss button, joined on one shared edge. */
+declare function MessageListJumpPillGroup({ className, render, ...props }: MessageListJumpPillGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MessageListJumpPillDismissProps = StyledProps<Button.Props> & DataAttributes & {
+  /** What the button does, in Title Case: the product's words. */
+  "aria-label": string;
+};
+declare function MessageListJumpPillDismiss({ className, children, render, nativeButton, ...props }: MessageListJumpPillDismissProps): import("react").JSX.Element;
+//#endregion
+export { MessageMultiSelect as $, MessageItemProps as $n, DropdownMenuSeparatorProps as $r, MessageItemBadgeStatus as $t, MessageQuotedPreviewChannel as A, DialogHeader as Ai, MessageItemTime as An, DropdownMenuContentProps as Ar, MessageReactionPickerContentProps as At, MessageQuotedPreviewTextProps as B, DialogSurfaceProps as Bi, MessageItemEmbedded as Bn, DropdownMenuLabelProps as Br, MessageReactionTooltipMetaProps as Bt, MessageQuotedPreviewAuthorDelegatedBy as C, DialogCloseProps as Ci, MessageItemSenderBadges as Cn, TooltipTriggerProps as Cr, MessageReactionCount as Ct, MessageQuotedPreviewAuthorName as D, DialogDescriptionProps as Di, MessageItemSenderGroup as Dn, DropdownMenuCheckboxItemIndicatorProps as Dr, MessageReactionGlyph as Dt, MessageQuotedPreviewAuthorMetaProps as E, DialogDescription as Ei, MessageItemSenderButtonProps as En, DropdownMenuCheckboxItemIndicator as Er, MessageReactionErrorIndicatorProps as Et, MessageQuotedPreviewHeaderProps as F, DialogOverlayProps as Fi, MessageItemBodyProps as Fn, DropdownMenuItemCountProps as Fr, MessageReactionQuickRow as Ft, MessageQuotedPreviewUnavailable as G, Button$1 as Gi, MessageItemSearchMatchProps as Gn, DropdownMenuProps as Gr, MessageReactionTooltipNames as Gt, MessageQuotedPreviewThreadProps as H, DialogTitleProps as Hi, MessageItemFooter as Hn, DropdownMenuPopupProps as Hr, MessageReactionTooltipNameProps as Ht, MessageQuotedPreviewLoading as I, DialogPortal as Ii, MessageItemContent as In, DropdownMenuItemLabel as Ir, MessageReactionQuickRowProps as It, MessageTextSelectionToolbarButton as J, VariantProps as Ji, MessageItemContinuationTime as Jn, DropdownMenuRadioItem as Jr, MessageReactionTooltipSeparatorProps as Jt, MessageQuotedPreviewUnavailableProps as K, ButtonProps as Ki, MessageItemAvatarSlot as Kn, DropdownMenuRadioGroup as Kr, MessageReactionTooltipNamesProps as Kt, MessageQuotedPreviewLoadingProps as L, DialogPortalProps as Li, MessageItemContentProps as Ln, DropdownMenuItemLabelProps as Lr, MessageReactionTooltipContent as Lt, MessageQuotedPreviewContent as M, DialogNav as Mi, MessageItemAttachments as Mn, DropdownMenuFooterProps as Mr, MessageReactionPickerStaticProps as Mt, MessageQuotedPreviewContentProps as N, DialogNavProps as Ni, MessageItemAttachmentsProps as Nn, DropdownMenuItem as Nr, MessageReactionQuickButton as Nt, MessageQuotedPreviewAuthorNameProps as O, DialogFooter as Oi, MessageItemSenderGroupProps as On, DropdownMenuCheckboxItemProps as Or, MessageReactionGlyphProps as Ot, MessageQuotedPreviewHeader as P, DialogOverlay as Pi, MessageItemBody as Pn, DropdownMenuItemCount as Pr, MessageReactionQuickButtonProps as Pt, MessageTextSelectionToolbarSeparatorProps as Q, MessageItem as Qn, DropdownMenuSeparator as Qr, MessageItemBadgeSeparatorProps as Qt, MessageQuotedPreviewProps as R, DialogProps as Ri, MessageItemEdited as Rn, DropdownMenuItemProps as Rr, MessageReactionTooltipContentProps as Rt, MessageQuotedPreviewAuthor as S, DialogClose as Si, MessageItemSender as Sn, TooltipTrigger as Sr, MessageReactionChipProps as St, MessageQuotedPreviewAuthorMeta as T, DialogContentProps as Ti, MessageItemSenderButton as Tn, DropdownMenuCheckboxItem as Tr, MessageReactionErrorIndicator as Tt, MessageQuotedPreviewTimestamp as U, DialogTrigger as Ui, MessageItemFooterProps as Un, DropdownMenuPortal as Ur, MessageReactionTooltipNameText as Ut, MessageQuotedPreviewThread as V, DialogTitle as Vi, MessageItemEmbeddedProps as Vn, DropdownMenuPopup as Vr, MessageReactionTooltipName as Vt, MessageQuotedPreviewTimestampProps as W, DialogTriggerProps as Wi, MessageItemSearchMatch as Wn, DropdownMenuPortalProps as Wr, MessageReactionTooltipNameTextProps as Wt, MessageTextSelectionToolbarProps as X, StyledProps as Xi, MessageItemGutter as Xn, DropdownMenuRadioItemIndicatorProps as Xr, MessageItemBadgeProps as Xt, MessageTextSelectionToolbarButtonProps as Y, DataAttributes as Yi, MessageItemContinuationTimeProps as Yn, DropdownMenuRadioItemIndicator as Yr, MessageItemBadge as Yt, MessageTextSelectionToolbarSeparator as Z, MessageItemGutterProps as Zn, DropdownMenuRadioItemProps as Zr, MessageItemBadgeSeparator as Zt, MessageQuotedPreview as _, CheckboxProps as _i, MessageItemHeaderProps as _n, TooltipPortal as _r, MessageReferenceChipVariant as _t, MessageListJumpPillDismissProps as a, DropdownMenuSubmenuTriggerProps as ai, MessageItemToolbarButton as an, AvatarFallbackProps as ar, MessageReferenceChip as at, MessageQuotedPreviewAttachments as b, DialogBody as bi, MessageItemMeta as bn, TooltipProvider as br, MessageReactionAddButtonProps as bt, MessageListJumpPillProps as c, Kbd as ci, MessageItemDelegatedAvatar as cn, AvatarGroupCountProps as cr, MessageReferenceIndicatorProps as ct, MessageListHistoryLimited as d, KbdProps as di, MessageItemDelegatedByButton as dn, AvatarImageProps as dr, MessageReferencePending as dt, DropdownMenuShortcut as ei, MessageItemReadReceipt as en, Avatar$1 as er, MessageMultiSelectCheckbox as et, MessageListHistoryLimitedProps as f, Badge as fi, MessageItemDelegatedByButtonProps as fn, AvatarProps as fr, MessageReferencePendingProps as ft, MessageListProps as g, Checkbox$1 as gi, MessageItemHeader as gn, TooltipContentProps as gr, MessageReferenceUnavailableProps as gt, MessageList as h, CheckboxIndicatorProps as hi, MessageItemDelegatedByProps as hn, TooltipContent as hr, MessageReferenceUnavailable as ht, MessageListJumpPillDismiss as i, DropdownMenuSubmenuTrigger as ii, MessageItemToolbar as in, AvatarFallback as ir, MessageMultiSelectToolbarProps as it, MessageQuotedPreviewChannelProps as j, DialogHeaderProps as ji, MessageItemTimeProps as jn, DropdownMenuFooter as jr, MessageReactionPickerStatic as jt, MessageQuotedPreviewAuthorProps as k, DialogFooterProps as ki, MessageItemSenderProps as kn, DropdownMenuContent as kr, MessageReactionPickerContent as kt, MessageListDateDivider as l, KbdGroup as li, MessageItemDelegatedAvatarProps as ln, AvatarGroupProps as lr, MessageReferenceLabel as lt, MessageListNoticeProps as m, CheckboxIndicator as mi, MessageItemDelegatedByNameProps as mn, Tooltip$1 as mr, MessageReferenceTextProps as mt, MessageListJumpControlsProps as n, DropdownMenuSubmenu as ni, MessageItemSavedIndicator as nn, AvatarBadgeOffset as nr, MessageMultiSelectProps as nt, MessageListJumpPillGroup as o, DropdownMenuTrigger as oi, MessageItemToolbarButtonProps as on, AvatarGroup as or, MessageReferenceChipProps as ot, MessageListNotice as p, BadgeProps as pi, MessageItemDelegatedByName as pn, AvatarSize as pr, MessageReferenceText as pt, MessageTextSelectionToolbar as q, buttonVariants as qi, MessageItemAvatarSlotProps as qn, DropdownMenuRadioGroupProps as qr, MessageReactionTooltipSeparator as qt, MessageListJumpPill as r, DropdownMenuSubmenuProps as ri, MessageItemSavedIndicatorProps as rn, AvatarBadgeProps as rr, MessageMultiSelectToolbar as rt, MessageListJumpPillGroupProps as s, DropdownMenuTriggerProps as si, MessageItemToolbarProps as sn, AvatarGroupCount as sr, MessageReferenceIndicator as st, MessageListJumpControls as t, DropdownMenuShortcutProps as ti, MessageItemReadReceiptProps as tn, AvatarBadge as tr, MessageMultiSelectCheckboxProps as tt, MessageListDateDividerProps as u, KbdGroupProps as ui, MessageItemDelegatedBy as un, AvatarImage as ur, MessageReferenceLabelProps as ut, MessageQuotedPreviewAttachment as v, Presence as vi, MessageItemInlineStatus as vn, TooltipPortalProps as vr, MessageReferenceTextVariant as vt, MessageQuotedPreviewAuthorDelegatedByProps as w, DialogContent as wi, MessageItemSenderBadgesProps as wn, DropdownMenu as wr, MessageReactionCountProps as wt, MessageQuotedPreviewAttachmentsProps as x, DialogBodyProps as xi, MessageItemMetaProps as xn, TooltipProviderProps as xr, MessageReactionChip as xt, MessageQuotedPreviewAttachmentProps as y, Dialog$1 as yi, MessageItemInlineStatusProps as yn, TooltipProps as yr, MessageReactionAddButton as yt, MessageQuotedPreviewText as z, DialogSurface as zi, MessageItemEditedProps as zn, DropdownMenuLabel as zr, MessageReactionTooltipMeta as zt };