import * as React from "react"; import { Separator } from "./separator"; /** Supported surface variants for {@link Item}. */ export type ItemVariant = "default" | "outline" | "muted"; /** Supported size variants for {@link Item}. */ export type ItemSize = "default" | "sm"; /** Supported media treatments for {@link ItemMedia}. */ export type ItemMediaVariant = "default" | "icon" | "image"; /** * Props for the {@link ItemGroup} component. */ export type ItemGroupProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link ItemSeparator} component. */ export type ItemSeparatorProps = React.ComponentPropsWithoutRef; /** * Props for the {@link Item} component. */ export interface ItemProps extends React.ComponentPropsWithoutRef<"div"> { /** Enables rendering an existing div-compatible child element. @default false */ asChild?: boolean; /** Compactness applied to the item container. @default "default" */ size?: ItemSize; /** Visual surface treatment for the item container. @default "default" */ variant?: ItemVariant; } /** * Props for the {@link ItemMedia} component. */ export interface ItemMediaProps extends React.ComponentPropsWithoutRef<"div"> { /** Visual treatment used for the media slot. @default "default" */ variant?: ItemMediaVariant; } /** * Props for the {@link ItemContent} component. */ export type ItemContentProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link ItemTitle} component. */ export type ItemTitleProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link ItemDescription} component. */ export type ItemDescriptionProps = React.ComponentPropsWithoutRef<"p">; /** * Props for the {@link ItemActions} component. */ export type ItemActionsProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link ItemHeader} component. */ export type ItemHeaderProps = React.ComponentPropsWithoutRef<"div">; /** * Props for the {@link ItemFooter} component. */ export type ItemFooterProps = React.ComponentPropsWithoutRef<"div">; /** * Groups a collection of list-like items with consistent spacing. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * * * * ``` * * @see {@link ItemGroupProps} for available props */ declare const ItemGroup: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Inserts a separator between adjacent items. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a wrapped `Separator` component * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * * ``` * * @see {@link ItemSeparatorProps} for available props */ declare const ItemSeparator: React.ForwardRefExoticComponent & React.RefAttributes, "ref"> & React.RefAttributes>; /** * Creates a flexible data-display row with optional media and actions. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element by default * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * Content * ``` * * @see {@link ItemProps} for available props */ declare const Item: React.ForwardRefExoticComponent>; /** * Renders the leading media slot for an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * * ``` * * @see {@link ItemMediaProps} for available props */ declare const ItemMedia: React.ForwardRefExoticComponent>; /** * Wraps the main textual content for an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * Details * ``` * * @see {@link ItemContentProps} for available props */ declare const ItemContent: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Displays the primary title text for an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * Title * ``` * * @see {@link ItemTitleProps} for available props */ declare const ItemTitle: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Displays secondary descriptive content for an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `

` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * Support text * ``` * * @see {@link ItemDescriptionProps} for available props */ declare const ItemDescription: React.ForwardRefExoticComponent, HTMLParagraphElement>, "ref"> & React.RefAttributes>; /** * Hosts action controls aligned to the trailing edge of an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `

` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * * * * ``` * * @see {@link ItemActionsProps} for available props */ declare const ItemActions: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Wraps leading title and description content for an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * * Profile * * ``` * * @see {@link ItemHeaderProps} for available props */ declare const ItemHeader: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; /** * Wraps trailing metadata or supplementary content for an item. * * @remarks * - Pure CSS component (no Base UI primitive) * - Renders a `
` element * - Styling via CSS Modules with `--ac-*` custom properties * * @example * ```tsx * Updated 2m ago * ``` * * @see {@link ItemFooterProps} for available props */ declare const ItemFooter: React.ForwardRefExoticComponent, HTMLDivElement>, "ref"> & React.RefAttributes>; export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle }; //# sourceMappingURL=item.d.ts.map