import { type VariantProps } from 'class-variance-authority'; import * as React from 'react'; import { type AvatarSize } from '../Avatar/index.js'; declare const itemVariants: (props?: ({ variant?: "default" | "muted" | "outline" | null | undefined; size?: "default" | "sm" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface ItemProps extends VariantProps { /** Item title (required) */ title: string; /** Item description (hidden in sm size) */ description?: string; /** Leading element slot */ leading?: React.ReactNode; /** Trailing element slot */ trailing?: React.ReactNode; /** Render prop for polymorphism (e.g., render={}) */ render?: React.ReactElement; /** Additional CSS classes */ className?: string; } export interface ItemImageProps { src: string; /** Alt text for the image (use empty string for decorative images) */ alt: string; } export interface ItemAvatarProps { /** Image source URL */ src?: string; /** Fallback text for initials */ fallback?: string; /** Avatar size */ size?: AvatarSize; } declare function ItemAvatar({ src, fallback, size }: ItemAvatarProps): React.JSX.Element; declare const iconColorMap: { readonly default: 'bg-muted text-muted-foreground'; readonly primary: 'bg-primary/10 text-primary'; readonly success: 'bg-success/10 text-success'; readonly warning: 'bg-warning/10 text-warning'; readonly error: 'bg-destructive/10 text-destructive'; }; export interface ItemIconProps { /** Icon element */ icon: React.ReactNode; /** Icon color theme */ color?: keyof typeof iconColorMap; } declare function ItemIcon({ icon, color }: ItemIconProps): React.JSX.Element; declare function ItemImage({ src, alt }: ItemImageProps): React.JSX.Element; declare const itemGroupVariants: (props?: ({ variant?: "default" | "outline" | null | undefined; divider?: "line" | "none" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface ItemGroupProps extends React.HTMLAttributes, VariantProps { /** Children (Item components) */ children: React.ReactNode; } declare const Item: React.ForwardRefExoticComponent> & { Avatar: typeof ItemAvatar; Icon: typeof ItemIcon; Image: typeof ItemImage; Group: React.ForwardRefExoticComponent>; }; export { Item, itemVariants };