@flipdish/ui-library 0.31.0 → 0.31.1

package/dist/components/organisms/Charts/components/BarChart.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var recharts = require('recharts');
+var ChartsBase = require('./ChartsBase.cjs');
+
+const defaultData = [
+    { month: new Date(2026, 0, 1), A: 300, B: 200, C: 350 },
+    { month: new Date(2026, 1, 1), A: 320, B: 300, C: 300 },
+    { month: new Date(2026, 2, 1), A: 300, B: 200, C: 240 },
+    { month: new Date(2026, 3, 1), A: 240, B: 300, C: 280 },
+    { month: new Date(2026, 4, 1), A: 320, B: 280, C: 100 },
+    { month: new Date(2026, 5, 1), A: 330, B: 300, C: 130 },
+    { month: new Date(2026, 6, 1), A: 300, B: 200, C: 100 },
+    { month: new Date(2026, 7, 1), A: 350, B: 300, C: 200 },
+    { month: new Date(2026, 8, 1), A: 300, B: 200, C: 100 },
+    { month: new Date(2026, 9, 1), A: 200, B: 300, C: 280 },
+    { month: new Date(2026, 10, 1), A: 240, B: 300, C: 300 },
+    { month: new Date(2026, 11, 1), A: 200, B: 400, C: 350 },
+];
+const defaultSeries = [
+    { dataKey: 'A', name: 'Series 1', colorClassName: 'text-utility-brand-700', type: 'bar', stackId: 'a' },
+    { dataKey: 'B', name: 'Series 2', colorClassName: 'text-utility-brand-500', type: 'bar', stackId: 'a' },
+    { dataKey: 'C', name: 'Series 3', colorClassName: 'text-utility-neutral-200', type: 'bar', stackId: 'a', radius: [6, 6, 0, 0] },
+];
+// biome-ignore lint/suspicious/noExplicitAny: accepts Date objects, ISO strings or numbers.
+const toDate = (value) => {
+    if (value instanceof Date)
+        return value;
+    if (typeof value === 'string' || typeof value === 'number') {
+        const date = new Date(value);
+        return Number.isNaN(date.getTime()) ? null : date;
+    }
+    return null;
+};
+const defaultXTickFormatter = (value) => {
+    const date = toDate(value);
+    return date ? date.toLocaleDateString(undefined, { month: 'short' }) : String(value);
+};
+const defaultValueFormatter = (value) => Number(value).toLocaleString();
+const defaultLabelFormatter = (value) => {
+    const date = toDate(value);
+    return date ? date.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(value);
+};
+/**
+ * Compares additive segments across categories with stacked or grouped bars, optionally with
+ * an overlaid line. Part of the Charts family.
+ *
+ * @summary stacked or grouped bars across categories
+ */
+const BarChart = ({ data = defaultData, series = defaultSeries, xDataKey = 'month', xAxisLabel = 'Month', yAxisLabel = 'Active users', xTickFormatter = defaultXTickFormatter, valueFormatter = defaultValueFormatter, labelFormatter = defaultLabelFormatter, xTickCount, maxBarSize, showLegend = true, showTooltip = true, margin, className, 'data-testid': dataTestId, }) => {
+    const isDesktop = useBreakpoints.useBreakpoints('lg');
+    const resolvedMaxBarSize = maxBarSize ?? (isDesktop ? 32 : 16);
+    const ticks = xTickCount ? ChartsBase.selectEvenlySpacedItems(data, xTickCount).map((item) => item[xDataKey]) : undefined;
+    const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'bar-chart', rootName: 'bar-chart' });
+    return (jsxRuntime.jsx("div", { "data-testid": testId, className: "flex h-60 flex-col gap-2", children: jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, className: "h-full", children: jsxRuntime.jsxs(recharts.ComposedChart, { data: data, className: cx.cx('text-tertiary [&_.recharts-text]:text-xs', className), margin: margin ?? { left: 4, right: 0, top: isDesktop ? 12 : 6, bottom: 18 }, children: [jsxRuntime.jsx(recharts.CartesianGrid, { vertical: false, stroke: "currentColor", className: "text-utility-neutral-100" }), showLegend && (jsxRuntime.jsx(recharts.Legend, { verticalAlign: "top", align: "right", layout: isDesktop ? 'vertical' : 'horizontal', content: jsxRuntime.jsx(ChartsBase.ChartLegendContent, { className: "-translate-y-2" }) })), jsxRuntime.jsx(recharts.XAxis, { fill: "currentColor", axisLine: false, tickLine: false, tickMargin: 11, interval: "preserveStartEnd", dataKey: xDataKey, tickFormatter: xTickFormatter, ticks: ticks, children: xAxisLabel && jsxRuntime.jsx(recharts.Label, { value: xAxisLabel, fill: "currentColor", className: "text-xs! font-medium", position: "bottom" }) }), jsxRuntime.jsx(recharts.YAxis, { fill: "currentColor", axisLine: false, tickLine: false, interval: "preserveStartEnd", tickFormatter: valueFormatter, children: yAxisLabel && (jsxRuntime.jsx(recharts.Label, { value: yAxisLabel, fill: "currentColor", className: "text-xs! font-medium", style: { textAnchor: 'middle' }, angle: -90, position: "insideLeft" })) }), showTooltip && (jsxRuntime.jsx(recharts.Tooltip, { content: jsxRuntime.jsx(ChartsBase.ChartTooltipContent, {}), formatter: valueFormatter, labelFormatter: labelFormatter, cursor: { className: 'fill-utility-neutral-200/20' } })), series.map((s) => s.type === 'line' ? (jsxRuntime.jsx(recharts.Line, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, type: "monotone", stroke: "currentColor", strokeWidth: 2, strokeDasharray: s.dashed ? '0.1 8' : undefined, strokeLinecap: s.dashed ? 'round' : undefined, dot: false, activeDot: false }, s.dataKey)) : (jsxRuntime.jsx(recharts.Bar, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, stackId: s.stackId ?? 'a', fill: "currentColor", maxBarSize: resolvedMaxBarSize, radius: s.radius }, s.dataKey)))] }) }) }));
+};
+
+exports.BarChart = BarChart;
+//# sourceMappingURL=BarChart.cjs.map

