@mui/x-charts 9.0.0-alpha.0 → 9.0.0-alpha.2

package/esm/ChartsLegend/ContinuousColorLegend.js

@@ -1,271 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["minLabel", "maxLabel", "direction", "axisDirection", "axisId", "rotateGradient", "reverse", "classes", "className", "gradientId", "labelPosition", "thickness"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import clsx from 'clsx';
-import { useAxis } from "./useAxis.js";
-import { ChartsLabel } from "../ChartsLabel/ChartsLabel.js";
-import { ChartsLabelGradient } from "../ChartsLabel/ChartsLabelGradient.js";
-import { consumeThemeProps } from "../internals/consumeThemeProps.js";
-import { continuousColorLegendClasses, useUtilityClasses } from "./continuousColorLegendClasses.js";
-import { useChartGradientIdObjectBoundBuilder } from "../hooks/useChartGradientId.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const templateAreas = reverse => {
-  const startLabel = reverse ? 'max-label' : 'min-label';
-  const endLabel = reverse ? 'min-label' : 'max-label';
-  return {
-    row: {
-      start: `
-    '${startLabel} . ${endLabel}'
-    'gradient gradient gradient'
-  `,
-      end: `
-      'gradient gradient gradient'
-      '${startLabel} . ${endLabel}'
-    `,
-      extremes: `
-      '${startLabel} gradient ${endLabel}'
-    `
-    },
-    column: {
-      start: `
-      '${endLabel} gradient'
-      '. gradient'
-      '${startLabel} gradient'
-    `,
-      end: `
-      'gradient ${endLabel}'
-      'gradient .'
-      'gradient ${startLabel}'
-    `,
-      extremes: `
-      '${endLabel}'
-      'gradient'
-      '${startLabel}'
-    `
-    }
-  };
-};
-const RootElement = styled('ul', {
-  name: 'MuiContinuousColorLegend',
-  slot: 'Root'
-})(({
-  theme,
-  ownerState
-}) => _extends({}, theme.typography.caption, {
-  color: (theme.vars || theme).palette.text.primary,
-  lineHeight: '100%',
-  display: 'grid',
-  flexShrink: 0,
-  gap: theme.spacing(0.5),
-  listStyleType: 'none',
-  paddingInlineStart: 0,
-  marginBlock: theme.spacing(1),
-  marginInline: theme.spacing(1),
-  gridArea: 'legend',
-  [`&.${continuousColorLegendClasses.horizontal}`]: {
-    gridTemplateRows: 'min-content min-content',
-    gridTemplateColumns: 'min-content auto min-content',
-    [`&.${continuousColorLegendClasses.start}`]: {
-      gridTemplateAreas: templateAreas(ownerState.reverse).row.start
-    },
-    [`&.${continuousColorLegendClasses.end}`]: {
-      gridTemplateAreas: templateAreas(ownerState.reverse).row.end
-    },
-    [`&.${continuousColorLegendClasses.extremes}`]: {
-      gridTemplateAreas: templateAreas(ownerState.reverse).row.extremes,
-      gridTemplateRows: 'min-content',
-      alignItems: 'center'
-    }
-  },
-  [`&.${continuousColorLegendClasses.vertical}`]: {
-    gridTemplateRows: 'min-content auto min-content',
-    gridTemplateColumns: 'min-content min-content',
-    [`&.${continuousColorLegendClasses.start}`]: {
-      gridTemplateAreas: templateAreas(ownerState.reverse).column.start,
-      [`.${continuousColorLegendClasses.maxLabel}, .${continuousColorLegendClasses.minLabel}`]: {
-        justifySelf: 'end'
-      }
-    },
-    [`&.${continuousColorLegendClasses.end}`]: {
-      gridTemplateAreas: templateAreas(ownerState.reverse).column.end,
-      [`.${continuousColorLegendClasses.maxLabel}, .${continuousColorLegendClasses.minLabel}`]: {
-        justifySelf: 'start'
-      }
-    },
-    [`&.${continuousColorLegendClasses.extremes}`]: {
-      gridTemplateAreas: templateAreas(ownerState.reverse).column.extremes,
-      gridTemplateColumns: 'min-content',
-      [`.${continuousColorLegendClasses.maxLabel}, .${continuousColorLegendClasses.minLabel}`]: {
-        justifySelf: 'center'
-      }
-    }
-  },
-  [`.${continuousColorLegendClasses.gradient}`]: {
-    gridArea: 'gradient'
-  },
-  [`.${continuousColorLegendClasses.maxLabel}`]: {
-    gridArea: 'max-label'
-  },
-  [`.${continuousColorLegendClasses.minLabel}`]: {
-    gridArea: 'min-label'
-  }
-}));
-const getText = (label, value, formattedValue) => {
-  if (typeof label === 'string') {
-    return label;
-  }
-  return label?.({
-    value,
-    formattedValue
-  }) ?? formattedValue;
-};
-const isZAxis = axis => axis.scale === undefined;
-const ContinuousColorLegend = consumeThemeProps('MuiContinuousColorLegend', {
-  defaultProps: {
-    direction: 'horizontal',
-    labelPosition: 'end',
-    axisDirection: 'z'
-  },
-  classesResolver: useUtilityClasses
-}, function ContinuousColorLegend(props, ref) {
-  const {
-      minLabel,
-      maxLabel,
-      direction,
-      axisDirection,
-      axisId,
-      rotateGradient,
-      reverse,
-      classes,
-      className,
-      gradientId,
-      thickness
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const generateGradientId = useChartGradientIdObjectBoundBuilder();
-  const axisItem = useAxis({
-    axisDirection,
-    axisId
-  });
-  const colorMap = axisItem?.colorMap;
-  if (!colorMap || !colorMap.type || colorMap.type !== 'continuous') {
-    return null;
-  }
-  const minValue = colorMap.min ?? 0;
-  const maxValue = colorMap.max ?? 100;
-
-  // Get texts to display
-
-  const valueFormatter = isZAxis(axisItem) ? undefined : axisItem.valueFormatter;
-  const formattedMin = valueFormatter ? valueFormatter(minValue, {
-    location: 'legend'
-  }) : minValue.toLocaleString();
-  const formattedMax = valueFormatter ? valueFormatter(maxValue, {
-    location: 'legend'
-  }) : maxValue.toLocaleString();
-  const minText = getText(minLabel, minValue, formattedMin);
-  const maxText = getText(maxLabel, maxValue, formattedMax);
-  const minComponent = /*#__PURE__*/_jsx("li", {
-    className: classes?.minLabel,
-    children: /*#__PURE__*/_jsx(ChartsLabel, {
-      className: classes?.label,
-      children: minText
-    })
-  });
-  const maxComponent = /*#__PURE__*/_jsx("li", {
-    className: classes?.maxLabel,
-    children: /*#__PURE__*/_jsx(ChartsLabel, {
-      className: classes?.label,
-      children: maxText
-    })
-  });
-  return /*#__PURE__*/_jsxs(RootElement, _extends({
-    className: clsx(classes?.root, className),
-    ref: ref
-  }, other, {
-    ownerState: props,
-    children: [reverse ? maxComponent : minComponent, /*#__PURE__*/_jsx("li", {
-      className: classes?.gradient,
-      children: /*#__PURE__*/_jsx(ChartsLabelGradient, {
-        direction: direction,
-        rotate: rotateGradient,
-        reverse: reverse,
-        thickness: thickness,
-        gradientId: gradientId ?? generateGradientId(axisItem.id)
-      })
-    }), reverse ? minComponent : maxComponent]
-  }));
-});
-process.env.NODE_ENV !== "production" ? ContinuousColorLegend.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The axis direction containing the color configuration to represent.
-   * @default 'z'
-   */
-  axisDirection: PropTypes.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]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  /**
-   * The direction of the legend layout.
-   * @default 'horizontal'
-   */
-  direction: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * The id for the gradient to use.
-   * If not provided, it will use the generated gradient from the axis configuration.
-   * The `gradientId` will be used as `fill="url(#gradientId)"`.
-   * @default auto-generated id
-   */
-  gradientId: PropTypes.string,
-  /**
-   * Where to position the labels relative to the gradient.
-   * @default 'end'
-   */
-  labelPosition: PropTypes.oneOf(['start', 'end', 'extremes']),
-  /**
-   * The label to display at the maximum side of the gradient.
-   * Can either be a string, or a function.
-   * If not defined, the formatted maximal value is display.
-   * @default formattedValue
-   */
-  maxLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * The label to display at the minimum side of the gradient.
-   * Can either be a string, or a function.
-   * @default formattedValue
-   */
-  minLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * If `true`, the gradient and labels will be reversed.
-   * @default false
-   */
-  reverse: PropTypes.bool,
-  /**
-   * If provided, the gradient will be rotated by 90deg.
-   * Useful for linear gradients that are not in the correct orientation.
-   */
-  rotateGradient: PropTypes.bool,
-  /**
-   * The thickness of the gradient
-   * @default 12
-   */
-  thickness: PropTypes.number,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { ContinuousColorLegend };

