@openuidev/react-ui 0.9.16

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

@@ -0,0 +1,101 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PieChartProps } from "../PieChart";
+declare const monthlySalesData: {
+    month: string;
+    value: number;
+}[];
+/**
+ * # PieChart Component Documentation
+ *
+ * The PieChart component is a versatile and intuitive tool for visualizing
+ * part-to-whole relationships in a dataset. It's highly effective for:
+ *
+ * - **Proportional Analysis**: Showing how individual segments contribute to a total
+ * - **Category Comparison**: Comparing the relative size of different categories
+ * - **Dashboard KPIs**: Displaying key metrics like market share or budget allocation
+ *
+ * ## Key Features
+ *
+ * ### Chart Types
+ * - **Pie**: Classic circular chart for proportional representation
+ * - **Donut**: Pie chart with a center cutout, useful for displaying a central metric or for a modern look
+ *
+ * ### Layout Variants
+ * - **Circular**: Full 360-degree display for a complete data overview
+ * - **Semicircle**: Half-circle (180-degree) layout, ideal for compact dashboard widgets
+ *
+ * ### Data Formatting
+ * - **Percentage Mode**: Automatically calculates and displays segment values as percentages
+ * - **Number Mode**: Shows raw data values with appropriate formatting
+ *
+ * ### Interactive & Responsive
+ * - **Interactive Legend**: Adapts to container size with carousel navigation for large datasets
+ * - **Hover Tooltips**: Provides detailed information on hover for better user engagement
+ * - **Responsive Design**: Fluidly adjusts to the size of its container
+ *
+ * ### Customization
+ * - **Theming**: Six pre-built color palettes to match your application's design
+ * - **Styling Options**: Control corner radius, padding between slices, and more
+
+ */
+declare const meta: Meta<PieChartProps<typeof monthlySalesData>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * ## Interactive Playground
+ *
+ * This is a minimal story that renders just the PieChart component without any wrapper.
+ * Use the Controls panel to interactively test all available props and see how they
+ * affect the chart's appearance and behavior.
+ *
+ * **Perfect for:**
+ * - Testing different prop combinations
+ * - Exploring chart customization options
+ * - Understanding prop behaviors
+ */
+export declare const InteractivePlayground: Story;
+/**
+ * ## Default Configuration
+ *
+ * This example showcases the PieChart with its standard settings, making it an
+ * ideal starting point for most data visualization needs.
+ *
+ * **Key Features Shown:**
+ * - Standard circular pie layout
+ * - Professional 'ocean' color theme
+ * - Responsive stacked legend for clarity
+ * - Smooth animations on load
+ */
+export declare const DefaultConfiguration: Story;
+/**
+ * ## Layout and Variant Options
+ *
+ * This story demonstrates the different layout (`appearance`) and style (`variant`)
+ * options available in the PieChart component.
+ *
+ * **Options Shown:**
+ * - **Pie vs. Donut**: See the difference between a full pie and one with a center cutout.
+ * - **Circular vs. Semicircle**: Compare the full 360° layout with the space-saving 180° version.
+ */
+export declare const LayoutAndVariantOptions: Story;
+/**
+ * ## Custom Palette
+ *
+ * This example demonstrates how to use a custom color palette.
+ *
+ * **Feature Highlight:**
+ * - The `customPalette` prop allows you to define your own array of colors.
+ */
+export declare const CustomPalette: Story;
+/**
+ * ## Large Dataset with Carousel
+ *
+ * The PieChart's legend intelligently handles a large number of items by
+ * enabling a scrollable carousel with up/down navigation.
+ *
+ * **Feature Highlight:**
+ * - The legend's carousel appears automatically when items overflow the available space, ensuring all data points remain accessible without cluttering the UI.
+ */
+export declare const LargeDatasetWithCarousel: Story;
+export declare const ResponsiveDemo: Story;
+//# sourceMappingURL=PieChart.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/PieChart/stories/PieChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,gBAAgB;;;GAOrB,CAAC;AAkBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,gBAAgB,CAAC,CA8LtB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAmBnC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAwBlC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAyCrC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAkBtC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyO5B,CAAC"}

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

