import { TNode } from '@tempots/dom';
/**
 * Shared flex modifier helpers that return TNode class attributes.
 * Use these composable helpers inside Stack or Group to control layout.
 *
 * @example
 * ```typescript
 * Stack(Gap('md'), Align('center'), child1, child2)
 * Group(Gap('sm'), Justify('between'), Wrap, child1, child2)
 * ```
 */
export type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
export type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
/** Set the gap between flex children. */
export declare function Gap(size: FlexGap): TNode;
/** Set cross-axis alignment (align-items). */
export declare function Align(align: FlexAlign): TNode;
/** Set main-axis distribution (justify-content). */
export declare function Justify(justify: FlexJustify): TNode;
/** Allow items to wrap to the next line. */
export declare const Wrap: TNode;
/** Prevent items from wrapping. */
export declare const NoWrap: TNode;
/** Allow the container to grow (flex-grow: 1). */
export declare const Grow: TNode;