@mantine/charts 9.5.1 → 9.6.0

package/cjs/BulletChart/BulletChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BulletChart.cjs","names":["Box","Tooltip","classes"],"sources":["../../src/BulletChart/BulletChart.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  rem,\n  StylesApiProps,\n  Tooltip,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport classes from './BulletChart.module.css';\n\nexport interface BulletChartRange {\n  /** Upper bound value for this range */\n  value: number;\n\n  /** Background color of the range band */\n  color: MantineColor;\n\n  /** Optional label for the range */\n  label?: string;\n}\n\nexport type BulletChartStylesNames =\n  | 'root'\n  | 'label'\n  | 'trackWrapper'\n  | 'track'\n  | 'range'\n  | 'bar'\n  | 'target'\n  | 'rangeLabel'\n  | 'barLabel'\n  | 'targetLabel';\n\nexport type BulletChartCssVariables = {\n  root: '--bullet-size' | '--bullet-bar-size';\n};\n\nexport interface BulletChartProps\n  extends BoxProps, StylesApiProps<BulletChartFactory>, ElementProps<'div'> {\n  /** Current actual value */\n  value: number;\n\n  /** Target value, displayed as a marker line */\n  target?: number;\n\n  /** Qualitative ranges displayed as background bands */\n  ranges: BulletChartRange[];\n\n  /** Orientation, @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Label displayed next to the chart */\n  label?: React.ReactNode;\n\n  /** Value formatter for tooltip/display and labels */\n  valueFormatter?: (value: number) => string;\n\n  /** Color of the actual value bar, @default 'white' */\n  barColor?: MantineColor;\n\n  /** Color of the target marker, @default 'dark' for light, 'white' for dark */\n  targetColor?: MantineColor;\n\n  /** Height of the chart track area (ranges), @default 32 */\n  size?: number | string;\n\n  /** Height of the actual value bar, @default 16 */\n  barSize?: number | string;\n\n  /** Target marker size relative to chart size, @default 0.7 */\n  targetRatio?: number;\n\n  /** Target marker thickness, @default 2 */\n  targetSize?: number | string;\n\n  /** Whether to show tooltip on hover, @default false */\n  withTooltip?: boolean;\n\n  /** Custom tooltip content */\n  getTooltipLabel?: (data: { value: number; target?: number }) => React.ReactNode;\n}\n\nexport type BulletChartFactory = Factory<{\n  props: BulletChartProps;\n  ref: HTMLDivElement;\n  stylesNames: BulletChartStylesNames;\n  vars: BulletChartCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n  size: 32,\n  barSize: 16,\n  targetRatio: 0.7,\n  targetSize: 2,\n  withTooltip: false,\n} satisfies Partial<BulletChartProps>;\n\nconst varsResolver = createVarsResolver<BulletChartFactory>((_theme, { size, barSize }) => ({\n  root: {\n    '--bullet-size': rem(size),\n    '--bullet-bar-size': rem(barSize),\n  },\n}));\n\nexport const BulletChart = factory<BulletChartFactory>((_props) => {\n  const props = useProps('BulletChart', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    target,\n    ranges,\n    orientation,\n    label,\n    valueFormatter,\n    barColor,\n    targetColor,\n    size,\n    barSize,\n    targetRatio,\n    targetSize,\n    withTooltip,\n    getTooltipLabel,\n    variant,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n\n  const getStyles = useStyles<BulletChartFactory>({\n    name: 'BulletChart',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const isVertical = orientation === 'vertical';\n  const maxRange = Math.max(...ranges.map((r) => r.value), 0);\n  const formatValue = (v: number) => (valueFormatter ? valueFormatter(v) : v.toString());\n\n  // Clamp positions/sizes to the track so out-of-range values and targets never overflow it\n  const toPercentage = (v: number) =>\n    maxRange > 0 ? Math.max(0, Math.min((v / maxRange) * 100, 100)) : 0;\n\n  const resolvedBarColor = barColor ? getThemeColor(barColor, theme) : 'var(--mantine-color-white)';\n\n  const resolvedTargetColor = targetColor ? getThemeColor(targetColor, theme) : undefined;\n\n  const sortedRanges = [...ranges].sort((a, b) => b.value - a.value);\n\n  const rangeBands = sortedRanges.map((range, index) => {\n    const percentage = toPercentage(range.value);\n    const sizeStyle = isVertical\n      ? { height: `${percentage}%`, bottom: 0 }\n      : { width: `${percentage}%` };\n\n    return (\n      <div\n        key={index}\n        {...getStyles('range', {\n          style: {\n            ...sizeStyle,\n            backgroundColor: getThemeColor(range.color, theme),\n          },\n        })}\n      />\n    );\n  });\n\n  const rangeLabels = sortedRanges.map((range, index) => {\n    const percentage = toPercentage(range.value);\n    const positionStyle = isVertical ? { bottom: `${percentage}%` } : { left: `${percentage}%` };\n\n    return (\n      <div key={index} {...getStyles('rangeLabel', { style: positionStyle })}>\n        {formatValue(range.value)}\n      </div>\n    );\n  });\n\n  const barPercentage = toPercentage(value);\n  const barSizeStyle = isVertical\n    ? { height: `${barPercentage}%`, bottom: 0 }\n    : { width: `${barPercentage}%` };\n\n  const barElement = (\n    <div\n      {...getStyles('bar', {\n        style: {\n          ...barSizeStyle,\n          backgroundColor: resolvedBarColor,\n        },\n      })}\n    />\n  );\n\n  const barLabelPosition = isVertical\n    ? { bottom: `${barPercentage}%` }\n    : { left: `${barPercentage}%` };\n\n  const barLabelElement = (\n    <div {...getStyles('barLabel', { style: barLabelPosition })}>{formatValue(value)}</div>\n  );\n\n  const targetPercentage = target != null ? toPercentage(target) : 0;\n\n  const targetElement =\n    target != null ? (\n      <div\n        {...getStyles('target', {\n          style: isVertical\n            ? {\n                bottom: `${targetPercentage}%`,\n                width: `${targetRatio! * 100}%`,\n                height: rem(targetSize),\n                backgroundColor: resolvedTargetColor,\n              }\n            : {\n                left: `${targetPercentage}%`,\n                height: `${targetRatio! * 100}%`,\n                width: rem(targetSize),\n                backgroundColor: resolvedTargetColor,\n              },\n        })}\n      />\n    ) : null;\n\n  const targetLabelElement =\n    target != null ? (\n      <div\n        {...getStyles('targetLabel', {\n          style: isVertical ? { bottom: `${targetPercentage}%` } : { left: `${targetPercentage}%` },\n        })}\n      >\n        {formatValue(target)}\n      </div>\n    ) : null;\n\n  const getDefaultTooltipLabel = () => {\n    const parts = [`Value: ${formatValue(value)}`];\n    if (target != null) {\n      parts.push(`Target: ${formatValue(target)}`);\n    }\n    return parts.join(' / ');\n  };\n\n  const tooltipLabel = getTooltipLabel\n    ? getTooltipLabel({ value, target })\n    : getDefaultTooltipLabel();\n\n  const trackWrapper = (\n    <div {...getStyles('trackWrapper')} data-orientation={orientation}>\n      {rangeLabels}\n      {targetLabelElement}\n      <div {...getStyles('track')} data-orientation={orientation}>\n        {rangeBands}\n        {barElement}\n        {targetElement}\n      </div>\n      {barLabelElement}\n    </div>\n  );\n\n  return (\n    <Box {...getStyles('root')} variant={variant} mod={{ orientation }} {...others}>\n      {label && <div {...getStyles('label')}>{label}</div>}\n      {withTooltip ? (\n        <Tooltip label={tooltipLabel} position={isVertical ? 'right' : 'top'}>\n          {trackWrapper}\n        </Tooltip>\n      ) : (\n        trackWrapper\n      )}\n    </Box>\n  );\n});\n\nBulletChart.displayName = '@mantine/charts/BulletChart';\nBulletChart.classes = classes;\nBulletChart.varsResolver = varsResolver;\n"],"mappings":"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"}
+{"version":3,"file":"BulletChart.cjs","names":["createVarsResolver","rem","factory","useProps","useMantineTheme","useStyles","getThemeColor","Box","Tooltip","classes"],"sources":["../../src/BulletChart/BulletChart.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  rem,\n  StylesApiProps,\n  Tooltip,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport classes from './BulletChart.module.css';\n\nexport interface BulletChartRange {\n  /** Upper bound value for this range */\n  value: number;\n\n  /** Background color of the range band */\n  color: MantineColor;\n\n  /** Optional label for the range */\n  label?: string;\n}\n\nexport type BulletChartStylesNames =\n  | 'root'\n  | 'label'\n  | 'trackWrapper'\n  | 'track'\n  | 'range'\n  | 'bar'\n  | 'target'\n  | 'rangeLabel'\n  | 'barLabel'\n  | 'targetLabel';\n\nexport type BulletChartCssVariables = {\n  root: '--bullet-size' | '--bullet-bar-size';\n};\n\nexport interface BulletChartProps\n  extends BoxProps, StylesApiProps<BulletChartFactory>, ElementProps<'div'> {\n  /** Current actual value */\n  value: number;\n\n  /** Target value, displayed as a marker line */\n  target?: number;\n\n  /** Qualitative ranges displayed as background bands */\n  ranges: BulletChartRange[];\n\n  /** Orientation, @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Label displayed next to the chart */\n  label?: React.ReactNode;\n\n  /** Value formatter for tooltip/display and labels */\n  valueFormatter?: (value: number) => string;\n\n  /** Color of the actual value bar, @default 'white' */\n  barColor?: MantineColor;\n\n  /** Color of the target marker, @default 'dark' for light, 'white' for dark */\n  targetColor?: MantineColor;\n\n  /** Height of the chart track area (ranges), @default 32 */\n  size?: number | string;\n\n  /** Height of the actual value bar, @default 16 */\n  barSize?: number | string;\n\n  /** Target marker size relative to chart size, @default 0.7 */\n  targetRatio?: number;\n\n  /** Target marker thickness, @default 2 */\n  targetSize?: number | string;\n\n  /** Whether to show tooltip on hover, @default false */\n  withTooltip?: boolean;\n\n  /** Custom tooltip content */\n  getTooltipLabel?: (data: { value: number; target?: number }) => React.ReactNode;\n}\n\nexport type BulletChartFactory = Factory<{\n  props: BulletChartProps;\n  ref: HTMLDivElement;\n  stylesNames: BulletChartStylesNames;\n  vars: BulletChartCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n  size: 32,\n  barSize: 16,\n  targetRatio: 0.7,\n  targetSize: 2,\n  withTooltip: false,\n} satisfies Partial<BulletChartProps>;\n\nconst varsResolver = createVarsResolver<BulletChartFactory>((_theme, { size, barSize }) => ({\n  root: {\n    '--bullet-size': rem(size),\n    '--bullet-bar-size': rem(barSize),\n  },\n}));\n\nexport const BulletChart = factory<BulletChartFactory>((_props) => {\n  const props = useProps('BulletChart', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    value,\n    target,\n    ranges,\n    orientation,\n    label,\n    valueFormatter,\n    barColor,\n    targetColor,\n    size,\n    barSize,\n    targetRatio,\n    targetSize,\n    withTooltip,\n    getTooltipLabel,\n    variant,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n\n  const getStyles = useStyles<BulletChartFactory>({\n    name: 'BulletChart',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const isVertical = orientation === 'vertical';\n  const maxRange = Math.max(...ranges.map((r) => r.value), 0);\n  const formatValue = (v: number) => (valueFormatter ? valueFormatter(v) : v.toString());\n\n  // Clamp positions/sizes to the track so out-of-range values and targets never overflow it\n  const toPercentage = (v: number) =>\n    maxRange > 0 ? Math.max(0, Math.min((v / maxRange) * 100, 100)) : 0;\n\n  const resolvedBarColor = barColor ? getThemeColor(barColor, theme) : 'var(--mantine-color-white)';\n\n  const resolvedTargetColor = targetColor ? getThemeColor(targetColor, theme) : undefined;\n\n  const sortedRanges = [...ranges].sort((a, b) => b.value - a.value);\n\n  const rangeBands = sortedRanges.map((range, index) => {\n    const percentage = toPercentage(range.value);\n    const sizeStyle = isVertical\n      ? { height: `${percentage}%`, bottom: 0 }\n      : { width: `${percentage}%` };\n\n    return (\n      <div\n        key={index}\n        {...getStyles('range', {\n          style: {\n            ...sizeStyle,\n            backgroundColor: getThemeColor(range.color, theme),\n          },\n        })}\n      />\n    );\n  });\n\n  const rangeLabels = sortedRanges.map((range, index) => {\n    const percentage = toPercentage(range.value);\n    const positionStyle = isVertical ? { bottom: `${percentage}%` } : { left: `${percentage}%` };\n\n    return (\n      <div key={index} {...getStyles('rangeLabel', { style: positionStyle })}>\n        {formatValue(range.value)}\n      </div>\n    );\n  });\n\n  const barPercentage = toPercentage(value);\n  const barSizeStyle = isVertical\n    ? { height: `${barPercentage}%`, bottom: 0 }\n    : { width: `${barPercentage}%` };\n\n  const barElement = (\n    <div\n      {...getStyles('bar', {\n        style: {\n          ...barSizeStyle,\n          backgroundColor: resolvedBarColor,\n        },\n      })}\n    />\n  );\n\n  const barLabelPosition = isVertical\n    ? { bottom: `${barPercentage}%` }\n    : { left: `${barPercentage}%` };\n\n  const barLabelElement = (\n    <div {...getStyles('barLabel', { style: barLabelPosition })}>{formatValue(value)}</div>\n  );\n\n  const targetPercentage = target != null ? toPercentage(target) : 0;\n\n  const targetElement =\n    target != null ? (\n      <div\n        {...getStyles('target', {\n          style: isVertical\n            ? {\n                bottom: `${targetPercentage}%`,\n                width: `${targetRatio! * 100}%`,\n                height: rem(targetSize),\n                backgroundColor: resolvedTargetColor,\n              }\n            : {\n                left: `${targetPercentage}%`,\n                height: `${targetRatio! * 100}%`,\n                width: rem(targetSize),\n                backgroundColor: resolvedTargetColor,\n              },\n        })}\n      />\n    ) : null;\n\n  const targetLabelElement =\n    target != null ? (\n      <div\n        {...getStyles('targetLabel', {\n          style: isVertical ? { bottom: `${targetPercentage}%` } : { left: `${targetPercentage}%` },\n        })}\n      >\n        {formatValue(target)}\n      </div>\n    ) : null;\n\n  const getDefaultTooltipLabel = () => {\n    const parts = [`Value: ${formatValue(value)}`];\n    if (target != null) {\n      parts.push(`Target: ${formatValue(target)}`);\n    }\n    return parts.join(' / ');\n  };\n\n  const tooltipLabel = getTooltipLabel\n    ? getTooltipLabel({ value, target })\n    : getDefaultTooltipLabel();\n\n  const trackWrapper = (\n    <div {...getStyles('trackWrapper')} data-orientation={orientation}>\n      {rangeLabels}\n      {targetLabelElement}\n      <div {...getStyles('track')} data-orientation={orientation}>\n        {rangeBands}\n        {barElement}\n        {targetElement}\n      </div>\n      {barLabelElement}\n    </div>\n  );\n\n  return (\n    <Box {...getStyles('root')} variant={variant} mod={{ orientation }} {...others}>\n      {label && <div {...getStyles('label')}>{label}</div>}\n      {withTooltip ? (\n        <Tooltip label={tooltipLabel} position={isVertical ? 'right' : 'top'}>\n          {trackWrapper}\n        </Tooltip>\n      ) : (\n        trackWrapper\n      )}\n    </Box>\n  );\n});\n\nBulletChart.displayName = '@mantine/charts/BulletChart';\nBulletChart.classes = classes;\nBulletChart.varsResolver = varsResolver;\n"],"mappings":"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"}

package/cjs/CandlestickChart/CandlestickChart.cjs

@@ -0,0 +1,340 @@
+"use client";
+const require_ChartTooltip = require("../ChartTooltip/ChartTooltip.cjs");
+const require_grid_chart_module = require("../grid-chart.module.cjs");
+const require_get_candlestick_domain = require("./get-candlestick-domain/get-candlestick-domain.cjs");
+const require_get_candle_geometry = require("./get-candle-geometry/get-candle-geometry.cjs");
+let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
+let recharts = require("recharts");
+//#region packages/@mantine/charts/src/CandlestickChart/CandlestickChart.tsx
+const defaultProps = {
+	withXAxis: true,
+	withYAxis: true,
+	withTooltip: true,
+	tooltipAnimationDuration: 0,
+	tickLine: "y",
+	strokeDasharray: "5 5",
+	gridAxis: "x",
+	upColor: "teal.6",
+	downColor: "red.6",
+	candleStrokeWidth: 1,
+	dataKeys: {
+		open: "open",
+		high: "high",
+		low: "low",
+		close: "close"
+	},
+	labels: {
+		open: "Open",
+		high: "High",
+		low: "Low",
+		close: "Close"
+	},
+	accessibilityLayer: true
+};
+const varsResolver = (0, _mantine_core.createVarsResolver)((theme, { textColor, gridColor }) => ({ root: {
+	"--chart-text-color": textColor ? (0, _mantine_core.getThemeColor)(textColor, theme) : void 0,
+	"--chart-grid-color": gridColor ? (0, _mantine_core.getThemeColor)(gridColor, theme) : void 0
+} }));
+const CandlestickChart = (0, _mantine_core.factory)((_props) => {
+	const props = (0, _mantine_core.useProps)("CandlestickChart", defaultProps, _props);
+	const { classNames, className, style, styles, unstyled, vars, data, dataKeys: dataKeysProp, labels, dataKey, withTooltip, withXAxis, withYAxis, gridAxis, tickLine, xAxisProps, yAxisProps, unit, tooltipAnimationDuration, strokeDasharray, gridProps, tooltipProps, referenceLines, referenceAreas, referenceDots, upColor, downColor, maxCandleWidth, candleStrokeWidth, dir, valueFormatter, children, xAxisLabel, yAxisLabel, composedChartProps, textColor, gridColor, mod, attributes, accessibilityLayer, ...others } = props;
+	const theme = (0, _mantine_core.useMantineTheme)();
+	const seriesKeys = dataKeysProp;
+	const seriesLabels = {
+		open: "Open",
+		high: "High",
+		low: "Low",
+		close: "Close",
+		...labels
+	};
+	const tooltipSeries = [
+		{
+			name: "open",
+			label: seriesLabels.open
+		},
+		{
+			name: "high",
+			label: seriesLabels.high
+		},
+		{
+			name: "low",
+			label: seriesLabels.low
+		},
+		{
+			name: "close",
+			label: seriesLabels.close
+		}
+	];
+	const withXTickLine = gridAxis !== "none" && (tickLine === "x" || tickLine === "xy");
+	const withYTickLine = gridAxis !== "none" && (tickLine === "y" || tickLine === "xy");
+	const { resolvedClassNames, resolvedStyles } = (0, _mantine_core.useResolvedStylesApi)({
+		classNames,
+		styles,
+		props
+	});
+	const getStyles = (0, _mantine_core.useStyles)({
+		name: "CandlestickChart",
+		classes: require_grid_chart_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
+	const upColorResolved = (0, _mantine_core.getThemeColor)(upColor, theme);
+	const downColorResolved = (0, _mantine_core.getThemeColor)(downColor, theme);
+	const candleStyles = getStyles("candle");
+	const renderCandle = (shapeProps) => {
+		const { x, y, width, height, payload } = shapeProps;
+		const geometry = require_get_candle_geometry.getCandleGeometry({
+			x,
+			y,
+			width,
+			height,
+			open: payload[seriesKeys.open],
+			high: payload[seriesKeys.high],
+			low: payload[seriesKeys.low],
+			close: payload[seriesKeys.close]
+		});
+		if (geometry === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {});
+		const { centerX, bodyY, bodyHeight, isUp } = geometry;
+		const color = isUp ? upColorResolved : downColorResolved;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+			...candleStyles,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				x1: centerX,
+				y1: y,
+				x2: centerX,
+				y2: y + height,
+				stroke: color,
+				strokeWidth: candleStrokeWidth
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x,
+				y: bodyY,
+				width,
+				height: bodyHeight,
+				fill: color,
+				stroke: color,
+				strokeWidth: candleStrokeWidth
+			})]
+		});
+	};
+	const domain = require_get_candlestick_domain.getCandlestickDomain({
+		data,
+		openKey: seriesKeys.open,
+		highKey: seriesKeys.high,
+		lowKey: seriesKeys.low,
+		closeKey: seriesKeys.close
+	});
+	const referenceLinesItems = referenceLines?.map(({ color: lineColor, labelPosition, ...line }, index) => {
+		const color = (0, _mantine_core.getThemeColor)(lineColor, theme);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ReferenceLine, {
+			stroke: lineColor ? color : "var(--chart-grid-color)",
+			strokeWidth: 1,
+			...line,
+			label: {
+				fill: lineColor ? color : "currentColor",
+				fontSize: 12,
+				position: labelPosition ?? "insideBottomLeft",
+				...typeof line.label === "object" ? line.label : { value: line.label }
+			},
+			...getStyles("referenceLine")
+		}, index);
+	});
+	const referenceAreasItems = referenceAreas?.map(({ color: areaColor, labelPosition, ...area }, index) => {
+		const color = (0, _mantine_core.getThemeColor)(areaColor, theme);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ReferenceArea, {
+			fill: areaColor ? color : "var(--chart-grid-color)",
+			fillOpacity: .2,
+			stroke: areaColor ? color : "var(--chart-grid-color)",
+			strokeOpacity: .6,
+			...area,
+			label: {
+				fill: areaColor ? color : "currentColor",
+				fontSize: 12,
+				position: labelPosition ?? "insideTop",
+				...typeof area.label === "object" ? area.label : { value: area.label }
+			},
+			...getStyles("referenceArea")
+		}, index);
+	});
+	const referenceDotsItems = referenceDots?.map(({ color: dotColor, labelPosition, ...dot }, index) => {
+		const color = (0, _mantine_core.getThemeColor)(dotColor, theme);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ReferenceDot, {
+			r: 5,
+			fill: dotColor ? color : "var(--chart-grid-color)",
+			stroke: "var(--mantine-color-body)",
+			strokeWidth: 2,
+			...dot,
+			label: {
+				fill: dotColor ? color : "currentColor",
+				fontSize: 12,
+				position: labelPosition ?? "top",
+				...typeof dot.label === "object" ? dot.label : { value: dot.label }
+			},
+			...getStyles("referenceDot")
+		}, index);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
+		...getStyles("root"),
+		dir: dir || "ltr",
+		mod,
+		...others,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
+			...getStyles("container"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.ComposedChart, {
+				data,
+				maxBarSize: maxCandleWidth,
+				margin: {
+					bottom: xAxisLabel ? 30 : void 0,
+					left: yAxisLabel ? 10 : void 0,
+					right: yAxisLabel ? 5 : void 0
+				},
+				accessibilityLayer,
+				...composedChartProps,
+				children: [
+					referenceAreasItems,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.XAxis, {
+						hide: !withXAxis,
+						dataKey,
+						tick: {
+							transform: "translate(0, 10)",
+							fontSize: 12,
+							fill: "currentColor"
+						},
+						stroke: "",
+						interval: "preserveStartEnd",
+						tickLine: withXTickLine ? { stroke: "currentColor" } : false,
+						minTickGap: 5,
+						...getStyles("axis"),
+						...xAxisProps,
+						children: [xAxisLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Label, {
+							position: "insideBottom",
+							offset: -20,
+							fontSize: 12,
+							...getStyles("axisLabel"),
+							children: xAxisLabel
+						}), xAxisProps?.children]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.YAxis, {
+						orientation: "left",
+						type: "number",
+						domain,
+						axisLine: false,
+						tick: {
+							transform: "translate(-10, 0)",
+							fontSize: 12,
+							fill: "currentColor"
+						},
+						hide: !withYAxis,
+						tickLine: withYTickLine ? { stroke: "currentColor" } : false,
+						allowDecimals: true,
+						unit,
+						tickFormatter: valueFormatter,
+						...getStyles("axis"),
+						...yAxisProps,
+						children: [yAxisLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Label, {
+							position: "insideLeft",
+							angle: -90,
+							textAnchor: "middle",
+							fontSize: 12,
+							offset: -5,
+							...getStyles("axisLabel"),
+							children: yAxisLabel
+						}), yAxisProps?.children]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.CartesianGrid, {
+						strokeDasharray,
+						vertical: gridAxis === "y" || gridAxis === "xy",
+						horizontal: gridAxis === "x" || gridAxis === "xy",
+						...getStyles("grid"),
+						...gridProps
+					}),
+					withTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, {
+						animationDuration: tooltipAnimationDuration,
+						isAnimationActive: tooltipAnimationDuration !== 0,
+						position: { y: 0 },
+						cursor: {
+							stroke: "var(--chart-grid-color)",
+							strokeWidth: 1,
+							strokeDasharray,
+							fill: "var(--chart-cursor-fill)"
+						},
+						content: ({ label, payload, labelFormatter }) => {
+							const entry = payload?.[0]?.payload;
+							if (!entry) return null;
+							const open = entry[seriesKeys.open];
+							const close = entry[seriesKeys.close];
+							if (![
+								open,
+								close,
+								entry[seriesKeys.high],
+								entry[seriesKeys.low]
+							].every(require_get_candlestick_domain.isRenderableValue)) return null;
+							const color = (0, _mantine_core.getThemeColor)(close >= open ? upColor : downColor, theme);
+							const ohlcPayload = [
+								{
+									name: "open",
+									color,
+									payload: { open }
+								},
+								{
+									name: "high",
+									color,
+									payload: { high: entry[seriesKeys.high] }
+								},
+								{
+									name: "low",
+									color,
+									payload: { low: entry[seriesKeys.low] }
+								},
+								{
+									name: "close",
+									color,
+									payload: { close }
+								}
+							];
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChartTooltip.ChartTooltip, {
+								label: labelFormatter && payload ? labelFormatter(label, payload) : label,
+								payload: ohlcPayload,
+								series: tooltipSeries,
+								unit,
+								showColor: false,
+								classNames: resolvedClassNames,
+								styles: resolvedStyles,
+								valueFormatter,
+								attributes
+							});
+						},
+						...tooltipProps
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Bar, {
+						dataKey: (entry) => {
+							const low = entry[seriesKeys.low];
+							const high = entry[seriesKeys.high];
+							return require_get_candlestick_domain.isRenderableValue(low) && require_get_candlestick_domain.isRenderableValue(high) ? [low, high] : null;
+						},
+						isAnimationActive: false,
+						legendType: "none",
+						shape: renderCandle
+					}),
+					referenceLinesItems,
+					referenceDotsItems,
+					children
+				]
+			})
+		})
+	});
+});
+CandlestickChart.displayName = "@mantine/charts/CandlestickChart";
+CandlestickChart.classes = require_grid_chart_module.default;
+CandlestickChart.varsResolver = varsResolver;
+//#endregion
+exports.CandlestickChart = CandlestickChart;
+
+//# sourceMappingURL=CandlestickChart.cjs.map

