@mui/x-charts 8.0.0-alpha.11 → 8.0.0-alpha.12

package/ChartsLegend/PiecewiseColorLegend.js

@@ -1,20 +1,27 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PiecewiseColorLegend = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ChartsLabel = require("../ChartsLabel/ChartsLabel");
+var _ChartsLabelMark = require("../ChartsLabel/ChartsLabelMark");
+var _consumeThemeProps = require("../internals/consumeThemeProps");
+var _piecewiseColorLegendClasses = require("./piecewiseColorLegendClasses");
+var _useAxis = require("./useAxis");
+var _piecewiseColorDefaultLabelFormatter = require("./piecewiseColorDefaultLabelFormatter");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["direction", "classes", "className", "markType", "labelPosition", "axisDirection", "axisId", "labelFormatter", "onItemClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import clsx from 'clsx';
-import { ChartsLabel } from "../ChartsLabel/ChartsLabel.js";
-import { ChartsLabelMark } from "../ChartsLabel/ChartsLabelMark.js";
-import { consumeThemeProps } from "../internals/consumeThemeProps.js";
-import { piecewiseColorLegendClasses, useUtilityClasses } from "./piecewiseColorLegendClasses.js";
-import { useAxis } from "./useAxis.js";
-import { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RootElement = styled('ul', {
+const RootElement = (0, _styles.styled)('ul', {
   name: 'MuiPiecewiseColorLegend',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -22,7 +29,7 @@ const RootElement = styled('ul', {
   theme,
   ownerState
 }) => {
-  return _extends({}, theme.typography.caption, {
+  return (0, _extends2.default)({}, theme.typography.caption, {
     color: (theme.vars || theme).palette.text.primary,
     lineHeight: '100%',
     display: 'flex',
@@ -34,7 +41,7 @@ const RootElement = styled('ul', {
     marginBlock: theme.spacing(1),
     marginInline: theme.spacing(1),
     width: 'max-content',
-    [`button.${piecewiseColorLegendClasses.item}`]: {
+    [`button.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
       // Reset button styles
       background: 'none',
       border: 'none',
@@ -46,55 +53,55 @@ const RootElement = styled('ul', {
       letterSpacing: 'inherit',
       color: 'inherit'
     },
-    [`.${piecewiseColorLegendClasses.item}`]: {
+    [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
       display: 'flex',
       gap: theme.spacing(0.5)
     },
-    [`li :not(.${piecewiseColorLegendClasses.minLabel}, .${piecewiseColorLegendClasses.maxLabel}) .${piecewiseColorLegendClasses?.mark}`]: {
+    [`li :not(.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}, .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.maxLabel}) .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses?.mark}`]: {
       alignSelf: 'center'
     },
-    [`&.${piecewiseColorLegendClasses.start}`]: {
+    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.start}`]: {
       alignItems: 'end'
     },
-    [`&.${piecewiseColorLegendClasses.end}`]: {
+    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.end}`]: {
       alignItems: 'start'
     },
-    [`&.${piecewiseColorLegendClasses.horizontal}`]: {
+    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.horizontal}`]: {
       alignItems: 'center',
-      [`.${piecewiseColorLegendClasses.item}`]: {
+      [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
         flexDirection: 'column'
       },
-      [`&.${piecewiseColorLegendClasses.start}`]: {
+      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.start}`]: {
         alignItems: 'end'
       },
-      [`&.${piecewiseColorLegendClasses.end}`]: {
+      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.end}`]: {
         alignItems: 'start'
       },
-      [`.${piecewiseColorLegendClasses.minLabel}`]: {
+      [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}`]: {
         alignItems: 'end'
       },
-      [`&.${piecewiseColorLegendClasses.extremes}`]: {
-        [`.${piecewiseColorLegendClasses.minLabel}, .${piecewiseColorLegendClasses.maxLabel}`]: {
+      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.extremes}`]: {
+        [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}, .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.maxLabel}`]: {
           alignItems: 'center',
           display: 'flex',
           flexDirection: 'row'
         }
       }
     },
-    [`&.${piecewiseColorLegendClasses.vertical}`]: {
-      [`.${piecewiseColorLegendClasses.item}`]: {
+    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.vertical}`]: {
+      [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
         flexDirection: 'row',
         alignItems: 'center'
       },
-      [`&.${piecewiseColorLegendClasses.start}`]: {
+      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.start}`]: {
         alignItems: 'end'
       },
-      [`&.${piecewiseColorLegendClasses.end}`]: {
+      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.end}`]: {
         alignItems: 'start'
       },
-      [`&.${piecewiseColorLegendClasses.extremes}`]: {
+      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.extremes}`]: {
         alignItems: 'center',
-        [`.${piecewiseColorLegendClasses.minLabel}, .${piecewiseColorLegendClasses.maxLabel}`]: {
+        [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}, .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.maxLabel}`]: {
           alignItems: 'center',
           display: 'flex',
           flexDirection: 'column'
@@ -103,13 +110,13 @@ const RootElement = styled('ul', {
     }
   });
 });
-const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
+const PiecewiseColorLegend = exports.PiecewiseColorLegend = (0, _consumeThemeProps.consumeThemeProps)('MuiPiecewiseColorLegend', {
   defaultProps: {
     direction: 'horizontal',
     labelPosition: 'extremes',
-    labelFormatter: piecewiseColorDefaultLabelFormatter
+    labelFormatter: _piecewiseColorDefaultLabelFormatter.piecewiseColorDefaultLabelFormatter
   },
-  classesResolver: useUtilityClasses
+  classesResolver: _piecewiseColorLegendClasses.useUtilityClasses
 }, function PiecewiseColorLegend(props, ref) {
   const {
       direction,
@@ -122,10 +129,10 @@ const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
       labelFormatter,
       onItemClick
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const isVertical = direction === 'vertical';
   const isReverse = isVertical;
-  const axisItem = useAxis({
+  const axisItem = (0, _useAxis.useAxis)({
     axisDirection,
     axisId
   });
@@ -147,8 +154,8 @@ const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
   const isStart = labelPosition === 'start';
   const isEnd = labelPosition === 'end';
   const isExtremes = labelPosition === 'extremes';
-  return /*#__PURE__*/_jsx(RootElement, _extends({
-    className: clsx(classes?.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootElement, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes?.root, className),
     ref: ref
   }, other, {
     ownerState: props,
@@ -160,7 +167,7 @@ const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
       const isLast = index === colorMap.colors.length - 1;
       const isFirstColor = colorIndex === 0;
       const isLastColor = colorIndex === colorMap.colors.length - 1;
-      const data = _extends({
+      const data = (0, _extends2.default)({
         index: colorIndex,
         length: formattedLabels.length
       }, isFirstColor ? {
@@ -190,22 +197,22 @@ const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
         maxValue: data.max
       };
       const Element = onItemClick ? 'button' : 'div';
-      return /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsxs(Element, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Element, {
           role: onItemClick ? 'button' : undefined,
           type: onItemClick ? 'button' : undefined,
           onClick:
           // @ts-ignore onClick is only attached to a button
           onItemClick ? event => onItemClick(event, clickObject, index) : undefined,
-          className: clsx(classes?.item, index === 0 && `${startClass}`, index === orderedColors.length - 1 && `${endClass}`),
-          children: [isTextBefore && /*#__PURE__*/_jsx(ChartsLabel, {
+          className: (0, _clsx.default)(classes?.item, index === 0 && `${startClass}`, index === orderedColors.length - 1 && `${endClass}`),
+          children: [isTextBefore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLabel.ChartsLabel, {
             className: classes?.label,
             children: label
-          }), /*#__PURE__*/_jsx(ChartsLabelMark, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLabelMark.ChartsLabelMark, {
             className: classes?.mark,
             type: markType,
             color: color
-          }), isTextAfter && /*#__PURE__*/_jsx(ChartsLabel, {
+          }), isTextAfter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLabel.ChartsLabel, {
             className: classes?.label,
             children: label
           })]
@@ -223,45 +230,44 @@ process.env.NODE_ENV !== "production" ? PiecewiseColorLegend.propTypes = {
    * The axis direction containing the color configuration to represent.
    * @default 'z'
    */
-  axisDirection: PropTypes.oneOf(['x', 'y', 'z']),
+  axisDirection: _propTypes.default.oneOf(['x', 'y', 'z']),
   /**
    * The id of the axis item with the color configuration to represent.
    * @default The first axis item.
    */
-  axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * The direction of the legend layout.
    * @default 'horizontal'
    */
-  direction: PropTypes.oneOf(['horizontal', 'vertical']),
+  direction: _propTypes.default.oneOf(['horizontal', 'vertical']),
   /**
    * Format the legend labels.
    * @param {PiecewiseLabelFormatterParams} params The bound of the piece to format.
    * @returns {string|null} The displayed label, `''` to skip the label but show the color mark, or `null` to skip it entirely.
    */
-  labelFormatter: PropTypes.func,
+  labelFormatter: _propTypes.default.func,
   /**
    * Where to position the labels relative to the gradient.
    * @default 'extremes'
    */
-  labelPosition: PropTypes.oneOf(['start', 'end', 'extremes']),
+  labelPosition: _propTypes.default.oneOf(['start', 'end', 'extremes']),
   /**
    * The type of the mark.
    * @default 'square'
    */
-  markType: PropTypes.oneOf(['square', 'circle', 'line']),
+  markType: _propTypes.default.oneOf(['square', 'circle', 'line']),
   /**
    * Callback fired when a legend item is clicked.
    * @param {React.MouseEvent<HTMLButtonElement, MouseEvent>} event The click event.
    * @param {PiecewiseColorLegendItemContext} legendItem The legend item data.
    * @param {number} index The index of the clicked legend item.
    */
-  onItemClick: PropTypes.func,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { PiecewiseColorLegend };
+  onItemClick: _propTypes.default.func,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;

package/ChartsLegend/chartsLegend.types.d.ts

@@ -1,26 +1,26 @@
 import type { ChartsLegendProps } from './ChartsLegend';
-import { ContinuousColorLegendProps } from './ContinuousColorLegend';
-import { ChartsLegendPosition } from './legend.types';
-import { PiecewiseColorLegendProps } from './PiecewiseColorLegend';
+import { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
+import { ChartsLegendPosition } from "./legend.types.js";
+import { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
 export interface ChartsLegendSlots {
-    /**
-     * Custom rendering of the legend.
-     * @default ChartsLegend
-     */
-    legend?: React.JSXElementConstructor<ChartsLegendProps> | React.JSXElementConstructor<ContinuousColorLegendProps> | React.JSXElementConstructor<PiecewiseColorLegendProps>;
+  /**
+   * Custom rendering of the legend.
+   * @default ChartsLegend
+   */
+  legend?: React.JSXElementConstructor<ChartsLegendProps> | React.JSXElementConstructor<ContinuousColorLegendProps> | React.JSXElementConstructor<PiecewiseColorLegendProps>;
 }
 export interface ChartsLegendSlotProps {
-    legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition;
+  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition;
 }
 export interface ChartsLegendSlotExtension {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: ChartsLegendSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: ChartsLegendSlotProps;
-}
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: ChartsLegendSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: ChartsLegendSlotProps;
+}

package/ChartsLegend/chartsLegend.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/ChartsLegend/chartsLegendClasses.d.ts

@@ -1,18 +1,18 @@
 import type { ChartsLegendProps } from './ChartsLegend';
 import type { ChartsLegendSlotExtension } from './chartsLegend.types';
 export interface ChartsLegendClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to a series element. */
-    series: string;
-    /** Styles applied to series mark element. */
-    mark: string;
-    /** Styles applied to the series label. */
-    label: string;
-    /** Styles applied to the legend in column layout. */
-    vertical: string;
-    /** Styles applied to the legend in row layout. */
-    horizontal: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to a series element. */
+  series: string;
+  /** Styles applied to series mark element. */
+  mark: string;
+  /** Styles applied to the series label. */
+  label: string;
+  /** Styles applied to the legend in column layout. */
+  vertical: string;
+  /** Styles applied to the legend in row layout. */
+  horizontal: string;
 }
 export declare const useUtilityClasses: (props: ChartsLegendProps & ChartsLegendSlotExtension) => Record<"label" | "mark" | "root" | "series", string>;
-export declare const legendClasses: ChartsLegendClasses;
+export declare const legendClasses: ChartsLegendClasses;

package/ChartsLegend/chartsLegendClasses.js

@@ -1,10 +1,17 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUtilityClasses = exports.legendClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsLegend', slot);
+  return (0, _generateUtilityClass.default)('MuiChartsLegend', slot);
 }
-export const useUtilityClasses = props => {
+const useUtilityClasses = props => {
   const {
     classes,
     direction
@@ -15,6 +22,7 @@ export const useUtilityClasses = props => {
     label: ['label'],
     series: ['series']
   };
-  return composeClasses(slots, getLegendUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
 };
-export const legendClasses = generateUtilityClasses('MuiChartsLegend', ['root', 'series', 'mark', 'label', 'vertical', 'horizontal']);
+exports.useUtilityClasses = useUtilityClasses;
+const legendClasses = exports.legendClasses = (0, _generateUtilityClasses.default)('MuiChartsLegend', ['root', 'series', 'mark', 'label', 'vertical', 'horizontal']);

package/ChartsLegend/colorLegend.types.d.ts

@@ -1,13 +1,13 @@
-import { AxisId } from '../models/axis';
+import { AxisId } from "../models/axis.js";
 export interface ColorLegendSelector {
-    /**
-     * The axis direction containing the color configuration to represent.
-     * @default 'z'
-     */
-    axisDirection?: 'x' | 'y' | 'z';
-    /**
-     * The id of the axis item with the color configuration to represent.
-     * @default The first axis item.
-     */
-    axisId?: AxisId;
-}
+  /**
+   * The axis direction containing the color configuration to represent.
+   * @default 'z'
+   */
+  axisDirection?: 'x' | 'y' | 'z';
+  /**
+   * The id of the axis item with the color configuration to represent.
+   * @default The first axis item.
+   */
+  axisId?: AxisId;
+}

package/ChartsLegend/colorLegend.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -1,26 +1,26 @@
 import type { ContinuousColorLegendProps } from './ContinuousColorLegend';
 import type { ChartsLegendSlotExtension } from './chartsLegend.types';
 export interface ContinuousColorLegendClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the list item that renders the `minLabel`. */
-    minLabel: string;
-    /** Styles applied to the list item that renders the `maxLabel`. */
-    maxLabel: string;
-    /** Styles applied to the list item with the gradient. */
-    gradient: string;
-    /** Styles applied to the legend in column layout. */
-    vertical: string;
-    /** Styles applied to the legend in row layout. */
-    horizontal: string;
-    /** Styles applied to the legend with the labels before the gradient. */
-    start: string;
-    /** Styles applied to the legend with the labels after the gradient. */
-    end: string;
-    /** Styles applied to the legend with the labels on the extremes of the gradient. */
-    extremes: string;
-    /** Styles applied to the series label. */
-    label: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the list item that renders the `minLabel`. */
+  minLabel: string;
+  /** Styles applied to the list item that renders the `maxLabel`. */
+  maxLabel: string;
+  /** Styles applied to the list item with the gradient. */
+  gradient: string;
+  /** Styles applied to the legend in column layout. */
+  vertical: string;
+  /** Styles applied to the legend in row layout. */
+  horizontal: string;
+  /** Styles applied to the legend with the labels before the gradient. */
+  start: string;
+  /** Styles applied to the legend with the labels after the gradient. */
+  end: string;
+  /** Styles applied to the legend with the labels on the extremes of the gradient. */
+  extremes: string;
+  /** Styles applied to the series label. */
+  label: string;
 }
 export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"label" | "mark" | "root" | "minLabel" | "maxLabel" | "gradient", string>;
-export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;
+export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/ChartsLegend/continuousColorLegendClasses.js

@@ -1,10 +1,17 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUtilityClasses = exports.continuousColorLegendClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiContinuousColorLegend', slot);
+  return (0, _generateUtilityClass.default)('MuiContinuousColorLegend', slot);
 }
-export const useUtilityClasses = props => {
+const useUtilityClasses = props => {
   const {
     classes,
     direction,
@@ -18,6 +25,7 @@ export const useUtilityClasses = props => {
     mark: ['mark'],
     label: ['label']
   };
-  return composeClasses(slots, getLegendUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
 };
-export const continuousColorLegendClasses = generateUtilityClasses('MuiContinuousColorLegend', ['root', 'minLabel', 'maxLabel', 'gradient', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'label']);
+exports.useUtilityClasses = useUtilityClasses;
+const continuousColorLegendClasses = exports.continuousColorLegendClasses = (0, _generateUtilityClasses.default)('MuiContinuousColorLegend', ['root', 'minLabel', 'maxLabel', 'gradient', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'label']);

package/ChartsLegend/direction.d.ts

@@ -1 +1 @@
-export type Direction = 'vertical' | 'horizontal';
+export type Direction = 'vertical' | 'horizontal';

package/ChartsLegend/direction.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/ChartsLegend/index.d.ts

@@ -1,16 +1,16 @@
-export * from './ChartsLegend';
-export * from './chartsLegend.types';
-export * from './direction';
-export * from './legendContext.types';
-export { legendClasses } from './chartsLegendClasses';
+export * from "./ChartsLegend.js";
+export * from "./chartsLegend.types.js";
+export * from "./direction.js";
+export * from "./legendContext.types.js";
+export { legendClasses } from "./chartsLegendClasses.js";
 export type { ChartsLegendClasses } from './chartsLegendClasses';
-export * from './ContinuousColorLegend';
-export * from './colorLegend.types';
-export { continuousColorLegendClasses } from './continuousColorLegendClasses';
+export * from "./ContinuousColorLegend.js";
+export * from "./colorLegend.types.js";
+export { continuousColorLegendClasses } from "./continuousColorLegendClasses.js";
 export type { ContinuousColorLegendClasses } from './continuousColorLegendClasses';
-export * from './PiecewiseColorLegend';
-export { piecewiseColorLegendClasses } from './piecewiseColorLegendClasses';
+export * from "./PiecewiseColorLegend.js";
+export { piecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
 export type { PiecewiseColorLegendClasses } from './piecewiseColorLegendClasses';
-export { piecewiseColorDefaultLabelFormatter } from './piecewiseColorDefaultLabelFormatter';
+export { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
 export type { PiecewiseLabelFormatterParams } from './piecewiseColorLegend.types';
-export * from './legend.types';
+export * from "./legend.types.js";