@mantine/charts 9.0.0-alpha.6 → 9.0.0

package/cjs/Treemap/Treemap.cjs

@@ -1,133 +0,0 @@
-"use client";
-const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_ChartTooltip = require("../ChartTooltip/ChartTooltip.cjs");
-const require_Treemap_module = require("./Treemap.module.cjs");
-let _mantine_core = require("@mantine/core");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-react = require_runtime.__toESM(react);
-let recharts = require("recharts");
-//#region packages/@mantine/charts/src/Treemap/Treemap.tsx
-const defaultProps = {
-	dataKey: "value",
-	withTooltip: true,
-	tooltipAnimationDuration: 0,
-	height: 300,
-	strokeWidth: 1,
-	aspectRatio: .5 * (1 + Math.sqrt(5))
-};
-const varsResolver = (0, _mantine_core.createVarsResolver)((theme, { strokeColor, height }) => ({ root: {
-	"--chart-stroke-color": strokeColor ? (0, _mantine_core.getThemeColor)(strokeColor, theme) : void 0,
-	"--chart-height": (0, _mantine_core.rem)(height)
-} }));
-function TreemapContent({ x, y, width, height, depth, name, resolvedColors, resolvedLabelColors, index, strokeWidth }) {
-	const fill = resolvedColors[name] || `var(--mantine-color-blue-${index % 9 + 1})`;
-	const labelColor = resolvedLabelColors[name] || "var(--mantine-color-white)";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-		x,
-		y,
-		width,
-		height,
-		fill: depth >= 1 ? fill : "transparent",
-		stroke: "var(--chart-stroke-color, var(--mantine-color-body))",
-		strokeWidth: depth >= 1 ? strokeWidth : 0
-	}), depth >= 1 && width > 30 && height > 20 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
-		x: x + width / 2,
-		y: y + height / 2,
-		textAnchor: "middle",
-		dominantBaseline: "central",
-		fill: labelColor,
-		fontSize: 12,
-		fontFamily: "var(--mantine-font-family)",
-		children: name
-	})] });
-}
-function resolveColors(data, theme, parentColor) {
-	const result = {};
-	for (const item of data) {
-		const color = item.color || parentColor;
-		if (color) result[item.name] = (0, _mantine_core.parseThemeColor)({
-			color,
-			theme
-		}).value;
-		if (item.children) Object.assign(result, resolveColors(item.children, theme, color));
-	}
-	return result;
-}
-function resolveLabelColors(resolvedColors, autoContrast, luminanceThreshold, textColor) {
-	const result = {};
-	for (const [name, color] of Object.entries(resolvedColors)) if (textColor) result[name] = textColor;
-	else if (autoContrast) result[name] = (0, _mantine_core.isLightColor)(color, luminanceThreshold) ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
-	return result;
-}
-const Treemap = (0, _mantine_core.factory)((_props) => {
-	const props = (0, _mantine_core.useProps)("Treemap", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, data, dataKey, aspectRatio, withTooltip, tooltipAnimationDuration, tooltipProps, treemapProps, strokeColor, textColor, height: chartHeight, strokeWidth, valueFormatter, autoContrast, children, attributes, ...others } = props;
-	const theme = (0, _mantine_core.useMantineTheme)();
-	const resolvedColors = resolveColors(data, theme);
-	const _autoContrast = (0, _mantine_core.getAutoContrastValue)(autoContrast, theme);
-	const _textColor = textColor ? (0, _mantine_core.getThemeColor)(textColor, theme) : void 0;
-	const resolvedLabelColors = resolveLabelColors(resolvedColors, _autoContrast, theme.luminanceThreshold, _textColor);
-	const getStyles = (0, _mantine_core.useStyles)({
-		name: "Treemap",
-		classes: require_Treemap_module.default,
-		props,
-		className,
-		style,
-		classNames,
-		styles,
-		unstyled,
-		attributes,
-		vars,
-		varsResolver
-	});
-	const { resolvedClassNames, resolvedStyles } = (0, _mantine_core.useResolvedStylesApi)({
-		classNames,
-		styles,
-		props
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
-		...getStyles("root"),
-		...others,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
-			height: chartHeight,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.Treemap, {
-				data,
-				dataKey,
-				aspectRatio,
-				isAnimationActive: false,
-				content: (nodeProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreemapContent, {
-					...nodeProps,
-					resolvedColors,
-					resolvedLabelColors,
-					strokeWidth
-				}),
-				...treemapProps,
-				children: [withTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, {
-					animationDuration: tooltipAnimationDuration,
-					isAnimationActive: false,
-					content: ({ payload }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChartTooltip.ChartTooltip, {
-						payload: payload?.map((item) => ({
-							name: item.name,
-							value: item.value,
-							color: resolvedColors[item.name] || "var(--mantine-color-blue-6)"
-						})) || [],
-						classNames: resolvedClassNames,
-						styles: resolvedStyles,
-						type: "radial",
-						valueFormatter,
-						attributes
-					}),
-					...tooltipProps
-				}), children]
-			})
-		})
-	});
-});
-Treemap.displayName = "@mantine/charts/Treemap";
-Treemap.classes = require_Treemap_module.default;
-Treemap.varsResolver = varsResolver;
-//#endregion
-exports.Treemap = Treemap;
-
-//# sourceMappingURL=Treemap.cjs.map

