@once-ui-system/core 1.0.0

package/dist/modules/data/DataTooltip.js

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const formatDate_1 = require("./utils/formatDate");
+const components_1 = require("../../components");
+const Swatch_1 = require("./Swatch");
+const ValueWithAnimation = ({ value }) => {
+    const prevValueRef = (0, react_1.useRef)(null);
+    const triggerRef = (0, react_1.useRef)(null);
+    const initialRenderRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        if (initialRenderRef.current) {
+            initialRenderRef.current = false;
+            prevValueRef.current = value;
+            return;
+        }
+        if (prevValueRef.current !== value && triggerRef.current) {
+            triggerRef.current();
+        }
+        prevValueRef.current = value;
+    }, [value]);
+    return ((0, jsx_runtime_1.jsx)(components_1.LetterFx, { trigger: "custom", charset: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], onTrigger: (triggerFn) => {
+            triggerRef.current = triggerFn;
+        }, children: value.toLocaleString() }));
+};
+const DataTooltip = ({ active, payload, label, dataKey = "name", DataTooltip, date = { format: "MMM d" }, colors = true, variant = "gradient", }) => {
+    if (!active || !payload || !payload.length) {
+        return null;
+    }
+    const dataPoint = payload[0].payload;
+    const displayLabel = label || (dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint[dataKey]);
+    const formattedLabel = (0, formatDate_1.formatDate)(displayLabel, date, dataPoint) || displayLabel || (dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.endDate);
+    return ((0, jsx_runtime_1.jsxs)(components_1.Column, { minWidth: 8, gap: "8", paddingY: "8", background: "surface", radius: "m", border: "neutral-alpha-medium", children: [label && ((0, jsx_runtime_1.jsx)(components_1.Row, { fillWidth: true, paddingX: "12", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: "label-default-s", onBackground: "neutral-strong", children: formattedLabel }) })), (0, jsx_runtime_1.jsx)(components_1.Column, { fillWidth: true, horizontal: "space-between", paddingX: "12", gap: "4", children: payload.map((entry, index) => ((0, jsx_runtime_1.jsxs)(components_1.Row, { horizontal: "space-between", fillWidth: true, gap: "16", children: [(0, jsx_runtime_1.jsxs)(components_1.Row, { vertical: "center", gap: "8", children: [colors && (0, jsx_runtime_1.jsx)(Swatch_1.Swatch, { color: entry.stroke || entry.color, size: "s", variant: variant }), (0, jsx_runtime_1.jsx)(components_1.Text, { onBackground: "neutral-weak", variant: "label-default-s", children: DataTooltip && index === 0 ? DataTooltip : entry.name })] }), (0, jsx_runtime_1.jsx)(components_1.Text, { onBackground: "neutral-strong", variant: "label-default-s", children: typeof entry.value === "number" ? ((0, jsx_runtime_1.jsx)(ValueWithAnimation, { value: entry.value })) : (entry.value) })] }, index))) })] }));
+};
+exports.DataTooltip = DataTooltip;
+//# sourceMappingURL=DataTooltip.js.map

package/dist/modules/data/DataTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTooltip.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/DataTooltip.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/Gradient.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { ChartStyles } from "./interfaces";
+interface GradientStop {
+    offset: string;
+    opacity: number;
+    variant?: ChartStyles;
+}
+interface LinearGradientProps {
+    id: string;
+    color: string;
+    x1?: string;
+    y1?: string;
+    x2?: string;
+    y2?: string;
+    stops?: GradientStop[];
+    variant?: ChartStyles;
+}
+interface RadialGradientProps {
+    id: string;
+    color: string;
+    cx?: string;
+    cy?: string;
+    r?: string;
+    fx?: string;
+    fy?: string;
+    stops?: GradientStop[];
+    variant?: ChartStyles;
+}
+export declare const LinearGradient: React.FC<LinearGradientProps>;
+export declare const RadialGradient: React.FC<RadialGradientProps>;
+export {};
+//# sourceMappingURL=Gradient.d.ts.map

package/dist/modules/data/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/Gradient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAiDD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBxD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBxD,CAAC"}

package/dist/modules/data/Gradient.js

