@studio-helga/once-ui-core 1.7.8

package/dist/modules/data/LineChart.impl.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useMemo, useCallback } from "react";
+import { isWithinInterval, parseISO } from "date-fns";
+import { formatDate } from "./utils/formatDate";
+import { getRechartsComponents } from "./rechartsLoader";
+import { Column, Row } from "../../components";
+import { LinearGradient, ChartHeader, DataTooltip, Legend, ChartStatus, } from ".";
+import { schemes } from "../../types";
+import { getDistributedColor } from "./utils/colorDistribution";
+import { useDataTheme } from "../../contexts/DataThemeProvider";
+const LineChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, tooltip = true, legend: legendProp = {}, axis = "both", grid = "both", border = "neutral-alpha-weak", variant: variantProp, curve = "natural", reverseY = false, reverseX = false, animation = true, animationBegin, animationDuration, animationEasing, xAxisType, xDomain, "data-viz-style": dataVizStyle, ...flex }) => {
+    const { variant: themeVariant, mode, height, tick: { fill: tickFill, fontSize: tickFontSize, line: tickLine }, axis: { stroke: axisLineStroke }, } = useDataTheme();
+    const variant = variantProp || themeVariant;
+    const legend = {
+        display: legendProp.display !== undefined ? legendProp.display : true,
+        position: legendProp.position || "top-left",
+        direction: legendProp.direction,
+    };
+    const [rc, setRc] = useState(null);
+    useEffect(() => {
+        getRechartsComponents().then(setRc);
+    }, []);
+    const [selectedDateRange, setSelectedDateRange] = useState(date?.start && date?.end
+        ? {
+            startDate: date.start,
+            endDate: date.end,
+        }
+        : undefined);
+    useEffect(() => {
+        if (date?.start && date?.end) {
+            setSelectedDateRange({
+                startDate: date.start,
+                endDate: date.end,
+            });
+        }
+    }, [date?.start, date?.end]);
+    const seriesArray = Array.isArray(series) ? series : series ? [series] : [];
+    const seriesKeys = seriesArray.map((s) => s.key);
+    // Generate a unique ID for this chart instance
+    const chartId = React.useMemo(() => Math.random().toString(36).substring(2, 9), []);
+    const coloredSeriesArray = useMemo(() => seriesArray.map((s, index) => ({
+        ...s,
+        color: s.color || getDistributedColor(index, seriesArray.length),
+    })), [seriesArray]);
+    const autoKeys = Object.keys(data[0] || {}).filter((key) => !seriesKeys.includes(key));
+    const autoSeries = seriesArray.length > 0
+        ? coloredSeriesArray
+        : autoKeys.map((key, index) => ({
+            key,
+            color: getDistributedColor(index, autoKeys.length),
+        }));
+    const xAxisKey = Object.keys(data[0] || {}).find((key) => !seriesKeys.includes(key)) || "name";
+    const filteredData = React.useMemo(() => {
+        if (selectedDateRange?.startDate && selectedDateRange?.endDate && xAxisKey) {
+            const startDate = selectedDateRange.startDate;
+            const endDate = selectedDateRange.endDate;
+            if (startDate instanceof Date && endDate instanceof Date) {
+                return data.filter((item) => {
+                    try {
+                        const itemDateValue = item[xAxisKey];
+                        if (!itemDateValue)
+                            return false;
+                        const itemDate = typeof itemDateValue === "string" ? parseISO(itemDateValue) : itemDateValue;
+                        return isWithinInterval(itemDate, {
+                            start: startDate,
+                            end: endDate,
+                        });
+                    }
+                    catch (error) {
+                        return false;
+                    }
+                });
+            }
+        }
+        return data;
+    }, [data, selectedDateRange, xAxisKey]);
+    const handleDateRangeChange = useCallback((newRange) => {
+        setSelectedDateRange(newRange);
+        if (date?.onChange) {
+            date.onChange(newRange);
+        }
+    }, [date]);
+    const legendContent = useCallback((props) => {
+        const customPayload = autoSeries.map(({ key, color }, index) => ({
+            value: key,
+            color: `var(--data-${color || schemes[index % schemes.length]})`,
+        }));
+        return (_jsx(Legend, { payload: customPayload, reverseY: reverseY, labels: axis, position: legend.position, direction: legend.direction, variant: variant }));
+    }, [autoSeries, axis, legend.position, legend.direction, variant]);
+    const legendWrapperStyle = useMemo(() => ({
+        position: "absolute",
+        top: legend.position === "top-center" ||
+            legend.position === "top-left" ||
+            legend.position === "top-right"
+            ? reverseX ? 32 : 0
+            : undefined,
+        bottom: legend.position === "bottom-center" ||
+            legend.position === "bottom-left" ||
+            legend.position === "bottom-right"
+            ? 0
+            : undefined,
+        paddingBottom: legend.position === "bottom-center" ||
+            legend.position === "bottom-left" ||
+            legend.position === "bottom-right"
+            ? "var(--static-space-40)"
+            : undefined,
+        left: (axis === "y" || axis === "both") &&
+            (legend.position === "top-center" || legend.position === "bottom-center")
+            ? "var(--static-space-64)"
+            : 0,
+        width: (axis === "y" || axis === "both") &&
+            (legend.position === "top-center" || legend.position === "bottom-center")
+            ? "calc(100% - var(--static-space-64))"
+            : "100%",
+        right: 0,
+        margin: 0,
+    }), [legend.position, reverseX, axis]);
+    return (_jsxs(Column, { fillWidth: true, height: height, border: border, radius: "l", "data-viz-style": dataVizStyle || mode, ...flex, children: [_jsx(ChartHeader, { title: title, description: description, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date?.presets }), _jsxs(Row, { fill: true, borderTop: (title || description || date?.selector) ? (border || "neutral-alpha-weak") : undefined, topRadius: flex.radius || "l", overflow: "hidden", children: [_jsx(ChartStatus, { loading: loading, empty: !filteredData || filteredData.length === 0, emptyState: emptyState, error: error, errorState: errorState }), !loading && !error && filteredData && filteredData.length > 0 && rc && (() => {
+                        const { ResponsiveContainer, AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, Legend: RLegend } = rc;
+                        return (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(AreaChart, { data: filteredData, margin: { left: 0, bottom: 0, top: 0, right: 0 }, children: [_jsx("defs", { children: autoSeries.map(({ key, color }, index) => {
+                                            const colorValue = color || schemes[index % schemes.length];
+                                            const lineColor = `var(--data-${colorValue})`;
+                                            return (_jsx(LinearGradient, { id: `barGradient${chartId}${index}`, variant: variant, color: lineColor }, `gradient-${chartId}-${index}`));
+                                        }) }), _jsx(CartesianGrid, { vertical: grid === "x" || grid === "both", horizontal: grid === "y" || grid === "both", stroke: "var(--neutral-alpha-weak)" }), legend.display && (_jsx(RLegend, { content: legendContent, wrapperStyle: legendWrapperStyle })), _jsx(XAxis, { height: 32, tickMargin: 6, dataKey: xAxisKey, ...(xAxisType ? { type: xAxisType } : {}), ...(xDomain ? { domain: xDomain } : {}), hide: !(axis === "x" || axis === "both"), orientation: reverseX ? "top" : "bottom", axisLine: { stroke: axisLineStroke }, tickLine: tickLine, tick: { fill: tickFill, fontSize: tickFontSize }, tickFormatter: (value) => {
+                                            const dataPoint = data.find((item) => item[xAxisKey] === value);
+                                            return formatDate(value, date, dataPoint);
+                                        } }), (axis === "y" || axis === "both") && (_jsx(YAxis, { width: 64, padding: { top: 40 }, allowDataOverflow: true, orientation: reverseY ? "right" : "left", tickLine: tickLine, tick: { fill: tickFill, fontSize: tickFontSize }, axisLine: { stroke: axisLineStroke } })), tooltip && (_jsx(Tooltip, { cursor: { stroke: "var(--neutral-border-strong)", strokeWidth: 1 }, content: (props) => (_jsx(DataTooltip, { ...props, variant: variant, date: date })) })), autoSeries.map(({ key, color }, index) => {
+                                        const colorValue = color || schemes[index % schemes.length];
+                                        const lineColor = `var(--data-${colorValue})`;
+                                        return (_jsx(Area, { type: curve, dataKey: key, name: key, isAnimationActive: animation, animationBegin: animationBegin, animationDuration: animationDuration, animationEasing: animationEasing, stroke: lineColor, transform: "translate(0, -1)", fill: variant === "outline" ? "transparent" : `url(#barGradient${chartId}${index})`, activeDot: { r: 4, fill: lineColor, stroke: "var(--background)", strokeWidth: 0 } }, key));
+                                    })] }) }));
+                    })()] })] }));
+};
+LineChart.displayName = "LineChart";
+export default LineChart;
+//# sourceMappingURL=LineChart.impl.js.map