package/cjs/Treemap/Treemap.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Treemap.cjs","names":["Box","ResponsiveContainer","RechartsTreemap","Tooltip","ChartTooltip","classes"],"sources":["../../src/Treemap/Treemap.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Treemap as RechartsTreemap,\n  TreemapProps as RechartsTreemapProps,\n  ResponsiveContainer,\n  Tooltip,\n  TooltipProps,\n} from 'recharts';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getAutoContrastValue,\n  getThemeColor,\n  isLightColor,\n  MantineColor,\n  MantineTheme,\n  parseThemeColor,\n  rem,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { ChartTooltip, ChartTooltipStylesNames } from '../ChartTooltip/ChartTooltip';\nimport classes from './Treemap.module.css';\n\nexport interface TreemapData {\n  name: string;\n  value?: number;\n  color?: MantineColor;\n  children?: TreemapData[];\n  [key: string]: unknown;\n}\n\nexport type TreemapStylesNames = 'root' | ChartTooltipStylesNames;\nexport type TreemapCssVariables = {\n  root: '--chart-stroke-color' | '--chart-height';\n};\n\nexport interface TreemapProps\n  extends BoxProps, StylesApiProps<TreemapFactory>, ElementProps<'div'> {\n  /** Data used to render chart */\n  data: TreemapData[];\n\n  /** Key in data object for the value @default 'value' */\n  dataKey?: string;\n\n  /** The treemap will try to keep every single rectangle's aspect ratio near the aspectRatio given @default 1.618033988749895 */\n  aspectRatio?: number;\n\n  /** Determines whether the tooltip should be displayed when a node is hovered @default true */\n  withTooltip?: boolean;\n\n  /** Tooltip animation duration in ms @default 0 */\n  tooltipAnimationDuration?: number;\n\n  /** Props passed down to `Tooltip` recharts component */\n  tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;\n\n  /** Props passed down to recharts `Treemap` component */\n  treemapProps?: Partial<Omit<RechartsTreemapProps, 'ref' | 'data' | 'dataKey'>>;\n\n  /** Controls color of the node stroke, by default depends on color scheme */\n  strokeColor?: MantineColor;\n\n  /** Controls text color of labels @default dimmed */\n  textColor?: MantineColor;\n\n  /** Controls chart height @default 300 */\n  height?: number;\n\n  /** Controls width of node stroke @default 1 */\n  strokeWidth?: number;\n\n  /** A function to format values inside the tooltip */\n  valueFormatter?: (value: number) => string;\n\n  /** Determines whether text color should be adjusted based on background color to improve contrast */\n  autoContrast?: boolean;\n\n  /** Additional elements rendered inside `Treemap` component */\n  children?: React.ReactNode;\n}\n\nexport type TreemapFactory = Factory<{\n  props: TreemapProps;\n  ref: HTMLDivElement;\n  stylesNames: TreemapStylesNames;\n  vars: TreemapCssVariables;\n}>;\n\nconst defaultProps = {\n  dataKey: 'value',\n  withTooltip: true,\n  tooltipAnimationDuration: 0,\n  height: 300,\n  strokeWidth: 1,\n  aspectRatio: 0.5 * (1 + Math.sqrt(5)),\n} satisfies Partial<TreemapProps>;\n\nconst varsResolver = createVarsResolver<TreemapFactory>(\n  (theme, { strokeColor, height }) => ({\n    root: {\n      '--chart-stroke-color': strokeColor ? getThemeColor(strokeColor, theme) : undefined,\n      '--chart-height': rem(height),\n    },\n  })\n);\n\ninterface TreemapContentProps {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  depth: number;\n  name: string;\n  resolvedColors: Record<string, string>;\n  resolvedLabelColors: Record<string, string>;\n  index: number;\n  strokeWidth: number;\n}\n\nfunction TreemapContent({\n  x,\n  y,\n  width,\n  height,\n  depth,\n  name,\n  resolvedColors,\n  resolvedLabelColors,\n  index,\n  strokeWidth,\n}: TreemapContentProps) {\n  const fill = resolvedColors[name] || `var(--mantine-color-blue-${(index % 9) + 1})`;\n  const labelColor = resolvedLabelColors[name] || 'var(--mantine-color-white)';\n  const showLabel = width > 30 && height > 20;\n\n  return (\n    <g>\n      <rect\n        x={x}\n        y={y}\n        width={width}\n        height={height}\n        fill={depth >= 1 ? fill : 'transparent'}\n        stroke=\"var(--chart-stroke-color, var(--mantine-color-body))\"\n        strokeWidth={depth >= 1 ? strokeWidth : 0}\n      />\n      {depth >= 1 && showLabel && (\n        <text\n          x={x + width / 2}\n          y={y + height / 2}\n          textAnchor=\"middle\"\n          dominantBaseline=\"central\"\n          fill={labelColor}\n          fontSize={12}\n          fontFamily=\"var(--mantine-font-family)\"\n        >\n          {name}\n        </text>\n      )}\n    </g>\n  );\n}\n\nfunction resolveColors(\n  data: TreemapData[],\n  theme: MantineTheme,\n  parentColor?: string\n): Record<string, string> {\n  const result: Record<string, string> = {};\n  for (const item of data) {\n    const color = item.color || parentColor;\n    if (color) {\n      result[item.name] = parseThemeColor({ color, theme }).value;\n    }\n    if (item.children) {\n      Object.assign(result, resolveColors(item.children, theme, color));\n    }\n  }\n  return result;\n}\n\nfunction resolveLabelColors(\n  resolvedColors: Record<string, string>,\n  autoContrast: boolean,\n  luminanceThreshold: number,\n  textColor?: string\n): Record<string, string> {\n  const result: Record<string, string> = {};\n  for (const [name, color] of Object.entries(resolvedColors)) {\n    if (textColor) {\n      result[name] = textColor;\n    } else if (autoContrast) {\n      result[name] = isLightColor(color, luminanceThreshold)\n        ? 'var(--mantine-color-black)'\n        : 'var(--mantine-color-white)';\n    }\n  }\n  return result;\n}\n\nexport const Treemap = factory<TreemapFactory>((_props) => {\n  const props = useProps('Treemap', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    dataKey,\n    aspectRatio,\n    withTooltip,\n    tooltipAnimationDuration,\n    tooltipProps,\n    treemapProps,\n    strokeColor,\n    textColor,\n    height: chartHeight,\n    strokeWidth,\n    valueFormatter,\n    autoContrast,\n    children,\n    attributes,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const resolvedColors = resolveColors(data, theme);\n  const _autoContrast = getAutoContrastValue(autoContrast, theme);\n  const _textColor = textColor ? getThemeColor(textColor, theme) : undefined;\n  const resolvedLabelColors = resolveLabelColors(\n    resolvedColors,\n    _autoContrast,\n    theme.luminanceThreshold,\n    _textColor\n  );\n\n  const getStyles = useStyles<TreemapFactory>({\n    name: 'Treemap',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TreemapFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  return (\n    <Box {...getStyles('root')} {...others}>\n      <ResponsiveContainer height={chartHeight}>\n        <RechartsTreemap\n          data={data as any}\n          dataKey={dataKey as any}\n          aspectRatio={aspectRatio}\n          isAnimationActive={false}\n          content={(nodeProps: any) => (\n            <TreemapContent\n              {...nodeProps}\n              resolvedColors={resolvedColors}\n              resolvedLabelColors={resolvedLabelColors}\n              strokeWidth={strokeWidth!}\n            />\n          )}\n          {...treemapProps}\n        >\n          {withTooltip && (\n            <Tooltip\n              animationDuration={tooltipAnimationDuration}\n              isAnimationActive={false}\n              content={({ payload }) => (\n                <ChartTooltip\n                  payload={\n                    payload?.map((item) => ({\n                      name: item.name as string,\n                      value: item.value as number,\n                      color:\n                        resolvedColors[item.name as string] || 'var(--mantine-color-blue-6)',\n                    })) || []\n                  }\n                  classNames={resolvedClassNames}\n                  styles={resolvedStyles}\n                  type=\"radial\"\n                  valueFormatter={valueFormatter}\n                  attributes={attributes}\n                />\n              )}\n              {...tooltipProps}\n            />\n          )}\n\n          {children}\n        </RechartsTreemap>\n      </ResponsiveContainer>\n    </Box>\n  );\n});\n\nTreemap.displayName = '@mantine/charts/Treemap';\nTreemap.classes = classes;\nTreemap.varsResolver = varsResolver;\n"],"mappings":"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"}

