@openuidev/react-ui 0.9.16

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLegend.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/DefaultLegend/DefaultLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,aAAa,sFAqHlB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import React, { memo, useCallback, useState } from "react";
+import { Button } from "../../../Button/Button";
+import { useDefaultLegend } from "./hooks/useDefaultLegend";
+const DefaultLegend = memo(React.forwardRef(({ items, className, yAxisLabel, xAxisLabel, containerWidth, isExpanded, setIsExpanded, style, }, ref) => {
+    const [buttonWidth, setButtonWidth] = useState(0);
+    const { displayItems, hasMoreItems, toggleButtonText } = useDefaultLegend({
+        items,
+        containerWidth,
+        buttonWidth,
+        isExpanded,
+    });
+    // We use a callback ref to measure the button's width as soon as it's mounted.
+    // This is more reliable than useEffect with ref.current in the dependency array,
+    // as it correctly triggers a re-render when the node is available.
+    // This is a workaround for the fact that the button's width is not available immediately.
+    // and we need the actual button width to calculate the layout of the legend items.
+    const buttonRef = useCallback((node) => {
+        if (node) {
+            if (node.clientWidth !== buttonWidth) {
+                setButtonWidth(node.clientWidth);
+            }
+        }
+    }, [buttonWidth]);
+    const handleToggleExpanded = () => {
+        setIsExpanded(!isExpanded);
+    };
+    const showToggleButton = hasMoreItems;
+    return (_jsxs("div", { ref: ref, className: clsx("openui-chart-legend-container openui-chart-legend--bottom", className), style: style, children: [(xAxisLabel || yAxisLabel) && (_jsxs("div", { className: "openui-chart-legend-axis-label-container", children: [xAxisLabel && (_jsxs("span", { className: "openui-chart-legend-axis-label", children: ["X-Axis: ", _jsx("span", { className: "openui-chart-legend-axis-label-text", children: xAxisLabel })] })), yAxisLabel && (_jsxs("span", { className: "openui-chart-legend-axis-label", children: ["Y-Axis: ", _jsx("span", { className: "openui-chart-legend-axis-label-text", children: yAxisLabel })] }))] })), _jsxs("div", { className: clsx("openui-chart-legend", {
+                    "openui-chart-legend--expanded": isExpanded,
+                    "openui-chart-legend--collapsed": !isExpanded && showToggleButton,
+                }), children: [displayItems.map((item) => (_jsxs("div", { className: "openui-chart-legend-item", children: [item.icon ? (_jsx(item.icon, {})) : (_jsx("div", { className: "openui-chart-legend-item-indicator", style: { backgroundColor: item.color } })), _jsxs("div", { className: "openui-chart-legend-item-label-container", children: [_jsx("span", { className: "openui-chart-legend-item-label", children: item.label }), item.percentage !== undefined && (_jsxs("span", { className: "openui-chart-legend-item-percentage", children: [item.percentage.toFixed(1), "%"] }))] })] }, item.key))), showToggleButton && (_jsx(Button, { variant: "tertiary", size: "small", ref: buttonRef, className: "openui-chart-legend-toggle-button", onClick: handleToggleExpanded, iconRight: isExpanded ? (_jsx(ChevronUpIcon, { className: "openui-chart-legend-toggle-button-icon" })) : (_jsx(ChevronDownIcon, { className: "openui-chart-legend-toggle-button-icon" })), children: toggleButtonText }))] })] }));
+}));
+DefaultLegend.displayName = "DefaultLegend";
+export { DefaultLegend };
+//# sourceMappingURL=DefaultLegend.js.map

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

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

package/dist/components/Charts/shared/DefaultLegend/defaultLegend.css

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

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

@@ -0,0 +1,15 @@
+import { LegendItem } from "../../../types";
+interface UseDefaultLegendProps {
+    items: LegendItem[];
+    containerWidth?: number;
+    buttonWidth?: number;
+    isExpanded: boolean;
+}
+interface UseDefaultLegendResult {
+    displayItems: LegendItem[];
+    hasMoreItems: boolean;
+    toggleButtonText: string;
+}
+export declare const useDefaultLegend: ({ items, containerWidth, buttonWidth, isExpanded, }: UseDefaultLegendProps) => UseDefaultLegendResult;
+export {};
+//# sourceMappingURL=useDefaultLegend.d.ts.map

