import type { CSSProperties } from 'react';
/**
 * Shared class-name lookup tables for `Flex`/`Grid` (and their `.Item`/`.Col`
 * sub-components).
 *
 * These are intentionally plain object literals with fully spelled-out class
 * names (e.g. `'sm:col-span-6'`) rather than strings built with template
 * interpolation (e.g. `` `sm:col-span-${n}` ``). Tailwind's JIT compiler
 * discovers classes by statically scanning file text for literal substrings —
 * it does not execute this code — so any class name assembled at runtime
 * would never be generated into the final stylesheet. Keep every entry here
 * fully literal.
 */
export type ResponsiveGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
export type ResponsiveAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
export type ResponsiveJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
export type ResponsiveDirection = 'row' | 'row-reverse' | 'col' | 'col-reverse';
export type ResponsiveWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
export type ResponsiveOrder = 'first' | 'last' | number;
export declare const GAP_MAP: Record<ResponsiveGap, string>;
export declare const GAP_X_MAP: Record<ResponsiveGap, string>;
export declare const GAP_Y_MAP: Record<ResponsiveGap, string>;
export declare const ALIGN_MAP: Record<ResponsiveAlign, string>;
export declare const JUSTIFY_MAP: Record<ResponsiveJustify, string>;
export declare const DIRECTION_MAP: Record<ResponsiveDirection, string>;
export declare const WRAP_MAP: Record<ResponsiveWrap, string>;
/**
 * Resolves the `order` prop to inline styles when it's a raw number.
 *
 * `'first'` / `'last'` map to the static `order-first`/`order-last` Tailwind
 * utilities (safe, since those exact class names are literal elsewhere).
 * Arbitrary numeric orders can't be expressed as a safe literal class (the
 * value is unbounded), so they're applied as an inline `order` style instead
 * — that works regardless of what the consuming app's Tailwind build scans.
 */
export declare const resolveOrderStyle: (order?: ResponsiveOrder) => CSSProperties | undefined;
export declare const resolveOrderClassName: (order?: ResponsiveOrder) => string | undefined;
/** Width-fraction span classes used by `Flex.Item` (unprefixed / base breakpoint). */
export declare const FLEX_SPAN_MAP: Record<string, string>;
export declare const FLEX_SM_SPAN_MAP: Record<string, string>;
export declare const FLEX_MD_SPAN_MAP: Record<string, string>;
export declare const FLEX_LG_SPAN_MAP: Record<string, string>;
export declare const FLEX_XL_SPAN_MAP: Record<string, string>;
export declare const FLEX_XXL_SPAN_MAP: Record<string, string>;
/** `col-span-*` classes used by `Grid.Col` (unprefixed / base breakpoint). */
export declare const GRID_SPAN_MAP: Record<string, string>;
export declare const GRID_SM_SPAN_MAP: Record<string, string>;
export declare const GRID_MD_SPAN_MAP: Record<string, string>;
export declare const GRID_LG_SPAN_MAP: Record<string, string>;
export declare const GRID_XL_SPAN_MAP: Record<string, string>;
export declare const GRID_XXL_SPAN_MAP: Record<string, string>;
/**
 * Preset track-count classes for `Grid`'s `cols` prop. Each preset
 * progressively reveals more columns at wider breakpoints so a grid is
 * responsive out of the box without the caller specifying per-item spans.
 */
export declare const GRID_COLS_MAP: Record<string, string>;