@flipdish/ui-library 0.30.0 → 0.31.1

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

@@ -0,0 +1,135 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ArrowDownRight, TrendDown01, ArrowDown, ArrowUpRight, TrendUp01, ArrowUp, Eye, Zap } from '@flipdish/ui-icons';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { Dropdown } from '@flipdish/ui-library/components/molecules/Dropdown';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useId } from 'react';
+import { AreaChart, Area, ResponsiveContainer } from 'recharts';
+
+const ActionsDropdown = ({ actions, testId }) => (jsxs(Dropdown.Root, { children: [jsx(Dropdown.DotsButton, { "data-testid": joinTestId(testId, 'actions') }), jsx(Dropdown.Popover, { className: "w-min", children: jsx(Dropdown.Menu, { children: actions.map(({ id, label, icon, onPress }) => (jsx(Dropdown.Item, { icon: icon, onAction: onPress, children: jsx("span", { className: "pr-4", children: label }) }, id))) }) })] }));
+/** Shared overflow-actions slot rendered identically by every Metrics card. */
+const MetricsCardDropdown = ({ dropdownActions, testId }) => dropdownActions && dropdownActions.length > 0 ? (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) })) : null;
+const MetricChangeIndicator = ({ type, changeTrend, value, className, 'data-testid': dataTestId }) => {
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metric-change-indicator', rootName: 'metric-change-indicator' });
+    const icons = {
+        positive: {
+            simple: ArrowUp,
+            trend: TrendUp01,
+            modern: ArrowUpRight,
+        },
+        negative: {
+            simple: ArrowDown,
+            trend: TrendDown01,
+            modern: ArrowDownRight,
+        },
+    };
+    const Icon = icons[changeTrend][type];
+    return (jsxs("div", { "data-testid": testId, className: cx('flex items-center', type === 'simple' ? 'gap-0.5' : 'gap-1', type === 'modern' && 'rounded-md bg-primary py-0.5 pr-2 pl-1.5 shadow-xs ring-1 ring-primary ring-inset', className), children: [jsx(Icon, { className: cx('stroke-[3px] text-fg-success-secondary', type === 'modern' ? 'size-3' : 'size-4', changeTrend === 'negative' ? 'text-fg-error-secondary' : 'text-fg-success-secondary') }), jsx("span", { className: cx('text-sm font-medium text-secondary', type === 'modern' ? 'text-secondary' : changeTrend === 'negative' ? 'text-error-primary' : 'text-success-primary'), children: value })] }));
+};
+/**
+ * KPI card with a headline figure, label and colour-coded change indicator. Pick another
+ * `Metrics*` layout when you need an icon, sparkline, footer or actions menu.
+ *
+ * @summary metric card with a headline figure and change indicator
+ */
+const MetricsSimple = ({ title = '2,000', subtitle = 'View 24 hours', type, changeTrend, change, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-simple', rootName: 'metrics-simple' });
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-2 px-4 py-5 md:px-5", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-end gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+};
+const MetricsIcon01 = ({ icon = TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-01', rootName: 'metrics-icon-01' });
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsx(FeaturedIcon, { color: changeTrend === 'positive' ? 'success' : 'error', theme: "light", icon: icon, size: "lg" }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-end gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: "modern", changeTrend: changeTrend, value: change })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+};
+const MetricsIcon02 = ({ icon = Zap, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', changeDescription = 'vs last month', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-02', rootName: 'metrics-icon-02' });
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(FeaturedIcon, { color: "brand", theme: "light", size: "lg", icon: icon }), jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxs("div", { className: "flex flex-col gap-3", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "simple", changeTrend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+};
+const MetricsIcon03 = ({ icon = TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, className, footer, 'data-testid': dataTestId, }) => {
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-03', rootName: 'metrics-icon-03' });
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", icon: icon || TrendUp01, size: "lg" }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxs("div", { className: "flex flex-wrap items-center gap-3 lg:gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "trend", changeTrend: changeTrend, value: change }), jsx("span", { className: "text-sm font-medium text-tertiary", children: "vs last month" })] })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+};
+const MetricsIcon04 = ({ icon = TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-04', rootName: 'metrics-icon-04' });
+    return (jsxs("div", { "data-testid": testId, className: cx('min-w-70 rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:flex-row md:px-5", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", icon: icon, size: "md" }), jsxs("div", { className: "flex w-full flex-col gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: "modern", changeTrend: changeTrend, value: change })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+};
+const CustomizedDot = (props) => {
+    if (!props.payload?.highlight) {
+        return null;
+    }
+    const size = 20;
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: we don't need a title for this svg
+    jsxs("svg", { x: Number(props.cx) - size / 2, y: Number(props.cy) - size / 2, width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: cx('text-fg-success-secondary', props.dotColor), children: [jsx("rect", { x: "1.75", y: "1.625", width: "17.25", height: "17.25", rx: "8.625", className: "stroke-current", strokeOpacity: 0.2, strokeWidth: "2" }), jsx("rect", { x: "6.125", y: "6", width: "8.5", height: "8.5", rx: "4.25", className: "fill-bg-primary stroke-current", strokeWidth: "2" })] }));
+};
+const lineData = [
+    { value: 10 },
+    { value: 15 },
+    { value: 12 },
+    { value: 20 },
+    { value: 18 },
+    { value: 25 },
+    { value: 30 },
+    { value: 28 },
+    { value: 32 },
+    { value: 35 },
+    { value: 40, highlight: true },
+    { value: 32 },
+    { value: 40 },
+    { value: 50 },
+    { value: 55 },
+];
+const MetricsChart01 = ({ title = '2,000', subtitle = 'View 24 hours', change = '100%', changeDescription = 'vs last month', dropdownActions, chartData = lineData, changeTrend = 'positive', footer, className, 'data-testid': dataTestId, }) => {
+    const id = useId();
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-01', rootName: 'metrics-chart-01' });
+    const chartColor = changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-5 px-4 py-5 md:px-5", children: [jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle }), jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "simple", changeTrend: changeTrend, value: change }), jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsxs(AreaChart, { height: 56, width: 112, data: chartData, margin: {
+                                    left: 0,
+                                    right: 0,
+                                    top: 0,
+                                    bottom: 0,
+                                }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: "monotone", stroke: "currentColor", strokeWidth: 2, fill: `url(#gradient-${id})`, fillOpacity: 0.2, dot: jsx(CustomizedDot, { dotColor: chartColor }), activeDot: false })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+};
+const lineData2 = [
+    { a: 10, b: 0 },
+    { a: 5, b: 30 },
+    { a: 30, b: 20 },
+    { a: 20, b: 35 },
+];
+const MetricsChart02 = ({ icon = Eye, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', chartData = lineData2, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const id = useId();
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-02', rootName: 'metrics-chart-02' });
+    const chartColor = changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", size: "lg", icon: icon }), jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary lg:text-display-md", children: title }), jsx(MetricChangeIndicator, { type: "trend", changeTrend: changeTrend, value: change })] }), jsxs(AreaChart, { height: 56, width: 128, data: chartData, margin: {
+                                    left: 0,
+                                    right: 0,
+                                    top: 0,
+                                    bottom: 0,
+                                }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { className: chartColor, dataKey: "a", type: "monotone", strokeWidth: 0, fill: "currentColor", fillOpacity: 0.2, isAnimationActive: false, activeDot: false }), jsx(Area, { dataKey: "b", type: "monotone", strokeWidth: 0, fill: `url(#gradient-${id})`, fillOpacity: 0.2, isAnimationActive: false, activeDot: false })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+};
+const lineData3 = [{ value: 0 }, { value: 9 }, { value: 6 }, { value: 15 }];
+const MetricsChart03 = ({ title = '2,000', subtitle = 'View 24 hours', type = 'trend', change, changeTrend, changeDescription, chartColor, chartAreaFill, chartCurveType, chartData = lineData3, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const id = useId();
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-03', rootName: 'metrics-chart-03' });
+    chartColor = chartColor ?? (changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary');
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-center gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] })] }), jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 72, children: jsxs(AreaChart, { data: chartData, margin: {
+                                left: 0,
+                                right: 0,
+                                top: 0,
+                                bottom: 0,
+                            }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+};
+const MetricsChart04 = ({ title, subtitle, type = 'trend', change, changeTrend, changeDescription, chartColor = 'text-fg-success-secondary', chartAreaFill, chartCurveType, chartData = lineData3, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+    const id = useId();
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-04', rootName: 'metrics-chart-04' });
+    chartColor = chartColor ?? (changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary');
+    return (jsxs("div", { "data-testid": testId, className: cx('flex flex-col overflow-hidden rounded-xl bg-secondary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsx("div", { className: "mb-0.5 px-4 pt-3 pb-2 md:px-5", children: jsx("h3", { className: "text-sm font-semibold text-primary", children: subtitle }) }), jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl bg-primary px-4 py-5 shadow-xs ring-1 ring-secondary ring-inset md:gap-5 md:px-5", children: [jsx("div", { className: "flex flex-col gap-2", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx("p", { className: "text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }) }), jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 56, children: jsxs(AreaChart, { data: chartData, margin: {
+                                left: 0,
+                                right: 0,
+                                top: 0,
+                                bottom: 0,
+                            }, className: chartColor, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end py-3 pr-4 pl-3 md:pr-5 md:pl-4", children: footer })] }));
+};
+
+export { MetricChangeIndicator, MetricsChart01, MetricsChart02, MetricsChart03, MetricsChart04, MetricsIcon01, MetricsIcon02, MetricsIcon03, MetricsIcon04, MetricsSimple };
+//# sourceMappingURL=Metrics.js.map

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

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

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+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 = [
+    { name: 'Series 1', value: 200, className: 'text-utility-brand-600' },
+    { name: 'Series 2', value: 350, className: 'text-utility-brand-500' },
+    { name: 'Series 3', value: 100, className: 'text-utility-brand-400' },
+    { name: 'Series 4', value: 120, className: 'text-utility-brand-300' },
+    { name: 'Series 5', value: 230, className: 'text-utility-neutral-200' },
+];
+const sizeConfig = {
+    xxs: { height: 120, maxWidthClassName: 'max-w-52.5', innerRadius: 30, outerRadius: 60 },
+    xs: { height: 160, maxWidthClassName: 'max-w-62.5', innerRadius: 40, outerRadius: 80 },
+    sm: { height: 200, maxWidthClassName: 'max-w-72.5', innerRadius: 50, outerRadius: 100 },
+    md: { height: 240, maxWidthClassName: 'max-w-96', innerRadius: 60, outerRadius: 120 },
+    lg: { height: 280, maxWidthClassName: 'max-w-96', innerRadius: 70, outerRadius: 140 },
+};
+/**
+ * Plots each row as a slice of a donut, sized by its share of the total — here,
+ * five tokenised series. Pick a `size` preset for the footprint and colour each
+ * slice with a semantic `text-utility-*` token. Use it to show the composition
+ * of a whole when a handful of parts matter.
+ *
+ * @summary donut showing each part's share of a whole
+ */
+const PieChart = ({ data = defaultData, size = 'xs', showLegend = true, showTooltip = true, valueFormatter, className, 'data-testid': dataTestId, }) => {
+    const config = sizeConfig[size];
+    const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'pie-chart', rootName: 'pie-chart' });
+    return (jsxRuntime.jsx("div", { "data-testid": testId, className: "contents", children: jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: config.height, className: cx.cx(config.maxWidthClassName, className), children: jsxRuntime.jsxs(recharts.PieChart, { className: "text-tertiary [&_.recharts-text]:text-xs", margin: { left: 0, right: 0, top: 0, bottom: 0 }, children: [showLegend && jsxRuntime.jsx(recharts.Legend, { verticalAlign: "top", align: "right", layout: "vertical", content: jsxRuntime.jsx(ChartsBase.ChartLegendContent, {}) }), showTooltip && jsxRuntime.jsx(recharts.Tooltip, { content: jsxRuntime.jsx(ChartsBase.ChartTooltipContent, { isPieChart: true }), formatter: valueFormatter }), jsxRuntime.jsx(recharts.Pie, { isAnimationActive: false, startAngle: -270, endAngle: -630, stroke: "none", data: data, dataKey: "value", nameKey: "name", fill: "currentColor", innerRadius: config.innerRadius, outerRadius: config.outerRadius })] }) }) }));
+};
+/** @deprecated Use `<PieChart size="xxs" />` instead. */
+const PieChartXxs = (props) => jsxRuntime.jsx(PieChart, { ...props, size: "xxs" });
+/** @deprecated Use `<PieChart size="xs" />` instead. */
+const PieChartXs = (props) => jsxRuntime.jsx(PieChart, { ...props, size: "xs" });
+/** @deprecated Use `<PieChart size="sm" />` instead. */
+const PieChartSm = (props) => jsxRuntime.jsx(PieChart, { ...props, size: "sm" });
+/** @deprecated Use `<PieChart size="md" />` instead. */
+const PieChartMd = (props) => jsxRuntime.jsx(PieChart, { ...props, size: "md" });
+/** @deprecated Use `<PieChart size="lg" />` instead. */
+const PieChartLg = (props) => jsxRuntime.jsx(PieChart, { ...props, size: "lg" });
+
+exports.PieChart = PieChart;
+exports.PieChartLg = PieChartLg;
+exports.PieChartMd = PieChartMd;
+exports.PieChartSm = PieChartSm;
+exports.PieChartXs = PieChartXs;
+exports.PieChartXxs = PieChartXxs;
+//# sourceMappingURL=PieChart.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.cjs","sources":["../../../../../src/components/organisms/Charts/components/PieChart.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","ResponsiveContainer","cx","_jsxs","RechartsPieChart","Legend","ChartLegendContent","Tooltip","ChartTooltipContent","Pie"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import { type ChartValueFormatter } from './ChartsBase';
+export interface PieChartDataItem {
+    /** Display name shown in the legend and tooltip. */
+    name: string;
+    /** Numeric value determining this slice's share of the whole. */
+    value: number;
+    /** Tailwind `text-*` utility controlling the slice colour. */
+    className?: string;
+}
+/** Preset radii and footprint for the pie. */
+export type PieChartSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+export interface PieChartProps {
+    /** Slices to plot. Each slice's share is its `value` over the total. */
+    data?: PieChartDataItem[];
+    /**
+     * Preset that controls the chart height and inner/outer radii.
+     * @default 'xs'
+     */
+    size?: PieChartSize;
+    /**
+     * Whether to render the legend.
+     * @default true
+     */
+    showLegend?: boolean;
+    /**
+     * Whether to render the tooltip on hover.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /** Formats the tooltip value. Defaults to the raw value. */
+    valueFormatter?: ChartValueFormatter;
+    /** Additional class name for the chart container. */
+    className?: string;
+    /** Overrides the `data-testid` on the chart container (defaults to `fd-pie-chart`). */
+    'data-testid'?: string;
+}
+/**
+ * Plots each row as a slice of a donut, sized by its share of the total — here,
+ * five tokenised series. Pick a `size` preset for the footprint and colour each
+ * slice with a semantic `text-utility-*` token. Use it to show the composition
+ * of a whole when a handful of parts matter.
+ *
+ * @summary donut showing each part's share of a whole
+ */
+export declare const PieChart: ({ data, size, showLegend, showTooltip, valueFormatter, className, "data-testid": dataTestId, }: PieChartProps) => import("react").JSX.Element;
+/** @deprecated Use `<PieChart size="xxs" />` instead. */
+export declare const PieChartXxs: (props: Omit<PieChartProps, "size">) => import("react").JSX.Element;
+/** @deprecated Use `<PieChart size="xs" />` instead. */
+export declare const PieChartXs: (props: Omit<PieChartProps, "size">) => import("react").JSX.Element;
+/** @deprecated Use `<PieChart size="sm" />` instead. */
+export declare const PieChartSm: (props: Omit<PieChartProps, "size">) => import("react").JSX.Element;
+/** @deprecated Use `<PieChart size="md" />` instead. */
+export declare const PieChartMd: (props: Omit<PieChartProps, "size">) => import("react").JSX.Element;
+/** @deprecated Use `<PieChart size="lg" />` instead. */
+export declare const PieChartLg: (props: Omit<PieChartProps, "size">) => import("react").JSX.Element;
+//# sourceMappingURL=PieChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/PieChart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA2C,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEjG,MAAM,WAAW,gBAAgB;IAC/B,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8CAA8C;AAC9C,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAkBD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,gGAQtB,aAAa,gCA4Bf,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,WAAW,GAAI,OAAO,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,gCAAuC,CAAC;AACtG,wDAAwD;AACxD,eAAO,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,gCAAsC,CAAC;AACpG,wDAAwD;AACxD,eAAO,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,gCAAsC,CAAC;AACpG,wDAAwD;AACxD,eAAO,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,gCAAsC,CAAC;AACpG,wDAAwD;AACxD,eAAO,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,gCAAsC,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { ResponsiveContainer, PieChart as PieChart$1, Legend, Tooltip, Pie } from 'recharts';
+import { ChartLegendContent, ChartTooltipContent } from './ChartsBase.js';
+
+const defaultData = [
+    { name: 'Series 1', value: 200, className: 'text-utility-brand-600' },
+    { name: 'Series 2', value: 350, className: 'text-utility-brand-500' },
+    { name: 'Series 3', value: 100, className: 'text-utility-brand-400' },
+    { name: 'Series 4', value: 120, className: 'text-utility-brand-300' },
+    { name: 'Series 5', value: 230, className: 'text-utility-neutral-200' },
+];
+const sizeConfig = {
+    xxs: { height: 120, maxWidthClassName: 'max-w-52.5', innerRadius: 30, outerRadius: 60 },
+    xs: { height: 160, maxWidthClassName: 'max-w-62.5', innerRadius: 40, outerRadius: 80 },
+    sm: { height: 200, maxWidthClassName: 'max-w-72.5', innerRadius: 50, outerRadius: 100 },
+    md: { height: 240, maxWidthClassName: 'max-w-96', innerRadius: 60, outerRadius: 120 },
+    lg: { height: 280, maxWidthClassName: 'max-w-96', innerRadius: 70, outerRadius: 140 },
+};
+/**
+ * Plots each row as a slice of a donut, sized by its share of the total — here,
+ * five tokenised series. Pick a `size` preset for the footprint and colour each
+ * slice with a semantic `text-utility-*` token. Use it to show the composition
+ * of a whole when a handful of parts matter.
+ *
+ * @summary donut showing each part's share of a whole
+ */
+const PieChart = ({ data = defaultData, size = 'xs', showLegend = true, showTooltip = true, valueFormatter, className, 'data-testid': dataTestId, }) => {
+    const config = sizeConfig[size];
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'pie-chart', rootName: 'pie-chart' });
+    return (jsx("div", { "data-testid": testId, className: "contents", children: jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: config.height, className: cx(config.maxWidthClassName, className), children: jsxs(PieChart$1, { className: "text-tertiary [&_.recharts-text]:text-xs", margin: { left: 0, right: 0, top: 0, bottom: 0 }, children: [showLegend && jsx(Legend, { verticalAlign: "top", align: "right", layout: "vertical", content: jsx(ChartLegendContent, {}) }), showTooltip && jsx(Tooltip, { content: jsx(ChartTooltipContent, { isPieChart: true }), formatter: valueFormatter }), jsx(Pie, { isAnimationActive: false, startAngle: -270, endAngle: -630, stroke: "none", data: data, dataKey: "value", nameKey: "name", fill: "currentColor", innerRadius: config.innerRadius, outerRadius: config.outerRadius })] }) }) }));
+};
+/** @deprecated Use `<PieChart size="xxs" />` instead. */
+const PieChartXxs = (props) => jsx(PieChart, { ...props, size: "xxs" });
+/** @deprecated Use `<PieChart size="xs" />` instead. */
+const PieChartXs = (props) => jsx(PieChart, { ...props, size: "xs" });
+/** @deprecated Use `<PieChart size="sm" />` instead. */
+const PieChartSm = (props) => jsx(PieChart, { ...props, size: "sm" });
+/** @deprecated Use `<PieChart size="md" />` instead. */
+const PieChartMd = (props) => jsx(PieChart, { ...props, size: "md" });
+/** @deprecated Use `<PieChart size="lg" />` instead. */
+const PieChartLg = (props) => jsx(PieChart, { ...props, size: "lg" });
+
+export { PieChart, PieChartLg, PieChartMd, PieChartSm, PieChartXs, PieChartXxs };
+//# sourceMappingURL=PieChart.js.map

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

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

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+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 = [
+    { subject: 'Mon', A: 800, B: 400, C: 600 },
+    { subject: 'Tue', A: 600, B: 1000, C: 800 },
+    { subject: 'Wed', A: 600, B: 200, C: 400 },
+    { subject: 'Thu', A: 200, B: 600, C: 800 },
+    { subject: 'Fri', A: 400, B: 200, C: 600 },
+    { subject: 'Sat', A: 1000, B: 800, C: 600 },
+    { subject: 'Sun', A: 400, B: 1000, C: 800 },
+];
+const defaultSeries = [
+    { dataKey: 'A', name: 'Series 1', colorClassName: 'text-utility-brand-600' },
+    { dataKey: 'B', name: 'Series 2', colorClassName: 'text-utility-pink-500' },
+    { dataKey: 'C', name: 'Series 3', colorClassName: 'text-utility-sky-500' },
+];
+const activeDot = { className: 'fill-bg-primary stroke-utility-brand-600 stroke-2' };
+// `Partial` (and the optional chaining below) because recharts injects all props via `cloneElement` on `tick={<AngleAxisTick />}` — the JSX call site passes none.
+const AngleAxisTick = ({ x, y, textAnchor, payload, verticalAnchor, ...props }) => (jsxRuntime.jsx("text", { x: x, y: y, textAnchor: textAnchor, ...props, className: cx.cx('recharts-text recharts-polar-angle-axis-tick-value', props.className), children: jsxRuntime.jsx("tspan", { dy: "0em", className: "fill-utility-neutral-700 text-xs font-medium", children: payload?.value }) }));
+const RadiusAxisTick = ({ x, y, textAnchor, payload, verticalAnchor, ...props }) => (jsxRuntime.jsx("text", { x: x, y: y, textAnchor: textAnchor, ...props, className: cx.cx('recharts-text', props.className), children: jsxRuntime.jsx("tspan", { className: "fill-utility-neutral-400 text-xs", children: Number(payload?.value).toLocaleString() }) }));
+/**
+ * Plots each row as a spoke on a polar grid with one filled shape per series, to compare
+ * entities across shared dimensions. Part of the Charts family.
+ *
+ * @summary polar chart comparing entities across dimensions
+ */
+const RadarChart = ({ data = defaultData, series = defaultSeries, subjectKey = 'subject', domainMax, height = 500, showLegend = true, showTooltip = true, showRadiusAxis = true, className, 'data-testid': dataTestId, }) => {
+    const max = domainMax ?? Math.max(0, ...data.flatMap((row) => series.map((s) => Number(row[s.dataKey]) || 0)));
+    const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'radar-chart', rootName: 'radar-chart' });
+    return (jsxRuntime.jsx("div", { "data-testid": testId, className: "contents", children: jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: height, width: "100%", children: jsxRuntime.jsxs(recharts.RadarChart, { cx: "50%", cy: "50%", outerRadius: "80%", data: data, className: cx.cx('size-full font-medium text-tertiary [&_.recharts-polar-grid]:text-utility-neutral-100 [&_.recharts-text]:text-sm', className), margin: { left: 0, right: 0, top: 0, bottom: 0 }, children: [showLegend && jsxRuntime.jsx(recharts.Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: jsxRuntime.jsx(ChartsBase.ChartLegendContent, {}) }), jsxRuntime.jsx(recharts.PolarGrid, { stroke: "currentColor", className: "text-utility-neutral-100" }), jsxRuntime.jsx(recharts.PolarAngleAxis, { dataKey: subjectKey, stroke: "currentColor", tick: jsxRuntime.jsx(AngleAxisTick, {}), tickLine: false, axisLine: false }), jsxRuntime.jsx(recharts.PolarRadiusAxis, { textAnchor: "middle", tick: showRadiusAxis ? jsxRuntime.jsx(RadiusAxisTick, {}) : false, axisLine: false, angle: 90, domain: [0, max] }), showTooltip && (jsxRuntime.jsx(recharts.Tooltip, { content: jsxRuntime.jsx(ChartsBase.ChartTooltipContent, {}), cursor: {
+                            className: 'stroke-utility-brand-600 stroke-2',
+                            style: { transform: 'translateZ(0)' },
+                        } })), series.map((s) => (jsxRuntime.jsx(recharts.Radar, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: "currentColor", strokeWidth: 2, strokeLinejoin: "round", fill: "currentColor", fillOpacity: s.fillOpacity ?? 0.2, activeDot: activeDot }, s.dataKey)))] }) }) }));
+};
+
+exports.RadarChart = RadarChart;
+//# sourceMappingURL=RadarChart.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.cjs","sources":["../../../../../src/components/organisms/Charts/components/RadarChart.tsx"],"sourcesContent":[null],"names":["_jsx","cx","useResolvedTestId","ResponsiveContainer","_jsxs","RechartsRadarChart","Legend","ChartLegendContent","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","ChartTooltipContent","Radar"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+export interface RadarChartSeries {
+    /** 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 stroke and fill colour. */
+    colorClassName?: string;
+    /**
+     * Opacity of the filled area.
+     * @default 0.2
+     */
+    fillOpacity?: number;
+}
+export interface RadarChartProps {
+    /** Rows of data to plot, one per axis spoke. */
+    data?: Array<Record<string, unknown>>;
+    /** Series configuration, one entry per radar shape. */
+    series?: RadarChartSeries[];
+    /**
+     * Key in each data row holding the axis (spoke) label.
+     * @default 'subject'
+     */
+    subjectKey?: string;
+    /** Upper bound of the radius axis. Defaults to the largest value in `data`. */
+    domainMax?: number;
+    /**
+     * Height of the chart in pixels.
+     * @default 500
+     */
+    height?: number;
+    /**
+     * Whether to render the legend.
+     * @default true
+     */
+    showLegend?: boolean;
+    /**
+     * Whether to render the tooltip on hover.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Whether to render the radius (value) axis ticks.
+     * @default true
+     */
+    showRadiusAxis?: boolean;
+    /** Additional class name for the chart container. */
+    className?: string;
+    /** Overrides the `data-testid` on the chart container (defaults to `fd-radar-chart`). */
+    'data-testid'?: string;
+}
+/**
+ * Plots each row as a spoke on a polar grid with one filled shape per series, to compare
+ * entities across shared dimensions. Part of the Charts family.
+ *
+ * @summary polar chart comparing entities across dimensions
+ */
+export declare const RadarChart: ({ data, series, subjectKey, domainMax, height, showLegend, showTooltip, showRadiusAxis, className, "data-testid": dataTestId, }: RadarChartProps) => import("react").JSX.Element;
+//# sourceMappingURL=RadarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/RadarChart.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,uDAAuD;IACvD,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmCD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,iIAWxB,eAAe,gCAuDjB,CAAC"}

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

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { ResponsiveContainer, RadarChart as RadarChart$1, Legend, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Radar } from 'recharts';
+import { ChartLegendContent, ChartTooltipContent } from './ChartsBase.js';
+
+const defaultData = [
+    { subject: 'Mon', A: 800, B: 400, C: 600 },
+    { subject: 'Tue', A: 600, B: 1000, C: 800 },
+    { subject: 'Wed', A: 600, B: 200, C: 400 },
+    { subject: 'Thu', A: 200, B: 600, C: 800 },
+    { subject: 'Fri', A: 400, B: 200, C: 600 },
+    { subject: 'Sat', A: 1000, B: 800, C: 600 },
+    { subject: 'Sun', A: 400, B: 1000, C: 800 },
+];
+const defaultSeries = [
+    { dataKey: 'A', name: 'Series 1', colorClassName: 'text-utility-brand-600' },
+    { dataKey: 'B', name: 'Series 2', colorClassName: 'text-utility-pink-500' },
+    { dataKey: 'C', name: 'Series 3', colorClassName: 'text-utility-sky-500' },
+];
+const activeDot = { className: 'fill-bg-primary stroke-utility-brand-600 stroke-2' };
+// `Partial` (and the optional chaining below) because recharts injects all props via `cloneElement` on `tick={<AngleAxisTick />}` — the JSX call site passes none.
+const AngleAxisTick = ({ x, y, textAnchor, payload, verticalAnchor, ...props }) => (jsx("text", { x: x, y: y, textAnchor: textAnchor, ...props, className: cx('recharts-text recharts-polar-angle-axis-tick-value', props.className), children: jsx("tspan", { dy: "0em", className: "fill-utility-neutral-700 text-xs font-medium", children: payload?.value }) }));
+const RadiusAxisTick = ({ x, y, textAnchor, payload, verticalAnchor, ...props }) => (jsx("text", { x: x, y: y, textAnchor: textAnchor, ...props, className: cx('recharts-text', props.className), children: jsx("tspan", { className: "fill-utility-neutral-400 text-xs", children: Number(payload?.value).toLocaleString() }) }));
+/**
+ * Plots each row as a spoke on a polar grid with one filled shape per series, to compare
+ * entities across shared dimensions. Part of the Charts family.
+ *
+ * @summary polar chart comparing entities across dimensions
+ */
+const RadarChart = ({ data = defaultData, series = defaultSeries, subjectKey = 'subject', domainMax, height = 500, showLegend = true, showTooltip = true, showRadiusAxis = true, className, 'data-testid': dataTestId, }) => {
+    const max = domainMax ?? Math.max(0, ...data.flatMap((row) => series.map((s) => Number(row[s.dataKey]) || 0)));
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'radar-chart', rootName: 'radar-chart' });
+    return (jsx("div", { "data-testid": testId, className: "contents", children: jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: height, width: "100%", children: jsxs(RadarChart$1, { cx: "50%", cy: "50%", outerRadius: "80%", data: data, className: cx('size-full font-medium text-tertiary [&_.recharts-polar-grid]:text-utility-neutral-100 [&_.recharts-text]:text-sm', className), margin: { left: 0, right: 0, top: 0, bottom: 0 }, children: [showLegend && jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: jsx(ChartLegendContent, {}) }), jsx(PolarGrid, { stroke: "currentColor", className: "text-utility-neutral-100" }), jsx(PolarAngleAxis, { dataKey: subjectKey, stroke: "currentColor", tick: jsx(AngleAxisTick, {}), tickLine: false, axisLine: false }), jsx(PolarRadiusAxis, { textAnchor: "middle", tick: showRadiusAxis ? jsx(RadiusAxisTick, {}) : false, axisLine: false, angle: 90, domain: [0, max] }), showTooltip && (jsx(Tooltip, { content: jsx(ChartTooltipContent, {}), cursor: {
+                            className: 'stroke-utility-brand-600 stroke-2',
+                            style: { transform: 'translateZ(0)' },
+                        } })), series.map((s) => (jsx(Radar, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: "currentColor", strokeWidth: 2, strokeLinejoin: "round", fill: "currentColor", fillOpacity: s.fillOpacity ?? 0.2, activeDot: activeDot }, s.dataKey)))] }) }) }));
+};
+
+export { RadarChart };
+//# sourceMappingURL=RadarChart.js.map

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

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