/**
 * @usevyre/react — Item
 *
 * AI CONTEXT:
 * ┌─────────────────────────────────────────────────────────────────┐
 * │ Component:  Item + ItemGroup + ItemMedia + ItemContent +         │
 * │             ItemTitle + ItemDescription + ItemActions            │
 * │ Import:     import { Item, ItemContent, ... } from "@usevyre/react" │
 * │                                                                  │
 * │ Item props:                                                      │
 * │   variant  = "default"(default)|"outlined"|"muted"|"plain"       │
 * │     plain → transparent, no border — for composing Item          │
 * │     inside another surface (Card, Kanban card, list)             │
 * │   size     = "sm"|"md"(default)|"lg"                              │
 * │   clickable = boolean (cursor pointer + hover + role=button)     │
 * │   asChild  = false (always renders <div>; no polymorphism)       │
 * │                                                                  │
 * │ ItemGroup props:                                                 │
 * │   separated = boolean (adds dividers between items)              │
 * │                                                                  │
 * │ Slot structure (left → right):                                   │
 * │   <Item>                                                         │
 * │     <ItemMedia>     ← optional: icon / avatar / thumbnail        │
 * │     <ItemContent>   ← required: text column                      │
 * │       <ItemTitle>                                                │
 * │       <ItemDescription>                                          │
 * │     <ItemActions>   ← optional: buttons / menu, pinned right     │
 * │   </Item>                                                        │
 * │                                                                  │
 * │ Use Item for list rows, settings rows, notification rows.        │
 * │ Do NOT use Card for dense list rows — Item is the primitive.     │
 * └─────────────────────────────────────────────────────────────────┘
 *
 * @example
 * // Settings row
 * <Item>
 *   <ItemMedia><BellIcon /></ItemMedia>
 *   <ItemContent>
 *     <ItemTitle>Notifications</ItemTitle>
 *     <ItemDescription>Receive email when someone mentions you.</ItemDescription>
 *   </ItemContent>
 *   <ItemActions>
 *     <Switch defaultChecked />
 *   </ItemActions>
 * </Item>
 *
 * // Grouped list with dividers
 * <ItemGroup separated>
 *   <Item clickable><ItemContent><ItemTitle>Profile</ItemTitle></ItemContent></Item>
 *   <Item clickable><ItemContent><ItemTitle>Billing</ItemTitle></ItemContent></Item>
 * </ItemGroup>
 */
import React from "react";
import type { BaseProps } from "../../types";
type ItemVariant = "default" | "outlined" | "muted" | "plain";
type ItemSize = "sm" | "md" | "lg";
export interface ItemProps extends React.HTMLAttributes<HTMLDivElement>, BaseProps {
    variant?: ItemVariant;
    size?: ItemSize;
    clickable?: boolean;
}
export declare const Item: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;
export interface ItemGroupProps extends React.HTMLAttributes<HTMLDivElement>, BaseProps {
    separated?: boolean;
}
export declare const ItemGroup: React.ForwardRefExoticComponent<ItemGroupProps & React.RefAttributes<HTMLDivElement>>;
export interface ItemSectionProps extends React.HTMLAttributes<HTMLDivElement>, BaseProps {
}
export declare const ItemMedia: React.ForwardRefExoticComponent<ItemSectionProps & React.RefAttributes<HTMLDivElement>>;
export declare const ItemContent: React.ForwardRefExoticComponent<ItemSectionProps & React.RefAttributes<HTMLDivElement>>;
export declare const ItemTitle: React.ForwardRefExoticComponent<ItemSectionProps & React.RefAttributes<HTMLDivElement>>;
export declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & BaseProps & React.RefAttributes<HTMLParagraphElement>>;
export declare const ItemActions: React.ForwardRefExoticComponent<ItemSectionProps & React.RefAttributes<HTMLDivElement>>;
export {};