import { type RecipeVariants } from '@vanilla-extract/recipes';
export declare const collapseButton: string;
export declare const collapseButtonStateRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    state: {
        collapsed: {
            width: `var(--${string})`;
            paddingInline: number;
        };
        expanded: {
            paddingInline: `var(--${string})`;
            width: "auto";
        };
    };
}>;
export type CollapseButtonStateVariants = RecipeVariants<typeof collapseButtonStateRecipe>;
export declare const collapseButtonLabel: string;
export declare const collapsibleSection: string;
export declare const collapsibleStateRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    state: {
        expanded: {
            gridTemplateRows: "1fr";
            opacity: number;
        };
        collapsed: {
            gridTemplateRows: "0fr";
            opacity: number;
            pointerEvents: "none";
        };
    };
}>;
export type CollapsibleStateVariants = RecipeVariants<typeof collapsibleStateRecipe>;
export declare const collapsibleContent: string;
export declare const collapsibleItem: string;
export declare const itemWrapper: string;
export declare const navButton: string;
export declare const navLinkRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    state: {
        default: string;
        active: string;
    };
}>;
export type NavLinkVariants = RecipeVariants<typeof navLinkRecipe>;
export declare const navGapRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    state: {
        collapsed: string;
        expanded: string;
    };
}>;
export type NavGapVariants = RecipeVariants<typeof navGapRecipe>;
export declare const navWithTrailingAction: string;
export declare const label: string;
export declare const iconWrapper: string;
export declare const iconBaseLayer: string;
export declare const iconHiddenOnHover: string;
export declare const iconVisibleOnHover: string;
export declare const trailingIconWrapper: string;
export declare const trailingActionButton: string;
export declare const trailingActionIconWrapper: string;
export declare const trailingActionIconHidden: string;
export declare const trailingActionIconVisible: string;
export declare const childLinkRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
    state: {
        default: string;
        active: string;
    };
}>;
export type ChildLinkVariants = RecipeVariants<typeof childLinkRecipe>;
export declare const childIcon: string;
export declare const childLabel: string;
//# sourceMappingURL=navigationSidebar.css.d.ts.map