package/cjs/Treemap/Treemap.module.cjs

@@ -1,7 +0,0 @@
-"use client";
-//#region packages/@mantine/charts/src/Treemap/Treemap.module.css
-var Treemap_module_default = { "root": "m_3c064071" };
-//#endregion
-exports.default = Treemap_module_default;
-
-//# sourceMappingURL=Treemap.module.cjs.map

package/cjs/Treemap/Treemap.module.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Treemap.module.cjs","names":[],"sources":["../../src/Treemap/Treemap.module.css"],"sourcesContent":[".root {\n  min-height: var(--chart-height, auto);\n\n  & :where(*) {\n    outline: 0;\n  }\n}\n"],"mappings":""}

package/esm/SankeyChart/SankeyChart.mjs

@@ -1,200 +0,0 @@
-"use client";
-import { ChartTooltip } from "../ChartTooltip/ChartTooltip.mjs";
-import SankeyChart_module_default from "./SankeyChart.module.mjs";
-import { Box, createVarsResolver, factory, getThemeColor, rem, useMantineTheme, useProps, useResolvedStylesApi, useStyles } from "@mantine/core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { ResponsiveContainer, Sankey, Tooltip as Tooltip$1 } from "recharts";
-//#region packages/@mantine/charts/src/SankeyChart/SankeyChart.tsx
-const defaultProps = {
-	height: 300,
-	nodeWidth: 10,
-	nodePadding: 10,
-	linkCurvature: .5,
-	iterations: 32,
-	linkOpacity: .4,
-	withTooltip: true,
-	tooltipAnimationDuration: 0
-};
-const varsResolver = createVarsResolver((theme, { nodeColor, linkColor, textColor, height }) => ({ root: {
-	"--chart-node-color": nodeColor ? getThemeColor(nodeColor, theme) : void 0,
-	"--chart-link-color": linkColor ? getThemeColor(linkColor, theme) : void 0,
-	"--chart-text-color": textColor ? getThemeColor(textColor, theme) : void 0,
-	"--chart-height": rem(height)
-} }));
-const DEFAULT_COLORS = [
-	"var(--mantine-color-blue-filled)",
-	"var(--mantine-color-cyan-filled)",
-	"var(--mantine-color-teal-filled)",
-	"var(--mantine-color-green-filled)",
-	"var(--mantine-color-lime-filled)",
-	"var(--mantine-color-yellow-filled)",
-	"var(--mantine-color-orange-filled)",
-	"var(--mantine-color-red-filled)",
-	"var(--mantine-color-pink-filled)",
-	"var(--mantine-color-grape-filled)",
-	"var(--mantine-color-violet-filled)",
-	"var(--mantine-color-indigo-filled)"
-];
-function SankeyNodeContent({ x, y, width, height, index, payload, resolvedNodeColors, resolvedDefaultColors, valueFormatter }) {
-	const fill = resolvedNodeColors[index] || `var(--chart-node-color, ${resolvedDefaultColors[index % resolvedDefaultColors.length]})`;
-	const isLeaf = !payload.targetNodes || payload.targetNodes.length === 0;
-	const labelX = isLeaf ? x - 6 : x + width + 6;
-	const textAnchor = isLeaf ? "end" : "start";
-	const formattedValue = valueFormatter ? valueFormatter(payload.value) : payload.value;
-	return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
-		x,
-		y,
-		width,
-		height,
-		fill,
-		stroke: "none"
-	}), height >= 28 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("text", {
-		x: labelX,
-		y: y + height / 2 - 7,
-		textAnchor,
-		dominantBaseline: "central",
-		fill: "var(--chart-text-color, var(--mantine-color-text))",
-		fontSize: 12,
-		fontFamily: "var(--mantine-font-family)",
-		children: payload.name
-	}), /* @__PURE__ */ jsx("text", {
-		x: labelX,
-		y: y + height / 2 + 7,
-		textAnchor,
-		dominantBaseline: "central",
-		fill: "var(--chart-text-color, var(--mantine-color-text))",
-		fontSize: 12,
-		fontFamily: "var(--mantine-font-family)",
-		opacity: .8,
-		children: formattedValue
-	})] }) : /* @__PURE__ */ jsxs("text", {
-		x: labelX,
-		y: y + height / 2,
-		textAnchor,
-		dominantBaseline: "central",
-		fill: "var(--chart-text-color, var(--mantine-color-text))",
-		fontSize: 12,
-		fontFamily: "var(--mantine-font-family)",
-		children: [
-			payload.name,
-			" ",
-			/* @__PURE__ */ jsx("tspan", {
-				opacity: .8,
-				children: formattedValue
-			})
-		]
-	})] });
-}
-function SankeyLinkContent({ sourceX, targetX, sourceY, targetY, sourceControlX, targetControlX, linkWidth, sourceResolvedColor, linkOpacity }) {
-	const fill = sourceResolvedColor || "var(--chart-link-color, var(--mantine-color-gray-4))";
-	return /* @__PURE__ */ jsx("path", {
-		d: `
-        M${sourceX},${sourceY + linkWidth / 2}
-        C${sourceControlX},${sourceY + linkWidth / 2}
-          ${targetControlX},${targetY + linkWidth / 2}
-          ${targetX},${targetY + linkWidth / 2}
-        L${targetX},${targetY - linkWidth / 2}
-        C${targetControlX},${targetY - linkWidth / 2}
-          ${sourceControlX},${sourceY - linkWidth / 2}
-          ${sourceX},${sourceY - linkWidth / 2}
-        Z
-      `,
-		fill,
-		opacity: linkOpacity,
-		stroke: "none"
-	});
-}
-const SankeyChart = factory((_props) => {
-	const props = useProps("SankeyChart", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, data, height: chartHeight, nodeWidth, nodePadding, linkCurvature, iterations, nodeColor, colors, linkColor, linkOpacity, textColor, withTooltip, tooltipAnimationDuration, tooltipProps, sankeyProps, valueFormatter, children, attributes, ...others } = props;
-	const theme = useMantineTheme();
-	const resolvedNodeColors = {};
-	data.nodes.forEach((node, index) => {
-		if (node.color) resolvedNodeColors[index] = getThemeColor(node.color, theme);
-	});
-	const resolvedDefaultColors = colors ? colors.map((color) => getThemeColor(color, theme)) : DEFAULT_COLORS;
-	const getStyles = useStyles({
-		name: "SankeyChart",
-		classes: SankeyChart_module_default,
-		props,
-		className,
-		style,
-		classNames,
-		styles,
-		unstyled,
-		attributes,
-		vars,
-		varsResolver
-	});
-	const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
-		classNames,
-		styles,
-		props
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		...getStyles("root"),
-		...others,
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			height: chartHeight,
-			children: /* @__PURE__ */ jsxs(Sankey, {
-				data,
-				nodeWidth,
-				nodePadding,
-				linkCurvature,
-				iterations,
-				node: (nodeProps) => /* @__PURE__ */ jsx(SankeyNodeContent, {
-					...nodeProps,
-					resolvedNodeColors,
-					resolvedDefaultColors,
-					valueFormatter
-				}),
-				link: (linkProps) => {
-					const sourceIndex = linkProps.index >= 0 && linkProps.index < data.links.length ? data.links[linkProps.index].source : -1;
-					return /* @__PURE__ */ jsx(SankeyLinkContent, {
-						...linkProps,
-						sourceResolvedColor: resolvedNodeColors[sourceIndex],
-						linkOpacity
-					});
-				},
-				...sankeyProps,
-				children: [withTooltip && /* @__PURE__ */ jsx(Tooltip$1, {
-					animationDuration: tooltipAnimationDuration,
-					isAnimationActive: false,
-					content: ({ payload }) => {
-						const resolveColor = (item) => {
-							const nodeIndex = data.nodes.findIndex((n) => n.name === item.name);
-							if (nodeIndex !== -1) return resolvedNodeColors[nodeIndex] || resolvedDefaultColors[nodeIndex % resolvedDefaultColors.length];
-							const sourceNode = item.payload?.source;
-							if (sourceNode) {
-								const sourceIndex = data.nodes.findIndex((n) => n.name === sourceNode.name);
-								if (sourceIndex !== -1) return resolvedNodeColors[sourceIndex] || resolvedDefaultColors[sourceIndex % resolvedDefaultColors.length];
-							}
-							return "var(--mantine-color-blue-6)";
-						};
-						return /* @__PURE__ */ jsx(ChartTooltip, {
-							payload: payload?.map((item) => ({
-								name: item.name,
-								value: item.value,
-								color: resolveColor(item)
-							})) || [],
-							classNames: resolvedClassNames,
-							styles: resolvedStyles,
-							type: "radial",
-							valueFormatter,
-							attributes
-						});
-					},
-					...tooltipProps
-				}), children]
-			})
-		})
-	});
-});
-SankeyChart.displayName = "@mantine/charts/SankeyChart";
-SankeyChart.classes = SankeyChart_module_default;
-SankeyChart.varsResolver = varsResolver;
-//#endregion
-export { SankeyChart };
-
-//# sourceMappingURL=SankeyChart.mjs.map

