@mui/x-charts 7.0.0-alpha.1 → 7.0.0-alpha.2

package/ChartsTooltip/ChartsAxisTooltipContent.d.ts

@@ -3,7 +3,7 @@ import { SxProps, Theme } from '@mui/material/styles';
 import { AxisInteractionData } from '../context/InteractionProvider';
 import { ChartSeriesDefaultized, ChartSeriesType } from '../models/seriesType/config';
 import { AxisDefaultized } from '../models/axis';
-import { ChartsTooltipClasses } from './tooltipClasses';
+import { ChartsTooltipClasses } from './chartsTooltipClasses';
 export type ChartsAxisContentProps = {
     /**
      * Data identifying the triggered axis.

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -8,6 +8,7 @@ exports.ChartsAxisTooltipContent = ChartsAxisTooltipContent;
 exports.DefaultChartsAxisContent = DefaultChartsAxisContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _utils = require("@mui/base/utils");
 var _SeriesContextProvider = require("../context/SeriesContextProvider");
@@ -33,6 +34,7 @@ function DefaultChartsAxisContent(props) {
     sx: sx,
     className: classes.root,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipTable, {
+      className: classes.table,
       children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipRow, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
@@ -55,21 +57,23 @@ function DefaultChartsAxisContent(props) {
             return null;
           }
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
+            className: classes.row,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: classes.markCell,
+              className: (0, _clsx.default)(classes.markCell, classes.cell),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
                 ownerState: {
                   color
                 },
-                boxShadow: 1
+                boxShadow: 1,
+                className: classes.mark
               })
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: classes.labelCell,
+              className: (0, _clsx.default)(classes.labelCell, classes.cell),
               children: label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
                 children: label
               }) : null
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: classes.valueCell,
+              className: (0, _clsx.default)(classes.valueCell, classes.cell),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
                 children: formattedValue
               })

package/ChartsTooltip/ChartsItemTooltipContent.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { ItemInteractionData } from '../context/InteractionProvider';
 import { ChartSeriesDefaultized, ChartSeriesType } from '../models/seriesType/config';
-import { ChartsTooltipClasses } from './tooltipClasses';
+import { ChartsTooltipClasses } from './chartsTooltipClasses';
 export type ChartsItemContentProps<T extends ChartSeriesType = ChartSeriesType> = {
     /**
      * The data used to identify the triggered item.

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -8,6 +8,7 @@ exports.ChartsItemTooltipContent = ChartsItemTooltipContent;
 exports.DefaultChartsItemContent = DefaultChartsItemContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/base/utils");
 var _SeriesContextProvider = require("../context/SeriesContextProvider");
 var _ChartsTooltipTable = require("./ChartsTooltipTable");
@@ -42,20 +43,23 @@ function DefaultChartsItemContent(props) {
     sx: sx,
     className: classes.root,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
+      className: classes.table,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
+          className: classes.row,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: classes.markCell,
+            className: (0, _clsx.default)(classes.markCell, classes.cell),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
               ownerState: {
                 color
-              }
+              },
+              className: classes.mark
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: classes.labelCell,
+            className: (0, _clsx.default)(classes.labelCell, classes.cell),
             children: displayedLabel
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: classes.valueCell,
+            className: (0, _clsx.default)(classes.valueCell, classes.cell),
             children: formattedValue
           })]
         })

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -3,7 +3,7 @@ import { PopperProps } from '@mui/base/Popper';
 import { TriggerOptions } from './utils';
 import { ChartsItemContentProps } from './ChartsItemTooltipContent';
 import { ChartsAxisContentProps } from './ChartsAxisTooltipContent';
-import { ChartsTooltipClasses } from './tooltipClasses';
+import { ChartsTooltipClasses } from './chartsTooltipClasses';
 export interface ChartsTooltipSlots {
     popper?: React.ElementType<PopperProps>;
     axisContent?: React.ElementType<ChartsAxisContentProps>;

package/ChartsTooltip/ChartsTooltip.js

@@ -17,7 +17,7 @@ var _InteractionProvider = require("../context/InteractionProvider");
 var _utils2 = require("./utils");
 var _ChartsItemTooltipContent = require("./ChartsItemTooltipContent");
 var _ChartsAxisTooltipContent = require("./ChartsAxisTooltipContent");
-var _tooltipClasses = require("./tooltipClasses");
+var _chartsTooltipClasses = require("./chartsTooltipClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,11 +27,15 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root'],
+    table: ['table'],
+    row: ['row'],
+    cell: ['cell'],
+    mark: ['mark'],
     markCell: ['markCell'],
     labelCell: ['labelCell'],
     valueCell: ['valueCell']
   };
-  return (0, _composeClasses.default)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _chartsTooltipClasses.getChartsTooltipUtilityClass, classes);
 };
 const ChartsTooltipRoot = (0, _styles.styled)(_Popper.Popper, {
   name: 'MuiChartsTooltip',
@@ -54,23 +58,27 @@ const ChartsTooltipRoot = (0, _styles.styled)(_Popper.Popper, {
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
 function ChartsTooltip(props) {
+  const themeProps = (0, _styles.useThemeProps)({
+    props,
+    name: 'MuiChartsTooltip'
+  });
   const {
     trigger = 'axis',
     itemContent,
     axisContent,
     slots,
     slotProps
-  } = props;
+  } = themeProps;
   const mousePosition = (0, _utils2.useMouseTracker)();
   const {
     item,
     axis
   } = React.useContext(_InteractionProvider.InteractionContext);
   const displayedData = trigger === 'item' ? item : axis;
-  const tooltipHasData = (0, _utils2.getTootipHasData)(trigger, displayedData);
+  const tooltipHasData = (0, _utils2.getTooltipHasData)(trigger, displayedData);
   const popperOpen = mousePosition !== null && tooltipHasData;
   const classes = useUtilityClasses({
-    classes: props.classes
+    classes: themeProps.classes
   });
   const PopperComponent = slots?.popper ?? ChartsTooltipRoot;
   const popperProps = (0, _utils.useSlotProps)({

package/ChartsTooltip/ChartsTooltipTable.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsTooltipTable = exports.ChartsTooltipRow = exports.ChartsTooltipPaper = exports.ChartsTooltipMark = exports.ChartsTooltipCell = void 0;
 var _Box = _interopRequireDefault(require("@mui/system/Box"));
 var _styles = require("@mui/material/styles");
-var _tooltipClasses = require("./tooltipClasses");
+var _chartsTooltipClasses = require("./chartsTooltipClasses");
 const ChartsTooltipPaper = exports.ChartsTooltipPaper = (0, _styles.styled)('div', {
   name: 'MuiChartsTooltip',
   slot: 'Container'
@@ -52,10 +52,10 @@ const ChartsTooltipCell = exports.ChartsTooltipCell = (0, _styles.styled)('td',
 }) => ({
   verticalAlign: 'middle',
   color: (theme.vars || theme).palette.text.secondary,
-  [`&.${_tooltipClasses.tooltipClasses.labelCell}`]: {
+  [`&.${_chartsTooltipClasses.chartsTooltipClasses.labelCell}`]: {
     paddingLeft: theme.spacing(1)
   },
-  [`&.${_tooltipClasses.tooltipClasses.valueCell}`]: {
+  [`&.${_chartsTooltipClasses.chartsTooltipClasses.valueCell}`]: {
     paddingLeft: theme.spacing(4),
     color: (theme.vars || theme).palette.text.primary
   },

package/ChartsTooltip/chartsTooltipClasses.d.ts

@@ -0,0 +1,21 @@
+export interface ChartsTooltipClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the table element. */
+    table: string;
+    /** Styles applied to the row element. */
+    row: string;
+    /** Styles applied to the cell element. */
+    cell: string;
+    /** Styles applied to the mark element. */
+    mark: string;
+    /** Styles applied to the markCell element. */
+    markCell: string;
+    /** Styles applied to the labelCell element. */
+    labelCell: string;
+    /** Styles applied to the valueCell element. */
+    valueCell: string;
+}
+export type ChartsTooltipClassKey = keyof Omit<ChartsTooltipClasses, 'markCell' | 'labelCell' | 'valueCell'>;
+export declare function getChartsTooltipUtilityClass(slot: string): string;
+export declare const chartsTooltipClasses: ChartsTooltipClasses;

