@mantine/charts 8.1.3 → 8.2.0

package/esm/Sparkline/Sparkline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.mjs","sources":["../../src/Sparkline/Sparkline.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\nimport { Area, AreaProps, AreaChart as ReChartsAreaChart, ResponsiveContainer } from 'recharts';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { AreaChartCurveType, AreaGradient } from '../AreaChart';\n\nconst classes = {};\n\nexport interface SparklineTrendColors {\n  positive: MantineColor;\n  negative: MantineColor;\n  neutral?: MantineColor;\n}\n\nexport type SparklineStylesNames = 'root';\nexport type SparklineCssVariables = {\n  root: '--chart-color';\n};\n\nexport interface SparklineProps\n  extends BoxProps,\n    StylesApiProps<SparklineFactory>,\n    ElementProps<'div'> {\n  /** Data used to render the chart */\n  data: (number | null)[];\n\n  /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Determines whether the chart fill should be a gradient, `true` by default */\n  withGradient?: boolean;\n\n  /** Controls fill opacity of the area, `0.6` by default */\n  fillOpacity?: number;\n\n  /** Type of the curve, `'linear'` by default */\n  curveType?: AreaChartCurveType;\n\n  /** Area stroke width, `2` by default */\n  strokeWidth?: number;\n\n  /** If set, `color` prop is ignored and chart color is determined by the difference between first and last value. */\n  trendColors?: SparklineTrendColors;\n\n  /** Determines whether null values should be connected with other values, `true` by default */\n  connectNulls?: boolean;\n\n  /** Props passed down to the underlying recharts `Area` component */\n  areaProps?: Omit<AreaProps, 'data' | 'dataKey' | 'ref'>;\n}\n\nexport type SparklineFactory = Factory<{\n  props: SparklineProps;\n  ref: HTMLDivElement;\n  stylesNames: SparklineStylesNames;\n  vars: SparklineCssVariables;\n}>;\n\nconst defaultProps = {\n  withGradient: true,\n  connectNulls: true,\n  fillOpacity: 0.6,\n  strokeWidth: 2,\n  curveType: 'linear',\n} satisfies Partial<SparklineProps>;\n\nfunction getTrendColor(data: (number | null)[], trendColors: SparklineTrendColors) {\n  const first = data[0];\n  const last = data[data.length - 1];\n\n  if (first === null || last === null) {\n    return trendColors.neutral || trendColors.positive;\n  }\n\n  if (first < last) {\n    return trendColors.positive;\n  }\n\n  if (first > last) {\n    return trendColors.negative;\n  }\n\n  return trendColors.neutral || trendColors.positive;\n}\n\nconst varsResolver = createVarsResolver<SparklineFactory>(\n  (theme, { color, data, trendColors }) => ({\n    root: {\n      '--chart-color': trendColors\n        ? getThemeColor(getTrendColor(data, trendColors), theme)\n        : color\n          ? getThemeColor(color, theme)\n          : undefined,\n    },\n  })\n);\n\nexport const Sparkline = factory<SparklineFactory>((_props, ref) => {\n  const props = useProps('Sparkline', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    withGradient,\n    fillOpacity,\n    curveType,\n    strokeWidth,\n    trendColors,\n    connectNulls,\n    areaProps,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SparklineFactory>({\n    name: 'Sparkline',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const id = useId();\n  const mappedData = useMemo(() => data.map((value, index) => ({ value, index })), [data]);\n\n  return (\n    <Box ref={ref} {...getStyles('root')} {...others} dir=\"ltr\">\n      <ResponsiveContainer>\n        <ReChartsAreaChart data={mappedData}>\n          <Area\n            dataKey=\"value\"\n            type={curveType}\n            fill={`url(#${id})`}\n            stroke=\"var(--chart-color, var(--mantine-color-blue-filled))\"\n            isAnimationActive={false}\n            connectNulls={connectNulls}\n            strokeWidth={strokeWidth}\n            fillOpacity={1}\n            {...areaProps}\n          />\n\n          <defs>\n            <AreaGradient\n              id={id}\n              color=\"var(--chart-color, var(--mantine-color-blue-filled))\"\n              fillOpacity={fillOpacity}\n              withGradient={withGradient}\n            />\n          </defs>\n        </ReChartsAreaChart>\n      </ResponsiveContainer>\n    </Box>\n  );\n});\n\nSparkline.displayName = '@mantine/charts/Sparkline';\nSparkline.classes = classes;\n"],"names":["ReChartsAreaChart"],"mappings":"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"}
+{"version":3,"file":"Sparkline.mjs","sources":["../../src/Sparkline/Sparkline.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\nimport { Area, AreaProps, AreaChart as ReChartsAreaChart, ResponsiveContainer } from 'recharts';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { AreaChartCurveType, AreaGradient } from '../AreaChart';\n\nconst classes = {};\n\nexport interface SparklineTrendColors {\n  positive: MantineColor;\n  negative: MantineColor;\n  neutral?: MantineColor;\n}\n\nexport type SparklineStylesNames = 'root';\nexport type SparklineCssVariables = {\n  root: '--chart-color';\n};\n\nexport interface SparklineProps\n  extends BoxProps,\n    StylesApiProps<SparklineFactory>,\n    ElementProps<'div'> {\n  /** Data used to render the chart */\n  data: (number | null)[];\n\n  /** Key of `theme.colors` or any valid CSS color @default `theme.primaryColor` */\n  color?: MantineColor;\n\n  /** Determines whether the chart fill should be a gradient @default `true` */\n  withGradient?: boolean;\n\n  /** Controls fill opacity of the area @default `0.6` */\n  fillOpacity?: number;\n\n  /** Type of the curve @default `'linear'` */\n  curveType?: AreaChartCurveType;\n\n  /** Area stroke width @default `2` */\n  strokeWidth?: number;\n\n  /** If set, `color` prop is ignored and chart color is determined by the difference between first and last value. */\n  trendColors?: SparklineTrendColors;\n\n  /** Determines whether null values should be connected with other values @default `true` */\n  connectNulls?: boolean;\n\n  /** Props passed down to the underlying recharts `Area` component */\n  areaProps?: Omit<AreaProps, 'data' | 'dataKey' | 'ref'>;\n}\n\nexport type SparklineFactory = Factory<{\n  props: SparklineProps;\n  ref: HTMLDivElement;\n  stylesNames: SparklineStylesNames;\n  vars: SparklineCssVariables;\n}>;\n\nconst defaultProps = {\n  withGradient: true,\n  connectNulls: true,\n  fillOpacity: 0.6,\n  strokeWidth: 2,\n  curveType: 'linear',\n} satisfies Partial<SparklineProps>;\n\nfunction getTrendColor(data: (number | null)[], trendColors: SparklineTrendColors) {\n  const first = data[0];\n  const last = data[data.length - 1];\n\n  if (first === null || last === null) {\n    return trendColors.neutral || trendColors.positive;\n  }\n\n  if (first < last) {\n    return trendColors.positive;\n  }\n\n  if (first > last) {\n    return trendColors.negative;\n  }\n\n  return trendColors.neutral || trendColors.positive;\n}\n\nconst varsResolver = createVarsResolver<SparklineFactory>(\n  (theme, { color, data, trendColors }) => ({\n    root: {\n      '--chart-color': trendColors\n        ? getThemeColor(getTrendColor(data, trendColors), theme)\n        : color\n          ? getThemeColor(color, theme)\n          : undefined,\n    },\n  })\n);\n\nexport const Sparkline = factory<SparklineFactory>((_props, ref) => {\n  const props = useProps('Sparkline', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    withGradient,\n    fillOpacity,\n    curveType,\n    strokeWidth,\n    trendColors,\n    connectNulls,\n    areaProps,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SparklineFactory>({\n    name: 'Sparkline',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const id = useId();\n  const mappedData = useMemo(() => data.map((value, index) => ({ value, index })), [data]);\n\n  return (\n    <Box ref={ref} {...getStyles('root')} {...others} dir=\"ltr\">\n      <ResponsiveContainer>\n        <ReChartsAreaChart data={mappedData}>\n          <Area\n            dataKey=\"value\"\n            type={curveType}\n            fill={`url(#${id})`}\n            stroke=\"var(--chart-color, var(--mantine-color-blue-filled))\"\n            isAnimationActive={false}\n            connectNulls={connectNulls}\n            strokeWidth={strokeWidth}\n            fillOpacity={1}\n            {...areaProps}\n          />\n\n          <defs>\n            <AreaGradient\n              id={id}\n              color=\"var(--chart-color, var(--mantine-color-blue-filled))\"\n              fillOpacity={fillOpacity}\n              withGradient={withGradient}\n            />\n          </defs>\n        </ReChartsAreaChart>\n      </ResponsiveContainer>\n    </Box>\n  );\n});\n\nSparkline.displayName = '@mantine/charts/Sparkline';\nSparkline.classes = classes;\n"],"names":["ReChartsAreaChart"],"mappings":"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"}

package/lib/AreaChart/AreaChart.d.ts

@@ -1,8 +1,8 @@
-import { AreaProps, DotProps, AreaChart as ReChartsAreaChart } from 'recharts';
+import { AreaProps, AreaChart as ReChartsAreaChart } from 'recharts';
 import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '@mantine/core';
 import { ChartLegendStylesNames } from '../ChartLegend';
 import { ChartTooltipStylesNames } from '../ChartTooltip';
-import type { BaseChartStylesNames, ChartSeries, GridChartBaseProps } from '../types';
+import type { BaseChartStylesNames, ChartSeries, GridChartBaseProps, MantineChartDotProps } from '../types';
 export interface AreaChartSeries extends ChartSeries {
     strokeDasharray?: string | number;
     color: MantineColor;
@@ -16,35 +16,35 @@ export type AreaChartCSSVariables = {
 export interface AreaChartProps extends BoxProps, GridChartBaseProps, StylesApiProps<AreaChartFactory>, ElementProps<'div'> {
     /** An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. */
     series: AreaChartSeries[];
-    /** Controls how chart areas are positioned relative to each other, `'default'` by default */
+    /** Controls how chart areas are positioned relative to each other @default `'default'` */
     type?: AreaChartType;
-    /** Determines whether the chart area should be represented with a gradient instead of the solid color, `false` by default */
+    /** Determines whether the chart area should be represented with a gradient instead of the solid color @default `false` */
     withGradient?: boolean;
-    /** Type of the curve, `'monotone'` by default */
+    /** Type of the curve @default `'monotone'` */
     curveType?: AreaChartCurveType;
-    /** Determines whether dots should be displayed, `true` by default */
+    /** Determines whether dots should be displayed @default `true` */
     withDots?: boolean;
     /** Props passed down to all dots. Ignored if `withDots={false}` is set. */
-    dotProps?: Omit<DotProps, 'ref'>;
+    dotProps?: MantineChartDotProps;
     /** Props passed down to all active dots. Ignored if `withDots={false}` is set. */
-    activeDotProps?: Omit<DotProps, 'ref'>;
-    /** Stroke width for the chart areas, `2` by default */
+    activeDotProps?: MantineChartDotProps;
+    /** Stroke width for the chart areas @default `2` */
     strokeWidth?: number;
     /** Props passed down to recharts `AreaChart` component */
     areaChartProps?: React.ComponentPropsWithoutRef<typeof ReChartsAreaChart>;
-    /** Controls fill opacity of all areas, `0.2` by default */
+    /** Controls fill opacity of all areas @default `0.2` */
     fillOpacity?: number;
-    /** A tuple of colors used when `type="split"` is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors `['green.7', 'red.7']` by default. */
+    /** A tuple of colors used when `type="split"` is set, ignored in all other cases. A tuple may include theme colors reference or any valid CSS colors @default `['green.7', 'red.7']` */
     splitColors?: [MantineColor, MantineColor];
     /** Offset for the split gradient. By default, value is inferred from `data` and `series` if possible. Must be generated from the data array with `getSplitOffset` function. */
     splitOffset?: number;
-    /** Determines whether points with `null` values should be connected, `true` by default */
+    /** If set, points with `null` values are connected @default `true` */
     connectNulls?: boolean;
     /** Additional components that are rendered inside recharts `AreaChart` component */
     children?: React.ReactNode;
     /** Props passed down to recharts `Area` component */
     areaProps?: ((series: AreaChartSeries) => Partial<Omit<AreaProps, 'ref'>>) | Partial<Omit<AreaProps, 'ref'>>;
-    /** Determines whether each point should have associated label, `false` by default */
+    /** If set, each point has an associated label @default `false` */
     withPointLabels?: boolean;
 }
 export type AreaChartFactory = Factory<{

package/lib/BarChart/BarChart.d.ts

@@ -16,9 +16,9 @@ export interface BarChartProps extends BoxProps, GridChartBaseProps, StylesApiPr
     data: Record<string, any>[];
     /** An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. */
     series: BarChartSeries[];
-    /** Controls how bars are positioned relative to each other, `'default'` by default */
+    /** Controls how bars are positioned relative to each other @default `'default'` */
     type?: BarChartType;
-    /** Controls fill opacity of all bars, `1` by default */
+    /** Controls fill opacity of all bars @default `1` */
     fillOpacity?: number;
     /** Fill of hovered bar section, by default value is based on color scheme */
     cursorFill?: MantineColor;
@@ -28,11 +28,11 @@ export interface BarChartProps extends BoxProps, GridChartBaseProps, StylesApiPr
     children?: React.ReactNode;
     /** Props passed down to recharts `Bar` component */
     barProps?: ((series: BarChartSeries) => Partial<Omit<BarProps, 'ref'>>) | Partial<Omit<BarProps, 'ref'>>;
-    /** Determines whether a label with bar value should be displayed on top of each bar, incompatible with `type="stacked"` and `type="percent"`, `false` by default */
+    /** Determines whether a label with bar value should be displayed on top of each bar, incompatible with `type="stacked"` and `type="percent"` @default `false` */
     withBarValueLabel?: boolean;
     /** Props passed down to recharts `LabelList` component */
     valueLabelProps?: ((series: BarChartSeries) => Partial<Omit<LabelListProps<Record<string, any>>, 'ref'>>) | Partial<LabelListProps<Record<string, any>>>;
-    /** Sets minimum height of the bar in px, `0` by default */
+    /** Sets minimum height of the bar in px @default `0` */
     minBarSize?: number;
     /** Maximum bar width in px */
     maxBarWidth?: number;

package/lib/BubbleChart/BubbleChart.d.ts

@@ -16,7 +16,7 @@ export interface BubbleChartProps extends BoxProps, StylesApiProps<BubbleChartFa
     dataKey: BubbleChartDataKey;
     /** Z axis range */
     range: [number, number];
-    /** Color of the chart items. Key of `theme.colors` or any valid CSS color, `blue.6` by default. */
+    /** Color of the chart items. Key of `theme.colors` or any valid CSS color. @default `blue.6` */
     color?: MantineColor;
     /** Props passed down to the `XAxis` recharts component */
     xAxisProps?: Omit<XAxisProps, 'ref'>;
@@ -28,13 +28,13 @@ export interface BubbleChartProps extends BoxProps, StylesApiProps<BubbleChartFa
     tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;
     /** Props passed down to the `Scatter` component */
     scatterProps?: Partial<Omit<ScatterProps, 'ref'>>;
-    /** Color of the text displayed inside the chart, `'dimmed'` by default */
+    /** Color of the text displayed inside the chart @default `'dimmed'` */
     textColor?: MantineColor;
     /** Color of the grid and cursor lines, by default depends on color scheme */
     gridColor?: MantineColor;
     /** Chart label displayed next to the x axis */
     label?: string;
-    /** Determines whether the tooltip should be displayed, `true` by default */
+    /** Determines whether the tooltip should be displayed @default `true` */
     withTooltip?: boolean;
     /** Function to format z axis values */
     valueFormatter?: (value: number) => string;

package/lib/ChartLegend/ChartLegend.d.ts

@@ -1,19 +1,19 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
 import { ChartSeries } from '../types';
-export declare function getFilteredChartLegendPayload(payload: Record<string, any>[]): Record<string, any>[];
+export declare function getFilteredChartLegendPayload(payload: readonly Record<string, any>[]): Record<string, any>[];
 export type ChartLegendStylesNames = 'legendItem' | 'legendItemColor' | 'legendItemName' | 'legend';
 export interface ChartLegendProps extends BoxProps, StylesApiProps<ChartLegendFactory>, ElementProps<'div'> {
     /** Chart data provided by recharts */
-    payload: Record<string, any>[] | undefined;
+    payload: readonly Record<string, any>[] | undefined;
     /** Function called when mouse enters/leaves one of the legend items */
     onHighlight: (area: string | null) => void;
     /** Position of the legend relative to the chart, used to apply margin on the corresponding side */
     legendPosition: 'top' | 'bottom' | 'middle';
     /** Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart */
     series?: ChartSeries[];
-    /** Determines whether color swatch should be shown next to the label, `true` by default */
+    /** Determines whether color swatch should be shown next to the label @default `true` */
     showColor?: boolean;
-    /** Determines whether the legend should be centered, `false` by default */
+    /** Determines whether the legend should be centered @default `false` */
     centered?: boolean;
 }
 export type ChartLegendFactory = Factory<{

package/lib/ChartTooltip/ChartTooltip.d.ts

@@ -9,7 +9,7 @@ export interface ChartTooltipProps extends BoxProps, StylesApiProps<ChartTooltip
     payload: Record<string, any>[] | undefined;
     /** Data units, provided by parent component */
     unit?: string;
-    /** Tooltip type that determines the content and styles, `area` for LineChart, AreaChart and BarChart, `radial` for DonutChart and PieChart, `'area'` by default */
+    /** Tooltip type that determines the content and styles, `area` for LineChart, AreaChart and BarChart, `radial` for DonutChart and PieChart @default `'area'` */
     type?: 'area' | 'radial' | 'scatter';
     /** Id of the segment to display data for. Only applicable when `type="radial"`. If not set, all data is rendered. */
     segmentId?: string;
@@ -17,7 +17,7 @@ export interface ChartTooltipProps extends BoxProps, StylesApiProps<ChartTooltip
     series?: ChartSeries[];
     /** A function to format values */
     valueFormatter?: (value: number) => string;
-    /** Determines whether the color swatch should be visible, `true` by default */
+    /** Determines whether the color swatch should be visible @default `true` */
     showColor?: boolean;
 }
 export type ChartTooltipFactory = Factory<{

package/lib/CompositeChart/CompositeChart.d.ts

@@ -1,8 +1,8 @@
-import { AreaProps, BarProps, DotProps, LineProps, ComposedChart as ReChartsCompositeChart } from 'recharts';
+import { AreaProps, BarProps, LineProps, ComposedChart as ReChartsCompositeChart } from 'recharts';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
 import { ChartLegendStylesNames } from '../ChartLegend';
 import { ChartTooltipStylesNames } from '../ChartTooltip';
-import type { BaseChartStylesNames, ChartSeries, GridChartBaseProps } from '../types';
+import type { BaseChartStylesNames, ChartSeries, GridChartBaseProps, MantineChartDotProps } from '../types';
 export type CompositeChartCurveType = 'bump' | 'linear' | 'natural' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter';
 export interface CompositeChartSeries extends ChartSeries {
     type: 'line' | 'area' | 'bar';
@@ -17,17 +17,17 @@ export interface CompositeChartProps extends BoxProps, Omit<GridChartBaseProps,
     data: Record<string, any>[];
     /** An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. */
     series: CompositeChartSeries[];
-    /** Type of the curve, `'monotone'` by default */
+    /** Type of the curve @default `'monotone'` */
     curveType?: CompositeChartCurveType;
-    /** Determines whether dots should be displayed, `true` by default */
+    /** Determines whether dots should be displayed @default `true` */
     withDots?: boolean;
     /** Props passed down to all dots. Ignored if `withDots={false}` is set. */
-    dotProps?: Omit<DotProps, 'ref'>;
+    dotProps?: MantineChartDotProps;
     /** Props passed down to all active dots. Ignored if `withDots={false}` is set. */
-    activeDotProps?: Omit<DotProps, 'ref'>;
-    /** Stroke width for the chart lines, `2` by default */
+    activeDotProps?: MantineChartDotProps;
+    /** Stroke width for the chart lines @default `2` */
     strokeWidth?: number;
-    /** Determines whether points with `null` values should be connected, `true` by default */
+    /** Determines whether points with `null` values should be connected @default `true` */
     connectNulls?: boolean;
     /** Additional components that are rendered inside recharts `AreaChart` component */
     children?: React.ReactNode;
@@ -37,11 +37,11 @@ export interface CompositeChartProps extends BoxProps, Omit<GridChartBaseProps,
     areaProps?: ((series: CompositeChartSeries) => Partial<Omit<AreaProps, 'ref'>>) | Partial<Omit<AreaProps, 'ref'>>;
     /** Props passed down to recharts `Bar` component */
     barProps?: ((series: CompositeChartSeries) => Partial<Omit<BarProps, 'ref'>>) | Partial<Omit<BarProps, 'ref'>>;
-    /** Determines whether each point should have associated label, `false` by default */
+    /** Determines whether each point should have associated label @default `false` */
     withPointLabels?: boolean;
-    /** Determines whether a label with bar value should be displayed on top of each bar, `false` by default */
+    /** Determines whether a label with bar value should be displayed on top of each bar @default `false` */
     withBarValueLabel?: boolean;
-    /** Sets minimum height of the bar in px, `0` by default */
+    /** Sets minimum height of the bar in px @default `0` */
     minBarSize?: number;
     /** Maximum bar width in px */
     maxBarWidth?: number;

package/lib/DonutChart/DonutChart.d.ts

@@ -13,9 +13,9 @@ export type DonutChartCssVariables = {
 export interface DonutChartProps extends BoxProps, StylesApiProps<DonutChartFactory>, ElementProps<'div'> {
     /** Data used to render chart */
     data: DonutChartCell[];
-    /** Determines whether the tooltip should be displayed when one of the section is hovered, `true` by default */
+    /** Determines whether the tooltip should be displayed when one of the section is hovered @default `true` */
     withTooltip?: boolean;
-    /** Tooltip animation duration in ms, `0` by default */
+    /** Tooltip animation duration in ms @default `0` */
     tooltipAnimationDuration?: number;
     /** Props passed down to `Tooltip` recharts component */
     tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;
@@ -25,23 +25,23 @@ export interface DonutChartProps extends BoxProps, StylesApiProps<DonutChartFact
     strokeColor?: MantineColor;
     /** Controls text color of all labels, by default depends on color scheme */
     labelColor?: MantineColor;
-    /** Controls padding between segments, `0` by default */
+    /** Controls padding between segments @default `0` */
     paddingAngle?: number;
-    /** Determines whether each segment should have associated label, `false` by default */
+    /** Determines whether each segment should have associated label @default `false` */
     withLabels?: boolean;
-    /** Determines whether segments labels should have lines that connect the segment with the label, `true` by default */
+    /** Determines whether segments labels should have lines that connect the segment with the label @default `true` */
     withLabelsLine?: boolean;
-    /** Controls thickness of the chart segments, `20` by default */
+    /** Controls thickness of the chart segments @default `20` */
     thickness?: number;
-    /** Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`. `80` by default */
+    /** Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`. @default `80` */
     size?: number;
-    /** Controls width of segments stroke, `1` by default */
+    /** Controls width of segments stroke @default `1` */
     strokeWidth?: number;
-    /** Controls angle at which chart starts, `0` by default. Set to `180` to render the chart as semicircle. */
+    /** Controls angle at which chart starts. Set to `180` to render the chart as semicircle. @default `0` */
     startAngle?: number;
-    /** Controls angle at which charts ends, `360` by default. Set to `0` to render the chart as semicircle. */
+    /** Controls angle at which charts ends. Set to `0` to render the chart as semicircle. @default `360` */
     endAngle?: number;
-    /** Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. `'all'` by default. */
+    /** Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. @default `'all'` */
     tooltipDataSource?: 'segment' | 'all';
     /** Chart label, displayed in the center of the chart */
     chartLabel?: string | number;

package/lib/FunnelChart/FunnelChart.d.ts

@@ -1,21 +1,22 @@
 import { FunnelProps, FunnelChart as RechartsFunnelChart, TooltipProps } from 'recharts';
 import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '@mantine/core';
+import { ChartTooltipStylesNames } from '../ChartTooltip/ChartTooltip';
 export interface FunnelChartCell {
     key?: string | number;
     name: string;
     value: number;
     color: MantineColor;
 }
-export type FunnelChartStylesNames = 'root';
+export type FunnelChartStylesNames = 'root' | ChartTooltipStylesNames;
 export type FunnelChartCssVariables = {
     root: '--chart-stroke-color' | '--chart-labels-color' | '--chart-size';
 };
 export interface FunnelChartProps extends BoxProps, StylesApiProps<FunnelChartFactory>, ElementProps<'div'> {
     /** Data used to render chart */
     data: FunnelChartCell[];
-    /** Determines whether the tooltip should be displayed when a section is hovered, `true` by default */
+    /** Determines whether the tooltip should be displayed when a section is hovered @default `true` */
     withTooltip?: boolean;
-    /** Tooltip animation duration in ms, `0` by default */
+    /** Tooltip animation duration in ms @default `0` */
     tooltipAnimationDuration?: number;
     /** Props passed down to `Tooltip` recharts component */
     tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;
@@ -23,19 +24,19 @@ export interface FunnelChartProps extends BoxProps, StylesApiProps<FunnelChartFa
     funnelProps?: Partial<Omit<FunnelProps, 'ref'>>;
     /** Controls color of the segments stroke, by default depends on color scheme */
     strokeColor?: MantineColor;
-    /** Controls text color of all labels, white by default */
+    /** Controls text color of all labels @default `'white'` */
     labelColor?: MantineColor;
-    /** Controls chart width and height, `300` by default */
+    /** Controls chart width and height @default `300` */
     size?: number;
-    /** Controls width of segments stroke, `1` by default */
+    /** Controls width of segments stroke @default `1` */
     strokeWidth?: number;
-    /** Determines whether each segment should have associated label, `false` by default */
+    /** Determines whether each segment should have associated label @default `false` */
     withLabels?: boolean;
-    /** Controls labels position relative to the segment, `'right'` by default */
+    /** Controls labels position relative to the segment @default `'right'` */
     labelsPosition?: 'right' | 'left' | 'inside';
     /** A function to format values inside the tooltip and labels */
     valueFormatter?: (value: number) => string;
-    /** Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. `'all'` by default. */
+    /** Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. @default `'all'` */
     tooltipDataSource?: 'segment' | 'all';
     /** Additional elements rendered inside `FunnelChart` component */
     children?: React.ReactNode;

package/lib/Heatmap/Heatmap.d.ts

@@ -13,35 +13,35 @@ export interface HeatmapProps extends BoxProps, StylesApiProps<HeatmapFactory>,
     startDate?: Date | string;
     /** Heatmap end date. Current date by default. */
     endDate?: Date | string;
-    /** If set, month labels are displayed, `false` by default */
+    /** If set, month labels are displayed @default `false` */
     withMonthLabels?: boolean;
     /** Month labels, array of 12 elements, can be used for localization */
     monthLabels?: string[];
-    /** If set, weekday labels are displayed, `false` by default */
+    /** If set, weekday labels are displayed @default `false` */
     withWeekdayLabels?: boolean;
     /** Weekday labels, array of 7 elements, can be used for localization */
     weekdayLabels?: string[];
-    /** If set, trailing dates that do not fall into the given `startDate` – `endDate` range are displayed to fill empty space. `true` by default */
+    /** If set, trailing dates that do not fall into the given `startDate` – `endDate` range are displayed to fill empty space. @default `true` */
     withOutsideDates?: boolean;
-    /** First day of week, 0 – Sunday, 1 – Monday. `1` (Monday) by default */
+    /** First day of week, 0 – Sunday, 1 – Monday. @default 1 – Monday */
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    /** Size of day rect in px, `10` by default */
+    /** Size of day rect in px @default 10 */
     rectSize?: number;
-    /** Gap between rects in px, `1` by default  */
+    /** Gap between rects in px @default 1 */
     gap?: number;
-    /** Rect radius in px, `2` by default */
+    /** Rect radius in px @default 2 */
     rectRadius?: number;
     /** Colors array, used to calculate color for each value, by default 4 shades of green colors are used */
     colors?: string[];
-    /** Width of weekday labels column, `30` by default */
+    /** Width of weekday labels column @default 30 */
     weekdaysLabelsWidth?: number;
-    /** Height of month labels row, `30` by default */
+    /** Height of month labels row @default 30 */
     monthsLabelsHeight?: number;
-    /** Font size of month and weekday labels, `12` by default */
+    /** Font size of month and weekday labels @default 12 */
     fontSize?: number;
     /** A function to generate tooltip label based on the hovered rect date and value, required for the tooltip to be visible */
     getTooltipLabel?: (input: HeatmapRectData) => React.ReactNode;
-    /** If set, tooltip is displayed on rect hover, `false` by default */
+    /** If set, tooltip is displayed on rect hover @default `false` */
     withTooltip?: boolean;
     /** Props passed down to the `Tooltip.Floating` component */
     tooltipProps?: Partial<TooltipFloatingProps>;

package/lib/LineChart/LineChart.d.ts

@@ -1,8 +1,8 @@
-import { DotProps, LineProps, LineChart as ReChartsLineChart } from 'recharts';
+import { LineProps, LineChart as ReChartsLineChart } from 'recharts';
 import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '@mantine/core';
 import { ChartLegendStylesNames } from '../ChartLegend';
 import { ChartTooltipStylesNames } from '../ChartTooltip';
-import type { BaseChartStylesNames, ChartSeries, GridChartBaseProps } from '../types';
+import type { BaseChartStylesNames, ChartSeries, GridChartBaseProps, MantineChartDotProps } from '../types';
 export type LineChartType = 'default' | 'gradient';
 export interface LineChartGradientStop {
     offset: number;
@@ -21,31 +21,31 @@ export interface LineChartProps extends BoxProps, GridChartBaseProps, StylesApiP
     data: Record<string, any>[];
     /** An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array. */
     series: LineChartSeries[];
-    /** Controls styles of the line, `'default'` by default */
+    /** Controls styles of the line @default `'default'` */
     type?: LineChartType;
-    /** Data used to generate gradient stops, `[{ offset: 0, color: 'red' }, { offset: 100, color: 'blue' }]` by default */
+    /** Data used to generate gradient stops @default `[{ offset: 0, color: 'red' }, { offset: 100, color: 'blue' }]` */
     gradientStops?: LineChartGradientStop[];
-    /** Type of the curve, `'monotone'` by default */
+    /** Type of the curve @default `'monotone'` */
     curveType?: LineChartCurveType;
-    /** Controls fill opacity of all lines, `1` by default */
+    /** Controls fill opacity of all lines @default `1` */
     fillOpacity?: number;
-    /** Determines whether dots should be displayed, `true` by default */
+    /** Determines whether dots should be displayed @default `true` */
     withDots?: boolean;
     /** Props passed down to all dots. Ignored if `withDots={false}` is set. */
-    dotProps?: Omit<DotProps, 'ref'>;
+    dotProps?: MantineChartDotProps;
     /** Props passed down to all active dots. Ignored if `withDots={false}` is set. */
-    activeDotProps?: Omit<DotProps, 'ref'>;
-    /** Stroke width for the chart lines, `2` by default */
+    activeDotProps?: MantineChartDotProps;
+    /** Stroke width for the chart lines @default `2` */
     strokeWidth?: number;
     /** Props passed down to recharts `LineChart` component */
     lineChartProps?: React.ComponentPropsWithoutRef<typeof ReChartsLineChart>;
-    /** Determines whether points with `null` values should be connected, `true` by default */
+    /** Determines whether points with `null` values should be connected @default `true` */
     connectNulls?: boolean;
     /** Additional components that are rendered inside recharts `LineChart` component */
     children?: React.ReactNode;
     /** Props passed down to recharts `Line` component */
     lineProps?: ((series: LineChartSeries) => Partial<Omit<LineProps, 'ref'>>) | Partial<Omit<LineProps, 'ref'>>;
-    /** Determines whether each point should have associated label, `false` by default */
+    /** Determines whether each point should have associated label @default `false` */
     withPointLabels?: boolean;
 }
 export type LineChartFactory = Factory<{

package/lib/PieChart/PieChart.d.ts

@@ -14,9 +14,9 @@ export type PieChartCssVariables = {
 export interface PieChartProps extends BoxProps, StylesApiProps<PieChartFactory>, ElementProps<'div'> {
     /** Data used to render chart */
     data: PieChartCell[];
-    /** Determines whether the tooltip should be displayed when one of the section is hovered, `true` by default */
+    /** Determines whether the tooltip should be displayed when one of the section is hovered @default `true` */
     withTooltip?: boolean;
-    /** Tooltip animation duration in ms, `0` by default */
+    /** Tooltip animation duration in ms @default `0` */
     tooltipAnimationDuration?: number;
     /** Props passed down to `Tooltip` recharts component */
     tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;
@@ -26,29 +26,29 @@ export interface PieChartProps extends BoxProps, StylesApiProps<PieChartFactory>
     strokeColor?: MantineColor;
     /** Controls text color of all labels, white by default */
     labelColor?: MantineColor;
-    /** Controls padding between segments, `0` by default */
+    /** Controls padding between segments @default `0` */
     paddingAngle?: number;
-    /** Determines whether each segment should have associated label, `false` by default */
+    /** Determines whether each segment should have associated label @default `false` */
     withLabels?: boolean;
-    /** Determines whether segments labels should have lines that connect the segment with the label, `true` by default */
+    /** Determines whether segments labels should have lines that connect the segment with the label @default `true` */
     withLabelsLine?: boolean;
-    /** Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`. `80` by default */
+    /** Controls chart width and height, height is increased by 40 if `withLabels` prop is set. Cannot be less than `thickness`. @default `80` */
     size?: number;
-    /** Controls width of segments stroke, `1` by default */
+    /** Controls width of segments stroke @default `1` */
     strokeWidth?: number;
-    /** Controls angle at which chart starts, `0` by default. Set to `180` to render the chart as semicircle. */
+    /** Controls angle at which chart starts. Set to `180` to render the chart as semicircle. @default `0` */
     startAngle?: number;
-    /** Controls angle at which charts ends, `360` by default. Set to `0` to render the chart as semicircle. */
+    /** Controls angle at which charts ends. Set to `0` to render the chart as semicircle. @default `360` */
     endAngle?: number;
-    /** Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. `'all'` by default. */
+    /** Determines which data is displayed in the tooltip. `'all'` – display all values, `'segment'` – display only hovered segment. @default `'all'` */
     tooltipDataSource?: 'segment' | 'all';
     /** Additional elements rendered inside `PieChart` component */
     children?: React.ReactNode;
     /** Props passed down to recharts `PieChart` component */
     pieChartProps?: React.ComponentPropsWithoutRef<typeof ReChartsPieChart>;
-    /** Controls labels position relative to the segment, `'outside'` by default */
+    /** Controls labels position relative to the segment @default `'outside'` */
     labelsPosition?: 'inside' | 'outside';
-    /** Type of labels to display, `'value'` by default */
+    /** Type of labels to display @default `'value'` */
     labelsType?: 'value' | 'percent';
     /** A function to format values inside the tooltip */
     valueFormatter?: (value: number) => string;

package/lib/RadarChart/RadarChart.d.ts

@@ -1,6 +1,8 @@
-import { DotProps, LegendProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarProps, RadarChart as ReChartsRadarChart, TooltipProps } from 'recharts';
+import { LegendProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarProps, RadarChart as ReChartsRadarChart, TooltipProps } from 'recharts';
 import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '@mantine/core';
+import { ChartLegendStylesNames } from '../ChartLegend';
 import { ChartTooltipStylesNames } from '../ChartTooltip';
+import { MantineChartDotProps } from '../types';
 export interface RadarChartSeries {
     name: string;
     color: MantineColor;
@@ -8,7 +10,7 @@ export interface RadarChartSeries {
     opacity?: number;
     label?: string;
 }
-export type RadarChartStylesNames = 'root' | 'container' | ChartTooltipStylesNames;
+export type RadarChartStylesNames = 'root' | 'container' | ChartTooltipStylesNames | ChartLegendStylesNames;
 export type RadarChartCssVariables = {
     root: '--chart-grid-color' | '--chart-text-color';
 };
@@ -23,13 +25,13 @@ export interface RadarChartProps extends BoxProps, StylesApiProps<RadarChartFact
     gridColor?: MantineColor;
     /** Controls color of all text elements. By default, color depends on the color scheme. */
     textColor?: MantineColor;
-    /** Determines whether PolarGrid component should be displayed, `true` by default. */
+    /** Determines whether PolarGrid component should be displayed @default `true`. */
     withPolarGrid?: boolean;
-    /** Determines whether PolarAngleAxis component should be displayed, `true` by default */
+    /** Determines whether PolarAngleAxis component should be displayed @default `true` */
     withPolarAngleAxis?: boolean;
-    /** Determines whether PolarRadiusAxisProps component should be displayed, `false` by default */
+    /** Determines whether PolarRadiusAxisProps component should be displayed @default `false` */
     withPolarRadiusAxis?: boolean;
-    /** Determines whether Tooltip component should be displayed, `false` by default */
+    /** Determines whether Tooltip component should be displayed @default `false` */
     withTooltip?: boolean;
     /** Props passed down to recharts Radar component */
     radarProps?: ((series: RadarChartSeries) => Partial<Omit<RadarProps, 'ref'>>) | Partial<Omit<RadarProps, 'ref'>>;
@@ -45,16 +47,16 @@ export interface RadarChartProps extends BoxProps, StylesApiProps<RadarChartFact
     legendProps?: Omit<LegendProps, 'ref'>;
     /** Props passed down to recharts Tooltip component */
     tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;
-    /** Tooltip position animation duration in ms, `0` by default */
+    /** Tooltip position animation duration in ms @default `0` */
     tooltipAnimationDuration?: number;
-    /** Determines whether the legend should be displayed, `false` by default */
+    /** Determines whether the legend should be displayed @default `false` */
     withLegend?: boolean;
-    /** Determines whether dots should be displayed, `false` by default */
+    /** Determines whether dots should be displayed @default `false` */
     withDots?: boolean;
     /** Props passed down to all dots. Ignored if `withDots={false}` is set. */
-    dotProps?: Omit<DotProps, 'ref'>;
+    dotProps?: MantineChartDotProps;
     /** Props passed down to all active dots. Ignored if `withDots={false}` is set. */
-    activeDotProps?: Omit<DotProps, 'ref'>;
+    activeDotProps?: MantineChartDotProps;
     /** Additional components that are rendered inside recharts `RadarChart` component */
     children?: React.ReactNode;
 }