@@ -0,0 +1,61 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadialGradient = exports.LinearGradient = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DataThemeProvider_1 = require("../../contexts/DataThemeProvider");
+const getStopsByVariant = (variant = "gradient", isRadial = false) => {
+    if (isRadial) {
+        // For radial gradients, we invert the opacity for better visual effect
+        switch (variant) {
+            case "flat":
+                return [
+                    { offset: "0%", opacity: 1 },
+                    { offset: "100%", opacity: 1 },
+                ];
+            case "outline":
+                return [
+                    { offset: "0%", opacity: 0 },
+                    { offset: "100%", opacity: 0 },
+                ];
+            case "gradient":
+            default:
+                return [
+                    { offset: "0%", opacity: 0 },
+                    { offset: "100%", opacity: 1 },
+                ];
+        }
+    }
+    else {
+        // For linear gradients
+        switch (variant) {
+            case "flat":
+                return [
+                    { offset: "0%", opacity: 1 },
+                    { offset: "100%", opacity: 1 },
+                ];
+            case "outline":
+                return [
+                    { offset: "0%", opacity: 0 },
+                    { offset: "100%", opacity: 0 },
+                ];
+            case "gradient":
+            default:
+                return [
+                    { offset: "0%", opacity: 1 },
+                    { offset: "100%", opacity: 0 },
+                ];
+        }
+    }
+};
+const LinearGradient = ({ id, color, x1 = "0", y1 = "0", x2 = "0", y2 = "1", stops, variant = (0, DataThemeProvider_1.useDataTheme)().chart.variant, }) => {
+    const gradientStops = stops || getStopsByVariant(variant);
+    return ((0, jsx_runtime_1.jsx)("linearGradient", { id: id, x1: x1, y1: y1, x2: x2, y2: y2, children: gradientStops.map((stop, index) => ((0, jsx_runtime_1.jsx)("stop", { offset: stop.offset, stopColor: color, stopOpacity: stop.opacity }, index))) }));
+};
+exports.LinearGradient = LinearGradient;
+const RadialGradient = ({ id, color, cx = "50%", cy = "50%", r = "50%", fx = "50%", fy = "50%", stops, variant = (0, DataThemeProvider_1.useDataTheme)().chart.variant, }) => {
+    const gradientStops = stops || getStopsByVariant(variant, true);
+    return ((0, jsx_runtime_1.jsx)("radialGradient", { id: id, cx: cx, cy: cy, r: r, fx: fx, fy: fy, children: gradientStops.map((stop, index) => ((0, jsx_runtime_1.jsx)("stop", { offset: stop.offset, stopColor: color, stopOpacity: stop.opacity }, index))) }));
+};
+exports.RadialGradient = RadialGradient;
+//# sourceMappingURL=Gradient.js.map

package/dist/modules/data/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/Gradient.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/Legend.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ChartStyles } from "./interfaces";
+interface LegendProps {
+    payload?: any[];
+    labels?: "x" | "y" | "both" | "none";
+    colors?: string[];
+    direction?: "row" | "column";
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+    variant?: ChartStyles;
+}
+declare const Legend: React.FC<LegendProps>;
+export { Legend };
+export type { LegendProps };
+//# sourceMappingURL=Legend.d.ts.map

