@botiverse/raft-ui 0.51.0 → 0.52.0

package/dist/index-C3ymUW98.d.mts

@@ -1,1816 +0,0 @@
-import { Dialog } from "@base-ui/react/dialog";
-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 { Announcements, ScreenReaderInstructions, UniqueIdentifier } from "@dnd-kit/core";
-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
-/**
- * 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 ButtonVariantProps = VariantProps<typeof buttonVariants>;
-/** The Button sizes: `md`, `lg`, `xl`, `icon-md` and `icon-lg`. */
-type ButtonSize = "md" | "lg" | "xl" | "icon-md" | "icon-lg";
-/**
- * Deprecated: `xs` and `sm` render as `md`, `icon-xs` and `icon-sm` as
- * `icon-md`. Removed in raft-ui 1.0; run
- * `node node_modules/@botiverse/raft-ui/codemods/button-sizes.mjs <src>`.
- */
-type DeprecatedButtonSize = "xs" | "sm" | "icon-xs" | "icon-sm";
-type ButtonProps = StyledProps<Button.Props> & Omit<ButtonVariantProps, "size"> & DataAttributes & {
-  /**
-   * `md` (32px) and `icon-md` for rows, cards, banners, toolbars and panel
-   * headers; `lg` and `icon-lg` (the control height) for dialog footers,
-   * forms and beside a field; `xl` for a full-width call to action. The size
-   * follows the place: see Button › Size by place.
-   *
-   * `xs`, `sm`, `icon-xs` and `icon-sm` are deprecated aliases of `md` and
-   * `icon-md`, removed in raft-ui 1.0 (`codemods/button-sizes.mjs`).
-   */
-  size?: "md" | "lg" | "xl" | "icon-md" | "icon-lg" | DeprecatedButtonSize;
-  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/panel/panel-action.d.ts
-type PanelActionProps = Omit<StyledProps<Button.Props>, "type"> & DataAttributes & {
-  /**
-   * Activate when the finger lifts instead of on the click after it, so a
-   * tap that stops a scrolling page still acts. Give it to Back, the
-   * header's navigation; not to actions that change things
-   * (design/patterns/navigation.md#switching-on-finger-lift).
-   */
-  activateOnTouchEnd?: boolean;
-};
-declare function PanelAction({ className, render, nativeButton, activateOnTouchEnd, ref, ...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;
-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 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, 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, 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, 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>;
-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, 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: {
-    muted: string[];
-    strong: string[];
-  };
-}, undefined, string[], {
-  variant: {
-    muted: string[];
-    strong: string[];
-  };
-}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
-  variant: {
-    muted: string[];
-    strong: string[];
-  };
-}, undefined>>;
-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>>;
-type TextLinkExternalIconProps = {
-  /** Read by a screen reader after the link text, such as "(opens in a new tab)". Product copy, so the caller passes it. */
-  label?: string;
-  className?: string;
-};
-/**
- * The ↗ after a link that leaves Raft (design/patterns/navigation.md#links-that-leave-raft):
- * 0.857em (12px at 14px text, as the icons in a reference chip), 2px after the
- * text, centred on the letters' cap height at every text size (0.7em/2 above
- * the baseline; design/foundations/alignment.md#a-mark-that-leads-text). It
- * sits in an inline-flex box, so the link's underline stops at the text and
- * never runs under the arrow.
- */
-declare function TextLinkExternalIcon({ label, className }: TextLinkExternalIconProps): import("react").JSX.Element;
-//#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;
-    };
-    plain: {
-      root: string;
-    };
-    entry: {
-      root: string;
-    };
-  };
-  interactive: {
-    true: {};
-    false: {};
-  };
-  cell: {
-    false: {
-      root: string[];
-    };
-    true: {
-      root: (string | string[])[];
-    };
-  };
-  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;
-    };
-    plain: {
-      root: string;
-    };
-    entry: {
-      root: string;
-    };
-  };
-  interactive: {
-    true: {};
-    false: {};
-  };
-  cell: {
-    false: {
-      root: string[];
-    };
-    true: {
-      root: (string | string[])[];
-    };
-  };
-  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;
-    };
-    plain: {
-      root: string;
-    };
-    entry: {
-      root: string;
-    };
-  };
-  interactive: {
-    true: {};
-    false: {};
-  };
-  cell: {
-    false: {
-      root: string[];
-    };
-    true: {
-      root: (string | string[])[];
-    };
-  };
-  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;
-  /** Draw the row as a list cell (design/patterns/lists.md): no line between
-   *  rows, and hover, press, selection and focus on one shape inset 8px at
-   *  the sides. For a list of places or people on a phone; put the rows in a
-   *  `flex flex-col gap-0.5 py-2` column. A settings card keeps the default
-   *  look, with its lines. */
-  cell?: 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, cell, 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
- * 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: "";
-    you: "";
-    busy: "";
-    information: "";
-    muted: "";
-    accent: "";
-    success: "";
-    warning: "";
-    danger: "";
-  };
-}, {
-  root: string[];
-}, undefined, {
-  appearance: {
-    solid: {
-      root: string[];
-    };
-    soft: {
-      root: string[];
-    };
-    outline: {
-      root: string[];
-    };
-  };
-  variant: {
-    default: "";
-    primary: "";
-    you: "";
-    busy: "";
-    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: "";
-    you: "";
-    busy: "";
-    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({ children, ...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, closeOnClick, ...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;
-type DropdownMenuLinkItemProps = StyledProps<Menu.LinkItem.Props> & {
-  /**
-   * The page being shown: `aria-current="page"`, drawn as the chosen value
-   * of a radio group (a check mark and bold text).
-   */
-  current?: boolean;
-};
-/**
- * One choice that is another page, such as the same page in another
- * language: a link, so it opens in a new tab and can be copied. Its
- * `href` goes on the item; `current` marks the page being shown.
- */
-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, ref, ...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;
-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/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: {
-    agent: {
-      root: string[];
-    };
-    human: {
-      root: string[];
-    };
-    server: {
-      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[];
-  groupButton: string[];
-}, undefined, {
-  type: {
-    agent: {
-      root: string[];
-    };
-    human: {
-      root: string[];
-    };
-    server: {
-      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[];
-  groupButton: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  type: {
-    agent: {
-      root: string[];
-    };
-    human: {
-      root: string[];
-    };
-    server: {
-      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[];
-  groupButton: 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 AvatarGroupButtonProps = StyledProps<Button.Props> & DataAttributes;
-declare function AvatarGroupButton({ className, render, nativeButton, ...props }: AvatarGroupButtonProps): 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"> & {
-  /**
-   * 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;
-};
-/**
- * One message: an `article` named by its sender and its time
- * (`aria-labelledby` pointing at `MessageItemSender` or
- * `MessageItemSenderButton`, then `MessageItemTime` or
- * `MessageItemContinuationTime`). A row with neither, and no `aria-label` or
- * `aria-labelledby`, is a plain `div`. Pass `role`, `aria-label` or
- * `aria-labelledby` on MessageItem or on a `render` element to override
- * either; a `render` function's props can't be read, so pass them on
- * MessageItem then.
- */
-declare function MessageItem({ className, compact, located, render, ...props }: MessageItemProps): import("react").JSX.Element;
-//#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, id, 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, id, render, ...props }: MessageItemSenderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type MessageItemSenderButtonProps = useRender.ComponentProps<"button">;
-declare function MessageItemSenderButton({ className, id, 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, id, 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, ref, ...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 MessageReferenceReadMarkProps = useRender.ComponentProps<"span">;
-/**
- * The read receipt on a mention: a bare lime check (10px, no box) at the
- * mention's top right, 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, 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 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
-//#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 MessageMultiSelectToolbarActionsProps = useRender.ComponentProps<"div">;
-/** The toolbar's actions, at its end, 4px apart like every floating toolbar's buttons. */
-declare function MessageMultiSelectToolbarActions({ className, render, ...props }: MessageMultiSelectToolbarActionsProps): 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>>;
-type MessageListEndFadeProps = useRender.ComponentProps<"div">;
-declare function MessageListEndFade({ className, render, ...props }: MessageListEndFadeProps): 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
-//#region src/components/drag/drag-announcements.d.ts
-/** A place in words: the list or area's name, and the item's position in it when it has one. */
-type DragPlace = {
-  /**
-   * The list or area, as people see it: "Pinned", "In Review", "the right
-   * column". Empty when it has no name (an unlabelled tab row): then only the
-   * position is said.
-   */
-  place: string;
-  /** 1-based. */
-  position?: number;
-  count?: number;
-};
-type DragNamed = {
-  name: string;
-};
-/**
- * What a screen reader hears during a drag, by name and never by id
- * (design/patterns/drag-and-drop.md#screen-readers). The defaults are English;
- * pass your translations, built from the same details.
- */
-type DragMessages = {
-  /** Read with every draggable item. */
-  instructions: string;
-  pickedUp: (details: DragNamed & Partial<DragPlace>) => string;
-  over: (details: DragNamed & DragPlace) => string;
-  /** The hand is over no place: a drop now puts the item back. */
-  notOver: (details: DragNamed) => string;
-  refused: (details: DragNamed & {
-    place: string;
-    reason: string;
-  }) => string;
-  dropped: (details: DragNamed & DragPlace) => string;
-  cancelled: (details: DragNamed & Partial<DragPlace>) => string;
-  /** A drop on a refused place: why, then the item back home (`place` is its home). */
-  refusedDrop: (details: DragNamed & Partial<DragPlace> & {
-    reason: string;
-  }) => string;
-};
-declare const DEFAULT_DRAG_MESSAGES: DragMessages;
-/** Merges your messages over the English defaults. */
-declare function dragMessages(messages?: Partial<DragMessages>): DragMessages;
-type DragAnnouncementSource = {
-  /**
-   * The dragged item's name as people see it: "#launch-week", "Task #25",
-   * "Wug". Never an id: return an empty string when there is no name, and
-   * the drag is not announced.
-   */
-  name: (activeId: UniqueIdentifier) => string;
-  /**
-   * Where the item would land with the hand over `overId`, or where it is
-   * when `overId` is null (on pick-up and after a cancel). Return null for
-   * "nowhere". Without it, a move over a place and a drop on one are not
-   * announced (pick-up, refusals and cancels still are).
-   */
-  place?: (activeId: UniqueIdentifier, overId: UniqueIdentifier | null) => DragPlace | null;
-  /** Why `overId` won't take the item, or null when it will. */
-  refusal?: (activeId: UniqueIdentifier, overId: UniqueIdentifier) => {
-    place: string;
-    reason: string;
-  } | null;
-};
-/**
- * dnd-kit `announcements` that speak by name, from your names and places,
- * in your language. Pass them with `dragInstructions` as a `DndContext`'s
- * `accessibility`, or to `TaskDndProvider`'s.
- */
-declare function createDragAnnouncements(source: DragAnnouncementSource, messages?: Partial<DragMessages>): Announcements;
-/** dnd-kit `screenReaderInstructions`: Space, not Enter, in your language. */
-declare function dragInstructions(messages?: Partial<DragMessages>): ScreenReaderInstructions;
-//#endregion
-//#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
-//#region src/components/mode-bar/mode-bar.d.ts
-type ModeBarProps = useRender.ComponentProps<"div">;
-/**
- * The strip. Put `ModeBarContent` in it, then the `ModeBarAction` that ends
- * the mode.
- */
-declare function ModeBar({ className, render, ...props }: ModeBarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type ModeBarContentProps = useRender.ComponentProps<"div">;
-/**
- * The words: `ModeBarTitle`, then `ModeBarDescription`, on one line that
- * wraps. A polite live region, so a change to the title (a draft count) is
- * read out; the action stays outside it.
- */
-declare function ModeBarContent({ className, render, ...props }: ModeBarContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type ModeBarTitleProps = useRender.ComponentProps<"span">;
-/** The mode and its state, bold in the HUD ink: "Commenting · 1 draft." */
-declare function ModeBarTitle({ className, render, ...props }: ModeBarTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type ModeBarDescriptionProps = useRender.ComponentProps<"span">;
-/**
- * What to do in the mode, in the muted HUD ink, after the title on the same
- * line. It brings the space before it, so the two read and copy as one
- * sentence.
- */
-declare function ModeBarDescription({ className, render, children, ...props }: ModeBarDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type ModeBarActionProps = useRender.ComponentProps<"button">;
-/**
- * The text action that ends the mode (Done), at the end of the first line. A
- * real `button`; on the HUD it is a text action, like a toast's, never a
- * Button.
- */
-declare function ModeBarAction({ className, render, ...props }: ModeBarActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-export { createDragAnnouncements as $, PopoverPopupProps as $a, PreviewCardTitle as $i, MessageReactionTooltipNameProps as $n, DropdownMenuSubmenuTrigger as $o, MessageItemFooter as $r, DialogDescription as $s, MessageTextSelectionToolbarProps as $t, InboxItemMessageProps as A, MobileNavServerPopoverRowDescription as Aa, DataAttributes as Ac, PreviewCardArrow as Ai, MessageReactionAddButton as An, DropdownMenuItemLabelProps as Ao, MessageItemInlineStatusProps as Ar, ListRowTitle as As, MessageQuotedPreviewAuthorName as At, InboxItemTimestamp as B, PopoverBackdrop as Ba, PreviewCardFooter as Bi, MessageReactionPickerContent as Bn, DropdownMenuProps as Bo, MessageItemSenderProps as Br, TextLinkProps as Bs, MessageQuotedPreviewLoadingProps as Bt, InboxItemHoverTarget as C, MobileNavServerPopoverGroupProps as Ca, PanelActionProps as Cc, AvatarImage as Ci, MessageReferenceSuffixProps as Cn, DropdownMenuContentProps as Co, MessageItemDelegatedByButtonProps as Cr, ListRowGroup as Cs, MessageQuotedPreviewAttachments as Ct, InboxItemMarks as D, MobileNavServerPopoverRow as Da, DeprecatedButtonSize as Dc, PreviewCard$1 as Di, MessageReferenceUnavailableProps as Dn, DropdownMenuItemCount as Do, MessageItemHeader as Dr, ListRowMeta as Ds, MessageQuotedPreviewAuthorDelegatedByProps as Dt, InboxItemLeadingProps as E, MobileNavServerPopoverProps as Ea, ButtonSize as Ec, AvatarSize as Ei, MessageReferenceUnavailable as En, DropdownMenuItem as Eo, MessageItemDelegatedByProps as Er, ListRowIconProps as Es, MessageQuotedPreviewAuthorDelegatedBy as Et, InboxItemSelectionProps as F, Popover$1 as Fa, PreviewCardContentProps as Fi, MessageReactionCountProps as Fn, DropdownMenuLinkItemProps as Fo, MessageItemSenderBadgesProps as Fr, ListRowValueProps as Fs, MessageQuotedPreviewContent as Ft, InboxItemTrailingProps as G, PopoverCloseProps as Ga, PreviewCardMetaProps as Gi, MessageReactionQuickButtonProps as Gn, DropdownMenuRadioItemIndicatorProps as Go, MessageItemBody as Gr, DialogSheetContentProps as Gs, MessageQuotedPreviewThreadProps as Gt, InboxItemTitle as H, PopoverBody as Ha, PreviewCardHeader as Hi, MessageReactionPickerStatic as Hn, DropdownMenuRadioGroupProps as Ho, MessageItemTimeProps as Hr, DialogCommit as Hs, MessageQuotedPreviewText as Ht, InboxItemSender as I, PopoverActions as Ia, PreviewCardDescription as Ii, MessageReactionErrorIndicator as In, DropdownMenuPopup as Io, MessageItemSenderButton as Ir, RowTone as Is, MessageQuotedPreviewContentProps as It, DEFAULT_DRAG_MESSAGES as J, PopoverDescription as Ja, PreviewCardPortal as Ji, MessageReactionTooltipContent as Jn, DropdownMenuSeparatorProps as Jo, MessageItemContentProps as Jr, DialogBodyProps as Js, MessageQuotedPreviewUnavailable as Jt, InboxItemTrigger as K, PopoverContent as Ka, PreviewCardPopup as Ki, MessageReactionQuickRow as Kn, DropdownMenuRadioItemProps as Ko, MessageItemBodyProps as Kr, Dialog$1 as Ks, MessageQuotedPreviewTimestamp as Kt, InboxItemSenderProps as L, PopoverActionsProps as La, PreviewCardDescriptionProps as Li, MessageReactionErrorIndicatorProps as Ln, DropdownMenuPopupProps as Lo, MessageItemSenderButtonProps as Lr, TextLink as Ls, MessageQuotedPreviewHeader as Lt, InboxItemMetadataProps as M, MobileNavServerPopoverRowLabel as Ma, PreviewCardBody as Mi, MessageReactionChip as Mn, DropdownMenuLabel as Mo, MessageItemMetaProps as Mr, ListRowTop as Ms, MessageQuotedPreviewAuthorProps as Mt, InboxItemProps as N, MobileNavServerPopoverRowLabelProps as Na, PreviewCardBodyProps as Ni, MessageReactionChipProps as Nn, DropdownMenuLabelProps as No, MessageItemSender as Nr, ListRowTopProps as Ns, MessageQuotedPreviewChannel as Nt, InboxItemMarksProps as O, MobileNavServerPopoverRowBody as Oa, buttonVariants as Oc, PreviewCardActions as Oi, MessageReferenceChipVariant as On, DropdownMenuItemCountProps as Oo, MessageItemHeaderProps as Or, ListRowMetaProps as Os, MessageQuotedPreviewAuthorMeta as Ot, InboxItemSelection as P, MobileNavServerPopoverRowProps as Pa, PreviewCardContent as Pi, MessageReactionCount as Pn, DropdownMenuLinkItem as Po, MessageItemSenderBadges as Pr, ListRowValue as Ps, MessageQuotedPreviewChannelProps as Pt, DragPlace as Q, PopoverPopup as Qa, PreviewCardSeparatorProps as Qi, MessageReactionTooltipName as Qn, DropdownMenuSubmenuProps as Qo, MessageItemEmbeddedProps as Qr, DialogContentProps as Qs, MessageTextSelectionToolbarButtonProps as Qt, InboxItemSubtitle as R, PopoverArrow as Ra, PreviewCardEyebrow as Ri, MessageReactionGlyph as Rn, DropdownMenuPortal as Ro, MessageItemSenderGroup as Rr, TextLinkExternalIcon as Rs, MessageQuotedPreviewHeaderProps as Rt, InboxItemHeadingProps as S, MobileNavServerPopoverGroup as Sa, PanelAction as Sc, AvatarGroupProps as Si, MessageReferenceSuffix as Sn, DropdownMenuContent as So, MessageItemDelegatedByButton as Sr, ListRowDescriptionProps as Ss, MessageQuotedPreviewAttachmentProps as St, InboxItemLeading as T, MobileNavServerPopoverListProps as Ta, ButtonProps as Tc, AvatarProps as Ti, MessageReferenceTextProps as Tn, DropdownMenuFooterProps as To, MessageItemDelegatedByNameProps as Tr, ListRowIcon as Ts, MessageQuotedPreviewAuthor as Tt, InboxItemTitleProps as U, PopoverBodyProps as Ua, PreviewCardHeaderProps as Ui, MessageReactionPickerStaticProps as Un, DropdownMenuRadioItem as Uo, MessageItemAttachments as Ur, DialogCommitProps as Us, MessageQuotedPreviewTextProps as Ut, InboxItemTimestampProps as V, PopoverBackdropProps as Va, PreviewCardFooterProps as Vi, MessageReactionPickerContentProps as Vn, DropdownMenuRadioGroup as Vo, MessageItemTime as Vr, textLinkVariants as Vs, MessageQuotedPreviewProps as Vt, InboxItemTrailing as W, PopoverClose as Wa, PreviewCardMeta as Wi, MessageReactionQuickButton as Wn, DropdownMenuRadioItemIndicator as Wo, MessageItemAttachmentsProps as Wr, DialogSheetContent as Ws, MessageQuotedPreviewThread as Wt, DragMessages as X, PopoverHeader as Xa, PreviewCardProps as Xi, MessageReactionTooltipMeta as Xn, DropdownMenuShortcutProps as Xo, MessageItemEditedProps as Xr, DialogCloseProps as Xs, MessageTextSelectionToolbar as Xt, DragAnnouncementSource as Y, PopoverDescriptionProps as Ya, PreviewCardPortalProps as Yi, MessageReactionTooltipContentProps as Yn, DropdownMenuShortcut as Yo, MessageItemEdited as Yr, DialogClose as Ys, MessageQuotedPreviewUnavailableProps as Yt, DragNamed as Z, PopoverHeaderProps as Za, PreviewCardSeparator as Zi, MessageReactionTooltipMetaProps as Zn, DropdownMenuSubmenu as Zo, MessageItemEmbedded as Zr, DialogContent as Zs, MessageTextSelectionToolbarButton as Zt, InboxItemContentProps as _, MobileNavServerPopoverContentProps as _a, DialogSurfaceProps as _c, AvatarGroup as _i, MessageReferenceLabelProps as _n, DropdownMenu as _o, MessageItemToolbarButtonProps as _r, ListRowBottom as _s, MessageListNoticeProps as _t, ModeBarContentProps as a, TooltipContentProps as aa, DialogHeader as ac, MessageItemContinuationTime as ai, MessageMultiSelectProps as an, PopoverTitle as ao, MessageReactionTooltipSeparatorProps as ar, KbdGroupProps as as, MessageListJumpPillDismiss as at, InboxItemDensity as b, MobileNavServerPopoverDestinations as ba, DialogTrigger as bc, AvatarGroupCount as bi, MessageReferenceReadMark as bn, DropdownMenuCheckboxItemIndicatorProps as bo, MessageItemDelegatedAvatarProps as br, ListRowChevronProps as bs, MessageQuotedPreview as bt, ModeBarProps as c, TooltipProps as ca, DialogNavProps as cc, MessageItemGutterProps as ci, MessageMultiSelectToolbarActionsProps as cn, PopoverTriggerProps as co, MessageItemBadgeSeparator as cr, BadgeProps as cs, MessageListJumpPillGroupProps as ct, InboxItem as d, TooltipTrigger as da, DialogPortal as dc, Avatar$1 as di, MessageReferenceChipProps as dn, MobileNavItem as do, MessageItemReadReceipt as dr, Checkbox$1 as ds, MessageListDateDividerProps as dt, PreviewCardTitleProps as ea, DialogDescriptionProps as ec, MessageItemFooterProps as ei, MessageTextSelectionToolbarSeparator as en, PopoverPortal as eo, MessageReactionTooltipNameText as er, DropdownMenuSubmenuTriggerProps as es, dragInstructions as et, InboxItemActions as f, TooltipTriggerProps as fa, DialogPortalProps as fc, AvatarBadge as fi, MessageReferenceIcon as fn, MobileNavItemProps as fo, MessageItemReadReceiptProps as fr, CheckboxProps as fs, MessageListEndFade as ft, InboxItemContent as g, MobileNavServerPopoverContent as ga, DialogSurface as gc, AvatarFallbackProps as gi, MessageReferenceLabel as gn, MobileNavRootProps as go, MessageItemToolbarButton as gr, ListRowBodyProps as gs, MessageListNotice as gt, InboxItemBodyProps as h, MobileNavServerPopover as ha, DialogSheetBackProps as hc, AvatarFallback as hi, MessageReferenceIndicatorProps as hn, MobileNavRoot as ho, MessageItemToolbar as hr, ListRowBody as hs, MessageListHistoryLimitedProps as ht, ModeBarContent as i, TooltipContent as ia, DialogFooterProps as ic, MessageItemAvatarSlotProps as ii, MessageMultiSelectCheckboxProps as in, PopoverSeparatorProps as io, MessageReactionTooltipSeparator as ir, KbdGroup as is, MessageListJumpPill as it, InboxItemMetadata as j, MobileNavServerPopoverRowDescriptionProps as ja, StyledProps as jc, PreviewCardArrowProps as ji, MessageReactionAddButtonProps as jn, DropdownMenuItemProps as jo, MessageItemMeta as jr, ListRowTitleProps as js, MessageQuotedPreviewAuthorNameProps as jt, InboxItemMessage as k, MobileNavServerPopoverRowBodyProps as ka, VariantProps as kc, PreviewCardActionsProps as ki, MessageReferenceTextVariant as kn, DropdownMenuItemLabel as ko, MessageItemInlineStatus as kr, ListRowProps as ks, MessageQuotedPreviewAuthorMetaProps as kt, ModeBarTitle as l, TooltipProvider as la, DialogOverlay as lc, MessageItem as li, MessageMultiSelectToolbarProps as ln, PopoverViewport as lo, MessageItemBadgeSeparatorProps as lr, CheckboxIndicator as ls, MessageListJumpPillProps as lt, InboxItemBody as m, MobileNavServerItemProps as ma, DialogSheetBack as mc, AvatarBadgeProps as mi, MessageReferenceIndicator as mn, MobileNavLabelProps as mo, MessageItemSavedIndicatorProps as mr, ListRow as ms, MessageListHistoryLimited as mt, ModeBarAction as n, PreviewCardTriggerProps as na, DialogFooterNote as nc, MessageItemSearchMatchProps as ni, MessageMultiSelect as nn, PopoverProps as no, MessageReactionTooltipNames as nr, DropdownMenuTriggerProps as ns, MessageListJumpControls as nt, ModeBarDescription as o, TooltipPortal as oa, DialogHeaderProps as oc, MessageItemContinuationTimeProps as oi, MessageMultiSelectToolbar as on, PopoverTitleProps as oo, MessageItemBadge as or, KbdProps as os, MessageListJumpPillDismissProps as ot, InboxItemActionsProps as p, MobileNavServerItem as pa, DialogProps as pc, AvatarBadgeOffset as pi, MessageReferenceIconProps as pn, MobileNavLabel as po, MessageItemSavedIndicator as pr, Presence as ps, MessageListEndFadeProps as pt, InboxItemTriggerProps as q, PopoverContentProps as qa, PreviewCardPopupProps as qi, MessageReactionQuickRowProps as qn, DropdownMenuSeparator as qo, MessageItemContent as qr, DialogBody as qs, MessageQuotedPreviewTimestampProps as qt, ModeBarActionProps as r, Tooltip$1 as ra, DialogFooterNoteProps as rc, MessageItemAvatarSlot as ri, MessageMultiSelectCheckbox as rn, PopoverSeparator as ro, MessageReactionTooltipNamesProps as rr, Kbd as rs, MessageListJumpControlsProps as rt, ModeBarDescriptionProps as s, TooltipPortalProps as sa, DialogNav as sc, MessageItemGutter as si, MessageMultiSelectToolbarActions as sn, PopoverTrigger as so, MessageItemBadgeProps as sr, Badge as ss, MessageListJumpPillGroup as st, ModeBar as t, PreviewCardTrigger as ta, DialogFooter as tc, MessageItemSearchMatch as ti, MessageTextSelectionToolbarSeparatorProps as tn, PopoverPortalProps as to, MessageReactionTooltipNameTextProps as tr, DropdownMenuTrigger as ts, dragMessages as tt, ModeBarTitleProps as u, TooltipProviderProps as ua, DialogOverlayProps as uc, MessageItemProps as ui, MessageReferenceChip as un, PopoverViewportProps as uo, MessageItemBadgeStatus as ur, CheckboxIndicatorProps as us, MessageListDateDivider as ut, InboxItemContext as v, MobileNavServerPopoverDestination as va, DialogTitle as vc, AvatarGroupButton as vi, MessageReferencePending as vn, DropdownMenuCheckboxItem as vo, MessageItemToolbarProps as vr, ListRowBottomProps as vs, MessageList as vt, InboxItemHoverTargetProps as w, MobileNavServerPopoverList as wa, Button$1 as wc, AvatarImageProps as wi, MessageReferenceText as wn, DropdownMenuFooter as wo, MessageItemDelegatedByName as wr, ListRowGroupProps as ws, MessageQuotedPreviewAttachmentsProps as wt, InboxItemHeading as x, MobileNavServerPopoverDestinationsProps as xa, DialogTriggerProps as xc, AvatarGroupCountProps as xi, MessageReferenceReadMarkProps as xn, DropdownMenuCheckboxItemProps as xo, MessageItemDelegatedBy as xr, ListRowDescription as xs, MessageQuotedPreviewAttachment as xt, InboxItemContextProps as y, MobileNavServerPopoverDestinationProps as ya, DialogTitleProps as yc, AvatarGroupButtonProps as yi, MessageReferencePendingProps as yn, DropdownMenuCheckboxItemIndicator as yo, MessageItemDelegatedAvatar as yr, ListRowChevron as ys, MessageListProps as yt, InboxItemSubtitleProps as z, PopoverArrowProps as za, PreviewCardEyebrowProps as zi, MessageReactionGlyphProps as zn, DropdownMenuPortalProps as zo, MessageItemSenderGroupProps as zr, TextLinkExternalIconProps as zs, MessageQuotedPreviewLoading as zt };