@openuidev/react-ui 0.9.16

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

@@ -0,0 +1,63 @@
+import { useMemo } from "react";
+import { DEFAULT_X_AXIS_HEIGHT, MIN_ROTATION_ANGLE, X_AXIS_PADDING } from "../constants";
+/**
+ * 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 const useAutoAngleCalculation = (maxLabelWidth, enabled, widthOfData) => {
+    return useMemo(() => {
+        // If not enabled, return default values for horizontal labels
+        if (!enabled) {
+            return {
+                angle: 0,
+                height: DEFAULT_X_AXIS_HEIGHT,
+            };
+        }
+        // Calculate the base (horizontal distance from left edge to first label anchor)
+        // Use widthOfData if provided (space per data point), otherwise fall back to padding
+        const base = widthOfData ?? X_AXIS_PADDING;
+        // The hypotenuse is the maximum label width
+        const hypotenuse = maxLabelWidth;
+        // Edge case: if base is greater than or equal to hypotenuse,
+        // labels would fit horizontally, but we always apply rotation per requirement
+        if (base >= hypotenuse) {
+            // Apply minimum rotation angle
+            const angleRadians = (MIN_ROTATION_ANGLE * Math.PI) / 180;
+            const height = Math.ceil(hypotenuse * Math.sin(angleRadians));
+            return {
+                angle: -MIN_ROTATION_ANGLE, // Negative for counter-clockwise rotation
+                height: Math.max(height, DEFAULT_X_AXIS_HEIGHT), // Ensure minimum height
+            };
+        }
+        // Calculate height using Pythagorean theorem: height = sqrt(hypotenuse² - base²)
+        const heightSquared = hypotenuse * hypotenuse - base * base;
+        const height = Math.sqrt(Math.max(0, heightSquared)); // Ensure non-negative
+        // Calculate angle using arctangent: angle = atan(height / base)
+        const angleRadians = Math.atan(height / base);
+        // Convert radians to degrees
+        const angleDegrees = (angleRadians * 180) / Math.PI;
+        // Apply minimum rotation angle if calculated angle is too small
+        const finalAngle = Math.max(angleDegrees, MIN_ROTATION_ANGLE);
+        // Recalculate height if we used minimum angle
+        const finalHeight = finalAngle > angleDegrees
+            ? Math.ceil(hypotenuse * Math.sin((finalAngle * Math.PI) / 180))
+            : Math.ceil(height);
+        return {
+            angle: -finalAngle, // Negative for counter-clockwise rotation
+            height: Math.max(finalHeight + 16, DEFAULT_X_AXIS_HEIGHT), // Ensure minimum height
+        };
+    }, [maxLabelWidth, enabled, widthOfData]);
+};
+//# sourceMappingURL=useAutoAngleCalculation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoAngleCalculation.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useAutoAngleCalculation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAOzF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,aAAqB,EACrB,OAAgB,EAChB,WAAoB,EACI,EAAE;IAC1B,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,8DAA8D;QAC9D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;gBACL,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,qBAAqB;aAC9B,CAAC;QACJ,CAAC;QAED,gFAAgF;QAChF,qFAAqF;QACrF,MAAM,IAAI,GAAG,WAAW,IAAI,cAAc,CAAC;QAE3C,4CAA4C;QAC5C,MAAM,UAAU,GAAG,aAAa,CAAC;QAEjC,6DAA6D;QAC7D,8EAA8E;QAC9E,IAAI,IAAI,IAAI,UAAU,EAAE,CAAC;YACvB,+BAA+B;YAC/B,MAAM,YAAY,GAAG,CAAC,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;YAC1D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC;YAE9D,OAAO;gBACL,KAAK,EAAE,CAAC,kBAAkB,EAAE,0CAA0C;gBACtE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,EAAE,wBAAwB;aAC1E,CAAC;QACJ,CAAC;QAED,iFAAiF;QACjF,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;QAC5D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,sBAAsB;QAE5E,gEAAgE;QAChE,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;QAE9C,6BAA6B;QAC7B,MAAM,YAAY,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;QAEpD,gEAAgE;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;QAE9D,8CAA8C;QAC9C,MAAM,WAAW,GACf,UAAU,GAAG,YAAY;YACvB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;YAChE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAExB,OAAO;YACL,KAAK,EAAE,CAAC,UAAU,EAAE,0CAA0C;YAC9D,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,EAAE,EAAE,qBAAqB,CAAC,EAAE,wBAAwB;SACpF,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+/**
+ * Creates a canvas 2D rendering context and sets its font style.
+ *
+ * This hook initializes a canvas element in memory, gets its 2D context,
+ * and then applies a font style based on the theme. It includes a fallback
+ * to a default font if the theme property is not available.
+ *
+ * @returns The canvas 2D context with the font style applied, or `null` if the
+ *
+ */
+export declare const useCanvasContextForLabelSize: () => CanvasRenderingContext2D;
+//# sourceMappingURL=useCanvasContextForLabelSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasContextForLabelSize.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useCanvasContextForLabelSize.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,eAAO,MAAM,4BAA4B,gCAYxC,CAAC"}

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

