import { ComponentSize } from '../util/component';
import { applyCSSVars, removeCSSVars } from './vars';
import { CSSGridBuilder } from './grid';
import { BEM } from './bem';
import { location, direction, spatial } from '@synnaxlabs/x/spatial';

export interface CSSType extends BEM {
    visible: (visible: boolean) => string;
    expanded: (expanded: boolean) => string;
    loc: (location: location.Crude) => string;
    align: (position: spatial.Alignment | "") => string;
    dir: (direction?: direction.Crude) => string | false;
    size: (size: ComponentSize | number) => string | false;
    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;
    editable: (editable: boolean) => string | false;
    noWrap: (noWrap: 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;
}
export declare const CSS: CSSType;
//# sourceMappingURL=css.d.ts.map