package/esm/ChartsLegend/PiecewiseColorLegend.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/material/styles';
-import { type PrependKeys } from '@mui/x-internals/types';
-import { type ChartsLabelMarkProps } from "../ChartsLabel/ChartsLabelMark.js";
-import { type Direction } from "./direction.js";
-import { type PiecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
-import { type ColorLegendSelector } from "./colorLegend.types.js";
-import { type PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
-import { type PiecewiseColorLegendItemContext } from "./legendContext.types.js";
-export interface PiecewiseColorLegendProps extends ColorLegendSelector, PrependKeys<Pick<ChartsLabelMarkProps, 'type'>, 'mark'> {
-  /**
-   * The direction of the legend layout.
-   * @default 'horizontal'
-   */
-  direction?: Direction;
-  /**
-   * 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?: (params: PiecewiseLabelFormatterParams) => string | null;
-  /**
-   * Where to position the labels relative to the color marks.
-   * @default 'extremes'
-   */
-  labelPosition?: 'start' | 'end' | 'extremes' | 'inline-start' | 'inline-end';
-  /**
-   * 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?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, legendItem: PiecewiseColorLegendItemContext, index: number) => void;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<PiecewiseColorLegendClasses>;
-  className?: string;
-  sx?: SxProps<Theme>;
-  tabIndex?: number;
-}
-declare const PiecewiseColorLegend: React.ForwardRefExoticComponent<PiecewiseColorLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
-export { PiecewiseColorLegend };

package/esm/ChartsLegend/PiecewiseColorLegend.js

@@ -1,277 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-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', {
-  name: 'MuiPiecewiseColorLegend',
-  slot: 'Root'
-})(({
-  theme,
-  ownerState
-}) => {
-  const classes = piecewiseColorLegendClasses;
-  return _extends({}, theme.typography.caption, {
-    color: (theme.vars || theme).palette.text.primary,
-    lineHeight: '100%',
-    display: 'flex',
-    flexDirection: ownerState.direction === 'vertical' ? 'column' : 'row',
-    flexShrink: 0,
-    gap: theme.spacing(0.5),
-    listStyleType: 'none',
-    paddingInlineStart: 0,
-    marginBlock: theme.spacing(1),
-    marginInline: theme.spacing(1),
-    width: 'fit-content',
-    gridArea: 'legend',
-    [`button.${classes.item}`]: {
-      // Reset button styles
-      background: 'none',
-      border: 'none',
-      padding: 0,
-      cursor: ownerState.onItemClick ? 'pointer' : 'unset',
-      fontFamily: 'inherit',
-      fontWeight: 'inherit',
-      fontSize: 'inherit',
-      letterSpacing: 'inherit',
-      color: 'inherit'
-    },
-    [`.${classes.item}`]: {
-      display: 'flex',
-      gap: theme.spacing(0.5)
-    },
-    [`li :not(.${classes.minLabel}, .${classes.maxLabel}) .${classes?.mark}`]: {
-      alignSelf: 'center'
-    },
-    [`&.${classes.start}`]: {
-      alignItems: 'end'
-    },
-    [`&.${classes.end}`]: {
-      alignItems: 'start'
-    },
-    [`&.${classes.horizontal}`]: {
-      alignItems: 'center',
-      [`.${classes.item}`]: {
-        flexDirection: 'column'
-      },
-      [`&.${classes.inlineStart}, &.${classes.inlineEnd}`]: {
-        gap: theme.spacing(1.5),
-        flexWrap: 'wrap',
-        [`.${classes.item}`]: {
-          flexDirection: 'row'
-        }
-      },
-      [`&.${classes.start}`]: {
-        alignItems: 'end'
-      },
-      [`&.${classes.end}`]: {
-        alignItems: 'start'
-      },
-      [`.${classes.minLabel}`]: {
-        alignItems: 'end'
-      },
-      [`&.${classes.extremes}`]: {
-        [`.${classes.minLabel}, .${classes.maxLabel}`]: {
-          alignItems: 'center',
-          display: 'flex',
-          flexDirection: 'row'
-        }
-      }
-    },
-    [`&.${classes.vertical}`]: {
-      [`.${classes.item}`]: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      [`&.${classes.start}, &.${classes.inlineStart}`]: {
-        alignItems: 'end'
-      },
-      [`&.${classes.end}, &.${classes.inlineEnd}`]: {
-        alignItems: 'start'
-      },
-      [`&.${classes.extremes}`]: {
-        alignItems: 'center',
-        [`.${classes.minLabel}, .${classes.maxLabel}`]: {
-          alignItems: 'center',
-          display: 'flex',
-          flexDirection: 'column'
-        }
-      }
-    }
-  });
-});
-const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
-  defaultProps: {
-    direction: 'horizontal',
-    labelPosition: 'extremes',
-    labelFormatter: piecewiseColorDefaultLabelFormatter
-  },
-  classesResolver: useUtilityClasses
-}, function PiecewiseColorLegend(props, ref) {
-  const {
-      direction,
-      classes,
-      className,
-      markType,
-      labelPosition,
-      axisDirection,
-      axisId,
-      labelFormatter,
-      onItemClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const isVertical = direction === 'vertical';
-  const isReverse = isVertical;
-  const axisItem = useAxis({
-    axisDirection,
-    axisId
-  });
-  const colorMap = axisItem?.colorMap;
-  if (!colorMap || !colorMap.type || colorMap.type !== 'piecewise') {
-    return null;
-  }
-  const valueFormatter = v => axisItem.valueFormatter?.(v, {
-    location: 'legend'
-  }) ?? v.toLocaleString();
-  const formattedLabels = colorMap.thresholds.map(valueFormatter);
-  const startClass = isReverse ? classes?.maxLabel : classes?.minLabel;
-  const endClass = isReverse ? classes?.minLabel : classes?.maxLabel;
-  const colors = colorMap.colors.map((color, colorIndex) => ({
-    color,
-    colorIndex
-  }));
-  const orderedColors = isReverse ? colors.reverse() : colors;
-  const isStart = labelPosition === 'start';
-  const isEnd = labelPosition === 'end';
-  const isExtremes = labelPosition === 'extremes';
-  const isInlineStart = labelPosition === 'inline-start';
-  const isInlineEnd = labelPosition === 'inline-end';
-  return /*#__PURE__*/_jsx(RootElement, _extends({
-    className: clsx(classes?.root, className),
-    ref: ref
-  }, other, {
-    ownerState: props,
-    children: orderedColors.map(({
-      color,
-      colorIndex
-    }, index) => {
-      const isFirst = index === 0;
-      const isLast = index === colorMap.colors.length - 1;
-      const isFirstColor = colorIndex === 0;
-      const isLastColor = colorIndex === colorMap.colors.length - 1;
-      const data = _extends({
-        index: colorIndex,
-        length: formattedLabels.length
-      }, isFirstColor ? {
-        min: null,
-        formattedMin: null
-      } : {
-        min: colorMap.thresholds[colorIndex - 1],
-        formattedMin: formattedLabels[colorIndex - 1]
-      }, isLastColor ? {
-        max: null,
-        formattedMax: null
-      } : {
-        max: colorMap.thresholds[colorIndex],
-        formattedMax: formattedLabels[colorIndex]
-      });
-      const label = labelFormatter?.(data);
-      if (label === null || label === undefined) {
-        return null;
-      }
-      const isTextBefore = isStart || isExtremes && isFirst || isInlineStart;
-      const isTextAfter = isEnd || isExtremes && isLast || isInlineEnd;
-      const clickObject = {
-        type: 'piecewiseColor',
-        color,
-        label,
-        minValue: data.min,
-        maxValue: data.max
-      };
-      const Element = onItemClick ? 'button' : 'div';
-      return /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_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: classes?.label,
-            children: label
-          }), /*#__PURE__*/_jsx(ChartsLabelMark, {
-            className: classes?.mark,
-            type: markType,
-            color: color
-          }), isTextAfter && /*#__PURE__*/_jsx(ChartsLabel, {
-            className: classes?.label,
-            children: label
-          })]
-        })
-      }, colorIndex);
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? PiecewiseColorLegend.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The axis direction containing the color configuration to represent.
-   * @default 'z'
-   */
-  axisDirection: PropTypes.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]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  /**
-   * The direction of the legend layout.
-   * @default 'horizontal'
-   */
-  direction: PropTypes.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,
-  /**
-   * Where to position the labels relative to the gradient.
-   * @default 'extremes'
-   */
-  labelPosition: PropTypes.oneOf(['start', 'end', 'extremes', 'inline-start', 'inline-end']),
-  /**
-   * The type of the mark.
-   * @default 'square'
-   */
-  markType: PropTypes.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 };

package/esm/ChartsLegend/chartsLegend.types.d.ts

@@ -1,26 +0,0 @@
-import type { ChartsLegendProps } from "./ChartsLegend.js";
-import { type ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
-import { type ChartsLegendPosition } from "./legend.types.js";
-import { type PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
-export interface ChartsLegendSlots {
-  /**
-   * 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;
-}
-export interface ChartsLegendSlotExtension {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: ChartsLegendSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: ChartsLegendSlotProps;
-}

package/esm/ChartsLegend/chartsLegendClasses.d.ts

@@ -1,22 +0,0 @@
-import type { ChartsLegendProps } from "./ChartsLegend.js";
-import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
-export interface ChartsLegendClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the list item around each series in the legend. */
-  item: string;
-  /** Styles applied to a series element. */
-  series: string;
-  /** Styles applied to hidden items. */
-  hidden: 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<"root" | "label" | "mark" | "hidden" | "series" | "item", string>;
-export declare const legendClasses: ChartsLegendClasses;

package/esm/ChartsLegend/colorLegend.types.d.ts

@@ -1,13 +0,0 @@
-import { type 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;
-}

package/esm/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -1,26 +0,0 @@
-import type { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
-import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
-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;
-}
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
-export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;