/** Style constants for the layer dropdown UI */
export declare const DROPDOWN_CONTAINER_STYLES: Record<string, string>;
export declare const DROPDOWN_ITEM_BASE_STYLES: Record<string, string>;
export declare const DROPDOWN_ITEM_ACTIVE_COLOR = "#526cff";
export declare const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
export declare const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
export declare const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
export declare const DEPTH_INDENT_PX = 10;
/** SVG chevron shown when dropdown is collapsed (click to expand) */
export declare const CHEVRON_COLLAPSED = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" style=\"vertical-align:middle;margin-left:4px\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"/></svg>";
/** SVG chevron shown when dropdown is expanded (click to collapse) */
export declare const CHEVRON_EXPANDED = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" style=\"vertical-align:middle;margin-left:4px\"><path d=\"M18 15l-6-6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"/></svg>";
export declare const CHEVRON_ATTR = "data-chevron";
export declare const BASE_PADDING_PX = 12;
export declare const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
/** Max instrumented ancestors to show above the selected element */
export declare const MAX_PARENT_DEPTH = 2;
/** Max instrumented depth levels to show below the selected element */
export declare const MAX_CHILD_DEPTH = 2;
//# sourceMappingURL=consts.d.ts.map