package/esm/SankeyChart/SankeyChart.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SankeyChart.mjs","names":["RechartsSankey","Tooltip","classes"],"sources":["../../src/SankeyChart/SankeyChart.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Sankey as RechartsSankey,\n  SankeyProps as RechartsSankeyProps,\n  ResponsiveContainer,\n  Tooltip,\n  TooltipProps,\n} from 'recharts';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  rem,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { ChartTooltip, ChartTooltipStylesNames } from '../ChartTooltip/ChartTooltip';\nimport classes from './SankeyChart.module.css';\n\nexport interface SankeyChartNode {\n  name: string;\n  color?: MantineColor;\n  [key: string]: unknown;\n}\n\nexport interface SankeyChartLink {\n  source: number;\n  target: number;\n  value: number;\n  [key: string]: unknown;\n}\n\nexport interface SankeyChartData {\n  nodes: SankeyChartNode[];\n  links: SankeyChartLink[];\n}\n\nexport type SankeyChartStylesNames = 'root' | ChartTooltipStylesNames;\nexport type SankeyChartCssVariables = {\n  root: '--chart-node-color' | '--chart-link-color' | '--chart-text-color' | '--chart-height';\n};\n\nexport interface SankeyChartProps\n  extends BoxProps, StylesApiProps<SankeyChartFactory>, ElementProps<'div'> {\n  /** Data used to render chart, must include `nodes` and `links` arrays */\n  data: SankeyChartData;\n\n  /** Controls chart height @default 300 */\n  height?: number;\n\n  /** The width of each node @default 10 */\n  nodeWidth?: number;\n\n  /** The padding between nodes @default 10 */\n  nodePadding?: number;\n\n  /** The curvature of links between nodes @default 0.5 */\n  linkCurvature?: number;\n\n  /** The number of relaxation iterations @default 32 */\n  iterations?: number;\n\n  /** Default color for nodes, by default depends on color scheme */\n  nodeColor?: MantineColor;\n\n  /** An array of colors used for nodes when no `color` is set on individual nodes */\n  colors?: MantineColor[];\n\n  /** Default color for links, by default depends on color scheme */\n  linkColor?: MantineColor;\n\n  /** Opacity of the link fill @default 0.4 */\n  linkOpacity?: number;\n\n  /** Determines whether the tooltip should be displayed when hovered @default true */\n  withTooltip?: boolean;\n\n  /** Tooltip animation duration in ms @default 0 */\n  tooltipAnimationDuration?: number;\n\n  /** Props passed down to `Tooltip` recharts component */\n  tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;\n\n  /** Props passed down to recharts `Sankey` component */\n  sankeyProps?: Partial<Omit<RechartsSankeyProps, 'ref' | 'data'>>;\n\n  /** Controls text color of labels @default dimmed */\n  textColor?: MantineColor;\n\n  /** A function to format values inside the tooltip and node labels */\n  valueFormatter?: (value: number) => string;\n\n  /** Additional elements rendered inside `Sankey` component */\n  children?: React.ReactNode;\n}\n\nexport type SankeyChartFactory = Factory<{\n  props: SankeyChartProps;\n  ref: HTMLDivElement;\n  stylesNames: SankeyChartStylesNames;\n  vars: SankeyChartCssVariables;\n}>;\n\nconst defaultProps = {\n  height: 300,\n  nodeWidth: 10,\n  nodePadding: 10,\n  linkCurvature: 0.5,\n  iterations: 32,\n  linkOpacity: 0.4,\n  withTooltip: true,\n  tooltipAnimationDuration: 0,\n} satisfies Partial<SankeyChartProps>;\n\nconst varsResolver = createVarsResolver<SankeyChartFactory>(\n  (theme, { nodeColor, linkColor, textColor, height }) => ({\n    root: {\n      '--chart-node-color': nodeColor ? getThemeColor(nodeColor, theme) : undefined,\n      '--chart-link-color': linkColor ? getThemeColor(linkColor, theme) : undefined,\n      '--chart-text-color': textColor ? getThemeColor(textColor, theme) : undefined,\n      '--chart-height': rem(height),\n    },\n  })\n);\n\ninterface SankeyNodeContentProps {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  index: number;\n  payload: { name: string; value: number; targetNodes: number[]; color?: string };\n  resolvedNodeColors: Record<number, string>;\n  resolvedDefaultColors: string[];\n  valueFormatter?: (value: number) => string;\n}\n\nconst DEFAULT_COLORS = [\n  'var(--mantine-color-blue-filled)',\n  'var(--mantine-color-cyan-filled)',\n  'var(--mantine-color-teal-filled)',\n  'var(--mantine-color-green-filled)',\n  'var(--mantine-color-lime-filled)',\n  'var(--mantine-color-yellow-filled)',\n  'var(--mantine-color-orange-filled)',\n  'var(--mantine-color-red-filled)',\n  'var(--mantine-color-pink-filled)',\n  'var(--mantine-color-grape-filled)',\n  'var(--mantine-color-violet-filled)',\n  'var(--mantine-color-indigo-filled)',\n];\n\nfunction SankeyNodeContent({\n  x,\n  y,\n  width,\n  height,\n  index,\n  payload,\n  resolvedNodeColors,\n  resolvedDefaultColors,\n  valueFormatter,\n}: SankeyNodeContentProps) {\n  const fill =\n    resolvedNodeColors[index] ||\n    `var(--chart-node-color, ${resolvedDefaultColors[index % resolvedDefaultColors.length]})`;\n\n  const isLeaf = !payload.targetNodes || payload.targetNodes.length === 0;\n  const labelX = isLeaf ? x - 6 : x + width + 6;\n  const textAnchor = isLeaf ? 'end' : 'start';\n  const formattedValue = valueFormatter ? valueFormatter(payload.value) : payload.value;\n  const stacked = height >= 28;\n\n  return (\n    <g>\n      <rect x={x} y={y} width={width} height={height} fill={fill} stroke=\"none\" />\n      {stacked ? (\n        <>\n          <text\n            x={labelX}\n            y={y + height / 2 - 7}\n            textAnchor={textAnchor}\n            dominantBaseline=\"central\"\n            fill=\"var(--chart-text-color, var(--mantine-color-text))\"\n            fontSize={12}\n            fontFamily=\"var(--mantine-font-family)\"\n          >\n            {payload.name}\n          </text>\n          <text\n            x={labelX}\n            y={y + height / 2 + 7}\n            textAnchor={textAnchor}\n            dominantBaseline=\"central\"\n            fill=\"var(--chart-text-color, var(--mantine-color-text))\"\n            fontSize={12}\n            fontFamily=\"var(--mantine-font-family)\"\n            opacity={0.8}\n          >\n            {formattedValue}\n          </text>\n        </>\n      ) : (\n        <text\n          x={labelX}\n          y={y + height / 2}\n          textAnchor={textAnchor}\n          dominantBaseline=\"central\"\n          fill=\"var(--chart-text-color, var(--mantine-color-text))\"\n          fontSize={12}\n          fontFamily=\"var(--mantine-font-family)\"\n        >\n          {payload.name} <tspan opacity={0.8}>{formattedValue}</tspan>\n        </text>\n      )}\n    </g>\n  );\n}\n\ninterface SankeyLinkContentProps {\n  sourceX: number;\n  targetX: number;\n  sourceY: number;\n  targetY: number;\n  sourceControlX: number;\n  targetControlX: number;\n  linkWidth: number;\n  index: number;\n  payload: {\n    source: { color?: string };\n    target: { color?: string };\n  };\n  sourceResolvedColor?: string;\n  linkOpacity: number;\n}\n\nfunction SankeyLinkContent({\n  sourceX,\n  targetX,\n  sourceY,\n  targetY,\n  sourceControlX,\n  targetControlX,\n  linkWidth,\n  sourceResolvedColor,\n  linkOpacity,\n}: SankeyLinkContentProps) {\n  const fill = sourceResolvedColor || 'var(--chart-link-color, var(--mantine-color-gray-4))';\n\n  return (\n    <path\n      d={`\n        M${sourceX},${sourceY + linkWidth / 2}\n        C${sourceControlX},${sourceY + linkWidth / 2}\n          ${targetControlX},${targetY + linkWidth / 2}\n          ${targetX},${targetY + linkWidth / 2}\n        L${targetX},${targetY - linkWidth / 2}\n        C${targetControlX},${targetY - linkWidth / 2}\n          ${sourceControlX},${sourceY - linkWidth / 2}\n          ${sourceX},${sourceY - linkWidth / 2}\n        Z\n      `}\n      fill={fill}\n      opacity={linkOpacity}\n      stroke=\"none\"\n    />\n  );\n}\n\nexport const SankeyChart = factory<SankeyChartFactory>((_props) => {\n  const props = useProps('SankeyChart', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    height: chartHeight,\n    nodeWidth,\n    nodePadding,\n    linkCurvature,\n    iterations,\n    nodeColor,\n    colors,\n    linkColor,\n    linkOpacity,\n    textColor,\n    withTooltip,\n    tooltipAnimationDuration,\n    tooltipProps,\n    sankeyProps,\n    valueFormatter,\n    children,\n    attributes,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n\n  const resolvedNodeColors: Record<number, string> = {};\n  data.nodes.forEach((node, index) => {\n    if (node.color) {\n      resolvedNodeColors[index] = getThemeColor(node.color, theme);\n    }\n  });\n\n  const resolvedDefaultColors = colors\n    ? colors.map((color) => getThemeColor(color, theme))\n    : DEFAULT_COLORS;\n\n  const getStyles = useStyles<SankeyChartFactory>({\n    name: 'SankeyChart',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<SankeyChartFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  return (\n    <Box {...getStyles('root')} {...others}>\n      <ResponsiveContainer height={chartHeight}>\n        <RechartsSankey\n          data={data as any}\n          nodeWidth={nodeWidth}\n          nodePadding={nodePadding}\n          linkCurvature={linkCurvature}\n          iterations={iterations}\n          node={(nodeProps: any) => (\n            <SankeyNodeContent\n              {...nodeProps}\n              resolvedNodeColors={resolvedNodeColors}\n              resolvedDefaultColors={resolvedDefaultColors}\n              valueFormatter={valueFormatter}\n            />\n          )}\n          link={(linkProps: any) => {\n            const sourceIndex =\n              linkProps.index >= 0 && linkProps.index < data.links.length\n                ? data.links[linkProps.index].source\n                : -1;\n            return (\n              <SankeyLinkContent\n                {...linkProps}\n                sourceResolvedColor={resolvedNodeColors[sourceIndex]}\n                linkOpacity={linkOpacity!}\n              />\n            );\n          }}\n          {...sankeyProps}\n        >\n          {withTooltip && (\n            <Tooltip\n              animationDuration={tooltipAnimationDuration}\n              isAnimationActive={false}\n              content={({ payload }) => {\n                const resolveColor = (item: any) => {\n                  const nodeIndex = data.nodes.findIndex((n) => n.name === item.name);\n                  if (nodeIndex !== -1) {\n                    return (\n                      resolvedNodeColors[nodeIndex] ||\n                      resolvedDefaultColors[nodeIndex % resolvedDefaultColors.length]\n                    );\n                  }\n\n                  const sourceNode = item.payload?.source;\n                  if (sourceNode) {\n                    const sourceIndex = data.nodes.findIndex((n) => n.name === sourceNode.name);\n                    if (sourceIndex !== -1) {\n                      return (\n                        resolvedNodeColors[sourceIndex] ||\n                        resolvedDefaultColors[sourceIndex % resolvedDefaultColors.length]\n                      );\n                    }\n                  }\n\n                  return 'var(--mantine-color-blue-6)';\n                };\n\n                return (\n                  <ChartTooltip\n                    payload={\n                      payload?.map((item) => ({\n                        name: item.name as string,\n                        value: item.value as number,\n                        color: resolveColor(item),\n                      })) || []\n                    }\n                    classNames={resolvedClassNames}\n                    styles={resolvedStyles}\n                    type=\"radial\"\n                    valueFormatter={valueFormatter}\n                    attributes={attributes}\n                  />\n                );\n              }}\n              {...tooltipProps}\n            />\n          )}\n\n          {children}\n        </RechartsSankey>\n      </ResponsiveContainer>\n    </Box>\n  );\n});\n\nSankeyChart.displayName = '@mantine/charts/SankeyChart';\nSankeyChart.classes = classes;\nSankeyChart.varsResolver = varsResolver;\n"],"mappings":"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"}

