@openuidev/react-ui 0.9.16

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+import { numberTickFormatter } from "../../utils";
+const SVGXAxisTick = React.forwardRef((props, ref) => {
+    const { x, y, payload, className, angle = 0, textAnchor = "middle", tickFormatter, dy = 16, } = props;
+    if (x === undefined || y === undefined) {
+        return null;
+    }
+    const raw = payload?.value;
+    // Auto-detect: Use custom formatter, or format numbers automatically, or stringify
+    const displayValue = tickFormatter
+        ? tickFormatter(raw)
+        : typeof raw === "number"
+            ? numberTickFormatter(raw)
+            : String(raw ?? "");
+    const transform = angle !== 0 ? `rotate(${angle}, ${x}, ${y})` : undefined;
+    return (_jsx("text", { ref: ref, className: clsx("openui-chart-svg-x-axis-tick", angle !== 0 && "openui-chart-svg-x-axis-tick-angled", className), x: x, y: y, dy: dy, textAnchor: textAnchor, transform: transform, children: displayValue }));
+});
+SVGXAxisTick.displayName = "SVGXAxisTick";
+export { SVGXAxisTick };
+//# sourceMappingURL=SVGXAxisTick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVGXAxisTick.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/SVGXAxisTick/SVGXAxisTick.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAiBlD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,CAAC,EACD,CAAC,EACD,OAAO,EACP,SAAS,EACT,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,QAAQ,EACrB,aAAa,EACb,EAAE,GAAG,EAAE,GACR,GAAG,KAAK,CAAC;IAEV,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,GAAG,GAAG,OAAO,EAAE,KAAK,CAAC;IAC3B,mFAAmF;IACnF,MAAM,YAAY,GAAG,aAAa;QAChC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC;QACpB,CAAC,CAAC,OAAO,GAAG,KAAK,QAAQ;YACvB,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC;YAC1B,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,8BAA8B,EAC9B,KAAK,KAAK,CAAC,IAAI,qCAAqC,EACpD,SAAS,CACV,EACD,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,YAAY,GACR,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export { SVGXAxisTick } from "./SVGXAxisTick";
+export type { SVGXAxisTickProps, SVGXAxisTickVariant } from "./SVGXAxisTick";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/SVGXAxisTick/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Charts/shared/SVGXAxisTick/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/SVGXAxisTick/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Charts/shared/SVGXAxisTick/svgXAxisTick.css

@@ -0,0 +1 @@
+.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))}

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

@@ -0,0 +1,13 @@
+import React from "react";
+interface ScrollButtonsHorizontalProps {
+    dataWidth: number;
+    effectiveWidth: number;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    isSideBarTooltipOpen: boolean;
+    onScrollLeft: () => void;
+    onScrollRight: () => void;
+}
+export declare const ScrollButtonsHorizontal: React.MemoExoticComponent<({ dataWidth, effectiveWidth, canScrollLeft, canScrollRight, isSideBarTooltipOpen, onScrollLeft, onScrollRight, }: ScrollButtonsHorizontalProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};
+//# sourceMappingURL=ScrollButtonsHorizontal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollButtonsHorizontal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/ScrollButtonsHorizontal/ScrollButtonsHorizontal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,4BAA4B;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,+IAS/B,4BAA4B,oDAsChC,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import React from "react";
+import { IconButton } from "../../../IconButton";
+export const ScrollButtonsHorizontal = React.memo(({ dataWidth, effectiveWidth, canScrollLeft, canScrollRight, isSideBarTooltipOpen, onScrollLeft, onScrollRight, }) => {
+    if (dataWidth <= effectiveWidth) {
+        return null;
+    }
+    return (_jsxs("div", { className: "openui-chart-horizontal-scroll-buttons-container", children: [_jsx(IconButton, { className: clsx("openui-chart-horizontal-scroll-button openui-chart-horizontal-scroll-button--left", {
+                    "openui-chart-horizontal-scroll-button--disabled": !canScrollLeft,
+                }), icon: _jsx(ChevronLeft, {}), variant: "secondary", onClick: onScrollLeft, size: "2-extra-small", disabled: !canScrollLeft }), _jsx(IconButton, { className: clsx("openui-chart-horizontal-scroll-button openui-chart-horizontal-scroll-button--right", {
+                    "openui-chart-horizontal-scroll-button--disabled": !canScrollRight,
+                    "openui-chart-horizontal-scroll-button--SideBarTooltip": isSideBarTooltipOpen,
+                }), icon: _jsx(ChevronRight, {}), variant: "secondary", size: "2-extra-small", onClick: onScrollRight, disabled: !canScrollRight })] }));
+});
+ScrollButtonsHorizontal.displayName = "ScrollButtonsHorizontal";
+//# sourceMappingURL=ScrollButtonsHorizontal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollButtonsHorizontal.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/ScrollButtonsHorizontal/ScrollButtonsHorizontal.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAYjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CAC/C,CAAC,EACC,SAAS,EACT,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,aAAa,GACgB,EAAE,EAAE;IACjC,IAAI,SAAS,IAAI,cAAc,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,kDAAkD,aAC/D,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,CACb,mFAAmF,EACnF;oBACE,iDAAiD,EAAE,CAAC,aAAa;iBAClE,CACF,EACD,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,eAAe,EACpB,QAAQ,EAAE,CAAC,aAAa,GACxB,EAEF,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,CACb,oFAAoF,EACpF;oBACE,iDAAiD,EAAE,CAAC,cAAc;oBAClE,uDAAuD,EAAE,oBAAoB;iBAC9E,CACF,EACD,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,cAAc,GACzB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

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

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

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

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

