import { ElementCreator, PartsMap } from 'tosijs';
import { SvgIcon } from './icons.js';
interface PocketBarParts extends PartsMap {
    handle: HTMLButtonElement;
    handleIcon: SvgIcon;
    bar: HTMLDivElement;
}
declare const TosiPocketBar_base: import("tosijs").WithAttributes<{
    icon: string;
    direction: string;
    open: boolean;
}>;
export declare class TosiPocketBar extends TosiPocketBar_base<PocketBarParts> {
    static preferredTagName: string;
    private pinned;
    private get vertical();
    private get resolvedIcon();
    private get floatPosition();
    reposition: () => void;
    private setOpen;
    private handlePointerEnter;
    private handlePointerLeave;
    private handleFocusIn;
    private handleFocusOut;
    /**
     * Close the bar and clear the pin — the supported way for a host to dismiss it.
     *
     * A host that wrote `bar.open = false` directly left `pinned` true, and then
     * `handlePointerLeave`'s `!this.pinned` guard never fired: the bar re-opened on hover and
     * STAYED open, and the next handle click was dead (it flipped `pinned` false and closed an
     * already-closed bar). On touch, where this release removed the hover path entirely, that
     * left no way back at all. `open` alone was never sufficient state; `pinned` is what the
     * pointer/focus handlers actually consult.
     */
    close: () => void;
    toggle: (event?: Event) => void;
    private handleOutsidePointer;
    private handleScrollResize;
    content: () => (HTMLDivElement | HTMLButtonElement)[];
    static shadowStyleSpec: {
        ':host': {
            display: string;
            position: string;
            opacity: string;
            transition: string;
        };
        ':host([open])': {
            opacity: string;
        };
        ':host [part="handle"]': {
            display: string;
            alignItems: string;
            justifyContent: string;
            padding: string;
            border: string;
            margin: string;
            cursor: string;
            color: string;
            background: string;
            backdropFilter: string;
            borderRadius: string;
            width: string;
            height: string;
            transition: string;
        };
        ':host [part="bar"]': {
            position: string;
            display: string;
            gap: string;
            padding: string;
            background: string;
            backdropFilter: string;
            borderRadius: string;
            boxShadow: string;
            opacity: string;
            pointerEvents: string;
            transform: string;
            transition: string;
        };
        ':host([open]) [part="bar"]': {
            opacity: string;
            pointerEvents: string;
            transform: string;
        };
        '::slotted(button), ::slotted(label)': {
            display: string;
            alignItems: string;
            gap: string;
            padding: string;
            margin: string;
            border: string;
            background: string;
            color: string;
            font: string;
            cursor: string;
            borderRadius: string;
            transition: string;
        };
        '::slotted(button:hover), ::slotted(label:hover)': {
            background: string;
        };
        '::slotted(label:has(input[type="checkbox"]:not(:checked)))': {
            opacity: string;
            filter: string;
        };
    };
    connectedCallback(): void;
    disconnectedCallback(): void;
    render(): void;
}
export declare const tosiPocketBar: ElementCreator<TosiPocketBar>;
export {};