@flipdish/ui-library 0.2.2 → 0.3.1

package/dist/components/organisms/Charts/components/pie-chart.js

@@ -0,0 +1,75 @@
+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;
+    }
+    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;
+    // If it's a single data point, we use the value as the title and
+    // the name as the 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 }))] }));
+};
+const ChartActiveDot = ({ cx = 0, cy = 0 }) => {
+    const size = 12;
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsx("svg", { x: cx - size / 2, y: cy - size / 2, width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "6", className: "fill-bg-primary stroke-utility-brand-600", strokeWidth: "2" }) }));
+};
+
+export { ChartActiveDot, ChartLegendContent, ChartTooltipContent, selectEvenlySpacedItems };
+//# sourceMappingURL=pie-chart.js.map

package/dist/components/organisms/Charts/components/pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.js","sources":["../../../../../src/components/organisms/Charts/components/pie-chart.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;AAQA;;;;;;AAMG;MACU,uBAAuB,GAAG,CAA+B,SAAY,EAAE,KAAa,KAAsB;IACrH,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AACxC,QAAA,OAAO,EAAE;IACX;IAEA,MAAM,aAAa,GAAqB,EAAE;AAE1C,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAClC;AACA,QAAA,OAAO,aAAa;IACtB;AAEA,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;QAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC;QAC1E,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC7E,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC7C;AAEA,IAAA,OAAO,aAAa;AACtB;AAEA;;;;;;;;AAQG;AACI,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,SAAS,GACuD,KAAI;IACpE,OAAO,GAAG,QAAQ,GAAG,CAAC,IAAI,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,OAAO;IAE7D,QACEA,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,MAAM,KAAK;cACP,uBAAuB,KAAK,KAAK,QAAQ,GAAG,cAAc,GAAG,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,aAAa,CAAA;AAChH,cAAE,CAAA,eAAA,EAAkB,KAAK,KAAK,QAAQ,GAAG,gBAAgB,GAAG,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,eAAe,CAAA,CAAE,EACnH,SAAS,CACV,EAAA,QAAA,EAEA,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK;;AAEzB,QAAAC,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAC3DD,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC3E,KAAK,CAAC,OAAkC,EAAE,SAAS,CACrD,EAAA,CACD,EACD,KAAK,CAAC,KAAK,CAAA,EAAA,EAPqD,KAAK,CAQnE,CACN,CAAC,EAAA,CACC;AAET;MAWa,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAA4B,KAAI;IAChJ,MAAM,SAAS,GAAG,MAAM,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM;IAErD,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC;;;IAI9C,IAAI,KAAK,GAAG,iBAAiB,IAAI,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK;AAC7H,IAAA,IAAI,cAAc,GAAG,iBAAiB,IAAI,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,IAAI,OAAO;IAEnI,KAAK;AACH,QAAA,iBAAiB,IAAI;cACjB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO;AACrE,cAAE;AACA,kBAAE,cAAc,CAAC,KAAK,EAAE,OAAO;kBAC7B,KAAK;AACb,IAAA,cAAc,GAAG,iBAAiB,IAAI,cAAc,GAAG,cAAc,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG,cAAc;IAE/G,QACEC,cAAK,SAAS,EAAC,uEAAuE,EAAA,QAAA,EAAA,CACpFD,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,kCAAkC,YAAE,KAAK,EAAA,CAAK,EAE1D,CAAC,cAAc,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,IACrDA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EACG,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK;;AAE/B,gBAAAA,GAAA,CAAA,GAAA,EAAA,EAAe,SAAS,EAAE,EAAE,CAAC,sCAAsC,CAAC,EAAA,QAAA,EACjE,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,EAAA,EAAK,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA,CAAE,EAAA,EADxG,KAAK,CAET,CACL,CAAC,EAAA,CACE,KAENA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,cAAc,EAAA,CAAK,CACzE,CAAA,EAAA,CACG;AAEV;AAQO,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAuB,KAAI;IACxE,MAAM,IAAI,GAAG,EAAE;IAEf;;AAEE,IAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EACjGA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,0CAA0C,EAAC,WAAW,EAAC,GAAG,EAAA,CAAG,EAAA,CACjH;AAEV;;;;"}

