export interface ResizableWidthOptions {
    /** 초기·기본 너비(px). 보존값이 없거나 min 미만이면 이 값으로 폴백. */
    initial: number;
    /** 최소 너비(px). 현재 고정 사이즈를 넣으면 그 이하로 줄지 않는다. */
    min: number;
    /** 최대 너비(px). 생략 시 상한 없음. */
    max?: number;
    /**
     * 핸들이 붙는 가장자리.
     * - `'right'`: 패널 우측 모서리 핸들(좌측 드로어). 오른쪽으로 끌면 넓어진다.
     * - `'left'`: 패널 좌측 모서리 핸들(우측 인스펙터). 왼쪽으로 끌면 넓어진다.
     */
    edge: 'left' | 'right';
    /** localStorage 보존 키. 생략 시 보존하지 않음. */
    storageKey?: string;
}
export declare function useResizableWidth(opts: ResizableWidthOptions): {
    width: import('vue').Ref<number, number>;
    dragging: import('vue').Ref<boolean, boolean>;
    startResize: (e: PointerEvent) => void;
};