package/ChartsTooltip/chartsTooltipClasses.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chartsTooltipClasses = void 0;
+exports.getChartsTooltipUtilityClass = getChartsTooltipUtilityClass;
+var _utils = require("@mui/utils");
+function getChartsTooltipUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiChartsTooltip', slot);
+}
+const chartsTooltipClasses = exports.chartsTooltipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChartsTooltip', ['root', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell']);

package/ChartsTooltip/index.d.ts

@@ -1 +1,2 @@
 export * from './ChartsTooltip';
+export * from './chartsTooltipClasses';

package/ChartsTooltip/index.js

@@ -13,4 +13,15 @@ Object.keys(_ChartsTooltip).forEach(function (key) {
       return _ChartsTooltip[key];
     }
   });
+});
+var _chartsTooltipClasses = require("./chartsTooltipClasses");
+Object.keys(_chartsTooltipClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsTooltipClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsTooltipClasses[key];
+    }
+  });
 });

package/ChartsTooltip/utils.d.ts

@@ -21,4 +21,4 @@ export declare function useMouseTracker(): {
     y: number;
 } | null;
 export type TriggerOptions = 'item' | 'axis' | 'none';
-export declare function getTootipHasData(trigger: TriggerOptions, displayedData: null | AxisInteractionData | ItemInteractionData<ChartSeriesType>): boolean;
+export declare function getTooltipHasData(trigger: TriggerOptions, displayedData: null | AxisInteractionData | ItemInteractionData<ChartSeriesType>): boolean;

