\n \n \n );\n}\n```\n\n## Component Features\n\n### Stack Components\n- **Flexible Alignment**: Control horizontal and vertical alignment\n- **Spacing Control**: Consistent gaps and padding using design tokens\n- **Responsive Behavior**: Automatic layout switching based on breakpoints\n- **Size Control**: Flexible width, height, and growth/shrink behavior\n\n### Grid System\n- **Automatic Sizing**: Items automatically size based on container\n- **Column Control**: Specify exact column amounts or let it auto-fill\n- **Gap Management**: Consistent spacing between grid items\n- **Responsive Grid**: Adapts to different screen sizes\n\n### Table System\n- **Customizable Columns**: Define column behavior and rendering\n- **Sticky Headers**: Headers that stick during scrolling\n- **Row Highlighting**: Built-in support for selected rows\n- **Flexible Cell Rendering**: Custom renderers for headers, cells, and footers\n\n## Design System Integration\n\nAll components automatically integrate with:\n- **Spacing Scale**: Consistent margins, padding, and gaps\n- **Color System**: Primary, secondary, and accent color schemes\n- **Typography**: Font sizes and weights that match your design\n- **Scalar Support**: Automatic scaling for different screen densities\n- **Theme Support**: Light and dark theme compatibility\n\n## Responsive Features\n\n- **Breakpoint System**: Automatic layout switching at defined breakpoints\n- **Mobile First**: Designed with mobile devices in mind\n- **Flexible Sizing**: Components that adapt to container sizes\n- **Touch Friendly**: Optimized for touch interactions\n\n## Accessibility Features\n\n- **Semantic Markup**: Proper HTML structure for screen readers\n- **ARIA Support**: Built-in ARIA attributes and roles\n- **Keyboard Navigation**: Full keyboard support for interactive elements\n- **Focus Management**: Clear focus indicators and focus trapping\n\n## When to Use\n\nChoose `@tcn/ui-layout` when you need:\n- Flexible, responsive layouts for your application\n- Consistent spacing and alignment across components\n- Complex grid-based layouts\n- Data tables with custom rendering\n- Components that adapt to different screen sizes\n- Layout primitives that integrate with your design system\n\n## Customization\n\nComponents support extensive customization through:\n- **CSS Custom Properties**: Dynamic styling changes\n- **CSS Modules**: Scoped styling with design system integration\n- **Props Interface**: Flexible configuration through component props\n- **Theme Integration**: Automatic adaptation to different themes\n- **Layout Options**: Flexible arrangement and spacing controls\n\n## Performance\n\n- **Efficient Rendering**: Minimal re-renders and optimized updates\n- **Bundle Optimization**: Tree-shakeable components for smaller bundles\n- **Memory Management**: Proper cleanup and event handling\n- **Lazy Loading**: Support for on-demand component loading\n\n## License\n\nApache-2.0\n","readmeFilename":"README.md"}