@flipdish/ui-library 0.31.0 → 0.31.2

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":";;;;;;AA6CA,MAAM,WAAW,GAAuB;IACtC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,wBAAwB,EAAE;IACrE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,wBAAwB,EAAE;IACrE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,wBAAwB,EAAE;IACrE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,wBAAwB,EAAE;IACrE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,0BAA0B,EAAE;CACxE;AAED,MAAM,UAAU,GAAkH;AAChI,IAAA,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;AACvF,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;AACtF,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE;AACvF,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE;AACrF,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE;CACtF;AAED;;;;;;;AAOG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,GAAG,WAAW,EAClB,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,cAAc,EACd,SAAS,EACT,aAAa,EAAE,UAAU,GACX,KAAI;AAClB,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AAErG,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAE,SAAS,EAAC,UAAU,EAAA,QAAA,EAC5CA,GAAA,CAAC,mBAAmB,IAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,QAAA,EACvIC,IAAA,CAACC,UAAgB,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACpH,UAAU,IAAIF,GAAA,CAAC,MAAM,EAAA,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,OAAO,EAAEA,GAAA,CAAC,kBAAkB,KAAG,EAAA,CAAI,EAE7G,WAAW,IAAIA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAEA,IAAC,mBAAmB,EAAA,EAAC,UAAU,EAAA,IAAA,EAAA,CAAG,EAAE,SAAS,EAAE,cAAc,EAAA,CAAI,EAEnGA,GAAA,CAAC,GAAG,EAAA,EACF,iBAAiB,EAAE,KAAK,EACxB,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,OAAO,EACf,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,cAAc,EACnB,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,WAAW,EAAE,MAAM,CAAC,WAAW,EAAA,CAC/B,IACe,EAAA,CACC,EAAA,CAClB;AAEV;AAEA;AACO,MAAM,WAAW,GAAG,CAAC,KAAkC,KAAKA,GAAA,CAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAC,KAAK;AAClG;AACO,MAAM,UAAU,GAAG,CAAC,KAAkC,KAAKA,GAAA,CAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAC,IAAI;AAChG;AACO,MAAM,UAAU,GAAG,CAAC,KAAkC,KAAKA,GAAA,CAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAC,IAAI;AAChG;AACO,MAAM,UAAU,GAAG,CAAC,KAAkC,KAAKA,GAAA,CAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAC,IAAI;AAChG;AACO,MAAM,UAAU,GAAG,CAAC,KAAkC,KAAKA,GAAA,CAAC,QAAQ,OAAK,KAAK,EAAE,IAAI,EAAC,IAAI;;"}

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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"}

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

@@ -1,36 +1,36 @@
 'use strict';
 
-var activityGauge = require('./components/activity-gauge.cjs');
-var barChart = require('./components/bar-chart.cjs');
-var lineChart = require('./components/line-chart.cjs');
-var metrics = require('./components/metrics.cjs');
-var pieChart = require('./components/pie-chart.cjs');
-var radarChart = require('./components/radar-chart.cjs');
+var ActivityGauge = require('./components/ActivityGauge.cjs');
+var BarChart = require('./components/BarChart.cjs');
+var LineChart = require('./components/LineChart.cjs');
+var Metrics = require('./components/Metrics.cjs');
+var PieChart = require('./components/PieChart.cjs');
+var RadarChart = require('./components/RadarChart.cjs');
 
 
 
