@openuidev/react-ui 0.9.16

package/dist/components/Charts/RadarChart/utils/index.js

@@ -0,0 +1,73 @@
+/**
+ * Truncates text to fit within specified width bounds
+ * @param text - The original text
+ * @param maxWidth - Maximum width in pixels
+ * @param fontSize - Font size for measurement
+ * @returns Truncated text with ellipsis if needed
+ */
+const truncateText = (text, maxWidth, fontSize = 10) => {
+    if (maxWidth <= 0)
+        return text;
+    // Create a temporary canvas to measure text width
+    const canvas = document.createElement("canvas");
+    const context = canvas.getContext("2d");
+    if (!context)
+        return text;
+    context.font = `${fontSize}px Inter`;
+    // If text fits, return as is
+    if (context.measureText(text).width <= maxWidth) {
+        return text;
+    }
+    // Binary search for the longest text that fits
+    let low = 0;
+    let high = text.length;
+    let result = text;
+    while (low <= high) {
+        const mid = Math.floor((low + high) / 2);
+        const truncated = text.substring(0, mid) + "...";
+        const width = context.measureText(truncated).width;
+        if (width <= maxWidth) {
+            result = truncated;
+            low = mid + 1;
+        }
+        else {
+            high = mid - 1;
+        }
+    }
+    return result;
+};
+/**
+ * Calculates the available width for a text label based on its position and anchor point
+ *
+ * This function determines how much horizontal space is available for a text label
+ * by checking its position relative to the container bounds. The calculation varies
+ * based on the text anchor position:
+ *
+ * - For "start" anchored text: Available space is from labelX to container right edge
+ * - For "end" anchored text: Available space is from container left edge to labelX
+ * - For "middle" anchored text: Takes minimum of left/right space and doubles it
+ *
+ * @param labelX - X coordinate of the label position
+ * @param containerWidth - Total width of the container
+ * @param textAnchor - How text is anchored ("start", "end", or "middle")
+ * @param padding - Optional padding to maintain from container edges (default 10px)
+ * @returns The maximum width available for the label in pixels
+ */
+const calculateAvailableWidth = (labelX, containerWidth, textAnchor, padding = 0) => {
+    switch (textAnchor) {
+        case "start":
+            // Text starts at labelX, extends to the right
+            return Math.max(0, containerWidth - labelX - padding);
+        case "end":
+            // Text ends at labelX, extends to the left
+            return Math.max(0, labelX - padding);
+        case "middle":
+        default:
+            // Text is centered at labelX
+            const leftSpace = labelX - padding;
+            const rightSpace = containerWidth - labelX - padding;
+            return Math.max(0, Math.min(leftSpace, rightSpace) * 2);
+    }
+};
+export { calculateAvailableWidth, truncateText };
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/RadarChart/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Charts/RadarChart/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,QAAQ,GAAG,EAAE,EAAU,EAAE;IAC7E,IAAI,QAAQ,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/B,kDAAkD;IAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACxC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CAAC,IAAI,GAAG,GAAG,QAAQ,UAAU,CAAC;IAErC,6BAA6B;IAC7B,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,QAAQ,EAAE,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,+CAA+C;IAC/C,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;IACvB,IAAI,MAAM,GAAG,IAAI,CAAC;IAElB,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QACjD,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;QAEnD,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;YACtB,MAAM,GAAG,SAAS,CAAC;YACnB,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAChB,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,uBAAuB,GAAG,CAC9B,MAAc,EACd,cAAsB,EACtB,UAAkB,EAClB,OAAO,GAAG,CAAC,EACH,EAAE;IACV,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,OAAO;YACV,8CAA8C;YAC9C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;QACxD,KAAK,KAAK;YACR,2CAA2C;YAC3C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;QACvC,KAAK,QAAQ,CAAC;QACd;YACE,6BAA6B;YAC7B,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;YACnC,MAAM,UAAU,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;YACrD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Charts/RadialChart/RadialChart.d.ts