package/ChartsTooltip/utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateVirtualElement = generateVirtualElement;
-exports.getTootipHasData = getTootipHasData;
+exports.getTooltipHasData = getTooltipHasData;
 exports.useMouseTracker = useMouseTracker;
 var React = _interopRequireWildcard(require("react"));
 var _DrawingProvider = require("../context/DrawingProvider");
@@ -81,7 +81,7 @@ function useMouseTracker() {
   }, [svgRef]);
   return mousePosition;
 }
-function getTootipHasData(trigger, displayedData) {
+function getTooltipHasData(trigger, displayedData) {
   if (trigger === 'item') {
     return displayedData !== null;
   }

package/LineChart/index.d.ts

@@ -1,8 +1,8 @@
-export { LinePlot } from './LinePlot';
-export { AreaPlot } from './AreaPlot';
-export { MarkPlot } from './MarkPlot';
-export { LineHighlightPlot } from './LineHighlightPlot';
-export { LineChart } from './LineChart';
+export * from './LinePlot';
+export * from './AreaPlot';
+export * from './MarkPlot';
+export * from './LineHighlightPlot';
+export * from './LineChart';
 export * from './AreaElement';
 export * from './LineElement';
 export * from './MarkElement';

package/LineChart/index.js

@@ -3,52 +3,64 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  LinePlot: true,
-  AreaPlot: true,
-  MarkPlot: true,
-  LineHighlightPlot: true,
-  LineChart: true
-};
-Object.defineProperty(exports, "AreaPlot", {
-  enumerable: true,
-  get: function () {
-    return _AreaPlot.AreaPlot;
-  }
-});
-Object.defineProperty(exports, "LineChart", {
-  enumerable: true,
-  get: function () {
-    return _LineChart.LineChart;
-  }
-});
-Object.defineProperty(exports, "LineHighlightPlot", {
-  enumerable: true,
-  get: function () {
-    return _LineHighlightPlot.LineHighlightPlot;
-  }
-});
-Object.defineProperty(exports, "LinePlot", {
-  enumerable: true,
-  get: function () {
-    return _LinePlot.LinePlot;
-  }
-});
-Object.defineProperty(exports, "MarkPlot", {
-  enumerable: true,
-  get: function () {
-    return _MarkPlot.MarkPlot;
-  }
-});
 var _LinePlot = require("./LinePlot");
+Object.keys(_LinePlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinePlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LinePlot[key];
+    }
+  });
+});
 var _AreaPlot = require("./AreaPlot");
