import { color, direction, location, spatial } from '@synnaxlabs/x';
import { BEM } from './bem';
import { CSSGridBuilder } from './grid';
import { applyCSSVars, removeCSSVars } from './vars';
import { text } from '../text/base';
export interface CSSType extends BEM {
    visible: (visible: boolean) => string;
    expanded: (expanded: boolean) => string;
    level: (level: text.Level) => string;
    loc: (location: location.Crude) => string;
    align: (position: spatial.Alignment | "") => string;
    dir: (direction?: direction.Crude) => string | false;
    clickable: (shade?: text.Shade) => string;
    sharp: (sharp?: boolean) => string | false;
    disabled: (disabled?: boolean) => string | false;
    rounded: (rounded?: boolean) => string | false;
    bordered: (location?: location.Crude | spatial.Alignment | boolean) => string | false;
    noSelect: string;
    selected: (selected: boolean) => string | false;
    altColor: (secondary: boolean) => string | false;
    editable: (editable: boolean) => string | false;
    applyVars: typeof applyCSSVars;
    removeVars: typeof removeCSSVars;
    newGridBuilder: (prefix?: string) => CSSGridBuilder;
    inheritDims: (inherit?: boolean) => string | false;
    dropRegion: (active: boolean) => false | string;
    triggerExclude: (value: boolean) => string | false;
    px: (value: number) => string;
    shade: ((value: text.Shade) => string) & ((value?: text.Shade) => string | false);
    colorVar: (value?: false | text.Shade | color.Crude) => string | undefined;
    levelSizeVar: (value: string) => string;
}
export declare const CSS: CSSType;
//# sourceMappingURL=css.d.ts.map