package/dist/components/organisms/Charts/components/BarChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.cjs","sources":["../../../../../src/components/organisms/Charts/components/BarChart.tsx"],"sourcesContent":[null],"names":["useBreakpoints","selectEvenlySpacedItems","useResolvedTestId","_jsx","ResponsiveContainer","_jsxs","ComposedChart","cx","CartesianGrid","Legend","ChartLegendContent","XAxis","Label","YAxis","Tooltip","ChartTooltipContent","Line","Bar"],"mappings":"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"}

package/dist/components/organisms/Charts/components/BarChart.d.ts

@@ -0,0 +1,77 @@
+import { type Margin } from 'recharts';
+import { type ChartValueFormatter } from './ChartsBase';
+/** Whether a series renders as a stacked bar or an overlaid line. */
+export type BarChartSeriesType = 'bar' | 'line';
+export interface BarChartSeries {
+    /** Key in each data row holding this series' value. */
+    dataKey: string;
+    /** Display name shown in the legend and tooltip. Defaults to `dataKey`. */
+    name?: string;
+    /** Tailwind `text-*` utility controlling the bar fill or line stroke colour. */
+    colorClassName?: string;
+    /**
+     * How the series renders.
+     * @default 'bar'
+     */
+    type?: BarChartSeriesType;
+    /**
+     * Stack group for bar series. Bars sharing a `stackId` stack on top of each other.
+     * @default 'a'
+     */
+    stackId?: string;
+    /** Corner radius for bar series — typically set on the top-most bar of a stack. */
+    radius?: number | [number, number, number, number];
+    /** Render a line series as a dashed stroke. @default false */
+    dashed?: boolean;
+}
+export interface BarChartProps {
+    /** Rows of data to plot. */
+    data?: Array<Record<string, unknown>>;
+    /** Series configuration, one entry per bar or line. */
+    series?: BarChartSeries[];
+    /**
+     * Key in each data row holding the x-axis value.
+     * @default 'month'
+     */
+    xDataKey?: string;
+    /** Label rendered beneath the x-axis. */
+    xAxisLabel?: string;
+    /** Label rendered alongside the y-axis. */
+    yAxisLabel?: string;
+    /** Formats x-axis ticks. Defaults to a short month for date values. */
+    xTickFormatter?: ChartValueFormatter;
+    /** Formats y-axis ticks and tooltip values. Defaults to a localised number. */
+    valueFormatter?: ChartValueFormatter;
+    /** Formats the tooltip label. Defaults to a short month + year for date values. */
+    labelFormatter?: ChartValueFormatter;
+    /**
+     * When set, renders this many evenly spaced x-axis ticks (useful for dense datasets).
+     */
+    xTickCount?: number;
+    /** Caps the bar width. Defaults to 32 on desktop, 16 on mobile. */
+    maxBarSize?: number;
+    /**
+     * Whether to render the legend.
+     * @default true
+     */
+    showLegend?: boolean;
+    /**
+     * Whether to render the tooltip on hover.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /** Overrides the chart margin. */
+    margin?: Margin;
+    /** Additional class name for the chart container. */
+    className?: string;
+    /** Overrides the `data-testid` on the chart container (defaults to `fd-bar-chart`). */
+    'data-testid'?: string;
+}
+/**
+ * Compares additive segments across categories with stacked or grouped bars, optionally with
+ * an overlaid line. Part of the Charts family.
+ *
+ * @summary stacked or grouped bars across categories
+ */
+export declare const BarChart: ({ data, series, xDataKey, xAxisLabel, yAxisLabel, xTickFormatter, valueFormatter, labelFormatter, xTickCount, maxBarSize, showLegend, showTooltip, margin, className, "data-testid": dataTestId, }: BarChartProps) => import("react").JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/components/organisms/Charts/components/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/BarChart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA0D,KAAK,MAAM,EAA8C,MAAM,UAAU,CAAC;AAC3I,OAAO,EAA2C,KAAK,mBAAmB,EAA2B,MAAM,cAAc,CAAC;AAE1H,qEAAqE;AACrE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,uDAAuD;IACvD,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,+EAA+E;IAC/E,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,mFAAmF;IACnF,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6CD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,oMAgBtB,aAAa,gCA8Ff,CAAC"}