package/dist/components/Charts/shared/DefaultLegend/hooks/useDefaultLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultLegend.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Charts/shared/DefaultLegend/hooks/useDefaultLegend.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,UAAU,qBAAqB;IAC7B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,sBAAsB;IAC9B,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAAI,qDAK9B,qBAAqB,KAAG,sBAqF1B,CAAC"}

package/dist/components/Charts/shared/DefaultLegend/hooks/useDefaultLegend.js

@@ -0,0 +1,73 @@
+import { useMemo } from "react";
+import { useCanvasContextForLabelSize } from "../../../hooks/useCanvasContextForLabelSize";
+const CHARACTER_WIDTH = 7; // Fallback width per character
+const INDICATOR_WIDTH = 10;
+const GAP_WIDTH = 12;
+export const useDefaultLegend = ({ items, containerWidth, buttonWidth, isExpanded, }) => {
+    const canvasContext = useCanvasContextForLabelSize();
+    const calculateItemWidth = useMemo(() => (item) => {
+        let displayText = item.label;
+        // If percentage is provided, include it in the width calculation
+        if (item.percentage !== undefined) {
+            displayText += ` (${item.percentage.toFixed(1)}%)`;
+        }
+        if (canvasContext) {
+            // If canvas is supported, measure text width accurately
+            return canvasContext.measureText(displayText).width + INDICATOR_WIDTH + GAP_WIDTH;
+        }
+        // Fallback for SSR or if canvas is not supported
+        return displayText.length * CHARACTER_WIDTH + INDICATOR_WIDTH + GAP_WIDTH;
+    }, [canvasContext]);
+    const { visibleItems, hasMoreItems } = useMemo(() => {
+        if (!containerWidth || items.length === 0) {
+            return { visibleItems: items, hasMoreItems: false };
+        }
+        const availableWidth = containerWidth - (buttonWidth ?? 0);
+        let currentWidth = 0;
+        let visibleCount = 0;
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            if (!item)
+                continue;
+            const itemWidth = calculateItemWidth(item);
+            // Add gap between items except for the first one
+            const requiredWidth = visibleCount > 0 ? itemWidth + GAP_WIDTH : itemWidth;
+            if (currentWidth + requiredWidth <= availableWidth) {
+                currentWidth += requiredWidth;
+                visibleCount++;
+            }
+            else {
+                break;
+            }
+        }
+        // If all items fit within available width, show all items
+        if (visibleCount === items.length) {
+            return { visibleItems: items, hasMoreItems: false };
+        }
+        // If no items fit within available width, show at least the first item
+        if (visibleCount === 0 && items[0]) {
+            return {
+                visibleItems: [items[0]], // Show first item
+                hasMoreItems: items.length > 1, // Has more if there are additional items
+            };
+        }
+        return {
+            visibleItems: items.slice(0, visibleCount),
+            hasMoreItems: items.length > visibleCount,
+        };
+    }, [items, containerWidth, buttonWidth, calculateItemWidth]);
+    const displayItems = useMemo(() => (isExpanded ? items : visibleItems), [isExpanded, items, visibleItems]);
+    const toggleButtonText = useMemo(() => {
+        if (isExpanded) {
+            return "Show Less";
+        }
+        const hiddenCount = items.length - visibleItems.length;
+        return `${hiddenCount} more`;
+    }, [isExpanded, items.length, visibleItems.length]);
+    return {
+        displayItems,
+        hasMoreItems,
+        toggleButtonText,
+    };
+};
+//# sourceMappingURL=useDefaultLegend.js.map

