# Cerberus Design System Documentation

@doc-version: 0.21.2
@doc-version-notes: Some features may have extended or refined behavior in minor or patch releases

## Docs
### Get Started
- [Installation](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/get-started/%5Bslug%5D/content/installation.mdx)
- [FAQ](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/get-started/%5Bslug%5D/content/faq.mdx)
- [Contributing](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/get-started/%5Bslug%5D/content/contributing.mdx)
- [LLMS.txt](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/get-started/%5Bslug%5D/content/llms.mdx)
### Components
- [Overview](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/overview.mdx)
- [Composition](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/composition.mdx)
- [Testing](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/testing.mdx)
- [Aspect Ratio](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/aspect-ratio.mdx)
- [Bleed](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/bleed.mdx)
- [Box](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/box.mdx)
- [Center](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/center.mdx)
- [Container](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/container.mdx)
- [Divider](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/divider.mdx)
- [Flex](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/flex.mdx)
- [Float](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/float.mdx)
- [Grid](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/grid.mdx)
- [Link Overlay](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/link-overlay.mdx)
- [Scrollable](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/scrollable.mdx)
- [Stack](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/stack.mdx)
- [Wrap](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/wrap.mdx)
- [Accordion](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/accordion.mdx)
- [Admonition](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/admonition.mdx)
- [Avatar](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/avatar.mdx)
- [Button](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/button.mdx)
- [Carousel](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/carousel.mdx)
- [Checkbox](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/checkbox.mdx)
- [Combobox](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/combobox.mdx)
- [Confirm Modal](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/confirm-modal.mdx)
- [CTAModal](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/cta-modal.mdx)
- [Date Picker](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/date-picker.mdx)
- [Dialog](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/dialog.mdx)
- [Field](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/field.mdx)
- [Fieldset](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/fieldset.mdx)
- [File Uploader](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/file-uploader.mdx)
- [Icon Button](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/icon-button.mdx)
- [Input](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/input.mdx)
- [Loading States](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/loading-states.mdx)
- [Menu](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/menu.mdx)
- [Notifications](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/notifications.mdx)
- [Number Input](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/number-input.mdx)
- [Pin Input](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/pin-input.mdx)
- [Progress](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/progress.mdx)
- [Prompt Modal](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/prompt-modal.mdx)
- [Radio](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/radio.mdx)
- [Rating](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/rating.mdx)
- [Select](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/select.mdx)
- [Switch](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/switch.mdx)
- [Table](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/table.mdx)
- [Tabs](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/tabs.mdx)
- [Tag](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/tag.mdx)
- [Text](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/text.mdx)
- [Textarea](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/textarea.mdx)
- [Toggle](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/toggle.mdx)
- [Tooltip](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/tooltip.mdx)
- [Feature Flags](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/feature-flags.mdx)
- [For](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/for.mdx)
- [Local Storage](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/local-storage.mdx)
- [Portal](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/portal.mdx)
- [Show](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/show.mdx)
- [splitProps](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/split-props.mdx)
- [Theme](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/components/%5Bslug%5D/content/theme.mdx)
### Styling
- [Cerberus Factory](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/cerberus-factory.mdx)
- [Responsive Design](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/responsive-design.mdx)
- [CSS Variables](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/css-vars.mdx)
- [Themes & Color Modes](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/theme-mode.mdx)
- [Color Opacity Modifier](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/color-opacity-modifier.mdx)
- [Conditional Styles](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/conditional-styles.mdx)
- [Virtual Color](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/virtual-color.mdx)
- [Cascade Layers](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/cascade-layers.mdx)
- [Animation Styles](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/animation-styles.mdx)
- [Text Styles](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/text-styles.mdx)
- [Background](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/background.mdx)
- [Border](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/border.mdx)
- [Effects](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/effects.mdx)
- [Spacing](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/spacing.mdx)
- [Transitions](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/transitions.mdx)
- [Z-Index](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/styling/%5Bslug%5D/content/z-index.mdx)
### Theming
- [Overview](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/overview.mdx)
- [Tokens](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/tokens.mdx)
- [Semantic Tokens](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/semantic-tokens.mdx)
- [Recipes](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/recipes.mdx)
- [Slot Recipes](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/slot-recipes.mdx)
- [Animations](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/animations.mdx)
- [Colors](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/colors.mdx)
- [Gradients](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/gradients.mdx)
- [Spacing](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/spacing.mdx)
- [Shadows](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/shadows.mdx)
- [Z-Index](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/docs/theming/%5Bslug%5D/content/z-index.mdx)
## Blog
- [Cerberus v21 Release](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/blog/%5Bslug%5D/content/v21-release.mdx)
- [Cerberus v19 Release](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/blog/%5Bslug%5D/content/v19-release.mdx)
- [Cerberus v18 Release](https://raw.githubusercontent.com/omnifed/cerberus/refs/heads/main/docs/app/blog/%5Bslug%5D/content/v18-release.mdx)