@@ -0,0 +1,24 @@
+import { useMemo } from "react";
+import { useTheme } from "../../ThemeProvider";
+/**
+ * Creates a canvas 2D rendering context and sets its font style.
+ *
+ * This hook initializes a canvas element in memory, gets its 2D context,
+ * and then applies a font style based on the theme. It includes a fallback
+ * to a default font if the theme property is not available.
+ *
+ * @returns The canvas 2D context with the font style applied, or `null` if the
+ *
+ */
+export const useCanvasContextForLabelSize = () => {
+    const { theme: userTheme } = useTheme();
+    return useMemo(() => {
+        const canvas = document.createElement("canvas");
+        const context = canvas.getContext("2d");
+        // Should match the chart's actual font for accuracy.
+        const font = userTheme.textLabelXs ?? "400 10px/12px Inter";
+        context.font = font;
+        return context;
+    }, [userTheme.textLabelXs]);
+};
+//# sourceMappingURL=useCanvasContextForLabelSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasContextForLabelSize.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useCanvasContextForLabelSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C;;;;;;;;;GASG;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;IAExC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC;QAEzC,qDAAqD;QACrD,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,IAAI,qBAAqB,CAAC;QAC5D,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACpB,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;AAC9B,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ExportChartData } from "../Charts";
+export interface UseExportChartDataProps {
+    type: ExportChartData["type"];
+    data: any[];
+    categoryKey?: string;
+    dataKeys?: string[];
+    colors: string[];
+    legend?: boolean;
+    xAxisLabel?: React.ReactNode;
+    yAxisLabel?: React.ReactNode;
+    extraOptions?: Omit<NonNullable<ExportChartData["options"]>, "chartColors" | "showLegend" | "catAxisTitle" | "valAxisTitle">;
+    customDataTransform?: () => ExportChartData["data"];
+}
+export declare const useExportChartData: ({ type, data, categoryKey, dataKeys, colors, legend, xAxisLabel, yAxisLabel, extraOptions, customDataTransform, }: UseExportChartDataProps) => string | undefined;
+//# sourceMappingURL=useExportChartData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExportChartData.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useExportChartData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,IAAI,CACjB,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,EACvC,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,CAC/D,CAAC;IAEF,mBAAmB,CAAC,EAAE,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,kBAAkB,GAAI,mHAWhC,uBAAuB,KAAG,MAAM,GAAG,SA4CrC,CAAC"}

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