package/dist/modules/data/LineChart.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.impl.js","sourceRoot":"","sources":["../../../src/modules/data/LineChart.impl.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/LineChart.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense } from "react";
+import { MissingDependency } from "../../utils/MissingDependency";
+const LineChartImpl = React.lazy(() => import("./LineChart.impl").catch(() => {
+    console.warn('[@studio-helga/once-ui-core] <LineChart /> requires the "recharts" package. Install it with: npm install recharts');
+    return {
+        default: () => _jsx(MissingDependency, { component: "LineChart", packageName: "recharts" }),
+    };
+}));
+const LineChart = (props) => (_jsx(Suspense, { fallback: null, children: _jsx(LineChartImpl, { ...props }) }));
+LineChart.displayName = "LineChart";
+export { LineChart };
+//# sourceMappingURL=LineChart.js.map

package/dist/modules/data/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../src/modules/data/LineChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACpC,MAAM,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;IACpC,OAAO,CAAC,IAAI,CACV,mHAAmH,CACpH,CAAC;IACF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAC,UAAU,GAAG;KAClF,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrD,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,aAAa,OAAK,KAAK,GAAI,GACnB,CACZ,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/modules/data/LinearGauge.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Flex } from "../../";
+interface LinearGaugeProps extends React.ComponentProps<typeof Flex> {
+    width?: number;
+    height?: number;
+    line?: {
+        count?: number;
+        width?: number;
+        length?: number;
+    };
+    value?: number;
+    labels?: "none" | "percentage" | string[];
+    hue?: "success" | "neutral" | "danger" | [number, number];
+    color?: string;
+}
+export declare const LinearGauge: ({ width, height, line, value, labels, hue, color, ...flex }: LinearGaugeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinearGauge.d.ts.map

package/dist/modules/data/LinearGauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGauge.d.ts","sourceRoot":"","sources":["../../../src/modules/data/LinearGauge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAU,IAAI,EAAa,MAAM,QAAQ,CAAC;AAGjD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,MAAM,EAAE,CAAC;IAC1C,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAeD,eAAO,MAAM,WAAW,GAAI,6DASzB,gBAAgB,4CA0GlB,CAAC"}

package/dist/modules/data/LinearGauge.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Column, Row, Text } from "../../";
+import styles from "./Gauge.module.css";
+const resolveHueRange = (hue) => {
+    if (hue && typeof hue !== "string") {
+        const [start = 200, end = 120] = hue;
+        return [start, end];
+    }
+    if (hue === "danger")
+        return [0, 30];
+    if (hue === "neutral")
+        return [30, 60];
+    if (hue === "success")
+        return [200, 120];
+    return [200, 120];
+};
+export const LinearGauge = ({ width = 400, height = 80, line, value = 50, labels = "none", hue, color = "contrast", ...flex }) => {
+    const pad = 8;
+    // Destructure line with individual defaults
+    const lineCount = line?.count ?? 48;
+    const lineWidth = line?.width ?? 3;
+    const lineLength = line?.length ?? 40;
+    // Animate active tick count
+    const [activeLines, setActiveLines] = useState(() => Math.floor((value / 100) * lineCount));
+    useEffect(() => {
+        const target = Math.floor((value / 100) * lineCount);
+        if (target === activeLines)
+            return;
+        let current = activeLines;
+        const step = target > current ? 1 : -1;
+        const interval = window.setInterval(() => {
+            current += step;
+            setActiveLines(current);
+            if (current === target) {
+                window.clearInterval(interval);
+            }
+        }, 20);
+        return () => {
+            window.clearInterval(interval);
+        };
+    }, [value, lineCount, activeLines]);
+    const hasHue = hue !== undefined;
+    const [startHue, endHue] = resolveHueRange(hue);
+    const renderLines = () => {
+        const lines = [];
+        const spacing = (width - pad * 2) / (lineCount - 1);
+        for (let j = 0; j < lineCount; j++) {
+            const x = pad + j * spacing;
+            const isActive = j < activeLines;
+            const gradientPosition = lineCount > 1 ? j / (lineCount - 1) : 0;
+            const finalHue = startHue + (endHue - startHue) * gradientPosition;
+            lines.push(_jsx("line", { x1: x, y1: 0, x2: x, y2: lineLength, strokeLinecap: "round", vectorEffect: "non-scaling-stroke", className: isActive ? styles.activeLine : styles.inactiveLine, style: {
+                    strokeWidth: lineWidth,
+                    opacity: isActive ? 1 : 0.7,
+                    stroke: isActive && hasHue
+                        ? `hsl(${finalHue}, 100%, 50%)`
+                        : isActive && color ? `var(--data-${color})` : 'var(--neutral-alpha-medium)',
+                } }, j));
+        }
+        return lines;
+    };
+    const renderLabels = () => {
+        if (labels === "none")
+            return null;
+        let labelValues = [];
+        if (labels === "percentage") {
+            labelValues = [0, 25, 50, 75, 100].map(p => `${p}%`);
+        }
+        else if (Array.isArray(labels)) {
+            labelValues = labels;
+        }
+        return (_jsx(Row, { fillWidth: true, horizontal: "between", paddingX: "8", children: labelValues.map((label, i) => (_jsx(Text, { children: label }, `label-${i}`))) }));
+    };
+    return (_jsxs(Column, { fillWidth: true, gap: "8", textVariant: "label-default-s", onBackground: "neutral-weak", ...flex, children: [renderLabels(), _jsx(Column, { fillWidth: true, fill: true, children: _jsx("svg", { width: "100%", height: "100%", viewBox: `0 0 ${width} ${lineLength}`, preserveAspectRatio: "none", className: styles.svg, children: renderLines() }) })] }));
+};
+//# sourceMappingURL=LinearGauge.js.map

