export type BorderStyle = "solid" | "dashed" | "dotted";
export interface BorderSides {
    top: boolean;
    right: boolean;
    bottom: boolean;
    left: boolean;
}
export interface BorderDraft {
    sides: BorderSides;
    style: BorderStyle;
    widthPx: number;
    hex: string;
}
export interface TableBorderPopoverProps {
    x: number;
    y: number;
    initial: BorderDraft;
    /** Up to 4 previously-committed border colours, most-recent first - same pattern as the other colour buckets. */
    recentColors?: readonly string[];
    /** Fires on every change (a side toggled, style/width picked, or a colour drag frame) - the caller live-previews it on the real cell(s), same pattern as the plain colour picker's onPreview. */
    onPreview: (draft: BorderDraft) => void;
    /** Fires once, only from the explicit Apply button - unlike ColorPickerPopover, this composite dialog (four independent fields assembled together) commits on a deliberate action, not on any dismissal. */
    onApply: (draft: BorderDraft) => void;
    /** Fires from Cancel, Escape, or an outside click - reverts to `initial`. */
    onCancel: () => void;
}
export declare const BORDER_WIDTH_PRESETS: readonly [{
    readonly id: "thin";
    readonly label: "Thin";
    readonly px: 2;
}, {
    readonly id: "medium";
    readonly label: "Medium";
    readonly px: 3;
}, {
    readonly id: "thick";
    readonly label: "Thick";
    readonly px: 4;
}];
/**
 * "Border options" - one popover combining every dimension of a cell
 * border, replacing what used to be a separate toolbar-dropdown width
 * <select> and a standalone "Border colour" item. table_cell.attrs only
 * ever stored ONE uniform border for all four sides (`borders`) - "which
 * sides get a border" (per-cell top/right/bottom/left) needed new per-side
 * schema attrs (borderTop/Right/Bottom/Left), added specifically to back
 * this control (see docs/bugs/table-cell-border-color-width-no-ui.md's
 * addendum). One style/width/colour choice applies to whichever sides are
 * toggled on here, rather than letting all four vary independently - real
 * border dialogs (Word, Google Docs) default to this simpler mode too, and
 * a fully independent 4-way style/width/colour matrix wasn't asked for.
 *
 * The colour swatch opens the existing ColorPickerPopover completely
 * unmodified, as a nested popover anchored to the swatch - the dismiss/
 * Escape handling below explicitly accounts for it being a DOM sibling
 * (both are position:fixed overlays, so `rootRef.contains()` alone would
 * never recognize a click inside it as "inside" this popover).
 */
export declare function TableBorderPopover({ x, y, initial, recentColors, onPreview, onApply, onCancel }: TableBorderPopoverProps): import("react/jsx-runtime").JSX.Element;