package/dist/components/Charts/shared/ScrollButtonsHorizontal/index.js

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

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

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

package/dist/components/Charts/shared/ScrollButtonsHorizontal/scrollButtonsHorizontal.css

@@ -0,0 +1 @@
+.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}

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

@@ -0,0 +1,13 @@
+import React from "react";
+interface ScrollButtonsVerticalProps {
+    dataHeight: number;
+    effectiveHeight: number;
+    canScrollUp: boolean;
+    canScrollDown: boolean;
+    isSideBarTooltipOpen: boolean;
+    onScrollUp: () => void;
+    onScrollDown: () => void;
+}
+export declare const ScrollButtonsVertical: React.MemoExoticComponent<({ dataHeight, effectiveHeight, canScrollUp, canScrollDown, isSideBarTooltipOpen, onScrollUp, onScrollDown, }: ScrollButtonsVerticalProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};
+//# sourceMappingURL=ScrollButtonsVertical.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollButtonsVertical.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/ScrollButtonsVertical/ScrollButtonsVertical.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,qBAAqB,2IAS7B,0BAA0B,oDAsC9B,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import React from "react";
+import { IconButton } from "../../../IconButton";
+export const ScrollButtonsVertical = React.memo(({ dataHeight, effectiveHeight, canScrollUp, canScrollDown, isSideBarTooltipOpen, onScrollUp, onScrollDown, }) => {
+    if (dataHeight <= effectiveHeight) {
+        return null;
+    }
+    return (_jsxs("div", { className: "openui-chart-vertical-scroll-buttons-container", children: [_jsx(IconButton, { className: clsx("openui-chart-vertical-scroll-button openui-chart-vertical-scroll-button--up", {
+                    "openui-chart-vertical-scroll-button--disabled": !canScrollUp,
+                }), icon: _jsx(ChevronUp, {}), variant: "secondary", onClick: onScrollUp, size: "extra-small", disabled: !canScrollUp }), _jsx(IconButton, { className: clsx("openui-chart-vertical-scroll-button openui-chart-vertical-scroll-button--down", {
+                    "openui-chart-vertical-scroll-button--disabled": !canScrollDown,
+                    "openui-chart-vertical-scroll-button--SideBarTooltip": isSideBarTooltipOpen,
+                }), icon: _jsx(ChevronDown, {}), variant: "secondary", size: "extra-small", onClick: onScrollDown, disabled: !canScrollDown })] }));
+});
+ScrollButtonsVertical.displayName = "ScrollButtonsVertical";
+//# sourceMappingURL=ScrollButtonsVertical.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollButtonsVertical.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/ScrollButtonsVertical/ScrollButtonsVertical.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAYjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAC7C,CAAC,EACC,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,UAAU,EACV,YAAY,GACe,EAAE,EAAE;IAC/B,IAAI,UAAU,IAAI,eAAe,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,CACb,6EAA6E,EAC7E;oBACE,+CAA+C,EAAE,CAAC,WAAW;iBAC9D,CACF,EACD,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,CAAC,WAAW,GACtB,EAEF,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,CACb,+EAA+E,EAC/E;oBACE,+CAA+C,EAAE,CAAC,aAAa;oBAC/D,qDAAqD,EAAE,oBAAoB;iBAC5E,CACF,EACD,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,aAAa,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

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

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

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

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