@@ -0,0 +1,26 @@
+import { PaletteName } from "../utils/PalletUtils";
+import { RadialChartData } from "./types";
+export interface RadialChartProps<T extends RadialChartData> {
+    data: T;
+    categoryKey: keyof T[number];
+    dataKey: keyof T[number];
+    theme?: PaletteName;
+    customPalette?: string[];
+    variant?: "semicircle" | "circular";
+    format?: "percentage" | "number";
+    legend?: boolean;
+    legendVariant?: "default" | "stacked";
+    grid?: boolean;
+    isAnimationActive?: boolean;
+    cornerRadius?: number;
+    onMouseEnter?: (data: any, index: number) => void;
+    onMouseLeave?: () => void;
+    onClick?: (data: any, index: number) => void;
+    className?: string;
+    maxChartSize?: number;
+    minChartSize?: number;
+    height?: number | string;
+    width?: number | string;
+}
+export declare const RadialChart: <T extends RadialChartData>({ data, categoryKey, dataKey, theme, customPalette, variant, format, legend, legendVariant, grid, isAnimationActive, cornerRadius, onMouseEnter, onMouseLeave, onClick, className, maxChartSize, minChartSize, height, width, }: RadialChartProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadialChart.d.ts.map

package/dist/components/Charts/RadialChart/RadialChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/RadialChart/RadialChart.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAmB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU1C,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe;IACzD,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACpC,MAAM,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAMD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,eAAe,EAAE,iOAqBpD,gBAAgB,CAAC,CAAC,CAAC,4CAyUrB,CAAC"}

package/dist/components/Charts/RadialChart/RadialChart.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Cell, PolarGrid, RadialBar, RadialBarChart } from "recharts";
+import { usePrintContext } from "../../../context/PrintContext";
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from "../Charts";
+import { useExportChartData, useTransformedKeys } from "../hooks";
+import { DefaultLegend } from "../shared/DefaultLegend/DefaultLegend";
+import { StackedLegend } from "../shared/StackedLegend/StackedLegend";
+import { getCategoricalChartConfig } from "../utils/dataUtils";
+import { useChartPalette } from "../utils/PalletUtils";
+import { calculateRadialChartDimensions, createRadialAnimationConfig, createRadialEventHandlers, getRadialHoverStyles, transformRadialDataWithPercentages, useRadialChartHover, } from "./utils/RadialChartUtils";
+const STACKED_LEGEND_BREAKPOINT = 400;
+const MIN_CHART_SIZE = 150;
+const MAX_CHART_SIZE = 500;
+export const RadialChart = ({ data, categoryKey, dataKey, theme = "ocean", customPalette, variant = "circular", format = "number", legend = true, legendVariant = "stacked", grid = false, isAnimationActive = false, cornerRadius = 10, onMouseEnter, onMouseLeave, onClick, className, maxChartSize = MAX_CHART_SIZE, minChartSize = MIN_CHART_SIZE, height, width, }) => {
+    const printContext = usePrintContext();
+    isAnimationActive = printContext ? false : isAnimationActive;
+    const wrapperRef = useRef(null);
+    const [wrapperRect, setWrapperRect] = useState({ width: 0, height: 0 });
+    const [hoveredLegendKey, setHoveredLegendKey] = useState(null);
+    const [isLegendExpanded, setIsLegendExpanded] = useState(false);
+    const { activeIndex, handleMouseEnter, handleMouseLeave } = useRadialChartHover();
+    // Determine layout mode based on container width
+    const isRowLayout = legend && legendVariant === "stacked" && wrapperRect.width >= STACKED_LEGEND_BREAKPOINT;
+    // Sort data by value (highest to lowest) for radial chart rendering
+    const sortedProcessedData = useMemo(() => [...data].sort((a, b) => Number(b[dataKey]) - Number(a[dataKey])), [data, dataKey]);
+    const categories = useMemo(() => sortedProcessedData.map((item) => String(item[categoryKey])), [sortedProcessedData, categoryKey]);
+    const transformedKeys = useTransformedKeys(categories);
+    // Memoize string conversions to avoid repeated calls
+    const categoryKeyString = useMemo(() => String(categoryKey), [categoryKey]);
+    const dataKeyString = useMemo(() => String(dataKey), [dataKey]);
+    const formatKey = useMemo(() => (format === "percentage" ? "percentage" : dataKeyString), [format, dataKeyString]);
+    // Use provided dimensions or observed dimensions from the wrapper
+    const effectiveWidth = wrapperRect.width;
+    const effectiveHeight = wrapperRect.height;
+    // Calculate chart dimensions based on the smaller dimension of the container
+    const chartSize = useMemo(() => {
+        // Compute the available width for the chart. In row layout, chart and legend sit side-by-side.
+        // Subtract the 20px gap defined in CSS to avoid over-estimating available width.
+        const containerWidth = isRowLayout ? Math.max(0, (effectiveWidth - 20) / 2) : effectiveWidth;
+        // If wrapper height isn't explicitly provided (or is very small), prefer sizing by width to
+        // avoid a feedback loop where height depends on the chart, which then clamps the size.
+        const heightIsUsable = effectiveHeight >= minChartSize;
+        let size = heightIsUsable ? Math.min(containerWidth, effectiveHeight) : containerWidth;
+        size = Math.min(size, maxChartSize);
+        return Math.max(minChartSize, size);
+    }, [effectiveWidth, effectiveHeight, isRowLayout]);
+    const chartSizeStyle = useMemo(() => ({
+        width: chartSize,
+        height: chartSize,
+    }), [chartSize]);
+    const rechartsProps = useMemo(() => ({
+        width: "100%",
+        height: "100%",
+        minWidth: 1,
+        minHeight: 1,
+        initialDimension: { width: 1, height: 1 },
+    }), []);
+    // Calculate chart radii
+    const dimensions = useMemo(() => calculateRadialChartDimensions(chartSize), [chartSize]);
+    // Get color palette and distribute colors
+    const colors = useChartPalette({
+        chartThemeName: theme,
+        customPalette,
+        themePaletteName: "radialChartPalette",
+        dataLength: sortedProcessedData.length,
+    });
+    const exportData = useExportChartData({
+        type: "pie",
+        data: sortedProcessedData,
+        categoryKey: categoryKey,
+        dataKeys: [dataKey],
+        colors,
+        legend,
+    });
+    // Memoize expensive data transformations and configurations
+    const transformedData = useMemo(() => transformRadialDataWithPercentages(sortedProcessedData, dataKey, colors), [sortedProcessedData, dataKey, colors]);
+    const chartConfig = useMemo(() => getCategoricalChartConfig(sortedProcessedData, categoryKey, colors, transformedKeys), [sortedProcessedData, categoryKey, colors, transformedKeys]);
+    const animationConfig = useMemo(() => createRadialAnimationConfig({ isAnimationActive }), [isAnimationActive]);
+    const eventHandlers = useMemo(() => createRadialEventHandlers(onMouseEnter, onMouseLeave, onClick), [onMouseEnter, onMouseLeave, onClick]);
+    // Create legend items for both variants
+    const legendItems = useMemo(() => sortedProcessedData.map((item, index) => ({
+        key: String(item[categoryKey]),
+        label: String(item[categoryKey]),
+        value: Number(item[dataKey]),
+        color: colors[index] || "#000000",
+    })), [sortedProcessedData, categoryKey, dataKey, colors]);
+    const defaultLegendItems = useMemo(() => {
+        return legendItems.map(({ key, label, color }) => ({ key, label, color }));
+    }, [legendItems]);
+    // Handle legend item hover to highlight radial bar
+    const handleLegendItemHover = useCallback((index) => {
+        if (legendVariant !== "stacked")
+            return;
+        if (index !== null) {
+            const item = sortedProcessedData[index];
+            if (item) {
+                const categoryValue = String(item[categoryKey]);
+                setHoveredLegendKey(categoryValue);
+                // Find the index in the transformed data (which is also sorted)
+                const transformedIndex = transformedData.findIndex((d) => String(d[categoryKey]) === categoryValue);
+                if (transformedIndex !== -1) {
+                    handleMouseEnter(transformedData[transformedIndex], transformedIndex);
+                }
+            }
+        }
+        else {
+            setHoveredLegendKey(null);
+            handleMouseLeave();
+        }
+    }, [
+        sortedProcessedData,
+        categoryKey,
+        transformedData,
+        handleMouseEnter,
+        handleMouseLeave,
+        legendVariant,
+    ]);
+    // Enhanced chart hover handlers
+    const handleChartMouseEnter = useCallback((entry, index) => {
+        handleMouseEnter(entry, index);
+        if (legend && legendVariant === "stacked") {
+            setHoveredLegendKey(String(entry[categoryKey]));
+        }
+        eventHandlers.onMouseEnter?.(entry, index);
+    }, [handleMouseEnter, categoryKey, legend, legendVariant, eventHandlers.onMouseEnter]);
+    const handleChartMouseLeave = useCallback(() => {
+        handleMouseLeave();
+        if (legend && legendVariant === "stacked") {
+            setHoveredLegendKey(null);
+        }
+        eventHandlers.onMouseLeave?.();
+    }, [handleMouseLeave, legend, legendVariant, eventHandlers.onMouseLeave]);
+    // Setup ResizeObserver to watch the wrapper element
+    useEffect(() => {
+        const wrapper = wrapperRef.current;
+        if (!wrapper)
+            return;
+        // Use ResizeObserver if component is in responsive mode (no fixed width/height)
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                setWrapperRect({
+                    width: entry.contentRect.width,
+                    height: entry.contentRect.height,
+                });
+            }
+        });
+        observer.observe(wrapper);
+        return () => observer.disconnect();
+    }, []);
+    const renderLegend = useCallback(() => {
+        if (!legend)
+            return null;
+        if (legendVariant === "stacked") {
+            return (_jsx("div", { className: "openui-radial-chart-legend-container", children: _jsx(StackedLegend, { items: legendItems, onItemHover: setHoveredLegendKey, activeKey: hoveredLegendKey, onLegendItemHover: handleLegendItemHover, containerWidth: isRowLayout ? undefined : wrapperRect.width }) }));
+        }
+        return (_jsx(DefaultLegend, { items: defaultLegendItems, containerWidth: wrapperRect.width, isExpanded: isLegendExpanded, setIsExpanded: setIsLegendExpanded }));
+    }, [
+        legend,
+        legendVariant,
+        legendItems,
+        hoveredLegendKey,
+        handleLegendItemHover,
+        wrapperRect.width,
+        isRowLayout,
+        defaultLegendItems,
+        isLegendExpanded,
+    ]);
+    const wrapperClassName = clsx("openui-radial-chart-container-wrapper", className, {
+        "layout-row": isRowLayout,
+        "layout-column": !isRowLayout,
+        "legend-default": legend && legendVariant === "default",
+        "legend-stacked": legend && legendVariant === "stacked",
+    });
+    // Correct angles for semicircle (top half)
+    const startAngle = variant === "semicircle" ? 180 : 0;
+    const endAngle = variant === "semicircle" ? 0 : 360;
+    const wrapperStyle = useMemo(() => {
+        const formatDimension = (value) => {
+            if (typeof value === "number") {
+                return `${value}px`;
+            }
+            return value;
+        };
+        const dimensions = {
+            width: formatDimension(width),
+            height: formatDimension(height),
+        };
+        if (dimensions.width === undefined) {
+            delete dimensions.width;
+        }
+        if (dimensions.height === undefined) {
+            delete dimensions.height;
+        }
+        return dimensions;
+    }, [width, height]);
+    return (_jsxs("div", { ref: wrapperRef, className: wrapperClassName, style: wrapperStyle, "aria-description": "radial-chart-wrapper", "data-openui-chart": exportData, children: [_jsx("div", { className: "openui-radial-chart-container", children: _jsx("div", { className: "openui-radial-chart-container-inner", children: _jsx("div", { style: chartSizeStyle, children: _jsx(ChartContainer, { config: chartConfig, className: "openui-radial-chart", rechartsProps: rechartsProps, children: _jsxs(RadialBarChart, { data: transformedData, startAngle: startAngle, endAngle: endAngle, innerRadius: dimensions.innerRadius, outerRadius: dimensions.outerRadius, children: [grid && _jsx(PolarGrid, { gridType: "circle" }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { showPercentage: format === "percentage", nameKey: categoryKeyString }) }), _jsx(RadialBar, { dataKey: formatKey, background: !grid, cornerRadius: cornerRadius, ...animationConfig, activeIndex: activeIndex ?? undefined, onMouseEnter: handleChartMouseEnter, onMouseLeave: handleChartMouseLeave, onClick: eventHandlers.onClick, children: transformedData.map((entry, index) => {
+                                            const categoryValue = String(entry[categoryKey] || "");
+                                            const config = chartConfig[categoryValue];
+                                            const hoverStyles = getRadialHoverStyles(index, activeIndex);
+                                            const fill = config?.color || colors[index];
+                                            return (_jsx(Cell, { fill: fill, ...hoverStyles, stroke: "none" }, `cell-${index}`));
+                                        }) })] }) }) }) }) }), renderLegend()] }));
+};
+//# sourceMappingURL=RadialChart.js.map

