Copy disabled (too large)
Download .txt
Showing preview only (43,464K chars total). Download the full file to get everything.
Repository: mui/material-ui
Branch: master
Commit: 061668592b91
Files: 29056
Total size: 35.5 MB
Directory structure:
gitextract__0dssve5/
├── .browserslistrc
├── .circleci/
│ └── config.yml
├── .editorconfig
├── .git-blame-ignore-revs
├── .gitattributes
├── .github/
│ ├── FUNDING.yml
│ ├── ISSUE_TEMPLATE/
│ │ ├── 1.bug.yml
│ │ ├── 2.feature.yml
│ │ ├── 3.rfc.yml
│ │ ├── 4.docs-feedback.yml
│ │ ├── 5.priority-support.yml
│ │ └── config.yml
│ ├── PULL_REQUEST_TEMPLATE.md
│ ├── codeql/
│ │ └── codeql-config.yml
│ ├── dependabot.yml
│ └── workflows/
│ ├── check-if-pr-has-label.yml
│ ├── ci-check.yml
│ ├── ci.yml
│ ├── closed-issue-message.yml
│ ├── codeql.yml
│ ├── create-cherry-pick-pr.yml
│ ├── ensure-triage-label.yml
│ ├── issue-cleanup.yml
│ ├── maintenance.yml
│ ├── mark-duplicate.yml
│ ├── no-response.yml
│ ├── priority-support-validation-prompt.yml
│ ├── publish-canaries.yml
│ ├── publish.yml
│ ├── scorecards.yml
│ ├── support-stackoverflow.yml
│ └── vale-action.yml
├── .gitignore
├── .lintignore
├── .markdownlint-cli2.mjs
├── .npmrc
├── .prettierignore
├── .tidelift.yml
├── .vale.ini
├── .vscode/
│ └── extensions.json
├── AGENTS.md
├── CHANGELOG.md
├── CHANGELOG.old.md
├── CLAUDE.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── SECURITY.md
├── TYPESCRIPT_CONVENTION.md
├── babel.config.mjs
├── crowdin.yml
├── dangerfile.js
├── docs/
│ ├── README.md
│ ├── config.ts
│ ├── data/
│ │ ├── about/
│ │ │ └── teamMembers.json
│ │ ├── docs/
│ │ │ └── pages.ts
│ │ ├── docs-infra/
│ │ │ └── pages.ts
│ │ ├── experiments/
│ │ │ └── renderers/
│ │ │ ├── renderAvatar.js
│ │ │ ├── renderCountry.js
│ │ │ ├── renderEmail.js
│ │ │ ├── renderIncoterm.js
│ │ │ ├── renderProgress.js
│ │ │ ├── renderRating.js
│ │ │ ├── renderSparkline.js
│ │ │ └── renderStatus.js
│ │ ├── material/
│ │ │ ├── all-components/
│ │ │ │ └── all-components.md
│ │ │ ├── components/
│ │ │ │ ├── about-the-lab/
│ │ │ │ │ └── about-the-lab.md
│ │ │ │ ├── accordion/
│ │ │ │ │ ├── AccordionExpandDefault.js
│ │ │ │ │ ├── AccordionExpandDefault.tsx
│ │ │ │ │ ├── AccordionExpandIcon.js
│ │ │ │ │ ├── AccordionExpandIcon.tsx
│ │ │ │ │ ├── AccordionTransition.js
│ │ │ │ │ ├── AccordionTransition.tsx
│ │ │ │ │ ├── AccordionUsage.js
│ │ │ │ │ ├── AccordionUsage.tsx
│ │ │ │ │ ├── ControlledAccordions.js
│ │ │ │ │ ├── ControlledAccordions.tsx
│ │ │ │ │ ├── CustomizedAccordions.js
│ │ │ │ │ ├── CustomizedAccordions.tsx
│ │ │ │ │ ├── DisabledAccordion.js
│ │ │ │ │ ├── DisabledAccordion.tsx
│ │ │ │ │ └── accordion.md
│ │ │ │ ├── alert/
│ │ │ │ │ ├── ActionAlerts.js
│ │ │ │ │ ├── ActionAlerts.tsx
│ │ │ │ │ ├── ActionAlerts.tsx.preview
│ │ │ │ │ ├── BasicAlerts.js
│ │ │ │ │ ├── BasicAlerts.tsx
│ │ │ │ │ ├── BasicAlerts.tsx.preview
│ │ │ │ │ ├── ColorAlerts.js
│ │ │ │ │ ├── ColorAlerts.tsx
│ │ │ │ │ ├── ColorAlerts.tsx.preview
│ │ │ │ │ ├── DescriptionAlerts.js
│ │ │ │ │ ├── DescriptionAlerts.tsx
│ │ │ │ │ ├── DescriptionAlerts.tsx.preview
│ │ │ │ │ ├── FilledAlerts.js
│ │ │ │ │ ├── FilledAlerts.tsx
│ │ │ │ │ ├── FilledAlerts.tsx.preview
│ │ │ │ │ ├── IconAlerts.js
│ │ │ │ │ ├── IconAlerts.tsx
│ │ │ │ │ ├── IconAlerts.tsx.preview
│ │ │ │ │ ├── OutlinedAlerts.js
│ │ │ │ │ ├── OutlinedAlerts.tsx
│ │ │ │ │ ├── OutlinedAlerts.tsx.preview
│ │ │ │ │ ├── SimpleAlert.js
│ │ │ │ │ ├── SimpleAlert.tsx
│ │ │ │ │ ├── SimpleAlert.tsx.preview
│ │ │ │ │ ├── TransitionAlerts.js
│ │ │ │ │ ├── TransitionAlerts.tsx
│ │ │ │ │ └── alert.md
│ │ │ │ ├── app-bar/
│ │ │ │ │ ├── BackToTop.js
│ │ │ │ │ ├── BackToTop.tsx
│ │ │ │ │ ├── BottomAppBar.js
│ │ │ │ │ ├── BottomAppBar.tsx
│ │ │ │ │ ├── ButtonAppBar.js
│ │ │ │ │ ├── ButtonAppBar.tsx
│ │ │ │ │ ├── DenseAppBar.js
│ │ │ │ │ ├── DenseAppBar.tsx
│ │ │ │ │ ├── DenseAppBar.tsx.preview
│ │ │ │ │ ├── DrawerAppBar.js
│ │ │ │ │ ├── DrawerAppBar.tsx
│ │ │ │ │ ├── ElevateAppBar.js
│ │ │ │ │ ├── ElevateAppBar.tsx
│ │ │ │ │ ├── EnableColorOnDarkAppBar.js
│ │ │ │ │ ├── EnableColorOnDarkAppBar.tsx
│ │ │ │ │ ├── EnableColorOnDarkAppBar.tsx.preview
│ │ │ │ │ ├── HideAppBar.js
│ │ │ │ │ ├── HideAppBar.tsx
│ │ │ │ │ ├── MenuAppBar.js
│ │ │ │ │ ├── MenuAppBar.tsx
│ │ │ │ │ ├── PrimarySearchAppBar.js
│ │ │ │ │ ├── PrimarySearchAppBar.tsx
│ │ │ │ │ ├── ProminentAppBar.js
│ │ │ │ │ ├── ProminentAppBar.tsx
│ │ │ │ │ ├── ResponsiveAppBar.js
│ │ │ │ │ ├── ResponsiveAppBar.tsx
│ │ │ │ │ ├── SearchAppBar.js
│ │ │ │ │ ├── SearchAppBar.tsx
│ │ │ │ │ └── app-bar.md
│ │ │ │ ├── autocomplete/
│ │ │ │ │ ├── Asynchronous.js
│ │ │ │ │ ├── Asynchronous.tsx
│ │ │ │ │ ├── AutocompleteHint.js
│ │ │ │ │ ├── AutocompleteHint.tsx
│ │ │ │ │ ├── CheckboxesTags.js
│ │ │ │ │ ├── CheckboxesTags.tsx
│ │ │ │ │ ├── ComboBox.js
│ │ │ │ │ ├── ComboBox.tsx
│ │ │ │ │ ├── ComboBox.tsx.preview
│ │ │ │ │ ├── ControllableStates.js
│ │ │ │ │ ├── ControllableStates.tsx
│ │ │ │ │ ├── CountrySelect.js
│ │ │ │ │ ├── CountrySelect.tsx
│ │ │ │ │ ├── CustomInputAutocomplete.js
│ │ │ │ │ ├── CustomInputAutocomplete.tsx
│ │ │ │ │ ├── CustomSingleValueRendering.js
│ │ │ │ │ ├── CustomSingleValueRendering.tsx
│ │ │ │ │ ├── CustomSingleValueRendering.tsx.preview
│ │ │ │ │ ├── CustomizedHook.js
│ │ │ │ │ ├── CustomizedHook.tsx
│ │ │ │ │ ├── CustomizedHook.tsx.preview
│ │ │ │ │ ├── DisabledOptions.js
│ │ │ │ │ ├── DisabledOptions.tsx
│ │ │ │ │ ├── DisabledOptions.tsx.preview
│ │ │ │ │ ├── Filter.js
│ │ │ │ │ ├── Filter.tsx
│ │ │ │ │ ├── Filter.tsx.preview
│ │ │ │ │ ├── FixedTags.js
│ │ │ │ │ ├── FixedTags.tsx
│ │ │ │ │ ├── FreeSolo.js
│ │ │ │ │ ├── FreeSolo.tsx
│ │ │ │ │ ├── FreeSoloCreateOption.js
│ │ │ │ │ ├── FreeSoloCreateOption.tsx
│ │ │ │ │ ├── FreeSoloCreateOptionDialog.js
│ │ │ │ │ ├── FreeSoloCreateOptionDialog.tsx
│ │ │ │ │ ├── GitHubLabel.js
│ │ │ │ │ ├── GitHubLabel.tsx
│ │ │ │ │ ├── GloballyCustomizedOptions.js
│ │ │ │ │ ├── GloballyCustomizedOptions.tsx
│ │ │ │ │ ├── GloballyCustomizedOptions.tsx.preview
│ │ │ │ │ ├── GoogleMaps.js
│ │ │ │ │ ├── GoogleMaps.tsx
│ │ │ │ │ ├── Grouped.js
│ │ │ │ │ ├── Grouped.tsx
│ │ │ │ │ ├── Grouped.tsx.preview
│ │ │ │ │ ├── Highlights.js
│ │ │ │ │ ├── Highlights.tsx
│ │ │ │ │ ├── LimitTags.js
│ │ │ │ │ ├── LimitTags.tsx
│ │ │ │ │ ├── LimitTags.tsx.preview
│ │ │ │ │ ├── Playground.js
│ │ │ │ │ ├── Playground.tsx
│ │ │ │ │ ├── RenderGroup.js
│ │ │ │ │ ├── RenderGroup.tsx
│ │ │ │ │ ├── RenderGroup.tsx.preview
│ │ │ │ │ ├── Sizes.js
│ │ │ │ │ ├── Sizes.tsx
│ │ │ │ │ ├── Tags.js
│ │ │ │ │ ├── Tags.tsx
│ │ │ │ │ ├── UseAutocomplete.js
│ │ │ │ │ ├── UseAutocomplete.tsx
│ │ │ │ │ ├── UseAutocomplete.tsx.preview
│ │ │ │ │ ├── Virtualize.js
│ │ │ │ │ ├── Virtualize.tsx
│ │ │ │ │ ├── autocomplete.md
│ │ │ │ │ ├── top100Films.js
│ │ │ │ │ └── top100Films.ts
│ │ │ │ ├── avatars/
│ │ │ │ │ ├── BackgroundLetterAvatars.js
│ │ │ │ │ ├── BackgroundLetterAvatars.tsx
│ │ │ │ │ ├── BackgroundLetterAvatars.tsx.preview
│ │ │ │ │ ├── BadgeAvatars.js
│ │ │ │ │ ├── BadgeAvatars.tsx
│ │ │ │ │ ├── BadgeAvatars.tsx.preview
│ │ │ │ │ ├── CustomSurplusAvatars.js
│ │ │ │ │ ├── CustomSurplusAvatars.tsx
│ │ │ │ │ ├── CustomSurplusAvatars.tsx.preview
│ │ │ │ │ ├── FallbackAvatars.js
│ │ │ │ │ ├── FallbackAvatars.tsx
│ │ │ │ │ ├── FallbackAvatars.tsx.preview
│ │ │ │ │ ├── GroupAvatars.js
│ │ │ │ │ ├── GroupAvatars.tsx
│ │ │ │ │ ├── GroupAvatars.tsx.preview
│ │ │ │ │ ├── IconAvatars.js
│ │ │ │ │ ├── IconAvatars.tsx
│ │ │ │ │ ├── IconAvatars.tsx.preview
│ │ │ │ │ ├── ImageAvatars.js
│ │ │ │ │ ├── ImageAvatars.tsx
│ │ │ │ │ ├── ImageAvatars.tsx.preview
│ │ │ │ │ ├── LetterAvatars.js
│ │ │ │ │ ├── LetterAvatars.tsx
│ │ │ │ │ ├── LetterAvatars.tsx.preview
│ │ │ │ │ ├── SizeAvatars.js
│ │ │ │ │ ├── SizeAvatars.tsx
│ │ │ │ │ ├── SizeAvatars.tsx.preview
│ │ │ │ │ ├── Spacing.js
│ │ │ │ │ ├── Spacing.tsx
│ │ │ │ │ ├── Spacing.tsx.preview
│ │ │ │ │ ├── TotalAvatars.js
│ │ │ │ │ ├── TotalAvatars.tsx
│ │ │ │ │ ├── TotalAvatars.tsx.preview
│ │ │ │ │ ├── UploadAvatars.js
│ │ │ │ │ ├── UploadAvatars.tsx
│ │ │ │ │ ├── VariantAvatars.js
│ │ │ │ │ ├── VariantAvatars.tsx
│ │ │ │ │ ├── VariantAvatars.tsx.preview
│ │ │ │ │ └── avatars.md
│ │ │ │ ├── backdrop/
│ │ │ │ │ ├── SimpleBackdrop.js
│ │ │ │ │ ├── SimpleBackdrop.tsx
│ │ │ │ │ ├── SimpleBackdrop.tsx.preview
│ │ │ │ │ └── backdrop.md
│ │ │ │ ├── badges/
│ │ │ │ │ ├── AccessibleBadges.js
│ │ │ │ │ ├── AccessibleBadges.tsx
│ │ │ │ │ ├── AccessibleBadges.tsx.preview
│ │ │ │ │ ├── BadgeAlignment.js
│ │ │ │ │ ├── BadgeMax.js
│ │ │ │ │ ├── BadgeMax.tsx
│ │ │ │ │ ├── BadgeMax.tsx.preview
│ │ │ │ │ ├── BadgeOverlap.js
│ │ │ │ │ ├── BadgeOverlap.tsx
│ │ │ │ │ ├── BadgeOverlap.tsx.preview
│ │ │ │ │ ├── BadgeVisibility.js
│ │ │ │ │ ├── BadgeVisibility.tsx
│ │ │ │ │ ├── ColorBadge.js
│ │ │ │ │ ├── ColorBadge.tsx
│ │ │ │ │ ├── ColorBadge.tsx.preview
│ │ │ │ │ ├── CustomizedBadges.js
│ │ │ │ │ ├── CustomizedBadges.tsx
│ │ │ │ │ ├── CustomizedBadges.tsx.preview
│ │ │ │ │ ├── DotBadge.js
│ │ │ │ │ ├── DotBadge.tsx
│ │ │ │ │ ├── DotBadge.tsx.preview
│ │ │ │ │ ├── ShowZeroBadge.js
│ │ │ │ │ ├── ShowZeroBadge.tsx
│ │ │ │ │ ├── ShowZeroBadge.tsx.preview
│ │ │ │ │ ├── SimpleBadge.js
│ │ │ │ │ ├── SimpleBadge.tsx
│ │ │ │ │ ├── SimpleBadge.tsx.preview
│ │ │ │ │ └── badges.md
│ │ │ │ ├── bottom-navigation/
│ │ │ │ │ ├── FixedBottomNavigation.js
│ │ │ │ │ ├── FixedBottomNavigation.tsx
│ │ │ │ │ ├── LabelBottomNavigation.js
│ │ │ │ │ ├── LabelBottomNavigation.tsx
│ │ │ │ │ ├── SimpleBottomNavigation.js
│ │ │ │ │ ├── SimpleBottomNavigation.tsx
│ │ │ │ │ ├── SimpleBottomNavigation.tsx.preview
│ │ │ │ │ └── bottom-navigation.md
│ │ │ │ ├── box/
│ │ │ │ │ ├── BoxBasic.js
│ │ │ │ │ ├── BoxBasic.tsx
│ │ │ │ │ ├── BoxBasic.tsx.preview
│ │ │ │ │ ├── BoxSx.js
│ │ │ │ │ ├── BoxSx.tsx
│ │ │ │ │ └── box.md
│ │ │ │ ├── breadcrumbs/
│ │ │ │ │ ├── ActiveLastBreadcrumb.js
│ │ │ │ │ ├── ActiveLastBreadcrumb.tsx
│ │ │ │ │ ├── BasicBreadcrumbs.js
│ │ │ │ │ ├── BasicBreadcrumbs.tsx
│ │ │ │ │ ├── BasicBreadcrumbs.tsx.preview
│ │ │ │ │ ├── CollapsedBreadcrumbs.js
│ │ │ │ │ ├── CollapsedBreadcrumbs.tsx
│ │ │ │ │ ├── CollapsedBreadcrumbs.tsx.preview
│ │ │ │ │ ├── CondensedWithMenu.js
│ │ │ │ │ ├── CondensedWithMenu.tsx
│ │ │ │ │ ├── CustomSeparator.js
│ │ │ │ │ ├── CustomSeparator.tsx
│ │ │ │ │ ├── CustomSeparator.tsx.preview
│ │ │ │ │ ├── CustomizedBreadcrumbs.js
│ │ │ │ │ ├── CustomizedBreadcrumbs.tsx
│ │ │ │ │ ├── CustomizedBreadcrumbs.tsx.preview
│ │ │ │ │ ├── IconBreadcrumbs.js
│ │ │ │ │ ├── IconBreadcrumbs.tsx
│ │ │ │ │ ├── RouterBreadcrumbs.js
│ │ │ │ │ ├── RouterBreadcrumbs.tsx
│ │ │ │ │ └── breadcrumbs.md
│ │ │ │ ├── button-group/
│ │ │ │ │ ├── BasicButtonGroup.js
│ │ │ │ │ ├── BasicButtonGroup.tsx
│ │ │ │ │ ├── BasicButtonGroup.tsx.preview
│ │ │ │ │ ├── DisableElevation.js
│ │ │ │ │ ├── DisableElevation.tsx
│ │ │ │ │ ├── DisableElevation.tsx.preview
│ │ │ │ │ ├── GroupOrientation.js
│ │ │ │ │ ├── GroupOrientation.tsx
│ │ │ │ │ ├── GroupSizesColors.js
│ │ │ │ │ ├── GroupSizesColors.tsx
│ │ │ │ │ ├── GroupSizesColors.tsx.preview
│ │ │ │ │ ├── LoadingButtonGroup.js
│ │ │ │ │ ├── LoadingButtonGroup.tsx
│ │ │ │ │ ├── LoadingButtonGroup.tsx.preview
│ │ │ │ │ ├── SplitButton.js
│ │ │ │ │ ├── SplitButton.tsx
│ │ │ │ │ ├── VariantButtonGroup.js
│ │ │ │ │ ├── VariantButtonGroup.tsx
│ │ │ │ │ ├── VariantButtonGroup.tsx.preview
│ │ │ │ │ └── button-group.md
│ │ │ │ ├── buttons/
│ │ │ │ │ ├── BasicButtons.js
│ │ │ │ │ ├── BasicButtons.tsx
│ │ │ │ │ ├── BasicButtons.tsx.preview
│ │ │ │ │ ├── ButtonBaseDemo.js
│ │ │ │ │ ├── ButtonBaseDemo.tsx
│ │ │ │ │ ├── ButtonSizes.js
│ │ │ │ │ ├── ButtonSizes.tsx
│ │ │ │ │ ├── ColorButtons.js
│ │ │ │ │ ├── ColorButtons.tsx
│ │ │ │ │ ├── ColorButtons.tsx.preview
│ │ │ │ │ ├── ContainedButtons.js
│ │ │ │ │ ├── ContainedButtons.tsx
│ │ │ │ │ ├── ContainedButtons.tsx.preview
│ │ │ │ │ ├── CustomizedButtons.js
│ │ │ │ │ ├── CustomizedButtons.tsx
│ │ │ │ │ ├── CustomizedButtons.tsx.preview
│ │ │ │ │ ├── DisableElevation.js
│ │ │ │ │ ├── DisableElevation.tsx
│ │ │ │ │ ├── DisableElevation.tsx.preview
│ │ │ │ │ ├── IconButtonColors.js
│ │ │ │ │ ├── IconButtonColors.tsx
│ │ │ │ │ ├── IconButtonColors.tsx.preview
│ │ │ │ │ ├── IconButtonSizes.js
│ │ │ │ │ ├── IconButtonSizes.tsx
│ │ │ │ │ ├── IconButtonSizes.tsx.preview
│ │ │ │ │ ├── IconButtonWithBadge.js
│ │ │ │ │ ├── IconButtonWithBadge.tsx
│ │ │ │ │ ├── IconButtonWithBadge.tsx.preview
│ │ │ │ │ ├── IconButtons.js
│ │ │ │ │ ├── IconButtons.tsx
│ │ │ │ │ ├── IconButtons.tsx.preview
│ │ │ │ │ ├── IconLabelButtons.js
│ │ │ │ │ ├── IconLabelButtons.tsx
│ │ │ │ │ ├── IconLabelButtons.tsx.preview
│ │ │ │ │ ├── InputFileUpload.js
│ │ │ │ │ ├── InputFileUpload.tsx
│ │ │ │ │ ├── InputFileUpload.tsx.preview
│ │ │ │ │ ├── LoadingButtons.js
│ │ │ │ │ ├── LoadingButtons.tsx
│ │ │ │ │ ├── LoadingButtonsTransition.js
│ │ │ │ │ ├── LoadingButtonsTransition.tsx
│ │ │ │ │ ├── LoadingIconButton.js
│ │ │ │ │ ├── LoadingIconButton.tsx
│ │ │ │ │ ├── LoadingIconButton.tsx.preview
│ │ │ │ │ ├── OutlinedButtons.js
│ │ │ │ │ ├── OutlinedButtons.tsx
│ │ │ │ │ ├── OutlinedButtons.tsx.preview
│ │ │ │ │ ├── TextButtons.js
│ │ │ │ │ ├── TextButtons.tsx
│ │ │ │ │ ├── TextButtons.tsx.preview
│ │ │ │ │ └── buttons.md
│ │ │ │ ├── cards/
│ │ │ │ │ ├── ActionAreaCard.js
│ │ │ │ │ ├── ActionAreaCard.tsx
│ │ │ │ │ ├── BasicCard.js
│ │ │ │ │ ├── BasicCard.tsx
│ │ │ │ │ ├── ImgMediaCard.js
│ │ │ │ │ ├── ImgMediaCard.tsx
│ │ │ │ │ ├── MediaCard.js
│ │ │ │ │ ├── MediaCard.tsx
│ │ │ │ │ ├── MediaControlCard.js
│ │ │ │ │ ├── MediaControlCard.tsx
│ │ │ │ │ ├── MultiActionAreaCard.js
│ │ │ │ │ ├── MultiActionAreaCard.tsx
│ │ │ │ │ ├── OutlinedCard.js
│ │ │ │ │ ├── OutlinedCard.tsx
│ │ │ │ │ ├── OutlinedCard.tsx.preview
│ │ │ │ │ ├── RecipeReviewCard.js
│ │ │ │ │ ├── RecipeReviewCard.tsx
│ │ │ │ │ ├── SelectActionCard.js
│ │ │ │ │ ├── SelectActionCard.tsx
│ │ │ │ │ └── cards.md
│ │ │ │ ├── checkboxes/
│ │ │ │ │ ├── CheckboxLabels.js
│ │ │ │ │ ├── CheckboxLabels.tsx
│ │ │ │ │ ├── CheckboxLabels.tsx.preview
│ │ │ │ │ ├── Checkboxes.js
│ │ │ │ │ ├── Checkboxes.tsx
│ │ │ │ │ ├── Checkboxes.tsx.preview
│ │ │ │ │ ├── CheckboxesGroup.js
│ │ │ │ │ ├── CheckboxesGroup.tsx
│ │ │ │ │ ├── ColorCheckboxes.js
│ │ │ │ │ ├── ColorCheckboxes.tsx
│ │ │ │ │ ├── ColorCheckboxes.tsx.preview
│ │ │ │ │ ├── ControlledCheckbox.js
│ │ │ │ │ ├── ControlledCheckbox.tsx
│ │ │ │ │ ├── ControlledCheckbox.tsx.preview
│ │ │ │ │ ├── CustomizedCheckbox.js
│ │ │ │ │ ├── CustomizedCheckbox.tsx
│ │ │ │ │ ├── CustomizedCheckbox.tsx.preview
│ │ │ │ │ ├── FormControlLabelPosition.js
│ │ │ │ │ ├── FormControlLabelPosition.tsx
│ │ │ │ │ ├── IconCheckboxes.js
│ │ │ │ │ ├── IconCheckboxes.tsx
│ │ │ │ │ ├── IconCheckboxes.tsx.preview
│ │ │ │ │ ├── IndeterminateCheckbox.js
│ │ │ │ │ ├── IndeterminateCheckbox.tsx
│ │ │ │ │ ├── IndeterminateCheckbox.tsx.preview
│ │ │ │ │ ├── SizeCheckboxes.js
│ │ │ │ │ ├── SizeCheckboxes.tsx
│ │ │ │ │ ├── SizeCheckboxes.tsx.preview
│ │ │ │ │ └── checkboxes.md
│ │ │ │ ├── chips/
│ │ │ │ │ ├── AvatarChips.js
│ │ │ │ │ ├── AvatarChips.tsx
│ │ │ │ │ ├── AvatarChips.tsx.preview
│ │ │ │ │ ├── BasicChips.js
│ │ │ │ │ ├── BasicChips.tsx
│ │ │ │ │ ├── BasicChips.tsx.preview
│ │ │ │ │ ├── ChipsArray.js
│ │ │ │ │ ├── ChipsArray.tsx
│ │ │ │ │ ├── ChipsPlayground.js
│ │ │ │ │ ├── ClickableAndDeletableChips.js
│ │ │ │ │ ├── ClickableAndDeletableChips.tsx
│ │ │ │ │ ├── ClickableAndDeletableChips.tsx.preview
│ │ │ │ │ ├── ClickableChips.js
│ │ │ │ │ ├── ClickableChips.tsx
│ │ │ │ │ ├── ClickableChips.tsx.preview
│ │ │ │ │ ├── ClickableLinkChips.js
│ │ │ │ │ ├── ClickableLinkChips.tsx
│ │ │ │ │ ├── ClickableLinkChips.tsx.preview
│ │ │ │ │ ├── ColorChips.js
│ │ │ │ │ ├── ColorChips.tsx
│ │ │ │ │ ├── ColorChips.tsx.preview
│ │ │ │ │ ├── CustomDeleteIconChips.js
│ │ │ │ │ ├── CustomDeleteIconChips.tsx
│ │ │ │ │ ├── CustomDeleteIconChips.tsx.preview
│ │ │ │ │ ├── DeletableChips.js
│ │ │ │ │ ├── DeletableChips.tsx
│ │ │ │ │ ├── DeletableChips.tsx.preview
│ │ │ │ │ ├── IconChips.js
│ │ │ │ │ ├── IconChips.tsx
│ │ │ │ │ ├── IconChips.tsx.preview
│ │ │ │ │ ├── MultilineChips.js
│ │ │ │ │ ├── MultilineChips.tsx
│ │ │ │ │ ├── MultilineChips.tsx.preview
│ │ │ │ │ ├── SizesChips.js
│ │ │ │ │ ├── SizesChips.tsx
│ │ │ │ │ ├── SizesChips.tsx.preview
│ │ │ │ │ └── chips.md
│ │ │ │ ├── click-away-listener/
│ │ │ │ │ ├── ClickAway.js
│ │ │ │ │ ├── ClickAway.tsx
│ │ │ │ │ ├── ClickAway.tsx.preview
│ │ │ │ │ ├── LeadingClickAway.js
│ │ │ │ │ ├── LeadingClickAway.tsx
│ │ │ │ │ ├── LeadingClickAway.tsx.preview
│ │ │ │ │ ├── PortalClickAway.js
│ │ │ │ │ ├── PortalClickAway.tsx
│ │ │ │ │ ├── PortalClickAway.tsx.preview
│ │ │ │ │ └── click-away-listener.md
│ │ │ │ ├── container/
│ │ │ │ │ ├── FixedContainer.js
│ │ │ │ │ ├── FixedContainer.tsx
│ │ │ │ │ ├── FixedContainer.tsx.preview
│ │ │ │ │ ├── SimpleContainer.js
│ │ │ │ │ ├── SimpleContainer.tsx
│ │ │ │ │ ├── SimpleContainer.tsx.preview
│ │ │ │ │ └── container.md
│ │ │ │ ├── css-baseline/
│ │ │ │ │ └── css-baseline.md
│ │ │ │ ├── dialogs/
│ │ │ │ │ ├── AlertDialog.js
│ │ │ │ │ ├── AlertDialog.tsx
│ │ │ │ │ ├── AlertDialogSlide.js
│ │ │ │ │ ├── AlertDialogSlide.tsx
│ │ │ │ │ ├── ConfirmationDialog.js
│ │ │ │ │ ├── ConfirmationDialog.tsx
│ │ │ │ │ ├── CookiesBanner.js
│ │ │ │ │ ├── CookiesBanner.tsx
│ │ │ │ │ ├── CustomizedDialogs.js
│ │ │ │ │ ├── CustomizedDialogs.tsx
│ │ │ │ │ ├── DraggableDialog.js
│ │ │ │ │ ├── DraggableDialog.tsx
│ │ │ │ │ ├── FormDialog.js
│ │ │ │ │ ├── FormDialog.tsx
│ │ │ │ │ ├── FullScreenDialog.js
│ │ │ │ │ ├── FullScreenDialog.tsx
│ │ │ │ │ ├── MaxWidthDialog.js
│ │ │ │ │ ├── MaxWidthDialog.tsx
│ │ │ │ │ ├── ResponsiveDialog.js
│ │ │ │ │ ├── ResponsiveDialog.tsx
│ │ │ │ │ ├── ScrollDialog.js
│ │ │ │ │ ├── ScrollDialog.tsx
│ │ │ │ │ ├── SimpleDialogDemo.js
│ │ │ │ │ ├── SimpleDialogDemo.preview
│ │ │ │ │ ├── SimpleDialogDemo.tsx
│ │ │ │ │ ├── SimpleDialogDemo.tsx.preview
│ │ │ │ │ └── dialogs.md
│ │ │ │ ├── dividers/
│ │ │ │ │ ├── DividerText.js
│ │ │ │ │ ├── DividerText.tsx
│ │ │ │ │ ├── DividerText.tsx.preview
│ │ │ │ │ ├── DividerVariants.js
│ │ │ │ │ ├── DividerVariants.tsx
│ │ │ │ │ ├── FlexDivider.js
│ │ │ │ │ ├── FlexDivider.tsx
│ │ │ │ │ ├── FlexDivider.tsx.preview
│ │ │ │ │ ├── IntroDivider.js
│ │ │ │ │ ├── IntroDivider.tsx
│ │ │ │ │ ├── ListDividers.js
│ │ │ │ │ ├── ListDividers.tsx
│ │ │ │ │ ├── VerticalDividerMiddle.js
│ │ │ │ │ ├── VerticalDividerMiddle.tsx
│ │ │ │ │ ├── VerticalDividers.js
│ │ │ │ │ ├── VerticalDividers.tsx
│ │ │ │ │ ├── VerticalDividers.tsx.preview
│ │ │ │ │ └── dividers.md
│ │ │ │ ├── drawers/
│ │ │ │ │ ├── AnchorTemporaryDrawer.js
│ │ │ │ │ ├── AnchorTemporaryDrawer.tsx
│ │ │ │ │ ├── AnchorTemporaryDrawer.tsx.preview
│ │ │ │ │ ├── ClippedDrawer.js
│ │ │ │ │ ├── ClippedDrawer.tsx
│ │ │ │ │ ├── MiniDrawer.js
│ │ │ │ │ ├── MiniDrawer.tsx
│ │ │ │ │ ├── PermanentDrawerLeft.js
│ │ │ │ │ ├── PermanentDrawerLeft.tsx
│ │ │ │ │ ├── PermanentDrawerRight.js
│ │ │ │ │ ├── PermanentDrawerRight.tsx
│ │ │ │ │ ├── PersistentDrawerLeft.js
│ │ │ │ │ ├── PersistentDrawerLeft.tsx
│ │ │ │ │ ├── PersistentDrawerRight.js
│ │ │ │ │ ├── PersistentDrawerRight.tsx
│ │ │ │ │ ├── ResponsiveDrawer.js
│ │ │ │ │ ├── ResponsiveDrawer.tsx
│ │ │ │ │ ├── SwipeableEdgeDrawer.js
│ │ │ │ │ ├── SwipeableEdgeDrawer.tsx
│ │ │ │ │ ├── SwipeableTemporaryDrawer.js
│ │ │ │ │ ├── SwipeableTemporaryDrawer.tsx
│ │ │ │ │ ├── SwipeableTemporaryDrawer.tsx.preview
│ │ │ │ │ ├── TemporaryDrawer.js
│ │ │ │ │ ├── TemporaryDrawer.tsx
│ │ │ │ │ ├── TemporaryDrawer.tsx.preview
│ │ │ │ │ └── drawers.md
│ │ │ │ ├── floating-action-button/
│ │ │ │ │ ├── FloatingActionButtonExtendedSize.js
│ │ │ │ │ ├── FloatingActionButtonExtendedSize.tsx
│ │ │ │ │ ├── FloatingActionButtonExtendedSize.tsx.preview
│ │ │ │ │ ├── FloatingActionButtonSize.js
│ │ │ │ │ ├── FloatingActionButtonSize.tsx
│ │ │ │ │ ├── FloatingActionButtonSize.tsx.preview
│ │ │ │ │ ├── FloatingActionButtonZoom.js
│ │ │ │ │ ├── FloatingActionButtonZoom.tsx
│ │ │ │ │ ├── FloatingActionButtons.js
│ │ │ │ │ ├── FloatingActionButtons.tsx
│ │ │ │ │ ├── FloatingActionButtons.tsx.preview
│ │ │ │ │ └── floating-action-button.md
│ │ │ │ ├── grid/
│ │ │ │ │ ├── AutoGrid.js
│ │ │ │ │ ├── AutoGrid.tsx
│ │ │ │ │ ├── AutoGrid.tsx.preview
│ │ │ │ │ ├── BasicGrid.js
│ │ │ │ │ ├── BasicGrid.tsx
│ │ │ │ │ ├── BasicGrid.tsx.preview
│ │ │ │ │ ├── CenteredElementGrid.js
│ │ │ │ │ ├── CenteredElementGrid.tsx
│ │ │ │ │ ├── ColumnLayoutInsideGrid.js
│ │ │ │ │ ├── ColumnLayoutInsideGrid.tsx
│ │ │ │ │ ├── ColumnLayoutInsideGrid.tsx.preview
│ │ │ │ │ ├── ColumnsGrid.js
│ │ │ │ │ ├── ColumnsGrid.tsx
│ │ │ │ │ ├── ColumnsGrid.tsx.preview
│ │ │ │ │ ├── FullBorderedGrid.js
│ │ │ │ │ ├── FullBorderedGrid.tsx
│ │ │ │ │ ├── FullWidthGrid.js
│ │ │ │ │ ├── FullWidthGrid.tsx
│ │ │ │ │ ├── FullWidthGrid.tsx.preview
│ │ │ │ │ ├── HalfBorderedGrid.js
│ │ │ │ │ ├── HalfBorderedGrid.tsx
│ │ │ │ │ ├── InteractiveGrid.js
│ │ │ │ │ ├── InteractiveGrid.tsx
│ │ │ │ │ ├── NestedGrid.js
│ │ │ │ │ ├── NestedGrid.tsx
│ │ │ │ │ ├── NestedGridColumns.js
│ │ │ │ │ ├── NestedGridColumns.tsx
│ │ │ │ │ ├── OffsetGrid.js
│ │ │ │ │ ├── OffsetGrid.tsx
│ │ │ │ │ ├── OffsetGrid.tsx.preview
│ │ │ │ │ ├── ResponsiveGrid.js
│ │ │ │ │ ├── ResponsiveGrid.tsx
│ │ │ │ │ ├── ResponsiveGrid.tsx.preview
│ │ │ │ │ ├── RowAndColumnSpacing.js
│ │ │ │ │ ├── RowAndColumnSpacing.tsx
│ │ │ │ │ ├── RowAndColumnSpacing.tsx.preview
│ │ │ │ │ ├── SpacingGrid.js
│ │ │ │ │ ├── SpacingGrid.tsx
│ │ │ │ │ ├── VariableWidthGrid.js
│ │ │ │ │ ├── VariableWidthGrid.tsx
│ │ │ │ │ ├── VariableWidthGrid.tsx.preview
│ │ │ │ │ └── grid.md
│ │ │ │ ├── icons/
│ │ │ │ │ ├── CreateSvgIcon.js
│ │ │ │ │ ├── CreateSvgIcon.tsx
│ │ │ │ │ ├── CreateSvgIcon.tsx.preview
│ │ │ │ │ ├── FontAwesomeIcon.js
│ │ │ │ │ ├── FontAwesomeIcon.tsx
│ │ │ │ │ ├── FontAwesomeIcon.tsx.preview
│ │ │ │ │ ├── FontAwesomeIconSize.js
│ │ │ │ │ ├── FontAwesomeIconSize.tsx
│ │ │ │ │ ├── FontAwesomeIconSize.tsx.preview
│ │ │ │ │ ├── FontAwesomeSvgIconDemo.js
│ │ │ │ │ ├── FontAwesomeSvgIconDemo.tsx
│ │ │ │ │ ├── FontAwesomeSvgIconDemo.tsx.preview
│ │ │ │ │ ├── Icons.js
│ │ │ │ │ ├── Icons.tsx
│ │ │ │ │ ├── Icons.tsx.preview
│ │ │ │ │ ├── SvgIconChildren.js
│ │ │ │ │ ├── SvgIconChildren.tsx
│ │ │ │ │ ├── SvgIconChildren.tsx.preview
│ │ │ │ │ ├── SvgIconsColor.js
│ │ │ │ │ ├── SvgIconsColor.tsx
│ │ │ │ │ ├── SvgIconsColor.tsx.preview
│ │ │ │ │ ├── SvgIconsSize.js
│ │ │ │ │ ├── SvgIconsSize.tsx
│ │ │ │ │ ├── SvgIconsSize.tsx.preview
│ │ │ │ │ ├── SvgMaterialIcons.js
│ │ │ │ │ ├── SvgMaterialIcons.tsx
│ │ │ │ │ ├── TwoToneIcons.js
│ │ │ │ │ ├── TwoToneIcons.tsx
│ │ │ │ │ ├── TwoToneIcons.tsx.preview
│ │ │ │ │ └── icons.md
│ │ │ │ ├── image-list/
│ │ │ │ │ ├── CustomImageList.js
│ │ │ │ │ ├── CustomImageList.tsx
│ │ │ │ │ ├── MasonryImageList.js
│ │ │ │ │ ├── MasonryImageList.tsx
│ │ │ │ │ ├── MasonryImageList.tsx.preview
│ │ │ │ │ ├── QuiltedImageList.js
│ │ │ │ │ ├── QuiltedImageList.tsx
│ │ │ │ │ ├── QuiltedImageList.tsx.preview
│ │ │ │ │ ├── StandardImageList.js
│ │ │ │ │ ├── StandardImageList.tsx
│ │ │ │ │ ├── StandardImageList.tsx.preview
│ │ │ │ │ ├── TitlebarBelowImageList.js
│ │ │ │ │ ├── TitlebarBelowImageList.tsx
│ │ │ │ │ ├── TitlebarBelowMasonryImageList.js
│ │ │ │ │ ├── TitlebarBelowMasonryImageList.tsx
│ │ │ │ │ ├── TitlebarBelowMasonryImageList.tsx.preview
│ │ │ │ │ ├── TitlebarImageList.js
│ │ │ │ │ ├── TitlebarImageList.tsx
│ │ │ │ │ ├── WovenImageList.js
│ │ │ │ │ ├── WovenImageList.tsx
│ │ │ │ │ ├── WovenImageList.tsx.preview
│ │ │ │ │ ├── image-list.md
│ │ │ │ │ └── itemData.d.ts
│ │ │ │ ├── init-color-scheme-script/
│ │ │ │ │ └── init-color-scheme-script.md
│ │ │ │ ├── links/
│ │ │ │ │ ├── ButtonLink.js
│ │ │ │ │ ├── ButtonLink.tsx
│ │ │ │ │ ├── ButtonLink.tsx.preview
│ │ │ │ │ ├── Links.js
│ │ │ │ │ ├── Links.tsx
│ │ │ │ │ ├── Links.tsx.preview
│ │ │ │ │ ├── UnderlineLink.js
│ │ │ │ │ ├── UnderlineLink.tsx
│ │ │ │ │ ├── UnderlineLink.tsx.preview
│ │ │ │ │ └── links.md
│ │ │ │ ├── lists/
│ │ │ │ │ ├── AlignItemsList.js
│ │ │ │ │ ├── AlignItemsList.tsx
│ │ │ │ │ ├── BasicList.js
│ │ │ │ │ ├── BasicList.tsx
│ │ │ │ │ ├── CheckboxList.js
│ │ │ │ │ ├── CheckboxList.tsx
│ │ │ │ │ ├── CheckboxListSecondary.js
│ │ │ │ │ ├── CheckboxListSecondary.tsx
│ │ │ │ │ ├── CustomizedList.js
│ │ │ │ │ ├── CustomizedList.tsx
│ │ │ │ │ ├── FolderList.js
│ │ │ │ │ ├── FolderList.tsx
│ │ │ │ │ ├── GutterlessList.js
│ │ │ │ │ ├── GutterlessList.tsx
│ │ │ │ │ ├── GutterlessList.tsx.preview
│ │ │ │ │ ├── InsetList.js
│ │ │ │ │ ├── InsetList.tsx
│ │ │ │ │ ├── InteractiveList.js
│ │ │ │ │ ├── InteractiveList.tsx
│ │ │ │ │ ├── NestedList.js
│ │ │ │ │ ├── NestedList.tsx
│ │ │ │ │ ├── PinnedSubheaderList.js
│ │ │ │ │ ├── PinnedSubheaderList.tsx
│ │ │ │ │ ├── SelectedListItem.js
│ │ │ │ │ ├── SelectedListItem.tsx
│ │ │ │ │ ├── SwitchListSecondary.js
│ │ │ │ │ ├── SwitchListSecondary.tsx
│ │ │ │ │ ├── VirtualizedList.js
│ │ │ │ │ ├── VirtualizedList.tsx
│ │ │ │ │ ├── VirtualizedList.tsx.preview
│ │ │ │ │ └── lists.md
│ │ │ │ ├── masonry/
│ │ │ │ │ ├── BasicMasonry.js
│ │ │ │ │ ├── BasicMasonry.tsx
│ │ │ │ │ ├── BasicMasonry.tsx.preview
│ │ │ │ │ ├── FixedColumns.js
│ │ │ │ │ ├── FixedColumns.tsx
│ │ │ │ │ ├── FixedColumns.tsx.preview
│ │ │ │ │ ├── FixedSpacing.js
│ │ │ │ │ ├── FixedSpacing.tsx
│ │ │ │ │ ├── FixedSpacing.tsx.preview
│ │ │ │ │ ├── ImageMasonry.js
│ │ │ │ │ ├── ImageMasonry.tsx
│ │ │ │ │ ├── MasonryWithVariableHeightItems.js
│ │ │ │ │ ├── MasonryWithVariableHeightItems.tsx
│ │ │ │ │ ├── MasonryWithVariableHeightItems.tsx.preview
│ │ │ │ │ ├── ResponsiveColumns.js
│ │ │ │ │ ├── ResponsiveColumns.tsx
│ │ │ │ │ ├── ResponsiveColumns.tsx.preview
│ │ │ │ │ ├── ResponsiveSpacing.js
│ │ │ │ │ ├── ResponsiveSpacing.tsx
│ │ │ │ │ ├── ResponsiveSpacing.tsx.preview
│ │ │ │ │ ├── SSRMasonry.js
│ │ │ │ │ ├── SSRMasonry.tsx
│ │ │ │ │ ├── SSRMasonry.tsx.preview
│ │ │ │ │ ├── Sequential.js
│ │ │ │ │ ├── Sequential.tsx
│ │ │ │ │ ├── Sequential.tsx.preview
│ │ │ │ │ └── masonry.md
│ │ │ │ ├── material-icons/
│ │ │ │ │ ├── SearchIcons.js
│ │ │ │ │ ├── material-icons.md
│ │ │ │ │ └── synonyms.js
│ │ │ │ ├── menubar/
│ │ │ │ │ ├── BasicMenubar.js
│ │ │ │ │ ├── BasicMenubar.tsx
│ │ │ │ │ ├── CheckboxItemsMenubar.js
│ │ │ │ │ ├── CheckboxItemsMenubar.tsx
│ │ │ │ │ ├── GroupLabelMenubar.js
│ │ │ │ │ ├── GroupLabelMenubar.tsx
│ │ │ │ │ ├── IconItemsMenubar.js
│ │ │ │ │ ├── IconItemsMenubar.tsx
│ │ │ │ │ ├── RadioGroupItemsMenubar.js
│ │ │ │ │ ├── RadioGroupItemsMenubar.tsx
│ │ │ │ │ ├── ShortcutHintsMenubar.js
│ │ │ │ │ ├── ShortcutHintsMenubar.tsx
│ │ │ │ │ ├── components/
│ │ │ │ │ │ ├── Menubar.js
│ │ │ │ │ │ └── Menubar.tsx
│ │ │ │ │ └── menubar.md
│ │ │ │ ├── menus/
│ │ │ │ │ ├── AccountMenu.js
│ │ │ │ │ ├── AccountMenu.tsx
│ │ │ │ │ ├── BasicMenu.js
│ │ │ │ │ ├── BasicMenu.tsx
│ │ │ │ │ ├── ContextMenu.js
│ │ │ │ │ ├── ContextMenu.tsx
│ │ │ │ │ ├── CustomizedMenus.js
│ │ │ │ │ ├── CustomizedMenus.tsx
│ │ │ │ │ ├── DenseMenu.js
│ │ │ │ │ ├── DenseMenu.tsx
│ │ │ │ │ ├── FadeMenu.js
│ │ │ │ │ ├── FadeMenu.tsx
│ │ │ │ │ ├── GroupedMenu.js
│ │ │ │ │ ├── GroupedMenu.tsx
│ │ │ │ │ ├── IconMenu.js
│ │ │ │ │ ├── IconMenu.tsx
│ │ │ │ │ ├── LongMenu.js
│ │ │ │ │ ├── LongMenu.tsx
│ │ │ │ │ ├── MenuListComposition.js
│ │ │ │ │ ├── MenuListComposition.tsx
│ │ │ │ │ ├── MenuPopupState.js
│ │ │ │ │ ├── MenuPopupState.tsx
│ │ │ │ │ ├── MenuPopupState.tsx.preview
│ │ │ │ │ ├── PositionedMenu.js
│ │ │ │ │ ├── PositionedMenu.tsx
│ │ │ │ │ ├── SimpleListMenu.js
│ │ │ │ │ ├── SimpleListMenu.tsx
│ │ │ │ │ ├── TypographyMenu.js
│ │ │ │ │ ├── TypographyMenu.tsx
│ │ │ │ │ └── menus.md
│ │ │ │ ├── modal/
│ │ │ │ │ ├── BasicModal.js
│ │ │ │ │ ├── BasicModal.tsx
│ │ │ │ │ ├── BasicModal.tsx.preview
│ │ │ │ │ ├── KeepMountedModal.js
│ │ │ │ │ ├── KeepMountedModal.tsx
│ │ │ │ │ ├── NestedModal.js
│ │ │ │ │ ├── NestedModal.tsx
│ │ │ │ │ ├── NestedModal.tsx.preview
│ │ │ │ │ ├── ServerModal.js
│ │ │ │ │ ├── ServerModal.tsx
│ │ │ │ │ ├── SpringModal.js
│ │ │ │ │ ├── SpringModal.tsx
│ │ │ │ │ ├── TransitionsModal.js
│ │ │ │ │ ├── TransitionsModal.tsx
│ │ │ │ │ └── modal.md
│ │ │ │ ├── no-ssr/
│ │ │ │ │ ├── FrameDeferring.js
│ │ │ │ │ ├── FrameDeferring.tsx
│ │ │ │ │ ├── SimpleNoSsr.js
│ │ │ │ │ ├── SimpleNoSsr.tsx
│ │ │ │ │ ├── SimpleNoSsr.tsx.preview
│ │ │ │ │ └── no-ssr.md
│ │ │ │ ├── number-field/
│ │ │ │ │ ├── FieldDemo.js
│ │ │ │ │ ├── FieldDemo.tsx
│ │ │ │ │ ├── FieldDemo.tsx.preview
│ │ │ │ │ ├── SpinnerDemo.js
│ │ │ │ │ ├── SpinnerDemo.tsx
│ │ │ │ │ ├── SpinnerDemo.tsx.preview
│ │ │ │ │ ├── components/
│ │ │ │ │ │ ├── NumberField.js
│ │ │ │ │ │ ├── NumberField.tsx
│ │ │ │ │ │ ├── NumberSpinner.js
│ │ │ │ │ │ └── NumberSpinner.tsx
│ │ │ │ │ └── number-field.md
│ │ │ │ ├── pagination/
│ │ │ │ │ ├── BasicPagination.js
│ │ │ │ │ ├── BasicPagination.tsx
│ │ │ │ │ ├── BasicPagination.tsx.preview
│ │ │ │ │ ├── CustomIcons.js
│ │ │ │ │ ├── CustomIcons.tsx
│ │ │ │ │ ├── CustomIcons.tsx.preview
│ │ │ │ │ ├── PaginationButtons.js
│ │ │ │ │ ├── PaginationButtons.tsx
│ │ │ │ │ ├── PaginationButtons.tsx.preview
│ │ │ │ │ ├── PaginationControlled.js
│ │ │ │ │ ├── PaginationControlled.tsx
│ │ │ │ │ ├── PaginationControlled.tsx.preview
│ │ │ │ │ ├── PaginationLink.js
│ │ │ │ │ ├── PaginationLink.tsx
│ │ │ │ │ ├── PaginationLink.tsx.preview
│ │ │ │ │ ├── PaginationOutlined.js
│ │ │ │ │ ├── PaginationOutlined.tsx
│ │ │ │ │ ├── PaginationOutlined.tsx.preview
│ │ │ │ │ ├── PaginationRanges.js
│ │ │ │ │ ├── PaginationRanges.tsx
│ │ │ │ │ ├── PaginationRanges.tsx.preview
│ │ │ │ │ ├── PaginationRounded.js
│ │ │ │ │ ├── PaginationRounded.tsx
│ │ │ │ │ ├── PaginationRounded.tsx.preview
│ │ │ │ │ ├── PaginationSize.js
│ │ │ │ │ ├── PaginationSize.tsx
│ │ │ │ │ ├── PaginationSize.tsx.preview
│ │ │ │ │ ├── TablePaginationDemo.js
│ │ │ │ │ ├── TablePaginationDemo.tsx
│ │ │ │ │ ├── TablePaginationDemo.tsx.preview
│ │ │ │ │ ├── UsePagination.js
│ │ │ │ │ ├── UsePagination.tsx
│ │ │ │ │ └── pagination.md
│ │ │ │ ├── paper/
│ │ │ │ │ ├── Elevation.js
│ │ │ │ │ ├── Elevation.tsx
│ │ │ │ │ ├── SimplePaper.js
│ │ │ │ │ ├── SimplePaper.tsx
│ │ │ │ │ ├── SimplePaper.tsx.preview
│ │ │ │ │ ├── SquareCorners.js
│ │ │ │ │ ├── SquareCorners.tsx
│ │ │ │ │ ├── SquareCorners.tsx.preview
│ │ │ │ │ ├── Variants.js
│ │ │ │ │ ├── Variants.tsx
│ │ │ │ │ ├── Variants.tsx.preview
│ │ │ │ │ └── paper.md
│ │ │ │ ├── popover/
│ │ │ │ │ ├── AnchorPlayground.js
│ │ │ │ │ ├── BasicPopover.js
│ │ │ │ │ ├── BasicPopover.tsx
│ │ │ │ │ ├── BasicPopover.tsx.preview
│ │ │ │ │ ├── MouseHoverPopover.js
│ │ │ │ │ ├── MouseHoverPopover.tsx
│ │ │ │ │ ├── PopoverPopupState.js
│ │ │ │ │ ├── PopoverPopupState.tsx
│ │ │ │ │ ├── VirtualElementPopover.js
│ │ │ │ │ ├── VirtualElementPopover.tsx
│ │ │ │ │ └── popover.md
│ │ │ │ ├── popper/
│ │ │ │ │ ├── PopperPopupState.js
│ │ │ │ │ ├── PopperPopupState.tsx
│ │ │ │ │ ├── PositionedPopper.js
│ │ │ │ │ ├── PositionedPopper.tsx
│ │ │ │ │ ├── ScrollPlayground.js
│ │ │ │ │ ├── SimplePopper.js
│ │ │ │ │ ├── SimplePopper.tsx
│ │ │ │ │ ├── SimplePopper.tsx.preview
│ │ │ │ │ ├── SpringPopper.js
│ │ │ │ │ ├── SpringPopper.tsx
│ │ │ │ │ ├── SpringPopper.tsx.preview
│ │ │ │ │ ├── TransitionsPopper.js
│ │ │ │ │ ├── TransitionsPopper.tsx
│ │ │ │ │ ├── TransitionsPopper.tsx.preview
│ │ │ │ │ ├── VirtualElementPopper.js
│ │ │ │ │ ├── VirtualElementPopper.tsx
│ │ │ │ │ └── popper.md
│ │ │ │ ├── portal/
│ │ │ │ │ ├── SimplePortal.js
│ │ │ │ │ ├── SimplePortal.tsx
│ │ │ │ │ ├── SimplePortal.tsx.preview
│ │ │ │ │ └── portal.md
│ │ │ │ ├── progress/
│ │ │ │ │ ├── CircularColor.js
│ │ │ │ │ ├── CircularColor.tsx
│ │ │ │ │ ├── CircularColor.tsx.preview
│ │ │ │ │ ├── CircularDeterminate.js
│ │ │ │ │ ├── CircularDeterminate.tsx
│ │ │ │ │ ├── CircularDeterminate.tsx.preview
│ │ │ │ │ ├── CircularEnableTrack.js
│ │ │ │ │ ├── CircularEnableTrack.tsx
│ │ │ │ │ ├── CircularEnableTrack.tsx.preview
│ │ │ │ │ ├── CircularIndeterminate.js
│ │ │ │ │ ├── CircularIndeterminate.tsx
│ │ │ │ │ ├── CircularIndeterminate.tsx.preview
│ │ │ │ │ ├── CircularIntegration.js
│ │ │ │ │ ├── CircularIntegration.tsx
│ │ │ │ │ ├── CircularSize.js
│ │ │ │ │ ├── CircularSize.tsx
│ │ │ │ │ ├── CircularSize.tsx.preview
│ │ │ │ │ ├── CircularUnderLoad.js
│ │ │ │ │ ├── CircularUnderLoad.tsx
│ │ │ │ │ ├── CircularUnderLoad.tsx.preview
│ │ │ │ │ ├── CircularWithValueLabel.js
│ │ │ │ │ ├── CircularWithValueLabel.tsx
│ │ │ │ │ ├── CircularWithValueLabel.tsx.preview
│ │ │ │ │ ├── CustomizedProgressBars.js
│ │ │ │ │ ├── CustomizedProgressBars.tsx
│ │ │ │ │ ├── CustomizedProgressBars.tsx.preview
│ │ │ │ │ ├── DelayingAppearance.js
│ │ │ │ │ ├── DelayingAppearance.tsx
│ │ │ │ │ ├── LinearBuffer.js
│ │ │ │ │ ├── LinearBuffer.tsx
│ │ │ │ │ ├── LinearBuffer.tsx.preview
│ │ │ │ │ ├── LinearColor.js
│ │ │ │ │ ├── LinearColor.tsx
│ │ │ │ │ ├── LinearColor.tsx.preview
│ │ │ │ │ ├── LinearDeterminate.js
│ │ │ │ │ ├── LinearDeterminate.tsx
│ │ │ │ │ ├── LinearDeterminate.tsx.preview
│ │ │ │ │ ├── LinearIndeterminate.js
│ │ │ │ │ ├── LinearIndeterminate.tsx
│ │ │ │ │ ├── LinearIndeterminate.tsx.preview
│ │ │ │ │ ├── LinearWithValueLabel.js
│ │ │ │ │ ├── LinearWithValueLabel.tsx
│ │ │ │ │ ├── LinearWithValueLabel.tsx.preview
│ │ │ │ │ └── progress.md
│ │ │ │ ├── radio-buttons/
│ │ │ │ │ ├── ColorRadioButtons.js
│ │ │ │ │ ├── ColorRadioButtons.tsx
│ │ │ │ │ ├── ColorRadioButtons.tsx.preview
│ │ │ │ │ ├── ControlledRadioButtonsGroup.js
│ │ │ │ │ ├── ControlledRadioButtonsGroup.tsx
│ │ │ │ │ ├── ControlledRadioButtonsGroup.tsx.preview
│ │ │ │ │ ├── CustomizedRadios.js
│ │ │ │ │ ├── CustomizedRadios.tsx
│ │ │ │ │ ├── ErrorRadios.js
│ │ │ │ │ ├── ErrorRadios.tsx
│ │ │ │ │ ├── FormControlLabelPlacement.js
│ │ │ │ │ ├── FormControlLabelPlacement.tsx
│ │ │ │ │ ├── RadioButtons.js
│ │ │ │ │ ├── RadioButtons.tsx
│ │ │ │ │ ├── RadioButtons.tsx.preview
│ │ │ │ │ ├── RadioButtonsGroup.js
│ │ │ │ │ ├── RadioButtonsGroup.tsx
│ │ │ │ │ ├── RadioButtonsGroup.tsx.preview
│ │ │ │ │ ├── RowRadioButtonsGroup.js
│ │ │ │ │ ├── RowRadioButtonsGroup.tsx
│ │ │ │ │ ├── SizeRadioButtons.js
│ │ │ │ │ ├── SizeRadioButtons.tsx
│ │ │ │ │ ├── SizeRadioButtons.tsx.preview
│ │ │ │ │ ├── UseRadioGroup.js
│ │ │ │ │ ├── UseRadioGroup.tsx
│ │ │ │ │ ├── UseRadioGroup.tsx.preview
│ │ │ │ │ └── radio-buttons.md
│ │ │ │ ├── rating/
│ │ │ │ │ ├── BasicRating.js
│ │ │ │ │ ├── BasicRating.tsx
│ │ │ │ │ ├── CustomizedRating.js
│ │ │ │ │ ├── CustomizedRating.tsx
│ │ │ │ │ ├── CustomizedRating.tsx.preview
│ │ │ │ │ ├── HalfRating.js
│ │ │ │ │ ├── HalfRating.tsx
│ │ │ │ │ ├── HalfRating.tsx.preview
│ │ │ │ │ ├── HoverRating.js
│ │ │ │ │ ├── HoverRating.tsx
│ │ │ │ │ ├── HoverRating.tsx.preview
│ │ │ │ │ ├── RadioGroupRating.js
│ │ │ │ │ ├── RadioGroupRating.tsx
│ │ │ │ │ ├── RadioGroupRating.tsx.preview
│ │ │ │ │ ├── RatingSize.js
│ │ │ │ │ ├── RatingSize.tsx
│ │ │ │ │ ├── RatingSize.tsx.preview
│ │ │ │ │ ├── TextRating.js
│ │ │ │ │ ├── TextRating.tsx
│ │ │ │ │ ├── TextRating.tsx.preview
│ │ │ │ │ └── rating.md
│ │ │ │ ├── selects/
│ │ │ │ │ ├── BasicSelect.js
│ │ │ │ │ ├── BasicSelect.tsx
│ │ │ │ │ ├── BasicSelect.tsx.preview
│ │ │ │ │ ├── ControlledOpenSelect.js
│ │ │ │ │ ├── ControlledOpenSelect.tsx
│ │ │ │ │ ├── CustomizedSelects.js
│ │ │ │ │ ├── CustomizedSelects.tsx
│ │ │ │ │ ├── DialogSelect.js
│ │ │ │ │ ├── DialogSelect.tsx
│ │ │ │ │ ├── GroupedSelect.js
│ │ │ │ │ ├── GroupedSelect.tsx
│ │ │ │ │ ├── MultipleSelect.js
│ │ │ │ │ ├── MultipleSelect.tsx
│ │ │ │ │ ├── MultipleSelectCheckmarks.js
│ │ │ │ │ ├── MultipleSelectCheckmarks.tsx
│ │ │ │ │ ├── MultipleSelectChip.js
│ │ │ │ │ ├── MultipleSelectChip.tsx
│ │ │ │ │ ├── MultipleSelectNative.js
│ │ │ │ │ ├── MultipleSelectNative.tsx
│ │ │ │ │ ├── MultipleSelectPlaceholder.js
│ │ │ │ │ ├── MultipleSelectPlaceholder.tsx
│ │ │ │ │ ├── NativeSelectDemo.js
│ │ │ │ │ ├── NativeSelectDemo.tsx
│ │ │ │ │ ├── NativeSelectDemo.tsx.preview
│ │ │ │ │ ├── SelectAutoWidth.js
│ │ │ │ │ ├── SelectAutoWidth.tsx
│ │ │ │ │ ├── SelectLabels.js
│ │ │ │ │ ├── SelectLabels.tsx
│ │ │ │ │ ├── SelectOtherProps.js
│ │ │ │ │ ├── SelectOtherProps.tsx
│ │ │ │ │ ├── SelectSmall.js
│ │ │ │ │ ├── SelectSmall.tsx
│ │ │ │ │ ├── SelectVariants.js
│ │ │ │ │ ├── SelectVariants.tsx
│ │ │ │ │ └── selects.md
│ │ │ │ ├── skeleton/
│ │ │ │ │ ├── Animations.js
│ │ │ │ │ ├── Animations.tsx
│ │ │ │ │ ├── Animations.tsx.preview
│ │ │ │ │ ├── Facebook.js
│ │ │ │ │ ├── Facebook.tsx
│ │ │ │ │ ├── Facebook.tsx.preview
│ │ │ │ │ ├── SkeletonChildren.js
│ │ │ │ │ ├── SkeletonChildren.tsx
│ │ │ │ │ ├── SkeletonChildren.tsx.preview
│ │ │ │ │ ├── SkeletonColor.js
│ │ │ │ │ ├── SkeletonColor.tsx
│ │ │ │ │ ├── SkeletonColor.tsx.preview
│ │ │ │ │ ├── SkeletonTypography.js
│ │ │ │ │ ├── SkeletonTypography.tsx
│ │ │ │ │ ├── SkeletonTypography.tsx.preview
│ │ │ │ │ ├── Variants.js
│ │ │ │ │ ├── Variants.tsx
│ │ │ │ │ ├── Variants.tsx.preview
│ │ │ │ │ ├── YouTube.js
│ │ │ │ │ ├── YouTube.tsx
│ │ │ │ │ ├── YouTube.tsx.preview
│ │ │ │ │ └── skeleton.md
│ │ │ │ ├── slider/
│ │ │ │ │ ├── ColorSlider.js
│ │ │ │ │ ├── ColorSlider.tsx
│ │ │ │ │ ├── ColorSlider.tsx.preview
│ │ │ │ │ ├── ContinuousSlider.js
│ │ │ │ │ ├── ContinuousSlider.tsx
│ │ │ │ │ ├── ContinuousSlider.tsx.preview
│ │ │ │ │ ├── CustomMarks.js
│ │ │ │ │ ├── CustomMarks.tsx
│ │ │ │ │ ├── CustomizedSlider.js
│ │ │ │ │ ├── CustomizedSlider.tsx
│ │ │ │ │ ├── DiscreteSlider.js
│ │ │ │ │ ├── DiscreteSlider.tsx
│ │ │ │ │ ├── DiscreteSlider.tsx.preview
│ │ │ │ │ ├── DiscreteSliderLabel.js
│ │ │ │ │ ├── DiscreteSliderLabel.tsx
│ │ │ │ │ ├── DiscreteSliderLabel.tsx.preview
│ │ │ │ │ ├── DiscreteSliderMarks.js
│ │ │ │ │ ├── DiscreteSliderMarks.tsx
│ │ │ │ │ ├── DiscreteSliderMarks.tsx.preview
│ │ │ │ │ ├── DiscreteSliderSteps.js
│ │ │ │ │ ├── DiscreteSliderSteps.tsx
│ │ │ │ │ ├── DiscreteSliderSteps.tsx.preview
│ │ │ │ │ ├── DiscreteSliderValues.js
│ │ │ │ │ ├── DiscreteSliderValues.tsx
│ │ │ │ │ ├── DiscreteSliderValues.tsx.preview
│ │ │ │ │ ├── InputSlider.js
│ │ │ │ │ ├── InputSlider.tsx
│ │ │ │ │ ├── MinimumDistanceSlider.js
│ │ │ │ │ ├── MinimumDistanceSlider.tsx
│ │ │ │ │ ├── MinimumDistanceSlider.tsx.preview
│ │ │ │ │ ├── MusicPlayerSlider.js
│ │ │ │ │ ├── MusicPlayerSlider.tsx
│ │ │ │ │ ├── NonLinearSlider.js
│ │ │ │ │ ├── NonLinearSlider.tsx
│ │ │ │ │ ├── NonLinearSlider.tsx.preview
│ │ │ │ │ ├── RangeSlider.js
│ │ │ │ │ ├── RangeSlider.tsx
│ │ │ │ │ ├── RangeSlider.tsx.preview
│ │ │ │ │ ├── SliderSizes.js
│ │ │ │ │ ├── SliderSizes.tsx
│ │ │ │ │ ├── SliderSizes.tsx.preview
│ │ │ │ │ ├── TrackFalseSlider.js
│ │ │ │ │ ├── TrackFalseSlider.tsx
│ │ │ │ │ ├── TrackInvertedSlider.js
│ │ │ │ │ ├── TrackInvertedSlider.tsx
│ │ │ │ │ ├── VerticalSlider.js
│ │ │ │ │ ├── VerticalSlider.tsx
│ │ │ │ │ └── slider.md
│ │ │ │ ├── snackbars/
│ │ │ │ │ ├── AutohideSnackbar.js
│ │ │ │ │ ├── AutohideSnackbar.tsx
│ │ │ │ │ ├── AutohideSnackbar.tsx.preview
│ │ │ │ │ ├── ConsecutiveSnackbars.js
│ │ │ │ │ ├── ConsecutiveSnackbars.tsx
│ │ │ │ │ ├── CustomizedSnackbars.js
│ │ │ │ │ ├── CustomizedSnackbars.tsx
│ │ │ │ │ ├── CustomizedSnackbars.tsx.preview
│ │ │ │ │ ├── DirectionSnackbar.js
│ │ │ │ │ ├── DirectionSnackbar.tsx
│ │ │ │ │ ├── FabIntegrationSnackbar.js
│ │ │ │ │ ├── FabIntegrationSnackbar.tsx
│ │ │ │ │ ├── IntegrationNotistack.js
│ │ │ │ │ ├── IntegrationNotistack.tsx
│ │ │ │ │ ├── IntegrationNotistack.tsx.preview
│ │ │ │ │ ├── LongTextSnackbar.js
│ │ │ │ │ ├── LongTextSnackbar.tsx
│ │ │ │ │ ├── PositionedSnackbar.js
│ │ │ │ │ ├── PositionedSnackbar.tsx
│ │ │ │ │ ├── PositionedSnackbar.tsx.preview
│ │ │ │ │ ├── SimpleSnackbar.js
│ │ │ │ │ ├── SimpleSnackbar.tsx
│ │ │ │ │ ├── SimpleSnackbar.tsx.preview
│ │ │ │ │ ├── TransitionsSnackbar.js
│ │ │ │ │ ├── TransitionsSnackbar.tsx
│ │ │ │ │ ├── TransitionsSnackbar.tsx.preview
│ │ │ │ │ └── snackbars.md
│ │ │ │ ├── speed-dial/
│ │ │ │ │ ├── BasicSpeedDial.js
│ │ │ │ │ ├── BasicSpeedDial.tsx
│ │ │ │ │ ├── ControlledOpenSpeedDial.js
│ │ │ │ │ ├── ControlledOpenSpeedDial.tsx
│ │ │ │ │ ├── OpenIconSpeedDial.js
│ │ │ │ │ ├── OpenIconSpeedDial.tsx
│ │ │ │ │ ├── PlaygroundSpeedDial.js
│ │ │ │ │ ├── PlaygroundSpeedDial.tsx
│ │ │ │ │ ├── SpeedDialTooltipOpen.js
│ │ │ │ │ ├── SpeedDialTooltipOpen.tsx
│ │ │ │ │ └── speed-dial.md
│ │ │ │ ├── stack/
│ │ │ │ │ ├── BasicStack.js
│ │ │ │ │ ├── BasicStack.tsx
│ │ │ │ │ ├── BasicStack.tsx.preview
│ │ │ │ │ ├── DirectionStack.js
│ │ │ │ │ ├── DirectionStack.tsx
│ │ │ │ │ ├── DirectionStack.tsx.preview
│ │ │ │ │ ├── DividerStack.js
│ │ │ │ │ ├── DividerStack.tsx
│ │ │ │ │ ├── DividerStack.tsx.preview
│ │ │ │ │ ├── FlexboxGapStack.js
│ │ │ │ │ ├── FlexboxGapStack.tsx
│ │ │ │ │ ├── FlexboxGapStack.tsx.preview
│ │ │ │ │ ├── InteractiveStack.js
│ │ │ │ │ ├── InteractiveStack.tsx
│ │ │ │ │ ├── ResponsiveStack.js
│ │ │ │ │ ├── ResponsiveStack.tsx
│ │ │ │ │ ├── ResponsiveStack.tsx.preview
│ │ │ │ │ ├── ZeroWidthStack.js
│ │ │ │ │ ├── ZeroWidthStack.tsx
│ │ │ │ │ ├── ZeroWidthStack.tsx.preview
│ │ │ │ │ └── stack.md
│ │ │ │ ├── steppers/
│ │ │ │ │ ├── CustomizedSteppers.js
│ │ │ │ │ ├── CustomizedSteppers.tsx
│ │ │ │ │ ├── CustomizedSteppers.tsx.preview
│ │ │ │ │ ├── DotsMobileStepper.js
│ │ │ │ │ ├── DotsMobileStepper.tsx
│ │ │ │ │ ├── HorizontalLinearAlternativeLabelStepper.js
│ │ │ │ │ ├── HorizontalLinearAlternativeLabelStepper.tsx
│ │ │ │ │ ├── HorizontalLinearAlternativeLabelStepper.tsx.preview
│ │ │ │ │ ├── HorizontalLinearStepper.js
│ │ │ │ │ ├── HorizontalLinearStepper.tsx
│ │ │ │ │ ├── HorizontalNonLinearStepper.js
│ │ │ │ │ ├── HorizontalNonLinearStepper.tsx
│ │ │ │ │ ├── HorizontalStepperWithError.js
│ │ │ │ │ ├── HorizontalStepperWithError.tsx
│ │ │ │ │ ├── ProgressMobileStepper.js
│ │ │ │ │ ├── ProgressMobileStepper.tsx
│ │ │ │ │ ├── TextMobileStepper.js
│ │ │ │ │ ├── TextMobileStepper.tsx
│ │ │ │ │ ├── VerticalLinearStepper.js
│ │ │ │ │ ├── VerticalLinearStepper.tsx
│ │ │ │ │ └── steppers.md
│ │ │ │ ├── switches/
│ │ │ │ │ ├── BasicSwitches.js
│ │ │ │ │ ├── BasicSwitches.tsx
│ │ │ │ │ ├── BasicSwitches.tsx.preview
│ │ │ │ │ ├── ColorSwitches.js
│ │ │ │ │ ├── ColorSwitches.tsx
│ │ │ │ │ ├── ColorSwitches.tsx.preview
│ │ │ │ │ ├── ControlledSwitches.js
│ │ │ │ │ ├── ControlledSwitches.tsx
│ │ │ │ │ ├── ControlledSwitches.tsx.preview
│ │ │ │ │ ├── CustomizedSwitches.js
│ │ │ │ │ ├── CustomizedSwitches.tsx
│ │ │ │ │ ├── FormControlLabelPosition.js
│ │ │ │ │ ├── FormControlLabelPosition.tsx
│ │ │ │ │ ├── SwitchLabels.js
│ │ │ │ │ ├── SwitchLabels.tsx
│ │ │ │ │ ├── SwitchLabels.tsx.preview
│ │ │ │ │ ├── SwitchesGroup.js
│ │ │ │ │ ├── SwitchesGroup.tsx
│ │ │ │ │ ├── SwitchesSize.js
│ │ │ │ │ ├── SwitchesSize.tsx
│ │ │ │ │ ├── SwitchesSize.tsx.preview
│ │ │ │ │ └── switches.md
│ │ │ │ ├── table/
│ │ │ │ │ ├── AccessibleTable.js
│ │ │ │ │ ├── AccessibleTable.tsx
│ │ │ │ │ ├── BasicTable.js
│ │ │ │ │ ├── BasicTable.tsx
│ │ │ │ │ ├── CollapsibleTable.js
│ │ │ │ │ ├── CollapsibleTable.tsx
│ │ │ │ │ ├── ColumnGroupingTable.js
│ │ │ │ │ ├── ColumnGroupingTable.tsx
│ │ │ │ │ ├── CustomPaginationActionsTable.js
│ │ │ │ │ ├── CustomPaginationActionsTable.tsx
│ │ │ │ │ ├── CustomizedTables.js
│ │ │ │ │ ├── CustomizedTables.tsx
│ │ │ │ │ ├── DataTable.js
│ │ │ │ │ ├── DataTable.tsx
│ │ │ │ │ ├── DataTable.tsx.preview
│ │ │ │ │ ├── DenseTable.js
│ │ │ │ │ ├── DenseTable.tsx
│ │ │ │ │ ├── EnhancedTable.js
│ │ │ │ │ ├── EnhancedTable.tsx
│ │ │ │ │ ├── ReactVirtualizedTable.js
│ │ │ │ │ ├── ReactVirtualizedTable.tsx
│ │ │ │ │ ├── ReactVirtualizedTable.tsx.preview
│ │ │ │ │ ├── SpanningTable.js
│ │ │ │ │ ├── SpanningTable.tsx
│ │ │ │ │ ├── StickyHeadTable.js
│ │ │ │ │ ├── StickyHeadTable.tsx
│ │ │ │ │ └── table.md
│ │ │ │ ├── tabs/
│ │ │ │ │ ├── AccessibleTabs1.js
│ │ │ │ │ ├── AccessibleTabs1.tsx
│ │ │ │ │ ├── AccessibleTabs1.tsx.preview
│ │ │ │ │ ├── AccessibleTabs2.js
│ │ │ │ │ ├── AccessibleTabs2.tsx
│ │ │ │ │ ├── AccessibleTabs2.tsx.preview
│ │ │ │ │ ├── BasicTabs.js
│ │ │ │ │ ├── BasicTabs.tsx
│ │ │ │ │ ├── BasicTabs.tsx.preview
│ │ │ │ │ ├── CenteredTabs.js
│ │ │ │ │ ├── CenteredTabs.tsx
│ │ │ │ │ ├── CenteredTabs.tsx.preview
│ │ │ │ │ ├── ColorTabs.js
│ │ │ │ │ ├── ColorTabs.tsx
│ │ │ │ │ ├── ColorTabs.tsx.preview
│ │ │ │ │ ├── CustomizedTabs.js
│ │ │ │ │ ├── CustomizedTabs.tsx
│ │ │ │ │ ├── DisabledTabs.js
│ │ │ │ │ ├── DisabledTabs.tsx
│ │ │ │ │ ├── DisabledTabs.tsx.preview
│ │ │ │ │ ├── FullWidthTabs.js
│ │ │ │ │ ├── FullWidthTabs.tsx
│ │ │ │ │ ├── IconLabelTabs.js
│ │ │ │ │ ├── IconLabelTabs.tsx
│ │ │ │ │ ├── IconLabelTabs.tsx.preview
│ │ │ │ │ ├── IconPositionTabs.js
│ │ │ │ │ ├── IconPositionTabs.tsx
│ │ │ │ │ ├── IconPositionTabs.tsx.preview
│ │ │ │ │ ├── IconTabs.js
│ │ │ │ │ ├── IconTabs.tsx
│ │ │ │ │ ├── IconTabs.tsx.preview
│ │ │ │ │ ├── LabTabs.js
│ │ │ │ │ ├── LabTabs.tsx
│ │ │ │ │ ├── LabTabs.tsx.preview
│ │ │ │ │ ├── NavTabs.js
│ │ │ │ │ ├── NavTabs.tsx
│ │ │ │ │ ├── NavTabs.tsx.preview
│ │ │ │ │ ├── ScrollableTabsButtonAuto.js
│ │ │ │ │ ├── ScrollableTabsButtonAuto.tsx
│ │ │ │ │ ├── ScrollableTabsButtonAuto.tsx.preview
│ │ │ │ │ ├── ScrollableTabsButtonForce.js
│ │ │ │ │ ├── ScrollableTabsButtonForce.tsx
│ │ │ │ │ ├── ScrollableTabsButtonForce.tsx.preview
│ │ │ │ │ ├── ScrollableTabsButtonPrevent.js
│ │ │ │ │ ├── ScrollableTabsButtonPrevent.tsx
│ │ │ │ │ ├── ScrollableTabsButtonPrevent.tsx.preview
│ │ │ │ │ ├── ScrollableTabsButtonVisible.js
│ │ │ │ │ ├── ScrollableTabsButtonVisible.tsx
│ │ │ │ │ ├── TabsWrappedLabel.js
│ │ │ │ │ ├── TabsWrappedLabel.tsx
│ │ │ │ │ ├── TabsWrappedLabel.tsx.preview
│ │ │ │ │ ├── VerticalTabs.js
│ │ │ │ │ ├── VerticalTabs.tsx
│ │ │ │ │ └── tabs.md
│ │ │ │ ├── text-fields/
│ │ │ │ │ ├── BasicTextFields.js
│ │ │ │ │ ├── BasicTextFields.tsx
│ │ │ │ │ ├── BasicTextFields.tsx.preview
│ │ │ │ │ ├── ColorTextFields.js
│ │ │ │ │ ├── ColorTextFields.tsx
│ │ │ │ │ ├── ColorTextFields.tsx.preview
│ │ │ │ │ ├── ComposedTextField.js
│ │ │ │ │ ├── ComposedTextField.tsx
│ │ │ │ │ ├── CustomizedInputBase.js
│ │ │ │ │ ├── CustomizedInputBase.tsx
│ │ │ │ │ ├── CustomizedInputsStyleOverrides.js
│ │ │ │ │ ├── CustomizedInputsStyleOverrides.tsx
│ │ │ │ │ ├── CustomizedInputsStyleOverrides.tsx.preview
│ │ │ │ │ ├── CustomizedInputsStyled.js
│ │ │ │ │ ├── CustomizedInputsStyled.tsx
│ │ │ │ │ ├── FormPropsTextFields.js
│ │ │ │ │ ├── FormPropsTextFields.tsx
│ │ │ │ │ ├── FormattedInputs.js
│ │ │ │ │ ├── FormattedInputs.tsx
│ │ │ │ │ ├── FullWidthTextField.js
│ │ │ │ │ ├── FullWidthTextField.tsx
│ │ │ │ │ ├── FullWidthTextField.tsx.preview
│ │ │ │ │ ├── HelperTextAligned.js
│ │ │ │ │ ├── HelperTextAligned.tsx
│ │ │ │ │ ├── HelperTextAligned.tsx.preview
│ │ │ │ │ ├── HelperTextMisaligned.js
│ │ │ │ │ ├── HelperTextMisaligned.tsx
│ │ │ │ │ ├── HelperTextMisaligned.tsx.preview
│ │ │ │ │ ├── InputAdornments.js
│ │ │ │ │ ├── InputAdornments.tsx
│ │ │ │ │ ├── InputSuffixShrink.js
│ │ │ │ │ ├── InputSuffixShrink.tsx
│ │ │ │ │ ├── InputWithIcon.js
│ │ │ │ │ ├── InputWithIcon.tsx
│ │ │ │ │ ├── Inputs.js
│ │ │ │ │ ├── Inputs.tsx
│ │ │ │ │ ├── Inputs.tsx.preview
│ │ │ │ │ ├── LayoutTextFields.js
│ │ │ │ │ ├── LayoutTextFields.tsx
│ │ │ │ │ ├── LayoutTextFields.tsx.preview
│ │ │ │ │ ├── MultilineTextFields.js
│ │ │ │ │ ├── MultilineTextFields.tsx
│ │ │ │ │ ├── SelectTextFields.js
│ │ │ │ │ ├── SelectTextFields.tsx
│ │ │ │ │ ├── StateTextFields.js
│ │ │ │ │ ├── StateTextFields.tsx
│ │ │ │ │ ├── StateTextFields.tsx.preview
│ │ │ │ │ ├── TextFieldHiddenLabel.js
│ │ │ │ │ ├── TextFieldHiddenLabel.tsx
│ │ │ │ │ ├── TextFieldHiddenLabel.tsx.preview
│ │ │ │ │ ├── TextFieldSizes.js
│ │ │ │ │ ├── TextFieldSizes.tsx
│ │ │ │ │ ├── UseFormControl.js
│ │ │ │ │ ├── UseFormControl.tsx
│ │ │ │ │ ├── UseFormControl.tsx.preview
│ │ │ │ │ ├── ValidationTextFields.js
│ │ │ │ │ ├── ValidationTextFields.tsx
│ │ │ │ │ └── text-fields.md
│ │ │ │ ├── textarea-autosize/
│ │ │ │ │ ├── EmptyTextarea.js
│ │ │ │ │ ├── EmptyTextarea.tsx
│ │ │ │ │ ├── EmptyTextarea.tsx.preview
│ │ │ │ │ ├── MaxHeightTextarea.js
│ │ │ │ │ ├── MaxHeightTextarea.tsx
│ │ │ │ │ ├── MaxHeightTextarea.tsx.preview
│ │ │ │ │ ├── MinHeightTextarea.js
│ │ │ │ │ ├── MinHeightTextarea.tsx
│ │ │ │ │ ├── MinHeightTextarea.tsx.preview
│ │ │ │ │ └── textarea-autosize.md
│ │ │ │ ├── timeline/
│ │ │ │ │ ├── AlternateReverseTimeline.js
│ │ │ │ │ ├── AlternateReverseTimeline.tsx
│ │ │ │ │ ├── AlternateTimeline.js
│ │ │ │ │ ├── AlternateTimeline.tsx
│ │ │ │ │ ├── BasicTimeline.js
│ │ │ │ │ ├── BasicTimeline.tsx
│ │ │ │ │ ├── ColorsTimeline.js
│ │ │ │ │ ├── ColorsTimeline.tsx
│ │ │ │ │ ├── ColorsTimeline.tsx.preview
│ │ │ │ │ ├── CustomizedTimeline.js
│ │ │ │ │ ├── CustomizedTimeline.tsx
│ │ │ │ │ ├── LeftAlignedTimeline.js
│ │ │ │ │ ├── LeftAlignedTimeline.tsx
│ │ │ │ │ ├── LeftPositionedTimeline.js
│ │ │ │ │ ├── LeftPositionedTimeline.tsx
│ │ │ │ │ ├── NoOppositeContent.js
│ │ │ │ │ ├── NoOppositeContent.tsx
│ │ │ │ │ ├── OppositeContentTimeline.js
│ │ │ │ │ ├── OppositeContentTimeline.tsx
│ │ │ │ │ ├── OutlinedTimeline.js
│ │ │ │ │ ├── OutlinedTimeline.tsx
│ │ │ │ │ ├── RightAlignedTimeline.js
│ │ │ │ │ ├── RightAlignedTimeline.tsx
│ │ │ │ │ └── timeline.md
│ │ │ │ ├── toggle-button/
│ │ │ │ │ ├── ColorToggleButton.js
│ │ │ │ │ ├── ColorToggleButton.tsx
│ │ │ │ │ ├── ColorToggleButton.tsx.preview
│ │ │ │ │ ├── CustomizedDividers.js
│ │ │ │ │ ├── CustomizedDividers.tsx
│ │ │ │ │ ├── HorizontalSpacingToggleButton.js
│ │ │ │ │ ├── HorizontalSpacingToggleButton.tsx
│ │ │ │ │ ├── StandaloneToggleButton.js
│ │ │ │ │ ├── StandaloneToggleButton.tsx
│ │ │ │ │ ├── StandaloneToggleButton.tsx.preview
│ │ │ │ │ ├── ToggleButtonNotEmpty.js
│ │ │ │ │ ├── ToggleButtonNotEmpty.tsx
│ │ │ │ │ ├── ToggleButtonSizes.js
│ │ │ │ │ ├── ToggleButtonSizes.tsx
│ │ │ │ │ ├── ToggleButtonSizes.tsx.preview
│ │ │ │ │ ├── ToggleButtons.js
│ │ │ │ │ ├── ToggleButtons.tsx
│ │ │ │ │ ├── ToggleButtonsMultiple.js
│ │ │ │ │ ├── ToggleButtonsMultiple.tsx
│ │ │ │ │ ├── VerticalSpacingToggleButton.js
│ │ │ │ │ ├── VerticalSpacingToggleButton.tsx
│ │ │ │ │ ├── VerticalToggleButtons.js
│ │ │ │ │ ├── VerticalToggleButtons.tsx
│ │ │ │ │ ├── VerticalToggleButtons.tsx.preview
│ │ │ │ │ └── toggle-button.md
│ │ │ │ ├── tooltips/
│ │ │ │ │ ├── AccessibilityTooltips.js
│ │ │ │ │ ├── AccessibilityTooltips.tsx
│ │ │ │ │ ├── AccessibilityTooltips.tsx.preview
│ │ │ │ │ ├── AnchorElTooltips.js
│ │ │ │ │ ├── AnchorElTooltips.tsx
│ │ │ │ │ ├── ArrowTooltips.js
│ │ │ │ │ ├── ArrowTooltips.tsx
│ │ │ │ │ ├── ArrowTooltips.tsx.preview
│ │ │ │ │ ├── BasicTooltip.js
│ │ │ │ │ ├── BasicTooltip.tsx
│ │ │ │ │ ├── BasicTooltip.tsx.preview
│ │ │ │ │ ├── ControlledTooltips.js
│ │ │ │ │ ├── ControlledTooltips.tsx
│ │ │ │ │ ├── ControlledTooltips.tsx.preview
│ │ │ │ │ ├── CustomizedTooltips.js
│ │ │ │ │ ├── CustomizedTooltips.tsx
│ │ │ │ │ ├── DelayTooltips.js
│ │ │ │ │ ├── DelayTooltips.tsx
│ │ │ │ │ ├── DelayTooltips.tsx.preview
│ │ │ │ │ ├── DisabledTooltips.js
│ │ │ │ │ ├── DisabledTooltips.tsx
│ │ │ │ │ ├── DisabledTooltips.tsx.preview
│ │ │ │ │ ├── FollowCursorTooltips.js
│ │ │ │ │ ├── FollowCursorTooltips.tsx
│ │ │ │ │ ├── FollowCursorTooltips.tsx.preview
│ │ │ │ │ ├── NonInteractiveTooltips.js
│ │ │ │ │ ├── NonInteractiveTooltips.tsx
│ │ │ │ │ ├── NonInteractiveTooltips.tsx.preview
│ │ │ │ │ ├── PositionedTooltips.js
│ │ │ │ │ ├── PositionedTooltips.tsx
│ │ │ │ │ ├── TooltipMargin.js
│ │ │ │ │ ├── TooltipMargin.tsx
│ │ │ │ │ ├── TooltipOffset.js
│ │ │ │ │ ├── TooltipOffset.tsx
│ │ │ │ │ ├── TransitionsTooltips.js
│ │ │ │ │ ├── TransitionsTooltips.tsx
│ │ │ │ │ ├── TriggersTooltips.js
│ │ │ │ │ ├── TriggersTooltips.tsx
│ │ │ │ │ ├── VariableWidth.js
│ │ │ │ │ ├── VariableWidth.tsx
│ │ │ │ │ ├── VariableWidth.tsx.preview
│ │ │ │ │ └── tooltips.md
│ │ │ │ ├── transfer-list/
│ │ │ │ │ ├── SelectAllTransferList.js
│ │ │ │ │ ├── SelectAllTransferList.tsx
│ │ │ │ │ ├── TransferList.js
│ │ │ │ │ ├── TransferList.tsx
│ │ │ │ │ └── transfer-list.md
│ │ │ │ ├── transitions/
│ │ │ │ │ ├── SimpleCollapse.js
│ │ │ │ │ ├── SimpleCollapse.tsx
│ │ │ │ │ ├── SimpleFade.js
│ │ │ │ │ ├── SimpleFade.tsx
│ │ │ │ │ ├── SimpleFade.tsx.preview
│ │ │ │ │ ├── SimpleGrow.js
│ │ │ │ │ ├── SimpleGrow.tsx
│ │ │ │ │ ├── SimpleGrow.tsx.preview
│ │ │ │ │ ├── SimpleSlide.js
│ │ │ │ │ ├── SimpleSlide.tsx
│ │ │ │ │ ├── SimpleSlide.tsx.preview
│ │ │ │ │ ├── SimpleZoom.js
│ │ │ │ │ ├── SimpleZoom.tsx
│ │ │ │ │ ├── SimpleZoom.tsx.preview
│ │ │ │ │ ├── SlideFromContainer.js
│ │ │ │ │ ├── SlideFromContainer.tsx
│ │ │ │ │ ├── SlideFromContainer.tsx.preview
│ │ │ │ │ ├── TransitionGroupExample.js
│ │ │ │ │ ├── TransitionGroupExample.tsx
│ │ │ │ │ ├── TransitionGroupExample.tsx.preview
│ │ │ │ │ └── transitions.md
│ │ │ │ ├── typography/
│ │ │ │ │ ├── Types.js
│ │ │ │ │ ├── Types.tsx
│ │ │ │ │ ├── TypographyTheme.js
│ │ │ │ │ ├── TypographyTheme.tsx
│ │ │ │ │ ├── TypographyTheme.tsx.preview
│ │ │ │ │ └── typography.md
│ │ │ │ └── use-media-query/
│ │ │ │ ├── JavaScriptMedia.js
│ │ │ │ ├── JavaScriptMedia.tsx
│ │ │ │ ├── JavaScriptMedia.tsx.preview
│ │ │ │ ├── ServerSide.js
│ │ │ │ ├── ServerSide.tsx
│ │ │ │ ├── ServerSide.tsx.preview
│ │ │ │ ├── SimpleMediaQuery.js
│ │ │ │ ├── SimpleMediaQuery.tsx
│ │ │ │ ├── SimpleMediaQuery.tsx.preview
│ │ │ │ ├── ThemeHelper.js
│ │ │ │ ├── ThemeHelper.tsx
│ │ │ │ ├── ThemeHelper.tsx.preview
│ │ │ │ ├── UseWidth.js
│ │ │ │ ├── UseWidth.tsx
│ │ │ │ ├── UseWidth.tsx.preview
│ │ │ │ └── use-media-query.md
│ │ │ ├── customization/
│ │ │ │ ├── breakpoints/
│ │ │ │ │ ├── MediaQuery.js
│ │ │ │ │ ├── MediaQuery.tsx
│ │ │ │ │ ├── MediaQuery.tsx.preview
│ │ │ │ │ └── breakpoints.md
│ │ │ │ ├── color/
│ │ │ │ │ ├── Color.js
│ │ │ │ │ ├── ColorDemo.js
│ │ │ │ │ ├── ColorTool.js
│ │ │ │ │ └── color.md
│ │ │ │ ├── container-queries/
│ │ │ │ │ ├── BasicContainerQueries.js
│ │ │ │ │ ├── BasicContainerQueries.tsx
│ │ │ │ │ ├── ResizableDemo.js
│ │ │ │ │ ├── SxPropContainerQueries.js
│ │ │ │ │ ├── SxPropContainerQueries.tsx
│ │ │ │ │ └── container-queries.md
│ │ │ │ ├── creating-themed-components/
│ │ │ │ │ ├── StatComponent.js
│ │ │ │ │ ├── StatFullTemplate.js
│ │ │ │ │ ├── StatFullTemplate.tsx
│ │ │ │ │ ├── StatFullTemplate.tsx.preview
│ │ │ │ │ ├── StatSlots.js
│ │ │ │ │ └── creating-themed-components.md
│ │ │ │ ├── css-layers/
│ │ │ │ │ ├── CssLayersCaveat.js
│ │ │ │ │ ├── CssLayersCaveat.tsx
│ │ │ │ │ ├── CssLayersInput.js
│ │ │ │ │ ├── CssLayersInput.tsx
│ │ │ │ │ └── css-layers.md
│ │ │ │ ├── css-theme-variables/
│ │ │ │ │ ├── AliasColorVariables.js
│ │ │ │ │ ├── AliasColorVariables.tsx
│ │ │ │ │ ├── AliasColorVariables.tsx.preview
│ │ │ │ │ ├── ContrastTextDemo.js
│ │ │ │ │ ├── ContrastTextDemo.tsx
│ │ │ │ │ ├── CustomColorSpace.js
│ │ │ │ │ ├── CustomColorSpace.tsx
│ │ │ │ │ ├── DisableTransitionOnChange.js
│ │ │ │ │ ├── DisableTransitionOnChange.tsx
│ │ │ │ │ ├── ModernColorSpaces.js
│ │ │ │ │ ├── ModernColorSpaces.tsx
│ │ │ │ │ ├── NativeCssColors.js
│ │ │ │ │ ├── NativeCssColors.tsx
│ │ │ │ │ ├── ThemeColorFunctions.js
│ │ │ │ │ ├── ThemeColorFunctions.tsx
│ │ │ │ │ ├── configuration.md
│ │ │ │ │ ├── native-color.md
│ │ │ │ │ ├── overview.md
│ │ │ │ │ └── usage.md
│ │ │ │ ├── dark-mode/
│ │ │ │ │ ├── DarkTheme.js
│ │ │ │ │ ├── DarkThemeWithCustomPalette.js
│ │ │ │ │ ├── DarkThemeWithCustomPalette.tsx
│ │ │ │ │ ├── DarkThemeWithCustomPalette.tsx.preview
│ │ │ │ │ ├── ToggleColorMode.js
│ │ │ │ │ ├── ToggleColorMode.tsx
│ │ │ │ │ ├── ToggleColorMode.tsx.preview
│ │ │ │ │ └── dark-mode.md
│ │ │ │ ├── default-theme/
│ │ │ │ │ ├── DefaultTheme.js
│ │ │ │ │ └── default-theme.md
│ │ │ │ ├── density/
│ │ │ │ │ ├── DensityTool.js
│ │ │ │ │ └── density.md
│ │ │ │ ├── how-to-customize/
│ │ │ │ │ ├── DevTools.js
│ │ │ │ │ ├── DevTools.tsx
│ │ │ │ │ ├── DevTools.tsx.preview
│ │ │ │ │ ├── DynamicCSS.js
│ │ │ │ │ ├── DynamicCSS.tsx
│ │ │ │ │ ├── DynamicCSS.tsx.preview
│ │ │ │ │ ├── DynamicCSSVariables.js
│ │ │ │ │ ├── DynamicCSSVariables.tsx
│ │ │ │ │ ├── DynamicCSSVariables.tsx.preview
│ │ │ │ │ ├── GlobalCssOverride.js
│ │ │ │ │ ├── GlobalCssOverride.tsx
│ │ │ │ │ ├── GlobalCssOverride.tsx.preview
│ │ │ │ │ ├── GlobalCssOverrideTheme.js
│ │ │ │ │ ├── GlobalCssOverrideTheme.tsx
│ │ │ │ │ ├── GlobalCssOverrideTheme.tsx.preview
│ │ │ │ │ ├── OverrideCallbackCssBaseline.js
│ │ │ │ │ ├── OverrideCallbackCssBaseline.tsx
│ │ │ │ │ ├── OverrideCallbackCssBaseline.tsx.preview
│ │ │ │ │ ├── OverrideCssBaseline.js
│ │ │ │ │ ├── OverrideCssBaseline.tsx
│ │ │ │ │ ├── OverrideCssBaseline.tsx.preview
│ │ │ │ │ ├── StyledCustomization.js
│ │ │ │ │ ├── StyledCustomization.tsx
│ │ │ │ │ ├── StyledCustomization.tsx.preview
│ │ │ │ │ ├── SxProp.js
│ │ │ │ │ ├── SxProp.tsx
│ │ │ │ │ ├── SxProp.tsx.preview
│ │ │ │ │ └── how-to-customize.md
│ │ │ │ ├── overriding-component-structure/
│ │ │ │ │ ├── OverridingInternalSlot.js
│ │ │ │ │ ├── OverridingInternalSlot.tsx
│ │ │ │ │ ├── OverridingInternalSlot.tsx.preview
│ │ │ │ │ ├── OverridingRootSlot.js
│ │ │ │ │ ├── OverridingRootSlot.tsx
│ │ │ │ │ ├── OverridingRootSlot.tsx.preview
│ │ │ │ │ └── overriding-component-structure.md
│ │ │ │ ├── palette/
│ │ │ │ │ ├── AddingColorTokens.js
│ │ │ │ │ ├── AddingColorTokens.tsx
│ │ │ │ │ ├── ContrastThreshold.js
│ │ │ │ │ ├── ContrastThreshold.tsx
│ │ │ │ │ ├── ContrastThreshold.tsx.preview
│ │ │ │ │ ├── CustomColor.js
│ │ │ │ │ ├── CustomColor.tsx
│ │ │ │ │ ├── CustomColor.tsx.preview
│ │ │ │ │ ├── Intentions.js
│ │ │ │ │ ├── ManuallyProvideCustomColor.js
│ │ │ │ │ ├── ManuallyProvideCustomColor.tsx
│ │ │ │ │ ├── ManuallyProvidePaletteColor.js
│ │ │ │ │ ├── ManuallyProvidePaletteColor.tsx
│ │ │ │ │ ├── ManuallyProvidePaletteColor.tsx.preview
│ │ │ │ │ ├── Palette.js
│ │ │ │ │ ├── Palette.tsx
│ │ │ │ │ ├── Palette.tsx.preview
│ │ │ │ │ ├── ToggleColorMode.tsx.preview
│ │ │ │ │ ├── TonalOffset.js
│ │ │ │ │ ├── TonalOffset.tsx
│ │ │ │ │ ├── TonalOffset.tsx.preview
│ │ │ │ │ ├── UsingAugmentColor.js
│ │ │ │ │ ├── UsingAugmentColor.tsx
│ │ │ │ │ ├── UsingColorObject.js
│ │ │ │ │ ├── UsingColorObject.tsx
│ │ │ │ │ ├── UsingColorObject.tsx.preview
│ │ │ │ │ ├── UsingStylesUtils.js
│ │ │ │ │ ├── UsingStylesUtils.tsx
│ │ │ │ │ └── palette.md
│ │ │ │ ├── right-to-left/
│ │ │ │ │ ├── RtlDemo.js
│ │ │ │ │ ├── RtlDemo.tsx
│ │ │ │ │ ├── RtlDemo.tsx.preview
│ │ │ │ │ ├── RtlOptOut.js
│ │ │ │ │ ├── RtlOptOut.tsx
│ │ │ │ │ ├── RtlOptOut.tsx.preview
│ │ │ │ │ └── right-to-left.md
│ │ │ │ ├── shadow-dom/
│ │ │ │ │ ├── ShadowDOMDemoNoSnap.js
│ │ │ │ │ └── shadow-dom.md
│ │ │ │ ├── shape/
│ │ │ │ │ └── shape.md
│ │ │ │ ├── spacing/
│ │ │ │ │ └── spacing.md
│ │ │ │ ├── theme-components/
│ │ │ │ │ ├── DefaultProps.js
│ │ │ │ │ ├── DefaultProps.tsx
│ │ │ │ │ ├── DefaultProps.tsx.preview
│ │ │ │ │ ├── GlobalCss.js
│ │ │ │ │ ├── GlobalCss.tsx
│ │ │ │ │ ├── GlobalCss.tsx.preview
│ │ │ │ │ ├── GlobalThemeOverride.js
│ │ │ │ │ ├── GlobalThemeOverride.tsx
│ │ │ │ │ ├── GlobalThemeOverride.tsx.preview
│ │ │ │ │ ├── GlobalThemeOverrideSx.js
│ │ │ │ │ ├── GlobalThemeOverrideSx.tsx
│ │ │ │ │ ├── GlobalThemeOverrideSx.tsx.preview
│ │ │ │ │ ├── GlobalThemeVariants.js
│ │ │ │ │ ├── GlobalThemeVariants.tsx
│ │ │ │ │ ├── GlobalThemeVariants.tsx.preview
│ │ │ │ │ ├── ThemeVariables.js
│ │ │ │ │ ├── ThemeVariables.tsx
│ │ │ │ │ ├── ThemeVariables.tsx.preview
│ │ │ │ │ └── theme-components.md
│ │ │ │ ├── theming/
│ │ │ │ │ ├── CustomStyles.js
│ │ │ │ │ ├── CustomStyles.tsx
│ │ │ │ │ ├── CustomStyles.tsx.preview
│ │ │ │ │ ├── ThemeNesting.js
│ │ │ │ │ ├── ThemeNesting.tsx
│ │ │ │ │ ├── ThemeNesting.tsx.preview
│ │ │ │ │ ├── ThemeNestingExtend.js
│ │ │ │ │ ├── ThemeNestingExtend.tsx
│ │ │ │ │ └── theming.md
│ │ │ │ ├── transitions/
│ │ │ │ │ ├── TransitionHover.js
│ │ │ │ │ ├── TransitionHover.tsx
│ │ │ │ │ ├── TransitionHover.tsx.preview
│ │ │ │ │ └── transitions.md
│ │ │ │ ├── typography/
│ │ │ │ │ ├── CustomResponsiveFontSizes.js
│ │ │ │ │ ├── CustomResponsiveFontSizes.tsx
│ │ │ │ │ ├── CustomResponsiveFontSizes.tsx.preview
│ │ │ │ │ ├── FontSizeTheme.js
│ │ │ │ │ ├── FontSizeTheme.tsx
│ │ │ │ │ ├── FontSizeTheme.tsx.preview
│ │ │ │ │ ├── ResponsiveFontSizes.js
│ │ │ │ │ ├── ResponsiveFontSizes.tsx
│ │ │ │ │ ├── ResponsiveFontSizes.tsx.preview
│ │ │ │ │ ├── ResponsiveFontSizesChart.js
│ │ │ │ │ ├── TypographyCustomVariant.js
│ │ │ │ │ ├── TypographyCustomVariant.tsx
│ │ │ │ │ ├── TypographyCustomVariant.tsx.preview
│ │ │ │ │ ├── TypographyVariants.js
│ │ │ │ │ ├── TypographyVariants.tsx
│ │ │ │ │ ├── TypographyVariants.tsx.preview
│ │ │ │ │ └── typography.md
│ │ │ │ └── z-index/
│ │ │ │ └── z-index.md
│ │ │ ├── design-resources/
│ │ │ │ ├── material-ui-for-figma/
│ │ │ │ │ └── material-ui-for-figma.md
│ │ │ │ └── material-ui-sync/
│ │ │ │ └── material-ui-sync.md
│ │ │ ├── discover-more/
│ │ │ │ ├── backers/
│ │ │ │ │ └── backers.md
│ │ │ │ ├── changelog/
│ │ │ │ │ └── changelog.md
│ │ │ │ ├── related-projects/
│ │ │ │ │ └── related-projects.md
│ │ │ │ ├── roadmap/
│ │ │ │ │ └── roadmap.md
│ │ │ │ ├── showcase/
│ │ │ │ │ └── showcase.md
│ │ │ │ └── vision/
│ │ │ │ └── vision.md
│ │ │ ├── experimental-api/
│ │ │ │ ├── classname-generator/
│ │ │ │ │ └── classname-generator.md
│ │ │ │ └── pigment-css/
│ │ │ │ └── pigment-css.md
│ │ │ ├── getting-started/
│ │ │ │ ├── design-resources/
│ │ │ │ │ └── design-resources.md
│ │ │ │ ├── example-projects/
│ │ │ │ │ └── example-projects.md
│ │ │ │ ├── faq/
│ │ │ │ │ └── faq.md
│ │ │ │ ├── installation/
│ │ │ │ │ └── installation.md
│ │ │ │ ├── learn/
│ │ │ │ │ └── learn.md
│ │ │ │ ├── mcp/
│ │ │ │ │ └── mcp.md
│ │ │ │ ├── overview/
│ │ │ │ │ └── overview.md
│ │ │ │ ├── support/
│ │ │ │ │ └── support.md
│ │ │ │ ├── supported-components/
│ │ │ │ │ ├── MaterialUIComponents.js
│ │ │ │ │ └── supported-components.md
│ │ │ │ ├── supported-platforms/
│ │ │ │ │ └── supported-platforms.md
│ │ │ │ ├── templates/
│ │ │ │ │ ├── blog/
│ │ │ │ │ │ ├── Blog.js
│ │ │ │ │ │ ├── Blog.tsx
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ └── components/
│ │ │ │ │ │ ├── AppAppBar.js
│ │ │ │ │ │ ├── AppAppBar.tsx
│ │ │ │ │ │ ├── Footer.js
│ │ │ │ │ │ ├── Footer.tsx
│ │ │ │ │ │ ├── Latest.js
│ │ │ │ │ │ ├── Latest.tsx
│ │ │ │ │ │ ├── MainContent.js
│ │ │ │ │ │ ├── MainContent.tsx
│ │ │ │ │ │ ├── SitemarkIcon.js
│ │ │ │ │ │ └── SitemarkIcon.tsx
│ │ │ │ │ ├── checkout/
│ │ │ │ │ │ ├── Checkout.js
│ │ │ │ │ │ ├── Checkout.tsx
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ └── components/
│ │ │ │ │ │ ├── AddressForm.js
│ │ │ │ │ │ ├── AddressForm.tsx
│ │ │ │ │ │ ├── Info.js
│ │ │ │ │ │ ├── Info.tsx
│ │ │ │ │ │ ├── InfoMobile.js
│ │ │ │ │ │ ├── InfoMobile.tsx
│ │ │ │ │ │ ├── PaymentForm.js
│ │ │ │ │ │ ├── PaymentForm.tsx
│ │ │ │ │ │ ├── Review.js
│ │ │ │ │ │ ├── Review.tsx
│ │ │ │ │ │ ├── SitemarkIcon.js
│ │ │ │ │ │ └── SitemarkIcon.tsx
│ │ │ │ │ ├── crud-dashboard/
│ │ │ │ │ │ ├── CrudDashboard.js
│ │ │ │ │ │ ├── CrudDashboard.tsx
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ ├── components/
│ │ │ │ │ │ │ ├── DashboardHeader.js
│ │ │ │ │ │ │ ├── DashboardHeader.tsx
│ │ │ │ │ │ │ ├── DashboardLayout.js
│ │ │ │ │ │ │ ├── DashboardLayout.tsx
│ │ │ │ │ │ │ ├── DashboardSidebar.js
│ │ │ │ │ │ │ ├── DashboardSidebar.tsx
│ │ │ │ │ │ │ ├── DashboardSidebarDividerItem.js
│ │ │ │ │ │ │ ├── DashboardSidebarDividerItem.tsx
│ │ │ │ │ │ │ ├── DashboardSidebarHeaderItem.js
│ │ │ │ │ │ │ ├── DashboardSidebarHeaderItem.tsx
│ │ │ │ │ │ │ ├── DashboardSidebarPageItem.js
│ │ │ │ │ │ │ ├── DashboardSidebarPageItem.tsx
│ │ │ │ │ │ │ ├── EmployeeCreate.js
│ │ │ │ │ │ │ ├── EmployeeCreate.tsx
│ │ │ │ │ │ │ ├── EmployeeEdit.js
│ │ │ │ │ │ │ ├── EmployeeEdit.tsx
│ │ │ │ │ │ │ ├── EmployeeForm.js
│ │ │ │ │ │ │ ├── EmployeeForm.tsx
│ │ │ │ │ │ │ ├── EmployeeList.js
│ │ │ │ │ │ │ ├── EmployeeList.tsx
│ │ │ │ │ │ │ ├── EmployeeShow.js
│ │ │ │ │ │ │ ├── EmployeeShow.tsx
│ │ │ │ │ │ │ ├── PageContainer.js
│ │ │ │ │ │ │ ├── PageContainer.tsx
│ │ │ │ │ │ │ ├── SitemarkIcon.js
│ │ │ │ │ │ │ ├── SitemarkIcon.tsx
│ │ │ │ │ │ │ ├── ThemeSwitcher.js
│ │ │ │ │ │ │ └── ThemeSwitcher.tsx
│ │ │ │ │ │ ├── constants.js
│ │ │ │ │ │ ├── constants.ts
│ │ │ │ │ │ ├── context/
│ │ │ │ │ │ │ ├── DashboardSidebarContext.js
│ │ │ │ │ │ │ └── DashboardSidebarContext.ts
│ │ │ │ │ │ ├── data/
│ │ │ │ │ │ │ ├── employees.js
│ │ │ │ │ │ │ └── employees.ts
│ │ │ │ │ │ ├── hooks/
│ │ │ │ │ │ │ ├── useDialogs/
│ │ │ │ │ │ │ │ ├── DialogsContext.js
│ │ │ │ │ │ │ │ ├── DialogsContext.ts
│ │ │ │ │ │ │ │ ├── DialogsProvider.js
│ │ │ │ │ │ │ │ ├── DialogsProvider.tsx
│ │ │ │ │ │ │ │ ├── useDialogs.js
│ │ │ │ │ │ │ │ └── useDialogs.tsx
│ │ │ │ │ │ │ └── useNotifications/
│ │ │ │ │ │ │ ├── NotificationsContext.js
│ │ │ │ │ │ │ ├── NotificationsContext.tsx
│ │ │ │ │ │ │ ├── NotificationsProvider.js
│ │ │ │ │ │ │ ├── NotificationsProvider.tsx
│ │ │ │ │ │ │ ├── useNotifications.js
│ │ │ │ │ │ │ └── useNotifications.tsx
│ │ │ │ │ │ ├── mixins.js
│ │ │ │ │ │ ├── mixins.ts
│ │ │ │ │ │ └── theme/
│ │ │ │ │ │ └── customizations/
│ │ │ │ │ │ ├── button.js
│ │ │ │ │ │ ├── button.tsx
│ │ │ │ │ │ ├── dataGrid.js
│ │ │ │ │ │ ├── dataGrid.ts
│ │ │ │ │ │ ├── datePickers.js
│ │ │ │ │ │ ├── datePickers.ts
│ │ │ │ │ │ ├── formInput.js
│ │ │ │ │ │ ├── formInput.tsx
│ │ │ │ │ │ ├── index.js
│ │ │ │ │ │ ├── index.ts
│ │ │ │ │ │ ├── sidebar.js
│ │ │ │ │ │ └── sidebar.tsx
│ │ │ │ │ ├── dashboard/
│ │ │ │ │ │ ├── Dashboard.js
│ │ │ │ │ │ ├── Dashboard.tsx
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ ├── Title.tsx.preview
│ │ │ │ │ │ ├── components/
│ │ │ │ │ │ │ ├── AppNavbar.js
│ │ │ │ │ │ │ ├── AppNavbar.tsx
│ │ │ │ │ │ │ ├── CardAlert.js
│ │ │ │ │ │ │ ├── CardAlert.tsx
│ │ │ │ │ │ │ ├── ChartUserByCountry.js
│ │ │ │ │ │ │ ├── ChartUserByCountry.tsx
│ │ │ │ │ │ │ ├── CustomDatePicker.js
│ │ │ │ │ │ │ ├── CustomDatePicker.tsx
│ │ │ │ │ │ │ ├── CustomizedDataGrid.js
│ │ │ │ │ │ │ ├── CustomizedDataGrid.tsx
│ │ │ │ │ │ │ ├── CustomizedTreeView.js
│ │ │ │ │ │ │ ├── CustomizedTreeView.tsx
│ │ │ │ │ │ │ ├── Header.js
│ │ │ │ │ │ │ ├── Header.tsx
│ │ │ │ │ │ │ ├── HighlightedCard.js
│ │ │ │ │ │ │ ├── HighlightedCard.tsx
│ │ │ │ │ │ │ ├── MainGrid.js
│ │ │ │ │ │ │ ├── MainGrid.tsx
│ │ │ │ │ │ │ ├── MenuButton.js
│ │ │ │ │ │ │ ├── MenuButton.tsx
│ │ │ │ │ │ │ ├── MenuContent.js
│ │ │ │ │ │ │ ├── MenuContent.tsx
│ │ │ │ │ │ │ ├── NavbarBreadcrumbs.js
│ │ │ │ │ │ │ ├── NavbarBreadcrumbs.tsx
│ │ │ │ │ │ │ ├── OptionsMenu.js
│ │ │ │ │ │ │ ├── OptionsMenu.tsx
│ │ │ │ │ │ │ ├── PageViewsBarChart.js
│ │ │ │ │ │ │ ├── PageViewsBarChart.tsx
│ │ │ │ │ │ │ ├── Search.js
│ │ │ │ │ │ │ ├── Search.tsx
│ │ │ │ │ │ │ ├── SelectContent.js
│ │ │ │ │ │ │ ├── SelectContent.tsx
│ │ │ │ │ │ │ ├── SessionsChart.js
│ │ │ │ │ │ │ ├── SessionsChart.tsx
│ │ │ │ │ │ │ ├── SideMenu.js
│ │ │ │ │ │ │ ├── SideMenu.tsx
│ │ │ │ │ │ │ ├── SideMenuMobile.js
│ │ │ │ │ │ │ ├── SideMenuMobile.tsx
│ │ │ │ │ │ │ ├── StatCard.js
│ │ │ │ │ │ │ └── StatCard.tsx
│ │ │ │ │ │ ├── internals/
│ │ │ │ │ │ │ ├── components/
│ │ │ │ │ │ │ │ ├── Copyright.js
│ │ │ │ │ │ │ │ ├── Copyright.tsx
│ │ │ │ │ │ │ │ ├── CustomIcons.js
│ │ │ │ │ │ │ │ └── CustomIcons.tsx
│ │ │ │ │ │ │ └── data/
│ │ │ │ │ │ │ ├── gridData.js
│ │ │ │ │ │ │ └── gridData.tsx
│ │ │ │ │ │ └── theme/
│ │ │ │ │ │ └── customizations/
│ │ │ │ │ │ ├── charts.js
│ │ │ │ │ │ ├── charts.ts
│ │ │ │ │ │ ├── dataGrid.js
│ │ │ │ │ │ ├── datePickers.js
│ │ │ │ │ │ ├── datePickers.ts
│ │ │ │ │ │ ├── index.js
│ │ │ │ │ │ ├── index.ts
│ │ │ │ │ │ ├── treeView.js
│ │ │ │ │ │ └── treeView.ts
│ │ │ │ │ ├── marketing-page/
│ │ │ │ │ │ ├── MarketingPage.js
│ │ │ │ │ │ ├── MarketingPage.tsx
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ └── components/
│ │ │ │ │ │ ├── AppAppBar.js
│ │ │ │ │ │ ├── AppAppBar.tsx
│ │ │ │ │ │ ├── FAQ.js
│ │ │ │ │ │ ├── FAQ.tsx
│ │ │ │ │ │ ├── Features.js
│ │ │ │ │ │ ├── Features.tsx
│ │ │ │ │ │ ├── Footer.js
│ │ │ │ │ │ ├── Footer.tsx
│ │ │ │ │ │ ├── Hero.js
│ │ │ │ │ │ ├── Hero.tsx
│ │ │ │ │ │ ├── Highlights.js
│ │ │ │ │ │ ├── Highlights.tsx
│ │ │ │ │ │ ├── LogoCollection.js
│ │ │ │ │ │ ├── LogoCollection.tsx
│ │ │ │ │ │ ├── Pricing.js
│ │ │ │ │ │ ├── Pricing.tsx
│ │ │ │ │ │ ├── SitemarkIcon.js
│ │ │ │ │ │ ├── SitemarkIcon.tsx
│ │ │ │ │ │ ├── Testimonials.js
│ │ │ │ │ │ └── Testimonials.tsx
│ │ │ │ │ ├── shared-theme/
│ │ │ │ │ │ ├── AppTheme.js
│ │ │ │ │ │ ├── AppTheme.tsx
│ │ │ │ │ │ ├── ColorModeIconDropdown.js
│ │ │ │ │ │ ├── ColorModeIconDropdown.tsx
│ │ │ │ │ │ ├── ColorModeSelect.js
│ │ │ │ │ │ ├── ColorModeSelect.tsx
│ │ │ │ │ │ ├── customizations/
│ │ │ │ │ │ │ ├── dataDisplay.js
│ │ │ │ │ │ │ ├── dataDisplay.tsx
│ │ │ │ │ │ │ ├── feedback.js
│ │ │ │ │ │ │ ├── feedback.tsx
│ │ │ │ │ │ │ ├── inputs.js
│ │ │ │ │ │ │ ├── inputs.tsx
│ │ │ │ │ │ │ ├── navigation.js
│ │ │ │ │ │ │ ├── navigation.tsx
│ │ │ │ │ │ │ ├── surfaces.js
│ │ │ │ │ │ │ └── surfaces.ts
│ │ │ │ │ │ ├── themePrimitives.js
│ │ │ │ │ │ └── themePrimitives.ts
│ │ │ │ │ ├── sign-in/
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ ├── SignIn.js
│ │ │ │ │ │ ├── SignIn.tsx
│ │ │ │ │ │ └── components/
│ │ │ │ │ │ ├── CustomIcons.js
│ │ │ │ │ │ ├── CustomIcons.tsx
│ │ │ │ │ │ ├── ForgotPassword.js
│ │ │ │ │ │ └── ForgotPassword.tsx
│ │ │ │ │ ├── sign-in-side/
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ ├── SignInSide.js
│ │ │ │ │ │ ├── SignInSide.tsx
│ │ │ │ │ │ └── components/
│ │ │ │ │ │ ├── Content.js
│ │ │ │ │ │ ├── Content.tsx
│ │ │ │ │ │ ├── CustomIcons.js
│ │ │ │ │ │ ├── CustomIcons.tsx
│ │ │ │ │ │ ├── ForgotPassword.js
│ │ │ │ │ │ ├── ForgotPassword.tsx
│ │ │ │ │ │ ├── SignInCard.js
│ │ │ │ │ │ └── SignInCard.tsx
│ │ │ │ │ ├── sign-up/
│ │ │ │ │ │ ├── README.md
│ │ │ │ │ │ ├── SignUp.js
│ │ │ │ │ │ ├── SignUp.tsx
│ │ │ │ │ │ └── components/
│ │ │ │ │ │ ├── CustomIcons.js
│ │ │ │ │ │ └── CustomIcons.tsx
│ │ │ │ │ └── templates.md
│ │ │ │ └── usage/
│ │ │ │ ├── ButtonUsage.js
│ │ │ │ ├── ButtonUsage.tsx
│ │ │ │ ├── ButtonUsage.tsx.preview
│ │ │ │ └── usage.md
│ │ │ ├── guides/
│ │ │ │ ├── api/
│ │ │ │ │ └── api.md
│ │ │ │ ├── building-extensible-themes/
│ │ │ │ │ ├── ExtensibleThemes.js
│ │ │ │ │ ├── ExtensibleThemes.tsx
│ │ │ │ │ ├── ExtensibleThemes.tsx.preview
│ │ │ │ │ └── building-extensible-themes.md
│ │ │ │ ├── composition/
│ │ │ │ │ ├── Composition.js
│ │ │ │ │ ├── Composition.tsx
│ │ │ │ │ ├── Composition.tsx.preview
│ │ │ │ │ └── composition.md
│ │ │ │ ├── content-security-policy/
│ │ │ │ │ └── content-security-policy.md
│ │ │ │ ├── localization/
│ │ │ │ │ ├── Locales.js
│ │ │ │ │ ├── Locales.tsx
│ │ │ │ │ └── localization.md
│ │ │ │ ├── minimizing-bundle-size/
│ │ │ │ │ └── minimizing-bundle-size.md
│ │ │ │ ├── responsive-ui/
│ │ │ │ │ └── responsive-ui.md
│ │ │ │ ├── server-rendering/
│ │ │ │ │ └── server-rendering.md
│ │ │ │ ├── testing/
│ │ │ │ │ └── testing.md
│ │ │ │ └── typescript/
│ │ │ │ └── typescript.md
│ │ │ ├── integrations/
│ │ │ │ ├── interoperability/
│ │ │ │ │ ├── EmotionCSS.js
│ │ │ │ │ ├── EmotionCSS.tsx
│ │ │ │ │ ├── EmotionCSS.tsx.preview
│ │ │ │ │ ├── StyledComponents.js
│ │ │ │ │ ├── StyledComponents.tsx
│ │ │ │ │ ├── StyledComponents.tsx.preview
│ │ │ │ │ ├── StyledComponentsDeep.js
│ │ │ │ │ ├── StyledComponentsDeep.tsx
│ │ │ │ │ ├── StyledComponentsDeep.tsx.preview
│ │ │ │ │ ├── StyledComponentsPortal.js
│ │ │ │ │ ├── StyledComponentsPortal.tsx
│ │ │ │ │ ├── StyledComponentsPortal.tsx.preview
│ │ │ │ │ ├── StyledComponentsTheme.js
│ │ │ │ │ ├── StyledComponentsTheme.tsx
│ │ │ │ │ ├── StyledComponentsTheme.tsx.preview
│ │ │ │ │ └── interoperability.md
│ │ │ │ ├── nextjs/
│ │ │ │ │ └── nextjs.md
│ │ │ │ ├── routing/
│ │ │ │ │ ├── ButtonDemo.js
│ │ │ │ │ ├── ButtonDemo.tsx
│ │ │ │ │ ├── ButtonDemo.tsx.preview
│ │ │ │ │ ├── ButtonRouter.js
│ │ │ │ │ ├── ButtonRouter.tsx
│ │ │ │ │ ├── ButtonRouter.tsx.preview
│ │ │ │ │ ├── LinkDemo.js
│ │ │ │ │ ├── LinkDemo.tsx
│ │ │ │ │ ├── LinkDemo.tsx.preview
│ │ │ │ │ ├── LinkRouter.js
│ │ │ │ │ ├── LinkRouter.tsx
│ │ │ │ │ ├── LinkRouter.tsx.preview
│ │ │ │ │ ├── LinkRouterWithTheme.js
│ │ │ │ │ ├── LinkRouterWithTheme.tsx
│ │ │ │ │ ├── LinkRouterWithTheme.tsx.preview
│ │ │ │ │ ├── ListRouter.js
│ │ │ │ │ ├── ListRouter.tsx
│ │ │ │ │ ├── TabsRouter.js
│ │ │ │ │ ├── TabsRouter.tsx
│ │ │ │ │ ├── TabsRouter.tsx.preview
│ │ │ │ │ └── routing.md
│ │ │ │ ├── styled-components/
│ │ │ │ │ └── styled-components.md
│ │ │ │ ├── tailwindcss/
│ │ │ │ │ ├── TextFieldTailwind.js
│ │ │ │ │ ├── TextFieldTailwind.tsx
│ │ │ │ │ └── tailwindcss-v4.md
│ │ │ │ └── theme-scoping/
│ │ │ │ └── theme-scoping.md
│ │ │ ├── migration/
│ │ │ │ ├── migrating-from-deprecated-apis/
│ │ │ │ │ └── migrating-from-deprecated-apis.md
│ │ │ │ ├── migration-v0x/
│ │ │ │ │ └── migration-v0x.md
│ │ │ │ ├── migration-v3/
│ │ │ │ │ └── migration-v3.md
│ │ │ │ ├── migration-v4/
│ │ │ │ │ ├── migrating-from-jss.md
│ │ │ │ │ ├── migration-v4.md
│ │ │ │ │ ├── troubleshooting.md
│ │ │ │ │ ├── v5-component-changes.md
│ │ │ │ │ └── v5-style-changes.md
│ │ │ │ ├── pickers-migration/
│ │ │ │ │ └── pickers-migration.md
│ │ │ │ ├── upgrade-to-grid-v2/
│ │ │ │ │ └── upgrade-to-grid-v2.md
│ │ │ │ ├── upgrade-to-v6/
│ │ │ │ │ ├── migrating-to-pigment-css.md
│ │ │ │ │ └── upgrade-to-v6.md
│ │ │ │ ├── upgrade-to-v7/
│ │ │ │ │ ├── migrating-from-deprecated-apis.md
│ │ │ │ │ ├── upgrade-to-native-color.md
│ │ │ │ │ └── upgrade-to-v7.md
│ │ │ │ └── upgrade-to-v9/
│ │ │ │ └── upgrade-to-v9.md
│ │ │ ├── pages.ts
│ │ │ └── pagesApi.js
│ │ └── system/
│ │ ├── borders/
│ │ │ ├── BorderAdditive.js
│ │ │ ├── BorderAdditive.tsx
│ │ │ ├── BorderAdditive.tsx.preview
│ │ │ ├── BorderColor.js
│ │ │ ├── BorderColor.tsx
│ │ │ ├── BorderColor.tsx.preview
│ │ │ ├── BorderRadius.js
│ │ │ ├── BorderRadius.tsx
│ │ │ ├── BorderRadius.tsx.preview
│ │ │ ├── BorderSubtractive.js
│ │ │ ├── BorderSubtractive.tsx
│ │ │ ├── BorderSubtractive.tsx.preview
│ │ │ └── borders.md
│ │ ├── components/
│ │ │ ├── box/
│ │ │ │ ├── BoxBasic.js
│ │ │ │ ├── BoxBasic.tsx
│ │ │ │ ├── BoxBasic.tsx.preview
│ │ │ │ ├── BoxSx.js
│ │ │ │ ├── BoxSx.tsx
│ │ │ │ ├── BoxSystemProps.js
│ │ │ │ ├── BoxSystemProps.tsx
│ │ │ │ ├── BoxSystemProps.tsx.preview
│ │ │ │ └── box.md
│ │ │ ├── container/
│ │ │ │ ├── FixedContainer.js
│ │ │ │ ├── FixedContainer.tsx
│ │ │ │ ├── FixedContainer.tsx.preview
│ │ │ │ ├── SimpleContainer.js
│ │ │ │ ├── SimpleContainer.tsx
│ │ │ │ ├── SimpleContainer.tsx.preview
│ │ │ │ └── container.md
│ │ │ ├── grid/
│ │ │ │ ├── AutoGrid.js
│ │ │ │ ├── AutoGrid.tsx
│ │ │ │ ├── AutoGrid.tsx.preview
│ │ │ │ ├── AutoGridNoWrap.js
│ │ │ │ ├── AutoGridNoWrap.tsx
│ │ │ │ ├── BasicGrid.js
│ │ │ │ ├── BasicGrid.tsx
│ │ │ │ ├── BasicGrid.tsx.preview
│ │ │ │ ├── ColumnsGrid.js
│ │ │ │ ├── ColumnsGrid.tsx
│ │ │ │ ├── ColumnsGrid.tsx.preview
│ │ │ │ ├── CustomBreakpointsGrid.js
│ │ │ │ ├── FullWidthGrid.js
│ │ │ │ ├── FullWidthGrid.tsx
│ │ │ │ ├── FullWidthGrid.tsx.preview
│ │ │ │ ├── NestedGrid.js
│ │ │ │ ├── NestedGrid.tsx
│ │ │ │ ├── OffsetGrid.js
│ │ │ │ ├── OffsetGrid.tsx
│ │ │ │ ├── OffsetGrid.tsx.preview
│ │ │ │ ├── ResponsiveGrid.js
│ │ │ │ ├── ResponsiveGrid.tsx
│ │ │ │ ├── ResponsiveGrid.tsx.preview
│ │ │ │ ├── RowAndColumnSpacing.js
│ │ │ │ ├── RowAndColumnSpacing.tsx
│ │ │ │ ├── RowAndColumnSpacing.tsx.preview
│ │ │ │ ├── SpacingGrid.js
│ │ │ │ ├── SpacingGrid.tsx
│ │ │ │ ├── VariableWidthGrid.js
│ │ │ │ ├── VariableWidthGrid.tsx
│ │ │ │ ├── VariableWidthGrid.tsx.preview
│ │ │ │ └── grid.md
│ │ │ └── stack/
│ │ │ ├── BasicStack.js
│ │ │ ├── BasicStack.tsx
│ │ │ ├── BasicStack.tsx.preview
│ │ │ ├── DirectionStack.js
│ │ │ ├── DirectionStack.tsx
│ │ │ ├── DirectionStack.tsx.preview
│ │ │ ├── DividerStack.js
│ │ │ ├── DividerStack.tsx
│ │ │ ├── FlexboxGapStack.js
│ │ │ ├── FlexboxGapStack.tsx
│ │ │ ├── FlexboxGapStack.tsx.preview
│ │ │ ├── InteractiveStack.js
│ │ │ ├── InteractiveStack.tsx
│ │ │ ├── ResponsiveStack.js
│ │ │ ├── ResponsiveStack.tsx
│ │ │ ├── ResponsiveStack.tsx.preview
│ │ │ └── stack.md
│ │ ├── display/
│ │ │ ├── Block.js
│ │ │ ├── Block.tsx
│ │ │ ├── Hiding.js
│ │ │ ├── Hiding.tsx
│ │ │ ├── Inline.js
│ │ │ ├── Inline.tsx
│ │ │ ├── Overflow.js
│ │ │ ├── Overflow.tsx
│ │ │ ├── Print.js
│ │ │ ├── Print.tsx
│ │ │ ├── TextOverflow.js
│ │ │ ├── TextOverflow.tsx
│ │ │ ├── Visibility.js
│ │ │ ├── Visibility.tsx
│ │ │ ├── WhiteSpace.js
│ │ │ ├── WhiteSpace.tsx
│ │ │ └── display.md
│ │ ├── experimental-api/
│ │ │ ├── configure-the-sx-prop/
│ │ │ │ ├── ChangeTheBehaviorSxProp.js
│ │ │ │ ├── ChangeTheBehaviorSxProp.tsx
│ │ │ │ ├── ChangeTheBehaviorSxProp.tsx.preview
│ │ │ │ ├── ExtendTheSxProp.js
│ │ │ │ ├── ExtendTheSxProp.tsx
│ │ │ │ ├── ExtendTheSxProp.tsx.preview
│ │ │ │ └── configure-the-sx-prop.md
│ │ │ └── css-theme-variables/
│ │ │ ├── CreateCssVarsProvider.js
│ │ │ ├── CreateCssVarsProvider.tsx
│ │ │ ├── CreateCssVarsProvider.tsx.preview
│ │ │ └── css-theme-variables.md
│ │ ├── flexbox/
│ │ │ ├── AlignContent.js
│ │ │ ├── AlignContent.tsx
│ │ │ ├── AlignItems.js
│ │ │ ├── AlignItems.tsx
│ │ │ ├── AlignSelf.js
│ │ │ ├── AlignSelf.tsx
│ │ │ ├── AlignSelf.tsx.preview
│ │ │ ├── Display.js
│ │ │ ├── Display.tsx
│ │ │ ├── FlexDirection.js
│ │ │ ├── FlexDirection.tsx
│ │ │ ├── FlexGrow.js
│ │ │ ├── FlexGrow.tsx
│ │ │ ├── FlexGrow.tsx.preview
│ │ │ ├── FlexShrink.js
│ │ │ ├── FlexShrink.tsx
│ │ │ ├── FlexShrink.tsx.preview
│ │ │ ├── FlexWrap.js
│ │ │ ├── FlexWrap.tsx
│ │ │ ├── JustifyContent.js
│ │ │ ├── JustifyContent.tsx
│ │ │ ├── Order.js
│ │ │ ├── Order.tsx
│ │ │ ├── Order.tsx.preview
│ │ │ └── flexbox.md
│ │ ├── getting-started/
│ │ │ ├── custom-components/
│ │ │ │ ├── CombiningStyleFunctionsDemo.js
│ │ │ │ ├── CombiningStyleFunctionsDemo.tsx
│ │ │ │ ├── CombiningStyleFunctionsDemo.tsx.preview
│ │ │ │ ├── StyleFunctionSxDemo.js
│ │ │ │ ├── StyleFunctionSxDemo.tsx
│ │ │ │ ├── StyleFunctionSxDemo.tsx.preview
│ │ │ │ └── custom-components.md
│ │ │ ├── installation/
│ │ │ │ └── installation.md
│ │ │ ├── overview/
│ │ │ │ └── overview.md
│ │ │ ├── support/
│ │ │ │ └── support.md
│ │ │ ├── the-sx-prop/
│ │ │ │ ├── DynamicValues.js
│ │ │ │ ├── DynamicValues.tsx
│ │ │ │ ├── Example.js
│ │ │ │ ├── Example.tsx
│ │ │ │ ├── PassingSxProp.js
│ │ │ │ ├── PassingSxProp.tsx
│ │ │ │ ├── PassingSxProp.tsx.preview
│ │ │ │ └── the-sx-prop.md
│ │ │ └── usage/
│ │ │ ├── BreakpointsAsArray.js
│ │ │ ├── BreakpointsAsArray.tsx
│ │ │ ├── BreakpointsAsArray.tsx.preview
│ │ │ ├── BreakpointsAsObject.js
│ │ │ ├── BreakpointsAsObject.tsx
│ │ │ ├── BreakpointsAsObject.tsx.preview
│ │ │ ├── ContainerQueries.js
│ │ │ ├── ContainerQueries.tsx
│ │ │ ├── Demo.js
│ │ │ ├── Demo.tsx
│ │ │ ├── SxProp.tsx.preview
│ │ │ ├── ValueAsFunction.js
│ │ │ ├── ValueAsFunction.tsx
│ │ │ ├── ValueAsFunction.tsx.preview
│ │ │ ├── Why.js
│ │ │ ├── Why.tsx
│ │ │ └── usage.md
│ │ ├── grid/
│ │ │ ├── Display.js
│ │ │ ├── Display.tsx
│ │ │ ├── Gap.js
│ │ │ ├── Gap.tsx
│ │ │ ├── Gap.tsx.preview
│ │ │ ├── GridAutoColumns.js
│ │ │ ├── GridAutoColumns.tsx
│ │ │ ├── GridAutoColumns.tsx.preview
│ │ │ ├── GridAutoFlow.js
│ │ │ ├── GridAutoFlow.tsx
│ │ │ ├── GridAutoFlow.tsx.preview
│ │ │ ├── GridAutoRows.js
│ │ │ ├── GridAutoRows.tsx
│ │ │ ├── GridAutoRows.tsx.preview
│ │ │ ├── GridTemplateAreas.js
│ │ │ ├── GridTemplateAreas.tsx
│ │ │ ├── GridTemplateAreas.tsx.preview
│ │ │ ├── GridTemplateColumns.js
│ │ │ ├── GridTemplateColumns.tsx
│ │ │ ├── GridTemplateColumns.tsx.preview
│ │ │ ├── GridTemplateRows.js
│ │ │ ├── GridTemplateRows.tsx
│ │ │ ├── GridTemplateRows.tsx.preview
│ │ │ ├── RowAndColumnGap.js
│ │ │ ├── RowAndColumnGap.tsx
│ │ │ ├── RowAndColumnGap.tsx.preview
│ │ │ └── grid.md
│ │ ├── migration/
│ │ │ ├── migrating-to-v6/
│ │ │ │ └── migrating-to-v6.md
│ │ │ ├── upgrade-to-v7/
│ │ │ │ └── upgrade-to-v7.md
│ │ │ └── upgrade-to-v9/
│ │ │ └── upgrade-to-v9.md
│ │ ├── pages.ts
│ │ ├── pagesApi.js
│ │ ├── palette/
│ │ │ ├── BackgroundColor.js
│ │ │ ├── BackgroundColor.tsx
│ │ │ ├── Color.js
│ │ │ ├── Color.tsx
│ │ │ ├── Color.tsx.preview
│ │ │ └── palette.md
│ │ ├── positions/
│ │ │ ├── ZIndex.js
│ │ │ ├── ZIndex.tsx
│ │ │ └── positions.md
│ │ ├── properties/
│ │ │ └── properties.md
│ │ ├── screen-readers/
│ │ │ ├── VisuallyHiddenUsage.js
│ │ │ ├── VisuallyHiddenUsage.tsx
│ │ │ ├── VisuallyHiddenUsage.tsx.preview
│ │ │ └── screen-readers.md
│ │ ├── shadows/
│ │ │ ├── ShadowsDemo.js
│ │ │ ├── ShadowsDemo.tsx
│ │ │ └── shadows.md
│ │ ├── sizing/
│ │ │ ├── Height.js
│ │ │ ├── Height.tsx
│ │ │ ├── Values.js
│ │ │ ├── Values.tsx
│ │ │ ├── Width.js
│ │ │ ├── Width.tsx
│ │ │ └── sizing.md
│ │ ├── spacing/
│ │ │ ├── HorizontalCentering.js
│ │ │ ├── HorizontalCentering.tsx
│ │ │ ├── SpacingDemo.js
│ │ │ ├── SpacingDemo.tsx
│ │ │ └── spacing.md
│ │ ├── styled/
│ │ │ ├── BasicUsage.js
│ │ │ ├── BasicUsage.tsx
│ │ │ ├── BasicUsage.tsx.preview
│ │ │ ├── ThemeUsage.js
│ │ │ ├── ThemeUsage.tsx
│ │ │ ├── ThemeUsage.tsx.preview
│ │ │ ├── UsingOptions.js
│ │ │ ├── UsingOptions.tsx
│ │ │ ├── UsingOptions.tsx.preview
│ │ │ ├── UsingWithSx.js
│ │ │ ├── UsingWithSx.tsx
│ │ │ ├── UsingWithSx.tsx.preview
│ │ │ └── styled.md
│ │ └── typography/
│ │ ├── FontFamily.js
│ │ ├── FontFamily.tsx
│ │ ├── FontFamily.tsx.preview
│ │ ├── FontSize.js
│ │ ├── FontSize.tsx
│ │ ├── FontSize.tsx.preview
│ │ ├── FontStyle.js
│ │ ├── FontStyle.tsx
│ │ ├── FontStyle.tsx.preview
│ │ ├── FontWeight.js
│ │ ├── FontWeight.tsx
│ │ ├── FontWeight.tsx.preview
│ │ ├── LetterSpacing.js
│ │ ├── LetterSpacing.tsx
│ │ ├── LetterSpacing.tsx.preview
│ │ ├── LineHeight.js
│ │ ├── LineHeight.tsx
│ │ ├── LineHeight.tsx.preview
│ │ ├── TextAlignment.js
│ │ ├── TextAlignment.tsx
│ │ ├── TextAlignment.tsx.preview
│ │ ├── TextTransform.js
│ │ ├── TextTransform.tsx
│ │ ├── TextTransform.tsx.preview
│ │ ├── Variant.js
│ │ ├── Variant.tsx
│ │ ├── Variant.tsx.preview
│ │ └── typography.md
│ ├── lib/
│ │ └── sourcing.ts
│ ├── mui-vale/
│ │ ├── .vale.ini
│ │ └── styles/
│ │ └── MUI/
│ │ ├── CorrectReferenceAllCases.yml
│ │ ├── CorrectRererenceCased.yml
│ │ ├── GoogleLatin.yml
│ │ ├── MuiBrandName.yml
│ │ ├── NoBritish.yml
│ │ └── NoCompanyName.yml
│ ├── next.config.ts
│ ├── nextConfigDocsInfra.js
│ ├── notifications.json
│ ├── package.json
│ ├── pages/
│ │ ├── 404.tsx
│ │ ├── _app.tsx
│ │ ├── _document.tsx
│ │ ├── about.tsx
│ │ ├── blog/
│ │ │ ├── 2019-developer-survey-results.js
│ │ │ ├── 2019-developer-survey-results.md
│ │ │ ├── 2019.js
│ │ │ ├── 2019.md
│ │ │ ├── 2020-developer-survey-results.js
│ │ │ ├── 2020-developer-survey-results.md
│ │ │ ├── 2020-introducing-sketch.js
│ │ │ ├── 2020-introducing-sketch.md
│ │ │ ├── 2020-q1-update.js
│ │ │ ├── 2020-q1-update.md
│ │ │ ├── 2020-q2-update.js
│ │ │ ├── 2020-q2-update.md
│ │ │ ├── 2020-q3-update.js
│ │ │ ├── 2020-q3-update.md
│ │ │ ├── 2020.js
│ │ │ ├── 2020.md
│ │ │ ├── 2021-developer-survey-results.js
│ │ │ ├── 2021-developer-survey-results.md
│ │ │ ├── 2021-q1-update.js
│ │ │ ├── 2021-q1-update.md
│ │ │ ├── 2021-q2-update.js
│ │ │ ├── 2021-q2-update.md
│ │ │ ├── 2021-q3-update.js
│ │ │ ├── 2021-q3-update.md
│ │ │ ├── 2021.js
│ │ │ ├── 2021.md
│ │ │ ├── 2022-tenerife-retreat.js
│ │ │ ├── 2022-tenerife-retreat.md
│ │ │ ├── 2023-chamonix-retreat.js
│ │ │ ├── 2023-chamonix-retreat.md
│ │ │ ├── 2023-material-ui-v6-and-beyond.js
│ │ │ ├── 2023-material-ui-v6-and-beyond.md
│ │ │ ├── 2023-mui-values.js
│ │ │ ├── 2023-mui-values.md
│ │ │ ├── 2023-phuket-retreat.js
│ │ │ ├── 2023-phuket-retreat.md
│ │ │ ├── 2023-toolpad-beta-announcement.js
│ │ │ ├── 2023-toolpad-beta-announcement.md
│ │ │ ├── 2025-punta-cana-retreat.js
│ │ │ ├── 2025-punta-cana-retreat.md
│ │ │ ├── 2026-and-beyond.js
│ │ │ ├── 2026-and-beyond.md
│ │ │ ├── 2026-mui-x-price-changes.js
│ │ │ ├── 2026-mui-x-price-changes.md
│ │ │ ├── aggregation-functions.js
│ │ │ ├── aggregation-functions.md
│ │ │ ├── april-2019-update.js
│ │ │ ├── april-2019-update.md
│ │ │ ├── august-2019-update.js
│ │ │ ├── august-2019-update.md
│ │ │ ├── base-ui-2024-plans.js
│ │ │ ├── base-ui-2024-plans.md
│ │ │ ├── benny-joo-joining.js
│ │ │ ├── benny-joo-joining.md
│ │ │ ├── bringing-consistency-to-material-ui-customization-apis.js
│ │ │ ├── bringing-consistency-to-material-ui-customization-apis.md
│ │ │ ├── build-layouts-faster-with-grid-v2.js
│ │ │ ├── build-layouts-faster-with-grid-v2.md
│ │ │ ├── callback-support-in-style-overrides.js
│ │ │ ├── callback-support-in-style-overrides.md
│ │ │ ├── danail-hadjiatanasov-joining.js
│ │ │ ├── danail-hadjiatanasov-joining.md
│ │ │ ├── danilo-leal-joining.js
│ │ │ ├── danilo-leal-joining.md
│ │ │ ├── date-pickers-stable-v5.js
│ │ │ ├── date-pickers-stable-v5.md
│ │ │ ├── december-2019-update.js
│ │ │ ├── december-2019-update.md
│ │ │ ├── docs-restructure-2022.js
│ │ │ ├── docs-restructure-2022.md
│ │ │ ├── first-look-at-joy.js
│ │ │ ├── first-look-at-joy.md
│ │ │ ├── introducing-base-ui.js
│ │ │ ├── introducing-base-ui.md
│ │ │ ├── introducing-pigment-css.js
│ │ │ ├── introducing-pigment-css.md
│ │ │ ├── introducing-sync-plugin.js
│ │ │ ├── introducing-sync-plugin.md
│ │ │ ├── introducing-the-row-grouping-feature.js
│ │ │ ├── introducing-the-row-grouping-feature.md
│ │ │ ├── july-2019-update.js
│ │ │ ├── july-2019-update.md
│ │ │ ├── june-2019-update.js
│ │ │ ├── june-2019-update.md
│ │ │ ├── lab-date-pickers-to-mui-x.js
│ │ │ ├── lab-date-pickers-to-mui-x.md
│ │ │ ├── lab-tree-view-to-mui-x.js
│ │ │ ├── lab-tree-view-to-mui-x.md
│ │ │ ├── making-customizable-components.js
│ │ │ ├── making-customizable-components.md
│ │ │ ├── march-2019-update.js
│ │ │ ├── march-2019-update.md
│ │ │ ├── marija-najdova-joining.js
│ │ │ ├── marija-najdova-joining.md
│ │ │ ├── material-ui-2024-updates.js
│ │ │ ├── material-ui-2024-updates.md
│ │ │ ├── material-ui-is-now-mui.js
│ │ │ ├── material-ui-is-now-mui.md
│ │ │ ├── material-ui-v1-is-out.js
│ │ │ ├── material-ui-v1-is-out.md
│ │ │ ├── material-ui-v4-is-out.js
│ │ │ ├── material-ui-v4-is-out.md
│ │ │ ├── material-ui-v6-is-out.js
│ │ │ ├── material-ui-v6-is-out.md
│ │ │ ├── material-ui-v7-is-here.js
│ │ │ ├── material-ui-v7-is-here.md
│ │ │ ├── matheus-wichman-joining.js
│ │ │ ├── matheus-wichman-joining.md
│ │ │ ├── may-2019-update.js
│ │ │ ├── may-2019-update.md
│ │ │ ├── michal-dudak-joining.js
│ │ │ ├── michal-dudak-joining.md
│ │ │ ├── mui-core-v5-migration-update.js
│ │ │ ├── mui-core-v5-migration-update.md
│ │ │ ├── mui-core-v5.js
│ │ │ ├── mui-core-v5.md
│ │ │ ├── mui-next-js-app-router.js
│ │ │ ├── mui-next-js-app-router.md
│ │ │ ├── mui-product-comparison.js
│ │ │ ├── mui-product-comparison.md
│ │ │ ├── mui-x-end-v6-features.js
│ │ │ ├── mui-x-end-v6-features.md
│ │ │ ├── mui-x-end-v8.js
│ │ │ ├── mui-x-end-v8.md
│ │ │ ├── mui-x-mid-v6-features.js
│ │ │ ├── mui-x-mid-v6-features.md
│ │ │ ├── mui-x-sep-2024-price-update.js
│ │ │ ├── mui-x-sep-2024-price-update.md
│ │ │ ├── mui-x-v5.js
│ │ │ ├── mui-x-v5.md
│ │ │ ├── mui-x-v6-alpha-zero.js
│ │ │ ├── mui-x-v6-alpha-zero.md
│ │ │ ├── mui-x-v6.js
│ │ │ ├── mui-x-v6.md
│ │ │ ├── mui-x-v7-beta.js
│ │ │ ├── mui-x-v7-beta.md
│ │ │ ├── mui-x-v7.js
│ │ │ ├── mui-x-v7.md
│ │ │ ├── mui-x-v8-alpha-zero.js
│ │ │ ├── mui-x-v8-alpha-zero.md
│ │ │ ├── mui-x-v8.js
│ │ │ ├── mui-x-v8.md
│ │ │ ├── november-2019-update.js
│ │ │ ├── november-2019-update.md
│ │ │ ├── october-2019-update.js
│ │ │ ├── october-2019-update.md
│ │ │ ├── pattern-type-only-breaking-changes-minor-versions.js
│ │ │ ├── pattern-type-only-breaking-changes-minor-versions.md
│ │ │ ├── premium-plan-release.js
│ │ │ ├── premium-plan-release.md
│ │ │ ├── react-19-update.js
│ │ │ ├── react-19-update.md
│ │ │ ├── remote-award-win-2024.js
│ │ │ ├── remote-award-win-2024.md
│ │ │ ├── september-2019-update.js
│ │ │ ├── september-2019-update.md
│ │ │ ├── siriwat-kunaporn-joining.js
│ │ │ ├── siriwat-kunaporn-joining.md
│ │ │ ├── spotlight-damien-tassone.js
│ │ │ ├── spotlight-damien-tassone.md
│ │ │ ├── toolpad-use-cases.js
│ │ │ ├── toolpad-use-cases.md
│ │ │ ├── v6-beta-pickers.js
│ │ │ └── v6-beta-pickers.md
│ │ ├── blog.tsx
│ │ ├── careers/
│ │ │ ├── ROLE_TEMPLATE.md
│ │ │ ├── accessibility-engineer.js
│ │ │ ├── accessibility-engineer.md
│ │ │ ├── account-executive.js
│ │ │ ├── account-executive.md
│ │ │ ├── account-manager.js
│ │ │ ├── account-manager.md
│ │ │ ├── code-infra-engineer.js
│ │ │ ├── code-infra-engineer.md
│ │ │ ├── design-engineer-x-grid.md
│ │ │ ├── design-engineer.md
│ │ │ ├── designer.md
│ │ │ ├── developer-advocate.md
│ │ │ ├── developer-experience-engineer.md
│ │ │ ├── engineering-manager.md
│ │ │ ├── full-stack-engineer.md
│ │ │ ├── head-of-operations.md
│ │ │ ├── people-operation-manager.md
│ │ │ ├── product-engineer-store.js
│ │ │ ├── product-engineer-store.md
│ │ │ ├── product-manager.md
│ │ │ ├── product-marketing-manager.md
│ │ │ ├── react-community-engineer.js
│ │ │ ├── react-community-engineer.md
│ │ │ ├── react-engineer-core.md
│ │ │ ├── react-engineer-docs-infra.js
│ │ │ ├── react-engineer-docs-infra.md
│ │ │ ├── react-engineer-explore.js
│ │ │ ├── react-engineer-explore.md
│ │ │ ├── react-engineer-material-ui-maintainer.js
│ │ │ ├── react-engineer-material-ui-maintainer.md
│ │ │ ├── react-engineer-x-charts.js
│ │ │ ├── react-engineer-x-charts.md
│ │ │ ├── react-engineer-x-grid.md
│ │ │ ├── react-engineer-x.js
│ │ │ ├── react-engineer-x.md
│ │ │ ├── react-tech-lead-core.js
│ │ │ ├── react-tech-lead-core.md
│ │ │ ├── react-tech-lead-x-grid.js
│ │ │ ├── react-tech-lead-x-grid.md
│ │ │ ├── senior-designer.md
│ │ │ ├── staff-engineer-pigment-css.js
│ │ │ ├── staff-engineer-pigment-css.md
│ │ │ ├── staff-ui-engineer-base-ui.js
│ │ │ ├── staff-ui-engineer-base-ui.md
│ │ │ ├── support-agent.md
│ │ │ ├── technical-product-manager.md
│ │ │ ├── technical-recruiter.js
│ │ │ └── technical-recruiter.md
│ │ ├── careers.tsx
│ │ ├── company/
│ │ │ └── contact.js
│ │ ├── components.tsx
│ │ ├── core.tsx
│ │ ├── customers/
│ │ │ ├── athena.js
│ │ │ ├── athena.md
│ │ │ ├── att.js
│ │ │ ├── att.md
│ │ │ ├── cgi.js
│ │ │ ├── cgi.md
│ │ │ ├── coupa.js
│ │ │ ├── coupa.md
│ │ │ ├── delivery-hero.js
│ │ │ ├── delivery-hero.md
│ │ │ ├── john-deere.js
│ │ │ ├── john-deere.md
│ │ │ ├── moz.js
│ │ │ ├── moz.md
│ │ │ ├── oregon.js
│ │ │ ├── oregon.md
│ │ │ ├── qdrant.js
│ │ │ ├── qdrant.md
│ │ │ ├── tebra.js
│ │ │ └── tebra.md
│ │ ├── customers.tsx
│ │ ├── design-kits.tsx
│ │ ├── experiments/
│ │ │ ├── blog/
│ │ │ │ ├── blog-custom-card.js
│ │ │ │ ├── blog-custom-card.md
│ │ │ │ ├── blog.js
│ │ │ │ └── blog.md
│ │ │ ├── docs/
│ │ │ │ ├── DemoInDocs.js
│ │ │ │ ├── DemoInDocs.tsx.preview
│ │ │ │ ├── DemoInDocsNotEditable.js
│ │ │ │ ├── DemoInDocsNotEditable.tsx.preview
│ │ │ │ ├── DemoModeToggle.js
│ │ │ │ ├── DemoModeToggleCustomTheme.js
│ │ │ │ ├── DemoModeToggleIframe.js
│ │ │ │ ├── DemoMultiTabs.js
│ │ │ │ ├── callouts.js
│ │ │ │ ├── callouts.md
│ │ │ │ ├── codeblock.js
│ │ │ │ ├── codeblock.md
│ │ │ │ ├── custom-components.js
│ │ │ │ ├── custom-components.md
│ │ │ │ ├── data-grid-premium-translation.json
│ │ │ │ ├── data-grid-premium.js
│ │ │ │ ├── data-grid-premium.json
│ │ │ │ ├── demos.js
│ │ │ │ ├── demos.md
│ │ │ │ ├── headers.js
│ │ │ │ ├── headers.md
│ │ │ │ ├── markdown.js
│ │ │ │ ├── markdown.md
│ │ │ │ ├── og-card.js
│ │ │ │ ├── og-card.md
│ │ │ │ ├── pro-feature.js
│ │ │ │ └── pro-feature.md
│ │ │ ├── index.js
│ │ │ └── website/
│ │ │ ├── branding-theme-test.tsx
│ │ │ └── dashboard-template-theme.tsx
│ │ ├── global.css
│ │ ├── index.tsx
│ │ ├── material-ui/
│ │ │ ├── about-the-lab.js
│ │ │ ├── all-components/
│ │ │ │ └── index.js
│ │ │ ├── api/
│ │ │ │ ├── accordion-actions.js
│ │ │ │ ├── accordion-actions.json
│ │ │ │ ├── accordion-details.js
│ │ │ │ ├── accordion-details.json
│ │ │ │ ├── accordion-summary.js
│ │ │ │ ├── accordion-summary.json
│ │ │ │ ├── accordion.js
│ │ │ │ ├── accordion.json
│ │ │ │ ├── alert-title.js
│ │ │ │ ├── alert-title.json
│ │ │ │ ├── alert.js
│ │ │ │ ├── alert.json
│ │ │ │ ├── app-bar.js
│ │ │ │ ├── app-bar.json
│ │ │ │ ├── autocomplete.js
│ │ │ │ ├── autocomplete.json
│ │ │ │ ├── avatar-group.js
│ │ │ │ ├── avatar-group.json
│ │ │ │ ├── avatar.js
│ │ │ │ ├── avatar.json
│ │ │ │ ├── backdrop.js
│ │ │ │ ├── backdrop.json
│ │ │ │ ├── badge.js
│ │ │ │ ├── badge.json
│ │ │ │ ├── bottom-navigation-action.js
│ │ │ │ ├── bottom-navigation-action.json
│ │ │ │ ├── bottom-navigation.js
│ │ │ │ ├── bottom-navigation.json
│ │ │ │ ├── box.js
│ │ │ │ ├── box.json
│ │ │ │ ├── breadcrumbs.js
│ │ │ │ ├── breadcrumbs.json
│ │ │ │ ├── button-base.js
│ │ │ │ ├── button-base.json
│ │ │ │ ├── button-group.js
│ │ │ │ ├── button-group.json
│ │ │ │ ├── button.js
│ │ │ │ ├── button.json
│ │ │ │ ├── card-action-area.js
│ │ │ │ ├── card-action-area.json
│ │ │ │ ├── card-actions.js
│ │ │ │ ├── card-actions.json
│ │ │ │ ├── card-content.js
│ │ │ │ ├── card-content.json
│ │ │ │ ├── card-header.js
│ │ │ │ ├── card-header.json
│ │ │ │ ├── card-media.js
│ │ │ │ ├── card-media.json
│ │ │ │ ├── card.js
│ │ │ │ ├── card.json
│ │ │ │ ├── checkbox.js
│ │ │ │ ├── checkbox.json
│ │ │ │ ├── chip.js
│ │ │ │ ├── chip.json
│ │ │ │ ├── circular-progress.js
│ │ │ │ ├── circular-progress.json
│ │ │ │ ├── click-away-listener.js
│ │ │ │ ├── click-away-listener.json
│ │ │ │ ├── collapse.js
│ │ │ │ ├── collapse.json
│ │ │ │ ├── container.js
│ │ │ │ ├── container.json
│ │ │ │ ├── css-baseline.js
│ │ │ │ ├── css-baseline.json
│ │ │ │ ├── dialog-actions.js
│ │ │ │ ├── dialog-actions.json
│ │ │ │ ├── dialog-content-text.js
│ │ │ │ ├── dialog-content-text.json
│ │ │ │ ├── dialog-content.js
│ │ │ │ ├── dialog-content.json
│ │ │ │ ├── dialog-title.js
│ │ │ │ ├── dialog-title.json
│ │ │ │ ├── dialog.js
│ │ │ │ ├── dialog.json
│ │ │ │ ├── divider.js
│ │ │ │ ├── divider.json
│ │ │ │ ├── drawer.js
│ │ │ │ ├── drawer.json
│ │ │ │ ├── fab.js
│ │ │ │ ├── fab.json
│ │ │ │ ├── fade.js
│ │ │ │ ├── fade.json
│ │ │ │ ├── filled-input.js
│ │ │ │ ├── filled-input.json
│ │ │ │ ├── form-control-label.js
│ │ │ │ ├── form-control-label.json
│ │ │ │ ├── form-control.js
│ │ │ │ ├── form-control.json
│ │ │ │ ├── form-group.js
│ │ │ │ ├── form-group.json
│ │ │ │ ├── form-helper-text.js
│ │ │ │ ├── form-helper-text.json
│ │ │ │ ├── form-label.js
│ │ │ │ ├── form-label.json
│ │ │ │ ├── global-styles.js
│ │ │ │ ├── global-styles.json
│ │ │ │ ├── grid.js
│ │ │ │ ├── grid.json
│ │ │ │ ├── grow.js
│ │ │ │ ├── grow.json
│ │ │ │ ├── icon-button.js
│ │ │ │ ├── icon-button.json
│ │ │ │ ├── icon.js
│ │ │ │ ├── icon.json
│ │ │ │ ├── image-list-item-bar.js
│ │ │ │ ├── image-list-item-bar.json
│ │ │ │ ├── image-list-item.js
│ │ │ │ ├── image-list-item.json
│ │ │ │ ├── image-list.js
│ │ │ │ ├── image-list.json
│ │ │ │ ├── init-color-scheme-script.js
│ │ │ │ ├── init-color-scheme-script.json
│ │ │ │ ├── input-adornment.js
│ │ │ │ ├── input-adornment.json
│ │ │ │ ├── input-base.js
│ │ │ │ ├── input-base.json
│ │ │ │ ├── input-label.js
│ │ │ │ ├── input-label.json
│ │ │ │ ├── input.js
│ │ │ │ ├── input.json
│ │ │ │ ├── linear-progress.js
│ │ │ │ ├── linear-progress.json
│ │ │ │ ├── link.js
│ │ │ │ ├── link.json
│ │ │ │ ├── list-item-avatar.js
│ │ │ │ ├── list-item-avatar.json
│ │ │ │ ├── list-item-button.js
│ │ │ │ ├── list-item-button.json
│ │ │ │ ├── list-item-icon.js
│ │ │ │ ├── list-item-icon.json
│ │ │ │ ├── list-item-secondary-action.js
│ │ │ │ ├── list-item-secondary-action.json
│ │ │ │ ├── list-item-text.js
│ │ │ │ ├── list-item-text.json
│ │ │ │ ├── list-item.js
│ │ │ │ ├── list-item.json
│ │ │ │ ├── list-subheader.js
│ │ │ │ ├── list-subheader.json
│ │ │ │ ├── list.js
│ │ │ │ ├── list.json
│ │ │ │ ├── masonry.js
│ │ │ │ ├── masonry.json
│ │ │ │ ├── menu-item.js
│ │ │ │ ├── menu-item.json
│ │ │ │ ├── menu-list.js
│ │ │ │ ├── menu-list.json
│ │ │ │ ├── menu.js
│ │ │ │ ├── menu.json
│ │ │ │ ├── mobile-stepper.js
│ │ │ │ ├── mobile-stepper.json
│ │ │ │ ├── modal.js
│ │ │ │ ├── modal.json
│ │ │ │ ├── native-select.js
│ │ │ │ ├── native-select.json
│ │ │ │ ├── no-ssr.js
│ │ │ │ ├── no-ssr.json
│ │ │ │ ├── outlined-input.js
│ │ │ │ ├── outlined-input.json
│ │ │ │ ├── pagination-item.js
│ │ │ │ ├── pagination-item.json
│ │ │ │ ├── pagination.js
│ │ │ │ ├── pagination.json
│ │ │ │ ├── paper.js
│ │ │ │ ├── paper.json
│ │ │ │ ├── pigment-container.js
│ │ │ │ ├── pigment-container.json
│ │ │ │ ├── pigment-grid.js
│ │ │ │ ├── pigment-grid.json
│ │ │ │ ├── pigment-stack.js
│ │ │ │ ├── pigment-stack.json
│ │ │ │ ├── popover.js
│ │ │ │ ├── popover.json
│ │ │ │ ├── popper.js
│ │ │ │ ├── popper.json
│ │ │ │ ├── portal.js
│ │ │ │ ├── portal.json
│ │ │ │ ├── radio-group.js
│ │ │ │ ├── radio-group.json
│ │ │ │ ├── radio.js
│ │ │ │ ├── radio.json
│ │ │ │ ├── rating.js
│ │ │ │ ├── rating.json
│ │ │ │ ├── scoped-css-baseline.js
│ │ │ │ ├── scoped-css-baseline.json
│ │ │ │ ├── select.js
│ │ │ │ ├── select.json
│ │ │ │ ├── skeleton.js
│ │ │ │ ├── skeleton.json
│ │ │ │ ├── slide.js
│ │ │ │ ├── slide.json
│ │ │ │ ├── slider.js
│ │ │ │ ├── slider.json
│ │ │ │ ├── snackbar-content.js
│ │ │ │ ├── snackbar-content.json
│ │ │ │ ├── snackbar.js
│ │ │ │ ├── snackbar.json
│ │ │ │ ├── speed-dial-action.js
│ │ │ │ ├── speed-dial-action.json
│ │ │ │ ├── speed-dial-icon.js
│ │ │ │ ├── speed-dial-icon.json
│ │ │ │ ├── speed-dial.js
│ │ │ │ ├── speed-dial.json
│ │ │ │ ├── stack.js
│ │ │ │ ├── stack.json
│ │ │ │ ├── step-button.js
│ │ │ │ ├── step-button.json
│ │ │ │ ├── step-connector.js
│ │ │ │ ├── step-connector.json
│ │ │ │ ├── step-content.js
│ │ │ │ ├── step-content.json
│ │ │ │ ├── step-icon.js
│ │ │ │ ├── step-icon.json
│ │ │ │ ├── step-label.js
│ │ │ │ ├── step-label.json
│ │ │ │ ├── step.js
│ │ │ │ ├── step.json
│ │ │ │ ├── stepper.js
│ │ │ │ ├── stepper.json
│ │ │ │ ├── svg-icon.js
│ │ │ │ ├── svg-icon.json
│ │ │ │ ├── swipeable-drawer.js
│ │ │ │ ├── swipeable-drawer.json
│ │ │ │ ├── switch.js
│ │ │ │ ├── switch.json
│ │ │ │ ├── tab-context.js
│ │ │ │ ├── tab-context.json
│ │ │ │ ├── tab-list.js
│ │ │ │ ├── tab-list.json
│ │ │ │ ├── tab-panel.js
│ │ │ │ ├── tab-panel.json
│ │ │ │ ├── tab-scroll-button.js
│ │ │ │ ├── tab-scroll-button.json
│ │ │ │ ├── tab.js
│ │ │ │ ├── tab.json
│ │ │ │ ├── table-body.js
│ │ │ │ ├── table-body.json
│ │ │ │ ├── table-cell.js
│ │ │ │ ├── table-cell.json
│ │ │ │ ├── table-container.js
│ │ │ │ ├── table-container.json
│ │ │ │ ├── table-footer.js
│ │ │ │ ├── table-footer.json
│ │ │ │ ├── table-head.js
│ │ │ │ ├── table-head.json
│ │ │ │ ├── table-pagination-actions.js
│ │ │ │ ├── table-pagination-actions.json
│ │ │ │ ├── table-pagination.js
│ │ │ │ ├── table-pagination.json
│ │ │ │ ├── table-row.js
│ │ │ │ ├── table-row.json
│ │ │ │ ├── table-sort-label.js
│ │ │ │ ├── table-sort-label.json
│ │ │ │ ├── table.js
│ │ │ │ ├── table.json
│ │ │ │ ├── tabs.js
│ │ │ │ ├── tabs.json
│ │ │ │ ├── text-field.js
│ │ │ │ ├── text-field.json
│ │ │ │ ├── textarea-autosize.js
│ │ │ │ ├── textarea-autosize.json
│ │ │ │ ├── timeline-connector.js
│ │ │ │ ├── timeline-connector.json
│ │ │ │ ├── timeline-content.js
│ │ │ │ ├── timeline-content.json
│ │ │ │ ├── timeline-dot.js
│ │ │ │ ├── timeline-dot.json
│ │ │ │ ├── timeline-item.js
│ │ │ │ ├── timeline-item.json
│ │ │ │ ├── timeline-opposite-content.js
│ │ │ │ ├── timeline-opposite-content.json
│ │ │ │ ├── timeline-separator.js
│ │ │ │ ├── timeline-separator.json
│ │ │ │ ├── timeline.js
│ │ │ │ ├── timeline.json
│ │ │ │ ├── toggle-button-group.js
│ │ │ │ ├── toggle-button-group.json
│ │ │ │ ├── toggle-button.js
│ │ │ │ ├── toggle-button.json
│ │ │ │ ├── toolbar.js
│ │ │ │ ├── toolbar.json
│ │ │ │ ├── tooltip.js
│ │ │ │ ├── tooltip.json
│ │ │ │ ├── typography.js
│ │ │ │ ├── typography.json
│ │ │ │ ├── zoom.js
│ │ │ │ └── zoom.json
│ │ │ ├── customization/
│ │ │ │ ├── breakpoints.js
│ │ │ │ ├── color.js
│ │ │ │ ├── container-queries.js
│ │ │ │ ├── creating-themed-components.js
│ │ │ │ ├── css-layers.js
│ │ │ │ ├── css-theme-variables/
│ │ │ │ │ ├── configuration.js
│ │ │ │ │ ├── native-color.js
│ │ │ │ │ ├── overview.js
│ │ │ │ │ └── usage.js
│ │ │ │ ├── dark-mode.js
│ │ │ │ ├── default-theme.js
│ │ │ │ ├── density.js
│ │ │ │ ├── how-to-customize.js
│ │ │ │ ├── overriding-component-structure.js
│ │ │ │ ├── palette.js
│ │ │ │ ├── right-to-left.js
│ │ │ │ ├── shadow-dom.js
│ │ │ │ ├── shape.js
│ │ │ │ ├── spacing.js
│ │ │ │ ├── theme-components.js
│ │ │ │ ├── theming.js
│ │ │ │ ├── transitions.js
│ │ │ │ ├── typography.js
│ │ │ │ └── z-index.js
│ │ │ ├── design-resources/
│ │ │ │ ├── material-ui-for-figma.js
│ │ │ │ └── material-ui-sync.js
│ │ │ ├── discover-more/
│ │ │ │ ├── backers.js
│ │ │ │ ├── changelog.js
│ │ │ │ ├── related-projects.js
│ │ │ │ ├── roadmap.js
│ │ │ │ ├── showcase.js
│ │ │ │ └── vision.js
│ │ │ ├── experimental-api/
│ │ │ │ ├── classname-generator.js
│ │ │ │ └── pigment-css.js
│ │ │ ├── getting-started/
│ │ │ │ ├── design-resources.js
│ │ │ │ ├── example-projects.js
│ │ │ │ ├── faq.js
│ │ │ │ ├── index.js
│ │ │ │ ├── installation.js
│ │ │ │ ├── learn.js
│ │ │ │ ├── mcp.js
│ │ │ │ ├── support.js
│ │ │ │ ├── supported-components.js
│ │ │ │ ├── supported-platforms.js
│ │ │ │ ├── templates/
│ │ │ │ │ ├── blog.js
│ │ │ │ │ ├── checkout.js
│ │ │ │ │ ├── crud-dashboard.js
│ │ │ │ │ ├── dashboard.js
│ │ │ │ │ ├── marketing-page.js
│ │ │ │ │ ├── sign-in-side.js
│ │ │ │ │ ├── sign-in.js
│ │ │ │ │ └── sign-up.js
│ │ │ │ ├── templates.js
│ │ │ │ └── usage.js
│ │ │ ├── guides/
│ │ │ │ ├── api.js
│ │ │ │ ├── building-extensible-themes.js
│ │ │ │ ├── composition.js
│ │ │ │ ├── content-security-policy.js
│ │ │ │ ├── localization.js
│ │ │ │ ├── minimizing-bundle-size.js
│ │ │ │ ├── responsive-ui.js
│ │ │ │ ├── server-rendering.js
│ │ │ │ ├── testing.js
│ │ │ │ └── typescript.js
│ │ │ ├── icons.js
│ │ │ ├── integrations/
│ │ │ │ ├── interoperability.js
│ │ │ │ ├── nextjs.js
│ │ │ │ ├── routing.js
│ │ │ │ ├── styled-components.js
│ │ │ │ ├── tailwindcss/
│ │ │ │ │ └── tailwindcss-v4.js
│ │ │ │ └── theme-scoping.js
│ │ │ ├── material-icons.js
│ │ │ ├── migration/
│ │ │ │ ├── migrating-from-deprecated-apis.js
│ │ │ │ ├── migrating-from-jss.js
│ │ │ │ ├── migrating-to-pigment-css.js
│ │ │ │ ├── migration-v0x.js
│ │ │ │ ├── migration-v3.js
│ │ │ │ ├── migration-v4.js
│ │ │ │ ├── pickers-migration.js
│ │ │ │ ├── troubleshooting.js
│ │ │ │ ├── upgrade-to-grid-v2.js
│ │ │ │ ├── upgrade-to-native-color.js
│ │ │ │ ├── upgrade-to-v6.js
│ │ │ │ ├── upgrade-to-v7.js
│ │ │ │ ├── upgrade-to-v9.js
│ │ │ │ ├── v5-component-changes.js
│ │ │ │ ├── v5-style-changes.js
│ │ │ │ └── v7/
│ │ │ │ └── migrating-from-deprecated-apis.js
│ │ │ ├── react-accordion.js
│ │ │ ├── react-alert.js
│ │ │ ├── react-app-bar.js
│ │ │ ├── react-autocomplete.js
│ │ │ ├── react-avatar.js
│ │ │ ├── react-backdrop.js
│ │ │ ├── react-badge.js
│ │ │ ├── react-bottom-navigation.js
│ │ │ ├── react-box.js
│ │ │ ├── react-breadcrumbs.js
│ │ │ ├── react-button-group.js
│ │ │ ├── react-button.js
│ │ │ ├── react-card.js
│ │ │ ├── react-checkbox.js
│ │ │ ├── react-chip.js
│ │ │ ├── react-click-away-listener.js
│ │ │ ├── react-container.js
│ │ │ ├── react-css-baseline.js
│ │ │ ├── react-dialog.js
│ │ │ ├── react-divider.js
│ │ │ ├── react-drawer.js
│ │ │ ├── react-floating-action-button.js
│ │ │ ├── react-grid.js
│ │ │ ├── react-image-list.js
│ │ │ ├── react-init-color-scheme-script.js
│ │ │ ├── react-link.js
│ │ │ ├── react-list.js
│ │ │ ├── react-masonry.js
│ │ │ ├── react-menu.js
│ │ │ ├── react-menubar.js
│ │ │ ├── react-modal.js
│ │ │ ├── react-no-ssr.js
│ │ │ ├── react-number-field.js
│ │ │ ├── react-pagination.js
│ │ │ ├── react-paper.js
│ │ │ ├── react-popover.js
│ │ │ ├── react-popper.js
│ │ │ ├── react-portal.js
│ │ │ ├── react-progress.js
│ │ │ ├── react-radio-button.js
│ │ │ ├── react-rating.js
│ │ │ ├── react-select.js
│ │ │ ├── react-skeleton.js
│ │ │ ├── react-slider.js
│ │ │ ├── react-snackbar.js
│ │ │ ├── react-speed-dial.js
│ │ │ ├── react-stack.js
│ │ │ ├── react-stepper.js
│ │ │ ├── react-switch.js
│ │ │ ├── react-table.js
│ │ │ ├── react-tabs.js
│ │ │ ├── react-text-field.js
│ │ │ ├── react-textarea-autosize.js
│ │ │ ├── react-timeline.js
│ │ │ ├── react-toggle-button.js
│ │ │ ├── react-tooltip.js
│ │ │ ├── react-transfer-list.js
│ │ │ ├── react-typography.js
│ │ │ ├── react-use-media-query.js
│ │ │ └── transitions.js
│ │ ├── material-ui.tsx
│ │ ├── performance/
│ │ │ ├── slider-emotion.js
│ │ │ ├── slider-jss.js
│ │ │ ├── system.js
│ │ │ ├── table-component.js
│ │ │ ├── table-emotion.js
│ │ │ ├── table-mui.js
│ │ │ ├── table-raw.js
│ │ │ └── table-styled-components.js
│ │ ├── premium-themes/
│ │ │ ├── onepirate/
│ │ │ │ ├── forgot-password.js
│ │ │ │ ├── index.js
│ │ │ │ ├── privacy.js
│ │ │ │ ├── sign-in.js
│ │ │ │ ├── sign-up.js
│ │ │ │ └── terms.js
│ │ │ └── paperbase/
│ │ │ └── index.js
│ │ ├── pricing.tsx
│ │ ├── production-error.js
│ │ ├── system/
│ │ │ ├── api/
│ │ │ │ ├── box.js
│ │ │ │ ├── box.json
│ │ │ │ ├── container.js
│ │ │ │ ├── container.json
│ │ │ │ ├── grid.js
│ │ │ │ ├── grid.json
│ │ │ │ ├── stack.js
│ │ │ │ └── stack.json
│ │ │ ├── borders.js
│ │ │ ├── display.js
│ │ │ ├── experimental-api/
│ │ │ │ ├── configure-the-sx-prop.js
│ │ │ │ └── css-theme-variables.js
│ │ │ ├── flexbox.js
│ │ │ ├── getting-started/
│ │ │ │ ├── custom-components.js
│ │ │ │ ├── index.js
│ │ │ │ ├── installation.js
│ │ │ │ ├── support.js
│ │ │ │ ├── the-sx-prop.js
│ │ │ │ └── usage.js
│ │ │ ├── grid.js
│ │ │ ├── migration/
│ │ │ │ ├── migrating-to-v6.js
│ │ │ │ ├── upgrade-to-v7.js
│ │ │ │ └── upgrade-to-v9.js
│ │ │ ├── palette.js
│ │ │ ├── positions.js
│ │ │ ├── properties.js
│ │ │ ├── react-box.js
│ │ │ ├── react-container.js
│ │ │ ├── react-grid.js
│ │ │ ├── react-stack.js
│ │ │ ├── screen-readers.js
│ │ │ ├── shadows.js
│ │ │ ├── sizing.js
│ │ │ ├── spacing.js
│ │ │ ├── styled.js
│ │ │ └── typography.js
│ │ ├── templates.tsx
│ │ ├── versions.js
│ │ └── x.tsx
│ ├── postcss.config.js
│ ├── public/
│ │ ├── _headers
│ │ ├── _redirects
│ │ ├── robots.txt
│ │ └── static/
│ │ ├── blog/
│ │ │ ├── 2020-q1-update/
│ │ │ │ └── skeleton.webm
│ │ │ └── mui-x-v7/
│ │ │ └── new-bundle-size.png~
│ │ ├── components-gallery/
│ │ │ └── base-theme.css
│ │ ├── error-codes.json
│ │ ├── manifest.json
│ │ └── styles/
│ │ └── prism-okaidia.css
│ ├── scripts/
│ │ ├── buildIcons.js
│ │ ├── buildServiceWorker.js
│ │ ├── formattedTSDemos.js
│ │ ├── generateRSSFeed.ts
│ │ ├── generateTemplateScreenshots.ts
│ │ ├── i18n.ts
│ │ ├── playground.template.tsx
│ │ ├── reportBrokenLinks.mts
│ │ ├── syncTeamMembers.ts
│ │ ├── tsconfig.json
│ │ └── updateIconSynonyms.js
│ ├── src/
│ │ ├── components/
│ │ │ ├── NotFoundHero.tsx
│ │ │ ├── about/
│ │ │ │ ├── AboutEnd.tsx
│ │ │ │ ├── AboutHero.tsx
│ │ │ │ ├── HowToSupport.tsx
│ │ │ │ ├── OurValues.tsx
│ │ │ │ ├── Team.tsx
│ │ │ │ └── TeamStatistics.tsx
│ │ │ ├── action/
│ │ │ │ ├── ArrowButton.tsx
│ │ │ │ ├── ComponentShowcaseCard.tsx
│ │ │ │ ├── Frame.tsx
│ │ │ │ ├── Highlighter.tsx
│ │ │ │ ├── Item.tsx
│ │ │ │ ├── LogoWithCopyMenu.tsx
│ │ │ │ ├── MaterialVsCustomToggle.tsx
│ │ │ │ ├── More.tsx
│ │ │ │ ├── MoreInfoBox.tsx
│ │ │ │ └── NpmCopyButton.tsx
│ │ │ ├── animation/
│ │ │ │ ├── FadeDelay.tsx
│ │ │ │ ├── FlashCode.tsx
│ │ │ │ └── Slide.tsx
│ │ │ ├── banner/
│ │ │ │ ├── AppFrameBanner.tsx
│ │ │ │ ├── AppHeaderBanner.tsx
│ │ │ │ └── SideNavigationBanner.tsx
│ │ │ ├── blog/
│ │ │ │ └── material-ui-v6-is-out/
│ │ │ │ ├── CustomThemeComparison.js
│ │ │ │ ├── FreeTemplatesBento.js
│ │ │ │ └── ThemeTokens.js
│ │ │ ├── careers/
│ │ │ │ ├── CareersFaq.tsx
│ │ │ │ ├── PerksBenefits.tsx
│ │ │ │ └── RoleEntry.tsx
│ │ │ ├── customers/
│ │ │ │ ├── CustomerQuotes.tsx
│ │ │ │ ├── CustomersCTA.tsx
│ │ │ │ ├── CustomersHero.tsx
│ │ │ │ ├── CustomersHeroEnd.tsx
│ │ │ │ ├── CustomersLogoSlider.tsx
│ │ │ │ ├── CustomersSpotlight.tsx
│ │ │ │ └── CustomersTestimonials.tsx
│ │ │ ├── footer/
│ │ │ │ └── EmailSubscribe.tsx
│ │ │ ├── header/
│ │ │ │ ├── HeaderNavBar.tsx
│ │ │ │ ├── HeaderNavDropdown.tsx
│ │ │ │ └── ThemeModeToggle.tsx
│ │ │ ├── home/
│ │ │ │ ├── AdvancedShowcase.tsx
│ │ │ │ ├── BacklinkSponsor.tsx
│ │ │ │ ├── CompaniesGrid.tsx
│ │ │ │ ├── CoreShowcase.tsx
│ │ │ │ ├── DesignKits.tsx
│ │ │ │ ├── DesignSystemComponents.tsx
│ │ │ │ ├── DiamondSponsors.tsx
│ │ │ │ ├── ElementPointer.tsx
│ │ │ │ ├── GetStartedButtons.tsx
│ │ │ │ ├── GoldSponsors.tsx
│ │ │ │ ├── Hero.tsx
│ │ │ │ ├── HeroEnd.tsx
│ │ │ │ ├── MaterialDesignComponents.tsx
│ │ │ │ ├── MaterialDesignDemo.tsx
│ │ │ │ ├── MuiStatistics.tsx
│ │ │ │ ├── NewsletterToast.tsx
│ │ │ │ ├── ProductSuite.tsx
│ │ │ │ ├── ProductsSwitcher.tsx
│ │ │ │ ├── References.tsx
│ │ │ │ ├── ShowcaseContainer.tsx
│ │ │ │ ├── SponsorCard.tsx
│ │ │ │ ├── Sponsors.tsx
│ │ │ │ ├── StartToday.tsx
│ │ │ │ ├── StoreTemplatesBanner.tsx
│ │ │ │ ├── Testimonials.tsx
│ │ │ │ ├── UserFeedbacks.tsx
│ │ │ │ ├── ValueProposition.tsx
│ │ │ │ └── XGridGlobalStyles.tsx
│ │ │ ├── pricing/
│ │ │ │ ├── EarlyBird.tsx
│ │ │ │ ├── HeroPricing.tsx
│ │ │ │ ├── InfoPrioritySupport.tsx
│ │ │ │ ├── LicenseModelContext.tsx
│ │ │ │ ├── LicenseModelSwitch.tsx
│ │ │ │ ├── MultiAppContext.tsx
│ │ │ │ ├── MultiAppSwitch.tsx
│ │ │ │ ├── PricingCards.tsx
│ │ │ │ ├── PricingFAQ.tsx
│ │ │ │ ├── PricingList.tsx
│ │ │ │ ├── PricingTable.tsx
│ │ │ │ ├── PricingWhatToExpect.tsx
│ │ │ │ └── SupportIcons.tsx
│ │ │ ├── productCore/
│ │ │ │ ├── CoreHero.tsx
│ │ │ │ └── CoreProducts.tsx
│ │ │ ├── productDesignKit/
│ │ │ │ ├── DesignKitDemo.tsx
│ │ │ │ ├── DesignKitFAQ.tsx
│ │ │ │ ├── DesignKitHero.tsx
│ │ │ │ ├── DesignKitValues.tsx
│ │ │ │ └── SyncFeatures.tsx
│ │ │ ├── productMaterial/
│ │ │ │ ├── MaterialComponents.tsx
│ │ │ │ ├── MaterialDesignKits.tsx
│ │ │ │ ├── MaterialEnd.tsx
│ │ │ │ ├── MaterialHero.tsx
│ │ │ │ ├── MaterialStyling.tsx
│ │ │ │ ├── MaterialTemplates.tsx
│ │ │ │ └── MaterialTheming.tsx
│ │ │ ├── productTemplate/
│ │ │ │ ├── TemplateDemo.tsx
│ │ │ │ └── TemplateHero.tsx
│ │ │ ├── productX/
│ │ │ │ ├── XChartsDemo.tsx
│ │ │ │ ├── XComponents.tsx
│ │ │ │ ├── XComponentsSwitcher.tsx
│ │ │ │ ├── XDataGrid.tsx
│ │ │ │ ├── XDateRangeDemo.tsx
│ │ │ │ ├── XGridFullDemo.tsx
│ │ │ │ ├── XHero.tsx
│ │ │ │ ├── XPlans.tsx
│ │ │ │ ├── XRoadmap.tsx
│ │ │ │ ├── XTheming.tsx
│ │ │ │ └── XTreeViewDemo.tsx
│ │ │ ├── showcase/
│ │ │ │ ├── FolderTable.tsx
│ │ │ │ ├── FolderTreeView.tsx
│ │ │ │ ├── NotificationCard.tsx
│ │ │ │ ├── PlayerCard.tsx
│ │ │ │ ├── RealEstateCard.tsx
│ │ │ │ ├── TaskCard.tsx
│ │ │ │ ├── ThemeAccordion.tsx
│ │ │ │ ├── ThemeButton.tsx
│ │ │ │ ├── ThemeChip.tsx
│ │ │ │ ├── ThemeDatePicker.tsx
│ │ │ │ ├── ThemeSlider.tsx
│ │ │ │ ├── ThemeSwitch.tsx
│ │ │ │ ├── ThemeTabs.tsx
│ │ │ │ ├── ThemeTimeline.tsx
│ │ │ │ ├── ThemeToggleButton.tsx
│ │ │ │ └── ViewToggleButton.tsx
│ │ │ ├── typography/
│ │ │ │ └── GradientText.tsx
│ │ │ └── x-grid/
│ │ │ ├── EditProgress.tsx
│ │ │ ├── EditStatus.tsx
│ │ │ ├── ProgressBar.tsx
│ │ │ └── Status.tsx
│ │ ├── featureToggle.ts
│ │ ├── icons/
│ │ │ ├── RootSvg.tsx
│ │ │ ├── SvgBaseUiLogo.tsx
│ │ │ ├── SvgHamburgerMenu.tsx
│ │ │ ├── SvgMaterialDesign.tsx
│ │ │ ├── SvgMuiLogomark.tsx
│ │ │ ├── SvgMuiLogotype.tsx
│ │ │ ├── SvgMuiX.tsx
│ │ │ ├── SvgStackOverflow.tsx
│ │ │ ├── SvgStorybook.tsx
│ │ │ └── SvgTwinkle.tsx
│ │ ├── layouts/
│ │ │ ├── AppFooter.tsx
│ │ │ ├── AppHeader.tsx
│ │ │ ├── HeroContainer.tsx
│ │ │ └── Section.tsx
│ │ ├── modules/
│ │ │ ├── components/
│ │ │ │ ├── Ad.tsx
│ │ │ │ ├── ApiDivider.js
│ │ │ │ ├── ApiPage.tsx
│ │ │ │ ├── AppContainer.js
│ │ │ │ ├── AppFrame.tsx
│ │ │ │ ├── AppLayoutDocs.d.ts
│ │ │ │ ├── AppLayoutDocs.js
│ │ │ │ ├── AppLayoutDocsFooter.js
│ │ │ │ ├── AppNavDrawer.tsx
│ │ │ │ ├── AppNavDrawerItem.tsx
│ │ │ │ ├── AppNavIcons.ts
│ │ │ │ ├── AppSearch.d.ts
│ │ │ │ ├── AppSearch.js
│ │ │ │ ├── AppSettingsDrawer.d.ts
│ │ │ │ ├── AppSettingsDrawer.js
│ │ │ │ ├── AppTableOfContents.js
│ │ │ │ ├── AppTheme.js
│ │ │ │ ├── BackToTop.tsx
│ │ │ │ ├── BundleSizeIcon.js
│ │ │ │ ├── ComponentPageTabs.js
│ │ │ │ ├── ComponentsApiContent.tsx
│ │ │ │ ├── Demo.js
│ │ │ │ ├── DemoAiSuggestionHero.tsx
│ │ │ │ ├── DemoEditor.tsx
│ │ │ │ ├── DemoEditorError.tsx
│ │ │ │ ├── DemoErrorBoundary.js
│ │ │ │ ├── DemoSandbox.js
│ │ │ │ ├── DemoToolbar.js
│ │ │ │ ├── DemoToolbarRoot.ts
│ │ │ │ ├── DiamondSponsors.js
│ │ │ │ ├── EditPage.js
│ │ │ │ ├── FigmaIcon.js
│ │ │ │ ├── Head.tsx
│ │ │ │ ├── HighlightedCodeWithTabs.js
│ │ │ │ ├── HooksApiContent.tsx
│ │ │ │ ├── MarkdownDocs.js
│ │ │ │ ├── MarkdownDocsV2.js
│ │ │ │ ├── MarkdownLinks.ts
│ │ │ │ ├── MaterialDesignIcon.js
│ │ │ │ ├── MaterialFreeTemplatesCollection.js
│ │ │ │ ├── MaterialShowcase.js
│ │ │ │ ├── MaterialStartingLinksCollection.js
│ │ │ │ ├── MaterialUIComponents/
│ │ │ │ │ ├── MaterialDataDisplayComponents.js
│ │ │ │ │ ├── MaterialFeedbackComponents.js
│ │ │ │ │ ├── MaterialInputComponents.js
│ │ │ │ │ ├── MaterialLabComponents.js
│ │ │ │ │ ├── MaterialLayoutComponents.js
│ │ │ │ │ ├── MaterialNavigationComponents.js
│ │ │ │ │ ├── MaterialSurfaceComponents.js
│ │ │ │ │ └── MaterialUtilComponents.js
│ │ │ │ ├── MaterialUIDesignResources.js
│ │ │ │ ├── MaterialUIExampleCollection.js
│ │ │ │ ├── MiniTableOfContents.js
│ │ │ │ ├── MuiProductSelector.tsx
│ │ │ │ ├── Notifications.tsx
│ │ │ │ ├── OpenMuiChat.tsx
│ │ │ │ ├── ReactRunner.tsx
│ │ │ │ ├── RichMarkdownElement.js
│ │ │ │ ├── SearchButton.tsx
│ │ │ │ ├── SketchIcon.js
│ │ │ │ ├── TableOfContents.js
│ │ │ │ ├── TemplateFrame.js
│ │ │ │ ├── ThemeViewer.tsx
│ │ │ │ ├── TopLayoutBlog.js
│ │ │ │ ├── TopLayoutCareers.js
│ │ │ │ ├── TopLayoutCaseStudy.js
│ │ │ │ ├── W3CIcon.js
│ │ │ │ └── bootstrap.js
│ │ │ ├── constants.js
│ │ │ ├── material/
│ │ │ │ └── sourceMaterialTemplates.ts
│ │ │ ├── sandbox/
│ │ │ │ ├── CodeSandbox.test.js
│ │ │ │ ├── CodeSandbox.ts
│ │ │ │ ├── CreateReactApp.ts
│ │ │ │ ├── Dependencies.test.js
│ │ │ │ ├── Dependencies.ts
│ │ │ │ ├── FileExtension.ts
│ │ │ │ ├── FlattenRelativeImports.ts
│ │ │ │ ├── MuiChat.ts
│ │ │ │ ├── StackBlitz.test.js
│ │ │ │ ├── StackBlitz.ts
│ │ │ │ └── types.ts
│ │ │ └── utils/
│ │ │ ├── addHiddenInput.ts
│ │ │ ├── babel-plugin-jsx-preview.js
│ │ │ ├── codeStylingSolution.js
│ │ │ ├── extractTemplates.test.js
│ │ │ ├── extractTemplates.ts
│ │ │ ├── find.ts
│ │ │ ├── getProductInfoFromUrl.ts
│ │ │ ├── globalSelector.ts
│ │ │ ├── mapApiPageTranslations.js
│ │ │ ├── replaceMarkdownLinks.test.js
│ │ │ ├── replaceMarkdownLinks.ts
│ │ │ ├── stylingSolutionMapping.js
│ │ │ ├── useQueryParameterState.ts
│ │ │ └── useResizeHandle.ts
│ │ ├── pages/
│ │ │ ├── company/
│ │ │ │ └── contact/
│ │ │ │ └── contact.md
│ │ │ ├── components/
│ │ │ │ └── tabs/
│ │ │ │ └── UnstyledTabsCustomized.preview
│ │ │ ├── premium-themes/
│ │ │ │ ├── onepirate/
│ │ │ │ │ ├── ForgotPassword.js
│ │ │ │ │ ├── ForgotPassword.tsx
│ │ │ │ │ ├── Home.js
│ │ │ │ │ ├── Home.tsx
│ │ │ │ │ ├── Privacy.js
│ │ │ │ │ ├── Privacy.tsx
│ │ │ │ │ ├── SignIn.js
│ │ │ │ │ ├── SignIn.tsx
│ │ │ │ │ ├── SignUp.js
│ │ │ │ │ ├── SignUp.tsx
│ │ │ │ │ ├── Terms.js
│ │ │ │ │ ├── Terms.tsx
│ │ │ │ │ ├── modules/
│ │ │ │ │ │ ├── components/
│ │ │ │ │ │ │ ├── AppBar.js
│ │ │ │ │ │ │ ├── AppBar.tsx
│ │ │ │ │ │ │ ├── Button.js
│ │ │ │ │ │ │ ├── Button.tsx
│ │ │ │ │ │ │ ├── Markdown.js
│ │ │ │ │ │ │ ├── Markdown.tsx
│ │ │ │ │ │ │ ├── Paper.js
│ │ │ │ │ │ │ ├── Paper.tsx
│ │ │ │ │ │ │ ├── Snackbar.js
│ │ │ │ │ │ │ ├── Snackbar.tsx
│ │ │ │ │ │ │ ├── TextField.js
│ │ │ │ │ │ │ ├── TextField.tsx
│ │ │ │ │ │ │ ├── Toolbar.js
│ │ │ │ │ │ │ ├── Toolbar.tsx
│ │ │ │ │ │ │ ├── Typography.js
│ │ │ │ │ │ │ └── Typography.tsx
│ │ │ │ │ │ ├── form/
│ │ │ │ │ │ │ ├── FormButton.js
│ │ │ │ │ │ │ ├── FormButton.tsx
│ │ │ │ │ │ │ ├── FormFeedback.js
│ │ │ │ │ │ │ ├── FormFeedback.tsx
│ │ │ │ │ │ │ ├── RFTextField.js
│ │ │ │ │ │ │ ├── RFTextField.tsx
│ │ │ │ │ │ │ ├── defer.js
│ │ │ │ │ │ │ ├── defer.tsx
│ │ │ │ │ │ │ ├── validation.js
│ │ │ │ │ │ │ └── validation.ts
│ │ │ │ │ │ ├── theme.js
│ │ │ │ │ │ ├── theme.ts
│ │ │ │ │ │ ├── views/
│ │ │ │ │ │ │ ├── AppAppBar.js
│ │ │ │ │ │ │ ├── AppAppBar.tsx
│ │ │ │ │ │ │ ├── AppFooter.js
│ │ │ │ │ │ │ ├── AppFooter.tsx
│ │ │ │ │ │ │ ├── AppForm.js
│ │ │ │ │ │ │ ├── AppForm.tsx
│ │ │ │ │ │ │ ├── ProductCTA.js
│ │ │ │ │ │ │ ├── ProductCTA.tsx
│ │ │ │ │ │ │ ├── ProductCategories.js
│ │ │ │ │ │ │ ├── ProductCategories.tsx
│ │ │ │ │ │ │ ├── ProductHero.js
│ │ │ │ │ │ │ ├── ProductHero.tsx
│ │ │ │ │ │ │ ├── ProductHeroLayout.js
│ │ │ │ │ │ │ ├── ProductHeroLayout.tsx
│ │ │ │ │ │ │ ├── ProductHowItWorks.js
│ │ │ │ │ │ │ ├── ProductHowItWorks.tsx
│ │ │ │ │ │ │ ├── ProductSmokingHero.js
│ │ │ │ │ │ │ ├── ProductSmokingHero.tsx
│ │ │ │ │ │ │ ├── ProductValues.js
│ │ │ │ │ │ │ ├── ProductValues.tsx
│ │ │ │ │ │ │ ├── privacy.md
│ │ │ │ │ │ │ └── terms.md
│ │ │ │ │ │ ├── withRoot.js
│ │ │ │ │ │ └── withRoot.tsx
│ │ │ │ │ └── modules.d.ts
│ │ │ │ └── paperbase/
│ │ │ │ ├── Content.js
│ │ │ │ ├── Content.tsx
│ │ │ │ ├── Header.js
│ │ │ │ ├── Header.tsx
│ │ │ │ ├── Navigator.js
│ │ │ │ ├── Navigator.tsx
│ │ │ │ ├── Paperbase.js
│ │ │ │ └── Paperbase.tsx
│ │ │ ├── production-error/
│ │ │ │ ├── ErrorDecoder.js
│ │ │ │ └── index.md
│ │ │ └── versions/
│ │ │ ├── LatestVersions.js
│ │ │ ├── ReleasedVersions.js
│ │ │ ├── VersionsContext.js
│ │ │ └── versions.md
│ │ ├── pagesApi.js
│ │ ├── route.ts
│ │ ├── sw.js
│ │ ├── theming.test.tsx
│ │ └── theming.tsx
│ ├── tailwind.config.mjs
│ ├── translations/
│ │ ├── api-docs/
│ │ │ ├── accordion/
│ │ │ │ └── accordion.json
│ │ │ ├── accordion-actions/
│ │ │ │ └── accordion-actions.json
│ │ │ ├── accordion-details/
│ │ │ │ └── accordion-details.json
│ │ │ ├── accordion-summary/
│ │ │ │ └── accordion-summary.json
│ │ │ ├── alert/
│ │ │ │ └── alert.json
│ │ │ ├── alert-title/
│ │ │ │ └── alert-title.json
│ │ │ ├── app-bar/
│ │ │ │ └── app-bar.json
│ │ │ ├── autocomplete/
│ │ │ │ └── autocomplete.json
│ │ │ ├── avatar/
│ │ │ │ └── avatar.json
│ │ │ ├── avatar-group/
│ │ │ │ └── avatar-group.json
│ │ │ ├── backdrop/
│ │ │ │ └── backdrop.json
│ │ │ ├── badge/
│ │ │ │ └── badge.json
│ │ │ ├── bottom-navigation/
│ │ │ │ └── bottom-navigation.json
│ │ │ ├── bottom-navigation-action/
│ │ │ │ └── bottom-navigation-action.json
│ │ │ ├── box/
│ │ │ │ └── box.json
│ │ │ ├── breadcrumbs/
│ │ │ │ └── breadcrumbs.json
│ │ │ ├── button/
│ │ │ │ └── button.json
│ │ │ ├── button-base/
│ │ │ │ └── button-base.json
│ │ │ ├── button-group/
│ │ │ │ └── button-group.json
│ │ │ ├── card/
│ │ │ │ └── card.json
│ │ │ ├── card-action-area/
│ │ │ │ └── card-action-area.json
│ │ │ ├── card-actions/
│ │ │ │ └── card-actions.json
│ │ │ ├── card-content/
│ │ │ │ └── card-content.json
│ │ │ ├── card-header/
│ │ │ │ └── card-header.json
│ │ │ ├── card-media/
│ │ │ │ └── card-media.json
│ │ │ ├── checkbox/
│ │ │ │ └── checkbox.json
│ │ │ ├── chip/
│ │ │ │ └── chip.json
│ │ │ ├── circular-progress/
│ │ │ │ └── circular-progress.json
│ │ │ ├── click-away-listener/
│ │ │ │ └── click-away-listener.json
│ │ │ ├── collapse/
│ │ │ │ └── collapse.json
│ │ │ ├── container/
│ │ │ │ └── container.json
│ │ │ ├── css-baseline/
│ │ │ │ └── css-baseline.json
│ │ │ ├── dialog/
│ │ │ │ └── dialog.json
│ │ │ ├── dialog-actions/
│ │ │ │ └── dialog-actions.json
│ │ │ ├── dialog-content/
│ │ │ │ └── dialog-content.json
│ │ │ ├── dialog-content-text/
│ │ │ │ └── dialog-content-text.json
│ │ │ ├── dialog-title/
│ │ │ │ └── dialog-title.json
│ │ │ ├── divider/
│ │ │ │ └── divider.json
│ │ │ ├── drawer/
│ │ │ │ └── drawer.json
│ │ │ ├── fab/
│ │ │ │ └── fab.json
│ │ │ ├── fade/
│ │ │ │ └── fade.json
│ │ │ ├── filled-input/
│ │ │ │ └── filled-input.json
│ │ │ ├── form-control/
│ │ │ │ └── form-control.json
│ │ │ ├── form-control-label/
│ │ │ │ └── form-control-label.json
│ │ │ ├── form-group/
│ │ │ │ └── form-group.json
│ │ │ ├── form-helper-text/
│ │ │ │ └── form-helper-text.json
│ │ │ ├── form-label/
│ │ │ │ └── form-label.json
│ │ │ ├── global-styles/
│ │ │ │ └── global-styles.json
│ │ │ ├── grid/
│ │ │ │ └── grid.json
│ │ │ ├── grow/
│ │ │ │ └── grow.json
│ │ │ ├── icon/
│ │ │ │ └── icon.json
│ │ │ ├── icon-button/
│ │ │ │ └── icon-button.json
│ │ │ ├── image-list/
│ │ │ │ └── image-list.json
│ │ │ ├── image-list-item/
│ │ │ │ └── image-list-item.json
│ │ │ ├── image-list-item-bar/
│ │ │ │ └── image-list-item-bar.json
│ │ │ ├── init-color-scheme-script/
│ │ │ │ └── init-color-scheme-script.json
│ │ │ ├── input/
│ │ │ │ └── input.json
│ │ │ ├── input-adornment/
│ │ │ │ └── input-adornment.json
│ │ │ ├── input-base/
│ │ │ │ └── input-base.json
│ │ │ ├── input-label/
│ │ │ │ └── input-label.json
│ │ │ ├── linear-progress/
│ │ │ │ └── linear-progress.json
│ │ │ ├── link/
│ │ │ │ └── link.json
│ │ │ ├── list/
│ │ │ │ └── list.json
│ │ │ ├── list-item/
│ │ │ │ └── list-item.json
│ │ │ ├── list-item-avatar/
│ │ │ │ └── list-item-avatar.json
│ │ │ ├── list-item-button/
│ │ │ │ └── list-item-button.json
│ │ │ ├── list-item-icon/
│ │ │ │ └── list-item-icon.json
│ │ │ ├── list-item-secondary-action/
│ │ │ │ └── list-item-secondary-action.json
│ │ │ ├── list-item-text/
│ │ │ │ └── list-item-text.json
│ │ │ ├── list-subheader/
│ │ │ │ └── list-subheader.json
│ │ │ ├── masonry/
│ │ │ │ └── masonry.json
│ │ │ ├── menu/
│ │ │ │ └── menu.json
│ │ │ ├── menu-item/
│ │ │ │ └── menu-item.json
│ │ │ ├── menu-list/
│ │ │ │ └── menu-list.json
│ │ │ ├── mobile-stepper/
│ │ │ │ └── mobile-stepper.json
│ │ │ ├── modal/
│ │ │ │ └── modal.json
│ │ │ ├── native-select/
│ │ │ │ └── native-select.json
│ │ │ ├── no-ssr/
│ │ │ │ └── no-ssr.json
│ │ │ ├── outlined-input/
│ │ │ │ └── outlined-input.json
│ │ │ ├── pagination/
│ │ │ │ └── pagination.json
│ │ │ ├── pagination-item/
│ │ │ │ └── pagination-item.json
│ │ │ ├── paper/
│ │ │ │ └── paper.json
│ │ │ ├── pigment-container/
│ │ │ │ └── pigment-container.json
│ │ │ ├── pigment-grid/
│ │ │ │ └── pigment-grid.json
│ │ │ ├── pigment-stack/
│ │ │ │ └── pigment-stack.json
│ │ │ ├── popover/
│ │ │ │ └── popover.json
│ │ │ ├── popper/
│ │ │ │ └── popper.json
│ │ │ ├── portal/
│ │ │ │ └── portal.json
│ │ │ ├── radio/
│ │ │ │ └── radio.json
│ │ │ ├── radio-group/
│ │ │ │ └── radio-group.json
│ │ │ ├── rating/
│ │ │ │ └── rating.json
│ │ │ ├── scoped-css-baseline/
│ │ │ │ └── scoped-css-baseline.json
│ │ │ ├── select/
│ │ │ │ └── select.json
│ │ │ ├── skeleton/
│ │ │ │ └── skeleton.json
│ │ │ ├── slide/
│ │ │ │ └── slide.json
│ │ │ ├── slider/
│ │ │ │ └── slider.json
│ │ │ ├── snackbar/
│ │ │ │ └── snackbar.json
│ │ │ ├── snackbar-content/
│ │ │ │ └── snackbar-content.json
│ │ │ ├── speed-dial/
│ │ │ │ └── speed-dial.json
│ │ │ ├── speed-dial-action/
│ │ │ │ └── speed-dial-action.json
│ │ │ ├── speed-dial-icon/
│ │ │ │ └── speed-dial-icon.json
│ │ │ ├── stack/
│ │ │ │ └── stack.json
│ │ │ ├── step/
│ │ │ │ └── step.json
│ │ │ ├── step-button/
│ │ │ │ └── step-button.json
│ │ │ ├── step-connector/
│ │ │ │ └── step-connector.json
│ │ │ ├── step-content/
│ │ │ │ └── step-content.json
│ │ │ ├── step-icon/
│ │ │ │ └── step-icon.json
│ │ │ ├── step-label/
│ │ │ │ └── step-label.json
│ │ │ ├── stepper/
│ │ │ │ └── stepper.json
│ │ │ ├── svg-icon/
│ │ │ │ └── svg-icon.json
│ │ │ ├── swipeable-drawer/
│ │ │ │ └── swipeable-drawer.json
│ │ │ ├── switch/
│ │ │ │ └── switch.json
│ │ │ ├── tab/
│ │ │ │ └── tab.json
│ │ │ ├── tab-context/
│ │ │ │ └── tab-context.json
│ │ │ ├── tab-list/
│ │ │ │ └── tab-list.json
│ │ │ ├── tab-panel/
│ │ │ │ └── tab-panel.json
│ │ │ ├── tab-scroll-button/
│ │ │ │ └── tab-scroll-button.json
│ │ │ ├── table/
│ │ │ │ └── table.json
│ │ │ ├── table-body/
│ │ │ │ └── table-body.json
│ │ │ ├── table-cell/
│ │ │ │ └── table-cell.json
│ │ │ ├── table-container/
│ │ │ │ └── table-container.json
│ │ │ ├── table-footer/
│ │ │ │ └── table-footer.json
│ │ │ ├── table-head/
│ │ │ │ └── table-head.json
│ │ │ ├── table-pagination/
│ │ │ │ └── table-pagination.json
│ │ │ ├── table-pagination-actions/
│ │ │ │ └── table-pagination-actions.json
│ │ │ ├── table-row/
│ │ │ │ └── table-row.json
│ │ │ ├── table-sort-label/
│ │ │ │ └── table-sort-label.json
│ │ │ ├── tabs/
│ │ │ │ └── tabs.json
│ │ │ ├── text-field/
│ │ │ │ └── text-field.json
│ │ │ ├── textarea-autosize/
│ │ │ │ └── textarea-autosize.json
│ │ │ ├── timeline/
│ │ │ │ └── timeline.json
│ │ │ ├── timeline-connector/
│ │ │ │ └── timeline-connector.json
│ │ │ ├── timeline-content/
│ │ │ │ └── timeline-content.json
│ │ │ ├── timeline-dot/
│ │ │ │ └── timeline-dot.json
│ │ │ ├── timeline-item/
│ │ │ │ └── timeline-item.json
│ │ │ ├── timeline-opposite-content/
│ │ │ │ └── timeline-opposite-content.json
│ │ │ ├── timeline-separator/
│ │ │ │ └── timeline-separator.json
│ │ │ ├── toggle-button/
│ │ │ │ └── toggle-button.json
│ │ │ ├── toggle-button-group/
│ │ │ │ └── toggle-button-group.json
│ │ │ ├── toolbar/
│ │ │ │ └── toolbar.json
│ │ │ ├── tooltip/
│ │ │ │ └── tooltip.json
│ │ │ ├── typography/
│ │ │ │ └── typography.json
│ │ │ └── zoom/
│ │ │ └── zoom.json
│ │ └── translations.json
│ ├── tsconfig.json
│ ├── types/
│ │ ├── icons.d.ts
│ │ └── webpack.d.ts
│ ├── vitest.config.browser.mts
│ └── vitest.config.mts
├── eslint.config.mjs
├── examples/
│ ├── .gitignore
│ ├── material-ui-express-ssr/
│ │ ├── .babelrc
│ │ ├── .gitignore
│ │ ├── App.js
│ │ ├── ProTip.js
│ │ ├── README.md
│ │ ├── client.js
│ │ ├── createEmotionCache.js
│ │ ├── package.json
│ │ ├── server.js
│ │ ├── theme.js
│ │ └── webpack.config.js
│ ├── material-ui-gatsby/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── package.json
│ │ └── src/
│ │ ├── components/
│ │ │ ├── Copyright.js
│ │ │ ├── Link.js
│ │ │ └── ProTip.js
│ │ ├── pages/
│ │ │ ├── about.js
│ │ │ └── index.js
│ │ └── theme.js
│ ├── material-ui-nextjs/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── jsconfig.json
│ │ ├── next.config.mjs
│ │ ├── package.json
│ │ └── src/
│ │ ├── app/
│ │ │ ├── about/
│ │ │ │ └── page.js
│ │ │ ├── layout.js
│ │ │ └── page.js
│ │ ├── components/
│ │ │ ├── Copyright.js
│ │ │ ├── Link.js
│ │ │ └── ProTip.js
│ │ └── theme.js
│ ├── material-ui-nextjs-pages-router/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── next.config.mjs
│ │ ├── package.json
│ │ ├── pages/
│ │ │ ├── _app.js
│ │ │ ├── _document.js
│ │ │ ├── about.js
│ │ │ └── index.js
│ │ └── src/
│ │ ├── Copyright.js
│ │ ├── Link.js
│ │ ├── ProTip.js
│ │ └── theme.js
│ ├── material-ui-nextjs-pages-router-ts/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── next.config.mjs
│ │ ├── package.json
│ │ ├── pages/
│ │ │ ├── _app.tsx
│ │ │ ├── _document.tsx
│ │ │ ├── about.tsx
│ │ │ └── index.tsx
│ │ ├── src/
│ │ │ ├── Copyright.tsx
│ │ │ ├── Link.tsx
│ │ │ ├── ProTip.tsx
│ │ │ └── theme.ts
│ │ └── tsconfig.json
│ ├── material-ui-nextjs-ts/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── next.config.mjs
│ │ ├── package.json
│ │ ├── public/
│ │ │ └── .gitkeep
│ │ ├── src/
│ │ │ ├── app/
│ │ │ │ ├── about/
│ │ │ │ │ └── page.tsx
│ │ │ │ ├── layout.tsx
│ │ │ │ └── page.tsx
│ │ │ ├── components/
│ │ │ │ ├── Copyright.tsx
│ │ │ │ ├── Link.tsx
│ │ │ │ ├── ModeSwitch.tsx
│ │ │ │ └── ProTip.tsx
│ │ │ └── theme.ts
│ │ └── tsconfig.json
│ ├── material-ui-nextjs-ts-v4-v5-migration/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── next.config.mjs
│ │ ├── package.json
│ │ ├── pages/
│ │ │ ├── _app.tsx
│ │ │ ├── _document.tsx
│ │ │ ├── about.tsx
│ │ │ └── index.tsx
│ │ ├── src/
│ │ │ ├── Copyright.tsx
│ │ │ ├── Link.tsx
│ │ │ ├── ProTip.tsx
│ │ │ └── theme.ts
│ │ ├── tsconfig.json
│ │ └── types/
│ │ └── mui-styles.d.ts
│ ├── material-ui-pigment-css-nextjs-ts/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── next.config.mjs
│ │ ├── package.json
│ │ ├── public/
│ │ │ └── .gitkeep
│ │ ├── src/
│ │ │ ├── app/
│ │ │ │ ├── layout.tsx
│ │ │ │ └── page.tsx
│ │ │ ├── components/
│ │ │ │ ├── App.tsx
│ │ │ │ └── ColorSchemeProvider.tsx
│ │ │ └── material-ui-pigment-css.d.ts
│ │ └── tsconfig.json
│ ├── material-ui-pigment-css-vite-ts/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── index.html
│ │ ├── package.json
│ │ ├── src/
│ │ │ ├── App.tsx
│ │ │ ├── main.tsx
│ │ │ ├── material-ui-pigment-css.d.ts
│ │ │ └── vite-env.d.ts
│ │ ├── tsconfig.app.json
│ │ ├── tsconfig.json
│ │ ├── tsconfig.node.json
│ │ └── vite.config.ts
│ ├── material-ui-preact/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── config-overrides.js
│ │ ├── package.json
│ │ ├── public/
│ │ │ ├── index.html
│ │ │ └── manifest.json
│ │ └── src/
│ │ ├── App.js
│ │ ├── Copyright.js
│ │ ├── ProTip.js
│ │ ├── index.js
│ │ ├── setupTests.js
│ │ └── theme.js
│ ├── material-ui-react-router-ts/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── app/
│ │ │ ├── components/
│ │ │ │ ├── Copyright.tsx
│ │ │ │ └── ProTip.tsx
│ │ │ ├── createCache.ts
│ │ │ ├── entry.client.tsx
│ │ │ ├── entry.server.tsx
│ │ │ ├── root.tsx
│ │ │ ├── routes/
│ │ │ │ ├── about.tsx
│ │ │ │ └── home.tsx
│ │ │ ├── routes.ts
│ │ │ └── theme.tsx
│ │ ├── package.json
│ │ ├── react-router.config.ts
│ │ ├── tsconfig.json
│ │ └── vite.config.ts
│ ├── material-ui-remix-ts/
│ │ ├── .gitignore
│ │ ├── .stackblitzrc
│ │ ├── README.md
│ │ ├── app/
│ │ │ ├── entry.client.tsx
│ │ │ ├── entry.server.tsx
│ │ │ ├── root.tsx
│ │ │ ├── routes/
│ │ │ │ ├── _index.tsx
│ │ │ │ └── about.tsx
│ │ │ └── src/
│ │ │ ├── ClientStyleContext.tsx
│ │ │ ├── Copyright.tsx
│ │ │ ├── Layout.tsx
│ │ │ ├── ProTip.tsx
│ │ │ ├── createEmotionCache.ts
│ │ │ └── theme.ts
│ │ ├── package.json
│ │ ├── remix.config.js
│ │ ├── remix.env.d.ts
│ │ └── tsconfig.json
│ ├── material-ui-via-cdn/
│ │ ├── README.md
│ │ ├── index.html
│ │ ├── package.json
│ │ └── react-18-example.html
│ ├── material-ui-vite/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── index.html
│ │ ├── package.json
│ │ ├── src/
│ │ │ ├── App.jsx
│ │ │ ├── Copyright.jsx
│ │ │ ├── ProTip.jsx
│ │ │ ├── main.jsx
│ │ │ └── theme.js
│ │ └── vite.config.js
│ ├── material-ui-vite-tailwind-ts/
│ │ ├── .gitignore
│ │ ├── README.md
│ │ ├── index.html
│ │ ├── package.json
│ │ ├── src/
│ │ │ ├── App.tsx
│ │ │ ├── PopoverMenu.tsx
│ │ │ ├── ProTip.tsx
│ │ │ ├── index.css
│ │ │ ├── main.tsx
│ │ │ └── vite-env.d.ts
│ │ ├── tsconfig.app.json
│ │ ├── tsconfig.json
│ │ ├── tsconfig.node.json
│ │ └── vite.config.ts
│ └── material-ui-vite-ts/
│ ├── .gitignore
│ ├── README.md
│ ├── index.html
│ ├── package.json
│ ├── src/
│ │ ├── App.tsx
│ │ ├── ProTip.tsx
│ │ ├── main.tsx
│ │ └── vite-env.d.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.json
│ ├── tsconfig.node.json
│ └── vite.config.ts
├── lerna.json
├── netlify/
│ ├── edge-functions/
│ │ └── og-image.tsx
│ └── functions/
│ ├── deploy-succeeded.js
│ └── feedback-management.mts
├── netlify.toml
├── nx.json
├── package.json
├── packages/
│ ├── api-docs-builder/
│ │ ├── ApiBuilders/
│ │ │ ├── ComponentApiBuilder.ts
│ │ │ └── HookApiBuilder.ts
│ │ ├── ProjectSettings.ts
│ │ ├── buildApi.ts
│ │ ├── buildApiUtils.test.ts
│ │ ├── buildApiUtils.ts
│ │ ├── index.ts
│ │ ├── package.json
│ │ ├── tsconfig.json
│ │ ├── types/
│ │ │ ├── ApiBuilder.types.ts
│ │ │ └── utils.types.ts
│ │ ├── utils/
│ │ │ ├── createDescribeableProp.ts
│ │ │ ├── createTypeScriptProject.ts
│ │ │ ├── defaultPropsHandler.ts
│ │ │ ├── escapeCell.test.ts
│ │ │ ├── escapeCell.ts
│ │ │ ├── escapeEntities.ts
│ │ │ ├── extractInfoFromEnum.ts
│ │ │ ├── extractInfoFromType.ts
│ │ │ ├── findApiPages.test.ts
│ │ │ ├── findApiPages.ts
│ │ │ ├── findComponents.ts
│ │ │ ├── findHooks.ts
│ │ │ ├── findIndexFile.ts
│ │ │ ├── findPagesMarkdown.ts
│ │ │ ├── generateApiTranslation.ts
│ │ │ ├── generatePropDescription.ts
│ │ │ ├── generatePropTypeDescription.ts
│ │ │ ├── getPropsFromComponentNode.ts
│ │ │ ├── parseSlotsAndClasses.ts
│ │ │ ├── parseTest.ts
│ │ │ ├── replaceUrl.test.js
│ │ │ ├── replaceUrl.ts
│ │ │ ├── resolveExportSpecifier.ts
│ │ │ └── sortObjects.ts
│ │ └── vitest.config.mts
│ ├── api-docs-builder-core/
│ │ ├── index.ts
│ │ ├── materialUi/
│ │ │ ├── getMaterialUiComponentInfo.test.ts
│ │ │ ├── getMaterialUiComponentInfo.ts
│ │ │ └── projectSettings.ts
│ │ ├── muiSystem/
│ │ │ ├── getSystemComponentInfo.ts
│ │ │ └── projectSettings.ts
│ │ ├── package.json
│ │ ├── tsconfig.json
│ │ └── vitest.config.mts
│ ├── markdown/
│ │ ├── CHANGELOG.md
│ │ ├── README.md
│ │ ├── extractImports.mjs
│ │ ├── extractImports.test.mjs
│ │ ├── index.d.mts
│ │ ├── index.mjs
│ │ ├── loader.mjs
│ │ ├── package.json
│ │ ├── parseMarkdown.mjs
│ │ ├── parseMarkdown.test.mjs
│ │ ├── prepareMarkdown.mjs
│ │ ├── prepareMarkdown.test.mjs
│ │ ├── prism.d.mts
│ │ ├── prism.mjs
│ │ ├── textToHash.mjs
│ │ ├── textToHash.test.mjs
│ │ └── vitest.config.mts
│ ├── mui-codemod/
│ │ ├── .npmignore
│ │ ├── CONTRIBUTING.md
│ │ ├── README.md
│ │ ├── package.json
│ │ ├── src/
│ │ │ ├── codemod.js
│ │ │ ├── deprecations/
│ │ │ │ ├── accordion-props/
│ │ │ │ │ ├── accordion-props.js
│ │ │ │ │ ├── accordion-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── accordion-summary-classes/
│ │ │ │ │ ├── accordion-summary-classes.js
│ │ │ │ │ ├── accordion-summary-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── alert-classes/
│ │ │ │ │ ├── alert-classes.js
│ │ │ │ │ ├── alert-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── alert-props/
│ │ │ │ │ ├── alert-props.js
│ │ │ │ │ ├── alert-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── all/
│ │ │ │ │ ├── deprecations-all.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── postcss.config.js
│ │ │ │ ├── autocomplete-props/
│ │ │ │ │ ├── autocomplete-props.js
│ │ │ │ │ ├── autocomplete-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── render-input-package.actual.js
│ │ │ │ │ ├── render-input-package.expected.js
│ │ │ │ │ ├── render-input.actual.js
│ │ │ │ │ ├── render-input.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── avatar-group-props/
│ │ │ │ │ ├── avatar-group-props.js
│ │ │ │ │ ├── avatar-group-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── avatar-props/
│ │ │ │ │ ├── avatar-props.js
│ │ │ │ │ ├── avatar-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── backdrop-props/
│ │ │ │ │ ├── backdrop-props.js
│ │ │ │ │ ├── backdrop-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── badge-props/
│ │ │ │ │ ├── badge-props.js
│ │ │ │ │ ├── badge-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── button-classes/
│ │ │ │ │ ├── button-classes.js
│ │ │ │ │ ├── button-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── button-group-classes/
│ │ │ │ │ ├── button-group-classes.js
│ │ │ │ │ ├── button-group-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── card-header-props/
│ │ │ │ │ ├── card-header-props.js
│ │ │ │ │ ├── card-header-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── checkbox-props/
│ │ │ │ │ ├── checkbox-props.js
│ │ │ │ │ ├── checkbox-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── chip-classes/
│ │ │ │ │ ├── chip-classes.js
│ │ │ │ │ ├── chip-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── circular-progress-classes/
│ │ │ │ │ ├── circular-progress-classes.js
│ │ │ │ │ ├── circular-progress-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── dialog-classes/
│ │ │ │ │ ├── dialog-classes.js
│ │ │ │ │ ├── dialog-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── dialog-props/
│ │ │ │ │ ├── dialog-props.js
│ │ │ │ │ ├── dialog-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── divider-props/
│ │ │ │ │ ├── divider-props.js
│ │ │ │ │ ├── divider-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── drawer-classes/
│ │ │ │ │ ├── drawer-classes.js
│ │ │ │ │ ├── drawer-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── drawer-props/
│ │ │ │ │ ├── drawer-props.js
│ │ │ │ │ ├── drawer-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── filled-input-props/
│ │ │ │ │ ├── filled-input-props.js
│ │ │ │ │ ├── filled-input-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── form-control-label-props/
│ │ │ │ │ ├── form-control-label-props.js
│ │ │ │ │ ├── form-control-label-props.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── image-list-item-bar-classes/
│ │ │ │ │ ├── image-list-item-bar-classes.js
│ │ │ │ │ ├── image-list-item-bar-classes.test.js
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── input-base-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── input-base-classes.js
│ │ │ │ │ ├── input-base-classes.test.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── input-base-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── input-base-props.js
│ │ │ │ │ ├── input-base-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── input-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── input-props.js
│ │ │ │ │ ├── input-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── linear-progress-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── linear-progress-classes.js
│ │ │ │ │ ├── linear-progress-classes.test.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── list-item-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── list-item-props.js
│ │ │ │ │ ├── list-item-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── list-item-text-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── list-item-text-props.js
│ │ │ │ │ ├── list-item-text-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── menu-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── menu-props.js
│ │ │ │ │ ├── menu-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── mobile-stepper-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── mobile-stepper-props.js
│ │ │ │ │ ├── mobile-stepper-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── modal-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── modal-props.js
│ │ │ │ │ ├── modal-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── outlined-input-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── outlined-input-props.js
│ │ │ │ │ ├── outlined-input-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── pagination-item-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── pagination-item-classes.js
│ │ │ │ │ ├── pagination-item-classes.test.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── pagination-item-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── pagination-item-props.js
│ │ │ │ │ ├── pagination-item-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── popover-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── popover-props.js
│ │ │ │ │ ├── popover-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── popper-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── popper-props.js
│ │ │ │ │ ├── popper-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── radio-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── radio-props.js
│ │ │ │ │ ├── radio-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── rating-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── rating-props.js
│ │ │ │ │ ├── rating-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── select-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── select-classes.js
│ │ │ │ │ ├── select-classes.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── slider-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── slider-classes.js
│ │ │ │ │ ├── slider-classes.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── slider-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── slider-props.js
│ │ │ │ │ ├── slider-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── snackbar-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── snackbar-props.js
│ │ │ │ │ ├── snackbar-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── speed-dial-action-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── speed-dial-action-props.js
│ │ │ │ │ ├── speed-dial-action-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── speed-dial-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── speed-dial-props.js
│ │ │ │ │ ├── speed-dial-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── step-connector-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── step-connector-classes.js
│ │ │ │ │ ├── step-connector-classes.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── step-content-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── step-content-props.js
│ │ │ │ │ ├── step-content-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── step-label-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── step-label-props.js
│ │ │ │ │ ├── step-label-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── switch-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── switch-props.js
│ │ │ │ │ ├── switch-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── tab-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── tab-classes.js
│ │ │ │ │ ├── tab-classes.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── table-pagination-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── table-pagination-props.js
│ │ │ │ │ ├── table-pagination-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── table-sort-label-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── table-sort-label-classes.js
│ │ │ │ │ ├── table-sort-label-classes.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── tabs-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── tabs-classes.js
│ │ │ │ │ ├── tabs-classes.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.css
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.css
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ └── package.expected.js
│ │ │ │ ├── tabs-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── tabs-props.js
│ │ │ │ │ ├── tabs-props.test.js
│ │ │ │ │ └── test-cases/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── expected.js
│ │ │ │ │ ├── package.actual.js
│ │ │ │ │ ├── package.expected.js
│ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ └── theme.expected.js
│ │ │ │ ├── text-field-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── test-cases/
│ │ │ │ │ │ ├── actual.js
│ │ │ │ │ │ ├── expected.js
│ │ │ │ │ │ ├── package.actual.js
│ │ │ │ │ │ ├── package.expected.js
│ │ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ │ └── theme.expected.js
│ │ │ │ │ ├── text-field-props.js
│ │ │ │ │ └── text-field-props.test.js
│ │ │ │ ├── toggle-button-group-classes/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── postcss-plugin.js
│ │ │ │ │ ├── postcss.config.js
│ │ │ │ │ ├── test-cases/
│ │ │ │ │ │ ├── actual.css
│ │ │ │ │ │ ├── actual.js
│ │ │ │ │ │ ├── expected.css
│ │ │ │ │ │ ├── expected.js
│ │ │ │ │ │ ├── package.actual.js
│ │ │ │ │ │ └── package.expected.js
│ │ │ │ │ ├── toggle-button-group-classes.js
│ │ │ │ │ └── toggle-button-group-classes.test.js
│ │ │ │ ├── tooltip-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── test-cases/
│ │ │ │ │ │ ├── actual.js
│ │ │ │ │ │ ├── expected.js
│ │ │ │ │ │ ├── package.actual.js
│ │ │ │ │ │ ├── package.expected.js
│ │ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ │ └── theme.expected.js
│ │ │ │ │ ├── tooltip-props.js
│ │ │ │ │ └── tooltip-props.test.js
│ │ │ │ ├── typography-props/
│ │ │ │ │ ├── index.js
│ │ │ │ │ ├── test-cases/
│ │ │ │ │ │ ├── actual.js
│ │ │ │ │ │ ├── expected.js
│ │ │ │ │ │ ├── package.actual.js
│ │ │ │ │ │ ├── package.expected.js
│ │ │ │ │ │ ├── theme.actual.js
│ │ │ │ │ │ └── theme.expected.js
│ │ │ │ │ ├── typography-props.js
│ │ │ │ │ └── typography-props.test.js
│ │ │ │ └── utils/
│ │ │ │ ├── movePropIntoSlotProps.js
│ │ │ │ ├── movePropIntoSlots.js
│ │ │ │ └── replaceComponentsWithSlots.js
│ │ │ ├── util/
│ │ │ │ ├── appendAttribute.js
│ │ │ │ ├── assignObject.js
│ │ │ │ ├── findComponentDefaultProps.js
│ │ │ │ ├── findComponentJSX.js
│ │ │ │ ├── findComponentJSX.test.js
│ │ │ │ ├── getJSExports.js
│ │ │ │ ├── getReturnExpression.js
│ │ │ │ ├── memoize.js
│ │ │ │ ├── migrateToVariants.js
│ │ │ │ ├── propsToObject.js
│ │ │ │ ├── readFile.js
│ │ │ │ ├── renameClassKey.js
│ │ │ │ └── renameProps.js
│ │ │ ├── v0.15.0/
│ │ │ │ ├── import-path.js
│ │ │ │ ├── import-path.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ └── expected.js
│ │ │ │ └── import-path.test.js
│ │ │ ├── v1.0.0/
│ │ │ │ ├── color-imports.js
│ │ │ │ ├── color-imports.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ └── expected.js
│ │ │ │ ├── color-imports.test.js
│ │ │ │ ├── import-path.js
│ │ │ │ ├── import-path.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ └── expected.js
│ │ │ │ ├── import-path.test.js
│ │ │ │ ├── menu-item-primary-text.js
│ │ │ │ ├── menu-item-primary-text.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ └── expected.js
│ │ │ │ ├── menu-item-primary-text.test.js
│ │ │ │ ├── svg-icon-imports.js
│ │ │ │ ├── svg-icon-imports.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ └── expected.js
│ │ │ │ └── svg-icon-imports.test.js
│ │ │ ├── v4.0.0/
│ │ │ │ ├── optimal-imports.js
│ │ │ │ ├── optimal-imports.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ └── expected.js
│ │ │ │ ├── optimal-imports.test.js
│ │ │ │ ├── theme-spacing-api.js
│ │ │ │ ├── theme-spacing-api.test/
│ │ │ │ │ ├── actual.js
│ │ │ │ │ ├── actual_destructured.js
│
================================================
FILE CONTENTS
================================================
================================================
FILE: .browserslistrc
================================================
# Default/Fallback
# `npx browserslist --mobile-to-desktop "baseline widely available""` when the last major is released.
#
# After you update the version, you might need to run `npx update-browserslist-db@latest` to update caniuse-lite to gather latest browser versions.
# Otherwise, running `pnpm build` might fail due to unknown browser versions.
#
# On update, sync references where "#stable-snapshot" is mentioned in the codebase.
[stable]
and_chr 146
and_chr 145
and_chr 144
and_chr 143
and_chr 142
and_chr 141
and_chr 140
and_chr 139
and_chr 138
and_chr 137
and_chr 136
and_chr 135
and_chr 134
and_chr 133
and_chr 132
and_chr 131
and_chr 130
and_chr 129
and_chr 128
and_chr 127
and_chr 126
and_chr 125
and_chr 124
and_chr 123
and_chr 122
and_chr 121
and_chr 120
and_chr 119
and_chr 118
and_chr 117
and_ff 148
and_ff 147
and_ff 146
and_ff 145
and_ff 144
and_ff 143
and_ff 142
and_ff 141
and_ff 140
and_ff 139
and_ff 138
and_ff 137
and_ff 136
and_ff 135
and_ff 134
and_ff 133
and_ff 132
and_ff 131
and_ff 130
and_ff 129
and_ff 128
and_ff 127
and_ff 126
and_ff 125
and_ff 124
and_ff 123
and_ff 122
and_ff 121
chrome 146
chrome 145
chrome 144
chrome 143
chrome 142
chrome 141
chrome 140
chrome 139
chrome 138
chrome 137
chrome 136
chrome 135
chrome 134
chrome 133
chrome 132
chrome 131
chrome 130
chrome 129
chrome 128
chrome 127
chrome 126
chrome 125
chrome 124
chrome 123
chrome 122
chrome 121
chrome 120
chrome 119
chrome 118
chrome 117
edge 146
edge 145
edge 144
edge 143
edge 142
edge 141
edge 140
edge 139
edge 138
edge 137
edge 136
edge 135
edge 134
edge 133
edge 132
edge 131
edge 130
edge 129
edge 128
edge 127
edge 126
edge 125
edge 124
edge 123
edge 122
edge 121
firefox 148
firefox 147
firefox 146
firefox 145
firefox 144
firefox 143
firefox 142
firefox 141
firefox 140
firefox 139
firefox 138
firefox 137
firefox 136
firefox 135
firefox 134
firefox 133
firefox 132
firefox 131
firefox 130
firefox 129
firefox 128
firefox 127
firefox 126
firefox 125
firefox 124
firefox 123
firefox 122
firefox 121
ios_saf 26.3
ios_saf 26.2
ios_saf 26.1
ios_saf 26.0
ios_saf 18.5-18.7
ios_saf 18.4
ios_saf 18.3
ios_saf 18.2
ios_saf 18.1
ios_saf 18.0
ios_saf 17.6-17.7
ios_saf 17.5
ios_saf 17.4
ios_saf 17.3
ios_saf 17.2
ios_saf 17.1
ios_saf 17.0
safari 26.3
safari 26.2
safari 26.1
safari 26.0
safari 18.5-18.7
safari 18.4
safari 18.3
safari 18.2
safari 18.1
safari 18.0
safari 17.6
safari 17.5
safari 17.4
safari 17.3
safari 17.2
safari 17.1
safari 17.0
# snapshot of `npx browserslist "maintained node versions"`
# On update check all #stable-snapshot markers
[node]
node 14.0
# same as `node`
[coverage]
node 14.0
# same as `node`
[development]
node 14.0
# same as `node`
[test]
node 14.0
================================================
FILE: .circleci/config.yml
================================================
version: 2.1
orbs:
code-infra: https://raw.githubusercontent.com/mui/mui-public/c27d6c81557d1db10eaf70e0510d4f1289995454/.circleci/orbs/code-infra.yml
aws-cli: circleci/aws-cli@5.4.1
aws-s3: circleci/aws-s3@4.1.3
parameters:
workflow:
description: The name of the workflow to run
type: string
default: pipeline
e2e-base-url:
description: The base url for running end-to-end test
type: string
default: ''
default-job: &default-job
parameters:
react-version:
description: The version of react to be used
type: string
default: stable
typescript-version:
description: The version of typescript to be used
type: string
default: stable
e2e-base-url:
description: The base url for running end-to-end test
type: string
default: << pipeline.parameters.e2e-base-url >>
environment:
AWS_REGION_ARTIFACTS: eu-central-1
COREPACK_ENABLE_DOWNLOAD_PROMPT: '0'
DANGER_DISABLE_TRANSPILATION: 'true'
working_directory: /tmp/material-ui
executor:
name: code-infra/mui-node
node-version: '22.18'
default-context: &default-context
context:
- org-global
# CircleCI has disabled the cache across forks for security reasons.
# Following their official statement, it was a quick solution, they
# are working on providing this feature back with appropriate security measures.
# https://discuss.circleci.com/t/saving-cache-stopped-working-warning-skipping-this-step-disabled-in-configuration/24423/21
#
# restore_repo: &restore_repo
# restore_cache:
# key: v1-repo-{{ .Branch }}-{{ .Revision }}
commands:
install-deps:
parameters:
ignore-workspace:
type: boolean
default: false
react-version:
type: string
default: stable
typescript-version:
type: string
default: stable
playwright-version:
type: string
default: stable
steps:
- code-infra/install-deps:
package-overrides: react@<< parameters.react-version >> typescript@<< parameters.typescript-version >> @playwright/test@<< parameters.playwright-version >> playwright@<< parameters.playwright-version >>
ignore-workspace: << parameters.ignore-workspace >>
jobs:
test_unit:
<<: *default-job
steps:
- checkout
- install-deps:
react-version: << parameters.react-version >>
- run:
name: Tests fake browser
command: pnpm test:node --no-isolate --no-file-parallelism
- run:
name: internal-scripts
command: |
# latest commit
LATEST_COMMIT=$(git rev-parse HEAD)
# latest commit where internal-scripts was changed
FOLDER_COMMIT=$(git log -1 --format=format:%H --full-diff packages-internal/scripts)
if [ $FOLDER_COMMIT = $LATEST_COMMIT ]; then
echo "changes, let's run the tests"
pnpm --filter @mui/internal-scripts test
else
echo "no changes"
fi
- store_test_results:
path: test-results
test_lint:
<<: *default-job
steps:
- checkout
- install-deps
- code-infra/eslint
- code-infra/stylelint
- code-infra/markdownlint
- code-infra/valelint
test_static:
<<: *default-job
steps:
- checkout
- install-deps
- code-infra/check-static-changes
- run:
name: Generate PropTypes
command: pnpm proptypes
- run:
name: '`pnpm proptypes` changes committed?'
command: git add -A && git diff --exit-code --staged
- run:
name: Generate the documentation
command: pnpm docs:api
- run:
name: '`pnpm docs:api` changes committed?'
command: git add -A && git diff --exit-code --staged
- run:
name: Update the navigation translations
command: pnpm docs:i18n
- run:
name: '`pnpm docs:i18n` changes committed?'
command: git add -A && git diff --exit-code --staged
- run:
name: '`pnpm extract-error-codes` changes committed?'
command: |
pnpm extract-error-codes
git add -A && git diff --exit-code --staged
test_types:
<<: *default-job
resource_class: 'medium+'
steps:
- checkout
- install-deps
- run:
name: Transpile TypeScript demos
command: pnpm docs:typescript:formatted
- run:
name: '`pnpm docs:typescript:formatted` changes committed?'
command: git add -A && git diff --exit-code --staged
- run:
name: Tests TypeScript definitions
command: pnpm typescript:ci
environment:
NODE_OPTIONS: --max-old-space-size=3072
- run:
name: Test module augmentation
command: pnpm typescript:module-augmentation
test_types_next:
<<: *default-job
resource_class: 'medium+'
steps:
- checkout
- install-deps:
typescript-version: << parameters.typescript-version >>
- run:
name: Tests TypeScript definitions
command: pnpm typescript:ci
environment:
NODE_OPTIONS: --max-old-space-size=3072
- run:
name: Prepare files
# Enable configuration that is only valid in typescript@next
command: sed -i 's|// <ts@next uncomment>||g' test/moduleResolution/tsconfig.node.json
- run:
name: Build declaration files
command: |
pnpm lerna run --scope "@mui/*" build
- run:
name: Log defect declaration files
command: |
node scripts/testBuiltTypes.mjs
test_browser_legacy:
<<: *default-job
resource_class: 'medium+'
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.49.1-noble
steps:
- checkout
- code-infra/install-pnpm
- run:
name: Configure pnpm engine-strict
command: pnpm config set --location project engine-strict false
- install-deps:
react-version: << parameters.react-version >>
playwright-version: '1.49.1'
- run:
name: Tests chromium
command: pnpm test:browser --no-isolate --no-file-parallelism
- run:
name: Tests webkit
environment:
VITEST_BROWSERS: 'webkit'
command: pnpm test:browser --no-isolate --no-file-parallelism
- run:
name: Tests firefox
environment:
VITEST_BROWSERS: 'firefox'
command: pnpm test:browser --no-isolate --no-file-parallelism
- store_test_results:
path: test-results
test_browser:
<<: *default-job
resource_class: 'medium+'
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
steps:
- checkout
- install-deps:
react-version: << parameters.react-version >>
- run:
name: Tests chromium
command: pnpm test:browser --no-isolate --no-file-parallelism
- run:
name: Tests webkit
environment:
VITEST_BROWSERS: 'webkit'
command: pnpm test:browser --no-isolate --no-file-parallelism
- run:
name: Tests firefox
environment:
VITEST_BROWSERS: 'firefox'
command: pnpm test:browser --no-isolate --no-file-parallelism
- store_test_results:
path: test-results
test_e2e:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
steps:
- checkout
- install-deps:
react-version: << parameters.react-version >>
- run:
name: pnpm test:e2e
command: pnpm test:e2e
test_e2e_website:
# NOTE: This workflow runs after successful docs deploy. See /test/e2e-website/README.md#ci
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
steps:
- checkout
- install-deps
- run:
name: pnpm test:e2e-website
command: pnpm test:e2e-website
environment:
PLAYWRIGHT_TEST_BASE_URL: << parameters.e2e-base-url >>
test_regressions:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
steps:
- checkout
- install-deps:
react-version: << parameters.react-version >>
- run:
name: Run visual regression tests
command: xvfb-run pnpm test:regressions
- run:
name: Build packages for fixtures
command: pnpm release:build
- run:
name: Validate type declarations
command: pnpm validate-declarations
- run:
name: Analyze exported typescript
command: pnpm test:attw
no_output_timeout: 20m
- run:
name: Any defect declaration files?
command: node scripts/testBuiltTypes.mjs
- run:
name: test exported typescript
command: pnpm --filter @mui-internal/test-module-resolution typescript:all
- run:
name: Upload screenshots to Argos CI
command: pnpm test:argos
test_bundling_prepare:
<<: *default-job
steps:
- checkout
- install-deps
- run:
name: Build packages for fixtures
command: pnpm lerna run --scope "@mui/*" build
- run:
name: Pack packages
command: pnpm release:pack
- persist_to_workspace:
root: packed
paths:
- '*'
test_bundling_node_cjs:
<<: *default-job
working_directory: /tmp/material-ui/test/bundling/fixtures/node-cjs/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_node_esm:
<<: *default-job
working_directory: /tmp/material-ui/test/bundling/fixtures/node-esm/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
# TODO: Known failure
command: pnpm start
test_bundling_next_webpack4:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack4/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_next_webpack5:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack5/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_create_react_app:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
working_directory: /tmp/material-ui/test/bundling/fixtures/create-react-app/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_snowpack:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
working_directory: /tmp/material-ui/test/bundling/fixtures/snowpack/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_vite:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
working_directory: /tmp/material-ui/test/bundling/fixtures/vite/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_esbuild:
<<: *default-job
docker:
- image: mcr.microsoft.com/playwright:v1.58.2-noble
working_directory: /tmp/material-ui/test/bundling/fixtures/esbuild/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundling_gatsby:
<<: *default-job
executor:
name: code-infra/mui-node-browser
playwright-img-version: v1.58.2-noble
environment:
GATSBY_CPU_COUNT: '3'
working_directory: /tmp/material-ui/test/bundling/fixtures/gatsby/
steps:
- checkout:
path: /tmp/material-ui
- attach_workspace:
at: /tmp/material-ui/packed
- install-deps:
ignore-workspace: true
- run:
name: Test fixture
command: pnpm start
test_bundle_size_monitor:
<<: *default-job
steps:
- checkout
- install-deps
- run:
name: Prepare danger on PRs
command: pnpm danger ci
environment:
DANGER_COMMAND: prepareBundleSizeReport
- run:
name: Build @mui packages
command: pnpm release:build
- aws-cli/setup:
aws_access_key_id: $AWS_ACCESS_KEY_ID_ARTIFACTS
aws_secret_access_key: $AWS_SECRET_ACCESS_KEY_ARTIFACTS
region: ${AWS_REGION_ARTIFACTS}
# @TODO: Not using code-infra/upload-size-snapshot since it doesn't support setting concurrency yet
- run:
name: Create and upload a size snapshot
command: |
export AWS_ACCESS_KEY_ID=$AWS_ACCESS_KEY_ID_ARTIFACTS
export AWS_SECRET_ACCESS_KEY=$AWS_SECRET_ACCESS_KEY_ARTIFACTS
export AWS_REGION=$AWS_REGION_ARTIFACTS
pnpm size:snapshot --concurrency 6
# === LEGACY START ===
# remove once the UI can handle the new format
# persist size snapshot on S3
- when:
# don't run on PRs
condition:
not:
matches:
pattern: '.+'
value: '${CIRCLE_PULL_REQUEST}'
steps:
- aws-s3/copy:
arguments: --content-type application/json
from: size-snapshot.json
to: s3://mui-org-ci/artifacts/$CIRCLE_BRANCH/$CIRCLE_SHA1/
# === LEGACY END ===
# Keep the artifact storage as a CircleCI artifact
- store_artifacts:
name: Persist size snapshot as pipeline artifact
path: size-snapshot.json
destination: size-snapshot.json
- run:
name: Run danger on PRs
command: pnpm danger ci --fail-on-errors
environment:
DANGER_COMMAND: reportBundleSize
workflows:
version: 2
pipeline:
when:
equal: [pipeline, << pipeline.parameters.workflow >>]
jobs:
- test_unit:
<<: *default-context
- test_lint:
<<: *default-context
- test_static:
<<: *default-context
- test_types:
<<: *default-context
- test_browser:
<<: *default-context
- test_browser_legacy:
<<: *default-context
- test_regressions:
<<: *default-context
- test_e2e:
<<: *default-context
- test_bundle_size_monitor:
<<: *default-context
e2e-website:
when:
equal: [e2e-website, << pipeline.parameters.workflow >>]
jobs:
- test_e2e_website:
<<: *default-context
bundling:
when:
equal: [bundling, << pipeline.parameters.workflow >>]
jobs:
- test_bundling_prepare:
<<: *default-context
- test_bundling_node_cjs:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_node_esm:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_create_react_app:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_snowpack:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_vite:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_esbuild:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_gatsby:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_next_webpack4:
<<: *default-context
requires:
- test_bundling_prepare
- test_bundling_next_webpack5:
<<: *default-context
requires:
- test_bundling_prepare
# This workflow can be triggered manually on the PR
react-17:
when:
equal: [react-17, << pipeline.parameters.workflow >>]
jobs:
- test_unit:
<<: *default-context
react-version: ^17.0.0
name: test_unit-react@17
- test_browser:
<<: *default-context
react-version: ^17.0.0
name: test_browser-react@17
- test_regressions:
<<: *default-context
react-version: ^17.0.0
name: test_regressions-react@17
- test_e2e:
<<: *default-context
react-version: ^17.0.0
name: test_e2e-react@17
# This workflow is identical to react-17, but scheduled
# TODO: The v17 tests have deteriorated to the point of no return. Fix for v18 once we
# deprecate v17, and reenable this workflow.
# react-17-cron:
# triggers:
# - schedule:
# cron: '0 0 * * *'
# filters:
# branches:
# only:
# - master
# - next
# jobs:
# - test_unit:
# <<: *default-context
# react-version: ^17.0.0
# name: test_unit-react@17
# - test_browser:
# <<: *default-context
# react-version: ^17.0.0
# name: test_browser-react@17
# - test_regressions:
# <<: *default-context
# react-version: ^17.0.0
# name: test_regressions-react@17
# - test_e2e:
# <<: *default-context
# react-version: ^17.0.0
# name: test_e2e-react@17
# This workflow can be triggered manually on the PR
react-18:
when:
equal: [react-18, << pipeline.parameters.workflow >>]
jobs:
- test_unit:
<<: *default-context
react-version: ^18.0.0
name: test_unit-react@18
- test_browser:
<<: *default-context
react-version: ^18.0.0
name: test_browser-react@18
- test_regressions:
<<: *default-context
react-version: ^18.0.0
name: test_regressions-react@18
- test_e2e:
<<: *default-context
react-version: ^18.0.0
name: test_e2e-react@18
# This workflow is identical to react-18, but scheduled
react-18-cron:
triggers:
- schedule:
cron: '0 0 * * *'
filters:
branches:
only:
# #target-branch-reference
- master
- v5.x
- v6.x
jobs:
- test_unit:
<<: *default-context
react-version: ^18.0.0
name: test_unit-react@18
- test_browser:
<<: *default-context
react-version: ^18.0.0
name: test_browser-react@18
- test_regressions:
<<: *default-context
react-version: ^18.0.0
name: test_regressions-react@18
- test_e2e:
<<: *default-context
react-version: ^18.0.0
name: test_e2e-react@18
# This workflow can be triggered manually on the PR
react-next:
when:
equal: [react-next, << pipeline.parameters.workflow >>]
jobs:
- test_unit:
<<: *default-context
react-version: next
name: test_unit-react@next
- test_browser:
<<: *default-context
react-version: next
name: test_browser-react@next
- test_regressions:
<<: *default-context
react-version: next
name: test_regressions-react@next
- test_e2e:
<<: *default-context
react-version: next
name: test_e2e-react@next
# This workflow is identical to react-next, but scheduled
react-next-cron:
triggers:
- schedule:
cron: '0 0 * * *'
filters:
branches:
only:
# #target-branch-reference
- master
- v6.x
jobs:
- test_unit:
<<: *default-context
react-version: next
name: test_unit-react@next
- test_browser:
<<: *default-context
react-version: next
name: test_browser-react@next
- test_regressions:
<<: *default-context
react-version: next
name: test_regressions-react@next
- test_e2e:
<<: *default-context
react-version: next
name: test_e2e-react@next
typescript-next:
when:
equal: [typescript-next, << pipeline.parameters.workflow >>]
jobs:
- test_types_next:
<<: *default-context
typescript-version: next
typescript-next-cron:
triggers:
- schedule:
cron: '0 0 * * *'
filters:
branches:
only:
# #target-branch-reference
- master
- v6.x
jobs:
- test_types_next:
<<: *default-context
typescript-version: next
================================================
FILE: .editorconfig
================================================
# EditorConfig is awesome: https://editorconfig.org/
# top-most EditorConfig file
root = true
[*.md]
trim_trailing_whitespace = false
[*.js]
trim_trailing_whitespace = true
# Unix-style newlines with a newline ending every file
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
insert_final_newline = true
max_line_length = 100
================================================
FILE: .git-blame-ignore-revs
================================================
# Enable via `git config blame.ignoreRevsFile .git-blame-ignore-revs`
# DO NOT ENABLE THIS CONFIG GLOBALLY
# OTHERWISE git-blame WILL CRASH IN ANY REPOSITORY WITHOUT SUCH A FILE
# changes to prettier config
5dc1cbca1055c8440ae8c02fffbad7e6a1e2674e
ef96151de118fe2560682bdedf130e69739082ea
7dc5fce440428d557c111b6c81ddf5dc02ad5d13
27471b4564eb40ff769352d73a29938d25804e45
98263e7470fc07a42480fdfe83c5ef719265a1d3
4f2a07e140c954b478a6670c009c23a59ec3e2d4
d10f8369897f9faa98548c7e51d6637e0f75e267
048ea981091a8441747cf4cc1662a702fe7d0de1
3ab4356063cfcca29277f3703635c850f918d56a
e0e959a13d2a219dcd674829510b3afafccc687c
# prettier upgrades
519518fd1b2ac8d6fb16bf0f4b4cb87841c4c53b
811c1abe39e9865873f23c7ba2c8c575714c2e4a
c26253c58e610032b3f5ece73bebb032b245e45b
02b722a249d1afe001e01827f6197c4b223ea0ce
c4bd047854861c0658d94b0c2614fc2aa61a39d4
fd7a2545a6832ef342051b293615acf975f408e5
65d5646a36c2250075534971fae79ea9cf624663
36a9ed95671f83c3e8443e5752964f4181e02894
9b2b1942eb2a3be39012b24f2df6e48973f3a019
================================================
FILE: .gitattributes
================================================
# Set the default behavior, in case people don't have core.autocrlf set.
* text=auto eol=lf
# Undo the GitHub's default
# https://github.com/github/linguist/blob/96ad1185828f44bb9b774328a584551ee57ed264/lib/linguist/vendor.yml#L177
packages/**/*.d.ts -linguist-vendored
# These icons are imported from Google.
# Kept so that we can review the impact when changing the generation script.
packages/mui-icons-material/lib/** linguist-generated
packages/mui-icons-material/material-icons/** linguist-generated
packages/mui-icons-material/legacy/** linguist-vendored
# bundling fixtures
test/bundling/scripts/packages.js linguist-generated
================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms
github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
patreon: # Replace with a single Patreon username
open_collective: mui-org
ko_fi: # Replace with a single Ko-fi username
tidelift: npm/@mui/material
custom: # Replace with a single custom sponsorship URL
================================================
FILE: .github/ISSUE_TEMPLATE/1.bug.yml
================================================
name: Bug report 🐛
description: Create a bug report for Material UI, MUI System, or Joy UI.
labels: ['status: waiting for maintainer']
body:
- type: markdown
attributes:
value: Thanks for contributing by creating an issue! ❤️ Please provide a searchable summary of the issue in the title above ⬆️.
- type: input
attributes:
label: Search keywords
description: |
Your issue may have already been reported! First search for duplicates among the [existing issues](https://github.com/mui/material-ui/issues?q=is%3Aopen+is%3Aclosed).
If your issue isn't a duplicate, great! Please list the keywords you used so people in the future can find this one more easily:
validations:
required: true
- type: checkboxes
attributes:
label: Latest version
description: We roll bug fixes, performance enhancements, and other improvements into new releases.
options:
- label: I have tested the latest version
required: true
- type: textarea
attributes:
label: Steps to reproduce
description: |
**⚠️ Issues that we can't reproduce can't be fixed.**
Please provide a link to a live example and an unambiguous set of steps to reproduce this bug. See our [documentation](https://mui.com/material-ui/getting-started/support/#bug-reproductions) on how to build a reproduction case.
You can use this StackBlitz template as a starting point: [material-ui-vite-ts](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-ui-vite-ts)
value: |
Steps:
1. Open this link to live example: (required)
2.
3.
- type: textarea
attributes:
label: Current behavior
description: Describe what happens instead of the expected behavior.
- type: textarea
attributes:
label: Expected behavior
description: Describe what should happen.
- type: textarea
attributes:
label: Context
description: What are you trying to accomplish? Providing context helps us come up with a solution that is more useful in the real world.
- type: textarea
attributes:
label: Your environment
description: Run `npx @mui/envinfo` and post the results. If you encounter issues with TypeScript please include the used tsconfig.
value: |
<details>
<summary><code>npx @mui/envinfo</code></summary>
```
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
```
</details>
- type: markdown
attributes:
value: |
## :heart: Love Material UI?
Consider donating $10 to sustain our open-source work: [https://opencollective.com/mui-org](https://opencollective.com/mui-org).
================================================
FILE: .github/ISSUE_TEMPLATE/2.feature.yml
================================================
name: Feature request 💄
description: Suggest a new idea for Material UI, MUI System, or Joy UI.
labels: ['status: waiting for maintainer']
body:
- type: markdown
attributes:
value: Thanks for contributing by creating an issue! ❤️ Please provide a searchable summary of the issue in the title above ⬆️.
- type: input
attributes:
label: Search keywords
description: |
Your issue may have already been reported! First search for duplicates among the [existing issues](https://github.com/mui/material-ui/issues?q=is%3Aopen+is%3Aclosed).
If your issue isn't a duplicate, great! Please list the keywords you used so people in the future can find this one more easily:
validations:
required: true
- type: checkboxes
attributes:
label: Latest version
description: We roll bug fixes, performance enhancements, and other improvements into new releases.
options:
- label: I have tested the latest version
required: true
- type: textarea
attributes:
label: Summary
description: Describe how it should work.
- type: textarea
attributes:
label: Examples
description: Provide a link to the Material Design specification, other implementations, or screenshots of the expected behavior.
- type: textarea
attributes:
label: Motivation
description: What are you trying to accomplish? Providing context helps us come up with a solution that is more useful in the real world.
- type: markdown
attributes:
value: |
## :heart: Love Material UI?
Consider donating $10 to sustain our open-source work: [https://opencollective.com/mui-org](https://opencollective.com/mui-org).
================================================
FILE: .github/ISSUE_TEMPLATE/3.rfc.yml
================================================
name: RFC 💬
description: Request for comments for your proposal.
title: '[RFC] '
labels: ['status: waiting for maintainer', 'RFC']
body:
- type: markdown
attributes:
value: |
Please provide a searchable summary of the RFC in the title above. ⬆️
Thanks for contributing by creating an RFC! ❤️
- type: textarea
attributes:
label: What's the problem?
description: Write a short paragraph or bulleted list to briefly explain what you're trying to do, what outcomes you're aiming for.
- type: textarea
attributes:
label: What are the requirements?
description: Provide a list of requirements that should be met by the accepted proposal.
- type: textarea
attributes:
label: What are our options?
description: What are the alternative options to achieve the desired outcome?
- type: textarea
attributes:
label: Proposed solution
description: |
This is the core of the RFC. Please clearly explain the reasoning behind your proposed solution, including why it would be preferred over possible alternatives.
Consider:
- using diagrams to help illustrate your ideas
- including code examples if you're proposing an interface or system contract
- linking to relevant project briefs or wireframes
- type: textarea
attributes:
label: Resources and benchmarks
description: Attach any issues, PRs, links, documents, etc… that might be relevant to the RFC.
================================================
FILE: .github/ISSUE_TEMPLATE/4.docs-feedback.yml
================================================
name: Docs feedback
description: Improve documentation about Material UI, MUI System, or Joy UI.
labels: ['status: waiting for maintainer', 'support: docs-feedback']
title: '[docs] '
body:
- type: markdown
attributes:
value: Thanks for contributing by creating an issue! ❤️ Please provide a searchable summary of the issue in the title above ⬆️.
- type: input
attributes:
label: Search keywords
description: |
Your issue may have already been reported! First search for duplicates among the [existing issues](https://github.com/mui/material-ui/issues?q=is%3Aopen+is%3Aclosed).
If your issue isn't a duplicate, great! Please list the keywords you used so people in the future can find this one more easily:
validations:
required: true
- type: input
id: page-url
attributes:
label: Related page
description: Which page of the documentation is this about?
placeholder: https://mui.com/material-ui/
validations:
required: true
- type: dropdown
attributes:
label: Kind of issue
description: What kind of problem are you facing?
options:
- Unclear explanations
- Missing information
- Broken demo
- Other
validations:
required: true
- type: textarea
attributes:
label: Issue description
description: |
Let us know what went wrong when you were using this documentation and what we could do to improve it.
- type: textarea
attributes:
label: Context
description: What are you trying to accomplish? Providing context helps us come up with a solution that is more useful in the real world.
- type: markdown
attributes:
value: |
## :heart: Love Material UI?
Consider donating $10 to sustain our open-source work: [https://opencollective.com/mui-org](https://opencollective.com/mui-org).
================================================
FILE: .github/ISSUE_TEMPLATE/5.priority-support.yml
================================================
name: 'Priority Support: SLA ⏰'
description: I'm an MUI X Premium user and we have purchased the Priority Support add-on. I can't find a solution to my problem with Material UI, MUI System, or Joy UI.
title: '[question] '
labels: ['status: waiting for maintainer', 'support: unknown']
body:
- type: markdown
attributes:
value: |
Please provide a searchable summary of the issue in the title above ⬆️.
- type: input
attributes:
label: Search keywords
description: |
Your issue may have already been reported! First search for duplicates among the [existing issues](https://github.com/mui/material-ui/issues?q=is%3Aopen+is%3Aclosed).
If your issue isn't a duplicate, great! Please list the keywords you used so people in the future can find this one more easily:
required: true
- type: checkboxes
attributes:
label: Latest version
description: We roll bug fixes, performance enhancements, and other improvements into new releases.
options:
- label: I have tested the latest version
required: true
- type: textarea
attributes:
label: The problem in depth
- type: textarea
attributes:
label: Your environment
description: Run `npx @mui/envinfo` and post the results. If you encounter issues with TypeScript please include the used tsconfig.
value: |
<details>
<summary>`npx @mui/envinfo`</summary>
```
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
```
</details>
================================================
FILE: .github/ISSUE_TEMPLATE/config.yml
================================================
contact_links:
- name: Support ❔
url: https://mui.com/material-ui/getting-started/support/
about: I need support with Material UI, MUI System, or Joy UI.
================================================
FILE: .github/PULL_REQUEST_TEMPLATE.md
================================================
<!-- Thanks so much for your PR, your contribution is appreciated! ❤️ -->
- [ ] I have followed (at least) the [PR section of the contributing guide](https://github.com/mui/material-ui/blob/HEAD/CONTRIBUTING.md#sending-a-pull-request).
================================================
FILE: .github/codeql/codeql-config.yml
================================================
name: CodeQL configuration
paths-ignore:
- 'packages/mui-icons-material/lib/**'
================================================
FILE: .github/dependabot.yml
================================================
version: 2
updates:
# Enable version updates for npm
- package-ecosystem: npm
# Look for `package.json` and `lock` files in the `root` directory
directory: /
schedule:
interval: yearly
# https://stackoverflow.com/questions/64047526/how-to-get-dependabot-to-trigger-for-security-updates-only
open-pull-requests-limit: 0
labels:
- dependencies
- security
================================================
FILE: .github/workflows/check-if-pr-has-label.yml
================================================
name: Check if PR has label
on:
pull_request:
types: [opened, reopened, labeled, unlabeled]
permissions: {}
jobs:
test-label-applied:
# Tests that label is added on the PR
runs-on: ubuntu-latest
permissions:
contents: read
steps:
- uses: mnajdova/github-action-required-labels@ca0df9249827e43aa4b4a0d25d9fe3e9b19b0705 # v2.1.0
with:
mode: minimum
count: 1
labels: ''
================================================
FILE: .github/workflows/ci-check.yml
================================================
# This workflow is a workaround for ci.yml to bypass the github checks
#
# Ref: https://docs.github.com/en/repositories/configuring-branches-and-merges-in-your-repository/defining-the-mergeability-of-pull-requests/troubleshooting-required-status-checks#handling-skipped-but-required-checks
name: CI Check
on:
push:
branches-ignore:
# should sync with ci.yml as a workaround to bypass github checks
- master
- next
- v*.x
pull_request:
paths:
# should sync with ci.yml as a workaround to bypass github checks
- 'docs/**'
permissions: {}
jobs:
continuous-releases:
name: Continuous releases
uses: mui/mui-public/.github/workflows/ci-base.yml@c27d6c81557d1db10eaf70e0510d4f1289995454
test-dev:
if: ${{ github.actor != 'l10nbot' }}
runs-on: ${{ matrix.os }}
strategy:
matrix:
os: [macos-latest, windows-latest, ubuntu-latest]
steps:
- run: 'echo "No build required"'
================================================
FILE: .github/workflows/ci.yml
================================================
name: CI
on:
push:
branches:
# should sync with ci-check.yml as a workaround to bypass github checks
- master
- next
- v*.x
pull_request:
paths-ignore:
# should sync with ci-check.yml as a workaround to bypass github checks
- 'docs/**'
permissions: {}
jobs:
continuous-releases:
name: Continuous releases
uses: mui/mui-public/.github/workflows/ci-base.yml@c27d6c81557d1db10eaf70e0510d4f1289995454
# Tests dev-only scripts across all supported dev environments
test-dev:
# l10nbot does not affect dev scripts.
if: ${{ github.actor != 'l10nbot' }}
runs-on: ${{ matrix.os }}
strategy:
matrix:
os: [macos-latest, windows-latest, ubuntu-latest]
permissions:
contents: read
steps:
- run: echo '${{ github.actor }}'
- uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
with:
# fetch all tags which are required for `pnpm release:changelog`
fetch-depth: 0
- name: Set up pnpm
uses: pnpm/action-setup@fc06bc1257f339d1d5d8b3a19a8cae5388b55320 # v5.0.0
- name: Use Node.js
uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
with:
node-version: '22.18.0'
cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies
- run: pnpm install
- name: Cache Next.js build
uses: actions/cache@668228422ae6a00e4ad889ee87cd7109ec5666a7 # v5.0.4
with:
path: docs/.next/cache
key: ${{ runner.os }}-nextjs-${{ hashFiles('pnpm-lock.yaml') }}-${{ hashFiles('docs/**/*.js', 'docs/**/*.ts', 'docs/**/*.tsx', 'docs/**/*.jsx', 'docs/**/*.json', 'docs/**/*.md', 'docs/**/*.mdx') }}
restore-keys: |
${{ runner.os }}-nextjs-${{ hashFiles('pnpm-lock.yaml') }}-
${{ runner.os }}-nextjs-
- run: pnpm release:build
- name: Build docs
run: pnpm docs:build
env:
NODE_OPTIONS: --max_old_space_size=6144
# macOS-latest has 3 CPUs, but we get "EMFILE: too many open files" errors with that parallelism
# Limit Next.js to 2 CPUs to prevent file descriptor exhaustion. Empty string uses os.availableParallelism()
NEXT_PARALLELISM: ${{ runner.os == 'macOS' && '2' || '' }}
GITHUB_AUTH: Bearer ${{ secrets.GITHUB_TOKEN }}
# - run: pnpm release:changelog
# env:
# GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- name: Debug export-detail.json on when pnpm docs:build fails with EMFILE error
if: failure()
run: cat ./docs/.next/export-detail.json || true
================================================
FILE: .github/workflows/closed-issue-message.yml
================================================
name: Add closing message to issue
on:
issues:
types:
- closed
permissions: {}
jobs:
add-comment:
name: Add closing message
if: github.event.issue.state_reason == 'completed'
uses: mui/mui-public/.github/workflows/issues_add-closing-message.yml@c27d6c81557d1db10eaf70e0510d4f1289995454
permissions:
contents: read
issues: write
================================================
FILE: .github/workflows/codeql.yml
================================================
name: CodeQL
on:
schedule:
- cron: '0 2 * * *'
permissions: {}
jobs:
analyze:
name: Analyze
runs-on: ubuntu-latest
permissions:
actions: read
contents: read
security-events: write
steps:
- name: Checkout repository
uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
# Initializes the CodeQL tools for scanning.
- name: Initialize CodeQL
uses: github/codeql-action/init@c10b8064de6f491fea524254123dbe5e09572f13 # v4.35.1
with:
languages: typescript
config-file: ./.github/codeql/codeql-config.yml
# If you wish to specify custom queries, you can do so here or in a config file.
# By default, queries listed here will override any specified in a config file.
# Prefix the list here with "+" to use these queries and those in the config file.
# Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
# queries: security-extended,security-and-quality
- name: Perform CodeQL Analysis
uses: github/codeql-action/analyze@c10b8064de6f491fea524254123dbe5e09572f13 # v4.35.1
================================================
FILE: .github/workflows/create-cherry-pick-pr.yml
================================================
name: Create cherry-pick PR
on:
pull_request_target:
branches:
- 'next'
- 'v*.x'
- 'master'
types: ['closed']
permissions: {}
jobs:
create_pr:
name: Create cherry-pick PR
uses: mui/mui-public/.github/workflows/prs_create-cherry-pick-pr.yml@c27d6c81557d1db10eaf70e0510d4f1289995454
permissions:
contents: write
pull-requests: write
================================================
FILE: .github/workflows/ensure-triage-label.yml
================================================
name: Ensure triage label is present
on:
label:
types:
- deleted
issues:
types:
- opened
permissions: {}
jobs:
label_issues:
runs-on: ubuntu-latest
permissions:
issues: write
steps:
- uses: actions/github-script@ed597411d8f924073f98dfc5c65a23a2325f34cd # v8
with:
script: |
const { data: labels } = await github.rest.issues.listLabelsOnIssue({
issue_number: context.issue.number,
owner: context.repo.owner,
repo: context.repo.repo,
});
if (labels.length <= 0) {
await github.rest.issues.addLabels({
issue_number: context.issue.number,
owner: context.repo.owner,
repo: context.repo.repo,
labels: ['status: waiting for maintainer']
})
}
================================================
FILE: .github/workflows/issue-cleanup.yml
================================================
name: Cleanup issue comment
on:
issues:
types:
- opened
permissions: {}
jobs:
issue_cleanup:
runs-on: ubuntu-latest
permissions:
issues: write
steps:
- uses: actions/github-script@ed597411d8f924073f98dfc5c65a23a2325f34cd # v8
with:
script: |
const issue = await github.rest.issues.get({
owner: context.repo.owner,
repo: context.repo.repo,
issue_number: context.issue.number,
})
const lines = issue.data.body.split('\n')
const _ = extractInputSection(lines, 'Latest version')
const searchKeywords = extractInputSection(lines, 'Search keywords')
const orderID = extractInputSection(lines, 'Order ID or Support key')
lines.push('')
lines.push('**Search keywords**: ' + searchKeywords)
if (orderID !== '' && orderID !== '_No response_') {
lines.push('**Order ID**: ' + orderID)
}
const body = lines.join('\n')
await github.rest.issues.update({
owner: context.repo.owner,
repo: context.repo.repo,
issue_number: context.issue.number,
body,
})
function extractInputSection(lines, title) {
const index = lines.findIndex(line => line.startsWith('###') && line.includes(title))
if (index === -1) {
return ''
}
return lines.splice(index, 4)[2].trim()
}
================================================
FILE: .github/workflows/maintenance.yml
================================================
name: Maintenance
on:
# So that PRs touching the same files as the push are updated
push:
branches:
# #target-branch-reference
- master
- v6.x
# So that the `dirtyLabel` is removed if conflicts are resolved
# Could put too much strain on rate limit
# If we hit the rate limit too often remove this event
pull_request_target:
branches:
# #target-branch-reference
- master
- v6.x
types: [synchronize]
permissions: {}
jobs:
main:
# l10nbot creates a lot of commits at once which starves CI.
# We rely on other pushes to mark these branches as outdated.
if: ${{ github.actor != 'l10nbot' }}
runs-on: ubuntu-latest
permissions:
contents: read
pull-requests: write
steps:
- run: echo '${{ github.actor }}'
- name: Check if prs are dirty
uses: eps1lon/actions-label-merge-conflict@1df065ebe6e3310545d4f4c4e862e43bdca146f0 # v3.0.3
with:
dirtyLabel: 'PR: out-of-date'
removeOnDirtyLabel: 'PR: ready to ship'
repoToken: '${{ secrets.GITHUB_TOKEN }}'
retryAfter: 130
retryMax: 10
================================================
FILE: .github/workflows/mark-duplicate.yml
================================================
name: Mark duplicate
on:
issue_comment:
types: [created]
permissions: {}
jobs:
mark-duplicate:
runs-on: ubuntu-latest
if: ${{ !github.event.issue.pull_request }}
permissions:
contents: read
issues: write
steps:
- name: Mark duplicate
uses: actions-cool/issues-helper@200c78641dbf33838311e5a1e0c31bbdb92d7cf0 # v3.8.0
with:
actions: 'mark-duplicate'
token: ${{ secrets.GITHUB_TOKEN }}
duplicate-labels: 'duplicate'
remove-labels: 'status: incomplete,status: waiting for maintainer'
close-issue: true
================================================
FILE: .github/workflows/no-response.yml
================================================
name: No response
# `issues`.`closed`, `issue_comment`.`created`, and `scheduled` event types are required for this Action
# to work properly.
on:
issues:
types: [closed]
issue_comment:
types: [created]
schedule:
# These runs in our repos are spread evenly throughout the day to avoid hitting rate limits.
# If you change this schedule, consider changing the remaining repositories as well.
# Runs at 12 am, 12 pm
- cron: '0 0,12 * * *'
permissions: {}
jobs:
noResponse:
runs-on: ubuntu-latest
permissions:
contents: read
issues: write
steps:
- uses: MBilalShafi/no-response-add-label@8336c12292902f27b931154c34ba4670cb9899a2
with:
token: ${{ secrets.GITHUB_TOKEN }}
# Number of days of inactivity before an Issue is closed for lack of response
daysUntilClose: 7
# Label requiring a response
responseRequiredLabel: 'status: waiting for author'
# Label to add back when required label is removed
optionalFollowupLabel: 'status: waiting for maintainer'
# Comment to post when closing an Issue for lack of response. Set to `false` to disable
closeComment: >
Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed.
If you wish to see the issue reopened, please provide the missing information.
================================================
FILE: .github/workflows/priority-support-validation-prompt.yml
================================================
name: Priority Support Validation Prompt
on:
issues:
types:
- labeled
permissions: {}
jobs:
comment:
name: Create or update comment
runs-on: ubuntu-latest
permissions:
issues: write
steps:
- name: Find Comment
uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad # v4
id: findComment
with:
issue-number: ${{ github.event.issue.number }}
comment-author: 'github-actions[bot]'
body-includes: You have created a priority support request
- name: Create comment
if: ${{ steps.findComment.outputs.comment-id == '' && contains(github.event.label.name, 'unknown') }}
uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
with:
issue-number: ${{ github.event.issue.number }}
body: |
You have created a support request under the ["Priority Support"](https://mui.com/legal/technical-support-sla/#priority-support) terms, which is a paid add-on to MUI X Premium ⏰. Please validate your support key using the link below:
https://tools-public.mui.com/prod/pages/validateSupport?repo=mui-x&issueId=${{ github.event.issue.number }}
Do not share your support key in this issue!
Priority Support is only provided to verified customers. Once you have verified your support key, we will remove the `support: unknown` label and add the `support: priority` label to this issue. Only then the time for the SLA will start counting.
- name: Update comment
if: ${{ steps.findComment.outputs.comment-id != '' && contains(github.event.label.name, 'priority') }}
uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
with:
comment-id: ${{ steps.findComment.outputs.comment-id }}
body: |
Thank you for verifying your support key 🔑, your SLA starts now.
edit-mode: replace
================================================
FILE: .github/workflows/publish-canaries.yml
================================================
name: Publish canary packages to npm
on:
workflow_dispatch:
permissions: {}
jobs:
publish:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
with:
fetch-depth: 0
- name: Set up pnpm
uses: pnpm/action-setup@fc06bc1257f339d1d5d8b3a19a8cae5388b55320 # v5.0.0
- name: Use Node.js
uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
with:
node-version: '22.18.0'
cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies
- run: pnpm install
- run: pnpm canary:release --ignore @mui/icons-material --yes --skip-last-commit-comparison
env:
NPM_TOKEN: ${{secrets.NPM_TOKEN}}
================================================
FILE: .github/workflows/publish.yml
================================================
name: Publish packages
on:
workflow_dispatch:
inputs:
sha:
description: 'Commit SHA to release from'
required: true
type: string
dry-run:
description: 'Run in dry-run mode without actually publishing packages'
required: false
type: boolean
default: false
github-release:
description: 'Create a GitHub release after publishing'
required: false
type: boolean
default: true
dist-tag:
description: 'npm dist tag to publish to'
required: false
type: string
default: 'latest'
permissions: {}
jobs:
publish:
runs-on: ubuntu-latest
permissions:
contents: write # Required for pushing tags and creating releases
id-token: write # Required for provenance
environment:
name: npm-publish
steps:
- name: Checkout
uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
with:
ref: ${{ inputs.sha }}
fetch-depth: 0 # Fetch full history for proper git operations
- name: Prepare for publishing
uses: mui/mui-public/.github/actions/publish-prepare@c27d6c81557d1db10eaf70e0510d4f1289995454
- name: Publish packages
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
# Build common flags
ARGS=""
if [ "${{ inputs.dry-run }}" = "true" ]; then
ARGS="$ARGS --dry-run"
fi
if [ "${{ inputs.github-release }}" = "true" ]; then
ARGS="$ARGS --github-release"
fi
if [ -n "${{ inputs.dist-tag }}" ]; then
ARGS="$ARGS --tag ${{ inputs.dist-tag }}"
fi
pnpm code-infra publish --ci $ARGS
================================================
FILE: .github/workflows/scorecards.yml
================================================
name: Scorecards supply-chain security
on:
# Only the default branch is supported.
branch_protection_rule:
schedule:
- cron: '0 2 * * *'
permissions: {}
jobs:
analysis:
name: Scorecards analysis
runs-on: ubuntu-latest
permissions:
# Needed to upload the results to code-scanning dashboard.
security-events: write
# Used to receive a badge.
id-token: write
# Needs for private repositories.
contents: read
actions: read
steps:
- name: Checkout code
uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
with:
persist-credentials: false
- name: Run analysis
uses: ossf/scorecard-action@4eaacf0543bb3f2c246792bd56e8cdeffafb205a # v2.4.3
with:
results_file: results.sarif
results_format: sarif
# (Optional) Read-only PAT token. Uncomment the `repo_token` line below if:
# - you want to enable the Branch-Protection check on a *public* repository, or
# - you are installing Scorecards on a *private* repository
# To create the PAT, follow the steps in https://github.com/ossf/scorecard-action#authentication-with-pat.
repo_token: ${{ secrets.SCORECARD_READ_TOKEN }}
# Publish the results for public repositories to enable scorecard badges. For more details, see
# https://github.com/ossf/scorecard-action#publishing-results.
publish_results: true
# Upload the results to GitHub's code scanning dashboard.
- name: Upload to code-scanning
uses: github/codeql-action/upload-sarif@c10b8064de6f491fea524254123dbe5e09572f13 # v4.35.1
with:
sarif_file: results.sarif
================================================
FILE: .github/workflows/support-stackoverflow.yml
================================================
# Configuration for support-requests - https://github.com/dessant/support-requests
name: Support Stack Overflow
on:
issues:
types: [labeled, unlabeled, reopened]
permissions: {}
jobs:
mark-support:
runs-on: ubuntu-latest
permissions:
contents: read
issues: write
steps:
- uses: dessant/support-requests@47d5ea12f6c9e4a081637de9626b7319b415a3bf # v4.0.0
with:
github-token: ${{ secrets.GITHUB_TOKEN }}
# Label used to mark issues as support requests
support-label: 'support: Stack Overflow'
# Comment to post on issues marked as support requests. Add a link
# to a support page, or set to `false` to disable
issue-comment: |
👋 Thanks for using this project!
We use GitHub issues exclusively as a bug and feature requests tracker, however, this issue appears to be a support request.
For support with Material UI please check out https://mui.com/material-ui/getting-started/support/. Thanks!
If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.
close-issue: true
issue-close-reason: 'not planned'
lock-issue: false
================================================
FILE: .github/workflows/vale-action.yml
================================================
name: Vale action
on: [pull_request]
permissions: {}
jobs:
vale:
name: runner / vale
runs-on: ubuntu-latest
permissions:
contents: read
pull-requests: write
steps:
- uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
- name: Extract Vale version from pnpm-lock.yaml
id: vale-version
run: |
# Extract version from lock file
VERSION=$(awk -F"@|'" '/@vvago\/vale@/ {print $4}' pnpm-lock.yaml | head -n1)
echo "Extracted Vale version: $VERSION"
echo "vale_version=$VERSION" >> $GITHUB_OUTPUT
- uses: errata-ai/vale-action@d89dee975228ae261d22c15adcd03578634d429c # v2.1.1
continue-on-error: true # GitHub Action flag needed until https://github.com/errata-ai/vale-action/issues/89 is fixed
with:
version: ${{ steps.vale-version.outputs.vale_version }}
# Errors should be more visible
fail_on_error: true
# The other reports don't work, not really https://github.com/reviewdog/reviewdog#reporters
reporter: github-pr-check
# Required, set by GitHub actions automatically:
# https://docs.github.com/en/actions/security-guides/automatic-token-authentication#about-the-github_token-secret
token: ${{secrets.GITHUB_TOKEN}}
================================================
FILE: .gitignore
================================================
# It is best to ignoring editor and system files in a local .gitignore configuration file.
# However, in order to prevent issues, they are ignored here.
.DS_STORE
.idea
# IntelliJ IDEA module file
*.iml
.vscode/*
!.vscode/launch.json
!.vscode/extensions.json
*.log
/.eslintcache
/.nyc_output
/coverage
/docs/.env.local
/docs/export
/docs/pages/playground/
/docs/public/feed/
/docs/public/material-ui/
/examples/**/.cache
/packages/mui-codemod/lib
/packages/mui-envinfo/*.tgz
/packages/mui-icons-material/src/*.js
/test/bundling/fixtures/*/yarn.lock
/test/bundling/fixtures/*/pnpm-lock.yaml
# created by test/bundling/scripts/createFixture
/test/bundling/fixtures/**/*.fixture.js
# created by test/bundling/fixtures/gatsby gatsby build
/test/bundling/fixtures/gatsby/.cache
/test/bundling/fixtures/gatsby/public
/test/regressions/screenshots
/tmp
.next
# created by netlify dev (to perform local debug)
.netlify
build
dist
node_modules
package-lock.json
size-snapshot.json
bundle-sizes/
docs/public/static/blog/feed/*
# vale downloaded config
.github/styles/
.nx/cache
.nx/workspace-data
screenshots
packed
test-results
.env
# typescript
*.tsbuildinfo
next-env.d.ts
================================================
FILE: .lintignore
================================================
/.git
/coverage
/docs/export
/docs/pages/playground/
/examples/material-ui-cra*/src/serviceWorker.js
/examples/material-ui-gatsby/public/
/examples/material-ui-preact/config
/examples/material-ui-preact/scripts
/examples/material-ui-nextjs/src
/packages/mui-codemod/lib
/packages/mui-codemod/src/*/*.test/*
/packages/mui-codemod/src/**/test-cases/*
/packages/mui-icons-material/fixtures
/packages/mui-icons-material/legacy
/packages/mui-icons-material/lib
/packages/mui-icons-material/material-icons/
/packages/mui-icons-material/src/*.js
/packages/mui-icons-material/templateSvgIcon.js
# Ignore fixtures
/packages-internal/scripts/typescript-to-proptypes/test/*/*
/test/bundling/fixtures/**/*.fixture.js
# just an import that reports eslint errors depending on whether the fixture (which is not checked in) exists
/test/bundling/fixtures/create-react-app/src/index.js
/test/bundling/fixtures/gatsby/.cache
/test/bundling/fixtures/gatsby/public
/tmp
.next
build
dist
node_modules
.nyc_output
pnpm-lock.yaml
# These come from crowdin.
# If we would commit changes crowdin would immediately try to revert.
# If we want to format these files we'd need to do it in crowdin
docs/**/*-pt.md
docs/**/*-zh.md
__fixtures__
================================================
FILE: .markdownlint-cli2.mjs
================================================
import { createBaseConfig } from '@mui/internal-code-infra/markdownlint';
export default createBaseConfig();
================================================
FILE: .npmrc
================================================
enable-pre-post-scripts = true
manage-package-manager-versions = true
================================================
FILE: .prettierignore
================================================
pnpm-lock.yaml
================================================
FILE: .tidelift.yml
================================================
ci:
platform:
npm:
# Don't run unmainted test on nomnom, it's only used by build tools, not in MUI.
nomnom:
tests:
unmaintained: skip
# Don't run vulnerabity test on os-locale, it's only used by yargs in build tools, not in MUI.
os-locale:
tests:
vulnerable: skip
================================================
FILE: .vale.ini
================================================
# Vale config. More information at https://vale.sh/docs/topics/config/
StylesPath = .github/styles
MinAlertLevel = warning
# To update mui-vale package:
# 1. Go to the docs folder
# 2. Update/create YAML files
# 3. Run `pnpm docs:zipRules` to generate the zip files
# 4. You can test locally by replacing the url with the file path of the generated zip
Packages = Google, docs/mui-vale.zip
[formats]
mdx = md
[*.md]
# Ignore React component calls
TokenIgnores = (<\/?[A-Z].+>)
# Ignore code injections that start with {{...
BlockIgnores = {{.*
BasedOnStyles = MUI
# Google errors:
Google.GenderBias = YES # No Gender bias
# Google warings:
Google.FirstPerson = YES # Avoid first-person
Google.We = YES # Avoid first-person plural
Google.Will = YES # Avoid future tense
Google.OxfordComma = YES # Prefer Oxford comma
[CHANGELOG*.md]
MUI.CorrectReferenceAllCases = NO
================================================
FILE: .vscode/extensions.json
================================================
{
"recommendations": [
"editorconfig.editorconfig",
"dbaeumer.vscode-eslint",
"davidanson.vscode-markdownlint",
"esbenp.prettier-vscode",
"yoavbls.pretty-ts-errors"
]
}
================================================
FILE: AGENTS.md
================================================
# AGENTS.md
This file provides guidance for AI agents working with code in this repository.
## Package Manager
**Only pnpm is supported** (yarn/npm will fail). Use the `-F` flag for workspace operations:
```bash
pnpm -F @mui/material add some-package # Add dependency to a package
pnpm -F @mui/material build # Build a specific package
```
Never use `cd` to navigate into package directories for commands.
## Common Commands
### Development
```bash
pnpm install # Install deps if necessary
pnpm docs:dev # Start docs dev server only
```
### Building
```bash
pnpm release:build # Build all packages (except docs)
pnpm docs:build # Build documentation site
```
### Testing
```bash
pnpm test:unit # Run all unit tests (jsdom)
pnpm test:unit ComponentName # Run tests matching pattern
pnpm test:unit -t "test name" # Grep for specific test name
pnpm test:browser # Run tests in real browsers (Chrome, Firefox, WebKit)
pnpm test:e2e # End-to-end tests
pnpm test:regressions # Visual regression tests
```
### Code Quality
```bash
pnpm prettier # Format staged changes
pnpm eslint # Lint with cache
pnpm typescript # Type check all packages
```
### API Documentation
After changing component props or TypeScript declarations:
```bash
pnpm proptypes && pnpm docs:api
```
### Docs demos
Always author the TypeScript version of the demos. To generate the JavaScript variant, run:
```bash
pnpm docs:typescript:formatted
```
## Architecture
This is a monorepo managed by Lerna with Nx for caching. Key packages:
- `@mui/material` - Core Material UI components
- `@mui/system` - Styling system (sx prop, styled, theme)
- `@mui/lab` - Experimental components (new components go here first)
- `@mui/icons-material` - Material Design icons
- `@mui/utils` - Internal utilities
- `@mui/styled-engine` - CSS-in-JS abstraction (Emotion by default)
Internal packages (not published): `@mui-internal/*`, `@mui/internal-*`
## Code Conventions
### TypeScript
- Use `interface` (not `type`) for component props
- Export `{ComponentName}Props` interface from component files
- Path aliases available: `@mui/material` → `./packages/mui-material/src`
### Errors
These guidelines only apply for errors thrown from public packages.
Every error message must:
1. **Say what happened** - Describe the problem clearly
2. **Say why it's a problem** - Explain the consequence
3. **Point toward how to solve it** - Give actionable guidance
Format:
<!-- markdownlint-disable MD038 -->
- Prefix with `MUI: `
- Use string concatenation for readability
- Include a documentation link when applicable (`https://mui.com/r/...`)
#### Error Minifier
Use the `/* minify-error */` comment to activate the babel plugin:
```tsx
throw /* minify-error */ new Error(
'MUI: Expected valid input target. ' +
'Did you use a custom `inputComponent` and forget to forward refs? ' +
'See https://mui.com/r/input-component-ref-interface for more info.',
);
```
The minifier works with both `Error` and `TypeError` constructors.
#### After Adding/Updating Errors
Run `pnpm extract-error-codes` to update `docs/public/static/error-codes.json`.
**Important:** If the update created a new error code, but the new and original message have the same number of arguments and semantics haven't changed, update the original error in `error-codes.json` instead of creating a new code.
### Component Structure
```text
packages/mui-material/src/Button/
├── Button.tsx # Component implementation
├── Button.d.ts # TypeScript declarations (for JSDoc API docs)
├── Button.test.js # Unit tests
├── buttonClasses.ts # CSS classes
└── index.ts # Public exports
```
### Testing
- Use `createRenderer()` from `@mui/internal-test-utils`
- Use Chai BDD-style assertions (`expect(x).to.equal(y)`)
- Custom matchers: `toErrorDev()`, `toWarnDev()` for console assertions
```js
import { createRenderer } from '@mui/internal-test-utils';
describe('Button', () => {
const { render } = createRenderer();
it('renders children', () => {
const { getByRole } = render(<Button>Hello</Button>);
expect(getByRole('button')).to.have.text('Hello');
});
});
```
### Imports
Use one-level deep imports to avoid bundling entire packages:
```js
import Button from '@mui/material/Button'; // Good
import { Button } from '@mui/material'; // Avoid in packages
```
## Pre-PR Checklist
1. `pnpm prettier` - Format code
2. `pnpm eslint` - Pass linting
3. `pnpm typescript` - Pass type checking
4. `pnpm test:unit` - Pass unit tests
5. If API changed: `pnpm proptypes && pnpm docs:api`
6. If demos changed: `pnpm docs:typescript:formatted`
## PR Title Format
`[product-name][Component] Imperative description`
Examples:
- `[material-ui][Button] Add loading state`
- `[docs] Fix typo in Grid documentation`
================================================
FILE: CHANGELOG.md
================================================
# [Versions](https://mui.com/versions/)
## 9.0.0-beta.0
<!-- generated comparing v9.0.0-alpha.4..master -->
_Mar 25, 2026_
A big thanks to the 8 contributors who made this release possible.
### `@mui/material@9.0.0-beta.0`
#### Breaking Changes
- [linear-progress] Remove deprecated CSS classes (#48068) @mj12albert
- [list-item, list-item-text] Remove deprecated props (#48042) @siriwatknp
- [button-group] Remove deprecated classes (#48043) @siriwatknp
- [card] Remove deprecated CardHeader props (#47995) @silviuaavram
- [checkbox][radio][switch] Remove deprecated inputProps and inputRef (#48059) @siriwatknp
- [chip] Remove deprecated classes (#48046) @silviuaavram
- [dialog][modal][drawer][swipeabledrawer] Remove deprecated props and classes (#48039) @silviuaavram
- [divider] Remove deprecated CSS classes (#48075) @siriwatknp
- [drawer] Remove deprecated CSS classes (#48077) @siriwatknp
- [image-list-item-bar] Remove deprecated CSS classes (#48064) @siriwatknp
- [inputs] Remove deprecated props & classes (#48071) @mj12albert
- [material-ui] Remove unnecessary overridesResolvers from styled components (#48082) @ZeeshanTamboli
- [material-ui][system] Remove deprecated system props from Box, Stack, Typography (#48072) @siriwatknp
- [pagination-item] Remove deprecated CSS classes (#48076) @siriwatknp
- [pagination-item] Remove deprecated props (#48038) @siriwatknp
- [rating] Remove deprecated IconContainerComponent (#48019) @siriwatknp
- [select] Remove deprecated CSS classes (#48065) @mj12albert
- [slider] Remove deprecated CSS classes (#48074) @siriwatknp
- [step-connector][step-content][step-label] Remove deprecated props and classes (#48058) @siriwatknp
- [tabs][tab] Remove deprecated CSS classes (#48078) @siriwatknp
- [table-pagination][table-sort-label] Remove deprecated props and classes (#48060) @siriwatknp
- [toggle-button-group] Remove deprecated classes (#48061) @siriwatknp
#### Changes
- [system] Improve performance when using sx prop (#44254) @romgrk
### `@mui/codemod@9.0.0-beta.0`
- [codemod] Add missing codemod links in upgrade guide (#48069) @silviuaavram
### Docs
- Mention all breaking changes in changelog (#48091) @silviuaavram
- Fix link to upgrade-to-v9 docs in release CHANGELOG (#48081) @ZeeshanTamboli
### Core
- Update browserslistrc (#48085) @silviuaavram
- [code-infra] Prevent major version updates of bundler/framework packages in bundling fixtures (#48062) @Copilot
- [code-infra][icons-material] Avoid material utils barrel in createSvgIcon (#48029) @anchmelev
- [docs-infra] Migrate more leaf components to mui-docs (#48018) @brijeshb42
All contributors of this release in alphabetical order: @anchmelev, @brijeshb42, @Copilot, @mj12albert, @romgrk, @silviuaavram, @siriwatknp, @ZeeshanTamboli
## 9.0.0-alpha.4
<!-- generated comparing v9.0.0-alpha.3..master -->
_Mar 20, 2026_
A big thanks to the 11 contributors who made this release possible.
### `@mui/material@9.0.0-alpha.4`
#### Breaking Changes
- [accordion] Remove deprecated props (#47963) @silviuaavram
- `TransitionComponent`
- `TransitionProps`
- [accordionsummary] Remove deprecated CSS class (#48006) @silviuaavram
- `contentGutters`
- [alert] Remove deprecated CSS classes (#48011) @silviuaavram
- `standardSuccess`
- `standardInfo`
- `standardWarning`
- `standardError`
- `outlinedSuccess`
- `outlinedInfo`
- `outlinedWarning`
- `outlinedError`
- `filledSuccess`
- `filledInfo`
- `filledWarning`
- `filledError`
- [alert] Remove deprecated props (#47965) @silviuaavram
- `components`
- `componentsProps`
- [autocomplete] Remove deprecated props (#47864) @ZeeshanTamboli
- `ChipProps`
- `componentsProps`
- `ListboxComponent`
- `ListboxProps`
- `PaperComponent`
- `PopperComponent`
- `renderTags`
- [avatar] Remove deprecated props (#47966) @silviuaavram
- `imgProps`
- [avatargroup] Remove deprecated props (#47968) @silviuaavram
- `componentsProps`
- [backdrop] Remove deprecated props (#47991) @silviuaavram
- `components`
- `componentsProps`
- `TransitionComponent`
- [badge] Remove deprecated props (#47993) @silviuaavram
- `components`
- `componentsProps`
- [button] Remove deprecated CSS classes (#48012) @silviuaavram
- Color variant classes: `textInherit`, `outlinedPrimary`, `containedSecondary`, etc.
- Size classes: `textSizeSmall`, `iconSizeMedium`, etc.
- [circularprogress] Remove deprecated CSS classes (#48014) @silviuaavram
- `circleDeterminate`
- `circleIndeterminate`
- [divider] Remove deprecated prop (#48013) @atharva3333
- `light`
- [formcontrollabel] Remove deprecated props (#48032) @atharva3333
- `componentsProps`
- [menu] Remove deprecated props (#48021) @siriwatknp
- `MenuListProps`
- `PaperProps`
- `TransitionProps`
- [mobilestepper] Remove deprecated props (#48041) @siriwatknp
- `LinearProgressProps`
- [popover] Remove deprecated props (#48021) @siriwatknp
- `BackdropComponent`
- `BackdropProps`
- `PaperProps`
- `TransitionComponent`
- `TransitionProps`
- [popper] Remove deprecated props (#48020) @siriwatknp
- `components`
- `componentsProps`
- [select] Remove deprecated props passed via `MenuProps` (#48021) @siriwatknp
- `MenuListProps`
- `PaperProps`
- `TransitionProps`
- [slider] Remove deprecated props (#47996) @siriwatknp
- `components`
- `componentsProps`
- [speeddial] Remove deprecated props (#47998) @siriwatknp
- `TransitionComponent`
- `TransitionProps`
- [speeddialaction] Remove deprecated props (#47998) @siriwatknp
- `FabProps`
- `tooltipTitle`
- `tooltipPlacement`
- `tooltipOpen`
- `TooltipClasses`
- [tabs] Remove deprecated props (#48017) @siriwatknp
- `ScrollButtonComponent`
- `TabIndicatorProps`
- `TabScrollButtonProps`
- `slots.StartScrollButtonIcon`
- `slots.EndScrollButtonIcon`
- [textfield] Remove deprecated props (#47878) @ZeeshanTamboli
- `InputProps`
- `inputProps`
- `SelectProps`
- `InputLabelProps`
- `FormHelperTextProps`
- [tooltip] Remove deprecated props (#47988) @siriwatknp
- `components`
- `componentsProps`
- `PopperComponent`
- `PopperProps`
- `TransitionComponent`
- `TransitionProps`
- [typography] Remove deprecated prop (#47986) @siriwatknp
- `paragraph`
- [buttonbase] Key handlers should not run on a disabled non-native button (#48003) @mj12albert
- [tablepagination] Format pagination numbers according to locale (#47803) @siriwatknp
- [textfield] Use non-native label for `<TextField select/>` (#47958) @mj12albert
Check out the [v9 upgrade guide](https://next.mui.com/material-ui/migration/upgrade-to-v9/).
#### Changes
- [autocomplete] Optimize selected option lookup (#47953) @anchmelev
- [buttonbase] Fix native button detection (#47985) @mj12albert
- [inputbase] Fix test using removed InputProps on TextField (#48000) @siriwatknp
- [popper] Add missing classes export (#48031) @mj12albert
- [select] Fix focus visible always set on menu item (#47912) @silviuaavram
- [slider] Fix focus visible styles incorrectly applied by pointer (#47894) @mj12albert
- [slider] Accept readonly array for the value prop (#47936) @pcorpet
### `@mui/codemod@9.0.0-alpha.4`
- [codemod] Add slot key rename to `tabs-props` codemod and add to README (#48035) @siriwatknp
- [codemod] Add card-header-props migration guide (#48005) @siriwatknp
### Docs
- [blog] Lowercase 2026-MUI-X-price-changes blog post URL (#47871) @Janpot
- [docs] Wide docs layout (#47950) @noraleonte
- [docs] Mention the list of props removed in upgrade guide (#48010) @silviuaavram
- [docs] Update Autocomplete deprecated props removal migration guide docs (#47990) @ZeeshanTamboli
- [docs-infra] Extract shared App component from \_app into @mui/docs (#47933) @brijeshb42
- [docs-infra] Expose global theme object (#47964) @Janpot
- [docs][system] Update `styled` API docs for easier understanding (#47957) @olivier-lxo
### Core
- [code-infra] Add pkg-pr-new as dev dependency (#47992) @Janpot
- [code-infra] Remove CI coverage collection and upload to Codecov (#47930) @Janpot
- [core] Migrate to ESLint 10 (#47872) @brijeshb42
- [core] Remove GridLegacy component (#47956) @siriwatknp
All contributors of this release in alphabetical order: @anchmelev, @atharva3333, @brijeshb42, @Janpot, @mj12albert, @noraleonte, @olivier-lxo, @pcorpet, @silviuaavram, @siriwatknp, @ZeeshanTamboli
## 9.0.0-alpha.3
<!-- generated comparing v9.0.0-alpha.2..master -->
_Mar 12, 2026_
A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 📖 A new [Menubar](https://mui.com/material-ui/react-menubar/) component page integrated with [Base UI](https://base-ui.com/react/components/menubar)
- ♿️ Improved the Roving TabIndex keyboard navigation for the Stepper, Tabs and MenuList components.
### `@mui/material@9.0.0-alpha.3`
#### Breaking Changes
- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
#### Changes
- [autocomplete] Add `root` slot (#47852) @GerardasB
- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
- [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
### Docs
- [docs][codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47945) @ZeeshanTamboli
- [docs] Update faq about vendor chunks (#47747) @Janpot
- [docs] Use direct palette vars in Tailwind v4 snippet (#47940) @Ahmad-Alaziz
- [docs][menubar] Add Menubar component page (#47616) @siriwatknp
### Core
- [core] Fix the release prepare steps (#47951) @silviuaavram
- [core] Remove Joy UI code and docs (#47939) @mnajdova
- [code-infra] Add previously missed export of themeCssVarsAugmentation (#47918) @brijeshb42
- [docs-infra] Import font module for nextjs transpilation (#47935) @brijeshb42
- [docs-infra] Migrate simpler modules from docs to mui-docs (#47897) @brijeshb42
- [test] Fix detached anchorEl elements in tests (#47929) @Janpot
All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @brijeshb42, @GerardasB, @Janpot, @mnajdova, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
## 9.0.0-alpha.2
<!-- generated comparing v9.0.0-alpha.1..master -->
_Mar 5, 2026_
A big thanks to the 4 contributors who made this release possible.
### @mui/material@9.0.0-alpha.2
- Clean up duplicated CSS rules (#47838) @sai6855
### @mui/system@9.0.0-alpha.2
- Refactor sortContainerQueries to define regex outside of sort function (#47817) @sai6855
### Docs
- Move shared components to @mui/docs package (#47672) @Janpot
- Fix small typo in NumberField page (#47877) @arthur-plazanet
### Core
- [code-infra] Reduce paths for attw checks (#47896) @brijeshb42
- [docs-infra] Run syncTeamMembers (#47900) @Janpot
All contributors of this release in alphabetical order: @arthur-plazanet, @brijeshb42, @Janpot, @sai6855
## 9.0.0-alpha.1
<!-- generated comparing v9.0.0-alpha.0..master -->
_Feb 26, 2026_
A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
### @mui/material@9.0.0-alpha.1
#### Breaking Changes
- [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
- [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
- [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
- [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
- [Grid] Remove system props support (#47846) @siriwatknp
- [theme] Remove MuiTouchRipple from theme component types (#47849) @siriwatknp
- [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
#### Changes
- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
### Docs
- [docs] Add updated community theme resource (#47847) @PeterTYLiu
- [docs] Few copy fixes (#47806) @pavan-sh
- [docs] Fix IPA reader link in blog post (#47796) @pavan-sh
- [docs] Fix JSX in Overriding component structure docs (#47799) @ZeeshanTamboli
- [docs] Fix the keyboard navigation in GroupedMenu example (#47842) @silviuaavram
- [docs] Fix Theme builder video (#47835) @oliviertassinari
- [docs] Update pricing sankey as done (#47795) @alexfauquette
- [docs][system] Update sizing docs to clarify `(0, 1]` behavior. (#47845) @matthias-ccri
### Core
- [blog] Blogpost for upcoming price changes for MUI X (#47748) @DanailH
- [code-infra] Detect browser envs that don't support layout (#47813) @Janpot
- [code-infra] Enable undefined addition to optional properties (#47750) @brijeshb42
- [code-infra] Exclusively enable test mode in jsdom (#47812) @Janpot
- [code-infra] Fix console.warn during test (#47802) @Janpot
- [code-infra] Remove vale as a workspace dependency (#47860) @brijeshb42
- [code-infra] Setup flat build for packages (#47670) @brijeshb42
- [code-infra] Upgrade react-docgen to v8 (#47685) @JCQuintas
- [docs-infra] Reapply Cookie Banner with Design Fixes (#47744) @dav-is
- [internal] Remove legacy MUI Base API docs (#47804) @ZeeshanTamboli
All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @DanailH, @dav-is, @Janpot, @JCQuintas, @matthias-ccri, @oliviertassinari, @pavan-sh, @PeterTYLiu, @silviuaavram, @siriwatknp, @ZeeshanTamboli
## 9.0.0-alpha.0
<!-- generated comparing v7.3.8..master -->
_Feb 17, 2026_
A big thanks to the 3 contributors who made this release possible.
### @mui/material@9.0.0-alpha.0
- [theme] Generate `color-mix` value on top of default generated Material UI CSS variables (#47767) @ZeeshanTamboli
### Docs
- [docs] Make tooltips describe their visible text triggers (#47658) @silviuaavram
- [docs][theme] Fix `nativeColor` docs (#47759) @ZeeshanTamboli
### Core
- [blog] A pattern for opt-in type-only breaking changes in minor versions (#47622) @bernardobelchior
- [internal] Prepare libraries for first v9 alpha release (#47756) @silviuaavram
All contributors of this release in alphabetical order: @bernardobelchior, @silviuaavram, @ZeeshanTamboli
## v8
This version is skipped to align the release version with MUI X v9.
## 7.3.8
<!-- generated comparing v7.3.7..master -->
_Feb 12, 2026_
A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
### `@mui/material@7.3.8`
- [alert] Revert removing default icon mapping fallback (#47629) @ZeeshanTamboli
- [app-bar] Fix optional chaining in joinVars function (#47739) @sai6855
- [autocomplete] Fix scroll position resetting on reopen with `disableCloseOnSelect` (#47248) @ZeeshanTamboli
- [autocomplete] Pass fullWidth prop to input, with default as true (#47663) @silviuaavram
- [badge] Refactor variant styles generation (#47742) @sai6855
- [chip] Remove unnecessary `onDelete` check (#47753) @ZeeshanTamboli
- [switch][checkbox][radio] Remove `aria-disabled` from root span (#46318) @KirankumarAmbati
- [collapse] Remove unnecessary string concatenation (#47745) @sai6855
- [drawer] `persistent` and `permanent` variant Drawers should not override the styles via theme using `modal` class (#47581) @ZeeshanTamboli
- [tabs] Add ability to extend Tabs variant (#47590) @aditya1906
- [useAutocomplete] Add aria-multiselectable to listbox props when multiple is true (#47632) @silviuaavram
- [useAutocomplete] Use `React.Key` instead of `any` for `key` prop (#47619) @sonixx02
#### Core
- Revert "[docs-infra] Add Cookie Banner and Analytics Provider (#47445)" (868d23e) @dav-is
- Revert "[docs-infra] Update Cookie Consent Dialog styling and content (#47718)" (ae29d03) @dav-is
- [api-docs-builder] Validate slots prop and Slots interface export consistency (#47623) @Janpot
- [code-infra] Remove `window.muiDocConfig` (#47737) @Janpot
- [code-infra] Fix flaky Select test on Webkit (#47728) @Janpot
- [code-infra] Remove usage of NODE_ENV=test (#47692) @Janpot
- [code-infra] Prepare eslint rule rename (#47702) @Janpot
- [code-infra] Next.js 15.5.11 (security update) (#47697) @Janpot
- [code-infra] Fix Tooltip tests flakyness (#47669) @Janpot
- [code-infra] Improve instructions for error messages (#47668) @Janpot
- [code-infra] Add initial agent instructions (#47655) @Janpot
- [code-infra] Update broken links checker (#47633) @Janpot
- [code-infra] Improve Tooltip leaveDelay test (#47624) @Janpot
- [code-infra] Fix internal broken links (#47607) @Janpot
- [docs-infra] Resolve a few 301s in our docs (#47746) @Janpot
- [docs-infra] Update Cookie Consent Dialog styling and content (#47718) @dav-is
- [docs-infra] Add Cookie Banner and Analytics Provider (#47445) @dav-is
- [docs-infra] Make sure /customers page has a h1 (#47615) @Janpot
- [docs-infra] Fix privacy link (#47614) @Janpot
- [docs-infra] Resolve a few 301s (#47579) @Janpot
- [internal] Remove unused sponsor files (#47741) @oliviertassinari
- [markdown] Fix some broken hash links (#47609) @Janpot
- [test] Cleanup Table tests TODOs (#47656) @Ocheretovich
### Docs
- [website] unclickable banner in the pricing page (#47634) @aemartos
- [blog] Company Update: What we've been working on (and why) (#47626) @alelthomas
- [docs] Remove outdated notifications (#47743) @bernardobelchior
- [docs] Make Demo component product-agnostic (#47635) @Janpot
- [docs] Copyedit the Number Field doc (#47469) @mapache-salvaje
- [docs] Fix Roboto font not loading in iframe demos (#47660) @Janpot
- [docs] Replace Checkbox with Icons in Combobox examples (#47654) @silviuaavram
- [docs] Fix punctuation in TypeScript guide description (#47617) @nodirbekprogrammer
All contributors of this release in alphabetical order: @aditya1906, @aemartos, @alelthomas, @bernardobelchior, @dav-is, @Janpot, @KirankumarAmbati, @mapache-salvaje, @nodirbekprogrammer, @Ocheretovich, @oliviertassinari, @sai6855, @silviuaavram, @sonixx02, @ZeeshanTamboli
## 7.3.7
<!-- generated comparing v7.3.6..master -->
_Jan 8, 2026_
A big thanks to the 16 contributors who made this release possible.
### `@mui/material@7.3.7`
- [accordion] Remove unnecessary handling of `square` prop on Accordion Root (#47457) @ZeeshanTamboli
- [alert] Remove unnecessary default icon mapping fallback (#47460) @ZeeshanTamboli
- [appbar] Fix inherit color CSS variable not getting applied (#47518) @ZeeshanTamboli
- [autocomplete] Fix `ArrowLeft`, `Backspace` & `Delete` behavior for multiple and single-value rendering with proper caret handling (#47411) @jnbain
- [backdrop] Remove unnecessary passing of `classes` from root slot (#47519) @ZeeshanTamboli
- [button-group] Fix styles when variant is `contained` (#47499) @ZeeshanTamboli
- [card-action-area] Remove incorrect root ref being forwarded to focus highlight component (#47523) @ZeeshanTamboli
- [checkbox] Fix readonly checkboxes (#47503) @mj12albert
- [click-away-listener] Tighten the parameter type of createHandleSynthetic method (#47525) @ZeeshanTamboli
- [dialog] Fix backdrop theme style overrides (#47544) @ZeeshanTamboli
- [focus-trap] Compute `activeElement` inside `loopFocus` on every keydown (#47566) @ZeeshanTamboli
- [modal] Take non-integer padding-right into consideration when scroll locking (#47420) @Zache
- [select] Fix dropdown width does not match trigger width on window resize (#47526) @AarishMansur
- [tabs] Fix passing incorrect slot name props (scrollButton → scrollButtons) (#47215) @rithik56
### Docs
- [card] Fix key warning (#47524) @ZeeshanTamboli
- [dialog] Replace TranstionProps with slotProps.transition (#47569) @sai6855
- [number-field] Use stable Base UI package (#47504) @siriwatknp
- [snackbar] Replace TransitionComponent with slots.transition (#47570) @sai6855
- Fix incorrect indentation in migration guide (#47571) @sai6855
- Enable MUI chat on Material UI demos (#46837) @siriwatknp
- Add docs and website banner for Dev survey'25 (#47521) @prakhargupta1
- Update Tailwind CSS v4 + Next.js Pages Router docs (#47546) @atharva3333
- Add warning callout to Sync plugin doc (#47511) @mapache-salvaje
- Update typo in TailwindCSS v4 integration with Next.js docs (#47512) @TimKraemer
- Fix link to contributing guide (#47473) @oliviertassinari
- Improve description of Accordion props (#47459) @ZeeshanTamboli
### Core
- [blog] Whats new since MUI X v8 [DX-51] (#47140) @joserodolfofreitas
- [code-infra] Fix React@next CI job (#47493) @Janpot
- [code-infra] Move font loading to @mui/docs (#47385) @Janpot
- [code-infra] Fix CI for React 18 (#47560) @Janpot
- [code-infra] Prevent legacy browsers tests from updating (#47496) @Janpot
- [code-infra] Move `@mui/internal-test-utils` to code infra repo (#47422) @Janpot
- [code-infra] Fix React@next CI job (#47493) @Janpot
- [examples] Update Next.js versions to v16 in Next.js examples (DX-57) (#47453) @alelthomas
- [internal] Bump Next.js & React version to avoid security vulnerability (#47427) @oliviertassinari
- [test] Use plain playwright for e2e (#47410) @mj12albert
- [test] Fix react-18 tests (#47407) @Janpot
All contributors of this release in alphabetical order: @AarishMansur, @alelthomas, @atharva3333, @bricefrisco, @Janpot, @jnbain, @joserodolfofreitas, @mapache-salvaje, @mj12albert, @oliviertassinari, @prakhargupta1, @rithik56, @siriwatknp, @TimKraemer, @Zache, @ZeeshanTamboli
## 7.3.6
<!-- generated comparing v7.3.5..master -->
_Dec 3, 2025_
A big thanks to the 22 contributors who made this release possible.
### @mui/material@7.3.6
- [Accordion] Move properties to the AccordionOwnProps interface (#47348) @Aleksan4e3
- [Autocomplete] Remove unnecessary `filterSelectedOptions` dependency from `syncHighlightedIndex` useCallback (#47378) @ZeeshanTamboli
- [Autocomplete] Fix input caret not showing when focusing after chip navigation (#47249) @vrachuri28
- [Autocomplete] Fix ArrowLeft crash when value is not set with single-value rendering (#47214) @rithik56
- [Button] Fix running formAction when passed (#47185) @sai6855
- [Chip] Remove leftover closing parenthesis in CSS class key (#47345) @ZeeshanTamboli
- [ListItem] Add `secondaryAction` slot to `ListItem` (#47399) @sai6855
- [NumberField] Fix scroll behavior (#47397) @oliviertassinari
- [Select] Fix keyboard navigation while rendering in shadow DOM (#47380) @xBlizZer
- [Select] Fix cannot pass certain event handlers (#47366) @ZeeshanTamboli
- [Slider] Accept readonly array for `marks` prop (#47370) @pcorpet
- [Snackbar] Avoid unnecessary `ownerState` spread into `useSnackbar` (#47373) @ZeeshanTamboli
- [TextField] Allow custom props in slot props via TS module augmentation (#47367) @kumarvishwajeettrivedi
- [Tabs] Fix Arrow key navigation failing when component is rendered in shadow DOM (#47178) @sai6855
- Fix typings for theme `applyStyles` with custom color schemes (#47242) @akankshahu
### @mui/system@7.3.6
- Fix unwanted attribute on DOM from InitColorSchemeScript `class` attribute (#47200) @siriwatknp
### @mui/lab@7.3.6
- [Masonry] Fix layout flicker and single column issue (#43903) @Fanzzzd
### Docs
- Fix default theme viewer styling (#47400) @sai6855
- Remove repetitive words (#47384) @rifeplight
- Fix link to Portal API docs (#47383) @ZeeshanTamboli
- Remove mentions of MUI Base from Material UI docs (#47324) @mapache-salvaje
- Update CSP guidance (#47342) @rossdakin
- Fix pathname collision in LLMs docs generator (#47209) @siriwatknp
- Resolve redirected urls to their final location (#47193) @Janpot
- Document correct default values for `elevation` and `square` props (#47261) @Ad1tya-007
- Fix display of colors in dark mode in palette customization page (#47403) @sai6855
- Add Number Field component page (#47165) @siriwatknp
- Fix mcp schema change (#47171) @sai6855
### Core
- [code-infra] Add types for markdown loader (#47075) @Janpot
- [code-infra] Build test utils with code-infra pipeline (#47405) @Janpot
- [code-infra] Vitest test migration (#44325) @JCQuintas
- [code-infra] Revive docs bundle analyzer (#47401) @Janpot
- [code-infra] Update tests from vitest PR (#47344) @Janpot
- [code-infra] Use util from code-infra to fetch changelogs (#47350) @brijeshb42
- [code-infra] Enable production sourcemaps (#47352) @Janpot
- [code-infra] Use code-infra orb utils in circle ci (#47179) @brijeshb42
- [code-infra] Use `next/font` for local fonts (#47351) @Janpot
- [code-infra] New broken links checker (#47113) @Janpot
- [code-infra] Remove profiler (#47258) @Janpot
- [code-infra] Api doc optimizations (#47188) @Janpot
- [code-infra] Increase type check parallelism (#47192) @Janpot
- [code-infra] Remove deprecated baseUrl (#47210) @Janpot
- [code-infra] Disable next.js cache (#47233) @Janpot
- [code-infra] release:build for bundle checker (#47207) @Janpot
- [code-infra] Parallelize module augmentation tests (#47208) @Janpot
- [code-infra] Fix next.js parallelism at 2 for macos runner (#47201) @Janpot
- [code-infra] Fix bash escape (#46969) @oliviertassinari
- [code-infra] Utilise eslint cache in CI (#47194) @Janpot
- [code-infra] Enable Next.js build cache to improve CI performance (#47176) @Copilot
- [code-infra] Remove `apps` folder (#47183) @Janpot
- [code-infra] Migrate everything to getStaticProps (#47152) @Janpot
- [docs-infra] Migrate to `next/font` (#47347) @Janpot
- [docs-infra] Add some `ComponentLinkHeader` bottom margin (#47328) @Janpot
- [docs-infra] Exclude a few pages from llms-txt (#47111) @Janpot
- [examples] Add missing .gitignore to NextJS App Router example (#47251) @shamblonaut
- [examples] Migrate Next.js `next.config.js` to `next.config.mjs` (#44040) @albarv340
- [internal] Remove leftover testing-library libraries from `mui-material` package (#47392) @ZeeshanTamboli
- [internal] Remove unnecessary `clean-css` package from docs (#47314) @ZeeshanTamboli
- [internal] Fix typo `buidApiDocs` -> `buildApiDocs` (#47235) @Ad1tya-007
- [internal] Remove unused `@vitest/browser` and `@vitest/coverage-v8` (#47189) @ZeeshanTamboli
- [test] Update e2e test app (#47252) @Ad1tya-007
- [test] Fix flaky Virtualize Autocomplete regression test (#47199) @ZeeshanTamboli
All contributors of this release in alphabetical order: @Ad1tya-007, @akankshahu, @albarv340, @Aleksan4e3, @brijeshb42, @Copilot, @Fanzzzd, @Janpot, @JCQuintas, @kumarvishwajeettrivedi, @mapache-salvaje, @oliviertassinari, @pcorpet, @rifeplight, @rithik56, @rossdakin, @sai6855, @shamblonaut, @siriwatknp, @vrachuri28, @xBlizZer, @ZeeshanTamboli
## 7.3.5
<!-- generated comparing v7.3.4..master -->
_Nov 4, 2025_
A big thanks to the 11 contributors who made this release possible.
### `@mui/material@7.3.5`
- [Collapse] Add slots and slotProps props (#47168) @sai6855
- [l10n] Add missing Catalan (ca-ES) locale (#47156) @frncesc
- Fix regression on `theme.vars.shape` module augmentation (#47164) @siriwatknp
### `@mui/material-nextjs@7.3.5`
- Support Next.js 16 (#47134) @siriwatknp
### Docs
- [Autocomplete] Update virtualization example to use react-window v2 (#47054) @sai6855
- [autocomplete] Add note about unique key extraction for duplicate labels (#47010) @PossiblyAShrub
- [Snackbar] Fix typo in docs (#47038) @sai6855
- [Transition] Fix horizontal scroll in SimpleFade demo in mobile screens (#47169) @sai6855
- Replace deprecated `inputProps` with `slotProps.input` in checkbox demos (#47083) @CODEKRUNCH
### Core
- [code-infra] gitignore next-env.d.ts (#47167) @Janpot
- [code-infra] Migrate versions page to getStaticProps (#47151) @Janpot
- [code-infra] Fix breaking change for ci publish (#47147) @brijeshb42
- [code-infra] Remove React import requirement for jsx (#47146) @brijeshb42
- [code-infra] Update vitest usage detection in `@mui/internal-test-utils` (#47141) @bernardobelchior
- [code-infra] Setup eslint-plugin-compat (#47133) @brijeshb42
- [code-infra] Filter out @mui/joy and @mui/base from search results (#47076) @Janpot
- [code-infra] Fix hotfix instructions (#47015) @Janpot
- [code-infra] Disable pigment regression tests (#47045) @Janpot
- [code-infra] Fix moderate dependabot issue (#46946) @Janpot
- [code-infra] Enable testing-library eslint rules (#47074) @brijeshb42
- [code-infra] Lint json through eslint (#47056) @Janpot
- [code-infra] Support custom npm dist tags during release (#47021) @Janpot
- [code-infra] Remove tsconfig `baseUrl` (#47044) @Janpot
- [code-infra] Centralize stylelint (#46955) @Janpot
- [code-infra] Remove legacy feedback (#46981) @Janpot
- [code-infra] Remove repo build scripts (#47036) @brijeshb42
- [code-infra] Publish docs from upstream (#47018) @Janpot
- [code-infra] Migrate `lodash` to `es-toolkit` (#46974) @sukvvon
- [docs-infra] Do not escape pipes (`|`) inside code blocks (#47139) @ZeeshanTamboli
- [docs-infra] Fix broken link targets (#47104) @Janpot
- [docs-infra] Fix broken link for DOMRect docs (#47106) @Janpot
- [docs-infra] Use published netlify cache plugin package (#47071) @brijeshb42
- [examples] Remove Next.js text from React Router example (#47055) @HeinrichFilter
All contributors of this release in alphabetical order: @bernardobelchior, @brijeshb42, @CODEKRUNCH, @frncesc, @HeinrichFilter, @Janpot, @PossiblyAShrub, @sai6855, @siriwatknp, @sukvvon, @ZeeshanTamboli
## 7.3.4
<!-- generated comparing v7.3.3..master -->
_Oct 2, 2025_
A big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
Small update to revert a change that broke the `<Tabs>` component. Also publishing a beta version of `@mui/lab` which was accidentally published as a stable release.
### `@mui/material@7.3.4`
- [Tabs] Revert "Fix not scrolling to correct tab after refresh when auto scrollable (#46869)" (#47014) @ZeeshanTamboli
### Docs
- Sort package manager automatically (#46897) @Janpot
### Core
- Bring @mui/lab back to unstable version (#47012) @Janpot
- Fix `ThemeOptions` and `createTheme*` cyclic dependency (#47007) @siriwatknp
All contributors of this release in alphabetical order: @Janpot, @siriwatknp, @ZeeshanTamboli
## 7.3.3
<!-- generated comparing v7.3.2..master -->
_Sep 30, 2025_
A big thanks to the 14 contributors who made this release possible.
### `@mui/material@7.3.3`
- [Autocomplete] Sync highlighted index when popup is opened (#46894) @ZeeshanTamboli
- [CircularProgress] Add track slot via enableTrackSlot (#46907) @monam2
- [locale] Split locales into separate files (#46933) @christopherschroer
- [Tabs] Fix not scrolling to correct tab after refresh when auto scrollable (#46869) @Jayesh-11
### Docs
- Add a guide for building extensible themes (#46896) @siriwatknp
- Add v7 community course to resources page (#46944) @alelthomas
- Improve performance of Default Theme Viewer (#46841) @sai6855
- Fix typo in blog component MainContent (#46868) @jonyen
- [Steppers] Replace TransitionProps with slotProps.transition (#46898) @sai6855
### Core
- [blog] Fix year in Punta Cana retreat post (#46943) @mapache-salvaje
- [blog] Punta Cana retreat post (#46892) @mapache-salvaje
- [code-infra] Publish from CI (#46851) @Janpot
- [code-infra] Convert reportBrokenLink script to ts (#47002) @brijeshb42
- [code-infra] Update module resolution for typescript@next (#46940) @Janpot
- [code-infra] Run continuous releases during ci-check (#46948) @Janpot
- [code-infra] Fix github actions check for continuous release (#46941) @Janpot
- [code-infra] Address high/critical dependabot reports (#46937) @Janpot
- [code-infra] Update ci.yml triggers (#46860) @Janpot
- [code-infra] Exact match for renovate file name (#46916) @Janpot
- [code-infra] Disable dependency update for `@material-ui/core` in codemod (#46899) @Janpot
- [code-infra] Transpile `assertion-error` in karma tests (#46909) @Janpot
- [code-infra] Disable browserstack on circleci cron jobs (#46905) @Janpot
- [code-infra] Remove `copy-files` command usage from packages (#46902) @brijeshb42
- [code-infra] Low-hanging ts conversion (#46903) @Janpot
- [code-infra] Bring batch of changes from vitest PR (#46795) @Janpot
- [code-infra] Remove dependency on `fs-extra` (#46755) @bernardobelchior
- [code-infra] Make error code extraction independent of build (#46865) @brijeshb42
- [docs-infra] Fix markdown generation script to find correct files (#46954) @siriwatknp
- [docs-infra] Fix unnecessary redirects (#46951) @Janpot
- [docs-infra] Remove `dangerouslySetInnerHTML` for ad description (#46936) @Janpot
- [docs-infra] Display "View as Markdown" only on Material UI (#46861) @siriwatknp
- [infra] Fix JSON files not being imported in TS demos (#47000) @bernardobelchior
- [infra] Turn `literal | (string & {})` to `PropTypes.string` (#46934) @siriwatknp
- [infra] Bump node.js version and make local usage strict (#46834) @brijeshb42
- [infra] Remove "main" fields from publishable packages (#46856) @brijeshb42
- [internal] Refactor `useForkRef` TS types: tighten `cleanupRef` and simplify ref typing (#46967) @wo-o29
- [internal] Fix naming to match convention (2099cb0) @oliviertassinari
- [internal] Fix naming to match convention (29aad62) @oliviertassinari
- [internal] Use same option as other repositories (eabda77) @oliviertassinari
- [internal] Normalize <meta name='viewport' (9d1922a) @oliviertassinari
- [internal] Normalize charset='utf-8' (f1aae00) @oliviertassinari
- [test] Split infinitive (0237fda) @oliviertassinari
All contributors of this release in alphabetical order: @alelthomas, @bernardobelchior, @brijeshb42, @christopherschroer, @Janpot, @Jayesh-11, @jonyen, @mapache-salvaje, @monam2, @oliviertassinari, @sai6855, @siriwatknp, @wo-o29, @ZeeshanTamboli
## 7.3.2
<!-- generated comparing v7.3.1..master -->
_Sep 1, 2025_
A big thanks to the 16 contributors who made this release possible.
### `@mui/material@7.3.2`
- [Chip] Remove unnecessary optional chaining from key event handlers (#46752) @ZeeshanTamboli
- [Drawer] Add dialog role and aria-modal for `temporary` variant (#46690) @Yashkanekar
- [PaginationItem] Add slot descriptions and default components in API documentation (#46677) @sai6855
- [utils] Remove duplicate isHostComponent function (#46721) @frontman-git
### `@mui/codemod@7.3.2`
- Add codemod to convert top-level to path imports (#46657) @neemski
### Docs
- Remove outdated Next.js lint command (#46847) @oliviertassinari
- Add `View as Markdown` to component link header (#46835) @siriwatknp
- Add a link to open `llms.txt` (#46832) @siriwatknp
- Fix typos in Material UI API docs (#46787) @noritaka1166
- Fix typo extra "to" word (#46783) @danpeleg4
- Remove past employees from about page (#46780) @Janpot
- Fix typos in `docs/pages` folder (#46761) @noritaka1166
- Add clarification on `react-is` resolution with Material UI v6 and v7 for React 18 and below (#46633) @alisasanib
- Fix typos in `joy` and `utils` package (#46713) @noritaka1166
- [autocomplete] Fix console in unstyled demo (#46804) @oliviertassinari
- [autocomplete] Fix Google Maps brand attribution (#46803) @oliviertassinari
- [autocomplete] Fix header sentence case (#46805) @oliviertassinari
- [autocomplete] Fix Google Maps demo (#46793) @oliviertassinari
- [Select] Fix labeling issues in grouped select demo (#46722) @mj12albert
- [table] Remove outdated unstyled section (#46786) @mj12albert
- [TextField] Add note about removal of `sizeMedium` class from InputLabel in v7 upgrade guide (#46693) @checcoux
### Core
- Update `cipher-base` transitive dependency (#46800) @Janpot
- [charts] Marked Treemap chart as Pro (#46691) @prakhargupta1
- [code-infra] Remove some csbci references (#46797) @Janpot
- [code-infra] update build tool (#46801) @Janpot
- [code-infra] Align pkg.pr.new with other projects (#46467) @Janpot
- [code-infra] Prepare for incoming `execa` update (#46781) @Janpot
- [code-infra] Remove `@mui/internal-babel-plugin-resolve-imports` override config (#46754) @ZeeshanTamboli
- [core] Fix typo in `docs/mui-vale` folder (#46760) @noritaka1166
- [core] Fix typos in `docs/data/material` folder (#46757) @noritaka1166
- [core] Fix typos in `netlify` folder (#46756) @noritaka1166
- [core] Upgrade brace-expansion (#46747) @oliviertassinari
- [core] Fix typos in Joy UI docs and `test` folder (#46738) @noritaka1166
- [core] Upgrade KaTeX (#46731) @oliviertassinari
- [core] Avoid Polynomial regex backtracking (#46732) @oliviertassinari
- [core] Remove dead @toolpad/core dependency (#46730) @oliviertassinari
- [core] Fix typos in `markdown` and `system` packages (#46720) @noritaka1166
- [core] Fix typos in `api-docs-builder` package (#46719) @noritaka1166
- [core] Fix typos in `codemod` package (#46715) @noritaka1166
- [core] pnpm prettier:all (#46685) @oliviertassinari
- [docs-infra] Set origin to generated `llms.txt` (#46833) @siriwatknp
- [docs-infra] Fix AbortController error (#46408) @oliviertassinari
- [docs-infra] Block than more feedback submissions (#46824) @oliviertassinari
- [docs-infra] Fix ESLint references (#46680) @oliviertassinari
- [infra] Migrate away from airbnb's eslint config (#46794) @brijeshb42
- [infra] Remove `fs-extra` from docs scripts (#46749) @bernardobelchior
- [infra] Remove dependency on `react-spring` (but keep `@react-spring/web`) (#46748) @bernardobelchior
- [infra] Remove `fs-extra` from `mui-icons-material` (#46745) @bernardobelchior
- [infra] Remove `api-docs-builder` dependency on `fs-extra` (#46742) @bernardobelchior
- [infra] Migrate build command to code-infra (#46614) @brijeshb42
- [infra] move testBuiltTypes step (#46735) @Janpot
- [infra] Remove `fs-extra` from `netlify-plugin-cache-docs` (#46740) @bernardobelchior
- [infra] Supply `document` to `userEvent.setup()` (#46714) @Janpot
- [infra] Remove useless test step (#46679) @Janpot
- [infra] Stagger daily cron jobs to avoid browserstack timeouts (#46676) @Janpot
- [internal] Improve useControlled() strict mode handling (#46807) @oliviertassinari
- [internal] Sentence case (55a9d8f) @oliviertassinari
- [internal] Fix typos in code comments (#46784) @noritaka1166
- [internal] Fix console regression in dev mode (925f02b) @oliviertassinari
- [internal] Prettier all if dependencies changes (1f63b03) @oliviertassinari
- [internal] Fix renovate.json (84be632) @oliviertassinari
- [internal] Polish renovate schedule (#46727) @oliviertassinari
- [internal] Update link to GitHub labels (8ab4813) @oliviertassinari
- [internal] Bump brace-expansion (06de338) @oliviertassinari
- [internal] Normalize Action description (4a2fbcb) @oliviertassinari
- [toolpad] Remove it from website and docs (#46595) @prakhargupta1
All contributors of this release in alphabetical order: @alisasanib, @bernardobelchior, @brijeshb42, @checcoux, @danpeleg4, @frontman-git, @Janpot, @mj12albert, @neemski, @noritaka1166, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @Yashkanekar, @ZeeshanTamboli
## 7.3.1
<!-- generated comparing v7.3.0..master -->
_Aug 6, 2025_
A big thanks to the 2 contributors who made this release possible.
### `@mui/material@7.3.1`
- [PaginationItem] Fix inheritance of component (#46666) @sai6855
- [Select] Revert - Implement pointer cancellation PR 45789 (#46672) @ZeeshanTamboli
All contributors of this release in alphabetical order: @sai6855, @ZeeshanTamboli
## 7.3.0
<!-- generated comparing v7.2.0..master -->
_Aug 5, 2025_
A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Shipped `nativeColor` feature that eliminates JS color manipulation and unlocks support for all modern color spaces (#43942) @siriwatknp!
To learn more, check out the [Native Color](https://mui.com/material-ui/customization/css-theme-variables/native-color/) guide.
### `@mui/material@7.3.0`
- Support native color without JS manipulation (#43942) @siriwatknp
- [Accordion] Add `region` slot (#46659) @sai6855
- [SpeedDial] Fix navigation with arrow keys when slotProps.fab is defined (#46508) @sai6855
- [Select] Improve `MenuProps.slotProps` implementation (#46612) @ZeeshanTamboli
- [Select] Implement pointer cancellation (#45789) @Kartik-Murthy
- [Switch] Add role="switch" (#46482) @ZeeshanTamboli
- [Autocomplete] Fix auto highlight when options change but not the length (#46489) @yafeng-c
### `@mui/codemod@7.3.0`
- Fix `v5.0.0/top-level-imports` codemod changing color imports (#46405) @AidanLDev
### Docs
- Add JetBrains IDEs MCP configuration (#46470) @bernardobelchior
- Add warning to array spacing section (#46542) @cherniavskii
- Add MCP server installation details for Claude Code (#46621) @saschabratton
- Fix incorrect command for MCP Inspector in mcp.md (#46630) @EndiM
- Fix incorrect Typography override example for responsive styles (#46558) @aditi291soni
- Improve MCP docs (#46557) @siriwatknp
- Fix displaying of components in dark mode (#46544) @sai6855
- Generate `template` entries about documented generics (#46540) @LukasTy
- Use fixed dates for stable CRUD dashboard screenshots (#46546) @apedroferreira
- Add "Edit in Mui Chat" button on demos (#46480) @siriwatknp
- Fix Menu customization demo (#46535) @siriwatknp
- Add dashboard with CRUD template based on Toolpad Core (#46376) @apedroferreira
- Clarify `createTheme` warning for future compatibility (#46476) @satendra03
- Remove typo in `_redirects` (#46463) @bharatkashyap
- Change API docs to stay inside Material UI (#46414) @bharatkashyap
- [Dialog] Fix Form dialog demo's actions button padding (#46506) @frontman-git
- [SpeedDial] Remove deprecated props from demos (#46485) @sai6855
- [Switch] Use `slotProps.input` instead of deprecated `inputProps` for accessible controlled switch (#46625) @adiitxa
### Core
- Fix ESLint reference name (80d32a2) @oliviertassinari
- Fix ESLint reference name (5fc166e) @oliviertassinari
- Add `@base-ui-components/*` to env info (#46539) @Janpot
- Remove dead property from routes (#46534) @oliviertassinari
- Fix unpinned version regression (#46438) @oliviertassinari
- [code-infra] Accomodate build requirements from mui-x (#46551) @brijeshb42
- [code-infra] Extend renovate preset from infra repo (#46483) @brijeshb42
- [code-infra] Use flat ESLint config (#46258) @brijeshb42
- [docs-infra] Remove comment saving in G-sheet option (#46617) @alexfauquette
- [docs-infra] Move `Open in MUI Chat` to Demo toolbar and adjust styles (#46579) @siriwatknp
- [docs-infra] Fix codeblock issues (#46323) @atharva3333
- [docs-infra] Handle white spaces and generate either TS or JS demo for llms files (#46494) @siriwatknp
- [examples] Rename PopOverMenu.tsx file to match its usage (#46532) @rjray
- [infra] Fix `test_types_next`, `test_react_18`, `test_react_next` jobs (#46182) @Janpot
- [infra] Remove package.json `module` field (#46620) @Janpot
- [infra] Upgrade form-data to >4.0.4 (#46618) @Janpot
- [infra] Use cpu option only in CI (#46588) @Janpot
- [infra] Update scripts to delete publishConfig.directory (#46563) @brijeshb42
- [infra] Remove `transform-runtime` from `next/babel` (#46552) @Janpot
- [infra] Revert nx update (#46538) @Janpot
- [infra] Replace Argos script with code-infra CLI and update deps (#46475) @Janpot
- [infra] Update node group in renovate config (#46474) @Janpot
- [infra] Move @playwright/test to peer deps in @mui/internal-test-utils (#46459) @Janpot
- [infra] Add instructions for patch release (#46382) @mnajdova
All contributors of this release in alphabetical order: @adiitxa, @aditi291soni, @AidanLDev, @alexfauquette, @apedroferreira, @atharva3333, @bernardobelchior, @bharatkashyap, @brijeshb42, @cherniavskii, @EndiM, @frontman-git, @Janpot, @Kartik-Murthy, @LukasTy, @mnajdova, @oliviertassinari, @rjray, @sai6855, @saschabratton, @satendra03, @siriwatknp, @yafeng-c, @ZeeshanTamboli
## 7.2.0
<!-- generated comparing v7.1.1..master -->
_Jun 26, 2025_
A big thanks to the 17 contributors who made this release possible. Here are the highlights ✨:
- ⚡️ Added `modularCssLayers` theme option for splitting styles into multiple CSS layers (#46001) @siriwatknp.
- 📖 Added example for using Material UI with React Router v7 (#46406) @siriwatknp.
### `@mui/material@7.2.0`
- [Backdrop] Fix handling of `component` prop (#46269) @sai6855
- [Chip] Explicitly define line-height (#46260) @DiegoAndai
- [Chip] Fix handling on event handlers (#46263) @sai6855
- [OutlinedInput][Input] Deprecate composed classes (#46316) @sai6855
- [Select] Pass MenuProps.slotProps.list alongside MenuListProps (#46274) @scousino
- [l10] Enable `labelDisplayedRows` translation for Romanian (#46377) @dhu-redwoodtech
- Skip generating `modularCssLayers` CSS var (#46329) @siriwatknp
### `@mui/system@7.2.0`
- Add `modularCssLayers` theme flag to split styles into multiple CSS layers (#46001) @siriwatknp
### `@mui/styled-engine@7.2.0`
- Do not reuse the emotion cache across SSR requests (#46276) @robbtraister
### `@mui/codemod@7.2.0`
- [Dialog] Add codemod for deprecated props (#46328) @sai6855
### Docs
- Don't forward `hasAiSuggestion` (#46415) @bharatkashyap
- Add introduction to MCP (#46224) @bharatkashyap
- Fallback for searchbar during SSR (#46364) @Janpot
- Update InitColorSchemeScript options to match colorSchemeSelector (#46302) @humble-barnacle001
- Add `ListItemButton` to make the deprecation clear (#46356) @siriwatknp
- Remove "Unstyled" section from component docs (#46272) @mapache-salvaje
- Add Testing section to Rating component doc (#46268) @0210shivam
- Fix fade modal demo (#46271) @brijeshb42
- [ai] Add suggestions to edit with MUI Chat (#46309) @bharatkashyap
- [Dialog] Fix form dialog uses ARIA roles on incompatible elements (#46307) @ZeeshanTamboli
- [Menu] Fix dark mode styling of grouped header demo (#46317) @sai6855
- [TextField] Removed type="number" demos (#46314) @KirankumarAmbati
- [examples] Add `material-ui-react-router-ts` example (#46406) @siriwatknp
### Core
- pnpm docs:sync-team (3641a0b) @oliviertassinari
- Add cross-env to ESLint script (#46358) @ZeeshanTamboli
- Support merging of className and style from theme (#45975) @sai6855
- [code-infra] Create bundle size package (#45911) @Janpot
- [docs-infra] Add a script to generate Material UI `llms.txt` and docs markdown. (#46308) @siriwatknp
- [docs-infra] Fix StackBlitz for js projects (#46220) @Janpot
- [infra] Add emotion as external for bundle monitor (#46372) @Janpot
- [infra] Create update PR on every canary publish for internal packages (#46367) @Janpot
- [infra] Remove deprecated esmExternals (#46365) @Janpot
- [infra] Support project-specific changelog in build scripts (#46425) @michaldudak
- [toolpad][website] Remove references to Toolpad (#46311) @prakhargupta1
All contributors of this release in alphabetical order: @0210shivam, @bharatkashyap, @brijeshb42, @dhu-redwoodtech, @DiegoAndai, @humble-barnacle001, @Janpot, @KirankumarAmbati, @mapache-salvaje, @michaldudak, @oliviertassinari, @prakhargupta1, @robbtraister, @sai6855, @scousino, @siriwatknp, @ZeeshanTamboli
## 7.1.2
_Jun 18, 2025_
A big thanks to the 2 contributors who made this release possible.
### `@mui/material@7.1.2`
- [Chip] Fix handling on event handlers (#46263) @sai6855
### Docs
- Fix fade modal demo (#46271) @brijeshb42
All contributors of this release in alphabetical order: @brijeshb42, @sai6855
## 7.1.1
<!-- generated comparing v7.1.0..master -->
_May 30, 2025_
A big thanks to the 15 contributors who made this release possible.
### `@mui/material@7.1.1`
- [Autocomplete] Fix label shrink issue when `renderValue` is used with empty array in multiple mode (#46047) @ZeeshanTamboli
- [Autocomplete] Prevent `renderValue` from being skipped when value is 0 (#46145) @LakshitAgarwal
- [Autocomplete] Add note in JSDoc for non-TextField components in `renderInput` (#46141) @khllbnomrn
- [Chip] Add slots and slotProps (#46098) @sai6855
- [Menu] Remove depreacted `MenuListProps` from demos (#46144) @sai6855
- [TablePaginationActions] Export TablePaginationActions as new component (#46149) @sai6855
- [SnackbarContent] Fix `square` prop not working (#46196) @0210shivam
- [SnackbarContent] Fix error when theme value is CSS variable (#46198) @0210shivam
### `@mui/codemod@7.1.1`
- Add package name option (#45977) @siriwatknp
### `@mui/system@7.1.1`
- Skip styled component from being transformed (#46129) @siriwatknp
- Update the type for borderRadius (#46154) @codiini
### `@mui/styled-engine@7.1.1`
- Fix variant props callback type to spread `ownerState` (#46187) @siriwatknp
### `@mui/stylis-plugin-rtl@7.1.1`
- Fix RTL does not work with CSS layer with a new package (#46230) @siriwatknp
### Docs
- [Dialog] Remove deprecated TransitionComponent from demo (#46185) @sai6855
- [Grid] Remove direction `column` and `column-reverse` from the demo (#46127) @0210shivam
- [Grid] Update grid migration guide (#46057) @sai6855
- [templates] Fix rendering of logos in dark mode (#46221) @sai6855
- [ToggleButtonGroup] Add spacing demo (#46058) @sai6855
- Fix typo in dark mode docs (#46229) @ZeeshanTamboli
- Clarify Next.js + Tailwind CSS v3 integration requirements (#46176) @chaitanyasharma1011
- Fix GridLegacy docs order (#46135) @oliviertassinari
- Update upgrade guide for resolution of `react-is` (#46002) @siriwatknp
- Remove oudated scaffoldhub ad (#46090) @oliviertassinari
- Show how to target global state classes with CSS Modules (#45992) @RubemMazzetto
### Core
- [code-infra] Add plugin to check for index file access (#46178) @Janpot
- [code-infra] Bump ESLint to v9 (#46222) @brijeshb42
- [code-infra] Move packages to mui/mui-public (#46155) @Janpot
- [code-infra] Move `chai` to peerDep (#46227) @JCQuintas
- [code-infra] Avoid loading barrel file during type checking (#46177) @Janpot
- [code-infra] Remove unnecessary ref from `HighlightedCode` component (#46151) @ZeeshanTamboli
- [code-infra] Import mocha type instead of global (#46108) @JCQuintas
- [code-infra] Dependabot also create branches (795a481) @oliviertassinari
- [code-infra] Avoid running continuous release on forks (#46103) @Janpot
- [code-infra] Remove checkout job altogether (#46100) @Janpot
- [code-infra] Remove required checkout workflows in circleci (#46099) @Janpot
- Run pnpm docs:sync-team (c8f1da5) @oliviertassinari
- Upgrade MUI X packages to v8 (#45990) @KenanYusuf
- Minor detail to reduce confusion (4c64b72) @oliviertassinari
- Update security.md (#45839) @DiegoAndai
- Apply yml convention, blank line only at top level (f273220) @oliviertassinari
- Add comment that lab should be in alpha (#45999) @oliviertassinari
All contributors of this release in alphabetical order: @0210shivam, @brijeshb42, @chaitanyasharma1011, @codiini, @DiegoAndai, @Janpot, @JCQuintas, @KenanYusuf, @khllbnomrn, @LakshitAgarwal, @oliviertassinari, @RubemMazzetto, @sai6855, @siriwatknp, @ZeeshanTamboli
## 7.1.0
<!-- generated comparing v7.0.2..master -->
_May 6, 2025_
A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
- 🎉 Material UI now works with **Tailwind CSS v4**! Check out the [setup guide](https://mui.com/material-ui/integrations/tailwindcss/tailwindcss-v4/).
### `@mui/material@7.1.0`
- [InputBase] Text cursor jumps several lines up when inserting text fragment with new line at the end (#45246) @yermartee
- [OutlinedInput] Add missing `notchedOutline` slot (#45917) @siriwatknp
- [Snackbar] Skip default `onClickAway` behavior when `defaultMuiPrevented` is provided (#45629) @sai6855
- [Avatar] Fix img slot types and add missing slots (#45483) @siriwatknp
- [Badge] Replace useSlotProps with useSlot hook (#45871) @sai6855
- [BottomNavigationAction] Add slots and slotProps (#45776) @sai6855
- [CardActionArea] Add slots and slotProps (#45866) @sai6855
- [useMediaQuery] Add warning and docs for using `useMediaQuery('print')` (#44790) @good-jinu
- Remove unnecessary clsx usages (#46084) @sai6855
- Corrected generic type definition in `SelectChangeEvent` (#45941) @SuyashShukla0007
- Fix theme object changes between renders (#45863) @siriwatknp
### `@mui/material-nextjs@7.1.0`
- Add option to enable CSS layers for pages router (#45596) @siriwatknp
- Do not wrap `@layer` order rules in App Router (#45864) @Nayeem-XTREME
### `@mui/system@7.1.0`
- Fix `@mui/system` types organization (#45860) @Janpot
### `@mui/styled-engine@7.1.0`
- Infer `ownerState` from props in `styled` (#46083) @siriwatknp
- Fix style overrides variants type (#45478) @siriwatknp
### Docs
- [Avatar] Add avatar upload demo (#45986) @Demianeen
- [Dialog] Remove deprecated props usage in demos (#45923) @sai6855
- [Menu] Update `paper` slot JSDoc default from `Paper` to `PopoverPaper` (#45722) @andreachiera
- [examples] Remove create-react-app usages (#45426) @CodeLeom
- Add `AccordionSummary` to the v5 breaking change migration (#45947) @siriwatknp
- Update CSS variable usage in migration guide for Pigment CSS (#46033) @sai6855
- Fix docs API dark mode color (#46086) @alexfauquette
- Add a guide for extending Material UI classes in Tailwind CSS (#46039) @siriwatknp
- Add `InitColorSchemeScript` docs and API (#45927) @siriwatknp
- Add Tailwind CSS v4 integration guide (#45906) @siriwatknp
- Fix 301 links to the system v6 (#45931) @oliviertassinari
- Add notification for MUI X v8 announcement (#45942) @joserodolfofreitas
- Fix som 301 redirections (ae84b35) @oliviertassinari
- Fix some 301 redirections (057384e) @oliviertassinari
- Fix logo is not centered on small screens (#45920) @crabsim
- Fix line break typo (a2a62d5) @oliviertassinari
- Fix markdown typo in templates.md (#45914) @scyzoryck
- Add Next.js App Router guide for custom classnames (#45852) @siriwatknp
### Core
- [code-infra] Give a stable name to dev tool app (3889ded) @oliviertassinari
- [code-infra] Normalize author package in org (8135638) @oliviertassinari
- [code-infra] Correct some manually curated .d.ts files (#46054) @Janpot
- [code-infra] Align deps versions (#46048) @Janpot
- [code-infra] Fix dynamic import in imports resolver (#46046) @Janpot
- [code-infra] Eliminate `@mui/utils` deep imports (#46004) @Janpot
- [code-infra] Expand renovate.json for react types (#45935) @Janpot
- [code-infra] Make Argos upload script reusable (#45883) @Janpot
- [code-infra] Disallow redundant window prefixes for globals (#45880) @Janpot
- [code-infra] Remove type generation of modern build (#45912) @Janpot
- [code-infra] Clean up bundle size checker (#45622) @Janpot
- [code-infra] Fix `StrictMode` effects not being called twice in React 19 tests (#45812) @bernardobelchior
- [code-infra] Convert `@mui/utils` to typescript (#45671) @Janpot
- [docs-infra] Improve export into sandbox package.json (#46044) @oliviertassinari
- [docs-infra] Update feedback Node.js to v22 (#46064) @oliviertassinari
- [docs-infra] Normalize netlify.toml in org (b101d5c) @oliviertassinari
- [docs-infra] Uniformize Vale between repositories (0f79796) @oliviertassinari
- [docs-infra] Fix Vale no longer working (#46029) @oliviertassinari
- [docs-infra] Remove demo styling switch (#45926) @Janpot
- [docs-infra] StackBlitz WebContainer demos (#45924) @Janpot
- [docs-infra] Fix feedback management (#45872) @alexfauquette
- [test] Replace `playwright` with `@playwright/test` (#45998) @ZeeshanTamboli
- Fix internal version duplication (#46051) @oliviertassinari
- Avoid the need for `@mui/material/themeCssVarsAugmentation` (#46053) @Janpot
- Add security label to dependabot PRs (0a5c027) @oliviertassinari
- Remove unecessary versions (#46034) @oliviertassinari
- Remove redundant overrides resolver (#45970) @romgrk
- Fix duplicate branch reference (#45915) @oliviertassinari
- Fix outdated <link rel="shortcut icon" (#45916) @oliviertassinari
- Fix redirection chains (#45930) @oliviertassinari
- Run pnpm docs:sync-team (beee09f) @oliviertassinari
- Add `pkg.pr.new` publishing (#42984) @Aslemammad
- Remove @mui/base from the master branch (#45857) @mnajdova
All contributors of this release in alphabetical order: @alexfauquette, @andreachiera, @Aslemammad, @bernardobelchior, @CodeLeom, @crabsim, @Demianeen, @good-jinu, @Janpot, @joserodolfofreitas, @mnajdova, @Nayeem-XTREME, @oliviertassinari, @renovate[bot], @romgrk, @sai6855, @scyzoryck, @siriwatknp, @SuyashShukla0007, @yermartee, @ZeeshanTamboli
## 7.0.2
_Apr 9, 2025_
A big thanks to the 12 contributors who made this release possible.
### `@mui/material@7.0.2`
- [Autocomplete] Add ability to render custom single value (#45387) @ZeeshanTamboli
- [Autocomplete] Prevent shrink animation in controlled Autocomplete when initial `value` is provided (#45734) @imadx
- [AvatarGroup] Fix `spacing` prop ignoring value `0` (#45799) @Kartik-Murthy
- [Dialog] Deprecate composed classes (#45418) @sai6855
### `@mui/material-nextjs@7.0.2`
- Fix nonce issues (#45794) @Janpot
- Add warnings to nextjs router integration (#45778) @Janpot
### `@mui/styled-engine@7.0.2`
- Added caching to `StyledEngineProvider` to improve performance for running tests with Jest (#45846) @siriwatknp
### Core
- [blog] Improve upvote video (0646444) @oliviertassinari
- [code-infra] Remove webpack aliases (#45841) @Janpot
- [code-infra] Remove .tsbuildinfo from build folder (#45727) @Janpot
- [code-infra] Stabilize theme viewer screenshot tests (#45768) @Janpot
- [code-infra] Remove modern bundles (#45808) @Janpot
- Update buildTypes script to optionally remove css imports (#45835) @brijeshb42
- Allow repo to be accepted as an argument for releaseTag (#45801) @brijeshb42
- Update scripts to support base-ui (#45784) @brijeshb42
- Sync scorecards.yml across codebase (4de5076) @oliviertassinari
- Remove baseUrl and skipLibCheck (#45806) @Janpot
- [docs-infra] Fix redirect styles pages (#45848) @siriwatknp
- [docs-infra] Remove false-positive Vale rules (#45843) @oliviertassinari
- [docs-infra] Make sure Next.js can find package.json through its aliases (#45840) @Janpot
- [docs-infra] Fix Next.js brand name coverage (6915f8d) @oliviertassinari
- [docs-infra] Fix layout shift between MIT and commercial pages (#45760) @oliviertassinari
- [docs-infra] Non breaking space for ESM (#45758) @oliviertassinari
- [support-infra] Remove dead 'workflow_call:' (#45736) @oliviertassinari
- [utils] Support cleanup callbacks in useForkRef (#45621) @DiegoAndai
### Docs
- Fix pigment vite integration example (#44746) @brijeshb42
- Update migration instructions and codemod references for deprecated APIs (#45793) @sai6855
- Add TanStack Router routing example (#44930) @vetledv
- Fix layout shifting in icons page (#45779) @sai6855
- Fix migration instructions (#45762) @oliviertassinari
- Fix wrong TypeScript support version (#45761) @oliviertassinari
- Fix link to mui-joy/src/styles/components.d.ts (#45763) @oliviertassinari
- Fix 301 link (ae94c40) @oliviertassinari
- Fix 301 links (abd8f63) @oliviertassinari
- Fix 301 redirection (c7658de) @oliviertassinari
- [nextjs] Migrate from deprecated "legacyBehavior" prop (#44871) @oliviertassinari
- [nextjs] Document CSP for Next.js Pages Router (#45798) @Grohden
All contributors of this release in alphabetical order: @brijeshb42, @DiegoAndai, @Grohden, @imadx, @Janpot, @Kartik-Murthy, @oliviertassinari, @renovate[bot], @sai6855, @siriwatknp, @vetledv, @ZeeshanTamboli
## 7.0.1
<!-- generated comparing v7.0.0..master -->
_Mar 28, 2025_
A big thanks to the 7 contributors who made this release possible.
### `@mui/material@7.0.1`
- Export ThemeProviderProps (#45701) @aarongarciah
- [Fab] Fix default variant text color when using CSS vars (#45714) @aarongarciah
- Remove mention of v7 in deprecation messages (#45708) @DiegoAndai
- [Popover] Allow `null` in `anchorEl` function return type (#45045) @eduter
- Fix missing CSSProperties/MixinOptions types (#45706) @Janpot
### `@mui/icons-material@7.0.1`
- [code-infra] Fix icon-material type resolution under `moduleResolution: "node"` (#45704) @Janpot
- Bring back individual icon dts (#45711) @Janpot
### Core
- Improve the release instructions (#45688) @mnajdova
### Docs
- Fix Masonry and Toolpad dark mode demos (#45721) @siriwatknp
- Update v7 related copy (#45716) @aarongarciah
- Avoid unwanted undefined in page title (#45718) @aarongarciah
- Fix joy templates error (#45715) @siriwatknp
- Rename GitHub icon import (#45709) @micttyoid
- Fix Safari issue in dark mode (#45696) @mnajdova
- Fix `Grid`, `GridLegacy`, `Stack`, `Badge`, `Select`, `Autocomplete` demos CSS variables (#45693) @DiegoAndai
- Add "Material UI v7 is here" to the notifications (#45694) @DiegoAndai
- Fix `Breadcrumbs`, `List`, `Divider`, and `Typography` dark mode demos (#45692) @siriwatknp
- Fix Material Icons page in dark mode (#45691) @mnajdova
All contributors of this release in alphabetical order: @aarongarciah, @DiegoAndai, @eduter, @Janpot, @micttyoid, @mnajdova, @siriwatknp
## 7.0.0
<!-- generated comparing v7.0.0-rc.0..master -->
_Mar 26, 2025_
🎉 We're happy to announce the stable release of v7.
- Read the [blog post](https://mui.com/blog/material-ui-v7-is-here/) about the announcement.
- Check out the [v7 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v7/).
### `@mui/material@7.0.0`
- [Autocomplete] Fix when `onHighlightChange` is called (#45438) @ZeeshanTamboli
- [Tabs] Fix modifier keys + Left/Right Arrow key from being consumed by tab navigation (#45345) @mushfiqbh
- Update minimum TypeScript support to 4.9 (#45535) @siriwatknp
### `@mui/system@7.0.0`
- [system] Fix palette mode does not change when not using CSS vars (#45660) @siriwatknp
### `@mui/lab@7.0.0-beta.9`
- [lab] Remove @mui/base dependency (#45602) @mnajdova
### Docs
- [docs] Fix unnecessary redirects for v7 (#45677) @Janpot
- [docs] Fix new React project link, CRA deprecated (#45362) @oliviertassinari
- [docs] Prepare the v7 upgrade guide for stable release (#45624) @DiegoAndai
- [docs] Fix grammatical errors in support.md (#45631) @letianpailove
- [docs] Update nextjs font optimization guide (#45600) @IshfaqAhmedProg
- [docs] Deprecate Toolpad Studio (#45613) @Janpot
- [docs] Sync the mode from page to demos #45661 @siriwatknp
### Core
- [blog] v7 stable release (#45623) @DiegoAndai
- [code-infra] Disable flaky masonry screenshot (#45678) @Janpot
- [code-infra] Migrate regression tests to vite (#44964) @Janpot
- [code-infra] Update rollup (#45666) @Janpot
- [code-infra] Support `React.ComponentType` in proptypes generation (#45664) @Janpot
- [code-infra] Ensure `translations.json` is present in all `@mui/docs` package builds (#45626) @LukasTy
- [code-infra] Improve Argos script debuggability (#45619) @Janpot
- [code-infra] Reconfigure `react-remove-properties` babel plugin (#45218) @Janpot
- [core] Prepare master for v7 stable (#45674) @DiegoAndai
- [core] Improve instructions on changing domain (#45637) @mnajdova
- [core] Deprecate `ponyfillGlobal` (#45606) @Janpot
- [docs-infra] Restructure docs theme context to CSS variables (#45386) @siriwatknp
- [styles] Remove code & docs (#45633) @mnajdova
All contributors of this release in alphabetical order: @DiegoAndai, @IshfaqAhmedProg, @Janpot, @letianpailove, @LukasTy, @mnajdova, @mushfiqbh, @oliviertassinari, @siriwatknp, @ZeeshanTamboli
## 7.0.0-rc.0
<!-- generated comparing v7.0.0-beta.4..master -->
_Mar 18, 2025_
A big thanks to the 4 contributors who made this release possible.
### `@mui/material@7.0.0-rc.0`
- [StepLabel] Add missing root slot (#45603) @sai6855
- [Switch] Add slots and slotProps (#45595) @siriwatknp
- [utils] Add merging function to `mergeSlotProps` utility (#45543) @siriwatknp
### Core
- [blog] Clarify the difference between the two Pro plans (#45266) @oliviertassinari
- [code-infra] Allow specifying a custom error formatter module for error minifcation (#45291) @Janpot
- [code-infra] Make `getVersionEnvVariables` reusable for other repos (#45562) @Janpot
- [code-infra] Update peer dependency of `@mui/utils` in `@mui/docs` (#45561) @Janpot
- Add StackBlitz template to issue template (#45504) @Janpot
All contributors of this release in alphabetical order: @Janpot, @oliviertassinari, @sai6855, @siriwatknp
## 7.0.0-beta.4
<!-- generated comparing v7.0.0-beta.3..master -->
_Mar 13, 2025_
A big thanks to the 10 contributors who made this release possible.
This release contains bug fixes 🐛 and improvements to the new package layout 🏗️.
### `@mui/material@7.0.0-beta.4`
- [Accordion] Add missing `root` slot (#45532) @sai6855
- [AccordionSummary] Add slots and slotProps (#45559) @sai6855
- [ListItemText] Add missing `root` slot (#45540) @sai6855
- [SpeedDial] Add missing `root` slot (#45541) @sai6855
- [Tooltip] Allow auto placement on tooltip (#45399) @Jtaks
- [useScrollTrigger] Do nothing if target is null (#45441) @vipierozan99
- [TextareaAutosize] Fix ResizeObserver causing infinite `selectionchange` loop (#45351) @mj12albert
- Fix negative input for CSS variables spacing array (#45550) @siriwatknp
- Add missing deprecations in deprecations-all file (#45505) @sai6855
- Rename some `@mui/material/styles/createTypography` exports (#45558) @Janpot
### `@mui/icons-material@7.0.0-beta.4`
- Remove unused icon names from the download script (#45453) @yermartee
### `@mui/system@7.0.0-beta.4`
- Prevent nested non-vars theme inheritance (#45545) @siriwatknp
- Disable theme recalculation as default behavior (#45405) @siriwatknp
- Fix package layout inconsistencies (#45491) @DiegoAndai
### `@mui/styled-engine@7.0.0-beta.4`
- Add `enableCssLayer` prop to StyledEngineProvider (#45428) @siriwatknp
### `@mui/types@7.3.0`
- [code-infra] Fix type resolution for @mui/types (#45513) @Janpot
### `@mui/utils@7.0.0-beta.4`
- Fix package layout inconsistencies (#45491) @DiegoAndai
- Use correct iri-reference homepage format (#45472) @dahiro
### Docs
- [Backdrop] Fix component name in migration guide (#45506) @sai6855
- [TextField] Add HTML input section to TextField page (#45439) @siriwatknp
### Core
- [code-infra] Convert a few docs modules to ts (#45548) @Janpot
- [code-infra] Remove more CJS modules from the docs (#45557) @Janpot
- [code-infra] Remove nested imports from theme augmentation (#45514) @Janpot
- [docs-infra] Add @ts-ignore to avoid type checking for MUI X (#45555) @siriwatknp
- [blog] Fix author end-of-year updates (#45533) @oliviertassinari
All contributors of this release in alphabetical order: @dahiro, @DiegoAndai, @Janpot, @Jtaks, @mj12albert, @oliviertassinari, @sai6855, @siriwatknp, @vipierozan99, @yermartee
## 7.0.0-beta.3
<!-- generated comparing v7.0.0-beta.2..master -->
_Mar 5, 2025_
A big thanks to the 3 contributors who made this release possible.
### `@mui/material@7.0.0-beta.3`
- Fix moduleResolution:node for icons (#45444) @Janpot
- [ThemeProvider] Add `storageManager` prop to `ThemeProvider` (#45136) @siriwatknp
- [Radio] Fix `inputProps` not forwarded (#45471) @siriwatknp
### `@mui/codemod@7.0.0-beta.3`
- [codemod] Fix codemods not found (#45473) @DiegoAndai
All contributors of this release in alphabetical order: @DiegoAndai, @Janpot, @siriwatknp
## 7.0.0-beta.2
<!-- generated comparing v7.0.0-beta.1..master -->
_Feb 27, 2025_
A big thanks to the 2 contributors who made this release possible.
### Core
- [code-infra] Add package.json export (#45433) @Janpot
- [blog] React 19 migration for MUI X (#45348) @arminmeh
All contributors of this release in alphabetical order: @arminmeh, @Janpot
## 7.0.0-beta.1
<!-- generated comparing v7.0.0-beta.0..master -->
_Feb 27, 2025_
This release fixes incorrect build output from the previous release (`beta.0`).
### Core
- [code-infra] Fix build:types script omitting folders with a dot in their name (#45422) @Janpot
- [release] Fix versions (#45420) @mj12albert
All contributors of this release in alphabetical order: @Janpot, @mj12albert
## 7.0.0-beta.0
<!-- generated comparing v7.0.0-alpha.2..master -->
_Feb 26, 2025_
A big thanks to the 8 contributors who made this release possible.
### `@mui/material@7.0.0-beta.0`
- [Modal][Dialog] Remove deprecated `onBackdropClick` (#45395) @DiegoAndai
- [Grid] Improve Grid2 upgrade experience (#45304) @DiegoAndai
- [Grid] Rename to GridLegacy (#45363) @DiegoAndai
- [Grid2] Rename to Grid (#45381) @DiegoAndai
- Remove SvgIcon data-testid in production (#45333) @Janpot
- Allow nested theme creation with `vars` (#45335) @siriwatknp
- [Rating] Deprecate \*Props and complete `slots`, `slotProps` (#45295) @harry-whorlow
- [Slider] Fix css class selector in migration guide (#45402) @sai6855
- [Slider] Fix spacings in .md files (#45388) @sai6855
- [styles] Remove deprecated exports (#45397) @DiegoAndai
- [Menu] Deprecate \*Props and complete `slots`, `slotProps` (#44913) @siriwatknp
- [StepButton] Remove StepIconButton type (#45396) @DiegoAndai
### Docs
- [Autocomplete] Remove unnecessary renderTags prop from Sizes demo (#45401) @ZeeshanTamboli
- Add `overriding-component-structure` doc to Material UI (#45186) @siriwatknp
- Fix typo in slider docs (#45390) @sai6855
- Fix Context Menu selection lost on Safari (#44903) @NooBat
### Core
- [code-infra] Fix types for @mui/styled-engine (#45413) @Janpot
- [docs-infra] Fix theme toggle call (#45400) @siriwatknp
- [docs-infra] Add `color-scheme` to document in iframe demos (#45406) @KenanYusuf
- [docs-infra] Revert to use deprecated `CssVarsProvider` for MUI X (#45371) @siriwatknp
- [docs-infra] Fix dark mode flicker for API pages (#45354) @siriwatknp
- [examples] Remove unnecessary comma in Material UI Vite JS example (#45370) @ZeeshanTamboli
- [test] Remove unused renderTags prop and fix key warning in Autocomplete regression test (#45410) @ZeeshanTamboli
All contributors of this release in alphabetical order: @DiegoAndai, @harry-whorlow, @Janpot, @KenanYusuf, @NooBat, @sai6855, @siriwatknp, @ZeeshanTamboli
## 7.0.0-alpha.2
<!-- generated comparing v7.0.0-alpha.1..master -->
_Feb 18, 2025_
A big thanks to the 9 contributors who made this release possible.
### `@mui/material@7.0.0-alpha.2`
- [Autocomplete] Remove legacy `aria-owns` attribute for combobox (#45302) @ZeeshanTamboli
- [Button] Apply id only if loading indicator is present (#45296) @aarongarciah
- [Hidden] Remove deprecated Hidden component (#45283) @DiegoAndai
- [InputBase] Deprecate composed classes (#45234) @sai6855
- [InputLabel] Changed size prop value from `normal` to `medium` (#45235) @perkrlsn
- Fix `slotProps.transition` types (#45214) @siriwatknp
### Docs
- Fix broken links to MUI X docs (#45145) @mapache-salvaje
- Add migration guide for package layout changes (#45222) @Janpot
- [icons] Fix typo in material-icons.md (#45334) @a-s-russo
### Core
- Disallow access to esm/modern barrel files (#45332) @Janpot
- [code-infra] Update `elliptic` (#45311) @Janpot
- Update release guide to specify package bumping rules (#45294) @DiegoAndai
All contributors of this release in alphabetical order: @a-s-russo, @aarongarciah, @DiegoAndai, @Janpot, @mapache-salvaje, @perkrlsn, @sai6855, @siriwatknp, @ZeeshanTamboli
## 7.0.0-alpha.1
<!-- generated comparing v7.0.0-alpha.0..master -->
_Feb 11, 2025_
A big thanks to the 11 contributors who made this release possible.
### `@mui/material@7.0.0-alpha.1`
- [Checkbox] Add slots and slotProps (#44974) @sai6855
- [LinearProgress][CircularProgress] Add variant overrides for module augumentation (#45163) @kingflamez
- [Drawer] Deprecate \*Props and complete `slots`, `slotProps` (#44960) @siriwatknp
- Fix wrong `slotProps` of `DetailsHTMLAttributes` types (#45215) @siriwatknp
- [MobileStepper] deprecate `LinearProgressProps` and complete `slots`, `slotProps` (#45033) @siriwatknp
- [Radio] Add slots and slotProps (#44972) @sai6855
- [Radio] Remove empty line (#45184) @sai6855
- [Slider] Deprecate composed classes (#45201) @sai6855
- [Snackbar] Fix generated proptypes (#45156) @siriwatknp
- [SpeedDialAction] Add slots and slotProps (#45065) @sai6855
- [SwitchBase] Fix spreading of `handlers` in getSlotProps (#45197) @sai6855
- [Tabs] Deprecate \*Props and complete `slots`, `slotProps` (#45012) @siriwatknp
- [TextField] Remove deprecated props from documentation (#45199) @sai6855
### `@mui/icons-material@7.0.0-alpha.1`
- Change icon source URL and add overrides (#45020) @siriwatknp
### `@mui/lab@7.0.0-beta.1`
- Remove components which were moved from lab to material (#45232) @DiegoAndai
### Docs
- [Autocomplete] Improve Google Maps search example (#44708) @oliviertassinari
- [Dialog] Removes deprecated PaperProps from docs (#45195) @sai6855
- [Menu] Add Grouped Menu demo (#45241) @noobDev31
- [material] Add disableInteractive on colorTool grid Tooltips (#37800) @Janpot
- [blog] Consistent Base UI terminology (#45264) @oliviertassinari
- A quick first step to update docs for Tailwind v4 (#45147) @oliviertassinari
- Fix `element.ref` accessing warning on docs (#45155) @DiegoAndai
- Mention Toolpad as experimental (#45273) @prakhargupta1
- [joy-ui] Update "Set up providers" section of integration with Material UI (#45183) @mateuseap
### Core
- Update branch switch tags (#45198) @DiegoAndai
- Fix double redirection to Base UI (#45146) @oliviertassinari
- Fix corepack and pnpm installation in CircleCI (#45185) @mj12albert
- Fix typo on Netlify script (#45278) @maximevtush
- [code-infra] Fix testing library resolution with custom react (#44061) @Janpot
- [code-infra] Update package layout for better ESM support (#43264) @Janpot
- Update `@typescript-eslint/*` packages and remove deprecated `eslint-config-airbnb-typescript` package (#45245) @ZeeshanTamboli
- [docs] Restore utility component docs from MUI Base to Material UI (#45213) @mapache-salvaje
- [docs] Sync active sponsors (#45204) @oliviertassinari
- [docs] Fix links in CONTRIBUTING.md (#45202) @bernardobelchior
- [docs-infra] Point to MUI X next docs (#45207) @cherniavskii
- [test] Fix React 18 tests (#45161) @DiegoAndai
All contributors of this release in alphabetical order: @bernardobelchior, @cherniavskii, @DiegoAndai, @Janpot, @kingflamez, @mapache-salvaje, @mateuseap, @maximevtush, @mj12albert, @noobDev31, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @ZeeshanTamboli
## 7.0.0-alpha.0
<!-- generated comparing v6.4.1..master -->
_Jan 31, 2025_
A big thanks to the 9 contributors who made this release possible.
This is the first alpha release of Material UI v7 🎉.
### `@mui/material@7.0.0-alpha.0`
- [Autocomplete] Prevent shrink animation in uncontrolled Autocomplete when default value is set (#44873) @ZeeshanTamboli
- [Popover] Deprecate \*Props and complete `slots`, `slotProps` (#45035) @siriwatknp
- [Slider] Fix arrow keys past the end for Slider with custom marks (#45050) @joshkel
- [SwitchBase] Deprecate `inputProps` and complete slots, slotProps (#45076) @siriwatknp
- [TextareaAutosize] Temporarily disconnect ResizeObserver to avoid loop error (#44540) @mj12albert
- [Slider] Narrow onChange value type (#44777) @good-jinu
- [Snackbar] Add Slots and SlotProps (#45103) @harry-whorlow
### `@mui/utils@7.0.0-alpha.0`
- Merge `sx` instead of override when using `mergeSlotProps` (#45062) @siriwatknp
### Core
- [code-infra] a few fixes uncovered during ESM updates (#45031) @Janpot
- [code-infra] Remove rsc-builder (#45079) @Janpot
- [code-infra] Remove commonjs imports in docs (#44976) @Janpot
- [docs-infra] Move Ukraine banner to the bottom (#45135) @oliviertassinari
- Fix MUI Base vale rule (#45140) @oliviertassinari
- Fix missing store contributor renaming (b3d1be0) @oliviertassinari
- Fix 404 errors (#45137) @oliviertassinari
- Prepare libraries for first v7 alpha release (#45132) @DiegoAndai
- Fix CHANGELOG vale failure (#45151) @DiegoAndai
### Docs
- Fix `/base-ui` redirect and prune links (#45083) @mj12albert
- Add v6 to v7 migration guide (#45143) @DiegoAndai
All contributors of this release in alphabetical order: @DiegoAndai, @good-jinu, @harry-whorlow, @Janpot, @joshkel, @mj12albert, @oliviertassinari, @siriwatknp, @ZeeshanTamboli
## Older versions
Changes before 7.x are listed in our [changelog for older versions](https://github.com/mui/material-ui/blob/HEAD/CHANGELOG.old.md).
================================================
FILE: CHANGELOG.old.md
================================================
## 6.4.2
<!-- generated comparing v6.4.1..v6.x -->
_Jan 29, 2025_
A big thanks to the 5 contributors who made this release possible.
### `@mui/material@6.4.2`
- [Autocomplete] Prevent shrink animation in uncontrolled Autocomplete when default value is set (#44873) @ZeeshanTamboli
- [Slider] Fix arrow keys past the end for Slider with custom marks (#45050) @joshkel
- [TextareaAutosize] Temporarily disconnect ResizeObserver to avoid loop error (#44540) @mj12albert
### Core
- [code-infra] a few fixes uncovered during ESM updates (@Janpot) (#45100) @Janpot
- [code-infra] Remove rsc-builder (#45079) @Janpot
- [code-infra] Remove commonjs imports in docs (#44976) @Janpot
- Prepare stable release from the `v6.x` branch (#45133) @DiegoAndai
### Docs
- Fix `/base-ui` redirect and prune links (#45083) @mj12albert
All contributors of this release in alphabetical order: @DiegoAndai, @Janpot, @joshkel, @mj12albert, @ZeeshanTamboli
## 6.4.1
<!-- generated comparing v6.4.0..master -->
_Jan 21, 2025_
A big thanks to the 9 contributors who made this release possible.
### `@mui/material@6.4.1`
- [ButtonBase] Export types used in ButtonBase props (#43530) @Janpot
- [Dialog] Add slots and slotProps (#44792) @sai6855
- [Drawer] Deprecate composed classes (#44870) @yash49
- [IconButton] Set default loading to `null` (#45057) @siriwatknp
- [ListItem] Add codemod for deprecated props (#45022) @sai6855
- [Modal] Add migration guide and codemod for deprecated props (#45021) @sai6855
- [TextField] Fix filled state to be synced with autofill (#44135) @DiegoAndai
### `@mui/system@6.4.1`
- Fix dark mode flicker using `useEnhancedEffect` (#44812) @siriwatknp
### `@mui/utils@6.4.1`
- Do not deep merge React component (#45058) @siriwatknp
### Docs
- Fix typo (#45070) @Fullchee
- Improve Toolpad templates section (#44914) @bharatkashyap
- Fix expand / collapse icons orientation (#44989) @zanivan
- Rename "Base UI" to "MUI Base" in all text (#45060) @mj12albert
- Add @mui/base deprecation callout (#45030) @mj12albert
- Update @mui/base deprecation message (#45064) @mj12albert
### Core
- [code-infra] Add "use client" directive to files with React APIs (#45036) @Janpot
- [docs] 301 redirect `/base-ui` to `base-ui.com` (#45061) @mj12albert
All contributors of this release in alphabetical order: @bharatkashyap, @DiegoAndai, @Fullchee, @Janpot, @mj12albert, @sai6855, @siriwatknp, @yash49, @zanivan
## 6.4.0
<!-- generated comparing v6.3.1..master -->
_Jan 13, 2025_
A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
- Added [`loading` prop](https://mui.com/material-ui/react-button/#loading-2) to the `Button` and `IconButton` components (#44637) @siriwatknp
### `@mui/material@6.4.0`
- [Alert] complete `slots` and `slotProps` (#44971) @siriwatknp
- [Autocomplete] Sync runtime and TS types for key in grouped options (#44862) @aarongarciah
- [Button] Add `loading` prop (#44637) @siriwatknp
- [CardHeader] Deprecate `*TypographyProps` and complete `slots`, `slotProps` (#44729) @siriwatknp
- [CircularProgress] Improve indeterminate animation to be symmetric and smooth (#44934) @yashdev16
- [LinearProgress] Deprecate composed classes (#44933) @headironc
- [Link] Fix error for using custom palette with underline (#44927) @siriwatknp
- [Select] Do not set `aria-controls` when closed (#44919) @siddhantantil39
- [Select] Add missing root class (#44928) @sai6855
- [Slider] Set onChangeCommitted to receive the last argument passed to onChange (#44795) @good-jinu
- Add `mergeSlotProps` for extending components (#44809) @siriwatknp
- Update `mergeSlotProps` to merge `style` (#44959) @siriwatknp
- Fix slots typing for Tooltip and StepLabel (#44985) @siriwatknp
- Remove unnecessary blank lines (#44980) @sai6855
### Docs
- [docs] Fix Dashboard sidenav sroll (#44876) @oliviertassinari
- [docs] Fix broken anchor link to w3.org (c51af8e) @oliviertassinari
- [docs] Add details on complementary Menu components (#44957) @samuelsycamore
- [docs] Remove misleading messaging on MD3 support (#44953) @mnajdova
- [docs] Fix code copy button obscuring on small screen sizes (#44861) @ZeeshanTamboli
- [docs] Remove more instances of Adobe XD (#44956) @samuelsycamore
- [docs] Remove Adobe XD chips, links, and mentions (#44909) @samuelsycamore
- [docs] Fix incorrect rendering in Typography docs (#44937) @iaziz11
### Core
- [core] Remove redundant screenshots (#44877) @oliviertassinari
- [core] Remove Suspense and clock mocking from regressions and e2e tests (#44935) @DiegoAndai
- [code-infra] Allow react@18 on `@mui/internal-test-utils` (#45023) @LukasTy
- [code-infra] Stabilize flaky pigment progressbar tests (#44969) @Janpot
- [example] Update the CDN example to adapt React 19. (#44979) @IceOfSummer
- [figma] Clarify that Material UI Sync plugin is experimental (#44975) @oliviertassinari
All contributors of this release in alphabetical order: @aarongarciah, @DiegoAndai, @good-jinu, @headironc, @iaziz11, @IceOfSummer, @Janpot, @LukasTy, @mnajdova, @oliviertassinari, @sai6855, @samuelsycamore, @siddhantantil39, @siriwatknp, @yashdev16, @ZeeshanTamboli
## 6.3.1
<!-- generated comparing v6.3.0..master -->
_Jan 3, 2025_
A big thanks to the 8 contributors who made this release possible.
### `@mui/material@6.3.1`
- [Autocomplete] Revert: Fix options list rendering in freeSolo mode (#44858) @ZeeshanTamboli
- [Tooltip] Warn instead of error when trigger is disabled (#44846) @yash49
- [TableSortLabel] Add slots and slotProps (#44728) @sai6855
- [Select] Deprecate composed classes (#44925) @sai6855
### Docs
- [material-ui][Accordion] Update `Anatomy` section in Accordion docs (#44849) @ZeeshanTamboli
- [material-ui][CardActionArea] Added demo in docs of cards for adding props to CardActionArea (#44789) @siddhantantil39
- [material-ui][Grid2] Add interactive demo for Grid v2 (#44820) @yash49
- [material-ui][Select] Update docs to reflect the omission of placeholder prop (#44856) @adityaparab
- [joy-ui] Fix Color mode button on Theme builder (#44864) @komkanit
- Fix 301 redirections @oliviertassinari
### Core
- [examples] Update Next.js examples Next.js and React versions (#44852) @DiegoAndai
- [code-infra] Prevent wrong nested imports in Base UI (#44426) @oliviertassinari
- [docs-infra] Add vale coverage for App Router and Pages Router (060c55c) @oliviertassinari
- Sync with other repos (1b9300f) @oliviertassinari
- Fix docs:build to work in docs folder too (6b923a4) @oliviertassinari
- Setup React 18 CI tests (#44868) @DiegoAndai
- Update test to use public API (#44875) @oliviertassinari
All contributors of this release in alphabetical order: @adityaparab, @DiegoAndai, @komkanit, @oliviertassinari, @sai6855, @siddhantantil39, @yash49, @ZeeshanTamboli
## 6.3.0
<!-- generated comparing v6.2.1..master -->
_Dec 23, 2024_
A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- Fix invalid HTML structure in the Accordion component (#44408) @ZeeshanTamboli
The HTML elements of the Accordion summary have been updated:
- the root element is now button (previously div).
- summary content and the icon wrapper are now span (previously div).
This will only impact you if you used the HTML element as selectors in your styles.
### `@mui/material@6.3.0`
- [Accordion] Fix invalid HTML inside heading (#44408) @ZeeshanTamboli
- [useAutocomplete] Improve TS typing of `groupedOptions` prop (#44657) @lewxdev
- Prevent `ownerState` propagation for transition slots (#44401) @ZeeshanTamboli
- [StepContent] Add slots and slotProps (#44742) @sai6855
- [TablePagination] Add the rest of `slots` and `slotProps`. (#44570) @siriwatknp
### `@mui/system@6.3.0`
- Set `before` directly without using prepend for global styles (#44648) @siriwatknp
### Docs
- [material-ui] Improve `theme.applyStyles()` docs (#44658) @DiegoAndai
- [material-ui] Update MD callout (#43958) @aarongarciah
### Core
- Remove unnecessary conditional around `.muiName =` (#44071) @Janpot
- [blog] Material UI: 2024 EOY updates blog post (#44722) @alelthomas
- Fix quickstart command in pigment docs (#44806) @yash49
- [docs-infra] Remove Next.js production profiler (#44823) @romgrk
- [docs-infra] Remove no longer support `optimizeFonts` Next.js option (#44802) @LukasTy
All contributors of this release in alphabetical order: @aarongarciah, @alelthomas, @DiegoAndai, @Janpot, @lewxdev, @LukasTy, @romgrk, @sai6855, @siriwatknp, @yash49, @ZeeshanTamboli
## 6.2.1
<!-- generated comparing v6.2.0..master -->
_Dec 17, 2024_
A big thanks to the 10 contributors who made this release possible.
### `@mui/material@6.2.1`
- Update `overridesResolver` return from object to array of styles (#44752) @siddhantantil39
- [Pagination] Use correct `aria-current` value (#44753) @jacklaurencegaray
- [Select] Set `aria-required` & `aria-invalid` on `combobox` instead of hidden input (#44731) @ben-pomelo
### `@mui/system@6.2.1`
- Warns if the hex color contains trailing space (#44538) @siriwatknp
### Docs
- [material-ui][Dialog] Fix crashing of DraggableDialog demo (#44747) @sai6855
- [material-ui][TextField] Update `react-number-format` demo to use the recommended prop (#44743) @siriwatknp
- [material-ui][TextField] Add size default prop to api docs (#44714) @sai6855
- [material-ui][TextField] Add suffix shrink demo (#44744) @siriwatknp
### Core
- [api-docs-builder] Preserve multiline prop descriptions with `rawDescriptions` option (#44737) @vladmoroz
- Fix running mocha related scripts on Windows locally (#44664) @ChristopherJamesL
- Update `eslint-plugin-jsx-a11y` (#44701) @ZeeshanTamboli
- Add documentation to `useThemeProps`, `deepmerge` and `composeClasses` functions (#44703) @JCQuintas
- [examples] Add Theme Mode Switch to Next.js TS example (#43576) @TurtIeSocks
All contributors of this release in alphabetical order: @ben-pomelo, @ChristopherJamesL, @jacklaurencegaray, @JCQuintas, @sai6855, @siddhantantil39, @siriwatknp, @TurtIeSocks, @vladmoroz, @ZeeshanTamboli
## 6.2.0
<!-- generated comparing v6.1.10..master -->
_Dec 10, 2024_
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- Material UI is now compatible with React 19 (#44672) @DiegoAndai
- Fixed incorrect `aria-orientation` for vertical sliders. <kbd>ArrowRight</kbd> now increases the value and <kbd>ArrowLeft</kbd> decreases the value in vertical sliders; they were reversed in prior versions. (#44537) @mj12albert
### `@mui/material@6.2.0`
- [Box] Add missing `component` to `BoxProps` type (#44643) @DiegoAndai
- [Grid] Fix spacing when using css variables (#44663) @DiegoAndai
- [ListItemText] Add `slots` and `slotProps` (#44571) @sai6855
### Docs
- Add Toolpad Core template link (#44415) @bharatkashyap
### Core
- [docs-infra] Allow custom annotations (#44707) @vladmoroz
- [Box] Fix `component` prop test (#44651) @DiegoAndai
- React 19 useRef cleanup (#44704) @DiegoAndai
- Remove obselete lerna options (#44676) @ZeeshanTamboli
- Fix Regular Expression Denial of Service (ReDoS) vulnerabilities (#44627) @SuperMaxine
- Fix number of contributors (#44650) @aarongarciah
- [docs-infra] Add support for data attributes in the API generation (#44709) @mnajdova
- [docs-infra] Fix RTL dark mode (#41803) @alexfauquette
- [Grid] Remove deeply nested imports (#43605) @Janpot
All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @bharatkashyap, @DiegoAndai, @Janpot, @mj12albert, @mnajdova, @sai6855, @SuperMaxine, @vladmoroz, @ZeeshanTamboli
## 6.1.10
<!-- generated comparing v6.1.9..master -->
_Dec 3, 2024_
A big thanks to the 11 contributors who made this release possible.
### `@mui/material@6.1.10`
- [Avatar] Fix `slotProps.img` not spread to hook (#44536) @siriwatknp
- [FilledInput] Use `slotProps` instead of `componentsProps` (#44552) @siriwatknp
- [Grid2] Fix theme scoping error (#44599) @siriwatknp
- [Grid2] Add container styles from styleOverrides (#44598) @sai6855
- Skip `tonalOffset` from setting color channel (#44585) @siriwatknp
- Remove few more React.ReactElement<any> types (#44290) @sai6855
- [Tabs] Fix `ScrollbarSize` ref being overriden (#44593) @DiegoAndai
- [Select][TextField] Fix screen reader from saying `&ZeroWidthSpace` (#44631) @arishoham
### `@mui/system@6.1.10`
- [ThemeProvider] Optimize `theme` changes when enabling CSS theme variables (#44588) @siriwatknp
### Docs
- Notification for the MUI X v8 alpha zero announcement blog post (#44629) @joserodolfofreitas
- Bump React Router to ^7.0.1 (#44531) @oliviertassinari
- [material-ui] Replace testid with id in migration guide (#44636) @sai6855
- [material-ui][TextField] Update usage of `InputLabelProps` in docs (#44634) @sai6855
- [material-ui][ListItem] Add missing diffs in migration guide (#44638) @sai6855
- [examples] Use Next.js 14 on examples (#44486) @DiegoAndai
- Update links and sidebar nav for Base UI components in Material UI (#44581) @samuelsycamore
### Core
- Remove `getSlotOwnerState` from `useSlot` util (#44403) @ZeeshanTamboli
- Extract useRippleHandler outside of ButtonBase (#44591) @albarv340
- Update ESLint config (#44586) @MBilalShafi
- [core-infra] Remove useless fragments (#44516) @oliviertassinari
- [docs-infra] Fix Banner CLS (#44632) @oliviertassinari
- [docs-infra] Change CSS vars generation to be extracted from Enum (#44587) @mnajdova
- [docs-infra] Automatically hide Black Friday banner (#44630) @oliviertassinari
- [docs-infra] Fix TOC RTL padding regression (#44535) @oliviertassinari
- [test-utils] Remove leftover React.ReactElement<any> from describeConformance.tsx (#44639) @sai6855
All contributors of this release in alphabetical order: @albarv340, @arishoham, @DiegoAndai, @joserodolfofreitas, @MBilalShafi, @mnajdova, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
## 6.1.9
<!-- generated comparing v6.1.8..master -->
_Nov 27, 2024_
A big thanks to the 8 contributors who made this release possible.
### `@mui/material@6.1.9`
- [Select] Omit `placeholder` from props (#44502) @Juneezee
- [Grid2] Add container class to `Grid2Classes` (#44562) @sai6855
### `@mui/system@6.1.9`
- Add ThemeProvider `noSsr` to prevent double rendering (#44451) @siriwatknp
### `@mui/codemod@6.1.9`
- [codemod] Fix handling of computed `paragraph` props (#44195) @joshkel
### `@mui/material-pigment-css@6.1.9`
- Make @pigment-css/react as peer dependency (#44498) @brijeshb42
### Docs
- [material-ui] Add missing required dependencies in dashboard template README (#44476) @mesqueeb
- [material-ui] Add missing Roboto import to Next.js integration docs (#44462) @StaceyD22
- [material-ui][Dialog] Fix padding in SimpleDialog demo (#44467) @oliviertassinari
- Fix template page issues (#44466) @oliviertassinari
- [examples] Add dark mode example for Material UI + Pigment CSS (#44480) @mnajdova
### Core
- Remove TODO line in the changelog (#44484) @mnajdova
- Polish image display (418e888) @oliviertassinari
- [core-infra] Add no-relative-packages (#44489) @oliviertassinari
- [docs-infra] Support CSS variables API info (#44559) @mnajdova
- [docs-infra] Fix display when ad-block triggers (#44567) @oliviertassinari
- [docs-infra] Improve locator finding using visible option (#44541) @siriwatknp
- [docs-infra] Correctly flatten the pages tree (#44514) @oliviertassinari
- [docs-infra] Fix Sponsor design regression (#44515) @oliviertassinari
- [test] Remove React.ReactElement<any> from describeConformance.tsx (#44318) @sai6855
- [test] Do not enforce the presence of `ownerState.className` in `describeConformance` (#44479) @flaviendelangle
All contributors of this release in alphabetical order: @brijeshb42, @flaviendelangle, @joshkel, @Juneezee, @mesqueeb, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @StaceyD22
## v6.1.8
<!-- generated comparing v6.1.7..master -->
_Nov 20, 2024_
A big thanks to the 10 contributors who made this release possible.
### `@mui/material@6.1.8`
- [Autocomplete] Use `ul` element for the listbox (#44422) @DiegoAndai
- [Grid2] Remove item and zeroMinWidth classes from grid2Classes (#44419) @sai6855
- [StepIcon] Add SvgIconOwnProps type to StepIcon props (#44337) @sai6855
- Add generic back to `useMediaQuery` to prevent a breaking change (#44455) @siriwatknp
- [Tooltip] Deprecate `*Component` and `*Props` for v6 (#44350) @siriwatknp
### `@mui/system@6.1.8`
- Warn when calling `setMode` without configuring `colorSchemeSelector` (#43783) @siriwatknp
### `@mui/styled-engine@6.1.8`
- Add back removed internal function (#44421) @mnajdova
### `@mui/utils@6.1.8`
- Skip deep clone React element (#44400) @siriwatknp
- Add documentation to `useForkRef` (#44410) @JCQuintas
### Docs
- [Accordion] Replace hardcoded classes with constants in demos (#44453) @ZeeshanTamboli
- [material-ui][Autocomplete] Fix virtualization demo (#44382) @DiegoAndai
- Revert #44388 (#44454) @prakhargupta1
- Add App starters in related-projects.md (#44315) @oliviertassinari
- Bring back `*Component` and `*Props` codemods and deprecation messages (#44383) @DiegoAndai
- [docs] Copyedit Templates page (#44461) @samuelsycamore
### Core
- Remove `stylis-plugin-rtl-sc` (#44447) @renovate[bot]
- [test][Autocomplete] Make virtualize regression screenshots deterministic (#44425) @DiegoAndai
- [blog] Fix reference to subdomain on MUI X v8 alpha zero post (#44416) @joserodolfofreitas
- [blog] MUI X v8 alpha zero blog post (#44377) @joserodolfofreitas
- [code-infra] Use vitest-compatible skip in `describeConformance` (#44412) @JCQuintas
- Keep OpenSSF badge up-to-date (aef2bf2) @oliviertassinari
- Polish useForkRef docs (#44424) @oliviertassinari
- [infra] Upgrade Cherry-pick workflow to latest (#44448) @oliviertassinari
All contributors of this release in alphabetical order: @DiegoAndai, @JCQuintas, @joserodolfofreitas, @mnajdova, @oliviertassinari, @prakhargupta1, @sai6855, samuelsycamore, @siriwatknp, @ZeeshanTamboli
## v6.1.7
<!-- generated comparing v6.1.6..master -->
_Nov 13, 2024_
A big thanks to the 13 contributors who made this release possible.
This release includes fixes as well as documentation improvements.
### `@mui/material@6.1.7`
- Fix default props theme scoping (#44340) @siriwatknp
- Support theme scoping in `useMediaQuery` (#44339) @siriwatknp
- [Grid] Fix regression spacing prop with string value (#44376) @siriwatknp
### `@mui/styled-engine-sc@6.1.7`
- Fix missing `@types/hoist-non-react-statics` causing `styled` returns any (#44397) @megos
### Docs
- Replace 'Experimental APIs - Toolpad' with 'Toolpad (Beta)' (#44388) @prakhargupta1
- Fix Pigment CSS install (#44353) @oliviertassinari
- Fix dashboard menu warning (#44317) @siriwatknp
- Add runtime theme section for Material Pigment CSS (#44137) @siriwatknp
- Add hash to `key` to remove noise from console (#44289) @sai6855
- Revise Example Projects and Related Projects pages (#44191) @samuelsycamore
- [material-ui] Fix typo in typography theme set up for templates (#44338) @navedqb
- [material-ui] Add StackBlitz/CodeSandbox buttons to template cards (#44253) @zanivan
- [material-ui] Fix Sign-in/Sign-up templates layout (#44281) @zanivan
- [material-ui] Remove noise in template (#44260) @oliviertassinari
- [material-ui][Rating] Add uncontrolled example to Basic Rating demo (#44386) @sai6855
- [material-ui][TextField] Replace InputProps with slotProps.input in demo (#44288) @sai6855
### Core
- [blog] Follow media asset guidelines (#44374) @oliviertassinari
- [code-infra] Changes for test util to work in `vitest` (#43625) @JCQuintas
- Remove old marked JS options (#44375) @ZeeshanTamboli
- Fix webpack capitalization (#44352) @oliviertassinari
- Fix Next.js link 404 (710cd95) @oliviertassinari
- Update Gold sponsoring backlinks (#44316) @oliviertassinari
- Fix tools-public.mui.com redirection (9196fa5) @oliviertassinari
- Remove blank AlertTitle test file (#44282) @ZeeshanTamboli
- [docs-infra] Fix ad in RTL (#44345) @oliviertassinari
- [docs-infra] Enforce punctuation on descriptions (#44292) @oliviertassinari
- [docs-infra] Add CodeSandbox and StackBlitz to vale vocab (6db477a) @oliviertassinari
- [docs-infra] Fix correct spelling of VS Code (#44277) @oliviertassinari
- [docs-infra] Add a `rawDescriptions` option (#44390) @vladmoroz
- [examples] Add missing `clsx` dependency (#43526) @Janpot
- [infra] Fix @renovate[bot] appearing in changelog (#44275) @mnajdova
All contributors of this release in alphabetical order: @Janpot, @JCQuintas, @megos, @mnajdova, @navedqb, @oliviertassinari, @prakhargupta1, @sai6855, @samuelsycamore, @siriwatknp, @vladmoroz, @zanivan, @ZeeshanTamboli
## v6.1.6
<!-- generated comparing v6.1.5..master -->
_Oct 30, 2024_
A big thanks to the 13 contributors who made this release possible.
### `@mui/material@6.1.6`
- [Autocomplete] Add missing `onMouseDown` type to AutocompleteRenderInputParams (#44183) @sai6855
- [Avatar] Fix AvatarGroup spacing (#44208) @aarongarciah
- [AvatarGroup] Fix spacing CSS variable (#44202) @navedqb
- [Divider] Fix CSS specificity order (#44204) @o-alexandrov
- [Slider] Fix value prop type warning (#44131) @joshkel
- Replace `useThemeProps` with `useDefaultProps` (#44193) @siriwatknp
### `@mui/material-nextjs@6.1.6`
- Support Next 15.0.0 (#42428) @nphmuller
### `@mui/lab@6.0.0-beta.14`
- [Tabs] Fix type of TabPanel component (#44207) @blackcow1987
### `@mui/codemod@6.1.6`
- Fix system props default import specifier (#44170) @siriwatknp
### `@mui/utils@6.1.6`
- Bring back useIsFocusVisible (#44256) @aarongarciah
- Bring back getReactNodeRef (#44248) @aarongarciah
### Docs
- [material-ui][Avatar] Add AvatarGroup spacing demo (#44209) @aarongarciah
- Fix a typo in CONTRIBUTING.md (#44200) @prakhargupta1
- Mark the Hidden component as deprecated in the sidenav (#44068) @jimmycallin
- Use () when referencing functions (#44184) @oliviertassinari
- Follow types description convention (#44187) @oliviertassinari
### Core
- Lock file maintenance (#43947)
- Run @mui/icon-material src:icons (#44097) @oliviertassinari
- [test][material-ui] Add tests for Pigment Grid and Stack (#44132) @DiegoAndai
- [test] Distinguish private with public tests API (#44188) @oliviertassinari
- [docs-infra] Add recursively the relative modules in the demos (#44150) @mnajdova
All contributors of this release in alphabetical order: @aarongarciah, @blackcow1987, @DiegoAndai, @jimmycallin, @joshkel, @mnajdova, @navedqb, @nphmuller, @o-alexandrov, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp
## v6.1.5
<!-- generated comparing v6.1.4..master -->
_Oct 22, 2024_
A big thanks to the 9 contributors who made this release possible.
### `@mui/material@6.1.5`
- [Autocomplete] Fix bug with child chip button events propagating to parent (#43982) @snapwich
- [Autocomplete] Fix Autocomplete crashing if ownerState is used in styleOverrides (#43994) @sai6855
- [Checkbox] Fix disableRipple regression (#44099) @siriwatknp
- [Dialog] Add the aria-modal="true" by default (#44118) @mnajdova
- [IconButton] Fix disableRipple behavior when disableRipple is set in MuiButtonBase theme (#43714) @sai6855
- [pigment-css] Support project without enabling CSS variables (#44171) @siriwatknp
- Make the palette always return new light and dark object (#44059) @siriwatknp
### `@mui/system@6.1.5`
- Add `defaultMode` to `InitColorSchemeScript` (#44139) @siriwatknp
### `@mui/codemod@6.1.5`
- [Grid2] Add removal `zeroMinWidth` prop to codemod (#44178) @sai6855
### Docs
- [material-ui][FormControlLabel] Don't use unintuitive label position on chec… (#44119) @mnajdova
- [material-ui][TextField] Dynamically modify the eye password button aria-label (#44122) @ChinoUkaegbu
- [icons] Run pnpm docs:mdicons:synonyms (#44098) @oliviertassinari
- [joy-ui] Update Overview copy to match Readme (#44136) @samuelsycamore
- Add CodeSandbox/StackBlitz to the rest of the templates (#43708) @siriwatknp
- Update Figma link to fix 301 (a7b7d9c) @oliviertassinari
- Link Toolpad from Core repo (#44111) @prakhargupta1
- Remove HighlightedCode max-width (#43731) @Janpot
### Core
- [code-infra] Widen ESLint file patterns (#44148) @Janpot
- [code-infra] Fix icon builder tests (#44143) @Janpot
- [code-infra] Fix dependabot vulnerabilities (#44124) @Janpot
- [core] Reference commits in changelog when no PR (#44115) @oliviertassinari
- [examples] Fix Pigment CSS Vite example (#44074) @oliviertassinari
- Fix fast-xml-parser vulnerability (#44121) @Janpot
All contributors of this release in alphabetical order: @ChinoUkaegbu, @Janpot, @mnajdova, @oliviertassinari, @prakhargupta1, @sai6855, @samuelsycamore, @siriwatknp, @snapwich
## v6.1.4
<!-- generated comparing v6.1.3..master -->
_Oct 15, 2024_
A big thanks to the 9 contributors who made this release possible.
### `@mui/material@6.1.4`
- [Checkbox] Fix disableRipple regression (#44099) @siriwatknp
- [IconButton] Fix disableRipple behavior when disableRipple is set in MuiButtonBase theme (#43714) @sai6855
- Make the palette always return new light and dark object (#44059) @siriwatknp
- Simplify createPalette (#44075) @oliviertassinari
### Docs
- Improve Toolpad Core docs (#43796) @bharatkashyap
- Tweak Joy UI section in README (#44103) @aarongarciah
- Fix 404 link to Next.js @oliviertassinari
- [toolpad core] In the sidebar, move 'new' label to the components (#44070) @prakhargupta1
- Fix small typo on Grid2 page (#44062) @zanivan
- Clarify suggestions to use `@mui/styles` in v5 migration docs (#44049) @samuelsycamore
### Core
- [code-infra] Link to production app for bundle size (#44076) @oliviertassinari
- [code-infra] Disable cron job for React 17 tests (#44065) @Janpot
- Remove [website] from changelog (#44069) @oliviertassinari
- Apply #44052 to the latest release as well @oliviertassinari
- Fix proptypes generation when multiple components per file (#44058) @Janpot
- Remove <-- from changelog (#44052) @oliviertassinari
- [examples] Avoid git diff when playing with examples @oliviertassinari
- [test] Remove dead code (#44056) @Janpot
All contributors of this release in alphabetical order: @aarongarciah, @bharatkashyap, @Janpot, @oliviertassinari, @prakhargupta1, @sai6855, @samuelsycamore, @siriwatknp, @zanivan
## v6.1.3
<!-- generated comparing v6.1.2..master -->
_Oct 9, 2024_
A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Improved performance on styled components by pre-serializing and caching the styles (#43412) @romgrk
### `@mui/material@6.1.3`
- Change React.ReactElement<any> to React.ReactElement<unknown> (#43402) @sai6855
- [Badge] Make keys in anchor origin partial (#43950) @sai6855
- [Grid2] Fix column spacing for nested containers (#43733) @Janpot
- [Grid2] Remove required `item` prop for `size` prop (#44027) @Janpot
- [Grid2] Add compatible props warning (#43801) @k-rajat19
- [Modal] Fix comment location (#44026) @oliviertassinari
- [OutlinedInput] Resolve border color issue on mobile (#43797) (#43879) @wojtek35
### `@mui/system@6.1.3`
- Make createGrid compatible with React 19 types (#44035) @aarongarciah
- Add empty interfaces to fix issue with typescript module augmentation (#43873) @yonatan0
- Pre-serialize & cache styles to improve performance (#43412) @romgrk
- [typescript] `SystemCSSProperties` should not have `SystemStyleObject` as value (#44029) @siriwatknp
### `@mui/utils@6.0.0-beta.11`
- [utils] Make getReactElementRef React 19 compatible (#44034) @aarongarciah
### `@mui/lab@6.1.3`
- [lab][Timeline] Fix types for React 19 (#44043) @aarongarciah
### Docs
- Update docs-infra role (#44032) @mnajdova
- Update Material Symbols plan to reflect Google development (#44000) @oliviertassinari
- Fix 301 redirections in docs @oliviertassinari
- Fix indentation @oliviertassinari
- Fix Live edit copies (#43835) @oliviertassinari
- Virtualize icons svg (#43939) @Janpot
- [Grid] Fix Grid2 gap description (#43967) @aarongarciah
- [icons] Index search synchronously (#44001) @oliviertassinari
- [material-ui] Incorrect React useState Example on Toggle Button (#43987) @barrownicholas
- [material-ui] Add theme setting for pigment-css migration (#43993) @effektsvk
- [material-ui] Fix incorrect `slotProp` name in the `TextField` deprecation note. (#43985) @Chee7ah
- [examples] Use CSS Variables (#43856) @Juneezee
- [material-ui] Improved documentation for indeterminateIcon prop (#43791) @marctaylor01
### Core
- Fix typo in useLocalStorageState (#44024) @hieunguyenduc696
- Amend changelog (#43968) @aarongarciah
- Remove `@mui/styled-engine-sc` dev dependency from `@mui/styled-engine-sc` (#44050) @Janpot
- [docs-infra] Add pointer cursor on hover for logo to improve UX (#43999) @Asin-Junior-Honore
- [blog] Migrate some .gif to <video> (#43945) @oliviertassinari
- [code-infra] Align `next` dependency specifier across project (#44036) @Janpot
- [code-infra] Move MuiError babel macro to babel plugin (#43904) @Janpot
- [code-infra] Forbid calling `Error` without `new` (#43963) @Janpot
- [docs-infra] Fix link in header regression (#43834) @oliviertassinari
- [infra] Fix line break in Stack Overflow message @oliviertassinari
- [test] Add missing async (#44028) @oliviertassinari
- [test] Fix Escape event firing event (#43961) @oliviertassinari
- [test] Fix flaky pigment-css screenshot (#43959) @Janpot
All contributors of this release in alphabetical order: @aarongarciah, @Asin-Junior-Honore, @barrownicholas, @Chee7ah, @effektsvk, @hieunguyenduc696, @Janpot, @Juneezee, @k-rajat19, @mnajdova, @oliviertassinari, @romgrk, @sai6855, @siriwatknp, @wojtek35, @yonatan0
## v6.1.2
<!-- generated comparing v6.1.1..master -->
_Oct 2, 2024_
A big thanks to the 13 contributors who made this release possible.
### `@mui/material@6.1.2`
- [Autocomplete] Fix listbox opens and closes on click when used with `limitTags` (#42494) @appleSimple
- [Button] Ignore `dark` and `contrastText` if not provided in the theme (#43861) @siriwatknp
- [Button] Fix regression for color `inherit` (#43862) @siriwatknp
- [LinearProgress] Fix background color (#43949) @sai6855
- Support CSS variables with shadow DOM (#43948) @siriwatknp
- [Rating] Use Rating `name` as prefix of input element ids (#43829) @yash49
- [Drawer] Fix issue with main window being used instead of iframe's window (#43818) @albarv340
- [ThemeProvider] Support setting default mode (#43951) @siriwatknp
### Docs
- Update theme toggle demo (#43956) @Janpot
- Add note about minimum required webpack version (#43864) @Janpot
- Format Pigment CSS docs (#43812) @oliviertassinari
- Fix visual bug on dashboard template (#43836) @oliviertassinari
- Fix pigment-css.md syntax error (#43837) @kdichev
- Fix Sign-in template form experience (#43838) @oliviertassinari
- Remove "To be continued" section from v0 –> v1 migration guide (#43832) @samuelsycamore
- Fix 301 to chromium (#43809) @oliviertassinari
- [joy-ui] Add missing ComponentLinkHeader components (#43865) @samuelsycamore
- [Modal] Remove unnecessary type assertion (#43825) @ZeeshanTamboli
- [Table] Stabilize random series in virtualized table demo (#43744) @Janpot
- [system] Add migration guide link to `@mui/styles` pages (#43833) @samuelsycamore
### Core
- [code-infra] Fix flaky dashboard screenshot - take 2 (#43937) @Janpot
- [code-infra] Replace all instances of `e` with `event` and add ESLint rule (#43866) @samuelsycamore
- [code-infra] Fix and update bundling fixtures (#43709) @Janpot
- [code-infra] Update transitive dependencies with vulnerabilties (#43895) @Janpot
- [code-infra] Optimize regression tests (#43889) @Janpot
- [code-infra] Remove custom playwright installation steps (#43881) @Janpot
- [code-infra] Fix flaky dashboard screenshot (#43890) @Janpot
- [code-infra] Add new instanceof proptypes for toolpad (#43814) @Janpot
- Fix eslint-plugin-react-compiler issues in usePagination tests (#43946) @wilhelmlofsten
- Uniformity in version range @oliviertassinari
- Replace `toBeAriaHidden` matcher with `toBeInaccessible` in tests (#43870) @ZeeshanTamboli
- [docs-infra] Strengthen CSP (#43711) @oliviertassinari
- [docs-infra] Open CodeSandbox demo with fontsize=12 (#43860) @siriwatknp
- [icons] Reduce Material Icon page size (#43911) @oliviertassinari
- [test] Point Istanbul to correct URL (#43935) @sai6855
- [test] Sync React.version parse logic with codebase (#43820) @oliviertassinari
- Improve getReactElementRef() utils (#43022) @sai6855
- [Drawer] Refactor getScrollbarSize usages (#43828) @BrianWoolfolk
- [Modal] Replace `show` parameter name with `hide` in modal manager (#43868) @ZeeshanTamboli
- [Modal] Remove unnecessary `manager` prop handling (#43867) @ZeeshanTamboli
All contributors of this release in alphabetical order: @albarv340, @appleSimple, @BrianWoolfolk, @DanailH, @Janpot, @kdichev, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @wilhelmlofsten, @yash49, @ZeeshanTamboli
## v6.1.1
<!-- generated comparing v6.1.0..master -->
_Sep 19, 2024_
A big thanks to the 18 contributors who made this release possible.
### `@mui/material@6.1.1`
- [Grid] Bring back `GridProps` and `GridTypeMap` (#43717) @DiegoAndai
- [Paper] Fix wrong background-image on Paper when elevation is 0 (#43723) @ZeeshanTamboli
- [Skeleton] Fix wave animation for styled-components (#43740) @siriwatknp
- [Modal] Fix event handlers overriding behavior (#43757) @sai6855
### `@mui/system@6.1.1`
- Pass the stylesheet directly to `GlobalStyles` (#43739) @siriwatknp
### `@mui/utils@6.1.1`
- Fix "useId" & "useSyncExternalStore" imports to not be statically analyzable (#43360) @yash49
### Docs
- [material-ui][Breadcrumbs] Document CondensedWithMenu option for Breadcrumbs (#42973) @Sergio16T
- [material-ui][CircularProgress] Add Circular size demo (#43734) @sai6855
- [material-ui][slider] Fix slider in color customization playground twitches when sliding (#43671) @Nashyn
- [material-ui][slider] Polish Music player demo (#43748) @oliviertassinari
- [material-ui] Document Typography color prop breaking change (#43735) @aarongarciah
- [material-ui] Add docs for complementary Table components (#43756) @Juneezee
- [material-ui] Improve minimizing bundle docs (#43781) @ZeeshanTamboli
- [pigment-css] Call out Pigment being in alpha (#43725) @aarongarciah
- [pigment-css] Fix typo globalCSS -> globalCss (#43754) @hiro0218
- [test] Improve demos for better regression screenshots (#43742) @aarongarciah
- Fix minor typo (#42899) @xconverge
- Revert icon search virtualization (#43569) @Janpot
- Fix MUI Treasury Layout broken links (#43752) @oliviertassinari
- Fix 301 link to design asset @oliviertassinari
- Update release schedule table after v6 stable (#43726) @sahil-ag
- Fix bundle size link regression @oliviertassinari
### Core
- [code-infra] Allow overriding all `options` of `useFakeTimers` function (#43729) @LukasTy
- [core] Fix 301 link to Next.js and git diff @oliviertassinari
- [core] Fix package.json repository rule @oliviertassinari
- [core] Remove redundant window @oliviertassinari
- [core] Fix some issues reported by eslint-plugin-react-compiler (#43117) @binsmyth
- [core] Replace more `indexOf` with `includes` (#43694) @Juneezee
- [core] Remove /.yarn (#43712) @oliviertassinari
- [docs-infra] Enable synthetic default imports in TypeScript config (#43747) @morozow
- [docs-infra] Fix Vale config for TypeScript references (#43751) @oliviertassinari
- [docs-infra] Fix toolbar arrow order (#43627) @oliviertassinari
- [docs-infra] Fix missing dependencies in multi-tab demos (#43713) @cherniavskii
- [docs-infra] Fix API search link regression (#43662) @oliviertassinari
- [test] Update font-awesome CSS file in regression tests fixture (#43745) @Janpot
- [test] Remove position:relative from regression container (#43743) @aarongarciah
- [test] Remove top-level inline-block from the regression tests (#43656) @Janpot
All contributors of this release in alphabetical order: @aarongarciah, @binsmyth, @cherniavskii, @DiegoAndai, @Janpot, @Juneezee, @LukasTy, @mnajdova, @morozow, @Nashyn, @oliviertassinari, @sahil-ag, @sai6855, @Sergio16T, @siriwatknp, @xconverge, @yash49, @ZeeshanTamboli
## v6.1.0
<!-- generated comparing v6.0.2..master -->
_Sep 10, 2024_
A big thanks to the 21 contributors who made this release possible. Here are the highlights ✨:
- **Minor version changes**: To solve longstanding ESM compatibility issues we added [package exports](https://nodejs.org/api/packages.html#exports) to `@mui/icons-material` (#43624). This change is backwards compatible with previously recommended setups. Bundlers that don't support the `exports` field won't be affected. If you discover any issues, please reach out by creating a GitHub issue.
- This release also includes several fixes and documentation improvements to support the Material UI v6 upgrade.
### `@mui/icons-material@6.1.0`
- Add exports field to package.json (#43624) @Janpot
### `@mui/material@6.1.0`
- [Autocomplete] Add custom props support via `slotProps` (#43613) @Michael-Hutchinson
- [Dialog] Fix broken scrolling in full screen mode (#43626) @LuseBiswas
- [Grid] Revert wrap deprecation (#42363) (#43459) @DiegoAndai
- Improve color map filter on styles (#43579) @DiegoAndai
- Return styles directly if the selector is `&` when using `applyStyles` (#43633) @siriwatknp
- [types] Make slots partial in `CreateSlotsAndSlotProp`type (#42077) @lhilgert9
- [Radio] Fix disabled state styling regression (#43592) @mnajdova
- Fix wrong import to type (#43584) @mnajdova
- Simplify version prerelease export (#43699) @DiegoAndai
### `@mui/system@6.1.0`
- Use a custom sheet to set prepend for `GlobalStyles` (#43632) @siriwatknp
- Simplify version prerelease export (#43699) @DiegoAndai
### Docs
- [material-ui][Autocomplete] Refactor asynchronous loading demo (#43630) @sai6855
- [material-ui][Autocomplete] Fix GitHubLabel demo input background color (#43599) @sai6855
- [material-ui] Update Next.js font optimization guide (#43196) @siriwatknp
- [material-ui] Fix getting started with CSS variables in theme example (#43658) @Designer023
- [material-ui][system] Edit "How to use components selector API" section to add about direct import (#43377) @IAluI
- [material-ui] Update @mui/material-nextjs import examples to v14 (#43698) @ohmsl
- Fix typo in Divider doc (#43691) @lokendra-reco
- Add Anima section to documentation (#43673) @GoOrit-Anima
- Add Integrations section to design resources page (#43612) @zanivan
- Fix versions URL @oliviertassinari
- Keep showing next under the subdomain @oliviertassinari
- Add Next.js font optimization section to Pigment CSS migration (#43631) @siriwatknp
- Update the Material UI readme post-v6 (#43504) @samuelsycamore
- Bring back v5 release changelogs (#43460) @oliviertassinari
- Fix use of absolute URLs (#43567) @oliviertassinari
- Remove explicit `date-fns` dependency (#40823) @renovate[bot]
- [pigment-css] Add guide for Pigment CSS quickstart (#43395) @alelthomas
- [system] Fix link to createCssVarsProvider (#43661) @oliviertassinari
- Add scrollbar to color picker demo (#43672) @sai6855
### Core
- [blog] Uniformalize version between projects @oliviertassinari
- [blog] Fix page layout shift @oliviertassinari
- [code-infra] Build size snapshots from installed packages (#43452) @Janpot
- [code-infra] Recreate lockfile (#43623) @Janpot
- [code-infra] Make the API docs builder more configurable (#43574) @michaldudak
- [code-infra] Update runners from node 18 to 20 for GHA (#43593) @JCQuintas
- [code-infra] Update runners from node 18 to 20 (#43591) @JCQuintas
- [docs-infra] Fix axe issue scroll-to-top without landmark (#43663) @oliviertassinari
- [docs-infra] Reduce Algolia index size, no need for lvl6 @oliviertassinari
- [docs-infra] Use embed as the default for opening CodeSandbox (#43618) @siriwatknp
- [docs-infra] Fix broken anchor button when header has a link (#43598) @cherniavskii
- [docs-infra] Open Sign-in and Dashboard template with CodeSandbox/StackBlitz (#43604) @siriwatknp
- [examples] Fix CDN live preview demo (#43641) @oliviertassinari
- Add Pigment CSS screenshot test (#43280) @mnajdova
All contributors of this release in alphabetical order: @alelthomas, @cherniavskii, @Designer023, @DiegoAndai, @GoOrit-Anima, @IAluI, @Janpot, @JCQuintas, @lhilgert9, @lokendra-reco, @LuseBiswas, @Michael-Hutchinson, @michaldudak, @mnajdova, @ohmsl, @oliviertassinari, @renovate[bot], @sai6855, @samuelsycamore, @siriwatknp, @zanivan
## v6.0.2
<!-- generated comparing v6.0.1..master -->
_Sep 3, 2024_
A big thanks to the 11 contributors who made this release possible.
### `@mui/material@6.0.2`
- Fix `createTheme()` with just color schemes (#43518) @siriwatknp
- [Menu,Popover] Fix Backdrop props descriptions (#43503) @Michael-Hutchinson
- [MenuList] Do not react to an event with modifier key pressed (#43505) @MateuszGroth
### `@mui/system@6.0.2`
- [InitColorSchemeScript] Use `let/const` instead of `var` (#43468) @ishon19
- Fix composeClasses v6 behavior change (#43537) @oliviertassinari
### `@mui/codemod@6.0.2`
- Skip `ListItemButton` import for unrelated files (#43532) @siriwatknp
### Docs
- [figma] Clarity state or Figma Plugin component export (#43543) @oliviertassinari
- [material-ui] Fix template shadow tokens (#43514) @zanivan
- Update version support range (#43565) @oliviertassinari
- Polish Material UI Sync plugin code format @oliviertassinari
### Core
- [blog] Update Material UI v6 blog post link to reflect correct section title (#43535) @Michael-Hutchinson
- [blog] Makes the v5 name change clearer @oliviertassinari
- [blog] Fix typo in Material UI v6 blog post (#43502) @iamandrewluca
- [code-infra] Add missing @babel/runtime dependency to @mui/material-pigment-css (#43473) @Janpot
- [code-infra] Remove permissions in publish-canaries.yml (#43491) @oliviertassinari
- [core] Fix CodeQL scan (#43547) @oliviertassinari
- [core] Fix CHANGELOG `@mui/material@6.0.1` version (#43516) @DiegoAndai
- [docs-infra] Reduce description max-length (#43562) @oliviertassinari
- [docs-infra] Crash on invalid callout type (#43546) @oliviertassinari
- [docs-infra] Fix GitHub source link redirection (#43534) @oliviertassinari
- [infra] Fixed workflow file path (#43528) @michelengelen
- [typescript] Fix missing `Theme` generic (#43523) @siriwatknp
All contributors of this release in alphabetical order: @DiegoAndai, @iamandrewluca, @ishon19, @Janpot, @joserodolfofreitas, @MateuszGroth, @Michael-Hutchinson, @michelengelen, @oliviertassinari, @siriwatknp, @zanivan
## v6.0.1
<!-- generated comparing v6.0.0..master -->
_Aug 29, 2024_
A big thanks to the 12 contributors who made this release possible. It contains bug fixes and documentation improvements.
### `@mui/material@6.0.1`
- Attach default light color scheme when enabling CSS theme variables (#43493) @siriwatknp
- [Skeleton] Apply the wave animation to the correct element (#43474) @mnajdova
### Docs
- [material-ui][Dialog] Update confirmation dialog description (#43488) @Michael-Hutchinson
- Add Material UI v6 is out! to the notifications (#43448) @oliviertassinari
- [material-ui] Dark scroll bars in templates (#43483) @aarongarciah
- [material-ui] Add TemplateFrame to templates (#43406) @zanivan
- [table] Make the data grid blend in (#43489) @oliviertassinari
### Core
- [blog] Update Toolpad Studio marketing page links in the blogs (#43407) @prakhargupta1
- [blog] Add missing social card to the blog post (#43465) @siriwatknp
- [code-infra] Fix typing issues with `@mui-internal/api-docs-builder` (#43498) @Janpot
- [code-infra] Fix nextjs build cache (#43467) @JCQuintas
- Remove `'use client'` from index files and useAutocomplete reexport (#41956) @DiegoAndai
- Replace relative links to absolute ones in JSDocs (#43472) @alexfauquette
- Upgrade babel runtime (#43243) @Janpot
- [docs-infra] Skip shadow DOM regression test (#43500) @aarongarciah
- [docs-infra] Fix use of process.env.DEPLOY_ENV (#43490) @oliviertassinari
- [docs-infra] Add comment about removing optimizeFonts Next.js config (#43469) @aarongarciah
- [examples] Use `latest` on all Material UI dependencies (#43494) @mnajdova
- [infra] fix workflow path (#43464) @michelengelen
All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @DiegoAndai, @Janpot, @JCQuintas, @Michael-Hutchinson, @michelengelen, @mnajdova, @oliviertassinari, @prakhargupta1, @siriwatknp, @zanivan
## 6.0.0
<!-- generated comparing v6.0.0-rc.0..master -->
_Aug 27, 2024_
We are excited to announce the stable release of Material-UI v6 🎉, check out [the blog post](https://mui.com/blog/material-ui-v6-is-out/) to see all the updates.
### `@mui/material@6.0.0`
- Change React.ReactElement<any,any> type from any to unknown (#43358) @sai6855
- [Pagination] Update `getItemAriaLabel` page param type (#43399) @sydneyjodon-wk
- [Unstable_TrapFocus] Fix `getTabbable` function return type (#42237) @KalmarLorand
### `@mui/lab@6.0.0-beta.8`
- [button] Add missing customize points for span (#43436) @oliviertassinari
### Docs
- Fix broken links (#43144) @DiegoAndai
- Updated mui-x roadmap links with the new project URL (#43444) @michelengelen
- Update pnpm order, move to second (#42712) @ahmadnadeem6236
- Fix CSS theme variables section (#43439) @siriwatknp
- Add two Toolpad Core components to Material UI sidebar (#43391) @prakhargupta1
- Fix licensingModel -> licenseModel @oliviertassinari
- Fix Stack Overflow issue canned response @oliviertassinari
- Avoid referencing MUI Core @oliviertassinari
- Fix description of eslint-plugin-material-ui @oliviertassinari
- [docs-infra] Polish reportBrokenLinks.js to support Base UI @oliviertassinari
- [material-ui] Clarify RTL language support in localization guide (#41784) @bahmanworld
- [material-ui] Refine templates theme selector (#43396) @zanivan
### Core
- Prepare for v6 stable release (#43454) @siriwatknp
- [blog] Polish Upcoming changes to MUI X pricing in 2024 (#43438) @oliviertassinari
- [blog] Add Material UI v6 stable release (#41932) @siriwatknp
- [ci] Fix the release:changelog cmd (#43451) @mnajdova
- [core] Allow `^6.0.0` for `@mui/` dependencies in `@mui/docs` (#43445) @LukasTy
- [code-infra] Babel plugin to fully resolve imported paths (#43294) @Janpot
- [infra] Add closing message workflow (#43450) @michelengelen
All contributors of this release in alphabetical order: @ahmadnadeem6236, @bahmanworld, @DiegoAndai, @Janpot, @KalmarLorand, @LukasTy, @michelengelen, @mnajdova, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @sydneyjodon-wk, @zanivan
## 6.0.0-rc.0
<!-- generated comparing v6.0.0-beta.6..next -->
_Aug 22, 2024_
A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Rendering performance improvements
### `@mui/material@6.0.0-rc.0`
#### Breaking changes
- [Box] Remove `component` from `BoxOwnProps` (#43384) @DiegoAndai
The `component` prop has been removed from the `BoxOwnProps` as it is already included in the `Box` type.
This might affect your code if you are using the `styled` function with the `Box` component.
If this is the case, use a `div` element instead of `Box`:
```diff
-const StyledBox = styled(Box)`
+const StyledDiv = styled('div')`
color: white;
`;
```
This yields the same end result.
If this doesn't work for you, you can also cast the `styled` returned value to `typeof Box`:
```diff
const StyledBox = styled(Box)`
color: white;
-`;
+` as typeof Box;
```
#### Changes
- [ListItem] Remove unnecessary TypeScript test (#43359) @sai6855
- Skip generating CSS variables for a custom spacing function (#43389) @siriwatknp
- Revert visual regressions from #42283 (#43364) @ZeeshanTamboli
### `@mui/codemod@6.0.0-rc.0`
- Add Grid2 to removeSystemProps codemod (#43302) @DiegoAndai
### Docs
- [blog] Add video to the Pigment CSS blog post (#42500) @oliviertassinari
- Fix broken link to milestones (#43379) @oliviertassinari
- Update CSS theme variables related content (#43130) @siriwatknp
- Fix link to createTheme source (#43332) @oliviertassinari
- Add cache to avoid unnecessary jsx dynamic import and theme getting (#43139) @Vxee
- Fix broken link to Next.js docs @oliviertassinari
- [material-ui] Revamp `Composition` guide (#43266) @ZeeshanTamboli
- [material-ui][Menu] Replace `PaperProps` with `slotProps.paper` in demos (#43354) @sai6855
### Core
- [code-infra] Change docs:start script to serve the exports folder (#43375) @Janpot
- [core] Fix typescript-next CI workflow (#43394) @aarongarciah
- [core] Run `@mui/system` TypeScript module augmentation tests in CI (#43386) @ZeeshanTamboli
- [core] Enable manage-package-manager-versions pnpm flag (#43366) @aarongarciah
- [core] Replace `indexOf` with `includes` (#42883) @k-rajat19
- [docs-infra] Add GitHub source link to components (#43228) @Jay-Karia
- [docs-infra] Fix copy shortcut (#43361) @oliviertassinari
- [perf] Remove theme/styling allocations (#43372) @romgrk
- [perf] Improve `composeClasses` (#43363) @romgrk
- [perf] Remove system allocations (#43306) @romgrk
All contributors of this release in alphabetical order: @aarongarciah, @DiegoAndai, @Janpot, @Jay-Karia, @k-rajat19, @oliviertassinari, @rluzists1, @romgrk, @sai6855, @siriwatknp, @Vxee, @ZeeshanTamboli
## 6.0.0-beta.6
<!-- generated comparing v6.0.0-beta.5..next -->
_Aug 16, 2024_
A big thanks to the 18 contributors who made this release possible.
### `@mui/material@6.0.0-beta.6`
- [Autocomplete] Improve the `options` prop description (#41591) @pluvio72
- [Autocomplete] Remove autocomplete warning regarding value not equal to option (#43314) @ZeeshanTamboli
- [Divider] Add aria-orientation (#43241) @aarongarciah
- [IconButton] Fix hover background color behavior (#43271) @mnajdova
- [TypeScript] Refactor types so they're compatible with upcoming React 19 (#43276) @DiegoAndai
- [Typography] Replace dot notation color value to work with Pigment CSS (#43288) @siriwatknp
- [pigment-css] Fix `getSelector` prefers-color-scheme to be object (#43237) @siriwatknp
- Remove `display="block"` usage to work with Pigment CSS (#43307) @siriwatknp
### `@mui/codemod@6.0.0-be
Showing preview only (1,509K chars total). Download the full file or copy to clipboard to get everything.
gitextract__0dssve5/ ├── .browserslistrc ├── .circleci/ │ └── config.yml ├── .editorconfig ├── .git-blame-ignore-revs ├── .gitattributes ├── .github/ │ ├── FUNDING.yml │ ├── ISSUE_TEMPLATE/ │ │ ├── 1.bug.yml │ │ ├── 2.feature.yml │ │ ├── 3.rfc.yml │ │ ├── 4.docs-feedback.yml │ │ ├── 5.priority-support.yml │ │ └── config.yml │ ├── PULL_REQUEST_TEMPLATE.md │ ├── codeql/ │ │ └── codeql-config.yml │ ├── dependabot.yml │ └── workflows/ │ ├── check-if-pr-has-label.yml │ ├── ci-check.yml │ ├── ci.yml │ ├── closed-issue-message.yml │ ├── codeql.yml │ ├── create-cherry-pick-pr.yml │ ├── ensure-triage-label.yml │ ├── issue-cleanup.yml │ ├── maintenance.yml │ ├── mark-duplicate.yml │ ├── no-response.yml │ ├── priority-support-validation-prompt.yml │ ├── publish-canaries.yml │ ├── publish.yml │ ├── scorecards.yml │ ├── support-stackoverflow.yml │ └── vale-action.yml ├── .gitignore ├── .lintignore ├── .markdownlint-cli2.mjs ├── .npmrc ├── .prettierignore ├── .tidelift.yml ├── .vale.ini ├── .vscode/ │ └── extensions.json ├── AGENTS.md ├── CHANGELOG.md ├── CHANGELOG.old.md ├── CLAUDE.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── SECURITY.md ├── TYPESCRIPT_CONVENTION.md ├── babel.config.mjs ├── crowdin.yml ├── dangerfile.js ├── docs/ │ ├── README.md │ ├── config.ts │ ├── data/ │ │ ├── about/ │ │ │ └── teamMembers.json │ │ ├── docs/ │ │ │ └── pages.ts │ │ ├── docs-infra/ │ │ │ └── pages.ts │ │ ├── experiments/ │ │ │ └── renderers/ │ │ │ ├── renderAvatar.js │ │ │ ├── renderCountry.js │ │ │ ├── renderEmail.js │ │ │ ├── renderIncoterm.js │ │ │ ├── renderProgress.js │ │ │ ├── renderRating.js │ │ │ ├── renderSparkline.js │ │ │ └── renderStatus.js │ │ ├── material/ │ │ │ ├── all-components/ │ │ │ │ └── all-components.md │ │ │ ├── components/ │ │ │ │ ├── about-the-lab/ │ │ │ │ │ └── about-the-lab.md │ │ │ │ ├── accordion/ │ │ │ │ │ ├── AccordionExpandDefault.js │ │ │ │ │ ├── AccordionExpandDefault.tsx │ │ │ │ │ ├── AccordionExpandIcon.js │ │ │ │ │ ├── AccordionExpandIcon.tsx │ │ │ │ │ ├── AccordionTransition.js │ │ │ │ │ ├── AccordionTransition.tsx │ │ │ │ │ ├── AccordionUsage.js │ │ │ │ │ ├── AccordionUsage.tsx │ │ │ │ │ ├── ControlledAccordions.js │ │ │ │ │ ├── ControlledAccordions.tsx │ │ │ │ │ ├── CustomizedAccordions.js │ │ │ │ │ ├── CustomizedAccordions.tsx │ │ │ │ │ ├── DisabledAccordion.js │ │ │ │ │ ├── DisabledAccordion.tsx │ │ │ │ │ └── accordion.md │ │ │ │ ├── alert/ │ │ │ │ │ ├── ActionAlerts.js │ │ │ │ │ ├── ActionAlerts.tsx │ │ │ │ │ ├── ActionAlerts.tsx.preview │ │ │ │ │ ├── BasicAlerts.js │ │ │ │ │ ├── BasicAlerts.tsx │ │ │ │ │ ├── BasicAlerts.tsx.preview │ │ │ │ │ ├── ColorAlerts.js │ │ │ │ │ ├── ColorAlerts.tsx │ │ │ │ │ ├── ColorAlerts.tsx.preview │ │ │ │ │ ├── DescriptionAlerts.js │ │ │ │ │ ├── DescriptionAlerts.tsx │ │ │ │ │ ├── DescriptionAlerts.tsx.preview │ │ │ │ │ ├── FilledAlerts.js │ │ │ │ │ ├── FilledAlerts.tsx │ │ │ │ │ ├── FilledAlerts.tsx.preview │ │ │ │ │ ├── IconAlerts.js │ │ │ │ │ ├── IconAlerts.tsx │ │ │ │ │ ├── IconAlerts.tsx.preview │ │ │ │ │ ├── OutlinedAlerts.js │ │ │ │ │ ├── OutlinedAlerts.tsx │ │ │ │ │ ├── OutlinedAlerts.tsx.preview │ │ │ │ │ ├── SimpleAlert.js │ │ │ │ │ ├── SimpleAlert.tsx │ │ │ │ │ ├── SimpleAlert.tsx.preview │ │ │ │ │ ├── TransitionAlerts.js │ │ │ │ │ ├── TransitionAlerts.tsx │ │ │ │ │ └── alert.md │ │ │ │ ├── app-bar/ │ │ │ │ │ ├── BackToTop.js │ │ │ │ │ ├── BackToTop.tsx │ │ │ │ │ ├── BottomAppBar.js │ │ │ │ │ ├── BottomAppBar.tsx │ │ │ │ │ ├── ButtonAppBar.js │ │ │ │ │ ├── ButtonAppBar.tsx │ │ │ │ │ ├── DenseAppBar.js │ │ │ │ │ ├── DenseAppBar.tsx │ │ │ │ │ ├── DenseAppBar.tsx.preview │ │ │ │ │ ├── DrawerAppBar.js │ │ │ │ │ ├── DrawerAppBar.tsx │ │ │ │ │ ├── ElevateAppBar.js │ │ │ │ │ ├── ElevateAppBar.tsx │ │ │ │ │ ├── EnableColorOnDarkAppBar.js │ │ │ │ │ ├── EnableColorOnDarkAppBar.tsx │ │ │ │ │ ├── EnableColorOnDarkAppBar.tsx.preview │ │ │ │ │ ├── HideAppBar.js │ │ │ │ │ ├── HideAppBar.tsx │ │ │ │ │ ├── MenuAppBar.js │ │ │ │ │ ├── MenuAppBar.tsx │ │ │ │ │ ├── PrimarySearchAppBar.js │ │ │ │ │ ├── PrimarySearchAppBar.tsx │ │ │ │ │ ├── ProminentAppBar.js │ │ │ │ │ ├── ProminentAppBar.tsx │ │ │ │ │ ├── ResponsiveAppBar.js │ │ │ │ │ ├── ResponsiveAppBar.tsx │ │ │ │ │ ├── SearchAppBar.js │ │ │ │ │ ├── SearchAppBar.tsx │ │ │ │ │ └── app-bar.md │ │ │ │ ├── autocomplete/ │ │ │ │ │ ├── Asynchronous.js │ │ │ │ │ ├── Asynchronous.tsx │ │ │ │ │ ├── AutocompleteHint.js │ │ │ │ │ ├── AutocompleteHint.tsx │ │ │ │ │ ├── CheckboxesTags.js │ │ │ │ │ ├── CheckboxesTags.tsx │ │ │ │ │ ├── ComboBox.js │ │ │ │ │ ├── ComboBox.tsx │ │ │ │ │ ├── ComboBox.tsx.preview │ │ │ │ │ ├── ControllableStates.js │ │ │ │ │ ├── ControllableStates.tsx │ │ │ │ │ ├── CountrySelect.js │ │ │ │ │ ├── CountrySelect.tsx │ │ │ │ │ ├── CustomInputAutocomplete.js │ │ │ │ │ ├── CustomInputAutocomplete.tsx │ │ │ │ │ ├── CustomSingleValueRendering.js │ │ │ │ │ ├── CustomSingleValueRendering.tsx │ │ │ │ │ ├── CustomSingleValueRendering.tsx.preview │ │ │ │ │ ├── CustomizedHook.js │ │ │ │ │ ├── CustomizedHook.tsx │ │ │ │ │ ├── CustomizedHook.tsx.preview │ │ │ │ │ ├── DisabledOptions.js │ │ │ │ │ ├── DisabledOptions.tsx │ │ │ │ │ ├── DisabledOptions.tsx.preview │ │ │ │ │ ├── Filter.js │ │ │ │ │ ├── Filter.tsx │ │ │ │ │ ├── Filter.tsx.preview │ │ │ │ │ ├── FixedTags.js │ │ │ │ │ ├── FixedTags.tsx │ │ │ │ │ ├── FreeSolo.js │ │ │ │ │ ├── FreeSolo.tsx │ │ │ │ │ ├── FreeSoloCreateOption.js │ │ │ │ │ ├── FreeSoloCreateOption.tsx │ │ │ │ │ ├── FreeSoloCreateOptionDialog.js │ │ │ │ │ ├── FreeSoloCreateOptionDialog.tsx │ │ │ │ │ ├── GitHubLabel.js │ │ │ │ │ ├── GitHubLabel.tsx │ │ │ │ │ ├── GloballyCustomizedOptions.js │ │ │ │ │ ├── GloballyCustomizedOptions.tsx │ │ │ │ │ ├── GloballyCustomizedOptions.tsx.preview │ │ │ │ │ ├── GoogleMaps.js │ │ │ │ │ ├── GoogleMaps.tsx │ │ │ │ │ ├── Grouped.js │ │ │ │ │ ├── Grouped.tsx │ │ │ │ │ ├── Grouped.tsx.preview │ │ │ │ │ ├── Highlights.js │ │ │ │ │ ├── Highlights.tsx │ │ │ │ │ ├── LimitTags.js │ │ │ │ │ ├── LimitTags.tsx │ │ │ │ │ ├── LimitTags.tsx.preview │ │ │ │ │ ├── Playground.js │ │ │ │ │ ├── Playground.tsx │ │ │ │ │ ├── RenderGroup.js │ │ │ │ │ ├── RenderGroup.tsx │ │ │ │ │ ├── RenderGroup.tsx.preview │ │ │ │ │ ├── Sizes.js │ │ │ │ │ ├── Sizes.tsx │ │ │ │ │ ├── Tags.js │ │ │ │ │ ├── Tags.tsx │ │ │ │ │ ├── UseAutocomplete.js │ │ │ │ │ ├── UseAutocomplete.tsx │ │ │ │ │ ├── UseAutocomplete.tsx.preview │ │ │ │ │ ├── Virtualize.js │ │ │ │ │ ├── Virtualize.tsx │ │ │ │ │ ├── autocomplete.md │ │ │ │ │ ├── top100Films.js │ │ │ │ │ └── top100Films.ts │ │ │ │ ├── avatars/ │ │ │ │ │ ├── BackgroundLetterAvatars.js │ │ │ │ │ ├── BackgroundLetterAvatars.tsx │ │ │ │ │ ├── BackgroundLetterAvatars.tsx.preview │ │ │ │ │ ├── BadgeAvatars.js │ │ │ │ │ ├── BadgeAvatars.tsx │ │ │ │ │ ├── BadgeAvatars.tsx.preview │ │ │ │ │ ├── CustomSurplusAvatars.js │ │ │ │ │ ├── CustomSurplusAvatars.tsx │ │ │ │ │ ├── CustomSurplusAvatars.tsx.preview │ │ │ │ │ ├── FallbackAvatars.js │ │ │ │ │ ├── FallbackAvatars.tsx │ │ │ │ │ ├── FallbackAvatars.tsx.preview │ │ │ │ │ ├── GroupAvatars.js │ │ │ │ │ ├── GroupAvatars.tsx │ │ │ │ │ ├── GroupAvatars.tsx.preview │ │ │ │ │ ├── IconAvatars.js │ │ │ │ │ ├── IconAvatars.tsx │ │ │ │ │ ├── IconAvatars.tsx.preview │ │ │ │ │ ├── ImageAvatars.js │ │ │ │ │ ├── ImageAvatars.tsx │ │ │ │ │ ├── ImageAvatars.tsx.preview │ │ │ │ │ ├── LetterAvatars.js │ │ │ │ │ ├── LetterAvatars.tsx │ │ │ │ │ ├── LetterAvatars.tsx.preview │ │ │ │ │ ├── SizeAvatars.js │ │ │ │ │ ├── SizeAvatars.tsx │ │ │ │ │ ├── SizeAvatars.tsx.preview │ │ │ │ │ ├── Spacing.js │ │ │ │ │ ├── Spacing.tsx │ │ │ │ │ ├── Spacing.tsx.preview │ │ │ │ │ ├── TotalAvatars.js │ │ │ │ │ ├── TotalAvatars.tsx │ │ │ │ │ ├── TotalAvatars.tsx.preview │ │ │ │ │ ├── UploadAvatars.js │ │ │ │ │ ├── UploadAvatars.tsx │ │ │ │ │ ├── VariantAvatars.js │ │ │ │ │ ├── VariantAvatars.tsx │ │ │ │ │ ├── VariantAvatars.tsx.preview │ │ │ │ │ └── avatars.md │ │ │ │ ├── backdrop/ │ │ │ │ │ ├── SimpleBackdrop.js │ │ │ │ │ ├── SimpleBackdrop.tsx │ │ │ │ │ ├── SimpleBackdrop.tsx.preview │ │ │ │ │ └── backdrop.md │ │ │ │ ├── badges/ │ │ │ │ │ ├── AccessibleBadges.js │ │ │ │ │ ├── AccessibleBadges.tsx │ │ │ │ │ ├── AccessibleBadges.tsx.preview │ │ │ │ │ ├── BadgeAlignment.js │ │ │ │ │ ├── BadgeMax.js │ │ │ │ │ ├── BadgeMax.tsx │ │ │ │ │ ├── BadgeMax.tsx.preview │ │ │ │ │ ├── BadgeOverlap.js │ │ │ │ │ ├── BadgeOverlap.tsx │ │ │ │ │ ├── BadgeOverlap.tsx.preview │ │ │ │ │ ├── BadgeVisibility.js │ │ │ │ │ ├── BadgeVisibility.tsx │ │ │ │ │ ├── ColorBadge.js │ │ │ │ │ ├── ColorBadge.tsx │ │ │ │ │ ├── ColorBadge.tsx.preview │ │ │ │ │ ├── CustomizedBadges.js │ │ │ │ │ ├── CustomizedBadges.tsx │ │ │ │ │ ├── CustomizedBadges.tsx.preview │ │ │ │ │ ├── DotBadge.js │ │ │ │ │ ├── DotBadge.tsx │ │ │ │ │ ├── DotBadge.tsx.preview │ │ │ │ │ ├── ShowZeroBadge.js │ │ │ │ │ ├── ShowZeroBadge.tsx │ │ │ │ │ ├── ShowZeroBadge.tsx.preview │ │ │ │ │ ├── SimpleBadge.js │ │ │ │ │ ├── SimpleBadge.tsx │ │ │ │ │ ├── SimpleBadge.tsx.preview │ │ │ │ │ └── badges.md │ │ │ │ ├── bottom-navigation/ │ │ │ │ │ ├── FixedBottomNavigation.js │ │ │ │ │ ├── FixedBottomNavigation.tsx │ │ │ │ │ ├── LabelBottomNavigation.js │ │ │ │ │ ├── LabelBottomNavigation.tsx │ │ │ │ │ ├── SimpleBottomNavigation.js │ │ │ │ │ ├── SimpleBottomNavigation.tsx │ │ │ │ │ ├── SimpleBottomNavigation.tsx.preview │ │ │ │ │ └── bottom-navigation.md │ │ │ │ ├── box/ │ │ │ │ │ ├── BoxBasic.js │ │ │ │ │ ├── BoxBasic.tsx │ │ │ │ │ ├── BoxBasic.tsx.preview │ │ │ │ │ ├── BoxSx.js │ │ │ │ │ ├── BoxSx.tsx │ │ │ │ │ └── box.md │ │ │ │ ├── breadcrumbs/ │ │ │ │ │ ├── ActiveLastBreadcrumb.js │ │ │ │ │ ├── ActiveLastBreadcrumb.tsx │ │ │ │ │ ├── BasicBreadcrumbs.js │ │ │ │ │ ├── BasicBreadcrumbs.tsx │ │ │ │ │ ├── BasicBreadcrumbs.tsx.preview │ │ │ │ │ ├── CollapsedBreadcrumbs.js │ │ │ │ │ ├── CollapsedBreadcrumbs.tsx │ │ │ │ │ ├── CollapsedBreadcrumbs.tsx.preview │ │ │ │ │ ├── CondensedWithMenu.js │ │ │ │ │ ├── CondensedWithMenu.tsx │ │ │ │ │ ├── CustomSeparator.js │ │ │ │ │ ├── CustomSeparator.tsx │ │ │ │ │ ├── CustomSeparator.tsx.preview │ │ │ │ │ ├── CustomizedBreadcrumbs.js │ │ │ │ │ ├── CustomizedBreadcrumbs.tsx │ │ │ │ │ ├── CustomizedBreadcrumbs.tsx.preview │ │ │ │ │ ├── IconBreadcrumbs.js │ │ │ │ │ ├── IconBreadcrumbs.tsx │ │ │ │ │ ├── RouterBreadcrumbs.js │ │ │ │ │ ├── RouterBreadcrumbs.tsx │ │ │ │ │ └── breadcrumbs.md │ │ │ │ ├── button-group/ │ │ │ │ │ ├── BasicButtonGroup.js │ │ │ │ │ ├── BasicButtonGroup.tsx │ │ │ │ │ ├── BasicButtonGroup.tsx.preview │ │ │ │ │ ├── DisableElevation.js │ │ │ │ │ ├── DisableElevation.tsx │ │ │ │ │ ├── DisableElevation.tsx.preview │ │ │ │ │ ├── GroupOrientation.js │ │ │ │ │ ├── GroupOrientation.tsx │ │ │ │ │ ├── GroupSizesColors.js │ │ │ │ │ ├── GroupSizesColors.tsx │ │ │ │ │ ├── GroupSizesColors.tsx.preview │ │ │ │ │ ├── LoadingButtonGroup.js │ │ │ │ │ ├── LoadingButtonGroup.tsx │ │ │ │ │ ├── LoadingButtonGroup.tsx.preview │ │ │ │ │ ├── SplitButton.js │ │ │ │ │ ├── SplitButton.tsx │ │ │ │ │ ├── VariantButtonGroup.js │ │ │ │ │ ├── VariantButtonGroup.tsx │ │ │ │ │ ├── VariantButtonGroup.tsx.preview │ │ │ │ │ └── button-group.md │ │ │ │ ├── buttons/ │ │ │ │ │ ├── BasicButtons.js │ │ │ │ │ ├── BasicButtons.tsx │ │ │ │ │ ├── BasicButtons.tsx.preview │ │ │ │ │ ├── ButtonBaseDemo.js │ │ │ │ │ ├── ButtonBaseDemo.tsx │ │ │ │ │ ├── ButtonSizes.js │ │ │ │ │ ├── ButtonSizes.tsx │ │ │ │ │ ├── ColorButtons.js │ │ │ │ │ ├── ColorButtons.tsx │ │ │ │ │ ├── ColorButtons.tsx.preview │ │ │ │ │ ├── ContainedButtons.js │ │ │ │ │ ├── ContainedButtons.tsx │ │ │ │ │ ├── ContainedButtons.tsx.preview │ │ │ │ │ ├── CustomizedButtons.js │ │ │ │ │ ├── CustomizedButtons.tsx │ │ │ │ │ ├── CustomizedButtons.tsx.preview │ │ │ │ │ ├── DisableElevation.js │ │ │ │ │ ├── DisableElevation.tsx │ │ │ │ │ ├── DisableElevation.tsx.preview │ │ │ │ │ ├── IconButtonColors.js │ │ │ │ │ ├── IconButtonColors.tsx │ │ │ │ │ ├── IconButtonColors.tsx.preview │ │ │ │ │ ├── IconButtonSizes.js │ │ │ │ │ ├── IconButtonSizes.tsx │ │ │ │ │ ├── IconButtonSizes.tsx.preview │ │ │ │ │ ├── IconButtonWithBadge.js │ │ │ │ │ ├── IconButtonWithBadge.tsx │ │ │ │ │ ├── IconButtonWithBadge.tsx.preview │ │ │ │ │ ├── IconButtons.js │ │ │ │ │ ├── IconButtons.tsx │ │ │ │ │ ├── IconButtons.tsx.preview │ │ │ │ │ ├── IconLabelButtons.js │ │ │ │ │ ├── IconLabelButtons.tsx │ │ │ │ │ ├── IconLabelButtons.tsx.preview │ │ │ │ │ ├── InputFileUpload.js │ │ │ │ │ ├── InputFileUpload.tsx │ │ │ │ │ ├── InputFileUpload.tsx.preview │ │ │ │ │ ├── LoadingButtons.js │ │ │ │ │ ├── LoadingButtons.tsx │ │ │ │ │ ├── LoadingButtonsTransition.js │ │ │ │ │ ├── LoadingButtonsTransition.tsx │ │ │ │ │ ├── LoadingIconButton.js │ │ │ │ │ ├── LoadingIconButton.tsx │ │ │ │ │ ├── LoadingIconButton.tsx.preview │ │ │ │ │ ├── OutlinedButtons.js │ │ │ │ │ ├── OutlinedButtons.tsx │ │ │ │ │ ├── OutlinedButtons.tsx.preview │ │ │ │ │ ├── TextButtons.js │ │ │ │ │ ├── TextButtons.tsx │ │ │ │ │ ├── TextButtons.tsx.preview │ │ │ │ │ └── buttons.md │ │ │ │ ├── cards/ │ │ │ │ │ ├── ActionAreaCard.js │ │ │ │ │ ├── ActionAreaCard.tsx │ │ │ │ │ ├── BasicCard.js │ │ │ │ │ ├── BasicCard.tsx │ │ │ │ │ ├── ImgMediaCard.js │ │ │ │ │ ├── ImgMediaCard.tsx │ │ │ │ │ ├── MediaCard.js │ │ │ │ │ ├── MediaCard.tsx │ │ │ │ │ ├── MediaControlCard.js │ │ │ │ │ ├── MediaControlCard.tsx │ │ │ │ │ ├── MultiActionAreaCard.js │ │ │ │ │ ├── MultiActionAreaCard.tsx │ │ │ │ │ ├── OutlinedCard.js │ │ │ │ │ ├── OutlinedCard.tsx │ │ │ │ │ ├── OutlinedCard.tsx.preview │ │ │ │ │ ├── RecipeReviewCard.js │ │ │ │ │ ├── RecipeReviewCard.tsx │ │ │ │ │ ├── SelectActionCard.js │ │ │ │ │ ├── SelectActionCard.tsx │ │ │ │ │ └── cards.md │ │ │ │ ├── checkboxes/ │ │ │ │ │ ├── CheckboxLabels.js │ │ │ │ │ ├── CheckboxLabels.tsx │ │ │ │ │ ├── CheckboxLabels.tsx.preview │ │ │ │ │ ├── Checkboxes.js │ │ │ │ │ ├── Checkboxes.tsx │ │ │ │ │ ├── Checkboxes.tsx.preview │ │ │ │ │ ├── CheckboxesGroup.js │ │ │ │ │ ├── CheckboxesGroup.tsx │ │ │ │ │ ├── ColorCheckboxes.js │ │ │ │ │ ├── ColorCheckboxes.tsx │ │ │ │ │ ├── ColorCheckboxes.tsx.preview │ │ │ │ │ ├── ControlledCheckbox.js │ │ │ │ │ ├── ControlledCheckbox.tsx │ │ │ │ │ ├── ControlledCheckbox.tsx.preview │ │ │ │ │ ├── CustomizedCheckbox.js │ │ │ │ │ ├── CustomizedCheckbox.tsx │ │ │ │ │ ├── CustomizedCheckbox.tsx.preview │ │ │ │ │ ├── FormControlLabelPosition.js │ │ │ │ │ ├── FormControlLabelPosition.tsx │ │ │ │ │ ├── IconCheckboxes.js │ │ │ │ │ ├── IconCheckboxes.tsx │ │ │ │ │ ├── IconCheckboxes.tsx.preview │ │ │ │ │ ├── IndeterminateCheckbox.js │ │ │ │ │ ├── IndeterminateCheckbox.tsx │ │ │ │ │ ├── IndeterminateCheckbox.tsx.preview │ │ │ │ │ ├── SizeCheckboxes.js │ │ │ │ │ ├── SizeCheckboxes.tsx │ │ │ │ │ ├── SizeCheckboxes.tsx.preview │ │ │ │ │ └── checkboxes.md │ │ │ │ ├── chips/ │ │ │ │ │ ├── AvatarChips.js │ │ │ │ │ ├── AvatarChips.tsx │ │ │ │ │ ├── AvatarChips.tsx.preview │ │ │ │ │ ├── BasicChips.js │ │ │ │ │ ├── BasicChips.tsx │ │ │ │ │ ├── BasicChips.tsx.preview │ │ │ │ │ ├── ChipsArray.js │ │ │ │ │ ├── ChipsArray.tsx │ │ │ │ │ ├── ChipsPlayground.js │ │ │ │ │ ├── ClickableAndDeletableChips.js │ │ │ │ │ ├── ClickableAndDeletableChips.tsx │ │ │ │ │ ├── ClickableAndDeletableChips.tsx.preview │ │ │ │ │ ├── ClickableChips.js │ │ │ │ │ ├── ClickableChips.tsx │ │ │ │ │ ├── ClickableChips.tsx.preview │ │ │ │ │ ├── ClickableLinkChips.js │ │ │ │ │ ├── ClickableLinkChips.tsx │ │ │ │ │ ├── ClickableLinkChips.tsx.preview │ │ │ │ │ ├── ColorChips.js │ │ │ │ │ ├── ColorChips.tsx │ │ │ │ │ ├── ColorChips.tsx.preview │ │ │ │ │ ├── CustomDeleteIconChips.js │ │ │ │ │ ├── CustomDeleteIconChips.tsx │ │ │ │ │ ├── CustomDeleteIconChips.tsx.preview │ │ │ │ │ ├── DeletableChips.js │ │ │ │ │ ├── DeletableChips.tsx │ │ │ │ │ ├── DeletableChips.tsx.preview │ │ │ │ │ ├── IconChips.js │ │ │ │ │ ├── IconChips.tsx │ │ │ │ │ ├── IconChips.tsx.preview │ │ │ │ │ ├── MultilineChips.js │ │ │ │ │ ├── MultilineChips.tsx │ │ │ │ │ ├── MultilineChips.tsx.preview │ │ │ │ │ ├── SizesChips.js │ │ │ │ │ ├── SizesChips.tsx │ │ │ │ │ ├── SizesChips.tsx.preview │ │ │ │ │ └── chips.md │ │ │ │ ├── click-away-listener/ │ │ │ │ │ ├── ClickAway.js │ │ │ │ │ ├── ClickAway.tsx │ │ │ │ │ ├── ClickAway.tsx.preview │ │ │ │ │ ├── LeadingClickAway.js │ │ │ │ │ ├── LeadingClickAway.tsx │ │ │ │ │ ├── LeadingClickAway.tsx.preview │ │ │ │ │ ├── PortalClickAway.js │ │ │ │ │ ├── PortalClickAway.tsx │ │ │ │ │ ├── PortalClickAway.tsx.preview │ │ │ │ │ └── click-away-listener.md │ │ │ │ ├── container/ │ │ │ │ │ ├── FixedContainer.js │ │ │ │ │ ├── FixedContainer.tsx │ │ │ │ │ ├── FixedContainer.tsx.preview │ │ │ │ │ ├── SimpleContainer.js │ │ │ │ │ ├── SimpleContainer.tsx │ │ │ │ │ ├── SimpleContainer.tsx.preview │ │ │ │ │ └── container.md │ │ │ │ ├── css-baseline/ │ │ │ │ │ └── css-baseline.md │ │ │ │ ├── dialogs/ │ │ │ │ │ ├── AlertDialog.js │ │ │ │ │ ├── AlertDialog.tsx │ │ │ │ │ ├── AlertDialogSlide.js │ │ │ │ │ ├── AlertDialogSlide.tsx │ │ │ │ │ ├── ConfirmationDialog.js │ │ │ │ │ ├── ConfirmationDialog.tsx │ │ │ │ │ ├── CookiesBanner.js │ │ │ │ │ ├── CookiesBanner.tsx │ │ │ │ │ ├── CustomizedDialogs.js │ │ │ │ │ ├── CustomizedDialogs.tsx │ │ │ │ │ ├── DraggableDialog.js │ │ │ │ │ ├── DraggableDialog.tsx │ │ │ │ │ ├── FormDialog.js │ │ │ │ │ ├── FormDialog.tsx │ │ │ │ │ ├── FullScreenDialog.js │ │ │ │ │ ├── FullScreenDialog.tsx │ │ │ │ │ ├── MaxWidthDialog.js │ │ │ │ │ ├── MaxWidthDialog.tsx │ │ │ │ │ ├── ResponsiveDialog.js │ │ │ │ │ ├── ResponsiveDialog.tsx │ │ │ │ │ ├── ScrollDialog.js │ │ │ │ │ ├── ScrollDialog.tsx │ │ │ │ │ ├── SimpleDialogDemo.js │ │ │ │ │ ├── SimpleDialogDemo.preview │ │ │ │ │ ├── SimpleDialogDemo.tsx │ │ │ │ │ ├── SimpleDialogDemo.tsx.preview │ │ │ │ │ └── dialogs.md │ │ │ │ ├── dividers/ │ │ │ │ │ ├── DividerText.js │ │ │ │ │ ├── DividerText.tsx │ │ │ │ │ ├── DividerText.tsx.preview │ │ │ │ │ ├── DividerVariants.js │ │ │ │ │ ├── DividerVariants.tsx │ │ │ │ │ ├── FlexDivider.js │ │ │ │ │ ├── FlexDivider.tsx │ │ │ │ │ ├── FlexDivider.tsx.preview │ │ │ │ │ ├── IntroDivider.js │ │ │ │ │ ├── IntroDivider.tsx │ │ │ │ │ ├── ListDividers.js │ │ │ │ │ ├── ListDividers.tsx │ │ │ │ │ ├── VerticalDividerMiddle.js │ │ │ │ │ ├── VerticalDividerMiddle.tsx │ │ │ │ │ ├── VerticalDividers.js │ │ │ │ │ ├── VerticalDividers.tsx │ │ │ │ │ ├── VerticalDividers.tsx.preview │ │ │ │ │ └── dividers.md │ │ │ │ ├── drawers/ │ │ │ │ │ ├── AnchorTemporaryDrawer.js │ │ │ │ │ ├── AnchorTemporaryDrawer.tsx │ │ │ │ │ ├── AnchorTemporaryDrawer.tsx.preview │ │ │ │ │ ├── ClippedDrawer.js │ │ │ │ │ ├── ClippedDrawer.tsx │ │ │ │ │ ├── MiniDrawer.js │ │ │ │ │ ├── MiniDrawer.tsx │ │ │ │ │ ├── PermanentDrawerLeft.js │ │ │ │ │ ├── PermanentDrawerLeft.tsx │ │ │ │ │ ├── PermanentDrawerRight.js │ │ │ │ │ ├── PermanentDrawerRight.tsx │ │ │ │ │ ├── PersistentDrawerLeft.js │ │ │ │ │ ├── PersistentDrawerLeft.tsx │ │ │ │ │ ├── PersistentDrawerRight.js │ │ │ │ │ ├── PersistentDrawerRight.tsx │ │ │ │ │ ├── ResponsiveDrawer.js │ │ │ │ │ ├── ResponsiveDrawer.tsx │ │ │ │ │ ├── SwipeableEdgeDrawer.js │ │ │ │ │ ├── SwipeableEdgeDrawer.tsx │ │ │ │ │ ├── SwipeableTemporaryDrawer.js │ │ │ │ │ ├── SwipeableTemporaryDrawer.tsx │ │ │ │ │ ├── SwipeableTemporaryDrawer.tsx.preview │ │ │ │ │ ├── TemporaryDrawer.js │ │ │ │ │ ├── TemporaryDrawer.tsx │ │ │ │ │ ├── TemporaryDrawer.tsx.preview │ │ │ │ │ └── drawers.md │ │ │ │ ├── floating-action-button/ │ │ │ │ │ ├── FloatingActionButtonExtendedSize.js │ │ │ │ │ ├── FloatingActionButtonExtendedSize.tsx │ │ │ │ │ ├── FloatingActionButtonExtendedSize.tsx.preview │ │ │ │ │ ├── FloatingActionButtonSize.js │ │ │ │ │ ├── FloatingActionButtonSize.tsx │ │ │ │ │ ├── FloatingActionButtonSize.tsx.preview │ │ │ │ │ ├── FloatingActionButtonZoom.js │ │ │ │ │ ├── FloatingActionButtonZoom.tsx │ │ │ │ │ ├── FloatingActionButtons.js │ │ │ │ │ ├── FloatingActionButtons.tsx │ │ │ │ │ ├── FloatingActionButtons.tsx.preview │ │ │ │ │ └── floating-action-button.md │ │ │ │ ├── grid/ │ │ │ │ │ ├── AutoGrid.js │ │ │ │ │ ├── AutoGrid.tsx │ │ │ │ │ ├── AutoGrid.tsx.preview │ │ │ │ │ ├── BasicGrid.js │ │ │ │ │ ├── BasicGrid.tsx │ │ │ │ │ ├── BasicGrid.tsx.preview │ │ │ │ │ ├── CenteredElementGrid.js │ │ │ │ │ ├── CenteredElementGrid.tsx │ │ │ │ │ ├── ColumnLayoutInsideGrid.js │ │ │ │ │ ├── ColumnLayoutInsideGrid.tsx │ │ │ │ │ ├── ColumnLayoutInsideGrid.tsx.preview │ │ │ │ │ ├── ColumnsGrid.js │ │ │ │ │ ├── ColumnsGrid.tsx │ │ │ │ │ ├── ColumnsGrid.tsx.preview │ │ │ │ │ ├── FullBorderedGrid.js │ │ │ │ │ ├── FullBorderedGrid.tsx │ │ │ │ │ ├── FullWidthGrid.js │ │ │ │ │ ├── FullWidthGrid.tsx │ │ │ │ │ ├── FullWidthGrid.tsx.preview │ │ │ │ │ ├── HalfBorderedGrid.js │ │ │ │ │ ├── HalfBorderedGrid.tsx │ │ │ │ │ ├── InteractiveGrid.js │ │ │ │ │ ├── InteractiveGrid.tsx │ │ │ │ │ ├── NestedGrid.js │ │ │ │ │ ├── NestedGrid.tsx │ │ │ │ │ ├── NestedGridColumns.js │ │ │ │ │ ├── NestedGridColumns.tsx │ │ │ │ │ ├── OffsetGrid.js │ │ │ │ │ ├── OffsetGrid.tsx │ │ │ │ │ ├── OffsetGrid.tsx.preview │ │ │ │ │ ├── ResponsiveGrid.js │ │ │ │ │ ├── ResponsiveGrid.tsx │ │ │ │ │ ├── ResponsiveGrid.tsx.preview │ │ │ │ │ ├── RowAndColumnSpacing.js │ │ │ │ │ ├── RowAndColumnSpacing.tsx │ │ │ │ │ ├── RowAndColumnSpacing.tsx.preview │ │ │ │ │ ├── SpacingGrid.js │ │ │ │ │ ├── SpacingGrid.tsx │ │ │ │ │ ├── VariableWidthGrid.js │ │ │ │ │ ├── VariableWidthGrid.tsx │ │ │ │ │ ├── VariableWidthGrid.tsx.preview │ │ │ │ │ └── grid.md │ │ │ │ ├── icons/ │ │ │ │ │ ├── CreateSvgIcon.js │ │ │ │ │ ├── CreateSvgIcon.tsx │ │ │ │ │ ├── CreateSvgIcon.tsx.preview │ │ │ │ │ ├── FontAwesomeIcon.js │ │ │ │ │ ├── FontAwesomeIcon.tsx │ │ │ │ │ ├── FontAwesomeIcon.tsx.preview │ │ │ │ │ ├── FontAwesomeIconSize.js │ │ │ │ │ ├── FontAwesomeIconSize.tsx │ │ │ │ │ ├── FontAwesomeIconSize.tsx.preview │ │ │ │ │ ├── FontAwesomeSvgIconDemo.js │ │ │ │ │ ├── FontAwesomeSvgIconDemo.tsx │ │ │ │ │ ├── FontAwesomeSvgIconDemo.tsx.preview │ │ │ │ │ ├── Icons.js │ │ │ │ │ ├── Icons.tsx │ │ │ │ │ ├── Icons.tsx.preview │ │ │ │ │ ├── SvgIconChildren.js │ │ │ │ │ ├── SvgIconChildren.tsx │ │ │ │ │ ├── SvgIconChildren.tsx.preview │ │ │ │ │ ├── SvgIconsColor.js │ │ │ │ │ ├── SvgIconsColor.tsx │ │ │ │ │ ├── SvgIconsColor.tsx.preview │ │ │ │ │ ├── SvgIconsSize.js │ │ │ │ │ ├── SvgIconsSize.tsx │ │ │ │ │ ├── SvgIconsSize.tsx.preview │ │ │ │ │ ├── SvgMaterialIcons.js │ │ │ │ │ ├── SvgMaterialIcons.tsx │ │ │ │ │ ├── TwoToneIcons.js │ │ │ │ │ ├── TwoToneIcons.tsx │ │ │ │ │ ├── TwoToneIcons.tsx.preview │ │ │ │ │ └── icons.md │ │ │ │ ├── image-list/ │ │ │ │ │ ├── CustomImageList.js │ │ │ │ │ ├── CustomImageList.tsx │ │ │ │ │ ├── MasonryImageList.js │ │ │ │ │ ├── MasonryImageList.tsx │ │ │ │ │ ├── MasonryImageList.tsx.preview │ │ │ │ │ ├── QuiltedImageList.js │ │ │ │ │ ├── QuiltedImageList.tsx │ │ │ │ │ ├── QuiltedImageList.tsx.preview │ │ │ │ │ ├── StandardImageList.js │ │ │ │ │ ├── StandardImageList.tsx │ │ │ │ │ ├── StandardImageList.tsx.preview │ │ │ │ │ ├── TitlebarBelowImageList.js │ │ │ │ │ ├── TitlebarBelowImageList.tsx │ │ │ │ │ ├── TitlebarBelowMasonryImageList.js │ │ │ │ │ ├── TitlebarBelowMasonryImageList.tsx │ │ │ │ │ ├── TitlebarBelowMasonryImageList.tsx.preview │ │ │ │ │ ├── TitlebarImageList.js │ │ │ │ │ ├── TitlebarImageList.tsx │ │ │ │ │ ├── WovenImageList.js │ │ │ │ │ ├── WovenImageList.tsx │ │ │ │ │ ├── WovenImageList.tsx.preview │ │ │ │ │ ├── image-list.md │ │ │ │ │ └── itemData.d.ts │ │ │ │ ├── init-color-scheme-script/ │ │ │ │ │ └── init-color-scheme-script.md │ │ │ │ ├── links/ │ │ │ │ │ ├── ButtonLink.js │ │ │ │ │ ├── ButtonLink.tsx │ │ │ │ │ ├── ButtonLink.tsx.preview │ │ │ │ │ ├── Links.js │ │ │ │ │ ├── Links.tsx │ │ │ │ │ ├── Links.tsx.preview │ │ │ │ │ ├── UnderlineLink.js │ │ │ │ │ ├── UnderlineLink.tsx │ │ │ │ │ ├── UnderlineLink.tsx.preview │ │ │ │ │ └── links.md │ │ │ │ ├── lists/ │ │ │ │ │ ├── AlignItemsList.js │ │ │ │ │ ├── AlignItemsList.tsx │ │ │ │ │ ├── BasicList.js │ │ │ │ │ ├── BasicList.tsx │ │ │ │ │ ├── CheckboxList.js │ │ │ │ │ ├── CheckboxList.tsx │ │ │ │ │ ├── CheckboxListSecondary.js │ │ │ │ │ ├── CheckboxListSecondary.tsx │ │ │ │ │ ├── CustomizedList.js │ │ │ │ │ ├── CustomizedList.tsx │ │ │ │ │ ├── FolderList.js │ │ │ │ │ ├── FolderList.tsx │ │ │ │ │ ├── GutterlessList.js │ │ │ │ │ ├── GutterlessList.tsx │ │ │ │ │ ├── GutterlessList.tsx.preview │ │ │ │ │ ├── InsetList.js │ │ │ │ │ ├── InsetList.tsx │ │ │ │ │ ├── InteractiveList.js │ │ │ │ │ ├── InteractiveList.tsx │ │ │ │ │ ├── NestedList.js │ │ │ │ │ ├── NestedList.tsx │ │ │ │ │ ├── PinnedSubheaderList.js │ │ │ │ │ ├── PinnedSubheaderList.tsx │ │ │ │ │ ├── SelectedListItem.js │ │ │ │ │ ├── SelectedListItem.tsx │ │ │ │ │ ├── SwitchListSecondary.js │ │ │ │ │ ├── SwitchListSecondary.tsx │ │ │ │ │ ├── VirtualizedList.js │ │ │ │ │ ├── VirtualizedList.tsx │ │ │ │ │ ├── VirtualizedList.tsx.preview │ │ │ │ │ └── lists.md │ │ │ │ ├── masonry/ │ │ │ │ │ ├── BasicMasonry.js │ │ │ │ │ ├── BasicMasonry.tsx │ │ │ │ │ ├── BasicMasonry.tsx.preview │ │ │ │ │ ├── FixedColumns.js │ │ │ │ │ ├── FixedColumns.tsx │ │ │ │ │ ├── FixedColumns.tsx.preview │ │ │ │ │ ├── FixedSpacing.js │ │ │ │ │ ├── FixedSpacing.tsx │ │ │ │ │ ├── FixedSpacing.tsx.preview │ │ │ │ │ ├── ImageMasonry.js │ │ │ │ │ ├── ImageMasonry.tsx │ │ │ │ │ ├── MasonryWithVariableHeightItems.js │ │ │ │ │ ├── MasonryWithVariableHeightItems.tsx │ │ │ │ │ ├── MasonryWithVariableHeightItems.tsx.preview │ │ │ │ │ ├── ResponsiveColumns.js │ │ │ │ │ ├── ResponsiveColumns.tsx │ │ │ │ │ ├── ResponsiveColumns.tsx.preview │ │ │ │ │ ├── ResponsiveSpacing.js │ │ │ │ │ ├── ResponsiveSpacing.tsx │ │ │ │ │ ├── ResponsiveSpacing.tsx.preview │ │ │ │ │ ├── SSRMasonry.js │ │ │ │ │ ├── SSRMasonry.tsx │ │ │ │ │ ├── SSRMasonry.tsx.preview │ │ │ │ │ ├── Sequential.js │ │ │ │ │ ├── Sequential.tsx │ │ │ │ │ ├── Sequential.tsx.preview │ │ │ │ │ └── masonry.md │ │ │ │ ├── material-icons/ │ │ │ │ │ ├── SearchIcons.js │ │ │ │ │ ├── material-icons.md │ │ │ │ │ └── synonyms.js │ │ │ │ ├── menubar/ │ │ │ │ │ ├── BasicMenubar.js │ │ │ │ │ ├── BasicMenubar.tsx │ │ │ │ │ ├── CheckboxItemsMenubar.js │ │ │ │ │ ├── CheckboxItemsMenubar.tsx │ │ │ │ │ ├── GroupLabelMenubar.js │ │ │ │ │ ├── GroupLabelMenubar.tsx │ │ │ │ │ ├── IconItemsMenubar.js │ │ │ │ │ ├── IconItemsMenubar.tsx │ │ │ │ │ ├── RadioGroupItemsMenubar.js │ │ │ │ │ ├── RadioGroupItemsMenubar.tsx │ │ │ │ │ ├── ShortcutHintsMenubar.js │ │ │ │ │ ├── ShortcutHintsMenubar.tsx │ │ │ │ │ ├── components/ │ │ │ │ │ │ ├── Menubar.js │ │ │ │ │ │ └── Menubar.tsx │ │ │ │ │ └── menubar.md │ │ │ │ ├── menus/ │ │ │ │ │ ├── AccountMenu.js │ │ │ │ │ ├── AccountMenu.tsx │ │ │ │ │ ├── BasicMenu.js │ │ │ │ │ ├── BasicMenu.tsx │ │ │ │ │ ├── ContextMenu.js │ │ │ │ │ ├── ContextMenu.tsx │ │ │ │ │ ├── CustomizedMenus.js │ │ │ │ │ ├── CustomizedMenus.tsx │ │ │ │ │ ├── DenseMenu.js │ │ │ │ │ ├── DenseMenu.tsx │ │ │ │ │ ├── FadeMenu.js │ │ │ │ │ ├── FadeMenu.tsx │ │ │ │ │ ├── GroupedMenu.js │ │ │ │ │ ├── GroupedMenu.tsx │ │ │ │ │ ├── IconMenu.js │ │ │ │ │ ├── IconMenu.tsx │ │ │ │ │ ├── LongMenu.js │ │ │ │ │ ├── LongMenu.tsx │ │ │ │ │ ├── MenuListComposition.js │ │ │ │ │ ├── MenuListComposition.tsx │ │ │ │ │ ├── MenuPopupState.js │ │ │ │ │ ├── MenuPopupState.tsx │ │ │ │ │ ├── MenuPopupState.tsx.preview │ │ │ │ │ ├── PositionedMenu.js │ │ │ │ │ ├── PositionedMenu.tsx │ │ │ │ │ ├── SimpleListMenu.js │ │ │ │ │ ├── SimpleListMenu.tsx │ │ │ │ │ ├── TypographyMenu.js │ │ │ │ │ ├── TypographyMenu.tsx │ │ │ │ │ └── menus.md │ │ │ │ ├── modal/ │ │ │ │ │ ├── BasicModal.js │ │ │ │ │ ├── BasicModal.tsx │ │ │ │ │ ├── BasicModal.tsx.preview │ │ │ │ │ ├── KeepMountedModal.js │ │ │ │ │ ├── KeepMountedModal.tsx │ │ │ │ │ ├── NestedModal.js │ │ │ │ │ ├── NestedModal.tsx │ │ │ │ │ ├── NestedModal.tsx.preview │ │ │ │ │ ├── ServerModal.js │ │ │ │ │ ├── ServerModal.tsx │ │ │ │ │ ├── SpringModal.js │ │ │ │ │ ├── SpringModal.tsx │ │ │ │ │ ├── TransitionsModal.js │ │ │ │ │ ├── TransitionsModal.tsx │ │ │ │ │ └── modal.md │ │ │ │ ├── no-ssr/ │ │ │ │ │ ├── FrameDeferring.js │ │ │ │ │ ├── FrameDeferring.tsx │ │ │ │ │ ├── SimpleNoSsr.js │ │ │ │ │ ├── SimpleNoSsr.tsx │ │ │ │ │ ├── SimpleNoSsr.tsx.preview │ │ │ │ │ └── no-ssr.md │ │ │ │ ├── number-field/ │ │ │ │ │ ├── FieldDemo.js │ │ │ │ │ ├── FieldDemo.tsx │ │ │ │ │ ├── FieldDemo.tsx.preview │ │ │ │ │ ├── SpinnerDemo.js │ │ │ │ │ ├── SpinnerDemo.tsx │ │ │ │ │ ├── SpinnerDemo.tsx.preview │ │ │ │ │ ├── components/ │ │ │ │ │ │ ├── NumberField.js │ │ │ │ │ │ ├── NumberField.tsx │ │ │ │ │ │ ├── NumberSpinner.js │ │ │ │ │ │ └── NumberSpinner.tsx │ │ │ │ │ └── number-field.md │ │ │ │ ├── pagination/ │ │ │ │ │ ├── BasicPagination.js │ │ │ │ │ ├── BasicPagination.tsx │ │ │ │ │ ├── BasicPagination.tsx.preview │ │ │ │ │ ├── CustomIcons.js │ │ │ │ │ ├── CustomIcons.tsx │ │ │ │ │ ├── CustomIcons.tsx.preview │ │ │ │ │ ├── PaginationButtons.js │ │ │ │ │ ├── PaginationButtons.tsx │ │ │ │ │ ├── PaginationButtons.tsx.preview │ │ │ │ │ ├── PaginationControlled.js │ │ │ │ │ ├── PaginationControlled.tsx │ │ │ │ │ ├── PaginationControlled.tsx.preview │ │ │ │ │ ├── PaginationLink.js │ │ │ │ │ ├── PaginationLink.tsx │ │ │ │ │ ├── PaginationLink.tsx.preview │ │ │ │ │ ├── PaginationOutlined.js │ │ │ │ │ ├── PaginationOutlined.tsx │ │ │ │ │ ├── PaginationOutlined.tsx.preview │ │ │ │ │ ├── PaginationRanges.js │ │ │ │ │ ├── PaginationRanges.tsx │ │ │ │ │ ├── PaginationRanges.tsx.preview │ │ │ │ │ ├── PaginationRounded.js │ │ │ │ │ ├── PaginationRounded.tsx │ │ │ │ │ ├── PaginationRounded.tsx.preview │ │ │ │ │ ├── PaginationSize.js │ │ │ │ │ ├── PaginationSize.tsx │ │ │ │ │ ├── PaginationSize.tsx.preview │ │ │ │ │ ├── TablePaginationDemo.js │ │ │ │ │ ├── TablePaginationDemo.tsx │ │ │ │ │ ├── TablePaginationDemo.tsx.preview │ │ │ │ │ ├── UsePagination.js │ │ │ │ │ ├── UsePagination.tsx │ │ │ │ │ └── pagination.md │ │ │ │ ├── paper/ │ │ │ │ │ ├── Elevation.js │ │ │ │ │ ├── Elevation.tsx │ │ │ │ │ ├── SimplePaper.js │ │ │ │ │ ├── SimplePaper.tsx │ │ │ │ │ ├── SimplePaper.tsx.preview │ │ │ │ │ ├── SquareCorners.js │ │ │ │ │ ├── SquareCorners.tsx │ │ │ │ │ ├── SquareCorners.tsx.preview │ │ │ │ │ ├── Variants.js │ │ │ │ │ ├── Variants.tsx │ │ │ │ │ ├── Variants.tsx.preview │ │ │ │ │ └── paper.md │ │ │ │ ├── popover/ │ │ │ │ │ ├── AnchorPlayground.js │ │ │ │ │ ├── BasicPopover.js │ │ │ │ │ ├── BasicPopover.tsx │ │ │ │ │ ├── BasicPopover.tsx.preview │ │ │ │ │ ├── MouseHoverPopover.js │ │ │ │ │ ├── MouseHoverPopover.tsx │ │ │ │ │ ├── PopoverPopupState.js │ │ │ │ │ ├── PopoverPopupState.tsx │ │ │ │ │ ├── VirtualElementPopover.js │ │ │ │ │ ├── VirtualElementPopover.tsx │ │ │ │ │ └── popover.md │ │ │ │ ├── popper/ │ │ │ │ │ ├── PopperPopupState.js │ │ │ │ │ ├── PopperPopupState.tsx │ │ │ │ │ ├── PositionedPopper.js │ │ │ │ │ ├── PositionedPopper.tsx │ │ │ │ │ ├── ScrollPlayground.js │ │ │ │ │ ├── SimplePopper.js │ │ │ │ │ ├── SimplePopper.tsx │ │ │ │ │ ├── SimplePopper.tsx.preview │ │ │ │ │ ├── SpringPopper.js │ │ │ │ │ ├── SpringPopper.tsx │ │ │ │ │ ├── SpringPopper.tsx.preview │ │ │ │ │ ├── TransitionsPopper.js │ │ │ │ │ ├── TransitionsPopper.tsx │ │ │ │ │ ├── TransitionsPopper.tsx.preview │ │ │ │ │ ├── VirtualElementPopper.js │ │ │ │ │ ├── VirtualElementPopper.tsx │ │ │ │ │ └── popper.md │ │ │ │ ├── portal/ │ │ │ │ │ ├── SimplePortal.js │ │ │ │ │ ├── SimplePortal.tsx │ │ │ │ │ ├── SimplePortal.tsx.preview │ │ │ │ │ └── portal.md │ │ │ │ ├── progress/ │ │ │ │ │ ├── CircularColor.js │ │ │ │ │ ├── CircularColor.tsx │ │ │ │ │ ├── CircularColor.tsx.preview │ │ │ │ │ ├── CircularDeterminate.js │ │ │ │ │ ├── CircularDeterminate.tsx │ │ │ │ │ ├── CircularDeterminate.tsx.preview │ │ │ │ │ ├── CircularEnableTrack.js │ │ │ │ │ ├── CircularEnableTrack.tsx │ │ │ │ │ ├── CircularEnableTrack.tsx.preview │ │ │ │ │ ├── CircularIndeterminate.js │ │ │ │ │ ├── CircularIndeterminate.tsx │ │ │ │ │ ├── CircularIndeterminate.tsx.preview │ │ │ │ │ ├── CircularIntegration.js │ │ │ │ │ ├── CircularIntegration.tsx │ │ │ │ │ ├── CircularSize.js │ │ │ │ │ ├── CircularSize.tsx │ │ │ │ │ ├── CircularSize.tsx.preview │ │ │ │ │ ├── CircularUnderLoad.js │ │ │ │ │ ├── CircularUnderLoad.tsx │ │ │ │ │ ├── CircularUnderLoad.tsx.preview │ │ │ │ │ ├── CircularWithValueLabel.js │ │ │ │ │ ├── CircularWithValueLabel.tsx │ │ │ │ │ ├── CircularWithValueLabel.tsx.preview │ │ │ │ │ ├── CustomizedProgressBars.js │ │ │ │ │ ├── CustomizedProgressBars.tsx │ │ │ │ │ ├── CustomizedProgressBars.tsx.preview │ │ │ │ │ ├── DelayingAppearance.js │ │ │ │ │ ├── DelayingAppearance.tsx │ │ │ │ │ ├── LinearBuffer.js │ │ │ │ │ ├── LinearBuffer.tsx │ │ │ │ │ ├── LinearBuffer.tsx.preview │ │ │ │ │ ├── LinearColor.js │ │ │ │ │ ├── LinearColor.tsx │ │ │ │ │ ├── LinearColor.tsx.preview │ │ │ │ │ ├── LinearDeterminate.js │ │ │ │ │ ├── LinearDeterminate.tsx │ │ │ │ │ ├── LinearDeterminate.tsx.preview │ │ │ │ │ ├── LinearIndeterminate.js │ │ │ │ │ ├── LinearIndeterminate.tsx │ │ │ │ │ ├── LinearIndeterminate.tsx.preview │ │ │ │ │ ├── LinearWithValueLabel.js │ │ │ │ │ ├── LinearWithValueLabel.tsx │ │ │ │ │ ├── LinearWithValueLabel.tsx.preview │ │ │ │ │ └── progress.md │ │ │ │ ├── radio-buttons/ │ │ │ │ │ ├── ColorRadioButtons.js │ │ │ │ │ ├── ColorRadioButtons.tsx │ │ │ │ │ ├── ColorRadioButtons.tsx.preview │ │ │ │ │ ├── ControlledRadioButtonsGroup.js │ │ │ │ │ ├── ControlledRadioButtonsGroup.tsx │ │ │ │ │ ├── ControlledRadioButtonsGroup.tsx.preview │ │ │ │ │ ├── CustomizedRadios.js │ │ │ │ │ ├── CustomizedRadios.tsx │ │ │ │ │ ├── ErrorRadios.js │ │ │ │ │ ├── ErrorRadios.tsx │ │ │ │ │ ├── FormControlLabelPlacement.js │ │ │ │ │ ├── FormControlLabelPlacement.tsx │ │ │ │ │ ├── RadioButtons.js │ │ │ │ │ ├── RadioButtons.tsx │ │ │ │ │ ├── RadioButtons.tsx.preview │ │ │ │ │ ├── RadioButtonsGroup.js │ │ │ │ │ ├── RadioButtonsGroup.tsx │ │ │ │ │ ├── RadioButtonsGroup.tsx.preview │ │ │ │ │ ├── RowRadioButtonsGroup.js │ │ │ │ │ ├── RowRadioButtonsGroup.tsx │ │ │ │ │ ├── SizeRadioButtons.js │ │ │ │ │ ├── SizeRadioButtons.tsx │ │ │ │ │ ├── SizeRadioButtons.tsx.preview │ │ │ │ │ ├── UseRadioGroup.js │ │ │ │ │ ├── UseRadioGroup.tsx │ │ │ │ │ ├── UseRadioGroup.tsx.preview │ │ │ │ │ └── radio-buttons.md │ │ │ │ ├── rating/ │ │ │ │ │ ├── BasicRating.js │ │ │ │ │ ├── BasicRating.tsx │ │ │ │ │ ├── CustomizedRating.js │ │ │ │ │ ├── CustomizedRating.tsx │ │ │ │ │ ├── CustomizedRating.tsx.preview │ │ │ │ │ ├── HalfRating.js │ │ │ │ │ ├── HalfRating.tsx │ │ │ │ │ ├── HalfRating.tsx.preview │ │ │ │ │ ├── HoverRating.js │ │ │ │ │ ├── HoverRating.tsx │ │ │ │ │ ├── HoverRating.tsx.preview │ │ │ │ │ ├── RadioGroupRating.js │ │ │ │ │ ├── RadioGroupRating.tsx │ │ │ │ │ ├── RadioGroupRating.tsx.preview │ │ │ │ │ ├── RatingSize.js │ │ │ │ │ ├── RatingSize.tsx │ │ │ │ │ ├── RatingSize.tsx.preview │ │ │ │ │ ├── TextRating.js │ │ │ │ │ ├── TextRating.tsx │ │ │ │ │ ├── TextRating.tsx.preview │ │ │ │ │ └── rating.md │ │ │ │ ├── selects/ │ │ │ │ │ ├── BasicSelect.js │ │ │ │ │ ├── BasicSelect.tsx │ │ │ │ │ ├── BasicSelect.tsx.preview │ │ │ │ │ ├── ControlledOpenSelect.js │ │ │ │ │ ├── ControlledOpenSelect.tsx │ │ │ │ │ ├── CustomizedSelects.js │ │ │ │ │ ├── CustomizedSelects.tsx │ │ │ │ │ ├── DialogSelect.js │ │ │ │ │ ├── DialogSelect.tsx │ │ │ │ │ ├── GroupedSelect.js │ │ │ │ │ ├── GroupedSelect.tsx │ │ │ │ │ ├── MultipleSelect.js │ │ │ │ │ ├── MultipleSelect.tsx │ │ │ │ │ ├── MultipleSelectCheckmarks.js │ │ │ │ │ ├── MultipleSelectCheckmarks.tsx │ │ │ │ │ ├── MultipleSelectChip.js │ │ │ │ │ ├── MultipleSelectChip.tsx │ │ │ │ │ ├── MultipleSelectNative.js │ │ │ │ │ ├── MultipleSelectNative.tsx │ │ │ │ │ ├── MultipleSelectPlaceholder.js │ │ │ │ │ ├── MultipleSelectPlaceholder.tsx │ │ │ │ │ ├── NativeSelectDemo.js │ │ │ │ │ ├── NativeSelectDemo.tsx │ │ │ │ │ ├── NativeSelectDemo.tsx.preview │ │ │ │ │ ├── SelectAutoWidth.js │ │ │ │ │ ├── SelectAutoWidth.tsx │ │ │ │ │ ├── SelectLabels.js │ │ │ │ │ ├── SelectLabels.tsx │ │ │ │ │ ├── SelectOtherProps.js │ │ │ │ │ ├── SelectOtherProps.tsx │ │ │ │ │ ├── SelectSmall.js │ │ │ │ │ ├── SelectSmall.tsx │ │ │ │ │ ├── SelectVariants.js │ │ │ │ │ ├── SelectVariants.tsx │ │ │ │ │ └── selects.md │ │ │ │ ├── skeleton/ │ │ │ │ │ ├── Animations.js │ │ │ │ │ ├── Animations.tsx │ │ │ │ │ ├── Animations.tsx.preview │ │ │ │ │ ├── Facebook.js │ │ │ │ │ ├── Facebook.tsx │ │ │ │ │ ├── Facebook.tsx.preview │ │ │ │ │ ├── SkeletonChildren.js │ │ │ │ │ ├── SkeletonChildren.tsx │ │ │ │ │ ├── SkeletonChildren.tsx.preview │ │ │ │ │ ├── SkeletonColor.js │ │ │ │ │ ├── SkeletonColor.tsx │ │ │ │ │ ├── SkeletonColor.tsx.preview │ │ │ │ │ ├── SkeletonTypography.js │ │ │ │ │ ├── SkeletonTypography.tsx │ │ │ │ │ ├── SkeletonTypography.tsx.preview │ │ │ │ │ ├── Variants.js │ │ │ │ │ ├── Variants.tsx │ │ │ │ │ ├── Variants.tsx.preview │ │ │ │ │ ├── YouTube.js │ │ │ │ │ ├── YouTube.tsx │ │ │ │ │ ├── YouTube.tsx.preview │ │ │ │ │ └── skeleton.md │ │ │ │ ├── slider/ │ │ │ │ │ ├── ColorSlider.js │ │ │ │ │ ├── ColorSlider.tsx │ │ │ │ │ ├── ColorSlider.tsx.preview │ │ │ │ │ ├── ContinuousSlider.js │ │ │ │ │ ├── ContinuousSlider.tsx │ │ │ │ │ ├── ContinuousSlider.tsx.preview │ │ │ │ │ ├── CustomMarks.js │ │ │ │ │ ├── CustomMarks.tsx │ │ │ │ │ ├── CustomizedSlider.js │ │ │ │ │ ├── CustomizedSlider.tsx │ │ │ │ │ ├── DiscreteSlider.js │ │ │ │ │ ├── DiscreteSlider.tsx │ │ │ │ │ ├── DiscreteSlider.tsx.preview │ │ │ │ │ ├── DiscreteSliderLabel.js │ │ │ │ │ ├── DiscreteSliderLabel.tsx │ │ │ │ │ ├── DiscreteSliderLabel.tsx.preview │ │ │ │ │ ├── DiscreteSliderMarks.js │ │ │ │ │ ├── DiscreteSliderMarks.tsx │ │ │ │ │ ├── DiscreteSliderMarks.tsx.preview │ │ │ │ │ ├── DiscreteSliderSteps.js │ │ │ │ │ ├── DiscreteSliderSteps.tsx │ │ │ │ │ ├── DiscreteSliderSteps.tsx.preview │ │ │ │ │ ├── DiscreteSliderValues.js │ │ │ │ │ ├── DiscreteSliderValues.tsx │ │ │ │ │ ├── DiscreteSliderValues.tsx.preview │ │ │ │ │ ├── InputSlider.js │ │ │ │ │ ├── InputSlider.tsx │ │ │ │ │ ├── MinimumDistanceSlider.js │ │ │ │ │ ├── MinimumDistanceSlider.tsx │ │ │ │ │ ├── MinimumDistanceSlider.tsx.preview │ │ │ │ │ ├── MusicPlayerSlider.js │ │ │ │ │ ├── MusicPlayerSlider.tsx │ │ │ │ │ ├── NonLinearSlider.js │ │ │ │ │ ├── NonLinearSlider.tsx │ │ │ │ │ ├── NonLinearSlider.tsx.preview │ │ │ │ │ ├── RangeSlider.js │ │ │ │ │ ├── RangeSlider.tsx │ │ │ │ │ ├── RangeSlider.tsx.preview │ │ │ │ │ ├── SliderSizes.js │ │ │ │ │ ├── SliderSizes.tsx │ │ │ │ │ ├── SliderSizes.tsx.preview │ │ │ │ │ ├── TrackFalseSlider.js │ │ │ │ │ ├── TrackFalseSlider.tsx │ │ │ │ │ ├── TrackInvertedSlider.js │ │ │ │ │ ├── TrackInvertedSlider.tsx │ │ │ │ │ ├── VerticalSlider.js │ │ │ │ │ ├── VerticalSlider.tsx │ │ │ │ │ └── slider.md │ │ │ │ ├── snackbars/ │ │ │ │ │ ├── AutohideSnackbar.js │ │ │ │ │ ├── AutohideSnackbar.tsx │ │ │ │ │ ├── AutohideSnackbar.tsx.preview │ │ │ │ │ ├── ConsecutiveSnackbars.js │ │ │ │ │ ├── ConsecutiveSnackbars.tsx │ │ │ │ │ ├── CustomizedSnackbars.js │ │ │ │ │ ├── CustomizedSnackbars.tsx │ │ │ │ │ ├── CustomizedSnackbars.tsx.preview │ │ │ │ │ ├── DirectionSnackbar.js │ │ │ │ │ ├── DirectionSnackbar.tsx │ │ │ │ │ ├── FabIntegrationSnackbar.js │ │ │ │ │ ├── FabIntegrationSnackbar.tsx │ │ │ │ │ ├── IntegrationNotistack.js │ │ │ │ │ ├── IntegrationNotistack.tsx │ │ │ │ │ ├── IntegrationNotistack.tsx.preview │ │ │ │ │ ├── LongTextSnackbar.js │ │ │ │ │ ├── LongTextSnackbar.tsx │ │ │ │ │ ├── PositionedSnackbar.js │ │ │ │ │ ├── PositionedSnackbar.tsx │ │ │ │ │ ├── PositionedSnackbar.tsx.preview │ │ │ │ │ ├── SimpleSnackbar.js │ │ │ │ │ ├── SimpleSnackbar.tsx │ │ │ │ │ ├── SimpleSnackbar.tsx.preview │ │ │ │ │ ├── TransitionsSnackbar.js │ │ │ │ │ ├── TransitionsSnackbar.tsx │ │ │ │ │ ├── TransitionsSnackbar.tsx.preview │ │ │ │ │ └── snackbars.md │ │ │ │ ├── speed-dial/ │ │ │ │ │ ├── BasicSpeedDial.js │ │ │ │ │ ├── BasicSpeedDial.tsx │ │ │ │ │ ├── ControlledOpenSpeedDial.js │ │ │ │ │ ├── ControlledOpenSpeedDial.tsx │ │ │ │ │ ├── OpenIconSpeedDial.js │ │ │ │ │ ├── OpenIconSpeedDial.tsx │ │ │ │ │ ├── PlaygroundSpeedDial.js │ │ │ │ │ ├── PlaygroundSpeedDial.tsx │ │ │ │ │ ├── SpeedDialTooltipOpen.js │ │ │ │ │ ├── SpeedDialTooltipOpen.tsx │ │ │ │ │ └── speed-dial.md │ │ │ │ ├── stack/ │ │ │ │ │ ├── BasicStack.js │ │ │ │ │ ├── BasicStack.tsx │ │ │ │ │ ├── BasicStack.tsx.preview │ │ │ │ │ ├── DirectionStack.js │ │ │ │ │ ├── DirectionStack.tsx │ │ │ │ │ ├── DirectionStack.tsx.preview │ │ │ │ │ ├── DividerStack.js │ │ │ │ │ ├── DividerStack.tsx │ │ │ │ │ ├── DividerStack.tsx.preview │ │ │ │ │ ├── FlexboxGapStack.js │ │ │ │ │ ├── FlexboxGapStack.tsx │ │ │ │ │ ├── FlexboxGapStack.tsx.preview │ │ │ │ │ ├── InteractiveStack.js │ │ │ │ │ ├── InteractiveStack.tsx │ │ │ │ │ ├── ResponsiveStack.js │ │ │ │ │ ├── ResponsiveStack.tsx │ │ │ │ │ ├── ResponsiveStack.tsx.preview │ │ │ │ │ ├── ZeroWidthStack.js │ │ │ │ │ ├── ZeroWidthStack.tsx │ │ │ │ │ ├── ZeroWidthStack.tsx.preview │ │ │ │ │ └── stack.md │ │ │ │ ├── steppers/ │ │ │ │ │ ├── CustomizedSteppers.js │ │ │ │ │ ├── CustomizedSteppers.tsx │ │ │ │ │ ├── CustomizedSteppers.tsx.preview │ │ │ │ │ ├── DotsMobileStepper.js │ │ │ │ │ ├── DotsMobileStepper.tsx │ │ │ │ │ ├── HorizontalLinearAlternativeLabelStepper.js │ │ │ │ │ ├── HorizontalLinearAlternativeLabelStepper.tsx │ │ │ │ │ ├── HorizontalLinearAlternativeLabelStepper.tsx.preview │ │ │ │ │ ├── HorizontalLinearStepper.js │ │ │ │ │ ├── HorizontalLinearStepper.tsx │ │ │ │ │ ├── HorizontalNonLinearStepper.js │ │ │ │ │ ├── HorizontalNonLinearStepper.tsx │ │ │ │ │ ├── HorizontalStepperWithError.js │ │ │ │ │ ├── HorizontalStepperWithError.tsx │ │ │ │ │ ├── ProgressMobileStepper.js │ │ │ │ │ ├── ProgressMobileStepper.tsx │ │ │ │ │ ├── TextMobileStepper.js │ │ │ │ │ ├── TextMobileStepper.tsx │ │ │ │ │ ├── VerticalLinearStepper.js │ │ │ │ │ ├── VerticalLinearStepper.tsx │ │ │ │ │ └── steppers.md │ │ │ │ ├── switches/ │ │ │ │ │ ├── BasicSwitches.js │ │ │ │ │ ├── BasicSwitches.tsx │ │ │ │ │ ├── BasicSwitches.tsx.preview │ │ │ │ │ ├── ColorSwitches.js │ │ │ │ │ ├── ColorSwitches.tsx │ │ │ │ │ ├── ColorSwitches.tsx.preview │ │ │ │ │ ├── ControlledSwitches.js │ │ │ │ │ ├── ControlledSwitches.tsx │ │ │ │ │ ├── ControlledSwitches.tsx.preview │ │ │ │ │ ├── CustomizedSwitches.js │ │ │ │ │ ├── CustomizedSwitches.tsx │ │ │ │ │ ├── FormControlLabelPosition.js │ │ │ │ │ ├── FormControlLabelPosition.tsx │ │ │ │ │ ├── SwitchLabels.js │ │ │ │ │ ├── SwitchLabels.tsx │ │ │ │ │ ├── SwitchLabels.tsx.preview │ │ │ │ │ ├── SwitchesGroup.js │ │ │ │ │ ├── SwitchesGroup.tsx │ │ │ │ │ ├── SwitchesSize.js │ │ │ │ │ ├── SwitchesSize.tsx │ │ │ │ │ ├── SwitchesSize.tsx.preview │ │ │ │ │ └── switches.md │ │ │ │ ├── table/ │ │ │ │ │ ├── AccessibleTable.js │ │ │ │ │ ├── AccessibleTable.tsx │ │ │ │ │ ├── BasicTable.js │ │ │ │ │ ├── BasicTable.tsx │ │ │ │ │ ├── CollapsibleTable.js │ │ │ │ │ ├── CollapsibleTable.tsx │ │ │ │ │ ├── ColumnGroupingTable.js │ │ │ │ │ ├── ColumnGroupingTable.tsx │ │ │ │ │ ├── CustomPaginationActionsTable.js │ │ │ │ │ ├── CustomPaginationActionsTable.tsx │ │ │ │ │ ├── CustomizedTables.js │ │ │ │ │ ├── CustomizedTables.tsx │ │ │ │ │ ├── DataTable.js │ │ │ │ │ ├── DataTable.tsx │ │ │ │ │ ├── DataTable.tsx.preview │ │ │ │ │ ├── DenseTable.js │ │ │ │ │ ├── DenseTable.tsx │ │ │ │ │ ├── EnhancedTable.js │ │ │ │ │ ├── EnhancedTable.tsx │ │ │ │ │ ├── ReactVirtualizedTable.js │ │ │ │ │ ├── ReactVirtualizedTable.tsx │ │ │ │ │ ├── ReactVirtualizedTable.tsx.preview │ │ │ │ │ ├── SpanningTable.js │ │ │ │ │ ├── SpanningTable.tsx │ │ │ │ │ ├── StickyHeadTable.js │ │ │ │ │ ├── StickyHeadTable.tsx │ │ │ │ │ └── table.md │ │ │ │ ├── tabs/ │ │ │ │ │ ├── AccessibleTabs1.js │ │ │ │ │ ├── AccessibleTabs1.tsx │ │ │ │ │ ├── AccessibleTabs1.tsx.preview │ │ │ │ │ ├── AccessibleTabs2.js │ │ │ │ │ ├── AccessibleTabs2.tsx │ │ │ │ │ ├── AccessibleTabs2.tsx.preview │ │ │ │ │ ├── BasicTabs.js │ │ │ │ │ ├── BasicTabs.tsx │ │ │ │ │ ├── BasicTabs.tsx.preview │ │ │ │ │ ├── CenteredTabs.js │ │ │ │ │ ├── CenteredTabs.tsx │ │ │ │ │ ├── CenteredTabs.tsx.preview │ │ │ │ │ ├── ColorTabs.js │ │ │ │ │ ├── ColorTabs.tsx │ │ │ │ │ ├── ColorTabs.tsx.preview │ │ │ │ │ ├── CustomizedTabs.js │ │ │ │ │ ├── CustomizedTabs.tsx │ │ │ │ │ ├── DisabledTabs.js │ │ │ │ │ ├── DisabledTabs.tsx │ │ │ │ │ ├── DisabledTabs.tsx.preview │ │ │ │ │ ├── FullWidthTabs.js │ │ │ │ │ ├── FullWidthTabs.tsx │ │ │ │ │ ├── IconLabelTabs.js │ │ │ │ │ ├── IconLabelTabs.tsx │ │ │ │ │ ├── IconLabelTabs.tsx.preview │ │ │ │ │ ├── IconPositionTabs.js │ │ │ │ │ ├── IconPositionTabs.tsx │ │ │ │ │ ├── IconPositionTabs.tsx.preview │ │ │ │ │ ├── IconTabs.js │ │ │ │ │ ├── IconTabs.tsx │ │ │ │ │ ├── IconTabs.tsx.preview │ │ │ │ │ ├── LabTabs.js │ │ │ │ │ ├── LabTabs.tsx │ │ │ │ │ ├── LabTabs.tsx.preview │ │ │ │ │ ├── NavTabs.js │ │ │ │ │ ├── NavTabs.tsx │ │ │ │ │ ├── NavTabs.tsx.preview │ │ │ │ │ ├── ScrollableTabsButtonAuto.js │ │ │ │ │ ├── ScrollableTabsButtonAuto.tsx │ │ │ │ │ ├── ScrollableTabsButtonAuto.tsx.preview │ │ │ │ │ ├── ScrollableTabsButtonForce.js │ │ │ │ │ ├── ScrollableTabsButtonForce.tsx │ │ │ │ │ ├── ScrollableTabsButtonForce.tsx.preview │ │ │ │ │ ├── ScrollableTabsButtonPrevent.js │ │ │ │ │ ├── ScrollableTabsButtonPrevent.tsx │ │ │ │ │ ├── ScrollableTabsButtonPrevent.tsx.preview │ │ │ │ │ ├── ScrollableTabsButtonVisible.js │ │ │ │ │ ├── ScrollableTabsButtonVisible.tsx │ │ │ │ │ ├── TabsWrappedLabel.js │ │ │ │ │ ├── TabsWrappedLabel.tsx │ │ │ │ │ ├── TabsWrappedLabel.tsx.preview │ │ │ │ │ ├── VerticalTabs.js │ │ │ │ │ ├── VerticalTabs.tsx │ │ │ │ │ └── tabs.md │ │ │ │ ├── text-fields/ │ │ │ │ │ ├── BasicTextFields.js │ │ │ │ │ ├── BasicTextFields.tsx │ │ │ │ │ ├── BasicTextFields.tsx.preview │ │ │ │ │ ├── ColorTextFields.js │ │ │ │ │ ├── ColorTextFields.tsx │ │ │ │ │ ├── ColorTextFields.tsx.preview │ │ │ │ │ ├── ComposedTextField.js │ │ │ │ │ ├── ComposedTextField.tsx │ │ │ │ │ ├── CustomizedInputBase.js │ │ │ │ │ ├── CustomizedInputBase.tsx │ │ │ │ │ ├── CustomizedInputsStyleOverrides.js │ │ │ │ │ ├── CustomizedInputsStyleOverrides.tsx │ │ │ │ │ ├── CustomizedInputsStyleOverrides.tsx.preview │ │ │ │ │ ├── CustomizedInputsStyled.js │ │ │ │ │ ├── CustomizedInputsStyled.tsx │ │ │ │ │ ├── FormPropsTextFields.js │ │ │ │ │ ├── FormPropsTextFields.tsx │ │ │ │ │ ├── FormattedInputs.js │ │ │ │ │ ├── FormattedInputs.tsx │ │ │ │ │ ├── FullWidthTextField.js │ │ │ │ │ ├── FullWidthTextField.tsx │ │ │ │ │ ├── FullWidthTextField.tsx.preview │ │ │ │ │ ├── HelperTextAligned.js │ │ │ │ │ ├── HelperTextAligned.tsx │ │ │ │ │ ├── HelperTextAligned.tsx.preview │ │ │ │ │ ├── HelperTextMisaligned.js │ │ │ │ │ ├── HelperTextMisaligned.tsx │ │ │ │ │ ├── HelperTextMisaligned.tsx.preview │ │ │ │ │ ├── InputAdornments.js │ │ │ │ │ ├── InputAdornments.tsx │ │ │ │ │ ├── InputSuffixShrink.js │ │ │ │ │ ├── InputSuffixShrink.tsx │ │ │ │ │ ├── InputWithIcon.js │ │ │ │ │ ├── InputWithIcon.tsx │ │ │ │ │ ├── Inputs.js │ │ │ │ │ ├── Inputs.tsx │ │ │ │ │ ├── Inputs.tsx.preview │ │ │ │ │ ├── LayoutTextFields.js │ │ │ │ │ ├── LayoutTextFields.tsx │ │ │ │ │ ├── LayoutTextFields.tsx.preview │ │ │ │ │ ├── MultilineTextFields.js │ │ │ │ │ ├── MultilineTextFields.tsx │ │ │ │ │ ├── SelectTextFields.js │ │ │ │ │ ├── SelectTextFields.tsx │ │ │ │ │ ├── StateTextFields.js │ │ │ │ │ ├── StateTextFields.tsx │ │ │ │ │ ├── StateTextFields.tsx.preview │ │ │ │ │ ├── TextFieldHiddenLabel.js │ │ │ │ │ ├── TextFieldHiddenLabel.tsx │ │ │ │ │ ├── TextFieldHiddenLabel.tsx.preview │ │ │ │ │ ├── TextFieldSizes.js │ │ │ │ │ ├── TextFieldSizes.tsx │ │ │ │ │ ├── UseFormControl.js │ │ │ │ │ ├── UseFormControl.tsx │ │ │ │ │ ├── UseFormControl.tsx.preview │ │ │ │ │ ├── ValidationTextFields.js │ │ │ │ │ ├── ValidationTextFields.tsx │ │ │ │ │ └── text-fields.md │ │ │ │ ├── textarea-autosize/ │ │ │ │ │ ├── EmptyTextarea.js │ │ │ │ │ ├── EmptyTextarea.tsx │ │ │ │ │ ├── EmptyTextarea.tsx.preview │ │ │ │ │ ├── MaxHeightTextarea.js │ │ │ │ │ ├── MaxHeightTextarea.tsx │ │ │ │ │ ├── MaxHeightTextarea.tsx.preview │ │ │ │ │ ├── MinHeightTextarea.js │ │ │ │ │ ├── MinHeightTextarea.tsx │ │ │ │ │ ├── MinHeightTextarea.tsx.preview │ │ │ │ │ └── textarea-autosize.md │ │ │ │ ├── timeline/ │ │ │ │ │ ├── AlternateReverseTimeline.js │ │ │ │ │ ├── AlternateReverseTimeline.tsx │ │ │ │ │ ├── AlternateTimeline.js │ │ │ │ │ ├── AlternateTimeline.tsx │ │ │ │ │ ├── BasicTimeline.js │ │ │ │ │ ├── BasicTimeline.tsx │ │ │ │ │ ├── ColorsTimeline.js │ │ │ │ │ ├── ColorsTimeline.tsx │ │ │ │ │ ├── ColorsTimeline.tsx.preview │ │ │ │ │ ├── CustomizedTimeline.js │ │ │ │ │ ├── CustomizedTimeline.tsx │ │ │ │ │ ├── LeftAlignedTimeline.js │ │ │ │ │ ├── LeftAlignedTimeline.tsx │ │ │ │ │ ├── LeftPositionedTimeline.js │ │ │ │ │ ├── LeftPositionedTimeline.tsx │ │ │ │ │ ├── NoOppositeContent.js │ │ │ │ │ ├── NoOppositeContent.tsx │ │ │ │ │ ├── OppositeContentTimeline.js │ │ │ │ │ ├── OppositeContentTimeline.tsx │ │ │ │ │ ├── OutlinedTimeline.js │ │ │ │ │ ├── OutlinedTimeline.tsx │ │ │ │ │ ├── RightAlignedTimeline.js │ │ │ │ │ ├── RightAlignedTimeline.tsx │ │ │ │ │ └── timeline.md │ │ │ │ ├── toggle-button/ │ │ │ │ │ ├── ColorToggleButton.js │ │ │ │ │ ├── ColorToggleButton.tsx │ │ │ │ │ ├── ColorToggleButton.tsx.preview │ │ │ │ │ ├── CustomizedDividers.js │ │ │ │ │ ├── CustomizedDividers.tsx │ │ │ │ │ ├── HorizontalSpacingToggleButton.js │ │ │ │ │ ├── HorizontalSpacingToggleButton.tsx │ │ │ │ │ ├── StandaloneToggleButton.js │ │ │ │ │ ├── StandaloneToggleButton.tsx │ │ │ │ │ ├── StandaloneToggleButton.tsx.preview │ │ │ │ │ ├── ToggleButtonNotEmpty.js │ │ │ │ │ ├── ToggleButtonNotEmpty.tsx │ │ │ │ │ ├── ToggleButtonSizes.js │ │ │ │ │ ├── ToggleButtonSizes.tsx │ │ │ │ │ ├── ToggleButtonSizes.tsx.preview │ │ │ │ │ ├── ToggleButtons.js │ │ │ │ │ ├── ToggleButtons.tsx │ │ │ │ │ ├── ToggleButtonsMultiple.js │ │ │ │ │ ├── ToggleButtonsMultiple.tsx │ │ │ │ │ ├── VerticalSpacingToggleButton.js │ │ │ │ │ ├── VerticalSpacingToggleButton.tsx │ │ │ │ │ ├── VerticalToggleButtons.js │ │ │ │ │ ├── VerticalToggleButtons.tsx │ │ │ │ │ ├── VerticalToggleButtons.tsx.preview │ │ │ │ │ └── toggle-button.md │ │ │ │ ├── tooltips/ │ │ │ │ │ ├── AccessibilityTooltips.js │ │ │ │ │ ├── AccessibilityTooltips.tsx │ │ │ │ │ ├── AccessibilityTooltips.tsx.preview │ │ │ │ │ ├── AnchorElTooltips.js │ │ │ │ │ ├── AnchorElTooltips.tsx │ │ │ │ │ ├── ArrowTooltips.js │ │ │ │ │ ├── ArrowTooltips.tsx │ │ │ │ │ ├── ArrowTooltips.tsx.preview │ │ │ │ │ ├── BasicTooltip.js │ │ │ │ │ ├── BasicTooltip.tsx │ │ │ │ │ ├── BasicTooltip.tsx.preview │ │ │ │ │ ├── ControlledTooltips.js │ │ │ │ │ ├── ControlledTooltips.tsx │ │ │ │ │ ├── ControlledTooltips.tsx.preview │ │ │ │ │ ├── CustomizedTooltips.js │ │ │ │ │ ├── CustomizedTooltips.tsx │ │ │ │ │ ├── DelayTooltips.js │ │ │ │ │ ├── DelayTooltips.tsx │ │ │ │ │ ├── DelayTooltips.tsx.preview │ │ │ │ │ ├── DisabledTooltips.js │ │ │ │ │ ├── DisabledTooltips.tsx │ │ │ │ │ ├── DisabledTooltips.tsx.preview │ │ │ │ │ ├── FollowCursorTooltips.js │ │ │ │ │ ├── FollowCursorTooltips.tsx │ │ │ │ │ ├── FollowCursorTooltips.tsx.preview │ │ │ │ │ ├── NonInteractiveTooltips.js │ │ │ │ │ ├── NonInteractiveTooltips.tsx │ │ │ │ │ ├── NonInteractiveTooltips.tsx.preview │ │ │ │ │ ├── PositionedTooltips.js │ │ │ │ │ ├── PositionedTooltips.tsx │ │ │ │ │ ├── TooltipMargin.js │ │ │ │ │ ├── TooltipMargin.tsx │ │ │ │ │ ├── TooltipOffset.js │ │ │ │ │ ├── TooltipOffset.tsx │ │ │ │ │ ├── TransitionsTooltips.js │ │ │ │ │ ├── TransitionsTooltips.tsx │ │ │ │ │ ├── TriggersTooltips.js │ │ │ │ │ ├── TriggersTooltips.tsx │ │ │ │ │ ├── VariableWidth.js │ │ │ │ │ ├── VariableWidth.tsx │ │ │ │ │ ├── VariableWidth.tsx.preview │ │ │ │ │ └── tooltips.md │ │ │ │ ├── transfer-list/ │ │ │ │ │ ├── SelectAllTransferList.js │ │ │ │ │ ├── SelectAllTransferList.tsx │ │ │ │ │ ├── TransferList.js │ │ │ │ │ ├── TransferList.tsx │ │ │ │ │ └── transfer-list.md │ │ │ │ ├── transitions/ │ │ │ │ │ ├── SimpleCollapse.js │ │ │ │ │ ├── SimpleCollapse.tsx │ │ │ │ │ ├── SimpleFade.js │ │ │ │ │ ├── SimpleFade.tsx │ │ │ │ │ ├── SimpleFade.tsx.preview │ │ │ │ │ ├── SimpleGrow.js │ │ │ │ │ ├── SimpleGrow.tsx │ │ │ │ │ ├── SimpleGrow.tsx.preview │ │ │ │ │ ├── SimpleSlide.js │ │ │ │ │ ├── SimpleSlide.tsx │ │ │ │ │ ├── SimpleSlide.tsx.preview │ │ │ │ │ ├── SimpleZoom.js │ │ │ │ │ ├── SimpleZoom.tsx │ │ │ │ │ ├── SimpleZoom.tsx.preview │ │ │ │ │ ├── SlideFromContainer.js │ │ │ │ │ ├── SlideFromContainer.tsx │ │ │ │ │ ├── SlideFromContainer.tsx.preview │ │ │ │ │ ├── TransitionGroupExample.js │ │ │ │ │ ├── TransitionGroupExample.tsx │ │ │ │ │ ├── TransitionGroupExample.tsx.preview │ │ │ │ │ └── transitions.md │ │ │ │ ├── typography/ │ │ │ │ │ ├── Types.js │ │ │ │ │ ├── Types.tsx │ │ │ │ │ ├── TypographyTheme.js │ │ │ │ │ ├── TypographyTheme.tsx │ │ │ │ │ ├── TypographyTheme.tsx.preview │ │ │ │ │ └── typography.md │ │ │ │ └── use-media-query/ │ │ │ │ ├── JavaScriptMedia.js │ │ │ │ ├── JavaScriptMedia.tsx │ │ │ │ ├── JavaScriptMedia.tsx.preview │ │ │ │ ├── ServerSide.js │ │ │ │ ├── ServerSide.tsx │ │ │ │ ├── ServerSide.tsx.preview │ │ │ │ ├── SimpleMediaQuery.js │ │ │ │ ├── SimpleMediaQuery.tsx │ │ │ │ ├── SimpleMediaQuery.tsx.preview │ │ │ │ ├── ThemeHelper.js │ │ │ │ ├── ThemeHelper.tsx │ │ │ │ ├── ThemeHelper.tsx.preview │ │ │ │ ├── UseWidth.js │ │ │ │ ├── UseWidth.tsx │ │ │ │ ├── UseWidth.tsx.preview │ │ │ │ └── use-media-query.md │ │ │ ├── customization/ │ │ │ │ ├── breakpoints/ │ │ │ │ │ ├── MediaQuery.js │ │ │ │ │ ├── MediaQuery.tsx │ │ │ │ │ ├── MediaQuery.tsx.preview │ │ │ │ │ └── breakpoints.md │ │ │ │ ├── color/ │ │ │ │ │ ├── Color.js │ │ │ │ │ ├── ColorDemo.js │ │ │ │ │ ├── ColorTool.js │ │ │ │ │ └── color.md │ │ │ │ ├── container-queries/ │ │ │ │ │ ├── BasicContainerQueries.js │ │ │ │ │ ├── BasicContainerQueries.tsx │ │ │ │ │ ├── ResizableDemo.js │ │ │ │ │ ├── SxPropContainerQueries.js │ │ │ │ │ ├── SxPropContainerQueries.tsx │ │ │ │ │ └── container-queries.md │ │ │ │ ├── creating-themed-components/ │ │ │ │ │ ├── StatComponent.js │ │ │ │ │ ├── StatFullTemplate.js │ │ │ │ │ ├── StatFullTemplate.tsx │ │ │ │ │ ├── StatFullTemplate.tsx.preview │ │ │ │ │ ├── StatSlots.js │ │ │ │ │ └── creating-themed-components.md │ │ │ │ ├── css-layers/ │ │ │ │ │ ├── CssLayersCaveat.js │ │ │ │ │ ├── CssLayersCaveat.tsx │ │ │ │ │ ├── CssLayersInput.js │ │ │ │ │ ├── CssLayersInput.tsx │ │ │ │ │ └── css-layers.md │ │ │ │ ├── css-theme-variables/ │ │ │ │ │ ├── AliasColorVariables.js │ │ │ │ │ ├── AliasColorVariables.tsx │ │ │ │ │ ├── AliasColorVariables.tsx.preview │ │ │ │ │ ├── ContrastTextDemo.js │ │ │ │ │ ├── ContrastTextDemo.tsx │ │ │ │ │ ├── CustomColorSpace.js │ │ │ │ │ ├── CustomColorSpace.tsx │ │ │ │ │ ├── DisableTransitionOnChange.js │ │ │ │ │ ├── DisableTransitionOnChange.tsx │ │ │ │ │ ├── ModernColorSpaces.js │ │ │ │ │ ├── ModernColorSpaces.tsx │ │ │ │ │ ├── NativeCssColors.js │ │ │ │ │ ├── NativeCssColors.tsx │ │ │ │ │ ├── ThemeColorFunctions.js │ │ │ │ │ ├── ThemeColorFunctions.tsx │ │ │ │ │ ├── configuration.md │ │ │ │ │ ├── native-color.md │ │ │ │ │ ├── overview.md │ │ │ │ │ └── usage.md │ │ │ │ ├── dark-mode/ │ │ │ │ │ ├── DarkTheme.js │ │ │ │ │ ├── DarkThemeWithCustomPalette.js │ │ │ │ │ ├── DarkThemeWithCustomPalette.tsx │ │ │ │ │ ├── DarkThemeWithCustomPalette.tsx.preview │ │ │ │ │ ├── ToggleColorMode.js │ │ │ │ │ ├── ToggleColorMode.tsx │ │ │ │ │ ├── ToggleColorMode.tsx.preview │ │ │ │ │ └── dark-mode.md │ │ │ │ ├── default-theme/ │ │ │ │ │ ├── DefaultTheme.js │ │ │ │ │ └── default-theme.md │ │ │ │ ├── density/ │ │ │ │ │ ├── DensityTool.js │ │ │ │ │ └── density.md │ │ │ │ ├── how-to-customize/ │ │ │ │ │ ├── DevTools.js │ │ │ │ │ ├── DevTools.tsx │ │ │ │ │ ├── DevTools.tsx.preview │ │ │ │ │ ├── DynamicCSS.js │ │ │ │ │ ├── DynamicCSS.tsx │ │ │ │ │ ├── DynamicCSS.tsx.preview │ │ │ │ │ ├── DynamicCSSVariables.js │ │ │ │ │ ├── DynamicCSSVariables.tsx │ │ │ │ │ ├── DynamicCSSVariables.tsx.preview │ │ │ │ │ ├── GlobalCssOverride.js │ │ │ │ │ ├── GlobalCssOverride.tsx │ │ │ │ │ ├── GlobalCssOverride.tsx.preview │ │ │ │ │ ├── GlobalCssOverrideTheme.js │ │ │ │ │ ├── GlobalCssOverrideTheme.tsx │ │ │ │ │ ├── GlobalCssOverrideTheme.tsx.preview │ │ │ │ │ ├── OverrideCallbackCssBaseline.js │ │ │ │ │ ├── OverrideCallbackCssBaseline.tsx │ │ │ │ │ ├── OverrideCallbackCssBaseline.tsx.preview │ │ │ │ │ ├── OverrideCssBaseline.js │ │ │ │ │ ├── OverrideCssBaseline.tsx │ │ │ │ │ ├── OverrideCssBaseline.tsx.preview │ │ │ │ │ ├── StyledCustomization.js │ │ │ │ │ ├── StyledCustomization.tsx │ │ │ │ │ ├── StyledCustomization.tsx.preview │ │ │ │ │ ├── SxProp.js │ │ │ │ │ ├── SxProp.tsx │ │ │ │ │ ├── SxProp.tsx.preview │ │ │ │ │ └── how-to-customize.md │ │ │ │ ├── overriding-component-structure/ │ │ │ │ │ ├── OverridingInternalSlot.js │ │ │ │ │ ├── OverridingInternalSlot.tsx │ │ │ │ │ ├── OverridingInternalSlot.tsx.preview │ │ │ │ │ ├── OverridingRootSlot.js │ │ │ │ │ ├── OverridingRootSlot.tsx │ │ │ │ │ ├── OverridingRootSlot.tsx.preview │ │ │ │ │ └── overriding-component-structure.md │ │ │ │ ├── palette/ │ │ │ │ │ ├── AddingColorTokens.js │ │ │ │ │ ├── AddingColorTokens.tsx │ │ │ │ │ ├── ContrastThreshold.js │ │ │ │ │ ├── ContrastThreshold.tsx │ │ │ │ │ ├── ContrastThreshold.tsx.preview │ │ │ │ │ ├── CustomColor.js │ │ │ │ │ ├── CustomColor.tsx │ │ │ │ │ ├── CustomColor.tsx.preview │ │ │ │ │ ├── Intentions.js │ │ │ │ │ ├── ManuallyProvideCustomColor.js │ │ │ │ │ ├── ManuallyProvideCustomColor.tsx │ │ │ │ │ ├── ManuallyProvidePaletteColor.js │ │ │ │ │ ├── ManuallyProvidePaletteColor.tsx │ │ │ │ │ ├── ManuallyProvidePaletteColor.tsx.preview │ │ │ │ │ ├── Palette.js │ │ │ │ │ ├── Palette.tsx │ │ │ │ │ ├── Palette.tsx.preview │ │ │ │ │ ├── ToggleColorMode.tsx.preview │ │ │ │ │ ├── TonalOffset.js │ │ │ │ │ ├── TonalOffset.tsx │ │ │ │ │ ├── TonalOffset.tsx.preview │ │ │ │ │ ├── UsingAugmentColor.js │ │ │ │ │ ├── UsingAugmentColor.tsx │ │ │ │ │ ├── UsingColorObject.js │ │ │ │ │ ├── UsingColorObject.tsx │ │ │ │ │ ├── UsingColorObject.tsx.preview │ │ │ │ │ ├── UsingStylesUtils.js │ │ │ │ │ ├── UsingStylesUtils.tsx │ │ │ │ │ └── palette.md │ │ │ │ ├── right-to-left/ │ │ │ │ │ ├── RtlDemo.js │ │ │ │ │ ├── RtlDemo.tsx │ │ │ │ │ ├── RtlDemo.tsx.preview │ │ │ │ │ ├── RtlOptOut.js │ │ │ │ │ ├── RtlOptOut.tsx │ │ │ │ │ ├── RtlOptOut.tsx.preview │ │ │ │ │ └── right-to-left.md │ │ │ │ ├── shadow-dom/ │ │ │ │ │ ├── ShadowDOMDemoNoSnap.js │ │ │ │ │ └── shadow-dom.md │ │ │ │ ├── shape/ │ │ │ │ │ └── shape.md │ │ │ │ ├── spacing/ │ │ │ │ │ └── spacing.md │ │ │ │ ├── theme-components/ │ │ │ │ │ ├── DefaultProps.js │ │ │ │ │ ├── DefaultProps.tsx │ │ │ │ │ ├── DefaultProps.tsx.preview │ │ │ │ │ ├── GlobalCss.js │ │ │ │ │ ├── GlobalCss.tsx │ │ │ │ │ ├── GlobalCss.tsx.preview │ │ │ │ │ ├── GlobalThemeOverride.js │ │ │ │ │ ├── GlobalThemeOverride.tsx │ │ │ │ │ ├── GlobalThemeOverride.tsx.preview │ │ │ │ │ ├── GlobalThemeOverrideSx.js │ │ │ │ │ ├── GlobalThemeOverrideSx.tsx │ │ │ │ │ ├── GlobalThemeOverrideSx.tsx.preview │ │ │ │ │ ├── GlobalThemeVariants.js │ │ │ │ │ ├── GlobalThemeVariants.tsx │ │ │ │ │ ├── GlobalThemeVariants.tsx.preview │ │ │ │ │ ├── ThemeVariables.js │ │ │ │ │ ├── ThemeVariables.tsx │ │ │ │ │ ├── ThemeVariables.tsx.preview │ │ │ │ │ └── theme-components.md │ │ │ │ ├── theming/ │ │ │ │ │ ├── CustomStyles.js │ │ │ │ │ ├── CustomStyles.tsx │ │ │ │ │ ├── CustomStyles.tsx.preview │ │ │ │ │ ├── ThemeNesting.js │ │ │ │ │ ├── ThemeNesting.tsx │ │ │ │ │ ├── ThemeNesting.tsx.preview │ │ │ │ │ ├── ThemeNestingExtend.js │ │ │ │ │ ├── ThemeNestingExtend.tsx │ │ │ │ │ └── theming.md │ │ │ │ ├── transitions/ │ │ │ │ │ ├── TransitionHover.js │ │ │ │ │ ├── TransitionHover.tsx │ │ │ │ │ ├── TransitionHover.tsx.preview │ │ │ │ │ └── transitions.md │ │ │ │ ├── typography/ │ │ │ │ │ ├── CustomResponsiveFontSizes.js │ │ │ │ │ ├── CustomResponsiveFontSizes.tsx │ │ │ │ │ ├── CustomResponsiveFontSizes.tsx.preview │ │ │ │ │ ├── FontSizeTheme.js │ │ │ │ │ ├── FontSizeTheme.tsx │ │ │ │ │ ├── FontSizeTheme.tsx.preview │ │ │ │ │ ├── ResponsiveFontSizes.js │ │ │ │ │ ├── ResponsiveFontSizes.tsx │ │ │ │ │ ├── ResponsiveFontSizes.tsx.preview │ │ │ │ │ ├── ResponsiveFontSizesChart.js │ │ │ │ │ ├── TypographyCustomVariant.js │ │ │ │ │ ├── TypographyCustomVariant.tsx │ │ │ │ │ ├── TypographyCustomVariant.tsx.preview │ │ │ │ │ ├── TypographyVariants.js │ │ │ │ │ ├── TypographyVariants.tsx │ │ │ │ │ ├── TypographyVariants.tsx.preview │ │ │ │ │ └── typography.md │ │ │ │ └── z-index/ │ │ │ │ └── z-index.md │ │ │ ├── design-resources/ │ │ │ │ ├── material-ui-for-figma/ │ │ │ │ │ └── material-ui-for-figma.md │ │ │ │ └── material-ui-sync/ │ │ │ │ └── material-ui-sync.md │ │ │ ├── discover-more/ │ │ │ │ ├── backers/ │ │ │ │ │ └── backers.md │ │ │ │ ├── changelog/ │ │ │ │ │ └── changelog.md │ │ │ │ ├── related-projects/ │ │ │ │ │ └── related-projects.md │ │ │ │ ├── roadmap/ │ │ │ │ │ └── roadmap.md │ │ │ │ ├── showcase/ │ │ │ │ │ └── showcase.md │ │ │ │ └── vision/ │ │ │ │ └── vision.md │ │ │ ├── experimental-api/ │ │ │ │ ├── classname-generator/ │ │ │ │ │ └── classname-generator.md │ │ │ │ └── pigment-css/ │ │ │ │ └── pigment-css.md │ │ │ ├── getting-started/ │ │ │ │ ├── design-resources/ │ │ │ │ │ └── design-resources.md │ │ │ │ ├── example-projects/ │ │ │ │ │ └── example-projects.md │ │ │ │ ├── faq/ │ │ │ │ │ └── faq.md │ │ │ │ ├── installation/ │ │ │ │ │ └── installation.md │ │ │ │ ├── learn/ │ │ │ │ │ └── learn.md │ │ │ │ ├── mcp/ │ │ │ │ │ └── mcp.md │ │ │ │ ├── overview/ │ │ │ │ │ └── overview.md │ │ │ │ ├── support/ │ │ │ │ │ └── support.md │ │ │ │ ├── supported-components/ │ │ │ │ │ ├── MaterialUIComponents.js │ │ │ │ │ └── supported-components.md │ │ │ │ ├── supported-platforms/ │ │ │ │ │ └── supported-platforms.md │ │ │ │ ├── templates/ │ │ │ │ │ ├── blog/ │ │ │ │ │ │ ├── Blog.js │ │ │ │ │ │ ├── Blog.tsx │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ └── components/ │ │ │ │ │ │ ├── AppAppBar.js │ │ │ │ │ │ ├── AppAppBar.tsx │ │ │ │ │ │ ├── Footer.js │ │ │ │ │ │ ├── Footer.tsx │ │ │ │ │ │ ├── Latest.js │ │ │ │ │ │ ├── Latest.tsx │ │ │ │ │ │ ├── MainContent.js │ │ │ │ │ │ ├── MainContent.tsx │ │ │ │ │ │ ├── SitemarkIcon.js │ │ │ │ │ │ └── SitemarkIcon.tsx │ │ │ │ │ ├── checkout/ │ │ │ │ │ │ ├── Checkout.js │ │ │ │ │ │ ├── Checkout.tsx │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ └── components/ │ │ │ │ │ │ ├── AddressForm.js │ │ │ │ │ │ ├── AddressForm.tsx │ │ │ │ │ │ ├── Info.js │ │ │ │ │ │ ├── Info.tsx │ │ │ │ │ │ ├── InfoMobile.js │ │ │ │ │ │ ├── InfoMobile.tsx │ │ │ │ │ │ ├── PaymentForm.js │ │ │ │ │ │ ├── PaymentForm.tsx │ │ │ │ │ │ ├── Review.js │ │ │ │ │ │ ├── Review.tsx │ │ │ │ │ │ ├── SitemarkIcon.js │ │ │ │ │ │ └── SitemarkIcon.tsx │ │ │ │ │ ├── crud-dashboard/ │ │ │ │ │ │ ├── CrudDashboard.js │ │ │ │ │ │ ├── CrudDashboard.tsx │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ ├── components/ │ │ │ │ │ │ │ ├── DashboardHeader.js │ │ │ │ │ │ │ ├── DashboardHeader.tsx │ │ │ │ │ │ │ ├── DashboardLayout.js │ │ │ │ │ │ │ ├── DashboardLayout.tsx │ │ │ │ │ │ │ ├── DashboardSidebar.js │ │ │ │ │ │ │ ├── DashboardSidebar.tsx │ │ │ │ │ │ │ ├── DashboardSidebarDividerItem.js │ │ │ │ │ │ │ ├── DashboardSidebarDividerItem.tsx │ │ │ │ │ │ │ ├── DashboardSidebarHeaderItem.js │ │ │ │ │ │ │ ├── DashboardSidebarHeaderItem.tsx │ │ │ │ │ │ │ ├── DashboardSidebarPageItem.js │ │ │ │ │ │ │ ├── DashboardSidebarPageItem.tsx │ │ │ │ │ │ │ ├── EmployeeCreate.js │ │ │ │ │ │ │ ├── EmployeeCreate.tsx │ │ │ │ │ │ │ ├── EmployeeEdit.js │ │ │ │ │ │ │ ├── EmployeeEdit.tsx │ │ │ │ │ │ │ ├── EmployeeForm.js │ │ │ │ │ │ │ ├── EmployeeForm.tsx │ │ │ │ │ │ │ ├── EmployeeList.js │ │ │ │ │ │ │ ├── EmployeeList.tsx │ │ │ │ │ │ │ ├── EmployeeShow.js │ │ │ │ │ │ │ ├── EmployeeShow.tsx │ │ │ │ │ │ │ ├── PageContainer.js │ │ │ │ │ │ │ ├── PageContainer.tsx │ │ │ │ │ │ │ ├── SitemarkIcon.js │ │ │ │ │ │ │ ├── SitemarkIcon.tsx │ │ │ │ │ │ │ ├── ThemeSwitcher.js │ │ │ │ │ │ │ └── ThemeSwitcher.tsx │ │ │ │ │ │ ├── constants.js │ │ │ │ │ │ ├── constants.ts │ │ │ │ │ │ ├── context/ │ │ │ │ │ │ │ ├── DashboardSidebarContext.js │ │ │ │ │ │ │ └── DashboardSidebarContext.ts │ │ │ │ │ │ ├── data/ │ │ │ │ │ │ │ ├── employees.js │ │ │ │ │ │ │ └── employees.ts │ │ │ │ │ │ ├── hooks/ │ │ │ │ │ │ │ ├── useDialogs/ │ │ │ │ │ │ │ │ ├── DialogsContext.js │ │ │ │ │ │ │ │ ├── DialogsContext.ts │ │ │ │ │ │ │ │ ├── DialogsProvider.js │ │ │ │ │ │ │ │ ├── DialogsProvider.tsx │ │ │ │ │ │ │ │ ├── useDialogs.js │ │ │ │ │ │ │ │ └── useDialogs.tsx │ │ │ │ │ │ │ └── useNotifications/ │ │ │ │ │ │ │ ├── NotificationsContext.js │ │ │ │ │ │ │ ├── NotificationsContext.tsx │ │ │ │ │ │ │ ├── NotificationsProvider.js │ │ │ │ │ │ │ ├── NotificationsProvider.tsx │ │ │ │ │ │ │ ├── useNotifications.js │ │ │ │ │ │ │ └── useNotifications.tsx │ │ │ │ │ │ ├── mixins.js │ │ │ │ │ │ ├── mixins.ts │ │ │ │ │ │ └── theme/ │ │ │ │ │ │ └── customizations/ │ │ │ │ │ │ ├── button.js │ │ │ │ │ │ ├── button.tsx │ │ │ │ │ │ ├── dataGrid.js │ │ │ │ │ │ ├── dataGrid.ts │ │ │ │ │ │ ├── datePickers.js │ │ │ │ │ │ ├── datePickers.ts │ │ │ │ │ │ ├── formInput.js │ │ │ │ │ │ ├── formInput.tsx │ │ │ │ │ │ ├── index.js │ │ │ │ │ │ ├── index.ts │ │ │ │ │ │ ├── sidebar.js │ │ │ │ │ │ └── sidebar.tsx │ │ │ │ │ ├── dashboard/ │ │ │ │ │ │ ├── Dashboard.js │ │ │ │ │ │ ├── Dashboard.tsx │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ ├── Title.tsx.preview │ │ │ │ │ │ ├── components/ │ │ │ │ │ │ │ ├── AppNavbar.js │ │ │ │ │ │ │ ├── AppNavbar.tsx │ │ │ │ │ │ │ ├── CardAlert.js │ │ │ │ │ │ │ ├── CardAlert.tsx │ │ │ │ │ │ │ ├── ChartUserByCountry.js │ │ │ │ │ │ │ ├── ChartUserByCountry.tsx │ │ │ │ │ │ │ ├── CustomDatePicker.js │ │ │ │ │ │ │ ├── CustomDatePicker.tsx │ │ │ │ │ │ │ ├── CustomizedDataGrid.js │ │ │ │ │ │ │ ├── CustomizedDataGrid.tsx │ │ │ │ │ │ │ ├── CustomizedTreeView.js │ │ │ │ │ │ │ ├── CustomizedTreeView.tsx │ │ │ │ │ │ │ ├── Header.js │ │ │ │ │ │ │ ├── Header.tsx │ │ │ │ │ │ │ ├── HighlightedCard.js │ │ │ │ │ │ │ ├── HighlightedCard.tsx │ │ │ │ │ │ │ ├── MainGrid.js │ │ │ │ │ │ │ ├── MainGrid.tsx │ │ │ │ │ │ │ ├── MenuButton.js │ │ │ │ │ │ │ ├── MenuButton.tsx │ │ │ │ │ │ │ ├── MenuContent.js │ │ │ │ │ │ │ ├── MenuContent.tsx │ │ │ │ │ │ │ ├── NavbarBreadcrumbs.js │ │ │ │ │ │ │ ├── NavbarBreadcrumbs.tsx │ │ │ │ │ │ │ ├── OptionsMenu.js │ │ │ │ │ │ │ ├── OptionsMenu.tsx │ │ │ │ │ │ │ ├── PageViewsBarChart.js │ │ │ │ │ │ │ ├── PageViewsBarChart.tsx │ │ │ │ │ │ │ ├── Search.js │ │ │ │ │ │ │ ├── Search.tsx │ │ │ │ │ │ │ ├── SelectContent.js │ │ │ │ │ │ │ ├── SelectContent.tsx │ │ │ │ │ │ │ ├── SessionsChart.js │ │ │ │ │ │ │ ├── SessionsChart.tsx │ │ │ │ │ │ │ ├── SideMenu.js │ │ │ │ │ │ │ ├── SideMenu.tsx │ │ │ │ │ │ │ ├── SideMenuMobile.js │ │ │ │ │ │ │ ├── SideMenuMobile.tsx │ │ │ │ │ │ │ ├── StatCard.js │ │ │ │ │ │ │ └── StatCard.tsx │ │ │ │ │ │ ├── internals/ │ │ │ │ │ │ │ ├── components/ │ │ │ │ │ │ │ │ ├── Copyright.js │ │ │ │ │ │ │ │ ├── Copyright.tsx │ │ │ │ │ │ │ │ ├── CustomIcons.js │ │ │ │ │ │ │ │ └── CustomIcons.tsx │ │ │ │ │ │ │ └── data/ │ │ │ │ │ │ │ ├── gridData.js │ │ │ │ │ │ │ └── gridData.tsx │ │ │ │ │ │ └── theme/ │ │ │ │ │ │ └── customizations/ │ │ │ │ │ │ ├── charts.js │ │ │ │ │ │ ├── charts.ts │ │ │ │ │ │ ├── dataGrid.js │ │ │ │ │ │ ├── datePickers.js │ │ │ │ │ │ ├── datePickers.ts │ │ │ │ │ │ ├── index.js │ │ │ │ │ │ ├── index.ts │ │ │ │ │ │ ├── treeView.js │ │ │ │ │ │ └── treeView.ts │ │ │ │ │ ├── marketing-page/ │ │ │ │ │ │ ├── MarketingPage.js │ │ │ │ │ │ ├── MarketingPage.tsx │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ └── components/ │ │ │ │ │ │ ├── AppAppBar.js │ │ │ │ │ │ ├── AppAppBar.tsx │ │ │ │ │ │ ├── FAQ.js │ │ │ │ │ │ ├── FAQ.tsx │ │ │ │ │ │ ├── Features.js │ │ │ │ │ │ ├── Features.tsx │ │ │ │ │ │ ├── Footer.js │ │ │ │ │ │ ├── Footer.tsx │ │ │ │ │ │ ├── Hero.js │ │ │ │ │ │ ├── Hero.tsx │ │ │ │ │ │ ├── Highlights.js │ │ │ │ │ │ ├── Highlights.tsx │ │ │ │ │ │ ├── LogoCollection.js │ │ │ │ │ │ ├── LogoCollection.tsx │ │ │ │ │ │ ├── Pricing.js │ │ │ │ │ │ ├── Pricing.tsx │ │ │ │ │ │ ├── SitemarkIcon.js │ │ │ │ │ │ ├── SitemarkIcon.tsx │ │ │ │ │ │ ├── Testimonials.js │ │ │ │ │ │ └── Testimonials.tsx │ │ │ │ │ ├── shared-theme/ │ │ │ │ │ │ ├── AppTheme.js │ │ │ │ │ │ ├── AppTheme.tsx │ │ │ │ │ │ ├── ColorModeIconDropdown.js │ │ │ │ │ │ ├── ColorModeIconDropdown.tsx │ │ │ │ │ │ ├── ColorModeSelect.js │ │ │ │ │ │ ├── ColorModeSelect.tsx │ │ │ │ │ │ ├── customizations/ │ │ │ │ │ │ │ ├── dataDisplay.js │ │ │ │ │ │ │ ├── dataDisplay.tsx │ │ │ │ │ │ │ ├── feedback.js │ │ │ │ │ │ │ ├── feedback.tsx │ │ │ │ │ │ │ ├── inputs.js │ │ │ │ │ │ │ ├── inputs.tsx │ │ │ │ │ │ │ ├── navigation.js │ │ │ │ │ │ │ ├── navigation.tsx │ │ │ │ │ │ │ ├── surfaces.js │ │ │ │ │ │ │ └── surfaces.ts │ │ │ │ │ │ ├── themePrimitives.js │ │ │ │ │ │ └── themePrimitives.ts │ │ │ │ │ ├── sign-in/ │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ ├── SignIn.js │ │ │ │ │ │ ├── SignIn.tsx │ │ │ │ │ │ └── components/ │ │ │ │ │ │ ├── CustomIcons.js │ │ │ │ │ │ ├── CustomIcons.tsx │ │ │ │ │ │ ├── ForgotPassword.js │ │ │ │ │ │ └── ForgotPassword.tsx │ │ │ │ │ ├── sign-in-side/ │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ ├── SignInSide.js │ │ │ │ │ │ ├── SignInSide.tsx │ │ │ │ │ │ └── components/ │ │ │ │ │ │ ├── Content.js │ │ │ │ │ │ ├── Content.tsx │ │ │ │ │ │ ├── CustomIcons.js │ │ │ │ │ │ ├── CustomIcons.tsx │ │ │ │ │ │ ├── ForgotPassword.js │ │ │ │ │ │ ├── ForgotPassword.tsx │ │ │ │ │ │ ├── SignInCard.js │ │ │ │ │ │ └── SignInCard.tsx │ │ │ │ │ ├── sign-up/ │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ ├── SignUp.js │ │ │ │ │ │ ├── SignUp.tsx │ │ │ │ │ │ └── components/ │ │ │ │ │ │ ├── CustomIcons.js │ │ │ │ │ │ └── CustomIcons.tsx │ │ │ │ │ └── templates.md │ │ │ │ └── usage/ │ │ │ │ ├── ButtonUsage.js │ │ │ │ ├── ButtonUsage.tsx │ │ │ │ ├── ButtonUsage.tsx.preview │ │ │ │ └── usage.md │ │ │ ├── guides/ │ │ │ │ ├── api/ │ │ │ │ │ └── api.md │ │ │ │ ├── building-extensible-themes/ │ │ │ │ │ ├── ExtensibleThemes.js │ │ │ │ │ ├── ExtensibleThemes.tsx │ │ │ │ │ ├── ExtensibleThemes.tsx.preview │ │ │ │ │ └── building-extensible-themes.md │ │ │ │ ├── composition/ │ │ │ │ │ ├── Composition.js │ │ │ │ │ ├── Composition.tsx │ │ │ │ │ ├── Composition.tsx.preview │ │ │ │ │ └── composition.md │ │ │ │ ├── content-security-policy/ │ │ │ │ │ └── content-security-policy.md │ │ │ │ ├── localization/ │ │ │ │ │ ├── Locales.js │ │ │ │ │ ├── Locales.tsx │ │ │ │ │ └── localization.md │ │ │ │ ├── minimizing-bundle-size/ │ │ │ │ │ └── minimizing-bundle-size.md │ │ │ │ ├── responsive-ui/ │ │ │ │ │ └── responsive-ui.md │ │ │ │ ├── server-rendering/ │ │ │ │ │ └── server-rendering.md │ │ │ │ ├── testing/ │ │ │ │ │ └── testing.md │ │ │ │ └── typescript/ │ │ │ │ └── typescript.md │ │ │ ├── integrations/ │ │ │ │ ├── interoperability/ │ │ │ │ │ ├── EmotionCSS.js │ │ │ │ │ ├── EmotionCSS.tsx │ │ │ │ │ ├── EmotionCSS.tsx.preview │ │ │ │ │ ├── StyledComponents.js │ │ │ │ │ ├── StyledComponents.tsx │ │ │ │ │ ├── StyledComponents.tsx.preview │ │ │ │ │ ├── StyledComponentsDeep.js │ │ │ │ │ ├── StyledComponentsDeep.tsx │ │ │ │ │ ├── StyledComponentsDeep.tsx.preview │ │ │ │ │ ├── StyledComponentsPortal.js │ │ │ │ │ ├── StyledComponentsPortal.tsx │ │ │ │ │ ├── StyledComponentsPortal.tsx.preview │ │ │ │ │ ├── StyledComponentsTheme.js │ │ │ │ │ ├── StyledComponentsTheme.tsx │ │ │ │ │ ├── StyledComponentsTheme.tsx.preview │ │ │ │ │ └── interoperability.md │ │ │ │ ├── nextjs/ │ │ │ │ │ └── nextjs.md │ │ │ │ ├── routing/ │ │ │ │ │ ├── ButtonDemo.js │ │ │ │ │ ├── ButtonDemo.tsx │ │ │ │ │ ├── ButtonDemo.tsx.preview │ │ │ │ │ ├── ButtonRouter.js │ │ │ │ │ ├── ButtonRouter.tsx │ │ │ │ │ ├── ButtonRouter.tsx.preview │ │ │ │ │ ├── LinkDemo.js │ │ │ │ │ ├── LinkDemo.tsx │ │ │ │ │ ├── LinkDemo.tsx.preview │ │ │ │ │ ├── LinkRouter.js │ │ │ │ │ ├── LinkRouter.tsx │ │ │ │ │ ├── LinkRouter.tsx.preview │ │ │ │ │ ├── LinkRouterWithTheme.js │ │ │ │ │ ├── LinkRouterWithTheme.tsx │ │ │ │ │ ├── LinkRouterWithTheme.tsx.preview │ │ │ │ │ ├── ListRouter.js │ │ │ │ │ ├── ListRouter.tsx │ │ │ │ │ ├── TabsRouter.js │ │ │ │ │ ├── TabsRouter.tsx │ │ │ │ │ ├── TabsRouter.tsx.preview │ │ │ │ │ └── routing.md │ │ │ │ ├── styled-components/ │ │ │ │ │ └── styled-components.md │ │ │ │ ├── tailwindcss/ │ │ │ │ │ ├── TextFieldTailwind.js │ │ │ │ │ ├── TextFieldTailwind.tsx │ │ │ │ │ └── tailwindcss-v4.md │ │ │ │ └── theme-scoping/ │ │ │ │ └── theme-scoping.md │ │ │ ├── migration/ │ │ │ │ ├── migrating-from-deprecated-apis/ │ │ │ │ │ └── migrating-from-deprecated-apis.md │ │ │ │ ├── migration-v0x/ │ │ │ │ │ └── migration-v0x.md │ │ │ │ ├── migration-v3/ │ │ │ │ │ └── migration-v3.md │ │ │ │ ├── migration-v4/ │ │ │ │ │ ├── migrating-from-jss.md │ │ │ │ │ ├── migration-v4.md │ │ │ │ │ ├── troubleshooting.md │ │ │ │ │ ├── v5-component-changes.md │ │ │ │ │ └── v5-style-changes.md │ │ │ │ ├── pickers-migration/ │ │ │ │ │ └── pickers-migration.md │ │ │ │ ├── upgrade-to-grid-v2/ │ │ │ │ │ └── upgrade-to-grid-v2.md │ │ │ │ ├── upgrade-to-v6/ │ │ │ │ │ ├── migrating-to-pigment-css.md │ │ │ │ │ └── upgrade-to-v6.md │ │ │ │ ├── upgrade-to-v7/ │ │ │ │ │ ├── migrating-from-deprecated-apis.md │ │ │ │ │ ├── upgrade-to-native-color.md │ │ │ │ │ └── upgrade-to-v7.md │ │ │ │ └── upgrade-to-v9/ │ │ │ │ └── upgrade-to-v9.md │ │ │ ├── pages.ts │ │ │ └── pagesApi.js │ │ └── system/ │ │ ├── borders/ │ │ │ ├── BorderAdditive.js │ │ │ ├── BorderAdditive.tsx │ │ │ ├── BorderAdditive.tsx.preview │ │ │ ├── BorderColor.js │ │ │ ├── BorderColor.tsx │ │ │ ├── BorderColor.tsx.preview │ │ │ ├── BorderRadius.js │ │ │ ├── BorderRadius.tsx │ │ │ ├── BorderRadius.tsx.preview │ │ │ ├── BorderSubtractive.js │ │ │ ├── BorderSubtractive.tsx │ │ │ ├── BorderSubtractive.tsx.preview │ │ │ └── borders.md │ │ ├── components/ │ │ │ ├── box/ │ │ │ │ ├── BoxBasic.js │ │ │ │ ├── BoxBasic.tsx │ │ │ │ ├── BoxBasic.tsx.preview │ │ │ │ ├── BoxSx.js │ │ │ │ ├── BoxSx.tsx │ │ │ │ ├── BoxSystemProps.js │ │ │ │ ├── BoxSystemProps.tsx │ │ │ │ ├── BoxSystemProps.tsx.preview │ │ │ │ └── box.md │ │ │ ├── container/ │ │ │ │ ├── FixedContainer.js │ │ │ │ ├── FixedContainer.tsx │ │ │ │ ├── FixedContainer.tsx.preview │ │ │ │ ├── SimpleContainer.js │ │ │ │ ├── SimpleContainer.tsx │ │ │ │ ├── SimpleContainer.tsx.preview │ │ │ │ └── container.md │ │ │ ├── grid/ │ │ │ │ ├── AutoGrid.js │ │ │ │ ├── AutoGrid.tsx │ │ │ │ ├── AutoGrid.tsx.preview │ │ │ │ ├── AutoGridNoWrap.js │ │ │ │ ├── AutoGridNoWrap.tsx │ │ │ │ ├── BasicGrid.js │ │ │ │ ├── BasicGrid.tsx │ │ │ │ ├── BasicGrid.tsx.preview │ │ │ │ ├── ColumnsGrid.js │ │ │ │ ├── ColumnsGrid.tsx │ │ │ │ ├── ColumnsGrid.tsx.preview │ │ │ │ ├── CustomBreakpointsGrid.js │ │ │ │ ├── FullWidthGrid.js │ │ │ │ ├── FullWidthGrid.tsx │ │ │ │ ├── FullWidthGrid.tsx.preview │ │ │ │ ├── NestedGrid.js │ │ │ │ ├── NestedGrid.tsx │ │ │ │ ├── OffsetGrid.js │ │ │ │ ├── OffsetGrid.tsx │ │ │ │ ├── OffsetGrid.tsx.preview │ │ │ │ ├── ResponsiveGrid.js │ │ │ │ ├── ResponsiveGrid.tsx │ │ │ │ ├── ResponsiveGrid.tsx.preview │ │ │ │ ├── RowAndColumnSpacing.js │ │ │ │ ├── RowAndColumnSpacing.tsx │ │ │ │ ├── RowAndColumnSpacing.tsx.preview │ │ │ │ ├── SpacingGrid.js │ │ │ │ ├── SpacingGrid.tsx │ │ │ │ ├── VariableWidthGrid.js │ │ │ │ ├── VariableWidthGrid.tsx │ │ │ │ ├── VariableWidthGrid.tsx.preview │ │ │ │ └── grid.md │ │ │ └── stack/ │ │ │ ├── BasicStack.js │ │ │ ├── BasicStack.tsx │ │ │ ├── BasicStack.tsx.preview │ │ │ ├── DirectionStack.js │ │ │ ├── DirectionStack.tsx │ │ │ ├── DirectionStack.tsx.preview │ │ │ ├── DividerStack.js │ │ │ ├── DividerStack.tsx │ │ │ ├── FlexboxGapStack.js │ │ │ ├── FlexboxGapStack.tsx │ │ │ ├── FlexboxGapStack.tsx.preview │ │ │ ├── InteractiveStack.js │ │ │ ├── InteractiveStack.tsx │ │ │ ├── ResponsiveStack.js │ │ │ ├── ResponsiveStack.tsx │ │ │ ├── ResponsiveStack.tsx.preview │ │ │ └── stack.md │ │ ├── display/ │ │ │ ├── Block.js │ │ │ ├── Block.tsx │ │ │ ├── Hiding.js │ │ │ ├── Hiding.tsx │ │ │ ├── Inline.js │ │ │ ├── Inline.tsx │ │ │ ├── Overflow.js │ │ │ ├── Overflow.tsx │ │ │ ├── Print.js │ │ │ ├── Print.tsx │ │ │ ├── TextOverflow.js │ │ │ ├── TextOverflow.tsx │ │ │ ├── Visibility.js │ │ │ ├── Visibility.tsx │ │ │ ├── WhiteSpace.js │ │ │ ├── WhiteSpace.tsx │ │ │ └── display.md │ │ ├── experimental-api/ │ │ │ ├── configure-the-sx-prop/ │ │ │ │ ├── ChangeTheBehaviorSxProp.js │ │ │ │ ├── ChangeTheBehaviorSxProp.tsx │ │ │ │ ├── ChangeTheBehaviorSxProp.tsx.preview │ │ │ │ ├── ExtendTheSxProp.js │ │ │ │ ├── ExtendTheSxProp.tsx │ │ │ │ ├── ExtendTheSxProp.tsx.preview │ │ │ │ └── configure-the-sx-prop.md │ │ │ └── css-theme-variables/ │ │ │ ├── CreateCssVarsProvider.js │ │ │ ├── CreateCssVarsProvider.tsx │ │ │ ├── CreateCssVarsProvider.tsx.preview │ │ │ └── css-theme-variables.md │ │ ├── flexbox/ │ │ │ ├── AlignContent.js │ │ │ ├── AlignContent.tsx │ │ │ ├── AlignItems.js │ │ │ ├── AlignItems.tsx │ │ │ ├── AlignSelf.js │ │ │ ├── AlignSelf.tsx │ │ │ ├── AlignSelf.tsx.preview │ │ │ ├── Display.js │ │ │ ├── Display.tsx │ │ │ ├── FlexDirection.js │ │ │ ├── FlexDirection.tsx │ │ │ ├── FlexGrow.js │ │ │ ├── FlexGrow.tsx │ │ │ ├── FlexGrow.tsx.preview │ │ │ ├── FlexShrink.js │ │ │ ├── FlexShrink.tsx │ │ │ ├── FlexShrink.tsx.preview │ │ │ ├── FlexWrap.js │ │ │ ├── FlexWrap.tsx │ │ │ ├── JustifyContent.js │ │ │ ├── JustifyContent.tsx │ │ │ ├── Order.js │ │ │ ├── Order.tsx │ │ │ ├── Order.tsx.preview │ │ │ └── flexbox.md │ │ ├── getting-started/ │ │ │ ├── custom-components/ │ │ │ │ ├── CombiningStyleFunctionsDemo.js │ │ │ │ ├── CombiningStyleFunctionsDemo.tsx │ │ │ │ ├── CombiningStyleFunctionsDemo.tsx.preview │ │ │ │ ├── StyleFunctionSxDemo.js │ │ │ │ ├── StyleFunctionSxDemo.tsx │ │ │ │ ├── StyleFunctionSxDemo.tsx.preview │ │ │ │ └── custom-components.md │ │ │ ├── installation/ │ │ │ │ └── installation.md │ │ │ ├── overview/ │ │ │ │ └── overview.md │ │ │ ├── support/ │ │ │ │ └── support.md │ │ │ ├── the-sx-prop/ │ │ │ │ ├── DynamicValues.js │ │ │ │ ├── DynamicValues.tsx │ │ │ │ ├── Example.js │ │ │ │ ├── Example.tsx │ │ │ │ ├── PassingSxProp.js │ │ │ │ ├── PassingSxProp.tsx │ │ │ │ ├── PassingSxProp.tsx.preview │ │ │ │ └── the-sx-prop.md │ │ │ └── usage/ │ │ │ ├── BreakpointsAsArray.js │ │ │ ├── BreakpointsAsArray.tsx │ │ │ ├── BreakpointsAsArray.tsx.preview │ │ │ ├── BreakpointsAsObject.js │ │ │ ├── BreakpointsAsObject.tsx │ │ │ ├── BreakpointsAsObject.tsx.preview │ │ │ ├── ContainerQueries.js │ │ │ ├── ContainerQueries.tsx │ │ │ ├── Demo.js │ │ │ ├── Demo.tsx │ │ │ ├── SxProp.tsx.preview │ │ │ ├── ValueAsFunction.js │ │ │ ├── ValueAsFunction.tsx │ │ │ ├── ValueAsFunction.tsx.preview │ │ │ ├── Why.js │ │ │ ├── Why.tsx │ │ │ └── usage.md │ │ ├── grid/ │ │ │ ├── Display.js │ │ │ ├── Display.tsx │ │ │ ├── Gap.js │ │ │ ├── Gap.tsx │ │ │ ├── Gap.tsx.preview │ │ │ ├── GridAutoColumns.js │ │ │ ├── GridAutoColumns.tsx │ │ │ ├── GridAutoColumns.tsx.preview │ │ │ ├── GridAutoFlow.js │ │ │ ├── GridAutoFlow.tsx │ │ │ ├── GridAutoFlow.tsx.preview │ │ │ ├── GridAutoRows.js │ │ │ ├── GridAutoRows.tsx │ │ │ ├── GridAutoRows.tsx.preview │ │ │ ├── GridTemplateAreas.js │ │ │ ├── GridTemplateAreas.tsx │ │ │ ├── GridTemplateAreas.tsx.preview │ │ │ ├── GridTemplateColumns.js │ │ │ ├── GridTemplateColumns.tsx │ │ │ ├── GridTemplateColumns.tsx.preview │ │ │ ├── GridTemplateRows.js │ │ │ ├── GridTemplateRows.tsx │ │ │ ├── GridTemplateRows.tsx.preview │ │ │ ├── RowAndColumnGap.js │ │ │ ├── RowAndColumnGap.tsx │ │ │ ├── RowAndColumnGap.tsx.preview │ │ │ └── grid.md │ │ ├── migration/ │ │ │ ├── migrating-to-v6/ │ │ │ │ └── migrating-to-v6.md │ │ │ ├── upgrade-to-v7/ │ │ │ │ └── upgrade-to-v7.md │ │ │ └── upgrade-to-v9/ │ │ │ └── upgrade-to-v9.md │ │ ├── pages.ts │ │ ├── pagesApi.js │ │ ├── palette/ │ │ │ ├── BackgroundColor.js │ │ │ ├── BackgroundColor.tsx │ │ │ ├── Color.js │ │ │ ├── Color.tsx │ │ │ ├── Color.tsx.preview │ │ │ └── palette.md │ │ ├── positions/ │ │ │ ├── ZIndex.js │ │ │ ├── ZIndex.tsx │ │ │ └── positions.md │ │ ├── properties/ │ │ │ └── properties.md │ │ ├── screen-readers/ │ │ │ ├── VisuallyHiddenUsage.js │ │ │ ├── VisuallyHiddenUsage.tsx │ │ │ ├── VisuallyHiddenUsage.tsx.preview │ │ │ └── screen-readers.md │ │ ├── shadows/ │ │ │ ├── ShadowsDemo.js │ │ │ ├── ShadowsDemo.tsx │ │ │ └── shadows.md │ │ ├── sizing/ │ │ │ ├── Height.js │ │ │ ├── Height.tsx │ │ │ ├── Values.js │ │ │ ├── Values.tsx │ │ │ ├── Width.js │ │ │ ├── Width.tsx │ │ │ └── sizing.md │ │ ├── spacing/ │ │ │ ├── HorizontalCentering.js │ │ │ ├── HorizontalCentering.tsx │ │ │ ├── SpacingDemo.js │ │ │ ├── SpacingDemo.tsx │ │ │ └── spacing.md │ │ ├── styled/ │ │ │ ├── BasicUsage.js │ │ │ ├── BasicUsage.tsx │ │ │ ├── BasicUsage.tsx.preview │ │ │ ├── ThemeUsage.js │ │ │ ├── ThemeUsage.tsx │ │ │ ├── ThemeUsage.tsx.preview │ │ │ ├── UsingOptions.js │ │ │ ├── UsingOptions.tsx │ │ │ ├── UsingOptions.tsx.preview │ │ │ ├── UsingWithSx.js │ │ │ ├── UsingWithSx.tsx │ │ │ ├── UsingWithSx.tsx.preview │ │ │ └── styled.md │ │ └── typography/ │ │ ├── FontFamily.js │ │ ├── FontFamily.tsx │ │ ├── FontFamily.tsx.preview │ │ ├── FontSize.js │ │ ├── FontSize.tsx │ │ ├── FontSize.tsx.preview │ │ ├── FontStyle.js │ │ ├── FontStyle.tsx │ │ ├── FontStyle.tsx.preview │ │ ├── FontWeight.js │ │ ├── FontWeight.tsx │ │ ├── FontWeight.tsx.preview │ │ ├── LetterSpacing.js │ │ ├── LetterSpacing.tsx │ │ ├── LetterSpacing.tsx.preview │ │ ├── LineHeight.js │ │ ├── LineHeight.tsx │ │ ├── LineHeight.tsx.preview │ │ ├── TextAlignment.js │ │ ├── TextAlignment.tsx │ │ ├── TextAlignment.tsx.preview │ │ ├── TextTransform.js │ │ ├── TextTransform.tsx │ │ ├── TextTransform.tsx.preview │ │ ├── Variant.js │ │ ├── Variant.tsx │ │ ├── Variant.tsx.preview │ │ └── typography.md │ ├── lib/ │ │ └── sourcing.ts │ ├── mui-vale/ │ │ ├── .vale.ini │ │ └── styles/ │ │ └── MUI/ │ │ ├── CorrectReferenceAllCases.yml │ │ ├── CorrectRererenceCased.yml │ │ ├── GoogleLatin.yml │ │ ├── MuiBrandName.yml │ │ ├── NoBritish.yml │ │ └── NoCompanyName.yml │ ├── next.config.ts │ ├── nextConfigDocsInfra.js │ ├── notifications.json │ ├── package.json │ ├── pages/ │ │ ├── 404.tsx │ │ ├── _app.tsx │ │ ├── _document.tsx │ │ ├── about.tsx │ │ ├── blog/ │ │ │ ├── 2019-developer-survey-results.js │ │ │ ├── 2019-developer-survey-results.md │ │ │ ├── 2019.js │ │ │ ├── 2019.md │ │ │ ├── 2020-developer-survey-results.js │ │ │ ├── 2020-developer-survey-results.md │ │ │ ├── 2020-introducing-sketch.js │ │ │ ├── 2020-introducing-sketch.md │ │ │ ├── 2020-q1-update.js │ │ │ ├── 2020-q1-update.md │ │ │ ├── 2020-q2-update.js │ │ │ ├── 2020-q2-update.md │ │ │ ├── 2020-q3-update.js │ │ │ ├── 2020-q3-update.md │ │ │ ├── 2020.js │ │ │ ├── 2020.md │ │ │ ├── 2021-developer-survey-results.js │ │ │ ├── 2021-developer-survey-results.md │ │ │ ├── 2021-q1-update.js │ │ │ ├── 2021-q1-update.md │ │ │ ├── 2021-q2-update.js │ │ │ ├── 2021-q2-update.md │ │ │ ├── 2021-q3-update.js │ │ │ ├── 2021-q3-update.md │ │ │ ├── 2021.js │ │ │ ├── 2021.md │ │ │ ├── 2022-tenerife-retreat.js │ │ │ ├── 2022-tenerife-retreat.md │ │ │ ├── 2023-chamonix-retreat.js │ │ │ ├── 2023-chamonix-retreat.md │ │ │ ├── 2023-material-ui-v6-and-beyond.js │ │ │ ├── 2023-material-ui-v6-and-beyond.md │ │ │ ├── 2023-mui-values.js │ │ │ ├── 2023-mui-values.md │ │ │ ├── 2023-phuket-retreat.js │ │ │ ├── 2023-phuket-retreat.md │ │ │ ├── 2023-toolpad-beta-announcement.js │ │ │ ├── 2023-toolpad-beta-announcement.md │ │ │ ├── 2025-punta-cana-retreat.js │ │ │ ├── 2025-punta-cana-retreat.md │ │ │ ├── 2026-and-beyond.js │ │ │ ├── 2026-and-beyond.md │ │ │ ├── 2026-mui-x-price-changes.js │ │ │ ├── 2026-mui-x-price-changes.md │ │ │ ├── aggregation-functions.js │ │ │ ├── aggregation-functions.md │ │ │ ├── april-2019-update.js │ │ │ ├── april-2019-update.md │ │ │ ├── august-2019-update.js │ │ │ ├── august-2019-update.md │ │ │ ├── base-ui-2024-plans.js │ │ │ ├── base-ui-2024-plans.md │ │ │ ├── benny-joo-joining.js │ │ │ ├── benny-joo-joining.md │ │ │ ├── bringing-consistency-to-material-ui-customization-apis.js │ │ │ ├── bringing-consistency-to-material-ui-customization-apis.md │ │ │ ├── build-layouts-faster-with-grid-v2.js │ │ │ ├── build-layouts-faster-with-grid-v2.md │ │ │ ├── callback-support-in-style-overrides.js │ │ │ ├── callback-support-in-style-overrides.md │ │ │ ├── danail-hadjiatanasov-joining.js │ │ │ ├── danail-hadjiatanasov-joining.md │ │ │ ├── danilo-leal-joining.js │ │ │ ├── danilo-leal-joining.md │ │ │ ├── date-pickers-stable-v5.js │ │ │ ├── date-pickers-stable-v5.md │ │ │ ├── december-2019-update.js │ │ │ ├── december-2019-update.md │ │ │ ├── docs-restructure-2022.js │ │ │ ├── docs-restructure-2022.md │ │ │ ├── first-look-at-joy.js │ │ │ ├── first-look-at-joy.md │ │ │ ├── introducing-base-ui.js │ │ │ ├── introducing-base-ui.md │ │ │ ├── introducing-pigment-css.js │ │ │ ├── introducing-pigment-css.md │ │ │ ├── introducing-sync-plugin.js │ │ │ ├── introducing-sync-plugin.md │ │ │ ├── introducing-the-row-grouping-feature.js │ │ │ ├── introducing-the-row-grouping-feature.md │ │ │ ├── july-2019-update.js │ │ │ ├── july-2019-update.md │ │ │ ├── june-2019-update.js │ │ │ ├── june-2019-update.md │ │ │ ├── lab-date-pickers-to-mui-x.js │ │ │ ├── lab-date-pickers-to-mui-x.md │ │ │ ├── lab-tree-view-to-mui-x.js │ │ │ ├── lab-tree-view-to-mui-x.md │ │ │ ├── making-customizable-components.js │ │ │ ├── making-customizable-components.md │ │ │ ├── march-2019-update.js │ │ │ ├── march-2019-update.md │ │ │ ├── marija-najdova-joining.js │ │ │ ├── marija-najdova-joining.md │ │ │ ├── material-ui-2024-updates.js │ │ │ ├── material-ui-2024-updates.md │ │ │ ├── material-ui-is-now-mui.js │ │ │ ├── material-ui-is-now-mui.md │ │ │ ├── material-ui-v1-is-out.js │ │ │ ├── material-ui-v1-is-out.md │ │ │ ├── material-ui-v4-is-out.js │ │ │ ├── material-ui-v4-is-out.md │ │ │ ├── material-ui-v6-is-out.js │ │ │ ├── material-ui-v6-is-out.md │ │ │ ├── material-ui-v7-is-here.js │ │ │ ├── material-ui-v7-is-here.md │ │ │ ├── matheus-wichman-joining.js │ │ │ ├── matheus-wichman-joining.md │ │ │ ├── may-2019-update.js │ │ │ ├── may-2019-update.md │ │ │ ├── michal-dudak-joining.js │ │ │ ├── michal-dudak-joining.md │ │ │ ├── mui-core-v5-migration-update.js │ │ │ ├── mui-core-v5-migration-update.md │ │ │ ├── mui-core-v5.js │ │ │ ├── mui-core-v5.md │ │ │ ├── mui-next-js-app-router.js │ │ │ ├── mui-next-js-app-router.md │ │ │ ├── mui-product-comparison.js │ │ │ ├── mui-product-comparison.md │ │ │ ├── mui-x-end-v6-features.js │ │ │ ├── mui-x-end-v6-features.md │ │ │ ├── mui-x-end-v8.js │ │ │ ├── mui-x-end-v8.md │ │ │ ├── mui-x-mid-v6-features.js │ │ │ ├── mui-x-mid-v6-features.md │ │ │ ├── mui-x-sep-2024-price-update.js │ │ │ ├── mui-x-sep-2024-price-update.md │ │ │ ├── mui-x-v5.js │ │ │ ├── mui-x-v5.md │ │ │ ├── mui-x-v6-alpha-zero.js │ │ │ ├── mui-x-v6-alpha-zero.md │ │ │ ├── mui-x-v6.js │ │ │ ├── mui-x-v6.md │ │ │ ├── mui-x-v7-beta.js │ │ │ ├── mui-x-v7-beta.md │ │ │ ├── mui-x-v7.js │ │ │ ├── mui-x-v7.md │ │ │ ├── mui-x-v8-alpha-zero.js │ │ │ ├── mui-x-v8-alpha-zero.md │ │ │ ├── mui-x-v8.js │ │ │ ├── mui-x-v8.md │ │ │ ├── november-2019-update.js │ │ │ ├── november-2019-update.md │ │ │ ├── october-2019-update.js │ │ │ ├── october-2019-update.md │ │ │ ├── pattern-type-only-breaking-changes-minor-versions.js │ │ │ ├── pattern-type-only-breaking-changes-minor-versions.md │ │ │ ├── premium-plan-release.js │ │ │ ├── premium-plan-release.md │ │ │ ├── react-19-update.js │ │ │ ├── react-19-update.md │ │ │ ├── remote-award-win-2024.js │ │ │ ├── remote-award-win-2024.md │ │ │ ├── september-2019-update.js │ │ │ ├── september-2019-update.md │ │ │ ├── siriwat-kunaporn-joining.js │ │ │ ├── siriwat-kunaporn-joining.md │ │ │ ├── spotlight-damien-tassone.js │ │ │ ├── spotlight-damien-tassone.md │ │ │ ├── toolpad-use-cases.js │ │ │ ├── toolpad-use-cases.md │ │ │ ├── v6-beta-pickers.js │ │ │ └── v6-beta-pickers.md │ │ ├── blog.tsx │ │ ├── careers/ │ │ │ ├── ROLE_TEMPLATE.md │ │ │ ├── accessibility-engineer.js │ │ │ ├── accessibility-engineer.md │ │ │ ├── account-executive.js │ │ │ ├── account-executive.md │ │ │ ├── account-manager.js │ │ │ ├── account-manager.md │ │ │ ├── code-infra-engineer.js │ │ │ ├── code-infra-engineer.md │ │ │ ├── design-engineer-x-grid.md │ │ │ ├── design-engineer.md │ │ │ ├── designer.md │ │ │ ├── developer-advocate.md │ │ │ ├── developer-experience-engineer.md │ │ │ ├── engineering-manager.md │ │ │ ├── full-stack-engineer.md │ │ │ ├── head-of-operations.md │ │ │ ├── people-operation-manager.md │ │ │ ├── product-engineer-store.js │ │ │ ├── product-engineer-store.md │ │ │ ├── product-manager.md │ │ │ ├── product-marketing-manager.md │ │ │ ├── react-community-engineer.js │ │ │ ├── react-community-engineer.md │ │ │ ├── react-engineer-core.md │ │ │ ├── react-engineer-docs-infra.js │ │ │ ├── react-engineer-docs-infra.md │ │ │ ├── react-engineer-explore.js │ │ │ ├── react-engineer-explore.md │ │ │ ├── react-engineer-material-ui-maintainer.js │ │ │ ├── react-engineer-material-ui-maintainer.md │ │ │ ├── react-engineer-x-charts.js │ │ │ ├── react-engineer-x-charts.md │ │ │ ├── react-engineer-x-grid.md │ │ │ ├── react-engineer-x.js │ │ │ ├── react-engineer-x.md │ │ │ ├── react-tech-lead-core.js │ │ │ ├── react-tech-lead-core.md │ │ │ ├── react-tech-lead-x-grid.js │ │ │ ├── react-tech-lead-x-grid.md │ │ │ ├── senior-designer.md │ │ │ ├── staff-engineer-pigment-css.js │ │ │ ├── staff-engineer-pigment-css.md │ │ │ ├── staff-ui-engineer-base-ui.js │ │ │ ├── staff-ui-engineer-base-ui.md │ │ │ ├── support-agent.md │ │ │ ├── technical-product-manager.md │ │ │ ├── technical-recruiter.js │ │ │ └── technical-recruiter.md │ │ ├── careers.tsx │ │ ├── company/ │ │ │ └── contact.js │ │ ├── components.tsx │ │ ├── core.tsx │ │ ├── customers/ │ │ │ ├── athena.js │ │ │ ├── athena.md │ │ │ ├── att.js │ │ │ ├── att.md │ │ │ ├── cgi.js │ │ │ ├── cgi.md │ │ │ ├── coupa.js │ │ │ ├── coupa.md │ │ │ ├── delivery-hero.js │ │ │ ├── delivery-hero.md │ │ │ ├── john-deere.js │ │ │ ├── john-deere.md │ │ │ ├── moz.js │ │ │ ├── moz.md │ │ │ ├── oregon.js │ │ │ ├── oregon.md │ │ │ ├── qdrant.js │ │ │ ├── qdrant.md │ │ │ ├── tebra.js │ │ │ └── tebra.md │ │ ├── customers.tsx │ │ ├── design-kits.tsx │ │ ├── experiments/ │ │ │ ├── blog/ │ │ │ │ ├── blog-custom-card.js │ │ │ │ ├── blog-custom-card.md │ │ │ │ ├── blog.js │ │ │ │ └── blog.md │ │ │ ├── docs/ │ │ │ │ ├── DemoInDocs.js │ │ │ │ ├── DemoInDocs.tsx.preview │ │ │ │ ├── DemoInDocsNotEditable.js │ │ │ │ ├── DemoInDocsNotEditable.tsx.preview │ │ │ │ ├── DemoModeToggle.js │ │ │ │ ├── DemoModeToggleCustomTheme.js │ │ │ │ ├── DemoModeToggleIframe.js │ │ │ │ ├── DemoMultiTabs.js │ │ │ │ ├── callouts.js │ │ │ │ ├── callouts.md │ │ │ │ ├── codeblock.js │ │ │ │ ├── codeblock.md │ │ │ │ ├── custom-components.js │ │ │ │ ├── custom-components.md │ │ │ │ ├── data-grid-premium-translation.json │ │ │ │ ├── data-grid-premium.js │ │ │ │ ├── data-grid-premium.json │ │ │ │ ├── demos.js │ │ │ │ ├── demos.md │ │ │ │ ├── headers.js │ │ │ │ ├── headers.md │ │ │ │ ├── markdown.js │ │ │ │ ├── markdown.md │ │ │ │ ├── og-card.js │ │ │ │ ├── og-card.md │ │ │ │ ├── pro-feature.js │ │ │ │ └── pro-feature.md │ │ │ ├── index.js │ │ │ └── website/ │ │ │ ├── branding-theme-test.tsx │ │ │ └── dashboard-template-theme.tsx │ │ ├── global.css │ │ ├── index.tsx │ │ ├── material-ui/ │ │ │ ├── about-the-lab.js │ │ │ ├── all-components/ │ │ │ │ └── index.js │ │ │ ├── api/ │ │ │ │ ├── accordion-actions.js │ │ │ │ ├── accordion-actions.json │ │ │ │ ├── accordion-details.js │ │ │ │ ├── accordion-details.json │ │ │ │ ├── accordion-summary.js │ │ │ │ ├── accordion-summary.json │ │ │ │ ├── accordion.js │ │ │ │ ├── accordion.json │ │ │ │ ├── alert-title.js │ │ │ │ ├── alert-title.json │ │ │ │ ├── alert.js │ │ │ │ ├── alert.json │ │ │ │ ├── app-bar.js │ │ │ │ ├── app-bar.json │ │ │ │ ├── autocomplete.js │ │ │ │ ├── autocomplete.json │ │ │ │ ├── avatar-group.js │ │ │ │ ├── avatar-group.json │ │ │ │ ├── avatar.js │ │ │ │ ├── avatar.json │ │ │ │ ├── backdrop.js │ │ │ │ ├── backdrop.json │ │ │ │ ├── badge.js │ │ │ │ ├── badge.json │ │ │ │ ├── bottom-navigation-action.js │ │ │ │ ├── bottom-navigation-action.json │ │ │ │ ├── bottom-navigation.js │ │ │ │ ├── bottom-navigation.json │ │ │ │ ├── box.js │ │ │ │ ├── box.json │ │ │ │ ├── breadcrumbs.js │ │ │ │ ├── breadcrumbs.json │ │ │ │ ├── button-base.js │ │ │ │ ├── button-base.json │ │ │ │ ├── button-group.js │ │ │ │ ├── button-group.json │ │ │ │ ├── button.js │ │ │ │ ├── button.json │ │ │ │ ├── card-action-area.js │ │ │ │ ├── card-action-area.json │ │ │ │ ├── card-actions.js │ │ │ │ ├── card-actions.json │ │ │ │ ├── card-content.js │ │ │ │ ├── card-content.json │ │ │ │ ├── card-header.js │ │ │ │ ├── card-header.json │ │ │ │ ├── card-media.js │ │ │ │ ├── card-media.json │ │ │ │ ├── card.js │ │ │ │ ├── card.json │ │ │ │ ├── checkbox.js │ │ │ │ ├── checkbox.json │ │ │ │ ├── chip.js │ │ │ │ ├── chip.json │ │ │ │ ├── circular-progress.js │ │ │ │ ├── circular-progress.json │ │ │ │ ├── click-away-listener.js │ │ │ │ ├── click-away-listener.json │ │ │ │ ├── collapse.js │ │ │ │ ├── collapse.json │ │ │ │ ├── container.js │ │ │ │ ├── container.json │ │ │ │ ├── css-baseline.js │ │ │ │ ├── css-baseline.json │ │ │ │ ├── dialog-actions.js │ │ │ │ ├── dialog-actions.json │ │ │ │ ├── dialog-content-text.js │ │ │ │ ├── dialog-content-text.json │ │ │ │ ├── dialog-content.js │ │ │ │ ├── dialog-content.json │ │ │ │ ├── dialog-title.js │ │ │ │ ├── dialog-title.json │ │ │ │ ├── dialog.js │ │ │ │ ├── dialog.json │ │ │ │ ├── divider.js │ │ │ │ ├── divider.json │ │ │ │ ├── drawer.js │ │ │ │ ├── drawer.json │ │ │ │ ├── fab.js │ │ │ │ ├── fab.json │ │ │ │ ├── fade.js │ │ │ │ ├── fade.json │ │ │ │ ├── filled-input.js │ │ │ │ ├── filled-input.json │ │ │ │ ├── form-control-label.js │ │ │ │ ├── form-control-label.json │ │ │ │ ├── form-control.js │ │ │ │ ├── form-control.json │ │ │ │ ├── form-group.js │ │ │ │ ├── form-group.json │ │ │ │ ├── form-helper-text.js │ │ │ │ ├── form-helper-text.json │ │ │ │ ├── form-label.js │ │ │ │ ├── form-label.json │ │ │ │ ├── global-styles.js │ │ │ │ ├── global-styles.json │ │ │ │ ├── grid.js │ │ │ │ ├── grid.json │ │ │ │ ├── grow.js │ │ │ │ ├── grow.json │ │ │ │ ├── icon-button.js │ │ │ │ ├── icon-button.json │ │ │ │ ├── icon.js │ │ │ │ ├── icon.json │ │ │ │ ├── image-list-item-bar.js │ │ │ │ ├── image-list-item-bar.json │ │ │ │ ├── image-list-item.js │ │ │ │ ├── image-list-item.json │ │ │ │ ├── image-list.js │ │ │ │ ├── image-list.json │ │ │ │ ├── init-color-scheme-script.js │ │ │ │ ├── init-color-scheme-script.json │ │ │ │ ├── input-adornment.js │ │ │ │ ├── input-adornment.json │ │ │ │ ├── input-base.js │ │ │ │ ├── input-base.json │ │ │ │ ├── input-label.js │ │ │ │ ├── input-label.json │ │ │ │ ├── input.js │ │ │ │ ├── input.json │ │ │ │ ├── linear-progress.js │ │ │ │ ├── linear-progress.json │ │ │ │ ├── link.js │ │ │ │ ├── link.json │ │ │ │ ├── list-item-avatar.js │ │ │ │ ├── list-item-avatar.json │ │ │ │ ├── list-item-button.js │ │ │ │ ├── list-item-button.json │ │ │ │ ├── list-item-icon.js │ │ │ │ ├── list-item-icon.json │ │ │ │ ├── list-item-secondary-action.js │ │ │ │ ├── list-item-secondary-action.json │ │ │ │ ├── list-item-text.js │ │ │ │ ├── list-item-text.json │ │ │ │ ├── list-item.js │ │ │ │ ├── list-item.json │ │ │ │ ├── list-subheader.js │ │ │ │ ├── list-subheader.json │ │ │ │ ├── list.js │ │ │ │ ├── list.json │ │ │ │ ├── masonry.js │ │ │ │ ├── masonry.json │ │ │ │ ├── menu-item.js │ │ │ │ ├── menu-item.json │ │ │ │ ├── menu-list.js │ │ │ │ ├── menu-list.json │ │ │ │ ├── menu.js │ │ │ │ ├── menu.json │ │ │ │ ├── mobile-stepper.js │ │ │ │ ├── mobile-stepper.json │ │ │ │ ├── modal.js │ │ │ │ ├── modal.json │ │ │ │ ├── native-select.js │ │ │ │ ├── native-select.json │ │ │ │ ├── no-ssr.js │ │ │ │ ├── no-ssr.json │ │ │ │ ├── outlined-input.js │ │ │ │ ├── outlined-input.json │ │ │ │ ├── pagination-item.js │ │ │ │ ├── pagination-item.json │ │ │ │ ├── pagination.js │ │ │ │ ├── pagination.json │ │ │ │ ├── paper.js │ │ │ │ ├── paper.json │ │ │ │ ├── pigment-container.js │ │ │ │ ├── pigment-container.json │ │ │ │ ├── pigment-grid.js │ │ │ │ ├── pigment-grid.json │ │ │ │ ├── pigment-stack.js │ │ │ │ ├── pigment-stack.json │ │ │ │ ├── popover.js │ │ │ │ ├── popover.json │ │ │ │ ├── popper.js │ │ │ │ ├── popper.json │ │ │ │ ├── portal.js │ │ │ │ ├── portal.json │ │ │ │ ├── radio-group.js │ │ │ │ ├── radio-group.json │ │ │ │ ├── radio.js │ │ │ │ ├── radio.json │ │ │ │ ├── rating.js │ │ │ │ ├── rating.json │ │ │ │ ├── scoped-css-baseline.js │ │ │ │ ├── scoped-css-baseline.json │ │ │ │ ├── select.js │ │ │ │ ├── select.json │ │ │ │ ├── skeleton.js │ │ │ │ ├── skeleton.json │ │ │ │ ├── slide.js │ │ │ │ ├── slide.json │ │ │ │ ├── slider.js │ │ │ │ ├── slider.json │ │ │ │ ├── snackbar-content.js │ │ │ │ ├── snackbar-content.json │ │ │ │ ├── snackbar.js │ │ │ │ ├── snackbar.json │ │ │ │ ├── speed-dial-action.js │ │ │ │ ├── speed-dial-action.json │ │ │ │ ├── speed-dial-icon.js │ │ │ │ ├── speed-dial-icon.json │ │ │ │ ├── speed-dial.js │ │ │ │ ├── speed-dial.json │ │ │ │ ├── stack.js │ │ │ │ ├── stack.json │ │ │ │ ├── step-button.js │ │ │ │ ├── step-button.json │ │ │ │ ├── step-connector.js │ │ │ │ ├── step-connector.json │ │ │ │ ├── step-content.js │ │ │ │ ├── step-content.json │ │ │ │ ├── step-icon.js │ │ │ │ ├── step-icon.json │ │ │ │ ├── step-label.js │ │ │ │ ├── step-label.json │ │ │ │ ├── step.js │ │ │ │ ├── step.json │ │ │ │ ├── stepper.js │ │ │ │ ├── stepper.json │ │ │ │ ├── svg-icon.js │ │ │ │ ├── svg-icon.json │ │ │ │ ├── swipeable-drawer.js │ │ │ │ ├── swipeable-drawer.json │ │ │ │ ├── switch.js │ │ │ │ ├── switch.json │ │ │ │ ├── tab-context.js │ │ │ │ ├── tab-context.json │ │ │ │ ├── tab-list.js │ │ │ │ ├── tab-list.json │ │ │ │ ├── tab-panel.js │ │ │ │ ├── tab-panel.json │ │ │ │ ├── tab-scroll-button.js │ │ │ │ ├── tab-scroll-button.json │ │ │ │ ├── tab.js │ │ │ │ ├── tab.json │ │ │ │ ├── table-body.js │ │ │ │ ├── table-body.json │ │ │ │ ├── table-cell.js │ │ │ │ ├── table-cell.json │ │ │ │ ├── table-container.js │ │ │ │ ├── table-container.json │ │ │ │ ├── table-footer.js │ │ │ │ ├── table-footer.json │ │ │ │ ├── table-head.js │ │ │ │ ├── table-head.json │ │ │ │ ├── table-pagination-actions.js │ │ │ │ ├── table-pagination-actions.json │ │ │ │ ├── table-pagination.js │ │ │ │ ├── table-pagination.json │ │ │ │ ├── table-row.js │ │ │ │ ├── table-row.json │ │ │ │ ├── table-sort-label.js │ │ │ │ ├── table-sort-label.json │ │ │ │ ├── table.js │ │ │ │ ├── table.json │ │ │ │ ├── tabs.js │ │ │ │ ├── tabs.json │ │ │ │ ├── text-field.js │ │ │ │ ├── text-field.json │ │ │ │ ├── textarea-autosize.js │ │ │ │ ├── textarea-autosize.json │ │ │ │ ├── timeline-connector.js │ │ │ │ ├── timeline-connector.json │ │ │ │ ├── timeline-content.js │ │ │ │ ├── timeline-content.json │ │ │ │ ├── timeline-dot.js │ │ │ │ ├── timeline-dot.json │ │ │ │ ├── timeline-item.js │ │ │ │ ├── timeline-item.json │ │ │ │ ├── timeline-opposite-content.js │ │ │ │ ├── timeline-opposite-content.json │ │ │ │ ├── timeline-separator.js │ │ │ │ ├── timeline-separator.json │ │ │ │ ├── timeline.js │ │ │ │ ├── timeline.json │ │ │ │ ├── toggle-button-group.js │ │ │ │ ├── toggle-button-group.json │ │ │ │ ├── toggle-button.js │ │ │ │ ├── toggle-button.json │ │ │ │ ├── toolbar.js │ │ │ │ ├── toolbar.json │ │ │ │ ├── tooltip.js │ │ │ │ ├── tooltip.json │ │ │ │ ├── typography.js │ │ │ │ ├── typography.json │ │ │ │ ├── zoom.js │ │ │ │ └── zoom.json │ │ │ ├── customization/ │ │ │ │ ├── breakpoints.js │ │ │ │ ├── color.js │ │ │ │ ├── container-queries.js │ │ │ │ ├── creating-themed-components.js │ │ │ │ ├── css-layers.js │ │ │ │ ├── css-theme-variables/ │ │ │ │ │ ├── configuration.js │ │ │ │ │ ├── native-color.js │ │ │ │ │ ├── overview.js │ │ │ │ │ └── usage.js │ │ │ │ ├── dark-mode.js │ │ │ │ ├── default-theme.js │ │ │ │ ├── density.js │ │ │ │ ├── how-to-customize.js │ │ │ │ ├── overriding-component-structure.js │ │ │ │ ├── palette.js │ │ │ │ ├── right-to-left.js │ │ │ │ ├── shadow-dom.js │ │ │ │ ├── shape.js │ │ │ │ ├── spacing.js │ │ │ │ ├── theme-components.js │ │ │ │ ├── theming.js │ │ │ │ ├── transitions.js │ │ │ │ ├── typography.js │ │ │ │ └── z-index.js │ │ │ ├── design-resources/ │ │ │ │ ├── material-ui-for-figma.js │ │ │ │ └── material-ui-sync.js │ │ │ ├── discover-more/ │ │ │ │ ├── backers.js │ │ │ │ ├── changelog.js │ │ │ │ ├── related-projects.js │ │ │ │ ├── roadmap.js │ │ │ │ ├── showcase.js │ │ │ │ └── vision.js │ │ │ ├── experimental-api/ │ │ │ │ ├── classname-generator.js │ │ │ │ └── pigment-css.js │ │ │ ├── getting-started/ │ │ │ │ ├── design-resources.js │ │ │ │ ├── example-projects.js │ │ │ │ ├── faq.js │ │ │ │ ├── index.js │ │ │ │ ├── installation.js │ │ │ │ ├── learn.js │ │ │ │ ├── mcp.js │ │ │ │ ├── support.js │ │ │ │ ├── supported-components.js │ │ │ │ ├── supported-platforms.js │ │ │ │ ├── templates/ │ │ │ │ │ ├── blog.js │ │ │ │ │ ├── checkout.js │ │ │ │ │ ├── crud-dashboard.js │ │ │ │ │ ├── dashboard.js │ │ │ │ │ ├── marketing-page.js │ │ │ │ │ ├── sign-in-side.js │ │ │ │ │ ├── sign-in.js │ │ │ │ │ └── sign-up.js │ │ │ │ ├── templates.js │ │ │ │ └── usage.js │ │ │ ├── guides/ │ │ │ │ ├── api.js │ │ │ │ ├── building-extensible-themes.js │ │ │ │ ├── composition.js │ │ │ │ ├── content-security-policy.js │ │ │ │ ├── localization.js │ │ │ │ ├── minimizing-bundle-size.js │ │ │ │ ├── responsive-ui.js │ │ │ │ ├── server-rendering.js │ │ │ │ ├── testing.js │ │ │ │ └── typescript.js │ │ │ ├── icons.js │ │ │ ├── integrations/ │ │ │ │ ├── interoperability.js │ │ │ │ ├── nextjs.js │ │ │ │ ├── routing.js │ │ │ │ ├── styled-components.js │ │ │ │ ├── tailwindcss/ │ │ │ │ │ └── tailwindcss-v4.js │ │ │ │ └── theme-scoping.js │ │ │ ├── material-icons.js │ │ │ ├── migration/ │ │ │ │ ├── migrating-from-deprecated-apis.js │ │ │ │ ├── migrating-from-jss.js │ │ │ │ ├── migrating-to-pigment-css.js │ │ │ │ ├── migration-v0x.js │ │ │ │ ├── migration-v3.js │ │ │ │ ├── migration-v4.js │ │ │ │ ├── pickers-migration.js │ │ │ │ ├── troubleshooting.js │ │ │ │ ├── upgrade-to-grid-v2.js │ │ │ │ ├── upgrade-to-native-color.js │ │ │ │ ├── upgrade-to-v6.js │ │ │ │ ├── upgrade-to-v7.js │ │ │ │ ├── upgrade-to-v9.js │ │ │ │ ├── v5-component-changes.js │ │ │ │ ├── v5-style-changes.js │ │ │ │ └── v7/ │ │ │ │ └── migrating-from-deprecated-apis.js │ │ │ ├── react-accordion.js │ │ │ ├── react-alert.js │ │ │ ├── react-app-bar.js │ │ │ ├── react-autocomplete.js │ │ │ ├── react-avatar.js │ │ │ ├── react-backdrop.js │ │ │ ├── react-badge.js │ │ │ ├── react-bottom-navigation.js │ │ │ ├── react-box.js │ │ │ ├── react-breadcrumbs.js │ │ │ ├── react-button-group.js │ │ │ ├── react-button.js │ │ │ ├── react-card.js │ │ │ ├── react-checkbox.js │ │ │ ├── react-chip.js │ │ │ ├── react-click-away-listener.js │ │ │ ├── react-container.js │ │ │ ├── react-css-baseline.js │ │ │ ├── react-dialog.js │ │ │ ├── react-divider.js │ │ │ ├── react-drawer.js │ │ │ ├── react-floating-action-button.js │ │ │ ├── react-grid.js │ │ │ ├── react-image-list.js │ │ │ ├── react-init-color-scheme-script.js │ │ │ ├── react-link.js │ │ │ ├── react-list.js │ │ │ ├── react-masonry.js │ │ │ ├── react-menu.js │ │ │ ├── react-menubar.js │ │ │ ├── react-modal.js │ │ │ ├── react-no-ssr.js │ │ │ ├── react-number-field.js │ │ │ ├── react-pagination.js │ │ │ ├── react-paper.js │ │ │ ├── react-popover.js │ │ │ ├── react-popper.js │ │ │ ├── react-portal.js │ │ │ ├── react-progress.js │ │ │ ├── react-radio-button.js │ │ │ ├── react-rating.js │ │ │ ├── react-select.js │ │ │ ├── react-skeleton.js │ │ │ ├── react-slider.js │ │ │ ├── react-snackbar.js │ │ │ ├── react-speed-dial.js │ │ │ ├── react-stack.js │ │ │ ├── react-stepper.js │ │ │ ├── react-switch.js │ │ │ ├── react-table.js │ │ │ ├── react-tabs.js │ │ │ ├── react-text-field.js │ │ │ ├── react-textarea-autosize.js │ │ │ ├── react-timeline.js │ │ │ ├── react-toggle-button.js │ │ │ ├── react-tooltip.js │ │ │ ├── react-transfer-list.js │ │ │ ├── react-typography.js │ │ │ ├── react-use-media-query.js │ │ │ └── transitions.js │ │ ├── material-ui.tsx │ │ ├── performance/ │ │ │ ├── slider-emotion.js │ │ │ ├── slider-jss.js │ │ │ ├── system.js │ │ │ ├── table-component.js │ │ │ ├── table-emotion.js │ │ │ ├── table-mui.js │ │ │ ├── table-raw.js │ │ │ └── table-styled-components.js │ │ ├── premium-themes/ │ │ │ ├── onepirate/ │ │ │ │ ├── forgot-password.js │ │ │ │ ├── index.js │ │ │ │ ├── privacy.js │ │ │ │ ├── sign-in.js │ │ │ │ ├── sign-up.js │ │ │ │ └── terms.js │ │ │ └── paperbase/ │ │ │ └── index.js │ │ ├── pricing.tsx │ │ ├── production-error.js │ │ ├── system/ │ │ │ ├── api/ │ │ │ │ ├── box.js │ │ │ │ ├── box.json │ │ │ │ ├── container.js │ │ │ │ ├── container.json │ │ │ │ ├── grid.js │ │ │ │ ├── grid.json │ │ │ │ ├── stack.js │ │ │ │ └── stack.json │ │ │ ├── borders.js │ │ │ ├── display.js │ │ │ ├── experimental-api/ │ │ │ │ ├── configure-the-sx-prop.js │ │ │ │ └── css-theme-variables.js │ │ │ ├── flexbox.js │ │ │ ├── getting-started/ │ │ │ │ ├── custom-components.js │ │ │ │ ├── index.js │ │ │ │ ├── installation.js │ │ │ │ ├── support.js │ │ │ │ ├── the-sx-prop.js │ │ │ │ └── usage.js │ │ │ ├── grid.js │ │ │ ├── migration/ │ │ │ │ ├── migrating-to-v6.js │ │ │ │ ├── upgrade-to-v7.js │ │ │ │ └── upgrade-to-v9.js │ │ │ ├── palette.js │ │ │ ├── positions.js │ │ │ ├── properties.js │ │ │ ├── react-box.js │ │ │ ├── react-container.js │ │ │ ├── react-grid.js │ │ │ ├── react-stack.js │ │ │ ├── screen-readers.js │ │ │ ├── shadows.js │ │ │ ├── sizing.js │ │ │ ├── spacing.js │ │ │ ├── styled.js │ │ │ └── typography.js │ │ ├── templates.tsx │ │ ├── versions.js │ │ └── x.tsx │ ├── postcss.config.js │ ├── public/ │ │ ├── _headers │ │ ├── _redirects │ │ ├── robots.txt │ │ └── static/ │ │ ├── blog/ │ │ │ ├── 2020-q1-update/ │ │ │ │ └── skeleton.webm │ │ │ └── mui-x-v7/ │ │ │ └── new-bundle-size.png~ │ │ ├── components-gallery/ │ │ │ └── base-theme.css │ │ ├── error-codes.json │ │ ├── manifest.json │ │ └── styles/ │ │ └── prism-okaidia.css │ ├── scripts/ │ │ ├── buildIcons.js │ │ ├── buildServiceWorker.js │ │ ├── formattedTSDemos.js │ │ ├── generateRSSFeed.ts │ │ ├── generateTemplateScreenshots.ts │ │ ├── i18n.ts │ │ ├── playground.template.tsx │ │ ├── reportBrokenLinks.mts │ │ ├── syncTeamMembers.ts │ │ ├── tsconfig.json │ │ └── updateIconSynonyms.js │ ├── src/ │ │ ├── components/ │ │ │ ├── NotFoundHero.tsx │ │ │ ├── about/ │ │ │ │ ├── AboutEnd.tsx │ │ │ │ ├── AboutHero.tsx │ │ │ │ ├── HowToSupport.tsx │ │ │ │ ├── OurValues.tsx │ │ │ │ ├── Team.tsx │ │ │ │ └── TeamStatistics.tsx │ │ │ ├── action/ │ │ │ │ ├── ArrowButton.tsx │ │ │ │ ├── ComponentShowcaseCard.tsx │ │ │ │ ├── Frame.tsx │ │ │ │ ├── Highlighter.tsx │ │ │ │ ├── Item.tsx │ │ │ │ ├── LogoWithCopyMenu.tsx │ │ │ │ ├── MaterialVsCustomToggle.tsx │ │ │ │ ├── More.tsx │ │ │ │ ├── MoreInfoBox.tsx │ │ │ │ └── NpmCopyButton.tsx │ │ │ ├── animation/ │ │ │ │ ├── FadeDelay.tsx │ │ │ │ ├── FlashCode.tsx │ │ │ │ └── Slide.tsx │ │ │ ├── banner/ │ │ │ │ ├── AppFrameBanner.tsx │ │ │ │ ├── AppHeaderBanner.tsx │ │ │ │ └── SideNavigationBanner.tsx │ │ │ ├── blog/ │ │ │ │ └── material-ui-v6-is-out/ │ │ │ │ ├── CustomThemeComparison.js │ │ │ │ ├── FreeTemplatesBento.js │ │ │ │ └── ThemeTokens.js │ │ │ ├── careers/ │ │ │ │ ├── CareersFaq.tsx │ │ │ │ ├── PerksBenefits.tsx │ │ │ │ └── RoleEntry.tsx │ │ │ ├── customers/ │ │ │ │ ├── CustomerQuotes.tsx │ │ │ │ ├── CustomersCTA.tsx │ │ │ │ ├── CustomersHero.tsx │ │ │ │ ├── CustomersHeroEnd.tsx │ │ │ │ ├── CustomersLogoSlider.tsx │ │ │ │ ├── CustomersSpotlight.tsx │ │ │ │ └── CustomersTestimonials.tsx │ │ │ ├── footer/ │ │ │ │ └── EmailSubscribe.tsx │ │ │ ├── header/ │ │ │ │ ├── HeaderNavBar.tsx │ │ │ │ ├── HeaderNavDropdown.tsx │ │ │ │ └── ThemeModeToggle.tsx │ │ │ ├── home/ │ │ │ │ ├── AdvancedShowcase.tsx │ │ │ │ ├── BacklinkSponsor.tsx │ │ │ │ ├── CompaniesGrid.tsx │ │ │ │ ├── CoreShowcase.tsx │ │ │ │ ├── DesignKits.tsx │ │ │ │ ├── DesignSystemComponents.tsx │ │ │ │ ├── DiamondSponsors.tsx │ │ │ │ ├── ElementPointer.tsx │ │ │ │ ├── GetStartedButtons.tsx │ │ │ │ ├── GoldSponsors.tsx │ │ │ │ ├── Hero.tsx │ │ │ │ ├── HeroEnd.tsx │ │ │ │ ├── MaterialDesignComponents.tsx │ │ │ │ ├── MaterialDesignDemo.tsx │ │ │ │ ├── MuiStatistics.tsx │ │ │ │ ├── NewsletterToast.tsx │ │ │ │ ├── ProductSuite.tsx │ │ │ │ ├── ProductsSwitcher.tsx │ │ │ │ ├── References.tsx │ │ │ │ ├── ShowcaseContainer.tsx │ │ │ │ ├── SponsorCard.tsx │ │ │ │ ├── Sponsors.tsx │ │ │ │ ├── StartToday.tsx │ │ │ │ ├── StoreTemplatesBanner.tsx │ │ │ │ ├── Testimonials.tsx │ │ │ │ ├── UserFeedbacks.tsx │ │ │ │ ├── ValueProposition.tsx │ │ │ │ └── XGridGlobalStyles.tsx │ │ │ ├── pricing/ │ │ │ │ ├── EarlyBird.tsx │ │ │ │ ├── HeroPricing.tsx │ │ │ │ ├── InfoPrioritySupport.tsx │ │ │ │ ├── LicenseModelContext.tsx │ │ │ │ ├── LicenseModelSwitch.tsx │ │ │ │ ├── MultiAppContext.tsx │ │ │ │ ├── MultiAppSwitch.tsx │ │ │ │ ├── PricingCards.tsx │ │ │ │ ├── PricingFAQ.tsx │ │ │ │ ├── PricingList.tsx │ │ │ │ ├── PricingTable.tsx │ │ │ │ ├── PricingWhatToExpect.tsx │ │ │ │ └── SupportIcons.tsx │ │ │ ├── productCore/ │ │ │ │ ├── CoreHero.tsx │ │ │ │ └── CoreProducts.tsx │ │ │ ├── productDesignKit/ │ │ │ │ ├── DesignKitDemo.tsx │ │ │ │ ├── DesignKitFAQ.tsx │ │ │ │ ├── DesignKitHero.tsx │ │ │ │ ├── DesignKitValues.tsx │ │ │ │ └── SyncFeatures.tsx │ │ │ ├── productMaterial/ │ │ │ │ ├── MaterialComponents.tsx │ │ │ │ ├── MaterialDesignKits.tsx │ │ │ │ ├── MaterialEnd.tsx │ │ │ │ ├── MaterialHero.tsx │ │ │ │ ├── MaterialStyling.tsx │ │ │ │ ├── MaterialTemplates.tsx │ │ │ │ └── MaterialTheming.tsx │ │ │ ├── productTemplate/ │ │ │ │ ├── TemplateDemo.tsx │ │ │ │ └── TemplateHero.tsx │ │ │ ├── productX/ │ │ │ │ ├── XChartsDemo.tsx │ │ │ │ ├── XComponents.tsx │ │ │ │ ├── XComponentsSwitcher.tsx │ │ │ │ ├── XDataGrid.tsx │ │ │ │ ├── XDateRangeDemo.tsx │ │ │ │ ├── XGridFullDemo.tsx │ │ │ │ ├── XHero.tsx │ │ │ │ ├── XPlans.tsx │ │ │ │ ├── XRoadmap.tsx │ │ │ │ ├── XTheming.tsx │ │ │ │ └── XTreeViewDemo.tsx │ │ │ ├── showcase/ │ │ │ │ ├── FolderTable.tsx │ │ │ │ ├── FolderTreeView.tsx │ │ │ │ ├── NotificationCard.tsx │ │ │ │ ├── PlayerCard.tsx │ │ │ │ ├── RealEstateCard.tsx │ │ │ │ ├── TaskCard.tsx │ │ │ │ ├── ThemeAccordion.tsx │ │ │ │ ├── ThemeButton.tsx │ │ │ │ ├── ThemeChip.tsx │ │ │ │ ├── ThemeDatePicker.tsx │ │ │ │ ├── ThemeSlider.tsx │ │ │ │ ├── ThemeSwitch.tsx │ │ │ │ ├── ThemeTabs.tsx │ │ │ │ ├── ThemeTimeline.tsx │ │ │ │ ├── ThemeToggleButton.tsx │ │ │ │ └── ViewToggleButton.tsx │ │ │ ├── typography/ │ │ │ │ └── GradientText.tsx │ │ │ └── x-grid/ │ │ │ ├── EditProgress.tsx │ │ │ ├── EditStatus.tsx │ │ │ ├── ProgressBar.tsx │ │ │ └── Status.tsx │ │ ├── featureToggle.ts │ │ ├── icons/ │ │ │ ├── RootSvg.tsx │ │ │ ├── SvgBaseUiLogo.tsx │ │ │ ├── SvgHamburgerMenu.tsx │ │ │ ├── SvgMaterialDesign.tsx │ │ │ ├── SvgMuiLogomark.tsx │ │ │ ├── SvgMuiLogotype.tsx │ │ │ ├── SvgMuiX.tsx │ │ │ ├── SvgStackOverflow.tsx │ │ │ ├── SvgStorybook.tsx │ │ │ └── SvgTwinkle.tsx │ │ ├── layouts/ │ │ │ ├── AppFooter.tsx │ │ │ ├── AppHeader.tsx │ │ │ ├── HeroContainer.tsx │ │ │ └── Section.tsx │ │ ├── modules/ │ │ │ ├── components/ │ │ │ │ ├── Ad.tsx │ │ │ │ ├── ApiDivider.js │ │ │ │ ├── ApiPage.tsx │ │ │ │ ├── AppContainer.js │ │ │ │ ├── AppFrame.tsx │ │ │ │ ├── AppLayoutDocs.d.ts │ │ │ │ ├── AppLayoutDocs.js │ │ │ │ ├── AppLayoutDocsFooter.js │ │ │ │ ├── AppNavDrawer.tsx │ │ │ │ ├── AppNavDrawerItem.tsx │ │ │ │ ├── AppNavIcons.ts │ │ │ │ ├── AppSearch.d.ts │ │ │ │ ├── AppSearch.js │ │ │ │ ├── AppSettingsDrawer.d.ts │ │ │ │ ├── AppSettingsDrawer.js │ │ │ │ ├── AppTableOfContents.js │ │ │ │ ├── AppTheme.js │ │ │ │ ├── BackToTop.tsx │ │ │ │ ├── BundleSizeIcon.js │ │ │ │ ├── ComponentPageTabs.js │ │ │ │ ├── ComponentsApiContent.tsx │ │ │ │ ├── Demo.js │ │ │ │ ├── DemoAiSuggestionHero.tsx │ │ │ │ ├── DemoEditor.tsx │ │ │ │ ├── DemoEditorError.tsx │ │ │ │ ├── DemoErrorBoundary.js │ │ │ │ ├── DemoSandbox.js │ │ │ │ ├── DemoToolbar.js │ │ │ │ ├── DemoToolbarRoot.ts │ │ │ │ ├── DiamondSponsors.js │ │ │ │ ├── EditPage.js │ │ │ │ ├── FigmaIcon.js │ │ │ │ ├── Head.tsx │ │ │ │ ├── HighlightedCodeWithTabs.js │ │ │ │ ├── HooksApiContent.tsx │ │ │ │ ├── MarkdownDocs.js │ │ │ │ ├── MarkdownDocsV2.js │ │ │ │ ├── MarkdownLinks.ts │ │ │ │ ├── MaterialDesignIcon.js │ │ │ │ ├── MaterialFreeTemplatesCollection.js │ │ │ │ ├── MaterialShowcase.js │ │ │ │ ├── MaterialStartingLinksCollection.js │ │ │ │ ├── MaterialUIComponents/ │ │ │ │ │ ├── MaterialDataDisplayComponents.js │ │ │ │ │ ├── MaterialFeedbackComponents.js │ │ │ │ │ ├── MaterialInputComponents.js │ │ │ │ │ ├── MaterialLabComponents.js │ │ │ │ │ ├── MaterialLayoutComponents.js │ │ │ │ │ ├── MaterialNavigationComponents.js │ │ │ │ │ ├── MaterialSurfaceComponents.js │ │ │ │ │ └── MaterialUtilComponents.js │ │ │ │ ├── MaterialUIDesignResources.js │ │ │ │ ├── MaterialUIExampleCollection.js │ │ │ │ ├── MiniTableOfContents.js │ │ │ │ ├── MuiProductSelector.tsx │ │ │ │ ├── Notifications.tsx │ │ │ │ ├── OpenMuiChat.tsx │ │ │ │ ├── ReactRunner.tsx │ │ │ │ ├── RichMarkdownElement.js │ │ │ │ ├── SearchButton.tsx │ │ │ │ ├── SketchIcon.js │ │ │ │ ├── TableOfContents.js │ │ │ │ ├── TemplateFrame.js │ │ │ │ ├── ThemeViewer.tsx │ │ │ │ ├── TopLayoutBlog.js │ │ │ │ ├── TopLayoutCareers.js │ │ │ │ ├── TopLayoutCaseStudy.js │ │ │ │ ├── W3CIcon.js │ │ │ │ └── bootstrap.js │ │ │ ├── constants.js │ │ │ ├── material/ │ │ │ │ └── sourceMaterialTemplates.ts │ │ │ ├── sandbox/ │ │ │ │ ├── CodeSandbox.test.js │ │ │ │ ├── CodeSandbox.ts │ │ │ │ ├── CreateReactApp.ts │ │ │ │ ├── Dependencies.test.js │ │ │ │ ├── Dependencies.ts │ │ │ │ ├── FileExtension.ts │ │ │ │ ├── FlattenRelativeImports.ts │ │ │ │ ├── MuiChat.ts │ │ │ │ ├── StackBlitz.test.js │ │ │ │ ├── StackBlitz.ts │ │ │ │ └── types.ts │ │ │ └── utils/ │ │ │ ├── addHiddenInput.ts │ │ │ ├── babel-plugin-jsx-preview.js │ │ │ ├── codeStylingSolution.js │ │ │ ├── extractTemplates.test.js │ │ │ ├── extractTemplates.ts │ │ │ ├── find.ts │ │ │ ├── getProductInfoFromUrl.ts │ │ │ ├── globalSelector.ts │ │ │ ├── mapApiPageTranslations.js │ │ │ ├── replaceMarkdownLinks.test.js │ │ │ ├── replaceMarkdownLinks.ts │ │ │ ├── stylingSolutionMapping.js │ │ │ ├── useQueryParameterState.ts │ │ │ └── useResizeHandle.ts │ │ ├── pages/ │ │ │ ├── company/ │ │ │ │ └── contact/ │ │ │ │ └── contact.md │ │ │ ├── components/ │ │ │ │ └── tabs/ │ │ │ │ └── UnstyledTabsCustomized.preview │ │ │ ├── premium-themes/ │ │ │ │ ├── onepirate/ │ │ │ │ │ ├── ForgotPassword.js │ │ │ │ │ ├── ForgotPassword.tsx │ │ │ │ │ ├── Home.js │ │ │ │ │ ├── Home.tsx │ │ │ │ │ ├── Privacy.js │ │ │ │ │ ├── Privacy.tsx │ │ │ │ │ ├── SignIn.js │ │ │ │ │ ├── SignIn.tsx │ │ │ │ │ ├── SignUp.js │ │ │ │ │ ├── SignUp.tsx │ │ │ │ │ ├── Terms.js │ │ │ │ │ ├── Terms.tsx │ │ │ │ │ ├── modules/ │ │ │ │ │ │ ├── components/ │ │ │ │ │ │ │ ├── AppBar.js │ │ │ │ │ │ │ ├── AppBar.tsx │ │ │ │ │ │ │ ├── Button.js │ │ │ │ │ │ │ ├── Button.tsx │ │ │ │ │ │ │ ├── Markdown.js │ │ │ │ │ │ │ ├── Markdown.tsx │ │ │ │ │ │ │ ├── Paper.js │ │ │ │ │ │ │ ├── Paper.tsx │ │ │ │ │ │ │ ├── Snackbar.js │ │ │ │ │ │ │ ├── Snackbar.tsx │ │ │ │ │ │ │ ├── TextField.js │ │ │ │ │ │ │ ├── TextField.tsx │ │ │ │ │ │ │ ├── Toolbar.js │ │ │ │ │ │ │ ├── Toolbar.tsx │ │ │ │ │ │ │ ├── Typography.js │ │ │ │ │ │ │ └── Typography.tsx │ │ │ │ │ │ ├── form/ │ │ │ │ │ │ │ ├── FormButton.js │ │ │ │ │ │ │ ├── FormButton.tsx │ │ │ │ │ │ │ ├── FormFeedback.js │ │ │ │ │ │ │ ├── FormFeedback.tsx │ │ │ │ │ │ │ ├── RFTextField.js │ │ │ │ │ │ │ ├── RFTextField.tsx │ │ │ │ │ │ │ ├── defer.js │ │ │ │ │ │ │ ├── defer.tsx │ │ │ │ │ │ │ ├── validation.js │ │ │ │ │ │ │ └── validation.ts │ │ │ │ │ │ ├── theme.js │ │ │ │ │ │ ├── theme.ts │ │ │ │ │ │ ├── views/ │ │ │ │ │ │ │ ├── AppAppBar.js │ │ │ │ │ │ │ ├── AppAppBar.tsx │ │ │ │ │ │ │ ├── AppFooter.js │ │ │ │ │ │ │ ├── AppFooter.tsx │ │ │ │ │ │ │ ├── AppForm.js │ │ │ │ │ │ │ ├── AppForm.tsx │ │ │ │ │ │ │ ├── ProductCTA.js │ │ │ │ │ │ │ ├── ProductCTA.tsx │ │ │ │ │ │ │ ├── ProductCategories.js │ │ │ │ │ │ │ ├── ProductCategories.tsx │ │ │ │ │ │ │ ├── ProductHero.js │ │ │ │ │ │ │ ├── ProductHero.tsx │ │ │ │ │ │ │ ├── ProductHeroLayout.js │ │ │ │ │ │ │ ├── ProductHeroLayout.tsx │ │ │ │ │ │ │ ├── ProductHowItWorks.js │ │ │ │ │ │ │ ├── ProductHowItWorks.tsx │ │ │ │ │ │ │ ├── ProductSmokingHero.js │ │ │ │ │ │ │ ├── ProductSmokingHero.tsx │ │ │ │ │ │ │ ├── ProductValues.js │ │ │ │ │ │ │ ├── ProductValues.tsx │ │ │ │ │ │ │ ├── privacy.md │ │ │ │ │ │ │ └── terms.md │ │ │ │ │ │ ├── withRoot.js │ │ │ │ │ │ └── withRoot.tsx │ │ │ │ │ └── modules.d.ts │ │ │ │ └── paperbase/ │ │ │ │ ├── Content.js │ │ │ │ ├── Content.tsx │ │ │ │ ├── Header.js │ │ │ │ ├── Header.tsx │ │ │ │ ├── Navigator.js │ │ │ │ ├── Navigator.tsx │ │ │ │ ├── Paperbase.js │ │ │ │ └── Paperbase.tsx │ │ │ ├── production-error/ │ │ │ │ ├── ErrorDecoder.js │ │ │ │ └── index.md │ │ │ └── versions/ │ │ │ ├── LatestVersions.js │ │ │ ├── ReleasedVersions.js │ │ │ ├── VersionsContext.js │ │ │ └── versions.md │ │ ├── pagesApi.js │ │ ├── route.ts │ │ ├── sw.js │ │ ├── theming.test.tsx │ │ └── theming.tsx │ ├── tailwind.config.mjs │ ├── translations/ │ │ ├── api-docs/ │ │ │ ├── accordion/ │ │ │ │ └── accordion.json │ │ │ ├── accordion-actions/ │ │ │ │ └── accordion-actions.json │ │ │ ├── accordion-details/ │ │ │ │ └── accordion-details.json │ │ │ ├── accordion-summary/ │ │ │ │ └── accordion-summary.json │ │ │ ├── alert/ │ │ │ │ └── alert.json │ │ │ ├── alert-title/ │ │ │ │ └── alert-title.json │ │ │ ├── app-bar/ │ │ │ │ └── app-bar.json │ │ │ ├── autocomplete/ │ │ │ │ └── autocomplete.json │ │ │ ├── avatar/ │ │ │ │ └── avatar.json │ │ │ ├── avatar-group/ │ │ │ │ └── avatar-group.json │ │ │ ├── backdrop/ │ │ │ │ └── backdrop.json │ │ │ ├── badge/ │ │ │ │ └── badge.json │ │ │ ├── bottom-navigation/ │ │ │ │ └── bottom-navigation.json │ │ │ ├── bottom-navigation-action/ │ │ │ │ └── bottom-navigation-action.json │ │ │ ├── box/ │ │ │ │ └── box.json │ │ │ ├── breadcrumbs/ │ │ │ │ └── breadcrumbs.json │ │ │ ├── button/ │ │ │ │ └── button.json │ │ │ ├── button-base/ │ │ │ │ └── button-base.json │ │ │ ├── button-group/ │ │ │ │ └── button-group.json │ │ │ ├── card/ │ │ │ │ └── card.json │ │ │ ├── card-action-area/ │ │ │ │ └── card-action-area.json │ │ │ ├── card-actions/ │ │ │ │ └── card-actions.json │ │ │ ├── card-content/ │ │ │ │ └── card-content.json │ │ │ ├── card-header/ │ │ │ │ └── card-header.json │ │ │ ├── card-media/ │ │ │ │ └── card-media.json │ │ │ ├── checkbox/ │ │ │ │ └── checkbox.json │ │ │ ├── chip/ │ │ │ │ └── chip.json │ │ │ ├── circular-progress/ │ │ │ │ └── circular-progress.json │ │ │ ├── click-away-listener/ │ │ │ │ └── click-away-listener.json │ │ │ ├── collapse/ │ │ │ │ └── collapse.json │ │ │ ├── container/ │ │ │ │ └── container.json │ │ │ ├── css-baseline/ │ │ │ │ └── css-baseline.json │ │ │ ├── dialog/ │ │ │ │ └── dialog.json │ │ │ ├── dialog-actions/ │ │ │ │ └── dialog-actions.json │ │ │ ├── dialog-content/ │ │ │ │ └── dialog-content.json │ │ │ ├── dialog-content-text/ │ │ │ │ └── dialog-content-text.json │ │ │ ├── dialog-title/ │ │ │ │ └── dialog-title.json │ │ │ ├── divider/ │ │ │ │ └── divider.json │ │ │ ├── drawer/ │ │ │ │ └── drawer.json │ │ │ ├── fab/ │ │ │ │ └── fab.json │ │ │ ├── fade/ │ │ │ │ └── fade.json │ │ │ ├── filled-input/ │ │ │ │ └── filled-input.json │ │ │ ├── form-control/ │ │ │ │ └── form-control.json │ │ │ ├── form-control-label/ │ │ │ │ └── form-control-label.json │ │ │ ├── form-group/ │ │ │ │ └── form-group.json │ │ │ ├── form-helper-text/ │ │ │ │ └── form-helper-text.json │ │ │ ├── form-label/ │ │ │ │ └── form-label.json │ │ │ ├── global-styles/ │ │ │ │ └── global-styles.json │ │ │ ├── grid/ │ │ │ │ └── grid.json │ │ │ ├── grow/ │ │ │ │ └── grow.json │ │ │ ├── icon/ │ │ │ │ └── icon.json │ │ │ ├── icon-button/ │ │ │ │ └── icon-button.json │ │ │ ├── image-list/ │ │ │ │ └── image-list.json │ │ │ ├── image-list-item/ │ │ │ │ └── image-list-item.json │ │ │ ├── image-list-item-bar/ │ │ │ │ └── image-list-item-bar.json │ │ │ ├── init-color-scheme-script/ │ │ │ │ └── init-color-scheme-script.json │ │ │ ├── input/ │ │ │ │ └── input.json │ │ │ ├── input-adornment/ │ │ │ │ └── input-adornment.json │ │ │ ├── input-base/ │ │ │ │ └── input-base.json │ │ │ ├── input-label/ │ │ │ │ └── input-label.json │ │ │ ├── linear-progress/ │ │ │ │ └── linear-progress.json │ │ │ ├── link/ │ │ │ │ └── link.json │ │ │ ├── list/ │ │ │ │ └── list.json │ │ │ ├── list-item/ │ │ │ │ └── list-item.json │ │ │ ├── list-item-avatar/ │ │ │ │ └── list-item-avatar.json │ │ │ ├── list-item-button/ │ │ │ │ └── list-item-button.json │ │ │ ├── list-item-icon/ │ │ │ │ └── list-item-icon.json │ │ │ ├── list-item-secondary-action/ │ │ │ │ └── list-item-secondary-action.json │ │ │ ├── list-item-text/ │ │ │ │ └── list-item-text.json │ │ │ ├── list-subheader/ │ │ │ │ └── list-subheader.json │ │ │ ├── masonry/ │ │ │ │ └── masonry.json │ │ │ ├── menu/ │ │ │ │ └── menu.json │ │ │ ├── menu-item/ │ │ │ │ └── menu-item.json │ │ │ ├── menu-list/ │ │ │ │ └── menu-list.json │ │ │ ├── mobile-stepper/ │ │ │ │ └── mobile-stepper.json │ │ │ ├── modal/ │ │ │ │ └── modal.json │ │ │ ├── native-select/ │ │ │ │ └── native-select.json │ │ │ ├── no-ssr/ │ │ │ │ └── no-ssr.json │ │ │ ├── outlined-input/ │ │ │ │ └── outlined-input.json │ │ │ ├── pagination/ │ │ │ │ └── pagination.json │ │ │ ├── pagination-item/ │ │ │ │ └── pagination-item.json │ │ │ ├── paper/ │ │ │ │ └── paper.json │ │ │ ├── pigment-container/ │ │ │ │ └── pigment-container.json │ │ │ ├── pigment-grid/ │ │ │ │ └── pigment-grid.json │ │ │ ├── pigment-stack/ │ │ │ │ └── pigment-stack.json │ │ │ ├── popover/ │ │ │ │ └── popover.json │ │ │ ├── popper/ │ │ │ │ └── popper.json │ │ │ ├── portal/ │ │ │ │ └── portal.json │ │ │ ├── radio/ │ │ │ │ └── radio.json │ │ │ ├── radio-group/ │ │ │ │ └── radio-group.json │ │ │ ├── rating/ │ │ │ │ └── rating.json │ │ │ ├── scoped-css-baseline/ │ │ │ │ └── scoped-css-baseline.json │ │ │ ├── select/ │ │ │ │ └── select.json │ │ │ ├── skeleton/ │ │ │ │ └── skeleton.json │ │ │ ├── slide/ │ │ │ │ └── slide.json │ │ │ ├── slider/ │ │ │ │ └── slider.json │ │ │ ├── snackbar/ │ │ │ │ └── snackbar.json │ │ │ ├── snackbar-content/ │ │ │ │ └── snackbar-content.json │ │ │ ├── speed-dial/ │ │ │ │ └── speed-dial.json │ │ │ ├── speed-dial-action/ │ │ │ │ └── speed-dial-action.json │ │ │ ├── speed-dial-icon/ │ │ │ │ └── speed-dial-icon.json │ │ │ ├── stack/ │ │ │ │ └── stack.json │ │ │ ├── step/ │ │ │ │ └── step.json │ │ │ ├── step-button/ │ │ │ │ └── step-button.json │ │ │ ├── step-connector/ │ │ │ │ └── step-connector.json │ │ │ ├── step-content/ │ │ │ │ └── step-content.json │ │ │ ├── step-icon/ │ │ │ │ └── step-icon.json │ │ │ ├── step-label/ │ │ │ │ └── step-label.json │ │ │ ├── stepper/ │ │ │ │ └── stepper.json │ │ │ ├── svg-icon/ │ │ │ │ └── svg-icon.json │ │ │ ├── swipeable-drawer/ │ │ │ │ └── swipeable-drawer.json │ │ │ ├── switch/ │ │ │ │ └── switch.json │ │ │ ├── tab/ │ │ │ │ └── tab.json │ │ │ ├── tab-context/ │ │ │ │ └── tab-context.json │ │ │ ├── tab-list/ │ │ │ │ └── tab-list.json │ │ │ ├── tab-panel/ │ │ │ │ └── tab-panel.json │ │ │ ├── tab-scroll-button/ │ │ │ │ └── tab-scroll-button.json │ │ │ ├── table/ │ │ │ │ └── table.json │ │ │ ├── table-body/ │ │ │ │ └── table-body.json │ │ │ ├── table-cell/ │ │ │ │ └── table-cell.json │ │ │ ├── table-container/ │ │ │ │ └── table-container.json │ │ │ ├── table-footer/ │ │ │ │ └── table-footer.json │ │ │ ├── table-head/ │ │ │ │ └── table-head.json │ │ │ ├── table-pagination/ │ │ │ │ └── table-pagination.json │ │ │ ├── table-pagination-actions/ │ │ │ │ └── table-pagination-actions.json │ │ │ ├── table-row/ │ │ │ │ └── table-row.json │ │ │ ├── table-sort-label/ │ │ │ │ └── table-sort-label.json │ │ │ ├── tabs/ │ │ │ │ └── tabs.json │ │ │ ├── text-field/ │ │ │ │ └── text-field.json │ │ │ ├── textarea-autosize/ │ │ │ │ └── textarea-autosize.json │ │ │ ├── timeline/ │ │ │ │ └── timeline.json │ │ │ ├── timeline-connector/ │ │ │ │ └── timeline-connector.json │ │ │ ├── timeline-content/ │ │ │ │ └── timeline-content.json │ │ │ ├── timeline-dot/ │ │ │ │ └── timeline-dot.json │ │ │ ├── timeline-item/ │ │ │ │ └── timeline-item.json │ │ │ ├── timeline-opposite-content/ │ │ │ │ └── timeline-opposite-content.json │ │ │ ├── timeline-separator/ │ │ │ │ └── timeline-separator.json │ │ │ ├── toggle-button/ │ │ │ │ └── toggle-button.json │ │ │ ├── toggle-button-group/ │ │ │ │ └── toggle-button-group.json │ │ │ ├── toolbar/ │ │ │ │ └── toolbar.json │ │ │ ├── tooltip/ │ │ │ │ └── tooltip.json │ │ │ ├── typography/ │ │ │ │ └── typography.json │ │ │ └── zoom/ │ │ │ └── zoom.json │ │ └── translations.json │ ├── tsconfig.json │ ├── types/ │ │ ├── icons.d.ts │ │ └── webpack.d.ts │ ├── vitest.config.browser.mts │ └── vitest.config.mts ├── eslint.config.mjs ├── examples/ │ ├── .gitignore │ ├── material-ui-express-ssr/ │ │ ├── .babelrc │ │ ├── .gitignore │ │ ├── App.js │ │ ├── ProTip.js │ │ ├── README.md │ │ ├── client.js │ │ ├── createEmotionCache.js │ │ ├── package.json │ │ ├── server.js │ │ ├── theme.js │ │ └── webpack.config.js │ ├── material-ui-gatsby/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── package.json │ │ └── src/ │ │ ├── components/ │ │ │ ├── Copyright.js │ │ │ ├── Link.js │ │ │ └── ProTip.js │ │ ├── pages/ │ │ │ ├── about.js │ │ │ └── index.js │ │ └── theme.js │ ├── material-ui-nextjs/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── jsconfig.json │ │ ├── next.config.mjs │ │ ├── package.json │ │ └── src/ │ │ ├── app/ │ │ │ ├── about/ │ │ │ │ └── page.js │ │ │ ├── layout.js │ │ │ └── page.js │ │ ├── components/ │ │ │ ├── Copyright.js │ │ │ ├── Link.js │ │ │ └── ProTip.js │ │ └── theme.js │ ├── material-ui-nextjs-pages-router/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── next.config.mjs │ │ ├── package.json │ │ ├── pages/ │ │ │ ├── _app.js │ │ │ ├── _document.js │ │ │ ├── about.js │ │ │ └── index.js │ │ └── src/ │ │ ├── Copyright.js │ │ ├── Link.js │ │ ├── ProTip.js │ │ └── theme.js │ ├── material-ui-nextjs-pages-router-ts/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── next.config.mjs │ │ ├── package.json │ │ ├── pages/ │ │ │ ├── _app.tsx │ │ │ ├── _document.tsx │ │ │ ├── about.tsx │ │ │ └── index.tsx │ │ ├── src/ │ │ │ ├── Copyright.tsx │ │ │ ├── Link.tsx │ │ │ ├── ProTip.tsx │ │ │ └── theme.ts │ │ └── tsconfig.json │ ├── material-ui-nextjs-ts/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── next.config.mjs │ │ ├── package.json │ │ ├── public/ │ │ │ └── .gitkeep │ │ ├── src/ │ │ │ ├── app/ │ │ │ │ ├── about/ │ │ │ │ │ └── page.tsx │ │ │ │ ├── layout.tsx │ │ │ │ └── page.tsx │ │ │ ├── components/ │ │ │ │ ├── Copyright.tsx │ │ │ │ ├── Link.tsx │ │ │ │ ├── ModeSwitch.tsx │ │ │ │ └── ProTip.tsx │ │ │ └── theme.ts │ │ └── tsconfig.json │ ├── material-ui-nextjs-ts-v4-v5-migration/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── next.config.mjs │ │ ├── package.json │ │ ├── pages/ │ │ │ ├── _app.tsx │ │ │ ├── _document.tsx │ │ │ ├── about.tsx │ │ │ └── index.tsx │ │ ├── src/ │ │ │ ├── Copyright.tsx │ │ │ ├── Link.tsx │ │ │ ├── ProTip.tsx │ │ │ └── theme.ts │ │ ├── tsconfig.json │ │ └── types/ │ │ └── mui-styles.d.ts │ ├── material-ui-pigment-css-nextjs-ts/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── next.config.mjs │ │ ├── package.json │ │ ├── public/ │ │ │ └── .gitkeep │ │ ├── src/ │ │ │ ├── app/ │ │ │ │ ├── layout.tsx │ │ │ │ └── page.tsx │ │ │ ├── components/ │ │ │ │ ├── App.tsx │ │ │ │ └── ColorSchemeProvider.tsx │ │ │ └── material-ui-pigment-css.d.ts │ │ └── tsconfig.json │ ├── material-ui-pigment-css-vite-ts/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src/ │ │ │ ├── App.tsx │ │ │ ├── main.tsx │ │ │ ├── material-ui-pigment-css.d.ts │ │ │ └── vite-env.d.ts │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ ├── tsconfig.node.json │ │ └── vite.config.ts │ ├── material-ui-preact/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── config-overrides.js │ │ ├── package.json │ │ ├── public/ │ │ │ ├── index.html │ │ │ └── manifest.json │ │ └── src/ │ │ ├── App.js │ │ ├── Copyright.js │ │ ├── ProTip.js │ │ ├── index.js │ │ ├── setupTests.js │ │ └── theme.js │ ├── material-ui-react-router-ts/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── app/ │ │ │ ├── components/ │ │ │ │ ├── Copyright.tsx │ │ │ │ └── ProTip.tsx │ │ │ ├── createCache.ts │ │ │ ├── entry.client.tsx │ │ │ ├── entry.server.tsx │ │ │ ├── root.tsx │ │ │ ├── routes/ │ │ │ │ ├── about.tsx │ │ │ │ └── home.tsx │ │ │ ├── routes.ts │ │ │ └── theme.tsx │ │ ├── package.json │ │ ├── react-router.config.ts │ │ ├── tsconfig.json │ │ └── vite.config.ts │ ├── material-ui-remix-ts/ │ │ ├── .gitignore │ │ ├── .stackblitzrc │ │ ├── README.md │ │ ├── app/ │ │ │ ├── entry.client.tsx │ │ │ ├── entry.server.tsx │ │ │ ├── root.tsx │ │ │ ├── routes/ │ │ │ │ ├── _index.tsx │ │ │ │ └── about.tsx │ │ │ └── src/ │ │ │ ├── ClientStyleContext.tsx │ │ │ ├── Copyright.tsx │ │ │ ├── Layout.tsx │ │ │ ├── ProTip.tsx │ │ │ ├── createEmotionCache.ts │ │ │ └── theme.ts │ │ ├── package.json │ │ ├── remix.config.js │ │ ├── remix.env.d.ts │ │ └── tsconfig.json │ ├── material-ui-via-cdn/ │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ └── react-18-example.html │ ├── material-ui-vite/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src/ │ │ │ ├── App.jsx │ │ │ ├── Copyright.jsx │ │ │ ├── ProTip.jsx │ │ │ ├── main.jsx │ │ │ └── theme.js │ │ └── vite.config.js │ ├── material-ui-vite-tailwind-ts/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src/ │ │ │ ├── App.tsx │ │ │ ├── PopoverMenu.tsx │ │ │ ├── ProTip.tsx │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── vite-env.d.ts │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ ├── tsconfig.node.json │ │ └── vite.config.ts │ └── material-ui-vite-ts/ │ ├── .gitignore │ ├── README.md │ ├── index.html │ ├── package.json │ ├── src/ │ │ ├── App.tsx │ │ ├── ProTip.tsx │ │ ├── main.tsx │ │ └── vite-env.d.ts │ ├── tsconfig.app.json │ ├── tsconfig.json │ ├── tsconfig.node.json │ └── vite.config.ts ├── lerna.json ├── netlify/ │ ├── edge-functions/ │ │ └── og-image.tsx │ └── functions/ │ ├── deploy-succeeded.js │ └── feedback-management.mts ├── netlify.toml ├── nx.json ├── package.json ├── packages/ │ ├── api-docs-builder/ │ │ ├── ApiBuilders/ │ │ │ ├── ComponentApiBuilder.ts │ │ │ └── HookApiBuilder.ts │ │ ├── ProjectSettings.ts │ │ ├── buildApi.ts │ │ ├── buildApiUtils.test.ts │ │ ├── buildApiUtils.ts │ │ ├── index.ts │ │ ├── package.json │ │ ├── tsconfig.json │ │ ├── types/ │ │ │ ├── ApiBuilder.types.ts │ │ │ └── utils.types.ts │ │ ├── utils/ │ │ │ ├── createDescribeableProp.ts │ │ │ ├── createTypeScriptProject.ts │ │ │ ├── defaultPropsHandler.ts │ │ │ ├── escapeCell.test.ts │ │ │ ├── escapeCell.ts │ │ │ ├── escapeEntities.ts │ │ │ ├── extractInfoFromEnum.ts │ │ │ ├── extractInfoFromType.ts │ │ │ ├── findApiPages.test.ts │ │ │ ├── findApiPages.ts │ │ │ ├── findComponents.ts │ │ │ ├── findHooks.ts │ │ │ ├── findIndexFile.ts │ │ │ ├── findPagesMarkdown.ts │ │ │ ├── generateApiTranslation.ts │ │ │ ├── generatePropDescription.ts │ │ │ ├── generatePropTypeDescription.ts │ │ │ ├── getPropsFromComponentNode.ts │ │ │ ├── parseSlotsAndClasses.ts │ │ │ ├── parseTest.ts │ │ │ ├── replaceUrl.test.js │ │ │ ├── replaceUrl.ts │ │ │ ├── resolveExportSpecifier.ts │ │ │ └── sortObjects.ts │ │ └── vitest.config.mts │ ├── api-docs-builder-core/ │ │ ├── index.ts │ │ ├── materialUi/ │ │ │ ├── getMaterialUiComponentInfo.test.ts │ │ │ ├── getMaterialUiComponentInfo.ts │ │ │ └── projectSettings.ts │ │ ├── muiSystem/ │ │ │ ├── getSystemComponentInfo.ts │ │ │ └── projectSettings.ts │ │ ├── package.json │ │ ├── tsconfig.json │ │ └── vitest.config.mts │ ├── markdown/ │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── extractImports.mjs │ │ ├── extractImports.test.mjs │ │ ├── index.d.mts │ │ ├── index.mjs │ │ ├── loader.mjs │ │ ├── package.json │ │ ├── parseMarkdown.mjs │ │ ├── parseMarkdown.test.mjs │ │ ├── prepareMarkdown.mjs │ │ ├── prepareMarkdown.test.mjs │ │ ├── prism.d.mts │ │ ├── prism.mjs │ │ ├── textToHash.mjs │ │ ├── textToHash.test.mjs │ │ └── vitest.config.mts │ ├── mui-codemod/ │ │ ├── .npmignore │ │ ├── CONTRIBUTING.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src/ │ │ │ ├── codemod.js │ │ │ ├── deprecations/ │ │ │ │ ├── accordion-props/ │ │ │ │ │ ├── accordion-props.js │ │ │ │ │ ├── accordion-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── accordion-summary-classes/ │ │ │ │ │ ├── accordion-summary-classes.js │ │ │ │ │ ├── accordion-summary-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── alert-classes/ │ │ │ │ │ ├── alert-classes.js │ │ │ │ │ ├── alert-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── alert-props/ │ │ │ │ │ ├── alert-props.js │ │ │ │ │ ├── alert-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── all/ │ │ │ │ │ ├── deprecations-all.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── postcss.config.js │ │ │ │ ├── autocomplete-props/ │ │ │ │ │ ├── autocomplete-props.js │ │ │ │ │ ├── autocomplete-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── render-input-package.actual.js │ │ │ │ │ ├── render-input-package.expected.js │ │ │ │ │ ├── render-input.actual.js │ │ │ │ │ ├── render-input.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── avatar-group-props/ │ │ │ │ │ ├── avatar-group-props.js │ │ │ │ │ ├── avatar-group-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── avatar-props/ │ │ │ │ │ ├── avatar-props.js │ │ │ │ │ ├── avatar-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── backdrop-props/ │ │ │ │ │ ├── backdrop-props.js │ │ │ │ │ ├── backdrop-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── badge-props/ │ │ │ │ │ ├── badge-props.js │ │ │ │ │ ├── badge-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── button-classes/ │ │ │ │ │ ├── button-classes.js │ │ │ │ │ ├── button-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── button-group-classes/ │ │ │ │ │ ├── button-group-classes.js │ │ │ │ │ ├── button-group-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── card-header-props/ │ │ │ │ │ ├── card-header-props.js │ │ │ │ │ ├── card-header-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── checkbox-props/ │ │ │ │ │ ├── checkbox-props.js │ │ │ │ │ ├── checkbox-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── chip-classes/ │ │ │ │ │ ├── chip-classes.js │ │ │ │ │ ├── chip-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── circular-progress-classes/ │ │ │ │ │ ├── circular-progress-classes.js │ │ │ │ │ ├── circular-progress-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── dialog-classes/ │ │ │ │ │ ├── dialog-classes.js │ │ │ │ │ ├── dialog-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── dialog-props/ │ │ │ │ │ ├── dialog-props.js │ │ │ │ │ ├── dialog-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── divider-props/ │ │ │ │ │ ├── divider-props.js │ │ │ │ │ ├── divider-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── drawer-classes/ │ │ │ │ │ ├── drawer-classes.js │ │ │ │ │ ├── drawer-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── drawer-props/ │ │ │ │ │ ├── drawer-props.js │ │ │ │ │ ├── drawer-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── filled-input-props/ │ │ │ │ │ ├── filled-input-props.js │ │ │ │ │ ├── filled-input-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── form-control-label-props/ │ │ │ │ │ ├── form-control-label-props.js │ │ │ │ │ ├── form-control-label-props.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── image-list-item-bar-classes/ │ │ │ │ │ ├── image-list-item-bar-classes.js │ │ │ │ │ ├── image-list-item-bar-classes.test.js │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── input-base-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── input-base-classes.js │ │ │ │ │ ├── input-base-classes.test.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── input-base-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── input-base-props.js │ │ │ │ │ ├── input-base-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── input-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── input-props.js │ │ │ │ │ ├── input-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── linear-progress-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── linear-progress-classes.js │ │ │ │ │ ├── linear-progress-classes.test.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── list-item-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── list-item-props.js │ │ │ │ │ ├── list-item-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── list-item-text-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── list-item-text-props.js │ │ │ │ │ ├── list-item-text-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── menu-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── menu-props.js │ │ │ │ │ ├── menu-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── mobile-stepper-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── mobile-stepper-props.js │ │ │ │ │ ├── mobile-stepper-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── modal-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── modal-props.js │ │ │ │ │ ├── modal-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── outlined-input-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── outlined-input-props.js │ │ │ │ │ ├── outlined-input-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── pagination-item-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── pagination-item-classes.js │ │ │ │ │ ├── pagination-item-classes.test.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── pagination-item-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── pagination-item-props.js │ │ │ │ │ ├── pagination-item-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── popover-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── popover-props.js │ │ │ │ │ ├── popover-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── popper-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── popper-props.js │ │ │ │ │ ├── popper-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── radio-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── radio-props.js │ │ │ │ │ ├── radio-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── rating-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── rating-props.js │ │ │ │ │ ├── rating-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── select-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── select-classes.js │ │ │ │ │ ├── select-classes.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── slider-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── slider-classes.js │ │ │ │ │ ├── slider-classes.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── slider-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── slider-props.js │ │ │ │ │ ├── slider-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── snackbar-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── snackbar-props.js │ │ │ │ │ ├── snackbar-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── speed-dial-action-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── speed-dial-action-props.js │ │ │ │ │ ├── speed-dial-action-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── speed-dial-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── speed-dial-props.js │ │ │ │ │ ├── speed-dial-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── step-connector-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── step-connector-classes.js │ │ │ │ │ ├── step-connector-classes.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── step-content-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── step-content-props.js │ │ │ │ │ ├── step-content-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── step-label-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── step-label-props.js │ │ │ │ │ ├── step-label-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── switch-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── switch-props.js │ │ │ │ │ ├── switch-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── tab-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── tab-classes.js │ │ │ │ │ ├── tab-classes.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── table-pagination-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── table-pagination-props.js │ │ │ │ │ ├── table-pagination-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── table-sort-label-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── table-sort-label-classes.js │ │ │ │ │ ├── table-sort-label-classes.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── tabs-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── tabs-classes.js │ │ │ │ │ ├── tabs-classes.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.css │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.css │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ └── package.expected.js │ │ │ │ ├── tabs-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── tabs-props.js │ │ │ │ │ ├── tabs-props.test.js │ │ │ │ │ └── test-cases/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── expected.js │ │ │ │ │ ├── package.actual.js │ │ │ │ │ ├── package.expected.js │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ └── theme.expected.js │ │ │ │ ├── text-field-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── test-cases/ │ │ │ │ │ │ ├── actual.js │ │ │ │ │ │ ├── expected.js │ │ │ │ │ │ ├── package.actual.js │ │ │ │ │ │ ├── package.expected.js │ │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ │ └── theme.expected.js │ │ │ │ │ ├── text-field-props.js │ │ │ │ │ └── text-field-props.test.js │ │ │ │ ├── toggle-button-group-classes/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── postcss-plugin.js │ │ │ │ │ ├── postcss.config.js │ │ │ │ │ ├── test-cases/ │ │ │ │ │ │ ├── actual.css │ │ │ │ │ │ ├── actual.js │ │ │ │ │ │ ├── expected.css │ │ │ │ │ │ ├── expected.js │ │ │ │ │ │ ├── package.actual.js │ │ │ │ │ │ └── package.expected.js │ │ │ │ │ ├── toggle-button-group-classes.js │ │ │ │ │ └── toggle-button-group-classes.test.js │ │ │ │ ├── tooltip-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── test-cases/ │ │ │ │ │ │ ├── actual.js │ │ │ │ │ │ ├── expected.js │ │ │ │ │ │ ├── package.actual.js │ │ │ │ │ │ ├── package.expected.js │ │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ │ └── theme.expected.js │ │ │ │ │ ├── tooltip-props.js │ │ │ │ │ └── tooltip-props.test.js │ │ │ │ ├── typography-props/ │ │ │ │ │ ├── index.js │ │ │ │ │ ├── test-cases/ │ │ │ │ │ │ ├── actual.js │ │ │ │ │ │ ├── expected.js │ │ │ │ │ │ ├── package.actual.js │ │ │ │ │ │ ├── package.expected.js │ │ │ │ │ │ ├── theme.actual.js │ │ │ │ │ │ └── theme.expected.js │ │ │ │ │ ├── typography-props.js │ │ │ │ │ └── typography-props.test.js │ │ │ │ └── utils/ │ │ │ │ ├── movePropIntoSlotProps.js │ │ │ │ ├── movePropIntoSlots.js │ │ │ │ └── replaceComponentsWithSlots.js │ │ │ ├── util/ │ │ │ │ ├── appendAttribute.js │ │ │ │ ├── assignObject.js │ │ │ │ ├── findComponentDefaultProps.js │ │ │ │ ├── findComponentJSX.js │ │ │ │ ├── findComponentJSX.test.js │ │ │ │ ├── getJSExports.js │ │ │ │ ├── getReturnExpression.js │ │ │ │ ├── memoize.js │ │ │ │ ├── migrateToVariants.js │ │ │ │ ├── propsToObject.js │ │ │ │ ├── readFile.js │ │ │ │ ├── renameClassKey.js │ │ │ │ └── renameProps.js │ │ │ ├── v0.15.0/ │ │ │ │ ├── import-path.js │ │ │ │ ├── import-path.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ └── expected.js │ │ │ │ └── import-path.test.js │ │ │ ├── v1.0.0/ │ │ │ │ ├── color-imports.js │ │ │ │ ├── color-imports.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ └── expected.js │ │ │ │ ├── color-imports.test.js │ │ │ │ ├── import-path.js │ │ │ │ ├── import-path.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ └── expected.js │ │ │ │ ├── import-path.test.js │ │ │ │ ├── menu-item-primary-text.js │ │ │ │ ├── menu-item-primary-text.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ └── expected.js │ │ │ │ ├── menu-item-primary-text.test.js │ │ │ │ ├── svg-icon-imports.js │ │ │ │ ├── svg-icon-imports.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ └── expected.js │ │ │ │ └── svg-icon-imports.test.js │ │ │ ├── v4.0.0/ │ │ │ │ ├── optimal-imports.js │ │ │ │ ├── optimal-imports.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ └── expected.js │ │ │ │ ├── optimal-imports.test.js │ │ │ │ ├── theme-spacing-api.js │ │ │ │ ├── theme-spacing-api.test/ │ │ │ │ │ ├── actual.js │ │ │ │ │ ├── actual_destructured.js │ │ │ │ │ ├── expected.js │ │ │ │ │ └── expected_destructured.js │ │ │ │ ├── theme-spacing-ap
Showing preview only (821K chars total). Download the full file or copy to clipboard to get everything.
SYMBOL INDEX (7785 symbols across 3968 files)
FILE: babel.config.mjs
function resolveAliasPath (line 20) | function resolveAliasPath(relativeToBabelConf) {
function getBabelConfig (line 26) | function getBabelConfig(api) {
FILE: docs/config.ts
constant LANGUAGES (line 2) | const LANGUAGES = ['en'];
constant LANGUAGES_SSR (line 5) | const LANGUAGES_SSR = ['en'];
constant LANGUAGES_IN_PROGRESS (line 8) | const LANGUAGES_IN_PROGRESS = LANGUAGES.slice();
FILE: docs/data/experiments/renderers/renderAvatar.js
function renderAvatar (line 3) | function renderAvatar(params) {
FILE: docs/data/experiments/renderers/renderCountry.js
function EditCountry (line 53) | function EditCountry(props) {
function renderCountry (line 114) | function renderCountry(params) {
function renderEditCountry (line 122) | function renderEditCountry(params) {
FILE: docs/data/experiments/renderers/renderEmail.js
function renderEmail (line 24) | function renderEmail(params) {
FILE: docs/data/experiments/renderers/renderIncoterm.js
function EditIncoterm (line 36) | function EditIncoterm(props) {
function renderIncoterm (line 89) | function renderIncoterm(params) {
function renderEditIncoterm (line 93) | function renderEditIncoterm(params) {
FILE: docs/data/experiments/renderers/renderProgress.js
function EditProgress (line 110) | function EditProgress(props) {
function renderProgress (line 164) | function renderProgress(params) {
function renderEditProgress (line 176) | function renderEditProgress(params) {
FILE: docs/data/experiments/renderers/renderRating.js
function EditRating (line 23) | function EditRating(props) {
function renderRating (line 83) | function renderRating(params) {
function renderEditRating (line 91) | function renderEditRating(params) {
FILE: docs/data/experiments/renderers/renderSparkline.js
function renderSparkline (line 3) | function renderSparkline(params) {
FILE: docs/data/experiments/renderers/renderStatus.js
function EditStatus (line 73) | function EditStatus(props) {
function renderStatus (line 145) | function renderStatus(params) {
function renderEditStatus (line 153) | function renderEditStatus(params) {
FILE: docs/data/material/components/accordion/AccordionExpandDefault.js
function AccordionExpandDefault (line 7) | function AccordionExpandDefault() {
FILE: docs/data/material/components/accordion/AccordionExpandDefault.tsx
function AccordionExpandDefault (line 7) | function AccordionExpandDefault() {
FILE: docs/data/material/components/accordion/AccordionExpandIcon.js
function AccordionExpandIcon (line 8) | function AccordionExpandIcon() {
FILE: docs/data/material/components/accordion/AccordionExpandIcon.tsx
function AccordionExpandIcon (line 8) | function AccordionExpandIcon() {
FILE: docs/data/material/components/accordion/AccordionTransition.js
function AccordionTransition (line 11) | function AccordionTransition() {
FILE: docs/data/material/components/accordion/AccordionTransition.tsx
function AccordionTransition (line 14) | function AccordionTransition() {
FILE: docs/data/material/components/accordion/AccordionUsage.js
function AccordionUsage (line 9) | function AccordionUsage() {
FILE: docs/data/material/components/accordion/AccordionUsage.tsx
function AccordionUsage (line 9) | function AccordionUsage() {
FILE: docs/data/material/components/accordion/ControlledAccordions.js
function ControlledAccordions (line 8) | function ControlledAccordions() {
FILE: docs/data/material/components/accordion/ControlledAccordions.tsx
function ControlledAccordions (line 8) | function ControlledAccordions() {
FILE: docs/data/material/components/accordion/CustomizedAccordions.js
function CustomizedAccordions (line 48) | function CustomizedAccordions() {
FILE: docs/data/material/components/accordion/CustomizedAccordions.tsx
function CustomizedAccordions (line 49) | function CustomizedAccordions() {
FILE: docs/data/material/components/accordion/DisabledAccordion.js
function DisabledAccordion (line 7) | function DisabledAccordion() {
FILE: docs/data/material/components/accordion/DisabledAccordion.tsx
function DisabledAccordion (line 7) | function DisabledAccordion() {
FILE: docs/data/material/components/alert/ActionAlerts.js
function ActionAlerts (line 5) | function ActionAlerts() {
FILE: docs/data/material/components/alert/ActionAlerts.tsx
function ActionAlerts (line 5) | function ActionAlerts() {
FILE: docs/data/material/components/alert/BasicAlerts.js
function BasicAlerts (line 4) | function BasicAlerts() {
FILE: docs/data/material/components/alert/BasicAlerts.tsx
function BasicAlerts (line 4) | function BasicAlerts() {
FILE: docs/data/material/components/alert/ColorAlerts.js
function ColorAlerts (line 3) | function ColorAlerts() {
FILE: docs/data/material/components/alert/ColorAlerts.tsx
function ColorAlerts (line 3) | function ColorAlerts() {
FILE: docs/data/material/components/alert/DescriptionAlerts.js
function DescriptionAlerts (line 5) | function DescriptionAlerts() {
FILE: docs/data/material/components/alert/DescriptionAlerts.tsx
function DescriptionAlerts (line 5) | function DescriptionAlerts() {
FILE: docs/data/material/components/alert/FilledAlerts.js
function FilledAlerts (line 4) | function FilledAlerts() {
FILE: docs/data/material/components/alert/FilledAlerts.tsx
function FilledAlerts (line 4) | function FilledAlerts() {
FILE: docs/data/material/components/alert/IconAlerts.js
function IconAlerts (line 6) | function IconAlerts() {
FILE: docs/data/material/components/alert/IconAlerts.tsx
function IconAlerts (line 6) | function IconAlerts() {
FILE: docs/data/material/components/alert/OutlinedAlerts.js
function OutlinedAlerts (line 4) | function OutlinedAlerts() {
FILE: docs/data/material/components/alert/OutlinedAlerts.tsx
function OutlinedAlerts (line 4) | function OutlinedAlerts() {
FILE: docs/data/material/components/alert/SimpleAlert.js
function SimpleAlert (line 4) | function SimpleAlert() {
FILE: docs/data/material/components/alert/SimpleAlert.tsx
function SimpleAlert (line 4) | function SimpleAlert() {
FILE: docs/data/material/components/alert/TransitionAlerts.js
function TransitionAlerts (line 9) | function TransitionAlerts() {
FILE: docs/data/material/components/alert/TransitionAlerts.tsx
function TransitionAlerts (line 9) | function TransitionAlerts() {
FILE: docs/data/material/components/app-bar/BackToTop.js
function ScrollTop (line 14) | function ScrollTop(props) {
function BackToTop (line 59) | function BackToTop(props) {
FILE: docs/data/material/components/app-bar/BackToTop.tsx
type Props (line 13) | interface Props {
function ScrollTop (line 22) | function ScrollTop(props: Props) {
function BackToTop (line 58) | function BackToTop(props: Props) {
FILE: docs/data/material/components/app-bar/BottomAppBar.js
function BottomAppBar (line 80) | function BottomAppBar() {
FILE: docs/data/material/components/app-bar/BottomAppBar.tsx
function BottomAppBar (line 80) | function BottomAppBar() {
FILE: docs/data/material/components/app-bar/ButtonAppBar.js
function ButtonAppBar (line 9) | function ButtonAppBar() {
FILE: docs/data/material/components/app-bar/ButtonAppBar.tsx
function ButtonAppBar (line 9) | function ButtonAppBar() {
FILE: docs/data/material/components/app-bar/DenseAppBar.js
function DenseAppBar (line 8) | function DenseAppBar() {
FILE: docs/data/material/components/app-bar/DenseAppBar.tsx
function DenseAppBar (line 8) | function DenseAppBar() {
FILE: docs/data/material/components/app-bar/DrawerAppBar.js
function DrawerAppBar (line 21) | function DrawerAppBar(props) {
FILE: docs/data/material/components/app-bar/DrawerAppBar.tsx
type Props (line 17) | interface Props {
function DrawerAppBar (line 28) | function DrawerAppBar(props: Props) {
FILE: docs/data/material/components/app-bar/ElevateAppBar.js
function ElevationScroll (line 11) | function ElevationScroll(props) {
function ElevateAppBar (line 38) | function ElevateAppBar(props) {
FILE: docs/data/material/components/app-bar/ElevateAppBar.tsx
type Props (line 10) | interface Props {
function ElevationScroll (line 19) | function ElevationScroll(props: Props) {
function ElevateAppBar (line 37) | function ElevateAppBar(props: Props) {
FILE: docs/data/material/components/app-bar/EnableColorOnDarkAppBar.js
function appBarLabel (line 9) | function appBarLabel(label) {
function EnableColorOnDarkAppBar (line 31) | function EnableColorOnDarkAppBar() {
FILE: docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx
function appBarLabel (line 9) | function appBarLabel(label: string) {
function EnableColorOnDarkAppBar (line 31) | function EnableColorOnDarkAppBar() {
FILE: docs/data/material/components/app-bar/HideAppBar.js
function HideOnScroll (line 12) | function HideOnScroll(props) {
function HideAppBar (line 37) | function HideAppBar(props) {
FILE: docs/data/material/components/app-bar/HideAppBar.tsx
type Props (line 11) | interface Props {
function HideOnScroll (line 20) | function HideOnScroll(props: Props) {
function HideAppBar (line 36) | function HideAppBar(props: Props) {
FILE: docs/data/material/components/app-bar/MenuAppBar.js
function MenuAppBar (line 15) | function MenuAppBar() {
FILE: docs/data/material/components/app-bar/MenuAppBar.tsx
function MenuAppBar (line 15) | function MenuAppBar() {
FILE: docs/data/material/components/app-bar/PrimarySearchAppBar.js
function PrimarySearchAppBar (line 59) | function PrimarySearchAppBar() {
FILE: docs/data/material/components/app-bar/PrimarySearchAppBar.tsx
function PrimarySearchAppBar (line 59) | function PrimarySearchAppBar() {
FILE: docs/data/material/components/app-bar/ProminentAppBar.js
function ProminentAppBar (line 21) | function ProminentAppBar() {
FILE: docs/data/material/components/app-bar/ProminentAppBar.tsx
function ProminentAppBar (line 21) | function ProminentAppBar() {
FILE: docs/data/material/components/app-bar/ResponsiveAppBar.js
function ResponsiveAppBar (line 19) | function ResponsiveAppBar() {
FILE: docs/data/material/components/app-bar/ResponsiveAppBar.tsx
function ResponsiveAppBar (line 19) | function ResponsiveAppBar() {
FILE: docs/data/material/components/app-bar/SearchAppBar.js
function SearchAppBar (line 53) | function SearchAppBar() {
FILE: docs/data/material/components/app-bar/SearchAppBar.tsx
function SearchAppBar (line 53) | function SearchAppBar() {
FILE: docs/data/material/components/autocomplete/Asynchronous.js
function sleep (line 6) | function sleep(duration) {
function Asynchronous (line 14) | function Asynchronous() {
FILE: docs/data/material/components/autocomplete/Asynchronous.tsx
type Film (line 6) | interface Film {
function sleep (line 11) | function sleep(duration: number): Promise<void> {
function Asynchronous (line 19) | function Asynchronous() {
FILE: docs/data/material/components/autocomplete/AutocompleteHint.js
function AutocompleteHint (line 7) | function AutocompleteHint() {
FILE: docs/data/material/components/autocomplete/AutocompleteHint.tsx
function AutocompleteHint (line 7) | function AutocompleteHint() {
FILE: docs/data/material/components/autocomplete/CheckboxesTags.js
function CheckboxesTags (line 6) | function CheckboxesTags() {
FILE: docs/data/material/components/autocomplete/CheckboxesTags.tsx
function CheckboxesTags (line 6) | function CheckboxesTags() {
FILE: docs/data/material/components/autocomplete/ComboBox.js
function ComboBox (line 5) | function ComboBox() {
FILE: docs/data/material/components/autocomplete/ComboBox.tsx
function ComboBox (line 5) | function ComboBox() {
FILE: docs/data/material/components/autocomplete/ControllableStates.js
function ControllableStates (line 7) | function ControllableStates() {
FILE: docs/data/material/components/autocomplete/ControllableStates.tsx
function ControllableStates (line 7) | function ControllableStates() {
FILE: docs/data/material/components/autocomplete/CountrySelect.js
function CountrySelect (line 5) | function CountrySelect() {
FILE: docs/data/material/components/autocomplete/CountrySelect.tsx
function CountrySelect (line 5) | function CountrySelect() {
type CountryType (line 49) | interface CountryType {
FILE: docs/data/material/components/autocomplete/CustomInputAutocomplete.js
function CustomInputAutocomplete (line 5) | function CustomInputAutocomplete() {
FILE: docs/data/material/components/autocomplete/CustomInputAutocomplete.tsx
function CustomInputAutocomplete (line 5) | function CustomInputAutocomplete() {
FILE: docs/data/material/components/autocomplete/CustomSingleValueRendering.js
function CustomSingleValueRendering (line 6) | function CustomSingleValueRendering() {
FILE: docs/data/material/components/autocomplete/CustomSingleValueRendering.tsx
function CustomSingleValueRendering (line 6) | function CustomSingleValueRendering() {
FILE: docs/data/material/components/autocomplete/CustomizedHook.js
function Item (line 66) | function Item(props) {
function CustomAutocomplete (line 165) | function CustomAutocomplete(props) {
function CustomizedHook (line 231) | function CustomizedHook() {
FILE: docs/data/material/components/autocomplete/CustomizedHook.tsx
type ItemProps (line 68) | interface ItemProps extends ReturnType<AutocompleteGetItemProps<true>> {
function Item (line 72) | function Item(props: ItemProps) {
function CustomAutocomplete (line 166) | function CustomAutocomplete<Value>(
function CustomizedHook (line 220) | function CustomizedHook() {
type FilmOptionType (line 231) | interface FilmOptionType {
FILE: docs/data/material/components/autocomplete/DisabledOptions.js
function DisabledOptions (line 4) | function DisabledOptions() {
FILE: docs/data/material/components/autocomplete/DisabledOptions.tsx
function DisabledOptions (line 4) | function DisabledOptions() {
FILE: docs/data/material/components/autocomplete/Filter.js
function Filter (line 9) | function Filter() {
FILE: docs/data/material/components/autocomplete/Filter.tsx
function Filter (line 9) | function Filter() {
type FilmOptionType (line 21) | interface FilmOptionType {
FILE: docs/data/material/components/autocomplete/FixedTags.js
function FixedTags (line 6) | function FixedTags() {
FILE: docs/data/material/components/autocomplete/FixedTags.tsx
function FixedTags (line 6) | function FixedTags() {
FILE: docs/data/material/components/autocomplete/FreeSolo.js
function FreeSolo (line 5) | function FreeSolo() {
FILE: docs/data/material/components/autocomplete/FreeSolo.tsx
function FreeSolo (line 5) | function FreeSolo() {
FILE: docs/data/material/components/autocomplete/FreeSoloCreateOption.js
function FreeSoloCreateOption (line 7) | function FreeSoloCreateOption() {
FILE: docs/data/material/components/autocomplete/FreeSoloCreateOption.tsx
function FreeSoloCreateOption (line 7) | function FreeSoloCreateOption() {
type FilmOptionType (line 76) | interface FilmOptionType {
FILE: docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js
function FreeSoloCreateOptionDialog (line 13) | function FreeSoloCreateOptionDialog() {
FILE: docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx
function FreeSoloCreateOptionDialog (line 13) | function FreeSoloCreateOptionDialog() {
type FilmOptionType (line 149) | interface FilmOptionType {
FILE: docs/data/material/components/autocomplete/GitHubLabel.js
function PopperComponent (line 49) | function PopperComponent(props) {
function GitHubLabel (line 131) | function GitHubLabel() {
FILE: docs/data/material/components/autocomplete/GitHubLabel.tsx
type PopperComponentProps (line 16) | interface PopperComponentProps {
function PopperComponent (line 57) | function PopperComponent(props: PopperComponentProps) {
function GitHubLabel (line 133) | function GitHubLabel() {
type LabelType (line 299) | interface LabelType {
FILE: docs/data/material/components/autocomplete/GloballyCustomizedOptions.js
function GloballyCustomizedOptions (line 43) | function GloballyCustomizedOptions() {
function MovieSelect (line 57) | function MovieSelect() {
function CountrySelect (line 71) | function CountrySelect() {
FILE: docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx
function GloballyCustomizedOptions (line 43) | function GloballyCustomizedOptions() {
function MovieSelect (line 57) | function MovieSelect() {
function CountrySelect (line 71) | function CountrySelect() {
type CountryType (line 84) | interface CountryType {
type FilmOptionType (line 517) | interface FilmOptionType {
FILE: docs/data/material/components/autocomplete/GoogleMaps.js
constant GOOGLE_MAPS_API_KEY (line 18) | const GOOGLE_MAPS_API_KEY = 'AIzaSyC3aviU6KHXAjoSnxcw6qbOhjnFctbxPkE';
function loadScript (line 23) | function loadScript(src, position) {
function CustomPaper (line 31) | function CustomPaper(props) {
function GoogleMaps (line 111) | function GoogleMaps() {
FILE: docs/data/material/components/autocomplete/GoogleMaps.tsx
constant GOOGLE_MAPS_API_KEY (line 17) | const GOOGLE_MAPS_API_KEY = 'AIzaSyC3aviU6KHXAjoSnxcw6qbOhjnFctbxPkE';
function loadScript (line 22) | function loadScript(src: string, position: HTMLElement) {
type MainTextMatchedSubstrings (line 30) | interface MainTextMatchedSubstrings {
type StructuredFormatting (line 34) | interface StructuredFormatting {
type PlaceType (line 39) | interface PlaceType {
function CustomPaper (line 44) | function CustomPaper(props: PaperProps) {
function GoogleMaps (line 126) | function GoogleMaps() {
FILE: docs/data/material/components/autocomplete/Grouped.js
function Grouped (line 4) | function Grouped() {
FILE: docs/data/material/components/autocomplete/Grouped.tsx
function Grouped (line 4) | function Grouped() {
FILE: docs/data/material/components/autocomplete/Highlights.js
function Highlights (line 6) | function Highlights() {
FILE: docs/data/material/components/autocomplete/Highlights.tsx
function Highlights (line 6) | function Highlights() {
FILE: docs/data/material/components/autocomplete/LimitTags.js
function LimitTags (line 4) | function LimitTags() {
FILE: docs/data/material/components/autocomplete/LimitTags.tsx
function LimitTags (line 4) | function LimitTags() {
FILE: docs/data/material/components/autocomplete/Playground.js
function Playground (line 6) | function Playground() {
FILE: docs/data/material/components/autocomplete/Playground.tsx
function Playground (line 6) | function Playground() {
type FilmOptionType (line 162) | interface FilmOptionType {
FILE: docs/data/material/components/autocomplete/RenderGroup.js
function RenderGroup (line 20) | function RenderGroup() {
FILE: docs/data/material/components/autocomplete/RenderGroup.tsx
function RenderGroup (line 20) | function RenderGroup() {
FILE: docs/data/material/components/autocomplete/Sizes.js
function Sizes (line 6) | function Sizes() {
FILE: docs/data/material/components/autocomplete/Sizes.tsx
function Sizes (line 6) | function Sizes() {
FILE: docs/data/material/components/autocomplete/Tags.js
function Tags (line 6) | function Tags() {
FILE: docs/data/material/components/autocomplete/Tags.tsx
function Tags (line 6) | function Tags() {
FILE: docs/data/material/components/autocomplete/UseAutocomplete.js
function UseAutocomplete (line 43) | function UseAutocomplete() {
FILE: docs/data/material/components/autocomplete/UseAutocomplete.tsx
function UseAutocomplete (line 43) | function UseAutocomplete() {
FILE: docs/data/material/components/autocomplete/Virtualize.js
constant LISTBOX_PADDING (line 12) | const LISTBOX_PADDING = 8;
function RowComponent (line 14) | function RowComponent({ index, itemData, style }) {
function random (line 144) | function random(length) {
constant OPTIONS (line 166) | const OPTIONS = Array.from(new Array(10000))
function Virtualize (line 170) | function Virtualize() {
FILE: docs/data/material/components/autocomplete/Virtualize.tsx
constant LISTBOX_PADDING (line 16) | const LISTBOX_PADDING = 8;
type ItemData (line 18) | type ItemData = Array<
function RowComponent (line 27) | function RowComponent({
function random (line 134) | function random(length: number) {
constant OPTIONS (line 156) | const OPTIONS = Array.from(new Array(10000))
function Virtualize (line 160) | function Virtualize() {
FILE: docs/data/material/components/avatars/BackgroundLetterAvatars.js
function stringToColor (line 4) | function stringToColor(string) {
function stringAvatar (line 24) | function stringAvatar(name) {
function BackgroundLetterAvatars (line 33) | function BackgroundLetterAvatars() {
FILE: docs/data/material/components/avatars/BackgroundLetterAvatars.tsx
function stringToColor (line 4) | function stringToColor(string: string) {
function stringAvatar (line 24) | function stringAvatar(name: string) {
function BackgroundLetterAvatars (line 33) | function BackgroundLetterAvatars() {
FILE: docs/data/material/components/avatars/BadgeAvatars.js
function BadgeAvatars (line 41) | function BadgeAvatars() {
FILE: docs/data/material/components/avatars/BadgeAvatars.tsx
function BadgeAvatars (line 41) | function BadgeAvatars() {
FILE: docs/data/material/components/avatars/CustomSurplusAvatars.js
function CustomSurplusAvatars (line 4) | function CustomSurplusAvatars() {
FILE: docs/data/material/components/avatars/CustomSurplusAvatars.tsx
function CustomSurplusAvatars (line 4) | function CustomSurplusAvatars() {
FILE: docs/data/material/components/avatars/FallbackAvatars.js
function FallbackAvatars (line 5) | function FallbackAvatars() {
FILE: docs/data/material/components/avatars/FallbackAvatars.tsx
function FallbackAvatars (line 5) | function FallbackAvatars() {
FILE: docs/data/material/components/avatars/GroupAvatars.js
function GroupAvatars (line 4) | function GroupAvatars() {
FILE: docs/data/material/components/avatars/GroupAvatars.tsx
function GroupAvatars (line 4) | function GroupAvatars() {
FILE: docs/data/material/components/avatars/IconAvatars.js
function IconAvatars (line 8) | function IconAvatars() {
FILE: docs/data/material/components/avatars/IconAvatars.tsx
function IconAvatars (line 8) | function IconAvatars() {
FILE: docs/data/material/components/avatars/ImageAvatars.js
function ImageAvatars (line 4) | function ImageAvatars() {
FILE: docs/data/material/components/avatars/ImageAvatars.tsx
function ImageAvatars (line 4) | function ImageAvatars() {
FILE: docs/data/material/components/avatars/LetterAvatars.js
function LetterAvatars (line 5) | function LetterAvatars() {
FILE: docs/data/material/components/avatars/LetterAvatars.tsx
function LetterAvatars (line 5) | function LetterAvatars() {
FILE: docs/data/material/components/avatars/SizeAvatars.js
function SizeAvatars (line 4) | function SizeAvatars() {
FILE: docs/data/material/components/avatars/SizeAvatars.tsx
function SizeAvatars (line 4) | function SizeAvatars() {
FILE: docs/data/material/components/avatars/Spacing.js
function Spacing (line 5) | function Spacing() {
FILE: docs/data/material/components/avatars/Spacing.tsx
function Spacing (line 5) | function Spacing() {
FILE: docs/data/material/components/avatars/TotalAvatars.js
function TotalAvatars (line 4) | function TotalAvatars() {
FILE: docs/data/material/components/avatars/TotalAvatars.tsx
function TotalAvatars (line 4) | function TotalAvatars() {
FILE: docs/data/material/components/avatars/UploadAvatars.js
function UploadAvatars (line 5) | function UploadAvatars() {
FILE: docs/data/material/components/avatars/UploadAvatars.tsx
function UploadAvatars (line 5) | function UploadAvatars() {
FILE: docs/data/material/components/avatars/VariantAvatars.js
function VariantAvatars (line 6) | function VariantAvatars() {
FILE: docs/data/material/components/avatars/VariantAvatars.tsx
function VariantAvatars (line 6) | function VariantAvatars() {
FILE: docs/data/material/components/backdrop/SimpleBackdrop.js
function SimpleBackdrop (line 6) | function SimpleBackdrop() {
FILE: docs/data/material/components/backdrop/SimpleBackdrop.tsx
function SimpleBackdrop (line 6) | function SimpleBackdrop() {
FILE: docs/data/material/components/badges/AccessibleBadges.js
function notificationsLabel (line 5) | function notificationsLabel(count) {
function AccessibleBadges (line 15) | function AccessibleBadges() {
FILE: docs/data/material/components/badges/AccessibleBadges.tsx
function notificationsLabel (line 5) | function notificationsLabel(count: number) {
function AccessibleBadges (line 15) | function AccessibleBadges() {
FILE: docs/data/material/components/badges/BadgeAlignment.js
function BadgeAlignment (line 12) | function BadgeAlignment() {
FILE: docs/data/material/components/badges/BadgeMax.js
function BadgeMax (line 5) | function BadgeMax() {
FILE: docs/data/material/components/badges/BadgeMax.tsx
function BadgeMax (line 5) | function BadgeMax() {
FILE: docs/data/material/components/badges/BadgeOverlap.js
function BadgeOverlap (line 12) | function BadgeOverlap() {
FILE: docs/data/material/components/badges/BadgeOverlap.tsx
function BadgeOverlap (line 11) | function BadgeOverlap() {
FILE: docs/data/material/components/badges/BadgeVisibility.js
function BadgeVisibility (line 12) | function BadgeVisibility() {
FILE: docs/data/material/components/badges/BadgeVisibility.tsx
function BadgeVisibility (line 12) | function BadgeVisibility() {
FILE: docs/data/material/components/badges/ColorBadge.js
function ColorBadge (line 5) | function ColorBadge() {
FILE: docs/data/material/components/badges/ColorBadge.tsx
function ColorBadge (line 5) | function ColorBadge() {
FILE: docs/data/material/components/badges/CustomizedBadges.js
function CustomizedBadges (line 15) | function CustomizedBadges() {
FILE: docs/data/material/components/badges/CustomizedBadges.tsx
function CustomizedBadges (line 15) | function CustomizedBadges() {
FILE: docs/data/material/components/badges/DotBadge.js
function DotBadge (line 5) | function DotBadge() {
FILE: docs/data/material/components/badges/DotBadge.tsx
function DotBadge (line 5) | function DotBadge() {
FILE: docs/data/material/components/badges/ShowZeroBadge.js
function ShowZeroBadge (line 5) | function ShowZeroBadge() {
FILE: docs/data/material/components/badges/ShowZeroBadge.tsx
function ShowZeroBadge (line 5) | function ShowZeroBadge() {
FILE: docs/data/material/components/badges/SimpleBadge.js
function SimpleBadge (line 4) | function SimpleBadge() {
FILE: docs/data/material/components/badges/SimpleBadge.tsx
function SimpleBadge (line 4) | function SimpleBadge() {
FILE: docs/data/material/components/bottom-navigation/FixedBottomNavigation.js
function refreshMessages (line 16) | function refreshMessages() {
function FixedBottomNavigation (line 24) | function FixedBottomNavigation() {
FILE: docs/data/material/components/bottom-navigation/FixedBottomNavigation.tsx
function refreshMessages (line 16) | function refreshMessages(): MessageExample[] {
function FixedBottomNavigation (line 24) | function FixedBottomNavigation() {
type MessageExample (line 64) | interface MessageExample {
FILE: docs/data/material/components/bottom-navigation/LabelBottomNavigation.js
function LabelBottomNavigation (line 9) | function LabelBottomNavigation() {
FILE: docs/data/material/components/bottom-navigation/LabelBottomNavigation.tsx
function LabelBottomNavigation (line 9) | function LabelBottomNavigation() {
FILE: docs/data/material/components/bottom-navigation/SimpleBottomNavigation.js
function SimpleBottomNavigation (line 9) | function SimpleBottomNavigation() {
FILE: docs/data/material/components/bottom-navigation/SimpleBottomNavigation.tsx
function SimpleBottomNavigation (line 9) | function SimpleBottomNavigation() {
FILE: docs/data/material/components/box/BoxBasic.js
function BoxBasic (line 3) | function BoxBasic() {
FILE: docs/data/material/components/box/BoxBasic.tsx
function BoxBasic (line 3) | function BoxBasic() {
FILE: docs/data/material/components/box/BoxSx.js
function BoxSx (line 4) | function BoxSx() {
FILE: docs/data/material/components/box/BoxSx.tsx
function BoxSx (line 4) | function BoxSx() {
FILE: docs/data/material/components/breadcrumbs/ActiveLastBreadcrumb.js
function handleClick (line 5) | function handleClick(event) {
function ActiveLastBreadcrumb (line 10) | function ActiveLastBreadcrumb() {
FILE: docs/data/material/components/breadcrumbs/ActiveLastBreadcrumb.tsx
function handleClick (line 5) | function handleClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>) {
function ActiveLastBreadcrumb (line 10) | function ActiveLastBreadcrumb() {
FILE: docs/data/material/components/breadcrumbs/BasicBreadcrumbs.js
function handleClick (line 6) | function handleClick(event) {
function BasicBreadcrumbs (line 11) | function BasicBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/BasicBreadcrumbs.tsx
function handleClick (line 6) | function handleClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>) {
function BasicBreadcrumbs (line 11) | function BasicBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.js
function handleClick (line 6) | function handleClick(event) {
function CollapsedBreadcrumbs (line 11) | function CollapsedBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.tsx
function handleClick (line 6) | function handleClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>) {
function CollapsedBreadcrumbs (line 11) | function CollapsedBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/CondensedWithMenu.js
function CondensedWithMenu (line 9) | function CondensedWithMenu() {
FILE: docs/data/material/components/breadcrumbs/CondensedWithMenu.tsx
function CondensedWithMenu (line 9) | function CondensedWithMenu() {
FILE: docs/data/material/components/breadcrumbs/CustomSeparator.js
function handleClick (line 8) | function handleClick(event) {
function CustomSeparator (line 13) | function CustomSeparator() {
FILE: docs/data/material/components/breadcrumbs/CustomSeparator.tsx
function handleClick (line 8) | function handleClick(event: React.MouseEvent<HTMLAnchorElement, MouseEve...
function CustomSeparator (line 13) | function CustomSeparator() {
FILE: docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.js
function handleClick (line 33) | function handleClick(event) {
function CustomizedBreadcrumbs (line 38) | function CustomizedBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.tsx
function handleClick (line 33) | function handleClick(event: React.MouseEvent<Element, MouseEvent>) {
function CustomizedBreadcrumbs (line 38) | function CustomizedBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/IconBreadcrumbs.js
function handleClick (line 9) | function handleClick(event) {
function IconBreadcrumbs (line 14) | function IconBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/IconBreadcrumbs.tsx
function handleClick (line 9) | function handleClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>) {
function IconBreadcrumbs (line 14) | function IconBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/RouterBreadcrumbs.js
function ListItemLink (line 30) | function ListItemLink(props) {
function LinkRouter (line 54) | function LinkRouter(props) {
function Page (line 58) | function Page() {
function RouterBreadcrumbs (line 85) | function RouterBreadcrumbs() {
FILE: docs/data/material/components/breadcrumbs/RouterBreadcrumbs.tsx
type ListItemLinkProps (line 21) | interface ListItemLinkProps extends ListItemProps {
function ListItemLink (line 34) | function ListItemLink(props: ListItemLinkProps) {
type LinkRouterProps (line 53) | interface LinkRouterProps extends LinkProps {
function LinkRouter (line 58) | function LinkRouter(props: LinkRouterProps) {
function Page (line 62) | function Page() {
function RouterBreadcrumbs (line 89) | function RouterBreadcrumbs() {
FILE: docs/data/material/components/button-group/BasicButtonGroup.js
function BasicButtonGroup (line 4) | function BasicButtonGroup() {
FILE: docs/data/material/components/button-group/BasicButtonGroup.tsx
function BasicButtonGroup (line 4) | function BasicButtonGroup() {
FILE: docs/data/material/components/button-group/DisableElevation.js
function DisableElevation (line 4) | function DisableElevation() {
FILE: docs/data/material/components/button-group/DisableElevation.tsx
function DisableElevation (line 4) | function DisableElevation() {
FILE: docs/data/material/components/button-group/GroupOrientation.js
function GroupOrientation (line 11) | function GroupOrientation() {
FILE: docs/data/material/components/button-group/GroupOrientation.tsx
function GroupOrientation (line 11) | function GroupOrientation() {
FILE: docs/data/material/components/button-group/GroupSizesColors.js
function GroupSizesColors (line 11) | function GroupSizesColors() {
FILE: docs/data/material/components/button-group/GroupSizesColors.tsx
function GroupSizesColors (line 11) | function GroupSizesColors() {
FILE: docs/data/material/components/button-group/LoadingButtonGroup.js
function LoadingButtonGroup (line 5) | function LoadingButtonGroup() {
FILE: docs/data/material/components/button-group/LoadingButtonGroup.tsx
function LoadingButtonGroup (line 5) | function LoadingButtonGroup() {
FILE: docs/data/material/components/button-group/SplitButton.js
function SplitButton (line 14) | function SplitButton() {
FILE: docs/data/material/components/button-group/SplitButton.tsx
function SplitButton (line 14) | function SplitButton() {
FILE: docs/data/material/components/button-group/VariantButtonGroup.js
function VariantButtonGroup (line 5) | function VariantButtonGroup() {
FILE: docs/data/material/components/button-group/VariantButtonGroup.tsx
function VariantButtonGroup (line 5) | function VariantButtonGroup() {
FILE: docs/data/material/components/buttons/BasicButtons.js
function BasicButtons (line 4) | function BasicButtons() {
FILE: docs/data/material/components/buttons/BasicButtons.tsx
function BasicButtons (line 4) | function BasicButtons() {
FILE: docs/data/material/components/buttons/ButtonBaseDemo.js
function ButtonBaseDemo (line 88) | function ButtonBaseDemo() {
FILE: docs/data/material/components/buttons/ButtonBaseDemo.tsx
function ButtonBaseDemo (line 88) | function ButtonBaseDemo() {
FILE: docs/data/material/components/buttons/ButtonSizes.js
function ButtonSizes (line 4) | function ButtonSizes() {
FILE: docs/data/material/components/buttons/ButtonSizes.tsx
function ButtonSizes (line 4) | function ButtonSizes() {
FILE: docs/data/material/components/buttons/ColorButtons.js
function ColorButtons (line 4) | function ColorButtons() {
FILE: docs/data/material/components/buttons/ColorButtons.tsx
function ColorButtons (line 4) | function ColorButtons() {
FILE: docs/data/material/components/buttons/ContainedButtons.js
function ContainedButtons (line 4) | function ContainedButtons() {
FILE: docs/data/material/components/buttons/ContainedButtons.tsx
function ContainedButtons (line 4) | function ContainedButtons() {
FILE: docs/data/material/components/buttons/CustomizedButtons.js
function CustomizedButtons (line 50) | function CustomizedButtons() {
FILE: docs/data/material/components/buttons/CustomizedButtons.tsx
function CustomizedButtons (line 50) | function CustomizedButtons() {
FILE: docs/data/material/components/buttons/DisableElevation.js
function DisableElevation (line 3) | function DisableElevation() {
FILE: docs/data/material/components/buttons/DisableElevation.tsx
function DisableElevation (line 3) | function DisableElevation() {
FILE: docs/data/material/components/buttons/IconButtonColors.js
function IconButtonColors (line 5) | function IconButtonColors() {
FILE: docs/data/material/components/buttons/IconButtonColors.tsx
function IconButtonColors (line 5) | function IconButtonColors() {
FILE: docs/data/material/components/buttons/IconButtonSizes.js
function IconButtonSizes (line 5) | function IconButtonSizes() {
FILE: docs/data/material/components/buttons/IconButtonSizes.tsx
function IconButtonSizes (line 5) | function IconButtonSizes() {
FILE: docs/data/material/components/buttons/IconButtonWithBadge.js
function IconButtonWithBadge (line 13) | function IconButtonWithBadge() {
FILE: docs/data/material/components/buttons/IconButtonWithBadge.tsx
function IconButtonWithBadge (line 13) | function IconButtonWithBadge() {
FILE: docs/data/material/components/buttons/IconButtons.js
function IconButtons (line 7) | function IconButtons() {
FILE: docs/data/material/components/buttons/IconButtons.tsx
function IconButtons (line 7) | function IconButtons() {
FILE: docs/data/material/components/buttons/IconLabelButtons.js
function IconLabelButtons (line 6) | function IconLabelButtons() {
FILE: docs/data/material/components/buttons/IconLabelButtons.tsx
function IconLabelButtons (line 6) | function IconLabelButtons() {
FILE: docs/data/material/components/buttons/InputFileUpload.js
function InputFileUpload (line 17) | function InputFileUpload() {
FILE: docs/data/material/components/buttons/InputFileUpload.tsx
function InputFileUpload (line 17) | function InputFileUpload() {
FILE: docs/data/material/components/buttons/LoadingButtons.js
function LoadingButtons (line 5) | function LoadingButtons() {
FILE: docs/data/material/components/buttons/LoadingButtons.tsx
function LoadingButtons (line 5) | function LoadingButtons() {
FILE: docs/data/material/components/buttons/LoadingButtonsTransition.js
function LoadingButtonsTransition (line 9) | function LoadingButtonsTransition() {
FILE: docs/data/material/components/buttons/LoadingButtonsTransition.tsx
function LoadingButtonsTransition (line 9) | function LoadingButtonsTransition() {
FILE: docs/data/material/components/buttons/LoadingIconButton.js
function LoadingIconButton (line 6) | function LoadingIconButton() {
FILE: docs/data/material/components/buttons/LoadingIconButton.tsx
function LoadingIconButton (line 6) | function LoadingIconButton() {
FILE: docs/data/material/components/buttons/OutlinedButtons.js
function OutlinedButtons (line 4) | function OutlinedButtons() {
FILE: docs/data/material/components/buttons/OutlinedButtons.tsx
function OutlinedButtons (line 4) | function OutlinedButtons() {
FILE: docs/data/material/components/buttons/TextButtons.js
function TextButtons (line 4) | function TextButtons() {
FILE: docs/data/material/components/buttons/TextButtons.tsx
function TextButtons (line 4) | function TextButtons() {
FILE: docs/data/material/components/cards/ActionAreaCard.js
function ActionAreaCard (line 7) | function ActionAreaCard() {
FILE: docs/data/material/components/cards/ActionAreaCard.tsx
function ActionAreaCard (line 7) | function ActionAreaCard() {
FILE: docs/data/material/components/cards/BasicCard.js
function BasicCard (line 17) | function BasicCard() {
FILE: docs/data/material/components/cards/BasicCard.tsx
function BasicCard (line 17) | function BasicCard() {
FILE: docs/data/material/components/cards/ImgMediaCard.js
function ImgMediaCard (line 8) | function ImgMediaCard() {
FILE: docs/data/material/components/cards/ImgMediaCard.tsx
function ImgMediaCard (line 8) | function ImgMediaCard() {
FILE: docs/data/material/components/cards/MediaCard.js
function MediaCard (line 8) | function MediaCard() {
FILE: docs/data/material/components/cards/MediaCard.tsx
function MediaCard (line 8) | function MediaCard() {
FILE: docs/data/material/components/cards/MediaControlCard.js
function MediaControlCard (line 12) | function MediaControlCard() {
FILE: docs/data/material/components/cards/MediaControlCard.tsx
function MediaControlCard (line 12) | function MediaControlCard() {
FILE: docs/data/material/components/cards/MultiActionAreaCard.js
function MultiActionAreaCard (line 9) | function MultiActionAreaCard() {
FILE: docs/data/material/components/cards/MultiActionAreaCard.tsx
function MultiActionAreaCard (line 9) | function MultiActionAreaCard() {
FILE: docs/data/material/components/cards/OutlinedCard.js
function OutlinedCard (line 40) | function OutlinedCard() {
FILE: docs/data/material/components/cards/OutlinedCard.tsx
function OutlinedCard (line 40) | function OutlinedCard() {
FILE: docs/data/material/components/cards/RecipeReviewCard.js
function RecipeReviewCard (line 42) | function RecipeReviewCard() {
FILE: docs/data/material/components/cards/RecipeReviewCard.tsx
type ExpandMoreProps (line 18) | interface ExpandMoreProps extends IconButtonProps {
function RecipeReviewCard (line 46) | function RecipeReviewCard() {
FILE: docs/data/material/components/cards/SelectActionCard.js
function SelectActionCard (line 26) | function SelectActionCard() {
FILE: docs/data/material/components/cards/SelectActionCard.tsx
function SelectActionCard (line 26) | function SelectActionCard() {
FILE: docs/data/material/components/checkboxes/CheckboxLabels.js
function CheckboxLabels (line 5) | function CheckboxLabels() {
FILE: docs/data/material/components/checkboxes/CheckboxLabels.tsx
function CheckboxLabels (line 5) | function CheckboxLabels() {
FILE: docs/data/material/components/checkboxes/Checkboxes.js
function Checkboxes (line 5) | function Checkboxes() {
FILE: docs/data/material/components/checkboxes/Checkboxes.tsx
function Checkboxes (line 5) | function Checkboxes() {
FILE: docs/data/material/components/checkboxes/CheckboxesGroup.js
function CheckboxesGroup (line 10) | function CheckboxesGroup() {
FILE: docs/data/material/components/checkboxes/CheckboxesGroup.tsx
function CheckboxesGroup (line 10) | function CheckboxesGroup() {
FILE: docs/data/material/components/checkboxes/ColorCheckboxes.js
function ColorCheckboxes (line 6) | function ColorCheckboxes() {
FILE: docs/data/material/components/checkboxes/ColorCheckboxes.tsx
function ColorCheckboxes (line 6) | function ColorCheckboxes() {
FILE: docs/data/material/components/checkboxes/ControlledCheckbox.js
function ControlledCheckbox (line 4) | function ControlledCheckbox() {
FILE: docs/data/material/components/checkboxes/ControlledCheckbox.tsx
function ControlledCheckbox (line 4) | function ControlledCheckbox() {
FILE: docs/data/material/components/checkboxes/CustomizedCheckbox.js
function BpCheckbox (line 54) | function BpCheckbox(props) {
function CustomizedCheckbox (line 68) | function CustomizedCheckbox() {
FILE: docs/data/material/components/checkboxes/CustomizedCheckbox.tsx
function BpCheckbox (line 54) | function BpCheckbox(props: CheckboxProps) {
function CustomizedCheckbox (line 68) | function CustomizedCheckbox() {
FILE: docs/data/material/components/checkboxes/FormControlLabelPosition.js
function FormControlLabelPosition (line 7) | function FormControlLabelPosition() {
FILE: docs/data/material/components/checkboxes/FormControlLabelPosition.tsx
function FormControlLabelPosition (line 7) | function FormControlLabelPosition() {
FILE: docs/data/material/components/checkboxes/IconCheckboxes.js
function IconCheckboxes (line 9) | function IconCheckboxes() {
FILE: docs/data/material/components/checkboxes/IconCheckboxes.tsx
function IconCheckboxes (line 9) | function IconCheckboxes() {
FILE: docs/data/material/components/checkboxes/IndeterminateCheckbox.js
function IndeterminateCheckbox (line 6) | function IndeterminateCheckbox() {
FILE: docs/data/material/components/checkboxes/IndeterminateCheckbox.tsx
function IndeterminateCheckbox (line 6) | function IndeterminateCheckbox() {
FILE: docs/data/material/components/checkboxes/SizeCheckboxes.js
function SizeCheckboxes (line 5) | function SizeCheckboxes() {
FILE: docs/data/material/components/checkboxes/SizeCheckboxes.tsx
function SizeCheckboxes (line 5) | function SizeCheckboxes() {
FILE: docs/data/material/components/chips/AvatarChips.js
function AvatarChips (line 5) | function AvatarChips() {
FILE: docs/data/material/components/chips/AvatarChips.tsx
function AvatarChips (line 5) | function AvatarChips() {
FILE: docs/data/material/components/chips/BasicChips.js
function BasicChips (line 4) | function BasicChips() {
FILE: docs/data/material/components/chips/BasicChips.tsx
function BasicChips (line 4) | function BasicChips() {
FILE: docs/data/material/components/chips/ChipsArray.js
function ChipsArray (line 11) | function ChipsArray() {
FILE: docs/data/material/components/chips/ChipsArray.tsx
type ChipData (line 7) | interface ChipData {
function ChipsArray (line 16) | function ChipsArray() {
FILE: docs/data/material/components/chips/ChipsPlayground.js
function ChipsPlayground (line 14) | function ChipsPlayground() {
FILE: docs/data/material/components/chips/ClickableAndDeletableChips.js
function ClickableAndDeletableChips (line 4) | function ClickableAndDeletableChips() {
FILE: docs/data/material/components/chips/ClickableAndDeletableChips.tsx
function ClickableAndDeletableChips (line 4) | function ClickableAndDeletableChips() {
FILE: docs/data/material/components/chips/ClickableChips.js
function ClickableChips (line 4) | function ClickableChips() {
FILE: docs/data/material/components/chips/ClickableChips.tsx
function ClickableChips (line 4) | function ClickableChips() {
FILE: docs/data/material/components/chips/ClickableLinkChips.js
function ClickableLinkChips (line 4) | function ClickableLinkChips() {
FILE: docs/data/material/components/chips/ClickableLinkChips.tsx
function ClickableLinkChips (line 4) | function ClickableLinkChips() {
FILE: docs/data/material/components/chips/ColorChips.js
function ColorChips (line 4) | function ColorChips() {
FILE: docs/data/material/components/chips/ColorChips.tsx
function ColorChips (line 4) | function ColorChips() {
FILE: docs/data/material/components/chips/CustomDeleteIconChips.js
function CustomDeleteIconChips (line 6) | function CustomDeleteIconChips() {
FILE: docs/data/material/components/chips/CustomDeleteIconChips.tsx
function CustomDeleteIconChips (line 6) | function CustomDeleteIconChips() {
FILE: docs/data/material/components/chips/DeletableChips.js
function DeletableChips (line 4) | function DeletableChips() {
FILE: docs/data/material/components/chips/DeletableChips.tsx
function DeletableChips (line 4) | function DeletableChips() {
FILE: docs/data/material/components/chips/IconChips.js
function IconChips (line 5) | function IconChips() {
FILE: docs/data/material/components/chips/IconChips.tsx
function IconChips (line 5) | function IconChips() {
FILE: docs/data/material/components/chips/MultilineChips.js
function MultilineChips (line 4) | function MultilineChips() {
FILE: docs/data/material/components/chips/MultilineChips.tsx
function MultilineChips (line 4) | function MultilineChips() {
FILE: docs/data/material/components/chips/SizesChips.js
function SizesChips (line 4) | function SizesChips() {
FILE: docs/data/material/components/chips/SizesChips.tsx
function SizesChips (line 4) | function SizesChips() {
FILE: docs/data/material/components/click-away-listener/ClickAway.js
function ClickAway (line 5) | function ClickAway() {
FILE: docs/data/material/components/click-away-listener/ClickAway.tsx
function ClickAway (line 6) | function ClickAway() {
FILE: docs/data/material/components/click-away-listener/LeadingClickAway.js
function LeadingClickAway (line 5) | function LeadingClickAway() {
FILE: docs/data/material/components/click-away-listener/LeadingClickAway.tsx
function LeadingClickAway (line 6) | function LeadingClickAway() {
FILE: docs/data/material/components/click-away-listener/PortalClickAway.js
function PortalClickAway (line 6) | function PortalClickAway() {
FILE: docs/data/material/components/click-away-listener/PortalClickAway.tsx
function PortalClickAway (line 7) | function PortalClickAway() {
FILE: docs/data/material/components/container/FixedContainer.js
function FixedContainer (line 6) | function FixedContainer() {
FILE: docs/data/material/components/container/FixedContainer.tsx
function FixedContainer (line 6) | function FixedContainer() {
FILE: docs/data/material/components/container/SimpleContainer.js
function SimpleContainer (line 6) | function SimpleContainer() {
FILE: docs/data/material/components/container/SimpleContainer.tsx
function SimpleContainer (line 6) | function SimpleContainer() {
FILE: docs/data/material/components/dialogs/AlertDialog.js
function AlertDialog (line 9) | function AlertDialog() {
FILE: docs/data/material/components/dialogs/AlertDialog.tsx
function AlertDialog (line 9) | function AlertDialog() {
FILE: docs/data/material/components/dialogs/AlertDialogSlide.js
function AlertDialogSlide (line 14) | function AlertDialogSlide() {
FILE: docs/data/material/components/dialogs/AlertDialogSlide.tsx
function AlertDialogSlide (line 20) | function AlertDialogSlide() {
FILE: docs/data/material/components/dialogs/ConfirmationDialog.js
function ConfirmationDialogRaw (line 33) | function ConfirmationDialogRaw(props) {
function ConfirmationDialog (line 109) | function ConfirmationDialog() {
FILE: docs/data/material/components/dialogs/ConfirmationDialog.tsx
type ConfirmationDialogRawProps (line 32) | interface ConfirmationDialogRawProps {
function ConfirmationDialogRaw (line 40) | function ConfirmationDialogRaw(props: ConfirmationDialogRawProps) {
function ConfirmationDialog (line 110) | function ConfirmationDialog() {
FILE: docs/data/material/components/dialogs/CookiesBanner.js
function CookiesBanner (line 16) | function CookiesBanner() {
FILE: docs/data/material/components/dialogs/CookiesBanner.tsx
function CookiesBanner (line 16) | function CookiesBanner() {
FILE: docs/data/material/components/dialogs/CustomizedDialogs.js
function CustomizedDialogs (line 21) | function CustomizedDialogs() {
FILE: docs/data/material/components/dialogs/CustomizedDialogs.tsx
function CustomizedDialogs (line 21) | function CustomizedDialogs() {
FILE: docs/data/material/components/dialogs/DraggableDialog.js
function PaperComponent (line 11) | function PaperComponent(props) {
function DraggableDialog (line 24) | function DraggableDialog() {
FILE: docs/data/material/components/dialogs/DraggableDialog.tsx
function PaperComponent (line 11) | function PaperComponent(props: PaperProps) {
function DraggableDialog (line 24) | function DraggableDialog() {
FILE: docs/data/material/components/dialogs/FormDialog.js
function FormDialog (line 10) | function FormDialog() {
FILE: docs/data/material/components/dialogs/FormDialog.tsx
function FormDialog (line 10) | function FormDialog() {
FILE: docs/data/material/components/dialogs/FullScreenDialog.js
function FullScreenDialog (line 19) | function FullScreenDialog() {
FILE: docs/data/material/components/dialogs/FullScreenDialog.tsx
function FullScreenDialog (line 25) | function FullScreenDialog() {
FILE: docs/data/material/components/dialogs/MaxWidthDialog.js
function MaxWidthDialog (line 16) | function MaxWidthDialog() {
FILE: docs/data/material/components/dialogs/MaxWidthDialog.tsx
function MaxWidthDialog (line 16) | function MaxWidthDialog() {
FILE: docs/data/material/components/dialogs/ResponsiveDialog.js
function ResponsiveDialog (line 11) | function ResponsiveDialog() {
FILE: docs/data/material/components/dialogs/ResponsiveDialog.tsx
function ResponsiveDialog (line 11) | function ResponsiveDialog() {
FILE: docs/data/material/components/dialogs/ScrollDialog.js
function ScrollDialog (line 9) | function ScrollDialog() {
FILE: docs/data/material/components/dialogs/ScrollDialog.tsx
function ScrollDialog (line 9) | function ScrollDialog() {
FILE: docs/data/material/components/dialogs/SimpleDialogDemo.js
function SimpleDialog (line 19) | function SimpleDialog(props) {
function SimpleDialogDemo (line 70) | function SimpleDialogDemo() {
FILE: docs/data/material/components/dialogs/SimpleDialogDemo.tsx
type SimpleDialogProps (line 18) | interface SimpleDialogProps {
function SimpleDialog (line 24) | function SimpleDialog(props: SimpleDialogProps) {
function SimpleDialogDemo (line 69) | function SimpleDialogDemo() {
FILE: docs/data/material/components/dividers/DividerText.js
function DividerText (line 14) | function DividerText() {
FILE: docs/data/material/components/dividers/DividerText.tsx
function DividerText (line 14) | function DividerText() {
FILE: docs/data/material/components/dividers/DividerVariants.js
function DividerVariants (line 16) | function DividerVariants() {
FILE: docs/data/material/components/dividers/DividerVariants.tsx
function DividerVariants (line 16) | function DividerVariants() {
FILE: docs/data/material/components/dividers/FlexDivider.js
function FlexDivider (line 6) | function FlexDivider() {
FILE: docs/data/material/components/dividers/FlexDivider.tsx
function FlexDivider (line 6) | function FlexDivider() {
FILE: docs/data/material/components/dividers/IntroDivider.js
function IntroDivider (line 8) | function IntroDivider() {
FILE: docs/data/material/components/dividers/IntroDivider.tsx
function IntroDivider (line 8) | function IntroDivider() {
FILE: docs/data/material/components/dividers/ListDividers.js
function ListDividers (line 16) | function ListDividers() {
FILE: docs/data/material/components/dividers/ListDividers.tsx
function ListDividers (line 16) | function ListDividers() {
FILE: docs/data/material/components/dividers/VerticalDividerMiddle.js
function VerticalDividerMiddle (line 8) | function VerticalDividerMiddle() {
FILE: docs/data/material/components/dividers/VerticalDividerMiddle.tsx
function VerticalDividerMiddle (line 8) | function VerticalDividerMiddle() {
FILE: docs/data/material/components/dividers/VerticalDividers.js
function VerticalDividers (line 8) | function VerticalDividers() {
FILE: docs/data/material/components/dividers/VerticalDividers.tsx
function VerticalDividers (line 8) | function VerticalDividers() {
FILE: docs/data/material/components/drawers/AnchorTemporaryDrawer.js
function AnchorTemporaryDrawer (line 14) | function AnchorTemporaryDrawer() {
FILE: docs/data/material/components/drawers/AnchorTemporaryDrawer.tsx
type Anchor (line 14) | type Anchor = 'top' | 'left' | 'bottom' | 'right';
function AnchorTemporaryDrawer (line 16) | function AnchorTemporaryDrawer() {
FILE: docs/data/material/components/drawers/ClippedDrawer.js
function ClippedDrawer (line 18) | function ClippedDrawer() {
FILE: docs/data/material/components/drawers/ClippedDrawer.tsx
function ClippedDrawer (line 18) | function ClippedDrawer() {
FILE: docs/data/material/components/drawers/MiniDrawer.js
function MiniDrawer (line 102) | function MiniDrawer() {
FILE: docs/data/material/components/drawers/MiniDrawer.tsx
type AppBarProps (line 54) | interface AppBarProps extends MuiAppBarProps {
function MiniDrawer (line 106) | function MiniDrawer() {
FILE: docs/data/material/components/drawers/PermanentDrawerLeft.js
function PermanentDrawerLeft (line 18) | function PermanentDrawerLeft() {
FILE: docs/data/material/components/drawers/PermanentDrawerLeft.tsx
function PermanentDrawerLeft (line 18) | function PermanentDrawerLeft() {
FILE: docs/data/material/components/drawers/PermanentDrawerRight.js
function PermanentDrawerRight (line 18) | function PermanentDrawerRight() {
FILE: docs/data/material/components/drawers/PermanentDrawerRight.tsx
function PermanentDrawerRight (line 18) | function PermanentDrawerRight() {
FILE: docs/data/material/components/drawers/PersistentDrawerLeft.js
function PersistentDrawerLeft (line 79) | function PersistentDrawerLeft() {
FILE: docs/data/material/components/drawers/PersistentDrawerLeft.tsx
type AppBarProps (line 48) | interface AppBarProps extends MuiAppBarProps {
function PersistentDrawerLeft (line 83) | function PersistentDrawerLeft() {
FILE: docs/data/material/components/drawers/PersistentDrawerRight.js
function PersistentDrawerRight (line 86) | function PersistentDrawerRight() {
FILE: docs/data/material/components/drawers/PersistentDrawerRight.tsx
type AppBarProps (line 55) | interface AppBarProps extends MuiAppBarProps {
function PersistentDrawerRight (line 90) | function PersistentDrawerRight() {
FILE: docs/data/material/components/drawers/ResponsiveDrawer.js
function ResponsiveDrawer (line 22) | function ResponsiveDrawer(props) {
FILE: docs/data/material/components/drawers/ResponsiveDrawer.tsx
type Props (line 21) | interface Props {
function ResponsiveDrawer (line 29) | function ResponsiveDrawer(props: Props) {
FILE: docs/data/material/components/drawers/SwipeableEdgeDrawer.js
function SwipeableEdgeDrawer (line 43) | function SwipeableEdgeDrawer(props) {
FILE: docs/data/material/components/drawers/SwipeableEdgeDrawer.tsx
type Props (line 14) | interface Props {
function SwipeableEdgeDrawer (line 50) | function SwipeableEdgeDrawer(props: Props) {
FILE: docs/data/material/components/drawers/SwipeableTemporaryDrawer.js
function SwipeableTemporaryDrawer (line 14) | function SwipeableTemporaryDrawer() {
FILE: docs/data/material/components/drawers/SwipeableTemporaryDrawer.tsx
type Anchor (line 14) | type Anchor = 'top' | 'left' | 'bottom' | 'right';
function SwipeableTemporaryDrawer (line 16) | function SwipeableTemporaryDrawer() {
FILE: docs/data/material/components/drawers/TemporaryDrawer.js
function TemporaryDrawer (line 14) | function TemporaryDrawer() {
FILE: docs/data/material/components/drawers/TemporaryDrawer.tsx
function TemporaryDrawer (line 14) | function TemporaryDrawer() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js
function FloatingActionButtonExtendedSize (line 5) | function FloatingActionButtonExtendedSize() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx
function FloatingActionButtonExtendedSize (line 5) | function FloatingActionButtonExtendedSize() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtonSize.js
function FloatingActionButtonSize (line 5) | function FloatingActionButtonSize() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtonSize.tsx
function FloatingActionButtonSize (line 5) | function FloatingActionButtonSize() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtonZoom.js
function TabPanel (line 16) | function TabPanel(props) {
function a11yProps (line 39) | function a11yProps(index) {
function FloatingActionButtonZoom (line 60) | function FloatingActionButtonZoom() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtonZoom.tsx
type TabPanelProps (line 16) | interface TabPanelProps {
function TabPanel (line 23) | function TabPanel(props: TabPanelProps) {
function a11yProps (line 40) | function a11yProps(index: any) {
function FloatingActionButtonZoom (line 61) | function FloatingActionButtonZoom() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtons.js
function FloatingActionButtons (line 8) | function FloatingActionButtons() {
FILE: docs/data/material/components/floating-action-button/FloatingActionButtons.tsx
function FloatingActionButtons (line 8) | function FloatingActionButtons() {
FILE: docs/data/material/components/grid/AutoGrid.js
function AutoGrid (line 17) | function AutoGrid() {
FILE: docs/data/material/components/grid/AutoGrid.tsx
function AutoGrid (line 17) | function AutoGrid() {
FILE: docs/data/material/components/grid/BasicGrid.js
function BasicGrid (line 17) | function BasicGrid() {
FILE: docs/data/material/components/grid/BasicGrid.tsx
function BasicGrid (line 17) | function BasicGrid() {
FILE: docs/data/material/components/grid/CenteredElementGrid.js
function CenteredElementGrid (line 5) | function CenteredElementGrid() {
FILE: docs/data/material/components/grid/CenteredElementGrid.tsx
function CenteredElementGrid (line 5) | function CenteredElementGrid() {
FILE: docs/data/material/components/grid/ColumnLayoutInsideGrid.js
function ColumnLayoutInsideGrid (line 18) | function ColumnLayoutInsideGrid() {
FILE: docs/data/material/components/grid/ColumnLayoutInsideGrid.tsx
function ColumnLayoutInsideGrid (line 18) | function ColumnLayoutInsideGrid() {
FILE: docs/data/material/components/grid/ColumnsGrid.js
function ColumnsGrid (line 17) | function ColumnsGrid() {
FILE: docs/data/material/components/grid/ColumnsGrid.tsx
function ColumnsGrid (line 17) | function ColumnsGrid() {
FILE: docs/data/material/components/grid/FullBorderedGrid.js
function FullBorderedGrid (line 4) | function FullBorderedGrid() {
FILE: docs/data/material/components/grid/FullBorderedGrid.tsx
function FullBorderedGrid (line 4) | function FullBorderedGrid() {
FILE: docs/data/material/components/grid/FullWidthGrid.js
function FullWidthGrid (line 17) | function FullWidthGrid() {
FILE: docs/data/material/components/grid/FullWidthGrid.tsx
function FullWidthGrid (line 17) | function FullWidthGrid() {
FILE: docs/data/material/components/grid/HalfBorderedGrid.js
function HalfBorderedGrid (line 4) | function HalfBorderedGrid() {
FILE: docs/data/material/components/grid/HalfBorderedGrid.tsx
function HalfBorderedGrid (line 4) | function HalfBorderedGrid() {
FILE: docs/data/material/components/grid/InteractiveGrid.js
function InteractiveGrid (line 11) | function InteractiveGrid() {
FILE: docs/data/material/components/grid/InteractiveGrid.tsx
type GridItemsAlignment (line 11) | type GridItemsAlignment =
type GridJustification (line 18) | type GridJustification =
function InteractiveGrid (line 26) | function InteractiveGrid() {
FILE: docs/data/material/components/grid/NestedGrid.js
function NestedGrid (line 17) | function NestedGrid() {
FILE: docs/data/material/components/grid/NestedGrid.tsx
function NestedGrid (line 17) | function NestedGrid() {
FILE: docs/data/material/components/grid/NestedGridColumns.js
function NestedGridColumns (line 17) | function NestedGridColumns() {
FILE: docs/data/material/components/grid/NestedGridColumns.tsx
function NestedGridColumns (line 17) | function NestedGridColumns() {
FILE: docs/data/material/components/grid/OffsetGrid.js
function OffsetGrid (line 16) | function OffsetGrid() {
FILE: docs/data/material/components/grid/OffsetGrid.tsx
function OffsetGrid (line 16) | function OffsetGrid() {
FILE: docs/data/material/components/grid/ResponsiveGrid.js
function ResponsiveGrid (line 17) | function ResponsiveGrid() {
FILE: docs/data/material/components/grid/ResponsiveGrid.tsx
function ResponsiveGrid (line 17) | function ResponsiveGrid() {
FILE: docs/data/material/components/grid/RowAndColumnSpacing.js
function RowAndColumnSpacing (line 17) | function RowAndColumnSpacing() {
FILE: docs/data/material/components/grid/RowAndColumnSpacing.tsx
function RowAndColumnSpacing (line 17) | function RowAndColumnSpacing() {
FILE: docs/data/material/components/grid/SpacingGrid.js
function SpacingGrid (line 12) | function SpacingGrid() {
FILE: docs/data/material/components/grid/SpacingGrid.tsx
function SpacingGrid (line 12) | function SpacingGrid() {
FILE: docs/data/material/components/grid/VariableWidthGrid.js
function VariableWidthGrid (line 17) | function VariableWidthGrid() {
FILE: docs/data/material/components/grid/VariableWidthGrid.tsx
function VariableWidthGrid (line 17) | function VariableWidthGrid() {
FILE: docs/data/material/components/icons/CreateSvgIcon.js
function CreateSvgIcon (line 23) | function CreateSvgIcon() {
FILE: docs/data/material/components/icons/CreateSvgIcon.tsx
function CreateSvgIcon (line 23) | function CreateSvgIcon() {
FILE: docs/data/material/components/icons/FontAwesomeIcon.js
function FontAwesomeIcon (line 7) | function FontAwesomeIcon() {
FILE: docs/data/material/components/icons/FontAwesomeIcon.tsx
function FontAwesomeIcon (line 7) | function FontAwesomeIcon() {
FILE: docs/data/material/components/icons/FontAwesomeIconSize.js
function FontAwesomeIconSize (line 24) | function FontAwesomeIconSize() {
FILE: docs/data/material/components/icons/FontAwesomeIconSize.tsx
function FontAwesomeIconSize (line 24) | function FontAwesomeIconSize() {
FILE: docs/data/material/components/icons/FontAwesomeSvgIconDemo.js
function FontAwesomeSvgIconDemo (line 42) | function FontAwesomeSvgIconDemo() {
FILE: docs/data/material/components/icons/FontAwesomeSvgIconDemo.tsx
type FontAwesomeSvgIconProps (line 10) | type FontAwesomeSvgIconProps = {
function FontAwesomeSvgIconDemo (line 43) | function FontAwesomeSvgIconDemo() {
FILE: docs/data/material/components/icons/Icons.js
function Icons (line 5) | function Icons() {
FILE: docs/data/material/components/icons/Icons.tsx
function Icons (line 5) | function Icons() {
FILE: docs/data/material/components/icons/SvgIconChildren.js
function SvgIconChildren (line 3) | function SvgIconChildren() {
FILE: docs/data/material/components/icons/SvgIconChildren.tsx
function SvgIconChildren (line 3) | function SvgIconChildren() {
FILE: docs/data/material/components/icons/SvgIconsColor.js
function HomeIcon (line 5) | function HomeIcon(props) {
function SvgIconsColor (line 13) | function SvgIconsColor() {
FILE: docs/data/material/components/icons/SvgIconsColor.tsx
function HomeIcon (line 5) | function HomeIcon(props: SvgIconProps) {
function SvgIconsColor (line 13) | function SvgIconsColor() {
FILE: docs/data/material/components/icons/SvgIconsSize.js
function HomeIcon (line 4) | function HomeIcon(props) {
function SvgIconsSize (line 12) | function SvgIconsSize() {
FILE: docs/data/material/components/icons/SvgIconsSize.tsx
function HomeIcon (line 4) | function HomeIcon(props: SvgIconProps) {
function SvgIconsSize (line 12) | function SvgIconsSize() {
FILE: docs/data/material/components/icons/SvgMaterialIcons.js
function SvgMaterialIcons (line 18) | function SvgMaterialIcons() {
FILE: docs/data/material/components/icons/SvgMaterialIcons.tsx
function SvgMaterialIcons (line 18) | function SvgMaterialIcons() {
FILE: docs/data/material/components/icons/TwoToneIcons.js
function TwoToneIcons (line 9) | function TwoToneIcons() {
FILE: docs/data/material/components/icons/TwoToneIcons.tsx
function TwoToneIcons (line 9) | function TwoToneIcons() {
FILE: docs/data/material/components/image-list/CustomImageList.js
function srcset (line 7) | function srcset(image, width, height, rows = 1, cols = 1) {
function CustomImageList (line 16) | function CustomImageList() {
FILE: docs/data/material/components/image-list/CustomImageList.tsx
function srcset (line 7) | function srcset(image: string, width: number, height: number, rows = 1, ...
function CustomImageList (line 16) | function CustomImageList() {
FILE: docs/data/material/components/image-list/MasonryImageList.js
function MasonryImageList (line 5) | function MasonryImageList() {
FILE: docs/data/material/components/image-list/MasonryImageList.tsx
function MasonryImageList (line 5) | function MasonryImageList() {
FILE: docs/data/material/components/image-list/QuiltedImageList.js
function srcset (line 4) | function srcset(image, size, rows = 1, cols = 1) {
function QuiltedImageList (line 13) | function QuiltedImageList() {
FILE: docs/data/material/components/image-list/QuiltedImageList.tsx
function srcset (line 4) | function srcset(image: string, size: number, rows = 1, cols = 1) {
function QuiltedImageList (line 13) | function QuiltedImageList() {
FILE: docs/data/material/components/image-list/StandardImageList.js
function StandardImageList (line 4) | function StandardImageList() {
FILE: docs/data/material/components/image-list/StandardImageList.tsx
function StandardImageList (line 4) | function StandardImageList() {
FILE: docs/data/material/components/image-list/TitlebarBelowImageList.js
function TitlebarBelowImageList (line 5) | function TitlebarBelowImageList() {
FILE: docs/data/material/components/image-list/TitlebarBelowImageList.tsx
function TitlebarBelowImageList (line 5) | function TitlebarBelowImageList() {
FILE: docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js
function TitlebarBelowMasonryImageList (line 6) | function TitlebarBelowMasonryImageList() {
FILE: docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx
function TitlebarBelowMasonryImageList (line 6) | function TitlebarBelowMasonryImageList() {
FILE: docs/data/material/components/image-list/TitlebarImageList.js
function TitlebarImageList (line 8) | function TitlebarImageList() {
FILE: docs/data/material/components/image-list/TitlebarImageList.tsx
function TitlebarImageList (line 8) | function TitlebarImageList() {
FILE: docs/data/material/components/image-list/WovenImageList.js
function WovenImageList (line 4) | function WovenImageList() {
FILE: docs/data/material/components/image-list/WovenImageList.tsx
function WovenImageList (line 4) | function WovenImageList() {
FILE: docs/data/material/components/image-list/itemData.d.ts
type ItemDataItem (line 1) | interface ItemDataItem {
FILE: docs/data/material/components/links/ButtonLink.js
function ButtonLink (line 3) | function ButtonLink() {
FILE: docs/data/material/components/links/ButtonLink.tsx
function ButtonLink (line 3) | function ButtonLink() {
FILE: docs/data/material/components/links/Links.js
function Links (line 7) | function Links() {
FILE: docs/data/material/components/links/Links.tsx
function Links (line 7) | function Links() {
FILE: docs/data/material/components/links/UnderlineLink.js
function UnderlineLink (line 7) | function UnderlineLink() {
FILE: docs/data/material/components/links/UnderlineLink.tsx
function UnderlineLink (line 7) | function UnderlineLink() {
FILE: docs/data/material/components/lists/AlignItemsList.js
function AlignItemsList (line 10) | function AlignItemsList() {
FILE: docs/data/material/components/lists/AlignItemsList.tsx
function AlignItemsList (line 10) | function AlignItemsList() {
FILE: docs/data/material/components/lists/BasicList.js
function BasicList (line 11) | function BasicList() {
FILE: docs/data/material/components/lists/BasicList.tsx
function BasicList (line 11) | function BasicList() {
FILE: docs/data/material/components/lists/CheckboxList.js
function CheckboxList (line 11) | function CheckboxList() {
FILE: docs/data/material/components/lists/CheckboxList.tsx
function CheckboxList (line 11) | function CheckboxList() {
FILE: docs/data/material/components/lists/CheckboxListSecondary.js
function CheckboxListSecondary (line 10) | function CheckboxListSecondary() {
FILE: docs/data/material/components/lists/CheckboxListSecondary.tsx
function CheckboxListSecondary (line 10) | function CheckboxListSecondary() {
FILE: docs/data/material/components/lists/CustomizedList.js
function CustomizedList (line 43) | function CustomizedList() {
FILE: docs/data/material/components/lists/CustomizedList.tsx
function CustomizedList (line 43) | function CustomizedList() {
FILE: docs/data/material/components/lists/FolderList.js
function FolderList (line 10) | function FolderList() {
FILE: docs/data/material/components/lists/FolderList.tsx
function FolderList (line 10) | function FolderList() {
FILE: docs/data/material/components/lists/GutterlessList.js
function GutterlessList (line 7) | function GutterlessList() {
FILE: docs/data/material/components/lists/GutterlessList.tsx
function GutterlessList (line 7) | function GutterlessList() {
FILE: docs/data/material/components/lists/InsetList.js
function InsetList (line 8) | function InsetList() {
FILE: docs/data/material/components/lists/InsetList.tsx
function InsetList (line 8) | function InsetList() {
FILE: docs/data/material/components/lists/InteractiveList.js
function generate (line 19) | function generate(element) {
function InteractiveList (line 31) | function InteractiveList() {
FILE: docs/data/material/components/lists/InteractiveList.tsx
function generate (line 19) | function generate(element: React.ReactElement<unknown>) {
function InteractiveList (line 31) | function InteractiveList() {
FILE: docs/data/material/components/lists/NestedList.js
function NestedList (line 15) | function NestedList() {
FILE: docs/data/material/components/lists/NestedList.tsx
function NestedList (line 15) | function NestedList() {
FILE: docs/data/material/components/lists/PinnedSubheaderList.js
function PinnedSubheaderList (line 6) | function PinnedSubheaderList() {
FILE: docs/data/material/components/lists/PinnedSubheaderList.tsx
function PinnedSubheaderList (line 6) | function PinnedSubheaderList() {
FILE: docs/data/material/components/lists/SelectedListItem.js
function SelectedListItem (line 11) | function SelectedListItem() {
FILE: docs/data/material/components/lists/SelectedListItem.tsx
function SelectedListItem (line 11) | function SelectedListItem() {
FILE: docs/data/material/components/lists/SwitchListSecondary.js
function SwitchListSecondary (line 11) | function SwitchListSecondary() {
FILE: docs/data/material/components/lists/SwitchListSecondary.tsx
function SwitchListSecondary (line 11) | function SwitchListSecondary() {
FILE: docs/data/material/components/lists/VirtualizedList.js
function renderRow (line 7) | function renderRow(props) {
function VirtualizedList (line 19) | function VirtualizedList() {
FILE: docs/data/material/components/lists/VirtualizedList.tsx
function renderRow (line 7) | function renderRow(props: RowComponentProps) {
function VirtualizedList (line 19) | function VirtualizedList() {
FILE: docs/data/material/components/masonry/BasicMasonry.js
function BasicMasonry (line 19) | function BasicMasonry() {
FILE: docs/data/material/components/masonry/BasicMasonry.tsx
function BasicMasonry (line 19) | function BasicMasonry() {
FILE: docs/data/material/components/masonry/FixedColumns.js
function FixedColumns (line 19) | function FixedColumns() {
FILE: docs/data/material/components/masonry/FixedColumns.tsx
function FixedColumns (line 19) | function FixedColumns() {
FILE: docs/data/material/components/masonry/FixedSpacing.js
function FixedSpacing (line 19) | function FixedSpacing() {
FILE: docs/data/material/components/masonry/FixedSpacing.tsx
function FixedSpacing (line 19) | function FixedSpacing() {
FILE: docs/data/material/components/masonry/ImageMasonry.js
function ImageMasonry (line 19) | function ImageMasonry() {
FILE: docs/data/material/components/masonry/ImageMasonry.tsx
function ImageMasonry (line 19) | function ImageMasonry() {
FILE: docs/data/material/components/masonry/MasonryWithVariableHeightItems.js
function MasonryWithVariableHeightItems (line 21) | function MasonryWithVariableHeightItems() {
FILE: docs/data/material/components/masonry/MasonryWithVariableHeightItems.tsx
function MasonryWithVariableHeightItems (line 21) | function MasonryWithVariableHeightItems() {
FILE: docs/data/material/components/masonry/ResponsiveColumns.js
function ResponsiveColumns (line 19) | function ResponsiveColumns() {
FILE: docs/data/material/components/masonry/ResponsiveColumns.tsx
function ResponsiveColumns (line 19) | function ResponsiveColumns() {
FILE: docs/data/material/components/masonry/ResponsiveSpacing.js
function ResponsiveSpacing (line 19) | function ResponsiveSpacing() {
FILE: docs/data/material/components/masonry/ResponsiveSpacing.tsx
function ResponsiveSpacing (line 19) | function ResponsiveSpacing() {
FILE: docs/data/material/components/masonry/SSRMasonry.js
function SSRMasonry (line 19) | function SSRMasonry() {
FILE: docs/data/material/components/masonry/SSRMasonry.tsx
function SSRMasonry (line 19) | function SSRMasonry() {
FILE: docs/data/material/components/masonry/Sequential.js
function Sequential (line 19) | function Sequential() {
FILE: docs/data/material/components/masonry/Sequential.tsx
function Sequential (line 19) | function Sequential() {
FILE: docs/data/material/components/material-icons/SearchIcons.js
function selectNode (line 86) | function selectNode(node) {
constant SVG_ICON_CLASS (line 99) | const SVG_ICON_CLASS = 'svg-icon';
function handleLabelClick (line 146) | function handleLabelClick(event) {
function isElmVisible (line 150) | function isElmVisible(elm, margin = 0) {
function Icon (line 155) | function Icon(props) {
function formatNumber (line 513) | function formatNumber(value) {
function useLatest (line 558) | function useLatest(value) {
function SearchIcons (line 568) | function SearchIcons() {
FILE: docs/data/material/components/menubar/BasicMenubar.js
function BasicMenubar (line 15) | function BasicMenubar() {
FILE: docs/data/material/components/menubar/BasicMenubar.tsx
function BasicMenubar (line 15) | function BasicMenubar() {
FILE: docs/data/material/components/menubar/CheckboxItemsMenubar.js
function CheckboxItemsMenubar (line 14) | function CheckboxItemsMenubar() {
FILE: docs/data/material/components/menubar/CheckboxItemsMenubar.tsx
function CheckboxItemsMenubar (line 14) | function CheckboxItemsMenubar() {
FILE: docs/data/material/components/menubar/GroupLabelMenubar.js
function GroupLabelMenubar (line 32) | function GroupLabelMenubar() {
FILE: docs/data/material/components/menubar/GroupLabelMenubar.tsx
function GroupLabelMenubar (line 32) | function GroupLabelMenubar() {
FILE: docs/data/material/components/menubar/IconItemsMenubar.js
function IconItemsMenubar (line 19) | function IconItemsMenubar() {
FILE: docs/data/material/components/menubar/IconItemsMenubar.tsx
function IconItemsMenubar (line 19) | function IconItemsMenubar() {
FILE: docs/data/material/components/menubar/RadioGroupItemsMenubar.js
function RadioGroupItemsMenubar (line 16) | function RadioGroupItemsMenubar() {
FILE: docs/data/material/components/menubar/RadioGroupItemsMenubar.tsx
function RadioGroupItemsMenubar (line 16) | function RadioGroupItemsMenubar() {
FILE: docs/data/material/components/menubar/ShortcutHintsMenubar.js
function ShortcutHintsMenubar (line 13) | function ShortcutHintsMenubar() {
FILE: docs/data/material/components/menubar/ShortcutHintsMenubar.tsx
function ShortcutHintsMenubar (line 13) | function ShortcutHintsMenubar() {
FILE: docs/data/material/components/menubar/components/Menubar.js
function Menubar (line 33) | function Menubar(props) {
function MenuRoot (line 37) | function MenuRoot(props) {
function MenuTrigger (line 59) | function MenuTrigger(props) {
function MenuPortal (line 68) | function MenuPortal(props) {
function MenuPositioner (line 72) | function MenuPositioner(props) {
function MenuPopup (line 85) | function MenuPopup(props) {
function MenuItem (line 111) | function MenuItem(props) {
function MenuSubmenuRoot (line 155) | function MenuSubmenuRoot(props) {
function MenuSubmenuTrigger (line 164) | function MenuSubmenuTrigger(props) {
function MenuSeparator (line 194) | function MenuSeparator(props) {
function MenuCheckboxItem (line 219) | function MenuCheckboxItem(props) {
function MenuRadioGroup (line 239) | function MenuRadioGroup(props) {
function MenuRadioItem (line 243) | function MenuRadioItem(props) {
function MenuGroup (line 271) | function MenuGroup(props) {
function MenuGroupLabel (line 283) | function MenuGroupLabel(props) {
FILE: docs/data/material/components/menubar/components/Menubar.tsx
function Menubar (line 32) | function Menubar(props: React.ComponentProps<typeof BaseMenubar>) {
function MenuRoot (line 36) | function MenuRoot(props: React.ComponentProps<typeof Menu.Root>) {
function MenuTrigger (line 58) | function MenuTrigger(props: React.ComponentProps<typeof Menu.Trigger>) {
function MenuPortal (line 67) | function MenuPortal(props: React.ComponentProps<typeof Menu.Portal>) {
function MenuPositioner (line 71) | function MenuPositioner(props: React.ComponentProps<typeof Menu.Position...
function MenuPopup (line 84) | function MenuPopup(props: React.ComponentProps<typeof Menu.Popup>) {
type MenuItemExtendedProps (line 104) | interface MenuItemExtendedProps {
function MenuItem (line 110) | function MenuItem(
function MenuSubmenuRoot (line 139) | function MenuSubmenuRoot(
function MenuSubmenuTrigger (line 150) | function MenuSubmenuTrigger(
function MenuSeparator (line 166) | function MenuSeparator(
function MenuCheckboxItem (line 178) | function MenuCheckboxItem(
function MenuRadioGroup (line 194) | function MenuRadioGroup(props: React.ComponentProps<typeof Menu.RadioGro...
function MenuRadioItem (line 198) | function MenuRadioItem(
function MenuGroup (line 222) | function MenuGroup(props: React.ComponentProps<typeof Menu.Group>) {
function MenuGroupLabel (line 234) | function MenuGroupLabel(
FILE: docs/data/material/components/menus/AccountMenu.js
function AccountMenu (line 15) | function AccountMenu() {
FILE: docs/data/material/components/menus/AccountMenu.tsx
function AccountMenu (line 15) | function AccountMenu() {
FILE: docs/data/material/components/menus/BasicMenu.js
function BasicMenu (line 6) | function BasicMenu() {
FILE: docs/data/material/components/menus/BasicMenu.tsx
function BasicMenu (line 6) | function BasicMenu() {
FILE: docs/data/material/components/menus/ContextMenu.js
function ContextMenu (line 6) | function ContextMenu() {
FILE: docs/data/material/components/menus/ContextMenu.tsx
function ContextMenu (line 6) | function ContextMenu() {
FILE: docs/data/material/components/menus/CustomizedMenus.js
function CustomizedMenus (line 59) | function CustomizedMenus() {
FILE: docs/data/material/components/menus/CustomizedMenus.tsx
function CustomizedMenus (line 59) | function CustomizedMenus() {
FILE: docs/data/material/components/menus/DenseMenu.js
function DenseMenu (line 9) | function DenseMenu() {
FILE: docs/data/material/components/menus/DenseMenu.tsx
function DenseMenu (line 9) | function DenseMenu() {
FILE: docs/data/material/components/menus/FadeMenu.js
function FadeMenu (line 7) | function FadeMenu() {
FILE: docs/data/material/components/menus/FadeMenu.tsx
function FadeMenu (line 7) | function FadeMenu() {
FILE: docs/data/material/components/menus/GroupedMenu.js
function GroupedMenu (line 21) | function GroupedMenu() {
FILE: docs/data/material/components/menus/GroupedMenu.tsx
function GroupedMenu (line 21) | function GroupedMenu() {
FILE: docs/data/material/components/menus/IconMenu.js
function IconMenu (line 13) | function IconMenu() {
FILE: docs/data/material/components/menus/IconMenu.tsx
function IconMenu (line 13) | function IconMenu() {
FILE: docs/data/material/components/menus/LongMenu.js
constant ITEM_HEIGHT (line 24) | const ITEM_HEIGHT = 48;
function LongMenu (line 26) | function LongMenu() {
FILE: docs/data/material/components/menus/LongMenu.tsx
constant ITEM_HEIGHT (line 24) | const ITEM_HEIGHT = 48;
function LongMenu (line 26) | function LongMenu() {
FILE: docs/data/material/components/menus/MenuListComposition.js
function MenuListComposition (line 11) | function MenuListComposition() {
FILE: docs/data/material/components/menus/MenuListComposition.tsx
function MenuListComposition (line 11) | function MenuListComposition() {
FILE: docs/data/material/components/menus/MenuPopupState.js
function MenuPopupState (line 7) | function MenuPopupState() {
FILE: docs/data/material/components/menus/MenuPopupState.tsx
function MenuPopupState (line 7) | function MenuPopupState() {
FILE: docs/data/material/components/menus/PositionedMenu.js
function PositionedMenu (line 6) | function PositionedMenu() {
FILE: docs/data/material/components/menus/PositionedMenu.tsx
function PositionedMenu (line 6) | function PositionedMenu() {
FILE: docs/data/material/components/menus/SimpleListMenu.js
function SimpleListMenu (line 15) | function SimpleListMenu() {
FILE: docs/data/material/components/menus/SimpleListMenu.tsx
function SimpleListMenu (line 15) | function SimpleListMenu() {
FILE: docs/data/material/components/menus/TypographyMenu.js
function TypographyMenu (line 10) | function TypographyMenu() {
FILE: docs/data/material/components/menus/TypographyMenu.tsx
function TypographyMenu (line 10) | function TypographyMenu() {
FILE: docs/data/material/components/modal/BasicModal.js
function BasicModal (line 19) | function BasicModal() {
FILE: docs/data/material/components/modal/BasicModal.tsx
function BasicModal (line 19) | function BasicModal() {
FILE: docs/data/material/components/modal/KeepMountedModal.js
function KeepMountedModal (line 19) | function KeepMountedModal() {
FILE: docs/data/material/components/modal/KeepMountedModal.tsx
function KeepMountedModal (line 19) | function KeepMountedModal() {
FILE: docs/data/material/components/modal/NestedModal.js
function ChildModal (line 20) | function ChildModal() {
function NestedModal (line 50) | function NestedModal() {
FILE: docs/data/material/components/modal/NestedModal.tsx
function ChildModal (line 20) | function ChildModal() {
function NestedModal (line 50) | function NestedModal() {
FILE: docs/data/material/components/modal/ServerModal.js
function ServerModal (line 6) | function ServerModal() {
FILE: docs/data/material/components/modal/ServerModal.tsx
function ServerModal (line 6) | function ServerModal() {
FILE: docs/data/material/components/modal/SpringModal.js
function SpringModal (line 63) | function SpringModal() {
FILE: docs/data/material/components/modal/SpringModal.tsx
type FadeProps (line 9) | interface FadeProps {
function SpringModal (line 62) | function SpringModal() {
FILE: docs/data/material/components/modal/TransitionsModal.js
function TransitionsModal (line 21) | function TransitionsModal() {
FILE: docs/data/material/components/modal/TransitionsModal.tsx
function TransitionsModal (line 21) | function TransitionsModal() {
FILE: docs/data/material/components/no-ssr/FrameDeferring.js
function LargeTree (line 5) | function LargeTree() {
function FrameDeferring (line 9) | function FrameDeferring() {
FILE: docs/data/material/components/no-ssr/FrameDeferring.tsx
function LargeTree (line 5) | function LargeTree(): any {
function FrameDeferring (line 9) | function FrameDeferring() {
FILE: docs/data/material/components/no-ssr/SimpleNoSsr.js
function SimpleNoSsr (line 4) | function SimpleNoSsr() {
FILE: docs/data/material/components/no-ssr/SimpleNoSsr.tsx
function SimpleNoSsr (line 4) | function SimpleNoSsr() {
FILE: docs/data/material/components/number-field/FieldDemo.js
function FieldDemo (line 5) | function FieldDemo() {
FILE: docs/data/material/components/number-field/FieldDemo.tsx
function FieldDemo (line 5) | function FieldDemo() {
FILE: docs/data/material/components/number-field/SpinnerDemo.js
function SpinnerDemo (line 5) | function SpinnerDemo() {
FILE: docs/data/material/components/number-field/SpinnerDemo.tsx
function SpinnerDemo (line 5) | function SpinnerDemo() {
FILE: docs/data/material/components/number-field/components/NumberField.js
function SSRInitialFilled (line 16) | function SSRInitialFilled(_) {
function NumberField (line 21) | function NumberField({ id: idProp, label, error, size = 'medium', ...oth...
FILE: docs/data/material/components/number-field/components/NumberField.tsx
function SSRInitialFilled (line 15) | function SSRInitialFilled(_: BaseNumberField.Root.Props) {
function NumberField (line 20) | function NumberField({
FILE: docs/data/material/components/number-field/components/NumberSpinner.js
function NumberSpinner (line 13) | function NumberSpinner({ id: idProp, label, error, size = 'medium', ...o...
FILE: docs/data/material/components/number-field/components/NumberSpinner.tsx
function NumberSpinner (line 12) | function NumberSpinner({
FILE: docs/data/material/components/pagination/BasicPagination.js
function BasicPagination (line 4) | function BasicPagination() {
FILE: docs/data/material/components/pagination/BasicPagination.tsx
function BasicPagination (line 4) | function BasicPagination() {
FILE: docs/data/material/components/pagination/CustomIcons.js
function CustomIcons (line 7) | function CustomIcons() {
FILE: docs/data/material/components/pagination/CustomIcons.tsx
function CustomIcons (line 7) | function CustomIcons() {
FILE: docs/data/material/components/pagination/PaginationButtons.js
function PaginationButtons (line 4) | function PaginationButtons() {
FILE: docs/data/material/components/pagination/PaginationButtons.tsx
function PaginationButtons (line 4) | function PaginationButtons() {
FILE: docs/data/material/components/pagination/PaginationControlled.js
function PaginationControlled (line 6) | function PaginationControlled() {
FILE: docs/data/material/components/pagination/PaginationControlled.tsx
function PaginationControlled (line 6) | function PaginationControlled() {
FILE: docs/data/material/components/pagination/PaginationLink.js
function Content (line 5) | function Content() {
function PaginationLink (line 24) | function PaginationLink() {
FILE: docs/data/material/components/pagination/PaginationLink.tsx
function Content (line 5) | function Content() {
function PaginationLink (line 24) | function PaginationLink() {
FILE: docs/data/material/components/pagination/PaginationOutlined.js
function PaginationOutlined (line 4) | function PaginationOutlined() {
FILE: docs/data/material/components/pagination/PaginationOutlined.tsx
function PaginationOutlined (line 4) | function PaginationOutlined() {
FILE: docs/data/material/components/pagination/PaginationRanges.js
function PaginationRanges (line 4) | function PaginationRanges() {
FILE: docs/data/material/components/pagination/PaginationRanges.tsx
function PaginationRanges (line 4) | function PaginationRanges() {
FILE: docs/data/material/components/pagination/PaginationRounded.js
function PaginationRounded (line 4) | function PaginationRounded() {
FILE: docs/data/material/components/pagination/PaginationRounded.tsx
function PaginationRounded (line 4) | function PaginationRounded() {
FILE: docs/data/material/components/pagination/PaginationSize.js
function PaginationSize (line 4) | function PaginationSize() {
FILE: docs/data/material/components/pagination/PaginationSize.tsx
function PaginationSize (line 4) | function PaginationSize() {
FILE: docs/data/material/components/pagination/TablePaginationDemo.js
function TablePaginationDemo (line 4) | function TablePaginationDemo() {
FILE: docs/data/material/components/pagination/TablePaginationDemo.tsx
function TablePaginationDemo (line 4) | function TablePaginationDemo() {
FILE: docs/data/material/components/pagination/UsePagination.js
function UsePagination (line 11) | function UsePagination() {
FILE: docs/data/material/components/pagination/UsePagination.tsx
function UsePagination (line 11) | function UsePagination() {
FILE: docs/data/material/components/paper/Elevation.js
function Elevation (line 17) | function Elevation() {
FILE: docs/data/material/components/paper/Elevation.tsx
function Elevation (line 17) | function Elevation() {
FILE: docs/data/material/components/paper/SimplePaper.js
function SimplePaper (line 4) | function SimplePaper() {
FILE: docs/data/material/components/paper/SimplePaper.tsx
function SimplePaper (line 4) | function SimplePaper() {
FILE: docs/data/material/components/paper/SquareCorners.js
function SquareCorners (line 13) | function SquareCorners() {
FILE: docs/data/material/components/paper/SquareCorners.tsx
function SquareCorners (line 13) | function SquareCorners() {
FILE: docs/data/material/components/paper/Variants.js
function Variants (line 13) | function Variants() {
FILE: docs/data/material/components/paper/Variants.tsx
function Variants (line 13) | function Variants() {
FILE: docs/data/material/components/popover/AnchorPlayground.js
function AnchorPlayground (line 42) | function AnchorPlayground() {
FILE: docs/data/material/components/popover/BasicPopover.js
function BasicPopover (line 6) | function BasicPopover() {
FILE: docs/data/material/components/popover/BasicPopover.tsx
function BasicPopover (line 6) | function BasicPopover() {
FILE: docs/data/material/components/popover/MouseHoverPopover.js
function MouseHoverPopover (line 5) | function MouseHoverPopover() {
FILE: docs/data/material/components/popover/MouseHoverPopover.tsx
function MouseHoverPopover (line 5) | function MouseHoverPopover() {
FILE: docs/data/material/components/popover/PopoverPopupState.js
function PopoverPopupState (line 6) | function PopoverPopupState() {
FILE: docs/data/material/components/popover/PopoverPopupState.tsx
function PopoverPopupState (line 6) | function PopoverPopupState() {
FILE: docs/data/material/components/popover/VirtualElementPopover.js
function VirtualElementPopover (line 6) | function VirtualElementPopover() {
FILE: docs/data/material/components/popover/VirtualElementPopover.tsx
function VirtualElementPopover (line 6) | function VirtualElementPopover() {
FILE: docs/data/material/components/popper/PopperPopupState.js
function PopperPopupState (line 8) | function PopperPopupState() {
FILE: docs/data/material/components/popper/PopperPopupState.tsx
function PopperPopupState (line 8) | function PopperPopupState() {
FILE: docs/data/material/components/popper/PositionedPopper.js
function PositionedPopper (line 10) | function PositionedPopper() {
FILE: docs/data/material/components/popper/PositionedPopper.tsx
function PositionedPopper (line 10) | function PositionedPopper() {
FILE: docs/data/material/components/popper/ScrollPlayground.js
function ScrollPlayground (line 175) | function ScrollPlayground() {
FILE: docs/data/material/components/popper/SimplePopper.js
function SimplePopper (line 5) | function SimplePopper() {
FILE: docs/data/material/components/popper/SimplePopper.tsx
function SimplePopper (line 5) | function SimplePopper() {
FILE: docs/data/material/components/popper/SpringPopper.js
function SpringPopper (line 38) | function SpringPopper() {
FILE: docs/data/material/components/popper/SpringPopper.tsx
type FadeProps (line 6) | interface FadeProps {
function SpringPopper (line 37) | function SpringPopper() {
FILE: docs/data/material/components/popper/TransitionsPopper.js
function TransitionsPopper (line 6) | function TransitionsPopper() {
FILE: docs/data/material/components/popper/TransitionsPopper.tsx
function TransitionsPopper (line 6) | function TransitionsPopper() {
FILE: docs/data/material/components/popper/VirtualElementPopper.js
function VirtualElementPopper (line 7) | function VirtualElementPopper() {
FILE: docs/data/material/components/popper/VirtualElementPopper.tsx
function VirtualElementPopper (line 7) | function VirtualElementPopper() {
FILE: docs/data/material/components/portal/SimplePortal.js
function SimplePortal (line 5) | function SimplePortal() {
FILE: docs/data/material/components/portal/SimplePortal.tsx
function SimplePortal (line 5) | function SimplePortal() {
FILE: docs/data/material/components/progress/CircularColor.js
function CircularColor (line 4) | function CircularColor() {
FILE: docs/data/material/components/progress/CircularColor.tsx
function CircularColor (line 4) | function CircularColor() {
FILE: docs/data/material/components/progress/CircularDeterminate.js
function CircularDeterminate (line 5) | function CircularDeterminate() {
FILE: docs/data/material/components/progress/CircularDeterminate.tsx
function CircularDeterminate (line 5) | function CircularDeterminate() {
FILE: docs/data/material/components/progress/CircularEnableTrack.js
function CircularEnableTrack (line 5) | function CircularEnableTrack() {
FILE: docs/data/material/components/progress/CircularEnableTrack.tsx
function CircularEnableTrack (line 5) | function CircularEnableTrack() {
FILE: docs/data/material/components/progress/CircularIndeterminate.js
function CircularIndeterminate (line 4) | function CircularIndeterminate() {
FILE: docs/data/material/components/progress/CircularIndeterminate.tsx
function CircularIndeterminate (line 4) | function CircularIndeterminate() {
FILE: docs/data/material/components/progress/CircularIntegration.js
function CircularIntegration (line 10) | function CircularIntegration() {
FILE: docs/data/material/components/progress/CircularIntegration.tsx
function CircularIntegration (line 10) | function CircularIntegration() {
FILE: docs/data/material/components/progress/CircularSize.js
function CircularSize (line 4) | function CircularSize() {
FILE: docs/data/material/components/progress/CircularSize.tsx
function CircularSize (line 4) | function CircularSize() {
FILE: docs/data/material/components/progress/CircularUnderLoad.js
function CircularUnderLoad (line 3) | function CircularUnderLoad() {
FILE: docs/data/material/components/progress/CircularUnderLoad.tsx
function CircularUnderLoad (line 3) | function CircularUnderLoad() {
FILE: docs/data/material/components/progress/CircularWithValueLabel.js
function CircularProgressWithLabel (line 7) | function CircularProgressWithLabel(props) {
function CircularWithValueLabel (line 48) | function CircularWithValueLabel() {
FILE: docs/data/material/components/progress/CircularWithValueLabel.tsx
function CircularProgressWithLabel (line 8) | function CircularProgressWithLabel(
function CircularWithValueLabel (line 40) | function CircularWithValueLabel() {
FILE: docs/data/material/components/progress/CustomizedProgressBars.js
function FacebookCircularProgress (line 28) | function FacebookCircularProgress(props) {
function GradientCircularProgress (line 61) | function GradientCircularProgress() {
function CustomizedProgressBars (line 79) | function CustomizedProgressBars() {
FILE: docs/data/material/components/progress/CustomizedProgressBars.tsx
function FacebookCircularProgress (line 29) | function FacebookCircularProgress(props: CircularProgressProps) {
function GradientCircularProgress (line 61) | function GradientCircularProgress() {
function CustomizedProgressBars (line 79) | function CustomizedProgressBars() {
FILE: docs/data/material/components/progress/DelayingAppearance.js
function DelayingAppearance (line 8) | function DelayingAppearance() {
FILE: docs/data/material/components/progress/DelayingAppearance.tsx
function DelayingAppearance (line 8) | function DelayingAppearance() {
FILE: docs/data/material/components/progress/LinearBuffer.js
function LinearBuffer (line 5) | function LinearBuffer() {
FILE: docs/data/material/components/progress/LinearBuffer.tsx
function LinearBuffer (line 5) | function LinearBuffer() {
FILE: docs/data/material/components/progress/LinearColor.js
function LinearColor (line 4) | function LinearColor() {
FILE: docs/data/material/components/progress/LinearColor.tsx
function LinearColor (line 4) | function LinearColor() {
FILE: docs/data/material/components/progress/LinearDeterminate.js
function LinearDeterminate (line 5) | function LinearDeterminate() {
FILE: docs/data/material/components/progress/LinearDeterminate.tsx
function LinearDeterminate (line 5) | function LinearDeterminate() {
FILE: docs/data/material/components/progress/LinearIndeterminate.js
function LinearIndeterminate (line 4) | function LinearIndeterminate() {
FILE: docs/data/material/components/progress/LinearIndeterminate.tsx
function LinearIndeterminate (line 4) | function LinearIndeterminate() {
FILE: docs/data/material/components/progress/LinearWithValueLabel.js
function LinearProgressWithLabel (line 7) | function LinearProgressWithLabel(props) {
function LinearWithValueLabel (line 34) | function LinearWithValueLabel() {
FILE: docs/data/material/components/progress/LinearWithValueLabel.tsx
function LinearProgressWithLabel (line 6) | function LinearProgressWithLabel(props: LinearProgressProps & { value: n...
function LinearWithValueLabel (line 26) | function LinearWithValueLabel() {
FILE: docs/data/material/components/radio-buttons/ColorRadioButtons.js
function ColorRadioButtons (line 5) | function ColorRadioButtons() {
FILE: docs/data/material/components/radio-buttons/ColorRadioButtons.tsx
function ColorRadioButtons (line 5) | function ColorRadioButtons() {
FILE: docs/data/material/components/radio-buttons/ControlledRadioButtonsGroup.js
function ControlledRadioButtonsGroup (line 8) | function ControlledRadioButtonsGroup() {
FILE: docs/data/material/components/radio-buttons/ControlledRadioButtonsGroup.tsx
function ControlledRadioButtonsGroup (line 8) | function ControlledRadioButtonsGroup() {
FILE: docs/data/material/components/radio-buttons/CustomizedRadios.js
function BpRadio (line 55) | function BpRadio(props) {
function CustomizedRadios (line 67) | function CustomizedRadios() {
FILE: docs/data/material/components/radio-buttons/CustomizedRadios.tsx
function BpRadio (line 55) | function BpRadio(props: RadioProps) {
function CustomizedRadios (line 67) | function CustomizedRadios() {
FILE: docs/data/material/components/radio-buttons/ErrorRadios.js
function ErrorRadios (line 10) | function ErrorRadios() {
FILE: docs/data/material/components/radio-buttons/ErrorRadios.tsx
function ErrorRadios (line 10) | function ErrorRadios() {
FILE: docs/data/material/components/radio-buttons/FormControlLabelPlacement.js
function FormControlLabelPlacement (line 7) | function FormControlLabelPlacement() {
FILE: docs/data/material/components/radio-buttons/FormControlLabelPlacement.tsx
function FormControlLabelPlacement (line 7) | function FormControlLabelPlacement() {
FILE: docs/data/material/components/radio-buttons/RadioButtons.js
function RadioButtons (line 4) | function RadioButtons() {
FILE: docs/data/material/components/radio-buttons/RadioButtons.tsx
function RadioButtons (line 4) | function RadioButtons() {
FILE: docs/data/material/components/radio-buttons/RadioButtonsGroup.js
function RadioButtonsGroup (line 7) | function RadioButtonsGroup() {
FILE: docs/data/material/components/radio-buttons/RadioButtonsGroup.tsx
function RadioButtonsGroup (line 7) | function RadioButtonsGroup() {
FILE: docs/data/material/components/radio-buttons/RowRadioButtonsGroup.js
function RowRadioButtonsGroup (line 7) | function RowRadioButtonsGroup() {
FILE: docs/data/material/components/radio-buttons/RowRadioButtonsGroup.tsx
function RowRadioButtonsGroup (line 7) | function RowRadioButtonsGroup() {
FILE: docs/data/material/components/radio-buttons/SizeRadioButtons.js
function SizeRadioButtons (line 4) | function SizeRadioButtons() {
FILE: docs/data/material/components/radio-buttons/SizeRadioButtons.tsx
function SizeRadioButtons (line 4) | function SizeRadioButtons() {
FILE: docs/data/material/components/radio-buttons/UseRadioGroup.js
function MyFormControlLabel (line 22) | function MyFormControlLabel(props) {
function UseRadioGroup (line 41) | function UseRadioGroup() {
FILE: docs/data/material/components/radio-buttons/UseRadioGroup.tsx
type StyledFormControlLabelProps (line 8) | interface StyledFormControlLabelProps extends FormControlLabelProps {
function MyFormControlLabel (line 27) | function MyFormControlLabel(props: FormControlLabelProps) {
function UseRadioGroup (line 39) | function UseRadioGroup() {
FILE: docs/data/material/components/rating/BasicRating.js
function BasicRating (line 6) | function BasicRating() {
FILE: docs/data/material/components/rating/BasicRating.tsx
function BasicRating (line 6) | function BasicRating() {
FILE: docs/data/material/components/rating/CustomizedRating.js
function CustomizedRating (line 17) | function CustomizedRating() {
FILE: docs/data/material/components/rating/CustomizedRating.tsx
function CustomizedRating (line 17) | function CustomizedRating() {
FILE: docs/data/material/components/rating/HalfRating.js
function HalfRating (line 4) | function HalfRating() {
FILE: docs/data/material/components/rating/HalfRating.tsx
function HalfRating (line 4) | function HalfRating() {
FILE: docs/data/material/components/rating/HoverRating.js
function getLabelText (line 19) | function getLabelText(value) {
function HoverRating (line 23) | function HoverRating() {
FILE: docs/data/material/components/rating/HoverRating.tsx
function getLabelText (line 19) | function getLabelText(value: number) {
function HoverRating (line 23) | function HoverRating() {
FILE: docs/data/material/components/rating/RadioGroupRating.js
function IconContainer (line 40) | function IconContainer(props) {
function RadioGroupRating (line 49) | function RadioGroupRating() {
FILE: docs/data/material/components/rating/RadioGroupRating.tsx
function IconContainer (line 44) | function IconContainer(props: IconContainerProps) {
function RadioGroupRating (line 49) | function RadioGroupRating() {
FILE: docs/data/material/components/rating/RatingSize.js
function RatingSize (line 4) | function RatingSize() {
FILE: docs/data/material/components/rating/RatingSize.tsx
function RatingSize (line 4) | function RatingSize() {
FILE: docs/data/material/components/rating/TextRating.js
function TextRating (line 18) | function TextRating() {
FILE: docs/data/material/components/rating/TextRating.tsx
function TextRating (line 18) | function TextRating() {
FILE: docs/data/material/components/selects/BasicSelect.js
function BasicSelect (line 8) | function BasicSelect() {
FILE: docs/data/material/components/selects/BasicSelect.tsx
function BasicSelect (line 8) | function BasicSelect() {
FILE: docs/data/material/components/selects/ControlledOpenSelect.js
function ControlledOpenSelect (line 8) | function ControlledOpenSelect() {
FILE: docs/data/material/components/selects/ControlledOpenSelect.tsx
function ControlledOpenSelect (line 8) | function ControlledOpenSelect() {
FILE: docs/data/material/components/selects/CustomizedSelects.js
function CustomizedSelects (line 43) | function CustomizedSelects() {
FILE: docs/data/material/components/selects/CustomizedSelects.tsx
function CustomizedSelects (line 43) | function CustomizedSelects() {
FILE: docs/data/material/components/selects/DialogSelect.js
function DialogSelect (line 14) | function DialogSelect() {
FILE: docs/data/material/components/selects/DialogSelect.tsx
function DialogSelect (line 14) | function DialogSelect() {
FILE: docs/data/material/components/selects/GroupedSelect.js
function GroupedSelect (line 7) | function GroupedSelect() {
FILE: docs/data/material/components/selects/GroupedSelect.tsx
function GroupedSelect (line 7) | function GroupedSelect() {
FILE: docs/data/material/components/selects/MultipleSelect.js
constant ITEM_HEIGHT (line 9) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 10) | const ITEM_PADDING_TOP = 8;
function getStyles (line 35) | function getStyles(name, personName, theme) {
function MultipleSelect (line 43) | function MultipleSelect() {
FILE: docs/data/material/components/selects/MultipleSelect.tsx
constant ITEM_HEIGHT (line 9) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 10) | const ITEM_PADDING_TOP = 8;
function getStyles (line 35) | function getStyles(name: string, personName: string[], theme: Theme) {
function MultipleSelect (line 43) | function MultipleSelect() {
FILE: docs/data/material/components/selects/MultipleSelectCheckmarks.js
constant ITEM_HEIGHT (line 11) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 12) | const ITEM_PADDING_TOP = 8;
function MultipleSelectCheckmarks (line 37) | function MultipleSelectCheckmarks() {
FILE: docs/data/material/components/selects/MultipleSelectCheckmarks.tsx
constant ITEM_HEIGHT (line 11) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 12) | const ITEM_PADDING_TOP = 8;
function MultipleSelectCheckmarks (line 37) | function MultipleSelectCheckmarks() {
FILE: docs/data/material/components/selects/MultipleSelectChip.js
constant ITEM_HEIGHT (line 11) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 12) | const ITEM_PADDING_TOP = 8;
function getStyles (line 37) | function getStyles(name, personName, theme) {
function MultipleSelectChip (line 45) | function MultipleSelectChip() {
FILE: docs/data/material/components/selects/MultipleSelectChip.tsx
constant ITEM_HEIGHT (line 11) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 12) | const ITEM_PADDING_TOP = 8;
function getStyles (line 37) | function getStyles(name: string, personName: readonly string[], theme: T...
function MultipleSelectChip (line 45) | function MultipleSelectChip() {
FILE: docs/data/material/components/selects/MultipleSelectNative.js
function MultipleSelectNative (line 19) | function MultipleSelectNative() {
FILE: docs/data/material/components/selects/MultipleSelectNative.tsx
function MultipleSelectNative (line 19) | function MultipleSelectNative() {
FILE: docs/data/material/components/selects/MultipleSelectPlaceholder.js
constant ITEM_HEIGHT (line 8) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 9) | const ITEM_PADDING_TOP = 8;
function getStyles (line 34) | function getStyles(name, personName, theme) {
function MultipleSelectPlaceholder (line 42) | function MultipleSelectPlaceholder() {
FILE: docs/data/material/components/selects/MultipleSelectPlaceholder.tsx
constant ITEM_HEIGHT (line 8) | const ITEM_HEIGHT = 48;
constant ITEM_PADDING_TOP (line 9) | const ITEM_PADDING_TOP = 8;
function getStyles (line 34) | function getStyles(name: string, personName: readonly string[], theme: T...
function MultipleSelectPlaceholder (line 42) | function MultipleSelectPlaceholder() {
FILE: docs/data/material/components/selects/NativeSelectDemo.js
function NativeSelectDemo (line 6) | function NativeSelectDemo() {
FILE: docs/data/material/components/selects/NativeSelectDemo.tsx
function NativeSelectDemo (line 6) | function NativeSelectDemo() {
FILE: docs/data/material/components/selects/SelectAutoWidth.js
function SelectAutoWidth (line 7) | function SelectAutoWidth() {
FILE: docs/data/material/components/selects/SelectAutoWidth.tsx
function SelectAutoWidth (line 7) | function SelectAutoWidth() {
FILE: docs/data/material/components/selects/SelectLabels.js
function SelectLabels (line 8) | function SelectLabels() {
FILE: docs/data/material/components/selects/SelectLabels.tsx
function SelectLabels (line 8) | function SelectLabels() {
FILE: docs/data/material/components/selects/SelectOtherProps.js
function SelectOtherProps (line 8) | function SelectOtherProps() {
FILE: docs/data/material/components/selects/SelectOtherProps.tsx
function SelectOtherProps (line 8) | function SelectOtherProps() {
FILE: docs/data/material/components/selects/SelectSmall.js
function SelectSmall (line 7) | function SelectSmall() {
FILE: docs/data/material/components/selects/SelectSmall.tsx
function SelectSmall (line 7) | function SelectSmall() {
FILE: docs/data/material/components/selects/SelectVariants.js
function SelectVariants (line 7) | function SelectVariants() {
FILE: docs/data/material/components/selects/SelectVariants.tsx
function SelectVariants (line 7) | function SelectVariants() {
FILE: docs/data/material/components/skeleton/Animations.js
function Animations (line 4) | function Animations() {
FILE: docs/data/material/components/skeleton/Animations.tsx
function Animations (line 4) | function Animations() {
FILE: docs/data/material/components/skeleton/Facebook.js
function Media (line 13) | function Media(props) {
function Facebook (line 88) | function Facebook() {
FILE: docs/data/material/components/skeleton/Facebook.tsx
type MediaProps (line 12) | interface MediaProps {
function Media (line 16) | function Media(props: MediaProps) {
function Facebook (line 87) | function Facebook() {
FILE: docs/data/material/components/skeleton/SkeletonChildren.js
function SkeletonChildrenDemo (line 13) | function SkeletonChildrenDemo(props) {
function SkeletonChildren (line 56) | function SkeletonChildren() {
FILE: docs/data/material/components/skeleton/SkeletonChildren.tsx
function SkeletonChildrenDemo (line 12) | function SkeletonChildrenDemo(props: { loading?: boolean }) {
function SkeletonChildren (line 51) | function SkeletonChildren() {
FILE: docs/data/material/components/skeleton/SkeletonColor.js
function SkeletonColor (line 4) | function SkeletonColor() {
FILE: docs/data/material/components/skeleton/SkeletonColor.tsx
function SkeletonColor (line 4) | function SkeletonColor() {
FILE: docs/data/material/components/skeleton/SkeletonTypography.js
function TypographyDemo (line 8) | function TypographyDemo(props) {
function SkeletonTypography (line 26) | function SkeletonTypography() {
FILE: docs/data/material/components/skeleton/SkeletonTypography.tsx
function TypographyDemo (line 12) | function TypographyDemo(props: { loading?: boolean }) {
function SkeletonTypography (line 26) | function SkeletonTypography() {
FILE: docs/data/material/components/skeleton/Variants.js
function Variants (line 4) | function Variants() {
FILE: docs/data/material/components/skeleton/Variants.tsx
function Variants (line 4) | function Variants() {
FILE: docs/data/material/components/skeleton/YouTube.js
function Media (line 31) | function Media(props) {
function YouTube (line 78) | function YouTube() {
FILE: docs/data/material/components/skeleton/YouTube.tsx
type MediaProps (line 30) | interface MediaProps {
function Media (line 34) | function Media(props: MediaProps) {
function YouTube (line 77) | function YouTube() {
FILE: docs/data/material/components/slider/ColorSlider.js
function valuetext (line 4) | function valuetext(value) {
function ColorSlider (line 8) | function ColorSlider() {
FILE: docs/data/material/components/slider/ColorSlider.tsx
function valuetext (line 4) | function valuetext(value: number) {
function ColorSlider (line 8) | function ColorSlider() {
FILE: docs/data/material/components/slider/ContinuousSlider.js
function ContinuousSlider (line 8) | function ContinuousSlider() {
FILE: docs/data/material/components/slider/ContinuousSlider.tsx
function ContinuousSlider (line 8) | function ContinuousSlider() {
FILE: docs/data/material/components/slider/CustomMarks.js
constant MAX (line 6) | const MAX = 100;
constant MIN (line 7) | const MIN = 0;
function CustomMarks (line 19) | function CustomMarks() {
FILE: docs/data/material/components/slider/CustomMarks.tsx
constant MAX (line 6) | const MAX = 100;
constant MIN (line 7) | const MIN = 0;
function CustomMarks (line 19) | function CustomMarks() {
FILE: docs/data/material/components/slider/CustomizedSlider.js
function ValueLabelComponent (line 9) | function ValueLabelComponent(props) {
function AirbnbThumbComponent (line 152) | function AirbnbThumbComponent(props) {
function CustomizedSlider (line 168) | function CustomizedSlider() {
FILE: docs/data/material/components/slider/CustomizedSlider.tsx
function ValueLabelComponent (line 8) | function ValueLabelComponent(props: SliderValueLabelProps) {
type AirbnbThumbComponentProps (line 146) | interface AirbnbThumbComponentProps extends React.HTMLAttributes<unknown...
function AirbnbThumbComponent (line 148) | function AirbnbThumbComponent(props: AirbnbThumbComponentProps) {
function CustomizedSlider (line 160) | function CustomizedSlider() {
FILE: docs/data/material/components/slider/DiscreteSlider.js
function valuetext (line 4) | function valuetext(value) {
function DiscreteSlider (line 8) | function DiscreteSlider() {
FILE: docs/data/material/components/slider/DiscreteSlider.tsx
function valuetext (line 4) | function valuetext(value: number) {
function DiscreteSlider (line 8) | function DiscreteSlider() {
FILE: docs/data/material/components/slider/DiscreteSliderLabel.js
function valuetext (line 23) | function valuetext(value) {
function DiscreteSliderLabel (line 27) | function DiscreteSliderLabel() {
FILE: docs/data/material/components/slider/DiscreteSliderLabel.tsx
function valuetext (line 23) | function valuetext(value: number) {
function DiscreteSliderLabel (line 27) | function DiscreteSliderLabel() {
FILE: docs/data/material/components/slider/DiscreteSliderMarks.js
function valuetext (line 23) | function valuetext(value) {
function DiscreteSliderMarks (line 27) | function DiscreteSliderMarks() {
FILE: docs/data/material/components/slider/DiscreteSliderMarks.tsx
function valuetext (line 23) | function valuetext(value: number) {
function DiscreteSliderMarks (line 27) | function DiscreteSliderMarks() {
FILE: docs/data/material/components/slider/DiscreteSliderSteps.js
function valuetext (line 4) | function valuetext(value) {
function DiscreteSliderSteps (line 8) | function DiscreteSliderSteps() {
FILE: docs/data/material/components/slider/DiscreteSliderSteps.tsx
function valuetext (line 4) | function valuetext(value: number) {
function DiscreteSliderSteps (line 8) | function DiscreteSliderSteps() {
FILE: docs/data/material/components/slider/DiscreteSliderValues.js
function valuetext (line 23) | function valuetext(value) {
function DiscreteSliderValues (line 27) | function DiscreteSliderValues() {
FILE: docs/data/material/components/slider/DiscreteSliderValues.tsx
function valuetext (line 23) | function valuetext(value: number) {
function DiscreteSliderValues (line 27) | function DiscreteSliderValues() {
FILE: docs/data/material/components/slider/InputSlider.js
function InputSlider (line 14) | function InputSlider() {
FILE: docs/data/material/components/slider/InputSlider.tsx
function InputSlider (line 14) | function InputSlider() {
FILE: docs/data/material/components/slider/MinimumDistanceSlider.js
function valuetext (line 5) | function valuetext(value) {
function MinimumDistanceSlider (line 11) | function MinimumDistanceSlider() {
FILE: docs/data/material/components/slider/MinimumDistanceSlider.tsx
function valuetext (line 5) | function valuetext(value: number) {
function MinimumDistanceSlider (line 11) | function MinimumDistanceSlider() {
FILE: docs/data/material/components/slider/MusicPlayerSlider.js
function MusicPlayerSlider (line 82) | function MusicPlayerSlider() {
FILE: docs/data/material/components/slider/MusicPlayerSlider.tsx
function MusicPlayerSlider (line 82) | function MusicPlayerSlider() {
FILE: docs/data/material/components/slider/NonLinearSlider.js
function valueLabelFormat (line 6) | function valueLabelFormat(value) {
function calculateValue (line 20) | function calculateValue(value) {
function NonLinearSlider (line 24) | function NonLinearSlider() {
FILE: docs/data/material/components/slider/NonLinearSlider.tsx
function valueLabelFormat (line 6) | function valueLabelFormat(value: number) {
function calculateValue (line 20) | function calculateValue(value: number) {
function NonLinearSlider (line 24) | function NonLinearSlider() {
FILE: docs/data/material/components/slider/RangeSlider.js
function valuetext (line 5) | function valuetext(value) {
function RangeSlider (line 9) | function RangeSlider() {
FILE: docs/data/material/components/slider/RangeSlider.tsx
function valuetext (line 5) | function valuetext(value: number) {
function RangeSlider (line 9) | function RangeSlider() {
FILE: docs/data/material/components/slider/SliderSizes.js
function SliderSizes (line 4) | function SliderSizes() {
FILE: docs/data/material/components/slider/SliderSizes.tsx
function SliderSizes (line 4) | function SliderSizes() {
FILE: docs/data/material/components/slider/TrackFalseSlider.js
function valuetext (line 31) | function valuetext(value) {
function TrackFalseSlider (line 35) | function TrackFalseSlider() {
FILE: docs/data/material/components/slider/TrackFalseSlider.tsx
function valuetext (line 31) | function valuetext(value: number) {
function TrackFalseSlider (line 35) | function TrackFalseSlider() {
FILE: docs/data/material/components/slider/TrackInvertedSlider.js
function valuetext (line 31) | function valuetext(value) {
function TrackInvertedSlider (line 35) | function TrackInvertedSlider() {
FILE: docs/data/material/components/slider/TrackInvertedSlider.tsx
function valuetext (line 31) | function valuetext(value: number) {
function TrackInvertedSlider (line 35) | function TrackInvertedSlider() {
FILE: docs/data/material/components/slider/VerticalSlider.js
function VerticalSlider (line 4) | function VerticalSlider() {
function getAriaValueText (line 33) | function getAriaValueText(value) {
FILE: docs/data/material/components/slider/VerticalSlider.tsx
function VerticalSlider (line 4) | function VerticalSlider() {
function getAriaValueText (line 33) | function getAriaValueText(value: number) {
FILE: docs/data/material/components/snackbars/AutohideSnackbar.js
function AutohideSnackbar (line 5) | function AutohideSnackbar() {
FILE: docs/data/material/components/snackbars/AutohideSnackbar.tsx
function AutohideSnackbar (line 5) | function AutohideSnackbar() {
FILE: docs/data/material/components/snackbars/ConsecutiveSnackbars.js
function ConsecutiveSnackbars (line 7) | function ConsecutiveSnackbars() {
FILE: docs/data/material/components/snackbars/ConsecutiveSnackbars.tsx
type SnackbarMessage (line 7) | interface SnackbarMessage {
function ConsecutiveSnackbars (line 12) | function ConsecutiveSnackbars() {
FILE: docs/data/material/components/snackbars/CustomizedSnackbars.js
function CustomizedSnackbars (line 6) | function CustomizedSnackbars() {
FILE: docs/data/material/components/snackbars/CustomizedSnackbars.tsx
function CustomizedSnackbars (line 6) | function CustomizedSnackbars() {
FILE: docs/data/material/components/snackbars/DirectionSnackbar.js
function TransitionLeft (line 8) | function TransitionLeft(props) {
function TransitionUp (line 12) | function TransitionUp(props) {
function TransitionRight (line 16) | function TransitionRight(props) {
function TransitionDown (line 20) | function TransitionDown(props) {
function DirectionSnackbar (line 24) | function DirectionSnackbar() {
FILE: docs/data/material/components/snackbars/DirectionSnackbar.tsx
type TransitionProps (line 8) | type TransitionProps = Omit<SlideProps, 'direction'>;
function TransitionLeft (line 10) | function TransitionLeft(props: TransitionProps) {
function TransitionUp (line 14) | function TransitionUp(props: TransitionProps) {
function TransitionRight (line 18) | function TransitionRight(props: TransitionProps) {
function TransitionDown (line 22) | function TransitionDown(props: TransitionProps) {
function DirectionSnackbar (line 26) | function DirectionSnackbar() {
FILE: docs/data/material/components/snackbars/FabIntegrationSnackbar.js
function FabIntegrationSnackbar (line 14) | function FabIntegrationSnackbar() {
FILE: docs/data/material/components/snackbars/FabIntegrationSnackbar.tsx
function FabIntegrationSnackbar (line 14) | function FabIntegrationSnackbar() {
FILE: docs/data/material/components/snackbars/IntegrationNotistack.js
function MyApp (line 5) | function MyApp() {
function IntegrationNotistack (line 25) | function IntegrationNotistack() {
FILE: docs/data/material/components/snackbars/IntegrationNotistack.tsx
function MyApp (line 5) | function MyApp() {
function IntegrationNotistack (line 25) | function IntegrationNotistack() {
FILE: docs/data/material/components/snackbars/LongTextSnackbar.js
function LongTextSnackbar (line 11) | function LongTextSnackbar() {
FILE: docs/data/material/components/snackbars/LongTextSnackbar.tsx
function LongTextSnackbar (line 11) | function LongTextSnackbar() {
FILE: docs/data/material/components/snackbars/PositionedSnackbar.js
function PositionedSnackbar (line 7) | function PositionedSnackbar() {
FILE: docs/data/material/components/snackbars/PositionedSnackbar.tsx
type State (line 7) | interface State extends SnackbarOrigin {
function PositionedSnackbar (line 11) | function PositionedSnackbar() {
FILE: docs/data/material/components/snackbars/SimpleSnackbar.js
function SimpleSnackbar (line 7) | function SimpleSnackbar() {
FILE: docs/data/material/components/snackbars/SimpleSnackbar.tsx
function SimpleSnackbar (line 7) | function SimpleSnackbar() {
FILE: docs/data/material/components/snackbars/TransitionsSnackbar.js
function SlideTransition (line 8) | function SlideTransition(props) {
function GrowTransition (line 12) | function GrowTransition(props) {
function TransitionsSnackbar (line 16) | function TransitionsSnackbar() {
FILE: docs/data/material/components/snackbars/TransitionsSnackbar.tsx
function SlideTransition (line 9) | function SlideTransition(props: SlideProps) {
function GrowTransition (line 13) | function GrowTransition(props: GrowProps) {
function TransitionsSnackbar (line 17) | function TransitionsSnackbar() {
FILE: docs/data/material/components/speed-dial/BasicSpeedDial.js
function BasicSpeedDial (line 17) | function BasicSpeedDial() {
FILE: docs/data/material/components/speed-dial/BasicSpeedDial.tsx
function BasicSpeedDial (line 17) | function BasicSpeedDial() {
FILE: docs/data/material/components/speed-dial/ControlledOpenSpeedDial.js
function ControlledOpenSpeedDial (line 18) | function ControlledOpenSpeedDial() {
FILE: docs/data/material/components/speed-dial/ControlledOpenSpeedDial.tsx
function ControlledOpenSpeedDial (line 18) | function ControlledOpenSpeedDial() {
FILE: docs/data/material/components/speed-dial/OpenIconSpeedDial.js
function OpenIconSpeedDial (line 18) | function OpenIconSpeedDial() {
FILE: docs/data/material/components/speed-dial/OpenIconSpeedDial.tsx
function OpenIconSpeedDial (line 18) | function OpenIconSpeedDial() {
FILE: docs/data/material/components/speed-dial/PlaygroundSpeedDial.js
function PlaygroundSpeedDial (line 37) | function PlaygroundSpeedDial() {
FILE: docs/data/material/components/speed-dial/PlaygroundSpeedDial.tsx
function PlaygroundSpeedDial (line 37) | function PlaygroundSpeedDial() {
FILE: docs/data/material/components/speed-dial/SpeedDialTooltipOpen.js
function SpeedDialTooltipOpen (line 19) | function SpeedDialTooltipOpen() {
FILE: docs/data/material/components/speed-dial/SpeedDialTooltipOpen.tsx
function SpeedDialTooltipOpen (line 19) | function SpeedDialTooltipOpen() {
FILE: docs/data/material/components/stack/BasicStack.js
function BasicStack (line 17) | function BasicStack() {
FILE: docs/data/material/components/stack/BasicStack.tsx
function BasicStack (line 17) | function BasicStack() {
FILE: docs/data/material/components/stack/DirectionStack.js
function DirectionStack (line 16) | function DirectionStack() {
FILE: docs/data/material/components/stack/DirectionStack.tsx
function DirectionStack (line 16) | function DirectionStack() {
FILE: docs/data/material/components/stack/DividerStack.js
function DividerStack (line 17) | function DividerStack() {
FILE: docs/data/material/components/stack/DividerStack.tsx
function DividerStack (line 17) | function DividerStack() {
FILE: docs/data/material/components/stack/FlexboxGapStack.js
function FlexboxGapStack (line 18) | function FlexboxGapStack() {
FILE: docs/data/material/components/stack/FlexboxGapStack.tsx
function FlexboxGapStack (line 18) | function FlexboxGapStack() {
FILE: docs/data/material/components/stack/InteractiveStack.js
function InteractiveStack (line 12) | function InteractiveStack() {
FILE: docs/data/material/components/stack/InteractiveStack.tsx
function InteractiveStack (line 12) | function InteractiveStack() {
FILE: docs/data/material/components/stack/ResponsiveStack.js
function ResponsiveStack (line 16) | function ResponsiveStack() {
FILE: docs/data/material/components/stack/ResponsiveStack.tsx
function ResponsiveStack (line 16) | function ResponsiveStack() {
FILE: docs/data/material/components/stack/ZeroWidthStack.js
function ZeroWidthStack (line 23) | function ZeroWidthStack() {
FILE: docs/data/material/components/stack/ZeroWidthStack.tsx
function ZeroWidthStack (line 23) | function ZeroWidthStack() {
FILE: docs/data/material/components/steppers/CustomizedSteppers.js
function QontoStepIcon (line 69) | function QontoStepIcon(props) {
function ColorlibStepIcon (line 156) | function ColorlibStepIcon(props) {
function CustomizedSteppers (line 192) | function CustomizedSteppers() {
FILE: docs/data/material/components/steppers/CustomizedSteppers.tsx
function QontoStepIcon (line 71) | function QontoStepIcon(props: StepIconProps) {
function ColorlibStepIcon (line 146) | function ColorlibStepIcon(props: StepIconProps) {
function CustomizedSteppers (line 164) | function CustomizedSteppers() {
FILE: docs/data/material/components/steppers/DotsMobileStepper.js
function DotsMobileStepper (line 8) | function DotsMobileStepper() {
FILE: docs/data/material/components/steppers/DotsMobileStepper.tsx
function DotsMobileStepper (line 8) | function DotsMobileStepper() {
FILE: docs/data/material/components/steppers/HorizontalLinearAlternativeLabelStepper.js
function HorizontalLinearAlternativeLabelStepper (line 12) | function HorizontalLinearAlternativeLabelStepper() {
FILE: docs/data/material/components/steppers/HorizontalLinearAlternativeLabelStepper.tsx
function HorizontalLinearAlternativeLabelStepper (line 12) | function HorizontalLinearAlternativeLabelStepper() {
FILE: docs/data/material/components/steppers/HorizontalLinearStepper.js
function HorizontalLinearStepper (line 11) | function HorizontalLinearStepper() {
FILE: docs/data/material/components/steppers/HorizontalLinearStepper.tsx
function HorizontalLinearStepper (line 11) | function HorizontalLinearStepper() {
FILE: docs/data/material/components/steppers/HorizontalNonLinearStepper.js
function HorizontalNonLinearStepper (line 11) | function HorizontalNonLinearStepper() {
FILE: docs/data/material/components/steppers/HorizontalNonLinearStepper.tsx
function HorizontalNonLinearStepper (line 11) | function HorizontalNonLinearStepper() {
FILE: docs/data/material/components/steppers/HorizontalStepperWithError.js
function HorizontalStepperWithError (line 10) | function HorizontalStepperWithError() {
FILE: docs/data/material/components/steppers/HorizontalStepperWithError.tsx
function HorizontalStepperWithError (line 10) | function HorizontalStepperWithError() {
FILE: docs/data/material/components/steppers/ProgressMobileStepper.js
function ProgressMobileStepper (line 8) | function ProgressMobileStepper() {
FILE: docs/data/material/components/steppers/ProgressMobileStepper.tsx
function ProgressMobileStepper (line 8) | function ProgressMobileStepper() {
FILE: docs/data/material/components/steppers/TextMobileStepper.js
function TextMobileStepper (line 32) | function TextMobileStepper() {
FILE: docs/data/material/components/steppers/TextMobileStepper.tsx
function TextMobileStepper (line 32) | function TextMobileStepper() {
FILE: docs/data/material/components/steppers/VerticalLinearStepper.js
function VerticalLinearStepper (line 32) | function VerticalLinearStepper() {
FILE: docs/data/material/components/steppers/VerticalLinearStepper.tsx
function VerticalLinearStepper (line 32) | function VerticalLinearStepper() {
FILE: docs/data/material/components/switches/BasicSwitches.js
function BasicSwitches (line 5) | function BasicSwitches() {
FILE: docs/data/material/components/switches/BasicSwitches.tsx
function BasicSwitches (line 5) | function BasicSwitches() {
FILE: docs/data/material/components/switches/ColorSwitches.js
function ColorSwitches (line 19) | function ColorSwitches() {
FILE: docs/data/material/components/switches/ColorSwitches.tsx
function ColorSwitches (line 19) | function ColorSwitches() {
FILE: docs/data/material/components/switches/ControlledSwitches.js
function ControlledSwitches (line 4) | function ControlledSwitches() {
FILE: docs/data/material/components/switches/ControlledSwitches.tsx
function ControlledSwitches (line 4) | function ControlledSwitches() {
FILE: docs/data/material/components/switches/CustomizedSwitches.js
function CustomizedSwitches (line 204) | function CustomizedSwitches() {
FILE: docs/data/material/components/switches/CustomizedSwitches.tsx
function CustomizedSwitches (line 204) | function CustomizedSwitches() {
FILE: docs/data/material/components/switches/FormControlLabelPosition.js
function FormControlLabelPosition (line 7) | function FormControlLabelPosition() {
FILE: docs/data/material/components/switches/FormControlLabelPosition.tsx
function FormControlLabelPosition (line 7) | function FormControlLabelPosition() {
FILE: docs/data/material/components/switches/SwitchLabels.js
function SwitchLabels (line 5) | function SwitchLabels() {
FILE: docs/data/material/components/switches/SwitchLabels.tsx
function SwitchLabels (line 5) | function SwitchLabels() {
FILE: docs/data/material/components/switches/SwitchesGroup.js
function SwitchesGroup (line 9) | function SwitchesGroup() {
FILE: docs/data/material/components/switches/SwitchesGroup.tsx
function SwitchesGroup (line 9) | function SwitchesGroup() {
FILE: docs/data/material/components/switches/SwitchesSize.js
function SwitchesSize (line 5) | function SwitchesSize() {
FILE: docs/data/material/components/switches/SwitchesSize.tsx
function SwitchesSize (line 5) | function SwitchesSize() {
FILE: docs/data/material/components/table/AccessibleTable.js
function createData (line 9) | function createData(name, calories, fat, carbs, protein) {
function AccessibleTable (line 19) | function AccessibleTable() {
FILE: docs/data/material/components/table/AccessibleTable.tsx
function createData (line 9) | function createData(
function AccessibleTable (line 25) | function AccessibleTable() {
FILE: docs/data/material/components/table/BasicTable.js
function createData (line 9) | function createData(name, calories, fat, carbs, protein) {
function BasicTable (line 21) | function BasicTable() {
FILE: docs/data/material/components/table/BasicTable.tsx
function createData (line 9) | function createData(
function BasicTable (line 27) | function BasicTable() {
FILE: docs/data/material/components/table/CollapsibleTable.js
function createData (line 17) | function createData(name, calories, fat, carbs, protein, price) {
function Row (line 40) | function Row(props) {
function CollapsibleTable (line 129) | function CollapsibleTable() {
FILE: docs/data/material/components/table/CollapsibleTable.tsx
function createData (line 16) | function createData(
function Row (line 46) | function Row(props: { row: ReturnType<typeof createData> }) {
function CollapsibleTable (line 115) | function CollapsibleTable() {
FILE: docs/data/material/components/table/ColumnGroupingTable.js
function createData (line 37) | function createData(name, code, population, size) {
function ColumnGroupingTable (line 60) | function ColumnGroupingTable() {
FILE: docs/data/material/components/table/ColumnGroupingTable.tsx
type Column (line 11) | interface Column {
type Data (line 45) | interface Data {
function createData (line 53) | function createData(
function ColumnGroupingTable (line 81) | function ColumnGroupingTable() {
FILE: docs/data/material/components/table/CustomPaginationActionsTable.js
function TablePaginationActions (line 19) | function TablePaginationActions(props) {
function createData (line 80) | function createData(name, calories, fat) {
function CustomPaginationActionsTable (line 100) | function CustomPaginationActionsTable() {
FILE: docs/data/material/components/table/CustomPaginationActionsTable.tsx
type TablePaginationActionsProps (line 18) | interface TablePaginationActionsProps {
function TablePaginationActions (line 28) | function TablePaginationActions(props: TablePaginationActionsProps) {
function createData (line 84) | function createData(name: string, calories: number, fat: number) {
function CustomPaginationActionsTable (line 104) | function CustomPaginationActionsTable() {
FILE: docs/data/material/components/table/CustomizedTables.js
function createData (line 30) | function createData(name, calories, fat, carbs, protein) {
function CustomizedTables (line 42) | function CustomizedTables() {
FILE: docs/data/material/components/table/CustomizedTables.tsx
function createData (line 30) | function createData(
function CustomizedTables (line 48) | function CustomizedTables() {
FILE: docs/data/material/components/table/DataTable.js
function DataTable (line 38) | function DataTable() {
FILE: docs/data/material/components/table/DataTable.tsx
function DataTable (line 38) | function DataTable() {
FILE: docs/data/material/components/table/DenseTable.js
function createData (line 9) | function createData(name, calories, fat, carbs, protein) {
function DenseTable (line 21) | function DenseTable() {
FILE: docs/data/material/components/table/DenseTable.tsx
function createData (line 9) | function createData(
function DenseTable (line 27) | function DenseTable() {
FILE: docs/data/material/components/table/EnhancedTable.js
function createData (line 25) | function createData(id, name, calories, fat, carbs, protein) {
function descendingComparator (line 52) | function descendingComparator(a, b, orderBy) {
function getComparator (line 62) | function getComparator(order, orderBy) {
function EnhancedTableHead (line 101) | function EnhancedTableHead(props) {
function EnhancedTableToolbar (line 157) | function EnhancedTableToolbar(props) {
function EnhancedTable (line 214) | function EnhancedTable() {
FILE: docs/data/material/components/table/EnhancedTable.tsx
type Data (line 24) | interface Data {
function createData (line 33) | function createData(
function descendingComparator (line 67) | function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {
type Order (line 77) | type Order = 'asc' | 'desc';
function getComparator (line 79) | function getComparator<Key extends keyof any>(
type HeadCell (line 91) | interface HeadCell {
type EnhancedTableProps (line 131) | interface EnhancedTableProps {
function EnhancedTableHead (line 140) | function EnhancedTableHead(props: EnhancedTableProps) {
type EnhancedTableToolbarProps (line 187) | interface EnhancedTableToolbarProps {
function EnhancedTableToolbar (line 190) | function EnhancedTableToolbar(props: EnhancedTableToolbarProps) {
function EnhancedTable (line 242) | function EnhancedTable() {
FILE: docs/data/material/components/table/ReactVirtualizedTable.js
function createData (line 14) | function createData(id) {
function fixedHeaderContent (line 68) | function fixedHeaderContent() {
function rowContent (line 86) | function rowContent(_index, row) {
function ReactVirtualizedTable (line 101) | function ReactVirtualizedTable() {
FILE: docs/data/material/components/table/ReactVirtualizedTable.tsx
type Data (line 12) | interface Data {
type ColumnData (line 21) | interface ColumnData {
function createData (line 30) | function createData(id: number): Data {
function fixedHeaderContent (line 88) | function fixedHeaderContent() {
function rowContent (line 106) | function rowContent(_index: number, row: Data) {
function ReactVirtualizedTable (line 121) | function ReactVirtualizedTable() {
FILE: docs/data/material/components/table/SpanningTable.js
constant TAX_RATE (line 9) | const TAX_RATE = 0.07;
function ccyFormat (line 11) | function ccyFormat(num) {
function priceRow (line 15) | function priceRow(qty, unit) {
function createRow (line 19) | function createRow(desc, qty, unit) {
function subtotal (line 24) | function subtotal(items) {
function SpanningTable (line 38) | function SpanningTable() {
FILE: docs/data/material/components/table/SpanningTable.tsx
constant TAX_RATE (line 9) | const TAX_RATE = 0.07;
function ccyFormat (line 11) | function ccyFormat(num: number) {
function priceRow (line 15) | function priceRow(qty: number, unit: number) {
function createRow (line 19) | function createRow(desc: string, qty: number, unit: number) {
type Row (line 24) | interface Row {
function subtotal (line 31) | function subtotal(items: readonly Row[]) {
function SpanningTable (line 45) | function SpanningTable() {
FILE: docs/data/material/components/table/StickyHeadTable.js
function createData (line 37) | function createData(name, code, population, size) {
function StickyHeadTable (line 60) | function StickyHeadTable() {
FILE: docs/data/material/components/table/StickyHeadTable.tsx
type Column (line 11) | interface Column {
type Data (line 45) | interface Data {
function createData (line 53) | function createData(
function StickyHeadTable (line 81) | function StickyHeadTable() {
FILE: docs/data/material/components/tabs/AccessibleTabs1.js
function AccessibleTabs1 (line 6) | function AccessibleTabs1() {
FILE: docs/data/material/components/tabs/AccessibleTabs1.tsx
function AccessibleTabs1 (line 6) | function AccessibleTabs1() {
FILE: docs/data/material/components/tabs/AccessibleTabs2.js
function AccessibleTabs2 (line 6) | function AccessibleTabs2() {
FILE: docs/data/material/components/tabs/AccessibleTabs2.tsx
function AccessibleTabs2 (line 6) | function AccessibleTabs2() {
FILE: docs/data/material/components/tabs/BasicTabs.js
function CustomTabPanel (line 7) | function CustomTabPanel(props) {
function a11yProps (line 29) | function a11yProps(index) {
function BasicTabs (line 36) | function BasicTabs() {
FILE: docs/data/material/components/tabs/BasicTabs.tsx
type TabPanelProps (line 6) | interface TabPanelProps {
function CustomTabPanel (line 12) | function CustomTabPanel(props: TabPanelProps) {
function a11yProps (line 28) | function a11yProps(index: number) {
function BasicTabs (line 35) | function BasicTabs() {
FILE: docs/data/material/components/tabs/CenteredTabs.js
function CenteredTabs (line 6) | function CenteredTabs() {
FILE: docs/data/material/components/tabs/CenteredTabs.tsx
function CenteredTabs (line 6) | function CenteredTabs() {
FILE: docs/data/material/components/tabs/ColorTabs.js
function ColorTabs (line 6) | function ColorTabs() {
FILE: docs/data/material/components/tabs/ColorTabs.tsx
function ColorTabs (line 6) | function ColorTabs() {
FILE: docs/data/material/components/tabs/CustomizedTabs.js
function CustomizedTabs (line 84) | function CustomizedTabs() {
FILE: docs/data/material/components/tabs/CustomizedTabs.tsx
type StyledTabsProps (line 50) | interface StyledTabsProps {
type StyledTabProps (line 76) | interface StyledTabProps {
function CustomizedTabs (line 96) | function CustomizedTabs() {
FILE: docs/data/material/components/tabs/DisabledTabs.js
function DisabledTabs (line 5) | function DisabledTabs() {
FILE: docs/data/material/components/tabs/DisabledTabs.tsx
function DisabledTabs (line 5) | function DisabledTabs() {
FILE: docs/data/material/components/tabs/FullWidthTabs.js
function TabPanel (line 10) | function TabPanel(props) {
function a11yProps (line 36) | function a11yProps(index) {
function FullWidthTabs (line 43) | function FullWidthTabs() {
FILE: docs/data/material/components/tabs/FullWidthTabs.tsx
type TabPanelProps (line 9) | interface TabPanelProps {
function TabPanel (line 16) | function TabPanel(props: TabPanelProps) {
function a11yProps (line 36) | function a11yProps(index: number) {
function FullWidthTabs (line 43) | function FullWidthTabs() {
FILE: docs/data/material/components/tabs/IconLabelTabs.js
function IconLabelTabs (line 8) | function IconLabelTabs() {
FILE: docs/data/material/components/tabs/IconLabelTabs.tsx
function IconLabelTabs (line 8) | function IconLabelTabs() {
FILE: docs/data/material/components/tabs/IconPositionTabs.js
function IconPositionTabs (line 9) | function IconPositionTabs() {
FILE: docs/data/material/components/tabs/IconPositionTabs.tsx
function IconPositionTabs (line 9) | function IconPositionTabs() {
FILE: docs/data/material/components/tabs/IconTabs.js
function IconTabs (line 8) | function IconTabs() {
FILE: docs/data/material/components/tabs/IconTabs.tsx
function IconTabs (line 8) | function IconTabs() {
FILE: docs/data/material/components/tabs/LabTabs.js
function LabTabs (line 8) | function LabTabs() {
FILE: docs/data/material/components/tabs/LabTabs.tsx
function LabTabs (line 8) | function LabTabs() {
FILE: docs/data/material/components/tabs/NavTabs.js
function samePageLinkNavigation (line 7) | function samePageLinkNavigation(event) {
function LinkTab (line 21) | function LinkTab(props) {
function NavTabs (line 41) | function NavTabs() {
FILE: docs/data/material/components/tabs/NavTabs.tsx
function samePageLinkNavigation (line 6) | function samePageLinkNavigation(
type LinkTabProps (line 22) | interface LinkTabProps {
function LinkTab (line 28) | function LinkTab(props: LinkTabProps) {
function NavTabs (line 44) | function NavTabs() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonAuto.js
function ScrollableTabsButtonAuto (line 6) | function ScrollableTabsButtonAuto() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonAuto.tsx
function ScrollableTabsButtonAuto (line 6) | function ScrollableTabsButtonAuto() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonForce.js
function ScrollableTabsButtonForce (line 6) | function ScrollableTabsButtonForce() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonForce.tsx
function ScrollableTabsButtonForce (line 6) | function ScrollableTabsButtonForce() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonPrevent.js
function ScrollableTabsButtonPrevent (line 6) | function ScrollableTabsButtonPrevent() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonPrevent.tsx
function ScrollableTabsButtonPrevent (line 6) | function ScrollableTabsButtonPrevent() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonVisible.js
function ScrollableTabsButtonVisible (line 6) | function ScrollableTabsButtonVisible() {
FILE: docs/data/material/components/tabs/ScrollableTabsButtonVisible.tsx
function ScrollableTabsButtonVisible (line 6) | function ScrollableTabsButtonVisible() {
FILE: docs/data/material/components/tabs/TabsWrappedLabel.js
function TabsWrappedLabel (line 6) | function TabsWrappedLabel() {
FILE: docs/data/material/components/tabs/TabsWrappedLabel.tsx
function TabsWrappedLabel (line 6) | function TabsWrappedLabel() {
FILE: docs/data/material/components/tabs/VerticalTabs.js
function TabPanel (line 8) | function TabPanel(props) {
function a11yProps (line 34) | function a11yProps(index) {
function VerticalTabs (line 41) | function VerticalTabs() {
FILE: docs/data/material/components/tabs/VerticalTabs.tsx
type TabPanelProps (line 7) | interface TabPanelProps {
function TabPanel (line 13) | function TabPanel(props: TabPanelProps) {
function a11yProps (line 33) | function a11yProps(index: number) {
function VerticalTabs (line 40) | function VerticalTabs() {
FILE: docs/data/material/components/text-fields/BasicTextFields.js
function BasicTextFields (line 4) | function BasicTextFields() {
FILE: docs/data/material/components/text-fields/BasicTextFields.tsx
function BasicTextFields (line 4) | function BasicTextFields() {
FILE: docs/data/material/components/text-fields/ColorTextFields.js
function ColorTextFields (line 4) | function ColorTextFields() {
FILE: docs/data/material/components/text-fields/ColorTextFields.tsx
function ColorTextFields (line 4) | function ColorTextFields() {
FILE: docs/data/material/components/text-fields/ComposedTextField.js
function ComposedTextField (line 9) | function ComposedTextField() {
FILE: docs/data/material/components/text-fields/ComposedTextField.tsx
function ComposedTextField (line 9) | function ComposedTextField() {
FILE: docs/data/material/components/text-fields/CustomizedInputBase.js
function CustomizedInputBase (line 9) | function CustomizedInputBase() {
FILE: docs/data/material/components/text-fields/CustomizedInputBase.tsx
function CustomizedInputBase (line 9) | function CustomizedInputBase() {
FILE: docs/data/material/components/text-fields/CustomizedInputsStyleOverrides.js
function CustomizedInputsStyleOverrides (line 72) | function CustomizedInputsStyleOverrides() {
FILE: docs/data/material/components/text-fields/CustomizedInputsStyleOverrides.tsx
function CustomizedInputsStyleOverrides (line 72) | function CustomizedInputsStyleOverrides() {
FILE: docs/data/material/components/text-fields/CustomizedInputsStyled.js
function CustomizedInputsStyled (line 119) | function CustomizedInputsStyled() {
FILE: docs/data/material/components/text-fields/CustomizedInputsStyled.tsx
function CustomizedInputsStyled (line 120) | function CustomizedInputsStyled() {
FILE: docs/data/material/components/text-fields/FormPropsTextFields.js
function FormPropsTextFields (line 4) | function FormPropsTextFields() {
FILE: docs/data/material/components/text-fields/FormPropsTextFields.tsx
function FormPropsTextFields (line 4) | function FormPropsTextFields() {
FILE: docs/data/material/components/text-fields/FormattedInputs.js
function FormattedInputs (line 32) | function FormattedInputs() {
FILE: docs/data/material/components/text-fields/FormattedInputs.tsx
type CustomProps (line 10) | interface CustomProps {
function FormattedInputs (line 33) | function FormattedInputs() {
FILE: docs/data/material/components/text-fields/FullWidthTextField.js
function FullWidthTextField (line 4) | function FullWidthTextField() {
FILE: docs/data/material/components/text-fields/FullWidthTextField.tsx
function FullWidthTextField (line 4) | function FullWidthTextField() {
FILE: docs/data/material/components/text-fields/HelperTextAligned.js
function HelperTextAligned (line 4) | function HelperTextAligned() {
FILE: docs/data/material/components/text-fields/HelperTextAligned.tsx
function HelperTextAligned (line 4) | function HelperTextAligned() {
FILE: docs/data/material/components/text-fields/HelperTextMisaligned.js
function HelperTextMisaligned (line 4) | function HelperTextMisaligned() {
FILE: docs/data/material/components/text-fields/HelperTextMisaligned.tsx
function HelperTextMisaligned (line 4) | function HelperTextMisaligned() {
FILE: docs/data/material/components/text-fields/InputAdornments.js
function InputAdornments (line 15) | function InputAdornments() {
FILE: docs/data/material/components/text-fields/InputAdornments.tsx
function InputAdornments (line 15) | function InputAdornments() {
FILE: docs/data/material/components/text-fields/InputSuffixShrink.js
function InputSuffixShrink (line 7) | function InputSuffixShrink() {
FILE: docs/data/material/components/text-fields/InputSuffixShrink.tsx
function InputSuffixShrink (line 7) | function InputSuffixShrink() {
FILE: docs/data/material/components/text-fields/InputWithIcon.js
function InputWithIcon (line 9) | function InputWithIcon() {
FILE: docs/data/material/components/text-fields/InputWithIcon.tsx
function InputWithIcon (line 9) | function InputWithIcon() {
FILE: docs/data/material/components/text-fields/Inputs.js
function Inputs (line 6) | function Inputs() {
FILE: docs/data/material/components/text-fields/Inputs.tsx
function Inputs (line 6) | function Inputs() {
FILE: docs/data/material/components/text-fields/LayoutTextFields.js
function RedBar (line 4) | function RedBar() {
function LayoutTextFields (line 18) | function LayoutTextFields() {
FILE: docs/data/material/components/text-fields/LayoutTextFields.tsx
function RedBar (line 4) | function RedBar() {
function LayoutTextFields (line 18) | function LayoutTextFields() {
FILE: docs/data/material/components/text-fields/MultilineTextFields.js
function MultilineTextFields (line 4) | function MultilineTextFields() {
FILE: docs/data/material/components/text-fields/MultilineTextFields.tsx
function MultilineTextFields (line 4) | function MultilineTextFields() {
FILE: docs/data/material/components/text-fields/SelectTextFields.js
function SelectTextFields (line 24) | function SelectTextFields() {
FILE: docs/data/material/components/text-fields/SelectTextFields.tsx
function SelectTextFields (line 24) | function SelectTextFields() {
FILE: docs/data/material/components/text-fields/StateTextFields.js
function StateTextFields (line 5) | function StateTextFields() {
FILE: docs/data/material/components/text-fields/StateTextFields.tsx
function StateTextFields (line 5) | function StateTextFields() {
FILE: docs/data/material/components/text-fields/TextFieldHiddenLabel.js
function TextFieldHiddenLabel (line 4) | function TextFieldHiddenLabel() {
FILE: docs/data/material/components/text-fields/TextFieldHiddenLabel.tsx
function TextFieldHiddenLabel (line 4) | function TextFieldHiddenLabel() {
FILE: docs/data/material/components/text-fields/TextFieldSizes.js
function TextFieldSizes (line 4) | function TextFieldSizes() {
FILE: docs/data/material/components/text-fields/TextFieldSizes.tsx
function TextFieldSizes (line 4) | function TextFieldSizes() {
FILE: docs/data/material/components/text-fields/UseFormControl.js
function MyFormHelperText (line 6) | function MyFormHelperText() {
function UseFormControl (line 20) | function UseFormControl() {
FILE: docs/data/material/components/text-fields/UseFormControl.tsx
function MyFormHelperText (line 6) | function MyFormHelperText() {
function UseFormControl (line 20) | function UseFormControl() {
FILE: docs/data/material/components/text-fields/ValidationTextFields.js
function ValidationTextFields (line 4) | function ValidationTextFields() {
FILE: docs/data/material/components/text-fields/ValidationTextFields.tsx
function ValidationTextFields (line 4) | function ValidationTextFields() {
FILE: docs/data/material/components/textarea-autosize/EmptyTextarea.js
function EmptyTextarea (line 3) | function EmptyTextarea() {
FILE: docs/data/material/components/textarea-autosize/EmptyTextarea.tsx
function EmptyTextarea (line 3) | function EmptyTextarea() {
FILE: docs/data/material/components/textarea-autosize/MaxHeightTextarea.js
function MaxHeightTextarea (line 3) | function MaxHeightTextarea() {
FILE: docs/data/material/components/textarea-autosize/MaxHeightTextarea.tsx
function MaxHeightTextarea (line 3) | function MaxHeightTextarea() {
FILE: docs/data/material/components/textarea-autosize/MinHeightTextarea.js
function MinHeightTextarea (line 3) | function MinHeightTextarea() {
FILE: docs/data/material/components/textarea-autosize/MinHeightTextarea.tsx
function MinHeightTextarea (line 3) | function MinHeightTextarea() {
FILE: docs/data/material/components/timeline/AlternateReverseTimeline.js
function AlternateReverseTimeline (line 8) | function AlternateReverseTimeline() {
FILE: docs/data/material/components/timeline/AlternateReverseTimeline.tsx
function AlternateReverseTimeline (line 8) | function AlternateReverseTimeline() {
FILE: docs/data/material/components/timeline/AlternateTimeline.js
function AlternateTimeline (line 8) | function AlternateTimeline() {
FILE: docs/data/material/components/timeline/AlternateTimeline.tsx
function AlternateTimeline (line 8) | function AlternateTimeline() {
FILE: docs/data/material/components/timeline/BasicTimeline.js
function BasicTimeline (line 8) | function BasicTimeline() {
FILE: docs/data/material/components/timeline/BasicTimeline.tsx
function BasicTimeline (line 8) | function BasicTimeline() {
FILE: docs/data/material/components/timeline/ColorsTimeline.js
function ColorsTimeline (line 8) | function ColorsTimeline() {
FILE: docs/data/material/components/timeline/ColorsTimeline.tsx
function ColorsTimeline (line 8) | function ColorsTimeline() {
FILE: docs/data/material/components/timeline/CustomizedTimeline.js
function CustomizedTimeline (line 14) | function CustomizedTimeline() {
FILE: docs/data/material/components/timeline/CustomizedTimeline.tsx
function CustomizedTimeline (line 14) | function CustomizedTimeline() {
FILE: docs/data/material/components/timeline/LeftAlignedTimeline.js
function LeftAlignedTimeline (line 11) | function LeftAlignedTimeline() {
FILE: docs/data/material/components/timeline/LeftAlignedTimeline.tsx
function LeftAlignedTimeline (line 11) | function LeftAlignedTimeline() {
FILE: docs/data/material/components/timeline/LeftPositionedTimeline.js
function LeftPositionedTimeline (line 8) | function LeftPositionedTimeline() {
FILE: docs/data/material/components/timeline/LeftPositionedTimeline.tsx
function LeftPositionedTimeline (line 8) | function LeftPositionedTimeline() {
FILE: docs/data/material/components/timeline/NoOppositeContent.js
function NoOppositeContent (line 8) | function NoOppositeContent() {
FILE: docs/data/material/components/timeline/NoOppositeContent.tsx
function NoOppositeContent (line 8) | function NoOppositeContent() {
FILE: docs/data/material/components/timeline/OppositeContentTimeline.js
function OppositeContentTimeline (line 9) | function OppositeContentTimeline() {
FILE: docs/data/material/components/timeline/OppositeContentTimeline.tsx
function OppositeContentTimeline (line 9) | function OppositeContentTimeline() {
FILE: docs/data/material/components/timeline/OutlinedTimeline.js
function OutlinedTimeline (line 8) | function OutlinedTimeline() {
FILE: docs/data/material/components/timeline/OutlinedTimeline.tsx
function OutlinedTimeline (line 8) | function OutlinedTimeline() {
FILE: docs/data/material/components/timeline/RightAlignedTimeline.js
function RightAlignedTimeline (line 9) | function RightAlignedTimeline() {
FILE: docs/data/material/components/timeline/RightAlignedTimeline.tsx
function RightAlignedTimeline (line 9) | function RightAlignedTimeline() {
FILE: docs/data/material/components/toggle-button/ColorToggleButton.js
function ColorToggleButton (line 5) | function ColorToggleButton() {
FILE: docs/data/material/components/toggle-button/ColorToggleButton.tsx
function ColorToggleButton (line 5) | function ColorToggleButton() {
FILE: docs/data/material/components/toggle-button/CustomizedDividers.js
function CustomizedDividers (line 35) | function CustomizedDividers() {
FILE: docs/data/material/components/toggle-button/CustomizedDividers.tsx
function CustomizedDividers (line 35) | function CustomizedDividers() {
FILE: docs/data/material/components/toggle-button/HorizontalSpacingToggleButton.js
function HorizontalSpacingToggleButton (line 31) | function HorizontalSpacingToggleButton() {
FILE: docs/data/material/components/toggle-button/HorizontalSpacingToggleButton.tsx
function HorizontalSpacingToggleButton (line 31) | function HorizontalSpacingToggleButton() {
FILE: docs/data/material/components/toggle-button/StandaloneToggleButton.js
function StandaloneToggleButton (line 5) | function StandaloneToggleButton() {
FILE: docs/data/material/components/toggle-button/StandaloneToggleButton.tsx
function StandaloneToggleButton (line 5) | function StandaloneToggleButton() {
FILE: docs/data/material/components/toggle-button/ToggleButtonNotEmpty.js
function ToggleButtonNotEmpty (line 12) | function ToggleButtonNotEmpty() {
FILE: docs/data/material/components/toggle-button/ToggleButtonNotEmpty.tsx
function ToggleButtonNotEmpty (line 12) | function ToggleButtonNotEmpty() {
FILE: docs/data/material/components/toggle-button/ToggleButtonSizes.js
function ToggleButtonSizes (line 10) | function ToggleButtonSizes() {
FILE: docs/data/material/components/toggle-button/ToggleButtonSizes.tsx
function ToggleButtonSizes (line 10) | function ToggleButtonSizes() {
FILE: docs/data/material/components/toggle-button/ToggleButtons.js
function ToggleButtons (line 9) | function ToggleButtons() {
FILE: docs/data/material/components/toggle-button/ToggleButtons.tsx
function ToggleButtons (line 9) | function ToggleButtons() {
FILE: docs/data/material/components/toggle-button/ToggleButtonsMultiple.js
function ToggleButtonsMultiple (line 10) | function ToggleButtonsMultiple() {
FILE: docs/data/material/components/toggle-button/ToggleButtonsMultiple.tsx
function ToggleButtonsMultiple (line 10) | function ToggleButtonsMultiple() {
FILE: docs/data/material/components/toggle-button/VerticalSpacingToggleButton.js
function VerticalSpacingToggleButton (line 31) | function VerticalSpacingToggleButton() {
FILE: docs/data/material/components/toggle-button/VerticalSpacingToggleButton.tsx
function VerticalSpacingToggleButton (line 31) | function VerticalSpacingToggleButton() {
FILE: docs/data/material/components/toggle-button/VerticalToggleButtons.js
function VerticalToggleButtons (line 8) | function VerticalToggleButtons() {
FILE: docs/data/material/components/toggle-button/VerticalToggleButtons.tsx
function VerticalToggleButtons (line 8) | function VerticalToggleButtons() {
FILE: docs/data/material/components/tooltips/AccessibilityTooltips.js
function AccessibilityTooltips (line 6) | function AccessibilityTooltips() {
FILE: docs/data/material/components/tooltips/AccessibilityTooltips.tsx
function AccessibilityTooltips (line 6) | function AccessibilityTooltips() {
FILE: docs/data/material/components/tooltips/AnchorElTooltips.js
function AnchorElTooltips (line 5) | function AnchorElTooltips() {
FILE: docs/data/material/components/tooltips/AnchorElTooltips.tsx
function AnchorElTooltips (line 6) | function AnchorElTooltips() {
FILE: docs/data/material/components/tooltips/ArrowTooltips.js
function ArrowTooltips (line 4) | function ArrowTooltips() {
FILE: docs/data/material/components/tooltips/ArrowTooltips.tsx
function ArrowTooltips (line 4) | function ArrowTooltips() {
FILE: docs/data/material/components/tooltips/BasicTooltip.js
function BasicTooltip (line 5) | function BasicTooltip() {
FILE: docs/data/material/components/tooltips/BasicTooltip.tsx
function BasicTooltip (line 5) | function BasicTooltip() {
FILE: docs/data/material/components/tooltips/ControlledTooltips.js
function ControlledTooltips (line 5) | function ControlledTooltips() {
FILE: docs/data/material/components/tooltips/ControlledTooltips.tsx
function ControlledTooltips (line 5) | function ControlledTooltips() {
FILE: docs/data/material/components/tooltips/CustomizedTooltips.js
function CustomizedTooltips (line 41) | function CustomizedTooltips() {
FILE: docs/data/material/components/tooltips/CustomizedTooltips.tsx
function CustomizedTooltips (line 41) | function CustomizedTooltips() {
FILE: docs/data/material/components/tooltips/DelayTooltips.js
function DelayTooltips (line 4) | function DelayTooltips() {
FILE: docs/data/material/components/tooltips/DelayTooltips.tsx
function DelayTooltips (line 4) | function DelayTooltips() {
FILE: docs/data/material/components/tooltips/DisabledTooltips.js
function DisabledTooltips (line 4) | function DisabledTooltips() {
FILE: docs/data/material/components/tooltips/DisabledTooltips.tsx
function DisabledTooltips (line 4) | function DisabledTooltips() {
FILE: docs/data/material/components/tooltips/FollowCursorTooltips.js
function FollowCursorTooltips (line 4) | function FollowCursorTooltips() {
FILE: docs/data/material/components/tooltips/FollowCursorTooltips.tsx
function FollowCursorTooltips (line 4) | function FollowCursorTooltips() {
FILE: docs/data/material/components/tooltips/NonInteractiveTooltips.js
function NonInteractiveTooltips (line 4) | function NonInteractiveTooltips() {
FILE: docs/data/material/components/tooltips/NonInteractiveTooltips.tsx
function NonInteractiveTooltips (line 4) | function NonInteractiveTooltips() {
FILE: docs/data/material/components/tooltips/PositionedTooltips.js
function PositionedTooltips (line 6) | function PositionedTooltips() {
FILE: docs/data/material/components/tooltips/PositionedTooltips.tsx
function PositionedTooltips (line 6) | function PositionedTooltips() {
FILE: docs/data/material/components/tooltips/TooltipMargin.js
function TooltipMargin (line 4) | function TooltipMargin() {
FILE: docs/data/material/components/tooltips/TooltipMargin.tsx
function TooltipMargin (line 4) | function TooltipMargin() {
FILE: docs/data/material/components/tooltips/TooltipOffset.js
function TooltipOffset (line 4) | function TooltipOffset() {
FILE: docs/data/material/components/tooltips/TooltipOffset.tsx
function TooltipOffset (line 4) | function TooltipOffset() {
FILE: docs/data/material/components/tooltips/TransitionsTooltips.js
function TransitionsTooltips (line 6) | function TransitionsTooltips() {
FILE: docs/data/material/components/tooltips/TransitionsTooltips.tsx
function TransitionsTooltips (line 6) | function TransitionsTooltips() {
FILE: docs/data/material/components/tooltips/TriggersTooltips.js
function TriggersTooltips (line 7) | function TriggersTooltips() {
FILE: docs/data/material/components/tooltips/TriggersTooltips.tsx
function TriggersTooltips (line 7) | function TriggersTooltips() {
FILE: docs/data/material/components/tooltips/VariableWidth.js
function VariableWidth (line 27) | function VariableWidth() {
FILE: docs/data/material/components/tooltips/VariableWidth.tsx
function VariableWidth (line 27) | function VariableWidth() {
FILE: docs/data/material/components/transfer-list/SelectAllTransferList.js
function not (line 14) | function not(a, b) {
function intersection (line 18) | function intersection(a, b) {
function union (line 22) | function union(a, b) {
function SelectAllTransferList (line 26) | function SelectAllTransferList() {
FILE: docs/data/material/components/transfer-list/SelectAllTransferList.tsx
function not (line 14) | function not(a: readonly number[], b: readonly number[]) {
function intersection (line 18) | function intersection(a: readonly number[], b: readonly number[]) {
function union (line 22) | function union(a: readonly number[], b: readonly number[]) {
function SelectAllTransferList (line 26) | function SelectAllTransferList() {
FILE: docs/data/material/components/transfer-list/TransferList.js
function not (line 12) | function not(a, b) {
function intersection (line 16) | function intersection(a, b) {
function TransferList (line 20) | function TransferList() {
FILE: docs/data/material/components/transfer-list/TransferList.tsx
function not (line 12) | function not(a: readonly number[], b: readonly number[]) {
function intersection (line 16) | function intersection(a: readonly number[], b: readonly number[]) {
function TransferList (line 20) | function TransferList() {
FILE: docs/data/material/components/transitions/SimpleCollapse.js
function SimpleCollapse (line 24) | function SimpleCollapse() {
FILE: docs/data/material/components/transitions/SimpleCollapse.tsx
function SimpleCollapse (line 24) | function SimpleCollapse() {
FILE: docs/data/material/components/transitions/SimpleFade.js
function SimpleFade (line 24) | function SimpleFade() {
FILE: docs/data/material/components/transitions/SimpleFade.tsx
function SimpleFade (line 24) | function SimpleFade() {
FILE: docs/data/material/components/transitions/SimpleGrow.js
function SimpleGrow (line 24) | function SimpleGrow() {
FILE: docs/data/material/components/transitions/SimpleGrow.tsx
function SimpleGrow (line 24) | function SimpleGrow() {
FILE: docs/data/material/components/transitions/SimpleSlide.js
function SimpleSlide (line 24) | function SimpleSlide() {
FILE: docs/data/material/components/transitions/SimpleSlide.tsx
function SimpleSlide (line 24) | function SimpleSlide() {
FILE: docs/data/material/components/transitions/SimpleZoom.js
function SimpleZoom (line 24) | function SimpleZoom() {
FILE: docs/data/material/components/transitions/SimpleZoom.tsx
function SimpleZoom (line 24) | function SimpleZoom() {
FILE: docs/data/material/components/transitions/SlideFromContainer.js
function SlideFromContainer (line 24) | function SlideFromContainer() {
FILE: docs/data/material/components/transitions/SlideFromContainer.tsx
function SlideFromContainer (line 24) | function SlideFromContainer() {
FILE: docs/data/material/components/transitions/TransitionGroupExample.js
constant FRUITS (line 11) | const FRUITS = [
function renderItem (line 19) | function renderItem({ item, handleRemoveFruit }) {
function TransitionGroupExample (line 38) | function TransitionGroupExample() {
FILE: docs/data/material/components/transitions/TransitionGroupExample.tsx
constant FRUITS (line 11) | const FRUITS = [
type RenderItemOptions (line 19) | interface RenderItemOptions {
function renderItem (line 24) | function renderItem({ item, handleRemoveFruit }: RenderItemOptions) {
function TransitionGroupExample (line 43) | function TransitionGroupExample() {
FILE: docs/data/material/components/typography/Types.js
function Types (line 4) | function Types() {
FILE: docs/data/material/components/typography/Types.tsx
function Types (line 4) | function Types() {
FILE: docs/data/material/components/typography/TypographyTheme.js
function TypographyTheme (line 9) | function TypographyTheme() {
FILE: docs/data/material/components/typography/TypographyTheme.tsx
function TypographyTheme (line 9) | function TypographyTheme() {
FILE: docs/data/material/components/use-media-query/JavaScriptMedia.js
function JavaScriptMedia (line 4) | function JavaScriptMedia() {
FILE: docs/data/material/components/use-media-query/JavaScriptMedia.tsx
function JavaScriptMedia (line 4) | function JavaScriptMedia() {
FILE: docs/data/material/components/use-media-query/ServerSide.js
function MyComponent (line 5) | function MyComponent() {
function ServerSide (line 11) | function ServerSide() {
FILE: docs/data/material/components/use-media-query/ServerSide.tsx
function MyComponent (line 5) | function MyComponent() {
function ServerSide (line 11) | function ServerSide() {
FILE: docs/data/material/components/use-media-query/SimpleMediaQuery.js
function SimpleMediaQuery (line 3) | function SimpleMediaQuery() {
FILE: docs/data/material/components/use-media-query/SimpleMediaQuery.tsx
function SimpleMediaQuery (line 3) | function SimpleMediaQuery() {
FILE: docs/data/material/components/use-media-query/ThemeHelper.js
function MyComponent (line 4) | function MyComponent() {
function ThemeHelper (line 13) | function ThemeHelper() {
FILE: docs/data/material/components/use-media-query/ThemeHelper.tsx
function MyComponent (line 4) | function MyComponent() {
function ThemeHelper (line 13) | function ThemeHelper() {
FILE: docs/data/material/components/use-media-query/UseWidth.js
function useWidth (line 9) | function useWidth() {
function MyComponent (line 22) | function MyComponent() {
function UseWidth (line 29) | function UseWidth() {
FILE: docs/data/material/components/use-media-query/UseWidth.tsx
type BreakpointOrNull (line 10) | type BreakpointOrNull = Breakpoint | null;
function useWidth (line 17) | function useWidth() {
function MyComponent (line 30) | function MyComponent() {
function UseWidth (line 37) | function UseWidth() {
FILE: docs/data/material/customization/breakpoints/MediaQuery.js
function MediaQuery (line 18) | function MediaQuery() {
FILE: docs/data/material/customization/breakpoints/MediaQuery.tsx
function MediaQuery (line 18) | function MediaQuery() {
FILE: docs/data/material/customization/color/Color.js
function getColorBlock (line 50) | function getColorBlock(theme, colorName, colorValue, colorTitle) {
function getColorGroup (line 90) | function getColorGroup(options) {
function Color (line 115) | function Color() {
FILE: docs/data/material/customization/color/ColorDemo.js
function ColorDemo (line 12) | function ColorDemo(props) {
FILE: docs/data/material/customization/color/ColorTool.js
function ColorTool (line 86) | function ColorTool() {
FILE: docs/data/material/customization/container-queries/BasicContainerQueries.js
function BasicContainerQueries (line 45) | function BasicContainerQueries() {
FILE: docs/data/material/customization/container-queries/BasicContainerQueries.tsx
function BasicContainerQueries (line 45) | function BasicContainerQueries() {
FILE: docs/data/material/customization/container-queries/ResizableDemo.js
function ResizableDemo (line 22) | function ResizableDemo({ children }) {
FILE: docs/data/material/customization/container-queries/SxPropContainerQueries.js
function SxPropContainerQueries (line 8) | function SxPropContainerQueries() {
FILE: docs/data/material/customization/container-queries/SxPropContainerQueries.tsx
function SxPropContainerQueries (line 8) | function SxPropContainerQueries() {
FILE: docs/data/material/customization/creating-themed-components/StatComponent.js
function StatComponent (line 30) | function StatComponent() {
FILE: docs/data/material/customization/creating-themed-components/StatFullTemplate.js
function StatFullTemplate (line 73) | function StatFullTemplate() {
FILE: docs/data/material/customization/creating-themed-components/StatFullTemplate.tsx
type StatProps (line 5) | interface StatProps {
type StatOwnerState (line 11) | interface StatOwnerState extends StatProps {
function StatFullTemplate (line 79) | function StatFullTemplate() {
FILE: docs/data/material/customization/creating-themed-components/StatSlots.js
function StatSlots (line 41) | function StatSlots() {
FILE: docs/data/material/customization/css-layers/CssLayersCaveat.js
function CssLayersCaveat (line 11) | function CssLayersCaveat() {
FILE: docs/data/material/customization/css-layers/CssLayersCaveat.tsx
function CssLayersCaveat (line 11) | function CssLayersCaveat() {
FILE: docs/data/material/customization/css-layers/CssLayersInput.js
function CssLayersInput (line 12) | function CssLayersInput() {
FILE: docs/data/material/customization/css-layers/CssLayersInput.tsx
function CssLayersInput (line 12) | function CssLayersInput() {
FILE: docs/data/material/customization/css-theme-variables/AliasColorVariables.js
function AliasColorVariables (line 18) | function AliasColorVariables() {
FILE: docs/data/material/customization/css-theme-variables/AliasColorVariables.tsx
function AliasColorVariables (line 18) | function AliasColorVariables() {
FILE: docs/data/material/customization/css-theme-variables/ContrastTextDemo.js
function ContrastTextDemo (line 14) | function ContrastTextDemo() {
FILE: docs/data/material/customization/css-theme-variables/ContrastTextDemo.tsx
function ContrastTextDemo (line 14) | function ContrastTextDemo() {
FILE: docs/data/material/customization/css-theme-variables/CustomColorSpace.js
function CustomColorSpace (line 23) | function CustomColorSpace() {
FILE: docs/data/material/customization/css-theme-variables/CustomColorSpace.tsx
function CustomColorSpace (line 23) | function CustomColorSpace() {
FILE: docs/data/material/customization/css-theme-variables/DisableTransitionOnChange.js
function ModeSwitcher (line 16) | function ModeSwitcher() {
function DisableTransitionOnChange (line 34) | function DisableTransitionOnChange() {
FILE: docs/data/material/customization/css-theme-variables/DisableTransitionOnChange.tsx
function ModeSwitcher (line 16) | function ModeSwitcher() {
function DisableTransitionOnChange (line 36) | function DisableTransitionOnChange() {
FILE: docs/data/material/customization/css-theme-variables/ModernColorSpaces.js
function ModernColorSpaces (line 11) | function ModernColorSpaces() {
FILE: docs/data/material/customization/css-theme-variables/ModernColorSpaces.tsx
function ModernColorSpaces (line 11) | function ModernColorSpaces() {
FILE: docs/data/material/customization/css-theme-variables/NativeCssColors.js
function NativeCssColors (line 20) | function NativeCssColors() {
FILE: docs/data/material/customization/css-theme-variables/NativeCssColors.tsx
function NativeCssColors (line 20) | function NativeCssColors() {
FILE: docs/data/material/customization/css-theme-variables/ThemeColorFunctions.js
function ColorDisplay (line 31) | function ColorDisplay({ color }) {
function ThemeColorFunctions (line 62) | function ThemeColorFunctions() {
FILE: docs/data/material/customization/css-theme-variables/ThemeColorFunctions.tsx
function ColorDisplay (line 30) | function ColorDisplay({ color }: { color: string }) {
function ThemeColorFunctions (line 57) | function ThemeColorFunctions() {
FILE: docs/data/material/customization/dark-mode/DarkTheme.js
function Demo (line 28) | function Demo() {
function DarkTheme (line 106) | function DarkTheme() {
FILE: docs/data/material/customization/dark-mode/DarkThemeWithCustomPalette.js
function MyApp (line 34) | function MyApp() {
function DarkThemeWithCustomPalette (line 56) | function DarkThemeWithCustomPalette() {
FILE: docs/data/material/customization/dark-mode/DarkThemeWithCustomPalette.tsx
function MyApp (line 39) | function MyApp() {
function DarkThemeWithCustomPalette (line 61) | function DarkThemeWithCustomPalette() {
FILE: docs/data/material/customization/dark-mode/ToggleColorMode.js
function MyApp (line 9) | function MyApp() {
function ToggleColorMode (line 52) | function ToggleColorMode() {
FILE: docs/data/material/customization/dark-mode/ToggleColorMode.tsx
function MyApp (line 9) | function MyApp() {
function ToggleColorMode (line 54) | function ToggleColorMode() {
FILE: docs/data/material/customization/default-theme/DefaultTheme.js
function DefaultTheme (line 68) | function DefaultTheme() {
FILE: docs/data/material/customization/density/DensityTool.js
function DensityTool (line 18) | function DensityTool() {
FILE: docs/data/material/customization/how-to-customize/DevTools.js
function DevTools (line 3) | function DevTools() {
FILE: docs/data/material/customization/how-to-customize/DevTools.tsx
function DevTools (line 3) | function DevTools() {
FILE: docs/data/material/customization/how-to-customize/DynamicCSS.js
function DynamicCSS (line 29) | function DynamicCSS() {
FILE: docs/data/material/customization/how-to-customize/DynamicCSS.tsx
type StyledSliderProps (line 7) | interface StyledSliderProps extends SliderProps {
function DynamicCSS (line 33) | function DynamicCSS() {
FILE: docs/data/material/customization/how-to-customize/DynamicCSSVariables.js
function DynamicCSSVariables (line 30) | function DynamicCSSVariables() {
FILE: docs/data/material/customization/how-to-customize/DynamicCSSVariables.tsx
function DynamicCSSVariables (line 30) | function DynamicCSSVariables() {
FILE: docs/data/material/customization/how-to-customize/GlobalCssOverride.js
function GlobalCssOverride (line 4) | function GlobalCssOverride() {
FILE: docs/data/material/customization/how-to-customize/GlobalCssOverride.tsx
function GlobalCssOverride (line 4) | function GlobalCssOverride() {
FILE: docs/data/material/customization/how-to-customize/GlobalCssOverrideTheme.js
function GlobalCssOverrideTheme (line 4) | function GlobalCssOverrideTheme() {
FILE: docs/data/material/customization/how-to-customize/GlobalCssOverrideTheme.tsx
function GlobalCssOverrideTheme (line 4) | function GlobalCssOverrideTheme() {
FILE: docs/data/material/customization/how-to-customize/OverrideCallbackCssBaseline.js
function OverrideCallbackCssBaseline (line 21) | function OverrideCallbackCssBaseline() {
FILE: docs/data/material/customization/how-to-customize/OverrideCallbackCssBaseline.tsx
function OverrideCallbackCssBaseline (line 21) | function OverrideCallbackCssBaseline() {
FILE: docs/data/material/customization/how-to-customize/OverrideCssBaseline.js
function OverrideCssBaseline (line 16) | function OverrideCssBaseline() {
FILE: docs/data/material/customization/how-to-customize/OverrideCssBaseline.tsx
function OverrideCssBaseline (line 16) | function OverrideCssBaseline() {
FILE: docs/data/material/customization/how-to-customize/StyledCustomization.js
function StyledCustomization (line 17) | function StyledCustomization() {
FILE: docs/data/material/customization/how-to-customize/StyledCustomization.tsx
function StyledCustomization (line 17) | function StyledCustomization() {
FILE: docs/data/material/customization/how-to-customize/SxProp.js
function SxProp (line 3) | function SxProp() {
FILE: docs/data/material/customization/how-to-customize/SxProp.tsx
function SxProp (line 3) | function SxProp() {
FILE: docs/data/material/customization/overriding-component-structure/OverridingInternalSlot.js
function PopperComponent (line 6) | function PopperComponent(props) {
function OverridingInternalSlot (line 17) | function OverridingInternalSlot() {
FILE: docs/data/material/customization/overriding-component-structure/OverridingInternalSlot.tsx
type PopperComponentProps (line 5) | interface PopperComponentProps {
function PopperComponent (line 11) | function PopperComponent(props: PopperComponentProps) {
function OverridingInternalSlot (line 16) | function OverridingInternalSlot() {
FILE: docs/data/material/customization/overriding-component-structure/OverridingRootSlot.js
function OverridingRootSlot (line 3) | function OverridingRootSlot() {
FILE: docs/data/material/customization/overriding-component-structure/OverridingRootSlot.tsx
function OverridingRootSlot (line 3) | function OverridingRootSlot() {
FILE: docs/data/material/customization/palette/AddingColorTokens.js
function AddingColorTokens (line 18) | function AddingColorTokens() {
FILE: docs/data/material/customization/palette/AddingColorTokens.tsx
type PaletteColor (line 8) | interface PaletteColor {
type SimplePaletteColorOptions (line 12) | interface SimplePaletteColorOptions {
function AddingColorTokens (line 28) | function AddingColorTokens() {
FILE: docs/data/material/customization/palette/ContrastThreshold.js
function ContrastShowcase (line 14) | function ContrastShowcase(props) {
function ContrastThreshold (line 37) | function ContrastThreshold() {
FILE: docs/data/material/customization/palette/ContrastThreshold.tsx
function ContrastShowcase (line 13) | function ContrastShowcase(props: { title: string }) {
function ContrastThreshold (line 32) | function ContrastThreshold() {
FILE: docs/data/material/customization/palette/CustomColor.js
function CustomColor (line 15) | function CustomColor() {
FILE: docs/data/material/customization/palette/CustomColor.tsx
type Palette (line 16) | interface Palette {
type PaletteOptions (line 21) | interface PaletteOptions {
type ButtonPropsColorOverrides (line 28) | interface ButtonPropsColorOverrides {
function CustomColor (line 33) | function CustomColor() {
FILE: docs/data/material/customization/palette/Intentions.js
function Intentions (line 22) | function Intentions() {
FILE: docs/data/material/customization/palette/ManuallyProvideCustomColor.js
function ManuallyProvideCustomColor (line 22) | function ManuallyProvideCustomColor() {
FILE: docs/data/material/customization/palette/ManuallyProvideCustomColor.tsx
type Palette (line 9) | interface Palette {
type PaletteOptions (line 13) | interface PaletteOptions {
type ButtonPropsColorOverrides (line 20) | interface ButtonPropsColorOverrides {
function ManuallyProvideCustomColor (line 36) | function ManuallyProvideCustomColor() {
FILE: docs/data/material/customization/palette/ManuallyProvidePaletteColor.js
function ColorShowcase (line 26) | function ColorShowcase({ color }) {
function ManuallyProvidePaletteColor (line 54) | function ManuallyProvidePaletteColor() {
FILE: docs/data/material/customization/palette/ManuallyProvidePaletteColor.tsx
function ColorShowcase (line 25) | function ColorShowcase({ color }: { color: 'primary' | 'secondary' }) {
function ManuallyProvidePaletteColor (line 49) | function ManuallyProvidePaletteColor() {
FILE: docs/data/material/customization/palette/Palette.js
function Palette (line 18) | function Palette() {
FILE: docs/data/material/customization/palette/Palette.tsx
function Palette (line 18) | function Palette() {
FILE: docs/data/material/customization/palette/TonalOffset.js
function ColorShowcase (line 37) | function ColorShowcase({ title, color }) {
function TonalOffset (line 78) | function TonalOffset() {
FILE: docs/data/material/customization/palette/TonalOffset.tsx
function ColorShowcase (line 36) | function ColorShowcase({ title, color }: { title: string; color: string ...
function TonalOffset (line 72) | function TonalOffset() {
FILE: docs/data/material/customization/palette/UsingAugmentColor.js
function UsingAugmentColor (line 27) | function UsingAugmentColor() {
FILE: docs/data/material/customization/palette/UsingAugmentColor.tsx
type Palette (line 9) | interface Palette {
type PaletteOptions (line 13) | interface PaletteOptions {
type ButtonPropsColorOverrides (line 20) | interface ButtonPropsColorOverrides {
function UsingAugmentColor (line 42) | function UsingAugmentColor() {
FILE: docs/data/material/customization/palette/UsingColorObject.js
function UsingColorObject (line 12) | function UsingColorObject() {
FILE: docs/data/material/customization/palette/UsingColorObject.tsx
function UsingColorObject (line 12) | function UsingColorObject() {
FILE: docs/data/material/customization/palette/UsingStylesUtils.js
function UsingStylesUtils (line 30) | function UsingStylesUtils() {
FILE: docs/data/material/customization/palette/UsingStylesUtils.tsx
type Palette (line 14) | interface Palette {
type PaletteOptions (line 18) | interface PaletteOptions {
type ButtonPropsColorOverrides (line 25) | interface ButtonPropsColorOverrides {
function UsingStylesUtils (line 44) | function UsingStylesUtils() {
FILE: docs/data/material/customization/right-to-left/RtlDemo.js
function RtlDemo (line 24) | function RtlDemo() {
FILE: docs/data/material/customization/right-to-left/RtlDemo.tsx
function RtlDemo (line 24) | function RtlDemo() {
FILE: docs/data/material/customization/right-to-left/RtlOptOut.js
function RtlOptOut (line 29) | function RtlOptOut() {
FILE: docs/data/material/customization/right-to-left/RtlOptOut.tsx
function RtlOptOut (line 29) | function RtlOptOut() {
FILE: docs/data/material/customization/shadow-dom/ShadowDOMDemoNoSnap.js
function ShadowDOMDemoNoSnap (line 1) | function ShadowDOMDemoNoSnap() {
FILE: docs/data/material/customization/theme-components/DefaultProps.js
function DefaultProps (line 16) | function DefaultProps() {
FILE: docs/data/material/customization/theme-components/DefaultProps.tsx
function DefaultProps (line 16) | function DefaultProps() {
FILE: docs/data/material/customization/theme-components/GlobalCss.js
function GlobalCss (line 32) | function GlobalCss() {
FILE: docs/data/material/customization/theme-components/GlobalCss.tsx
function GlobalCss (line 32) | function GlobalCss() {
FILE: docs/data/material/customization/theme-components/GlobalThemeOverride.js
function GlobalThemeOverride (line 16) | function GlobalThemeOverride() {
FILE: docs/data/material/customization/theme-components/GlobalThemeOverride.tsx
function GlobalThemeOverride (line 16) | function GlobalThemeOverride() {
FILE: docs/data/material/customization/theme-components/GlobalThemeOverrideSx.js
function GlobalThemeOverrideSx (line 30) | function GlobalThemeOverrideSx() {
FILE: docs/data/material/customization/theme-components/GlobalThemeOverrideSx.tsx
function GlobalThemeOverrideSx (line 30) | function GlobalThemeOverrideSx() {
FILE: docs/data/material/customization/theme-components/GlobalThemeVariants.js
function GlobalThemeVariants (line 44) | function GlobalThemeVariants() {
FILE: docs/data/material/customization/theme-components/GlobalThemeVariants.tsx
type ButtonPropsVariantOverrides (line 5) | interface ButtonPropsVariantOverrides {
function GlobalThemeVariants (line 50) | function GlobalThemeVariants() {
FILE: docs/data/material/customization/theme-components/ThemeVariables.js
function ThemeVariables (line 12) | function ThemeVariables() {
FILE: docs/data/material/customization/theme-components/ThemeVariables.tsx
function ThemeVariables (line 12) | function ThemeVariables() {
FILE: docs/data/material/customization/theming/CustomStyles.js
function CustomStyles (line 18) | function CustomStyles() {
FILE: docs/data/material/customization/theming/CustomStyles.tsx
type Theme (line 6) | interface Theme {
type ThemeOptions (line 12) | interface ThemeOptions {
function CustomStyles (line 32) | function CustomStyles() {
FILE: docs/data/material/customization/theming/ThemeNesting.js
function ThemeNesting (line 21) | function ThemeNesting() {
FILE: docs/data/material/customization/theming/ThemeNesting.tsx
function ThemeNesting (line 21) | function ThemeNesting() {
FILE: docs/data/material/customization/theming/ThemeNestingExtend.js
function ThemeNestingExtend (line 13) | function ThemeNestingExtend() {
FILE: docs/data/material/customization/theming/ThemeNestingExtend.tsx
function ThemeNestingExtend (line 13) | function ThemeNestingExtend() {
FILE: docs/data/material/customization/transitions/TransitionHover.js
function TransitionHover (line 27) | function TransitionHover() {
FILE: docs/data/material/customization/transitions/TransitionHover.tsx
function TransitionHover (line 27) | function TransitionHover() {
FILE: docs/data/material/customization/typography/CustomResponsiveFontSizes.js
function CustomResponsiveFontSizes (line 16) | function CustomResponsiveFontSizes() {
FILE: docs/data/material/customization/typography/CustomResponsiveFontSizes.tsx
function CustomResponsiveFontSizes (line 16) | function CustomResponsiveFontSizes() {
FILE: docs/data/material/customization/typography/FontSizeTheme.js
function FontSizeTheme (line 11) | function FontSizeTheme() {
FILE: docs/data/material/customization/typography/FontSizeTheme.tsx
function FontSizeTheme (line 11) | function FontSizeTheme() {
FILE: docs/data/material/customization/typography/ResponsiveFontSizes.js
function ResponsiveFontSizes (line 11) | function ResponsiveFontSizes() {
FILE: docs/data/material/customization/typography/ResponsiveFontSizes.tsx
function ResponsiveFontSizes (line 11) | function ResponsiveFontSizes() {
FILE: docs/data/material/customization/typography/ResponsiveFontSizesChart.js
function ResponsiveFontSizesChart (line 24) | function ResponsiveFontSizesChart() {
FILE: docs/data/material/customization/typography/TypographyCustomVariant.js
function TypographyCustomVariant (line 25) | function TypographyCustomVariant() {
FILE: docs/data/material/customization/typography/TypographyCustomVariant.tsx
function TypographyCustomVariant (line 27) | function TypographyCustomVariant() {
FILE: docs/data/material/customization/typography/TypographyVariants.js
function TypographyVariants (line 19) | function TypographyVariants() {
FILE: docs/data/material/customization/typography/TypographyVariants.tsx
function TypographyVariants (line 19) | function TypographyVariants() {
FILE: docs/data/material/getting-started/supported-components/MaterialUIComponents.js
function MaterialUIComponents (line 209) | function MaterialUIComponents() {
FILE: docs/data/material/getting-started/templates/blog/Blog.js
function Blog (line 9) | function Blog(props) {
FILE: docs/data/material/getting-started/templates/blog/Blog.tsx
function Blog (line 9) | function Blog(props: { disableCustomTheme?: boolean }) {
FILE: docs/data/material/getting-started/templates/blog/components/AppAppBar.js
function AppAppBar (line 33) | function AppAppBar() {
FILE: docs/data/material/getting-started/templates/blog/components/AppAppBar.tsx
function AppAppBar (line 33) | function AppAppBar() {
FILE: docs/data/material/getting-started/templates/blog/components/Footer.js
function Copyright (line 17) | function Copyright() {
function Footer (line 35) | function Footer() {
FILE: docs/data/material/getting-started/templates/blog/components/Footer.tsx
function Copyright (line 17) | function Copyright() {
function Footer (line 35) | function Footer() {
FILE: docs/data/material/getting-started/templates/blog/components/Latest.js
function Author (line 139) | function Author({ authors }) {
function Latest (line 181) | function Latest() {
FILE: docs/data/material/getting-started/templates/blog/components/Latest.tsx
function Author (line 138) | function Author({ authors }: { authors: { name: string; avatar: string }...
function Latest (line 171) | function Latest() {
FILE: docs/data/material/getting-started/templates/blog/components/MainContent.js
function Author (line 113) | function Author({ authors }) {
function Search (line 156) | function Search() {
function MainContent (line 177) | function MainContent() {
FILE: docs/data/material/getting-started/templates/blog/components/MainContent.tsx
function Author (line 112) | function Author({ authors }: { authors: { name: string; avatar: string }...
function Search (line 146) | function Search() {
function MainContent (line 167) | function MainContent() {
FILE: docs/data/material/getting-started/templates/blog/components/SitemarkIcon.js
function SitemarkIcon (line 3) | function SitemarkIcon() {
FILE: docs/data/material/getting-started/templates/blog/components/SitemarkIcon.tsx
function SitemarkIcon (line 3) | function SitemarkIcon() {
FILE: docs/data/material/getting-started/templates/checkout/Checkout.js
function getStepContent (line 25) | function getStepContent(step) {
function Checkout (line 37) | function Checkout(props) {
FILE: docs/data/material/getting-started/templates/checkout/Checkout.tsx
function getStepContent (line 25) | function getStepContent(step: number) {
function Checkout (line 37) | function Checkout(props: { disableCustomTheme?: boolean }) {
FILE: docs/data/material/getting-started/templates/checkout/components/AddressForm.js
function AddressForm (line 13) | function AddressForm() {
FILE: docs/data/material/getting-started/templates/checkout/components/AddressForm.tsx
function AddressForm (line 13) | function AddressForm() {
FILE: docs/data/material/getting-started/templates/checkout/components/Info.js
function Info (line 31) | function Info({ totalPrice }) {
FILE: docs/data/material/getting-started/templates/checkout/components/Info.tsx
type InfoProps (line 30) | interface InfoProps {
function Info (line 34) | function Info({ totalPrice }: InfoProps) {
FILE: docs/data/material/getting-started/templates/checkout/components/InfoMobile.js
function InfoMobile (line 11) | function InfoMobile({ totalPrice }) {
FILE: docs/data/material/getting-started/templates/checkout/components/InfoMobile.tsx
type InfoProps (line 10) | interface InfoProps {
function InfoMobile (line 14) | function InfoMobile({ totalPrice }: InfoProps) {
FILE: docs/data/material/getting-started/templates/checkout/components/PaymentForm.js
function PaymentForm (line 85) | function PaymentForm() {
FILE: docs/data/material/getting-started/templates/checkout/components/PaymentForm.tsx
function PaymentForm (line 85) | function PaymentForm() {
FILE: docs/data/material/getting-started/templates/checkout/components/Review.js
function Review (line 18) | function Review() {
FILE: docs/data/material/getting-started/templates/checkout/components/Review.tsx
function Review (line 18) | function Review() {
FILE: docs/data/material/getting-started/templates/checkout/components/SitemarkIcon.js
function SitemarkIcon (line 3) | function SitemarkIcon() {
FILE: docs/data/material/getting-started/templates/checkout/components/SitemarkIcon.tsx
function SitemarkIcon (line 3) | function SitemarkIcon() {
FILE: docs/data/material/getting-started/templates/crud-dashboard/CrudDashboard.js
function CrudDashboard (line 54) | function CrudDashboard(props) {
FILE: docs/data/material/getting-started/templates/crud-dashboard/CrudDashboard.tsx
function CrudDashboard (line 54) | function CrudDashboard(props: { disableCustomTheme?: boolean }) {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardHeader.js
function DashboardHeader (line 35) | function DashboardHeader({ logo, title, menuOpen, onToggleMenu }) {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardHeader.tsx
type DashboardHeaderProps (line 34) | interface DashboardHeaderProps {
function DashboardHeader (line 41) | function DashboardHeader({
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardLayout.js
function DashboardLayout (line 11) | function DashboardLayout() {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardLayout.tsx
function DashboardLayout (line 11) | function DashboardLayout() {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebar.js
function DashboardSidebar (line 25) | function DashboardSidebar({
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebar.tsx
type DashboardSidebarProps (line 24) | interface DashboardSidebarProps {
function DashboardSidebar (line 31) | function DashboardSidebar({
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebarDividerItem.js
function DashboardSidebarDividerItem (line 7) | function DashboardSidebarDividerItem() {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebarDividerItem.tsx
function DashboardSidebarDividerItem (line 7) | function DashboardSidebarDividerItem() {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebarHeaderItem.js
function DashboardSidebarHeaderItem (line 9) | function DashboardSidebarHeaderItem({ children }) {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebarHeaderItem.tsx
type DashboardSidebarHeaderItemProps (line 8) | interface DashboardSidebarHeaderItemProps {
function DashboardSidebarHeaderItem (line 12) | function DashboardSidebarHeaderItem({
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebarPageItem.js
function DashboardSidebarPageItem (line 20) | function DashboardSidebarPageItem({
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/DashboardSidebarPageItem.tsx
type DashboardSidebarPageItemProps (line 19) | interface DashboardSidebarPageItemProps {
function DashboardSidebarPageItem (line 32) | function DashboardSidebarPageItem({
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/EmployeeCreate.js
constant INITIAL_FORM_VALUES (line 11) | const INITIAL_FORM_VALUES = {
function EmployeeCreate (line 16) | function EmployeeCreate() {
FILE: docs/data/material/getting-started/templates/crud-dashboard/components/EmployeeCreate.t
Copy disabled (too large)
Download .json
Condensed preview — 29056 files, each showing path, character count, and a content snippet. Download the .json file for the full structured content (41,316K chars).
[
{
"path": ".browserslistrc",
"chars": 2694,
"preview": "# Default/Fallback\n# `npx browserslist --mobile-to-desktop \"baseline widely available\"\"` when the last major is released"
},
{
"path": ".circleci/config.yml",
"chars": 22704,
"preview": "version: 2.1\norbs:\n code-infra: https://raw.githubusercontent.com/mui/mui-public/c27d6c81557d1db10eaf70e0510d4f12899954"
},
{
"path": ".editorconfig",
"chars": 356,
"preview": "# EditorConfig is awesome: https://editorconfig.org/\n\n# top-most EditorConfig file\nroot = true\n\n[*.md]\ntrim_trailing_whi"
},
{
"path": ".git-blame-ignore-revs",
"chars": 1008,
"preview": "# Enable via `git config blame.ignoreRevsFile .git-blame-ignore-revs`\n# DO NOT ENABLE THIS CONFIG GLOBALLY\n# OTHERWISE g"
},
{
"path": ".gitattributes",
"chars": 635,
"preview": "# Set the default behavior, in case people don't have core.autocrlf set.\n* text=auto eol=lf\n# Undo the GitHub's default\n"
},
{
"path": ".github/FUNDING.yml",
"chars": 337,
"preview": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [u"
},
{
"path": ".github/ISSUE_TEMPLATE/1.bug.yml",
"chars": 2800,
"preview": "name: Bug report 🐛\ndescription: Create a bug report for Material UI, MUI System, or Joy UI.\nlabels: ['status: waiting fo"
},
{
"path": ".github/ISSUE_TEMPLATE/2.feature.yml",
"chars": 1732,
"preview": "name: Feature request 💄\ndescription: Suggest a new idea for Material UI, MUI System, or Joy UI.\nlabels: ['status: waitin"
},
{
"path": ".github/ISSUE_TEMPLATE/3.rfc.yml",
"chars": 1500,
"preview": "name: RFC 💬\ndescription: Request for comments for your proposal.\ntitle: '[RFC] '\nlabels: ['status: waiting for maintaine"
},
{
"path": ".github/ISSUE_TEMPLATE/4.docs-feedback.yml",
"chars": 1910,
"preview": "name: Docs feedback\ndescription: Improve documentation about Material UI, MUI System, or Joy UI.\nlabels: ['status: waiti"
},
{
"path": ".github/ISSUE_TEMPLATE/5.priority-support.yml",
"chars": 1604,
"preview": "name: 'Priority Support: SLA ⏰'\ndescription: I'm an MUI X Premium user and we have purchased the Priority Support add-on"
},
{
"path": ".github/ISSUE_TEMPLATE/config.yml",
"chars": 164,
"preview": "contact_links:\n - name: Support ❔\n url: https://mui.com/material-ui/getting-started/support/\n about: I need suppo"
},
{
"path": ".github/PULL_REQUEST_TEMPLATE.md",
"chars": 237,
"preview": "<!-- Thanks so much for your PR, your contribution is appreciated! ❤️ -->\n\n- [ ] I have followed (at least) the [PR sect"
},
{
"path": ".github/codeql/codeql-config.yml",
"chars": 83,
"preview": "name: CodeQL configuration\n\npaths-ignore:\n - 'packages/mui-icons-material/lib/**'\n"
},
{
"path": ".github/dependabot.yml",
"chars": 399,
"preview": "version: 2\nupdates:\n # Enable version updates for npm\n - package-ecosystem: npm\n # Look for `package.json` and `loc"
},
{
"path": ".github/workflows/check-if-pr-has-label.yml",
"chars": 444,
"preview": "name: Check if PR has label\n\non:\n pull_request:\n types: [opened, reopened, labeled, unlabeled]\n\npermissions: {}\n\njob"
},
{
"path": ".github/workflows/ci-check.yml",
"chars": 963,
"preview": "# This workflow is a workaround for ci.yml to bypass the github checks\n#\n# Ref: https://docs.github.com/en/repositories/"
},
{
"path": ".github/workflows/ci.yml",
"chars": 2715,
"preview": "name: CI\n\non:\n push:\n branches:\n # should sync with ci-check.yml as a workaround to bypass github checks\n "
},
{
"path": ".github/workflows/closed-issue-message.yml",
"chars": 373,
"preview": "name: Add closing message to issue\n\non:\n issues:\n types:\n - closed\n\npermissions: {}\n\njobs:\n add-comment:\n n"
},
{
"path": ".github/workflows/codeql.yml",
"chars": 1318,
"preview": "name: CodeQL\n\non:\n schedule:\n - cron: '0 2 * * *'\n\npermissions: {}\n\njobs:\n analyze:\n name: Analyze\n runs-on: "
},
{
"path": ".github/workflows/create-cherry-pick-pr.yml",
"chars": 387,
"preview": "name: Create cherry-pick PR\non:\n pull_request_target:\n branches:\n - 'next'\n - 'v*.x'\n - 'master'\n "
},
{
"path": ".github/workflows/ensure-triage-label.yml",
"chars": 889,
"preview": "name: Ensure triage label is present\n\non:\n label:\n types:\n - deleted\n issues:\n types:\n - opened\n\npermi"
},
{
"path": ".github/workflows/issue-cleanup.yml",
"chars": 1571,
"preview": "name: Cleanup issue comment\n\non:\n issues:\n types:\n - opened\n\npermissions: {}\n\njobs:\n issue_cleanup:\n runs-o"
},
{
"path": ".github/workflows/maintenance.yml",
"chars": 1149,
"preview": "name: Maintenance\n\non:\n # So that PRs touching the same files as the push are updated\n push:\n branches:\n # #ta"
},
{
"path": ".github/workflows/mark-duplicate.yml",
"chars": 610,
"preview": "name: Mark duplicate\n\non:\n issue_comment:\n types: [created]\n\npermissions: {}\n\njobs:\n mark-duplicate:\n runs-on: u"
},
{
"path": ".github/workflows/no-response.yml",
"chars": 1432,
"preview": "name: No response\n\n# `issues`.`closed`, `issue_comment`.`created`, and `scheduled` event types are required for this Act"
},
{
"path": ".github/workflows/priority-support-validation-prompt.yml",
"chars": 2014,
"preview": "name: Priority Support Validation Prompt\n\non:\n issues:\n types:\n - labeled\n\npermissions: {}\n\njobs:\n comment:\n "
},
{
"path": ".github/workflows/publish-canaries.yml",
"chars": 829,
"preview": "name: Publish canary packages to npm\n\non:\n workflow_dispatch:\n\npermissions: {}\n\njobs:\n publish:\n runs-on: ubuntu-la"
},
{
"path": ".github/workflows/publish.yml",
"chars": 1776,
"preview": "name: Publish packages\n\non:\n workflow_dispatch:\n inputs:\n sha:\n description: 'Commit SHA to release from"
},
{
"path": ".github/workflows/scorecards.yml",
"chars": 1739,
"preview": "name: Scorecards supply-chain security\n\non:\n # Only the default branch is supported.\n branch_protection_rule:\n schedu"
},
{
"path": ".github/workflows/support-stackoverflow.yml",
"chars": 1375,
"preview": "# Configuration for support-requests - https://github.com/dessant/support-requests\nname: Support Stack Overflow\n\non:\n i"
},
{
"path": ".github/workflows/vale-action.yml",
"chars": 1339,
"preview": "name: Vale action\n\non: [pull_request]\n\npermissions: {}\n\njobs:\n vale:\n name: runner / vale\n runs-on: ubuntu-latest"
},
{
"path": ".gitignore",
"chars": 1166,
"preview": "# It is best to ignoring editor and system files in a local .gitignore configuration file.\n# However, in order to preven"
},
{
"path": ".lintignore",
"chars": 1215,
"preview": "/.git\n/coverage\n/docs/export\n/docs/pages/playground/\n/examples/material-ui-cra*/src/serviceWorker.js\n/examples/material-"
},
{
"path": ".markdownlint-cli2.mjs",
"chars": 110,
"preview": "import { createBaseConfig } from '@mui/internal-code-infra/markdownlint';\n\nexport default createBaseConfig();\n"
},
{
"path": ".npmrc",
"chars": 70,
"preview": "enable-pre-post-scripts = true\nmanage-package-manager-versions = true\n"
},
{
"path": ".prettierignore",
"chars": 15,
"preview": "pnpm-lock.yaml\n"
},
{
"path": ".tidelift.yml",
"chars": 330,
"preview": "ci:\n platform:\n npm:\n # Don't run unmainted test on nomnom, it's only used by build tools, not in MUI.\n no"
},
{
"path": ".vale.ini",
"chars": 873,
"preview": "# Vale config. More information at https://vale.sh/docs/topics/config/\nStylesPath = .github/styles\nMinAlertLevel = warni"
},
{
"path": ".vscode/extensions.json",
"chars": 193,
"preview": "{\n \"recommendations\": [\n \"editorconfig.editorconfig\",\n \"dbaeumer.vscode-eslint\",\n \"davidanson.vscode-markdownl"
},
{
"path": "AGENTS.md",
"chars": 4995,
"preview": "# AGENTS.md\n\nThis file provides guidance for AI agents working with code in this repository.\n\n## Package Manager\n\n**Only"
},
{
"path": "CHANGELOG.md",
"chars": 75949,
"preview": "# [Versions](https://mui.com/versions/)\n\n## 9.0.0-beta.0\n\n<!-- generated comparing v9.0.0-alpha.4..master -->\n\n_Mar 25, "
},
{
"path": "CHANGELOG.old.md",
"chars": 1373814,
"preview": "## 6.4.2\n\n<!-- generated comparing v6.4.1..v6.x -->\n\n_Jan 29, 2025_\n\nA big thanks to the 5 contributors who made this re"
},
{
"path": "CLAUDE.md",
"chars": 174,
"preview": "# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.\n\nSee"
},
{
"path": "CONTRIBUTING.md",
"chars": 18552,
"preview": "# Contributing to Material UI and MUI System\n\nIf you're reading this, you're awesome!\nThank you for being a part of the "
},
{
"path": "LICENSE",
"chars": 1078,
"preview": "The MIT License (MIT)\n\nCopyright (c) 2014 Call-Em-All\n\nPermission is hereby granted, free of charge, to any person obtai"
},
{
"path": "README.md",
"chars": 8988,
"preview": "<!-- #host-reference -->\n<!-- markdownlint-disable-next-line -->\n<p align=\"center\">\n <a href=\"https://next.mui.com/core"
},
{
"path": "SECURITY.md",
"chars": 1020,
"preview": "# Security policy\n\n## Supported versions\n\nThe versions of the project that are currently supported with security updates"
},
{
"path": "TYPESCRIPT_CONVENTION.md",
"chars": 5340,
"preview": "# TypeScript convention\n\n## Component\n\n> **Public components** are considered all components exported from `@mui/materia"
},
{
"path": "babel.config.mjs",
"chars": 3053,
"preview": "// @ts-check\nimport { fileURLToPath } from 'node:url';\nimport * as path from 'node:path';\n// @ts-ignore\nimport getBaseCo"
},
{
"path": "crowdin.yml",
"chars": 1131,
"preview": "commit_message: '[skip ci]'\npull_request_title: '[docs] Sync translations with Crowdin'\npull_request_labels: [l10n]\nfile"
},
{
"path": "dangerfile.js",
"chars": 357,
"preview": "const tsx = require('tsx/cjs/api');\n\n// danger uses babelify under the hood. The implementation is buggy and fails on ou"
},
{
"path": "docs/README.md",
"chars": 772,
"preview": "# Docs\n\nThis is the website of the company MUI and the documentation for Material UI.\n\nTo start the docs site in develop"
},
{
"path": "docs/config.ts",
"chars": 569,
"preview": "// Valid languages to server-side render in production\nexport const LANGUAGES = ['en'];\n\n// Server side rendered languag"
},
{
"path": "docs/data/about/teamMembers.json",
"chars": 9697,
"preview": "[\n {\n \"name\": \"Olivier Tassinari\",\n \"title\": \"Co-founder, CEO\",\n \"location\": \"Paris, France\",\n \"locationCou"
},
{
"path": "docs/data/docs/pages.ts",
"chars": 575,
"preview": "import type { MuiPage } from '@mui/docs/MuiPage';\nimport standardNavIcons from 'docs/src/modules/components/AppNavIcons'"
},
{
"path": "docs/data/docs-infra/pages.ts",
"chars": 8745,
"preview": "import type { MuiPage } from '@mui/docs/MuiPage';\n\nconst pages: readonly MuiPage[] = [\n {\n pathname: '/experiments/d"
},
{
"path": "docs/data/experiments/renderers/renderAvatar.js",
"chars": 312,
"preview": "import Avatar from '@mui/material/Avatar';\n\nexport function renderAvatar(params) {\n if (params.value == null) {\n ret"
},
{
"path": "docs/data/experiments/renderers/renderCountry.js",
"chars": 3156,
"preview": "import * as React from 'react';\nimport { useGridApiContext } from '@mui/x-data-grid';\n// eslint-disable-next-line no-res"
},
{
"path": "docs/data/experiments/renderers/renderEmail.js",
"chars": 711,
"preview": "import * as React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst Link = styled('a')({\n textOverflo"
},
{
"path": "docs/data/experiments/renderers/renderIncoterm.js",
"chars": 2633,
"preview": "import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport ListItemIcon from '@mui/material/ListItemIco"
},
{
"path": "docs/data/experiments/renderers/renderProgress.js",
"chars": 4146,
"preview": "import * as React from 'react';\nimport clsx from 'clsx';\nimport { useGridApiContext } from '@mui/x-data-grid';\nimport Sl"
},
{
"path": "docs/data/experiments/renderers/renderRating.js",
"chars": 2131,
"preview": "import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport Rating from '@mui/material/Rating';\nimport {"
},
{
"path": "docs/data/experiments/renderers/renderSparkline.js",
"chars": 323,
"preview": "import { SparkLineChart } from '@mui/x-charts/SparkLineChart';\n\nexport function renderSparkline(params) {\n if (params.v"
},
{
"path": "docs/data/experiments/renderers/renderStatus.js",
"chars": 4248,
"preview": "import * as React from 'react';\nimport Chip from '@mui/material/Chip';\nimport ListItemIcon from '@mui/material/ListItemI"
},
{
"path": "docs/data/material/all-components/all-components.md",
"chars": 1324,
"preview": "# Material UI components\n\n<p class=\"description\">Every Material UI component available so far.</p>\n\nMaterial UI aims to "
},
{
"path": "docs/data/material/components/about-the-lab/about-the-lab.md",
"chars": 3083,
"preview": "# About the lab\n\n<p class=\"description\">This package hosts the incubator components that are not yet ready to move to th"
},
{
"path": "docs/data/material/components/accordion/AccordionExpandDefault.js",
"chars": 1453,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport A"
},
{
"path": "docs/data/material/components/accordion/AccordionExpandDefault.tsx",
"chars": 1453,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport A"
},
{
"path": "docs/data/material/components/accordion/AccordionExpandIcon.js",
"chars": 1510,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport A"
},
{
"path": "docs/data/material/components/accordion/AccordionExpandIcon.tsx",
"chars": 1510,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport A"
},
{
"path": "docs/data/material/components/accordion/AccordionTransition.js",
"chars": 2444,
"preview": "import * as React from 'react';\nimport Accordion, { accordionClasses } from '@mui/material/Accordion';\nimport AccordionS"
},
{
"path": "docs/data/material/components/accordion/AccordionTransition.tsx",
"chars": 2497,
"preview": "import * as React from 'react';\nimport Accordion, {\n AccordionSlots,\n accordionClasses,\n} from '@mui/material/Accordio"
},
{
"path": "docs/data/material/components/accordion/AccordionUsage.js",
"chars": 2051,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionActions from '@mui/material/AccordionActions';\nimport A"
},
{
"path": "docs/data/material/components/accordion/AccordionUsage.tsx",
"chars": 2051,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionActions from '@mui/material/AccordionActions';\nimport A"
},
{
"path": "docs/data/material/components/accordion/ControlledAccordions.js",
"chars": 3689,
"preview": "import * as React from 'react';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/mate"
},
{
"path": "docs/data/material/components/accordion/ControlledAccordions.tsx",
"chars": 3752,
"preview": "import * as React from 'react';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/mate"
},
{
"path": "docs/data/material/components/accordion/CustomizedAccordions.js",
"chars": 3756,
"preview": "import * as React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ArrowForwardIosSharpIcon from '@mu"
},
{
"path": "docs/data/material/components/accordion/CustomizedAccordions.tsx",
"chars": 3903,
"preview": "import * as React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ArrowForwardIosSharpIcon from '@mu"
},
{
"path": "docs/data/material/components/accordion/DisabledAccordion.js",
"chars": 1722,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport A"
},
{
"path": "docs/data/material/components/accordion/DisabledAccordion.tsx",
"chars": 1722,
"preview": "import Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport A"
},
{
"path": "docs/data/material/components/accordion/accordion.md",
"chars": 5110,
"preview": "---\nproductId: material-ui\ntitle: React Accordion component\ncomponents: Accordion, AccordionActions, AccordionDetails, A"
},
{
"path": "docs/data/material/components/alert/ActionAlerts.js",
"chars": 598,
"preview": "import Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Stack from '@mui/material/Sta"
},
{
"path": "docs/data/material/components/alert/ActionAlerts.tsx",
"chars": 598,
"preview": "import Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Stack from '@mui/material/Sta"
},
{
"path": "docs/data/material/components/alert/ActionAlerts.tsx.preview",
"chars": 274,
"preview": "<Alert severity=\"warning\" onClose={() => {}}>\n This Alert displays the default close icon.\n</Alert>\n<Alert\n severity=\""
},
{
"path": "docs/data/material/components/alert/BasicAlerts.js",
"chars": 453,
"preview": "import Alert from '@mui/material/Alert';\nimport Stack from '@mui/material/Stack';\n\nexport default function BasicAlerts()"
},
{
"path": "docs/data/material/components/alert/BasicAlerts.tsx",
"chars": 453,
"preview": "import Alert from '@mui/material/Alert';\nimport Stack from '@mui/material/Stack';\n\nexport default function BasicAlerts()"
},
{
"path": "docs/data/material/components/alert/BasicAlerts.tsx.preview",
"chars": 227,
"preview": "<Alert severity=\"success\">This is a success Alert.</Alert>\n<Alert severity=\"info\">This is an info Alert.</Alert>\n<Alert "
},
{
"path": "docs/data/material/components/alert/ColorAlerts.js",
"chars": 211,
"preview": "import Alert from '@mui/material/Alert';\n\nexport default function ColorAlerts() {\n return (\n <Alert severity=\"succes"
},
{
"path": "docs/data/material/components/alert/ColorAlerts.tsx",
"chars": 211,
"preview": "import Alert from '@mui/material/Alert';\n\nexport default function ColorAlerts() {\n return (\n <Alert severity=\"succes"
},
{
"path": "docs/data/material/components/alert/ColorAlerts.tsx.preview",
"chars": 98,
"preview": "<Alert severity=\"success\" color=\"warning\">\n This is a success Alert with warning colors.\n</Alert>"
},
{
"path": "docs/data/material/components/alert/DescriptionAlerts.js",
"chars": 826,
"preview": "import Alert from '@mui/material/Alert';\nimport AlertTitle from '@mui/material/AlertTitle';\nimport Stack from '@mui/mate"
},
{
"path": "docs/data/material/components/alert/DescriptionAlerts.tsx",
"chars": 826,
"preview": "import Alert from '@mui/material/Alert';\nimport AlertTitle from '@mui/material/AlertTitle';\nimport Stack from '@mui/mate"
},
{
"path": "docs/data/material/components/alert/DescriptionAlerts.tsx.preview",
"chars": 471,
"preview": "<Alert severity=\"success\">\n <AlertTitle>Success</AlertTitle>\n This is a success Alert with an encouraging title.\n</Ale"
},
{
"path": "docs/data/material/components/alert/FilledAlerts.js",
"chars": 612,
"preview": "import Alert from '@mui/material/Alert';\nimport Stack from '@mui/material/Stack';\n\nexport default function FilledAlerts("
},
{
"path": "docs/data/material/components/alert/FilledAlerts.tsx",
"chars": 612,
"preview": "import Alert from '@mui/material/Alert';\nimport Stack from '@mui/material/Stack';\n\nexport default function FilledAlerts("
},
{
"path": "docs/data/material/components/alert/FilledAlerts.tsx.preview",
"chars": 337,
"preview": "<Alert variant=\"filled\" severity=\"success\">\n This is a filled success Alert.\n</Alert>\n<Alert variant=\"filled\" severity="
},
{
"path": "docs/data/material/components/alert/IconAlerts.js",
"chars": 775,
"preview": "import Alert from '@mui/material/Alert';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CheckCircleOutlineIco"
},
{
"path": "docs/data/material/components/alert/IconAlerts.tsx",
"chars": 775,
"preview": "import Alert from '@mui/material/Alert';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CheckCircleOutlineIco"
},
{
"path": "docs/data/material/components/alert/IconAlerts.tsx.preview",
"chars": 368,
"preview": "<Alert icon={<CheckIcon fontSize=\"inherit\" />} severity=\"success\">\n This success Alert has a custom icon.\n</Alert>\n<Ale"
},
{
"path": "docs/data/material/components/alert/OutlinedAlerts.js",
"chars": 634,
"preview": "import Alert from '@mui/material/Alert';\nimport Stack from '@mui/material/Stack';\n\nexport default function OutlinedAlert"
},
{
"path": "docs/data/material/components/alert/OutlinedAlerts.tsx",
"chars": 634,
"preview": "import Alert from '@mui/material/Alert';\nimport Stack from '@mui/material/Stack';\n\nexport default function OutlinedAlert"
},
{
"path": "docs/data/material/components/alert/OutlinedAlerts.tsx.preview",
"chars": 357,
"preview": "<Alert variant=\"outlined\" severity=\"success\">\n This is an outlined success Alert.\n</Alert>\n<Alert variant=\"outlined\" se"
},
{
"path": "docs/data/material/components/alert/SimpleAlert.js",
"chars": 304,
"preview": "import Alert from '@mui/material/Alert';\nimport CheckIcon from '@mui/icons-material/Check';\n\nexport default function Sim"
},
{
"path": "docs/data/material/components/alert/SimpleAlert.tsx",
"chars": 304,
"preview": "import Alert from '@mui/material/Alert';\nimport CheckIcon from '@mui/icons-material/Check';\n\nexport default function Sim"
},
{
"path": "docs/data/material/components/alert/SimpleAlert.tsx.preview",
"chars": 140,
"preview": "<Alert icon={<CheckIcon fontSize=\"inherit\" />} severity=\"success\">\n Here is a gentle confirmation that your action was "
},
{
"path": "docs/data/material/components/alert/TransitionAlerts.js",
"chars": 1122,
"preview": "import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport Alert from '@mui/material/Alert';\nimport Ico"
},
{
"path": "docs/data/material/components/alert/TransitionAlerts.tsx",
"chars": 1122,
"preview": "import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport Alert from '@mui/material/Alert';\nimport Ico"
},
{
"path": "docs/data/material/components/alert/alert.md",
"chars": 6328,
"preview": "---\nproductId: material-ui\ntitle: React Alert component\ncomponents: Alert, AlertTitle\ngithubLabel: 'scope: alert'\nwaiAri"
},
{
"path": "docs/data/material/components/app-bar/BackToTop.js",
"chars": 2527,
"preview": "import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport AppBar from '@mui/material/AppBar';\nimport To"
},
{
"path": "docs/data/material/components/app-bar/BackToTop.tsx",
"chars": 2561,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\n"
},
{
"path": "docs/data/material/components/app-bar/BottomAppBar.js",
"chars": 4237,
"preview": "import * as React from 'react';\nimport { styled } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar'"
},
{
"path": "docs/data/material/components/app-bar/BottomAppBar.tsx",
"chars": 4237,
"preview": "import * as React from 'react';\nimport { styled } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar'"
},
{
"path": "docs/data/material/components/app-bar/ButtonAppBar.js",
"chars": 888,
"preview": "import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolb"
},
{
"path": "docs/data/material/components/app-bar/ButtonAppBar.tsx",
"chars": 888,
"preview": "import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolb"
},
{
"path": "docs/data/material/components/app-bar/DenseAppBar.js",
"chars": 808,
"preview": "import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolb"
},
{
"path": "docs/data/material/components/app-bar/DenseAppBar.tsx",
"chars": 808,
"preview": "import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport Toolbar from '@mui/material/Toolb"
},
{
"path": "docs/data/material/components/app-bar/DenseAppBar.tsx.preview",
"chars": 334,
"preview": "<AppBar position=\"static\">\n <Toolbar variant=\"dense\">\n <IconButton edge=\"start\" color=\"inherit\" aria-label=\"menu\" sx"
},
{
"path": "docs/data/material/components/app-bar/DrawerAppBar.js",
"chars": 5884,
"preview": "import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport AppBar from '@mui/material/AppBar';\nimport Bo"
},
{
"path": "docs/data/material/components/app-bar/DrawerAppBar.tsx",
"chars": 5829,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport C"
},
{
"path": "docs/data/material/components/app-bar/ElevateAppBar.js",
"chars": 1944,
"preview": "import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport AppBar from '@mui/material/AppBar';\nimport To"
},
{
"path": "docs/data/material/components/app-bar/ElevateAppBar.tsx",
"chars": 1934,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\n"
},
{
"path": "docs/data/material/components/app-bar/EnableColorOnDarkAppBar.js",
"chars": 1205,
"preview": "import AppBar from '@mui/material/AppBar';\nimport Stack from '@mui/material/Stack';\nimport Toolbar from '@mui/material/T"
},
{
"path": "docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx",
"chars": 1213,
"preview": "import AppBar from '@mui/material/AppBar';\nimport Stack from '@mui/material/Stack';\nimport Toolbar from '@mui/material/T"
},
{
"path": "docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx.preview",
"chars": 250,
"preview": "<ThemeProvider theme={darkTheme}>\n <AppBar position=\"static\" color=\"primary\" enableColorOnDark>\n {appBarLabel('enabl"
},
{
"path": "docs/data/material/components/app-bar/HideAppBar.js",
"chars": 1923,
"preview": "import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport AppBar from '@mui/material/AppBar';\nimport To"
},
{
"path": "docs/data/material/components/app-bar/HideAppBar.tsx",
"chars": 1901,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\n"
},
{
"path": "docs/data/material/components/app-bar/MenuAppBar.js",
"chars": 2774,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport T"
},
{
"path": "docs/data/material/components/app-bar/MenuAppBar.tsx",
"chars": 2862,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport T"
},
{
"path": "docs/data/material/components/app-bar/PrimarySearchAppBar.js",
"chars": 6638,
"preview": "import * as React from 'react';\nimport { styled, alpha } from '@mui/material/styles';\nimport AppBar from '@mui/material/"
},
{
"path": "docs/data/material/components/app-bar/PrimarySearchAppBar.tsx",
"chars": 6744,
"preview": "import * as React from 'react';\nimport { styled, alpha } from '@mui/material/styles';\nimport AppBar from '@mui/material/"
},
{
"path": "docs/data/material/components/app-bar/ProminentAppBar.js",
"chars": 1648,
"preview": "import { styled } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material"
},
{
"path": "docs/data/material/components/app-bar/ProminentAppBar.tsx",
"chars": 1648,
"preview": "import { styled } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material"
},
{
"path": "docs/data/material/components/app-bar/ResponsiveAppBar.js",
"chars": 5112,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport T"
},
{
"path": "docs/data/material/components/app-bar/ResponsiveAppBar.tsx",
"chars": 5214,
"preview": "import * as React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport T"
},
{
"path": "docs/data/material/components/app-bar/SearchAppBar.js",
"chars": 2397,
"preview": "import { styled, alpha } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/m"
},
{
"path": "docs/data/material/components/app-bar/SearchAppBar.tsx",
"chars": 2397,
"preview": "import { styled, alpha } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/m"
},
{
"path": "docs/data/material/components/app-bar/app-bar.md",
"chars": 3958,
"preview": "---\nproductId: material-ui\ntitle: App Bar React component\ncomponents: AppBar, Toolbar, Menu\ngithubLabel: 'scope: app bar"
},
{
"path": "docs/data/material/components/autocomplete/Asynchronous.js",
"chars": 3386,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/Asynchronous.tsx",
"chars": 3485,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/AutocompleteHint.js",
"chars": 6801,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/AutocompleteHint.tsx",
"chars": 6801,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/CheckboxesTags.js",
"chars": 2824,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CheckBoxO"
},
{
"path": "docs/data/material/components/autocomplete/CheckboxesTags.tsx",
"chars": 2824,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CheckBoxO"
},
{
"path": "docs/data/material/components/autocomplete/ComboBox.js",
"chars": 372,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport top100Fil"
},
{
"path": "docs/data/material/components/autocomplete/ComboBox.tsx",
"chars": 372,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport top100Fil"
},
{
"path": "docs/data/material/components/autocomplete/ComboBox.tsx.preview",
"chars": 146,
"preview": "<Autocomplete\n disablePortal\n options={top100Films}\n sx={{ width: 300 }}\n renderInput={(params) => <TextField {...pa"
},
{
"path": "docs/data/material/components/autocomplete/ControllableStates.js",
"chars": 953,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/ControllableStates.tsx",
"chars": 988,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/CountrySelect.js",
"chars": 15619,
"preview": "import Box from '@mui/material/Box';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/mat"
},
{
"path": "docs/data/material/components/autocomplete/CountrySelect.tsx",
"chars": 15741,
"preview": "import Box from '@mui/material/Box';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/mat"
},
{
"path": "docs/data/material/components/autocomplete/CustomInputAutocomplete.js",
"chars": 732,
"preview": "import Autocomplete from '@mui/material/Autocomplete';\n\nconst options = ['Option 1', 'Option 2'];\n\nexport default functi"
},
{
"path": "docs/data/material/components/autocomplete/CustomInputAutocomplete.tsx",
"chars": 732,
"preview": "import Autocomplete from '@mui/material/Autocomplete';\n\nconst options = ['Option 1', 'Option 2'];\n\nexport default functi"
},
{
"path": "docs/data/material/components/autocomplete/CustomSingleValueRendering.js",
"chars": 2649,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Chip from"
},
{
"path": "docs/data/material/components/autocomplete/CustomSingleValueRendering.tsx",
"chars": 2649,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Chip from"
},
{
"path": "docs/data/material/components/autocomplete/CustomSingleValueRendering.tsx.preview",
"chars": 499,
"preview": "<Autocomplete\n options={top100Films}\n getOptionLabel={(option) => option.title}\n renderValue={(value, getItemProps) ="
},
{
"path": "docs/data/material/components/autocomplete/CustomizedHook.js",
"chars": 10455,
"preview": "import useAutocomplete from '@mui/material/useAutocomplete';\nimport PropTypes from 'prop-types';\nimport CheckIcon from '"
},
{
"path": "docs/data/material/components/autocomplete/CustomizedHook.tsx",
"chars": 10189,
"preview": "import useAutocomplete, {\n AutocompleteGetItemProps,\n UseAutocompleteProps,\n} from '@mui/material/useAutocomplete';\nim"
},
{
"path": "docs/data/material/components/autocomplete/CustomizedHook.tsx.preview",
"chars": 168,
"preview": "<CustomAutocomplete<FilmOptionType>\n id=\"customized-hook-demo\"\n defaultValue={[top100Films[1]]}\n options={top100Films"
},
{
"path": "docs/data/material/components/autocomplete/DisabledOptions.js",
"chars": 640,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\n\nexport default "
},
{
"path": "docs/data/material/components/autocomplete/DisabledOptions.tsx",
"chars": 640,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\n\nexport default "
},
{
"path": "docs/data/material/components/autocomplete/DisabledOptions.tsx.preview",
"chars": 231,
"preview": "<Autocomplete\n options={timeSlots}\n getOptionDisabled={(option) =>\n option === timeSlots[0] || option === timeSlots"
},
{
"path": "docs/data/material/components/autocomplete/Filter.js",
"chars": 5309,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete, { createFilterOptions } from '@mui/material/Autoco"
},
{
"path": "docs/data/material/components/autocomplete/Filter.tsx",
"chars": 5388,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete, { createFilterOptions } from '@mui/material/Autoco"
},
{
"path": "docs/data/material/components/autocomplete/Filter.tsx.preview",
"chars": 214,
"preview": "<Autocomplete\n options={top100Films}\n getOptionLabel={(option) => option.title}\n filterOptions={filterOptions}\n sx={"
},
{
"path": "docs/data/material/components/autocomplete/FixedTags.js",
"chars": 5994,
"preview": "import * as React from 'react';\nimport Chip from '@mui/material/Chip';\nimport TextField from '@mui/material/TextField';\n"
},
{
"path": "docs/data/material/components/autocomplete/FixedTags.tsx",
"chars": 5994,
"preview": "import * as React from 'react';\nimport Chip from '@mui/material/Chip';\nimport TextField from '@mui/material/TextField';\n"
},
{
"path": "docs/data/material/components/autocomplete/FreeSolo.js",
"chars": 6477,
"preview": "import TextField from '@mui/material/TextField';\nimport Stack from '@mui/material/Stack';\nimport Autocomplete from '@mui"
},
{
"path": "docs/data/material/components/autocomplete/FreeSolo.tsx",
"chars": 6477,
"preview": "import TextField from '@mui/material/TextField';\nimport Stack from '@mui/material/Stack';\nimport Autocomplete from '@mui"
},
{
"path": "docs/data/material/components/autocomplete/FreeSoloCreateOption.js",
"chars": 6842,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete, { createFilterOpti"
},
{
"path": "docs/data/material/components/autocomplete/FreeSoloCreateOption.tsx",
"chars": 6995,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete, { createFilterOpti"
},
{
"path": "docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js",
"chars": 9060,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Dialog from '@mui/material/Dialo"
},
{
"path": "docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx",
"chars": 9247,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Dialog from '@mui/material/Dialo"
},
{
"path": "docs/data/material/components/autocomplete/GitHubLabel.js",
"chars": 10601,
"preview": "import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTheme, styled } from '@mui/material/styl"
},
{
"path": "docs/data/material/components/autocomplete/GitHubLabel.tsx",
"chars": 10912,
"preview": "import * as React from 'react';\nimport { useTheme, styled } from '@mui/material/styles';\nimport Popper from '@mui/materi"
},
{
"path": "docs/data/material/components/autocomplete/GloballyCustomizedOptions.js",
"chars": 21253,
"preview": "import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';\nimport Box from '@mui/material/Box';\nimp"
},
{
"path": "docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx",
"chars": 21483,
"preview": "import Autocomplete, { autocompleteClasses } from '@mui/material/Autocomplete';\nimport Box from '@mui/material/Box';\nimp"
},
{
"path": "docs/data/material/components/autocomplete/GloballyCustomizedOptions.tsx.preview",
"chars": 159,
"preview": "<ThemeProvider theme={customTheme(outerTheme)}>\n <Stack spacing={5} sx={{ width: 300 }}>\n <MovieSelect />\n <Count"
},
{
"path": "docs/data/material/components/autocomplete/GoogleMaps.js",
"chars": 12793,
"preview": "import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Box from '@mui/material/Box';\nimport TextFiel"
},
{
"path": "docs/data/material/components/autocomplete/GoogleMaps.tsx",
"chars": 13434,
"preview": "import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport TextField from '@mui/material/TextField';\nim"
},
{
"path": "docs/data/material/components/autocomplete/Grouped.js",
"chars": 5459,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\n\nexport default "
},
{
"path": "docs/data/material/components/autocomplete/Grouped.tsx",
"chars": 5459,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\n\nexport default "
},
{
"path": "docs/data/material/components/autocomplete/Grouped.tsx.preview",
"chars": 283,
"preview": "<Autocomplete\n options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}\n groupBy={(option) => opt"
},
{
"path": "docs/data/material/components/autocomplete/Highlights.js",
"chars": 5934,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport parse fro"
},
{
"path": "docs/data/material/components/autocomplete/Highlights.tsx",
"chars": 5934,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport parse fro"
},
{
"path": "docs/data/material/components/autocomplete/LimitTags.js",
"chars": 5322,
"preview": "import Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\n\nexport default "
},
{
"path": "docs/data/material/components/autocomplete/LimitTags.tsx",
"chars": 5322,
"preview": "import Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\n\nexport default "
},
{
"path": "docs/data/material/components/autocomplete/LimitTags.tsx.preview",
"chars": 339,
"preview": "<Autocomplete\n multiple\n limitTags={2}\n id=\"multiple-limit-tags\"\n options={top100Films}\n getOptionLabel={(option) ="
},
{
"path": "docs/data/material/components/autocomplete/Playground.js",
"chars": 9289,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/Playground.tsx",
"chars": 9419,
"preview": "import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material"
},
{
"path": "docs/data/material/components/autocomplete/RenderGroup.js",
"chars": 6081,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport { styled,"
},
{
"path": "docs/data/material/components/autocomplete/RenderGroup.tsx",
"chars": 6081,
"preview": "import TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport { styled,"
},
{
"path": "docs/data/material/components/autocomplete/RenderGroup.tsx.preview",
"chars": 450,
"preview": "<Autocomplete\n options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}\n groupBy={(option) => opt"
},
{
"path": "docs/data/material/components/autocomplete/Sizes.js",
"chars": 7814,
"preview": "import Stack from '@mui/material/Stack';\nimport Chip from '@mui/material/Chip';\nimport Autocomplete from '@mui/material/"
},
{
"path": "docs/data/material/components/autocomplete/Sizes.tsx",
"chars": 7814,
"preview": "import Stack from '@mui/material/Stack';\nimport Chip from '@mui/material/Chip';\nimport Autocomplete from '@mui/material/"
},
{
"path": "docs/data/material/components/autocomplete/Tags.js",
"chars": 6904,
"preview": "import Chip from '@mui/material/Chip';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mu"
},
{
"path": "docs/data/material/components/autocomplete/Tags.tsx",
"chars": 6939,
"preview": "import Chip from '@mui/material/Chip';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mu"
},
{
"path": "docs/data/material/components/autocomplete/UseAutocomplete.js",
"chars": 6523,
"preview": "import useAutocomplete from '@mui/material/useAutocomplete';\nimport { styled } from '@mui/system';\n\nconst Label = styled"
},
{
"path": "docs/data/material/components/autocomplete/UseAutocomplete.tsx",
"chars": 6523,
"preview": "import useAutocomplete from '@mui/material/useAutocomplete';\nimport { styled } from '@mui/system';\n\nconst Label = styled"
},
{
"path": "docs/data/material/components/autocomplete/UseAutocomplete.tsx.preview",
"chars": 442,
"preview": "<div {...getRootProps()}>\n <Label {...getInputLabelProps()}>useAutocomplete</Label>\n <Input {...getInputProps()} />\n</"
}
]
// ... and 28856 more files (download for full content)
About this extraction
This page contains the full source code of the mui/material-ui GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 29056 files (35.5 MB), approximately 10.9M tokens, and a symbol index with 7785 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.