@@ -0,0 +1,44 @@
+import { useMemo } from "react";
+import { usePrintContext } from "../../../context/PrintContext";
+export const useExportChartData = ({ type, data, categoryKey, dataKeys, colors, legend, xAxisLabel, yAxisLabel, extraOptions, customDataTransform, }) => {
+    const printContext = usePrintContext();
+    return useMemo(() => {
+        if (!printContext) {
+            return undefined;
+        }
+        const chartData = customDataTransform
+            ? customDataTransform()
+            : (dataKeys || []).map((key) => ({
+                name: key,
+                labels: data.map((item) => (categoryKey ? String(item[categoryKey]) : "")),
+                values: data.map((item) => Number(item[key])),
+            }));
+        const exportData = {
+            type,
+            data: chartData,
+            options: {
+                chartColors: colors,
+                showLegend: legend,
+                catAxisTitle: typeof xAxisLabel === "string" ? xAxisLabel : undefined,
+                showCatAxisTitle: typeof xAxisLabel === "string",
+                valAxisTitle: typeof yAxisLabel === "string" ? yAxisLabel : undefined,
+                showValAxisTitle: typeof yAxisLabel === "string",
+                ...extraOptions,
+            },
+        };
+        return JSON.stringify(exportData);
+    }, [
+        type,
+        data,
+        dataKeys,
+        categoryKey,
+        colors,
+        legend,
+        xAxisLabel,
+        yAxisLabel,
+        extraOptions,
+        customDataTransform,
+        printContext,
+    ]);
+};
+//# sourceMappingURL=useExportChartData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExportChartData.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useExportChartData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAoBhE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,YAAY,EACZ,mBAAmB,GACK,EAAsB,EAAE;IAChD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,SAAS,GAAG,mBAAmB;YACnC,CAAC,CAAC,mBAAmB,EAAE;YACvB,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBAC7B,IAAI,EAAE,GAAG;gBACT,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC1E,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;aAC9C,CAAC,CAAC,CAAC;QAER,MAAM,UAAU,GAAoB;YAClC,IAAI;YACJ,IAAI,EAAE,SAAS;YACf,OAAO,EAAE;gBACP,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;gBACrE,gBAAgB,EAAE,OAAO,UAAU,KAAK,QAAQ;gBAChD,YAAY,EAAE,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;gBACrE,gBAAgB,EAAE,OAAO,UAAU,KAAK,QAAQ;gBAChD,GAAG,YAAY;aAChB;SACF,CAAC;QAEF,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,EAAE;QACD,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,WAAW;QACX,MAAM;QACN,MAAM;QACN,UAAU;QACV,UAAU;QACV,YAAY;QACZ,mBAAmB;QACnB,YAAY;KACb,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { XAxisTickVariant } from "../types";
+export declare const useMaxLabelHeight: (data: Record<string, string | number>[], categoryKey: string, tickVariant: XAxisTickVariant, widthOfGroup?: number) => number;
+/**
+ * Hook to calculate the maximum label height for horizontal bar charts.
+ * This considers the vertical layout and label width constraints specific to horizontal bars.
+ * @param data - The chart data
+ * @param categoryKey - The category key
+ * @param labelWidth - The available width for labels (full chart width for horizontal bars)
+ * @returns The calculated label height
+ */
+export declare const useHorizontalBarLabelHeight: (data: Record<string, string | number>[], categoryKey: string, labelWidth: number) => number;
+//# sourceMappingURL=useMaxLabelHeight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMaxLabelHeight.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useMaxLabelHeight.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,eAAO,MAAM,iBAAiB,GAC5B,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,EACvC,aAAa,MAAM,EACnB,aAAa,gBAAgB,EAC7B,qBAAiB,WAsDlB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,GACtC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,EACvC,aAAa,MAAM,EACnB,YAAY,MAAM,WAmDnB,CAAC"}

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

