[docs] Fix /base-ui redirect and prune links (#45083)

mui · Jan 22, 2025 · 2a4aba0 · 2a4aba0
1 parent 819e662
commit 2a4aba0
Show file tree

Hide file tree

Showing 27 changed files with 32 additions and 73 deletions.
diff --git a/docs/data/joy/components/accordion/accordion.md b/docs/data/joy/components/accordion/accordion.md
@@ -4,6 +4,7 @@ title: React Accordion component
 components: Accordion, AccordionDetails, AccordionGroup, AccordionSummary
 githubLabel: 'component: accordion'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
+unstyled: https://base-ui.com/react/components/accordion
 ---
 
 # Accordion

diff --git a/docs/data/joy/components/badge/badge.md b/docs/data/joy/components/badge/badge.md
@@ -3,7 +3,6 @@ productId: joy-ui
 title: React Badge component
 components: Badge
 githubLabel: 'component: badge'
-unstyled: /base-ui/react-badge/
 ---
 
 # Badge

diff --git a/docs/data/joy/components/button/button.md b/docs/data/joy/components/button/button.md
@@ -4,7 +4,6 @@ title: React Button component
 components: Button, IconButton
 githubLabel: 'component: button'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/button/
-unstyled: /base-ui/react-button/
 ---
 
 # Button

diff --git a/docs/data/joy/components/checkbox/checkbox.md b/docs/data/joy/components/checkbox/checkbox.md
@@ -4,6 +4,7 @@ title: React Checkbox component
 components: Checkbox
 githubLabel: 'component: checkbox'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
+unstyled: https://base-ui.com/react/components/checkbox
 ---
 
 # Checkbox

diff --git a/docs/data/joy/components/divider/divider.md b/docs/data/joy/components/divider/divider.md
@@ -3,6 +3,7 @@ productId: joy-ui
 title: React Divider component
 components: Divider
 githubLabel: 'component: divider'
+unstyled: https://base-ui.com/react/components/separator
 ---
 
 # Divider

diff --git a/docs/data/joy/components/input/input.md b/docs/data/joy/components/input/input.md
@@ -2,7 +2,7 @@
 productId: joy-ui
 title: React Input component
 components: FormControl, FormHelperText, FormLabel, Input
-unstyled: /base-ui/react-input/
+unstyled: https://base-ui.com/react/components/input
 ---
 
 # Input

diff --git a/docs/data/joy/components/menu/menu.md b/docs/data/joy/components/menu/menu.md
@@ -4,7 +4,7 @@ title: React Menu component
 components: Menu, MenuItem, MenuList, MenuButton
 githubLabel: 'component: menu'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
-unstyled: /base-ui/react-menu/
+unstyled: https://base-ui.com/react/components/menu
 ---
 
 # Menu

diff --git a/docs/data/joy/components/modal/modal.md b/docs/data/joy/components/modal/modal.md
@@ -4,6 +4,7 @@ title: React Modal component
 components: Modal, ModalClose, ModalDialog, ModalOverflow, DialogTitle, DialogContent, DialogActions
 githubLabel: 'component: modal'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
+unstyled: https://base-ui.com/react/components/dialog
 ---
 
 # Modal

diff --git a/docs/data/joy/components/radio-button/radio-button.md b/docs/data/joy/components/radio-button/radio-button.md
@@ -4,6 +4,7 @@ title: React Radio Button component
 components: Radio, RadioGroup
 githubLabel: 'component: radio'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radio/
+unstyled: https://base-ui.com/react/components/radio
 ---
 
 # Radio

diff --git a/docs/data/joy/components/select/select.md b/docs/data/joy/components/select/select.md
@@ -4,7 +4,7 @@ title: React Select component
 components: Select, Option
 githubLabel: 'component: select'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
-unstyled: /base-ui/react-select/
+unstyled: https://base-ui.com/react/components/select
 ---
 
 # Select

diff --git a/docs/data/joy/components/slider/slider.md b/docs/data/joy/components/slider/slider.md
@@ -3,7 +3,7 @@ productId: joy-ui
 title: React Slider component
 components: Slider
 githubLabel: 'component: slider'
-unstyled: /base-ui/react-slider/
+unstyled: https://base-ui.com/react/components/slider
 ---
 
 # Slider

diff --git a/docs/data/joy/components/switch/switch.md b/docs/data/joy/components/switch/switch.md
@@ -3,7 +3,7 @@ productId: joy-ui
 title: React Switch component
 components: Switch
 githubLabel: 'component: switch'
-unstyled: /base-ui/react-switch/
+unstyled: https://base-ui.com/react/components/switch
 ---
 
 # Switch

diff --git a/docs/data/joy/components/tabs/tabs.md b/docs/data/joy/components/tabs/tabs.md
@@ -4,7 +4,7 @@ title: React Tabs component
 components: Tab, TabList, TabPanel, Tabs
 githubLabel: 'component: tabs'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
-unstyled: /base-ui/react-tabs/
+unstyled: https://base-ui.com/react/components/menu
 ---
 
 # Tabs

diff --git a/docs/data/joy/components/text-field/text-field.md b/docs/data/joy/components/text-field/text-field.md
@@ -2,6 +2,7 @@
 productId: joy-ui
 title: React Text Field component
 githubLabel: 'component: text field'
+unstyled: https://base-ui.com/react/components/field
 ---
 
 # Text Field

diff --git a/docs/data/joy/components/textarea/textarea.md b/docs/data/joy/components/textarea/textarea.md
@@ -3,7 +3,6 @@ productId: joy-ui
 title: React Textarea component
 components: Textarea
 githubLabel: 'component: TextareaAutosize'
-unstyled: /base-ui/react-textarea-autosize/
 ---
 
 # Textarea

diff --git a/docs/data/joy/components/toggle-button-group/toggle-button-group.md b/docs/data/joy/components/toggle-button-group/toggle-button-group.md
@@ -3,6 +3,7 @@ productId: joy-ui
 title: React Toggle Button Group component
 githubLabel: 'component: toggle button'
 components: ToggleButtonGroup, Button, IconButton
+unstyled: https://base-ui.com/react/components/toggle-group
 ---
 
 # Toggle Button Group

diff --git a/docs/data/joy/components/tooltip/tooltip.md b/docs/data/joy/components/tooltip/tooltip.md
@@ -4,6 +4,7 @@ title: React Tooltip component
 components: Tooltip
 githubLabel: 'component: tooltip'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
+unstyled: https://base-ui.com/react/components/tooltip
 ---
 
 # Tooltip

diff --git a/docs/data/material/components/click-away-listener/click-away-listener.md b/docs/data/material/components/click-away-listener/click-away-listener.md
@@ -14,6 +14,6 @@ githubLabel: 'component: ClickAwayListener'
 :::warning
 Please refer to the [Click-Away Listener](/base-ui/react-click-away-listener/) component page in the MUI Base docs for demos and details on usage.
 
-Click-Away Listener is a part of the standalone [MUI Base](/base-ui/) component library.
+Click-Away Listener is a part of the standalone MUI Base component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version after MUI Base gets a stable release.
 :::
diff --git a/docs/data/material/components/no-ssr/no-ssr.md b/docs/data/material/components/no-ssr/no-ssr.md
@@ -13,6 +13,6 @@ components: NoSsr
 :::warning
 Please refer to the [No-SSR](/base-ui/react-no-ssr/) component page in the MUI Base docs for demos and details on usage.
 
-No-SSR is a part of the standalone [MUI Base](/base-ui/) component library.
+No-SSR is a part of the standalone MUI Base component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version after MUI Base gets a stable release.
 :::
diff --git a/docs/data/material/components/portal/portal.md b/docs/data/material/components/portal/portal.md
@@ -14,6 +14,6 @@ githubLabel: 'component: Portal'
 :::warning
 Please refer to the [Portal](/base-ui/react-portal/) component page in the MUI Base docs for demos and details on usage.
 
-Portal is a part of the standalone [MUI Base](/base-ui/) component library.
+Portal is a part of the standalone MUI Base component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version after MUI Base gets a stable release.
 :::
diff --git a/docs/data/material/components/textarea-autosize/textarea-autosize.md b/docs/data/material/components/textarea-autosize/textarea-autosize.md
@@ -14,6 +14,6 @@ githubLabel: 'component: TextareaAutosize'
 :::warning
 Please refer to the [Textarea Autosize](/base-ui/react-textarea-autosize/) component page in the MUI Base docs for demos and details on usage.
 
-Textarea Autosize is a part of the standalone [MUI Base](/base-ui/) component library.
+Textarea Autosize is a part of the standalone MUI Base component library.
 It is currently re-exported from `@mui/material` for your convenience, but it will be removed from this package in a future major version after MUI Base gets a stable release.
 :::
diff --git a/docs/data/material/getting-started/overview/overview.md b/docs/data/material/getting-started/overview/overview.md
@@ -32,7 +32,7 @@ You can follow [this GitHub issue](https://github.com/mui/material-ui/issues/293
 
 ### Material UI vs. MUI Base
 
-Material UI and [MUI Base](/base-ui/) feature many of the same UI components, but MUI Base comes without any default styles or styling solutions.
+Material UI and MUI Base feature many of the same UI components, but MUI Base comes without any default styles or styling solutions.
 
 Material UI is _comprehensive_ in that it comes packaged with default styles, and is optimized to work with [Emotion](https://emotion.sh/docs/introduction) (or [styled-components](https://styled-components.com/)).
 

diff --git a/docs/data/system/getting-started/overview/overview.md b/docs/data/system/getting-started/overview/overview.md
@@ -10,7 +10,7 @@ title: Overview
 
 MUI System is a set of CSS utilities to help you build custom designs more efficiently.
 It's used internally by libraries like [Material UI](/material-ui/), [Joy UI](/joy-ui/getting-started/).
-It can also be used to style [MUI Base](/base-ui/) components.
+It can also be used to style MUI Base components.
 
 MUI System gives you a set of flexible, generic wrapper components like [`Box`](/system/react-box/) and [`Container`](/system/react-container/) that can be quickly customized using the `sx` prop.
 This prop lets you define styles directly within the components themselves, rather than creating bulky and redundant `const` definitions with styled-components.
@@ -26,7 +26,7 @@ Learn more on [the `sx` prop page](/system/getting-started/the-sx-prop/).
 
 ## MUI System vs. MUI Base
 
-[MUI Base](/base-ui/) is a library of "unstyled" React components, while MUI System is a set of utilities for quickly applying styles to those components (as well as our other component libraries like Material UI and Joy UI).
+MUI Base is a library of "unstyled" React components, while MUI System is a set of utilities for quickly applying styles to those components (as well as our other component libraries like Material UI and Joy UI).
 
 MUI Base is a standalone component library, whereas MUI System is _supplemental_ in that it's designed to be paired with MUI Base or any third-party components.
 See the [Custom components page](/system/getting-started/custom-components/) for details on how to use MUI System.
diff --git a/docs/next.config.mjs b/docs/next.config.mjs
@@ -260,6 +260,15 @@ export default withDocsInfra({
 
     return map;
   },
+  redirects: async () => {
+    return [
+      {
+        source: '/base-ui/',
+        destination: 'https://base-ui.com',
+        permanent: true,
+      },
+    ];
+  },
   // Used to signal we run pnpm build
   ...(process.env.NODE_ENV === 'production'
     ? {

diff --git a/docs/pages/base-ui.tsx b/docs/pages/base-ui.tsx
diff --git a/docs/public/_redirects b/docs/public/_redirects
@@ -509,7 +509,7 @@ https://v4.material-ui.com/* https://v4.mui.com/:splat 301!
 /material-ui/experimental-api/css-theme-variables/overview/ /material-ui/customization/css-theme-variables/overview/ 301
 /material-ui/experimental-api/css-theme-variables/usage/ /material-ui/customization/css-theme-variables/usage/ 301
 /material-ui/experimental-api/css-theme-variables/customization/ /material-ui/customization/css-theme-variables/configuration/ 301
-/base-ui https://base-ui.com 301
+/base-ui/ https://base-ui.com/ 301
 
 # Proxies
 

diff --git a/docs/src/components/productCore/CoreProducts.tsx b/docs/src/components/productCore/CoreProducts.tsx
@@ -4,7 +4,6 @@ import Section from 'docs/src/layouts/Section';
 import { InfoCard } from '@mui/docs/InfoCard';
 import { Theme } from '@mui/material/styles';
 import SvgMuiLogomark from 'docs/src/icons/SvgMuiLogomark';
-import SvgBaseUiLogo from 'docs/src/icons/SvgBaseUiLogo';
 import StyleRoundedIcon from '@mui/icons-material/StyleRounded';
 import WebRoundedIcon from '@mui/icons-material/WebRounded';
 
@@ -35,13 +34,6 @@ const content = [
       "An open-source React component library that implements MUI's own in-house design principles.",
     link: '/joy-ui/getting-started/',
   },
-  {
-    icon: <SvgBaseUiLogo width={14} height={14} sx={logoColor} />,
-    title: 'MUI Base',
-    description:
-      "A library of unstyled React components and low-level hooks. With MUI Base, you gain complete control over your app's CSS and accessibility features.",
-    link: '/base-ui/',
-  },
   {
     icon: <StyleRoundedIcon sx={iconStyles} />,
     title: 'MUI System',
@@ -56,7 +48,7 @@ export default function CoreProducts() {
     <Section cozy>
       <Grid container spacing={2}>
         {content.map(({ icon, title, description, link }) => (
-          <Grid key={title} size={{ xs: 12, md: 6 }}>
+          <Grid key={title} size={{ xs: 12, md: 4 }}>
             <InfoCard
               icon={icon}
               link={link}