package/dist/modules/data/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/Legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EACL,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgGjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/modules/data/Legend.js

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Legend = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../components");
+const _1 = require(".");
+const DataThemeProvider_1 = require("../../contexts/DataThemeProvider");
+const Legend = ({ payload, labels = "both", position = "top-left", direction, colors, variant = (0, DataThemeProvider_1.useDataTheme)().chart.variant, }) => {
+    if (!payload || !payload.length) {
+        return null;
+    }
+    const getPositionStyle = () => {
+        switch (position) {
+            case "top-left":
+                return {
+                    paddingLeft: labels === "y" || labels === "both"
+                        ? "var(--static-space-80)"
+                        : "var(--static-space-20)",
+                    top: "var(--static-space-12)",
+                };
+            case "top-right":
+                return {
+                    paddingRight: "var(--static-space-20)",
+                    top: "var(--static-space-12)",
+                    justifyContent: "flex-end",
+                };
+            case "bottom-left":
+                return {
+                    paddingLeft: "var(--static-space-20)",
+                    bottom: "var(--static-space-12)",
+                };
+            case "bottom-right":
+                return {
+                    paddingRight: "var(--static-space-20)",
+                    bottom: "var(--static-space-12)",
+                    justifyContent: "flex-end",
+                };
+            case "top-center":
+                return {
+                    left: "50%",
+                    top: "var(--static-space-12)",
+                    transform: "translateX(-50%)",
+                };
+            case "bottom-center":
+                return {
+                    left: "50%",
+                    bottom: "var(--static-space-12)",
+                    transform: "translateX(-50%)",
+                };
+            default:
+                return {
+                    paddingLeft: labels === "y" || labels === "both"
+                        ? "var(--static-space-80)"
+                        : "var(--static-space-20)",
+                    top: "0.75rem",
+                };
+        }
+    };
+    const positionStyle = getPositionStyle();
+    return ((0, jsx_runtime_1.jsx)(components_1.Row, { wrap: true, fillWidth: true, horizontal: position === "top-left" ||
+            position === "top-right" ||
+            position === "bottom-left" ||
+            position === "bottom-right"
+            ? "start"
+            : "center", vertical: "center", position: "absolute", gap: "16", pointerEvents: "none", direction: direction, style: positionStyle, children: payload.map((entry, index) => {
+            const color = colors && colors[index] ? colors[index] : entry.stroke || entry.color;
+            return ((0, jsx_runtime_1.jsxs)(components_1.Row, { vertical: "center", gap: "8", children: [(0, jsx_runtime_1.jsx)(_1.Swatch, { color: color, size: "m", variant: variant }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: "label-default-s", wrap: "nowrap", children: entry.value })] }, index));
+        }) }));
+};
+exports.Legend = Legend;
+//# sourceMappingURL=Legend.js.map

package/dist/modules/data/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/Legend.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/LineBarChart.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ChartProps, barWidth, curveType } from ".";
+interface LineBarChartProps extends ChartProps {
+    barWidth?: barWidth;
+    curve?: curveType;
+    "data-viz-style"?: string;
+}
+declare const LineBarChart: React.FC<LineBarChartProps>;
+export { LineBarChart };
+export type { LineBarChartProps };
+//# sourceMappingURL=LineBarChart.d.ts.map

package/dist/modules/data/LineBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineBarChart.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/LineBarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,OAAO,EAML,UAAU,EAGV,QAAQ,EACR,SAAS,EACV,MAAM,GAAG,CAAC;AAGX,UAAU,iBAAkB,SAAQ,UAAU;IAC5C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoR7C,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/modules/data/LineBarChart.js

