{"data":{"designComponentDocs":{"edges":[{"node":{"frontmatter":{"title":"Accordion","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/accordion.mdx","fields":{"slug":"/design/accordion/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Formatting"},{"depth":2,"value":"Content"},{"depth":2,"value":"Behaviors"},{"depth":2,"value":"Interactions"},{"depth":2,"value":"Design Customization"}]}},{"node":{"frontmatter":{"title":"Alert","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/alert.mdx","fields":{"slug":"/design/alert/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Responsive Behavior"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Badge","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/badge.mdx","fields":{"slug":"/design/badge/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Text Badges"},{"depth":2,"value":"Counters"},{"depth":2,"value":"Color"}]}},{"node":{"frontmatter":{"title":"Banner","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/banner.mdx","fields":{"slug":"/design/banner/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Responsive Behavior"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Breadcrumb","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/breadcrumb.mdx","fields":{"slug":"/design/breadcrumb/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Responsive Behavior"}]}},{"node":{"frontmatter":{"title":"Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/button.mdx","fields":{"slug":"/design/button/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Types"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Button Colors"},{"depth":2,"value":"Button States"},{"depth":2,"value":"Hierarchy and Placement"},{"depth":2,"value":"Responsive Behavior"}]}},{"node":{"frontmatter":{"title":"ButtonGroup","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/buttongroup.mdx","fields":{"slug":"/design/buttongroup/"},"headings":[{"depth":2,"value":"Options"},{"depth":2,"value":"Usage Guidelines"}]}},{"node":{"frontmatter":{"title":"Card","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/card.mdx","fields":{"slug":"/design/card/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Depth"},{"depth":2,"value":"Scrolling"},{"depth":2,"value":"Actions"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Callout Cards"},{"depth":2,"value":"Card Groups"}]}},{"node":{"frontmatter":{"title":"Character Counter","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/character-counter.mdx","fields":{"slug":"/design/character-counter/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Component Behavior"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Checkbox","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/checkboxes.mdx","fields":{"slug":"/design/checkboxes/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Parent and Child Checkboxes"},{"depth":2,"value":"States"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Inverse"}]}},{"node":{"frontmatter":{"title":"Combobox","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/combobox.mdx","fields":{"slug":"/design/combobox/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Multi Combobox"}]}},{"node":{"frontmatter":{"title":"Date Picker","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/date-picker.mdx","fields":{"slug":"/design/date-picker/"},"headings":[{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Input States"},{"depth":2,"value":"Sizes"}]}},{"node":{"frontmatter":{"title":"Dropdown","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/dropdown.mdx","fields":{"slug":"/design/dropdown/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Button Types"},{"depth":2,"value":"Positioning & Alignment"}]}},{"node":{"frontmatter":{"title":"Dropzone","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/dropzone.mdx","fields":{"slug":"/design/dropzone/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Uploaded Files"},{"depth":2,"value":"Validation"}]}},{"node":{"frontmatter":{"title":"Empty State","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/empty-state.mdx","fields":{"slug":"/design/empty-state/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Additional Content"},{"depth":2,"value":"Button Hierarchy"},{"depth":2,"value":"Color Modes"},{"depth":2,"value":"Content Guidelines"},{"depth":2,"value":"Use Cases"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Icon","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/icon.mdx","fields":{"slug":"/design/icon/"},"headings":[{"depth":2,"value":"Icon Resources"},{"depth":2,"value":"Sizing"},{"depth":2,"value":"Color"},{"depth":2,"value":"Alignment"}]}},{"node":{"frontmatter":{"title":"Indeterminate Checkbox","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/indeterminate.mdx","fields":{"slug":"/design/indeterminate/"},"headings":[{"depth":2,"value":"Usage"}]}},{"node":{"frontmatter":{"title":"Input","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/input.mdx","fields":{"slug":"/design/input/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Principles"},{"depth":2,"value":"Types"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Input States"},{"depth":2,"value":"Sizes"}]}},{"node":{"frontmatter":{"title":"List","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/list.mdx","fields":{"slug":"/design/list/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Content"},{"depth":2,"value":"Styling"}]}},{"node":{"frontmatter":{"title":"Loading Indicator","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/loading-indicator.mdx","fields":{"slug":"/design/loading-indicator/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Types"},{"depth":2,"value":"Behavior"}]}},{"node":{"frontmatter":{"title":"Modal","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/modal.mdx","fields":{"slug":"/design/modal/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Behaviors"}]}},{"node":{"frontmatter":{"title":"Native Select","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/native-select.mdx","fields":{"slug":"/design/native-select/"},"headings":[{"depth":2,"value":"Usage"}]}},{"node":{"frontmatter":{"title":"Password Input","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/password-input.mdx","fields":{"slug":"/design/password-input/"},"headings":[{"depth":2,"value":"Anatomy"}]}},{"node":{"frontmatter":{"title":"Progress Bar","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/progress-bar.mdx","fields":{"slug":"/design/progress-bar/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Behavior"},{"depth":2,"value":"Colors"}]}},{"node":{"frontmatter":{"title":"Radio Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/radio.mdx","fields":{"slug":"/design/radio/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"States"},{"depth":2,"value":"Inverse"}]}},{"node":{"frontmatter":{"title":"Search","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/search.mdx","fields":{"slug":"/design/search/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Behavior"}]}},{"node":{"frontmatter":{"title":"Select","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/select.mdx","fields":{"slug":"/design/select/"},"headings":[{"depth":2,"value":"Select vs. Dropdown"},{"depth":2,"value":"Multiselect"}]}},{"node":{"frontmatter":{"title":"Stepper","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/stepper.mdx","fields":{"slug":"/design/stepper/"},"headings":[{"depth":2,"value":"Overview"},{"depth":2,"value":"Formatting"},{"depth":2,"value":"Content"},{"depth":2,"value":"Behaviors"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Table","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/table.mdx","fields":{"slug":"/design/table/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Sizing"},{"depth":2,"value":"Content"},{"depth":2,"value":"Behavior"}]}},{"node":{"frontmatter":{"title":"Tabs","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tabs.mdx","fields":{"slug":"/design/tabs/"},"headings":[{"depth":2,"value":"Anatomy"},{"depth":2,"value":"States"},{"depth":2,"value":"Placement"},{"depth":2,"value":"Tab Layout"},{"depth":2,"value":"Inverse Styling"}]}},{"node":{"frontmatter":{"title":"Tag","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tag.mdx","fields":{"slug":"/design/tag/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Styles"},{"depth":2,"value":"States"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Tags With Icons"},{"depth":2,"value":"Dismissible Tags"}]}},{"node":{"frontmatter":{"title":"Time Picker","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/time-picker.mdx","fields":{"slug":"/design/time-picker/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Keyboard controls"}]}},{"node":{"frontmatter":{"title":"Toast","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/toast.mdx","fields":{"slug":"/design/toast/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Stacking"},{"depth":2,"value":"Auto-Dismiss"},{"depth":2,"value":"Content Considerations"},{"depth":2,"value":"Responsive Behavior"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"Toggle","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/toggle.mdx","fields":{"slug":"/design/toggle/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"States"}]}},{"node":{"frontmatter":{"title":"Tooltip","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tooltip.mdx","fields":{"slug":"/design/tooltip/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Placement"},{"depth":2,"value":"Accessibility"}]}},{"node":{"frontmatter":{"title":"TreeView","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/tree-view.mdx","fields":{"slug":"/design/tree-view/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Formatting"},{"depth":2,"value":"Content"},{"depth":2,"value":"Behaviors"},{"depth":2,"value":"Accessibility"}]}}]},"designPatternDocs":{"edges":[{"node":{"frontmatter":{"title":"Header","isPattern":true},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design/header.mdx","fields":{"slug":"/design/header/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Anatomy"},{"depth":2,"value":"Horizontal Specifications"},{"depth":2,"value":"Left Justification"},{"depth":2,"value":"Span Width"},{"depth":2,"value":"Vertical Specifications"},{"depth":2,"value":"Icons, Inputs, and Features"},{"depth":2,"value":"Order Of Operations for Icons"},{"depth":2,"value":"Considerations"}]}}]},"apiDocs":{"edges":[{"node":{"frontmatter":{"title":"AI Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/aibutton.mdx","fields":{"slug":"/api/aibutton/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Icon Only Button"},{"depth":2,"value":"Leading and Trailing Icons"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Shapes"},{"depth":2,"value":"Text Transform"},{"depth":2,"value":"Full Width"},{"depth":2,"value":"Animated Gradient"},{"depth":2,"value":"Loading State"},{"depth":2,"value":"Disabled State"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Text AI Button Props"},{"depth":2,"value":"Icon Only AI Button Props"}]}},{"node":{"frontmatter":{"title":"Accordion","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/accordion.mdx","fields":{"slug":"/api/accordion/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Restrict Multiple Expanded"},{"depth":2,"value":"Controlled Accordion"},{"depth":2,"value":"Icon Position"},{"depth":2,"value":"Disabled Item"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Accordion Props"},{"depth":2,"value":"AccordionItem Props"},{"depth":2,"value":"AccordionButton Props"},{"depth":2,"value":"AccordionPanel Props"}]}},{"node":{"frontmatter":{"title":"Alert","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/alert.mdx","fields":{"slug":"/api/alert/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Dismissible"},{"depth":2,"value":"Additional Content"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Alert Props"}]}},{"node":{"frontmatter":{"title":"Announce","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/announce.mdx","fields":{"slug":"/api/announce/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Politeness"},{"depth":2,"value":"Announce Props"}]}},{"node":{"frontmatter":{"title":"AppBar","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/appbar.mdx","fields":{"slug":"/api/appbar/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Compact"},{"depth":2,"value":"With Skip Link"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Position"},{"depth":2,"value":"Nav Tabs"},{"depth":2,"value":"AppBar Props"}]}},{"node":{"frontmatter":{"title":"Badge","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/badge.mdx","fields":{"slug":"/api/badge/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Badge Props"}]}},{"node":{"frontmatter":{"title":"Banner","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/banner.mdx","fields":{"slug":"/api/banner/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Dismissible"},{"depth":2,"value":"Additional Content"},{"depth":2,"value":"Action Button"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Banner Props"}]}},{"node":{"frontmatter":{"title":"Block Quote","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/blockquote.mdx","fields":{"slug":"/api/blockquote/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"With Attribution"},{"depth":2,"value":"Visual Styles"},{"depth":2,"value":"Color"},{"depth":2,"value":"Border Style"},{"depth":2,"value":"Context Variant"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Block Quote Props"},{"depth":2,"value":"Block Quote Item Props"}]}},{"node":{"frontmatter":{"title":"Breadcrumb","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/breadcrumb.mdx","fields":{"slug":"/api/breadcrumb/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Aria-label"},{"depth":2,"value":"Breadcrumb Props"},{"depth":2,"value":"Breadcrumb Item Props"}]}},{"node":{"frontmatter":{"title":"Breakpoints Container","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/breakpoints-container.mdx","fields":{"slug":"/api/breakpoints-container/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Using Fewer Breakpoints"},{"depth":2,"value":"Custom Breakpoints"},{"depth":2,"value":"Breakpoints Container Props"},{"depth":2,"value":"Breakpoint Props"}]}},{"node":{"frontmatter":{"title":"Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/button.mdx","fields":{"slug":"/api/button/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Shapes"},{"depth":2,"value":"Loading"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Text Transform"},{"depth":2,"value":"Full Width"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Types"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Button Props"}]}},{"node":{"frontmatter":{"title":"ButtonGroup","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/buttongroup.mdx","fields":{"slug":"/api/buttongroup/"},"headings":[{"depth":2,"value":"Default"},{"depth":2,"value":"Orientation"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"No Space"},{"depth":2,"value":"Color, Variant, Size, isInverse"},{"depth":2,"value":"Small Screen Sizes"},{"depth":2,"value":"ButtonGroup Props"}]}},{"node":{"frontmatter":{"title":"Card","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/card.mdx","fields":{"slug":"/api/card/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Heading"},{"depth":2,"value":"Drop Shadow"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Callout Type"},{"depth":2,"value":"Width"},{"depth":2,"value":"Image in Card"},{"depth":2,"value":"Background and Inverse"},{"depth":2,"value":"Card Props"},{"depth":2,"value":"Card Heading Props"},{"depth":2,"value":"Card Body Props"}]}},{"node":{"frontmatter":{"title":"Character Counter","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/character-counter.mdx","fields":{"slug":"/api/character-counter/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Initial Value"},{"depth":2,"value":"maxLength vs maxCount"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Character Counter Props"}]}},{"node":{"frontmatter":{"title":"Checkbox","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/checkboxes.mdx","fields":{"slug":"/api/checkboxes/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Text Position"},{"depth":2,"value":"Error at Group Level"},{"depth":2,"value":"Error at Checkbox Level"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Node as labelText"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Checkbox Props"}]}},{"node":{"frontmatter":{"title":"Combobox","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/combobox.mdx","fields":{"slug":"/api/combobox/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Initial State"},{"depth":2,"value":"Specific State Changes"},{"depth":2,"value":"Generic State Change"},{"depth":2,"value":"Controlled Items"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Clearable"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Placeholder"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Disable Create Item"},{"depth":2,"value":"Multi Combobox"},{"depth":2,"value":"Events"},{"depth":2,"value":"Async"},{"depth":2,"value":"Typeahead"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Items List Height"},{"depth":2,"value":"Label Position"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Custom Items"},{"depth":2,"value":"Custom Items Typescript"},{"depth":2,"value":"Custom Components"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"State Change Types"},{"depth":2,"value":"Combobox Props"}]}},{"node":{"frontmatter":{"title":"Container","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/container.mdx","fields":{"slug":"/api/container/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Max-Width"},{"depth":2,"value":"Gutter Width"},{"depth":2,"value":"Container Props"}]}},{"node":{"frontmatter":{"title":"Datagrid","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/datagrid.mdx","fields":{"slug":"/api/datagrid/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Row Color"},{"depth":2,"value":"Selectable"},{"depth":2,"value":"Disabled Selectable Row"},{"depth":2,"value":"Selectable and Sortable"},{"depth":2,"value":"Controlled Selectable Column"},{"depth":2,"value":"Pagination Defaults"},{"depth":2,"value":"Pagination Controlled"},{"depth":2,"value":"Custom Pagination Components"},{"depth":2,"value":"Without Pagination"},{"depth":2,"value":"Outside Border"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Datagrid Props"}]}},{"node":{"frontmatter":{"title":"Date Picker","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/date-pickers.mdx","fields":{"slug":"/api/date-pickers/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Date"},{"depth":2,"value":"Value"},{"depth":2,"value":"Minimum and Maximum Dates"},{"depth":2,"value":"Clearing the Date"},{"depth":2,"value":"Placeholder Text"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Date Field Input"},{"depth":2,"value":"Date Formats"},{"depth":2,"value":"Events"},{"depth":2,"value":"Keyboard Navigation"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Date Picker Props"}]}},{"node":{"frontmatter":{"title":"Date Time Picker","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/date-time-picker.mdx","fields":{"slug":"/api/date-time-picker/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Date and Time"},{"depth":2,"value":"Value"},{"depth":2,"value":"Timezone"},{"depth":2,"value":"Minimum and Maximum Dates"},{"depth":2,"value":"Clearing the Date and Time"},{"depth":2,"value":"Placeholder Text"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Date Formats"},{"depth":2,"value":"Events"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Date Time Picker Props"}]}},{"node":{"frontmatter":{"title":"Drawer","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/drawer.mdx","fields":{"slug":"/api/drawer/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Navigation Example"},{"depth":2,"value":"Show background overlay"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Animations"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Drawer Props"}]}},{"node":{"frontmatter":{"title":"Dropdown","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/dropdown.mdx","fields":{"slug":"/api/dropdown/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Split Button"},{"depth":2,"value":"Drop Direction (deprecated)"},{"depth":2,"value":"Alignment (deprecated)"},{"depth":2,"value":"Fixed Width"},{"depth":2,"value":"Max-Height"},{"depth":2,"value":"DropdownMenuItem"},{"depth":2,"value":"DropdownMenuNavItem"},{"depth":2,"value":"Expandable Menu Items"},{"depth":2,"value":"Custom DropdownMenuItem Wrappers"},{"depth":2,"value":"DropdownMenuItem Leading Icons"},{"depth":2,"value":"Dropdown without Menu Items"},{"depth":2,"value":"Custom Button"},{"depth":2,"value":"Custom Icon Button"},{"depth":2,"value":"Leading Icon"},{"depth":2,"value":"Breaking a Menu Into Groups"},{"depth":2,"value":"Active Item Index"},{"depth":2,"value":"Handle Focus on Close"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Dropdown Props"},{"depth":2,"value":"Dropdown Content Props"},{"depth":2,"value":"Dropdown Header Props"},{"depth":2,"value":"Dropdown Menu Group"},{"depth":2,"value":"Dropdown Menu Item"},{"depth":2,"value":"Dropdown Button Props"},{"depth":2,"value":"Dropdown Menu Nav Item"},{"depth":2,"value":"Dropdown Expandable Menu Panel Props"},{"depth":2,"value":"Dropdown Expandable Menu Button Props"},{"depth":2,"value":"Dropdown Expandable Menu Item Props"},{"depth":2,"value":"Dropdown Expandable Menu List Item Props"}]}},{"node":{"frontmatter":{"title":"Dropzone","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/dropzone.mdx","fields":{"slug":"/api/dropzone/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"No Dragging"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Handle File Processing"},{"depth":2,"value":"Deleting Files"},{"depth":2,"value":"Processing Examples"},{"depth":2,"value":"Dropzone Props"}]}},{"node":{"frontmatter":{"title":"Empty State","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/empty-state.mdx","fields":{"slug":"/api/empty-state/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Danger Mode"},{"depth":2,"value":"Without Icon"},{"depth":2,"value":"Without Actions"},{"depth":2,"value":"Minimal"},{"depth":2,"value":"Graphic"},{"depth":2,"value":"Heading Level"},{"depth":2,"value":"Loading State"},{"depth":2,"value":"Additional Content"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"EmptyState Props"}]}},{"node":{"frontmatter":{"title":"Flex","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/flex.mdx","fields":{"slug":"/api/flex/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Responsive behavior"},{"depth":2,"value":"Spacing"},{"depth":2,"value":"Auto-Width"},{"depth":2,"value":"Nested"},{"depth":2,"value":"Other Flex Properties"},{"depth":2,"value":"Flex Props"}]}},{"node":{"frontmatter":{"title":"Form","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/form.mdx","fields":{"slug":"/api/form/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Form Props"}]}},{"node":{"frontmatter":{"title":"Form Group","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/formgroup.mdx","fields":{"slug":"/api/formgroup/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Labeling Form Groups"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Form Group Props"}]}},{"node":{"frontmatter":{"title":"Global Styles","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/global-styles.mdx","fields":{"slug":"/api/global-styles/"},"headings":[{"depth":2,"value":"Usage"}]}},{"node":{"frontmatter":{"title":"Grid","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/grid.mdx","fields":{"slug":"/api/grid/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Semantic HTML"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Responsiveness"},{"depth":2,"value":"More on CSS Grid"},{"depth":2,"value":"Grid Props"},{"depth":2,"value":"Grid Item Props"}]}},{"node":{"frontmatter":{"title":"Heading","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/heading.mdx","fields":{"slug":"/api/heading/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Size"},{"depth":2,"value":"Context Variant"},{"depth":2,"value":"Color"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"No Margins"},{"depth":2,"value":"No Top Margin"},{"depth":2,"value":"No Bottom Margin"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Heading Props"}]}},{"node":{"frontmatter":{"title":"Hide at Breakpoint","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/hide-at-breakpoint.mdx","fields":{"slug":"/api/hide-at-breakpoint/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Hide at Breakpoint Props"}]}},{"node":{"frontmatter":{"title":"Hyperlink","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/hyperlink.mdx","fields":{"slug":"/api/hyperlink/"},"headings":[{"depth":2,"value":"Usage Guidelines"},{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"StyledAs"},{"depth":2,"value":"Opens in New Tab"},{"depth":2,"value":"Icon"},{"depth":2,"value":"hasUnderline"},{"depth":2,"value":"Render Props Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Hyperlink Props"}]}},{"node":{"frontmatter":{"title":"Icon","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/icon.mdx","fields":{"slug":"/api/icon/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Title"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Color"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Available Icons"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Icon Props"}]}},{"node":{"frontmatter":{"title":"Icon Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/icon-button.mdx","fields":{"slug":"/api/icon-button/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Assign Icon to Variable"},{"depth":2,"value":"Custom Size"},{"depth":2,"value":"Icon Position"},{"depth":2,"value":"Leading Icon"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Shape"},{"depth":2,"value":"Full-Width Buttons"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Event Handling"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Icon Button Props"}]}},{"node":{"frontmatter":{"title":"Indeterminate Checkbox","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/indeterminate.mdx","fields":{"slug":"/api/indeterminate/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Indeterminate Checkbox Props"}]}},{"node":{"frontmatter":{"title":"Input","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/input.mdx","fields":{"slug":"/api/input/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Number"},{"depth":2,"value":"Phone"},{"depth":2,"value":"URL"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Default Value"},{"depth":2,"value":"Value"},{"depth":2,"value":"Clear Value"},{"depth":2,"value":"Placeholder"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Character Counter"},{"depth":2,"value":"Input With Icon"},{"depth":2,"value":"Input Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Input Label Position"},{"depth":2,"value":"Input With Hidden Label"},{"depth":2,"value":"Help Link"},{"depth":2,"value":"Change Events"},{"depth":2,"value":"Focus Events"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Input Props"}]}},{"node":{"frontmatter":{"title":"Internationalization","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/internationalization.mdx","fields":{"slug":"/api/internationalization/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Default Context Object"},{"depth":2,"value":"Example Usage"}]}},{"node":{"frontmatter":{"title":"LineChart","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/line-chart.mdx","fields":{"slug":"/api/line-chart/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Line Chart Props"}]}},{"node":{"frontmatter":{"title":"List","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/list.mdx","fields":{"slug":"/api/list/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Ordered List"},{"depth":2,"value":"Description"},{"depth":2,"value":"Icon List"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Definition List"},{"depth":2,"value":"List Props"},{"depth":2,"value":"List Item Props"},{"depth":2,"value":"Definition List Props"},{"depth":2,"value":"Definition List Item Props"}]}},{"node":{"frontmatter":{"title":"Loading Indicator","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/loading-indicator.mdx","fields":{"slug":"/api/loading-indicator/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Progress Bar"},{"depth":2,"value":"Custom Messages"},{"depth":2,"value":"Accessibility Considerations"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Loading Indicator Props"}]}},{"node":{"frontmatter":{"title":"Modal","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/modal.mdx","fields":{"slug":"/api/modal/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Modal Header"},{"depth":2,"value":"Hide Close Button"},{"depth":2,"value":"Custom Close Button"},{"depth":2,"value":"Nested Modals"},{"depth":2,"value":"Close Modal With Confirmation"},{"depth":2,"value":"isInverse"},{"depth":2,"value":"Modal Props"}]}},{"node":{"frontmatter":{"title":"Native Select","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/native-select.mdx","fields":{"slug":"/api/native-select/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Uncontrolled Select"},{"depth":2,"value":"Controlled Select"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Error"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Additional Content"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Inverse Disabled"},{"depth":2,"value":"Inverse with Error"},{"depth":2,"value":"Inverse Helper Message"},{"depth":2,"value":"NativeSelect Props"}]}},{"node":{"frontmatter":{"title":"Nav Tabs","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/nav-tabs.mdx","fields":{"slug":"/api/nav-tabs/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Vertical Tabs"},{"depth":2,"value":"Custom Component"},{"depth":2,"value":"Border Position"},{"depth":2,"value":"Border Position (vertical)"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Text Transform"},{"depth":2,"value":"Full-Width"},{"depth":2,"value":"Scrollable"},{"depth":2,"value":"Scrollable Vertical Tabs"},{"depth":2,"value":"Icon Tabs"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"NavTabs Props"},{"depth":2,"value":"NavTab Props"}]}},{"node":{"frontmatter":{"title":"Pagination","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/pagination.mdx","fields":{"slug":"/api/pagination/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Simple Pagination"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Size"},{"depth":2,"value":"Handle Page Change"},{"depth":2,"value":"Pagination Props"}]}},{"node":{"frontmatter":{"title":"Paragraph","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/paragraph.mdx","fields":{"slug":"/api/paragraph/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Context Variant"},{"depth":2,"value":"Color"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"No Margins"},{"depth":2,"value":"No Top Margin"},{"depth":2,"value":"No Bottom Margin"},{"depth":2,"value":"Paragraph Props"}]}},{"node":{"frontmatter":{"title":"Password Input","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/password-input.mdx","fields":{"slug":"/api/password-input/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Hide Password Mask Button"},{"depth":2,"value":"Custom Strings"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Input Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Password Input Props"}]}},{"node":{"frontmatter":{"title":"Popover","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/popover.mdx","fields":{"slug":"/api/popover/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Hoverable Popover"},{"depth":2,"value":"Popover with Pointer"},{"depth":2,"value":"Controlled Popover with API Ref"},{"depth":2,"value":"Focus Trap"},{"depth":2,"value":"Custom Width and Max Height"},{"depth":2,"value":"Popover Positions"},{"depth":2,"value":"Popover Alignment"},{"depth":2,"value":"Popover Sections"},{"depth":2,"value":"Popover Trigger Variants"},{"depth":2,"value":"Disabled Popover / Disabled Trigger"},{"depth":2,"value":"Open by Default"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Popover Props"},{"depth":2,"value":"Popover Trigger Props"},{"depth":2,"value":"Popover Content Props"},{"depth":2,"value":"Popover Section Props"}]}},{"node":{"frontmatter":{"title":"Progress Bar","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/progress-bar.mdx","fields":{"slug":"/api/progress-bar/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Percentage"},{"depth":2,"value":"Animated"},{"depth":2,"value":"Background Color"},{"depth":2,"value":"Height"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Label Visible"},{"depth":2,"value":"Progress Bar Props"}]}},{"node":{"frontmatter":{"title":"Radio Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/radio.mdx","fields":{"slug":"/api/radio/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Selected Value"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Required Fields / Error Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Node as labelText"},{"depth":2,"value":"Labeling Radio Groups"},{"depth":2,"value":"Text Position"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Forward Ref"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Radio Group Props"},{"depth":2,"value":"Radio Props"}]}},{"node":{"frontmatter":{"title":"Schema Renderer","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/schema-renderer.mdx","fields":{"slug":"/api/schema-renderer/"},"headings":[{"depth":2,"value":"Basic Template"},{"depth":2,"value":"Form Template"},{"depth":2,"value":"Sub Forms"},{"depth":2,"value":"Field Array"},{"depth":2,"value":"Custom Component"},{"depth":2,"value":"Conditionals"},{"depth":2,"value":"Form Spy"},{"depth":2,"value":"Validators"}]}},{"node":{"frontmatter":{"title":"Search","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/search.mdx","fields":{"slug":"/api/search/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Label and Placeholder Text"},{"depth":2,"value":"Input Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Predictive Search"},{"depth":2,"value":"Loading"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Change Events"},{"depth":2,"value":"Search Props"}]}},{"node":{"frontmatter":{"title":"Select","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/select.mdx","fields":{"slug":"/api/select/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Initial State"},{"depth":2,"value":"Label Position"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Disabled Items"},{"depth":2,"value":"Clearable"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Placeholder"},{"depth":2,"value":"Multi Select"},{"depth":2,"value":"Help Link"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Specific State Changes"},{"depth":2,"value":"Generic State Change"},{"depth":2,"value":"Controlled"},{"depth":2,"value":"Accessibility"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"Events"},{"depth":2,"value":"Custom Items List Height"},{"depth":2,"value":"Custom Items"},{"depth":2,"value":"Custom Items Typescript"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Custom Item Component"},{"depth":2,"value":"Custom Components"},{"depth":2,"value":"State Change Types"},{"depth":2,"value":"Select Props"}]}},{"node":{"frontmatter":{"title":"Skip Link","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/skip-link.mdx","fields":{"slug":"/api/skip-link/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Button Variations"},{"depth":2,"value":"Button Text"},{"depth":2,"value":"Positioning"},{"depth":2,"value":"With AppBar"},{"depth":2,"value":"Skip Link Props"},{"depth":2,"value":"Skip Link Content Props"}]}},{"node":{"frontmatter":{"title":"Spacer","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/spacer.mdx","fields":{"slug":"/api/spacer/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Axis"},{"depth":2,"value":"Spacer Props"}]}},{"node":{"frontmatter":{"title":"Spinner","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/spinner.mdx","fields":{"slug":"/api/spinner/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Aria-Label"},{"depth":2,"value":"Color"},{"depth":2,"value":"Size"},{"depth":2,"value":"isInverse"},{"depth":2,"value":"Spinner Props"}]}},{"node":{"frontmatter":{"title":"Stepper","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/stepper.mdx","fields":{"slug":"/api/stepper/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Step label"},{"depth":2,"value":"Completion Label"},{"depth":2,"value":"Aria Label"},{"depth":2,"value":"Layout"},{"depth":2,"value":"Breakpoint Layout"},{"depth":2,"value":"Orientation"},{"depth":2,"value":"Stepper inside a Dropdown"},{"depth":2,"value":"Breakpoint Orientation"},{"depth":2,"value":"Error State"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Step Props"},{"depth":2,"value":"Stepper Props"},{"depth":2,"value":"ResponsiveStepperContainer Props"}]}},{"node":{"frontmatter":{"title":"Table","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/table.mdx","fields":{"slug":"/api/table/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Vertical Borders"},{"depth":2,"value":"Outside Border"},{"depth":2,"value":"Hover Styles"},{"depth":2,"value":"Zebra Stripes"},{"depth":2,"value":"Density"},{"depth":2,"value":"Sortable"},{"depth":2,"value":"Table title"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Cell Alignment"},{"depth":2,"value":"Cell Width"},{"depth":2,"value":"Min-Width"},{"depth":2,"value":"Other Content"},{"depth":2,"value":"Pagination"},{"depth":2,"value":"Table Row Color"},{"depth":2,"value":"Table Props"},{"depth":2,"value":"TableHead Props"},{"depth":2,"value":"TableHeaderCell Props"},{"depth":2,"value":"TableBody Props"},{"depth":2,"value":"TableRow Props"},{"depth":2,"value":"TableCell Props"},{"depth":2,"value":"Table Pagination Props"},{"depth":2,"value":"Common Props"},{"depth":2,"value":"Controlled Props"},{"depth":2,"value":"Uncontrolled Props"}]}},{"node":{"frontmatter":{"title":"Tabs","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tabs.mdx","fields":{"slug":"/api/tabs/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Vertical Tabs"},{"depth":2,"value":"Border Position"},{"depth":2,"value":"Border Position (vertical)"},{"depth":2,"value":"Custom Tab"},{"depth":2,"value":"Custom Tab Wrappers"},{"depth":2,"value":"Custom Tabs Logic"},{"depth":2,"value":"Custom Tab OnClick"},{"depth":2,"value":"Disabled Tabs"},{"depth":2,"value":"Alignment"},{"depth":2,"value":"Text Transform"},{"depth":2,"value":"Full Width"},{"depth":2,"value":"Scrollable Tabs"},{"depth":2,"value":"Scrollable Vertical Tabs"},{"depth":2,"value":"ScrollSpy Tabs"},{"depth":2,"value":"Icon"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Tabs Container Props"},{"depth":2,"value":"Tabs Props"},{"depth":2,"value":"Tab Props"},{"depth":2,"value":"TabPanelsContainer Props"},{"depth":2,"value":"TabPanel Props"},{"depth":2,"value":"TabsScrollSpyContainer Props"},{"depth":2,"value":"TabScrollSpyPanel Props"}]}},{"node":{"frontmatter":{"title":"Tag","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tag.mdx","fields":{"slug":"/api/tag/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Colors"},{"depth":2,"value":"Tag With Icon"},{"depth":2,"value":"Clickable Tag"},{"depth":2,"value":"Deletable Tag"},{"depth":2,"value":"Deletable Tag With Icon"},{"depth":2,"value":"Sizes"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Inverse Disabled"},{"depth":2,"value":"Tag Props"}]}},{"node":{"frontmatter":{"title":"Textarea","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/textarea.mdx","fields":{"slug":"/api/textarea/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Value"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Character Counter"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Textarea Props"}]}},{"node":{"frontmatter":{"title":"Time Picker","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/time-picker.mdx","fields":{"slug":"/api/time-picker/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Value"},{"depth":2,"value":"Minutes Step"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Helper Message"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"OnChange Event"},{"depth":2,"value":"Clear value"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Internationalization"},{"depth":2,"value":"TimePicker Props"}]}},{"node":{"frontmatter":{"title":"Toast","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/toast.mdx","fields":{"slug":"/api/toast/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Variants"},{"depth":2,"value":"Accessibility Considerations"},{"depth":2,"value":"Toasts Container (handling multiple toasts)"},{"depth":2,"value":"Bottom Offset"},{"depth":2,"value":"Toast Duration"},{"depth":2,"value":"Disable Auto Dismiss"},{"depth":2,"value":"Mouse Events"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Testing"},{"depth":2,"value":"ToastsContainer Props"},{"depth":2,"value":"Toast Props"}]}},{"node":{"frontmatter":{"title":"Toggle","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/toggle.mdx","fields":{"slug":"/api/toggle/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Error Message"},{"depth":2,"value":"Text Position"},{"depth":2,"value":"Visually Hidden Label"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Testing"},{"depth":2,"value":"Toggle Props"}]}},{"node":{"frontmatter":{"title":"Toggle Button","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/toggle-button.mdx","fields":{"slug":"/api/toggle-button/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Default Selected Value"},{"depth":2,"value":"Types"},{"depth":2,"value":"Size"},{"depth":2,"value":"Disabled"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"ToggleButton Props"}]}},{"node":{"frontmatter":{"title":"Toggle Button Group","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/toggle-button-group.mdx","fields":{"slug":"/api/toggle-button-group/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Defined Selection"},{"depth":2,"value":"Exclusive Selection"},{"depth":2,"value":"Enforced Selection"},{"depth":2,"value":"No Space"},{"depth":2,"value":"Size"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"ToggleButtonGroup Props"}]}},{"node":{"frontmatter":{"title":"Tooltip","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tooltip.mdx","fields":{"slug":"/api/tooltip/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Position"},{"depth":2,"value":"On non-interactive element"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Inline Styles"},{"depth":2,"value":"Custom Theme Styles"},{"depth":2,"value":"Tooltip Props"}]}},{"node":{"frontmatter":{"title":"Transition","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/transition.mdx","fields":{"slug":"/api/transition/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Transition Props"}]}},{"node":{"frontmatter":{"title":"TreeView","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/tree-view.mdx","fields":{"slug":"/api/tree-view/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Selectable"},{"depth":2,"value":"Icons"},{"depth":2,"value":"Initial Expanded Items"},{"depth":2,"value":"Preselected Items"},{"depth":2,"value":"Aria Labels"},{"depth":2,"value":"Check Children & Check Parents"},{"depth":2,"value":"Select Parents"},{"depth":2,"value":"Update Selected Items From Outside"},{"depth":2,"value":"Disabling TreeView"},{"depth":2,"value":"Disabling items"},{"depth":2,"value":"Change Events"},{"depth":2,"value":"Show More and Less Functions"},{"depth":2,"value":"Top Level Selectable"},{"depth":2,"value":"Expand and Collapse Functions"},{"depth":2,"value":"Dynamically Add TreeItem"},{"depth":2,"value":"Additional Content"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Custom Styles"},{"depth":2,"value":"Virtualization"},{"depth":2,"value":"TreeView Props"},{"depth":2,"value":"TreeItem Props"}]}},{"node":{"frontmatter":{"title":"Visually Hidden","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/visually-hidden.mdx","fields":{"slug":"/api/visually-hidden/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Visually Hidden Props"}]}},{"node":{"frontmatter":{"title":"useDeviceDetect Hook","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/use-device-detect.mdx","fields":{"slug":"/api/use-device-detect/"},"headings":[{"depth":2,"value":"Usage"},{"depth":2,"value":"Returned Values"},{"depth":2,"value":"Example: Conditional Rendering Based on Browser"},{"depth":2,"value":"Example: OS-Specific Styles"}]}},{"node":{"frontmatter":{"title":"useFocusLock Hook","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/use-focus-lock.mdx","fields":{"slug":"/api/use-focus-lock/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Optional Header"},{"depth":2,"value":"Optional Header Without Focusable Element"}]}},{"node":{"frontmatter":{"title":"useMediaQuery Hook","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api/use-media-query.mdx","fields":{"slug":"/api/use-media-query/"},"headings":[{"depth":2,"value":"Usage"}]}}]},"patternsDocs":{"edges":[{"node":{"frontmatter":{"title":"Header","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/patterns/header.mdx","fields":{"slug":"/patterns/header/"},"headings":[{"depth":2,"value":"Setup Requirements"},{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Compact"},{"depth":2,"value":"Inverse"},{"depth":2,"value":"Search"},{"depth":2,"value":"Call to Action"},{"depth":2,"value":"Children"},{"depth":2,"value":"Position"},{"depth":2,"value":"Responsive Behavior"},{"depth":2,"value":"Header Props"}]}}]},"dataVisualization":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/data-visualization/introduction.mdx","fields":{"slug":"/data-visualization/introduction/"},"headings":[{"depth":2,"value":"Installation"}]}},{"node":{"frontmatter":{"title":"Chart Types","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/data-visualization/chart-types.mdx","fields":{"slug":"/data-visualization/chart-types/"},"headings":[{"depth":2,"value":"Comparisons"},{"depth":2,"value":"Trends"},{"depth":2,"value":"Part-to-whole"},{"depth":2,"value":"Correlations"}]}},{"node":{"frontmatter":{"title":"Chart Demos","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/data-visualization/chart-demos.mdx","fields":{"slug":"/data-visualization/chart-demos/"},"headings":[{"depth":2,"value":"Area (simple)"},{"depth":2,"value":"Area (stacked)"},{"depth":2,"value":"Bar (simple)"},{"depth":2,"value":"Bar (floating)"},{"depth":2,"value":"Bar (grouped)"},{"depth":2,"value":"Bar (stacked)"},{"depth":2,"value":"Boxplot"},{"depth":2,"value":"Bubble"},{"depth":2,"value":"Bullet"},{"depth":2,"value":"Combo"},{"depth":2,"value":"Donut"},{"depth":2,"value":"Gauge"},{"depth":2,"value":"Histogram"},{"depth":2,"value":"Line"},{"depth":2,"value":"Lollipop"},{"depth":2,"value":"Meter"},{"depth":2,"value":"Pie"},{"depth":2,"value":"Radar"},{"depth":2,"value":"Scatter"},{"depth":2,"value":"Sparkline"},{"depth":2,"value":"Step"}]}},{"node":{"frontmatter":{"title":"Accessible Chart Toolbar","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/data-visualization/chart-toolbar.mdx","fields":{"slug":"/data-visualization/chart-toolbar/"},"headings":[{"depth":2,"value":"Overview"},{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Additional More Options Items"},{"depth":2,"value":"Custom Table Columns"},{"depth":2,"value":"Selective Button Visibility"},{"depth":2,"value":"Inverse Theme"},{"depth":2,"value":"ChartToolbarConfig Props"},{"depth":2,"value":"Standalone Components"},{"depth":2,"value":"Accessibility"}]}}]},"designIntro":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/get-started.mdx","fields":{"slug":"/design-intro/get-started/"},"headings":[{"depth":2,"value":"Designing with React Magma"},{"depth":2,"value":"Resources & Tools"},{"depth":2,"value":"Guiding Principles"}]}},{"node":{"frontmatter":{"title":"Color","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/colors.mdx","fields":{"slug":"/design-intro/colors/"},"headings":[{"depth":2,"value":"Introduction"},{"depth":2,"value":"Primary"},{"depth":2,"value":"Secondary"},{"depth":2,"value":"Tertiary"},{"depth":2,"value":"Neutrals"},{"depth":2,"value":"Info"},{"depth":2,"value":"Danger"},{"depth":2,"value":"Warning"},{"depth":2,"value":"Success"}]}},{"node":{"frontmatter":{"title":"Layout","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/layout.mdx","fields":{"slug":"/design-intro/layout/"},"headings":[{"depth":2,"value":"Columns, Gutters, and Margins"},{"depth":2,"value":"Breakpoints"},{"depth":2,"value":"Full-width Layout with Sidebar"}]}},{"node":{"frontmatter":{"title":"Spacing","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/spacing.mdx","fields":{"slug":"/design-intro/spacing/"},"headings":[{"depth":2,"value":"Spacing Scale"},{"depth":2,"value":"Designing with Space"},{"depth":2,"value":"FAQ"}]}},{"node":{"frontmatter":{"title":"Typography","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/design-intro/typography.mdx","fields":{"slug":"/design-intro/typography/"},"headings":[{"depth":2,"value":"Magma Type Sets"},{"depth":2,"value":"Typefaces"},{"depth":2,"value":"Type Scale"},{"depth":2,"value":"Styles"},{"depth":2,"value":"Margins"}]}}]},"apiIntro":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/introduction.mdx","fields":{"slug":"/api-intro/introduction/"},"headings":[{"depth":2,"value":"Installation"},{"depth":2,"value":"Icons Only"},{"depth":2,"value":"Known Issues"}]}},{"node":{"frontmatter":{"title":"Page Templates","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/page-templates.mdx","fields":{"slug":"/api-intro/page-templates/"},"headings":[{"depth":2,"value":"Full-width Template"},{"depth":2,"value":"Restricted-width Template"},{"depth":2,"value":"Global Header with Sidebar"},{"depth":2,"value":"Application Header with Sidebar"}]}},{"node":{"frontmatter":{"title":"Usage","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/usage.mdx","fields":{"slug":"/api-intro/usage/"},"headings":[{"depth":2,"value":"Basic Usage"},{"depth":2,"value":"Using TypeScript Enums"},{"depth":2,"value":"Importing Global Styles"},{"depth":2,"value":"Using the Magma Theme"},{"depth":2,"value":"Testing"}]}},{"node":{"frontmatter":{"title":"Styles and Themes","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/styles-and-themes.mdx","fields":{"slug":"/api-intro/styles-and-themes/"},"headings":[{"depth":2,"value":"Style Prop"},{"depth":2,"value":"Style Props for Complex Components"},{"depth":2,"value":"Extending Styles With Emotion"},{"depth":2,"value":"Emotion v11 Migration: Media Query Overrides"},{"depth":2,"value":"Using Themes"},{"depth":2,"value":"Setting up a Theme"},{"depth":2,"value":"Typography Scale"},{"depth":2,"value":"Space Scale"},{"depth":2,"value":"Customization"}]}},{"node":{"frontmatter":{"title":"Changelog","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/changelog.mdx","fields":{"slug":"/api-intro/changelog/"},"headings":[{"depth":2,"value":"4.13.0"},{"depth":2,"value":"4.12.1"},{"depth":2,"value":"4.11.0"},{"depth":2,"value":"4.10.0"},{"depth":2,"value":"4.9.1"},{"depth":2,"value":"4.9.0"},{"depth":2,"value":"4.8.0"},{"depth":2,"value":"4.7.0"},{"depth":2,"value":"4.6.0"},{"depth":2,"value":"4.5.0"},{"depth":2,"value":"4.4.0"},{"depth":2,"value":"4.3.0"},{"depth":2,"value":"4.2.0"},{"depth":2,"value":"4.1.1"},{"depth":2,"value":"4.1.0"},{"depth":2,"value":"4.0.0"},{"depth":2,"value":"3.2.1"},{"depth":2,"value":"3.2.0"},{"depth":2,"value":"3.1.2"},{"depth":2,"value":"3.1.1"},{"depth":2,"value":"3.1.0"},{"depth":2,"value":"3.0.0"},{"depth":2,"value":"2.5.11"},{"depth":2,"value":"2.5.10"},{"depth":2,"value":"2.5.9"},{"depth":2,"value":"2.5.8"},{"depth":2,"value":"2.5.7"},{"depth":2,"value":"2.5.6"},{"depth":2,"value":"2.5.5"},{"depth":2,"value":"2.5.4"},{"depth":2,"value":"2.5.3"},{"depth":2,"value":"2.5.2"},{"depth":2,"value":"2.5.1"},{"depth":2,"value":"2.5.0"},{"depth":2,"value":"2.4.0"},{"depth":2,"value":"2.3.12"},{"depth":2,"value":"2.3.0"}]}},{"node":{"frontmatter":{"title":"React Magma Versions","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/api-intro/versions.mdx","fields":{"slug":"/api-intro/versions/"},"headings":[{"depth":2,"value":"Next Version"},{"depth":2,"value":"Released Versions"},{"depth":2,"value":"React Magma Icons"}]}}]},"patternsIntro":{"edges":[{"node":{"frontmatter":{"title":"Getting Started","isPattern":null},"fileAbsolutePath":"/Users/runner/work/react-magma/react-magma/website/react-magma-docs/src/pages/patterns-intro/introduction.mdx","fields":{"slug":"/patterns-intro/introduction/"},"headings":[]}}]}}}