@arolariu/components 0.4.2 → 1.0.0

package/dist/components/ui/chart.js

@@ -1,8 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useId, useMemo } from "react";
+import { Area, AreaChart, Bar, BarChart, BarStack, Brush, CartesianGrid, Cell, ComposedChart, Cross, Curve, Customized, DefaultZIndexes, Dot, ErrorBar, Funnel, FunnelChart, Label, LabelList, Legend, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Polygon, Radar, RadarChart, RadialBar, RadialBarChart, Rectangle, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer, Sankey, Scatter, ScatterChart, Sector, SunburstChart, Symbols, Tooltip, Trapezoid, Treemap, XAxis, YAxis, ZAxis, ZIndexLayer, useActiveTooltipCoordinate, useActiveTooltipDataPoints, useActiveTooltipLabel, useChartHeight, useChartWidth, useIsTooltipActive, useMargin, useOffset, usePlotArea, useXAxisDomain, useYAxisDomain } from "recharts";
 import { cn } from "../../lib/utilities.js";
-import { createContext, useContext, useId, useMemo } from "react";
-import { Legend, ResponsiveContainer, Tooltip } from "recharts";
+import chart_module from "./chart.module.js";
 const THEMES = {
     light: "",
     dark: ".dark"
@@ -13,12 +14,12 @@ function useChart() {
     if (!context) throw new Error("useChart must be used within a <ChartContainer />");
     return context;
 }
-function ChartContainer({ id, config, initialDimension = {
+const ChartContainer = /*#__PURE__*/ forwardRef(({ id, config, initialDimension = {
     width: 320,
     height: 200
-}, className, children, ...props }) {
+}, className, children, innerResponsiveContainerStyle, aspect, debounce, height, maxHeight, minHeight, minWidth, onResize, width, ...props }, ref)=>{
     const uniqueId = useId();
-    const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+    const chartId = `chart-${id ?? uniqueId.replaceAll(":", "")}`;
     return /*#__PURE__*/ jsx(ChartContext.Provider, {
         value: {
             config
@@ -26,7 +27,7 @@ function ChartContainer({ id, config, initialDimension = {
         children: /*#__PURE__*/ jsxs("div", {
             "data-slot": "chart",
             "data-chart": chartId,
-            className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+            className: cn(chart_module.container, className),
             ...props,
             children: [
                 /*#__PURE__*/ jsx(ChartStyle, {
@@ -34,15 +35,27 @@ function ChartContainer({ id, config, initialDimension = {
                     config: config
                 }),
                 /*#__PURE__*/ jsx(ResponsiveContainer, {
+                    ref: ref,
+                    id: id,
+                    className: className,
                     initialDimension: initialDimension,
+                    aspect: aspect,
+                    debounce: debounce,
+                    height: height,
+                    maxHeight: maxHeight,
+                    minHeight: minHeight,
+                    minWidth: minWidth,
+                    onResize: onResize,
+                    style: innerResponsiveContainerStyle,
+                    width: width,
                     children: children
                 })
             ]
         })
     });
-}
+});
 const ChartStyle = ({ id, config })=>{
-    const colorConfig = Object.entries(config).filter(([, config])=>config.theme ?? config.color);
+    const colorConfig = Object.entries(config).filter(([, itemConfig])=>itemConfig.theme ?? itemConfig.color);
     if (!colorConfig.length) return null;
     return /*#__PURE__*/ jsx("style", {
         dangerouslySetInnerHTML: {
@@ -58,7 +71,7 @@ ${colorConfig.map(([key, itemConfig])=>{
     });
 };
 const ChartTooltip = Tooltip;
-function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
+function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, separator }) {
     const { config } = useChart();
     const tooltipLabel = useMemo(()=>{
         if (hideLabel || !payload?.length) return null;
@@ -67,73 +80,88 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
         const value = labelKey || "string" != typeof label ? itemConfig?.label : config[label]?.label ?? label;
         if (labelFormatter) return /*#__PURE__*/ jsx("div", {
-            className: cn("font-medium", labelClassName),
+            className: cn(chart_module.tooltipLabel, labelClassName),
             children: labelFormatter(value, payload)
         });
-        if (!value) return null;
+        if (null == value) return null;
         return /*#__PURE__*/ jsx("div", {
-            className: cn("font-medium", labelClassName),
+            className: cn(chart_module.tooltipLabel, labelClassName),
             children: value
         });
     }, [
-        label,
-        labelFormatter,
-        payload,
+        config,
         hideLabel,
+        label,
         labelClassName,
-        config,
-        labelKey
+        labelFormatter,
+        labelKey,
+        payload
     ]);
     if (!active || !payload?.length) return null;
     const nestLabel = 1 === payload.length && "dot" !== indicator;
     return /*#__PURE__*/ jsxs("div", {
-        className: cn("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className),
+        className: cn(chart_module.tooltip, className),
         children: [
             nestLabel ? null : tooltipLabel,
             /*#__PURE__*/ jsx("div", {
-                className: "grid gap-1.5",
+                className: chart_module.tooltipBody,
                 children: payload.filter((item)=>"none" !== item.type).map((item, index)=>{
-                    const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+                    const key = `${nameKey ?? item.dataKey ?? item.name ?? "value"}`;
                     const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
+                    const indicatorColor = color ?? item.payload?.fill ?? item.color ?? "transparent";
+                    const indicatorStyle = {
+                        "--ac-chart-indicator-background": indicatorColor,
+                        "--ac-chart-indicator-border": indicatorColor
+                    };
+                    const itemFormatter = formatter ?? item.formatter;
+                    const hasFormatter = "function" == typeof itemFormatter && void 0 !== item.value && void 0 !== item.name;
+                    const formatterResult = hasFormatter ? itemFormatter(item.value, item.name, item, index, payload) : void 0;
+                    const formattedEntry = Array.isArray(formatterResult) && 2 === formatterResult.length ? formatterResult : void 0;
+                    const resolvedName = formattedEntry?.[1] ?? itemConfig?.label ?? item.name;
+                    const resolvedUnit = item.unit ?? itemConfig?.unit;
+                    const resolvedValue = formattedEntry?.[0] ?? (null !== item.value && void 0 !== item.value ? formatChartValue(item.value, itemConfig) : null);
                     return /*#__PURE__*/ jsx("div", {
-                        className: cn("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", "dot" === indicator && "items-center"),
-                        children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/ jsxs(Fragment, {
+                        className: cn(chart_module.tooltipItem, "dot" === indicator && chart_module.tooltipItemCenter),
+                        children: null == formatterResult || formattedEntry ? /*#__PURE__*/ jsxs(Fragment, {
                             children: [
                                 itemConfig?.icon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : !hideIndicator && /*#__PURE__*/ jsx("div", {
-                                    className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-                                        "h-2.5 w-2.5": "dot" === indicator,
-                                        "w-1": "line" === indicator,
-                                        "w-0 border-[1.5px] border-dashed bg-transparent": "dashed" === indicator,
-                                        "my-0.5": nestLabel && "dashed" === indicator
-                                    }),
-                                    style: {
-                                        "--color-bg": indicatorColor,
-                                        "--color-border": indicatorColor
-                                    }
+                                    className: cn(chart_module.tooltipIndicator, "dot" === indicator && chart_module.tooltipIndicatorDot, "line" === indicator && chart_module.tooltipIndicatorLine, "dashed" === indicator && chart_module.tooltipIndicatorDashed, nestLabel && "dashed" === indicator && chart_module.tooltipIndicatorDashedNested),
+                                    style: indicatorStyle
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+                                    className: cn(chart_module.tooltipValueRow, nestLabel && chart_module.tooltipValueRowNested),
                                     children: [
                                         /*#__PURE__*/ jsxs("div", {
-                                            className: "grid gap-1.5",
+                                            className: chart_module.tooltipNameWrapper,
                                             children: [
                                                 nestLabel ? tooltipLabel : null,
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "text-muted-foreground",
-                                                    children: itemConfig?.label ?? item.name
+                                                null != resolvedName && /*#__PURE__*/ jsx("span", {
+                                                    className: chart_module.tooltipName,
+                                                    children: resolvedName
                                                 })
                                             ]
                                         }),
-                                        null != item.value && /*#__PURE__*/ jsx("span", {
-                                            className: "text-foreground font-mono font-medium tabular-nums",
-                                            children: "number" == typeof item.value ? item.value.toLocaleString() : String(item.value)
+                                        null != resolvedValue && /*#__PURE__*/ jsxs("span", {
+                                            className: chart_module.tooltipValue,
+                                            children: [
+                                                null != resolvedName && separator ? /*#__PURE__*/ jsx("span", {
+                                                    "aria-hidden": "true",
+                                                    children: separator
+                                                }) : null,
+                                                resolvedValue,
+                                                null != resolvedUnit ? /*#__PURE__*/ jsxs("span", {
+                                                    children: [
+                                                        " ",
+                                                        resolvedUnit
+                                                    ]
+                                                }) : null
+                                            ]
                                         })
                                     ]
                                 })
                             ]
-                        })
-                    }, index);
+                        }) : formatterResult
+                    }, `${key}-${index}`);
                 })
             })
         ]
@@ -144,33 +172,110 @@ function ChartLegendContent({ className, hideIcon = false, nameKey, payload, ver
     const { config } = useChart();
     if (!payload?.length) return null;
     return /*#__PURE__*/ jsx("div", {
-        className: cn("flex items-center justify-center gap-4", "top" === verticalAlign ? "pb-3" : "pt-3", className),
+        className: cn(chart_module.legend, "top" === verticalAlign ? chart_module.legendTop : chart_module.legendBottom, className),
         children: payload.filter((item)=>"none" !== item.type).map((item)=>{
             const key = `${nameKey ?? item.dataKey ?? "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             return /*#__PURE__*/ jsxs("div", {
-                className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+                className: chart_module.legendItem,
                 children: [
                     itemConfig?.icon && !hideIcon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : /*#__PURE__*/ jsx("div", {
-                        className: "h-2 w-2 shrink-0 rounded-[2px]",
+                        className: chart_module.legendColor,
                         style: {
                             backgroundColor: item.color
                         }
                     }),
-                    itemConfig?.label
+                    itemConfig?.label ?? item.value ?? formatLegendDataKey(item.dataKey)
                 ]
-            }, item.value);
+            }, String(item.value));
         })
     });
 }
+function formatChartValue(value, itemConfig) {
+    if ("number" == typeof value) return itemConfig?.formatter ? itemConfig.formatter(value) : value.toLocaleString();
+    return String(value);
+}
+function formatLegendDataKey(dataKey) {
+    return "number" == typeof dataKey || "string" == typeof dataKey ? String(dataKey) : null;
+}
 function getPayloadConfigFromPayload(config, payload, key) {
     if ("object" != typeof payload || null === payload) return;
-    const payloadPayload = "payload" in payload && "object" == typeof payload.payload && null !== payload.payload ? payload.payload : void 0;
+    const payloadObject = payload;
+    const nestedPayload = "object" == typeof payloadObject["payload"] && null !== payloadObject["payload"] ? payloadObject["payload"] : void 0;
     let configLabelKey = key;
-    if (key in payload && "string" == typeof payload[key]) configLabelKey = payload[key];
-    else if (payloadPayload && key in payloadPayload && "string" == typeof payloadPayload[key]) configLabelKey = payloadPayload[key];
-    return configLabelKey in config ? config[configLabelKey] : config[key];
+    if ("string" == typeof payloadObject[key]) configLabelKey = payloadObject[key];
+    else if (nestedPayload && "string" == typeof nestedPayload[key]) configLabelKey = nestedPayload[key];
+    return config[configLabelKey] ?? config[key];
 }
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+ChartContainer.displayName = "ChartContainer";
+ChartStyle.displayName = "ChartStyle";
+Object.assign(ChartTooltip, {
+    displayName: "ChartTooltip"
+});
+ChartTooltipContent.displayName = "ChartTooltipContent";
+Object.assign(ChartLegend, {
+    displayName: "ChartLegend"
+});
+ChartLegendContent.displayName = "ChartLegendContent";
+const chart_AreaChart = AreaChart;
+const chart_BarChart = BarChart;
+const chart_ComposedChart = ComposedChart;
+const chart_FunnelChart = FunnelChart;
+const chart_LineChart = LineChart;
+const chart_PieChart = PieChart;
+const chart_RadarChart = RadarChart;
+const chart_RadialBarChart = RadialBarChart;
+const chart_ScatterChart = ScatterChart;
+const chart_Sankey = Sankey;
+const chart_SunburstChart = SunburstChart;
+const chart_Treemap = Treemap;
+const chart_Area = Area;
+const chart_Bar = Bar;
+const chart_BarStack = BarStack;
+const chart_Funnel = Funnel;
+const chart_Line = Line;
+const chart_Pie = Pie;
+const chart_Radar = Radar;
+const chart_RadialBar = RadialBar;
+const chart_Scatter = Scatter;
+const chart_CartesianGrid = CartesianGrid;
+const chart_PolarAngleAxis = PolarAngleAxis;
+const chart_PolarGrid = PolarGrid;
+const chart_PolarRadiusAxis = PolarRadiusAxis;
+const chart_XAxis = XAxis;
+const chart_YAxis = YAxis;
+const chart_ZAxis = ZAxis;
+const chart_Brush = Brush;
+const chart_ErrorBar = ErrorBar;
+const RechartsLabel = Label;
+const chart_LabelList = LabelList;
+const chart_ReferenceArea = ReferenceArea;
+const chart_ReferenceDot = ReferenceDot;
+const chart_ReferenceLine = ReferenceLine;
+const chart_ResponsiveContainer = ResponsiveContainer;
+const chart_Customized = Customized;
+const chart_Cell = Cell;
+const chart_Cross = Cross;
+const chart_Curve = Curve;
+const chart_Dot = Dot;
+const chart_Polygon = Polygon;
+const chart_Rectangle = Rectangle;
+const chart_Sector = Sector;
+const chart_Symbols = Symbols;
+const chart_Trapezoid = Trapezoid;
+const chart_ZIndexLayer = ZIndexLayer;
+const chart_DefaultZIndexes = DefaultZIndexes;
+const chart_useChartWidth = useChartWidth;
+const chart_useChartHeight = useChartHeight;
+const chart_useOffset = useOffset;
+const chart_usePlotArea = usePlotArea;
+const chart_useMargin = useMargin;
+const chart_useIsTooltipActive = useIsTooltipActive;
+const chart_useActiveTooltipCoordinate = useActiveTooltipCoordinate;
+const chart_useActiveTooltipDataPoints = useActiveTooltipDataPoints;
+const chart_useActiveTooltipLabel = useActiveTooltipLabel;
+const chart_useXAxisDomain = useXAxisDomain;
+const chart_useYAxisDomain = useYAxisDomain;
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, RechartsLabel, chart_Area as Area, chart_AreaChart as AreaChart, chart_Bar as Bar, chart_BarChart as BarChart, chart_BarStack as BarStack, chart_Brush as Brush, chart_CartesianGrid as CartesianGrid, chart_Cell as Cell, chart_ComposedChart as ComposedChart, chart_Cross as Cross, chart_Curve as Curve, chart_Customized as Customized, chart_DefaultZIndexes as DefaultZIndexes, chart_Dot as Dot, chart_ErrorBar as ErrorBar, chart_Funnel as Funnel, chart_FunnelChart as FunnelChart, chart_LabelList as LabelList, chart_Line as Line, chart_LineChart as LineChart, chart_Pie as Pie, chart_PieChart as PieChart, chart_PolarAngleAxis as PolarAngleAxis, chart_PolarGrid as PolarGrid, chart_PolarRadiusAxis as PolarRadiusAxis, chart_Polygon as Polygon, chart_Radar as Radar, chart_RadarChart as RadarChart, chart_RadialBar as RadialBar, chart_RadialBarChart as RadialBarChart, chart_Rectangle as Rectangle, chart_ReferenceArea as ReferenceArea, chart_ReferenceDot as ReferenceDot, chart_ReferenceLine as ReferenceLine, chart_ResponsiveContainer as ResponsiveContainer, chart_Sankey as Sankey, chart_Scatter as Scatter, chart_ScatterChart as ScatterChart, chart_Sector as Sector, chart_SunburstChart as SunburstChart, chart_Symbols as Symbols, chart_Trapezoid as Trapezoid, chart_Treemap as Treemap, chart_XAxis as XAxis, chart_YAxis as YAxis, chart_ZAxis as ZAxis, chart_ZIndexLayer as ZIndexLayer, chart_useActiveTooltipCoordinate as useActiveTooltipCoordinate, chart_useActiveTooltipDataPoints as useActiveTooltipDataPoints, chart_useActiveTooltipLabel as useActiveTooltipLabel, chart_useChartHeight as useChartHeight, chart_useChartWidth as useChartWidth, chart_useIsTooltipActive as useIsTooltipActive, chart_useMargin as useMargin, chart_useOffset as useOffset, chart_usePlotArea as usePlotArea, chart_useXAxisDomain as useXAxisDomain, chart_useYAxisDomain as useYAxisDomain };
 
 //# sourceMappingURL=chart.js.map

package/dist/components/ui/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/chart.js","sources":["../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\nimport * as RechartsPrimitive from \"recharts\";\r\nimport type {NameType, ValueType} from \"recharts/types/component/DefaultTooltipContent\";\r\n\r\n// Format: { THEME_NAME: CSS_SELECTOR }\r\nconst THEMES = {light: \"\", dark: \".dark\"} as const;\r\n\r\nexport type ChartConfig = Record<\r\n  string,\r\n  {\r\n    label?: React.ReactNode;\r\n    icon?: React.ComponentType;\r\n  } & ({color?: string; theme?: never} | {color?: never; theme: Record<keyof typeof THEMES, string>})\r\n>;\r\n\r\ninterface ChartContextProps {\r\n  config: ChartConfig;\r\n}\r\n\r\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\r\n\r\nfunction useChart() {\r\n  const context = React.useContext(ChartContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\ninterface ChartContainerProps\r\n  extends\r\n    Omit<React.ComponentProps<\"div\">, \"children\">,\r\n    Pick<\r\n      React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>,\r\n      \"initialDimension\" | \"aspect\" | \"debounce\" | \"minHeight\" | \"minWidth\" | \"maxHeight\" | \"height\" | \"width\" | \"onResize\" | \"children\"\r\n    > {\r\n  config: ChartConfig;\r\n  innerResponsiveContainerStyle?: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"style\"];\r\n}\r\n\r\nfunction ChartContainer({\r\n  id,\r\n  config,\r\n  initialDimension = {width: 320, height: 200},\r\n  className,\r\n  children,\r\n  ...props\r\n}: Readonly<ChartContainerProps>) {\r\n  const uniqueId = React.useId();\r\n  const chartId = `chart-${id ?? uniqueId.replace(/:/g, \"\")}`;\r\n\r\n  return (\r\n    <ChartContext.Provider value={{config}}>\r\n      <div\r\n        data-slot='chart'\r\n        data-chart={chartId}\r\n        className={cn(\r\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        <ChartStyle\r\n          id={chartId}\r\n          config={config}\r\n        />\r\n        <RechartsPrimitive.ResponsiveContainer initialDimension={initialDimension}>{children}</RechartsPrimitive.ResponsiveContainer>\r\n      </div>\r\n    </ChartContext.Provider>\r\n  );\r\n}\r\n\r\nconst ChartStyle = ({id, config}: {id: string; config: ChartConfig}) => {\r\n  const colorConfig = Object.entries(config).filter(([, config]) => config.theme ?? config.color);\r\n\r\n  if (!colorConfig.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <style\r\n      dangerouslySetInnerHTML={{\r\n        __html: Object.entries(THEMES)\r\n          .map(\r\n            ([theme, prefix]) => `\r\n${prefix} [data-chart=${id}] {\r\n${colorConfig\r\n  .map(([key, itemConfig]) => {\r\n    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ?? itemConfig.color;\r\n    return color ? `  --color-${key}: ${color};` : null;\r\n  })\r\n  .join(\"\\n\")}\r\n}\r\n`,\r\n          )\r\n          .join(\"\\n\"),\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nconst ChartTooltip = RechartsPrimitive.Tooltip;\r\n\r\nfunction ChartTooltipContent({\r\n  active,\r\n  payload,\r\n  className,\r\n  indicator = \"dot\",\r\n  hideLabel = false,\r\n  hideIndicator = false,\r\n  label,\r\n  labelFormatter,\r\n  labelClassName,\r\n  formatter,\r\n  color,\r\n  nameKey,\r\n  labelKey,\r\n}: React.ComponentProps<typeof RechartsPrimitive.Tooltip>\r\n  & React.ComponentProps<\"div\"> & {\r\n    hideLabel?: boolean;\r\n    hideIndicator?: boolean;\r\n    indicator?: \"line\" | \"dot\" | \"dashed\";\r\n    nameKey?: string;\r\n    labelKey?: string;\r\n  } & Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType, NameType>, \"accessibilityLayer\">) {\r\n  const {config} = useChart();\r\n\r\n  const tooltipLabel = React.useMemo(() => {\r\n    if (hideLabel || !payload?.length) {\r\n      return null;\r\n    }\r\n\r\n    const [item] = payload;\r\n    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? \"value\"}`;\r\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n    const value = !labelKey && typeof label === \"string\" ? (config[label]?.label ?? label) : itemConfig?.label;\r\n\r\n    if (labelFormatter) {\r\n      return <div className={cn(\"font-medium\", labelClassName)}>{labelFormatter(value, payload)}</div>;\r\n    }\r\n\r\n    if (!value) {\r\n      return null;\r\n    }\r\n\r\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\r\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\r\n\r\n  if (!active || !payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\r\n        className,\r\n      )}>\r\n      {!nestLabel ? tooltipLabel : null}\r\n      <div className='grid gap-1.5'>\r\n        {payload\r\n          .filter((item) => item.type !== \"none\")\r\n          .map((item, index) => {\r\n            const key = `${nameKey ?? item.name ?? item.dataKey ?? \"value\"}`;\r\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n            const indicatorColor = color ?? item.payload?.fill ?? item.color;\r\n\r\n            return (\r\n              <div\r\n                key={index}\r\n                className={cn(\r\n                  \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\r\n                  indicator === \"dot\" && \"items-center\",\r\n                )}>\r\n                {formatter && item?.value !== undefined && item.name ? (\r\n                  formatter(item.value, item.name, item, index, item.payload)\r\n                ) : (\r\n                  <>\r\n                    {itemConfig?.icon ? (\r\n                      <itemConfig.icon />\r\n                    ) : (\r\n                      !hideIndicator && (\r\n                        <div\r\n                          className={cn(\"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\", {\r\n                            \"h-2.5 w-2.5\": indicator === \"dot\",\r\n                            \"w-1\": indicator === \"line\",\r\n                            \"w-0 border-[1.5px] border-dashed bg-transparent\": indicator === \"dashed\",\r\n                            \"my-0.5\": nestLabel && indicator === \"dashed\",\r\n                          })}\r\n                          style={\r\n                            {\r\n                              \"--color-bg\": indicatorColor,\r\n                              \"--color-border\": indicatorColor,\r\n                            } as React.CSSProperties\r\n                          }\r\n                        />\r\n                      )\r\n                    )}\r\n                    <div className={cn(\"flex flex-1 justify-between leading-none\", nestLabel ? \"items-end\" : \"items-center\")}>\r\n                      <div className='grid gap-1.5'>\r\n                        {nestLabel ? tooltipLabel : null}\r\n                        <span className='text-muted-foreground'>{itemConfig?.label ?? item.name}</span>\r\n                      </div>\r\n                      {item.value != null && (\r\n                        <span className='text-foreground font-mono font-medium tabular-nums'>\r\n                          {typeof item.value === \"number\" ? item.value.toLocaleString() : String(item.value)}\r\n                        </span>\r\n                      )}\r\n                    </div>\r\n                  </>\r\n                )}\r\n              </div>\r\n            );\r\n          })}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst ChartLegend = RechartsPrimitive.Legend;\r\n\r\nfunction ChartLegendContent({\r\n  className,\r\n  hideIcon = false,\r\n  nameKey,\r\n  payload,\r\n  verticalAlign,\r\n}: React.ComponentProps<\"div\"> & {\r\n  hideIcon?: boolean;\r\n  nameKey?: string;\r\n} & RechartsPrimitive.DefaultLegendContentProps) {\r\n  const {config} = useChart();\r\n\r\n  if (!payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"flex items-center justify-center gap-4\", verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\", className)}>\r\n      {payload\r\n        .filter((item) => item.type !== \"none\")\r\n        .map((item) => {\r\n          const key = `${nameKey ?? item.dataKey ?? \"value\"}`;\r\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n\r\n          return (\r\n            <div\r\n              key={item.value}\r\n              className={cn(\"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\")}>\r\n              {itemConfig?.icon && !hideIcon ? (\r\n                <itemConfig.icon />\r\n              ) : (\r\n                <div\r\n                  className='h-2 w-2 shrink-0 rounded-[2px]'\r\n                  style={{\r\n                    backgroundColor: item.color,\r\n                  }}\r\n                />\r\n              )}\r\n              {itemConfig?.label}\r\n            </div>\r\n          );\r\n        })}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Helper to extract item config from a payload.\r\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\r\n  if (typeof payload !== \"object\" || payload === null) {\r\n    return undefined;\r\n  }\r\n\r\n  const payloadPayload =\r\n    \"payload\" in payload && typeof payload.payload === \"object\" && payload.payload !== null ? payload.payload : undefined;\r\n\r\n  let configLabelKey: string = key;\r\n\r\n  if (key in payload && typeof payload[key as keyof typeof payload] === \"string\") {\r\n    configLabelKey = payload[key as keyof typeof payload] as string;\r\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\") {\r\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\r\n  }\r\n\r\n  return configLabelKey in config ? config[configLabelKey] : config[key];\r\n}\r\n\r\nexport {ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent};\r\n"],"names":["THEMES","ChartContext","React","useChart","context","Error","ChartContainer","id","config","initialDimension","className","children","props","uniqueId","chartId","cn","ChartStyle","RechartsPrimitive","colorConfig","Object","theme","prefix","key","itemConfig","color","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","undefined","String","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
+{"version":3,"file":"components/ui/chart.js","sources":["../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable complexity, react/no-object-type-as-default-prop, react/no-danger, react-dom/no-dangerously-set-innerhtml, unicorn/no-negated-condition */\r\n\r\nimport * as React from \"react\";\r\nimport type {DefaultTooltipContentProps, LegendPayload, ResponsiveContainerProps, TooltipValueType} from \"recharts\";\r\nimport * as RechartsPrimitive from \"recharts\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./chart.module.css\";\r\n\r\nconst THEMES = {light: \"\", dark: \".dark\"} as const;\r\n\r\n/**\r\n * Describes per-series chart metadata used by legend and tooltip renderers.\r\n */\r\ntype ChartConfigItem = {\r\n  /**\r\n   * Label rendered by shared legends and tooltips for the series.\r\n   * @default undefined\r\n   */\r\n  label?: React.ReactNode;\r\n  /**\r\n   * Optional icon rendered in legends and tooltips instead of the color swatch.\r\n   * @default undefined\r\n   */\r\n  icon?: React.ComponentType;\r\n  /**\r\n   * Unit suffix appended to rendered values when the payload does not provide one.\r\n   * @default undefined\r\n   */\r\n  unit?: string;\r\n  /**\r\n   * Shared numeric formatter used by helper content renderers when no Recharts tooltip formatter is supplied.\r\n   * @default undefined\r\n   */\r\n  formatter?: (value: number) => string;\r\n  /**\r\n   * Recharts stack identifier that consuming chart primitives can read from config.\r\n   * @default undefined\r\n   */\r\n  stackId?: string;\r\n};\r\n\r\nexport type ChartConfig = Record<\r\n  string,\r\n  ChartConfigItem & ({color?: string; theme?: never} | {color?: never; theme: Record<keyof typeof THEMES, string>})\r\n>;\r\n\r\ninterface ChartContextProps {\r\n  config: ChartConfig;\r\n}\r\n\r\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\r\n\r\nfunction useChart(): ChartContextProps {\r\n  const context = React.useContext(ChartContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\ninterface ChartContainerProps\r\n  extends\r\n    Omit<React.ComponentProps<\"div\">, \"children\" | \"className\" | \"id\">,\r\n    Pick<\r\n      ResponsiveContainerProps,\r\n      | \"initialDimension\"\r\n      | \"aspect\"\r\n      | \"debounce\"\r\n      | \"minHeight\"\r\n      | \"minWidth\"\r\n      | \"maxHeight\"\r\n      | \"height\"\r\n      | \"width\"\r\n      | \"onResize\"\r\n      | \"children\"\r\n      | \"className\"\r\n      | \"id\"\r\n    > {\r\n  /**\r\n   * Series configuration used to resolve labels, icons, and colors.\r\n   * @default undefined\r\n   */\r\n  config: ChartConfig;\r\n  /**\r\n   * Inline styles applied to the inner `ResponsiveContainer`.\r\n   * @default undefined\r\n   */\r\n  innerResponsiveContainerStyle?: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[\"style\"];\r\n}\r\n\r\n/**\r\n * Provides responsive chart layout and series config context for Recharts content.\r\n *\r\n * @remarks\r\n * - Renders a wrapping `<div>` element\r\n * - Built on `recharts` `ResponsiveContainer`\r\n * - Injects CSS variables so legends and tooltips can share theme-aware colors\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChartContainer config={{sales: {label: \"Sales\", color: \"#2563eb\"}}}>\r\n *   <RechartsPrimitive.BarChart data={data}>...</RechartsPrimitive.BarChart>\r\n * </ChartContainer>\r\n * ```\r\n *\r\n * @see {@link https://recharts.org/en-US/api/ResponsiveContainer | Recharts ResponsiveContainer Docs}\r\n */\r\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(\r\n  (\r\n    {\r\n      id,\r\n      config,\r\n      initialDimension = {width: 320, height: 200},\r\n      className,\r\n      children,\r\n      innerResponsiveContainerStyle,\r\n      aspect,\r\n      debounce,\r\n      height,\r\n      maxHeight,\r\n      minHeight,\r\n      minWidth,\r\n      onResize,\r\n      width,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const uniqueId = React.useId();\r\n    const chartId = `chart-${id ?? uniqueId.replaceAll(\":\", \"\")}`;\r\n\r\n    return (\r\n      <ChartContext.Provider value={{config}}>\r\n        <div\r\n          data-slot='chart'\r\n          data-chart={chartId}\r\n          className={cn(styles.container, className)}\r\n          {...props}>\r\n          <ChartStyle\r\n            id={chartId}\r\n            config={config}\r\n          />\r\n          <RechartsPrimitive.ResponsiveContainer\r\n            ref={ref}\r\n            id={id}\r\n            className={className}\r\n            initialDimension={initialDimension}\r\n            aspect={aspect}\r\n            debounce={debounce}\r\n            height={height}\r\n            maxHeight={maxHeight}\r\n            minHeight={minHeight}\r\n            minWidth={minWidth}\r\n            onResize={onResize}\r\n            style={innerResponsiveContainerStyle}\r\n            width={width}>\r\n            {children}\r\n          </RechartsPrimitive.ResponsiveContainer>\r\n        </div>\r\n      </ChartContext.Provider>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Emits theme-aware CSS variables for configured chart series colors.\r\n *\r\n * @remarks\r\n * - Renders a `<style>` element\r\n * - Built on the shared chart configuration contract\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChartStyle id='chart-sales' config={config} />\r\n * ```\r\n *\r\n * @see {@link https://recharts.org | Recharts Docs}\r\n */\r\nconst ChartStyle = ({id, config}: Readonly<{id: string; config: ChartConfig}>): React.JSX.Element | null => {\r\n  const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme ?? itemConfig.color);\r\n\r\n  if (!colorConfig.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <style\r\n      dangerouslySetInnerHTML={{\r\n        __html: Object.entries(THEMES)\r\n          .map(\r\n            ([theme, prefix]) => `\r\n${prefix} [data-chart=${id}] {\r\n${colorConfig\r\n  .map(([key, itemConfig]) => {\r\n    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ?? itemConfig.color;\r\n    return color ? `  --color-${key}: ${color};` : null;\r\n  })\r\n  .join(\"\\n\")}\r\n}\r\n`,\r\n          )\r\n          .join(\"\\n\"),\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\n/**\r\n * Re-exports the Recharts tooltip primitive for use with shared chart helpers.\r\n *\r\n * @remarks\r\n * - Renders the Recharts tooltip container\r\n * - Built on `recharts`\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChartTooltip content={<ChartTooltipContent />} />\r\n * ```\r\n *\r\n * @see {@link https://recharts.org/en-US/api/Tooltip | Recharts Tooltip Docs}\r\n */\r\nconst ChartTooltip = RechartsPrimitive.Tooltip;\r\n\r\n/**\r\n * Renders shared tooltip content for charts configured with {@link ChartContainer}.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element when active\r\n * - Built on `recharts` tooltip payloads and shared chart config context\r\n * - Honors `active`, `payload`, `label`, `labelFormatter`, `formatter`, `separator`,\r\n *   `className`, `labelClassName`, `color`, `nameKey`, and `labelKey`\r\n * - Ignores `wrapperClassName`, `contentStyle`, `itemStyle`, `labelStyle`, and\r\n *   `accessibilityLayer` because this helper renders its own DOM structure\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChartTooltip content={<ChartTooltipContent indicator='line' />} />\r\n * ```\r\n *\r\n * @see {@link https://recharts.org/en-US/api/Tooltip | Recharts Tooltip Docs}\r\n */\r\nfunction ChartTooltipContent({\r\n  active,\r\n  payload,\r\n  className,\r\n  indicator = \"dot\",\r\n  hideLabel = false,\r\n  hideIndicator = false,\r\n  label,\r\n  labelFormatter,\r\n  labelClassName,\r\n  formatter,\r\n  color,\r\n  nameKey,\r\n  labelKey,\r\n  separator,\r\n}: React.ComponentProps<typeof RechartsPrimitive.Tooltip>\r\n  & React.ComponentProps<\"div\"> & {\r\n    hideLabel?: boolean;\r\n    hideIndicator?: boolean;\r\n    indicator?: \"line\" | \"dot\" | \"dashed\";\r\n    nameKey?: string;\r\n    labelKey?: string;\r\n  } & Omit<DefaultTooltipContentProps, \"accessibilityLayer\">): React.JSX.Element | null {\r\n  const {config} = useChart();\r\n\r\n  const tooltipLabel = React.useMemo(() => {\r\n    if (hideLabel || !payload?.length) {\r\n      return null;\r\n    }\r\n\r\n    const [item] = payload;\r\n    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? \"value\"}`;\r\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n    const value = !labelKey && typeof label === \"string\" ? (config[label]?.label ?? label) : itemConfig?.label;\r\n\r\n    if (labelFormatter) {\r\n      return <div className={cn(styles.tooltipLabel, labelClassName)}>{labelFormatter(value, payload)}</div>;\r\n    }\r\n\r\n    if (value === null || value === undefined) {\r\n      return null;\r\n    }\r\n\r\n    return <div className={cn(styles.tooltipLabel, labelClassName)}>{value}</div>;\r\n  }, [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);\r\n\r\n  if (!active || !payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\r\n\r\n  return (\r\n    <div className={cn(styles.tooltip, className)}>\r\n      {!nestLabel ? tooltipLabel : null}\r\n      <div className={styles.tooltipBody}>\r\n        {payload\r\n          .filter((item) => item.type !== \"none\")\r\n          .map((item, index) => {\r\n            const key = `${nameKey ?? item.dataKey ?? item.name ?? \"value\"}`;\r\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n            const indicatorColor = color ?? item.payload?.fill ?? item.color ?? \"transparent\";\r\n            const indicatorStyle = {\r\n              \"--ac-chart-indicator-background\": indicatorColor,\r\n              \"--ac-chart-indicator-border\": indicatorColor,\r\n            } as React.CSSProperties & Record<\"--ac-chart-indicator-background\" | \"--ac-chart-indicator-border\", string>;\r\n\r\n            const itemFormatter = formatter ?? item.formatter;\r\n            const hasFormatter = typeof itemFormatter === \"function\" && item.value !== undefined && item.name !== undefined;\r\n            const formatterResult = hasFormatter ? itemFormatter(item.value, item.name, item, index, payload) : undefined;\r\n            const formattedEntry = Array.isArray(formatterResult) && formatterResult.length === 2 ? formatterResult : undefined;\r\n            const resolvedName = formattedEntry?.[1] ?? itemConfig?.label ?? item.name;\r\n            const resolvedUnit = item.unit ?? itemConfig?.unit;\r\n            const resolvedValue =\r\n              formattedEntry?.[0] ?? (item.value !== null && item.value !== undefined ? formatChartValue(item.value, itemConfig) : null);\r\n\r\n            return (\r\n              <div\r\n                key={`${key}-${index}`}\r\n                className={cn(styles.tooltipItem, indicator === \"dot\" && styles.tooltipItemCenter)}>\r\n                {formatterResult !== null && formatterResult !== undefined && !formattedEntry ? (\r\n                  formatterResult\r\n                ) : (\r\n                  <>\r\n                    {itemConfig?.icon ? (\r\n                      <itemConfig.icon />\r\n                    ) : (\r\n                      !hideIndicator && (\r\n                        <div\r\n                          className={cn(\r\n                            styles.tooltipIndicator,\r\n                            indicator === \"dot\" && styles.tooltipIndicatorDot,\r\n                            indicator === \"line\" && styles.tooltipIndicatorLine,\r\n                            indicator === \"dashed\" && styles.tooltipIndicatorDashed,\r\n                            nestLabel && indicator === \"dashed\" && styles.tooltipIndicatorDashedNested,\r\n                          )}\r\n                          style={indicatorStyle}\r\n                        />\r\n                      )\r\n                    )}\r\n                    <div className={cn(styles.tooltipValueRow, nestLabel && styles.tooltipValueRowNested)}>\r\n                      <div className={styles.tooltipNameWrapper}>\r\n                        {nestLabel ? tooltipLabel : null}\r\n                        {resolvedName !== null && resolvedName !== undefined && <span className={styles.tooltipName}>{resolvedName}</span>}\r\n                      </div>\r\n                      {resolvedValue !== null && resolvedValue !== undefined && (\r\n                        <span className={styles.tooltipValue}>\r\n                          {resolvedName !== null && resolvedName !== undefined && separator ? (\r\n                            <span aria-hidden='true'>{separator}</span>\r\n                          ) : null}\r\n                          {resolvedValue}\r\n                          {resolvedUnit !== null && resolvedUnit !== undefined ? <span> {resolvedUnit}</span> : null}\r\n                        </span>\r\n                      )}\r\n                    </div>\r\n                  </>\r\n                )}\r\n              </div>\r\n            );\r\n          })}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Re-exports the Recharts legend primitive for use with shared chart helpers.\r\n *\r\n * @remarks\r\n * - Renders the Recharts legend container\r\n * - Built on `recharts`\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChartLegend content={<ChartLegendContent />} />\r\n * ```\r\n *\r\n * @see {@link https://recharts.org/en-US/api/Legend | Recharts Legend Docs}\r\n */\r\nconst ChartLegend = RechartsPrimitive.Legend;\r\n\r\n/**\r\n * Renders shared legend content for charts configured with {@link ChartContainer}.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element when legend payload exists\r\n * - Built on `recharts` legend payloads and shared chart config context\r\n * - Honors `payload`, `verticalAlign`, `className`, and the custom `hideIcon`\r\n *   and `nameKey` props\r\n * - Ignores Recharts presentational props such as `align`, `layout`, `iconSize`,\r\n *   `iconType`, `formatter`, and item mouse handlers because it renders custom markup\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChartLegend content={<ChartLegendContent />} />\r\n * ```\r\n *\r\n * @see {@link https://recharts.org/en-US/api/Legend | Recharts Legend Docs}\r\n */\r\nfunction ChartLegendContent({\r\n  className,\r\n  hideIcon = false,\r\n  nameKey,\r\n  payload,\r\n  verticalAlign,\r\n}: React.ComponentProps<\"div\"> & {\r\n  hideIcon?: boolean;\r\n  nameKey?: string;\r\n} & RechartsPrimitive.DefaultLegendContentProps): React.JSX.Element | null {\r\n  const {config} = useChart();\r\n\r\n  if (!payload?.length) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={cn(styles.legend, verticalAlign === \"top\" ? styles.legendTop : styles.legendBottom, className)}>\r\n      {payload\r\n        .filter((item) => item.type !== \"none\")\r\n        .map((item) => {\r\n          const key = `${nameKey ?? item.dataKey ?? \"value\"}`;\r\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\r\n\r\n          return (\r\n            <div\r\n              key={String(item.value)}\r\n              className={styles.legendItem}>\r\n              {itemConfig?.icon && !hideIcon ? (\r\n                <itemConfig.icon />\r\n              ) : (\r\n                <div\r\n                  className={styles.legendColor}\r\n                  style={{backgroundColor: item.color}}\r\n                />\r\n              )}\r\n              {itemConfig?.label ?? item.value ?? formatLegendDataKey(item.dataKey)}\r\n            </div>\r\n          );\r\n        })}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction formatChartValue(value: TooltipValueType, itemConfig: ChartConfig[string] | undefined): React.ReactNode {\r\n  if (typeof value === \"number\") {\r\n    return itemConfig?.formatter ? itemConfig.formatter(value) : value.toLocaleString();\r\n  }\r\n\r\n  return String(value);\r\n}\r\n\r\nfunction formatLegendDataKey(dataKey: LegendPayload[\"dataKey\"]): string | null {\r\n  return typeof dataKey === \"number\" || typeof dataKey === \"string\" ? String(dataKey) : null;\r\n}\r\n\r\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfig[string] | undefined {\r\n  if (typeof payload !== \"object\" || payload === null) {\r\n    return undefined;\r\n  }\r\n\r\n  const payloadObject = payload as Record<string, unknown>;\r\n  const nestedPayload =\r\n    typeof payloadObject[\"payload\"] === \"object\" && payloadObject[\"payload\"] !== null\r\n      ? (payloadObject[\"payload\"] as Record<string, unknown>)\r\n      : undefined;\r\n\r\n  let configLabelKey = key;\r\n\r\n  if (typeof payloadObject[key] === \"string\") {\r\n    configLabelKey = payloadObject[key] as string;\r\n  } else if (nestedPayload && typeof nestedPayload[key] === \"string\") {\r\n    configLabelKey = nestedPayload[key] as string;\r\n  }\r\n\r\n  return config[configLabelKey] ?? config[key];\r\n}\r\n\r\nChartContainer.displayName = \"ChartContainer\";\r\nChartStyle.displayName = \"ChartStyle\";\r\nObject.assign(ChartTooltip, {displayName: \"ChartTooltip\"});\r\nChartTooltipContent.displayName = \"ChartTooltipContent\";\r\nObject.assign(ChartLegend, {displayName: \"ChartLegend\"});\r\nChartLegendContent.displayName = \"ChartLegendContent\";\r\n\r\nexport {ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent};\r\n\r\n// ---------------------------------------------------------------------------\r\n// Recharts v3.8+ primitive re-exports\r\n// Consumers should import chart primitives from \"@arolariu/components/chart\"\r\n// instead of importing directly from \"recharts\".\r\n// ---------------------------------------------------------------------------\r\n\r\n// -- Chart containers -------------------------------------------------------\r\n/** @see {@link https://recharts.github.io/en-US/api/AreaChart | AreaChart API} */\r\nexport const AreaChart = RechartsPrimitive.AreaChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/BarChart | BarChart API} */\r\nexport const BarChart = RechartsPrimitive.BarChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/ComposedChart | ComposedChart API} */\r\nexport const ComposedChart = RechartsPrimitive.ComposedChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/FunnelChart | FunnelChart API} */\r\nexport const FunnelChart = RechartsPrimitive.FunnelChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/LineChart | LineChart API} */\r\nexport const LineChart = RechartsPrimitive.LineChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/PieChart | PieChart API} */\r\nexport const PieChart = RechartsPrimitive.PieChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/RadarChart | RadarChart API} */\r\nexport const RadarChart = RechartsPrimitive.RadarChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/RadialBarChart | RadialBarChart API} */\r\nexport const RadialBarChart = RechartsPrimitive.RadialBarChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/ScatterChart | ScatterChart API} */\r\nexport const ScatterChart = RechartsPrimitive.ScatterChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/Sankey | Sankey API} */\r\nexport const Sankey = RechartsPrimitive.Sankey;\r\n/** @see {@link https://recharts.github.io/en-US/api/SunburstChart | SunburstChart API} */\r\nexport const SunburstChart = RechartsPrimitive.SunburstChart;\r\n/** @see {@link https://recharts.github.io/en-US/api/Treemap | Treemap API} */\r\nexport const Treemap = RechartsPrimitive.Treemap;\r\n\r\n// -- Series elements --------------------------------------------------------\r\n/** @see {@link https://recharts.github.io/en-US/api/Area | Area API} */\r\nexport const Area = RechartsPrimitive.Area;\r\n/** @see {@link https://recharts.github.io/en-US/api/Bar | Bar API} */\r\nexport const Bar = RechartsPrimitive.Bar;\r\n/**\r\n * Groups stacked bars and configures shared stack properties such as radius.\r\n * @since recharts 3.6\r\n * @see {@link https://recharts.github.io/en-US/guide/roundedBars | BarStack Guide}\r\n */\r\nexport const BarStack = RechartsPrimitive.BarStack;\r\n/** @see {@link https://recharts.github.io/en-US/api/Funnel | Funnel API} */\r\nexport const Funnel = RechartsPrimitive.Funnel;\r\n/** @see {@link https://recharts.github.io/en-US/api/Line | Line API} */\r\nexport const Line = RechartsPrimitive.Line;\r\n/** @see {@link https://recharts.github.io/en-US/api/Pie | Pie API} */\r\nexport const Pie = RechartsPrimitive.Pie;\r\n/** @see {@link https://recharts.github.io/en-US/api/Radar | Radar API} */\r\nexport const Radar = RechartsPrimitive.Radar;\r\n/** @see {@link https://recharts.github.io/en-US/api/RadialBar | RadialBar API} */\r\nexport const RadialBar = RechartsPrimitive.RadialBar;\r\n/** @see {@link https://recharts.github.io/en-US/api/Scatter | Scatter API} */\r\nexport const Scatter = RechartsPrimitive.Scatter;\r\n\r\n// -- Axis & grid ------------------------------------------------------------\r\n/** @see {@link https://recharts.github.io/en-US/api/CartesianGrid | CartesianGrid API} */\r\nexport const CartesianGrid = RechartsPrimitive.CartesianGrid;\r\n/** @see {@link https://recharts.github.io/en-US/api/PolarAngleAxis | PolarAngleAxis API} */\r\nexport const PolarAngleAxis = RechartsPrimitive.PolarAngleAxis;\r\n/** @see {@link https://recharts.github.io/en-US/api/PolarGrid | PolarGrid API} */\r\nexport const PolarGrid = RechartsPrimitive.PolarGrid;\r\n/** @see {@link https://recharts.github.io/en-US/api/PolarRadiusAxis | PolarRadiusAxis API} */\r\nexport const PolarRadiusAxis = RechartsPrimitive.PolarRadiusAxis;\r\n/** @see {@link https://recharts.github.io/en-US/api/XAxis | XAxis API} – supports `type: \"auto\"` since v3.7. */\r\nexport const XAxis = RechartsPrimitive.XAxis;\r\n/** @see {@link https://recharts.github.io/en-US/api/YAxis | YAxis API} – supports `type: \"auto\"` since v3.7. */\r\nexport const YAxis = RechartsPrimitive.YAxis;\r\n/** @see {@link https://recharts.github.io/en-US/api/ZAxis | ZAxis API} */\r\nexport const ZAxis = RechartsPrimitive.ZAxis;\r\n\r\n// -- Annotations & overlays ------------------------------------------------\r\n/** @see {@link https://recharts.github.io/en-US/api/Brush | Brush API} */\r\nexport const Brush = RechartsPrimitive.Brush;\r\n/** @see {@link https://recharts.github.io/en-US/api/ErrorBar | ErrorBar API} */\r\nexport const ErrorBar = RechartsPrimitive.ErrorBar;\r\n/** @see {@link https://recharts.github.io/en-US/api/Label | Label API} */\r\nexport const RechartsLabel = RechartsPrimitive.Label;\r\n/** @see {@link https://recharts.github.io/en-US/api/LabelList | LabelList API} */\r\nexport const LabelList = RechartsPrimitive.LabelList;\r\n/** @see {@link https://recharts.github.io/en-US/api/ReferenceArea | ReferenceArea API} */\r\nexport const ReferenceArea = RechartsPrimitive.ReferenceArea;\r\n/** @see {@link https://recharts.github.io/en-US/api/ReferenceDot | ReferenceDot API} */\r\nexport const ReferenceDot = RechartsPrimitive.ReferenceDot;\r\n/** @see {@link https://recharts.github.io/en-US/api/ReferenceLine | ReferenceLine API} */\r\nexport const ReferenceLine = RechartsPrimitive.ReferenceLine;\r\n\r\n// -- Layout -----------------------------------------------------------------\r\n/**\r\n * Wraps a chart in a responsive container. Since recharts 3.3+, you can\r\n * alternatively use the `responsive` prop directly on chart containers.\r\n * @see {@link https://recharts.github.io/en-US/api/ResponsiveContainer | ResponsiveContainer API}\r\n */\r\nexport const ResponsiveContainer = RechartsPrimitive.ResponsiveContainer;\r\n/** @see {@link https://recharts.github.io/en-US/api/Customized | Customized API} */\r\nexport const Customized = RechartsPrimitive.Customized;\r\n\r\n// -- Shapes -----------------------------------------------------------------\r\n/**\r\n * @deprecated Since recharts 3.7. Use the `shape` prop on chart series elements instead.\r\n * @see {@link https://recharts.github.io/en-US/api/Cell | Cell API}\r\n */\r\nexport const Cell = RechartsPrimitive.Cell;\r\nexport const Cross = RechartsPrimitive.Cross;\r\nexport const Curve = RechartsPrimitive.Curve;\r\nexport const Dot = RechartsPrimitive.Dot;\r\nexport const Polygon = RechartsPrimitive.Polygon;\r\nexport const Rectangle = RechartsPrimitive.Rectangle;\r\nexport const Sector = RechartsPrimitive.Sector;\r\nexport const Symbols = RechartsPrimitive.Symbols;\r\nexport const Trapezoid = RechartsPrimitive.Trapezoid;\r\n\r\n// -- Z-index (v3.4+) -------------------------------------------------------\r\n/** @since recharts 3.4 @see {@link https://recharts.github.io/en-US/guide/zIndex | Z-Index Guide} */\r\nexport const ZIndexLayer = RechartsPrimitive.ZIndexLayer;\r\n/** Default z-index ordering constants. @since recharts 3.4 */\r\nexport const DefaultZIndexes = RechartsPrimitive.DefaultZIndexes;\r\n\r\n// -- Hooks (v3+) ------------------------------------------------------------\r\n/** Returns the current chart width in pixels. */\r\nexport const useChartWidth = RechartsPrimitive.useChartWidth;\r\n/** Returns the current chart height in pixels. */\r\nexport const useChartHeight = RechartsPrimitive.useChartHeight;\r\n/** Returns the chart offset (margins, axes). */\r\nexport const useOffset = RechartsPrimitive.useOffset;\r\n/** Returns the plot area dimensions. */\r\nexport const usePlotArea = RechartsPrimitive.usePlotArea;\r\n/** Returns the chart margin. */\r\nexport const useMargin = RechartsPrimitive.useMargin;\r\n/** Returns whether the tooltip is currently active. @since recharts 3.7 */\r\nexport const useIsTooltipActive = RechartsPrimitive.useIsTooltipActive;\r\n/** Returns the active tooltip coordinate. @since recharts 3.7 */\r\nexport const useActiveTooltipCoordinate = RechartsPrimitive.useActiveTooltipCoordinate;\r\n/** Returns the active tooltip data points. */\r\nexport const useActiveTooltipDataPoints = RechartsPrimitive.useActiveTooltipDataPoints;\r\n/** Returns the active tooltip label. */\r\nexport const useActiveTooltipLabel = RechartsPrimitive.useActiveTooltipLabel;\r\n/** Returns the current X-axis domain. */\r\nexport const useXAxisDomain = RechartsPrimitive.useXAxisDomain;\r\n/** Returns the current Y-axis domain. */\r\nexport const useYAxisDomain = RechartsPrimitive.useYAxisDomain;\r\n\r\n// -- Type re-exports --------------------------------------------------------\r\nexport type {DefaultLegendContentProps, DefaultTooltipContentProps, TooltipValueType} from \"recharts\";\r\n"],"names":["THEMES","ChartContext","React","useChart","context","Error","ChartContainer","id","config","initialDimension","className","children","innerResponsiveContainerStyle","aspect","debounce","height","maxHeight","minHeight","minWidth","onResize","width","props","ref","uniqueId","chartId","cn","styles","ChartStyle","RechartsPrimitive","colorConfig","Object","itemConfig","theme","prefix","key","color","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","separator","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","indicatorStyle","itemFormatter","hasFormatter","undefined","formatterResult","formattedEntry","Array","resolvedName","resolvedUnit","resolvedValue","formatChartValue","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","formatLegendDataKey","String","dataKey","payloadObject","nestedPayload","configLabelKey","AreaChart","BarChart","ComposedChart","FunnelChart","LineChart","PieChart","RadarChart","RadialBarChart","ScatterChart","Sankey","SunburstChart","Treemap","Area","Bar","BarStack","Funnel","Line","Pie","Radar","RadialBar","Scatter","CartesianGrid","PolarAngleAxis","PolarGrid","PolarRadiusAxis","XAxis","YAxis","ZAxis","Brush","ErrorBar","RechartsLabel","LabelList","ReferenceArea","ReferenceDot","ReferenceLine","ResponsiveContainer","Customized","Cell","Cross","Curve","Dot","Polygon","Rectangle","Sector","Symbols","Trapezoid","ZIndexLayer","DefaultZIndexes","useChartWidth","useChartHeight","useOffset","usePlotArea","useMargin","useIsTooltipActive","useActiveTooltipCoordinate","useActiveTooltipDataPoints","useActiveTooltipLabel","useXAxisDomain","useYAxisDomain"],"mappings":"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"}

package/dist/components/ui/chart.module.js

@@ -0,0 +1,27 @@
+import "./chart_module.css";
+const chart_module = {
+    container: "container-nkcPpN",
+    tooltip: "tooltip-JE6YdG",
+    tooltipLabel: "tooltipLabel-s0Q2Ku",
+    tooltipBody: "tooltipBody-jbC6nV",
+    tooltipItem: "tooltipItem-GQgek3",
+    tooltipItemCenter: "tooltipItemCenter-U79aab",
+    tooltipValueRow: "tooltipValueRow-W6aHe5",
+    tooltipValueRowNested: "tooltipValueRowNested-UriMgN",
+    tooltipNameWrapper: "tooltipNameWrapper-zOUl5L",
+    tooltipName: "tooltipName-QTzGcl",
+    tooltipValue: "tooltipValue-kCE38M",
+    tooltipIndicator: "tooltipIndicator-ToRPAT",
+    tooltipIndicatorDot: "tooltipIndicatorDot-zHrqQT",
+    tooltipIndicatorLine: "tooltipIndicatorLine-kDgqOa",
+    tooltipIndicatorDashed: "tooltipIndicatorDashed-L16gSV",
+    tooltipIndicatorDashedNested: "tooltipIndicatorDashedNested-VLpo90",
+    legend: "legend-GVSwSg",
+    legendTop: "legendTop-RfnkG0",
+    legendBottom: "legendBottom-gpGzdR",
+    legendItem: "legendItem-twJYyE",
+    legendColor: "legendColor-cybxIQ"
+};
+export default chart_module;
+
+//# sourceMappingURL=chart.module.js.map

package/dist/components/ui/chart.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/chart.module.js","sources":["../../../src/components/ui/chart.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./chart_module.css\"\nexport default {\"container\":\"container-nkcPpN\",\"tooltip\":\"tooltip-JE6YdG\",\"tooltipLabel\":\"tooltipLabel-s0Q2Ku\",\"tooltipBody\":\"tooltipBody-jbC6nV\",\"tooltipItem\":\"tooltipItem-GQgek3\",\"tooltipItemCenter\":\"tooltipItemCenter-U79aab\",\"tooltipValueRow\":\"tooltipValueRow-W6aHe5\",\"tooltipValueRowNested\":\"tooltipValueRowNested-UriMgN\",\"tooltipNameWrapper\":\"tooltipNameWrapper-zOUl5L\",\"tooltipName\":\"tooltipName-QTzGcl\",\"tooltipValue\":\"tooltipValue-kCE38M\",\"tooltipIndicator\":\"tooltipIndicator-ToRPAT\",\"tooltipIndicatorDot\":\"tooltipIndicatorDot-zHrqQT\",\"tooltipIndicatorLine\":\"tooltipIndicatorLine-kDgqOa\",\"tooltipIndicatorDashed\":\"tooltipIndicatorDashed-L16gSV\",\"tooltipIndicatorDashedNested\":\"tooltipIndicatorDashedNested-VLpo90\",\"legend\":\"legend-GVSwSg\",\"legendTop\":\"legendTop-RfnkG0\",\"legendBottom\":\"legendBottom-gpGzdR\",\"legendItem\":\"legendItem-twJYyE\",\"legendColor\":\"legendColor-cybxIQ\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,WAAY;IAAmB,SAAU;IAAiB,cAAe;IAAsB,aAAc;IAAqB,aAAc;IAAqB,mBAAoB;IAA2B,iBAAkB;IAAyB,uBAAwB;IAA+B,oBAAqB;IAA4B,aAAc;IAAqB,cAAe;IAAsB,kBAAmB;IAA0B,qBAAsB;IAA6B,sBAAuB;IAA8B,wBAAyB;IAAgC,8BAA+B;IAAsC,QAAS;IAAgB,WAAY;IAAmB,cAAe;IAAsB,YAAa;IAAoB,aAAc;AAAoB"}