@@ -0,0 +1,95 @@
+import { useMemo } from "react";
+import { useTheme } from "../../ThemeProvider";
+const DEFAULT_HEIGHT = 30;
+export const useMaxLabelHeight = (data, categoryKey, tickVariant, widthOfGroup = 70) => {
+    const { theme: userTheme } = useTheme();
+    const maxLabelHeight = useMemo(() => {
+        if (typeof window === "undefined" || !data || data.length === 0) {
+            return DEFAULT_HEIGHT;
+        }
+        const largestLabel = data.reduce((max, item) => {
+            const label = String(item[categoryKey]);
+            if (max.length < label.length) {
+                return label;
+            }
+            return max;
+        }, "");
+        const [div1, div2, div3] = [
+            document.createElement("div"),
+            document.createElement("div"),
+            document.createElement("div"),
+        ];
+        div1.style.font = userTheme.textLabelXs ?? "";
+        div1.style.letterSpacing = userTheme.textLabelXsLetterSpacing ?? "";
+        div1.style.opacity = "0";
+        div1.style.pointerEvents = "none";
+        div2.innerText = largestLabel;
+        div3.innerText = "a";
+        div1.append(div2, div3);
+        div1.style.width = `${widthOfGroup}px`;
+        div1.style.maxWidth = `${widthOfGroup}px`;
+        div1.style.wordBreak = "break-word";
+        div1.style.position = "absolute";
+        div1.style.visibility = "hidden";
+        document.body.append(div1);
+        const largestLabelHeight = Math.min(div2.getBoundingClientRect().height, div3.getBoundingClientRect().height * 3);
+        div1.remove();
+        return largestLabelHeight;
+    }, [data, categoryKey, tickVariant, widthOfGroup]);
+    if (tickVariant === "multiLine") {
+        return Math.max(maxLabelHeight + 13, DEFAULT_HEIGHT);
+    }
+    else {
+        return DEFAULT_HEIGHT;
+    }
+};
+/**
+ * Hook to calculate the maximum label height for horizontal bar charts.
+ * This considers the vertical layout and label width constraints specific to horizontal bars.
+ * @param data - The chart data
+ * @param categoryKey - The category key
+ * @param labelWidth - The available width for labels (full chart width for horizontal bars)
+ * @returns The calculated label height
+ */
+export const useHorizontalBarLabelHeight = (data, categoryKey, labelWidth) => {
+    const { theme: userTheme } = useTheme();
+    const labelHeight = useMemo(() => {
+        if (typeof window === "undefined" || !data || data.length === 0) {
+            return 20; // Default height for horizontal bar labels
+        }
+        const largestLabel = data.reduce((max, item) => {
+            const label = String(item[categoryKey]);
+            if (max.length < label.length) {
+                return label;
+            }
+            return max;
+        }, "");
+        const [div1, div2] = [document.createElement("div"), document.createElement("div")];
+        // Apply the same typography as the horizontal bar chart labels
+        div1.style.font = userTheme.textLabelXs ?? "";
+        div1.style.letterSpacing = userTheme.textLabelXsLetterSpacing ?? "";
+        div1.style.opacity = "0";
+        div1.style.pointerEvents = "none";
+        div1.style.position = "absolute";
+        div1.style.visibility = "hidden";
+        div2.innerText = largestLabel;
+        div1.append(div2);
+        // For horizontal bar charts, labels span the full width
+        // Set width constraint for horizontal bar labels
+        div1.style.width = `${labelWidth}px`;
+        div1.style.maxWidth = `${labelWidth}px`;
+        div1.style.overflow = "hidden";
+        div1.style.whiteSpace = "nowrap";
+        div1.style.textOverflow = "ellipsis";
+        div1.style.display = "flex";
+        div1.style.alignItems = "center";
+        document.body.append(div1);
+        const calculatedHeight = div2.getBoundingClientRect().height;
+        div1.remove();
+        // Add some padding for better visual spacing
+        // For horizontal bars, we need more space since labels are positioned above bars
+        return Math.max(calculatedHeight + 8, 24);
+    }, [data, categoryKey, labelWidth, userTheme.textLabelXs, userTheme.textLabelXsLetterSpacing]);
+    return labelHeight;
+};
+//# sourceMappingURL=useMaxLabelHeight.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * Calculates the maximum width of all labels in the chart data.
+ *
+ * This hook measures the pixel width of each category label and returns
+ * the maximum width found. It uses a canvas context to accurately measure
+ * text dimensions based on the current theme's font settings.
+ *
+ * @param data - The chart data array
+ * @param categoryKey - The key in the data object that contains the label text
+ * @returns The maximum label width in pixels
+ */
+export declare const useMaxLabelWidth: <T extends Record<string, any>>(data: T[], categoryKey: keyof T) => number;
+//# sourceMappingURL=useMaxLabelWidth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMaxLabelWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useMaxLabelWidth.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,MAAM,CAAC,EAAE,EACT,aAAa,MAAM,CAAC,KACnB,MAsBF,CAAC"}

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