package/dist/components/Charts/shared/ScrollButtonsVertical/index.js

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

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

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

package/dist/components/Charts/shared/ScrollButtonsVertical/scrollButtonsVertical.css

@@ -0,0 +1 @@
+.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}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface SideBarTooltipProps {
+    height: number;
+}
+declare const SideBarTooltip: React.MemoExoticComponent<({ height }: SideBarTooltipProps) => import("react/jsx-runtime").JSX.Element | null>;
+export { SideBarTooltip };
+//# sourceMappingURL=SideBarTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/SideBarTooltip/SideBarTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD,QAAA,MAAM,cAAc,yCAA2B,mBAAmB,oDA2DhE,CAAC;AAIH,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import React, { useCallback, useMemo } from "react";
+import { IconButton } from "../../../IconButton";
+import { useSideBarTooltip } from "../../context/SideBarTooltipContext";
+import { tooltipNumberFormatter } from "../PortalTooltip/utils";
+// Utility function for capitalizing strings
+const capitalizeString = (str) => {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+};
+const SideBarTooltip = React.memo(({ height }) => {
+    const { setIsSideBarTooltipOpen, data } = useSideBarTooltip();
+    // if no data, close the tooltip
+    if (!data) {
+        setIsSideBarTooltipOpen(false);
+        return null;
+    }
+    const handleClose = useCallback(() => {
+        setIsSideBarTooltipOpen(false);
+    }, [setIsSideBarTooltipOpen]);
+    const processedValues = useMemo(() => {
+        return data.values?.map((value, index) => ({
+            ...value,
+            capitalizedLabel: capitalizeString(value.label),
+            isLast: index === data.values.length - 1,
+        }));
+    }, [data.values]);
+    const title = data.title;
+    return (_jsxs("div", { className: "openui-chart-side-bar-tooltip", style: { height: `${height}px` }, children: [_jsxs("div", { className: "openui-chart-side-bar-tooltip-header", children: [_jsx("div", { className: "openui-chart-side-bar-tooltip-title", children: title }), _jsx(IconButton, { icon: _jsx(X, {}), size: "extra-small", onClick: handleClose, variant: "secondary", className: "openui-chart-side-bar-tooltip-close-button" })] }), _jsx("div", { className: "openui-chart-side-bar-tooltip-content-item-separator" }), _jsx("div", { className: "openui-chart-side-bar-tooltip-content", autoFocus: true, children: processedValues?.map((value, index) => (_jsxs("div", { children: [_jsxs("div", { className: "openui-chart-side-bar-tooltip-content-item", children: [_jsx("div", { className: "openui-chart-side-bar-tooltip-content-item-color", style: { backgroundColor: value.color } }), _jsx("div", { className: "openui-chart-side-bar-tooltip-content-item-label", children: value.capitalizedLabel }), _jsx("div", { className: "openui-chart-side-bar-tooltip-content-item-value", children: tooltipNumberFormatter(value.value) })] }), !value.isLast && (_jsx("div", { className: "openui-chart-side-bar-tooltip-content-item-separator" }))] }, index))) })] }));
+});
+SideBarTooltip.displayName = "SideBarTooltip";
+export { SideBarTooltip };
+//# sourceMappingURL=SideBarTooltip.js.map

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

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

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

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

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

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

package/dist/components/Charts/shared/SideBarTooltip/index.js

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

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

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

package/dist/components/Charts/shared/SideBarTooltip/sideBarTooltip.css