package/dist/components/Charts/RadialChart/RadialChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialChart.js","sourceRoot":"","sources":["../../../../src/components/Charts/RadialChart/RadialChart.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAuB,MAAM,UAAU,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAe,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EACL,8BAA8B,EAC9B,2BAA2B,EAC3B,yBAAyB,EACzB,oBAAoB,EACpB,kCAAkC,EAClC,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAyBlC,MAAM,yBAAyB,GAAG,GAAG,CAAC;AACtC,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAG,CAA4B,EACrD,IAAI,EACJ,WAAW,EACX,OAAO,EACP,KAAK,GAAG,OAAO,EACf,aAAa,EACb,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,QAAQ,EACjB,MAAM,GAAG,IAAI,EACb,aAAa,GAAG,SAAS,EACzB,IAAI,GAAG,KAAK,EACZ,iBAAiB,GAAG,KAAK,EACzB,YAAY,GAAG,EAAE,EACjB,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,YAAY,GAAG,cAAc,EAC7B,YAAY,GAAG,cAAc,EAC7B,MAAM,EACN,KAAK,GACe,EAAE,EAAE;IACxB,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,iBAAiB,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAE7D,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAElF,iDAAiD;IACjD,MAAM,WAAW,GACf,MAAM,IAAI,aAAa,KAAK,SAAS,IAAI,WAAW,CAAC,KAAK,IAAI,yBAAyB,CAAC;IAE1F,oEAAoE;IACpE,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EACvE,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAClE,CAAC,mBAAmB,EAAE,WAAW,CAAC,CACnC,CAAC;IACF,MAAM,eAAe,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEvD,qDAAqD;IACrD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,EAC9D,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAC;IAEF,kEAAkE;IAClE,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC;IACzC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC;IAE3C,6EAA6E;IAC7E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,+FAA+F;QAC/F,iFAAiF;QACjF,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QAE7F,4FAA4F;QAC5F,uFAAuF;QACvF,MAAM,cAAc,GAAG,eAAe,IAAI,YAAY,CAAC;QAEvD,IAAI,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QACvF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QACpC,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnD,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KAClB,CAAC,EACF,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,aAAa,GAAuE,OAAO,CAC/F,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;KAC1C,CAAC,EACF,EAAE,CACH,CAAC;IAEF,wBAAwB;IACxB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,8BAA8B,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEzF,0CAA0C;IAC1C,MAAM,MAAM,GAAG,eAAe,CAAC;QAC7B,cAAc,EAAE,KAAK;QACrB,aAAa;QACb,gBAAgB,EAAE,oBAAoB;QACtC,UAAU,EAAE,mBAAmB,CAAC,MAAM;KACvC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,kBAAkB,CAAC;QACpC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,WAAqB;QAClC,QAAQ,EAAE,CAAC,OAAiB,CAAC;QAC7B,MAAM;QACN,MAAM;KACP,CAAC,CAAC;IAEH,4DAA4D;IAC5D,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,kCAAkC,CAAC,mBAAwB,EAAE,OAAO,EAAE,MAAM,CAAC,EACnF,CAAC,mBAAmB,EAAE,OAAO,EAAE,MAAM,CAAC,CACvC,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,yBAAyB,CAAC,mBAAwB,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,CAAC,EAC/F,CAAC,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,CAAC,CAC5D,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,2BAA2B,CAAC,EAAE,iBAAiB,EAAE,CAAC,EACxD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,yBAAyB,CAAC,YAAY,EAAE,YAAY,EAAE,OAAO,CAAC,EACpE,CAAC,YAAY,EAAE,YAAY,EAAE,OAAO,CAAC,CACtC,CAAC;IAEF,wCAAwC;IACxC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACxC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAChC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,SAAS;KAClC,CAAC,CAAC,EACL,CAAC,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CACpD,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAiB,EAAE;QACpD,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,mDAAmD;IACnD,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,KAAoB,EAAE,EAAE;QACvB,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO;QACxC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,IAAI,EAAE,CAAC;gBACT,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;gBAChD,mBAAmB,CAAC,aAAa,CAAC,CAAC;gBACnC,gEAAgE;gBAChE,MAAM,gBAAgB,GAAG,eAAe,CAAC,SAAS,CAChD,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAE,CAAS,CAAC,WAAW,CAAC,CAAC,KAAK,aAAa,CACzD,CAAC;gBACF,IAAI,gBAAgB,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC5B,gBAAgB,CAAC,eAAe,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;gBACxE,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,EACD;QACE,mBAAmB;QACnB,WAAW;QACX,eAAe;QACf,gBAAgB;QAChB,gBAAgB;QAChB,aAAa;KACd,CACF,CAAC;IAEF,gCAAgC;IAChC,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;QAC5B,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/B,IAAI,MAAM,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAC1C,mBAAmB,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC;QACD,aAAa,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,YAAY,CAAC,CACnF,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,gBAAgB,EAAE,CAAC;QACnB,IAAI,MAAM,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAC1C,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1E,oDAAoD;IACpD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,gFAAgF;QAChF,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,KAAK,EAAE,CAAC;gBACV,cAAc,CAAC;oBACb,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK;oBAC9B,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM;iBACjC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACzB,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO,CACL,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAClB,WAAW,EAAE,mBAAmB,EAChC,SAAS,EAAE,gBAAgB,EAC3B,iBAAiB,EAAE,qBAAqB,EACxC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,GAC3D,GACE,CACP,CAAC;QACJ,CAAC;QACD,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,WAAW,CAAC,KAAK,EACjC,UAAU,EAAE,gBAAgB,EAC5B,aAAa,EAAE,mBAAmB,GAClC,CACH,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,aAAa;QACb,WAAW;QACX,gBAAgB;QAChB,qBAAqB;QACrB,WAAW,CAAC,KAAK;QACjB,WAAW;QACX,kBAAkB;QAClB,gBAAgB;KACjB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAI,CAAC,uCAAuC,EAAE,SAAS,EAAE;QAChF,YAAY,EAAE,WAAW;QACzB,eAAe,EAAE,CAAC,WAAW;QAC7B,gBAAgB,EAAE,MAAM,IAAI,aAAa,KAAK,SAAS;QACvD,gBAAgB,EAAE,MAAM,IAAI,aAAa,KAAK,SAAS;KACxD,CAAC,CAAC;IAEH,2CAA2C;IAC3C,MAAM,UAAU,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAEpD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,eAAe,GAAG,CAAC,KAAkC,EAAE,EAAE;YAC7D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,GAAG,KAAK,IAAI,CAAC;YACtB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QACF,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC;YAC7B,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC;SAChC,CAAC;QAEF,IAAI,UAAU,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACnC,OAAO,UAAU,CAAC,KAAK,CAAC;QAC1B,CAAC;QAED,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YACpC,OAAO,UAAU,CAAC,MAAM,CAAC;QAC3B,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,sBACF,sBAAsB,uBACpB,UAAU,aAE7B,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,qCAAqC,YAClD,cAAK,KAAK,EAAE,cAAc,YACxB,KAAC,cAAc,IACb,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,qBAAqB,EAC/B,aAAa,EAAE,aAAa,YAE5B,MAAC,cAAc,IACb,IAAI,EAAE,eAAe,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,WAAW,EAAE,UAAU,CAAC,WAAW,aAElC,IAAI,IAAI,KAAC,SAAS,IAAC,QAAQ,EAAC,QAAQ,GAAG,EACxC,KAAC,YAAY,IACX,MAAM,EAAE,KAAK,EACb,OAAO,EACL,KAAC,mBAAmB,IAClB,cAAc,EAAE,MAAM,KAAK,YAAY,EACvC,OAAO,EAAE,iBAAiB,GAC1B,GAEJ,EACF,KAAC,SAAS,IACR,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,CAAC,IAAI,EACjB,YAAY,EAAE,YAAY,KACtB,eAAe,EACnB,WAAW,EAAE,WAAW,IAAI,SAAS,EACrC,YAAY,EAAE,qBAAqB,EACnC,YAAY,EAAE,qBAAqB,EACnC,OAAO,EAAE,aAAa,CAAC,OAAO,YAE7B,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;4CACpC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,WAAiC,CAAC,IAAI,EAAE,CAAC,CAAC;4CAC7E,MAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;4CAC1C,MAAM,WAAW,GAAG,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;4CAC7D,MAAM,IAAI,GAAG,MAAM,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;4CAC5C,OAAO,CACL,KAAC,IAAI,IAAuB,IAAI,EAAE,IAAI,KAAM,WAAW,EAAE,MAAM,EAAC,MAAM,IAA3D,QAAQ,KAAK,EAAE,CAA+C,CAC1E,CAAC;wCACJ,CAAC,CAAC,GACQ,IACG,GACF,GACb,GACF,GACF,EACL,YAAY,EAAE,IACX,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./RadialChart";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/RadialChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./RadialChart";
+export * from "./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Charts/RadialChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/components/Charts/RadialChart/radialChart.css

