@openuidev/react-ui 0.9.16

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

@@ -0,0 +1,320 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from "../../../Card";
+import { SingleStackedBar } from "../SingleStackedBarChart";
+const meta = {
+    title: "Components/Charts/SingleStackedBar",
+    component: SingleStackedBar,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: `
+// Note: While the component is named 'ProgressBar', it's presented here as a 'SingleStackedBar'
+// to emphasize its use for showing proportional data, much like a pie chart.
+## Installation and Basic Usage
+
+\`\`\`tsx
+import { SingleStackedBar } from '@openui-ui/react-ui/Charts/SingleStackedBar';
+
+// Basic implementation
+<SingleStackedBar
+  data={[
+    { category: 'A', value: 25 },
+    { category: 'B', value: 30 },
+    { category: 'C', value: 20 }
+  ]}
+  categoryKey="category"
+  dataKey="value"
+  theme="ocean"
+  legend={true}
+/>
+\`\`\`
+
+## Data Structure Requirements
+
+The data should be an array of objects with consistent property names. Use \`categoryKey\` to specify which property contains the segment labels, and \`dataKey\` to specify which property contains the numeric values.
+
+\`\`\`tsx
+// Example data structure
+const data = [
+  { category: 'Desktop', value: 45 },
+  { category: 'Mobile', value: 35 },
+  { category: 'Tablet', value: 20 }
+];
+
+// Component usage
+<SingleStackedBar
+  data={data}
+  categoryKey="category"
+  dataKey="value"
+/>
+\`\`\`
+
+## Key Features
+
+- **Segmented Display**: Visualize the composition of a whole.
+- **Theming**: Six built-in color palettes.
+- **Animation**: Smoothly animates the bar segments.
+- **Legend Support**: Optional legend with category names and colors.
+- **Responsive**: Adapts to the width of its container.
+`,
+            },
+        },
+    },
+    tags: ["dev", "autodocs"],
+    argTypes: {
+        data: {
+            description: `
+**Required.** An array of objects where each object contains category and value information.
+The component extracts values using the specified \`dataKey\` and calculates proportional widths.
+
+**Example:** \`[{ category: 'A', value: 20 }, { category: 'B', value: 30 }, { category: 'C', value: 15 }]\`
+`,
+            control: false,
+            table: {
+                type: { summary: "Array<Record<string, string | number>>" },
+                defaultValue: { summary: "[]" },
+                category: "📊 Data Configuration",
+            },
+        },
+        categoryKey: {
+            description: `
+**Required.** The property name in each data object that contains the segment labels/categories.
+This value will be displayed in tooltips and used for accessibility.
+
+**Example:** \`'category'\` or \`'name'\`
+`,
+            control: "text",
+            table: {
+                type: { summary: "string" },
+                category: "📊 Data Configuration",
+            },
+        },
+        dataKey: {
+            description: `
+**Required.** The property name in each data object that contains the numeric values.
+These values determine the proportional width of each segment.
+
+**Example:** \`'value'\` or \`'count'\` or \`'percentage'\`
+`,
+            control: "text",
+            table: {
+                type: { summary: "string" },
+                category: "📊 Data Configuration",
+            },
+        },
+        theme: {
+            description: `
+**Color Theme Selection.** Choose from professionally designed color palettes:
+
+- **ocean**: Cool blues and teals
+- **orchid**: Purple and pink tones
+- **emerald**: Green variations
+- **sunset**: Warm oranges and reds
+- **spectrum**: Full color range
+- **vivid**: High-contrast colors
+`,
+            control: "select",
+            options: ["ocean", "orchid", "emerald", "sunset", "spectrum", "vivid"],
+            table: {
+                defaultValue: { summary: "ocean" },
+                category: "🎨 Visual Styling",
+            },
+        },
+        animated: {
+            description: `
+**Animation Control.** Enables or disables the fill animation on load.
+`,
+            control: "boolean",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "true" },
+                category: "🎬 Animation & Interaction",
+            },
+        },
+        legend: {
+            description: `
+**Legend Display.** Shows or hides the legend below the single stacked bar chart.
+The legend displays category names with their corresponding colors.
+`,
+            control: "boolean",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "false" },
+                category: "📊 Data Configuration",
+            },
+        },
+        legendVariant: {
+            description: `
+**Legend Variant.** Choose between default (inline) and stacked (vertical) legend.
+Stacked legend appears at the bottom and shows values as percentages.
+`,
+            control: "radio",
+            options: ["default", "stacked"],
+            table: {
+                type: { summary: '"default" | "stacked"' },
+                defaultValue: { summary: "default" },
+                category: "📱 Display Options",
+            },
+        },
+    },
+};
+export default meta;
+const sampleData = {
+    default: [
+        { category: "A", value: 25 },
+        { category: "B", value: 30 },
+        { category: "C", value: 20 },
+    ],
+    many: [
+        { category: "Item 1", value: 10 },
+        { category: "Item 2", value: 8 },
+        { category: "Item 3", value: 12 },
+        { category: "Item 4", value: 5 },
+        { category: "Item 5", value: 15 },
+        { category: "Item 6", value: 7 },
+        { category: "Item 7", value: 13 },
+        { category: "Item 8", value: 10 },
+    ],
+    full: [
+        { category: "Q1", value: 25 },
+        { category: "Q2", value: 25 },
+        { category: "Q3", value: 25 },
+        { category: "Q4", value: 25 },
+    ],
+};
+export const DefaultConfiguration = {
+    name: "📊 Default Configuration",
+    args: {
+        data: sampleData.default,
+        categoryKey: "category",
+        dataKey: "value",
+        theme: "ocean",
+        animated: true,
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "400px", padding: "24px" }, children: [_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "16px", fontWeight: "600" }, children: "Category Breakdown" }), _jsx("p", { style: { margin: 0, color: "#666", fontSize: "14px" }, children: "Visualizing the breakdown of a dataset into its constituent parts." })] }), _jsx(SingleStackedBar, { ...args })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "This is the standard appearance of the Single Stacked Bar. It shows multiple segments, each with a color from the selected theme, representing the proportional breakdown of a whole.",
+            },
+        },
+    },
+};
+export const ThemeShowcase = {
+    name: "🎨 Theme Showcase",
+    args: {
+        data: [
+            { category: "Segment 1", value: 15 },
+            { category: "Segment 2", value: 20 },
+            { category: "Segment 3", value: 25 },
+            { category: "Segment 4", value: 15 },
+        ],
+        categoryKey: "category",
+        dataKey: "value",
+        animated: true,
+    },
+    render: (args) => (_jsx("div", { style: { width: "400px", display: "flex", flexDirection: "column", gap: "24px" }, children: ["ocean", "orchid", "emerald", "sunset", "spectrum", "vivid"].map((theme) => (_jsxs("div", { children: [_jsx("h4", { style: {
+                        marginBottom: "12px",
+                        textTransform: "capitalize",
+                        fontSize: "14px",
+                        fontWeight: 600,
+                    }, children: theme }), _jsx(SingleStackedBar, { ...args, theme: theme })] }, theme))) })),
+    parameters: {
+        docs: {
+            description: {
+                story: "The Single Stacked Bar supports six different color themes. This allows it to fit seamlessly into various application designs and visual identities.",
+            },
+        },
+    },
+};
+export const ManySegments = {
+    name: "🧩 Many Segments",
+    args: {
+        data: sampleData.many,
+        categoryKey: "category",
+        dataKey: "value",
+        theme: "vivid",
+        animated: true,
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "500px", padding: "24px" }, children: [_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "16px", fontWeight: "600" }, children: "Resource Distribution" }), _jsx("p", { style: { margin: 0, color: "#666", fontSize: "14px" }, children: "The component gracefully handles numerous small segments." })] }), _jsx(SingleStackedBar, { ...args })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "The Single Stacked Bar can display many segments. The colors will cycle through the selected theme palette if the number of segments exceeds the number of available colors.",
+            },
+        },
+    },
+};
+export const FullComposition = {
+    name: "✅ Full Composition",
+    args: {
+        data: sampleData.full,
+        categoryKey: "category",
+        dataKey: "value",
+        theme: "spectrum",
+        animated: false,
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "400px", padding: "24px" }, children: [_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "16px", fontWeight: "600" }, children: "Complete Data Set" }), _jsx("p", { style: { margin: 0, color: "#666", fontSize: "14px" }, children: "Displaying a bar where segments add up to 100%." })] }), _jsx(SingleStackedBar, { ...args })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "This example shows a bar where the segments add up to 100%. The segments collectively fill the entire width of the container, representing the full composition of the data.",
+            },
+        },
+    },
+};
+export const WithLegend = {
+    name: "📊 With Legend",
+    args: {
+        data: sampleData.default,
+        categoryKey: "category",
+        dataKey: "value",
+        theme: "ocean",
+        animated: true,
+        legend: true,
+        legendVariant: "default",
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "500px", padding: "24px" }, children: [_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "16px", fontWeight: "600" }, children: "Category Breakdown with Legend" }), _jsx("p", { style: { margin: 0, color: "#666", fontSize: "14px" }, children: "Visualizing the breakdown with a legend that shows category names and colors. The legend automatically expands when there are many items." })] }), _jsx(SingleStackedBar, { ...args })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "This example demonstrates the SingleStackedBar with legend enabled. The legend displays below the chart and shows the category names with their corresponding colors. For larger datasets, the legend will show a 'Show More' button to expand and see all items.",
+            },
+        },
+    },
+};
+export const LegendWithManyItems = {
+    name: "🧩 Legend with Many Items",
+    args: {
+        data: sampleData.many,
+        categoryKey: "category",
+        dataKey: "value",
+        theme: "vivid",
+        animated: true,
+        legend: true,
+        legendVariant: "default",
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "600px", padding: "24px" }, children: [_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "16px", fontWeight: "600" }, children: "Resource Distribution with Legend" }), _jsx("p", { style: { margin: 0, color: "#666", fontSize: "14px" }, children: "The component handles many segments gracefully with the legend showing category names and values. The legend automatically manages overflow with expand/collapse functionality." })] }), _jsx(SingleStackedBar, { ...args })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "This example shows how the SingleStackedBar handles many segments with legend enabled. The legend automatically shows a 'Show More' button when items don't fit in the available space, providing a clean way to manage large datasets.",
+            },
+        },
+    },
+};
+export const StackedLegendVariant = {
+    name: "📚 Stacked Legend (Bottom)",
+    args: {
+        data: sampleData.many,
+        categoryKey: "category",
+        dataKey: "value",
+        theme: "ocean",
+        animated: true,
+        legend: true,
+        legendVariant: "stacked",
+    },
+    render: (args) => (_jsxs(Card, { style: { width: "650px", padding: "24px" }, children: [_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: "16px", fontWeight: "600" }, children: "Stacked Legend at Bottom" }), _jsx("p", { style: { margin: 0, color: "#666", fontSize: "14px" }, children: "Displays a vertical legend beneath the bar with percentage values and overflow handling." })] }), _jsx(SingleStackedBar, { ...args })] })),
+};
+//# sourceMappingURL=SingleStackedBarChart.stories.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/components/Charts/charts.css

