[docs][base-ui] Add new batch of coming soon pages

docs/data/base/components/accordion/accordion.md

@@ -5,11 +5,12 @@ githubLabel: 'component: accordion'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
 ---
 
-# Accordion
+# Accordion 🚧
 
 <p class="description">Accordions let users show and hide sections of related content on a page.</p>
 
 :::info
-💡 The Base UI Accordion component is still in development.
-Help us prioritize the next batch of new components by sharing your needs in [this GitHub issue](https://github.com/mui/material-ui/issues/27170).
+💡 The Base UI Accordion component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38037).
 :::

docs/data/base/components/checkbox/checkbox.md

@@ -5,11 +5,12 @@ githubLabel: 'component: checkbox'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
 ---
 
-# Checkbox
+# Checkbox 🚧
 
 <p class="description">Checkboxes give users binary choices when presented with multiple options in a series.</p>
 
 :::info
-💡 The Base UI Checkbox component is still in development.
-Help us prioritize the next batch of new components by sharing your needs in [this GitHub issue](https://github.com/mui/material-ui/issues/27170).
+💡 The Base UI Checkbox component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38036).
 :::

docs/data/base/components/pagination/pagination.md

@@ -0,0 +1,15 @@
+---
+productId: base-ui
+title: React Pagination component
+githubLabel: 'component: Pagination'
+---
+
+# Pagination 🚧
+
+<p class="description">The Pagination component enables the user to select a specific page from a range of pages.</p>
+
+:::info
+💡 The Base UI Pagination component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38042).
+:::

docs/data/base/components/radio-button/radio-button.md

@@ -5,11 +5,12 @@ githubLabel: 'component: radio'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radio/
 ---
 
-# Radio Button
+# Radio Button 🚧
 
 <p class="description">Radio buttons enable the user to select one option from a set.</p>
 
 :::info
-💡 The Base UI Radio Button component is still in development.
-Help us prioritize the next batch of new components by sharing your needs in [this GitHub issue](https://github.com/mui/material-ui/issues/27170).
+💡 The Base UI Radio Button component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38038).
 :::

docs/data/base/components/rating/rating.md

@@ -0,0 +1,16 @@
+---
+productId: base-ui
+title: React Rating component
+githubLabel: 'component: rating'
+waiAria: https://www.w3.org/WAI/tutorials/forms/custom-controls/#a-star-rating
+---
+
+# Rating 🚧
+
+<p class="description">Ratings provide insight regarding others' opinions and experiences, and can allow the user to submit a rating of their own.</p>
+
+:::info
+💡 The Base UI Rating component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38043).
+:::

docs/data/base/components/toggle-button-group/toggle-button-group.md

@@ -0,0 +1,15 @@
+---
+productId: base-ui
+title: React Toggle Button Group component
+githubLabel: 'component: toggle button'
+---
+
+# Toggle Button Group 🚧
+
+<p class="description">A Toggle Button Group houses differen buttons with mutually exclusive actions.</p>
+
+:::info
+💡 The Base UI Toggle Button Group component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38044).
+:::

docs/data/base/components/tooltip/tooltip.md