package/dist/components/organisms/Charts/components/radar-chart.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var recharts = require('recharts');
+var chartsBase = require('./charts-base.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' };
+// biome-ignore lint/suspicious/noExplicitAny: recharts tick render props are loosely typed.
+const AngleAxisTick = ({ x, y, textAnchor, payload, ...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 }) }));
+// biome-ignore lint/suspicious/noExplicitAny: recharts tick render props are loosely typed.
+const RadiusAxisTick = ({ x, y, textAnchor, payload, ...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() }) }));
+const RadarChart = ({ data = defaultData, series = defaultSeries, subjectKey = 'subject', domainMax, height = 500, showLegend = true, showTooltip = true, showRadiusAxis = true, className, }) => {
+    const max = domainMax ?? Math.max(0, ...data.flatMap((row) => series.map((s) => Number(row[s.dataKey]) || 0)));
+    return (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=radar-chart.cjs.map

package/dist/components/organisms/Charts/components/radar-chart.cjs.map

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

package/dist/components/organisms/Charts/components/radar-chart.d.ts

@@ -0,0 +1,50 @@
+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;
+}
+export declare const RadarChart: ({ data, series, subjectKey, domainMax, height, showLegend, showTooltip, showRadiusAxis, className, }: RadarChartProps) => import("react").JSX.Element;
+//# sourceMappingURL=radar-chart.d.ts.map

package/dist/components/organisms/Charts/components/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"names":[],"mappings":"AAIA,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;CACpB;AAoCD,eAAO,MAAM,UAAU,GAAI,sGAUxB,eAAe,gCAiDjB,CAAC"}