@@ -0,0 +1 @@
+.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))}

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { StackedLegendItem } from "../../types";
+export type StackedLegendLayout = "auto" | "showMore" | "scrollable";
+interface StackedLegendProps {
+    items: StackedLegendItem[];
+    onItemHover?: (key: string | null) => void;
+    activeKey?: string | null;
+    onLegendItemHover?: (index: number | null) => void;
+    containerWidth?: number;
+    title?: string;
+    separator?: boolean;
+    showTitle?: boolean;
+    layout?: StackedLegendLayout;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const StackedLegend: ({ items, onItemHover, activeKey, onLegendItemHover, containerWidth, separator, showTitle, layout, className, style, }: StackedLegendProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StackedLegend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedLegend.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/StackedLegend/StackedLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAYD,eAAO,MAAM,aAAa,GAAI,uHAW3B,kBAAkB,4CAmLpB,CAAC"}

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

@@ -0,0 +1,92 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import React, { useEffect, useRef, useState } from "react";
+import { Button } from "../../../Button";
+import { IconButton } from "../../../IconButton";
+import { Separator } from "../../../Separator";
+const formatPercentage = (value, total) => {
+    const percentage = (value / total) * 100;
+    return `${percentage.toFixed(1)}%`;
+};
+const ITEM_HEIGHT = 36; // Height of each legend item
+const ITEM_GAP = 2; // Gap between items
+const LEGEND_ITEM_LIMIT = 6;
+const SHOW_MORE_BREAKPOINT = 450;
+export const StackedLegend = ({ items, onItemHover, activeKey, onLegendItemHover, containerWidth, separator = false, showTitle = true, layout = "auto", className, style, }) => {
+    const containerRef = useRef(null);
+    const listRef = useRef(null);
+    const [showUpButton, setShowUpButton] = useState(false);
+    const [showDownButton, setShowDownButton] = useState(false);
+    const [showAll, setShowAll] = useState(false);
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    // Determine the actual layout to use
+    const isShowMoreLayout = layout === "showMore" ||
+        (layout === "auto" &&
+            containerWidth !== undefined &&
+            (containerWidth < SHOW_MORE_BREAKPOINT || items.length > LEGEND_ITEM_LIMIT));
+    const isScrollableLayout = layout === "scrollable" || (layout === "auto" && !isShowMoreLayout);
+    const handleMouseEnter = (key, index) => {
+        onItemHover?.(key);
+        onLegendItemHover?.(index);
+    };
+    const handleMouseLeave = () => {
+        onItemHover?.(null);
+        onLegendItemHover?.(null);
+    };
+    // Check if scrolling is needed
+    useEffect(() => {
+        const checkScroll = () => {
+            if (listRef.current && containerRef.current) {
+                const { scrollTop, scrollHeight, clientHeight } = listRef.current;
+                const overflowing = scrollHeight > clientHeight;
+                setIsOverflowing(overflowing);
+                setShowUpButton(scrollTop > 0);
+                setShowDownButton(scrollTop < scrollHeight - clientHeight - 1);
+            }
+        };
+        if (isShowMoreLayout) {
+            setShowUpButton(false);
+            setShowDownButton(false);
+            return;
+        }
+        // Initial check
+        checkScroll();
+        // Add event listener for scroll
+        const currentRef = listRef.current;
+        if (currentRef) {
+            currentRef.addEventListener("scroll", checkScroll);
+            // Also add resize observer to handle responsive changes
+            const resizeObserver = new ResizeObserver(checkScroll);
+            resizeObserver.observe(currentRef);
+            return () => {
+                currentRef.removeEventListener("scroll", checkScroll);
+                resizeObserver.disconnect();
+            };
+        }
+        return () => { };
+    }, [isShowMoreLayout]);
+    // Scroll functions
+    const scrollUp = () => {
+        if (listRef.current) {
+            // Scroll one item up
+            listRef.current.scrollBy({ top: -(ITEM_HEIGHT + ITEM_GAP), behavior: "smooth" });
+        }
+    };
+    const scrollDown = () => {
+        if (listRef.current) {
+            // Scroll one item down
+            listRef.current.scrollBy({ top: ITEM_HEIGHT + ITEM_GAP, behavior: "smooth" });
+        }
+    };
+    // Calculate total for percentage
+    const total = items.reduce((sum, item) => sum + item.value, 0);
+    // Items are already sorted by the parent component, so we use them as-is
+    const itemsToDisplay = isShowMoreLayout && !showAll ? items.slice(0, 6) : items;
+    const shouldShowScrollControls = isScrollableLayout && isOverflowing && items.length > LEGEND_ITEM_LIMIT;
+    return (_jsxs("div", { ref: containerRef, className: clsx("openui-stacked-legend-container", className), style: {
+            width: containerWidth ? `${containerWidth}px` : "100%",
+            ...style,
+        }, children: [shouldShowScrollControls && (_jsxs("div", { className: "openui-stacked-legend-header", children: [showTitle && (_jsxs("div", { className: "openui-stacked-legend-header-title", children: [items.length, " labels"] })), _jsx("div", { className: "openui-stacked-legend-header-buttons", children: shouldShowScrollControls && (_jsxs(_Fragment, { children: [_jsx(IconButton, { className: "openui-stacked-legend-scroll-button openui-stacked-legend-scroll-up", onClick: scrollUp, "aria-label": "Scroll legend up", icon: _jsx(ChevronUp, {}), variant: "secondary", size: "extra-small", disabled: !showUpButton }), _jsx(IconButton, { className: "openui-stacked-legend-scroll-button openui-stacked-legend-scroll-down", onClick: scrollDown, "aria-label": "Scroll legend down", icon: _jsx(ChevronDown, {}), variant: "secondary", size: "extra-small", disabled: !showDownButton })] })) })] })), _jsx("div", { ref: listRef, className: "openui-stacked-legend", children: itemsToDisplay.map((item, index) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: `openui-stacked-legend__item ${activeKey === item.key ? "openui-stacked-legend__item--active" : ""}`, onMouseEnter: () => handleMouseEnter(item.key, index), onMouseLeave: handleMouseLeave, children: [_jsxs("div", { className: "openui-stacked-legend__item-label", children: [_jsx("div", { className: "openui-stacked-legend__item-color-container", children: _jsx("div", { className: "openui-stacked-legend__item-color", style: { backgroundColor: item.color } }) }), _jsx("div", { className: "openui-stacked-legend__item-label-text", children: item.label })] }), _jsx("div", { className: "openui-stacked-legend__item-value", children: formatPercentage(item.value, total) })] }), index !== itemsToDisplay.length - 1 && separator && (_jsx(Separator, { className: "openui-stacked-legend-separator" }))] }, item.key))) }), isShowMoreLayout && !showAll && items.length > LEGEND_ITEM_LIMIT && (_jsx(Button, { variant: "secondary", size: "small", onClick: () => setShowAll(true), className: "openui-stacked-legend-show-more-button", children: "Show more" })), isShowMoreLayout && showAll && items.length > LEGEND_ITEM_LIMIT && (_jsx(Button, { variant: "secondary", size: "small", onClick: () => setShowAll(false), className: "openui-stacked-legend-show-less-button", children: "Show less" }))] }));
+};
+//# sourceMappingURL=StackedLegend.js.map

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

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

