import '@dxos/lit-grid/dx-grid.pcss';
import { type EventName } from '@lit/react';
import { type Scope } from '@radix-ui/react-context';
import React, { type ComponentProps, type PropsWithChildren } from 'react';
import { type DxAxisResize, type DxEditRequest, type DxGridCellsSelect, DxGrid as NaturalDxGrid } from '@dxos/lit-grid';
type DxGridElement = NaturalDxGrid;
declare const DxGrid: import("@lit/react").ReactWebComponent<NaturalDxGrid, {
    onAxisResize: EventName<DxAxisResize>;
    onEdit: EventName<DxEditRequest>;
    onSelect: EventName<DxGridCellsSelect>;
}>;
type GridEditBox = DxEditRequest['cellBox'];
type GridEditing = {
    index: DxEditRequest['cellIndex'];
    cellElement: DxEditRequest['cellElement'];
    initialContent: DxEditRequest['initialContent'];
} | null;
type GridContextValue = {
    id: string;
    editing: GridEditing;
    setEditing: (nextEditing: GridEditing) => void;
    editBox: GridEditBox;
    setEditBox: (nextEditBox: GridEditBox) => void;
};
type GridScopedProps<P> = P & {
    __gridScope?: Scope;
};
declare const createGridScope: import("@radix-ui/react-context").CreateScope;
declare const useGridContext: (consumerName: string, scope: Scope<GridContextValue | undefined>) => GridContextValue;
type GridRootProps = PropsWithChildren<{
    id: string;
} & Partial<{
    editing: GridEditing;
    defaultEditing: GridEditing;
    onEditingChange: (nextEditing: GridEditing) => void;
}>>;
declare const GridRoot: {
    ({ id, editing: propsEditing, defaultEditing, onEditingChange, children, __gridScope, }: GridScopedProps<GridRootProps>): React.JSX.Element;
    displayName: string;
};
type GridContentProps = Omit<ComponentProps<typeof DxGrid>, 'onEdit'> & {
    getCells?: NaturalDxGrid['getCells'];
    activeRefs?: string;
};
declare const GridContent: React.ForwardRefExoticComponent<Omit<GridScopedProps<GridContentProps>, "ref"> & React.RefAttributes<NaturalDxGrid>>;
declare const gridSeparatorInlineEnd = "[&>.dx-grid]:relative [&>.dx-grid]:after:absolute [&>.dx-grid]:after:inset-block-0 [&>.dx-grid]:after:-inline-end-px [&>.dx-grid]:after:is-px [&>.dx-grid]:after:bg-subduedSeparator";
declare const gridSeparatorBlockEnd = "[&>.dx-grid]:relative [&>.dx-grid]:before:absolute [&>.dx-grid]:before:inset-inline-0 [&>.dx-grid]:before:-block-end-px [&>.dx-grid]:before:bs-px [&>.dx-grid]:before:bg-subduedSeparator";
export declare const Grid: {
    Root: {
        ({ id, editing: propsEditing, defaultEditing, onEditingChange, children, __gridScope, }: GridScopedProps<GridRootProps>): React.JSX.Element;
        displayName: string;
    };
    Content: React.ForwardRefExoticComponent<Omit<GridScopedProps<GridContentProps>, "ref"> & React.RefAttributes<NaturalDxGrid>>;
};
export { GridRoot, GridContent, useGridContext, createGridScope, gridSeparatorInlineEnd, gridSeparatorBlockEnd };
export type { GridRootProps, GridContentProps, GridEditing, GridEditBox, GridScopedProps, DxGridElement };
export { colToA1Notation, rowToA1Notation, closestCell, commentedClassName, toPlaneCellIndex, parseCellIndex, cellQuery, } from '@dxos/lit-grid';
export type { DxGridRange, DxGridAxisMeta, DxAxisResize, DxGridCells, DxGridPlaneRange, DxGridPlaneCells, DxGridCellIndex, DxGridPlaneCellIndex, DxGridCellValue, DxGridPlane, DxGridPosition, DxGridPlanePosition, DxGridAxis, } from '@dxos/lit-grid';
//# sourceMappingURL=Grid.d.ts.map