+Object.keys(_AreaPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AreaPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AreaPlot[key];
+    }
+  });
+});
 var _MarkPlot = require("./MarkPlot");
+Object.keys(_MarkPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarkPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarkPlot[key];
+    }
+  });
+});
 var _LineHighlightPlot = require("./LineHighlightPlot");
+Object.keys(_LineHighlightPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineHighlightPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineHighlightPlot[key];
+    }
+  });
+});
 var _LineChart = require("./LineChart");
+Object.keys(_LineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineChart[key];
+    }
+  });
+});
 var _AreaElement = require("./AreaElement");
 Object.keys(_AreaElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _AreaElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -60,7 +72,6 @@ Object.keys(_AreaElement).forEach(function (key) {
 var _LineElement = require("./LineElement");
 Object.keys(_LineElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _LineElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -72,7 +83,6 @@ Object.keys(_LineElement).forEach(function (key) {
 var _MarkElement = require("./MarkElement");
 Object.keys(_MarkElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MarkElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -84,7 +94,6 @@ Object.keys(_MarkElement).forEach(function (key) {
 var _LineHighlightElement = require("./LineHighlightElement");
 Object.keys(_LineHighlightElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _LineHighlightElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/PieChart/index.d.ts

@@ -1,4 +1,4 @@
-export { PiePlot } from './PiePlot';
-export { PieChart } from './PieChart';
+export * from './PiePlot';
+export * from './PieChart';
 export * from './PieArc';
 export * from './PieArcLabel';

package/PieChart/index.js

@@ -3,28 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  PiePlot: true,
-  PieChart: true
-};
-Object.defineProperty(exports, "PieChart", {
-  enumerable: true,
-  get: function () {
-    return _PieChart.PieChart;
-  }
-});
-Object.defineProperty(exports, "PiePlot", {
-  enumerable: true,
-  get: function () {
-    return _PiePlot.PiePlot;
-  }
-});
 var _PiePlot = require("./PiePlot");
+Object.keys(_PiePlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PiePlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PiePlot[key];
+    }
+  });
+});
 var _PieChart = require("./PieChart");
+Object.keys(_PieChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PieChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieChart[key];
+    }
+  });
+});
 var _PieArc = require("./PieArc");
 Object.keys(_PieArc).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _PieArc[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -36,7 +39,6 @@ Object.keys(_PieArc).forEach(function (key) {
 var _PieArcLabel = require("./PieArcLabel");
 Object.keys(_PieArcLabel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _PieArcLabel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/ScatterChart/index.d.ts

@@ -1,3 +1,3 @@
-export { ScatterPlot } from './ScatterPlot';
-export { ScatterChart } from './ScatterChart';
-export { Scatter } from './Scatter';
+export * from './ScatterPlot';
+export * from './ScatterChart';
+export * from './Scatter';

package/ScatterChart/index.js

@@ -3,24 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Scatter", {
-  enumerable: true,
-  get: function () {
-    return _Scatter.Scatter;
-  }
-});
-Object.defineProperty(exports, "ScatterChart", {
-  enumerable: true,
-  get: function () {
-    return _ScatterChart.ScatterChart;
-  }
-});
-Object.defineProperty(exports, "ScatterPlot", {
-  enumerable: true,
-  get: function () {
-    return _ScatterPlot.ScatterPlot;
-  }
-});
 var _ScatterPlot = require("./ScatterPlot");
+Object.keys(_ScatterPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScatterPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScatterPlot[key];
+    }
+  });
+});
 var _ScatterChart = require("./ScatterChart");
