import { type Context } from 'react';
import type { ResizeBounds } from './panel-splitter/types';
export type LayoutArea = 'side-nav' | 'panel' | 'chat-panel';
export type LayoutAreaMode = 'inline' | 'overlay';
export type LayoutWidthBound = number | `${number}px` | `${number}vw`;
export type LayoutAreaConfig = {
    /**
     * Controlled requested width. Allocation may constrain it without changing the request.
     */
    requestedWidth?: number;
    defaultWidth: number;
    compactDefaultWidth?: number;
    minWidth: LayoutWidthBound;
    maxWidth?: LayoutWidthBound;
    isOpen: boolean;
    onRequestClose?: () => void;
};
export type StoredLayoutArea = LayoutAreaConfig & {
    /**
     * Local panels share this preference across inline and overlay modes.
     * SideNav and ChatPanel retain separate overlay preferences.
     */
    preferredWidth?: number;
    preferredOverlayWidth?: number;
    liveResize?: {
        mode: LayoutAreaMode;
        width: number;
    };
};
/**
 * One resize transaction. Keep its starting widths for controlled rejection,
 * and its resulting widths for synchronous or delayed acknowledgement.
 */
export type ResizeSession = {
    area: LayoutArea;
    baselineWidths: Partial<Record<LayoutArea, number>>;
    /**
     * Overlay resizing changes only its surface width, not the inline layout modes.
     * Retain these modes until a layout/configuration change ends the transaction.
     */
    overlayModes?: Partial<Record<LayoutArea, LayoutAreaMode>>;
    completedWidth?: number;
    completedWidths?: Partial<Record<LayoutArea, number>>;
};
export type LayoutAreaState = {
    mode: LayoutAreaMode;
    width: number;
    minWidth: number;
};
export type LayoutAreaAllocation = LayoutAreaState & {
    resizeBounds: {
        min: number;
        max: number;
    };
};
export type LayoutAreaSizingContextValue = {
    /**
     * Registers a lazy-loading trigger without requesting the sizing runtime.
     */
    registerSplitter?: (element: HTMLElement) => () => void;
    prepareResize?: () => Promise<boolean>;
    getResizeBounds: (area: LayoutArea) => ResizeBounds | undefined;
    registerArea: (area: LayoutArea, config: LayoutAreaConfig) => void;
    unregisterArea: (area: LayoutArea) => void;
    startResize: (area: LayoutArea, mode: LayoutAreaMode) => void;
    resize: (area: LayoutArea, mode: LayoutAreaMode, width: number) => void;
    completeResize: (area: LayoutArea, mode: LayoutAreaMode, width: number) => void;
    setMainMinWidth: (minWidth: LayoutWidthBound) => void;
};
export declare const LayoutAreaSizingContext: Context<LayoutAreaSizingContextValue | null>;