import * as React from 'react';
import type { PartProps } from '../contracts/components.js';
import { InspectorSection } from './Inspector.Section.js';
import { InspectorSheet } from './Inspector.Sheet.js';
export type InspectorRootProps = Omit<PartProps<'aside'>, 'aria-label'> & {
    /** Accessible name, required when there is no visible label. */
    'aria-label': string;
    /** auto = CSS decides by container; docked/floating/sheet pin a mode. */
    mode?: 'auto' | 'docked' | 'floating' | 'sheet' | undefined;
};
declare function InspectorRoot({ mode, children, render, ...rest }: InspectorRootProps): React.JSX.Element;
declare namespace InspectorRoot {
    var displayName: string;
}
export type InspectorHeaderProps = PartProps<'div'> & {
    title?: React.ReactNode;
};
declare function InspectorHeader({ title, children, render, ...rest }: InspectorHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
declare namespace InspectorHeader {
    var displayName: string;
}
declare function InspectorContent({ children, render, ...rest }: PartProps<'div'>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
declare namespace InspectorContent {
    var displayName: string;
}
export type InspectorFieldProps = PartProps<'div'> & {
    label: React.ReactNode;
    /** htmlFor target id of the value control. */
    htmlFor?: string | undefined;
    value?: React.ReactNode;
};
declare function InspectorField({ label, htmlFor, value, children, render, ...rest }: InspectorFieldProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
declare namespace InspectorField {
    var displayName: string;
}
export declare const Inspector: {
    Root: typeof InspectorRoot;
    Header: typeof InspectorHeader;
    Content: typeof InspectorContent;
    Field: typeof InspectorField;
    Section: typeof InspectorSection;
    Sheet: typeof InspectorSheet;
};
export {};
//# sourceMappingURL=Inspector.d.ts.map