-exports.ActivityGauge = activityGauge.ActivityGauge;
-exports.ActivityGaugeLg = activityGauge.ActivityGaugeLg;
-exports.ActivityGaugeMd = activityGauge.ActivityGaugeMd;
-exports.ActivityGaugeSm = activityGauge.ActivityGaugeSm;
-exports.ActivityGaugeXs = activityGauge.ActivityGaugeXs;
-exports.BarChart = barChart.BarChart;
-exports.LineChart = lineChart.LineChart;
-exports.MetricChangeIndicator = metrics.MetricChangeIndicator;
-exports.MetricsChart01 = metrics.MetricsChart01;
-exports.MetricsChart02 = metrics.MetricsChart02;
-exports.MetricsChart03 = metrics.MetricsChart03;
-exports.MetricsChart04 = metrics.MetricsChart04;
-exports.MetricsIcon01 = metrics.MetricsIcon01;
-exports.MetricsIcon02 = metrics.MetricsIcon02;
-exports.MetricsIcon03 = metrics.MetricsIcon03;
-exports.MetricsIcon04 = metrics.MetricsIcon04;
-exports.MetricsSimple = metrics.MetricsSimple;
-exports.PieChart = pieChart.PieChart;
-exports.PieChartLg = pieChart.PieChartLg;
-exports.PieChartMd = pieChart.PieChartMd;
-exports.PieChartSm = pieChart.PieChartSm;
-exports.PieChartXs = pieChart.PieChartXs;
-exports.PieChartXxs = pieChart.PieChartXxs;
-exports.RadarChart = radarChart.RadarChart;
+exports.ActivityGauge = ActivityGauge.ActivityGauge;
+exports.ActivityGaugeLg = ActivityGauge.ActivityGaugeLg;
+exports.ActivityGaugeMd = ActivityGauge.ActivityGaugeMd;
+exports.ActivityGaugeSm = ActivityGauge.ActivityGaugeSm;
+exports.ActivityGaugeXs = ActivityGauge.ActivityGaugeXs;
+exports.BarChart = BarChart.BarChart;
+exports.LineChart = LineChart.LineChart;
+exports.MetricChangeIndicator = Metrics.MetricChangeIndicator;
+exports.MetricsChart01 = Metrics.MetricsChart01;
+exports.MetricsChart02 = Metrics.MetricsChart02;
+exports.MetricsChart03 = Metrics.MetricsChart03;
+exports.MetricsChart04 = Metrics.MetricsChart04;
+exports.MetricsIcon01 = Metrics.MetricsIcon01;
+exports.MetricsIcon02 = Metrics.MetricsIcon02;
+exports.MetricsIcon03 = Metrics.MetricsIcon03;
+exports.MetricsIcon04 = Metrics.MetricsIcon04;
+exports.MetricsSimple = Metrics.MetricsSimple;
+exports.PieChart = PieChart.PieChart;
+exports.PieChartLg = PieChart.PieChartLg;
+exports.PieChartMd = PieChart.PieChartMd;
+exports.PieChartSm = PieChart.PieChartSm;
+exports.PieChartXs = PieChart.PieChartXs;
+exports.PieChartXxs = PieChart.PieChartXxs;
+exports.RadarChart = RadarChart.RadarChart;
 //# sourceMappingURL=index.cjs.map

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

@@ -8,16 +8,16 @@
  *
  * @summary chart and metric components for data visualization
  */