package/dist/components/organisms/Charts/components/BarChart.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { ResponsiveContainer, ComposedChart, CartesianGrid, Legend, XAxis, Label, YAxis, Tooltip, Line, Bar } from 'recharts';
+import { selectEvenlySpacedItems, ChartLegendContent, ChartTooltipContent } from './ChartsBase.js';
+
+const defaultData = [
+    { month: new Date(2026, 0, 1), A: 300, B: 200, C: 350 },
+    { month: new Date(2026, 1, 1), A: 320, B: 300, C: 300 },
+    { month: new Date(2026, 2, 1), A: 300, B: 200, C: 240 },
+    { month: new Date(2026, 3, 1), A: 240, B: 300, C: 280 },
+    { month: new Date(2026, 4, 1), A: 320, B: 280, C: 100 },
+    { month: new Date(2026, 5, 1), A: 330, B: 300, C: 130 },
+    { month: new Date(2026, 6, 1), A: 300, B: 200, C: 100 },
+    { month: new Date(2026, 7, 1), A: 350, B: 300, C: 200 },
+    { month: new Date(2026, 8, 1), A: 300, B: 200, C: 100 },
+    { month: new Date(2026, 9, 1), A: 200, B: 300, C: 280 },
+    { month: new Date(2026, 10, 1), A: 240, B: 300, C: 300 },
+    { month: new Date(2026, 11, 1), A: 200, B: 400, C: 350 },
+];
+const defaultSeries = [
+    { dataKey: 'A', name: 'Series 1', colorClassName: 'text-utility-brand-700', type: 'bar', stackId: 'a' },
+    { dataKey: 'B', name: 'Series 2', colorClassName: 'text-utility-brand-500', type: 'bar', stackId: 'a' },
+    { dataKey: 'C', name: 'Series 3', colorClassName: 'text-utility-neutral-200', type: 'bar', stackId: 'a', radius: [6, 6, 0, 0] },
+];
+// biome-ignore lint/suspicious/noExplicitAny: accepts Date objects, ISO strings or numbers.
+const toDate = (value) => {
+    if (value instanceof Date)
+        return value;
+    if (typeof value === 'string' || typeof value === 'number') {
+        const date = new Date(value);
+        return Number.isNaN(date.getTime()) ? null : date;
+    }
+    return null;
+};
+const defaultXTickFormatter = (value) => {
+    const date = toDate(value);
+    return date ? date.toLocaleDateString(undefined, { month: 'short' }) : String(value);
+};
+const defaultValueFormatter = (value) => Number(value).toLocaleString();
+const defaultLabelFormatter = (value) => {
+    const date = toDate(value);
+    return date ? date.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(value);
+};
+/**
+ * Compares additive segments across categories with stacked or grouped bars, optionally with
+ * an overlaid line. Part of the Charts family.
+ *
+ * @summary stacked or grouped bars across categories
+ */
+const BarChart = ({ data = defaultData, series = defaultSeries, xDataKey = 'month', xAxisLabel = 'Month', yAxisLabel = 'Active users', xTickFormatter = defaultXTickFormatter, valueFormatter = defaultValueFormatter, labelFormatter = defaultLabelFormatter, xTickCount, maxBarSize, showLegend = true, showTooltip = true, margin, className, 'data-testid': dataTestId, }) => {
+    const isDesktop = useBreakpoints('lg');
+    const resolvedMaxBarSize = maxBarSize ?? (isDesktop ? 32 : 16);
+    const ticks = xTickCount ? selectEvenlySpacedItems(data, xTickCount).map((item) => item[xDataKey]) : undefined;
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'bar-chart', rootName: 'bar-chart' });
+    return (jsx("div", { "data-testid": testId, className: "flex h-60 flex-col gap-2", children: jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, className: "h-full", children: jsxs(ComposedChart, { data: data, className: cx('text-tertiary [&_.recharts-text]:text-xs', className), margin: margin ?? { left: 4, right: 0, top: isDesktop ? 12 : 6, bottom: 18 }, children: [jsx(CartesianGrid, { vertical: false, stroke: "currentColor", className: "text-utility-neutral-100" }), showLegend && (jsx(Legend, { verticalAlign: "top", align: "right", layout: isDesktop ? 'vertical' : 'horizontal', content: jsx(ChartLegendContent, { className: "-translate-y-2" }) })), jsx(XAxis, { fill: "currentColor", axisLine: false, tickLine: false, tickMargin: 11, interval: "preserveStartEnd", dataKey: xDataKey, tickFormatter: xTickFormatter, ticks: ticks, children: xAxisLabel && jsx(Label, { value: xAxisLabel, fill: "currentColor", className: "text-xs! font-medium", position: "bottom" }) }), jsx(YAxis, { fill: "currentColor", axisLine: false, tickLine: false, interval: "preserveStartEnd", tickFormatter: valueFormatter, children: yAxisLabel && (jsx(Label, { value: yAxisLabel, fill: "currentColor", className: "text-xs! font-medium", style: { textAnchor: 'middle' }, angle: -90, position: "insideLeft" })) }), showTooltip && (jsx(Tooltip, { content: jsx(ChartTooltipContent, {}), formatter: valueFormatter, labelFormatter: labelFormatter, cursor: { className: 'fill-utility-neutral-200/20' } })), series.map((s) => s.type === 'line' ? (jsx(Line, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, type: "monotone", stroke: "currentColor", strokeWidth: 2, strokeDasharray: s.dashed ? '0.1 8' : undefined, strokeLinecap: s.dashed ? 'round' : undefined, dot: false, activeDot: false }, s.dataKey)) : (jsx(Bar, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, stackId: s.stackId ?? 'a', fill: "currentColor", maxBarSize: resolvedMaxBarSize, radius: s.radius }, s.dataKey)))] }) }) }));
+};
+
+export { BarChart };
+//# sourceMappingURL=BarChart.js.map

