import { TNode, Value } from '@tempots/dom';
import { ControlSize } from '../../theme';
import { ThemeColorName } from '@/tokens';
export declare function generateInputContainerInputClasses(baseContainer: boolean, size: ControlSize): string;
export declare const InputContainer: ({ baseContainer, disabled, input, before, after, hasError, focusableSelector, growInput, size, }: {
    disabled?: Value<boolean>;
    input: TNode;
    before?: TNode;
    after?: TNode;
    hasError?: Value<boolean>;
    focusableSelector?: string;
    growInput?: Value<boolean>;
    baseContainer?: Value<boolean>;
    size?: Value<ControlSize>;
}, ...children: TNode[]) => import("@tempots/dom").Renderable;
export declare function InputIcon({ icon, size, color, }: {
    icon: Value<string>;
    size?: Value<ControlSize>;
    color?: Value<ThemeColorName>;
}): import("@tempots/dom").Renderable;