package/esm/SankeyChart/SankeyChart.module.mjs

@@ -1,7 +0,0 @@
-"use client";
-//#region packages/@mantine/charts/src/SankeyChart/SankeyChart.module.css
-var SankeyChart_module_default = { "root": "m_b42d2970" };
-//#endregion
-export { SankeyChart_module_default as default };
-
-//# sourceMappingURL=SankeyChart.module.mjs.map

package/esm/SankeyChart/SankeyChart.module.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SankeyChart.module.mjs","names":[],"sources":["../../src/SankeyChart/SankeyChart.module.css"],"sourcesContent":[".root {\n  min-height: var(--chart-height, auto);\n\n  & :where(*) {\n    outline: 0;\n  }\n\n  @mixin where-light {\n    --chart-link-color: var(--mantine-color-gray-1);\n  }\n\n  @mixin where-dark {\n    --chart-link-color: var(--mantine-color-dark-5);\n  }\n}\n"],"mappings":""}

package/esm/Treemap/Treemap.mjs

@@ -1,131 +0,0 @@
-"use client";
-import { ChartTooltip } from "../ChartTooltip/ChartTooltip.mjs";
-import Treemap_module_default from "./Treemap.module.mjs";
-import { Box, createVarsResolver, factory, getAutoContrastValue, getThemeColor, isLightColor, parseThemeColor, rem, useMantineTheme, useProps, useResolvedStylesApi, useStyles } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { ResponsiveContainer, Tooltip as Tooltip$1, Treemap } from "recharts";
-//#region packages/@mantine/charts/src/Treemap/Treemap.tsx
-const defaultProps = {
-	dataKey: "value",
-	withTooltip: true,
-	tooltipAnimationDuration: 0,
-	height: 300,
-	strokeWidth: 1,
-	aspectRatio: .5 * (1 + Math.sqrt(5))
-};
-const varsResolver = createVarsResolver((theme, { strokeColor, height }) => ({ root: {
-	"--chart-stroke-color": strokeColor ? getThemeColor(strokeColor, theme) : void 0,
-	"--chart-height": rem(height)
-} }));
-function TreemapContent({ x, y, width, height, depth, name, resolvedColors, resolvedLabelColors, index, strokeWidth }) {
-	const fill = resolvedColors[name] || `var(--mantine-color-blue-${index % 9 + 1})`;
-	const labelColor = resolvedLabelColors[name] || "var(--mantine-color-white)";
-	return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
-		x,
-		y,
-		width,
-		height,
-		fill: depth >= 1 ? fill : "transparent",
-		stroke: "var(--chart-stroke-color, var(--mantine-color-body))",
-		strokeWidth: depth >= 1 ? strokeWidth : 0
-	}), depth >= 1 && width > 30 && height > 20 && /* @__PURE__ */ jsx("text", {
-		x: x + width / 2,
-		y: y + height / 2,
-		textAnchor: "middle",
-		dominantBaseline: "central",
-		fill: labelColor,
-		fontSize: 12,
-		fontFamily: "var(--mantine-font-family)",
-		children: name
-	})] });
-}
-function resolveColors(data, theme, parentColor) {
-	const result = {};
-	for (const item of data) {
-		const color = item.color || parentColor;
-		if (color) result[item.name] = parseThemeColor({
-			color,
-			theme
-		}).value;
-		if (item.children) Object.assign(result, resolveColors(item.children, theme, color));
-	}
-	return result;
-}
-function resolveLabelColors(resolvedColors, autoContrast, luminanceThreshold, textColor) {
-	const result = {};
-	for (const [name, color] of Object.entries(resolvedColors)) if (textColor) result[name] = textColor;
-	else if (autoContrast) result[name] = isLightColor(color, luminanceThreshold) ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
-	return result;
-}
-const Treemap$1 = factory((_props) => {
-	const props = useProps("Treemap", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, data, dataKey, aspectRatio, withTooltip, tooltipAnimationDuration, tooltipProps, treemapProps, strokeColor, textColor, height: chartHeight, strokeWidth, valueFormatter, autoContrast, children, attributes, ...others } = props;
-	const theme = useMantineTheme();
-	const resolvedColors = resolveColors(data, theme);
-	const _autoContrast = getAutoContrastValue(autoContrast, theme);
-	const _textColor = textColor ? getThemeColor(textColor, theme) : void 0;
-	const resolvedLabelColors = resolveLabelColors(resolvedColors, _autoContrast, theme.luminanceThreshold, _textColor);
-	const getStyles = useStyles({
-		name: "Treemap",
-		classes: Treemap_module_default,
-		props,
-		className,
-		style,
-		classNames,
-		styles,
-		unstyled,
-		attributes,
-		vars,
-		varsResolver
-	});
-	const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
-		classNames,
-		styles,
-		props
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		...getStyles("root"),
-		...others,
-		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
-			height: chartHeight,
-			children: /* @__PURE__ */ jsxs(Treemap, {
-				data,
-				dataKey,
-				aspectRatio,
-				isAnimationActive: false,
-				content: (nodeProps) => /* @__PURE__ */ jsx(TreemapContent, {
-					...nodeProps,
-					resolvedColors,
-					resolvedLabelColors,
-					strokeWidth
-				}),
-				...treemapProps,
-				children: [withTooltip && /* @__PURE__ */ jsx(Tooltip$1, {
-					animationDuration: tooltipAnimationDuration,
-					isAnimationActive: false,
-					content: ({ payload }) => /* @__PURE__ */ jsx(ChartTooltip, {
-						payload: payload?.map((item) => ({
-							name: item.name,
-							value: item.value,
-							color: resolvedColors[item.name] || "var(--mantine-color-blue-6)"
-						})) || [],
-						classNames: resolvedClassNames,
-						styles: resolvedStyles,
-						type: "radial",
-						valueFormatter,
-						attributes
-					}),
-					...tooltipProps
-				}), children]
-			})
-		})
-	});
-});
-Treemap$1.displayName = "@mantine/charts/Treemap";
-Treemap$1.classes = Treemap_module_default;
-Treemap$1.varsResolver = varsResolver;
-//#endregion
-export { Treemap$1 as Treemap };
-
-//# sourceMappingURL=Treemap.mjs.map