package/dist/components/Charts/shared/StackedLegend/stackedLegend.css

@@ -0,0 +1 @@
+.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))}

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { XAxisTickVariant } from "../../types";
+interface XAxisTickProps {
+    x?: number;
+    y?: number;
+    payload?: {
+        value: any;
+        coordinate?: number;
+        tickCoord?: number;
+        index?: number;
+        offset?: number;
+        isShow?: boolean;
+    };
+    textAnchor?: "start" | "middle" | "end";
+    verticalAnchor?: "start" | "middle" | "end";
+    fill?: string;
+    stroke?: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    orientation?: "top" | "bottom";
+    tickFormatter?: (value: any) => string;
+    index?: number;
+    visibleTicksCount?: number;
+    variant?: XAxisTickVariant;
+    widthOfGroup?: number;
+    labelHeight?: number;
+    onMouseEnter?: (tickProps: XAxisTickProps) => void;
+    onMouseLeave?: (tickProps: XAxisTickProps) => void;
+}
+declare const XAxisTick: React.ForwardRefExoticComponent<XAxisTickProps & React.RefAttributes<SVGGElement>>;
+export { XAxisTick };
+export type { XAxisTickProps };
+//# sourceMappingURL=XAxisTick.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XAxisTick.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/XAxisTick/XAxisTick.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,UAAU,cAAc;IACtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,GAAG,CAAC;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,SAAS,oFAmFb,CAAC;AAIH,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { LabelTooltip } from "../LabelTooltip/LabelTooltip";
+const XAxisTick = React.forwardRef((props, ref) => {
+    const { x, y, payload, className, variant = "multiLine", widthOfGroup = 70, labelHeight = 20, onMouseEnter, onMouseLeave, } = props;
+    const rawValue = payload?.value;
+    const value = String(rawValue || "");
+    const foreignObjectRef = useRef(null);
+    const spanRef = useRef(null);
+    const [isTruncated, setIsTruncated] = useState(false);
+    // Check if text is truncated
+    useLayoutEffect(() => {
+        if (spanRef.current) {
+            const element = spanRef.current;
+            const isCurrentlyTruncated = variant === "multiLine"
+                ? element.scrollHeight > element.clientHeight
+                : element.scrollWidth > element.clientWidth;
+            setIsTruncated(isCurrentlyTruncated);
+        }
+    }, [value, variant, widthOfGroup]);
+    if (x === undefined || y === undefined) {
+        return null;
+    }
+    // The x position from Recharts is the center of the group
+    // To center the foreignObject, we need to offset by half of widthOfGroup
+    // +2 is for the multiLine variant to center the text
+    // +5 is for the singleLine variant to center the text
+    // offset for padding - 4 and -10 respectively
+    const calX = variant === "multiLine" ? x - widthOfGroup / 2 + 2 : x - widthOfGroup / 2 + 5;
+    const calWidth = variant === "multiLine" ? widthOfGroup - 4 : widthOfGroup - 10;
+    const spanClassName = variant === "multiLine"
+        ? "openui-chart-x-axis-tick-multi-line"
+        : "openui-chart-x-axis-tick-single-line";
+    return (_jsx("g", { ref: ref, transform: `translate(${calX},${y})`, children: _jsx("foreignObject", { ref: foreignObjectRef, transform: "translate(0, 0)", width: calWidth, height: labelHeight, className: "openui-chart-x-axis-tick-foreign", children: _jsx("div", { style: {
+                    width: "100%",
+                    height: "100%",
+                    boxSizing: "border-box",
+                }, onMouseEnter: () => onMouseEnter?.(props), onMouseLeave: () => onMouseLeave?.(props), children: _jsx(LabelTooltip, { content: value, side: "top", disabled: !isTruncated, children: _jsx("span", { ref: spanRef, style: {
+                            textAlign: "center",
+                            wordBreak: "break-word",
+                        }, className: clsx(spanClassName, className), children: value }) }) }) }) }));
+});
+XAxisTick.displayName = "XAxisTick";
+export { XAxisTick };
+//# sourceMappingURL=XAxisTick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XAxisTick.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/XAxisTick/XAxisTick.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AA+B5D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,CAAC,EACD,CAAC,EACD,OAAO,EACP,SAAS,EACT,OAAO,GAAG,WAAW,EACrB,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,EAChB,YAAY,EACZ,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC;IAChC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAErC,MAAM,gBAAgB,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,6BAA6B;IAC7B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;YAChC,MAAM,oBAAoB,GACxB,OAAO,KAAK,WAAW;gBACrB,CAAC,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY;gBAC7C,CAAC,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;YAChD,cAAc,CAAC,oBAAoB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,0DAA0D;IAC1D,yEAAyE;IACzE,qDAAqD;IACrD,sDAAsD;IACtD,8CAA8C;IAC9C,MAAM,IAAI,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3F,MAAM,QAAQ,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,EAAE,CAAC;IAEhF,MAAM,aAAa,GACjB,OAAO,KAAK,WAAW;QACrB,CAAC,CAAC,qCAAqC;QACvC,CAAC,CAAC,sCAAsC,CAAC;IAE7C,OAAO,CACL,YAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,IAAI,IAAI,CAAC,GAAG,YAC/C,wBACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,kCAAkC,YAE5C,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,YAAY;iBACxB,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,EACzC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,YAEzC,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,WAAW,YAC7D,eACE,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE;4BACL,SAAS,EAAE,QAAQ;4BACnB,SAAS,EAAE,YAAY;yBACxB,EACD,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,YAExC,KAAK,GACD,GACM,GACX,GACQ,GACd,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Charts/shared/XAxisTick/xAxisTick.css