@@ -0,0 +1,536 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Card } from "../../../Card";
+import { PieChart } from "../PieChart";
+const monthlySalesData = [
+    { month: "January", value: 1250 },
+    { month: "February", value: 980 },
+    { month: "March", value: 1450 },
+    { month: "April", value: 1320 },
+    { month: "May", value: 1680 },
+    { month: "June", value: 2100 },
+];
+const comprehensiveData = [
+    { category: "Electronics", sales: 12500 },
+    { category: "Apparel", sales: 9800 },
+    { category: "Groceries", sales: 14500 },
+    { category: "Home Goods", sales: 13200 },
+    { category: "Books", sales: 8800 },
+    { category: "Toys", sales: 7600 },
+    { category: "Automotive", sales: 6500 },
+    { category: "Health", sales: 11200 },
+    { category: "Beauty", sales: 9300 },
+    { category: "Sports", sales: 8100 },
+    { category: "Outdoors", sales: 7200 },
+    { category: "Music", sales: 4500 },
+    { category: "Software", sales: 10500 },
+];
+/**
+ * # PieChart Component Documentation
+ *
+ * The PieChart component is a versatile and intuitive tool for visualizing
+ * part-to-whole relationships in a dataset. It's highly effective for:
+ *
+ * - **Proportional Analysis**: Showing how individual segments contribute to a total
+ * - **Category Comparison**: Comparing the relative size of different categories
+ * - **Dashboard KPIs**: Displaying key metrics like market share or budget allocation
+ *
+ * ## Key Features
+ *
+ * ### Chart Types
+ * - **Pie**: Classic circular chart for proportional representation
+ * - **Donut**: Pie chart with a center cutout, useful for displaying a central metric or for a modern look
+ *
+ * ### Layout Variants
+ * - **Circular**: Full 360-degree display for a complete data overview
+ * - **Semicircle**: Half-circle (180-degree) layout, ideal for compact dashboard widgets
+ *
+ * ### Data Formatting
+ * - **Percentage Mode**: Automatically calculates and displays segment values as percentages
+ * - **Number Mode**: Shows raw data values with appropriate formatting
+ *
+ * ### Interactive & Responsive
+ * - **Interactive Legend**: Adapts to container size with carousel navigation for large datasets
+ * - **Hover Tooltips**: Provides detailed information on hover for better user engagement
+ * - **Responsive Design**: Fluidly adjusts to the size of its container
+ *
+ * ### Customization
+ * - **Theming**: Six pre-built color palettes to match your application's design
+ * - **Styling Options**: Control corner radius, padding between slices, and more
+
+ */
+const meta = {
+    title: "Components/Charts/PieChart",
+    component: PieChart,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: `
+## Installation and Basic Usage
+
+\`\`\`tsx
+import { PieChart } from '@openui-ui/react-ui/Charts/PieChart';
+
+// Basic implementation
+<PieChart
+  data={yourData}
+  categoryKey="category"
+  dataKey="value"
+  theme="ocean"
+/>
+\`\`\`
+
+## Data Structure Requirements
+
+Your data should be an array of objects where each object contains:
+- A **category field** (string): Used for labels and legend items
+- A **value field** (number): Used to determine slice sizes
+
+\`\`\`tsx
+const salesData = [
+  { category: "Electronics", value: 4500 },
+  { category: "Apparel", value: 3200 },
+  { category: "Groceries", value: 6800 }
+];
+\`\`\`
+
+## Performance Considerations
+- **Data Size**: Best for 3-12 data points for readability.
+- **Responsiveness**: Fully responsive and adapts to its container.
+- **Animation**: Can be disabled for performance with very large or complex charts.
+        `,
+            },
+        },
+    },
+    tags: ["dev", "autodocs"],
+    argTypes: {
+        data: {
+            description: `
+**Required.** An array of data objects representing your dataset. Each object should contain:
+- A category identifier (string)
+- A numeric value
+
+**Best Practices:**
+- Use 3-12 data points for optimal readability.
+- Ensure consistent data structure across all objects.
+`,
+            control: false,
+            table: {
+                type: { summary: "Array<Record<string, string | number>>" },
+                defaultValue: { summary: "[]" },
+                category: "📊 Data Configuration",
+            },
+        },
+        categoryKey: {
+            description: "**Required.** The key in your data object that represents the category label (e.g., 'month', 'department').",
+            control: false,
+            table: {
+                type: { summary: "string" },
+                category: "📊 Data Configuration",
+            },
+        },
+        dataKey: {
+            description: "**Required.** The key in your data object that contains the numeric value for each slice (e.g., 'value', 'sales').",
+            control: false,
+            table: {
+                type: { summary: "string" },
+                category: "📊 Data Configuration",
+            },
+        },
+        theme: {
+            description: "The color palette for the chart. Provides a set of aesthetically pleasing colors.",
+            control: "select",
+            options: ["ocean", "orchid", "emerald", "sunset", "spectrum", "vivid"],
+            table: {
+                defaultValue: { summary: "ocean" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        customPalette: {
+            description: "An array of color strings to use as a custom palette for the chart. This overrides the `theme` prop.",
+            control: "object",
+            table: {
+                type: { summary: "string[]" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        appearance: {
+            description: "The overall shape of the chart: a full circle or a semicircle.",
+            control: "radio",
+            options: ["circular", "semiCircular"],
+            table: {
+                defaultValue: { summary: "circular" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        variant: {
+            description: "The style of the chart: a standard pie or a donut with a cutout center.",
+            control: "radio",
+            options: ["pie", "donut"],
+            table: {
+                defaultValue: { summary: "pie" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        format: {
+            description: "The format for displaying data values, either as raw numbers or as percentages.",
+            control: "radio",
+            options: ["percentage", "number"],
+            table: {
+                defaultValue: { summary: "number" },
+                category: "📱 Display Options",
+            },
+        },
+        legend: {
+            description: "Controls the visibility of the chart's legend.",
+            control: "boolean",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "true" },
+                category: "📱 Display Options",
+            },
+        },
+        legendVariant: {
+            description: "The layout of the legend: a horizontal list or a responsive vertical stack.",
+            control: "radio",
+            options: ["default", "stacked"],
+            table: {
+                defaultValue: { summary: "default" },
+                category: "📱 Display Options",
+            },
+        },
+        isAnimationActive: {
+            description: "Enables or disables the initial loading animation.",
+            control: "boolean",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "true" },
+                category: "🎬 Animation & Interaction",
+            },
+        },
+        cornerRadius: {
+            description: "The radius for rounding the corners of each pie slice.",
+            control: { type: "number", min: 0, max: 20 },
+            table: {
+                type: { summary: "number" },
+                defaultValue: { summary: "0" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        paddingAngle: {
+            description: "The spacing angle between each pie slice.",
+            control: { type: "number", min: 0, max: 10 },
+            table: {
+                type: { summary: "number" },
+                defaultValue: { summary: "0" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        height: {
+            description: "The height of the chart.",
+            control: "text",
+            table: {
+                type: { summary: "string | number" },
+                category: "📱 Display Options",
+            },
+        },
+        width: {
+            description: "The width of the chart.",
+            control: "text",
+            table: {
+                type: { summary: "string | number" },
+                category: "📱 Display Options",
+            },
+        },
+    },
+};
+export default meta;
+/**
+ * ## Interactive Playground
+ *
+ * This is a minimal story that renders just the PieChart component without any wrapper.
+ * Use the Controls panel to interactively test all available props and see how they
+ * affect the chart's appearance and behavior.
+ *
+ * **Perfect for:**
+ * - Testing different prop combinations
+ * - Exploring chart customization options
+ * - Understanding prop behaviors
+ */
+export const InteractivePlayground = {
+    name: "🎮 Interactive Playground",
+    args: {
+        data: monthlySalesData,
+        categoryKey: "month",
+        dataKey: "value",
+        theme: "ocean",
+        variant: "pie",
+        format: "number",
+        legend: true,
+        legendVariant: "default",
+        isAnimationActive: true,
+        appearance: "circular",
+        cornerRadius: 0,
+        paddingAngle: 0,
+        height: undefined,
+        width: undefined,
+    },
+    render: (args) => _jsx(PieChart, { ...args }),
+};
+/**
+ * ## Default Configuration
+ *
+ * This example showcases the PieChart with its standard settings, making it an
+ * ideal starting point for most data visualization needs.
+ *
+ * **Key Features Shown:**
+ * - Standard circular pie layout
+ * - Professional 'ocean' color theme
+ * - Responsive stacked legend for clarity
+ * - Smooth animations on load
+ */
+export const DefaultConfiguration = {
+    name: "📊 Default Configuration",
+    args: {
+        data: monthlySalesData,
+        categoryKey: "month",
+        dataKey: "value",
+        theme: "ocean",
+        variant: "pie",
+        format: "number",
+        legend: true,
+        legendVariant: "stacked",
+        isAnimationActive: true,
+        appearance: "circular",
+        cornerRadius: 0,
+        paddingAngle: 0,
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "400px", height: "fit-content", padding: "24px" }, children: [_jsx("h3", { style: { marginBottom: "20px", fontSize: "18px", fontWeight: 600 }, children: "Monthly Sales Performance" }), _jsx(PieChart, { ...args })] })),
+};
+/**
+ * ## Layout and Variant Options
+ *
+ * This story demonstrates the different layout (`appearance`) and style (`variant`)
+ * options available in the PieChart component.
+ *
+ * **Options Shown:**
+ * - **Pie vs. Donut**: See the difference between a full pie and one with a center cutout.
+ * - **Circular vs. Semicircle**: Compare the full 360° layout with the space-saving 180° version.
+ */
+export const LayoutAndVariantOptions = {
+    name: "🎨 Layout & Variant Options",
+    args: {
+        data: monthlySalesData.slice(0, 4),
+        categoryKey: "month",
+        dataKey: "value",
+        theme: "emerald",
+        legend: true,
+        legendVariant: "stacked",
+        isAnimationActive: false,
+        cornerRadius: 0,
+        paddingAngle: 0,
+    },
+    render: (args) => (_jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "40px", width: "800px" }, children: [_jsxs("div", { children: [_jsx("h4", { style: { textAlign: "center", marginBottom: "16px" }, children: "Pie - Circular" }), _jsx(Card, { style: { padding: "20px" }, children: _jsx(PieChart, { ...args, variant: "pie", appearance: "circular" }) })] }), _jsxs("div", { children: [_jsx("h4", { style: { textAlign: "center", marginBottom: "16px" }, children: "Donut - Circular" }), _jsx(Card, { style: { padding: "20px" }, children: _jsx(PieChart, { ...args, variant: "donut", appearance: "circular" }) })] }), _jsxs("div", { children: [_jsx("h4", { style: { textAlign: "center", marginBottom: "16px" }, children: "Pie - Semicircle" }), _jsx(Card, { style: { padding: "20px" }, children: _jsx(PieChart, { ...args, variant: "pie", appearance: "semiCircular" }) })] }), _jsxs("div", { children: [_jsx("h4", { style: { textAlign: "center", marginBottom: "16px" }, children: "Donut - Semicircle" }), _jsx(Card, { style: { padding: "20px" }, children: _jsx(PieChart, { ...args, variant: "donut", appearance: "semiCircular" }) })] })] })),
+};
+/**
+ * ## Custom Palette
+ *
+ * This example demonstrates how to use a custom color palette.
+ *
+ * **Feature Highlight:**
+ * - The `customPalette` prop allows you to define your own array of colors.
+ */
+export const CustomPalette = {
+    name: "🎨 Custom Palette",
+    args: {
+        data: monthlySalesData,
+        categoryKey: "month",
+        dataKey: "value",
+        variant: "donut",
+        legend: true,
+        legendVariant: "stacked",
+        cornerRadius: 4,
+        paddingAngle: 2,
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "650px", height: "auto", padding: "24px" }, children: [_jsx("h3", { style: { marginBottom: "20px", fontSize: "18px", fontWeight: 600 }, children: "Chart with Custom Palette" }), _jsx(PieChart, { ...args })] })),
+};
+/**
+ * ## Large Dataset with Carousel
+ *
+ * The PieChart's legend intelligently handles a large number of items by
+ * enabling a scrollable carousel with up/down navigation.
+ *
+ * **Feature Highlight:**
+ * - The legend's carousel appears automatically when items overflow the available space, ensuring all data points remain accessible without cluttering the UI.
+ */
+export const LargeDatasetWithCarousel = {
+    name: "📈 Large Dataset with Carousel",
+    args: {
+        data: comprehensiveData,
+        categoryKey: "category",
+        dataKey: "sales",
+        theme: "spectrum",
+        variant: "donut",
+        legend: true,
+        legendVariant: "stacked",
+        cornerRadius: 4,
+        paddingAngle: 1,
+    },
+    render: (args) => (_jsx(Card, { style: { width: "700px", padding: "24px" }, children: _jsx(PieChart, { ...args }) })),
+};
+export const ResponsiveDemo = {
+    name: "📱 Responsive Behavior Demo",
+    args: {
+        data: comprehensiveData,
+        categoryKey: "category",
+        dataKey: "sales",
+        theme: "spectrum",
+        variant: "circular",
+        format: "number",
+        legend: true,
+        legendVariant: "stacked",
+        isAnimationActive: false,
+        cornerRadius: 8,
+    },
+    render: (args) => {
+        const [dimensions, setDimensions] = useState({
+            width: 700,
+            height: "auto",
+        });
+        const handleMouseDown = (e, handle) => {
+            e.preventDefault();
+            e.stopPropagation();
+            const startX = e.clientX;
+            const startY = e.clientY;
+            const startWidth = dimensions.width;
+            const startHeight = e.currentTarget.parentElement.offsetHeight;
+            const doDrag = (e) => {
+                const dx = e.clientX - startX;
+                const dy = e.clientY - startY;
+                let newWidth = startWidth;
+                let newHeight = startHeight;
+                if (handle.includes("e"))
+                    newWidth = startWidth + dx;
+                if (handle.includes("w"))
+                    newWidth = startWidth - dx;
+                if (handle.includes("s"))
+                    newHeight = startHeight + dy;
+                if (handle.includes("n"))
+                    newHeight = startHeight - dy;
+                setDimensions({
+                    width: Math.max(300, newWidth),
+                    height: "auto",
+                });
+            };
+            const stopDrag = () => {
+                document.removeEventListener("mousemove", doDrag);
+                document.removeEventListener("mouseup", stopDrag);
+            };
+            document.addEventListener("mousemove", doDrag);
+            document.addEventListener("mouseup", stopDrag);
+        };
+        const handleStyle = {
+            position: "absolute",
+            background: "#3b82f6",
+            opacity: 0.6,
+            zIndex: 10,
+            transition: "opacity 0.2s ease",
+        };
+        return (_jsxs("div", { style: { padding: "20px" }, children: [_jsxs("div", { style: { marginBottom: "20px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "18px", fontWeight: "600" }, children: "Responsive Behavior Demonstration" }), _jsx("p", { style: { margin: "0 0 12px 0", color: "#666", fontSize: "14px" }, children: "Drag the edges or corners of the container below to see how the chart adapts" }), _jsxs("div", { style: {
+                                padding: "12px",
+                                backgroundColor: "#e3f2fd",
+                                borderRadius: "6px",
+                                fontSize: "12px",
+                                color: "#1565c0",
+                            }, children: [_jsx("strong", { children: "\uD83C\uDFAF Try This:" }), " Resize the container to see automatic legend layout changes, chart proportion adjustments, and responsive breakpoint behaviors."] })] }), _jsxs(Card, { style: {
+                        position: "relative",
+                        width: `${dimensions.width}px`,
+                        height: typeof dimensions.height === "number" ? `${dimensions.height}px` : dimensions.height,
+                        border: "2px dashed #9ca3af",
+                        padding: "20px",
+                        boxSizing: "border-box",
+                        overflow: "hidden",
+                        cursor: "default",
+                    }, children: [_jsx(PieChart, { ...args }), _jsx("div", { style: { ...handleStyle, top: -2, left: 0, right: 0, height: 12, cursor: "ns-resize" }, onMouseDown: (e) => handleMouseDown(e, "n") }), _jsx("div", { style: {
+                                ...handleStyle,
+                                bottom: -2,
+                                left: 0,
+                                right: 0,
+                                height: 12,
+                                cursor: "ns-resize",
+                            }, onMouseDown: (e) => handleMouseDown(e, "s") }), _jsx("div", { style: { ...handleStyle, top: 0, bottom: 0, left: -2, width: 12, cursor: "ew-resize" }, onMouseDown: (e) => handleMouseDown(e, "w") }), _jsx("div", { style: { ...handleStyle, top: 0, bottom: 0, right: -2, width: 12, cursor: "ew-resize" }, onMouseDown: (e) => handleMouseDown(e, "e") }), _jsx("div", { style: {
+                                ...handleStyle,
+                                top: -2,
+                                left: -2,
+                                width: 20,
+                                height: 20,
+                                cursor: "nwse-resize",
+                                borderRadius: "2px",
+                            }, onMouseDown: (e) => handleMouseDown(e, "nw") }), _jsx("div", { style: {
+                                ...handleStyle,
+                                top: -2,
+                                right: -2,
+                                width: 20,
+                                height: 20,
+                                cursor: "nesw-resize",
+                                borderRadius: "2px",
+                            }, onMouseDown: (e) => handleMouseDown(e, "ne") }), _jsx("div", { style: {
+                                ...handleStyle,
+                                bottom: -2,
+                                right: -2,
+                                width: 20,
+                                height: 20,
+                                cursor: "nwse-resize",
+                                borderRadius: "2px",
+                            }, onMouseDown: (e) => handleMouseDown(e, "se") }), _jsxs("div", { style: {
+                                position: "absolute",
+                                bottom: 8,
+                                right: 8,
+                                background: "rgba(0,0,0,0.8)",
+                                color: "white",
+                                padding: "4px 8px",
+                                borderRadius: "4px",
+                                fontSize: "11px",
+                                fontFamily: "monospace",
+                                fontWeight: "500",
+                            }, children: [dimensions.width, "px \u00D7", " ", typeof dimensions.height === "number" ? `${dimensions.height}px` : "auto"] })] }), _jsxs("div", { style: {
+                        marginTop: "16px",
+                        padding: "12px",
+                        backgroundColor: "#f8f9fa",
+                        borderRadius: "6px",
+                        fontSize: "12px",
+                        color: "#666",
+                    }, children: [_jsx("strong", { children: "\uD83D\uDCCA Responsive Features Demonstrated:" }), _jsxs("ul", { style: { margin: "8px 0 0 0", paddingLeft: "16px" }, children: [_jsx("li", { children: "Automatic chart scaling and proportion maintenance" }), _jsx("li", { children: "Legend layout adaptation (stacked \u2194 horizontal)" }), _jsx("li", { children: "Text size and spacing adjustments" }), _jsx("li", { children: "Optimal space utilization at any container size" })] })] })] }));
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: `
+**Responsive Design Philosophy:**
+
+**Automatic Adaptation:**
+- Chart dimensions automatically adjust to container size
+- Legend layout switches between horizontal and stacked based on available space
+- Text and spacing scale appropriately for readability
+
+**Breakpoint Behavior:**
+- **Large Containers (>600px)**: Side-by-side chart and legend layout
+- **Medium Containers (400-600px)**: Stacked layout with optimized proportions  
+- **Small Containers (<400px)**: Compact layout with essential elements only
+
+**Performance Optimizations:**
+- Efficient re-rendering during resize operations
+- Debounced resize calculations to prevent performance issues
+- Optimized SVG scaling for crisp display at any size
+
+**Implementation Notes:**
+- Uses ResizeObserver API for precise container size detection
+- Maintains aspect ratios while maximizing space utilization
+- Supports both fixed and flexible container sizing strategies
+        `,
+            },
+        },
+    },
+};
+//# sourceMappingURL=PieChart.stories.js.map

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

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

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

@@ -0,0 +1,2 @@
+export type PieChartData = Array<Record<string, string | number>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/PieChart/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC"}