[charts] Mark Radar chart as stable

alexfauquette · alexfauquette · commit 00040044d673 · 2025-05-21T16:12:06.000+02:00
diff --git a/docs/data/charts/radar/BasicRadar.js b/docs/data/charts/radar/BasicRadar.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 export default function BasicRadar() {
   return (
diff --git a/docs/data/charts/radar/BasicRadar.tsx b/docs/data/charts/radar/BasicRadar.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 export default function BasicRadar() {
   return (
diff --git a/docs/data/charts/radar/DemoRadar.js b/docs/data/charts/radar/DemoRadar.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
 import ChartsUsageDemo from 'docsx/src/modules/components/ChartsUsageDemo';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 export default function DemoRadar() {
   const theme = useTheme();
@@ -87,7 +87,7 @@ export default function DemoRadar() {
       )}
       getCode={({ props }) =>
         [
-          `import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';`,
+          `import { RadarChart } from '@mui/x-charts/RadarChart';`,
           '',
           `<RadarChart`,
           '  {/** ... */}',
diff --git a/docs/data/charts/radar/DemoRadar.tsx b/docs/data/charts/radar/DemoRadar.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
 import ChartsUsageDemo from 'docsx/src/modules/components/ChartsUsageDemo';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 export default function DemoRadar() {
   const theme = useTheme();
@@ -87,7 +87,7 @@ export default function DemoRadar() {
       )}
       getCode={({ props }) =>
         [
-          `import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';`,
+          `import { RadarChart } from '@mui/x-charts/RadarChart';`,
           '',
           `<RadarChart`,
           '  {/** ... */}',
diff --git a/docs/data/charts/radar/DemoRadarAxisHighlight.js b/docs/data/charts/radar/DemoRadarAxisHighlight.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 
diff --git a/docs/data/charts/radar/DemoRadarAxisHighlight.tsx b/docs/data/charts/radar/DemoRadarAxisHighlight.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 import { RadarSeriesType } from '@mui/x-charts/models';
diff --git a/docs/data/charts/radar/DemoRadarSeriesHighlight.js b/docs/data/charts/radar/DemoRadarSeriesHighlight.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Stack from '@mui/material/Stack';
 import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 import Box from '@mui/material/Box';
 
diff --git a/docs/data/charts/radar/DemoRadarSeriesHighlight.tsx b/docs/data/charts/radar/DemoRadarSeriesHighlight.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Stack from '@mui/material/Stack';
 import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import { HighlightItemData } from '@mui/x-charts/context';
 import Box from '@mui/material/Box';
 import { RadarSeriesType } from '@mui/x-charts/models';
diff --git a/docs/data/charts/radar/DemoRadarVisualisation.js b/docs/data/charts/radar/DemoRadarVisualisation.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 
diff --git a/docs/data/charts/radar/DemoRadarVisualisation.tsx b/docs/data/charts/radar/DemoRadarVisualisation.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 import { RadarSeriesType } from '@mui/x-charts/models';
diff --git a/docs/data/charts/radar/MultiSeriesRadar.js b/docs/data/charts/radar/MultiSeriesRadar.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 // Data from https://ourworldindata.org/emissions-by-fuel
 
diff --git a/docs/data/charts/radar/MultiSeriesRadar.tsx b/docs/data/charts/radar/MultiSeriesRadar.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 // Data from https://ourworldindata.org/emissions-by-fuel
 
diff --git a/docs/data/charts/radar/RadarAxis.js b/docs/data/charts/radar/RadarAxis.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 export default function RadarAxis() {
   return (
diff --git a/docs/data/charts/radar/RadarAxis.tsx b/docs/data/charts/radar/RadarAxis.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 
 export default function RadarAxis() {
   return (
diff --git a/docs/data/charts/radar/RadarTooltip.js b/docs/data/charts/radar/RadarTooltip.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import Typography from '@mui/material/Typography';
 
 export default function RadarTooltip() {
diff --git a/docs/data/charts/radar/RadarTooltip.tsx b/docs/data/charts/radar/RadarTooltip.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
-import { Unstable_RadarChart as RadarChart } from '@mui/x-charts/RadarChart';
+import { RadarChart } from '@mui/x-charts/RadarChart';
 import Typography from '@mui/material/Typography';
 
 export default function RadarTooltip() {
diff --git a/docs/data/charts/radar/radar.md b/docs/data/charts/radar/radar.md
@@ -4,14 +4,10 @@ productId: x-charts
 components: RadarChart, RadarGrid, RadarSeriesArea, RadarSeriesMarks, RadarSeriesPlot, RadarMetricLabels, RadarAxisHighlight, RadarDataProvider
 ---
 
-# Charts - Radar 🧪
+# Charts - Radar
 
 <p class="description">Radar allows to compare multivariate data in a 2D chart.</p>
 
-:::info
-This feature is in preview. It is ready for production use, but its API, visuals and behavior may change in future minor or patch releases.
-:::
-
 ## Basics
 
 Radar charts series should contain a `data` property containing an array of values.
diff --git a/docs/data/pages.ts b/docs/data/pages.ts
@@ -514,7 +514,7 @@ const pages: MuiPage[] = [
             title: 'Sparkline',
           },
           { pathname: '/x/react-charts/gauge' },
-          { pathname: '/x/react-charts/radar', unstable: true },
+          { pathname: '/x/react-charts/radar' },
           {
             pathname: '/x/react-charts/heatmap',
             title: 'Heatmap',
diff --git a/packages/x-charts/src/RadarChart/index.ts b/packages/x-charts/src/RadarChart/index.ts
@@ -1,5 +1,7 @@
 export { RadarChart as Unstable_RadarChart } from './RadarChart';
+export { RadarChart } from './RadarChart';
 export { RadarDataProvider as Unstable_RadarDataProvider } from './RadarDataProvider';
+export { RadarDataProvider } from './RadarDataProvider';
 export type { RadarChartProps } from './RadarChart';
 export type { RadarDataProviderProps } from './RadarDataProvider';
 export * from './RadarGrid';