@@ -0,0 +1,32 @@
+import { useMemo } from "react";
+import { useCanvasContextForLabelSize } from "./useCanvasContextForLabelSize";
+/**
+ * Calculates the maximum width of all labels in the chart data.
+ *
+ * This hook measures the pixel width of each category label and returns
+ * the maximum width found. It uses a canvas context to accurately measure
+ * text dimensions based on the current theme's font settings.
+ *
+ * @param data - The chart data array
+ * @param categoryKey - The key in the data object that contains the label text
+ * @returns The maximum label width in pixels
+ */
+export const useMaxLabelWidth = (data, categoryKey) => {
+    const context = useCanvasContextForLabelSize();
+    return useMemo(() => {
+        if (!data || data.length === 0) {
+            return 0;
+        }
+        let maxWidth = 0;
+        for (const item of data) {
+            const labelValue = String(item[categoryKey] ?? "");
+            const metrics = context.measureText(labelValue);
+            const width = metrics.width;
+            if (width > maxWidth) {
+                maxWidth = width;
+            }
+        }
+        return maxWidth;
+    }, [data, categoryKey, context]);
+};
+//# sourceMappingURL=useMaxLabelWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMaxLabelWidth.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useMaxLabelWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,IAAS,EACT,WAAoB,EACZ,EAAE;IACV,MAAM,OAAO,GAAG,4BAA4B,EAAE,CAAC;IAE/C,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,CAAC;QACX,CAAC;QAED,IAAI,QAAQ,GAAG,CAAC,CAAC;QAEjB,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;YACxB,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;YACnD,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAChD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;YAE5B,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;gBACrB,QAAQ,GAAG,KAAK,CAAC;YACnB,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AACnC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const useTransformedKeys: (keys: string[]) => Record<string, string>;
+//# sourceMappingURL=useTransformKey.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransformKey.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useTransformKey.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,EAAE,2BAiBhD,CAAC"}

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

@@ -0,0 +1,16 @@
+import { useMemo, useRef } from "react";
+export const useTransformedKeys = (keys) => {
+    // Use a ref to maintain a stable cache of key -> UUID mappings
+    const cacheRef = useRef({});
+    return useMemo(() => {
+        return keys.reduce((acc, key) => {
+            // Only generate a new UUID if we don't already have one for this key
+            if (!cacheRef.current[key]) {
+                cacheRef.current[key] = crypto.randomUUID();
+            }
+            acc[key] = cacheRef.current[key];
+            return acc;
+        }, {});
+    }, [keys]);
+};
+//# sourceMappingURL=useTransformKey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransformKey.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useTransformKey.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAc,EAAE,EAAE;IACnD,+DAA+D;IAC/D,MAAM,QAAQ,GAAG,MAAM,CAAyB,EAAE,CAAC,CAAC;IAEpD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,IAAI,CAAC,MAAM,CAChB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACX,qEAAqE;YACrE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3B,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;YAC9C,CAAC;YACD,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACjC,OAAO,GAAG,CAAC;QACb,CAAC,EACD,EAA4B,CAC7B,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { AreaChartData } from "../AreaChart";
+import { BarChartData } from "../BarChart";
+import { LineChartData } from "../LineChart";
+import { ScatterPoint } from "../ScatterChart/types";
+export declare const useYAxisLabelWidth: (data: AreaChartData | LineChartData | BarChartData | ScatterPoint[], dataKeys: string[]) => {
+    yAxisWidth: number;
+    setLabelWidth: (displayValue: string) => void;
+};
+//# sourceMappingURL=useYAxisLabelWidth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useYAxisLabelWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useYAxisLabelWidth.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASrD,eAAO,MAAM,kBAAkB,GAC7B,MAAM,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,EAAE,EACnE,UAAU,MAAM,EAAE;;kCA0CD,MAAM;CAQxB,CAAC"}

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

