import type { PaletteProps } from "../../Theme/tokens/types";
type RailColors = Pick<PaletteProps, "focusRing" | "sidebar">;
/** The ring is derived for the canvas; the rail is near-black in both modes, so it is re-settled against the rail. */
export declare const sidebarFocusRing: (colors: RailColors, surface?: string) => {
    focusRing: {
        ring: string;
        halo: string;
    };
};
/** `focusVisibleStyles` for a control sitting on the rail (or on `surface`, e.g. the flyout). */
export declare const sidebarFocusStyles: (colors: RailColors, surface?: string) => {
    _focusVisible: {
        outline: string;
        outlineOffset: string;
        boxShadow: string;
    };
    "&:hover:focus-visible, &:active:focus-visible, &[data-active]:focus-visible": {
        outline: string;
        outlineOffset: string;
        boxShadow: string;
    };
};
export {};