{ "pages": { "/system/getting-started-group": "Getting started", "/system/getting-started": "Overview", "/system/getting-started/installation": "Installation", "/system/getting-started/usage": "Usage", "/system/getting-started/the-sx-prop": "The sx prop", "/system/getting-started/custom-components": "Custom components", "/system/getting-started/support": "Support", "/style-utilities": "Style utilities", "/system/properties": "Properties", "/system/borders": "Borders", "/system/display": "Display", "/system/flexbox": "Flexbox", "/system/grid": "Grid", "/system/palette": "Palette", "/system/positions": "Positions", "/system/shadows": "Shadows", "/system/sizing": "Sizing", "/system/spacing": "Spacing", "/system/screen-readers": "Screen readers", "/system/typography": "Typography", "/system/styled": "styled", "/system/react-": "Components", "/system/react-box": "Box", "/system/react-container": "Container", "/system/react-grid": "Grid", "/system/react-stack": "Stack", "/system/migration": "Migration", "/system/migration/upgrade-to-v7": "Upgrade to v7", "/system/migration/migrating-to-v6": "Upgrade to v6", "/system/experimental-api": "Experimental APIs", "/system/experimental-api/configure-the-sx-prop": "Configure the sx prop", "/system/experimental-api/css-theme-variables": "CSS Theme Variables", "/system/styles": "Styles", "https://v6.mui.com/system/styles/basics/": "Basics", "https://v6.mui.com/system/styles/advanced/": "Advanced", "/material-ui/getting-started-group": "Getting started", "/material-ui/getting-started": "Overview", "/material-ui/getting-started/installation": "Installation", "/material-ui/getting-started/usage": "Usage", "/material-ui/getting-started/mcp": "MCP", "/material-ui/llms.txt": "llms.txt", "/material-ui/getting-started/example-projects": "Example projects", "/material-ui/getting-started/templates": "Templates", "/material-ui/getting-started/learn": "Learn", "/material-ui/getting-started/design-resources": "Design resources", "/material-ui/getting-started/faq": "FAQs", "/material-ui/getting-started/supported-components": "Supported components", "/material-ui/getting-started/supported-platforms": "Supported platforms", "/material-ui/getting-started/support": "Support", "/material-ui/react-": "Components", "/material-ui/all-components": "All components", "inputs": "Inputs", "/material-ui/react-autocomplete": "Autocomplete", "/material-ui/react-button": "Button", "/material-ui/react-button-group": "Button Group", "/material-ui/react-checkbox": "Checkbox", "/material-ui/react-floating-action-button": "Floating Action Button", "/material-ui/react-number-field": "Number Field", "/material-ui/react-radio-button": "Radio Group", "/material-ui/react-rating": "Rating", "/material-ui/react-select": "Select", "/material-ui/react-slider": "Slider", "/material-ui/react-switch": "Switch", "/material-ui/react-text-field": "Text Field", "/material-ui/react-transfer-list": "Transfer List", "/material-ui/react-toggle-button": "Toggle Button", "data-display": "Data display", "/material-ui/react-avatar": "Avatar", "/material-ui/react-badge": "Badge", "/material-ui/react-chip": "Chip", "/material-ui/react-divider": "Divider", "/material-ui/icons": "Icons", "/material-ui/material-icons": "Material Icons", "/material-ui/react-list": "List", "/material-ui/react-table": "Table", "/material-ui/react-tooltip": "Tooltip", "/material-ui/react-typography": "Typography", "feedback": "Feedback", "/material-ui/react-alert": "Alert", "/material-ui/react-backdrop": "Backdrop", "/material-ui/react-dialog": "Dialog", "/material-ui/react-progress": "Progress", "/material-ui/react-skeleton": "Skeleton", "/material-ui/react-snackbar": "Snackbar", "surfaces": "Surfaces", "/material-ui/react-accordion": "Accordion", "/material-ui/react-app-bar": "App Bar", "/material-ui/react-card": "Card", "/material-ui/react-paper": "Paper", "navigation": "Navigation", "/material-ui/react-bottom-navigation": "Bottom Navigation", "/material-ui/react-breadcrumbs": "Breadcrumbs", "/material-ui/react-drawer": "Drawer", "/material-ui/react-link": "Link", "/material-ui/react-menu": "Menu", "/material-ui/react-pagination": "Pagination", "/material-ui/react-speed-dial": "Speed Dial", "/material-ui/react-stepper": "Stepper", "/material-ui/react-tabs": "Tabs", "layout": "Layout", "/material-ui/react-box": "Box", "/material-ui/react-container": "Container", "/material-ui/react-grid": "Grid", "/material-ui/react-grid-legacy": "GridLegacy", "/material-ui/react-stack": "Stack", "/material-ui/react-image-list": "Image List", "utils": "Utils", "/material-ui/react-click-away-listener": "Click-Away Listener", "/material-ui/react-css-baseline": "CSS Baseline", "/material-ui/react-init-color-scheme-script": "InitColorSchemeScript", "/material-ui/react-modal": "Modal", "/material-ui/react-no-ssr": "No SSR", "/material-ui/react-popover": "Popover", "/material-ui/react-popper": "Popper", "/material-ui/react-portal": "Portal", "/material-ui/react-textarea-autosize": "Textarea Autosize", "/material-ui/transitions": "Transitions", "/material-ui/react-use-media-query": "useMediaQuery", "MUI X": "MUI X", "lab": "Lab", "/material-ui/about-the-lab": "About the lab 🧪", "/material-ui/react-masonry": "Masonry", "/material-ui/react-timeline": "Timeline", "/material-ui/customization": "Customization", "/material-ui/customization/how-to-customize": "How to customize", "/material-ui/customization/overriding-component-structure": "Overriding component structure", "/material-ui/customization/dark-mode": "Dark mode", "/material-ui/customization/color": "Color", "/material-ui/customization/right-to-left": "Right-to-left", "/material-ui/customization/shadow-dom": "Shadow DOM", "/material-ui/customization/theme": "Theme", "/material-ui/customization/default-theme": "Default theme viewer", "/material-ui/customization/theming": "Customizing the theme", "/material-ui/customization/creating-themed-components": "Creating themed components", "/material-ui/customization/theme-components": "Components", "tokens": "Tokens", "/material-ui/customization/palette": "Palette", "/material-ui/customization/typography": "Typography", "/material-ui/customization/spacing": "Spacing", "/material-ui/customization/shape": "Shape", "/material-ui/customization/breakpoints": "Breakpoints", "/material-ui/customization/container-queries": "Container queries", "/material-ui/customization/density": "Density", "/material-ui/customization/z-index": "z-index", "/material-ui/customization/transitions": "Transitions", "/material-ui/customization/css-variables": "Css variables", "/material-ui/customization/css-theme-variables/overview": "Overview", "/material-ui/customization/css-theme-variables/usage": "Basic usage", "/material-ui/customization/css-theme-variables/native-color": "Native color", "/material-ui/customization/css-theme-variables/configuration": "Advanced configuration", "/material-ui/customization/styles": "Styles", "/material-ui/customization/css-layers": "Cascade layers", "/material-ui/guides": "How-to guides", "/material-ui/guides/building-extensible-themes": "Building extensible themes", "/material-ui/guides/minimizing-bundle-size": "Minimizing bundle size", "/material-ui/guides/server-rendering": "Server rendering", "/material-ui/guides/responsive-ui": "Responsive UI", "/material-ui/guides/testing": "Testing", "/material-ui/guides/localization": "Localization", "/material-ui/guides/typescript": "TypeScript", "/material-ui/guides/composition": "Composition", "/material-ui/guides/content-security-policy": "Content Security Policy", "/material-ui/integrations": "Integrations", "/material-ui/integrations/tailwindcss/tailwindcss-v4": "Tailwind CSS v4 integration", "/material-ui/integrations/nextjs": "Next.js integration", "/material-ui/integrations/routing": "Routing libraries", "/material-ui/integrations/styled-components": "Usage with styled-components", "/material-ui/integrations/interoperability": "Style library interoperability", "/material-ui/integrations/theme-scoping": "Theme scoping", "/material-ui/experimental-api": "Experimental APIs", "/material-ui/experimental-api/classname-generator": "ClassName generator", "/material-ui/experimental-api/pigment-css": "Pigment CSS", "/material-ui/migration": "Migration", "/material-ui/migration/upgrade-to-grid-v2": "Upgrade to Grid v2", "/material-ui/migration/pickers-migration": "Migration from @material-ui/pickers", "Upgrade to v7": "Upgrade to v7", "/material-ui/migration/upgrade-to-v7": "Upgrade to v7: getting started", "/material-ui/migration/upgrade-to-native-color": "Native color", "Upgrade to v6": "Upgrade to v6", "/material-ui/migration/upgrade-to-v6": "Upgrade to v6: getting started", "/material-ui/migration/migrating-from-deprecated-apis": "Migrating from deprecated APIs", "/material-ui/migration/migrating-to-pigment-css": "Migrating to Pigment CSS", "Upgrade to v5": "Upgrade to v5", "/material-ui/migration/migration-v4": "Migrating to v5: getting started", "/material-ui/migration/v5-style-changes": "Breaking changes: style and theme", "/material-ui/migration/v5-component-changes": "Breaking changes: components", "/material-ui/migration/migrating-from-jss": "Migrating from JSS (optional)", "/material-ui/migration/troubleshooting": "Troubleshooting", "Earlier versions": "Earlier versions", "/material-ui/migration/migration-v3": "Migration from v3 to v4", "/material-ui/migration/migration-v0x": "Migration from v0.x to v1", "/material-ui/discover-more": "Discover more", "/material-ui/discover-more/showcase": "Showcase", "/material-ui/discover-more/related-projects": "Related projects", "/material-ui/discover-more/roadmap": "Roadmap", "/material-ui/discover-more/backers": "Sponsors and Backers", "/material-ui/discover-more/vision": "Vision", "/material-ui/discover-more/changelog": "Changelog", "/material-ui/design-resources": "Design resources", "/material-ui/design-resources/material-ui-for-figma": "Figma Design Kit", "/material-ui/design-resources/material-ui-sync": "Figma Sync plugin", "https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=sidenav": "Template store", "/joy-ui/getting-started-group": "Getting started", "/joy-ui/getting-started": "Overview", "/joy-ui/getting-started/installation": "Installation", "/joy-ui/getting-started/usage": "Usage", "/joy-ui/getting-started/tutorial": "Tutorial", "/joy-ui/getting-started/templates": "Templates", "/joy-ui/getting-started/roadmap": "Roadmap", "/joy-ui/getting-started/support": "Support", "main-features": "Main features", "/joy-ui/main-features/global-variants": "Global variants", "/joy-ui/main-features/color-inversion": "Color inversion", "/joy-ui/main-features/automatic-adjustment": "Automatic adjustment", "/joy-ui/main-features/dark-mode-optimization": "Dark mode optimization", "/joy-ui/react-": "Components", "/joy-ui/react-autocomplete": "Autocomplete", "/joy-ui/react-button": "Button", "/joy-ui/react-button-group": "Button Group", "/joy-ui/react-checkbox": "Checkbox", "/joy-ui/react-input": "Input", "/joy-ui/react-radio-button": "Radio Button", "/joy-ui/react-select": "Select", "/joy-ui/react-slider": "Slider", "/joy-ui/react-switch": "Switch", "/joy-ui/react-textarea": "Textarea", "/joy-ui/react-text-field": "Text Field", "/joy-ui/react-toggle-button-group": "Toggle Button Group", "/joy-ui/react-aspect-ratio": "Aspect Ratio", "/joy-ui/react-avatar": "Avatar", "/joy-ui/react-badge": "Badge", "/joy-ui/react-chip": "Chip", "/joy-ui/react-divider": "Divider", "/joy-ui/react-list": "List", "/joy-ui/react-table": "Table", "/joy-ui/react-tooltip": "Tooltip", "/joy-ui/react-typography": "Typography", "/joy-ui/react-alert": "Alert", "/joy-ui/react-circular-progress": "Circular Progress", "/joy-ui/react-linear-progress": "Linear Progress", "/joy-ui/react-modal": "Modal", "/joy-ui/react-skeleton": "Skeleton", "/joy-ui/react-snackbar": "Snackbar", "/joy-ui/react-accordion": "Accordion", "/joy-ui/react-card": "Card", "/joy-ui/react-sheet": "Sheet", "/joy-ui/react-breadcrumbs": "Breadcrumbs", "/joy-ui/react-drawer": "Drawer", "/joy-ui/react-link": "Link", "/joy-ui/react-menu": "Menu", "/joy-ui/react-stepper": "Stepper", "/joy-ui/react-tabs": "Tabs", "/joy-ui/react-box": "Box", "/joy-ui/react-grid": "Grid", "/joy-ui/react-stack": "Stack", "/joy-ui/react-css-baseline": "CSS Baseline", "/joy-ui/customization": "Customization", "/joy-ui/customization/approaches": "Approaches", "Theme": "Theme", "/joy-ui/customization/theme-colors": "Colors", "/joy-ui/customization/theme-shadow": "Shadow", "/joy-ui/customization/theme-typography": "Typography", "/joy-ui/customization/themed-components": "Components", "Guides": "Guides", "/joy-ui/customization/dark-mode": "Dark mode", "/joy-ui/customization/using-css-variables": "Using CSS variables", "/joy-ui/customization/creating-themed-components": "Creating themed components", "/joy-ui/customization/overriding-component-structure": "Overriding the component structure", "/joy-ui/customization/right-to-left": "Right-to-left support", "Tools": "Tools", "/joy-ui/customization/default-theme-viewer": "Default theme viewer", "/joy-ui/customization/theme-builder": "Theme builder", "/joy-ui/integrations": "Integrations", "/joy-ui/integrations/next-js-app-router": "Next.js App Router", "/joy-ui/integrations/material-ui": "Usage with Material UI", "/joy-ui/integrations/icon-libraries": "Using other icon libraries", "/joy-ui/migration": "Migration", "/joy-ui/migration/migrating-default-theme": "Migrating the default theme" } }