package/dist/modules/data/LinearGauge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGauge.js","sourceRoot":"","sources":["../../../src/modules/data/LinearGauge.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/PieChart.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { PieChartProps } from "./PieChart.impl";
+declare const PieChart: React.FC<PieChartProps>;
+export { PieChart };
+export type { PieChartProps };
+//# sourceMappingURL=PieChart.d.ts.map

package/dist/modules/data/PieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../src/modules/data/PieChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAarD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/modules/data/PieChart.impl.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ChartProps } from "../../";
+export interface PieChartProps extends ChartProps {
+    "data-viz-style"?: string;
+    ring?: {
+        inner: number;
+        outer: number;
+    };
+    dataKey?: string;
+    nameKey?: string;
+    origo?: {
+        x: number;
+        y: number;
+    };
+}
+declare const PieChart: React.FC<PieChartProps>;
+export default PieChart;
+//# sourceMappingURL=PieChart.impl.d.ts.map

package/dist/modules/data/PieChart.impl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.impl.d.ts","sourceRoot":"","sources":["../../../src/modules/data/PieChart.impl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAKL,UAAU,EASX,MAAM,QAAQ,CAAC;AAIhB,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2PrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/modules/data/PieChart.impl.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import { getRechartsComponents } from "./rechartsLoader";
+import { schemes, Column, Row, ChartStatus, RadialGradient, DataTooltip, Legend, ChartHeader, useDataTheme, } from "../../";
+import { getDistributedColor } from "./utils/colorDistribution";
+const PieChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, tooltip = true, origo = { x: 50, y: 50 }, legend: legendProp = {}, border = "neutral-alpha-weak", variant: variantProp, ring = { inner: 0, outer: 80 }, dataKey = "value", nameKey = "name", "data-viz-style": dataViz, ...flex }) => {
+    const { variant: themeVariant, mode, height } = useDataTheme();
+    const variant = variantProp || themeVariant;
+    const [rc, setRc] = useState(null);
+    useEffect(() => {
+        getRechartsComponents().then(setRc);
+    }, []);
+    const legend = {
+        display: legendProp.display !== undefined ? legendProp.display : true,
+        position: legendProp.position || "bottom-center",
+        direction: legendProp.direction,
+    };
+    const [selectedDateRange, setSelectedDateRange] = useState(date?.start && date?.end
+        ? {
+            startDate: date.start,
+            endDate: date.end,
+        }
+        : undefined);
+    useEffect(() => {
+        if (date?.start && date?.end) {
+            setSelectedDateRange({
+                startDate: date.start,
+                endDate: date.end,
+            });
+        }
+    }, [date?.start, date?.end]);
+    const handleDateRangeChange = (newRange) => {
+        setSelectedDateRange(newRange);
+        if (date?.onChange) {
+            date.onChange(newRange);
+        }
+    };
+    const colorPalette = React.useMemo(() => {
+        if (!data || data.length === 0)
+            return schemes.map((c) => `var(--data-${c})`);
+        return Array.from({ length: data.length }, (_, index) => {
+            const colorKey = getDistributedColor(index, data.length);
+            return `var(--data-${colorKey})`;
+        });
+    }, [data]);
+    const filteredData = React.useMemo(() => {
+        if (!selectedDateRange || !data || data.length === 0) {
+            return data;
+        }
+        return data.filter((item) => {
+            try {
+                if (!item.date || !selectedDateRange.startDate || !selectedDateRange.endDate) {
+                    return true;
+                }
+                const itemDate = typeof item.date === "string" ? new Date(item.date) : item.date;
+                return itemDate >= selectedDateRange.startDate && itemDate <= selectedDateRange.endDate;
+            }
+            catch (e) {
+                return true;
+            }
+        });
+    }, [data, selectedDateRange]);
+    const getGradientId = React.useCallback((colorKey) => {
+        return `pieGradient-${String(colorKey)}`;
+    }, []);
+    return (_jsxs(Column, { fillWidth: true, height: height, "data-viz-style": dataViz || mode, border: border, radius: "l", ...flex, children: [_jsx(ChartHeader, { title: title, description: description, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date?.presets }), _jsxs(Row, { fill: true, borderTop: (title || description || date?.selector) ? (border || "neutral-alpha-weak") : undefined, topRadius: flex.radius || "l", overflow: "hidden", children: [_jsx(ChartStatus, { loading: loading, empty: !filteredData || filteredData.length === 0, emptyState: emptyState, error: error, errorState: errorState }), !loading && !error && filteredData && filteredData.length > 0 && rc && (() => {
+                        const { ResponsiveContainer, PieChart: RPieChart, Pie, Cell, Tooltip, Legend: RLegend } = rc;
+                        return (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(RPieChart, { children: [_jsxs("defs", { children: [_jsxs("pattern", { id: "pieChartMasterPattern", patternUnits: "userSpaceOnUse", width: "100%", height: "100%", children: [_jsx(RadialGradient, { id: "pieChartMasterGradient", color: "var(--page-background)", cx: "50%", cy: "50%", r: "50%", fx: "50%", fy: "50%", variant: variant }), _jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#pieChartMasterGradient)" })] }), Array.from(new Set(filteredData.map((entry, index) => {
+                                                return entry.color || getDistributedColor(index, filteredData.length);
+                                            }))).map((colorKey) => {
+                                                const baseColor = `var(--data-${colorKey})`;
+                                                const patternId = getGradientId(colorKey);
+                                                return (_jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: "100%", height: "100%", children: [variant !== "outline" && (_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: baseColor })), variant === "gradient" && (_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#pieChartMasterPattern)" }))] }, `pattern-${colorKey}`));
+                                            })] }), legend.display && (_jsx(RLegend, { content: (props) => (_jsx(Legend, { ...props, variant: variant, position: legend.position, direction: legend.direction, labels: "none", colors: colorPalette })), wrapperStyle: {
+                                            position: "absolute",
+                                            top: legend.position === "top-center" || legend.position === "top-left" || legend.position === "top-right" ? 0 : undefined,
+                                            bottom: legend.position === "bottom-center" || legend.position === "bottom-left" || legend.position === "bottom-right" ? 0 : undefined,
+                                            right: 0,
+                                            left: 0,
+                                            margin: 0,
+                                        } })), _jsx(Pie, { data: filteredData, cx: origo.x + "%", cy: origo.y + "%", labelLine: false, innerRadius: ring.inner + "%", outerRadius: ring.outer + "%", dataKey: dataKey, nameKey: nameKey, stroke: variant === "outline" ? undefined : "none", children: filteredData.map((entry, index) => {
+                                            const colorKey = entry.color || getDistributedColor(index, filteredData.length);
+                                            const baseColor = `var(--data-${colorKey})`;
+                                            const gradientId = getGradientId(String(colorKey));
+                                            return (_jsx(Cell, { fill: variant === "outline" ? "transparent" : `url(#${gradientId})`, strokeWidth: variant === "outline" ? 2 : 1, stroke: baseColor, style: { outline: "none" } }, `cell-${index}`));
+                                        }) }), tooltip && (_jsx(Tooltip, { content: (props) => {
+                                            if (props.payload && props.payload.length > 0) {
+                                                const entry = props.payload[0];
+                                                const index = filteredData.findIndex((item) => item[nameKey] === entry.name);
+                                                const colorKey = filteredData[index]?.color || getDistributedColor(index, filteredData.length);
+                                                props.payload[0].color = `var(--data-${colorKey})`;
+                                            }
+                                            return (_jsx(DataTooltip, { ...props, label: undefined, date: date, variant: variant }));
+                                        } }))] }) }));
+                    })()] })] }));
+};
+PieChart.displayName = "PieChart";
+export default PieChart;
+//# sourceMappingURL=PieChart.impl.js.map