@@ -0,0 +1 @@
+.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}

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

@@ -0,0 +1,28 @@
+interface YAxisTickProps {
+    x?: number;
+    y?: number;
+    payload?: {
+        value: any;
+        coordinate?: number;
+        tickCoord?: number;
+        index?: number;
+        offset?: number;
+        isShow?: boolean;
+    };
+    textAnchor?: "start" | "middle" | "end";
+    verticalAnchor?: "start" | "middle" | "end";
+    fill?: string;
+    stroke?: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    orientation?: "left" | "right";
+    tickFormatter?: (value: any) => string;
+    index?: number;
+    visibleTicksCount?: number;
+    setLabelWidth: (label: string) => void;
+}
+declare const YAxisTick: React.FC<YAxisTickProps>;
+export { YAxisTick };
+export type { YAxisTickProps };
+//# sourceMappingURL=YAxisTick.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YAxisTick.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/YAxisTick/YAxisTick.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,GAAG,CAAC;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyBvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect } from "react";
+import { numberTickFormatter } from "../../utils";
+const YAxisTick = (props) => {
+    const { x, y, payload, textAnchor, verticalAnchor, className, setLabelWidth } = props;
+    const displayValue = typeof payload?.value === "number"
+        ? numberTickFormatter(payload?.value)
+        : String(payload?.value);
+    useLayoutEffect(() => {
+        setLabelWidth(displayValue);
+    }, [displayValue, setLabelWidth]);
+    return (_jsx("g", { transform: `translate(${x},${y})`, className: className, children: _jsx("text", { x: 0, y: 0, dy: verticalAnchor === "middle" ? 4 : 0, textAnchor: textAnchor || "end", className: "openui-chart-y-axis-tick", children: displayValue }) }));
+};
+export { YAxisTick };
+//# sourceMappingURL=YAxisTick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YAxisTick.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/YAxisTick/YAxisTick.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AA2BlD,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEtF,MAAM,YAAY,GAChB,OAAO,OAAO,EAAE,KAAK,KAAK,QAAQ;QAChC,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC;QACrC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE7B,eAAe,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,YAAG,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,YACxD,eACE,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvC,UAAU,EAAE,UAAU,IAAI,KAAK,EAC/B,SAAS,EAAC,0BAA0B,YAEnC,YAAY,GACR,GACL,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Charts/shared/YAxisTick/yAxisTick.css