package/esm/Treemap/Treemap.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Treemap.mjs","names":["Treemap","RechartsTreemap","Tooltip","classes"],"sources":["../../src/Treemap/Treemap.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Treemap as RechartsTreemap,\n  TreemapProps as RechartsTreemapProps,\n  ResponsiveContainer,\n  Tooltip,\n  TooltipProps,\n} from 'recharts';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getAutoContrastValue,\n  getThemeColor,\n  isLightColor,\n  MantineColor,\n  MantineTheme,\n  parseThemeColor,\n  rem,\n  StylesApiProps,\n  useMantineTheme,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '@mantine/core';\nimport { ChartTooltip, ChartTooltipStylesNames } from '../ChartTooltip/ChartTooltip';\nimport classes from './Treemap.module.css';\n\nexport interface TreemapData {\n  name: string;\n  value?: number;\n  color?: MantineColor;\n  children?: TreemapData[];\n  [key: string]: unknown;\n}\n\nexport type TreemapStylesNames = 'root' | ChartTooltipStylesNames;\nexport type TreemapCssVariables = {\n  root: '--chart-stroke-color' | '--chart-height';\n};\n\nexport interface TreemapProps\n  extends BoxProps, StylesApiProps<TreemapFactory>, ElementProps<'div'> {\n  /** Data used to render chart */\n  data: TreemapData[];\n\n  /** Key in data object for the value @default 'value' */\n  dataKey?: string;\n\n  /** The treemap will try to keep every single rectangle's aspect ratio near the aspectRatio given @default 1.618033988749895 */\n  aspectRatio?: number;\n\n  /** Determines whether the tooltip should be displayed when a node is hovered @default true */\n  withTooltip?: boolean;\n\n  /** Tooltip animation duration in ms @default 0 */\n  tooltipAnimationDuration?: number;\n\n  /** Props passed down to `Tooltip` recharts component */\n  tooltipProps?: Omit<TooltipProps<any, any>, 'ref'>;\n\n  /** Props passed down to recharts `Treemap` component */\n  treemapProps?: Partial<Omit<RechartsTreemapProps, 'ref' | 'data' | 'dataKey'>>;\n\n  /** Controls color of the node stroke, by default depends on color scheme */\n  strokeColor?: MantineColor;\n\n  /** Controls text color of labels @default dimmed */\n  textColor?: MantineColor;\n\n  /** Controls chart height @default 300 */\n  height?: number;\n\n  /** Controls width of node stroke @default 1 */\n  strokeWidth?: number;\n\n  /** A function to format values inside the tooltip */\n  valueFormatter?: (value: number) => string;\n\n  /** Determines whether text color should be adjusted based on background color to improve contrast */\n  autoContrast?: boolean;\n\n  /** Additional elements rendered inside `Treemap` component */\n  children?: React.ReactNode;\n}\n\nexport type TreemapFactory = Factory<{\n  props: TreemapProps;\n  ref: HTMLDivElement;\n  stylesNames: TreemapStylesNames;\n  vars: TreemapCssVariables;\n}>;\n\nconst defaultProps = {\n  dataKey: 'value',\n  withTooltip: true,\n  tooltipAnimationDuration: 0,\n  height: 300,\n  strokeWidth: 1,\n  aspectRatio: 0.5 * (1 + Math.sqrt(5)),\n} satisfies Partial<TreemapProps>;\n\nconst varsResolver = createVarsResolver<TreemapFactory>(\n  (theme, { strokeColor, height }) => ({\n    root: {\n      '--chart-stroke-color': strokeColor ? getThemeColor(strokeColor, theme) : undefined,\n      '--chart-height': rem(height),\n    },\n  })\n);\n\ninterface TreemapContentProps {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  depth: number;\n  name: string;\n  resolvedColors: Record<string, string>;\n  resolvedLabelColors: Record<string, string>;\n  index: number;\n  strokeWidth: number;\n}\n\nfunction TreemapContent({\n  x,\n  y,\n  width,\n  height,\n  depth,\n  name,\n  resolvedColors,\n  resolvedLabelColors,\n  index,\n  strokeWidth,\n}: TreemapContentProps) {\n  const fill = resolvedColors[name] || `var(--mantine-color-blue-${(index % 9) + 1})`;\n  const labelColor = resolvedLabelColors[name] || 'var(--mantine-color-white)';\n  const showLabel = width > 30 && height > 20;\n\n  return (\n    <g>\n      <rect\n        x={x}\n        y={y}\n        width={width}\n        height={height}\n        fill={depth >= 1 ? fill : 'transparent'}\n        stroke=\"var(--chart-stroke-color, var(--mantine-color-body))\"\n        strokeWidth={depth >= 1 ? strokeWidth : 0}\n      />\n      {depth >= 1 && showLabel && (\n        <text\n          x={x + width / 2}\n          y={y + height / 2}\n          textAnchor=\"middle\"\n          dominantBaseline=\"central\"\n          fill={labelColor}\n          fontSize={12}\n          fontFamily=\"var(--mantine-font-family)\"\n        >\n          {name}\n        </text>\n      )}\n    </g>\n  );\n}\n\nfunction resolveColors(\n  data: TreemapData[],\n  theme: MantineTheme,\n  parentColor?: string\n): Record<string, string> {\n  const result: Record<string, string> = {};\n  for (const item of data) {\n    const color = item.color || parentColor;\n    if (color) {\n      result[item.name] = parseThemeColor({ color, theme }).value;\n    }\n    if (item.children) {\n      Object.assign(result, resolveColors(item.children, theme, color));\n    }\n  }\n  return result;\n}\n\nfunction resolveLabelColors(\n  resolvedColors: Record<string, string>,\n  autoContrast: boolean,\n  luminanceThreshold: number,\n  textColor?: string\n): Record<string, string> {\n  const result: Record<string, string> = {};\n  for (const [name, color] of Object.entries(resolvedColors)) {\n    if (textColor) {\n      result[name] = textColor;\n    } else if (autoContrast) {\n      result[name] = isLightColor(color, luminanceThreshold)\n        ? 'var(--mantine-color-black)'\n        : 'var(--mantine-color-white)';\n    }\n  }\n  return result;\n}\n\nexport const Treemap = factory<TreemapFactory>((_props) => {\n  const props = useProps('Treemap', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    data,\n    dataKey,\n    aspectRatio,\n    withTooltip,\n    tooltipAnimationDuration,\n    tooltipProps,\n    treemapProps,\n    strokeColor,\n    textColor,\n    height: chartHeight,\n    strokeWidth,\n    valueFormatter,\n    autoContrast,\n    children,\n    attributes,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const resolvedColors = resolveColors(data, theme);\n  const _autoContrast = getAutoContrastValue(autoContrast, theme);\n  const _textColor = textColor ? getThemeColor(textColor, theme) : undefined;\n  const resolvedLabelColors = resolveLabelColors(\n    resolvedColors,\n    _autoContrast,\n    theme.luminanceThreshold,\n    _textColor\n  );\n\n  const getStyles = useStyles<TreemapFactory>({\n    name: 'Treemap',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TreemapFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  return (\n    <Box {...getStyles('root')} {...others}>\n      <ResponsiveContainer height={chartHeight}>\n        <RechartsTreemap\n          data={data as any}\n          dataKey={dataKey as any}\n          aspectRatio={aspectRatio}\n          isAnimationActive={false}\n          content={(nodeProps: any) => (\n            <TreemapContent\n              {...nodeProps}\n              resolvedColors={resolvedColors}\n              resolvedLabelColors={resolvedLabelColors}\n              strokeWidth={strokeWidth!}\n            />\n          )}\n          {...treemapProps}\n        >\n          {withTooltip && (\n            <Tooltip\n              animationDuration={tooltipAnimationDuration}\n              isAnimationActive={false}\n              content={({ payload }) => (\n                <ChartTooltip\n                  payload={\n                    payload?.map((item) => ({\n                      name: item.name as string,\n                      value: item.value as number,\n                      color:\n                        resolvedColors[item.name as string] || 'var(--mantine-color-blue-6)',\n                    })) || []\n                  }\n                  classNames={resolvedClassNames}\n                  styles={resolvedStyles}\n                  type=\"radial\"\n                  valueFormatter={valueFormatter}\n                  attributes={attributes}\n                />\n              )}\n              {...tooltipProps}\n            />\n          )}\n\n          {children}\n        </RechartsTreemap>\n      </ResponsiveContainer>\n    </Box>\n  );\n});\n\nTreemap.displayName = '@mantine/charts/Treemap';\nTreemap.classes = classes;\nTreemap.varsResolver = varsResolver;\n"],"mappings":"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"}

package/esm/Treemap/Treemap.module.mjs

@@ -1,7 +0,0 @@
-"use client";
-//#region packages/@mantine/charts/src/Treemap/Treemap.module.css
-var Treemap_module_default = { "root": "m_3c064071" };
-//#endregion
-export { Treemap_module_default as default };
-
-//# sourceMappingURL=Treemap.module.mjs.map

package/esm/Treemap/Treemap.module.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Treemap.module.mjs","names":[],"sources":["../../src/Treemap/Treemap.module.css"],"sourcesContent":[".root {\n  min-height: var(--chart-height, auto);\n\n  & :where(*) {\n    outline: 0;\n  }\n}\n"],"mappings":""}