@@ -0,0 +1,16 @@
+---
+productId: base-ui
+title: React Tooltip component
+githubLabel: 'component: tooltip'
+waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
+---
+
+# Tooltip 🚧
+
+<p class="description">Tooltips display informative text when users hover over, focus on, or tap an element.</p>
+
+:::info
+💡 The Base UI Tooltip component isn't implemented yet but it's planned!
+
+Help us prioritize it by giving a thumbs up in [this GitHub issue](https://github.com/mui/material-ui/issues/38045).
+:::

docs/data/base/pages.ts

@@ -25,22 +25,26 @@ const pages = [
         children: [
           { pathname: '/base-ui/react-autocomplete', title: 'Autocomplete' },
           { pathname: '/base-ui/react-button', title: 'Button' },
-          { pathname: '/base-ui/react-checkbox', title: 'Checkbox', comingSoon: true },
+          { pathname: '/base-ui/react-checkbox', title: 'Checkbox', planned: true },
           { pathname: '/base-ui/react-input', title: 'Input' },
-          { pathname: '/base-ui/react-radio-button', title: 'Radio Button', comingSoon: true },
+          { pathname: '/base-ui/react-radio-button', title: 'Radio Button', planned: true },
+          { pathname: '/base-ui/react-rating', title: 'Rating', planned: true },
           { pathname: '/base-ui/react-select', title: 'Select' },
           { pathname: '/base-ui/react-slider', title: 'Slider' },
           { pathname: '/base-ui/react-switch', title: 'Switch' },
+          {
+            pathname: '/base-ui/react-toggle-button-group',
+            title: 'Toggle Button Group',
+            planned: true,
+          },
         ],
       },
       {
         pathname: '/base-ui/components/data-display',
         subheader: 'data-display',
         children: [
-          {
-            pathname: '/base-ui/react-badge',
-            title: 'Badge',
-          },
+          { pathname: '/base-ui/react-badge', title: 'Badge' },
+          { pathname: '/base-ui/react-tooltip', title: 'Tooltip', planned: true },
         ],
       },
       {
@@ -60,7 +64,7 @@ const pages = [
           {
             pathname: '/base-ui/react-accordion',
             title: 'Accordion',
-            comingSoon: true,
+            planned: true,
           },
         ],
       },
@@ -69,6 +73,7 @@ const pages = [
         subheader: 'navigation',
         children: [
           { pathname: '/base-ui/react-menu', title: 'Menu' },
+          { pathname: '/base-ui/react-pagination', title: 'Pagination', planned: true },
           { pathname: '/base-ui/react-table-pagination', title: 'Table Pagination' },
           { pathname: '/base-ui/react-tabs', title: 'Tabs' },
         ],

docs/data/joy/pages.ts

@@ -75,14 +75,14 @@ const pages = [
           { pathname: '/joy-ui/react-linear-progress', title: 'Linear Progress' },
           { pathname: '/joy-ui/react-modal' },
           { pathname: '/joy-ui/react-skeleton', newFeature: true },
-          { pathname: '/joy-ui/react-snackbar', comingSoon: true },
+          { pathname: '/joy-ui/react-snackbar', planned: true },
         ],
       },
       {
         pathname: '/joy-ui/components/surfaces',
         subheader: 'surfaces',
         children: [
-          { pathname: '/joy-ui/react-accordion', comingSoon: true },
+          { pathname: '/joy-ui/react-accordion', planned: true },
           { pathname: '/joy-ui/react-card' },
           { pathname: '/joy-ui/react-sheet' },
         ],
@@ -92,7 +92,7 @@ const pages = [
         subheader: 'navigation',
         children: [
           { pathname: '/joy-ui/react-breadcrumbs' },
-          { pathname: '/joy-ui/react-drawer', comingSoon: true },
+          { pathname: '/joy-ui/react-drawer', planned: true },
           { pathname: '/joy-ui/react-link' },
           { pathname: '/joy-ui/react-menu' },
           { pathname: '/joy-ui/react-tabs' },

docs/pages/base-ui/react-accordion/[docsTab]/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/accordion/accordion.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
+
+export const getStaticPaths = () => {
+  return {
+    paths: [{ params: { docsTab: 'components-api' } }, { params: { docsTab: 'hooks-api' } }],
+    fallback: false, // can also be true or 'blocking'
+  };
+};
+
+export const getStaticProps = () => {
+  return {
+    props: {
+      componentsApiDescriptions: {},
+      componentsApiPageContents: {},
+      hooksApiDescriptions: {},
+      hooksApiPageContents: {},
+    },
+  };
+};

docs/pages/base-ui/react-checkbox/[docsTab]/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/checkbox/checkbox.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
+
+export const getStaticPaths = () => {
+  return {
+    paths: [{ params: { docsTab: 'components-api' } }, { params: { docsTab: 'hooks-api' } }],
+    fallback: false, // can also be true or 'blocking'
+  };
+};
+
+export const getStaticProps = () => {
+  return {
+    props: {
+      componentsApiDescriptions: {},
+      componentsApiPageContents: {},
+      hooksApiDescriptions: {},
+      hooksApiPageContents: {},
+    },
+  };
+};

docs/pages/base-ui/react-pagination/[docsTab]/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/pagination/pagination.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
+
+export const getStaticPaths = () => {
+  return {
+    paths: [{ params: { docsTab: 'components-api' } }, { params: { docsTab: 'hooks-api' } }],
+    fallback: false, // can also be true or 'blocking'
+  };
+};
+
+export const getStaticProps = () => {
+  return {
+    props: {
+      componentsApiDescriptions: {},
+      componentsApiPageContents: {},
+      hooksApiDescriptions: {},
+      hooksApiPageContents: {},
+    },
+  };
+};

docs/pages/base-ui/react-pagination/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/pagination/pagination.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};

docs/pages/base-ui/react-radio-button/[docsTab]/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/radio-button/radio-button.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
+
+export const getStaticPaths = () => {
+  return {
+    paths: [{ params: { docsTab: 'components-api' } }, { params: { docsTab: 'hooks-api' } }],
+    fallback: false, // can also be true or 'blocking'
+  };
+};
+
+export const getStaticProps = () => {
+  return {
+    props: {
+      componentsApiDescriptions: {},
+      componentsApiPageContents: {},
+      hooksApiDescriptions: {},
+      hooksApiPageContents: {},
+    },
+  };
+};

docs/pages/base-ui/react-rating/[docsTab]/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/rating/rating.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};
+
+export const getStaticPaths = () => {
+  return {
+    paths: [{ params: { docsTab: 'components-api' } }, { params: { docsTab: 'hooks-api' } }],
+    fallback: false, // can also be true or 'blocking'
+  };
+};
+
+export const getStaticProps = () => {
+  return {
+    props: {
+      componentsApiDescriptions: {},
+      componentsApiPageContents: {},
+      hooksApiDescriptions: {},
+      hooksApiPageContents: {},
+    },
+  };
+};

docs/pages/base-ui/react-rating/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/rating/rating.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};

docs/pages/base-ui/react-toggle-button-group/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
+import AppFrame from 'docs/src/modules/components/AppFrame';
+import * as pageProps from 'docs/data/base/components/toggle-button-group/toggle-button-group.md?@mui/markdown';
+
+export default function Page(props) {
+  const { userLanguage, ...other } = props;
+  return <MarkdownDocs {...pageProps} {...other} />;
+}
+
+Page.getLayout = (page) => {
+  return <AppFrame>{page}</AppFrame>;
+};