@@ -0,0 +1,188 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineBarChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const date_fns_1 = require("date-fns");
+const formatDate_1 = require("./utils/formatDate");
+const recharts_1 = require("recharts");
+const components_1 = require("../../components");
+const _1 = require(".");
+const DataThemeProvider_1 = require("../../contexts/DataThemeProvider");
+const LineBarChart = (_a) => {
+    var { title, description, data, series, date, emptyState, loading = false, legend: legendProp = {}, axis = "both", border = "neutral-medium", variant: variantProp, barWidth = "l", curve = "natural", "data-viz-style": dataVizStyle } = _a, flex = __rest(_a, ["title", "description", "data", "series", "date", "emptyState", "loading", "legend", "axis", "border", "variant", "barWidth", "curve", "data-viz-style"]);
+    const { chart } = (0, DataThemeProvider_1.useDataTheme)();
+    const variant = variantProp || chart.variant;
+    const legend = {
+        display: legendProp.display !== undefined ? legendProp.display : true,
+        position: legendProp.position || "top-left",
+        direction: legendProp.direction,
+    };
+    const [selectedDateRange, setSelectedDateRange] = (0, react_1.useState)((date === null || date === void 0 ? void 0 : date.start) && (date === null || date === void 0 ? void 0 : date.end)
+        ? {
+            startDate: date.start,
+            endDate: date.end,
+        }
+        : undefined);
+    (0, react_1.useEffect)(() => {
+        if ((date === null || date === void 0 ? void 0 : date.start) && (date === null || date === void 0 ? void 0 : date.end)) {
+            setSelectedDateRange({
+                startDate: date.start,
+                endDate: date.end,
+            });
+        }
+    }, [date === null || date === void 0 ? void 0 : date.start, date === null || date === void 0 ? void 0 : date.end]);
+    const allSeriesArray = Array.isArray(series) ? series : series ? [series] : [];
+    const seriesKeys = allSeriesArray.map((s) => s.key);
+    const xAxisKey = Object.keys(data[0] || {}).find((key) => !seriesKeys.includes(key)) || "name";
+    const filteredData = react_1.default.useMemo(() => {
+        if ((selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.startDate) && (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.endDate) && xAxisKey) {
+            const startDate = selectedDateRange.startDate;
+            const endDate = selectedDateRange.endDate;
+            if (startDate instanceof Date && endDate instanceof Date) {
+                return data.filter((item) => {
+                    try {
+                        const itemDateValue = item[xAxisKey];
+                        if (!itemDateValue)
+                            return false;
+                        const itemDate = typeof itemDateValue === "string" ? (0, date_fns_1.parseISO)(itemDateValue) : itemDateValue;
+                        return (0, date_fns_1.isWithinInterval)(itemDate, {
+                            start: startDate,
+                            end: endDate,
+                        });
+                    }
+                    catch (error) {
+                        return false;
+                    }
+                });
+            }
+        }
+        return data;
+    }, [data, selectedDateRange, xAxisKey]);
+    const handleDateRangeChange = (newRange) => {
+        setSelectedDateRange(newRange);
+        if (date === null || date === void 0 ? void 0 : date.onChange) {
+            date.onChange(newRange);
+        }
+    };
+    const chartSeriesArray = Array.isArray(series) ? series : series ? [series] : [];
+    if (chartSeriesArray.length < 2) {
+        console.warn("LineBarChart requires at least 2 series (one for line, one for bar)");
+    }
+    const lineSeries = chartSeriesArray[0] || { key: "value1", color: "blue" };
+    const barSeries = chartSeriesArray[1] || { key: "value2", color: "green" };
+    const lineColor = lineSeries.color || "blue";
+    const barColor = barSeries.color || "green";
+    const finalLineColor = `var(--data-${lineColor})`;
+    const finalBarColor = `var(--data-${barColor})`;
+    const chartId = react_1.default.useMemo(() => Math.random().toString(36).substring(2, 9), []);
+    return ((0, jsx_runtime_1.jsxs)(components_1.Column, Object.assign({ fillWidth: true, height: chart.height, border: border, radius: "l", "data-viz-style": dataVizStyle || chart.mode }, flex, { children: [(0, jsx_runtime_1.jsx)(_1.ChartHeader, { title: title, description: description, borderBottom: border, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date === null || date === void 0 ? void 0 : date.presets }), (0, jsx_runtime_1.jsxs)(components_1.Row, { fill: true, children: [(0, jsx_runtime_1.jsx)(_1.ChartStatus, { loading: loading, isEmpty: !filteredData || filteredData.length === 0, emptyState: emptyState }), !loading && filteredData && filteredData.length > 0 && ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsxs)(recharts_1.ComposedChart, { data: filteredData, margin: { left: 0, bottom: 0, top: 0, right: 0 }, barGap: 4, children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)(_1.LinearGradient, { id: `barGradient${chartId}`, color: finalBarColor, variant: variant }), (0, jsx_runtime_1.jsx)(_1.LinearGradient, { id: `lineGradient${chartId}`, color: finalLineColor, variant: variant })] }), (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: true, vertical: false, stroke: "var(--neutral-alpha-weak)" }), legend.display && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, { content: (0, jsx_runtime_1.jsx)(_1.Legend, { variant: variant, colors: [finalLineColor, finalBarColor], labels: axis, position: legend.position, direction: legend.direction }), wrapperStyle: {
+                                        position: "absolute",
+                                        top: legend.position === "top-center" ||
+                                            legend.position === "top-left" ||
+                                            legend.position === "top-right"
+                                            ? 0
+                                            : undefined,
+                                        bottom: legend.position === "bottom-center" ||
+                                            legend.position === "bottom-left" ||
+                                            legend.position === "bottom-right"
+                                            ? 0
+                                            : undefined,
+                                        paddingBottom: legend.position === "bottom-center" ||
+                                            legend.position === "bottom-left" ||
+                                            legend.position === "bottom-right"
+                                            ? "var(--static-space-40)"
+                                            : undefined,
+                                        left: (axis === "y" || axis === "both") &&
+                                            (legend.position === "top-center" || legend.position === "bottom-center")
+                                            ? "var(--static-space-64)"
+                                            : 0,
+                                        width: (axis === "y" || axis === "both") &&
+                                            (legend.position === "top-center" || legend.position === "bottom-center")
+                                            ? "calc(100% - var(--static-space-64))"
+                                            : "100%",
+                                        right: 0,
+                                        margin: 0,
+                                    } })), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { height: 32, tickMargin: 6, dataKey: xAxisKey, hide: !(axis === "x" || axis === "both"), axisLine: {
+                                        stroke: chart.axisLine.stroke,
+                                    }, tickLine: chart.tickLine, tick: {
+                                        fill: chart.tick.fill,
+                                        fontSize: chart.tick.fontSize,
+                                    }, tickFormatter: (value) => {
+                                        const dataPoint = data.find((item) => item[xAxisKey] === value);
+                                        return (0, formatDate_1.formatDate)(value, date, dataPoint);
+                                    } }), (axis === "y" || axis === "both") && ((0, jsx_runtime_1.jsx)(recharts_1.YAxis, { width: 64, padding: { top: 40 }, allowDataOverflow: true, tickLine: chart.tickLine, tick: {
+                                        fill: chart.tick.fill,
+                                        fontSize: chart.tick.fontSize,
+                                    }, axisLine: {
+                                        stroke: chart.axisLine.stroke,
+                                    } })), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { cursor: {
+                                        stroke: "var(--neutral-border-strong)",
+                                        strokeWidth: 1,
+                                    }, content: (props) => ((0, jsx_runtime_1.jsx)(_1.DataTooltip, Object.assign({}, props, { variant: variant, date: date, dataKey: xAxisKey }))) }), (0, jsx_runtime_1.jsx)(recharts_1.Area, { type: curve, dataKey: lineSeries.key, name: lineSeries.key, stroke: finalLineColor, transform: "translate(0, -1)", fill: `url(#lineGradient${chartId})`, activeDot: {
+                                        r: 4,
+                                        fill: finalLineColor,
+                                        stroke: "var(--background)",
+                                        strokeWidth: 0,
+                                    } }), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: barSeries.key, name: barSeries.key, fill: `url(#barGradient${chartId})`, stroke: finalBarColor, strokeWidth: 1, transform: "translate(0, -1)", radius: [4, 4, 4, 4], barSize: barWidth === "fill"
+                                        ? "100%"
+                                        : barWidth === "xs"
+                                            ? 6
+                                            : barWidth === "s"
+                                                ? 12
+                                                : barWidth === "m"
+                                                    ? 20
+                                                    : barWidth === "l"
+                                                        ? 40
+                                                        : barWidth === "xl"
+                                                            ? 50
+                                                            : barWidth })] }) }))] })] })));
+};
+exports.LineBarChart = LineBarChart;
+LineBarChart.displayName = "LineBarChart";
+//# sourceMappingURL=LineBarChart.js.map

package/dist/modules/data/LineBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineBarChart.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/LineBarChart.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/LineChart.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ChartProps, curveType } from ".";
+interface LineChartProps extends ChartProps {
+    curve?: curveType;
+    "data-viz-style"?: string;
+}
+declare const LineChart: React.FC<LineChartProps>;
+export { LineChart };
+export type { LineChartProps };
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/modules/data/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAc5D,OAAO,EAML,UAAU,EAGV,SAAS,EACV,MAAM,GAAG,CAAC;AAKX,UAAU,cAAe,SAAQ,UAAU;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoQvC,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}