import { ReactNode, CSSProperties, ButtonHTMLAttributes, MouseEventHandler, HTMLAttributes, KeyboardEventHandler, ReactEventHandler, UIEvent, InputHTMLAttributes } from 'react';
declare const DATA_EXPLORER_APPEARANCE_OPTIONS: Readonly<{
    surface: readonly [
        "card",
        "flush"
    ];
    preset: readonly [
        "default",
        "soft",
        "compact",
        "tinted-glass",
        "flat",
        "glass",
        "hard-edge"
    ];
    density: readonly [
        "compact",
        "default",
        "comfortable"
    ];
    radius: readonly [
        "none",
        "sm",
        "md",
        "lg",
        "xl",
        "full"
    ];
    border: readonly [
        "none",
        "subtle",
        "solid",
        "strong"
    ];
    background: readonly [
        "plain",
        "muted",
        "soft",
        "glass",
        "dark-stage"
    ];
}>;
type DataExplorerResolver<TValue, TContext = unknown> = ((context: TContext) => TValue) | TValue;
type DataExplorerSurface = (typeof DATA_EXPLORER_APPEARANCE_OPTIONS.surface)[number];
interface DataExplorerCapabilities {
    canRead?: boolean;
    canWrite?: boolean;
    canDelete?: boolean;
    [key: string]: boolean | undefined;
}
type DataExplorerThemePresetId = (typeof DATA_EXPLORER_APPEARANCE_OPTIONS.preset)[number];
type DataExplorerDensity = (typeof DATA_EXPLORER_APPEARANCE_OPTIONS.density)[number];
type DataExplorerRadius = (typeof DATA_EXPLORER_APPEARANCE_OPTIONS.radius)[number];
type DataExplorerBorder = (typeof DATA_EXPLORER_APPEARANCE_OPTIONS.border)[number];
type DataExplorerBackground = (typeof DATA_EXPLORER_APPEARANCE_OPTIONS.background)[number];
type DataExplorerControlTone = "danger" | "default" | "muted" | "primary";
interface DataExplorerThemeStyles {
    surfaceRoot?: CSSProperties;
    toolbarRoot?: CSSProperties;
    toolbarSearch?: CSSProperties;
    toolbarViewSwitch?: CSSProperties;
    control?: CSSProperties;
    controlActive?: CSSProperties;
    controlDisabled?: CSSProperties;
    menuContent?: CSSProperties;
    menuItem?: CSSProperties;
    cardRoot?: CSSProperties;
    footerRoot?: CSSProperties;
    previewRoot?: CSSProperties;
    detailRoot?: CSSProperties;
}
interface DataExplorerThemeSlots {
    surfaceRoot?: string;
    toolbarRoot?: string;
    toolbarLeading?: string;
    toolbarSearch?: string;
    toolbarSearchIcon?: string;
    toolbarSearchInput?: string;
    toolbarViewSwitch?: string;
    toolbarViewButton?: string;
    toolbarViewButtonActive?: string;
    toolbarActions?: string;
    actionBarRoot?: string;
    actionBarLeading?: string;
    actionBarActions?: string;
    actionBarTrailing?: string;
    actionButtonBase?: string;
    actionButtonDefault?: string;
    actionButtonPrimary?: string;
    actionButtonDanger?: string;
    actionButtonMuted?: string;
    actionButtonActive?: string;
    actionButtonDisabled?: string;
    actionIconButton?: string;
    actionToggleActive?: string;
    controlButton?: string;
    controlButtonIcon?: string;
    controlButtonLabel?: string;
    controlSelectTrigger?: string;
    controlSelectValue?: string;
    controlCheckbox?: string;
    controlCheckboxIndicator?: string;
    controlCheckboxLabel?: string;
    menuTrigger?: string;
    menuContent?: string;
    menuLabel?: string;
    menuSeparator?: string;
    menuItem?: string;
    menuItemPrimary?: string;
    menuItemDanger?: string;
    menuItemMuted?: string;
    menuItemIcon?: string;
    menuItemLabel?: string;
    cardRoot?: string;
    cardInteractive?: string;
    cardSelected?: string;
    cardDisabled?: string;
    cardHeader?: string;
    cardMedia?: string;
    cardFooter?: string;
    recordCardRoot?: string;
    recordCardActive?: string;
    footerRoot?: string;
    footerSummary?: string;
    footerJumpButton?: string;
    footerPageSizeSelect?: string;
    previewRoot?: string;
    previewPlaceholder?: string;
    previewActions?: string;
    previewControls?: string;
    previewZoomLabel?: string;
    previewControlButton?: string;
    previewNavigationButton?: string;
    detailRoot?: string;
    detailHeader?: string;
    detailLeading?: string;
    detailNavigation?: string;
    detailNavigationButton?: string;
    detailCloseButton?: string;
    detailPreviewPanel?: string;
    detailPreviewFrame?: string;
    detailRightPanel?: string;
    detailRightPanelBody?: string;
    treeShellRoot?: string;
    treeShellHeader?: string;
    treeShellTitle?: string;
    treeShellSubtitle?: string;
    treeShellToolbar?: string;
    treeShellBody?: string;
    treeShellFooter?: string;
    treeRoot?: string;
    treeGroup?: string;
    treeGroupHeader?: string;
    treeGroupHeaderButton?: string;
    treeGroupContent?: string;
    treeGroupActions?: string;
    treeNode?: string;
    treeNodeButton?: string;
    treeNodeSelected?: string;
    treeNodeDisabled?: string;
    treeNodeDragging?: string;
    treeNodeToggle?: string;
    treeNodeIcon?: string;
    treeNodeLabel?: string;
    treeNodeDescription?: string;
    treeNodeMeta?: string;
    treeNodeBadge?: string;
    treeNodeActions?: string;
    treeNodeChildren?: string;
    treeNodeDragHandle?: string;
    treeEmpty?: string;
    treeError?: string;
    treeLoading?: string;
}
interface DataExplorerAppearance {
    surface?: DataExplorerSurface;
    preset?: DataExplorerThemePresetId;
    density?: DataExplorerDensity;
    radius?: DataExplorerRadius;
    border?: DataExplorerBorder;
    background?: DataExplorerBackground;
    slots?: Partial<DataExplorerThemeSlots>;
    styles?: DataExplorerThemeStyles;
}
interface DataExplorerResolvedTheme {
    surface: DataExplorerSurface;
    preset: DataExplorerThemePresetId;
    density: DataExplorerDensity;
    radius: DataExplorerRadius;
    border: DataExplorerBorder;
    background: DataExplorerBackground;
    slots: Required<DataExplorerThemeSlots>;
    styles: DataExplorerThemeStyles;
}
interface DataExplorerAction<TContext = unknown> {
    id: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    tone?: DataExplorerControlTone;
    active?: DataExplorerResolver<boolean, TContext>;
    visible?: DataExplorerResolver<boolean, TContext>;
    disabled?: DataExplorerResolver<boolean, TContext>;
    loading?: DataExplorerResolver<boolean, TContext>;
    render?: (context: TContext) => ReactNode;
    onClick?: (context: TContext) => Promise<void> | void;
}
type DataExplorerToolbarActionKind = "button" | "icon-button" | "menu" | "select" | "toggle";
interface DataExplorerToolbarActionItem<TContext = unknown> {
    id: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    tone?: DataExplorerControlTone;
    separatorBefore?: boolean;
    separatorAfter?: boolean;
    visible?: DataExplorerResolver<boolean, TContext>;
    disabled?: DataExplorerResolver<boolean, TContext>;
    loading?: DataExplorerResolver<boolean, TContext>;
    active?: DataExplorerResolver<boolean, TContext>;
    onAction?: (context: TContext) => Promise<void> | void;
}
interface DataExplorerToolbarActionOption<TContext = unknown> {
    value: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    disabled?: DataExplorerResolver<boolean, TContext>;
}
interface DataExplorerToolbarAction<TContext = unknown> extends DataExplorerAction<TContext> {
    kind?: DataExplorerToolbarActionKind;
    triggerLabel?: string;
    menuLabel?: ReactNode;
    selectDisplay?: "label-value" | "value";
    align?: "center" | "end" | "start";
    sideOffset?: number;
    items?: Array<DataExplorerToolbarActionItem<TContext>>;
    value?: DataExplorerResolver<number | string | undefined, TContext>;
    options?: Array<DataExplorerToolbarActionOption<TContext>>;
    checked?: DataExplorerResolver<boolean, TContext>;
    onAction?: (context: TContext) => Promise<void> | void;
    onValueChange?: (value: string, context: TContext) => Promise<void> | void;
    onCheckedChange?: (checked: boolean, context: TContext) => Promise<void> | void;
    renderTrigger?: (context: TContext) => ReactNode;
    wrapTrigger?: (trigger: ReactNode, context: TContext) => ReactNode;
}
interface DataExplorerControlOption {
    value: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    disabled?: boolean;
}
interface DataExplorerButtonClassNames {
    root?: string;
    icon?: string;
    label?: string;
}
interface DataExplorerButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled" | "onClick" | "style" | "title" | "type"> {
    children?: ReactNode;
    label?: ReactNode;
    icon?: ReactNode;
    endIcon?: ReactNode;
    type?: "button" | "reset" | "submit";
    title?: string;
    ariaLabel?: string;
    tone?: DataExplorerControlTone;
    active?: boolean;
    iconOnly?: boolean;
    disabled?: boolean;
    loading?: boolean;
    stopPropagation?: boolean;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerButtonClassNames;
    style?: CSSProperties;
    onClick?: MouseEventHandler<HTMLButtonElement>;
}
interface DataExplorerSplitButtonItem {
    id: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    tone?: DataExplorerControlTone;
    disabled?: boolean;
}
interface DataExplorerSplitButtonClassNames {
    root?: string;
    primary?: string;
    trigger?: string;
    content?: string;
    item?: string;
}
interface DataExplorerSplitButtonProps {
    label?: ReactNode;
    icon?: ReactNode;
    items?: DataExplorerSplitButtonItem[];
    onPrimaryAction?: MouseEventHandler<HTMLButtonElement>;
    onAction?: (id: string) => void;
    menuLabel?: ReactNode;
    triggerLabel?: string;
    title?: string;
    tone?: DataExplorerControlTone;
    active?: boolean;
    disabled?: boolean;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerSplitButtonClassNames;
}
interface DataExplorerSelectClassNames {
    root?: string;
    trigger?: string;
    value?: string;
    icon?: string;
    content?: string;
    item?: string;
    itemIcon?: string;
    itemLabel?: string;
}
interface DataExplorerSelectProps {
    value?: string;
    options?: DataExplorerControlOption[];
    label?: ReactNode;
    placeholder?: ReactNode;
    icon?: ReactNode;
    title?: string;
    triggerLabel?: string;
    disabled?: boolean;
    display?: "label-value" | "value";
    align?: "center" | "end" | "start";
    sideOffset?: number;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerSelectClassNames;
    style?: CSSProperties;
    onValueChange?: (value: string) => Promise<void> | void;
}
interface DataExplorerCheckboxClassNames {
    root?: string;
    indicator?: string;
    icon?: string;
    label?: string;
}
interface DataExplorerCheckboxProps {
    checked?: boolean;
    icon?: ReactNode;
    label?: ReactNode;
    title?: string;
    disabled?: boolean;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerCheckboxClassNames;
    style?: CSSProperties;
    onCheckedChange?: (checked: boolean) => Promise<void> | void;
}
type DataExplorerDisplayMediaKind = "audio" | "file" | "image" | "model" | "text" | "unknown" | "video" | (string & {});
interface DataExplorerDisplayMediaItem<TSource = unknown> {
    id?: string;
    kind?: DataExplorerDisplayMediaKind;
    src?: string;
    thumbnail?: string;
    alt?: string;
    title?: ReactNode;
    node?: ReactNode;
    source?: TSource;
}
interface DataExplorerDisplayBadge {
    id?: string;
    label: ReactNode;
    title?: string;
    tone?: "danger" | "default" | "muted" | "primary" | "success" | "warning";
}
interface DataExplorerDisplayMetadata {
    id?: string;
    label?: ReactNode;
    value: ReactNode;
    title?: string;
}
interface DataExplorerDetailFieldClassNames {
    root?: string;
    label?: string;
    icon?: string;
    required?: string;
    value?: string;
    helper?: string;
    error?: string;
}
type DataExplorerDataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};
type DataExplorerHtmlAttributes<TElement> = HTMLAttributes<TElement> & DataExplorerDataAttributes;
interface DataExplorerDetailFieldDefinition<TContext = unknown> {
    id?: string;
    label: ReactNode;
    icon?: ReactNode;
    value?: ReactNode;
    helperText?: ReactNode;
    error?: ReactNode;
    required?: boolean;
    disabled?: boolean;
    render?: (context: TContext) => ReactNode;
    hidden?: DataExplorerResolver<boolean, TContext>;
    title?: string;
    className?: string;
    valueClassName?: string;
    classNames?: DataExplorerDetailFieldClassNames;
    dataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
    labelDataAttributes?: DataExplorerHtmlAttributes<HTMLSpanElement>;
    valueDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
    helperDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
    errorDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
}
interface DataExplorerDetailSectionClassNames {
    root?: string;
    title?: string;
    body?: string;
}
interface DataExplorerDetailSectionDefinition<TContext = unknown> {
    id: string;
    title?: ReactNode;
    fields?: Array<DataExplorerDetailFieldDefinition<TContext>>;
    children?: ((context: TContext) => ReactNode) | ReactNode;
    hidden?: DataExplorerResolver<boolean, TContext>;
    className?: string;
    classNames?: DataExplorerDetailSectionClassNames;
}
interface DataExplorerDetailNavigation {
    visible?: boolean;
    index: number;
    count: number;
    previousLabel?: string;
    nextLabel?: string;
    onPrevious?: () => void;
    onNext?: () => void;
}
interface DataExplorerDetailShellClassNames {
    root?: string;
    header?: string;
    headerMain?: string;
    leading?: string;
    titleGroup?: string;
    title?: string;
    subtitle?: string;
    headerActions?: string;
    navigation?: string;
    navigationButton?: string;
    navigationCount?: string;
    closeButton?: string;
    body?: string;
    previewPanel?: string;
    previewStack?: string;
    previewMobileCount?: string;
    previewWrapper?: string;
    previewFrame?: string;
    previewContent?: string;
    previewNavigationButton?: string;
    rightPanel?: string;
    rightPanelBody?: string;
    sections?: string;
    section?: string;
    field?: string;
}
interface DataExplorerDetailShellProps<TContext = unknown> {
    title: ReactNode;
    subtitle?: ReactNode;
    leading?: ReactNode;
    actions?: ReactNode;
    preview: ReactNode;
    previewVisible?: boolean;
    previewStyle?: CSSProperties;
    previewPadded?: boolean;
    previewCentered?: boolean;
    sections?: Array<DataExplorerDetailSectionDefinition<TContext>>;
    rightPanel?: ReactNode;
    context?: TContext;
    navigation?: DataExplorerDetailNavigation;
    closeLabel?: string;
    closeIcon?: ReactNode;
    closeVisible?: boolean;
    onClose?: () => void;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerDetailShellClassNames;
}
interface DataExplorerImagePreviewNaturalSize {
    width: number;
    height: number;
}
interface DataExplorerImagePreviewClassNames {
    root?: string;
    imageLayer?: string;
    image?: string;
    placeholder?: string;
    actions?: string;
    controls?: string;
    zoomLabel?: string;
    controlButton?: string;
}
interface DataExplorerImagePreviewProps {
    src?: null | string;
    alt?: string;
    empty?: ReactNode;
    actions?: ReactNode;
    actionContext?: unknown;
    toolbarActions?: Array<DataExplorerToolbarAction>;
    zoomStep?: number;
    stagePadding?: number;
    minScale?: number;
    maxScale?: number;
    controlsVisible?: boolean;
    zoomLabelVisible?: boolean;
    resetLabel?: string;
    zoomInLabel?: string;
    zoomOutLabel?: string;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerImagePreviewClassNames;
    onLoad?: (naturalSize: DataExplorerImagePreviewNaturalSize) => void;
    onError?: ReactEventHandler<HTMLImageElement>;
}
interface DataExplorerDetailSectionProps<TContext = unknown> {
    section?: DataExplorerDetailSectionDefinition<TContext>;
    title?: ReactNode;
    fields?: Array<DataExplorerDetailFieldDefinition<TContext>>;
    children?: ReactNode;
    context?: TContext;
    className?: string;
    classNames?: DataExplorerDetailSectionClassNames;
    fieldClassNames?: DataExplorerDetailFieldClassNames;
}
interface DataExplorerDetailFieldProps<TContext = unknown> {
    field?: DataExplorerDetailFieldDefinition<TContext>;
    label?: ReactNode;
    icon?: ReactNode;
    value?: ReactNode;
    helperText?: ReactNode;
    error?: ReactNode;
    required?: boolean;
    disabled?: boolean;
    children?: ReactNode;
    context?: TContext;
    className?: string;
    valueClassName?: string;
    classNames?: DataExplorerDetailFieldClassNames;
    dataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
    labelDataAttributes?: DataExplorerHtmlAttributes<HTMLSpanElement>;
    valueDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
    helperDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
    errorDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
}
interface DataExplorerDisplayActionContext<TSource = unknown> {
    itemId?: string;
    item?: DataExplorerDisplayItem<TSource>;
    source?: TSource;
}
interface DataExplorerDisplayAction<TSource = unknown> {
    id: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    tone?: "danger" | "default" | "muted" | "primary";
    separatorBefore?: boolean;
    separatorAfter?: boolean;
    className?: string;
    visible?: DataExplorerResolver<boolean, DataExplorerDisplayActionContext<TSource>>;
    disabled?: DataExplorerResolver<boolean, DataExplorerDisplayActionContext<TSource>>;
    loading?: DataExplorerResolver<boolean, DataExplorerDisplayActionContext<TSource>>;
    render?: (context: DataExplorerDisplayActionContext<TSource>) => ReactNode;
    onAction?: (context: DataExplorerDisplayActionContext<TSource>) => Promise<void> | void;
    onContextAction?: (context: DataExplorerDisplayActionContext<TSource>) => Promise<void> | void;
}
interface DataExplorerDisplayItem<TSource = unknown> {
    id: string;
    title?: ReactNode;
    description?: ReactNode;
    media?: Array<DataExplorerDisplayMediaItem<TSource>> | DataExplorerDisplayMediaItem<TSource>;
    thumbnail?: string;
    badges?: DataExplorerDisplayBadge[];
    keywords?: ReactNode[];
    metadata?: DataExplorerDisplayMetadata[];
    status?: ReactNode;
    selected?: boolean;
    disabled?: boolean;
    actions?: DataExplorerDisplayAction<TSource>[];
    ariaLabel?: string;
    source?: TSource;
}
type DataExplorerViewId = string;
type DataExplorerViewCollectionLayout = "grid" | "list" | "waterfall" | (string & {});
interface DataExplorerViewCollectionClassNames {
    root?: string;
    items?: string;
    item?: string;
    empty?: string;
    loading?: string;
    footer?: string;
    overlay?: string;
}
interface DataExplorerMeasuredGridOptions<TItem = unknown, TContext = unknown> {
    enabled?: boolean;
    rowHeight?: number;
    gap?: number;
    minColumnWidth?: number | string;
    estimateItemHeight?: ((props: DataExplorerViewItemProps<TItem, TContext>) => number) | number;
}
interface DataExplorerViewCollectionOptions<TItem = unknown, TContext = unknown> {
    layout?: DataExplorerViewCollectionLayout;
    loading?: boolean;
    loadingNode?: ReactNode;
    footer?: ReactNode;
    overlay?: ReactNode;
    className?: string;
    classNames?: DataExplorerViewCollectionClassNames;
    scrollable?: boolean;
    wrapItems?: boolean;
    measuredGrid?: boolean | DataExplorerMeasuredGridOptions<TItem, TContext>;
    itemsStyle?: CSSProperties;
    itemStyle?: ((props: DataExplorerViewItemProps<TItem, TContext>) => CSSProperties | undefined) | CSSProperties;
}
interface DataExplorerViewOption<TViewId extends DataExplorerViewId = DataExplorerViewId> {
    id: TViewId;
    label?: ReactNode;
    description?: ReactNode;
    icon?: ReactNode;
    disabled?: boolean;
    hidden?: boolean;
}
interface DataExplorerViewItemProps<TItem = unknown, TContext = unknown> {
    item: TItem;
    index?: number;
    itemId?: string;
    context?: TContext;
    capabilities?: DataExplorerCapabilities;
    itemDefinition?: DataExplorerViewItemDefinition<TItem, TContext>;
    className?: string;
    selected?: boolean;
    actions?: DataExplorerAction<TContext>[];
    onOpen?: (item: TItem) => void;
    onSelectionChange?: (item: TItem, selected: boolean) => void;
}
interface DataExplorerViewItemDefinition<TItem = unknown, TContext = unknown> {
    render?: (props: DataExplorerViewItemProps<TItem, TContext>) => ReactNode;
    shellProps?: ((props: DataExplorerViewItemProps<TItem, TContext>) => Partial<DataExplorerViewItemShellProps>) | Partial<DataExplorerViewItemShellProps>;
}
interface DataExplorerViewRenderProps<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId> {
    items: TItem[];
    activeViewId: TViewId;
    context?: TContext;
    capabilities?: DataExplorerCapabilities;
    className?: string;
    empty?: ReactNode;
    loading?: boolean;
    loadingNode?: ReactNode;
    footer?: ReactNode;
    overlay?: ReactNode;
    layout?: DataExplorerViewCollectionLayout;
    collection?: DataExplorerViewCollectionOptions<TItem, TContext>;
    selectedIds?: string[];
    getItemId?: (item: TItem, index: number) => string;
    itemDefinition?: DataExplorerViewItemDefinition<TItem, TContext>;
    renderItem?: (props: DataExplorerViewItemProps<TItem, TContext>) => ReactNode;
    onOpenItem?: (item: TItem) => void;
    onSelectionChange?: (ids: string[]) => void;
}
interface DataExplorerViewDefinition<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId> extends DataExplorerViewOption<TViewId> {
    layout?: DataExplorerViewCollectionLayout;
    collection?: DataExplorerViewCollectionOptions<TItem, TContext>;
    itemDefinition?: DataExplorerViewItemDefinition<TItem, TContext>;
    getItemClassName?: (props: DataExplorerViewItemProps<TItem, TContext>) => string | undefined;
    empty?: ((props: DataExplorerViewRenderProps<TItem, TContext, TViewId>) => ReactNode) | ReactNode;
    render?: (props: DataExplorerViewRenderProps<TItem, TContext, TViewId>) => ReactNode;
    renderItem?: (props: DataExplorerViewItemProps<TItem, TContext>) => ReactNode;
}
interface DataExplorerViewClassNames extends DataExplorerViewCollectionClassNames {
}
interface DataExplorerViewProps<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId> {
    items: TItem[];
    views?: Array<DataExplorerViewDefinition<TItem, TContext, TViewId>>;
    activeViewId?: TViewId;
    fallbackViewId?: TViewId;
    context?: TContext;
    capabilities?: DataExplorerCapabilities;
    className?: string;
    classNames?: DataExplorerViewClassNames;
    empty?: ReactNode;
    loading?: boolean;
    loadingNode?: ReactNode;
    footer?: ReactNode;
    overlay?: ReactNode;
    layout?: DataExplorerViewCollectionLayout;
    collection?: DataExplorerViewCollectionOptions<TItem, TContext>;
    selectedIds?: string[];
    getItemId?: (item: TItem, index: number) => string;
    itemDefinition?: DataExplorerViewItemDefinition<TItem, TContext>;
    renderItem?: (props: DataExplorerViewItemProps<TItem, TContext>) => ReactNode;
    onOpenItem?: (item: TItem) => void;
    onSelectionChange?: (ids: string[]) => void;
}
interface DataExplorerViewCollectionProps<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId> extends DataExplorerViewCollectionOptions<TItem, TContext> {
    items: TItem[];
    activeViewId: TViewId;
    context?: TContext;
    capabilities?: DataExplorerCapabilities;
    empty?: ReactNode;
    selectedIds?: string[];
    getItemId?: (item: TItem, index: number) => string;
    itemDefinition?: DataExplorerViewItemDefinition<TItem, TContext>;
    renderItem?: (props: DataExplorerViewItemProps<TItem, TContext>) => ReactNode;
    getItemClassName?: (props: DataExplorerViewItemProps<TItem, TContext>) => string | undefined;
    onOpenItem?: (item: TItem) => void;
    onSelectionChange?: (ids: string[]) => void;
}
interface DataExplorerTreeProps<TNode = unknown, TContext = unknown> {
    nodes?: TNode[];
    context?: TContext;
    capabilities?: DataExplorerCapabilities;
    className?: string;
    classNames?: DataExplorerTreeClassNames;
    empty?: ReactNode;
    selectedNodeId?: string;
    getNodeId?: (node: TNode, index: number) => string;
    getChildren?: (node: TNode, index: number, depth: number) => TNode[] | undefined;
    renderNode?: (props: DataExplorerTreeRenderProps<TNode, TContext>) => ReactNode;
    onSelect?: (node: TNode) => void;
}
interface DataExplorerTreeClassNames {
    root?: string;
    empty?: string;
}
interface DataExplorerTreeRenderProps<TNode = unknown, TContext = unknown> {
    node: TNode;
    index: number;
    depth: number;
    context?: TContext;
    capabilities?: DataExplorerCapabilities;
    childNodes: TNode[];
    hasChildren: boolean;
    selected: boolean;
    onSelect?: (node: TNode) => void;
    renderChildren: () => ReactNode;
}
type DataExplorerViewTreeEntryType = "group" | "node";
interface DataExplorerViewTreeNode<TSource = unknown, TGroupSource = unknown, TContext = unknown> {
    id: string;
    label: ReactNode;
    description?: ReactNode;
    icon?: ReactNode;
    meta?: ReactNode;
    badge?: ReactNode;
    ariaLabel?: string;
    disabled?: boolean;
    selectable?: boolean;
    collapsible?: boolean;
    defaultExpanded?: boolean;
    indentLevel?: number;
    reorderable?: boolean;
    source?: TSource;
    actions?: Array<DataExplorerViewTreeAction<TSource, TGroupSource, TContext>>;
    children?: Array<DataExplorerViewTreeNode<TSource, TGroupSource, TContext>>;
    className?: string;
}
interface DataExplorerViewTreeGroup<TSource = unknown, TNodeSource = unknown, TContext = unknown> {
    id: string;
    label?: ReactNode;
    description?: ReactNode;
    icon?: ReactNode;
    meta?: ReactNode;
    badge?: ReactNode;
    hideHeader?: boolean;
    selectable?: boolean;
    collapsible?: boolean;
    defaultExpanded?: boolean;
    status?: "error" | "idle" | "loading";
    loading?: boolean;
    error?: ReactNode;
    empty?: ReactNode;
    source?: TSource;
    actions?: Array<DataExplorerViewTreeAction<TNodeSource, TSource, TContext>>;
    nodes?: Array<DataExplorerViewTreeNode<TNodeSource, TSource, TContext>>;
    className?: string;
}
interface DataExplorerViewTreeActionContext<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown> {
    type: DataExplorerViewTreeEntryType;
    action: DataExplorerViewTreeAction<TNodeSource, TGroupSource, TContext>;
    node?: DataExplorerViewTreeNode<TNodeSource, TGroupSource, TContext>;
    group?: DataExplorerViewTreeGroup<TGroupSource, TNodeSource, TContext>;
    context?: TContext;
}
interface DataExplorerViewTreeAction<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown> {
    id: string;
    label: ReactNode;
    icon?: ReactNode;
    title?: string;
    tone?: DataExplorerControlTone;
    separatorBefore?: boolean;
    separatorAfter?: boolean;
    visible?: DataExplorerResolver<boolean, DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>>;
    disabled?: DataExplorerResolver<boolean, DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>>;
    loading?: DataExplorerResolver<boolean, DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>>;
    active?: DataExplorerResolver<boolean, DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>>;
    render?: (payload: DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>) => ReactNode;
    onAction?: (payload: DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>) => Promise<void> | void;
}
interface DataExplorerViewTreeReorderPayload<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown> {
    activeNode: DataExplorerViewTreeNode<TNodeSource, TGroupSource, TContext>;
    overNode: DataExplorerViewTreeNode<TNodeSource, TGroupSource, TContext>;
    activeGroup?: DataExplorerViewTreeGroup<TGroupSource, TNodeSource, TContext>;
    overGroup?: DataExplorerViewTreeGroup<TGroupSource, TNodeSource, TContext>;
    activeParentId?: string;
    overParentId?: string;
    oldIndex: number;
    newIndex: number;
    sameParent: boolean;
    context?: TContext;
}
interface DataExplorerViewTreeClassNames {
    root?: string;
    group?: string;
    groupHeader?: string;
    groupHeaderButton?: string;
    groupLabel?: string;
    groupContent?: string;
    groupActions?: string;
    list?: string;
    item?: string;
    itemButton?: string;
    itemSelected?: string;
    itemIcon?: string;
    itemLabel?: string;
    itemActions?: string;
    expander?: string;
    node?: string;
    nodeButton?: string;
    nodeSelected?: string;
    nodeDisabled?: string;
    nodeDragging?: string;
    nodeToggle?: string;
    nodeIcon?: string;
    nodeLabel?: string;
    nodeDescription?: string;
    nodeMeta?: string;
    nodeBadge?: string;
    nodeActions?: string;
    nodeChildren?: string;
    nodeDragHandle?: string;
    empty?: string;
    error?: string;
    loading?: string;
    menuContent?: string;
    menuItem?: string;
}
interface DataExplorerViewTreeLabels {
    actions?: string;
    expand?: string;
    collapse?: string;
    loading?: ReactNode;
    empty?: ReactNode;
    error?: ReactNode;
}
interface DataExplorerViewTreeProps<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown> {
    groups?: Array<DataExplorerViewTreeGroup<TGroupSource, TNodeSource, TContext>>;
    nodes?: Array<DataExplorerViewTreeNode<TNodeSource, TGroupSource, TContext>>;
    context?: TContext;
    selectedNodeId?: string;
    selectedGroupId?: string;
    expandedNodeIds?: string[];
    defaultExpandedNodeIds?: string[];
    expandedGroupIds?: string[];
    defaultExpandedGroupIds?: string[];
    resetExpansionKey?: number | string;
    nodeActions?: Array<DataExplorerViewTreeAction<TNodeSource, TGroupSource, TContext>>;
    groupActions?: Array<DataExplorerViewTreeAction<TNodeSource, TGroupSource, TContext>>;
    indentSize?: number;
    indentOffset?: number;
    actionIcon?: ReactNode;
    empty?: ReactNode;
    loading?: boolean;
    loadingNode?: ReactNode;
    error?: ReactNode;
    labels?: DataExplorerViewTreeLabels;
    reorderMode?: "any" | "none" | "same-parent";
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerViewTreeClassNames;
    onSelectNode?: (node: DataExplorerViewTreeNode<TNodeSource, TGroupSource, TContext>, context: TContext | undefined) => void;
    onSelectGroup?: (group: DataExplorerViewTreeGroup<TGroupSource, TNodeSource, TContext>, context: TContext | undefined) => void;
    onExpandedNodeIdsChange?: (ids: string[]) => void;
    onExpandedGroupIdsChange?: (ids: string[]) => void;
    onAction?: (payload: DataExplorerViewTreeActionContext<TNodeSource, TGroupSource, TContext>) => Promise<void> | void;
    onReorderNodes?: (payload: DataExplorerViewTreeReorderPayload<TNodeSource, TGroupSource, TContext>) => Promise<void> | void;
}
interface DataExplorerDraggableTreeNode<TSource = unknown, TContext = unknown> {
    id: string;
    label: ReactNode;
    description?: ReactNode;
    icon?: ReactNode;
    meta?: ReactNode;
    badge?: ReactNode;
    ariaLabel?: string;
    disabled?: boolean;
    selectable?: boolean;
    collapsible?: boolean;
    draggable?: boolean;
    defaultExpanded?: boolean;
    source?: TSource;
    context?: TContext;
    children?: Array<DataExplorerDraggableTreeNode<TSource, TContext>>;
    className?: string;
    itemClassName?: string;
    childrenClassName?: string;
}
interface DataExplorerDraggableTreeFlattenedNode<TSource = unknown, TContext = unknown> {
    node: DataExplorerDraggableTreeNode<TSource, TContext>;
    parentId?: string;
    index: number;
    depth: number;
}
interface DataExplorerDraggableTreeDragPayload<TSource = unknown, TContext = unknown> {
    activeNode: DataExplorerDraggableTreeNode<TSource, TContext>;
    overNode: DataExplorerDraggableTreeNode<TSource, TContext>;
    activeParentId?: string;
    overParentId?: string;
    targetParentId?: string;
    activeIndex: number;
    overIndex: number;
    targetIndex: number;
    targetDepth: number;
    sameParent: boolean;
    targetSameParent: boolean;
    context?: TContext;
}
interface DataExplorerDraggableTreeRenderContext<TSource = unknown, TContext = unknown> {
    node: DataExplorerDraggableTreeNode<TSource, TContext>;
    depth: number;
    expanded: boolean;
    selected: boolean;
    dragging: boolean;
    disabled: boolean;
    context?: TContext;
}
interface DataExplorerDraggableTreeClassNames {
    root?: string;
    list?: string;
    item?: string;
    itemButton?: string;
    itemSelected?: string;
    itemDisabled?: string;
    itemDragging?: string;
    itemOver?: string;
    itemContent?: string;
    dragHandle?: string;
    toggle?: string;
    icon?: string;
    label?: string;
    description?: string;
    meta?: string;
    badge?: string;
    actions?: string;
    children?: string;
    connector?: string;
    overlay?: string;
    empty?: string;
    loading?: string;
}
interface DataExplorerDraggableTreeLabels {
    expand?: string;
    collapse?: string;
    loading?: ReactNode;
    empty?: ReactNode;
    dragHandle?: string;
}
interface DataExplorerDraggableTreeProps<TSource = unknown, TContext = unknown> {
    nodes: Array<DataExplorerDraggableTreeNode<TSource, TContext>>;
    context?: TContext;
    selectedNodeId?: string;
    expandedNodeIds?: string[];
    defaultExpandedNodeIds?: string[];
    resetExpansionKey?: number | string;
    indentSize?: number;
    activationMode?: "handle" | "row";
    loading?: boolean;
    empty?: ReactNode;
    labels?: DataExplorerDraggableTreeLabels;
    appearance?: DataExplorerAppearance;
    itemRadius?: number | string;
    className?: string;
    classNames?: DataExplorerDraggableTreeClassNames;
    renderNodeActions?: (payload: DataExplorerDraggableTreeRenderContext<TSource, TContext>) => ReactNode;
    renderNodeChildren?: (payload: DataExplorerDraggableTreeRenderContext<TSource, TContext>) => ReactNode;
    onSelectNode?: (node: DataExplorerDraggableTreeNode<TSource, TContext>, context: TContext | undefined) => void;
    onExpandedNodeIdsChange?: (ids: string[]) => void;
    onDragEnd?: (payload: DataExplorerDraggableTreeDragPayload<TSource, TContext>) => Promise<void> | void;
}
interface DataExplorerPageClassNames {
    root?: string;
    sidebar?: string;
    tree?: string;
    main?: string;
    toolbar?: string;
    controls?: string;
    notices?: string;
    content?: string;
    view?: string;
    detail?: string;
}
interface DataExplorerPageProps {
    sidebar?: ReactNode;
    tree?: ReactNode;
    toolbar?: ReactNode;
    controls?: ReactNode;
    notices?: ReactNode;
    content: ReactNode;
    view?: ReactNode;
    detail?: ReactNode;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerPageClassNames;
}
interface DataExplorerActionBarClassNames {
    root?: string;
    leading?: string;
    actions?: string;
    trailing?: string;
    action?: string;
}
interface DataExplorerActionBarProps<TContext = unknown> {
    context?: TContext;
    actions?: DataExplorerToolbarAction<TContext>[];
    leading?: ReactNode;
    trailing?: ReactNode;
    children?: ReactNode;
    empty?: ReactNode;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerActionBarClassNames;
}
interface DataExplorerFilterBarClassNames {
    root?: string;
    layout?: string;
    label?: string;
    fieldsViewport?: string;
    fields?: string;
    actions?: string;
}
interface DataExplorerFilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "className"> {
    label?: ReactNode;
    leading?: ReactNode;
    children?: ReactNode;
    actions?: ReactNode;
    maxFieldsHeight?: number | string;
    className?: string;
    classNames?: DataExplorerFilterBarClassNames;
}
interface DataExplorerTreeShellClassNames {
    root?: string;
    header?: string;
    title?: string;
    subtitle?: string;
    toolbar?: string;
    body?: string;
    footer?: string;
}
interface DataExplorerTreeShellProps {
    title?: ReactNode;
    subtitle?: ReactNode;
    toolbar?: ReactNode;
    footer?: ReactNode;
    children?: ReactNode;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerTreeShellClassNames;
}
interface DataExplorerViewShellClassNames {
    root?: string;
    header?: string;
    body?: string;
    footer?: string;
    empty?: string;
    overlay?: string;
}
interface DataExplorerViewShellProps {
    header?: ReactNode;
    footer?: ReactNode;
    overlay?: ReactNode;
    empty?: ReactNode;
    isEmpty?: boolean;
    children?: ReactNode;
    className?: string;
    classNames?: DataExplorerViewShellClassNames;
}
interface DataExplorerViewItemShellClassNames {
    root?: string;
    media?: string;
    header?: string;
    title?: string;
    description?: string;
    meta?: string;
    badges?: string;
    body?: string;
    footer?: string;
    actions?: string;
}
interface DataExplorerViewItemShellProps {
    media?: ReactNode;
    title?: ReactNode;
    description?: ReactNode;
    meta?: ReactNode;
    badges?: ReactNode;
    actions?: ReactNode;
    footer?: ReactNode;
    children?: ReactNode;
    className?: string;
    classNames?: DataExplorerViewItemShellClassNames;
}
interface DataExplorerDisplayMediaClassNames {
    root?: string;
    media?: string;
    placeholder?: string;
    title?: string;
}
interface DataExplorerDisplayMediaProps<TSource = unknown> {
    media?: Array<DataExplorerDisplayMediaItem<TSource>> | DataExplorerDisplayMediaItem<TSource>;
    fallbackTitle?: ReactNode;
    empty?: ReactNode;
    className?: string;
    classNames?: DataExplorerDisplayMediaClassNames;
    onOpen?: (media: DataExplorerDisplayMediaItem<TSource>, index: number) => void;
}
interface DataExplorerDisplayCardClassNames {
    root?: string;
    overlay?: string;
    header?: string;
    headerMain?: string;
    headerLeading?: string;
    headerContent?: string;
    title?: string;
    description?: string;
    badges?: string;
    meta?: string;
    actions?: string;
    media?: string;
    body?: string;
    footer?: string;
}
interface DataExplorerDisplayCardProps<TSource = unknown> {
    item?: DataExplorerDisplayItem<TSource>;
    title?: ReactNode;
    description?: ReactNode;
    badges?: ReactNode;
    meta?: ReactNode;
    actions?: ReactNode;
    media?: Array<DataExplorerDisplayMediaItem<TSource>> | DataExplorerDisplayMediaItem<TSource> | ReactNode;
    header?: ReactNode;
    headerLeading?: ReactNode;
    headerContent?: ReactNode;
    overlay?: ReactNode;
    footer?: ReactNode;
    children?: ReactNode;
    selected?: boolean;
    disabled?: boolean;
    interactive?: boolean;
    role?: string;
    tabIndex?: number;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerDisplayCardClassNames;
    onClick?: MouseEventHandler<HTMLElement>;
    onKeyDown?: KeyboardEventHandler<HTMLElement>;
}
interface DataExplorerDisplayActionMenuClassNames {
    root?: string;
    trigger?: string;
    content?: string;
    label?: string;
    separator?: string;
    item?: string;
    itemIcon?: string;
    itemLabel?: string;
}
interface DataExplorerDisplayActionMenuProps<TSource = unknown> {
    item?: DataExplorerDisplayItem<TSource>;
    itemId?: string;
    source?: TSource;
    actions?: Array<DataExplorerDisplayAction<TSource>>;
    label?: ReactNode;
    triggerLabel?: string;
    triggerIcon?: ReactNode;
    align?: "center" | "end" | "start";
    sideOffset?: number;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerDisplayActionMenuClassNames;
}
interface DataExplorerDisplayListItemClassNames extends DataExplorerDisplayCardClassNames {
}
interface DataExplorerDisplayListItemProps<TSource = unknown> extends DataExplorerDisplayCardProps<TSource> {
}
interface DataExplorerRecordCardClassNames {
    root?: string;
    overlay?: string;
    overlayControls?: string;
    selectionControl?: string;
    favoriteControl?: string;
    floatingActions?: string;
    header?: string;
    headerMain?: string;
    title?: string;
    keywords?: string;
    keyword?: string;
    keywordOverflow?: string;
    media?: string;
    mediaFrame?: string;
    footer?: string;
}
interface DataExplorerRecordCardProps<TSource = unknown> {
    item: DataExplorerDisplayItem<TSource>;
    selected?: boolean;
    active?: boolean;
    disabled?: boolean;
    hasMedia?: boolean;
    showHeaderWithMedia?: boolean;
    selectionVisible?: boolean;
    favoriteVisible?: boolean;
    overlayControlsAlwaysVisible?: boolean;
    favoriteActive?: boolean;
    favoriteLabel?: string;
    favoriteActiveLabel?: string;
    selectLabel?: string;
    unselectLabel?: string;
    actions?: ReactNode;
    media?: ReactNode;
    footer?: ReactNode;
    checkbox?: ReactNode;
    favorite?: ReactNode;
    keywordLimit?: number;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerRecordCardClassNames;
    onClick?: MouseEventHandler<HTMLElement>;
    onToggleSelection?: (item: DataExplorerDisplayItem<TSource>) => void;
    onToggleFavorite?: (item: DataExplorerDisplayItem<TSource>) => void;
}
type DataExplorerMediaPreviewKind = "audio" | "file" | "image" | "video";
interface DataExplorerMediaPreviewClassNames {
    root?: string;
    media?: string;
    placeholder?: string;
    loading?: string;
    error?: string;
}
interface DataExplorerMediaPreviewProps {
    src?: null | string;
    kind?: DataExplorerMediaPreviewKind;
    alt?: string;
    title?: ReactNode;
    aspectRatio?: "1:1" | "16:9" | "3:4" | "4:3" | "9:16" | "auto" | "square" | "video";
    fit?: "contain" | "cover";
    controls?: boolean;
    loading?: boolean;
    empty?: ReactNode;
    error?: ReactNode;
    className?: string;
    style?: CSSProperties;
    classNames?: DataExplorerMediaPreviewClassNames;
    mediaAttributes?: Record<string, string | undefined>;
    onLoad?: () => void;
    onError?: () => void;
}
interface DataExplorerUploadSurfaceClassNames {
    root?: string;
    button?: string;
    icon?: string;
    title?: string;
    description?: string;
    hint?: string;
}
interface DataExplorerUploadSurfaceProps {
    accept?: string;
    multiple?: boolean;
    disabled?: boolean;
    busy?: boolean;
    title?: ReactNode;
    description?: ReactNode;
    hint?: ReactNode;
    busyLabel?: ReactNode;
    icon?: ReactNode;
    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "accept" | "disabled" | "multiple" | "onChange" | "type"> & {
        [key: `data-${string}`]: string | undefined;
    };
    className?: string;
    classNames?: DataExplorerUploadSurfaceClassNames;
    onFilesSelected?: (files: File[]) => void;
}
interface DataExplorerRecordPickerOption {
    value: string;
    label: ReactNode;
    description?: ReactNode;
    textValue?: string;
    disabled?: boolean;
}
interface DataExplorerRecordPickerClassNames {
    root?: string;
    trigger?: string;
    triggerValue?: string;
    content?: string;
    search?: string;
    list?: string;
    option?: string;
    optionIndicator?: string;
    optionLabel?: string;
    optionDescription?: string;
    selectedList?: string;
    selectedItem?: string;
    selectedItemLabel?: string;
    selectedItemRemove?: string;
    status?: string;
}
interface DataExplorerRecordPickerProps {
    value?: string | string[];
    activeValue?: string;
    options?: DataExplorerRecordPickerOption[];
    createOption?: DataExplorerRecordPickerOption;
    multiple?: boolean;
    placeholder?: ReactNode;
    triggerLabel?: string;
    triggerIcon?: ReactNode;
    searchPlaceholder?: string;
    emptyState?: ReactNode;
    loadingState?: ReactNode;
    loadingMoreState?: ReactNode;
    errorState?: ReactNode;
    loading?: boolean;
    loadingMore?: boolean;
    disabled?: boolean;
    open?: boolean;
    defaultOpen?: boolean;
    searchValue?: string;
    defaultSearchValue?: string;
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerRecordPickerClassNames;
    triggerProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled" | "type">;
    dataAttributes?: {
        root?: Record<string, string | undefined>;
        trigger?: Record<string, string | undefined>;
        triggerValue?: Record<string, string | undefined>;
        content?: Record<string, string | undefined>;
        list?: Record<string, string | undefined>;
        option?: Record<string, string | undefined>;
        loading?: Record<string, string | undefined>;
        loadingMore?: Record<string, string | undefined>;
        error?: Record<string, string | undefined>;
        empty?: Record<string, string | undefined>;
    };
    onOpenChange?: (open: boolean) => void;
    onListScroll?: (event: UIEvent<HTMLDivElement>) => void;
    onSearchValueChange?: (value: string) => void;
    onValueChange?: (value: string | string[]) => void;
}
interface DataExplorerCollectionFooterClassNames {
    root?: string;
    summary?: string;
    jumpButton?: string;
    pageSizeControl?: string;
    pageSizeButton?: string;
}
interface DataExplorerCollectionFooterProps {
    selectedCount?: number;
    loadedStart?: number;
    loadedEnd: number;
    total: number;
    currentPage?: number;
    pageSize?: number;
    pageSizeOptions?: number[];
    loading?: boolean;
    selectedLabel?: ReactNode;
    loadedLabel?: ReactNode;
    pageSizeLabel?: ReactNode;
    pageText?: ReactNode;
    tone?: "default" | "glass" | "hard-edge";
    appearance?: DataExplorerAppearance;
    className?: string;
    classNames?: DataExplorerCollectionFooterClassNames;
    onJump?: () => void;
    onJumpToPage?: (page: number) => void;
    onPageSizeChange?: (size: number) => void;
}
interface DataExplorerToolbarShellClassNames {
    root?: string;
    leading?: string;
    search?: string;
    searchIcon?: string;
    searchInput?: string;
    viewSwitch?: string;
    viewButton?: string;
    actions?: string;
    action?: string;
    menuContent?: string;
    menuItem?: string;
}
interface DataExplorerToolbarViewOption {
    id: string;
    label?: ReactNode;
    icon?: ReactNode;
    disabled?: boolean;
}
interface DataExplorerToolbarActionsClassNames {
    root?: string;
    action?: string;
    menuContent?: string;
    menuItem?: string;
}
type DataExplorerToolbarActionsLayout = "action-bar" | "inline" | "toolbar";
interface DataExplorerToolbarActionsProps<TContext = unknown> {
    context?: TContext;
    actions?: Array<DataExplorerToolbarAction<TContext>>;
    layout?: DataExplorerToolbarActionsLayout;
    appearance?: DataExplorerAppearance;
    empty?: ReactNode;
    children?: ReactNode;
    className?: string;
    classNames?: DataExplorerToolbarActionsClassNames;
}
interface DataExplorerToolbarShellProps<TContext = unknown> {
    rootRef?: React.Ref<HTMLDivElement>;
    dataAttributes?: DataExplorerDataAttributes;
    context?: TContext;
    leading?: ReactNode;
    leadingActions?: Array<DataExplorerToolbarAction<TContext>>;
    searchVisible?: boolean;
    searchValue?: string;
    searchPlaceholder?: string;
    searchIcon?: ReactNode;
    viewOptions?: DataExplorerToolbarViewOption[];
    activeViewId?: string;
    actions?: ReactNode;
    toolbarActions?: Array<DataExplorerToolbarAction<TContext>>;
    appearance?: DataExplorerAppearance;
    children?: ReactNode;
    className?: string;
    classNames?: DataExplorerToolbarShellClassNames;
    onSearchChange?: (value: string) => void;
    onSearchSubmit?: (value: string) => void;
    onViewChange?: (viewId: string) => void;
}
interface DataExplorerDisplayCollectionViewProps<TSource = unknown> {
    items: Array<DataExplorerDisplayItem<TSource>>;
    activeViewId?: DataExplorerViewId;
    layout?: DataExplorerViewCollectionLayout;
    appearance?: DataExplorerAppearance;
    selectedIds?: string[];
    empty?: ReactNode;
    loading?: boolean;
    loadingNode?: ReactNode;
    footer?: ReactNode;
    overlay?: ReactNode;
    className?: string;
    classNames?: DataExplorerViewCollectionClassNames;
    scrollable?: boolean;
    wrapItems?: boolean;
    measuredGrid?: boolean | DataExplorerMeasuredGridOptions<DataExplorerDisplayItem<TSource>, undefined>;
    itemsStyle?: CSSProperties;
    itemStyle?: ((context: DataExplorerDisplayCollectionItemContext<TSource>) => CSSProperties | undefined) | CSSProperties;
    getItemClassName?: (context: DataExplorerDisplayCollectionItemContext<TSource>) => string | undefined;
    cardProps?: DataExplorerDisplayCollectionItemPropsResolver<DataExplorerDisplayCardProps<TSource>, TSource>;
    listItemProps?: DataExplorerDisplayCollectionItemPropsResolver<DataExplorerDisplayListItemProps<TSource>, TSource>;
    renderMedia?: (context: DataExplorerDisplayCollectionItemContext<TSource>) => ReactNode;
    renderActions?: (context: DataExplorerDisplayCollectionItemContext<TSource>) => ReactNode;
    renderItem?: (item: DataExplorerDisplayItem<TSource>, index: number, context: DataExplorerDisplayCollectionItemContext<TSource>) => ReactNode;
    onOpenItem?: (item: DataExplorerDisplayItem<TSource>) => void;
    onSelectionChange?: (ids: string[]) => void;
}
interface DataExplorerDisplayCollectionItemContext<TSource = unknown> {
    item: DataExplorerDisplayItem<TSource>;
    index: number;
    itemId: string;
    selected: boolean;
    activeViewId?: DataExplorerViewId;
    layout: DataExplorerViewCollectionLayout;
}
type DataExplorerDisplayCollectionItemPropsResolver<TProps, TSource = unknown> = ((context: DataExplorerDisplayCollectionItemContext<TSource>) => Partial<TProps> | undefined) | Partial<TProps>;
export type { DataExplorerMediaPreviewProps as $, DataExplorerDisplayActionContext as A, DataExplorerDisplayActionMenuClassNames as B, DataExplorerDisplayActionMenuProps as C, DataExplorerAction as D, DataExplorerDisplayBadge as E, DataExplorerDisplayCardClassNames as F, DataExplorerDisplayCardProps as G, DataExplorerDisplayCollectionItemContext as H, DataExplorerDisplayCollectionItemPropsResolver as I, DataExplorerDisplayCollectionViewProps as J, DataExplorerDisplayItem as K, DataExplorerDisplayListItemClassNames as L, DataExplorerDisplayListItemProps as M, DataExplorerDisplayMediaClassNames as N, DataExplorerDisplayMediaItem as O, DataExplorerDisplayMediaKind as P, DataExplorerDisplayMediaProps as Q, DataExplorerDisplayMetadata as R, DataExplorerFilterBarClassNames as S, DataExplorerFilterBarProps as T, DataExplorerHtmlAttributes as U, DataExplorerImagePreviewClassNames as V, DataExplorerImagePreviewNaturalSize as W, DataExplorerImagePreviewProps as X, DataExplorerMeasuredGridOptions as Y, DataExplorerMediaPreviewClassNames as Z, DataExplorerMediaPreviewKind as _, DataExplorerActionBarClassNames as a, DataExplorerDraggableTreeNode as a$, DataExplorerPageClassNames as a0, DataExplorerPageProps as a1, DataExplorerRadius as a2, DataExplorerRecordCardClassNames as a3, DataExplorerRecordCardProps as a4, DataExplorerRecordPickerClassNames as a5, DataExplorerRecordPickerOption as a6, DataExplorerRecordPickerProps as a7, DataExplorerResolvedTheme as a8, DataExplorerResolver as a9, DataExplorerViewCollectionProps as aA, DataExplorerViewDefinition as aB, DataExplorerViewId as aC, DataExplorerViewItemDefinition as aD, DataExplorerViewItemProps as aE, DataExplorerViewItemShellClassNames as aF, DataExplorerViewItemShellProps as aG, DataExplorerViewOption as aH, DataExplorerViewProps as aI, DataExplorerViewRenderProps as aJ, DataExplorerViewShellClassNames as aK, DataExplorerViewShellProps as aL, DataExplorerViewTreeAction as aM, DataExplorerViewTreeActionContext as aN, DataExplorerViewTreeClassNames as aO, DataExplorerViewTreeEntryType as aP, DataExplorerViewTreeGroup as aQ, DataExplorerViewTreeLabels as aR, DataExplorerViewTreeNode as aS, DataExplorerViewTreeProps as aT, DataExplorerViewTreeReorderPayload as aU, DataExplorerSplitButtonProps as aV, DataExplorerDraggableTreeProps as aW, DataExplorerDraggableTreeClassNames as aX, DataExplorerDraggableTreeDragPayload as aY, DataExplorerDraggableTreeFlattenedNode as aZ, DataExplorerDraggableTreeLabels as a_, DataExplorerSelectClassNames as aa, DataExplorerSelectProps as ab, DataExplorerThemePresetId as ac, DataExplorerThemeSlots as ad, DataExplorerThemeStyles as ae, DataExplorerToolbarAction as af, DataExplorerToolbarActionItem as ag, DataExplorerToolbarActionKind as ah, DataExplorerToolbarActionOption as ai, DataExplorerToolbarActionsClassNames as aj, DataExplorerToolbarActionsLayout as ak, DataExplorerToolbarActionsProps as al, DataExplorerToolbarShellClassNames as am, DataExplorerToolbarShellProps as an, DataExplorerToolbarViewOption as ao, DataExplorerTreeClassNames as ap, DataExplorerTreeProps as aq, DataExplorerTreeRenderProps as ar, DataExplorerTreeShellClassNames as as, DataExplorerTreeShellProps as at, DataExplorerUploadSurfaceClassNames as au, DataExplorerUploadSurfaceProps as av, DataExplorerViewClassNames as aw, DataExplorerViewCollectionClassNames as ax, DataExplorerViewCollectionLayout as ay, DataExplorerViewCollectionOptions as az, DataExplorerActionBarProps as b, DataExplorerDraggableTreeRenderContext as b0, DataExplorerSplitButtonClassNames as b1, DataExplorerSplitButtonItem as b2, DataExplorerSurface as b3, DataExplorerAppearance as c, DataExplorerBackground as d, DataExplorerBorder as e, DataExplorerButtonClassNames as f, DataExplorerButtonProps as g, DataExplorerCapabilities as h, DataExplorerCheckboxClassNames as i, DataExplorerCheckboxProps as j, DataExplorerCollectionFooterClassNames as k, DataExplorerCollectionFooterProps as l, DataExplorerControlOption as m, DataExplorerControlTone as n, DataExplorerDataAttributes as o, DataExplorerDensity as p, DataExplorerDetailFieldClassNames as q, DataExplorerDetailFieldDefinition as r, DataExplorerDetailFieldProps as s, DataExplorerDetailNavigation as t, DataExplorerDetailSectionClassNames as u, DataExplorerDetailSectionDefinition as v, DataExplorerDetailSectionProps as w, DataExplorerDetailShellClassNames as x, DataExplorerDetailShellProps as y, DataExplorerDisplayAction as z };