-export type { ActivityGaugeDataItem, ActivityGaugeProps, ActivityGaugeSize } from './components/activity-gauge';
-export { ActivityGauge, ActivityGaugeLg, ActivityGaugeMd, ActivityGaugeSm, ActivityGaugeXs } from './components/activity-gauge';
-export type { BarChartProps, BarChartSeries, BarChartSeriesType } from './components/bar-chart';
-export { BarChart } from './components/bar-chart';
-export type { LineChartFill, LineChartProps, LineChartSeries } from './components/line-chart';
-export { LineChart } from './components/line-chart';
-export type { MetricDropdownAction } from './components/metrics';
-export { MetricChangeIndicator, MetricsChart01, MetricsChart02, MetricsChart03, MetricsChart04, MetricsIcon01, MetricsIcon02, MetricsIcon03, MetricsIcon04, MetricsSimple, } from './components/metrics';
-export type { PieChartDataItem, PieChartProps, PieChartSize } from './components/pie-chart';
-export { PieChart, PieChartLg, PieChartMd, PieChartSm, PieChartXs, PieChartXxs } from './components/pie-chart';
-export type { RadarChartProps, RadarChartSeries } from './components/radar-chart';
-export { RadarChart } from './components/radar-chart';
+export type { ActivityGaugeDataItem, ActivityGaugeProps, ActivityGaugeSize } from './components/ActivityGauge';
+export { ActivityGauge, ActivityGaugeLg, ActivityGaugeMd, ActivityGaugeSm, ActivityGaugeXs } from './components/ActivityGauge';
+export type { BarChartProps, BarChartSeries, BarChartSeriesType } from './components/BarChart';
+export { BarChart } from './components/BarChart';
+export type { LineChartFill, LineChartProps, LineChartSeries } from './components/LineChart';
+export { LineChart } from './components/LineChart';
+export type { MetricDropdownAction } from './components/Metrics';
+export { MetricChangeIndicator, MetricsChart01, MetricsChart02, MetricsChart03, MetricsChart04, MetricsIcon01, MetricsIcon02, MetricsIcon03, MetricsIcon04, MetricsSimple, } from './components/Metrics';
+export type { PieChartDataItem, PieChartProps, PieChartSize } from './components/PieChart';
+export { PieChart, PieChartLg, PieChartMd, PieChartSm, PieChartXs, PieChartXxs } from './components/PieChart';
+export type { RadarChartProps, RadarChartSeries } from './components/RadarChart';
+export { RadarChart } from './components/RadarChart';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Charts/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAChI,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC/G,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Charts/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/G,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC/H,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9G,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -1,7 +1,7 @@
-export { ActivityGauge, ActivityGaugeLg, ActivityGaugeMd, ActivityGaugeSm, ActivityGaugeXs } from './components/activity-gauge.js';
-export { BarChart } from './components/bar-chart.js';
-export { LineChart } from './components/line-chart.js';
-export { MetricChangeIndicator, MetricsChart01, MetricsChart02, MetricsChart03, MetricsChart04, MetricsIcon01, MetricsIcon02, MetricsIcon03, MetricsIcon04, MetricsSimple } from './components/metrics.js';
-export { PieChart, PieChartLg, PieChartMd, PieChartSm, PieChartXs, PieChartXxs } from './components/pie-chart.js';
-export { RadarChart } from './components/radar-chart.js';
+export { ActivityGauge, ActivityGaugeLg, ActivityGaugeMd, ActivityGaugeSm, ActivityGaugeXs } from './components/ActivityGauge.js';
+export { BarChart } from './components/BarChart.js';
+export { LineChart } from './components/LineChart.js';
+export { MetricChangeIndicator, MetricsChart01, MetricsChart02, MetricsChart03, MetricsChart04, MetricsIcon01, MetricsIcon02, MetricsIcon03, MetricsIcon04, MetricsSimple } from './components/Metrics.js';
+export { PieChart, PieChartLg, PieChartMd, PieChartSm, PieChartXs, PieChartXxs } from './components/PieChart.js';
+export { RadarChart } from './components/RadarChart.js';
 //# sourceMappingURL=index.js.map