package/cjs/CandlestickChart/CandlestickChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CandlestickChart.cjs","names":["createVarsResolver","getThemeColor","factory","useProps","useMantineTheme","useResolvedStylesApi","useStyles","getCandleGeometry","getCandlestickDomain","ReferenceLine","ReferenceArea","ReferenceDot","Box","ResponsiveContainer","ReChartsComposedChart","XAxis","Label","YAxis","CartesianGrid","Tooltip","isRenderableValue","ChartTooltip","Bar","classes"],"sources":["../../src/CandlestickChart/CandlestickChart.tsx"],"sourcesContent":["import {\n  Bar,\n  BarShapeProps,\n  CartesianGrid,\n  Label,\n  ComposedChart as ReChartsComposedChart,\n  ReferenceArea,\n  ReferenceDot,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { ChartTooltip, ChartTooltipStylesNames } from '../ChartTooltip';\nimport type { BaseChartStylesNames, GridChartBaseProps } from '../types';\nimport { getCandleGeometry } from './get-candle-geometry/get-candle-geometry';\nimport {\n  getCandlestickDomain,\n  isRenderableValue,\n} from './get-candlestick-domain/get-candlestick-domain';\nimport classes from '../grid-chart.module.css';\n\nexport interface CandlestickChartDataKeys {\n  /** Key of the data object for the open value */\n  open: string;\n\n  /** Key of the data object for the high value */\n  high: string;\n\n  /** Key of the data object for the low value */\n  low: string;\n\n  /** Key of the data object for the close value */\n  close: string;\n}\n\nexport interface CandlestickChartLabels {\n  /** Label of the open value displayed in the tooltip */\n  open: string;\n\n  /** Label of the high value displayed in the tooltip */\n  high: string;\n\n  /** Label of the low value displayed in the tooltip */\n  low: string;\n\n  /** Label of the close value displayed in the tooltip */\n  close: string;\n}\n\nexport type CandlestickChartStylesNames =\n  | 'candle'\n  | Exclude<BaseChartStylesNames, 'brush'>\n  | ChartTooltipStylesNames;\n\nexport type CandlestickChartCssVariables = {\n  root: '--chart-text-color' | '--chart-grid-color';\n};\n\nexport interface CandlestickChartProps\n  extends\n    BoxProps,\n    Pick<\n      GridChartBaseProps,\n      | 'dataKey'\n      | 'withXAxis'\n      | 'withYAxis'\n      | 'xAxisProps'\n      | 'yAxisProps'\n      | 'gridProps'\n      | 'tickLine'\n      | 'strokeDasharray'\n      | 'gridAxis'\n      | 'unit'\n      | 'tooltipAnimationDuration'\n      | 'tooltipProps'\n      | 'withTooltip'\n      | 'textColor'\n      | 'gridColor'\n      | 'valueFormatter'\n      | 'xAxisLabel'\n      | 'yAxisLabel'\n      | 'referenceLines'\n      | 'referenceAreas'\n      | 'referenceDots'\n      | 'accessibilityLayer'\n    >,\n    StylesApiProps<CandlestickChartFactory>,\n    ElementProps<'div'> {\n  /** Data used to display chart */\n  data: Record<string, any>[];\n\n  /** Keys of the `data` object used to read open, high, low and close values @default `{ open: 'open', high: 'high', low: 'low', close: 'close' }` */\n  dataKeys?: CandlestickChartDataKeys;\n\n  /** Labels of open, high, low and close values displayed in the tooltip @default `{ open: 'Open', high: 'High', low: 'Low', close: 'Close' }` */\n  labels?: Partial<CandlestickChartLabels>;\n\n  /** Color of candles with `close >= open`, key of `theme.colors` or any valid CSS color @default 'teal.6' */\n  upColor?: MantineColor;\n\n  /** Color of candles with `close < open`, key of `theme.colors` or any valid CSS color @default 'red.6' */\n  downColor?: MantineColor;\n\n  /** Maximum candle width in px */\n  maxCandleWidth?: number;\n\n  /** Stroke width of the candle wick and body outline @default 1 */\n  candleStrokeWidth?: number;\n\n  /** Props passed down to recharts `ComposedChart` component */\n  composedChartProps?: React.ComponentProps<typeof ReChartsComposedChart>;\n\n  /** Additional components that are rendered inside recharts `ComposedChart` component */\n  children?: React.ReactNode;\n}\n\nexport type CandlestickChartFactory = Factory<{\n  props: CandlestickChartProps;\n  ref: HTMLDivElement;\n  stylesNames: CandlestickChartStylesNames;\n  vars: CandlestickChartCssVariables;\n}>;\n\nconst defaultProps = {\n  withXAxis: true,\n  withYAxis: true,\n  withTooltip: true,\n  tooltipAnimationDuration: 0,\n  tickLine: 'y',\n  strokeDasharray: '5 5',\n  gridAxis: 'x',\n  upColor: 'teal.6',\n  downColor: 'red.6',\n  candleStrokeWidth: 1,\n  dataKeys: { open: 'open', high: 'high', low: 'low', close: 'close' },\n  labels: { open: 'Open', high: 'High', low: 'Low', close: 'Close' },\n  accessibilityLayer: true,\n} satisfies Partial<CandlestickChartProps>;\n\nconst varsResolver = createVarsResolver<CandlestickChartFactory>(\n  (theme, { textColor, gridColor }) => ({\n    root: {\n      '--chart-text-color': textColor ? getThemeColor(textColor, theme) : undefined,\n      '--chart-grid-color': gridColor ? getThemeColor(gridColor, theme) : undefined,\n    },\n  })\n);\n\nexport const CandlestickChart = factory<CandlestickChartFactory>((_props) => {\n  const props = useProps('CandlestickChart', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    dataKeys: dataKeysProp,\n    labels,\n    dataKey,\n    withTooltip,\n    withXAxis,\n    withYAxis,\n    gridAxis,\n    tickLine,\n    xAxisProps,\n    yAxisProps,\n    unit,\n    tooltipAnimationDuration,\n    strokeDasharray,\n    gridProps,\n    tooltipProps,\n    referenceLines,\n    referenceAreas,\n    referenceDots,\n    upColor,\n    downColor,\n    maxCandleWidth,\n    candleStrokeWidth,\n    dir,\n    valueFormatter,\n    children,\n    xAxisLabel,\n    yAxisLabel,\n    composedChartProps,\n    textColor,\n    gridColor,\n    mod,\n    attributes,\n    accessibilityLayer,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const seriesKeys = dataKeysProp!;\n  const seriesLabels = { open: 'Open', high: 'High', low: 'Low', close: 'Close', ...labels };\n  const tooltipSeries = [\n    { name: 'open', label: seriesLabels.open },\n    { name: 'high', label: seriesLabels.high },\n    { name: 'low', label: seriesLabels.low },\n    { name: 'close', label: seriesLabels.close },\n  ];\n  const withXTickLine = gridAxis !== 'none' && (tickLine === 'x' || tickLine === 'xy');\n  const withYTickLine = gridAxis !== 'none' && (tickLine === 'y' || tickLine === 'xy');\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<CandlestickChartFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const getStyles = useStyles<CandlestickChartFactory>({\n    name: 'CandlestickChart',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const upColorResolved = getThemeColor(upColor, theme);\n  const downColorResolved = getThemeColor(downColor, theme);\n\n  const candleStyles = getStyles('candle');\n\n  const renderCandle = (shapeProps: BarShapeProps) => {\n    const { x, y, width, height, payload } = shapeProps as BarShapeProps & {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n      payload: Record<string, any>;\n    };\n\n    const geometry = getCandleGeometry({\n      x,\n      y,\n      width,\n      height,\n      open: payload[seriesKeys.open],\n      high: payload[seriesKeys.high],\n      low: payload[seriesKeys.low],\n      close: payload[seriesKeys.close],\n    });\n\n    if (geometry === null) {\n      return <g />;\n    }\n\n    const { centerX, bodyY, bodyHeight, isUp } = geometry;\n    const color = isUp ? upColorResolved : downColorResolved;\n\n    return (\n      <g {...candleStyles}>\n        <line\n          x1={centerX}\n          y1={y}\n          x2={centerX}\n          y2={y + height}\n          stroke={color}\n          strokeWidth={candleStrokeWidth}\n        />\n        <rect\n          x={x}\n          y={bodyY}\n          width={width}\n          height={bodyHeight}\n          fill={color}\n          stroke={color}\n          strokeWidth={candleStrokeWidth}\n        />\n      </g>\n    );\n  };\n\n  const domain = getCandlestickDomain({\n    data,\n    openKey: seriesKeys.open,\n    highKey: seriesKeys.high,\n    lowKey: seriesKeys.low,\n    closeKey: seriesKeys.close,\n  });\n\n  const referenceLinesItems = referenceLines?.map(\n    ({ color: lineColor, labelPosition, ...line }, index) => {\n      const color = getThemeColor(lineColor, theme);\n      return (\n        <ReferenceLine\n          key={index}\n          stroke={lineColor ? color : 'var(--chart-grid-color)'}\n          strokeWidth={1}\n          {...line}\n          label={{\n            fill: lineColor ? color : 'currentColor',\n            fontSize: 12,\n            position: labelPosition ?? 'insideBottomLeft',\n            ...(typeof line.label === 'object' ? line.label : { value: line.label }),\n          }}\n          {...getStyles('referenceLine')}\n        />\n      );\n    }\n  );\n\n  const referenceAreasItems = referenceAreas?.map(\n    ({ color: areaColor, labelPosition, ...area }, index) => {\n      const color = getThemeColor(areaColor, theme);\n      return (\n        <ReferenceArea\n          key={index}\n          fill={areaColor ? color : 'var(--chart-grid-color)'}\n          fillOpacity={0.2}\n          stroke={areaColor ? color : 'var(--chart-grid-color)'}\n          strokeOpacity={0.6}\n          {...area}\n          label={{\n            fill: areaColor ? color : 'currentColor',\n            fontSize: 12,\n            position: labelPosition ?? 'insideTop',\n            ...(typeof area.label === 'object' ? area.label : { value: area.label }),\n          }}\n          {...getStyles('referenceArea')}\n        />\n      );\n    }\n  );\n\n  const referenceDotsItems = referenceDots?.map(\n    ({ color: dotColor, labelPosition, ...dot }, index) => {\n      const color = getThemeColor(dotColor, theme);\n      return (\n        <ReferenceDot\n          key={index}\n          r={5}\n          fill={dotColor ? color : 'var(--chart-grid-color)'}\n          stroke=\"var(--mantine-color-body)\"\n          strokeWidth={2}\n          {...dot}\n          label={{\n            fill: dotColor ? color : 'currentColor',\n            fontSize: 12,\n            position: labelPosition ?? 'top',\n            ...(typeof dot.label === 'object' ? dot.label : { value: dot.label }),\n          }}\n          {...getStyles('referenceDot')}\n        />\n      );\n    }\n  );\n\n  return (\n    <Box {...getStyles('root')} dir={dir || 'ltr'} mod={mod} {...others}>\n      <ResponsiveContainer {...getStyles('container')}>\n        <ReChartsComposedChart\n          data={data}\n          maxBarSize={maxCandleWidth}\n          margin={{\n            bottom: xAxisLabel ? 30 : undefined,\n            left: yAxisLabel ? 10 : undefined,\n            right: yAxisLabel ? 5 : undefined,\n          }}\n          accessibilityLayer={accessibilityLayer}\n          {...composedChartProps}\n        >\n          {referenceAreasItems}\n\n          <XAxis\n            hide={!withXAxis}\n            dataKey={dataKey}\n            tick={{ transform: 'translate(0, 10)', fontSize: 12, fill: 'currentColor' }}\n            stroke=\"\"\n            interval=\"preserveStartEnd\"\n            tickLine={withXTickLine ? { stroke: 'currentColor' } : false}\n            minTickGap={5}\n            {...getStyles('axis')}\n            {...xAxisProps}\n          >\n            {xAxisLabel && (\n              <Label position=\"insideBottom\" offset={-20} fontSize={12} {...getStyles('axisLabel')}>\n                {xAxisLabel}\n              </Label>\n            )}\n            {xAxisProps?.children}\n          </XAxis>\n\n          <YAxis\n            orientation=\"left\"\n            type=\"number\"\n            domain={domain}\n            axisLine={false}\n            tick={{ transform: 'translate(-10, 0)', fontSize: 12, fill: 'currentColor' }}\n            hide={!withYAxis}\n            tickLine={withYTickLine ? { stroke: 'currentColor' } : false}\n            allowDecimals\n            unit={unit}\n            tickFormatter={valueFormatter}\n            {...getStyles('axis')}\n            {...yAxisProps}\n          >\n            {yAxisLabel && (\n              <Label\n                position=\"insideLeft\"\n                angle={-90}\n                textAnchor=\"middle\"\n                fontSize={12}\n                offset={-5}\n                {...getStyles('axisLabel')}\n              >\n                {yAxisLabel}\n              </Label>\n            )}\n            {yAxisProps?.children}\n          </YAxis>\n\n          <CartesianGrid\n            strokeDasharray={strokeDasharray as string}\n            vertical={gridAxis === 'y' || gridAxis === 'xy'}\n            horizontal={gridAxis === 'x' || gridAxis === 'xy'}\n            {...getStyles('grid')}\n            {...gridProps}\n          />\n\n          {withTooltip && (\n            <Tooltip\n              animationDuration={tooltipAnimationDuration}\n              isAnimationActive={tooltipAnimationDuration !== 0}\n              position={{ y: 0 }}\n              cursor={{\n                stroke: 'var(--chart-grid-color)',\n                strokeWidth: 1,\n                strokeDasharray,\n                fill: 'var(--chart-cursor-fill)',\n              }}\n              content={({ label, payload, labelFormatter }) => {\n                const entry = payload?.[0]?.payload as Record<string, any> | undefined;\n\n                if (!entry) {\n                  return null;\n                }\n\n                const open = entry[seriesKeys.open];\n                const close = entry[seriesKeys.close];\n\n                // Rows the candle renderer skipped must not produce a tooltip either,\n                // otherwise `valueFormatter` is handed undefined or a string.\n                if (\n                  ![open, close, entry[seriesKeys.high], entry[seriesKeys.low]].every(\n                    isRenderableValue\n                  )\n                ) {\n                  return null;\n                }\n\n                const color = getThemeColor(close >= open ? upColor : downColor, theme);\n\n                const ohlcPayload = [\n                  { name: 'open', color, payload: { open } },\n                  { name: 'high', color, payload: { high: entry[seriesKeys.high] } },\n                  { name: 'low', color, payload: { low: entry[seriesKeys.low] } },\n                  { name: 'close', color, payload: { close } },\n                ];\n\n                return (\n                  <ChartTooltip\n                    label={labelFormatter && payload ? labelFormatter(label, payload) : label}\n                    payload={ohlcPayload}\n                    series={tooltipSeries}\n                    unit={unit}\n                    showColor={false}\n                    classNames={resolvedClassNames}\n                    styles={resolvedStyles}\n                    valueFormatter={valueFormatter}\n                    attributes={attributes}\n                  />\n                );\n              }}\n              {...tooltipProps}\n            />\n          )}\n\n          <Bar\n            dataKey={(entry: Record<string, any>) => {\n              const low = entry[seriesKeys.low];\n              const high = entry[seriesKeys.high];\n\n              // Recharts derives its own data domain from these values, so a row the\n              // candle renderer would skip must not be handed to it either.\n              return isRenderableValue(low) && isRenderableValue(high) ? [low, high] : null;\n            }}\n            isAnimationActive={false}\n            legendType=\"none\"\n            shape={renderCandle}\n          />\n\n          {referenceLinesItems}\n          {referenceDotsItems}\n          {children}\n        </ReChartsComposedChart>\n      </ResponsiveContainer>\n    </Box>\n  );\n});\n\nCandlestickChart.displayName = '@mantine/charts/CandlestickChart';\nCandlestickChart.classes = classes;\nCandlestickChart.varsResolver = varsResolver;\n\nexport namespace CandlestickChart {\n  export type Props = CandlestickChartProps;\n  export type CssVariables = CandlestickChartCssVariables;\n  export type Factory = CandlestickChartFactory;\n  export type Labels = CandlestickChartLabels;\n  export type DataKeys = CandlestickChartDataKeys;\n  export type StylesNames = CandlestickChartStylesNames;\n}\n"],"mappings":"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"}

package/cjs/CandlestickChart/get-candle-geometry/get-candle-geometry.cjs

@@ -0,0 +1,30 @@
+"use client";
+const require_get_candlestick_domain = require("../get-candlestick-domain/get-candlestick-domain.cjs");
+//#region packages/@mantine/charts/src/CandlestickChart/get-candle-geometry/get-candle-geometry.ts
+/**
+* Maps one OHLC row onto the slot recharts allocated for it. Returns `null` when the row
+* cannot be drawn – the same condition `getCandlestickDomain` uses to decide which rows
+* contribute to the axis, so the two never disagree about what is on the chart.
+*/
+function getCandleGeometry({ x, y, width, height, open, high, low, close }) {
+	if (![
+		open,
+		high,
+		low,
+		close
+	].every(require_get_candlestick_domain.isRenderableValue)) return null;
+	const range = high - low;
+	const ratio = range === 0 ? 0 : height / range;
+	const openY = y + (high - open) * ratio;
+	const closeY = y + (high - close) * ratio;
+	return {
+		centerX: x + width / 2,
+		bodyY: Math.min(openY, closeY),
+		bodyHeight: Math.max(Math.abs(closeY - openY), 1),
+		isUp: close >= open
+	};
+}
+//#endregion
+exports.getCandleGeometry = getCandleGeometry;
+
+//# sourceMappingURL=get-candle-geometry.cjs.map

package/cjs/CandlestickChart/get-candle-geometry/get-candle-geometry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-candle-geometry.cjs","names":["isRenderableValue"],"sources":["../../../src/CandlestickChart/get-candle-geometry/get-candle-geometry.ts"],"sourcesContent":["import { isRenderableValue } from '../get-candlestick-domain/get-candlestick-domain';\n\nexport interface GetCandleGeometryInput {\n  /** Left edge of the slot recharts allocated to the candle */\n  x: number;\n\n  /** Top edge of the slot, corresponding to `high` */\n  y: number;\n\n  /** Width of the slot */\n  width: number;\n\n  /** Height of the slot, spanning `high` to `low` */\n  height: number;\n\n  open: unknown;\n  high: unknown;\n  low: unknown;\n  close: unknown;\n}\n\nexport interface CandleGeometry {\n  /** Horizontal center of the slot, where the wick is drawn */\n  centerX: number;\n\n  /** Top of the open/close body */\n  bodyY: number;\n\n  /** Height of the open/close body, never less than 1px so a doji stays visible */\n  bodyHeight: number;\n\n  /** `true` when the candle closed at or above its open */\n  isUp: boolean;\n}\n\n/**\n * Maps one OHLC row onto the slot recharts allocated for it. Returns `null` when the row\n * cannot be drawn – the same condition `getCandlestickDomain` uses to decide which rows\n * contribute to the axis, so the two never disagree about what is on the chart.\n */\nexport function getCandleGeometry({\n  x,\n  y,\n  width,\n  height,\n  open,\n  high,\n  low,\n  close,\n}: GetCandleGeometryInput): CandleGeometry | null {\n  if (![open, high, low, close].every(isRenderableValue)) {\n    return null;\n  }\n\n  const range = (high as number) - (low as number);\n  const ratio = range === 0 ? 0 : height / range;\n  const openY = y + ((high as number) - (open as number)) * ratio;\n  const closeY = y + ((high as number) - (close as number)) * ratio;\n\n  return {\n    centerX: x + width / 2,\n    bodyY: Math.min(openY, closeY),\n    bodyHeight: Math.max(Math.abs(closeY - openY), 1),\n    isUp: (close as number) >= (open as number),\n  };\n}\n"],"mappings":";;;;;;;;AAwCA,SAAgB,kBAAkB,EAChC,GACA,GACA,OACA,QACA,MACA,MACA,KACA,SACgD;CAChD,IAAI,CAAC;EAAC;EAAM;EAAM;EAAK;CAAK,CAAC,CAAC,MAAMA,+BAAAA,iBAAiB,GACnD,OAAO;CAGT,MAAM,QAAS,OAAmB;CAClC,MAAM,QAAQ,UAAU,IAAI,IAAI,SAAS;CACzC,MAAM,QAAQ,KAAM,OAAmB,QAAmB;CAC1D,MAAM,SAAS,KAAM,OAAmB,SAAoB;CAE5D,OAAO;EACL,SAAS,IAAI,QAAQ;EACrB,OAAO,KAAK,IAAI,OAAO,MAAM;EAC7B,YAAY,KAAK,IAAI,KAAK,IAAI,SAAS,KAAK,GAAG,CAAC;EAChD,MAAO,SAAqB;CAC9B;AACF"}

package/cjs/CandlestickChart/get-candlestick-domain/get-candlestick-domain.cjs

@@ -0,0 +1,40 @@
+"use client";
+//#region packages/@mantine/charts/src/CandlestickChart/get-candlestick-domain/get-candlestick-domain.ts
+function isRenderableValue(value) {
+	return typeof value === "number" && Number.isFinite(value);
+}
+/**
+* Calculates an explicit y-axis domain padded by 5% of the range. Rows with missing or
+* non-finite values are ignored – `NaN` and `Infinity` are numbers, and letting either
+* reach the bounds produces a `NaN` domain that blanks the entire chart instead of just
+* the offending row. Bounds are reduced iteratively rather than spread into
+* `Math.min`/`Math.max`, which throws on large datasets.
+*
+* A row counts only when all four OHLC values are renderable, which is the same condition
+* the candle shape uses. Taking `low`/`high` independently would let a half-filled row
+* stretch the domain toward a candle that is never drawn, squashing the real ones.
+*/
+function getCandlestickDomain({ data, openKey, highKey, lowKey, closeKey }) {
+	let dataMin = Infinity;
+	let dataMax = -Infinity;
+	for (const item of data) {
+		const low = item[lowKey];
+		const high = item[highKey];
+		if (![
+			item[openKey],
+			high,
+			low,
+			item[closeKey]
+		].every(isRenderableValue)) continue;
+		if (low < dataMin) dataMin = low;
+		if (high > dataMax) dataMax = high;
+	}
+	if (dataMin === Infinity || dataMax === -Infinity) return;
+	const padding = (dataMax - dataMin) * .05 || 1;
+	return [dataMin - padding, dataMax + padding];
+}
+//#endregion
+exports.getCandlestickDomain = getCandlestickDomain;
+exports.isRenderableValue = isRenderableValue;
+
+//# sourceMappingURL=get-candlestick-domain.cjs.map

package/cjs/CandlestickChart/get-candlestick-domain/get-candlestick-domain.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-candlestick-domain.cjs","names":[],"sources":["../../../src/CandlestickChart/get-candlestick-domain/get-candlestick-domain.ts"],"sourcesContent":["export function isRenderableValue(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n\ninterface GetCandlestickDomainInput {\n  data: Record<string, any>[];\n  openKey: string;\n  highKey: string;\n  lowKey: string;\n  closeKey: string;\n}\n\n/**\n * Calculates an explicit y-axis domain padded by 5% of the range. Rows with missing or\n * non-finite values are ignored – `NaN` and `Infinity` are numbers, and letting either\n * reach the bounds produces a `NaN` domain that blanks the entire chart instead of just\n * the offending row. Bounds are reduced iteratively rather than spread into\n * `Math.min`/`Math.max`, which throws on large datasets.\n *\n * A row counts only when all four OHLC values are renderable, which is the same condition\n * the candle shape uses. Taking `low`/`high` independently would let a half-filled row\n * stretch the domain toward a candle that is never drawn, squashing the real ones.\n */\nexport function getCandlestickDomain({\n  data,\n  openKey,\n  highKey,\n  lowKey,\n  closeKey,\n}: GetCandlestickDomainInput): [number, number] | undefined {\n  let dataMin = Infinity;\n  let dataMax = -Infinity;\n\n  for (const item of data) {\n    const low = item[lowKey];\n    const high = item[highKey];\n\n    if (![item[openKey], high, low, item[closeKey]].every(isRenderableValue)) {\n      continue;\n    }\n\n    if (low < dataMin) {\n      dataMin = low;\n    }\n\n    if (high > dataMax) {\n      dataMax = high;\n    }\n  }\n\n  if (dataMin === Infinity || dataMax === -Infinity) {\n    return undefined;\n  }\n\n  const padding = (dataMax - dataMin) * 0.05 || 1;\n\n  return [dataMin - padding, dataMax + padding];\n}\n"],"mappings":";;AAAA,SAAgB,kBAAkB,OAAiC;CACjE,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK;AAC3D;;;;;;;;;;;;AAqBA,SAAgB,qBAAqB,EACnC,MACA,SACA,SACA,QACA,YAC0D;CAC1D,IAAI,UAAU;CACd,IAAI,UAAU;CAEd,KAAK,MAAM,QAAQ,MAAM;EACvB,MAAM,MAAM,KAAK;EACjB,MAAM,OAAO,KAAK;EAElB,IAAI,CAAC;GAAC,KAAK;GAAU;GAAM;GAAK,KAAK;EAAS,CAAC,CAAC,MAAM,iBAAiB,GACrE;EAGF,IAAI,MAAM,SACR,UAAU;EAGZ,IAAI,OAAO,SACT,UAAU;CAEd;CAEA,IAAI,YAAY,YAAY,YAAY,WACtC;CAGF,MAAM,WAAW,UAAU,WAAW,OAAQ;CAE9C,OAAO,CAAC,UAAU,SAAS,UAAU,OAAO;AAC9C"}

package/cjs/ChartBrush/ChartBrush.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBrush.cjs","names":["Brush","classes"],"sources":["../../src/ChartBrush/ChartBrush.tsx"],"sourcesContent":["import { Brush, BrushProps } from 'recharts';\nimport { factory, Factory, StylesApiProps, useProps, useStyles } from '@mantine/core';\nimport classes from './ChartBrush.module.css';\n\nexport type ChartBrushStylesNames = 'brush';\n\nexport interface ChartBrushProps\n  extends Omit<BrushProps, 'ref'>, StylesApiProps<ChartBrushFactory> {}\n\nexport type ChartBrushFactory = Factory<{\n  props: ChartBrushProps;\n  ref: SVGElement;\n  stylesNames: ChartBrushStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<ChartBrushProps>;\n\nexport const ChartBrush = factory<ChartBrushFactory>((_props) => {\n  const props = useProps('ChartBrush', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n  const getStyles = useStyles<ChartBrushFactory>({\n    name: 'ChartBrush',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return (\n    <Brush\n      dy={8}\n      stroke=\"var(--chart-grid-color)\"\n      fill=\"var(--mantine-color-body)\"\n      {...others}\n      {...getStyles('brush')}\n    />\n  );\n});\n\nChartBrush.classes = classes;\nChartBrush.displayName = '@mantine/charts/ChartBrush';\n"],"mappings":";;;;;;AAeA,MAAM,eAAe,CAAC;AAEtB,MAAa,cAAA,GAAA,cAAA,QAAA,EAAyC,WAAW;CAC/D,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,cAAc,cAAc,MAAM;CACzD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAExF,MAAM,aAAA,GAAA,cAAA,UAAA,CAAyC;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,OAAD;EACE,IAAI;EACJ,QAAO;EACP,MAAK;EACL,GAAI;EACJ,GAAI,UAAU,OAAO;CACtB,CAAA;AAEL,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,cAAc"}
+{"version":3,"file":"ChartBrush.cjs","names":["factory","useProps","useStyles","Brush","classes"],"sources":["../../src/ChartBrush/ChartBrush.tsx"],"sourcesContent":["import { Brush, BrushProps } from 'recharts';\nimport { factory, Factory, StylesApiProps, useProps, useStyles } from '@mantine/core';\nimport classes from './ChartBrush.module.css';\n\nexport type ChartBrushStylesNames = 'brush';\n\nexport interface ChartBrushProps\n  extends Omit<BrushProps, 'ref'>, StylesApiProps<ChartBrushFactory> {}\n\nexport type ChartBrushFactory = Factory<{\n  props: ChartBrushProps;\n  ref: SVGElement;\n  stylesNames: ChartBrushStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<ChartBrushProps>;\n\nexport const ChartBrush = factory<ChartBrushFactory>((_props) => {\n  const props = useProps('ChartBrush', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n  const getStyles = useStyles<ChartBrushFactory>({\n    name: 'ChartBrush',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return (\n    <Brush\n      dy={8}\n      stroke=\"var(--chart-grid-color)\"\n      fill=\"var(--mantine-color-body)\"\n      {...others}\n      {...getStyles('brush')}\n    />\n  );\n});\n\nChartBrush.classes = classes;\nChartBrush.displayName = '@mantine/charts/ChartBrush';\n"],"mappings":";;;;;;AAeA,MAAM,eAAe,CAAC;AAEtB,MAAa,cAAA,GAAaA,cAAAA,QAAAA,EAA4B,WAAW;CAC/D,MAAM,SAAA,GAAQC,cAAAA,SAAAA,CAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAExF,MAAM,aAAA,GAAYC,cAAAA,UAAAA,CAA6B;EAC7C,MAAM;EACN,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,SAAAA,OAAD;EACE,IAAI;EACJ,QAAO;EACP,MAAK;EACL,GAAI;EACJ,GAAI,UAAU,OAAO;CACtB,CAAA;AAEL,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,cAAc"}

package/cjs/ChartLegend/ChartLegend.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.cjs","names":["getSeriesLabels","ColorSwatch","Box","classes"],"sources":["../../src/ChartLegend/ChartLegend.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ColorSwatch,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ChartSeries } from '../types';\nimport { getSeriesLabels } from '../utils';\nimport classes from './ChartLegend.module.css';\n\nfunction updateChartLegendPayload(\n  payload: Record<string, any>[],\n  splitNestedKeys: boolean\n): Record<string, any>[] {\n  return payload.map((item) => {\n    const newDataKey = splitNestedKeys ? item.dataKey?.split('.').pop() : item.dataKey;\n    return {\n      ...item,\n      dataKey: newDataKey,\n      payload: {\n        ...item.payload,\n        name: newDataKey,\n        dataKey: newDataKey,\n      },\n    };\n  });\n}\n\nexport function getFilteredChartLegendPayload(\n  payload: readonly Record<string, any>[],\n  splitNestedKeys = true\n) {\n  return updateChartLegendPayload(\n    payload.filter((item) => item.color !== 'none'),\n    splitNestedKeys\n  );\n}\n\nexport type ChartLegendStylesNames = 'legendItem' | 'legendItemColor' | 'legendItemName' | 'legend';\n\nexport interface ChartLegendProps\n  extends BoxProps, StylesApiProps<ChartLegendFactory>, ElementProps<'div'> {\n  /** Chart data provided by recharts */\n  payload: readonly Record<string, any>[] | undefined;\n\n  /** Function called when mouse enters/leaves one of the legend items */\n  onHighlight: (area: string | number | null) => void;\n\n  /** Position of the legend relative to the chart, used to apply margin on the corresponding side */\n  legendPosition: 'top' | 'bottom' | 'middle';\n\n  /** Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart */\n  series?: ChartSeries[];\n\n  /** Determines whether color swatch should be shown next to the label @default true */\n  showColor?: boolean;\n\n  /** Determines whether the legend should be centered @default false */\n  centered?: boolean;\n}\n\nexport type ChartLegendFactory = Factory<{\n  props: ChartLegendProps;\n  ref: HTMLDivElement;\n  stylesNames: ChartLegendStylesNames;\n}>;\n\nexport const ChartLegend = factory<ChartLegendFactory>((_props) => {\n  const props = useProps('ChartLegend', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    payload,\n    onHighlight,\n    legendPosition,\n    mod,\n    series,\n    showColor,\n    centered,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ChartLegendFactory>({\n    name: 'ChartLegend',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    rootSelector: 'legend',\n  });\n\n  if (!payload) {\n    return null;\n  }\n\n  const filteredPayload = getFilteredChartLegendPayload(payload, series != null);\n  const labels = getSeriesLabels(series);\n\n  const items = filteredPayload.map((item, index) => (\n    <div\n      key={index}\n      {...getStyles('legendItem')}\n      onMouseEnter={() => onHighlight(item.highlightKey ?? item.dataKey)}\n      data-without-color={showColor === false || undefined}\n    >\n      <ColorSwatch\n        color={item.color}\n        size={12}\n        {...getStyles('legendItemColor')}\n        withShadow={false}\n      />\n      <p {...getStyles('legendItemName')}>{labels[item.dataKey] || item.dataKey}</p>\n    </div>\n  ));\n\n  return (\n    <Box\n      mod={[{ position: legendPosition, centered }, mod]}\n      {...getStyles('legend')}\n      {...others}\n      onMouseLeave={(event) => {\n        others.onMouseLeave?.(event);\n        onHighlight(null);\n      }}\n    >\n      {items}\n    </Box>\n  );\n});\n\nChartLegend.displayName = '@mantine/charts/ChartLegend';\nChartLegend.classes = classes;\n"],"mappings":";;;;;;AAeA,SAAS,yBACP,SACA,iBACuB;CACvB,OAAO,QAAQ,KAAK,SAAS;EAC3B,MAAM,aAAa,kBAAkB,KAAK,SAAS,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,KAAK;EAC3E,OAAO;GACL,GAAG;GACH,SAAS;GACT,SAAS;IACP,GAAG,KAAK;IACR,MAAM;IACN,SAAS;GACX;EACF;CACF,CAAC;AACH;AAEA,SAAgB,8BACd,SACA,kBAAkB,MAClB;CACA,OAAO,yBACL,QAAQ,QAAQ,SAAS,KAAK,UAAU,MAAM,GAC9C,eACF;AACF;AA+BA,MAAa,eAAA,GAAA,cAAA,QAAA,EAA2C,WAAW;CACjE,MAAM,SAAA,GAAA,cAAA,SAAA,CAAiB,eAAe,MAAM,MAAM;CAClD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,SACA,aACA,gBACA,KACA,QACA,WACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,UAAA,CAA0C;EAC9C,MAAM;EACN,SAAA,2BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,IAAI,CAAC,SACH,OAAO;CAGT,MAAM,kBAAkB,8BAA8B,SAAS,UAAU,IAAI;CAC7E,MAAM,SAASA,0BAAAA,gBAAgB,MAAM;CAErC,MAAM,QAAQ,gBAAgB,KAAK,MAAM,UACvC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAEE,GAAI,UAAU,YAAY;EAC1B,oBAAoB,YAAY,KAAK,gBAAgB,KAAK,OAAO;EACjE,sBAAoB,cAAc,SAAS,KAAA;YAJ7C,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,aAAD;GACE,OAAO,KAAK;GACZ,MAAM;GACN,GAAI,UAAU,iBAAiB;GAC/B,YAAY;EACb,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,GAAI,UAAU,gBAAgB;aAAI,OAAO,KAAK,YAAY,KAAK;EAAW,CAAA,CAC1E;IAZE,KAYF,CACN;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;EACE,KAAK,CAAC;GAAE,UAAU;GAAgB;EAAS,GAAG,GAAG;EACjD,GAAI,UAAU,QAAQ;EACtB,GAAI;EACJ,eAAe,UAAU;GACvB,OAAO,eAAe,KAAK;GAC3B,YAAY,IAAI;EAClB;YAEC;CACE,CAAA;AAET,CAAC;AAED,YAAY,cAAc;AAC1B,YAAY,UAAUC,2BAAAA"}
+{"version":3,"file":"ChartLegend.cjs","names":["factory","useProps","useStyles","getSeriesLabels","ColorSwatch","Box","classes"],"sources":["../../src/ChartLegend/ChartLegend.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ColorSwatch,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ChartSeries } from '../types';\nimport { getSeriesLabels } from '../utils';\nimport classes from './ChartLegend.module.css';\n\nfunction updateChartLegendPayload(\n  payload: Record<string, any>[],\n  splitNestedKeys: boolean\n): Record<string, any>[] {\n  return payload.map((item) => {\n    const newDataKey = splitNestedKeys ? item.dataKey?.split('.').pop() : item.dataKey;\n    return {\n      ...item,\n      dataKey: newDataKey,\n      payload: {\n        ...item.payload,\n        name: newDataKey,\n        dataKey: newDataKey,\n      },\n    };\n  });\n}\n\nexport function getFilteredChartLegendPayload(\n  payload: readonly Record<string, any>[],\n  splitNestedKeys = true\n) {\n  return updateChartLegendPayload(\n    payload.filter((item) => item.color !== 'none'),\n    splitNestedKeys\n  );\n}\n\nexport type ChartLegendStylesNames = 'legendItem' | 'legendItemColor' | 'legendItemName' | 'legend';\n\nexport interface ChartLegendProps\n  extends BoxProps, StylesApiProps<ChartLegendFactory>, ElementProps<'div'> {\n  /** Chart data provided by recharts */\n  payload: readonly Record<string, any>[] | undefined;\n\n  /** Function called when mouse enters/leaves one of the legend items */\n  onHighlight: (area: string | number | null) => void;\n\n  /** Position of the legend relative to the chart, used to apply margin on the corresponding side */\n  legendPosition: 'top' | 'bottom' | 'middle';\n\n  /** Data used for labels, only applicable for area charts: AreaChart, LineChart, BarChart */\n  series?: ChartSeries[];\n\n  /** Determines whether color swatch should be shown next to the label @default true */\n  showColor?: boolean;\n\n  /** Determines whether the legend should be centered @default false */\n  centered?: boolean;\n}\n\nexport type ChartLegendFactory = Factory<{\n  props: ChartLegendProps;\n  ref: HTMLDivElement;\n  stylesNames: ChartLegendStylesNames;\n}>;\n\nexport const ChartLegend = factory<ChartLegendFactory>((_props) => {\n  const props = useProps('ChartLegend', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    payload,\n    onHighlight,\n    legendPosition,\n    mod,\n    series,\n    showColor,\n    centered,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ChartLegendFactory>({\n    name: 'ChartLegend',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    rootSelector: 'legend',\n  });\n\n  if (!payload) {\n    return null;\n  }\n\n  const filteredPayload = getFilteredChartLegendPayload(payload, series != null);\n  const labels = getSeriesLabels(series);\n\n  const items = filteredPayload.map((item, index) => (\n    <div\n      key={index}\n      {...getStyles('legendItem')}\n      onMouseEnter={() => onHighlight(item.highlightKey ?? item.dataKey)}\n      data-without-color={showColor === false || undefined}\n    >\n      <ColorSwatch\n        color={item.color}\n        size={12}\n        {...getStyles('legendItemColor')}\n        withShadow={false}\n      />\n      <p {...getStyles('legendItemName')}>{labels[item.dataKey] || item.dataKey}</p>\n    </div>\n  ));\n\n  return (\n    <Box\n      mod={[{ position: legendPosition, centered }, mod]}\n      {...getStyles('legend')}\n      {...others}\n      onMouseLeave={(event) => {\n        others.onMouseLeave?.(event);\n        onHighlight(null);\n      }}\n    >\n      {items}\n    </Box>\n  );\n});\n\nChartLegend.displayName = '@mantine/charts/ChartLegend';\nChartLegend.classes = classes;\n"],"mappings":";;;;;;AAeA,SAAS,yBACP,SACA,iBACuB;CACvB,OAAO,QAAQ,KAAK,SAAS;EAC3B,MAAM,aAAa,kBAAkB,KAAK,SAAS,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,KAAK;EAC3E,OAAO;GACL,GAAG;GACH,SAAS;GACT,SAAS;IACP,GAAG,KAAK;IACR,MAAM;IACN,SAAS;GACX;EACF;CACF,CAAC;AACH;AAEA,SAAgB,8BACd,SACA,kBAAkB,MAClB;CACA,OAAO,yBACL,QAAQ,QAAQ,SAAS,KAAK,UAAU,MAAM,GAC9C,eACF;AACF;AA+BA,MAAa,eAAA,GAAcA,cAAAA,QAAAA,EAA6B,WAAW;CACjE,MAAM,SAAA,GAAQC,cAAAA,SAAAA,CAAS,eAAe,MAAM,MAAM;CAClD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,SACA,aACA,gBACA,KACA,QACA,WACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAYC,cAAAA,UAAAA,CAA8B;EAC9C,MAAM;EACN,SAAA,2BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,IAAI,CAAC,SACH,OAAO;CAGT,MAAM,kBAAkB,8BAA8B,SAAS,UAAU,IAAI;CAC7E,MAAM,SAASC,0BAAAA,gBAAgB,MAAM;CAErC,MAAM,QAAQ,gBAAgB,KAAK,MAAM,UACvC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAEE,GAAI,UAAU,YAAY;EAC1B,oBAAoB,YAAY,KAAK,gBAAgB,KAAK,OAAO;EACjE,sBAAoB,cAAc,SAAS,KAAA;EAJ7C,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,aAAD;GACE,OAAO,KAAK;GACZ,MAAM;GACN,GAAI,UAAU,iBAAiB;GAC/B,YAAY;EACb,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAG,GAAI,UAAU,gBAAgB;GAAI,UAAA,OAAO,KAAK,YAAY,KAAK;EAAW,CAAA,CAC1E;CAZE,GAAA,KAYF,CACN;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;EACE,KAAK,CAAC;GAAE,UAAU;GAAgB;EAAS,GAAG,GAAG;EACjD,GAAI,UAAU,QAAQ;EACtB,GAAI;EACJ,eAAe,UAAU;GACvB,OAAO,eAAe,KAAK;GAC3B,YAAY,IAAI;EAClB;EAEC,UAAA;CACE,CAAA;AAET,CAAC;AAED,YAAY,cAAc;AAC1B,YAAY,UAAUC,2BAAAA"}

package/cjs/ChartTooltip/ChartTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.cjs","names":["getSeriesLabels","Box"],"sources":["../../src/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ChartSeries } from '../types';\nimport { getSeriesLabels } from '../utils';\nimport classes from './ChartTooltip.module.css';\n\nfunction updateChartTooltipPayload(payload: Record<string, any>[]): Record<string, any>[] {\n  return payload.map((item) => {\n    if (!item.payload || item.payload[item.name]) {\n      return item;\n    }\n    const matchFound = item.name.search(/\\./);\n    if (matchFound >= 0) {\n      const newDataKey = item.name.substring(0, matchFound);\n      const nestedPayload = { ...item.payload[newDataKey] };\n      const shallowPayload = Object.entries(item.payload).reduce((acc, current) => {\n        const [k, v] = current;\n        return k === newDataKey ? acc : { ...acc, [k]: v };\n      }, {});\n\n      return {\n        ...item,\n        name: item.name.substring(matchFound + 1),\n        payload: {\n          ...shallowPayload,\n          ...nestedPayload,\n        },\n      };\n    }\n    return item;\n  });\n}\n\nexport function getFilteredChartTooltipPayload(\n  payload: readonly Record<string, any>[] | Record<string, any>[],\n  segmentId?: string | number\n) {\n  const duplicatesFilter = updateChartTooltipPayload(\n    payload.filter((item) => item.fill !== 'none' || !item.color)\n  );\n\n  if (segmentId === undefined || segmentId === null) {\n    return duplicatesFilter;\n  }\n\n  if (typeof segmentId === 'number') {\n    const item = duplicatesFilter[segmentId];\n    return item ? [item] : [];\n  }\n\n  return duplicatesFilter.filter((item) => item.name === segmentId);\n}\n\nfunction getData(item: Record<string, any>, type: 'area' | 'radial' | 'scatter') {\n  if (type === 'radial' || type === 'scatter') {\n    if (Array.isArray(item.value)) {\n      return item.value[1] - item.value[0];\n    }\n    return item.value;\n  }\n\n  if (Array.isArray(item.payload[item.dataKey])) {\n    return item.payload[item.dataKey][1] - item.payload[item.dataKey][0];\n  }\n  return item.payload[item.name];\n}\n\nexport type ChartTooltipStylesNames =\n  | 'tooltip'\n  | 'tooltipItem'\n  | 'tooltipItemBody'\n  | 'tooltipItemColor'\n  | 'tooltipItemName'\n  | 'tooltipItemData'\n  | 'tooltipLabel'\n  | 'tooltipBody';\n\nexport interface ChartTooltipProps\n  extends BoxProps, StylesApiProps<ChartTooltipFactory>, ElementProps<'div'> {\n  /** Main tooltip label */\n  label?: React.ReactNode;\n\n  /** Chart data provided by recharts */\n  payload: readonly Record<string, any>[] | Record<string, any>[] | undefined;\n\n  /** Data units, provided by parent component */\n  unit?: string;\n\n  /** Tooltip type that determines the content and styles, `area` for LineChart, AreaChart and BarChart, `radial` for DonutChart and PieChart @default 'area' */\n  type?: 'area' | 'radial' | 'scatter';\n\n  /** Segment to display data for, identified by its index in the data array (preferred, isolates duplicate names) or by its name. Only applicable when `type=\"radial\"`. If not set, all data is rendered. */\n  segmentId?: string | number;\n\n  /** Chart series data, applicable only for `area` type */\n  series?: ChartSeries[];\n\n  /** A function to format values */\n  valueFormatter?: (value: number) => React.ReactNode;\n\n  /** Determines whether the color swatch should be visible @default true */\n  showColor?: boolean;\n}\n\nexport type ChartTooltipFactory = Factory<{\n  props: ChartTooltipProps;\n  ref: HTMLDivElement;\n  stylesNames: ChartTooltipStylesNames;\n}>;\n\nconst defaultProps = {\n  type: 'area',\n  showColor: true,\n} satisfies Partial<ChartTooltipProps>;\n\nexport const ChartTooltip = factory<ChartTooltipFactory>((_props) => {\n  const props = useProps('ChartTooltip', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    payload,\n    label,\n    unit,\n    type,\n    segmentId,\n    mod,\n    series,\n    valueFormatter,\n    showColor,\n    attributes,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n\n  const getStyles = useStyles<ChartTooltipFactory>({\n    name: 'ChartTooltip',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  if (!payload) {\n    return null;\n  }\n\n  const filteredPayload = getFilteredChartTooltipPayload(payload, segmentId);\n  const scatterLabel = type === 'scatter' ? payload[0]?.payload?.name : null;\n  const labels = getSeriesLabels(series);\n  const _label = label || scatterLabel;\n\n  const items = filteredPayload.map((item, index) => (\n    <div key={item?.key ?? `${item.name}-${index}`} data-type={type} {...getStyles('tooltipItem')}>\n      <div {...getStyles('tooltipItemBody')}>\n        {showColor && (\n          <svg {...getStyles('tooltipItemColor')}>\n            <circle\n              r={6}\n              fill={getThemeColor(item.color, theme)}\n              width={12}\n              height={12}\n              cx={6}\n              cy={6}\n            />\n          </svg>\n        )}\n        <div {...getStyles('tooltipItemName')}>{labels[item.name] || item.name}</div>\n      </div>\n      <div {...getStyles('tooltipItemData')}>\n        {typeof valueFormatter === 'function'\n          ? valueFormatter(getData(item, type))\n          : getData(item, type)}\n        {unit || item.unit}\n      </div>\n    </div>\n  ));\n\n  return (\n    <Box {...getStyles('tooltip')} mod={[{ type }, mod]} {...others}>\n      {_label && <div {...getStyles('tooltipLabel')}>{_label}</div>}\n      <div {...getStyles('tooltipBody')}>{items}</div>\n    </Box>\n  );\n});\n\nChartTooltip.displayName = '@mantine/charts/ChartTooltip';\n"],"mappings":"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"}
+{"version":3,"file":"ChartTooltip.cjs","names":["factory","useProps","useMantineTheme","useStyles","getSeriesLabels","getThemeColor","Box"],"sources":["../../src/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { ChartSeries } from '../types';\nimport { getSeriesLabels } from '../utils';\nimport classes from './ChartTooltip.module.css';\n\nfunction updateChartTooltipPayload(payload: Record<string, any>[]): Record<string, any>[] {\n  return payload.map((item) => {\n    if (!item.payload || item.payload[item.name]) {\n      return item;\n    }\n    const matchFound = item.name.search(/\\./);\n    if (matchFound >= 0) {\n      const newDataKey = item.name.substring(0, matchFound);\n      const nestedPayload = { ...item.payload[newDataKey] };\n      const shallowPayload = Object.entries(item.payload).reduce((acc, current) => {\n        const [k, v] = current;\n        return k === newDataKey ? acc : { ...acc, [k]: v };\n      }, {});\n\n      return {\n        ...item,\n        name: item.name.substring(matchFound + 1),\n        payload: {\n          ...shallowPayload,\n          ...nestedPayload,\n        },\n      };\n    }\n    return item;\n  });\n}\n\nexport function getFilteredChartTooltipPayload(\n  payload: readonly Record<string, any>[] | Record<string, any>[],\n  segmentId?: string | number\n) {\n  const duplicatesFilter = updateChartTooltipPayload(\n    payload.filter((item) => item.fill !== 'none' || !item.color)\n  );\n\n  if (segmentId === undefined || segmentId === null) {\n    return duplicatesFilter;\n  }\n\n  if (typeof segmentId === 'number') {\n    const item = duplicatesFilter[segmentId];\n    return item ? [item] : [];\n  }\n\n  return duplicatesFilter.filter((item) => item.name === segmentId);\n}\n\nfunction getData(item: Record<string, any>, type: 'area' | 'radial' | 'scatter') {\n  if (type === 'radial' || type === 'scatter') {\n    if (Array.isArray(item.value)) {\n      return item.value[1] - item.value[0];\n    }\n    return item.value;\n  }\n\n  if (Array.isArray(item.payload[item.dataKey])) {\n    return item.payload[item.dataKey][1] - item.payload[item.dataKey][0];\n  }\n  return item.payload[item.name];\n}\n\nexport type ChartTooltipStylesNames =\n  | 'tooltip'\n  | 'tooltipItem'\n  | 'tooltipItemBody'\n  | 'tooltipItemColor'\n  | 'tooltipItemName'\n  | 'tooltipItemData'\n  | 'tooltipLabel'\n  | 'tooltipBody';\n\nexport interface ChartTooltipProps\n  extends BoxProps, StylesApiProps<ChartTooltipFactory>, ElementProps<'div'> {\n  /** Main tooltip label */\n  label?: React.ReactNode;\n\n  /** Chart data provided by recharts */\n  payload: readonly Record<string, any>[] | Record<string, any>[] | undefined;\n\n  /** Data units, provided by parent component */\n  unit?: string;\n\n  /** Tooltip type that determines the content and styles, `area` for LineChart, AreaChart and BarChart, `radial` for DonutChart and PieChart @default 'area' */\n  type?: 'area' | 'radial' | 'scatter';\n\n  /** Segment to display data for, identified by its index in the data array (preferred, isolates duplicate names) or by its name. Only applicable when `type=\"radial\"`. If not set, all data is rendered. */\n  segmentId?: string | number;\n\n  /** Chart series data, applicable only for `area` type */\n  series?: ChartSeries[];\n\n  /** A function to format values */\n  valueFormatter?: (value: number) => React.ReactNode;\n\n  /** Determines whether the color swatch should be visible @default true */\n  showColor?: boolean;\n}\n\nexport type ChartTooltipFactory = Factory<{\n  props: ChartTooltipProps;\n  ref: HTMLDivElement;\n  stylesNames: ChartTooltipStylesNames;\n}>;\n\nconst defaultProps = {\n  type: 'area',\n  showColor: true,\n} satisfies Partial<ChartTooltipProps>;\n\nexport const ChartTooltip = factory<ChartTooltipFactory>((_props) => {\n  const props = useProps('ChartTooltip', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    payload,\n    label,\n    unit,\n    type,\n    segmentId,\n    mod,\n    series,\n    valueFormatter,\n    showColor,\n    attributes,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n\n  const getStyles = useStyles<ChartTooltipFactory>({\n    name: 'ChartTooltip',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  if (!payload) {\n    return null;\n  }\n\n  const filteredPayload = getFilteredChartTooltipPayload(payload, segmentId);\n  const scatterLabel = type === 'scatter' ? payload[0]?.payload?.name : null;\n  const labels = getSeriesLabels(series);\n  const _label = label || scatterLabel;\n\n  const items = filteredPayload.map((item, index) => (\n    <div key={item?.key ?? `${item.name}-${index}`} data-type={type} {...getStyles('tooltipItem')}>\n      <div {...getStyles('tooltipItemBody')}>\n        {showColor && (\n          <svg {...getStyles('tooltipItemColor')}>\n            <circle\n              r={6}\n              fill={getThemeColor(item.color, theme)}\n              width={12}\n              height={12}\n              cx={6}\n              cy={6}\n            />\n          </svg>\n        )}\n        <div {...getStyles('tooltipItemName')}>{labels[item.name] || item.name}</div>\n      </div>\n      <div {...getStyles('tooltipItemData')}>\n        {typeof valueFormatter === 'function'\n          ? valueFormatter(getData(item, type))\n          : getData(item, type)}\n        {unit || item.unit}\n      </div>\n    </div>\n  ));\n\n  return (\n    <Box {...getStyles('tooltip')} mod={[{ type }, mod]} {...others}>\n      {_label && <div {...getStyles('tooltipLabel')}>{_label}</div>}\n      <div {...getStyles('tooltipBody')}>{items}</div>\n    </Box>\n  );\n});\n\nChartTooltip.displayName = '@mantine/charts/ChartTooltip';\n"],"mappings":"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"}