@openuidev/react-ui 0.9.16

package/dist/components/Charts/MiniLineChart/stories/MiniLineChart.stories.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from "../../../Card";
+import { MiniLineChart } from "../MiniLineChart";
+// Simple array of numbers for 1D line chart
+const simpleLineChartData = [
+    12, 45, 78, 32, 67, 89, 23, 56, 91, 34, 76, 28, 85, 42, 19, 63, 87, 31, 74, 58, 92, 26, 49, 83,
+    37, 50, 1,
+];
+// Array of objects with value and label
+const labeledLineChartData = [
+    { value: 150, label: "January" },
+    { value: 280, label: "February" },
+    { value: 220, label: "March" },
+    { value: 180, label: "April" },
+    { value: 250, label: "May" },
+    { value: 300, label: "June" },
+    { value: 320, label: "July" },
+    { value: 280, label: "August" },
+    { value: 310, label: "September" },
+    { value: 290, label: "October" },
+    { value: 340, label: "November" },
+    { value: 360, label: "December" },
+];
+const meta = {
+    title: "Components/Charts/MiniLineChart",
+    component: MiniLineChart,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { MiniLineChart } from '@openui-ui/react-ui/Charts/LineCharts/MiniLineChart';\n```\n\nA responsive mini line chart component that accepts 1D data (numbers or objects with value/label) with automatic data filtering for space-constrained containers. Features smooth line interpolation and customizable styling.",
+            },
+        },
+    },
+    tags: ["!autodocs"],
+    argTypes: {
+        data: {
+            description: "An array of numbers or an array of objects with value and optional label. Each entry represents a single point in the line chart.",
+            control: false,
+            table: {
+                type: { summary: "Array<number> | Array<{ value: number; label?: string }>" },
+                defaultValue: { summary: "[]" },
+                category: "Data",
+            },
+        },
+        theme: {
+            description: "The color palette theme for the chart. Each theme provides a different color for the line.",
+            control: "select",
+            options: ["ocean", "orchid", "emerald", "sunset", "spectrum", "vivid"],
+            table: {
+                defaultValue: { summary: "ocean" },
+                category: "Appearance",
+            },
+        },
+        variant: {
+            description: "The interpolation method used to create the line curves. 'linear' creates straight lines between points, 'natural' creates smooth curves, and 'step' creates a stepped line.",
+            control: "radio",
+            options: ["linear", "natural", "step"],
+            table: {
+                defaultValue: { summary: "natural" },
+                category: "Appearance",
+            },
+        },
+        strokeWidth: {
+            description: "The width of the line stroke",
+            control: "number",
+            table: {
+                type: { summary: "number" },
+                defaultValue: { summary: "2" },
+                category: "Appearance",
+            },
+        },
+        isAnimationActive: {
+            description: "Whether to animate the chart when it first renders",
+            control: "boolean",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "true" },
+                category: "Display",
+            },
+        },
+        size: {
+            description: "The width and height of the chart",
+            control: "text",
+            table: {
+                type: { summary: "number | string" },
+                defaultValue: { summary: "100%" },
+                category: "Appearance",
+            },
+        },
+        lineColor: {
+            description: "Custom color for the line stroke",
+            control: "color",
+            table: {
+                type: { summary: "string" },
+                category: "Appearance",
+            },
+        },
+    },
+};
+export default meta;
+export const SimpleNumberArray = {
+    name: "Simple Number Array",
+    args: {
+        data: simpleLineChartData,
+        theme: "ocean",
+        variant: "natural",
+        strokeWidth: 2,
+        isAnimationActive: true,
+        size: "100%",
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "280px", padding: "20px" }, children: [_jsx("h3", { style: { marginBottom: "16px", fontSize: "16px", fontWeight: "600" }, children: "Daily Activity" }), _jsx(MiniLineChart, { ...args })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+const activityData = [12, 45, 78, 32, 67, 89, 23, 56, 91, 34];
+
+<MiniLineChart 
+  data={activityData}
+  theme="ocean"
+  variant="natural"
+  strokeWidth={2}
+  isAnimationActive={true}
+  size="100%"
+/>
+`,
+            },
+        },
+    },
+};
+export const LabeledData = {
+    name: "Labeled Data",
+    args: {
+        data: labeledLineChartData,
+        theme: "emerald",
+        variant: "natural",
+        strokeWidth: 2,
+        isAnimationActive: true,
+        size: "100%",
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "320px", padding: "20px" }, children: [_jsx("h3", { style: { marginBottom: "16px", fontSize: "16px", fontWeight: "600" }, children: "Monthly Revenue" }), _jsx(MiniLineChart, { ...args })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+const revenueData = [
+  { value: 150, label: "January" },
+  { value: 280, label: "February" },
+  { value: 220, label: "March" },
+  // ...
+];
+
+<MiniLineChart 
+  data={revenueData}
+  theme="emerald"
+  variant="natural"
+  strokeWidth={2}
+  size="100%"
+/>
+`,
+            },
+        },
+    },
+};
+//# sourceMappingURL=MiniLineChart.stories.js.map

package/dist/components/Charts/MiniLineChart/stories/MiniLineChart.stories.js.map

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

package/dist/components/Charts/MiniLineChart/types/index.d.ts

@@ -0,0 +1,5 @@
+export type MiniLineChartData = Array<number> | Array<{
+    value: number;
+    label?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/MiniLineChart/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/MiniLineChart/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC"}

package/dist/components/Charts/MiniLineChart/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/MiniLineChart/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Charts/MiniLineChart/types/index.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,27 @@
+import { PaletteName } from "../utils/PalletUtils.js";
+import { PieChartData } from "./types/index.js";
+export interface PieChartProps<T extends PieChartData> {
+    data: T;
+    categoryKey: keyof T[number];
+    dataKey: keyof T[number];
+    theme?: PaletteName;
+    customPalette?: string[];
+    variant?: "pie" | "donut";
+    format?: "percentage" | "number";
+    legend?: boolean;
+    legendVariant?: "default" | "stacked";
+    isAnimationActive?: boolean;
+    appearance?: "circular" | "semiCircular";
+    cornerRadius?: number;
+    paddingAngle?: 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 PieChart: import("react").MemoExoticComponent<(<T extends PieChartData>({ data, categoryKey, dataKey, theme, customPalette, variant, format, legend, legendVariant, isAnimationActive, appearance, cornerRadius, paddingAngle, onMouseEnter, onMouseLeave, onClick, className, maxChartSize, minChartSize, height, width, }: PieChartProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+//# sourceMappingURL=PieChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/PieChart/PieChart.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAmB,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAUhD,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY;IACnD,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,KAAK,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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;IAEtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAwbD,eAAO,MAAM,QAAQ,wCAjbM,CAAC,SAAS,YAAY,uPAsB9C,aAAa,CAAC,CAAC,CAAC,8CA2Z4B,CAAC"}

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

@@ -0,0 +1,280 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Cell, Pie, PieChart as RechartsPieChart } from "recharts";
+import { usePrintContext } from "../../../context/PrintContext.js";
+import { useTheme } from "../../ThemeProvider/ThemeProvider.js";
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from "../Charts.js";
+import { useExportChartData, useTransformedKeys } from "../hooks/index.js";
+import { DefaultLegend } from "../shared/DefaultLegend/DefaultLegend.js";
+import { StackedLegend } from "../shared/StackedLegend/StackedLegend.js";
+import { getCategoricalChartConfig } from "../utils/dataUtils.js";
+import { useChartPalette } from "../utils/PalletUtils.js";
+import { calculateTwoLevelChartDimensions, createAnimationConfig, createEventHandlers, getHoverStyles, transformDataWithPercentages, useChartHover, } from "./utils/PieChartUtils.js";
+const STACKED_LEGEND_BREAKPOINT = 400;
+const MIN_CHART_SIZE = 150;
+const MAX_CHART_SIZE = 500;
+const CORNER_RADIUS = 0;
+const PieChartComponent = ({ data, categoryKey, dataKey, theme = "ocean", customPalette, variant = "pie", format = "number", legend = true, legendVariant = "stacked", isAnimationActive = true, appearance = "circular", cornerRadius, paddingAngle = 0, 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 } = useChartHover();
+    const { theme: userTheme } = useTheme();
+    // 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 pie 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 are 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), it will be driven by the
+        // chart's own content, creating a feedback loop that pins the size to the minimum.
+        // Prefer width in that case to size the chart sensibly.
+        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 },
+    }), []);
+    const colors = useChartPalette({
+        chartThemeName: theme,
+        customPalette,
+        themePaletteName: "pieChartPalette",
+        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(() => transformDataWithPercentages(sortedProcessedData, dataKey), [sortedProcessedData, dataKey]);
+    const chartConfig = useMemo(() => getCategoricalChartConfig(sortedProcessedData, categoryKey, colors, transformedKeys), [sortedProcessedData, categoryKey, colors, transformedKeys]);
+    const animationConfig = useMemo(() => createAnimationConfig({ isAnimationActive }), [isAnimationActive]);
+    const eventHandlers = useMemo(() => createEventHandlers(onMouseEnter, onMouseLeave, onClick), [onMouseEnter, onMouseLeave, onClick]);
+    const sectorStyle = useMemo(() => {
+        let cornerRadiusValue = CORNER_RADIUS;
+        if (typeof cornerRadius === "number") {
+            cornerRadiusValue = cornerRadius;
+        }
+        else {
+            const cornerRadiusTheme = userTheme.radius2xs;
+            if (cornerRadiusTheme) {
+                cornerRadiusValue =
+                    typeof cornerRadiusTheme === "string" ? parseInt(cornerRadiusTheme) : cornerRadiusTheme;
+            }
+        }
+        return {
+            cornerRadius: cornerRadiusValue,
+            paddingAngle: variant === "donut" ? 0.5 : paddingAngle,
+        };
+    }, [cornerRadius, variant, paddingAngle, userTheme.radius2xs]);
+    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]);
+    const handleLegendItemHover = useCallback((index) => {
+        if (legendVariant !== "stacked")
+            return;
+        if (index !== null) {
+            const item = sortedProcessedData[index];
+            if (item) {
+                const categoryValue = String(item[categoryKey]);
+                setHoveredLegendKey(categoryValue);
+                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,
+    ]);
+    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]);
+    const dimensions = useMemo(() => {
+        if (variant === "donut") {
+            return calculateTwoLevelChartDimensions(chartSize);
+        }
+        return { outerRadius: "90%", innerRadius: 0, middleRadius: 0 };
+    }, [variant, chartSize]);
+    const startAngle = useMemo(() => (appearance === "semiCircular" ? 180 : 0), [appearance]);
+    const endAngle = useMemo(() => (appearance === "semiCircular" ? 0 : 360), [appearance]);
+    const commonPieProps = useMemo(() => ({
+        data: transformedData,
+        dataKey: formatKey,
+        nameKey: categoryKeyString,
+        labelLine: false,
+        label: false,
+        ...animationConfig,
+        ...eventHandlers,
+        ...sectorStyle,
+        startAngle,
+        endAngle,
+        onMouseEnter: handleChartMouseEnter,
+        onMouseLeave: handleChartMouseLeave,
+    }), [
+        transformedData,
+        formatKey,
+        categoryKeyString,
+        animationConfig,
+        eventHandlers,
+        sectorStyle,
+        startAngle,
+        endAngle,
+        handleChartMouseEnter,
+        handleChartMouseLeave,
+    ]);
+    // Use ResizeObserver for subsequent size changes
+    useLayoutEffect(() => {
+        const wrapper = wrapperRef.current;
+        if (!wrapper)
+            return;
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                setWrapperRect({
+                    width: entry.contentRect.width,
+                    height: entry.contentRect.height,
+                });
+            }
+        });
+        observer.observe(wrapper);
+        // Read initial dimensions synchronously before first paint to avoid size jump
+        const rect = wrapper.getBoundingClientRect();
+        setWrapperRect({ width: rect.width, height: rect.height });
+        return () => observer.disconnect();
+    }, []);
+    const renderPieCharts = useCallback(() => {
+        if (variant === "donut") {
+            return [
+                _jsx(Pie, { ...commonPieProps, innerRadius: dimensions.innerRadius, outerRadius: dimensions.middleRadius, children: transformedData.map((entry, index) => {
+                        const categoryValue = String(entry[categoryKey] || "");
+                        const transformedKey = transformedKeys[categoryValue] ?? categoryValue;
+                        const config = chartConfig[transformedKey];
+                        const hoverStyles = getHoverStyles(index, activeIndex);
+                        const fill = config?.color || colors[index];
+                        return (_jsx(Cell, { fill: fill, ...hoverStyles, stroke: "none", className: "openui-pie-chart__inner-cell" }, `inner-cell-${index}`));
+                    }) }, "inner-pie"),
+                _jsx(Pie, { ...commonPieProps, innerRadius: dimensions.middleRadius, outerRadius: dimensions.outerRadius, children: transformedData.map((entry, index) => {
+                        const categoryValue = String(entry[categoryKey] || "");
+                        const transformedKey = transformedKeys[categoryValue] ?? categoryValue;
+                        const config = chartConfig[transformedKey];
+                        const hoverStyles = getHoverStyles(index, activeIndex);
+                        const fill = config?.color || colors[index];
+                        return _jsx(Cell, { fill: fill, ...hoverStyles, stroke: "none" }, `outer-cell-${index}`);
+                    }) }, "outer-pie"),
+            ];
+        }
+        return (_jsx(Pie, { ...commonPieProps, outerRadius: dimensions.outerRadius, innerRadius: dimensions.innerRadius, activeIndex: activeIndex ?? undefined, children: transformedData.map((entry, index) => {
+                const categoryValue = String(entry[categoryKey] || "");
+                const transformedKey = transformedKeys[categoryValue] ?? categoryValue;
+                const config = chartConfig[transformedKey];
+                const hoverStyles = getHoverStyles(index, activeIndex);
+                const fill = config?.color || colors[index];
+                return _jsx(Cell, { fill: fill, ...hoverStyles, stroke: "none" }, `cell-${index}`);
+            }) }));
+    }, [
+        variant,
+        commonPieProps,
+        dimensions,
+        transformedData,
+        categoryKey,
+        chartConfig,
+        activeIndex,
+        colors,
+        transformedKeys,
+    ]);
+    const renderLegend = useCallback(() => {
+        if (!legend)
+            return null;
+        if (legendVariant === "stacked") {
+            return (_jsx("div", { className: "openui-pie-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 = useMemo(() => clsx("openui-pie-chart-container-wrapper", className, {
+        "layout-row": isRowLayout,
+        "layout-column": !isRowLayout,
+        "legend-default": legend && legendVariant === "default",
+        "legend-stacked": legend && legendVariant === "stacked",
+    }), [className, legend, legendVariant, isRowLayout]);
+    const wrapperStyle = useMemo(() => {
+        const formatDimension = (value) => {
+            if (typeof value === "number") {
+                return `${value}px`;
+            }
+            return value;
+        };
+        const dimensions = {
+            width: formatDimension(width),
+            height: formatDimension(height),
+        };
+        return dimensions;
+    }, [width, height]);
+    return (_jsxs("div", { ref: wrapperRef, className: wrapperClassName, style: wrapperStyle, "data-openui-chart": exportData, children: [_jsx("div", { className: "openui-pie-chart-container", children: _jsx("div", { className: "openui-pie-chart-container-inner", children: _jsx("div", { style: chartSizeStyle, children: _jsx(ChartContainer, { config: chartConfig, className: "openui-pie-chart", rechartsProps: rechartsProps, children: _jsxs(RechartsPieChart, { children: [_jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { showPercentage: format === "percentage" }) }), renderPieCharts()] }) }) }) }) }), renderLegend()] }));
+};
+export const PieChart = memo(PieChartComponent);
+PieChart.displayName = "PieChart";
+//# sourceMappingURL=PieChart.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/components/Charts/PieChart/pieChart.css

@@ -0,0 +1 @@
+.openui-pie-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-pie-chart-container-wrapper.legend-default{flex-direction:column;align-items:center}.openui-pie-chart-container-wrapper.legend-stacked.layout-column{flex-direction:column;align-items:center}.openui-pie-chart-container-wrapper.legend-stacked.layout-row{flex-direction:row;align-items:center;min-height:296px}.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container{height:296px}.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container .openui-stacked-legend-container{justify-content:center}.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container .openui-stacked-legend{height:auto;max-height:100%}.openui-pie-chart-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.layout-row .openui-pie-chart-container{flex:1;min-width:0}.openui-pie-chart{display:flex;align-items:center;justify-content:center}.openui-pie-chart .openui-pie-chart__inner-cell{fill:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-pie-chart-legend-container{display:flex;justify-content:center}.legend-default .openui-pie-chart-legend-container{width:100%;align-items:center}.layout-column.legend-stacked .openui-pie-chart-legend-container{width:100%;align-items:flex-start}.layout-row.legend-stacked .openui-pie-chart-legend-container{flex:1;min-width:0;height:100%;align-items:center}