export declare const itemMenuContainer: string;
export declare const itemRelative: string;
export declare const itemPadded: string;
export declare const itemCollapsed: string;
export declare const itemPinIcon: Record<"active" | "inactive", string>;
export declare const itemMenu: string;
export declare const itemMenuPinned: string;
export declare const itemContainerBase: string;
export declare const itemPaddingStack: string;
export declare const itemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
    expanding: {
        true: {
            selectors: {
                [x: string]: {
                    animation: `${string} ${number}ms ${number}ms cubic-bezier(0.5, 0, 0.1, 1) both, ${string} 250ms`;
                };
            };
        };
    };
    disabled: {
        true: {
            backgroundColor: "unset";
            cursor: "not-allowed";
        };
    };
    hasActive: {
        true: {
            backgroundColor: `var(--${string})`;
        };
    };
    isActive: {
        true: {
            backgroundColor: `var(--${string})`;
            selectors: {
                '&:hover': {
                    backgroundColor: `var(--${string})`;
                };
            };
        };
    };
    noExpand: {
        false: {
            cursor: "pointer";
        };
    };
}>;
export declare const itemShowDraggable: string;
export declare const itemShowPinButton: string;
export declare const itemWeakText: string;
export declare const itemVariants: import("@vanilla-extract/recipes").RuntimeFn<{
    showDraggableIcon: {
        true: string;
    };
    showPinIcon: {
        true: string;
    };
    shouldHaveWeakText: {
        true: string;
    };
}>;
export declare const itemDragIcon: string;
export declare const itemWrapText: import("@vanilla-extract/recipes").RuntimeFn<{
    animation: {
        collapse: {
            whiteSpace: "nowrap !important";
            opacity: number;
        };
        expand: {
            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.1, 1) both`;
        };
        false: {};
    };
    disabled: {
        true: {
            color: `var(--${string})`;
        };
    };
    weak: {
        true: {
            color: `var(--${string})`;
        };
    };
}>;
export declare const itemBadge: string;
export declare const itemPinnedButton: string;
export declare const itemMenuStack: string;
export declare const itemArrowIcon: string;
export declare const itemCategoryIcon: string;
//# sourceMappingURL=items.css.d.ts.map