package/dist/components/organisms/Charts/components/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","sources":["../../../../../src/components/organisms/Charts/components/BarChart.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AA8EA,MAAM,WAAW,GAAmC;IAClD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACvD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACxD,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;CACzD;AAED,MAAM,aAAa,GAAqB;AACtC,IAAA,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,wBAAwB,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;AACvG,IAAA,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,wBAAwB,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;AACvG,IAAA,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,0BAA0B,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;CAChI;AAED;AACA,MAAM,MAAM,GAAG,CAAC,KAAU,KAAiB;IACzC,IAAI,KAAK,YAAY,IAAI;AAAE,QAAA,OAAO,KAAK;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC1D,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;AAC5B,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI;IACnD;AACA,IAAA,OAAO,IAAI;AACb,CAAC;AAED,MAAM,qBAAqB,GAAwB,CAAC,KAAK,KAAI;AAC3D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;IAC1B,OAAO,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC;AACtF,CAAC;AAED,MAAM,qBAAqB,GAAwB,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE;AAE5F,MAAM,qBAAqB,GAAwB,CAAC,KAAK,KAAI;AAC3D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;IAC1B,OAAO,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC;AACvG,CAAC;AAED;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,GAAG,WAAW,EAClB,MAAM,GAAG,aAAa,EACtB,QAAQ,GAAG,OAAO,EAClB,UAAU,GAAG,OAAO,EACpB,UAAU,GAAG,cAAc,EAC3B,cAAc,GAAG,qBAAqB,EACtC,cAAc,GAAG,qBAAqB,EACtC,cAAc,GAAG,qBAAqB,EACtC,UAAU,EACV,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,MAAM,EACN,SAAS,EACT,aAAa,EAAE,UAAU,GACX,KAAI;AAClB,IAAA,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,kBAAkB,GAAG,UAAU,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;AAC9D,IAAA,MAAM,KAAK,GAAG,UAAU,GAAG,uBAAuB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAoB,CAAC,GAAG,SAAS;AACjI,IAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAErG,QACEA,4BAAkB,MAAM,EAAE,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAC5DA,GAAA,CAAC,mBAAmB,EAAA,EAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAChFC,IAAA,CAAC,aAAa,EAAA,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,EACpE,MAAM,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CAE5ED,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAC,cAAc,EAAC,SAAS,EAAC,0BAA0B,EAAA,CAAG,EAE5F,UAAU,KACTA,GAAA,CAAC,MAAM,EAAA,EACL,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,EAC7C,OAAO,EAAEA,GAAA,CAAC,kBAAkB,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAA,CAAG,EAAA,CAC1D,CACH,EAEDA,GAAA,CAAC,KAAK,IACJ,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,EAAE,EACd,QAAQ,EAAC,kBAAkB,EAC3B,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,cAAc,EAC7B,KAAK,EAAE,KAAK,EAAA,QAAA,EAEX,UAAU,IAAIA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sBAAsB,EAAC,QAAQ,EAAC,QAAQ,EAAA,CAAG,EAAA,CAC5G,EAERA,IAAC,KAAK,EAAA,EAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,kBAAkB,EAAC,aAAa,EAAE,cAAc,EAAA,QAAA,EACnH,UAAU,KACTA,GAAA,CAAC,KAAK,IACJ,KAAK,EAAE,UAAU,EACjB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAC/B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAC,YAAY,EAAA,CACrB,CACH,EAAA,CACK,EAEP,WAAW,KACVA,GAAA,CAAC,OAAO,EAAA,EACN,OAAO,EAAEA,IAAC,mBAAmB,EAAA,EAAA,CAAG,EAChC,SAAS,EAAE,cAAc,EACzB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,EAAE,SAAS,EAAE,6BAA6B,EAAE,EAAA,CACpD,CACH,EAEA,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KACZ,CAAC,CAAC,IAAI,KAAK,MAAM,IACfA,GAAA,CAAC,IAAI,IAEH,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,CAAC,CAAC,cAAc,EAC3B,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,EACzB,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,eAAe,EAAE,CAAC,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,EAC/C,aAAa,EAAE,CAAC,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,EAC7C,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,KAAK,EAAA,EAXX,CAAC,CAAC,OAAO,CAYd,KAEFA,IAAC,GAAG,EAAA,EAEF,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,CAAC,CAAC,cAAc,EAC3B,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,EACzB,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,GAAG,EACzB,IAAI,EAAC,cAAc,EACnB,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,CAAC,CAAC,MAAM,EAAA,EARX,CAAC,CAAC,OAAO,CASd,CACH,CACF,CAAA,EAAA,CACa,EAAA,CACI,EAAA,CAClB;AAEV;;;;"}

