/**
 * @zendir/ui - Layout Primitives
 *
 * Foundation layout components following Astro UX Design System spacing tokens.
 * Inspired by Apple's precision layout and Google Material's systematic spacing,
 * built for mission-critical space operations dashboards.
 *
 * Components:
 * - Box: Base layout container with theme-aware padding, margin, and styling
 * - Flex: Flexbox layout with gap, alignment, and wrapping
 * - Grid: CSS Grid with responsive columns and auto-fit
 * - Stack: Vertical or horizontal stack with consistent spacing
 * - Center: Centers content horizontally and vertically
 * - Spacer: Flexible space filler for Flex/Stack layouts
 * - Divider: Visual separator line
 *
 * All components support responsive props via array syntax:
 * - `columns={[1, 2, 3]}` → 1 col mobile, 2 col tablet, 3 col desktop
 * - `gap={['sm', 'md', 'lg']}` → sm mobile, md tablet, lg desktop
 */
export { Box } from './Box';
export type { BoxProps } from './Box';
export { Flex } from './Flex';
export type { FlexProps } from './Flex';
export { Grid } from './Grid';
export type { GridProps } from './Grid';
export { Stack, HStack, VStack } from './Stack';
export type { StackProps } from './Stack';
export { Center } from './Center';
export type { CenterProps } from './Center';
export { Spacer } from './Spacer';
export type { SpacerProps } from './Spacer';
export { Divider } from './Divider';
export type { DividerProps } from './Divider';
export { useBreakpoint, BREAKPOINTS } from './useBreakpoint';
export type { Breakpoint, ResponsiveValue } from './useBreakpoint';
export { resolveResponsive, resolveSpacing } from './responsive';
export type { SpacingToken } from './responsive';