package/dist/components/organisms/Charts/components/radar-chart.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { ResponsiveContainer, RadarChart as RadarChart$1, Legend, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Radar } from 'recharts';
+import { ChartLegendContent, ChartTooltipContent } from './charts-base.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' };
+// biome-ignore lint/suspicious/noExplicitAny: recharts tick render props are loosely typed.
+const AngleAxisTick = ({ x, y, textAnchor, payload, ...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 }) }));
+// biome-ignore lint/suspicious/noExplicitAny: recharts tick render props are loosely typed.
+const RadiusAxisTick = ({ x, y, textAnchor, payload, ...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() }) }));
+const RadarChart = ({ data = defaultData, series = defaultSeries, subjectKey = 'subject', domainMax, height = 500, showLegend = true, showTooltip = true, showRadiusAxis = true, className, }) => {
+    const max = domainMax ?? Math.max(0, ...data.flatMap((row) => series.map((s) => Number(row[s.dataKey]) || 0)));
+    return (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=radar-chart.js.map

package/dist/components/organisms/Charts/components/radar-chart.js.map

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

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var activityGauge = require('./components/activity-gauge.cjs');
+var barChart = require('./components/bar-chart.cjs');
+var lineChart = require('./components/line-chart.cjs');
+var pieChart = require('./components/pie-chart.cjs');
+var radarChart = require('./components/radar-chart.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.ChartActiveDot = pieChart.ChartActiveDot;
+exports.ChartLegendContent = pieChart.ChartLegendContent;
+exports.ChartTooltipContent = pieChart.ChartTooltipContent;
+exports.selectEvenlySpacedItems = pieChart.selectEvenlySpacedItems;
+exports.RadarChart = radarChart.RadarChart;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+export * from './components/activity-gauge';
+export * from './components/bar-chart';
+export * from './components/line-chart';
+export * from './components/pie-chart';
+export * from './components/radar-chart';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Charts/index.tsx"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,6 @@
+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 { ChartActiveDot, ChartLegendContent, ChartTooltipContent, selectEvenlySpacedItems } from './components/pie-chart.js';
+export { RadarChart } from './components/radar-chart.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+const selectAllOnFocus = (e) => e.target.select();
+
+exports.selectAllOnFocus = selectAllOnFocus;
+//# sourceMappingURL=colorPicker.utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorPicker.utils.cjs","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIO,MAAM,gBAAgB,GAA8C,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM;;;;"}

package/dist/components/organisms/ColorPicker/colorPicker.utils.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+export type ColorDisplayFormat = 'hex' | 'rgb' | 'css' | 'hsl' | 'hsb';
+export declare const selectAllOnFocus: React.FocusEventHandler<HTMLInputElement>;
+//# sourceMappingURL=colorPicker.utils.d.ts.map

package/dist/components/organisms/ColorPicker/colorPicker.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPicker.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAA4B,CAAC"}

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

@@ -0,0 +1,4 @@
+const selectAllOnFocus = (e) => e.target.select();
+
+export { selectAllOnFocus };
+//# sourceMappingURL=colorPicker.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorPicker.utils.js","sources":["../../../../src/components/organisms/ColorPicker/colorPicker.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIO,MAAM,gBAAgB,GAA8C,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM;;;;"}

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

@@ -0,0 +1,167 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var Select = require('@flipdish/ui-library/components/molecules/Select');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var colorPicker_utils = require('./colorPicker.utils.cjs');
+var colorPickerContext = require('./providers/color-picker-context.cjs');
+
+const COLOR_FORMAT_ITEMS = [
+    { id: 'hex', label: 'Hex' },
+    { id: 'rgb', label: 'RGB' },
+    { id: 'css', label: 'CSS' },
+    { id: 'hsl', label: 'HSL' },
+    { id: 'hsb', label: 'HSB' },
+];
+const ColorThumb = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorThumb, { className: (state) => cx.cx('size-5 cursor-grab rounded-full border-[3px] border-fg-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', state.isDragging && 'cursor-grabbing', typeof className === 'function' ? className(state) : className), ...props }));
+const ColorPickerArea = ({ style, className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorArea, { "aria-label": "Color picker", colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", ...props, style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 8, ...style }), className: (state) => cx.cx('relative aspect-square w-full shrink-0 rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(ColorThumb, {}) }));
+const HueSlider = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorSlider, { "aria-label": "Hue", ...props, channel: "hue", className: (state) => cx.cx('w-full', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(reactAriaComponents.SliderTrack, { style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 9999 }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsxRuntime.jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+const AlphaSlider = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorSlider, { "aria-label": "Alpha", ...props, channel: "alpha", className: (state) => cx.cx('w-full', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(reactAriaComponents.SliderTrack, { style: ({ defaultStyle }) => ({
+            ...defaultStyle,
+            borderRadius: 9999,
+            background: `${defaultStyle.background}, repeating-conic-gradient(#ccc 0% 25%, white 0% 50%) 50% / 8px 8px`,
+        }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsxRuntime.jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+const EyeDropperButton = (props) => {
+    const { actions } = colorPickerContext.useColorPicker();
+    const isSupported = typeof window !== 'undefined' && 'EyeDropper' in window;
+    if (!isSupported)
+        return null;
+    return (jsxRuntime.jsx(Button.Button, { size: "sm", color: "secondary", iconLeading: uiIcons.Dropper, onClick: async () => {
+            try {
+                // @ts-expect-error EyeDropper API not typed
+                const result = await new EyeDropper().open();
+                actions.setColor(reactAriaComponents.parseColor(result.sRGBHex));
+            }
+            catch {
+                /* cancelled */
+            }
+        }, ...props }));
+};
+const ColorFormatSelect = ({ className, ...props }) => {
+    const { state, actions } = colorPickerContext.useColorPicker();
+    return (jsxRuntime.jsx(Select.Select, { size: "sm", "aria-label": "Color format", value: state.colorFormat, onChange: (value) => actions.setColorFormat(value), items: COLOR_FORMAT_ITEMS, className: (state) => cx.cx('w-20 shrink-0', typeof className === 'function' ? className(state) : className), ...props, children: (item) => jsxRuntime.jsx(Select.Select.Item, { id: item.id, children: item.label }) }));
+};
+/** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
+const InputCell = ({ position = 'only', className, children, }) => {
+    const radius = {
+        only: 'rounded-lg',
+        first: 'rounded-l-lg',
+        middle: 'rounded-none',
+        last: 'rounded-r-lg',
+    }[position];
+    return (jsxRuntime.jsx("div", { 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 }));
+};
+const SwatchItem = ({ color, size = 'md', ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorSwatchPickerItem, { ...props, color: color, style: { '--swatch-color': color }, className: (state) => cx.cx('cursor-pointer rounded-full', size === 'sm' ? 'size-4' : 'size-5', state.isFocusVisible
+        ? 'outline-2 outline-offset-2 outline-focus-ring'
+        : state.isSelected
+            ? 'outline-2 outline-offset-2 outline-(--swatch-color)'
+            : 'outline-0', typeof props.className === 'function' ? props.className(state) : props.className), children: jsxRuntime.jsx(reactAriaComponents.ColorSwatch, { className: "size-full rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }) }));
+const channelInputClass = 'w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden';
+const CHANNEL_CONFIG = {
+    rgb: { colorSpace: 'rgb', channels: ['red', 'green', 'blue'] },
+    hsl: { colorSpace: 'hsl', channels: ['hue', 'saturation', 'lightness'] },
+    hsb: { colorSpace: 'hsb', channels: ['hue', 'saturation', 'brightness'] },
+};
+const ColorValueInput = () => {
+    const { state } = colorPickerContext.useColorPicker();
+    if (state.colorFormat === 'hex')
+        return jsxRuntime.jsx(HexInput, {});
+    if (state.colorFormat === 'css')
+        return jsxRuntime.jsx(CssInput, {});
+    return jsxRuntime.jsx(ChannelInput, { format: state.colorFormat });
+};
+const HexInput = () => {
+    const { state, actions } = colorPickerContext.useColorPicker();
+    return (jsxRuntime.jsxs("div", { className: "flex flex-1 shadow-xs", children: [jsxRuntime.jsx(InputCell, { position: "first", className: "flex-1", children: jsxRuntime.jsxs(reactAriaComponents.ColorField, { "aria-label": "Hex color", value: state.color, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex flex-1 items-center gap-2 px-2.5 py-2", children: [jsxRuntime.jsx(reactAriaComponents.ColorSwatch, { className: "size-4 shrink-0 rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }), jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: "w-full min-w-0 bg-transparent text-sm text-primary outline-hidden" })] }) }), jsxRuntime.jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": "Alpha", channel: "alpha", value: state.color, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex w-full items-center", children: jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: "w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden" }) }) })] }));
+};
+const CssInput = () => {
+    const { state, actions } = colorPickerContext.useColorPicker();
+    const [draft, setDraft] = React.useState(null);
+    const inputRef = React.useRef(null);
+    const toRgba = (c) => {
+        const rgb = c.toFormat('rgb');
+        return `rgba(${Math.round(rgb.getChannelValue('red'))}, ${Math.round(rgb.getChannelValue('green'))}, ${Math.round(rgb.getChannelValue('blue'))}, ${Math.round(rgb.getChannelValue('alpha') * 100) / 100})`;
+    };
+    return (jsxRuntime.jsx(InputCell, { className: "flex-1 shadow-xs", children: jsxRuntime.jsx("input", { ref: inputRef, value: draft ?? toRgba(state.color), onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
+                const val = toRgba(state.color);
+                setDraft(val);
+                requestAnimationFrame(() => {
+                    const s = val.indexOf('(') + 1;
+                    const end = val.indexOf(')');
+                    if (s > 0 && end > s)
+                        e.target.setSelectionRange(s, end);
+                });
+            }, onBlur: () => {
+                if (draft !== null) {
+                    try {
+                        actions.setColor(reactAriaComponents.parseColor(draft));
+                    }
+                    catch {
+                        /* */
+                    }
+                    setDraft(null);
+                }
+            }, className: "w-full min-w-0 bg-transparent px-3 py-2 text-sm text-primary outline-hidden" }) }));
+};
+const ChannelInput = ({ format }) => {
+    const { state, actions } = colorPickerContext.useColorPicker();
+    const config = CHANNEL_CONFIG[format];
+    if (!config)
+        return null;
+    const converted = state.color.toFormat(config.colorSpace);
+    return (jsxRuntime.jsxs("div", { className: "flex flex-1 shadow-xs", children: [config.channels.map((ch, i) => (jsxRuntime.jsx(InputCell, { position: i === 0 ? 'first' : 'middle', className: "flex-1", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": ch.charAt(0).toUpperCase() + ch.slice(1), channel: ch, colorSpace: config.colorSpace, value: converted, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex w-full", children: jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: channelInputClass }) }) }, ch))), jsxRuntime.jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": "Alpha", channel: "alpha", value: converted, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex w-full", children: jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: channelInputClass }) }) })] }));
+};
+const SavedColors = ({ label = 'Saved', colors, onAdd, onSelect }) => {
+    // Check if colors are solid (parseable) or gradients
+    const isSolid = colors.length > 0 &&
+        (() => {
+            try {
+                reactAriaComponents.parseColor(colors[0]);
+                return true;
+            }
+            catch {
+                return false;
+            }
+        })();
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("p", { className: "flex-1 text-sm font-semibold text-secondary", children: label }), onAdd && (jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", iconLeading: uiIcons.Plus, onClick: onAdd, children: "Add" }))] }), isSolid ? (jsxRuntime.jsx(reactAriaComponents.ColorSwatchPicker, { "aria-label": label, className: "flex flex-wrap gap-2", onChange: (color) => onSelect?.(color.toString('hex')), children: colors.map((c) => (jsxRuntime.jsx(SwatchItem, { color: c }, c))) })) : (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: colors.map((c, i) => (jsxRuntime.jsx("button", { type: "button", onClick: () => onSelect?.(c), className: "size-5 cursor-pointer rounded-full ring-1 ring-alpha-black/10 transition duration-100 ease-linear ring-inset hover:scale-110 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring", style: { background: c }, "aria-label": "Select gradient" }, `${c}-${
+                // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of colors
+                i}`))) }))] }));
+};
+/** All-in-one solid color picker layout */
+const ColorPickerSolid = () => (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsx(ColorPickerArea, {}), jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx(EyeDropperButton, {}), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3", children: [jsxRuntime.jsx(HueSlider, {}), jsxRuntime.jsx(AlphaSlider, {})] })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(ColorFormatSelect, {}), jsxRuntime.jsx(ColorValueInput, {})] })] })] }));
+/** Card container for the color picker. */
+const ColorPickerDialog = ({ className, children }) => (jsxRuntime.jsx("div", { className: cx.cx('relative flex w-80 flex-col overflow-clip rounded-2xl bg-primary shadow-xl ring-1 ring-secondary_alt', className), children: children }));
+/** Compound export */
+const ColorPicker = Object.assign(ColorPickerSolid, {
+    Dialog: ColorPickerDialog,
+    Provider: colorPickerContext.Provider,
+    Area: ColorPickerArea,
+    HueSlider,
+    AlphaSlider,
+    EyeDropper: EyeDropperButton,
+    ColorFormatSelect,
+    ColorValueInput,
+    SavedColors,
+    SwatchItem,
+});
+
+exports.ColorPicker = ColorPicker;
+exports.InputCell = InputCell;
+exports.SwatchItem = SwatchItem;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaColorThumb","cx","AriaColorArea","AriaColorSlider","AriaSliderTrack","useColorPicker","Button","Dropper","parseColor","Select","AriaColorSwatchPickerItem","AriaColorSwatch","_jsxs","AriaColorField","AriaInput","selectAllOnFocus","useState","useRef","Plus","AriaColorSwatchPicker","Provider"],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+import { type ButtonProps } from '@flipdish/ui-library/components/atoms/Button';
+import { type SelectProps } from '@flipdish/ui-library/components/molecules/Select';
+import type React from 'react';
+import type { ReactNode } from 'react';
+import type { ColorAreaProps as AriaColorAreaProps, ColorSliderProps as AriaColorSliderProps, ColorSwatchPickerItemProps as AriaColorSwatchPickerItemProps } from 'react-aria-components';
+/** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
+export declare const InputCell: ({ position, className, children, }: {
+    position?: "first" | "middle" | "last" | "only";
+    className?: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+interface SwatchItemsProps extends AriaColorSwatchPickerItemProps {
+    size?: 'sm' | 'md';
+}
+export declare const SwatchItem: ({ color, size, ...props }: SwatchItemsProps) => React.JSX.Element;
+export interface SavedColorsProps {
+    /** Heading text above the swatch list. */
+    label?: string;
+    /** Array of CSS color strings or gradient strings to display as swatches. */
+    colors: string[];
+    /** Called when the "Add" button is clicked. Omit to hide the button. */
+    onAdd?: () => void;
+    /** Called when a swatch is selected, with the color/gradient string. */
+    onSelect?: (color: string) => void;
+}
+/** Compound export */
+declare const ColorPicker: (() => React.JSX.Element) & {
+    Dialog: ({ className, children }: {
+        className?: string;
+        children?: ReactNode;
+    }) => React.JSX.Element;
+    Provider: ({ defaultValue, value, defaultColorFormat, onChange, children }: import("./providers/color-picker-context").ProviderProps) => React.JSX.Element;
+    Area: ({ style, className, ...props }: AriaColorAreaProps) => React.JSX.Element;
+    HueSlider: ({ className, ...props }: Omit<AriaColorSliderProps, "channel">) => React.JSX.Element;
+    AlphaSlider: ({ className, ...props }: Omit<AriaColorSliderProps, "channel">) => React.JSX.Element;
+    EyeDropper: (props: ButtonProps) => React.JSX.Element | null;
+    ColorFormatSelect: ({ className, ...props }: Omit<SelectProps, "children">) => React.JSX.Element;
+    ColorValueInput: () => React.JSX.Element;
+    SavedColors: ({ label, colors, onAdd, onSelect }: SavedColorsProps) => React.JSX.Element;
+    SwatchItem: ({ color, size, ...props }: SwatchItemsProps) => React.JSX.Element;
+};
+export { ColorPicker };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE5F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,gBAAgB,IAAI,oBAAoB,EACxC,0BAA0B,IAAI,8BAA8B,EAI7D,MAAM,uBAAuB,CAAC;AAwI/B,+FAA+F;AAC/F,eAAO,MAAM,SAAS,GAAI,oCAIvB;IACD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAoBA,CAAC;AAEF,UAAU,gBAAiB,SAAQ,8BAA8B;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,2BAAkC,gBAAgB,sBAoB5E,CAAC;AAwIF,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA+ED,sBAAsB;AACtB,QAAA,MAAM,WAAW;sCAPmC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE;;2CAnXvC,kBAAkB;yCAmB/B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;2CAgBnC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;wBAoBlD,WAAW;iDAyBQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;;sDA4Nd,gBAAgB;4CAvKtB,gBAAgB;CAgQ3E,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}