package/dist/components/organisms/ColorPicker/colorPicker.utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorPicker.utils.cjs","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"sourcesContent":[null],"names":["parseColor"],"mappings":";;;;AAKO,MAAM,gBAAgB,GAA8C,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM;AAEjG;;;;;;;;;AASG;AACI,MAAM,YAAY,GAAG,CAAC,MAAgB,KAAc;AACzD,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;AAC9B,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAI;AACzB,QAAA,IAAI,GAAW;AACf,QAAA,IAAI;YACF,GAAG,GAAGA,8BAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACtC;AAAE,QAAA,MAAM;YACN,GAAG,GAAG,CAAC;QACT;AACA,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,KAAK;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACb,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;;;;;"}
+{"version":3,"file":"colorPicker.utils.cjs","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"sourcesContent":[null],"names":["parseColor"],"mappings":";;;;AAKO,MAAM,gBAAgB,GAA8C,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM;AAEjG;;;;;;;;;AASG;AACI,MAAM,YAAY,GAAG,CAAC,MAAgB,KAAc;AACzD,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;AAC9B,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAI;AACzB,QAAA,IAAI,GAAW;AACf,QAAA,IAAI;YACF,GAAG,GAAGA,8BAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACtC;AAAE,QAAA,MAAM;YACN,GAAG,GAAG,CAAC;QACT;AACA,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,KAAK;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACb,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;;;"}

package/dist/components/organisms/ColorPicker/colorPicker.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorPicker.utils.js","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAKO,MAAM,gBAAgB,GAA8C,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM;AAEjG;;;;;;;;;AASG;AACI,MAAM,YAAY,GAAG,CAAC,MAAgB,KAAc;AACzD,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;AAC9B,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAI;AACzB,QAAA,IAAI,GAAW;AACf,QAAA,IAAI;YACF,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACtC;AAAE,QAAA,MAAM;YACN,GAAG,GAAG,CAAC;QACT;AACA,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,KAAK;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACb,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"colorPicker.utils.js","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAKO,MAAM,gBAAgB,GAA8C,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM;AAEjG;;;;;;;;;AASG;AACI,MAAM,YAAY,GAAG,CAAC,MAAgB,KAAc;AACzD,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;AAC9B,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAI;AACzB,QAAA,IAAI,GAAW;AACf,QAAA,IAAI;YACF,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACtC;AAAE,QAAA,MAAM;YACN,GAAG,GAAG,CAAC;QACT;AACA,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,KAAK;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACb,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;;"}

package/dist/components/organisms/ColorPicker/components/InputCell.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+/** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
+const InputCell = ({ position = 'only', className, children, 'data-testid': dataTestId, }) => {
+    const radius = {
+        only: 'rounded-lg',
+        first: 'rounded-l-lg',
+        middle: 'rounded-none',
+        last: 'rounded-r-lg',
+    }[position];
+    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, className: cx.cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
+};
+
+exports.InputCell = InputCell;
+//# sourceMappingURL=InputCell.cjs.map

package/dist/components/organisms/ColorPicker/components/InputCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCell.cjs","sources":["../../../../../src/components/organisms/ColorPicker/components/InputCell.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAGA;AACO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,GAM1B,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC,QAAQ,CAAC;AAEX,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAEC,KAAE,CACX,0MAA0M,EAC1M,MAAM,EACN,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,EACvD,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;"}

package/dist/components/organisms/ColorPicker/components/InputCell.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+/** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
+export declare const InputCell: ({ position, className, children, "data-testid": dataTestId, }: {
+    position?: "first" | "middle" | "last" | "only";
+    className?: string;
+    children: ReactNode;
+    "data-testid"?: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=InputCell.d.ts.map

package/dist/components/organisms/ColorPicker/components/InputCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ColorPicker/components/InputCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,GAAI,+DAKvB;IACD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,gCAqBA,CAAC"}

package/dist/components/organisms/ColorPicker/components/InputCell.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+/** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
+const InputCell = ({ position = 'only', className, children, 'data-testid': dataTestId, }) => {
+    const radius = {
+        only: 'rounded-lg',
+        first: 'rounded-l-lg',
+        middle: 'rounded-none',
+        last: 'rounded-r-lg',
+    }[position];
+    return (jsx("div", { "data-testid": dataTestId, className: cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
+};
+
+export { InputCell };
+//# sourceMappingURL=InputCell.js.map

package/dist/components/organisms/ColorPicker/components/InputCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCell.js","sources":["../../../../../src/components/organisms/ColorPicker/components/InputCell.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAGA;AACO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,GAM1B,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC,QAAQ,CAAC;AAEX,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,0MAA0M,EAC1M,MAAM,EACN,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,EACvD,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;"}