package/dist/modules/data/PieChart.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.impl.js","sourceRoot":"","sources":["../../../src/modules/data/PieChart.impl.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/PieChart.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense } from "react";
+import { MissingDependency } from "../../utils/MissingDependency";
+const PieChartImpl = React.lazy(() => import("./PieChart.impl").catch(() => {
+    console.warn('[@studio-helga/once-ui-core] <PieChart /> requires the "recharts" package. Install it with: npm install recharts');
+    return {
+        default: () => _jsx(MissingDependency, { component: "PieChart", packageName: "recharts" }),
+    };
+}));
+const PieChart = (props) => (_jsx(Suspense, { fallback: null, children: _jsx(PieChartImpl, { ...props }) }));
+PieChart.displayName = "PieChart";
+export { PieChart };
+//# sourceMappingURL=PieChart.js.map

package/dist/modules/data/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../src/modules/data/PieChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACnC,MAAM,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;IACnC,OAAO,CAAC,IAAI,CACV,kHAAkH,CACnH,CAAC;IACF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,SAAS,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,GAAG;KACjF,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE,CAAC,CACnD,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,YAAY,OAAK,KAAK,GAAI,GAClB,CACZ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/modules/data/RadialGauge.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { Column } from "../../";
+interface RadialGaugeProps extends Omit<React.ComponentProps<typeof Column>, 'direction'> {
+    width?: number;
+    height?: number;
+    line?: {
+        count?: number;
+        width?: number;
+        length?: number;
+    };
+    unit?: React.ReactNode;
+    value?: number;
+    angle?: {
+        start: number;
+        sweep: number;
+    };
+    direction?: 'cw' | 'ccw';
+    edgePad?: number;
+    children?: React.ReactNode;
+    hue?: "success" | "neutral" | "danger" | [number, number];
+    color?: string;
+}
+export declare const RadialGauge: ({ width, height, line, value, angle, direction, edgePad, unit, children, hue, color, ...flex }: RadialGaugeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RadialGauge.d.ts.map

package/dist/modules/data/RadialGauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialGauge.d.ts","sourceRoot":"","sources":["../../../src/modules/data/RadialGauge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAiB,MAAM,QAAQ,CAAC;AAG/C,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,CAAC;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAeD,eAAO,MAAM,WAAW,GAAI,gGAgBzB,gBAAgB,4CAoHlB,CAAC"}

package/dist/modules/data/RadialGauge.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Column, CountFx, Text } from "../../";
+import styles from "./Gauge.module.css";
+const resolveHueRange = (hue) => {
+    if (hue && typeof hue !== "string") {
+        const [start = 200, end = 120] = hue;
+        return [start, end];
+    }
+    if (hue === "danger")
+        return [0, 30];
+    if (hue === "neutral")
+        return [30, 60];
+    if (hue === "success")
+        return [200, 120];
+    return [200, 120];
+};
+export const RadialGauge = ({ width = 300, height = 300, line, value = 7, angle = {
+    start: 0,
+    sweep: 360,
+}, direction = 'cw', edgePad = 0, unit, children, hue, color = "contrast", ...flex }) => {
+    const pad = 4;
+    // Destructure line with individual defaults
+    const lineCount = line?.count ?? 48;
+    const lineWidth = line?.width ?? 3;
+    const lineLength = line?.length ?? 40;
+    // For semicircles (sweepAngle ~180), use width or height as the diameter
+    // For full circles, use the smaller dimension
+    let radius;
+    let cx;
+    let cy;
+    if (angle.sweep <= 180) {
+        // Semicircle: span the full width, center horizontally
+        radius = width / 2 - pad;
+        cx = width / 2;
+        cy = height; // bottom edge for top semicircle with startAngle=-90
+    }
+    else {
+        // Full or large arc: use smaller dimension
+        radius = Math.min(width, height) / 2 - pad;
+        cx = width / 2;
+        cy = height / 2;
+    }
+    const ticks = Math.max(0, lineCount - edgePad * 2);
+    // Animate active tick count so ticks light up one by one when the value changes
+    const [activeLines, setActiveLines] = useState(() => Math.floor((value / 100) * ticks));
+    useEffect(() => {
+        const target = Math.floor((value / 100) * ticks);
+        if (target === activeLines)
+            return;
+        let current = activeLines;
+        const step = target > current ? 1 : -1;
+        const interval = window.setInterval(() => {
+            current += step;
+            setActiveLines(current);
+            if (current === target) {
+                window.clearInterval(interval);
+            }
+        }, 20); // small delay for a smooth, sequential tick animation
+        return () => {
+            window.clearInterval(interval);
+        };
+    }, [value, ticks, activeLines]);
+    const dir = direction === 'cw' ? 1 : -1;
+    // Transform user angles to intuitive system: 0°=left, 90°=top, 180°=right
+    // SVG rotation: 0°=up, 90°=right, so user's angle - 90 maps correctly
+    const internalStartAngle = angle.start - 90;
+    const hasHue = hue !== undefined;
+    const [startHue, endHue] = resolveHueRange(hue);
+    const renderLines = () => {
+        const lines = [];
+        for (let j = 0; j < ticks; j++) {
+            // map j∈[0,ticks-1] to angle ∈ [startAngle, startAngle + sweepAngle]
+            const t = ticks > 1 ? j / (ticks - 1) : 0;
+            const finalAngle = internalStartAngle + dir * (t * angle.sweep);
+            const isActive = j < activeLines;
+            const gradientPosition = t; // 0..1 across the arc
+            const finalHue = startHue + (endHue - startHue) * gradientPosition;
+            lines.push(_jsx("line", { x1: cx, y1: cy - (radius - pad - lineLength), x2: cx, y2: cy - (radius - pad), strokeLinecap: "round", className: isActive ? styles.activeLine : styles.inactiveLine, style: {
+                    transform: `rotate(${finalAngle}deg)`,
+                    transformOrigin: `${cx}px ${cy}px`,
+                    strokeWidth: lineWidth,
+                    opacity: isActive ? 1 : 0.7,
+                    stroke: isActive && hasHue
+                        ? `hsl(${finalHue}, 100%, 50%)`
+                        : isActive && color ? `var(--data-${color})` : 'var(--neutral-alpha-medium)',
+                } }, j));
+        }
+        return lines;
+    };
+    return (_jsxs(Column, { center: true, radius: "full", children: [_jsxs("svg", { width: "100%", height: "100%", viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMinYMid meet", className: styles.svg, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "lineGradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", stopColor: "var(--brand-solid-strong)" }), _jsx("stop", { offset: "100%", stopColor: "var(--accent-solid-strong)" })] }) }), renderLines()] }), _jsx(Column, { fill: true, position: "absolute", horizontal: "center", vertical: "center", gap: "2", ...flex, children: children || (_jsx(CountFx, { as: "div", variant: "display-strong-m", style: { fontFamily: "var(--font-code)", display: "flex" }, value: value, speed: 5000, children: _jsx(Text, { onBackground: "neutral-weak", variant: "label-default-xl", marginLeft: "4", marginTop: "4", children: unit }) })) })] }));
+};
+//# sourceMappingURL=RadialGauge.js.map

package/dist/modules/data/RadialGauge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialGauge.js","sourceRoot":"","sources":["../../../src/modules/data/RadialGauge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAuBxC,MAAM,eAAe,GAAG,CAAC,GAA4B,EAAoB,EAAE;IACzE,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QACnC,MAAM,CAAC,KAAK,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACrC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,GAAG,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACrC,IAAI,GAAG,KAAK,SAAS;QAAE,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,GAAG,KAAK,SAAS;QAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEzC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,IAAI,EACJ,KAAK,GAAG,CAAC,EACT,KAAK,GAAG;IACN,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,GAAG;CACX,EACD,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,CAAC,EACX,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,KAAK,GAAG,UAAU,EAClB,GAAG,IAAI,EACU,EAAE,EAAE;IACrB,MAAM,GAAG,GAAG,CAAC,CAAC;IAEd,4CAA4C;IAC5C,MAAM,SAAS,GAAG,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;IACpC,MAAM,SAAS,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC;IAEtC,yEAAyE;IACzE,8CAA8C;IAC9C,IAAI,MAAc,CAAC;IACnB,IAAI,EAAU,CAAC;IACf,IAAI,EAAU,CAAC;IAEf,IAAI,KAAK,CAAC,KAAK,IAAI,GAAG,EAAE,CAAC;QACvB,uDAAuD;QACvD,MAAM,GAAG,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC;QACzB,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC;QACf,EAAE,GAAG,MAAM,CAAC,CAAC,qDAAqD;IACpE,CAAC;SAAM,CAAC;QACN,2CAA2C;QAC3C,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;QAC3C,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC;QACf,EAAE,GAAG,MAAM,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC;IAEnD,gFAAgF;IAChF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAExF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAEjD,IAAI,MAAM,KAAK,WAAW;YAAE,OAAO;QAEnC,IAAI,OAAO,GAAG,WAAW,CAAC;QAC1B,MAAM,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YACvC,OAAO,IAAI,IAAI,CAAC;YAChB,cAAc,CAAC,OAAO,CAAC,CAAC;YAExB,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;gBACvB,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,sDAAsD;QAE9D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAChC,MAAM,GAAG,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,0EAA0E;IAC1E,sEAAsE;IACtE,MAAM,kBAAkB,GAAG,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IAC5C,MAAM,MAAM,GAAG,GAAG,KAAK,SAAS,CAAC;IACjC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YAC/B,qEAAqE;YACrE,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,UAAU,GAAG,kBAAkB,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;YAChE,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC;YAEjC,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,sBAAsB;YAElD,MAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,gBAAgB,CAAC;YAEnE,KAAK,CAAC,IAAI,CACR,eAEE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GAAG,CAAC,MAAM,GAAG,GAAG,GAAG,UAAU,CAAC,EACpC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,EACvB,aAAa,EAAC,OAAO,EACrB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAC7D,KAAK,EAAE;oBACL,SAAS,EAAE,UAAU,UAAU,MAAM;oBACrC,eAAe,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI;oBAClC,WAAW,EAAE,SAAS;oBACtB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;oBAC3B,MAAM,EAAE,QAAQ,IAAI,MAAM;wBACxB,CAAC,CAAC,OAAO,QAAQ,cAAc;wBAC/B,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,6BAA6B;iBAC/E,IAfI,CAAC,CAgBN,CACH,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,MAAM,QAAC,MAAM,EAAC,MAAM,aAC1B,eAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,mBAAmB,EAAC,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,GAAG,aAC1H,yBACE,0BAAgB,EAAE,EAAC,cAAc,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,aACjE,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,2BAA2B,GAAG,EAC1D,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B,GAAG,IAC9C,GACZ,EACN,WAAW,EAAE,IACV,EAEN,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,KAAK,IAAI,YACpF,QAAQ,IAAI,CACX,KAAC,OAAO,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,YAChI,KAAC,IAAI,IAAC,YAAY,EAAC,cAAc,EAAC,OAAO,EAAC,kBAAkB,EAAC,UAAU,EAAC,GAAG,EAAC,SAAS,EAAC,GAAG,YAAE,IAAI,GAAQ,GAC/F,CACX,GACM,IACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/modules/data/Swatch.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ChartVariant } from "./interfaces";
+export interface SwatchProps {
+    color: string;
+    size?: "s" | "m";
+    variant?: ChartVariant;
+}
+export declare const Swatch: React.FC<SwatchProps>;
+//# sourceMappingURL=Swatch.d.ts.map

package/dist/modules/data/Swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatch.d.ts","sourceRoot":"","sources":["../../../src/modules/data/Swatch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuDxC,CAAC"}