@@ -0,0 +1 @@
+.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))}

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

@@ -0,0 +1,13 @@
+export * from "./ActiveDot/ActiveDot";
+export * from "./CartesianGrid/cartesianGrid";
+export * from "./DefaultLegend/DefaultLegend";
+export * from "./LineInBarShape";
+export * from "./PortalTooltip";
+export * from "./ScrollButtonsHorizontal";
+export * from "./ScrollButtonsVertical";
+export * from "./SideBarTooltip";
+export * from "./StackedLegend/StackedLegend";
+export * from "./SVGXAxisTick";
+export * from "./XAxisTick/XAxisTick";
+export * from "./YAxisTick/YAxisTick";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,13 @@
+export * from "./ActiveDot/ActiveDot";
+export * from "./CartesianGrid/cartesianGrid";
+export * from "./DefaultLegend/DefaultLegend";
+export * from "./LineInBarShape";
+export * from "./PortalTooltip";
+export * from "./ScrollButtonsHorizontal";
+export * from "./ScrollButtonsVertical";
+export * from "./SideBarTooltip";
+export * from "./StackedLegend/StackedLegend";
+export * from "./SVGXAxisTick";
+export * from "./XAxisTick/XAxisTick";
+export * from "./YAxisTick/YAxisTick";
+//# sourceMappingURL=index.js.map