@@ -0,0 +1,44 @@
+import { useCallback, useMemo, useRef, useState } from "react";
+import { numberTickFormatter } from "../utils";
+import { useCanvasContextForLabelSize } from "./useCanvasContextForLabelSize";
+const DEFAULT_Y_AXIS_WIDTH = 40;
+const MIN_Y_AXIS_WIDTH = 20;
+const MAX_Y_AXIS_WIDTH = 200;
+const LABEL_PADDING = 10;
+export const useYAxisLabelWidth = (data, dataKeys) => {
+    const context = useCanvasContextForLabelSize();
+    const [maxLabelWidthReceived, setMaxLabelWidthReceived] = useState(0);
+    const maxLabelWidth = useMemo(() => {
+        if (typeof window === "undefined" || !data || data.length === 0 || !dataKeys.length) {
+            return DEFAULT_Y_AXIS_WIDTH;
+        }
+        if (!context) {
+            return DEFAULT_Y_AXIS_WIDTH;
+        }
+        let maxWidth = 0;
+        // Measure all possible Y-axis values
+        dataKeys.forEach((key) => {
+            // Get all unique values for this data key we basically want to get the max width of the values
+            const values = [
+                ...new Set(data.map((item) => item[key]).filter((v) => v != null && typeof v === "number")),
+            ];
+            values.forEach((value) => {
+                const displayValue = numberTickFormatter(value);
+                const textWidth = context.measureText(displayValue).width;
+                maxWidth = Math.max(maxWidth, textWidth);
+            });
+        });
+        // Add padding for better visual appearance
+        const totalWidth = Math.ceil(maxWidth) + LABEL_PADDING; // 5px padding on each side
+        // Clamp the width between MIN and MAX values
+        return Math.max(MIN_Y_AXIS_WIDTH, Math.min(MAX_Y_AXIS_WIDTH, totalWidth));
+    }, [data, dataKeys, context]);
+    const maxLabelWidthRef = useRef(maxLabelWidth);
+    maxLabelWidthRef.current = maxLabelWidthReceived || maxLabelWidth;
+    const setLabelWidth = useCallback((displayValue) => {
+        const textWidth = context.measureText(displayValue).width + LABEL_PADDING;
+        setMaxLabelWidthReceived((currentWidth) => Math.max(currentWidth, textWidth));
+    }, [context]);
+    return { yAxisWidth: maxLabelWidthRef.current, setLabelWidth };
+};
+//# sourceMappingURL=useYAxisLabelWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useYAxisLabelWidth.js","sourceRoot":"","sources":["../../../../src/components/Charts/hooks/useYAxisLabelWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,aAAa,GAAG,EAAE,CAAC;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,IAAmE,EACnE,QAAkB,EAClB,EAAE;IACF,MAAM,OAAO,GAAG,4BAA4B,EAAE,CAAC;IAC/C,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpF,OAAO,oBAAoB,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,oBAAoB,CAAC;QAC9B,CAAC;QAED,IAAI,QAAQ,GAAG,CAAC,CAAC;QAEjB,qCAAqC;QACrC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvB,+FAA+F;YAC/F,MAAM,MAAM,GAAG;gBACb,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC;aAC5F,CAAC;YAEF,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACvB,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAChD,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;gBAE1D,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,2CAA2C;QAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,CAAC,2BAA2B;QAEnF,6CAA6C;QAC7C,OAAO,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC/C,gBAAgB,CAAC,OAAO,GAAG,qBAAqB,IAAI,aAAa,CAAC;IAElE,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,YAAoB,EAAE,EAAE;QACvB,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC;QAC1E,wBAAwB,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAChF,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;AACjE,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+export { AreaChart as ScrollableAreaChart } from "./AreaChart";
+export * from "./AreaChartCondensed";
+export { AreaChartCondensed as AreaChart } from "./AreaChartCondensed";
+export { BarChart as ScrollableBarChart } from "./BarChart";
+export * from "./BarChartCondensed";
+export { BarChartCondensed as BarChart } from "./BarChartCondensed";
+export * from "./HorizontalBarChart";
+export { LineChart as ScrollableLineChart } from "./LineChart";
+export * from "./LineChartCondensed";
+export { LineChartCondensed as LineChart } from "./LineChartCondensed";
+export * from "./MiniAreaChart";
+export * from "./MiniBarChart";
+export * from "./MiniLineChart";
+export * from "./PieChart";
+export * from "./RadarChart";
+export * from "./RadialChart";
+export * from "./ScatterChart";
+export * from "./SingleStackedBarChart";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC5D,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpE,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvE,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/dist/components/Charts/index.js