package/dist/components/Charts/shared/DefaultLegend/hooks/useDefaultLegend.js.map

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

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DefaultLegend } from "../DefaultLegend";
+declare const meta: Meta<typeof DefaultLegend>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithAxisLabels: Story;
+export declare const SmallContainer: Story;
+export declare const ManyItemsSmallContainer: Story;
+export declare const ManyItemsLargeContainer: Story;
+export declare const VerySmallContainer: Story;
+export declare const Interactive: Story;
+export declare const ExpandCollapseDemo: Story;
+export declare const ResponsiveExpandCollapse: Story;
+export declare const DefaultBehavior: Story;
+//# sourceMappingURL=DefaultLegend.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLegend.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Charts/shared/DefaultLegend/stories/DefaultLegend.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAYpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2DnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KA+FtC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC"}

package/dist/components/Charts/shared/DefaultLegend/stories/DefaultLegend.stories.js

@@ -0,0 +1,217 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { DefaultLegend } from "../DefaultLegend";
+const meta = {
+    title: "Components/Charts/Shared/DefaultLegend",
+    component: DefaultLegend,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["!dev", "!autodocs"],
+    argTypes: {
+        containerWidth: {
+            control: { type: "range", min: 200, max: 800, step: 50 },
+        },
+    },
+};
+export default meta;
+// Sample legend items with varying label lengths
+const shortItems = [
+    { key: "sales", label: "Sales", color: "#3b82f6" },
+    { key: "users", label: "Users", color: "#ef4444" },
+    { key: "revenue", label: "Revenue", color: "#10b981" },
+];
+const mediumItems = [
+    { key: "sales", label: "Sales Data", color: "#3b82f6" },
+    { key: "marketing", label: "Marketing Leads", color: "#ef4444" },
+    { key: "revenue", label: "Total Revenue", color: "#10b981" },
+    { key: "conversion", label: "Conversion Rate", color: "#f59e0b" },
+    { key: "retention", label: "User Retention", color: "#8b5cf6" },
+];
+const longItems = [
+    { key: "sales", label: "Monthly Sales Performance", color: "#3b82f6" },
+    { key: "marketing", label: "Digital Marketing Campaigns", color: "#ef4444" },
+    { key: "revenue", label: "Quarterly Revenue Growth", color: "#10b981" },
+    { key: "conversion", label: "Customer Conversion Metrics", color: "#f59e0b" },
+    { key: "retention", label: "Long-term User Retention", color: "#8b5cf6" },
+    { key: "engagement", label: "User Engagement Analytics", color: "#ec4899" },
+    { key: "support", label: "Customer Support Tickets", color: "#14b8a6" },
+    { key: "satisfaction", label: "Customer Satisfaction Score", color: "#f97316" },
+];
+const expandCollapseItems = [
+    { key: "web_traffic", label: "Website Traffic and Organic Search Results", color: "#3b82f6" },
+    { key: "social_media", label: "Social Media Engagement and Brand Awareness", color: "#ef4444" },
+    { key: "email_campaigns", label: "Email Marketing Campaign Performance", color: "#10b981" },
+    { key: "paid_advertising", label: "Paid Advertising and PPC Campaign ROI", color: "#f59e0b" },
+    { key: "content_marketing", label: "Content Marketing and Blog Performance", color: "#8b5cf6" },
+    { key: "mobile_app", label: "Mobile Application Downloads and Usage", color: "#ec4899" },
+    {
+        key: "customer_support",
+        label: "Customer Support Response Time and Quality",
+        color: "#14b8a6",
+    },
+    {
+        key: "sales_conversion",
+        label: "Sales Funnel Conversion and Lead Generation",
+        color: "#f97316",
+    },
+    { key: "user_retention", label: "User Retention and Churn Rate Analysis", color: "#6366f1" },
+    {
+        key: "product_analytics",
+        label: "Product Feature Usage and Performance Metrics",
+        color: "#06b6d4",
+    },
+    { key: "market_research", label: "Market Research and Competitive Analysis", color: "#84cc16" },
+    {
+        key: "brand_sentiment",
+        label: "Brand Sentiment and Public Relations Impact",
+        color: "#f59e0b",
+    },
+];
+export const Basic = {
+    args: {
+        items: shortItems,
+        containerWidth: 400,
+    },
+};
+export const WithAxisLabels = {
+    args: {
+        items: mediumItems,
+        containerWidth: 400,
+        xAxisLabel: "Time Period",
+        yAxisLabel: "Value",
+    },
+};
+export const SmallContainer = {
+    args: {
+        items: mediumItems,
+        containerWidth: 300,
+    },
+};
+export const ManyItemsSmallContainer = {
+    args: {
+        items: longItems,
+        containerWidth: 400,
+    },
+};
+export const ManyItemsLargeContainer = {
+    args: {
+        items: longItems,
+        containerWidth: 800,
+    },
+};
+export const VerySmallContainer = {
+    args: {
+        items: longItems,
+        containerWidth: 200,
+    },
+};
+export const Interactive = {
+    args: {
+        items: longItems,
+        xAxisLabel: "Monthly Data",
+        yAxisLabel: "Performance Metrics",
+    },
+    render: (args) => {
+        const DynamicLegendExample = () => {
+            const containerRef = useRef(null);
+            const [containerWidth, setContainerWidth] = useState(500);
+            useEffect(() => {
+                const container = containerRef.current;
+                if (!container)
+                    return;
+                const resizeObserver = new ResizeObserver((entries) => {
+                    for (const entry of entries) {
+                        // Subtract padding from the observed width
+                        const paddingX = 40; // 20px padding on each side
+                        const observedWidth = Math.max(200, entry.contentRect.width - paddingX);
+                        setContainerWidth(observedWidth);
+                    }
+                });
+                resizeObserver.observe(container);
+                return () => {
+                    resizeObserver.disconnect();
+                };
+            }, []);
+            return (_jsxs("div", { ref: containerRef, style: {
+                    width: "100%",
+                    padding: "20px",
+                    resize: "horizontal",
+                    overflow: "auto",
+                    border: "1px dashed #ccc",
+                    minWidth: "250px",
+                }, children: [_jsxs("p", { style: { marginBottom: "16px", fontSize: "14px", color: "#666" }, children: ["This legend demonstrates dynamic behavior with ResizeObserver.", _jsx("strong", { children: "Drag the bottom-right corner" }), " to resize the container and see how the legend adapts in real-time. Current width: ", _jsxs("strong", { children: [containerWidth, "px"] })] }), _jsx(DefaultLegend, { ...args, containerWidth: containerWidth })] }));
+        };
+        return _jsx(DynamicLegendExample, {});
+    },
+};
+export const ExpandCollapseDemo = {
+    args: {
+        items: expandCollapseItems,
+        containerWidth: 500,
+        xAxisLabel: "Marketing Channels",
+        yAxisLabel: "Performance Metrics",
+    },
+    render: (args) => (_jsxs("div", { style: { width: "100%", padding: "20px" }, children: [_jsx("h3", { style: { marginBottom: "16px", fontSize: "16px", fontWeight: "600" }, children: "\uD83D\uDD04 Expand/Collapse Functionality Demo" }), _jsxs("p", { style: { marginBottom: "16px", fontSize: "14px", color: "#666" }, children: ["This legend has ", _jsx("strong", { children: "12 items with long labels" }), " in a", " ", _jsx("strong", { children: "500px container" }), ". Only the items that fit in one line are shown initially, with a ", _jsx("strong", { children: "\"Show More\"" }), " button to expand and see all items. Click the button to toggle between collapsed and expanded states."] }), _jsx("div", { style: {
+                    border: "1px dashed #ccc",
+                    padding: "16px",
+                    borderRadius: "8px",
+                    backgroundColor: "#f9f9f9",
+                }, children: _jsx(DefaultLegend, { ...args }) }), _jsxs("div", { style: { marginTop: "12px", fontSize: "12px", color: "#888" }, children: ["\uD83D\uDCA1 ", _jsx("strong", { children: "Features:" }), " Dynamic width calculation, intelligent truncation, responsive behavior"] })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Demonstrates the expand/collapse functionality with 12 marketing-themed legend items. The legend automatically calculates how many items fit in the container width and shows a toggle button when items overflow.",
+            },
+        },
+    },
+};
+export const ResponsiveExpandCollapse = {
+    args: {
+        items: expandCollapseItems,
+        xAxisLabel: "Marketing Channels",
+        yAxisLabel: "Performance Metrics",
+    },
+    render: (args) => (_jsxs("div", { style: { width: "100%", padding: "20px" }, children: [_jsx("h3", { style: { marginBottom: "16px", fontSize: "16px", fontWeight: "600" }, children: "\uD83D\uDCD0 Responsive Expand/Collapse Behavior" }), _jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: "#666" }, children: "The same legend data shown in different container widths. Notice how the number of visible items and the toggle button behavior adapts to the available space." }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: [_jsxs("div", { children: [_jsx("h4", { style: { margin: "0 0 8px 0", fontSize: "14px", fontWeight: "600" }, children: "Small Container (350px) - Shows fewer items" }), _jsx("div", { style: {
+                                    border: "1px solid #e0e0e0",
+                                    padding: "12px",
+                                    borderRadius: "6px",
+                                    backgroundColor: "#fafafa",
+                                    width: "350px",
+                                }, children: _jsx(DefaultLegend, { ...args, containerWidth: 350 }) })] }), _jsxs("div", { children: [_jsx("h4", { style: { margin: "0 0 8px 0", fontSize: "14px", fontWeight: "600" }, children: "Medium Container (500px) - Shows more items" }), _jsx("div", { style: {
+                                    border: "1px solid #e0e0e0",
+                                    padding: "12px",
+                                    borderRadius: "6px",
+                                    backgroundColor: "#fafafa",
+                                    width: "500px",
+                                }, children: _jsx(DefaultLegend, { ...args, containerWidth: 500 }) })] }), _jsxs("div", { children: [_jsx("h4", { style: { margin: "0 0 8px 0", fontSize: "14px", fontWeight: "600" }, children: "Large Container (700px) - Shows most items" }), _jsx("div", { style: {
+                                    border: "1px solid #e0e0e0",
+                                    padding: "12px",
+                                    borderRadius: "6px",
+                                    backgroundColor: "#fafafa",
+                                    width: "700px",
+                                }, children: _jsx(DefaultLegend, { ...args, containerWidth: 700 }) })] }), _jsxs("div", { children: [_jsx("h4", { style: { margin: "0 0 8px 0", fontSize: "14px", fontWeight: "600" }, children: "Extra Large Container (900px) - Shows all items (no toggle button)" }), _jsx("div", { style: {
+                                    border: "1px solid #e0e0e0",
+                                    padding: "12px",
+                                    borderRadius: "6px",
+                                    backgroundColor: "#fafafa",
+                                    width: "900px",
+                                }, children: _jsx(DefaultLegend, { ...args, containerWidth: 900 }) })] })] })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Shows how the expand/collapse behavior adapts to different container widths. Smaller containers show fewer items initially, while larger containers may show all items without needing a toggle button.",
+            },
+        },
+    },
+};
+export const DefaultBehavior = {
+    args: {
+        items: longItems,
+        // No containerWidth provided - should show all items
+        xAxisLabel: "Monthly Data",
+        yAxisLabel: "Performance Metrics",
+    },
+    render: (args) => (_jsxs("div", { style: { width: "100%", padding: "20px" }, children: [_jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: "#666" }, children: "This demonstrates the default behavior when no containerWidth is provided. All legend items are shown without truncation or show more/less functionality." }), _jsx(DefaultLegend, { ...args })] })),
+};
+//# sourceMappingURL=DefaultLegend.stories.js.map

