/**
 * Shared visual style for the checkbox control.
 *
 * Works in two contexts:
 *  1. **Standalone** – applied directly on `Checkbox.Root` (a `<button>`).
 *     The root itself carries `data-state` / `data-disabled`, so `&[data-state="checked"]`
 *     and `&:hover` selectors apply.
 *  2. **Dropdown** – applied on a `<span>` inside `DropdownMenu.CheckboxItem`.
 *     The parent item carries `data-state` / `data-highlighted`, so
 *     `[data-state="checked"] &` and `[data-highlighted] &` selectors apply.
 *
 * Both selector sets coexist without conflict because:
 *  - In the standalone context there is no `[data-highlighted]` ancestor.
 *  - In the dropdown context the span itself never has `data-state`.
 */
export declare const CHECKBOX_VISUAL_STYLES: {
    root: string;
};