@@ -0,0 +1 @@
+.openui-bar-chart-container-inner{display:flex;width:100%}.openui-bar-chart-y-axis-container{flex-shrink:0}.openui-bar-chart-main-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-bar-chart-main-container::-webkit-scrollbar{display:none}.openui-bar-chart-condensed-container{display:flex;flex-direction:column}.openui-bar-chart-condensed-container-inner{display:flex;width:100%}.openui-bar-chart-condensed-y-axis-container{flex-shrink:0}.openui-bar-chart-condensed{width:100%;height:100%}.openui-bar-chart-condensed-x-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));text-align:center}.openui-bar-chart-condensed-y-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding-bottom:var(--openui-space-s, 8px)}.openui-horizontal-bar-chart-container{position:relative;width:100%;height:auto;display:flex;flex-direction:column}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner{position:relative;display:flex;flex-direction:column;width:100%;flex:1;min-width:0}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-x-axis-container{flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding-top:var(--openui-space-2xs, 4px)}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner-wrapper{width:100%;display:flex;flex-direction:row;width:100%;overflow:hidden}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container::-webkit-scrollbar{display:none}.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-category-label{display:flex;align-items:center;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-left:var(--openui-space-m, 12px);box-sizing:border-box}.openui-area-chart-container-inner{display:flex;width:100%}.openui-area-chart-y-axis-container{flex-shrink:0}.openui-area-chart-main-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-area-chart-main-container::-webkit-scrollbar{display:none}.openui-area-chart-condensed-container{display:flex;flex-direction:column}.openui-area-chart-condensed-container-inner{display:flex;width:100%}.openui-area-chart-condensed-y-axis-container{flex-shrink:0}.openui-area-chart-condensed{width:100%;height:100%}.openui-area-chart-condensed-x-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));text-align:center}.openui-area-chart-condensed-y-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding-bottom:var(--openui-space-s, 8px)}.openui-line-chart-container-inner{display:flex;width:100%}.openui-line-chart-y-axis-container{flex-shrink:0}.openui-line-chart-main-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.openui-line-chart-main-container::-webkit-scrollbar{display:none}.openui-line-chart-condensed-container{display:flex;flex-direction:column}.openui-line-chart-condensed-container-inner{display:flex;width:100%}.openui-line-chart-condensed-y-axis-container{flex-shrink:0}.openui-line-chart-condensed{width:100%;height:100%}.openui-line-chart-condensed-x-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));text-align:center}.openui-line-chart-condensed-y-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));padding-bottom:var(--openui-space-s, 8px)}.openui-scatter-chart-container{position:relative;width:100%;height:auto;display:flex;flex-direction:column}.openui-scatter-chart-container-inner{position:relative;display:flex;width:100%;flex:1 1 auto;min-width:0}.openui-scatter-chart-x-axis-container{position:absolute;bottom:0;left:0;flex-shrink:0;width:100%}.openui-scatter-chart-y-axis-container{flex-shrink:0}.openui-scatter-chart-main-and-x-axis-container{display:flex;flex-direction:column;width:100%}.openui-scatter-chart-main-container{width:100%;overflow:hidden;margin-bottom:45px}.openui-scatter-chart-legend-container{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-radar-chart-container-wrapper{display:flex;position:relative;gap:20px}.openui-radar-chart-container-wrapper.layout-column{flex-direction:column;align-items:center}.openui-radar-chart-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.layout-column .openui-radar-chart-container{flex:1;min-height:0}.openui-radar-chart-container-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.openui-radar-chart .recharts-polar-grid-concentric-polygon{stroke-width:1;stroke:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-radar-chart .recharts-polar-grid-angle line{stroke:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-chart-polar-angle-axis-label{pointer-events:none;font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap}.openui-single-stacked-bar-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.openui-single-stacked-bar-chart-container-gap{gap:var(--openui-space-m, 12px)}.openui-single-stacked-bar-chart{width:100%;height:20px;font-family:inherit;background-color:var(--openui-background, oklch(97% 0 89.876deg));border-radius:var(--openui-radius-s, 6px);overflow:hidden;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));display:flex;padding:var(--openui-space-2xs, 4px);gap:var(--openui-space-3xs, 2px)}.openui-single-stacked-bar-chart-segment{height:100%;display:flex;align-items:center;justify-content:center;min-width:2px;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));position:relative;overflow:hidden;transition:box-shadow .2s ease,filter .2s ease,opacity .2s ease}.openui-single-stacked-bar-chart-segment:first-child{border-radius:var(--openui-radius-xs, 4px) 0 0 var(--openui-radius-xs, 4px)}.openui-single-stacked-bar-chart-segment:last-child{border-radius:0 var(--openui-radius-xs, 4px) var(--openui-radius-xs, 4px) 0}.openui-single-stacked-bar-chart-segment-line{position:absolute;transform:translateY(-50%);background-color:var(--openui-border-accent-emphasis, oklch(9.7% 0 0deg / 0.3));top:50%;left:5px;width:calc(100% - 10px);height:1px;z-index:1;min-width:2px}.openui-single-stacked-bar-chart-animated{transition:width .6s cubic-bezier(0.4, 0, 0.2, 1)}.openui-single-stacked-bar-chart-stacked-legend{margin-top:var(--openui-space-s, 8px)}.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}.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}.openui-chart-x-axis-tick-multi-line{margin:0;padding:0;font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-width:0}.openui-chart-x-axis-tick-single-line{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.openui-chart-svg-x-axis-tick{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-svg-x-axis-tick-angled{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-legend-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--openui-space-s, 8px)}.openui-chart-legend-axis-label-container{display:flex;align-items:center;justify-content:center;gap:var(--openui-space-m, 12px);flex-wrap:wrap}.openui-chart-legend-axis-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-legend-axis-label-text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend{display:flex;align-items:center;justify-content:center;gap:var(--openui-space-m, 12px);text-transform:capitalize;flex-wrap:wrap}.openui-chart-legend--bottom{padding-top:var(--openui-space-m, 12px)}.openui-chart-legend--collapsed{flex-wrap:nowrap;overflow:hidden}.openui-chart-legend--expanded{flex-wrap:wrap}.openui-chart-legend-item{display:flex;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-chart-legend-item svg{height:10px;width:10px;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend-item-indicator{height:10px;width:10px;flex-shrink:0;border-radius:var(--openui-radius-2xs, 2px);background-color:var(--color-bg)}.openui-chart-legend-item-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend-toggle-button{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding-left:var(--openui-space-2xs, 4px);padding-right:var(--openui-space-3xs, 2px)}.openui-chart-legend-toggle-button-icon{width:1em;height:1em;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-legend-item-label-container{display:flex;align-items:center;gap:var(--openui-space-2xs, 4px)}.openui-chart-legend-item-percentage{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-stacked-legend-container{position:relative;display:flex;flex-direction:column;align-items:center;height:100%}.openui-stacked-legend-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:0 var(--openui-space-xs, 6px) var(--openui-space-xs, 6px) var(--openui-space-l, 18px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-stacked-legend-header-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-stacked-legend-scroll-button{z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.openui-stacked-legend-scroll-button.openui-stacked-legend-scroll-up{top:2px}.openui-stacked-legend-scroll-button.openui-stacked-legend-scroll-down{bottom:2px}.openui-stacked-legend{width:100%;display:flex;flex-direction:column;min-width:200px;overflow-y:scroll;height:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.openui-stacked-legend::-webkit-scrollbar{display:none}.openui-stacked-legend__item{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;border-radius:var(--openui-radius-m, 8px);transition:all .2s ease-in-out;cursor:pointer;height:32px}.openui-stacked-legend__item:hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-stacked-legend__item--active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-stacked-legend__item-label{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.openui-stacked-legend__item-label-text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.openui-stacked-legend__item-color-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;height:36px;width:32px;flex-shrink:0}.openui-stacked-legend__item-color{width:10px;height:10px;border-radius:2px;transition:all .2s ease-in-out}.openui-stacked-legend__item:hover .openui-stacked-legend__item-color{transform:scale(1.2)}.openui-stacked-legend__item--active .openui-stacked-legend__item-color{transform:scale(1.3)}.openui-stacked-legend__item-label-text{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));transition:color .2s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.openui-stacked-legend__item-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));transition:all .2s ease-in-out;flex-shrink:0}.openui-stacked-legend-show-more-button{width:100%;justify-content:center;margin-top:var(--openui-space-2xs, 4px)}.openui-stacked-legend-show-less-button{width:100%;justify-content:center;margin-top:var(--openui-space-2xs, 4px)}.openui-stacked-legend-separator{margin:var(--openui-space-2xs, 4px) 0}.openui-stacked-legend-header-title{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-y-axis-tick{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-chart-horizontal-scroll-buttons-container{position:relative}.openui-chart-horizontal-scroll-button{position:absolute;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-chart-horizontal-scroll-button:hover{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-chart-horizontal-scroll-button--left{top:-23px;transform:translateY(-50%);left:20px}.openui-chart-horizontal-scroll-button--right{top:-23px;transform:translateY(-50%);right:0px}.openui-chart-horizontal-scroll-button--disabled{visibility:hidden;cursor:not-allowed;transition:visibility .1s linear}.openui-chart-horizontal-scroll-button--SideBarTooltip{top:-23px;transform:translateY(-50%);right:185px}.openui-chart-vertical-scroll-buttons-container{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:calc(100% - 44px);flex-shrink:0;padding-left:var(--openui-space-2xs, 4px)}.openui-chart-vertical-scroll-button{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));pointer-events:auto}.openui-chart-vertical-scroll-button:hover{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-chart-vertical-scroll-button--disabled{visibility:hidden;cursor:not-allowed;transition:visibility .1s linear}.openui-chart-vertical-scroll-button--SideBarTooltip{margin-right:190px}.openui-chart-label-tooltip{z-index:1000;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);max-width:200px;word-wrap:break-word;animation-duration:.15s;animation-timing-function:ease-out;will-change:transform,opacity}.openui-chart-label-tooltip[data-state=delayed-open],.openui-chart-label-tooltip[data-state=instant-open]{animation-name:tooltipSlideUpAndFade}.openui-chart-label-tooltip[data-side=top]{animation-name:tooltipSlideDownAndFade}.openui-chart-label-tooltip[data-side=bottom]{animation-name:tooltipSlideUpAndFade}.openui-chart-label-tooltip[data-side=left]{animation-name:tooltipSlideRightAndFade}.openui-chart-label-tooltip[data-side=right]{animation-name:tooltipSlideLeftAndFade}.openui-chart-label-tooltip-arrow{fill:var(--openui-foreground, oklch(99.4% 0 89.876deg));stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));stroke-width:1px}@keyframes tooltipSlideUpAndFade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipSlideDownAndFade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipSlideRightAndFade{from{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes tooltipSlideLeftAndFade{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.openui-portal-tooltip{pointer-events:none;z-index:1000;position:absolute}.openui-chart-tooltip{display:grid;align-items:start;min-width:128px;max-width:240px;gap:var(--openui-space-xs, 6px);padding:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);border-radius:var(--openui-radius-l, 10px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));text-transform:capitalize}.openui-chart-tooltip-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-label-heavy{font:var(--openui-text-label-xs-heavy);letter-spacing:var(--openui-text-label-xs-heavy-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-content{display:grid;align-items:start;min-width:128px;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));text-transform:capitalize}.openui-chart-tooltip-content-item{display:flex;width:100%;flex-wrap:wrap;gap:var(--openui-space-xs, 6px);align-items:flex-start}.openui-chart-tooltip-content-item--dot{align-items:center}.openui-chart-tooltip-content-item svg{height:10px;width:10px;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-chart-tooltip-content-indicator{flex-shrink:0;border-radius:var(--openui-radius-2xs, 2px)}.openui-chart-tooltip-content-indicator--dot{height:10px;width:10px;background-color:var(--color-bg);border-color:var(--color-border)}.openui-chart-tooltip-content-indicator--line{width:4px;background-color:var(--color-bg);border-color:var(--color-border)}.openui-chart-tooltip-content-indicator--dashed{width:0;border:1.5px dashed var(--color-border);background-color:rgba(0,0,0,0)}.openui-chart-tooltip-content-indicator--nested-dashed{margin:var(--openui-space-3xs, 2px) 0}.openui-chart-tooltip-content-indicator--two-items{margin-top:2px}.openui-chart-tooltip-content-value-wrapper{display:flex;flex:1;gap:var(--openui-space-s, 8px);justify-content:space-between;line-height:1}.openui-chart-tooltip-content-value-wrapper--nested{align-items:flex-end}.openui-chart-tooltip-content-value-wrapper--standard{align-items:center}.openui-chart-tooltip-content-value-wrapper--vertical{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--openui-space-2xs, 4px)}.openui-chart-tooltip-content-label{display:grid;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing)}.openui-chart-tooltip-content-label span{display:block;overflow-wrap:break-word;word-break:break-word}.openui-chart-tooltip-content-value{font-variant-numeric:tabular-nums;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-chart-tooltip-content-value--percentage{padding-left:var(--openui-space-s, 8px)}.openui-chart-tooltip-content-item-separator{width:100%;height:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));margin:0}.openui-chart-tooltip-content-item:last-child .openui-chart-tooltip-content-item-separator{display:none}.openui-chart-tooltip-content-view-more{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow-wrap:break-word;word-break:break-word}.openui-chart-side-bar-tooltip{display:flex;flex-direction:column;min-width:180px;max-width:180px;overflow:hidden;padding:var(--openui-space-xs, 6px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-s, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-side-bar-tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.openui-chart-side-bar-tooltip-close-button{flex-shrink:0}.openui-chart-side-bar-tooltip-title{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing)}.openui-chart-side-bar-tooltip-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;scrollbar-width:thin;scrollbar-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06)) rgba(0,0,0,0)}.openui-chart-side-bar-tooltip-content:focus{outline:none}.openui-chart-side-bar-tooltip-content:focus-visible{outline:none}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar{width:2px;margin-right:2px}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:0;margin-right:2px}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb{background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:1px;width:1.5px;border:.25px solid rgba(0,0,0,0);background-clip:content-box}.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb:hover{background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-side-bar-tooltip-content-item{display:flex;justify-content:space-between;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-chart-side-bar-tooltip-content-item-label{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));flex:1;min-width:0}.openui-chart-side-bar-tooltip-content-item-value{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);flex-shrink:0;text-align:right}.openui-chart-side-bar-tooltip-content-item-color{width:10px;height:10px;border-radius:var(--openui-radius-2xs, 2px)}.openui-chart-side-bar-tooltip-content-item-separator{width:100%;margin:var(--openui-space-xs, 6px) 0;height:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-container{display:flex;aspect-ratio:1/1;justify-content:center;font-size:12px;line-height:16px}.openui-chart-container .recharts-radial-bar-background-sector{fill:var(--openui-background, oklch(97% 0 89.876deg))}.openui-chart-container .recharts-cartesian-grid line[stroke="#ccc"],.openui-chart-container .recharts-curve.recharts-tooltip-cursor,.openui-chart-container .recharts-polar-grid[stroke="#ccc"],.openui-chart-container .recharts-reference-line[stroke="#ccc"]{stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-container .recharts-dot[stroke="#fff"],.openui-chart-container .recharts-sector[stroke="#fff"]{stroke:rgba(0,0,0,0)}.openui-chart-container .recharts-layer,.openui-chart-container .recharts-sector,.openui-chart-container .recharts-surface{outline:none}.openui-chart-cartesian-grid{stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-polar-grid{stroke:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-chart-label-list{fill:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}

package/dist/components/Charts/constants/CondensedCharts.d.ts

@@ -0,0 +1,4 @@
+export declare const X_AXIS_PADDING = 20;
+export declare const MIN_ROTATION_ANGLE = 0;
+export declare const DEFAULT_X_AXIS_HEIGHT = 30;
+//# sourceMappingURL=CondensedCharts.d.ts.map

package/dist/components/Charts/constants/CondensedCharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CondensedCharts.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/constants/CondensedCharts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,qBAAqB,KAAK,CAAC"}

package/dist/components/Charts/constants/CondensedCharts.js

@@ -0,0 +1,4 @@
+export const X_AXIS_PADDING = 20;
+export const MIN_ROTATION_ANGLE = 0;
+export const DEFAULT_X_AXIS_HEIGHT = 30;
+//# sourceMappingURL=CondensedCharts.js.map

package/dist/components/Charts/constants/CondensedCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CondensedCharts.js","sourceRoot":"","sources":["../../../../src/components/Charts/constants/CondensedCharts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from "./CondensedCharts";
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Charts/context/SideBarTooltipContext.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+export interface SideBarChartData {
+    title: string;
+    values: {
+        value: number;
+        label: string;
+        color: string;
+    }[];
+}
+interface SideBarTooltipContextType {
+    data: SideBarChartData | undefined;
+    isSideBarTooltipOpen: boolean;
+    setData: (data: SideBarChartData) => void;
+    setIsSideBarTooltipOpen: (isOpen: boolean) => void;
+}
+declare const SideBarTooltipContext: React.Context<SideBarTooltipContextType | undefined>;
+interface SideBarTooltipProviderProps {
+    children: ReactNode;
+    isSideBarTooltipOpen: boolean;
+    setIsSideBarTooltipOpen: (isOpen: boolean) => void;
+    data: SideBarChartData | undefined;
+    setData: (data: SideBarChartData) => void;
+}
+export declare const SideBarTooltipProvider: React.FC<SideBarTooltipProviderProps>;
+export declare const useSideBarTooltip: () => SideBarTooltipContextType;
+export default SideBarTooltipContext;
+//# sourceMappingURL=SideBarTooltipContext.d.ts.map

package/dist/components/Charts/context/SideBarTooltipContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTooltipContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/context/SideBarTooltipContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACnC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC1C,uBAAuB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,qBAAqB,sDAAkE,CAAC;AAE9F,UAAU,2BAA2B;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,uBAAuB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACnC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAexE,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAO,yBAMpC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/Charts/context/SideBarTooltipContext.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const SideBarTooltipContext = createContext(undefined);
+export const SideBarTooltipProvider = ({ children, isSideBarTooltipOpen, setIsSideBarTooltipOpen, data, setData, }) => {
+    const value = {
+        data,
+        isSideBarTooltipOpen,
+        setData,
+        setIsSideBarTooltipOpen,
+    };
+    return _jsx(SideBarTooltipContext.Provider, { value: value, children: children });
+};
+export const useSideBarTooltip = () => {
+    const context = useContext(SideBarTooltipContext);
+    if (context === undefined) {
+        throw new Error("useSideBarTooltip must be used within a SideBarTooltipProvider");
+    }
+    return context;
+};
+export default SideBarTooltipContext;
+//# sourceMappingURL=SideBarTooltipContext.js.map

package/dist/components/Charts/context/SideBarTooltipContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTooltipContext.js","sourceRoot":"","sources":["../../../../src/components/Charts/context/SideBarTooltipContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAkBpE,MAAM,qBAAqB,GAAG,aAAa,CAAwC,SAAS,CAAC,CAAC;AAU9F,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,QAAQ,EACR,oBAAoB,EACpB,uBAAuB,EACvB,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAA8B;QACvC,IAAI;QACJ,oBAAoB;QACpB,OAAO;QACP,uBAAuB;KACxB,CAAC;IAEF,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAkC,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAA8B,EAAE;IAC/D,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAClD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;IACpF,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAA2B,CAAC;AAC9C,eAAe,YAAY,CAAC"}

package/dist/components/Charts/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["Charts", "IconButton"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Charts/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAC9C,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+export * from "./useAutoAngleCalculation";
+export * from "./useCanvasContextForLabelSize";
+export * from "./useExportChartData";
+export * from "./useMaxLabelHeight";
+export * from "./useMaxLabelWidth";
+export * from "./useTransformKey";
+export * from "./useYAxisLabelWidth";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,8 @@
+export * from "./useAutoAngleCalculation";
+export * from "./useCanvasContextForLabelSize";
+export * from "./useExportChartData";
+export * from "./useMaxLabelHeight";
+export * from "./useMaxLabelWidth";
+export * from "./useTransformKey";
+export * from "./useYAxisLabelWidth";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}

package/dist/components/Charts/hooks/useAutoAngleCalculation.d.ts

@@ -0,0 +1,23 @@
+interface AngleCalculationResult {
+    angle: number;
+    height: number;
+}
+/**
+ * Calculates the optimal rotation angle and height for X-axis labels using trigonometry.
+ *
+ * This hook uses the Pythagorean theorem to determine the optimal angle for rotating
+ * labels based on the maximum label width and available horizontal space.
+ *
+ * Mathematical approach:
+ * - Hypotenuse = maxLabelWidth (the label length)
+ * - Base = X_AXIS_PADDING (available horizontal space from left edge to first label)
+ * - Height = sqrt(hypotenuse² - base²)
+ * - Angle = atan(height / base) converted to degrees
+ *
+ * @param maxLabelWidth - The maximum width of all labels in pixels
+ * @param enabled - Whether to calculate the angle (typically based on tickVariant)
+ * @returns Object containing the calculated angle (in degrees) and required height
+ */
+export declare const useAutoAngleCalculation: (maxLabelWidth: number, enabled: boolean, widthOfData?: number) => AngleCalculationResult;
+export {};
+//# sourceMappingURL=useAutoAngleCalculation.d.ts.map

package/dist/components/Charts/hooks/useAutoAngleCalculation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoAngleCalculation.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useAutoAngleCalculation.ts"],"names":[],"mappings":"AAGA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB,GAClC,eAAe,MAAM,EACrB,SAAS,OAAO,EAChB,cAAc,MAAM,KACnB,sBAsDF,CAAC"}