package/dist/components/Charts/shared/DefaultLegend/stories/DefaultLegend.stories.js.map

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

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

@@ -0,0 +1,24 @@
+import React from "react";
+interface LabelTooltipProviderProps {
+    children: React.ReactNode;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+}
+interface LabelTooltipProps {
+    children: React.ReactNode;
+    content: string;
+    side?: "top" | "bottom" | "left" | "right";
+    sideOffset?: number;
+    delayDuration?: number;
+    className?: string;
+    disabled?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const LabelTooltipProvider: React.FC<LabelTooltipProviderProps>;
+declare const LabelTooltip: React.ForwardRefExoticComponent<LabelTooltipProps & React.RefAttributes<HTMLDivElement>>;
+export { LabelTooltip, LabelTooltipProvider };
+export type { LabelTooltipProps, LabelTooltipProviderProps };
+//# sourceMappingURL=LabelTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/LabelTooltip/LabelTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiB7D,CAAC;AAEF,QAAA,MAAM,YAAY,0FAiChB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Tooltip from "@radix-ui/react-tooltip";
+import React from "react";
+const DEFAULT_DELAY_DURATION = 300;
+const DEFAULT_SKIP_DELAY_DURATION = 300;
+const DEFAULT_DISABLE_HOVERABLE_CONTENT = false;
+const LabelTooltipProvider = (props) => {
+    const { children, delayDuration = DEFAULT_DELAY_DURATION, skipDelayDuration = DEFAULT_SKIP_DELAY_DURATION, disableHoverableContent = DEFAULT_DISABLE_HOVERABLE_CONTENT, } = props;
+    return (_jsx(Tooltip.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, disableHoverableContent: disableHoverableContent, children: children }));
+};
+const LabelTooltip = React.forwardRef((props, ref) => {
+    const { children, content, side = "top", sideOffset = 1, delayDuration = DEFAULT_DELAY_DURATION, className = "openui-chart-label-tooltip", disabled = false, open, defaultOpen, onOpenChange, } = props;
+    if (disabled) {
+        return children;
+    }
+    return (_jsxs(Tooltip.Root, { delayDuration: delayDuration, open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(Tooltip.Trigger, { asChild: true, children: children }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Content, { ref: ref, className: className, side: side, sideOffset: sideOffset, children: content }) })] }));
+});
+LabelTooltip.displayName = "LabelTooltip";
+export { LabelTooltip, LabelTooltipProvider };
+//# sourceMappingURL=LabelTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelTooltip.js","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/LabelTooltip/LabelTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,MAAM,sBAAsB,GAAG,GAAG,CAAC;AACnC,MAAM,2BAA2B,GAAG,GAAG,CAAC;AACxC,MAAM,iCAAiC,GAAG,KAAK,CAAC;AAEhD,MAAM,oBAAoB,GAAwC,CAAC,KAAK,EAAE,EAAE;IAC1E,MAAM,EACJ,QAAQ,EACR,aAAa,GAAG,sBAAsB,EACtC,iBAAiB,GAAG,2BAA2B,EAC/C,uBAAuB,GAAG,iCAAiC,GAC5D,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,OAAO,CAAC,QAAQ,IACf,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,YAE/C,QAAQ,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,CAAC,EACd,aAAa,GAAG,sBAAsB,EACtC,SAAS,GAAG,4BAA4B,EACxC,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,WAAW,EACX,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,CACL,MAAC,OAAO,CAAC,IAAI,IACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,aAE1B,KAAC,OAAO,CAAC,OAAO,IAAC,OAAO,kBAAE,QAAQ,GAAmB,EACrD,KAAC,OAAO,CAAC,MAAM,cACb,KAAC,OAAO,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,YAChF,OAAO,GACQ,GACH,IACJ,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/Charts/shared/LabelTooltip/labelTooltip.css

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

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

@@ -0,0 +1,25 @@
+import { FunctionComponent } from "react";
+interface LineInBarShapeProps {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    radius?: number | number[];
+    internalLineColor?: string;
+    internalLineWidth?: number;
+    isHovered?: boolean;
+    hoveredCategory?: string | number | null;
+    categoryKey?: string;
+    payload?: any;
+    variant?: "grouped" | "stacked";
+    stackGap?: number;
+    orientation?: "vertical" | "horizontal";
+    hasNegativeValueInStack?: boolean;
+    [key: string]: any;
+}
+declare const LineInBarShape: FunctionComponent<LineInBarShapeProps>;
+export { LineInBarShape };
+//# sourceMappingURL=LineInBarShape.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineInBarShape.d.ts","sourceRoot":"","sources":["../../../../../src/components/Charts/shared/LineInBarShape/LineInBarShape.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAUD,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CA0TzD,CAAC;AAIH,OAAO,EAAE,cAAc,EAAE,CAAC"}