import type { BreakpointKeys } from '@toptal/picasso-provider';
import type { LabelColumnSize, ResponsiveLabelColumnSize } from '@toptal/picasso-form-layout';
export declare const getLabelWithName: (breakpoint: BreakpointKeys) => string;
export declare const FORM_LABEL_WIDTH_CSS_VARIABLE = "--form-label-width";
/**
 * Generates style attribute `--form-label-width--${breakpoint}` for each breakpoint from labelWidth prop
 */
export declare const createLabelWidthStyles: (labelWidth: LabelColumnSize | ResponsiveLabelColumnSize) => Record<string, LabelColumnSize | BreakpointKeys>;
export declare const horizontalLayoutClasses = "\n  grid w-full gap-x-[32px] gap-y-0 grid-rows-[auto_auto] \n  grid-cols-[calc(4.25rem*var(--form-label-width,3))_1fr]\n  [grid-template-areas:\"label_input\"_\"hint_error\"]\n\n  xs:[--form-label-width:var(--form-label-width--xs)]\n  sm:[--form-label-width:var(--form-label-width--sm)]\n  md:[--form-label-width:var(--form-label-width--md)]\n  lg:[--form-label-width:var(--form-label-width--lg)]\n  xl:[--form-label-width:var(--form-label-width--xl)]\n  ";
//# sourceMappingURL=styles.d.ts.map