@@ -0,0 +1,19 @@
+export { AreaChart as ScrollableAreaChart } from "./AreaChart";
+export * from "./AreaChartCondensed";
+export { AreaChartCondensed as AreaChart } from "./AreaChartCondensed";
+export { BarChart as ScrollableBarChart } from "./BarChart";
+export * from "./BarChartCondensed";
+export { BarChartCondensed as BarChart } from "./BarChartCondensed";
+export * from "./HorizontalBarChart";
+export { LineChart as ScrollableLineChart } from "./LineChart";
+export * from "./LineChartCondensed";
+export { LineChartCondensed as LineChart } from "./LineChartCondensed";
+export * from "./MiniAreaChart";
+export * from "./MiniBarChart";
+export * from "./MiniLineChart";
+export * from "./PieChart";
+export * from "./RadarChart";
+export * from "./RadialChart";
+export * from "./ScatterChart";
+export * from "./SingleStackedBarChart";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC5D,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpE,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvE,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/dist/components/Charts/shared/ActiveDot/ActiveDot.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ActiveDotProps {
+    cx?: number;
+    cy?: number;
+    payload?: any;
+    value?: any;
+    fill?: string;
+    stroke?: string;
+}
+export declare const ActiveDot: React.FC<ActiveDotProps>;
+//# sourceMappingURL=ActiveDot.d.ts.map

package/dist/components/Charts/shared/ActiveDot/ActiveDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveDot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/ActiveDot/ActiveDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2C9C,CAAC"}

package/dist/components/Charts/shared/ActiveDot/ActiveDot.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from "react";
+export const ActiveDot = (props) => {
+    const { cx, cy, fill, stroke } = props;
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        if (ref.current) {
+            const parent = ref.current.parentElement?.parentElement;
+            const dotGroup = document.createElementNS("http://www.w3.org/2000/svg", "g");
+            const circle1 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+            circle1.setAttribute("cx", String(cx));
+            circle1.setAttribute("cy", String(cy));
+            circle1.setAttribute("r", "4");
+            circle1.setAttribute("fill", "var(--openui-foreground)");
+            circle1.setAttribute("stroke", "var(--openui-foreground)");
+            circle1.setAttribute("stroke-width", "1");
+            const circle2 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+            circle2.setAttribute("cx", String(cx));
+            circle2.setAttribute("cy", String(cy));
+            circle2.setAttribute("r", "2");
+            circle2.setAttribute("fill", fill || "var(--color-bg)");
+            circle2.setAttribute("stroke", stroke || "transparent");
+            circle2.setAttribute("stroke-width", "0");
+            dotGroup.appendChild(circle1);
+            dotGroup.appendChild(circle2);
+            if (parent) {
+                parent.appendChild(dotGroup);
+            }
+            return () => {
+                dotGroup.remove();
+            };
+        }
+        return undefined;
+    });
+    if (cx === undefined || cy === undefined || cx === null || cy === null) {
+        return null;
+    }
+    return _jsx("g", { ref: ref });
+};
+//# sourceMappingURL=ActiveDot.js.map

