@botiverse/raft-ui 0.50.0 → 0.52.0

package/dist/wip.d.mts

@@ -1,1222 +1,61 @@
-import { $ as MessageListJumpPillProps, Ai as PreviewCardFooter, As as TextLinkProps, B as DragMessages, C as InboxItemProps, Ca as MobileNavServerPopoverRowLabelProps, Ci as PreviewCardBodyProps, Da as PopoverActionsProps, Ea as PopoverActions, Fi as PreviewCardMetaProps, Fs as DialogSheetContentProps, G as dragMessages, H as DragPlace, Hs as DialogContentProps, Is as Dialog, J as MessageListJumpPill, K as MessageListJumpControls, Ks as DialogFooterNote, Ma as PopoverBody, Ms as DialogCommit, Na as PopoverBodyProps, Ns as DialogCommitProps, Oi as PreviewCardEyebrow, Pi as PreviewCardMeta, Ps as DialogSheetContent, Q as MessageListJumpPillGroupProps, R as DEFAULT_DRAG_MESSAGES, Sa as MobileNavServerPopoverRowLabel, Si as PreviewCardBody, To as DropdownMenuLinkItemProps, U as createDragAnnouncements, V as DragNamed, W as dragInstructions, X as MessageListJumpPillDismissProps, Y as MessageListJumpPillDismiss, Z as MessageListJumpPillGroup, _a as MobileNavServerPopoverRow, _t as MessageQuotedPreviewAuthorDelegatedByProps, aa as MobileNavServerPopover, ac as DialogSheetBackProps, ba as MobileNavServerPopoverRowDescription, bc as DataAttributes, ca as MobileNavServerPopoverDestination, ci as AvatarGroupButton, da as MobileNavServerPopoverDestinationsProps, dn as MessageReferenceReadMarkProps, dr as MessageItemDelegatedBy, fa as MobileNavServerPopoverGroup, fr as MessageItemDelegatedByButton, ga as MobileNavServerPopoverProps, gr as MessageItemDelegatedByProps, gt as MessageQuotedPreviewAuthorDelegatedBy, ha as MobileNavServerPopoverListProps, hc as ButtonProps, hr as MessageItemDelegatedByNameProps, ia as MobileNavServerItemProps, ic as DialogSheetBack, ji as PreviewCardFooterProps, ki as PreviewCardEyebrowProps, la as MobileNavServerPopoverDestinationProps, lc as DialogTitleProps, li as AvatarGroupButtonProps, lr as MessageItemDelegatedAvatar, ma as MobileNavServerPopoverList, mr as MessageItemDelegatedByName, nn as MessageReferenceIcon, oa as MobileNavServerPopoverContent, pa as MobileNavServerPopoverGroupProps, pr as MessageItemDelegatedByButtonProps, q as MessageListJumpControlsProps, qs as DialogFooterNoteProps, ra as MobileNavServerItem, rn as MessageReferenceIconProps, sa as MobileNavServerPopoverContentProps, u as InboxItemDensity, ua as MobileNavServerPopoverDestinations, uc as DialogTrigger, un as MessageReferenceReadMark, ur as MessageItemDelegatedAvatarProps, va as MobileNavServerPopoverRowBody, vi as PreviewCardActions, wa as MobileNavServerPopoverRowProps, wo as DropdownMenuLinkItem, xa as MobileNavServerPopoverRowDescriptionProps, xc as StyledProps, ya as MobileNavServerPopoverRowBodyProps, yc as VariantProps, yi as PreviewCardActionsProps, ys as ListRowProps, z as DragAnnouncementSource, zs as DialogClose } from "./inbox-item-B4nNvpp1.mjs";
-import { CSSProperties, ComponentProps, ComponentPropsWithRef, ReactNode, RefObject } from "react";
-import { Button } from "@base-ui/react/button";
-import { useRender } from "@base-ui/react/use-render";
-import { Announcements, CollisionDetection, DragEndEvent, DragOverEvent, DragStartEvent, DropAnimation, KeyboardCoordinateGetter, KeyboardSensorOptions, Modifier, PointerSensor, ScreenReaderInstructions, TouchSensor, TouchSensorOptions, UniqueIdentifier } from "@dnd-kit/core";
-import { Combobox } from "@base-ui/react/combobox";
-import { SortingStrategy } from "@dnd-kit/sortable";
-import { Meter as Meter$1 } from "@base-ui/react/meter";
-//#region src/components/combobox-select/combobox-select.types.d.ts
-type ComboboxSelectValue = string | number;
-interface ComboboxSelectOption {
-  value: ComboboxSelectValue;
-  label: string;
-  disabled?: boolean;
-}
-interface ComboboxSelectGroup<Option = ComboboxSelectOption> {
-  type: "group";
-  key: string | number;
-  label: ReactNode;
-  children: readonly Option[];
-}
-type ComboboxSelectSelection<Multiple extends boolean | undefined> = Multiple extends true ? ComboboxSelectValue[] : ComboboxSelectValue | null;
-interface ComboboxSelectMessages {
-  clear: string;
-  toggle: string;
-  selected: string;
-  chipDescription: string;
-  inputDescription: string;
-  remove: (label: string) => string;
-}
-type RootProps = Combobox.Root.Props<unknown, boolean>;
-type ComboboxSelectProps<Option = ComboboxSelectOption, Multiple extends boolean | undefined = false> = Pick<RootProps, "name" | "form" | "required" | "disabled" | "readOnly" | "open" | "defaultOpen" | "onOpenChange" | "onOpenChangeComplete" | "autoHighlight" | "autoComplete" | "inputValue" | "defaultInputValue" | "onInputValueChange"> & Pick<ComponentPropsWithRef<"input">, "id" | "ref" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-invalid"> & {
-  options: readonly (Option | ComboboxSelectGroup<Option>)[];
-  multiple?: Multiple;
-  value?: ComboboxSelectSelection<Multiple>;
-  defaultValue?: ComboboxSelectSelection<Multiple>;
-  onValueChange?: (value: ComboboxSelectSelection<Multiple>, options: Multiple extends true ? (Option | undefined)[] : Option | undefined | null, details: Combobox.Root.ChangeEventDetails) => void;
-  labelField?: keyof Option;
-  valueField?: keyof Option;
-  disabledField?: keyof Option;
-  /** Supplies labels for values that have not been loaded yet. */
-  fallbackOption?: (value: ComboboxSelectValue) => Option;
-  filterable?: boolean;
-  filter?: false | ((query: string, option: Option) => boolean);
-  /** Display the provided results without local filtering. Requests belong to the caller. */
-  remote?: boolean;
-  onSearch?: (query: string) => void;
-  loading?: boolean;
-  create?: boolean;
-  /** Alias for create, useful when matching Select libraries that call this mode creatable. */
-  creatable?: boolean;
-  /** Called only when the creation row is selected. Return null to reject creation. */
-  onCreate?: (query: string) => Option | null;
-  clearable?: boolean;
-  showArrow?: boolean;
-  clearFilterAfterSelect?: boolean;
-  onClear?: () => void;
-  /** Collapse chips when the control is unfocused; all remain reachable when focused. */
-  maxTagCount?: number;
-  size?: "sm" | "md" | "lg";
-  status?: "error" | "warning";
-  placeholder?: string;
-  renderLabel?: (option: Option) => ReactNode;
-  /** Customizes option content while preserving the Base UI option element. */
-  renderOption?: (option: Option, info: {
-    selected: boolean;
-  }) => ReactNode;
-  /** Customizes chip content while preserving keyboard navigation and removal. */
-  renderTag?: (option: Option) => ReactNode;
-  renderCreateLabel?: (query: string) => ReactNode;
-  emptyContent?: ReactNode;
-  loadingContent?: ReactNode;
-  messages?: Partial<ComboboxSelectMessages>;
-  /**
-   * The tallest the list gets before it scrolls, its 6px padding above and below
-   * included: a CSS length, or a number of pixels. On a phone the list also gets
-   * shorter to fit the room on its side, and opens above when that side has more
-   * room and below is short of this height.
-   * @default "16rem"
-   */
-  listMaxHeight?: number | string;
-  inputProps?: Omit<Combobox.Input.Props, "value" | "defaultValue" | "size" | "children">;
-  portalProps?: Combobox.Portal.Props;
-  positionerProps?: Omit<Combobox.Positioner.Props, "children">;
-  popupProps?: Omit<Combobox.Popup.Props, "children">;
-  className?: string;
-  style?: CSSProperties;
-};
-//#endregion
-//#region src/components/combobox-select/combobox-select.d.ts
-export declare function ComboboxSelect<Option = ComboboxSelectOption, Multiple extends boolean | undefined = false>({ options, multiple, value, defaultValue, onValueChange, labelField, valueField, disabledField, fallbackOption, filterable, filter, remote, onSearch, loading, create, creatable, onCreate, clearable, showArrow, clearFilterAfterSelect, onClear, maxTagCount, size, status, placeholder, renderLabel, renderOption, renderTag, renderCreateLabel, emptyContent, loadingContent, messages, listMaxHeight, inputProps, portalProps, positionerProps, popupProps, className, style, id: idProp, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, inputValue, defaultInputValue, onInputValueChange, disabled, readOnly, autoHighlight, onOpenChange, ...rootProps }: ComboboxSelectProps<Option, Multiple>): import("react").JSX.Element;
-//#endregion
-//#region src/components/announcement-dialog/announcement-dialog.d.ts
-export declare function AnnouncementDialogContent({ className, initialFocus, ref, ...props }: DialogContentProps): import("react").JSX.Element;
-export declare function AnnouncementDialogBody({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
-export declare function AnnouncementDialogHeader({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
-export declare function AnnouncementDialogLabel({ className, children, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
-export declare function AnnouncementDialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
-export declare function AnnouncementDialogPicture({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
-export declare function AnnouncementDialogText({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
-export declare function AnnouncementDialogFooter({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
-export declare function AnnouncementDialogAction({ className, ...props }: Omit<ButtonProps, "variant">): import("react").JSX.Element;
-export declare function AnnouncementDialogSecondaryAction({ className, ...props }: Omit<ButtonProps, "variant">): import("react").JSX.Element;
-//#endregion
-//#region src/components/comment/comment-card.d.ts
-type CommentCardProps = useRender.ComponentProps<"div"> & {
-  /** The discussion people are reading or replying to: an ink border, lifted. */
-  active?: boolean;
-};
-/**
- * The card of one discussion: its comments, a line such as "2 replies", and
- * the reply box when it is open. A `div`; which parts it holds (collapsed or
- * open) is the caller's choice. To open it with a click, add
- * `CommentCardTrigger`.
- */
-export declare function CommentCard({ className, render, active, ...props }: CommentCardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentCardTriggerProps = useRender.ComponentProps<"button">;
-/**
- * A button laid over the whole card, for a collapsed card that opens when it
- * is clicked or chosen with the keyboard. It has no text of its own: give it
- * an `aria-label` ("Comment from Martin").
- */
-export declare function CommentCardTrigger({ className, render, ...props }: CommentCardTriggerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentCardMetaProps = useRender.ComponentProps<"div">;
-/**
- * A short line about the discussion, in the caller's words: how many replies
- * it has, that it is about the whole document, or that the passage it was on
- * can no longer be found. When choosing it does something (makes this the
- * discussion being read), render it as a button,
- * `render={<button type="button" />}`: it then underlines on hover, as
- * clickable text, and takes the focus ring.
- */
-export declare function CommentCardMeta({ className, render, ...props }: CommentCardMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentCardQuoteProps = useRender.ComponentProps<"span">;
-/**
- * The passage the discussion is about, in the caller's words (usually the
- * quoted text). Hidden on screen, where the card's place beside the
- * highlighted passage says it; give it an `id` and point the
- * `aria-describedby` of `CommentCardTrigger` or `CommentMarker` at it, so a
- * screen reader says which passage a card is about.
- */
-export declare function CommentCardQuote({ className, render, ...props }: CommentCardQuoteProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-//#region src/components/comment/comment-entry.d.ts
-type CommentEntryProps = useRender.ComponentProps<"div">;
-/** One comment in a discussion: its header, then its text. */
-export declare function CommentEntry({ className, render, ...props }: CommentEntryProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentEntryHeaderProps = useRender.ComponentProps<"div">;
-/** One line: the author's `Avatar` (`size="xs"`), `CommentEntryAuthor`, then `CommentEntryTime`. */
-export declare function CommentEntryHeader({ className, render, ...props }: CommentEntryHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentEntryAuthorProps = useRender.ComponentProps<"span">;
-/** Who wrote the comment, in bold. It truncates; the time after it doesn't. */
-export declare function CommentEntryAuthor({ className, render, ...props }: CommentEntryAuthorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentEntryTimeProps = useRender.ComponentProps<"time">;
-/**
- * When the comment was written, right after the author. A `<time>`: pass the
- * moment in `dateTime` (ISO 8601).
- */
-export declare function CommentEntryTime({ className, render, ...props }: CommentEntryTimeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type CommentEntryBodyProps = useRender.ComponentProps<"div"> & {
-  /** Cuts the text to 2 lines, for a collapsed card. */
-  clamp?: boolean;
-};
-/** What the comment says. */
-export declare function CommentEntryBody({ className, render, clamp, ...props }: CommentEntryBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-//#region src/components/comment/comment-highlight.d.ts
-/** The highlight of every passage that has comments (`::highlight(raft-comment)` in styles.css). */
-export declare const COMMENT_HIGHLIGHT = "raft-comment";
-/** The highlight of the passage of the open discussion (`::highlight(raft-comment-active)`). */
-export declare const COMMENT_HIGHLIGHT_ACTIVE = "raft-comment-active";
-/**
- * Highlights the passages comments are on with the CSS Custom Highlight API,
- * so the document's DOM is never changed: no `<mark>` is wrapped around its
- * text. Register the ranges of every anchored comment under
- * `COMMENT_HIGHLIGHT`, and the open discussion's under
- * `COMMENT_HIGHLIGHT_ACTIVE`, which paints over it. Passing no ranges clears
- * the name. Returns a function that clears it.
- *
- * Where the browser has no `CSS.highlights`, it does nothing: the passages are
- * not highlighted, and the cards still say where they belong.
- */
-export declare function setCommentHighlights(name: string, ranges: Iterable<Range>): () => void;
-//#endregion
-//#region src/components/comment/comment-margin.d.ts
-type CommentMarginProps = useRender.ComponentProps<"div"> & {
-  /** Space between two cards that would otherwise touch, in px. Default 8. */
-  gap?: number;
-};
-/**
- * The column beside a document that holds its comment cards, each level with
- * the passage it is about. It measures its `CommentMarginItem`s with one
- * `ResizeObserver`, resolves their collisions with
- * `resolveCommentMarginLayout`, and takes the height the lowest card needs.
- * Place it beside the document so that its top is the top the items' `top`
- * is measured from.
- */
-export declare function CommentMargin({ className, render, style, gap, ...props }: CommentMarginProps): import("react").JSX.Element;
-type CommentMarginItemProps = useRender.ComponentProps<"div"> & {
-  /** Where the card's anchor is: its y, in px, from the top of the margin. */
-  top: number;
-  /** Pins this card to its anchor and moves the others around it. */
-  active?: boolean;
-};
-/**
- * One card's place in a `CommentMargin`. It sits at `top`, or lower when the
- * card above it is in the way; the active one stays at `top` and the others
- * make room. Items with the same `top` keep the order they were first
- * rendered in. The resolved top is `data-top`, applied as a `translateY`.
- */
-export declare function CommentMarginItem({ className, render, style, top, active, ...props }: CommentMarginItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-//#region src/components/comment/comment-margin-layout.d.ts
-/** One card in the margin: where its anchor is and how tall the card is, in px. */
-type CommentMarginLayoutItem = {
-  id: string;
-  /** The y of the card's anchor, measured from the top of the margin. */
-  top: number;
-  /** The card's rendered height. */
-  height: number;
-};
-type CommentMarginLayoutOptions = {
-  /** Space between two cards that would otherwise touch, in px. Default 8. */
-  gap?: number;
-  /** The card pinned to its anchor; the others make room around it. */
-  activeId?: string | null;
-};
-type CommentMarginLayout = {
-  /** The resolved top of each card, by id. */
-  tops: Record<string, number>;
-  /** The bottom of the lowest card: the height the margin needs. */
-  height: number;
-};
-/**
- * Places the cards of a comment margin the way Google Docs does. Cards keep
- * document order (by their anchor's top; equal tops keep the order given) and
- * never overlap: each sits at its anchor, or `gap` below the card before it.
- * The active card is pinned to its anchor instead, the cards above it are
- * pushed up to make room and the cards below it pushed down. Nothing goes
- * above 0: when the cards above the active one don't fit between 0 and its
- * anchor, they stack from 0 and the active card follows them.
- */
-export declare function resolveCommentMarginLayout(items: readonly CommentMarginLayoutItem[], { gap, activeId }?: CommentMarginLayoutOptions): CommentMarginLayout;
-//#endregion
-//#region src/components/comment/comment-marker.d.ts
-type CommentMarkerProps = StyledProps<Button.Props> & DataAttributes & {
-  /** The marker of the discussion that is open. */
-  active?: boolean;
-};
-/**
- * Where there is no room for a margin: a small button beside a passage that
- * has comments, with the authors' avatars (an `AvatarGroup` of up to 3
- * `size="2xs"` avatars) and the count. It opens the discussion, in a bottom
- * sheet. Give it an `aria-label` that starts with the count ("2 comments").
- */
-export declare function CommentMarker({ className, render, nativeButton, active, ...props }: CommentMarkerProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/comment/use-comment-margin-fits.d.ts
-type UseCommentMarginFitsOptions = {
-  /** The narrowest the viewer may be for the margin to show, in px. Default 784. */
-  minWidth?: number;
-};
-/**
- * Whether a viewer has room for a comment margin beside its document: true
- * only on a desktop (from 768px with a mouse or a trackpad, the query the
- * desktop metrics use) and while `element`, the viewer that holds the
- * document and the margin, is at least `minWidth` wide. Otherwise show
- * `CommentMarker`s and open discussions in a bottom sheet. Cards and markers
- * are different trees, so this is measured in JavaScript (a
- * `ResizeObserver` on the element), not decided by a container query.
- */
-export declare function useCommentMarginFits(element: Element | null, { minWidth }?: UseCommentMarginFitsOptions): boolean;
-//#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.
- */
-export 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.
- */
-export 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." */
-export 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.
- */
-export 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.
- */
-export declare function ModeBarAction({ className, render, ...props }: ModeBarActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-//#region src/lib/touch-drag.d.ts
-/**
- * How a finger picks up something that can be dragged
- * (design/foundations/states.md#dragging-on-a-touch-screen):
- *
- * - hold still for `TOUCH_DRAG_HOLD_MS`: the item is armed, the same moment a
- *   long press opens a menu (raft-ui's ContextMenuTrigger, iOS: 500ms);
- * - then move by `TOUCH_DRAG_DISTANCE_PX`: the drag starts, and whoever owns a
- *   menu that opened closes it in `onDragStart`;
- * - move by more than `TOUCH_DRAG_TOLERANCE_PX` before the hold is up, or put a
- *   second finger down: it was a scroll or a pinch, and the item lets go.
- *
- * dnd-kit's delay constraint starts the drag the moment the hold is up, at the
- * same time as the long press opens the menu, so the two fight. Starting on the
- * first move after the hold lets holding still mean "menu" and holding then
- * moving mean "drag", as on iOS.
- *
- * Pair it with `MouseOnlyPointerSensor`, not dnd-kit's PointerSensor: a phone
- * sends `pointerdown` (pointerType "touch") before `touchstart`, and the sensor
- * that takes the press first keeps it, so a PointerSensor would pick up every
- * touch on its distance and this sensor would never run.
- */
-export declare const TOUCH_DRAG_HOLD_MS = 500;
-export declare const TOUCH_DRAG_DISTANCE_PX = 10;
-export declare const TOUCH_DRAG_TOLERANCE_PX = 10;
-type HoldThenMoveOptions = {
-  /** How long the finger stays still before a move can start the drag. */
-  holdMs?: number;
-  /** How far the finger moves after the hold to start the drag. */
-  distance?: number;
-  /** How far the finger may drift during the hold before it counts as a scroll. */
-  tolerance?: number;
-};
-/** A TouchSensor that starts a drag on the first move after a still hold (see above). */
-export declare const HoldThenMoveTouchSensor: typeof TouchSensor;
-/**
- * dnd-kit's PointerSensor for a mouse and a pen only: a finger's pointerdown is
- * left to `HoldThenMoveTouchSensor`. While it holds a drag, Escape puts the
- * item back and reaches nothing else.
- */
-export declare const MouseOnlyPointerSensor: typeof PointerSensor;
-/**
- * `useSensor(HoldThenMoveTouchSensor, …)` with the activation the sensor relies
- * on: no constraint dnd-kit would act on by itself, so only a move after the
- * hold starts the drag.
- */
-export declare function useHoldThenMoveTouchSensor({ holdMs, distance, tolerance }?: HoldThenMoveOptions): import("@dnd-kit/core").SensorDescriptor<TouchSensorOptions>;
-/** The mouse / pen sensor that goes with it: picks up after `distance` px. */
-export declare function useMouseOnlyPointerSensor(distance: number): import("@dnd-kit/core").SensorDescriptor<{
-  activationConstraint: {
-    distance: number;
-  };
-}>;
-//#endregion
-//#region src/components/drag/drag-sensors.d.ts
-/**
- * A mouse or a pen picks an item up once it has moved this far, so a click
- * never moves anything (design/patterns/drag-and-drop.md#starting-a-drag).
- */
-export declare const MOUSE_DRAG_DISTANCE_PX = 6;
-/**
- * Space picks up and drops, Escape puts back, the arrow keys move. Enter
- * never starts a drag: on an item that can also be opened or activated, Enter
- * does that.
- */
-export declare const DRAG_KEYBOARD_CODES: NonNullable<KeyboardSensorOptions["keyboardCodes"]>;
-type DragSensorsOptions = {
-  /**
-   * How the arrow keys move a lifted item. Defaults to
-   * `listKeyboardCoordinates`, which steps through a sortable list.
-   */
-  coordinateGetter?: KeyboardCoordinateGetter;
-  /** Leave the keyboard out, for a surface whose keyboard path is a button. */
-  keyboard?: boolean;
-  /** The touch hold, distance and tolerance; the defaults are the system's. */
-  touch?: HoldThenMoveOptions;
-};
-/**
- * The one sensor set for everything that can be dragged
- * (design/patterns/drag-and-drop.md#starting-a-drag):
- *
- * - a mouse or a pen: after 6px of movement;
- * - a finger: hold still 500ms, then move 10px (`useHoldThenMoveTouchSensor`);
- * - the keyboard: Space picks up, the arrows move, Space drops, Escape puts
- *   back. Enter never starts a drag.
- *
- * However the drag started, Escape during it only puts the item back: it is
- * taken in the capture phase on the window and stopped, so no app handler
- * (a dialog, a panel, a popover that closes on Escape) hears it. Once the drag
- * is over, Escape reaches the app again.
- *
- * Pass the options, or only the keyboard's `coordinateGetter`.
- */
-export declare function useDragSensors(options?: DragSensorsOptions | KeyboardCoordinateGetter): import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
-/**
- * dnd-kit's sortable keyboard steps, measured from where the item's place
- * actually is (its own node, slid into the landing spot) rather than from the
- * lifted copy. After an item moves into another list the two differ, and the
- * arrows would skip a place. Use it for lists inside one `DndContext`.
- */
-export declare const listKeyboardCoordinates: KeyboardCoordinateGetter;
-type DragAcrossLists = {
-  /** The caller's collision detection, holding the item over itself right after it moves list. */
-  collisionDetection: CollisionDetection;
-  /** Pass to `useDragSensors({ coordinateGetter })`. */
-  coordinateGetter: KeyboardCoordinateGetter;
-  /**
-   * Call when the item has just been moved into another list. By keyboard it
-   * then stays over itself until the next arrow; by pointer, for one frame.
-   */
-  moved: (viaKeyboard: boolean) => void;
-  /** Call when the drag ends or is cancelled. */
-  reset: () => void;
-};
-/**
- * The keyboard fix for an item that moves between lists while it is dragged
- * (a sidebar's sections, a board's columns). Without it, dnd-kit still counts
- * the row the item was put next to as the place under it, projects one more
- * move, and the next arrow skips a place: what is announced and where the item
- * drops disagree. With it:
- *
- * - right after it moves list, the item is over itself (by keyboard until the
- *   next arrow, by pointer for one frame);
- * - the arrows are measured from the item's real place (`listKeyboardCoordinates`).
- *
- * Render `DragRemeasure` too, so the lists are measured again after the move.
- */
-export declare function useDragAcrossLists(collisionDetection: CollisionDetection): DragAcrossLists;
-type DragRemeasureProps = {
-  /** Anything that changes when an item moves list, such as the lists' items. */
-  version: unknown;
-};
-/**
- * Measures every drop target again once an item's move into another list has
- * rendered. dnd-kit's own observers skip targets whose size didn't change,
- * even when they moved. Render it inside the `DndContext`.
- */
-export declare function DragRemeasure({ version }: DragRemeasureProps): null;
-//#endregion
-//#region src/components/drag/drag.recipe.d.ts
-/**
- * The lift look, for a copy drawn outside `DragLift`: an opaque popover
- * surface, `shadow-float` and the `line-seam` ring. No scale, no tilt.
- */
-export declare const LIFT_CLASS = "bg-layer-popover shadow-float ring-1 ring-line-seam";
-//#endregion
-//#region src/components/drag/drag-lift.d.ts
-/**
- * A drag settling (motion.md, `motion-drag-settle-*`): the lifted copy
- * gliding into its place on a drop or back home on a cancel, siblings sliding
- * apart to open the place, and a layout reflowing on a drop.
- */
-export declare const DRAG_SETTLE: {
-  readonly duration: 160;
-  readonly easing: "cubic-bezier(0.25, 1, 0.5, 1)";
-};
-/** For `useSortable({ transition })`: siblings slide with the same token. */
-export declare const DRAG_SIBLING_TRANSITION: {
-  readonly duration: 160;
-  readonly easing: "cubic-bezier(0.25, 1, 0.5, 1)";
-};
-/** The item a drag came from, while nothing else has taken its place (`data-drag-origin`). */
-export declare const ORIGIN_OPACITY = 0.4;
-/** Auto-scroll starts this close to the edge of anything that scrolls. */
-export declare const DRAG_AUTO_SCROLL_ZONE_PX = 48;
-/** How far a keyboard drag sets the copy off its place, so the place's dashed outline shows. */
-export declare const DRAG_KEYBOARD_OFFSET_PX = 6;
-/**
- * Drop: the copy glides into its place. Cancel: it glides back home. While
- * it glides, the item it will become stays hidden, then appears there.
- */
-export declare const DROP_GLIDE: DropAnimation;
-/**
- * The sibling transition for `useSortable({ transition })`: the drag-settle
- * slide, or none with `prefers-reduced-motion`.
- */
-export declare function useDragSiblingTransition(): {
-  readonly duration: 160;
-  readonly easing: "cubic-bezier(0.25, 1, 0.5, 1)";
-} | null;
-/**
- * For a compact proxy (a section's head, at most 240px wide): the grab point
- * is kept, but pulled to within `inset` of the proxy's end, so the hand never
- * holds empty air beside it. A constant shift: the copy still tracks 1:1.
- */
-export declare function keepGrabInside(proxyWidth: number, inset?: number): Modifier;
-/**
- * Cancels the drag in progress, whichever sensor holds it. Every dnd-kit
- * sensor (and so every sensor of `useDragSensors`) puts the item back when the
- * window is resized, so this sends the window a `resize`: unlike a synthetic
- * Escape, no app's own Escape handler (a dialog, a panel, a popover) hears it.
- */
-export declare function cancelDrag(win?: Window): void;
-/**
- * Above every raft-ui layer (popovers 50, a stacked dialog 60, toasts and the
- * lightbox 70) and an app's own top layers: the copy in the hand is always on
- * top. dnd-kit's own default.
- */
-export declare const DRAG_LIFT_Z_INDEX = 999;
-type DragLiftProps = {
-  /** The lifted copy: the dragged item itself, or a compact proxy for a large one. Nothing while nothing is lifted. */
-  children?: ReactNode;
-  /**
-   * The copy takes the item's size and the control radius. Pass the item's
-   * own radius here, such as `rounded-container` for a card, or a size for a
-   * compact proxy (`size-auto max-w-60`).
-   */
-  className?: string;
-  style?: CSSProperties;
-  /** Modifiers for the copy only, such as one that keeps a compact proxy under the hand. */
-  modifiers?: Modifier[];
-  /**
-   * Scroll whatever scrollable area the pointer comes within 48px of the edge
-   * of. Turn dnd-kit's own off (`<DndContext autoScroll={false}>`) so the two
-   * don't scroll together.
-   * @default true
-   */
-  autoScroll?: boolean;
-  /**
-   * Render the copy in another element, such as `document.body` when an
-   * ancestor has a transform (a drawer, a dialog), which would offset a
-   * `position: fixed` copy. It keeps the theme scope it was rendered in
-   * (`light` / `dark`), as raft-ui's portals do. By default it renders in place.
-   */
-  container?: Element | DocumentFragment | null;
-  /** @default DRAG_LIFT_Z_INDEX (999) */
-  zIndex?: number;
-};
-/**
- * The copy of a dragged item that follows the hand
- * (design/patterns/drag-and-drop.md#what-follows-the-hand): an opaque popover
- * surface with `shadow-float` and a `line-seam` ring, no scale and no tilt,
- * 1:1 with the pointer from the grab point, never clamped to its container and
- * never held to one axis. On a drop it glides into its place, and on a cancel
- * back home (160ms, `motion-drag-settle-*`; none with reduced motion).
- *
- * While something is lifted it also sets the grabbing cursor, cancels the
- * drag when the window loses focus or the tab is hidden, and scrolls an area
- * the pointer is near the edge of. Render it inside the `DndContext`.
- */
-export declare function DragLift({ children, className, style, modifiers, autoScroll, container, zIndex }: DragLiftProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/drag/drop-placeholder.d.ts
-type DropPlaceholderProps = useRender.ComponentProps<"div"> & {
-  /**
-   * In a layout (the gap a column makes, a new column's strip): an opaque
-   * `layer-canvas` under the `fill-subtle` wash, so the column behind the gap
-   * doesn't show through while its sections reflow. Nothing is drawn over
-   * live content (design/patterns/drag-and-drop.md#where-it-will-land).
-   */
-  opaque?: boolean;
-};
-/**
- * Where a dragged item will land (design/patterns/drag-and-drop.md#where-it-will-land):
- * a 1.5px dashed `line-strong` outline on `fill-subtle`, with the item's
- * radius and size. One look for every place. The control radius is the
- * default; pass the item's own (`rounded-container` for a card). Hidden from
- * assistive technology: the announcements say where the item is.
- */
-export declare function DropPlaceholder({ opaque, className, render, ...props }: DropPlaceholderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type DragRefusalHintProps = Omit<ComponentPropsWithRef<"div">, "children" | "ref"> & {
-  /** Why the place under the hand won't take the item, such as "Can't move from Todo to Done". */
-  children: string;
-  /** Render the hint in another element; by default it renders in `document.body`. */
-  container?: Element | DocumentFragment | null;
-};
-/**
- * Shown while the hand is over a place that refuses the item
- * (design/patterns/drag-and-drop.md#refused-places): the reason, in a HUD
- * chip by the pointer (by the lifted copy in a keyboard drag), and the
- * not-allowed cursor. Render it only while the place is refused, inside the
- * `DndContext`, with no placeholder anywhere. Announce the reason as well:
- * the chip is not read out.
- *
- * The chip sits right of and below the pointer. Near the window's right edge
- * it goes left of the pointer and of the lifted copy, near the bottom edge
- * above the pointer; it never sits under the copy, and always stays 8px inside
- * the window. Its size is measured when its content changes, not every frame.
- */
-export declare function DragRefusalHint({ children, container, className, style, ...props }: DragRefusalHintProps): import("react").ReactPortal | null;
-//#endregion
-//#region src/components/drag/drag-lists.d.ts
-type DragListsItems<L extends string> = Record<L, readonly string[]>;
-type UseDragListsOptions<L extends string> = {
-  /** The lists, in the order they are on screen (by keyboard, entering a list from above lands first, from below last). */
-  lists: readonly L[];
-  /** Each list's items, by id. */
-  items: DragListsItems<L>;
-  /** Called with the lists as they should now render: while dragging (the item standing at its landing spot), on a drop and on a cancel. */
-  onItemsChange: (items: DragListsItems<L>) => void;
-  /** A list's name as people see it ("Pinned"). */
-  listName: (list: L) => string;
-  /** An item's name as people see it ("#launch-week"); never its id. */
-  itemName: (id: string) => string;
-  /** Why `to` won't take an item from `from`, or null when it will. */
-  refuse?: (from: L, to: L, id: string) => string | null;
-  /** The surface's collision detection; it is held still for a moment right after the item changes list. */
-  collisionDetection: CollisionDetection;
-  /** Says each step in a polite live region (`useDragAnnouncer`). */
-  announce: (message: string) => void;
-  /** Your translations of the announcements. */
-  messages?: Partial<DragMessages>;
-};
-/** dnd-kit's vertical strategy, except that nothing moves while the hand is outside the list. */
-export declare const dragListStrategy: SortingStrategy;
-/**
- * Items in one or more lists that can be reordered and moved between lists
- * (a sidebar's sections, a board's columns): the lists half of the drag
- * model (design/patterns/drag-and-drop.md#where-it-will-land). While dragging,
- * the item stands at its landing spot (its own slot is the place; siblings
- * slide apart), a list can refuse it, and every step is announced by name.
- * The keyboard is measured from the item's real place, so the arrows never
- * skip one after a move into another list.
- *
- * Spread `handlers`, `collisionDetection` and `accessibility` on the
- * `DndContext`, pass `coordinateGetter` to `useDragSensors`, and render
- * `DragRemeasure version={items}` inside it.
- */
-export declare function useDragLists<L extends string>({ lists, items, onItemsChange, listName, itemName, refuse, collisionDetection, announce, messages }: UseDragListsOptions<L>): {
-  /** The dragged item's id, or null. */
-  activeId: string | null;
-  /** The list that refuses the item under the hand, and why. */
-  refusal: {
-    list: L;
-    reason: string;
-  } | null;
-  /** The list the drag started in, while dragging. */
-  originList: L | null;
-  isHome: (id: string, index: number) => boolean;
-  listOf: (state: DragListsItems<L>, id: UniqueIdentifier) => L | null;
-  collisionDetection: CollisionDetection;
-  coordinateGetter: KeyboardCoordinateGetter;
-  accessibility: {
-    announcements: Announcements;
-    screenReaderInstructions: ScreenReaderInstructions;
-  };
-  handlers: {
-    onDragStart: ({ active, activatorEvent }: DragStartEvent) => void;
-    onDragOver: ({ active, over }: DragOverEvent) => void;
-    onDragEnd: ({ over }: DragEndEvent) => void;
-    onDragCancel: () => void;
-  };
-};
-type DraggedSlotProps = {
-  /**
-   * This item is the one being dragged. Render the slot around every item
-   * and pass `isDragging`, so the dragged one keeps its node (and focus).
-   * @default false
-   */
-  dragging?: boolean;
-  /** The dragged item still stands at its own place. */
-  home: boolean;
-  /** The item's radius class, for the place: `rounded-control` by default. */
-  radius?: string;
-  /** Classes for the place, after `radius`. */
-  className?: string;
-  children: ReactNode;
-};
-/**
- * Wraps each item's content in a list. The dragged item's own node is at 40%
- * while it is still home, and the dashed place (its size, its radius) once it
- * stands anywhere else. Every other item renders as it is: the wrapper stays
- * the same, so the item keeps focus when its drag starts.
- */
-export declare function DraggedSlot({ dragging, home, radius, className, children }: DraggedSlotProps): import("react").JSX.Element;
-/** The last announcement, for a polite live region (`DragLiveRegion`). Repeats are dropped. */
-export declare function useDragAnnouncer(): {
-  message: string;
-  announce: (text: string) => void;
-};
-/** A polite, visually hidden live region for drag announcements. */
-export declare function DragLiveRegion({ message }: {
-  message: string;
-}): import("react").JSX.Element;
-//#endregion
-//#region src/components/ellipsis/ellipsis.d.ts
-/** What a function passed as `after` receives. */
-interface EllipsisState {
-  /** The text is cut off right now. `false` while it is expanded. */
-  truncated: boolean;
-  expanded: boolean;
-  /** Expands the text, or collapses it again. */
-  toggle: () => void;
-}
-interface EllipsisProps extends Omit<ComponentProps<"span">, "children"> {
-  /**
-   * The text. Inline content only (text, links, code, mentions): a block
-   * child such as `<p>` or `<div>` breaks the clamp.
-   */
-  children: ReactNode;
-  /** How many lines the text may take before it is cut. */
-  lines?: number;
-  /**
-   * The tooltip shown on hover, and on keyboard focus when the text is a
-   * button, while the text is cut: `true` shows the children, a node shows
-   * that node, `false` shows none. It never opens on a text that fits, or on
-   * a touch screen.
-   */
-  tooltip?: ReactNode;
-  /**
-   * Shown after the text, at the end of the last visible line, only while the
-   * text is cut or expanded; it takes no room while the text fits. A function
-   * receives the state, for an expand control (`EllipsisToggle`).
-   */
-  after?: ReactNode | ((state: EllipsisState) => ReactNode);
-  /** Whether the whole text shows (controlled). */
-  expanded?: boolean;
-  /** Whether the whole text shows at first (uncontrolled). */
-  defaultExpanded?: boolean;
-  onExpandedChange?: (expanded: boolean) => void;
-  /**
-   * Makes the cut text itself the button that expands it and collapses it
-   * again, for a keyboard and a touch screen as well as a pointer. Only plain
-   * text with no `after` takes it: a text with a link or another control
-   * inside stays text, and so does one with an `after`, whose control is the
-   * button instead (a button can't hold another).
-   */
-  expandOnClick?: boolean;
-}
-export declare function Ellipsis({ children, lines, tooltip, after, expanded: expandedProp, defaultExpanded, onExpandedChange, expandOnClick, className, style, ...props }: EllipsisProps): import("react").JSX.Element;
-type EllipsisToggleProps = Omit<TextLinkProps, "aria-expanded" | "aria-controls">;
-/**
- * The control that expands an Ellipsis and collapses it again, for its
- * `after`. A real button, with `aria-expanded` and `aria-controls` pointing
- * at the text. The label is the caller's: "Show More" / "Show Less".
- */
-export declare function EllipsisToggle({ onClick, ...props }: EllipsisToggleProps): import("react").JSX.Element;
-//#endregion
-//#region src/lib/truncation.d.ts
-/**
- * Whether a text is cut off, and when to look again: the one way raft-ui
- * measures truncation (Ellipsis, `useTruncated`, and the `title` that
- * fields give a cut value).
- *
- * The truncation itself is CSS (`text-overflow: ellipsis`, `line-clamp`);
- * this module only answers "did it cut?".
- *
- * - It compares fractional geometry with a 0.5px tolerance. `scrollWidth` and
- *   `clientWidth` are whole pixels, so at some widths (and page zooms) a text
- *   that shows an ellipsis reports that it fits.
- * - Every measured element on a page shares one ResizeObserver, one
- *   MutationObserver and one font-loading listener. A web font that finishes
- *   loading widens the text without resizing its box, which no
- *   ResizeObserver would notice.
- * - Requests are batched into one animation frame, before paint: every
- *   target is isolated (an Ellipsis hides its `after` so the text is measured
- *   alone), then every target is read, then restored, then every result is
- *   committed in one synchronous React update. Reads never interleave with
- *   writes, and a result shows in the same frame it was measured in. A
- *   request made while a frame is handled is queued for the next one.
- */
-/** `undefined`: not known yet, or the element has no box (hidden, not laid out). */
-type Truncation = boolean | undefined;
-//#endregion
-//#region src/lib/use-truncated.d.ts
-/**
- * Whether the text in the element `ref` points at is cut off by its CSS
- * (`truncate`, `line-clamp`, a fixed size with `overflow: hidden`): `true`,
- * `false`, or `undefined` until it is measured or while it has no box.
- *
- * It measures fractional sizes with a 0.5px tolerance, past either inline
- * edge and below the bottom edge, so it needs no line count. It measures again
- * when the element changes size, when its text changes and when a web font
- * finishes loading, in one batched frame for every measured element on the
- * page (lib/truncation.ts), before that frame paints.
- *
- * The element is read when the component mounts: keep `ref` on one element
- * for the component's life, or give the component a `key` that changes with
- * the element.
- */
-export declare function useTruncated(ref: RefObject<Element | null>): Truncation;
-//#endregion
-//#region src/components/inbox-item/inbox-item-leading-badge.d.ts
-type InboxItemLeadingBadgeProps = useRender.ComponentProps<"span">;
-/**
- * A small badge in the bottom-right corner of `InboxItemLeading`, the corner a
- * presence light takes: on a thread row, the thread mark, on the channel's
- * `IconTile` or on the direct message's `Avatar` alike. Put it inside
- * `InboxItemLeading`, after the tile or avatar, with one icon as its child;
- * leave the avatar's `AvatarBadge` out, since the corner holds one mark. It
- * is hidden from assistive technology unless given a `role`.
- */
-export declare function InboxItemLeadingBadge({ className, render, ...props }: InboxItemLeadingBadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-//#region src/components/inbox-item/inbox-item-skeleton.d.ts
-type InboxItemSkeletonShape = {
-  /** The density of the rows it stands for. */
-  density?: InboxItemDensity;
-  /** A 35px block where the rows have an `InboxItemLeading` avatar or tile. */
-  leading?: boolean;
-  /** A context line above the title, where the rows have an `InboxItemContext`. */
-  context?: boolean;
-};
-type InboxItemSkeletonProps = Omit<InboxItemProps, "active" | "disabled" | "children"> & InboxItemSkeletonShape;
-/**
- * A placeholder for one `InboxItem` while the list loads. It is an
- * `InboxItem` itself, with the same parts as the loaded row (an optional
- * leading block, the context line, the title, the excerpt, the timestamp),
- * each holding a bar instead of text. The padding, the divider and every
- * line's height are the loaded row's, so nothing moves when the content
- * arrives. Match `density`, `leading` and `context` to the rows it stands for.
- * Hidden from assistive technology: mark the region that stays while the
- * list loads `aria-busy`.
- */
-export declare function InboxItemSkeleton({ density, leading, context, ...props }: InboxItemSkeletonProps): import("react").JSX.Element;
-type InboxItemSkeletonListProps = useRender.ComponentProps<"div"> & InboxItemSkeletonShape & {
-  /** How many rows to show. About a screenful; ignored when there are children. */
-  count?: number;
-  /**
-   * Milliseconds to wait before the rows appear, so a fast load doesn't
-   * flash them (Feedback, "Empty, loading and failed"). The list is empty
-   * until then. A list skeleton is only for a slow load, so it waits 1
-   * second by default; pass `0` to show the rows at once.
-   */
-  delay?: number;
-};
-/**
- * The list of `InboxItemSkeleton` rows that stands in for a list of
- * `InboxItem` rows while it loads, with nothing between or around the rows
- * that the loaded list doesn't have (no border, no card): only the list's
- * 2px gap, which the loaded list has too (design/patterns/lists.md). Renders
- * `count` rows of the given shape, or its children, once `delay` (1 second by
- * default) has passed. It isn't `aria-busy` itself: it goes away when the
- * content arrives, so mark the region that stays, such as the list's panel or
- * viewport, `aria-busy` while it loads.
- */
-export declare function InboxItemSkeletonList({ count, delay, density, leading, context, children, className, render, ...props }: InboxItemSkeletonListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-//#region src/components/list-row/list-row-skeleton.d.ts
-type ListRowSkeletonProps = Omit<ListRowProps, "tone" | "selected" | "interactive" | "children"> & {
-  /**
-   * A leading block: 35px for an avatar or tile in a `default` row, 20px for
-   * a `ListRowIcon` in a `plain` or `entry` row. On by default in a `default`
-   * row.
-   */
-  leading?: boolean;
-  /** A second line, where the rows have a `ListRowDescription`. On by default in a `default` row. */
-  description?: boolean;
-};
-/**
- * A placeholder for one `ListRow` while the list loads. It is a display-only
- * `ListRow` of the same `variant`, with a bar in its title, its time and its
- * description, so it is the loaded row's size and its divider sits in the
- * same place. Hidden from assistive technology: mark the region that stays
- * while the list loads, such as its `ListRowGroup`, `aria-busy`.
- */
-export declare function ListRowSkeleton({ variant, leading, description, className, ...props }: ListRowSkeletonProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/meter/meter.d.ts
-declare const meter: import("tailwind-variants/lite").TVReturnType<{
-  warning: {
-    true: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {};
-    md: {};
-  };
-}, {
-  root: string[];
-  header: string[];
-  label: string[];
-  value: string[];
-  track: string[];
-  indicator: string[];
-}, undefined, {
-  warning: {
-    true: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {};
-    md: {};
-  };
-}, {
-  root: string[];
-  header: string[];
-  label: string[];
-  value: string[];
-  track: string[];
-  indicator: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  warning: {
-    true: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {};
-    md: {};
-  };
-}, {
-  root: string[];
-  header: string[];
-  label: string[];
-  value: string[];
-  track: string[];
-  indicator: string[];
-}>>;
-type MeterProps = Omit<StyledProps<Meter$1.Root.Props>, "value" | "min" | "max" | "aria-valuetext" | "getAriaValueText" | "format" | "locale"> & Pick<VariantProps<typeof meter>, "size"> & {
-  /**
-   * How much of the allowance is used, as the provider reports it, from 0 to
-   * `max`. The bar fills with it, and it is the meter's `aria-valuenow`.
-   */
-  used: number;
-  /**
-   * The whole allowance, in the same units as `used`.
-   * @default 100
-   */
-  max?: number;
-  /**
-   * The share of `max` used, from 0 to 1, at which the meter takes the
-   * warning color: at or above it. Clamped to 0 to 1.
-   * @default 0.8
-   */
-  warnAt?: number;
-  /**
-   * @deprecated Use `warnAt`, the share used: `low={20}` of 100 is
-   * `warnAt={0.8}`. The amount left, in the units of `max`, at or below
-   * which the meter warns. Ignored when `warnAt` is set.
-   */
-  low?: number;
-  /**
-   * What is used, in words, with the word: "62% used · resets in 3h".
-   * `MeterValue` shows it, and it is the meter's `aria-valuetext`, so the
-   * caller writes it once.
-   */
-  valueText: string;
-};
-/**
- * How much of an allowance is used, such as a usage limit that resets. The bar
- * fills as it is used: the info fill, like Progress, until `warnAt` of `max`
- * is used (80% unless set), then the warning color, and a full warning bar
- * when used up; never danger, and no success color.
- */
-export declare function Meter({ size, used, max, warnAt, low, valueText, className, ...props }: MeterProps): import("react").JSX.Element;
-type MeterHeaderProps = ComponentPropsWithRef<"div">;
-export declare function MeterHeader({ className, ...props }: MeterHeaderProps): import("react").JSX.Element;
-type MeterLabelProps = StyledProps<Meter$1.Label.Props>;
-export declare function MeterLabel({ className, ...props }: MeterLabelProps): import("react").JSX.Element;
-type MeterValueProps = Omit<StyledProps<Meter$1.Value.Props>, "children">;
-/** Shows the meter's `valueText`, at the end of `MeterHeader`. */
-export declare function MeterValue({ className, ...props }: MeterValueProps): import("react").JSX.Element;
-type MeterTrackProps = StyledProps<Meter$1.Track.Props>;
-export declare function MeterTrack({ className, ...props }: MeterTrackProps): import("react").JSX.Element;
-type MeterIndicatorProps = StyledProps<Meter$1.Indicator.Props>;
-export declare function MeterIndicator({ className, ...props }: MeterIndicatorProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/filter-chip/filter-chip.d.ts
-type FilterChipProps = ComponentPropsWithRef<"span"> & DataAttributes;
-/**
- * The filter in effect, beside the filter button that chose it: an `info-soft`
- * chip as high as the button, with an optional 14px icon, a `FilterChipLabel`
- * and a `FilterChipRemove` × that resets the filter.
- */
-export declare function FilterChip({ className, ...props }: FilterChipProps): import("react").JSX.Element;
-type FilterChipLabelProps = ComponentPropsWithRef<"span">;
-/** The name of the active filter. It truncates when the row has no room. */
-export declare function FilterChipLabel({ className, ...props }: FilterChipLabelProps): import("react").JSX.Element;
-type FilterChipRemoveProps = Omit<StyledProps<Button.Props>, "aria-label" | "type"> & DataAttributes & {
-  /**
-   * What the × does, said in words: the chip shows only a glyph. Name the
-   * result, such as "Clear Filter" or "Show All".
-   */
-  "aria-label": string;
-};
-/** The × that resets the filter to its default. Shows an X unless given children. */
-export declare function FilterChipRemove({ className, children, render, nativeButton, ...props }: FilterChipRemoveProps): import("react").JSX.Element;
-//#endregion
-//#region src/lib/overlay-depth.d.ts
-/**
- * A modal surface: a centred dialog (Dialog, AlertDialog, or an app's own
- * modal) or a sheet (Drawer).
- */
-type OverlayLayerKind = "dialog" | "drawer";
-type OverlayLayerProviderProps = {
-  /**
-   * What the surface is. Use `"dialog"` for an app's own modal, whatever it
-   * looks like: `"drawer"` is for a Base UI Drawer, which nests under another
-   * drawer by itself and only draws its own scrim over a `"dialog"`.
-   */
-  kind: OverlayLayerKind;
-  /** Whether it dims what is under it. A non-modal surface adds nothing. */
-  modal: boolean;
-  children?: ReactNode;
-};
-/**
- * Tells everything under it that a modal surface is open, so a raft-ui
- * Dialog, AlertDialog or Drawer opened from inside draws the lighter nested
- * scrim (design/foundations/elevation.md#stacked-overlays). raft-ui's own
- * roots add one by themselves; an app's own modal (its own backdrop, Esc and
- * focus) wraps its scrim and its content in one to join the stack, and reads
- * `useParentOverlayKind` inside it to pick its own scrim. Modal overlays only:
- * a non-modal one passes `modal={false}`, adds nothing, and must not call
- * `useParentOverlayKind` (it would read the layer below as its own).
- */
-export declare function OverlayLayerProvider({ kind, modal, children }: OverlayLayerProviderProps): import("react").JSX.Element;
-/**
- * The modal surface this overlay's own surface was opened from, or null when
- * it is the first. Call it inside the surface's own `OverlayLayerProvider`
- * (for raft-ui's overlays, inside their root): the last entry is the surface
- * itself and the one before it is its parent. Not null means the surface is
- * stacked over another and draws `layer-backdrop-nested` instead of
- * `layer-backdrop`. Modal overlays only: under `modal={false}` nothing is
- * added, so the last entry is the parent and this returns the wrong layer. It reads React context, so it sees the surfaces whose
- * tree this one is rendered in, portals included; one opened from outside
- * that tree is not stacked on it here.
- */
-export declare function useParentOverlayKind(): OverlayLayerKind | null;
-//#endregion
-//#region src/components/pull-to-refresh/pull-to-refresh-gesture.d.ts
-/**
- * The pull-to-refresh gesture as a pure state machine (pull-to-refresh.md,
- * "Behavior"). `usePullToRefresh` feeds it the scroller's touch events; this
- * file owns every decision, so the rules can be tested without a DOM.
- */
-/** How far the indicator has to be pulled, after damping, for a release to refresh. */
-export declare const PULL_TO_REFRESH_THRESHOLD = 100;
-/**
- * The furthest the indicator follows the finger. 40px past the threshold is
- * enough to show the pull is armed and still going; any further and a long
- * drag would push the list off a small phone's screen.
- */
-export declare const PULL_TO_REFRESH_MAX_DISTANCE = 140;
-/** The indicator's height while the refresh runs. */
-export declare const PULL_TO_REFRESH_HOLD_DISTANCE = 60;
-/**
- * The rubber band: the indicator moves this fraction of the finger's travel,
- * so it lags and the pull reads as resistance. 0.55 is iOS's own
- * scroll-view constant.
- */
-export declare const PULL_TO_REFRESH_DAMPING = 0.55;
-/**
- * How long the indicator takes to go back, to the hold height or to 0, once
- * the finger lifts or the refresh ends: ease-out (`ease-slide`), with no
- * overshoot. Instant with reduced motion.
- */
-export declare const PULL_TO_REFRESH_SNAP_BACK_MS = 300;
-type PullToRefreshState = "idle" | "pulling" | "refreshing";
-//#endregion
-//#region src/components/pull-to-refresh/use-pull-to-refresh.d.ts
-/** A primary pointer that is a finger: the only input pull to refresh answers. */
-export declare const PULL_TO_REFRESH_POINTER_QUERY = "(pointer: coarse)";
-/**
- * How the pull looks. `default` (iOS and every other touch screen), as in
- * the iOS app: the content moves down with the pull and the indicator sits in
- * the space it opens. `android` follows Material 3: the indicator travels
- * down over the content, which stays still, arming the pull gives a short
- * vibration, and moving back above the threshold disarms it (no latch).
- */
-type PullToRefreshPlatform = "default" | "android";
-type UsePullToRefreshOptions = {
-  /**
-   * Reload the page's snapshot. The indicator holds until the promise
-   * settles. Handle a failure here (keep the content, show the same toast as
-   * a failed first load): a rejection only ends the refresh.
-   */
-  onRefresh: () => Promise<unknown>;
-  /** Turn the gesture off, such as while the first load is still running or a search is empty. */
-  disabled?: boolean;
-  /** Pull distance, after damping, that arms the refresh. Default 100px. */
-  threshold?: number;
-  /** The furthest the indicator follows the finger. Default 140px. */
-  maxDistance?: number;
-  /** The indicator's height while refreshing. Default 60px. */
-  holdDistance?: number;
-  /** Override the detected platform, such as in a preview. */
-  platform?: PullToRefreshPlatform;
-};
-type PullToRefresh = {
-  /** `idle`, `pulling` while a finger pulls the indicator down, `refreshing` until `onRefresh` settles. */
-  state: PullToRefreshState;
-  /** The indicator's height in px. */
-  distance: number;
-  /** How far towards the threshold the pull is, from 0 to 1; 1 once armed and while refreshing. */
-  progress: number;
-  /** Which platform's look the indicator takes. */
-  platform: PullToRefreshPlatform;
-};
-/**
- * Pull to refresh for a scroll container on a touch screen
- * (pull-to-refresh.md). Pulling down from the top of `scrollRef` past the
- * threshold calls `onRefresh`; render a `PullToRefreshIndicator` with the
- * result as the scroller's first child.
- *
- * On Android it takes Material 3's look (`PullToRefreshPlatform`). It does
- * nothing on a fine pointer. While it is on, the scroller gets
- * `overscroll-behavior-y: contain`, so a browser tab's own pull to reload
- * doesn't run as well. `scrollRef` is read when the hook turns on; a
- * scroller that is replaced later needs the hook remounted (a `key`).
- */
-export declare function usePullToRefresh(scrollRef: RefObject<HTMLElement | null>, { onRefresh, disabled, threshold, maxDistance, holdDistance, platform: platformOverride }: UsePullToRefreshOptions): PullToRefresh;
-//#endregion
-//#region src/components/pull-to-refresh/pull-to-refresh-indicator.d.ts
-type PullToRefreshIndicatorProps = Omit<ComponentProps<"div">, "children"> & {
-  /** The result of `usePullToRefresh`. */
-  pull: PullToRefresh;
-  /**
-   * What a screen reader announces when the refresh starts, such as
-   * "Refreshing…". Product copy, so it comes from the consumer.
-   */
-  label: string;
-};
-/**
- * The pull's indicator. Render it as the scroller's first child: by default
- * it is the space the pull opens, with the DS Spinner in it, so the content
- * moves down with the pull; on Android it is Material 3's own indicator, a
- * disc with a progress arc that travels down over the content. It holds a
- * polite live region that announces `label` while refreshing.
- */
-export declare function PullToRefreshIndicator({ pull, label, className, style, ...props }: PullToRefreshIndicatorProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/choice-list/choice-list.d.ts
-type ChoiceListItem = {
-  value: string;
-  /** The row's name. The radio or checkbox is named by this alone. */
-  label: ReactNode;
-  /** What the search matches, case-insensitively. Defaults to `label` when it is a string. */
-  searchText?: string;
-  /**
-   * Up to two lines under the name, each cut to one line. An empty line
-   * (null, false or "") is not drawn. Colour inside a line is the caller's.
-   */
-  description?: ReactNode | readonly ReactNode[];
-  /** Drawn before the radio's or checkbox's row text: an avatar, an icon. */
-  media?: ReactNode;
-  /**
-   * A button at the end of the row, such as one that opens details. It sits
-   * outside the row's label and the group: clicking it chooses nothing, and
-   * it is a Tab stop of its own after the group, in row order.
-   */
-  action?: ReactNode;
-  disabled?: boolean;
-  /** The `value` of the group in `groups` this item is listed under. */
-  group?: string;
-};
-type ChoiceListGroup = {
-  value: string;
-  /** The small heading over the group's rows, such as "Agents". */
-  label: ReactNode;
-};
-type ChoiceListCommonProps = {
-  items: readonly ChoiceListItem[];
-  /**
-   * When the search box shows. `"always"` when people look for an item they
-   * know by name, such as a person: the box shows at any count, and with a
-   * mouse or trackpad focus starts in it. `"auto"` when people choose by
-   * comparing the rows: the box shows only above 5 items.
-   */
-  search?: "auto" | "always";
-  "aria-label"?: string;
-  "aria-labelledby"?: string;
-  disabled?: boolean;
-  /**
-   * The search box's accessible name. Required: any list can come to search,
-   * since `"auto"` shows the box once the items, usually from data, pass 5.
-   */
-  searchLabel: string;
-  searchPlaceholder?: string;
-  /** The search box's text when the list first draws, such as a search carried over. */
-  defaultSearchValue?: string;
-  /**
-   * The search box's text, for a caller that uses it: a "Create “…”" row
-   * named after it, or a no-match line that quotes it. With it, the caller
-   * owns the text, and `onSearchValueChange` reports each change.
-   */
-  searchValue?: string;
-  onSearchValueChange?: (value: string) => void;
-  /**
-   * The values of the items that match the search text, in the order to show
-   * them, for a caller with its own search (a ranked people search shared
-   * with mentions). With it ChoiceList doesn't match `searchText` itself; it
-   * still keeps the chosen rows first and says when nothing matches.
-   */
-  matchedValues?: readonly string[];
-  /** The clear button's accessible name. */
-  clearSearchLabel: string;
-  /** The line under the chosen rows when nothing else matches. */
-  noMatchLabel?: ReactNode;
-  /** The line drawn when there are no items at all. */
-  empty?: ReactNode;
-  /**
-   * Headings that split the rows by kind, in this order, such as Agents then
-   * People. Each item names its group; a group with no rows to show, or a
-   * search that leaves it empty, draws no heading.
-   */
-  groups?: readonly ChoiceListGroup[];
-  /**
-   * A row of the caller's under the list, inside its frame, that stays in
-   * view while the rows scroll: the way out when the item isn't there, such
-   * as "Create an agent".
-   */
-  footer?: ReactNode;
-  /**
-   * The list takes the height it is given and its rows scroll inside it, for
-   * a sheet or panel whose main content is the list. Otherwise a list with a
-   * search scrolls past 18rem.
-   */
-  fill?: boolean;
-  className?: string;
-};
-type ChoiceListSingleProps = ChoiceListCommonProps & {
-  multiple?: false;
-  value: string | null;
-  onValueChange: (value: string) => void;
-};
-type ChoiceListMultipleProps = ChoiceListCommonProps & {
-  multiple: true;
-  value: readonly string[];
-  onValueChange: (value: string[]) => void;
-};
-type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
-export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
-//#endregion
-export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, type AvatarGroupButtonProps, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, type DragLiftProps, type DragListsItems, type DragMessages, type DragNamed, type DragPlace, type DragRefusalHintProps, type DragRemeasureProps, type DragSensorsOptions, type DraggedSlotProps, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type FilterChipLabelProps, type FilterChipProps, type FilterChipRemoveProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type ModeBarActionProps, type ModeBarContentProps, type ModeBarDescriptionProps, type ModeBarProps, type ModeBarTitleProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, createDragAnnouncements, dragInstructions, dragMessages };
+import { Dialog, DialogClose, DialogFooterNote, DialogFooterNoteProps, DialogSheetBack, DialogSheetBackProps, DialogTrigger } from "./components/dialog/dialog.mjs";
+import { DialogCommit, DialogCommitProps, DialogSheetContent, DialogSheetContentProps } from "./components/dialog/dialog-sheet.mjs";
+import "./components/dialog/index.mjs";
+import { DropdownMenuLinkItem, DropdownMenuLinkItemProps } from "./components/dropdown-menu/dropdown-menu.mjs";
+import { PopoverActions, PopoverActionsProps, PopoverBody, PopoverBodyProps } from "./components/popover/popover.mjs";
+import { MobileNavServerItem, MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, MobileNavServerPopoverListProps, MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, MobileNavServerPopoverRowLabelProps, MobileNavServerPopoverRowProps } from "./components/mobile-nav/mobile-nav-server.mjs";
+import "./components/mobile-nav/index.mjs";
+import { PreviewCardActions, PreviewCardActionsProps, PreviewCardBody, PreviewCardBodyProps, PreviewCardEyebrow, PreviewCardEyebrowProps, PreviewCardFooter, PreviewCardFooterProps, PreviewCardMeta, PreviewCardMetaProps } from "./components/preview-card/preview-card.mjs";
+import "./components/preview-card/index.mjs";
+import { AvatarGroupButton, AvatarGroupButtonProps } from "./components/avatar/avatar.mjs";
+import "./components/avatar/index.mjs";
+import { MessageItemDelegatedAvatar, MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, MessageItemDelegatedByNameProps, MessageItemDelegatedByProps } from "./components/message-item/message-item-delegated.mjs";
+import { MessageReferenceIcon, MessageReferenceIconProps, MessageReferenceReadMark, MessageReferenceReadMarkProps } from "./components/message-item/message-reference.mjs";
+import "./components/message-item/index.mjs";
+import { MessageQuotedPreviewAuthorDelegatedBy, MessageQuotedPreviewAuthorDelegatedByProps } from "./components/message-quoted-preview/message-quoted-preview.mjs";
+import "./components/message-quoted-preview/index.mjs";
+import { MessageListJumpControls, MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillDismissProps, MessageListJumpPillGroup, MessageListJumpPillGroupProps, MessageListJumpPillProps } from "./components/message-list/message-list-jump.mjs";
+import "./components/message-list/index.mjs";
+import { DEFAULT_DRAG_MESSAGES, DragAnnouncementSource, DragMessages, DragNamed, DragPlace, createDragAnnouncements, dragInstructions, dragMessages } from "./components/drag/drag-announcements.mjs";
+import { PanelSplitAction, PanelSplitActionMain, PanelSplitActionMainProps, PanelSplitActionMenu, PanelSplitActionMenuProps, PanelSplitActionProps, PanelSplitActionToggle, PanelSplitActionToggleProps } from "./components/panel/panel-split-action.mjs";
+import "./components/panel/index.mjs";
+import { ModeBar, ModeBarAction, ModeBarActionProps, ModeBarContent, ModeBarContentProps, ModeBarDescription, ModeBarDescriptionProps, ModeBarProps, ModeBarTitle, ModeBarTitleProps } from "./components/mode-bar/mode-bar.mjs";
+import "./components/mode-bar/index.mjs";
+import { ComboboxSelectGroup, ComboboxSelectMessages, ComboboxSelectOption, ComboboxSelectProps, ComboboxSelectSelection, ComboboxSelectValue } from "./components/combobox-select/combobox-select.types.mjs";
+import { ComboboxSelect } from "./components/combobox-select/combobox-select.mjs";
+import "./components/combobox-select/index.mjs";
+import { AnnouncementDialogAction, AnnouncementDialogBody, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle } from "./components/announcement-dialog/announcement-dialog.mjs";
+import "./components/announcement-dialog/index.mjs";
+import { CommentCard, CommentCardMeta, CommentCardMetaProps, CommentCardProps, CommentCardQuote, CommentCardQuoteProps, CommentCardTrigger, CommentCardTriggerProps } from "./components/comment/comment-card.mjs";
+import { CommentEntry, CommentEntryAuthor, CommentEntryAuthorProps, CommentEntryBody, CommentEntryBodyProps, CommentEntryHeader, CommentEntryHeaderProps, CommentEntryProps, CommentEntryTime, CommentEntryTimeProps } from "./components/comment/comment-entry.mjs";
+import { COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, setCommentHighlights } from "./components/comment/comment-highlight.mjs";
+import { CommentMargin, CommentMarginItem, CommentMarginItemProps, CommentMarginProps } from "./components/comment/comment-margin.mjs";
+import { CommentMarginLayout, CommentMarginLayoutItem, CommentMarginLayoutOptions, resolveCommentMarginLayout } from "./components/comment/comment-margin-layout.mjs";
+import { CommentMarker, CommentMarkerProps } from "./components/comment/comment-marker.mjs";
+import { UseCommentMarginFitsOptions, useCommentMarginFits } from "./components/comment/use-comment-margin-fits.mjs";
+import "./components/comment/index.mjs";
+import { HoldThenMoveOptions, HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "./lib/touch-drag.mjs";
+import { DRAG_KEYBOARD_CODES, DragAcrossLists, DragRemeasure, DragRemeasureProps, DragSensorsOptions, MOUSE_DRAG_DISTANCE_PX, listKeyboardCoordinates, useDragAcrossLists, useDragSensors } from "./components/drag/drag-sensors.mjs";
+import { LIFT_CLASS } from "./components/drag/drag.recipe.mjs";
+import { DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DragLift, DragLiftProps, ORIGIN_OPACITY, cancelDrag, keepGrabInside, useDragSiblingTransition } from "./components/drag/drag-lift.mjs";
+import { DragRefusalHint, DragRefusalHintProps, DropPlaceholder, DropPlaceholderProps } from "./components/drag/drop-placeholder.mjs";
+import { DragListsItems, DragLiveRegion, DraggedSlot, DraggedSlotProps, UseDragListsOptions, dragListStrategy, useDragAnnouncer, useDragLists } from "./components/drag/drag-lists.mjs";
+import "./components/drag/index.mjs";
+import { Ellipsis, EllipsisProps, EllipsisState, EllipsisToggle, EllipsisToggleProps } from "./components/ellipsis/ellipsis.mjs";
+import { useTruncated } from "./lib/use-truncated.mjs";
+import "./components/ellipsis/index.mjs";
+import { InboxItemLeadingBadge, InboxItemLeadingBadgeProps } from "./components/inbox-item/inbox-item-leading-badge.mjs";
+import { InboxItemSkeleton, InboxItemSkeletonList, InboxItemSkeletonListProps, InboxItemSkeletonProps } from "./components/inbox-item/inbox-item-skeleton.mjs";
+import { ListRowSkeleton, ListRowSkeletonProps } from "./components/list-row/list-row-skeleton.mjs";
+import { Meter, MeterHeader, MeterHeaderProps, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterProps, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps } from "./components/meter/meter.mjs";
+import "./components/meter/index.mjs";
+import { FilterChip, FilterChipLabel, FilterChipLabelProps, FilterChipProps, FilterChipRemove, FilterChipRemoveProps } from "./components/filter-chip/filter-chip.mjs";
+import "./components/filter-chip/index.mjs";
+import { OverlayLayerKind, OverlayLayerProvider, OverlayLayerProviderProps, useParentOverlayKind } from "./lib/overlay-depth.mjs";
+import { PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PullToRefreshState } from "./components/pull-to-refresh/pull-to-refresh-gesture.mjs";
+import { PULL_TO_REFRESH_POINTER_QUERY, PullToRefresh, PullToRefreshPlatform, UsePullToRefreshOptions, usePullToRefresh } from "./components/pull-to-refresh/use-pull-to-refresh.mjs";
+import { PullToRefreshIndicator, PullToRefreshIndicatorProps } from "./components/pull-to-refresh/pull-to-refresh-indicator.mjs";
+import "./components/pull-to-refresh/index.mjs";
+import { ChoiceList, ChoiceListGroup, ChoiceListItem, ChoiceListMultipleProps, ChoiceListProps, ChoiceListSingleProps } from "./components/choice-list/choice-list.mjs";
+import "./components/choice-list/index.mjs";
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, type AvatarGroupButtonProps, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, ComboboxSelect, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, CommentCard, CommentCardMeta, type CommentCardMetaProps, type CommentCardProps, CommentCardQuote, type CommentCardQuoteProps, CommentCardTrigger, type CommentCardTriggerProps, CommentEntry, CommentEntryAuthor, type CommentEntryAuthorProps, CommentEntryBody, type CommentEntryBodyProps, CommentEntryHeader, type CommentEntryHeaderProps, type CommentEntryProps, CommentEntryTime, type CommentEntryTimeProps, CommentMargin, CommentMarginItem, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, CommentMarker, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, DragLift, type DragLiftProps, type DragListsItems, DragLiveRegion, type DragMessages, type DragNamed, type DragPlace, DragRefusalHint, type DragRefusalHintProps, DragRemeasure, type DragRemeasureProps, type DragSensorsOptions, DraggedSlot, type DraggedSlotProps, DropPlaceholder, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, Ellipsis, type EllipsisProps, type EllipsisState, EllipsisToggle, type EllipsisToggleProps, FilterChip, FilterChipLabel, type FilterChipLabelProps, type FilterChipProps, FilterChipRemove, type FilterChipRemoveProps, type HoldThenMoveOptions, HoldThenMoveTouchSensor, InboxItemLeadingBadge, type InboxItemLeadingBadgeProps, InboxItemSkeleton, InboxItemSkeletonList, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, LIFT_CLASS, ListRowSkeleton, type ListRowSkeletonProps, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, Meter, MeterHeader, type MeterHeaderProps, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, type MeterProps, MeterTrack, type MeterTrackProps, MeterValue, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, ModeBar, ModeBarAction, type ModeBarActionProps, ModeBarContent, type ModeBarContentProps, ModeBarDescription, type ModeBarDescriptionProps, type ModeBarProps, ModeBarTitle, type ModeBarTitleProps, MouseOnlyPointerSensor, ORIGIN_OPACITY, type OverlayLayerKind, OverlayLayerProvider, type OverlayLayerProviderProps, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PanelSplitAction, PanelSplitActionMain, type PanelSplitActionMainProps, PanelSplitActionMenu, type PanelSplitActionMenuProps, type PanelSplitActionProps, PanelSplitActionToggle, type PanelSplitActionToggleProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, PullToRefreshIndicator, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };