/**
 * html/header — variant-styled <header> primitive + semantic header section elements.
 */
import { type HTMLAttributes } from "react";
import { type VariantProps } from "class-variance-authority";
export declare const headerVariants: (props?: ({
    variant?: "sticky" | "app" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type HeaderProps = HTMLAttributes<HTMLElement> & VariantProps<typeof headerVariants>;
export declare const Header: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
    variant?: "sticky" | "app" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLElement>>;
export declare const sectionHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/**
 * Outer row for a page section header (title + actions). The column-to-row
 * switch reacts to the header's own container width (the element renders its
 * own `@container` wrapper), so a header in a narrow panel stacks even on a
 * wide viewport.
 */
export declare const SectionHeaderEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Title + description group inside a SectionHeader — prevents flex overflow. */
export declare const SectionHeaderTitleGroupEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Actions row inside a SectionHeader — wraps in narrow containers, single row otherwise. */
export declare const SectionHeaderActionsEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * Wrap-capable page header row: when title and action don't fit side by side
 * in the page column, the action drops below the title instead of squeezing
 * the title into a word-per-line stack.
 */
export declare const pageHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/** Row header for a page — description + optional action, with bottom margin. */
export declare const PageHeaderEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Left content area inside a PageHeader — allows truncation. */
export declare const PageHeaderContentEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Right action slot inside a PageHeader — prevents shrinking. */
export declare const PageHeaderActionEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Inner container row of an app header bar. */
export declare const HeaderBarContentEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Brand/logo slot in the header bar — adds right margin. */
export declare const HeaderBarBrandEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Desktop navigation slot — hidden on mobile, flex-row-1 on desktop. */
export declare const HeaderBarNavEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Actions/user slot pushed to the right end of the header bar. */
export declare const HeaderBarActionsEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=header.d.ts.map