package/dist/components/organisms/Charts/components/ChartsBase.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+/**
+ * Selects evenly spaced items from an array. Used for rendering
+ * certain number of x-axis labels.
+ * @param dataArray - The array of items to select from.
+ * @param count - The number of items to select.
+ * @returns The selected items.
+ */
+const selectEvenlySpacedItems = (dataArray, count) => {
+    if (!dataArray || dataArray.length === 0) {
+        return [];
+    }
+    const selectedItems = [];
+    if (dataArray.length === 1) {
+        for (let i = 0; i < count; i++) {
+            selectedItems.push(dataArray[0]);
+        }
+        return selectedItems;
+    }
+    // count === 1 would divide by zero below (NaN index); a single tick is the first item.
+    if (count === 1) {
+        return [dataArray[0]];
+    }
+    for (let i = 0; i < count; i++) {
+        const targetIndex = Math.round((i * (dataArray.length - 1)) / (count - 1));
+        const boundedIndex = Math.max(0, Math.min(targetIndex, dataArray.length - 1));
+        selectedItems.push(dataArray[boundedIndex]);
+    }
+    return selectedItems;
+};
+/**
+ * Renders the legend content for a chart.
+ * @param reversed - Whether to reverse the payload.
+ * @param payload - The payload of the legend.
+ * @param align - The alignment of the legend.
+ * @param layout - The layout of the legend.
+ * @param className - The class name of the legend.
+ * @returns The legend content.
+ */
+const ChartLegendContent = ({ reversed, payload, align, layout, className, }) => {
+    payload = reversed ? [...(payload ?? [])].reverse() : payload;
+    return (jsxRuntime.jsx("ul", { className: cx.cx('flex', layout === 'vertical'
+            ? `flex-col gap-1 pl-4 ${align === 'center' ? 'items-center' : align === 'right' ? 'items-start' : 'items-start'}`
+            : `flex-row gap-3 ${align === 'center' ? 'justify-center' : align === 'right' ? 'justify-end' : 'justify-start'}`, className), children: payload?.map((entry, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the payload is an array of objects
+        jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-sm text-tertiary", children: [jsxRuntime.jsx("span", { className: cx.cx('block size-2 rounded-full bg-current ring-[0.5px] ring-black/10 ring-inset', entry.payload?.className) }), entry.value] }, index))) }));
+};
+const ChartTooltipContent = ({ active, payload, label, isRadialChart, isPieChart, formatter, labelFormatter }) => {
+    const canRender = active && payload && payload.length;
+    if (!canRender) {
+        return null;
+    }
+    const isSingleDataPoint = payload.length === 1;
+    // Single data point: promote value to title, name to secondary title.
+    let title = isSingleDataPoint ? (isRadialChart ? payload[0].value : isPieChart ? payload[0].value : payload[0].value) : label;
+    let secondaryTitle = isSingleDataPoint ? (isRadialChart ? payload[0].payload.name : isPieChart ? payload[0].name : label) : payload;
+    title =
+        isSingleDataPoint && formatter
+            ? formatter(title, payload?.[0].name || label, payload[0], 0, payload)
+            : labelFormatter
+                ? labelFormatter(title, payload)
+                : title;
+    secondaryTitle = isSingleDataPoint && labelFormatter ? labelFormatter(secondaryTitle, payload) : secondaryTitle;
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 rounded-lg bg-primary-solid px-3 py-2 shadow-lg", children: [jsxRuntime.jsx("p", { className: "text-xs font-semibold text-white", children: title }), !secondaryTitle ? null : Array.isArray(secondaryTitle) ? (jsxRuntime.jsx("div", { children: secondaryTitle.map((entry, index) => (
+                // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the secondaryTitle is an array of objects
+                jsxRuntime.jsx("p", { className: cx.cx('text-xs text-tooltip-supporting-text'), children: `${entry.name}: ${formatter ? formatter(entry.value, entry.name, entry, index, entry.payload) : entry.value}` }, index))) })) : (jsxRuntime.jsx("p", { className: "text-xs text-tooltip-supporting-text", children: secondaryTitle }))] }));
+};
+
+exports.ChartLegendContent = ChartLegendContent;
+exports.ChartTooltipContent = ChartTooltipContent;
+exports.selectEvenlySpacedItems = selectEvenlySpacedItems;
+//# sourceMappingURL=ChartsBase.cjs.map

package/dist/components/organisms/Charts/components/ChartsBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsBase.cjs","sources":["../../../../../src/components/organisms/Charts/components/ChartsBase.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs"],"mappings":"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"}