@@ -0,0 +1 @@
+.openui-radial-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-radial-chart-container-wrapper.legend-default{flex-direction:column;align-items:center}.openui-radial-chart-container-wrapper.legend-stacked.layout-column{flex-direction:column;align-items:center}.openui-radial-chart-container-wrapper.legend-stacked.layout-row{flex-direction:row;align-items:center;max-height:296px}.openui-radial-chart-container-wrapper.legend-stacked.layout-row .openui-radial-chart-legend-container{height:296px}.openui-radial-chart-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.layout-row .openui-radial-chart-container{flex:1;min-width:0}.openui-radial-chart{display:flex;align-items:center;justify-content:center}.openui-radial-chart .recharts-polar-grid{opacity:.3}.openui-radial-chart-legend-container{display:flex;justify-content:center}.legend-default .openui-radial-chart-legend-container{width:100%;align-items:center}.layout-column.legend-stacked .openui-radial-chart-legend-container{width:100%;align-items:flex-start}.layout-row.legend-stacked .openui-radial-chart-legend-container{flex:1;min-width:0;height:100%;align-items:center}

package/dist/components/Charts/RadialChart/stories/RadialChart.stories.d.ts

@@ -0,0 +1,93 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RadialChartProps } from "../RadialChart";
+/**
+ * Sample data sets for demonstrating various RadialChart configurations
+ * These data structures represent common use cases in business applications
+ */
+declare const monthlyRevenueData: {
+    month: string;
+    value: number;
+}[];
+/**
+ * # RadialChart Component Documentation
+ *
+ * The RadialChart component is a powerful and flexible visualization tool for displaying
+ * categorical data in a circular format. It's particularly effective for showing:
+ *
+ * - **Proportional Relationships**: How different categories relate to each other
+ * - **Part-to-Whole Analysis**: Understanding individual contributions to a total
+ * - **Comparative Data**: Quickly comparing values across multiple categories
+ * - **Dashboard Metrics**: Essential KPIs in executive dashboards
+ *
+ * ## Key Features
+ *
+ * ### Visual Variants
+ * - **Circular**: Full 360-degree display for comprehensive data visualization
+ * - **Semicircle**: Half-circle display for space-efficient layouts
+ *
+ * ### Data Formatting
+ * - **Percentage Mode**: Automatically calculates and displays percentages
+ * - **Number Mode**: Shows raw values with customizable formatting
+ *
+ * ### Interactive Elements
+ * - **Responsive Legend**: Adapts to container size with carousel navigation
+ * - **Hover States**: Interactive feedback for enhanced user experience
+ * - **Animation Support**: Smooth transitions and loading animations
+ *
+ * ### Customization Options
+ * - **Theme System**: Pre-built color palettes (ocean, orchid, emerald, sunset, spectrum, vivid)
+
+ * - **Layout Flexibility**: Responsive design that adapts to container dimensions
+ */
+declare const meta: Meta<RadialChartProps<typeof monthlyRevenueData>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * ## Default Configuration
+ *
+ * This example demonstrates the RadialChart with its default settings - the most common
+ * configuration for business dashboards and data visualization applications.
+ *
+ * **Key Features Shown:**
+ * - Standard circular layout with full 360° display
+ * - Professional ocean color theme
+ * - Stacked legend for optimal space utilization
+ * - Smooth animations for polished user experience
+ * - Number format for clear value display
+ */
+export declare const DefaultConfiguration: Story;
+/**
+ * ## Theme Showcase
+ *
+ * RadialChart includes six professionally designed color themes, each optimized
+ * for different contexts and brand requirements.
+ */
+export declare const ThemeShowcase: Story;
+/**
+ * ## Advanced Visual Enhancement
+ *
+ * This example showcases percentage formatting to create visually striking and informative charts.
+ */
+export declare const VisualEnhancement: Story;
+/**
+ * ## Custom Color Palette
+ *
+ * This example demonstrates how to use a custom color palette to override
+ * the default theme colors with brand-specific or custom color schemes.
+ */
+export declare const CustomPalette: Story;
+/**
+ * ## Large Dataset Management
+ *
+ * When working with extensive datasets, RadialChart provides intelligent
+ * legend management with carousel navigation to maintain usability.
+ */
+export declare const LargeDatasetDemo: Story;
+/**
+ * ## Interactive Responsiveness Demo
+ *
+ * This advanced example demonstrates RadialChart's responsive capabilities
+ * with a resizable container to show real-time adaptation.
+ */
+export declare const ResponsiveDemo: Story;
+//# sourceMappingURL=RadialChart.stories.d.ts.map

package/dist/components/Charts/RadialChart/stories/RadialChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialChart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/RadialChart/stories/RadialChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D;;;GAGG;AAGH,QAAA,MAAM,kBAAkB;;;GAavB,CAAC;AAoCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,kBAAkB,CAAC,CA+PxB,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA6ClC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KA8C3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmD/B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAkG3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAwE9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,KAyO5B,CAAC"}