export declare const comboboxStyles: {
    /** Root wrapper */
    readonly root: "flex flex-col gap-1.5";
    /** Trigger base — shared layout/typography for all variants. */
    readonly trigger: string;
    /** Variant: default — bordered form input look. */
    readonly triggerDefault: string;
    /** Variant: ghost — borderless, hover-only surface. */
    readonly triggerGhost: string;
    /** Variant: link — text-only trigger. */
    readonly triggerLink: string;
    /** Trigger with error state */
    readonly triggerError: "border-accent2 hover:border-accent2 focus-visible:border-accent2";
    /** Chevron icon in trigger */
    readonly chevron: "ml-2 h-4 w-4 shrink-0 text-neutral3 opacity-70";
    /** Placeholder text color */
    readonly placeholder: "text-neutral3";
    /** Popup container — concentric with rounded-xl + p-1 (8px items inside 12px container). */
    readonly popup: string;
    /** Positioner */
    readonly positioner: "z-50 pointer-events-auto";
    /** Search input container — borderless top section, hairline divider below. */
    readonly searchContainer: string;
    /** Search icon */
    readonly searchIcon: string;
    /** Search input */
    readonly searchInput: string;
    /** Empty state */
    readonly empty: "not-empty:block hidden py-4 text-center text-ui-smd text-neutral3";
    /** Options list */
    readonly list: "max-h-dropdown-max-height overflow-y-auto overflow-x-hidden p-1";
    /** Option item base — rounded-md sits concentrically inside rounded-xl + p-1. */
    readonly item: string;
    /** Multi-select item — keeps the left checkbox slot, no right indicator. */
    readonly itemMulti: string;
    /** Right-aligned slot grouping end content + selection check. */
    readonly itemRightSlot: "ml-auto flex items-center gap-2 shrink-0";
    /** Check indicator container — inline, fixed 16x16, shown only when item is selected. */
    readonly checkContainer: "flex h-4 w-4 shrink-0 items-center justify-center text-accent1";
    /** Check icon (single select) */
    readonly checkIcon: "h-3.5 w-3.5";
    /** Checkbox container (multi select) */
    readonly checkbox: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border";
    /** Checkbox selected state */
    readonly checkboxSelected: "bg-accent1 border-accent1";
    /** Checkbox unselected state */
    readonly checkboxUnselected: "border-border2";
    /** Check icon for checkbox (multi select) */
    readonly checkboxIcon: "h-3 w-3 text-surface1";
    /** Option content wrapper */
    readonly optionContent: "flex items-center gap-2 w-full min-w-0";
    /** Option label/description wrapper */
    readonly optionText: "flex flex-col gap-0.5 min-w-0";
    /** Option label */
    readonly optionLabel: "truncate";
    /** Option description */
    readonly optionDescription: "text-ui-sm text-neutral3 truncate";
    /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */
    readonly optionEnd: "ml-auto flex items-center shrink-0";
    /** Error message */
    readonly error: "text-ui-sm text-accent2";
};