package/dist/components/organisms/Charts/components/ChartsBase.d.ts

@@ -0,0 +1,49 @@
+import type { TooltipProps } from 'recharts';
+import type { Props as LegendContentProps } from 'recharts/types/component/DefaultLegendContent';
+import type { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import type { Props as DotProps } from 'recharts/types/shape/Dot';
+/**
+ * Formats an axis tick, tooltip value, or tooltip label — one shared name instead of
+ * BarChart, LineChart, and PieChart each declaring the same type locally (audit
+ * finding). Single-parameter on purpose: that's what lets the same formatter satisfy
+ * `XAxis`/`YAxis`'s 2-arg `tickFormatter` prop and `Tooltip`'s 5-arg `formatter`/
+ * `labelFormatter` props alike. `value: any` matches recharts' own `TickFormatter`
+ * (`recharts/types/cartesian/CartesianAxis`) — axis/tooltip values are genuinely
+ * heterogeneous (dates, numbers, strings), which is why recharts types them loosely too.
+ */
+export type ChartValueFormatter = (value: any) => string;
+/**
+ * Selects evenly spaced items from an array. Used for rendering
+ * certain number of x-axis labels.
+ * @param dataArray - The array of items to select from.
+ * @param count - The number of items to select.
+ * @returns The selected items.
+ */
+export declare const selectEvenlySpacedItems: <T extends readonly unknown[]>(dataArray: T, count: number) => Array<T[number]>;
+/**
+ * Renders the legend content for a chart.
+ * @param reversed - Whether to reverse the payload.
+ * @param payload - The payload of the legend.
+ * @param align - The alignment of the legend.
+ * @param layout - The layout of the legend.
+ * @param className - The class name of the legend.
+ * @returns The legend content.
+ */
+export declare const ChartLegendContent: ({ reversed, payload, align, layout, className, }: LegendContentProps & {
+    reversed?: boolean;
+    className?: string;
+}) => import("react").JSX.Element;
+interface ChartTooltipContentProps extends TooltipProps<ValueType, NameType> {
+    isRadialChart?: boolean;
+    isPieChart?: boolean;
+    label?: string;
+    payload?: any;
+}
+export declare const ChartTooltipContent: ({ active, payload, label, isRadialChart, isPieChart, formatter, labelFormatter }: ChartTooltipContentProps) => import("react").JSX.Element | null;
+interface ChartActiveDotProps extends DotProps {
+    /** The data point this dot renders, passed through by recharts' `activeDot` renderer. Unused here — kept for signature accuracy. */
+    payload?: Payload<ValueType, NameType>;
+}
+export declare const ChartActiveDot: ({ cx, cy }: ChartActiveDotProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ChartsBase.d.ts.map

package/dist/components/organisms/Charts/components/ChartsBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/ChartsBase.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,KAAK,IAAI,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AACnG,OAAO,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;GAQG;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;AAEzD;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,SAAS,OAAO,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,MAAM,KAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CA0BlH,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,kDAMhC,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCA2BjE,CAAC;AAEF,UAAU,wBAAyB,SAAQ,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,GAAI,kFAAkF,wBAAwB,uCAuC7I,CAAC;AAEF,UAAU,mBAAoB,SAAQ,QAAQ;IAC5C,oIAAoI;IACpI,OAAO,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,GAAI,YAAoB,mBAAmB,gCASrE,CAAC"}

package/dist/components/organisms/Charts/components/ChartsBase.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+/**
+ * Selects evenly spaced items from an array. Used for rendering
+ * certain number of x-axis labels.
+ * @param dataArray - The array of items to select from.
+ * @param count - The number of items to select.
+ * @returns The selected items.
+ */
+const selectEvenlySpacedItems = (dataArray, count) => {
+    if (!dataArray || dataArray.length === 0) {
+        return [];
+    }
+    const selectedItems = [];
+    if (dataArray.length === 1) {
+        for (let i = 0; i < count; i++) {
+            selectedItems.push(dataArray[0]);
+        }
+        return selectedItems;
+    }
+    // count === 1 would divide by zero below (NaN index); a single tick is the first item.
+    if (count === 1) {
+        return [dataArray[0]];
+    }
+    for (let i = 0; i < count; i++) {
+        const targetIndex = Math.round((i * (dataArray.length - 1)) / (count - 1));
+        const boundedIndex = Math.max(0, Math.min(targetIndex, dataArray.length - 1));
+        selectedItems.push(dataArray[boundedIndex]);
+    }
+    return selectedItems;
+};
+/**
+ * Renders the legend content for a chart.
+ * @param reversed - Whether to reverse the payload.
+ * @param payload - The payload of the legend.
+ * @param align - The alignment of the legend.
+ * @param layout - The layout of the legend.
+ * @param className - The class name of the legend.
+ * @returns The legend content.
+ */
+const ChartLegendContent = ({ reversed, payload, align, layout, className, }) => {
+    payload = reversed ? [...(payload ?? [])].reverse() : payload;
+    return (jsx("ul", { className: cx('flex', layout === 'vertical'
+            ? `flex-col gap-1 pl-4 ${align === 'center' ? 'items-center' : align === 'right' ? 'items-start' : 'items-start'}`
+            : `flex-row gap-3 ${align === 'center' ? 'justify-center' : align === 'right' ? 'justify-end' : 'justify-start'}`, className), children: payload?.map((entry, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the payload is an array of objects
+        jsxs("li", { className: "flex items-center gap-2 text-sm text-tertiary", children: [jsx("span", { className: cx('block size-2 rounded-full bg-current ring-[0.5px] ring-black/10 ring-inset', entry.payload?.className) }), entry.value] }, index))) }));
+};
+const ChartTooltipContent = ({ active, payload, label, isRadialChart, isPieChart, formatter, labelFormatter }) => {
+    const canRender = active && payload && payload.length;
+    if (!canRender) {
+        return null;
+    }
+    const isSingleDataPoint = payload.length === 1;
+    // Single data point: promote value to title, name to secondary title.
+    let title = isSingleDataPoint ? (isRadialChart ? payload[0].value : isPieChart ? payload[0].value : payload[0].value) : label;
+    let secondaryTitle = isSingleDataPoint ? (isRadialChart ? payload[0].payload.name : isPieChart ? payload[0].name : label) : payload;
+    title =
+        isSingleDataPoint && formatter
+            ? formatter(title, payload?.[0].name || label, payload[0], 0, payload)
+            : labelFormatter
+                ? labelFormatter(title, payload)
+                : title;
+    secondaryTitle = isSingleDataPoint && labelFormatter ? labelFormatter(secondaryTitle, payload) : secondaryTitle;
+    return (jsxs("div", { className: "flex flex-col gap-0.5 rounded-lg bg-primary-solid px-3 py-2 shadow-lg", children: [jsx("p", { className: "text-xs font-semibold text-white", children: title }), !secondaryTitle ? null : Array.isArray(secondaryTitle) ? (jsx("div", { children: secondaryTitle.map((entry, index) => (
+                // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the secondaryTitle is an array of objects
+                jsx("p", { className: cx('text-xs text-tooltip-supporting-text'), children: `${entry.name}: ${formatter ? formatter(entry.value, entry.name, entry, index, entry.payload) : entry.value}` }, index))) })) : (jsx("p", { className: "text-xs text-tooltip-supporting-text", children: secondaryTitle }))] }));
+};
+
+export { ChartLegendContent, ChartTooltipContent, selectEvenlySpacedItems };
+//# sourceMappingURL=ChartsBase.js.map

package/dist/components/organisms/Charts/components/ChartsBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsBase.js","sources":["../../../../../src/components/organisms/Charts/components/ChartsBase.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/organisms/Charts/components/LineChart.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var recharts = require('recharts');
+var ChartsBase = require('./ChartsBase.cjs');
+
+const defaultData = [
+    { date: new Date(2026, 0, 1), A: 600, B: 400, C: 100 },
+    { date: new Date(2026, 1, 1), A: 620, B: 405, C: 160 },
+    { date: new Date(2026, 2, 1), A: 630, B: 400, C: 170 },
+    { date: new Date(2026, 3, 1), A: 650, B: 410, C: 190 },
+    { date: new Date(2026, 4, 1), A: 600, B: 320, C: 200 },
+    { date: new Date(2026, 5, 1), A: 650, B: 430, C: 230 },
+    { date: new Date(2026, 6, 1), A: 620, B: 400, C: 200 },
+    { date: new Date(2026, 7, 1), A: 750, B: 540, C: 300 },
+    { date: new Date(2026, 8, 1), A: 780, B: 490, C: 390 },
+    { date: new Date(2026, 9, 1), A: 750, B: 450, C: 300 },
+    { date: new Date(2026, 10, 1), A: 780, B: 480, C: 340 },
+    { date: new Date(2026, 11, 1), A: 820, B: 500, C: 450 },
+];
+const defaultSeries = [
+    { dataKey: 'A', name: 'Series 1', colorClassName: 'text-utility-brand-600', fill: 'gradient' },
+    { dataKey: 'B', name: 'Series 2', colorClassName: 'text-utility-brand-400' },
+    { dataKey: 'C', name: 'Series 3', colorClassName: 'text-utility-brand-700' },
+];
+const defaultXTickFormatter = (value) => value instanceof Date ? value.toLocaleDateString(undefined, { month: 'short' }) : String(value);
+const defaultValueFormatter = (value) => Number(value).toLocaleString();
+const defaultLabelFormatter = (value) => value instanceof Date ? value.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(value);
+const areaClassName = '[&_.recharts-area-area]:translate-y-1.5 [&_.recharts-area-area]:[clip-path:inset(0_0_6px_0)]';
+const activeDot = { className: 'fill-bg-primary stroke-utility-brand-600 stroke-2' };
+/**
+ * Plots trend lines over a continuous axis, with optional gradient, pattern or dashed series.
+ * Part of the Charts family.
+ *
+ * @summary trend lines over a continuous axis
+ */
+const LineChart = ({ data = defaultData, series = defaultSeries, xDataKey = 'date', xAxisLabel = 'Month', yAxisLabel = 'Active users', xTickFormatter = defaultXTickFormatter, valueFormatter = defaultValueFormatter, labelFormatter = defaultLabelFormatter, showLegend = true, showTooltip = true, margin, className, 'data-testid': dataTestId, }) => {
+    const isDesktop = useBreakpoints.useBreakpoints('lg');
+    const id = React.useId();
+    const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'line-chart', rootName: 'line-chart' });
+    const gradientId = (index) => `${id}-gradient-${index}`;
+    const patternId = (index) => `${id}-pattern-${index}`;
+    const fillFor = (s, index) => {
+        if (s.fill === 'gradient')
+            return `url(#${gradientId(index)})`;
+        if (s.fill === 'pattern')
+            return `url(#${patternId(index)})`;
+        return 'none';
+    };
+    return (jsxRuntime.jsx("div", { "data-testid": testId, className: "flex h-60 flex-col gap-2", children: jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, className: "h-full", children: jsxRuntime.jsxs(recharts.AreaChart, { data: data, className: cx.cx('text-tertiary [&_.recharts-text]:text-xs', className), margin: margin ?? { left: 5, right: 5, top: isDesktop ? 12 : 6, bottom: isDesktop ? 16 : 0 }, children: [jsxRuntime.jsx("defs", { children: series.map((s, index) => {
+                            if (s.fill === 'gradient') {
+                                return (jsxRuntime.jsxs("linearGradient", { id: gradientId(index), x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: s.colorClassName, stopOpacity: "0.7" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: s.colorClassName, stopOpacity: "0" })] }, s.dataKey));
+                            }
+                            if (s.fill === 'pattern') {
+                                return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("linearGradient", { id: `${patternId(index)}-gradient`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "0%", stopColor: "currentColor", className: "text-utility-neutral-500", stopOpacity: "0.8" }), jsxRuntime.jsx("stop", { offset: "80%", stopColor: "currentColor", className: "text-utility-neutral-500", stopOpacity: "0" })] }), jsxRuntime.jsxs("pattern", { id: patternId(index), width: "8", height: "100%", patternUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("line", { x1: "0", y1: "0", x2: "0", y2: "100%", stroke: "currentColor", className: "text-utility-neutral-200", strokeWidth: "1.5" }), jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: `url(#${patternId(index)}-gradient)`, fillOpacity: 0.15 })] })] }, s.dataKey));
+                            }
+                            return null;
+                        }) }), jsxRuntime.jsx(recharts.CartesianGrid, { vertical: false, stroke: "currentColor", className: "text-utility-neutral-100" }), showLegend && (jsxRuntime.jsx(recharts.Legend, { align: "right", verticalAlign: "top", layout: isDesktop ? 'vertical' : 'horizontal', content: jsxRuntime.jsx(ChartsBase.ChartLegendContent, { className: "-translate-y-2" }) })), jsxRuntime.jsx(recharts.XAxis, { fill: "currentColor", axisLine: false, tickLine: false, tickMargin: 10, interval: "preserveStartEnd", dataKey: xDataKey, tickFormatter: xTickFormatter, padding: { left: 10, right: 10 }, children: isDesktop && xAxisLabel && (jsxRuntime.jsx(recharts.Label, { fill: "currentColor", className: "text-xs! font-medium max-lg:hidden", position: "bottom", children: xAxisLabel })) }), jsxRuntime.jsx(recharts.YAxis, { fill: "currentColor", axisLine: false, tickLine: false, interval: "preserveStartEnd", tickFormatter: valueFormatter, children: yAxisLabel && (jsxRuntime.jsx(recharts.Label, { value: yAxisLabel, fill: "currentColor", className: "text-xs! font-medium", style: { textAnchor: 'middle' }, angle: -90, position: "insideLeft" })) }), showTooltip && (jsxRuntime.jsx(recharts.Tooltip, { content: jsxRuntime.jsx(ChartsBase.ChartTooltipContent, {}), formatter: valueFormatter, labelFormatter: labelFormatter, cursor: { className: 'stroke-utility-brand-600 stroke-2' } })), series.map((s, index) => (jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: cx.cx(s.colorClassName, areaClassName), dataKey: s.dataKey, name: s.name ?? s.dataKey, type: "monotone", stroke: "currentColor", strokeWidth: 2, strokeDasharray: s.dashed ? '0.1 8' : undefined, strokeLinecap: s.dashed ? 'round' : undefined, fill: fillFor(s, index), fillOpacity: s.fill === 'gradient' ? 0.1 : 1, activeDot: activeDot }, s.dataKey)))] }) }) }));
+};
+
+exports.LineChart = LineChart;
+//# sourceMappingURL=LineChart.cjs.map

package/dist/components/organisms/Charts/components/LineChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.cjs","sources":["../../../../../src/components/organisms/Charts/components/LineChart.tsx"],"sourcesContent":[null],"names":["useBreakpoints","useId","useResolvedTestId","_jsx","ResponsiveContainer","_jsxs","AreaChart","cx","Fragment","CartesianGrid","Legend","ChartLegendContent","XAxis","Label","YAxis","Tooltip","ChartTooltipContent","Area"],"mappings":"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"}