-var _Scatter = require("./Scatter");
+Object.keys(_ScatterChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScatterChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScatterChart[key];
+    }
+  });
+});
+var _Scatter = require("./Scatter");
+Object.keys(_Scatter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Scatter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Scatter[key];
+    }
+  });
+});

package/SparkLineChart/index.d.ts

@@ -1 +1 @@
-export { SparkLineChart } from './SparkLineChart';
+export * from './SparkLineChart';

package/SparkLineChart/index.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "SparkLineChart", {
-  enumerable: true,
-  get: function () {
-    return _SparkLineChart.SparkLineChart;
-  }
-});
-var _SparkLineChart = require("./SparkLineChart");
+var _SparkLineChart = require("./SparkLineChart");
+Object.keys(_SparkLineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SparkLineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SparkLineChart[key];
+    }
+  });
+});

package/esm/BarChart/index.js

@@ -1,2 +1,2 @@
-export { BarPlot } from './BarPlot';
-export { BarChart } from './BarChart';
+export * from './BarPlot';
+export * from './BarChart';

package/esm/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { useSlotProps } from '@mui/base/utils';
 import { SeriesContext } from '../context/SeriesContextProvider';
@@ -25,6 +26,7 @@ export function DefaultChartsAxisContent(props) {
     sx: sx,
     className: classes.root,
     children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
+      className: classes.table,
       children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/_jsx("thead", {
         children: /*#__PURE__*/_jsx(ChartsTooltipRow, {
           children: /*#__PURE__*/_jsx(ChartsTooltipCell, {
@@ -47,21 +49,23 @@ export function DefaultChartsAxisContent(props) {
             return null;
           }
           return /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+            className: classes.row,
             children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: classes.markCell,
+              className: clsx(classes.markCell, classes.cell),
               children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
                 ownerState: {
                   color
                 },
-                boxShadow: 1
+                boxShadow: 1,
+                className: classes.mark
               })
             }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: classes.labelCell,
+              className: clsx(classes.labelCell, classes.cell),
               children: label ? /*#__PURE__*/_jsx(Typography, {
                 children: label
               }) : null
             }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: classes.valueCell,
+              className: clsx(classes.valueCell, classes.cell),
               children: /*#__PURE__*/_jsx(Typography, {
                 children: formattedValue
               })

package/esm/ChartsTooltip/ChartsItemTooltipContent.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import clsx from 'clsx';
 import { useSlotProps } from '@mui/base/utils';
 import { SeriesContext } from '../context/SeriesContextProvider';
 import { ChartsTooltipTable, ChartsTooltipCell, ChartsTooltipMark, ChartsTooltipPaper, ChartsTooltipRow } from './ChartsTooltipTable';
@@ -33,20 +34,23 @@ export function DefaultChartsItemContent(props) {
     sx: sx,
     className: classes.root,
     children: /*#__PURE__*/_jsx(ChartsTooltipTable, {
+      className: classes.table,
       children: /*#__PURE__*/_jsx("tbody", {
         children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+          className: classes.row,
           children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes.markCell,
+            className: clsx(classes.markCell, classes.cell),
             children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
               ownerState: {
                 color
-              }
+              },
+              className: classes.mark
             })
           }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes.labelCell,
+            className: clsx(classes.labelCell, classes.cell),
             children: displayedLabel
           }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes.valueCell,
+            className: clsx(classes.valueCell, classes.cell),
             children: formattedValue
           })]
         })