package/dist/components/Charts/shared/ActiveDot/ActiveDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveDot.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/ActiveDot/ActiveDot.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAWvD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC;YACxD,MAAM,QAAQ,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;YAE7E,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;YACjF,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;YACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;YACvC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC/B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC;YACzD,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;YAC3D,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;YAE1C,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;YACjF,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;YACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;YACvC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAC/B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,IAAI,iBAAiB,CAAC,CAAC;YACxD,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,IAAI,aAAa,CAAC,CAAC;YACxD,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;YAE1C,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC9B,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC;YAED,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,CAAC,CAAC;QACJ,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,IAAI,EAAE,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;QACvE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,YAAG,GAAG,EAAE,GAAG,GAAM,CAAC;AAC3B,CAAC,CAAC"}

package/dist/components/Charts/shared/CartesianGrid/cartesianGrid.d.ts

@@ -0,0 +1,7 @@
+export declare const cartesianGrid: () => import("react/jsx-runtime").JSX.Element;
+export declare const verticalCartesianGrid: () => import("react/jsx-runtime").JSX.Element;
+export declare const gridCartesianGrid: (props: {
+    vertical?: boolean;
+    horizontal?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cartesianGrid.d.ts.map

package/dist/components/Charts/shared/CartesianGrid/cartesianGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/CartesianGrid/cartesianGrid.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,+CAA+C,CAAC;AAE1E,eAAO,MAAM,qBAAqB,+CAAiD,CAAC;AAEpF,eAAO,MAAM,iBAAiB,GAAI,OAAO;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,4CAapF,CAAC"}

package/dist/components/Charts/shared/CartesianGrid/cartesianGrid.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CartesianGrid } from "recharts";
+export const cartesianGrid = () => gridCartesianGrid({ vertical: false });
+export const verticalCartesianGrid = () => gridCartesianGrid({ horizontal: false });
+export const gridCartesianGrid = (props) => (_jsx(CartesianGrid, { vertical: props.vertical ?? true, horizontal: props.horizontal ?? true, fillOpacity: 1, strokeOpacity: 1, strokeWidth: 1, strokeDasharray: "0", strokeLinecap: "round", strokeLinejoin: "round", stroke: "currentColor", className: "openui-chart-cartesian-grid" }));
+//# sourceMappingURL=cartesianGrid.js.map

package/dist/components/Charts/shared/CartesianGrid/cartesianGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianGrid.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/CartesianGrid/cartesianGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AAEpF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAmD,EAAE,EAAE,CAAC,CACxF,KAAC,aAAa,IACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,EAChC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,IAAI,EACpC,WAAW,EAAE,CAAC,EACd,aAAa,EAAE,CAAC,EAChB,WAAW,EAAE,CAAC,EACd,eAAe,EAAC,GAAG,EACnB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,6BAA6B,GACvC,CACH,CAAC"}

package/dist/components/Charts/shared/DefaultLegend/DefaultLegend.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { type LegendItem } from "../../types";
+interface DefaultLegendProps {
+    items: LegendItem[];
+    className?: string;
+    yAxisLabel?: React.ReactNode;
+    xAxisLabel?: React.ReactNode;
+    containerWidth?: number;
+    isExpanded: boolean;
+    setIsExpanded: (isExpanded: boolean) => void;
+    style?: React.CSSProperties;
+}
+declare const DefaultLegend: React.NamedExoticComponent<DefaultLegendProps & React.RefAttributes<HTMLDivElement>>;
+export { DefaultLegend };
+export type { DefaultLegendProps };
+//# sourceMappingURL=DefaultLegend.d.ts.map