import * as React$1 from "react";
import { useRender } from "@base-ui/react/use-render";
import { VariantProps } from "class-variance-authority";
//#region src/components/list.d.ts
/**
 * Grouped list: a titled section holding one surface of hairline-divided
 * rows. Use it for settings and inventories of named things (connections,
 * sessions, members, keys) where each row is icon + name + one quiet line +
 * trailing status or action. Rows never scroll sideways: the content column
 * truncates and the trailing column keeps its width, so actions stay on
 * screen at any viewport.
 */
declare const ListGroup: ({ className, ...props }: React$1.ComponentProps<"section">) => React$1.JSX.Element;
declare const ListGroupHeader: ({ className, ...props }: React$1.ComponentProps<"header">) => React$1.JSX.Element;
/** Title and description stack; takes the space the header action leaves. */
declare const ListGroupHeading: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
declare const ListGroupTitle: ({ className, children, ...props }: React$1.ComponentProps<"h2">) => React$1.JSX.Element;
/**
 * Quiet item count after the title; shows matches while a search filters,
 * and a changed digit fades in rather than snapping. `count` arrives
 * formatted in the caller's locale.
 */
declare const ListGroupCount: ({ className, count, ...props }: Omit<React$1.ComponentProps<"span">, "children"> & {
  count: string;
}) => React$1.JSX.Element;
declare const ListGroupDescription: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
/** Quiet trailing affordance on the header row (a link or ghost button). */
declare const ListGroupAction: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
/** The surface. Depth comes from a ring plus a soft shadow, not a frame. */
declare const List: ({ className, ...props }: React$1.ComponentProps<"ul">) => React$1.JSX.Element;
/**
 * One row. Pass `render` (a link or button element) to make the whole row the
 * target; then keep other interactive elements out of it. Rows with their own
 * trailing buttons stay a plain `li` and put the actions in `ListItemActions`.
 */
declare const ListItem: ({ className, render, children, ...props }: useRender.ComponentProps<"div">) => React$1.JSX.Element;
declare const listItemMediaVariants: (props?: ({
  variant?: "icon" | "initial" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Fixed 32px tile for an icon, logo or initial. */
declare const ListItemMedia: ({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof listItemMediaVariants>) => React$1.JSX.Element;
declare const ListItemContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
declare const ListItemTitle: ({ className, ...props }: React$1.ComponentProps<"span">) => React$1.JSX.Element;
declare const listItemDescriptionVariants: (props?: ({
  variant?: "code" | "text" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Secondary line. Pass `line-clamp-2` when two lines are genuinely needed;
 * never `whitespace-nowrap`.
 */
declare const ListItemDescription: ({ className, variant, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof listItemDescriptionVariants>) => React$1.JSX.Element;
declare const ListItemActions: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
/** Single-line empty row inside a `List`. Phrase it as the next action. */
declare const ListEmpty: ({ className, ...props }: React$1.ComponentProps<"li">) => React$1.JSX.Element;
type StatusTone = "neutral" | "success" | "warning" | "destructive";
/**
 * Dot + label status. The label always carries the meaning; the dot only
 * reinforces it, so colour is never the sole signal.
 */
declare const ListItemStatus: ({ tone, className, children, ...props }: React$1.ComponentProps<"span"> & {
  tone?: StatusTone;
}) => React$1.JSX.Element;
//#endregion
export { List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, type StatusTone };