/** Table layout and row variant definitions mapping names to their Tailwind classes. */
export declare const KUMO_TABLE_VARIANTS: {
    readonly layout: {
        readonly auto: {
            readonly classes: "";
            readonly description: "Auto table layout - columns resize based on content";
        };
        readonly fixed: {
            readonly classes: "table-fixed";
            readonly description: "Fixed table layout - columns have equal width, controlled via colgroup";
        };
    };
    readonly variant: {
        readonly default: {
            readonly classes: "";
            readonly description: "Default row variant";
        };
        readonly selected: {
            readonly classes: "bg-kumo-tint";
            readonly description: "Selected row variant";
        };
    };
};
export declare const KUMO_TABLE_DEFAULT_VARIANTS: {
    readonly layout: "auto";
    readonly variant: "default";
};
export type KumoTableRowVariant = keyof typeof KUMO_TABLE_VARIANTS.variant;
export type KumoTableLayout = keyof typeof KUMO_TABLE_VARIANTS.layout;
/**
 * Table — semantic HTML table with styled rows, cells, and selection support.
 *
 * Compound component: `Table` (Root), `.Header`, `.Head`, `.Body`, `.Row`,
 * `.Cell`, `.Footer`, `.CheckCell`, `.CheckHead`, `.ResizeHandle`.
 *
 * @example
 * ```tsx
 * <Table>
 *   <Table.Header>
 *     <Table.Row>
 *       <Table.CheckHead checked={allSelected} onValueChange={toggleAll} />
 *       <Table.Head>Name</Table.Head>
 *     </Table.Row>
 *   </Table.Header>
 *   <Table.Body>
 *     {rows.map((row) => (
 *       <Table.Row key={row.id} variant={selected.has(row.id) ? "selected" : "default"}>
 *         <Table.CheckCell checked={selected.has(row.id)} onValueChange={() => toggle(row.id)} />
 *         <Table.Cell>{row.name}</Table.Cell>
 *       </Table.Row>
 *     ))}
 *   </Table.Body>
 * </Table>
 * ```
 */
export declare const Table: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableElement> & {
    /**
     * Table layout algorithm.
     * - `"auto"` — columns resize based on content
     * - `"fixed"` — equal-width columns, controlled via `<colgroup>`
     * @default "auto"
     */
    layout?: KumoTableLayout;
} & import('react').RefAttributes<HTMLTableElement>> & {
    Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & {
        variant?: "default" | "compact";
    } & import('react').RefAttributes<HTMLTableSectionElement>>;
    Head: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
    Row: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableRowElement> & {
        variant?: KumoTableRowVariant;
    } & import('react').RefAttributes<HTMLTableRowElement>>;
    Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
    Cell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
    CheckCell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & {
        checked?: boolean;
        indeterminate?: boolean;
        onValueChange?: (checked: boolean) => void;
        label?: string;
        disabled?: boolean;
    } & import('react').RefAttributes<HTMLTableCellElement>>;
    CheckHead: import('react').ForwardRefExoticComponent<import('react').ThHTMLAttributes<HTMLTableCellElement> & {
        checked?: boolean;
        indeterminate?: boolean;
        onValueChange?: (checked: boolean) => void;
        label?: string;
        disabled?: boolean;
    } & import('react').RefAttributes<HTMLTableCellElement>>;
    Footer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
    ResizeHandle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
};
//# sourceMappingURL=table.d.ts.map