@beweco/aurora-ui 0.1.61 → 0.1.63

package/dist/index.cjs.js

@@ -560,6 +560,40 @@ var AnalyticsCard = function (_a) {
                             }, variant: "bordered", onAction: function (key) { return handleMenuAction(String(key)); }, children: [jsxRuntime.jsx(react.DropdownItem, { children: t.viewDetails }, "view-details"), jsxRuntime.jsx(react.DropdownItem, { children: t.exportData }, "export-data"), jsxRuntime.jsx(react.DropdownItem, { children: t.setAlert }, "set-alert")] })] }))] }) })));
 };
 
+var H3 = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (jsxRuntime.jsx("h3", __assign({ className: react.cn("text-base font-medium", className) }, props, { children: children })));
+};
+
+function ChartTooltip(_a) {
+    var active = _a.active, payload = _a.payload, label = _a.label, series = _a.series, formatValue = _a.formatValue;
+    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length))
+        return null;
+    var format = function (value, dataKey) {
+        return formatValue ? formatValue(value, dataKey) : String(value);
+    };
+    return (jsxRuntime.jsxs("div", { className: "bg-gray-900 text-white px-3 py-2 rounded-lg text-sm shadow-lg", children: [label != null && (jsxRuntime.jsx(P, { className: "text-xs text-gray-300 mb-1", children: String(label) })), payload.map(function (entry, index) {
+                var _a;
+                var config = series.find(function (s) { return s.dataKey === entry.dataKey; });
+                var labelText = (_a = config === null || config === void 0 ? void 0 : config.label) !== null && _a !== void 0 ? _a : entry.dataKey;
+                return (jsxRuntime.jsxs(P, { className: "font-semibold", style: { color: entry.color }, children: [labelText, ": ", format(Number(entry.value), entry.dataKey)] }, index));
+            })] }));
+}
+function AreaLineChart(_a) {
+    var data = _a.data, xAxisKey = _a.xAxisKey, series = _a.series, title = _a.title, value = _a.value, trend = _a.trend, _b = _a.height, height = _b === void 0 ? 200 : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.wrappedInCard, wrappedInCard = _d === void 0 ? false : _d, formatTooltipValue = _a.formatTooltipValue;
+    var hasHeader = title != null || value != null || trend != null || series.length > 0;
+    var content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasHeader && (jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-6", children: [jsxRuntime.jsxs("div", { children: [title != null && (jsxRuntime.jsx(H3, { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1", children: title })), value != null && (jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [jsxRuntime.jsx("span", { className: "text-2xl font-bold text-gray-900", children: value }), trend != null && (jsxRuntime.jsx("span", { className: "text-xs font-medium text-yellow-600 bg-yellow-50 px-2 py-1 rounded", children: trend }))] }))] }), series.length > 0 && (jsxRuntime.jsx("div", { className: "flex items-center gap-4", children: series.map(function (s) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("svg", { width: "16", height: "2", viewBox: "0 0 16 2", fill: "none", children: jsxRuntime.jsx("line", { x1: "0", y1: "1", x2: "16", y2: "1", stroke: s.color, strokeWidth: "2" }) }), jsxRuntime.jsx("span", { className: "text-xs text-gray-600 font-medium", children: s.label })] }, s.dataKey)); }) }))] })), jsxRuntime.jsx("div", { className: "w-full", style: { height: "".concat(height, "px") }, children: jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: jsxRuntime.jsxs(recharts.LineChart, { data: data, margin: { top: 5, right: 5, left: 5, bottom: 5 }, children: [jsxRuntime.jsx("defs", { children: series.map(function (s) { return (jsxRuntime.jsxs("linearGradient", { id: "area-line-chart-".concat(s.dataKey), x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "0%", stopColor: s.color, stopOpacity: 0.3 }), jsxRuntime.jsx("stop", { offset: "50%", stopColor: s.color, stopOpacity: 0.15 }), jsxRuntime.jsx("stop", { offset: "100%", stopColor: s.color, stopOpacity: 0 })] }, s.dataKey)); }) }), jsxRuntime.jsx(recharts.XAxis, { dataKey: xAxisKey, axisLine: false, tickLine: false, tick: { fill: "#9ca3af", fontSize: 12 }, dy: 10 }), jsxRuntime.jsx(recharts.YAxis, { axisLine: false, tickLine: false, tick: { fill: "transparent", fontSize: 0 }, width: 0, tickCount: 6, domain: [0, "dataMax + 100"], allowDecimals: false }), jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "#d1d5db", strokeOpacity: 0.5, vertical: false, horizontal: true }), jsxRuntime.jsx(recharts.Tooltip, { content: jsxRuntime.jsx(ChartTooltip, { series: series, formatValue: formatTooltipValue }) }), series.map(function (s) { return (jsxRuntime.jsx(recharts.Area, { type: "natural", dataKey: s.dataKey, stroke: "none", fill: "url(#area-line-chart-".concat(s.dataKey, ")"), animationDuration: 1500, animationEasing: "ease-in-out" }, "area-".concat(s.dataKey))); }), series.map(function (s) { return (jsxRuntime.jsx(recharts.Line, { type: "natural", dataKey: s.dataKey, name: s.dataKey, stroke: s.color, strokeWidth: 3, dot: false, activeDot: {
+                                    r: 6,
+                                    fill: s.color,
+                                    stroke: "#fff",
+                                    strokeWidth: 2,
+                                }, fill: "transparent", animationDuration: 1500, animationEasing: "ease-in-out" }, "line-".concat(s.dataKey))); })] }) }) })] }));
+    if (wrappedInCard) {
+        return (jsxRuntime.jsx(react.Card, { className: "p-6 shadow-sm border border-gray-200 ".concat(className), children: content }));
+    }
+    return jsxRuntime.jsx("div", { className: className, children: content });
+}
+
 /** Clases del wrapper del icono: margen derecho y alineación igual para lupa e iconos custom */
 var ICON_WRAPPER_CLASSNAME = "mr-2 flex shrink-0 items-center [&_svg]:shrink-0";
 var DEFAULT_ICON = (jsxRuntime.jsx(IconComponent, { icon: "solar:magnifer-outline", className: "text-default-400 pointer-events-none shrink-0", size: "sm", "aria-hidden": true }));
@@ -1639,11 +1673,6 @@ var H1 = function (_a) {
     return (jsxRuntime.jsx("h1", __assign({ className: react.cn("text-xl font-bold", className) }, props, { children: children })));
 };
 
-var H3 = function (_a) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (jsxRuntime.jsx("h3", __assign({ className: react.cn("text-base font-medium", className) }, props, { children: children })));
-};
-
 var H4 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (jsxRuntime.jsx("h4", __assign({ className: react.cn("text-sm font-medium ", className) }, props, { children: children })));
@@ -5693,6 +5722,47 @@ var InputPassword = function (_a) {
                     }) }) }))] }));
 };
 
+var SimpleLineChart = function (_a) {
+    var data = _a.data, title = _a.title, _b = _a.height, height = _b === void 0 ? 200 : _b, _c = _a.color, color = _c === void 0 ? "#3b82f6" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.showTitle, showTitle = _e === void 0 ? true : _e, _f = _a.emptyMessage, emptyMessage = _f === void 0 ? "No hay datos disponibles" : _f, onPointClick = _a.onPointClick;
+    if (data.length === 0) {
+        return (jsxRuntime.jsxs("div", { className: className, children: [showTitle && title && (jsxRuntime.jsx(H3, { className: "text-base font-semibold text-gray-900 mb-4", children: title })), jsxRuntime.jsx("div", { className: "flex items-center justify-center h-48 text-gray-500", children: jsxRuntime.jsx(P, { children: emptyMessage }) })] }));
+    }
+    var dataMaxValue = Math.max.apply(Math, data.map(function (d) { return d.value; }));
+    var minValue = 0;
+    var maxValue = Math.ceil(dataMaxValue / 5) * 5 || 5;
+    var padding = 40;
+    var chartWidth = 600;
+    var chartHeight = height;
+    var innerWidth = chartWidth - padding * 2;
+    var innerHeight = chartHeight - padding * 2;
+    var range = maxValue - minValue || 1;
+    var getX = function (index) {
+        return padding + (index * innerWidth) / Math.max(data.length - 1, 1);
+    };
+    var getY = function (value) {
+        return chartHeight - padding - ((value - minValue) / range) * innerHeight;
+    };
+    var points = data.map(function (item, index) { return "".concat(getX(index), ",").concat(getY(item.value)); }).join(" ");
+    var lastX = data.length > 1 ? getX(data.length - 1) : padding + innerWidth;
+    var areaPath = "M".concat(padding, ",").concat(chartHeight - padding, " L").concat(points.replace(/ /g, " L"), " L").concat(lastX, ",").concat(chartHeight - padding, " Z");
+    return (jsxRuntime.jsxs("div", { className: className, children: [showTitle && title && (jsxRuntime.jsx(H3, { className: "text-base font-semibold text-gray-900 mb-4", children: title })), jsxRuntime.jsx("div", { className: "w-full", children: jsxRuntime.jsxs("svg", { width: "100%", height: chartHeight + 60, viewBox: "0 0 ".concat(chartWidth, " ").concat(chartHeight + 60), preserveAspectRatio: "xMidYMid meet", children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("pattern", { id: "simple-line-chart-grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: jsxRuntime.jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "#f3f4f6", strokeWidth: "1" }) }) }), jsxRuntime.jsx("rect", { width: "100%", height: "100%", fill: "url(#simple-line-chart-grid)" }), jsxRuntime.jsx("path", { d: areaPath, fill: color, fillOpacity: "0.1" }), jsxRuntime.jsx("polyline", { points: points, fill: "none", stroke: color, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), data.map(function (item, index) {
+                            var x = getX(index);
+                            var y = getY(item.value);
+                            return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("circle", { cx: x, cy: y, r: "4", fill: "white", stroke: color, strokeWidth: "2" }), jsxRuntime.jsx("circle", { cx: x, cy: y, r: "6", fill: "transparent", className: onPointClick
+                                            ? "cursor-pointer hover:fill-black hover:fill-opacity-10"
+                                            : "hover:fill-black hover:fill-opacity-10", onClick: function () { return onPointClick === null || onPointClick === void 0 ? void 0 : onPointClick(index, item); }, onKeyDown: function (e) {
+                                            if ((e.key === "Enter" || e.key === " ") && onPointClick) {
+                                                e.preventDefault();
+                                                onPointClick(index, item);
+                                            }
+                                        }, role: onPointClick ? "button" : undefined, tabIndex: onPointClick ? 0 : undefined, "aria-label": "".concat(item.label, ": ").concat(item.value), children: jsxRuntime.jsx("title", { children: "".concat(item.label, ": ").concat(item.value) }) })] }, index));
+                        }), data.map(function (item, index) { return (jsxRuntime.jsx("text", { x: getX(index), y: chartHeight + 20, textAnchor: "middle", className: "text-xs fill-gray-500", children: item.label }, index)); }), [0, 0.25, 0.5, 0.75, 1].map(function (ratio, index) {
+                            var y = chartHeight - padding - ratio * innerHeight;
+                            var value = Math.round(minValue + ratio * (maxValue - minValue));
+                            return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("line", { x1: padding, y1: y, x2: chartWidth - padding, y2: y, stroke: "#e5e7eb", strokeWidth: "1", strokeDasharray: "2,2" }), jsxRuntime.jsx("text", { x: padding - 10, y: y + 4, textAnchor: "end", className: "text-xs fill-gray-500", children: value })] }, index));
+                        })] }) })] }));
+};
+
 var DEFAULT_TRANSLATIONS = {
     placeholder: "Nombre de la etiqueta",
     labelSelect: "Selecciona etiqueta",
@@ -6164,6 +6234,7 @@ Object.defineProperty(exports, "loadIcons", {
 exports.AccordionList = AccordionList;
 exports.AddHolidayForm = AddHolidayForm;
 exports.AnalyticsCard = AnalyticsCard;
+exports.AreaLineChart = AreaLineChart;
 exports.AuraAutocomplete = AuraAutocomplete;
 exports.AuraTable = AuraTable;
 exports.AuraToastProvider = AuraToastProvider;
@@ -6211,6 +6282,7 @@ exports.RowSteps = RowSteps;
 exports.ScheduleRow = ScheduleRow;
 exports.SearchInput = SearchInput;
 exports.Select = Select;
+exports.SimpleLineChart = SimpleLineChart;
 exports.SocialMediaBar = SocialMediaBar;
 exports.SocialMediaCarousel = SocialMediaCarousel;
 exports.SocialMediaPreview = SocialMediaPreview;

package/dist/index.esm.js

@@ -5,7 +5,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Icon } from '@iconify/react';
 export { loadIcons } from '@iconify/react';
 import React, { useId, useState, useCallback, useMemo, useEffect, createContext, useContext, memo, useRef, createElement, useLayoutEffect } from 'react';
-import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip, Area } from 'recharts';
+import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip, Area, LineChart, YAxis, Line } from 'recharts';
 import { LazyMotion, domAnimation, m, motion, AnimatePresence } from 'framer-motion';
 import { createPortal } from 'react-dom';
 import { useTheme } from '@heroui/use-theme';
@@ -561,6 +561,40 @@ var AnalyticsCard = function (_a) {
                             }, variant: "bordered", onAction: function (key) { return handleMenuAction(String(key)); }, children: [jsx(DropdownItem, { children: t.viewDetails }, "view-details"), jsx(DropdownItem, { children: t.exportData }, "export-data"), jsx(DropdownItem, { children: t.setAlert }, "set-alert")] })] }))] }) })));
 };
 
+var H3 = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (jsx("h3", __assign({ className: cn("text-base font-medium", className) }, props, { children: children })));
+};
+
+function ChartTooltip(_a) {
+    var active = _a.active, payload = _a.payload, label = _a.label, series = _a.series, formatValue = _a.formatValue;
+    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length))
+        return null;
+    var format = function (value, dataKey) {
+        return formatValue ? formatValue(value, dataKey) : String(value);
+    };
+    return (jsxs("div", { className: "bg-gray-900 text-white px-3 py-2 rounded-lg text-sm shadow-lg", children: [label != null && (jsx(P, { className: "text-xs text-gray-300 mb-1", children: String(label) })), payload.map(function (entry, index) {
+                var _a;
+                var config = series.find(function (s) { return s.dataKey === entry.dataKey; });
+                var labelText = (_a = config === null || config === void 0 ? void 0 : config.label) !== null && _a !== void 0 ? _a : entry.dataKey;
+                return (jsxs(P, { className: "font-semibold", style: { color: entry.color }, children: [labelText, ": ", format(Number(entry.value), entry.dataKey)] }, index));
+            })] }));
+}
+function AreaLineChart(_a) {
+    var data = _a.data, xAxisKey = _a.xAxisKey, series = _a.series, title = _a.title, value = _a.value, trend = _a.trend, _b = _a.height, height = _b === void 0 ? 200 : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.wrappedInCard, wrappedInCard = _d === void 0 ? false : _d, formatTooltipValue = _a.formatTooltipValue;
+    var hasHeader = title != null || value != null || trend != null || series.length > 0;
+    var content = (jsxs(Fragment, { children: [hasHeader && (jsxs("div", { className: "flex items-start justify-between mb-6", children: [jsxs("div", { children: [title != null && (jsx(H3, { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1", children: title })), value != null && (jsxs("div", { className: "flex items-baseline gap-2", children: [jsx("span", { className: "text-2xl font-bold text-gray-900", children: value }), trend != null && (jsx("span", { className: "text-xs font-medium text-yellow-600 bg-yellow-50 px-2 py-1 rounded", children: trend }))] }))] }), series.length > 0 && (jsx("div", { className: "flex items-center gap-4", children: series.map(function (s) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("svg", { width: "16", height: "2", viewBox: "0 0 16 2", fill: "none", children: jsx("line", { x1: "0", y1: "1", x2: "16", y2: "1", stroke: s.color, strokeWidth: "2" }) }), jsx("span", { className: "text-xs text-gray-600 font-medium", children: s.label })] }, s.dataKey)); }) }))] })), jsx("div", { className: "w-full", style: { height: "".concat(height, "px") }, children: jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(LineChart, { data: data, margin: { top: 5, right: 5, left: 5, bottom: 5 }, children: [jsx("defs", { children: series.map(function (s) { return (jsxs("linearGradient", { id: "area-line-chart-".concat(s.dataKey), x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "0%", stopColor: s.color, stopOpacity: 0.3 }), jsx("stop", { offset: "50%", stopColor: s.color, stopOpacity: 0.15 }), jsx("stop", { offset: "100%", stopColor: s.color, stopOpacity: 0 })] }, s.dataKey)); }) }), jsx(XAxis, { dataKey: xAxisKey, axisLine: false, tickLine: false, tick: { fill: "#9ca3af", fontSize: 12 }, dy: 10 }), jsx(YAxis, { axisLine: false, tickLine: false, tick: { fill: "transparent", fontSize: 0 }, width: 0, tickCount: 6, domain: [0, "dataMax + 100"], allowDecimals: false }), jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#d1d5db", strokeOpacity: 0.5, vertical: false, horizontal: true }), jsx(Tooltip, { content: jsx(ChartTooltip, { series: series, formatValue: formatTooltipValue }) }), series.map(function (s) { return (jsx(Area, { type: "natural", dataKey: s.dataKey, stroke: "none", fill: "url(#area-line-chart-".concat(s.dataKey, ")"), animationDuration: 1500, animationEasing: "ease-in-out" }, "area-".concat(s.dataKey))); }), series.map(function (s) { return (jsx(Line, { type: "natural", dataKey: s.dataKey, name: s.dataKey, stroke: s.color, strokeWidth: 3, dot: false, activeDot: {
+                                    r: 6,
+                                    fill: s.color,
+                                    stroke: "#fff",
+                                    strokeWidth: 2,
+                                }, fill: "transparent", animationDuration: 1500, animationEasing: "ease-in-out" }, "line-".concat(s.dataKey))); })] }) }) })] }));
+    if (wrappedInCard) {
+        return (jsx(Card$1, { className: "p-6 shadow-sm border border-gray-200 ".concat(className), children: content }));
+    }
+    return jsx("div", { className: className, children: content });
+}
+
 /** Clases del wrapper del icono: margen derecho y alineación igual para lupa e iconos custom */
 var ICON_WRAPPER_CLASSNAME = "mr-2 flex shrink-0 items-center [&_svg]:shrink-0";
 var DEFAULT_ICON = (jsx(IconComponent, { icon: "solar:magnifer-outline", className: "text-default-400 pointer-events-none shrink-0", size: "sm", "aria-hidden": true }));
@@ -1640,11 +1674,6 @@ var H1 = function (_a) {
     return (jsx("h1", __assign({ className: cn("text-xl font-bold", className) }, props, { children: children })));
 };
 
-var H3 = function (_a) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (jsx("h3", __assign({ className: cn("text-base font-medium", className) }, props, { children: children })));
-};
-
 var H4 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (jsx("h4", __assign({ className: cn("text-sm font-medium ", className) }, props, { children: children })));
@@ -5694,6 +5723,47 @@ var InputPassword = function (_a) {
                     }) }) }))] }));
 };
 
+var SimpleLineChart = function (_a) {
+    var data = _a.data, title = _a.title, _b = _a.height, height = _b === void 0 ? 200 : _b, _c = _a.color, color = _c === void 0 ? "#3b82f6" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.showTitle, showTitle = _e === void 0 ? true : _e, _f = _a.emptyMessage, emptyMessage = _f === void 0 ? "No hay datos disponibles" : _f, onPointClick = _a.onPointClick;
+    if (data.length === 0) {
+        return (jsxs("div", { className: className, children: [showTitle && title && (jsx(H3, { className: "text-base font-semibold text-gray-900 mb-4", children: title })), jsx("div", { className: "flex items-center justify-center h-48 text-gray-500", children: jsx(P, { children: emptyMessage }) })] }));
+    }
+    var dataMaxValue = Math.max.apply(Math, data.map(function (d) { return d.value; }));
+    var minValue = 0;
+    var maxValue = Math.ceil(dataMaxValue / 5) * 5 || 5;
+    var padding = 40;
+    var chartWidth = 600;
+    var chartHeight = height;
+    var innerWidth = chartWidth - padding * 2;
+    var innerHeight = chartHeight - padding * 2;
+    var range = maxValue - minValue || 1;
+    var getX = function (index) {
+        return padding + (index * innerWidth) / Math.max(data.length - 1, 1);
+    };
+    var getY = function (value) {
+        return chartHeight - padding - ((value - minValue) / range) * innerHeight;
+    };
+    var points = data.map(function (item, index) { return "".concat(getX(index), ",").concat(getY(item.value)); }).join(" ");
+    var lastX = data.length > 1 ? getX(data.length - 1) : padding + innerWidth;
+    var areaPath = "M".concat(padding, ",").concat(chartHeight - padding, " L").concat(points.replace(/ /g, " L"), " L").concat(lastX, ",").concat(chartHeight - padding, " Z");
+    return (jsxs("div", { className: className, children: [showTitle && title && (jsx(H3, { className: "text-base font-semibold text-gray-900 mb-4", children: title })), jsx("div", { className: "w-full", children: jsxs("svg", { width: "100%", height: chartHeight + 60, viewBox: "0 0 ".concat(chartWidth, " ").concat(chartHeight + 60), preserveAspectRatio: "xMidYMid meet", children: [jsx("defs", { children: jsx("pattern", { id: "simple-line-chart-grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "#f3f4f6", strokeWidth: "1" }) }) }), jsx("rect", { width: "100%", height: "100%", fill: "url(#simple-line-chart-grid)" }), jsx("path", { d: areaPath, fill: color, fillOpacity: "0.1" }), jsx("polyline", { points: points, fill: "none", stroke: color, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), data.map(function (item, index) {
+                            var x = getX(index);
+                            var y = getY(item.value);
+                            return (jsxs("g", { children: [jsx("circle", { cx: x, cy: y, r: "4", fill: "white", stroke: color, strokeWidth: "2" }), jsx("circle", { cx: x, cy: y, r: "6", fill: "transparent", className: onPointClick
+                                            ? "cursor-pointer hover:fill-black hover:fill-opacity-10"
+                                            : "hover:fill-black hover:fill-opacity-10", onClick: function () { return onPointClick === null || onPointClick === void 0 ? void 0 : onPointClick(index, item); }, onKeyDown: function (e) {
+                                            if ((e.key === "Enter" || e.key === " ") && onPointClick) {
+                                                e.preventDefault();
+                                                onPointClick(index, item);
+                                            }
+                                        }, role: onPointClick ? "button" : undefined, tabIndex: onPointClick ? 0 : undefined, "aria-label": "".concat(item.label, ": ").concat(item.value), children: jsx("title", { children: "".concat(item.label, ": ").concat(item.value) }) })] }, index));
+                        }), data.map(function (item, index) { return (jsx("text", { x: getX(index), y: chartHeight + 20, textAnchor: "middle", className: "text-xs fill-gray-500", children: item.label }, index)); }), [0, 0.25, 0.5, 0.75, 1].map(function (ratio, index) {
+                            var y = chartHeight - padding - ratio * innerHeight;
+                            var value = Math.round(minValue + ratio * (maxValue - minValue));
+                            return (jsxs("g", { children: [jsx("line", { x1: padding, y1: y, x2: chartWidth - padding, y2: y, stroke: "#e5e7eb", strokeWidth: "1", strokeDasharray: "2,2" }), jsx("text", { x: padding - 10, y: y + 4, textAnchor: "end", className: "text-xs fill-gray-500", children: value })] }, index));
+                        })] }) })] }));
+};
+
 var DEFAULT_TRANSLATIONS = {
     placeholder: "Nombre de la etiqueta",
     labelSelect: "Selecciona etiqueta",
@@ -6154,4 +6224,4 @@ var NavigationLoadingProvider = function (_a) {
     return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
 };
 
-export { AccordionList, AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RangeFilter, RowSteps, ScheduleRow, SearchInput, Select, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, defaultTranslations$4 as defaultTranslations, generateThemeColorScale, getContrastForeground, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isExactThemeColor, isHexColor, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };
+export { AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RangeFilter, RowSteps, ScheduleRow, SearchInput, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, defaultTranslations$4 as defaultTranslations, generateThemeColorScale, getContrastForeground, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isExactThemeColor, isHexColor, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };

package/dist/types/components/area-line-chart/AreaLineChart.d.ts

@@ -0,0 +1,3 @@
+import type { AreaLineChartProps } from "./AreaLineChart.types";
+export declare function AreaLineChart<T extends Record<string, unknown>>({ data, xAxisKey, series, title, value, trend, height, className, wrappedInCard, formatTooltipValue, }: AreaLineChartProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AreaLineChart.d.ts.map

package/dist/types/components/area-line-chart/AreaLineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaLineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-line-chart/AreaLineChart.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAC;AAgC3F,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAY,EACZ,SAAc,EACd,aAAqB,EACrB,kBAAkB,GAClB,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CA+IvB"}

package/dist/types/components/area-line-chart/AreaLineChart.types.d.ts

@@ -0,0 +1,31 @@
+/** Configuración de cada serie (línea/área) del gráfico */
+export interface AreaLineChartSeriesConfig {
+    /** Clave del dato en cada item de `data` (ej. "email", "whatsapp") */
+    dataKey: string;
+    /** Color de la línea/área (hex o nombre CSS) */
+    color: string;
+    /** Etiqueta para leyenda y tooltip */
+    label: string;
+}
+export interface AreaLineChartProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** Datos: array de objetos con la clave del eje X y las claves de cada serie */
+    data: T[];
+    /** Clave que se usa para el eje X (ej. "name", "date") */
+    xAxisKey: keyof T & string;
+    /** Configuración de cada serie a pintar */
+    series: AreaLineChartSeriesConfig[];
+    /** Título del gráfico */
+    title?: string;
+    /** Valor destacado (ej. total) */
+    value?: string;
+    /** Texto de tendencia (ej. "+12%") */
+    trend?: string;
+    /** Altura del gráfico en px */
+    height?: number;
+    className?: string;
+    /** Si se muestra dentro de un Card con padding. Por defecto false = solo el gráfico */
+    wrappedInCard?: boolean;
+    /** Formatear valor en tooltip (valor, dataKey) */
+    formatTooltipValue?: (value: number, dataKey: string) => string;
+}
+//# sourceMappingURL=AreaLineChart.types.d.ts.map

package/dist/types/components/area-line-chart/AreaLineChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaLineChart.types.d.ts","sourceRoot":"","sources":["../../../../src/components/area-line-chart/AreaLineChart.types.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,MAAM,WAAW,yBAAyB;IACzC,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9F,gFAAgF;IAChF,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,MAAM,EAAE,yBAAyB,EAAE,CAAC;IACpC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CAChE"}

package/dist/types/components/area-line-chart/index.d.ts

@@ -0,0 +1,3 @@
+export { AreaLineChart } from "./AreaLineChart.js";
+export type { AreaLineChartProps, AreaLineChartSeriesConfig, } from "./AreaLineChart.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/area-line-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/area-line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EACX,kBAAkB,EAClB,yBAAyB,GACzB,MAAM,uBAAuB,CAAC"}

package/dist/types/components/simple-line-chart/SimpleLineChart.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { SimpleLineChartProps } from "./SimpleLineChart.types";
+export declare const SimpleLineChart: FC<SimpleLineChartProps>;
+//# sourceMappingURL=SimpleLineChart.d.ts.map

package/dist/types/components/simple-line-chart/SimpleLineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/simple-line-chart/SimpleLineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAA4B,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE9F,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8JpD,CAAC"}

package/dist/types/components/simple-line-chart/SimpleLineChart.types.d.ts

@@ -0,0 +1,22 @@
+export interface SimpleLineChartDataPoint {
+    label: string;
+    value: number;
+}
+export interface SimpleLineChartProps {
+    /** Datos para pintar la gráfica: etiqueta (eje X) y valor (eje Y) */
+    data: SimpleLineChartDataPoint[];
+    /** Título opcional encima del gráfico */
+    title?: string;
+    /** Altura del área del gráfico en píxeles */
+    height?: number;
+    /** Color de la línea y del área (hex o nombre CSS) */
+    color?: string;
+    className?: string;
+    /** Si se muestra el título cuando existe */
+    showTitle?: boolean;
+    /** Mensaje cuando no hay datos */
+    emptyMessage?: string;
+    /** Llamado al hacer clic en un punto (índice, punto) */
+    onPointClick?: (index: number, point: SimpleLineChartDataPoint) => void;
+}
+//# sourceMappingURL=SimpleLineChart.types.d.ts.map

package/dist/types/components/simple-line-chart/SimpleLineChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLineChart.types.d.ts","sourceRoot":"","sources":["../../../../src/components/simple-line-chart/SimpleLineChart.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACpC,qEAAqE;IACrE,IAAI,EAAE,wBAAwB,EAAE,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACxE"}

package/dist/types/components/simple-line-chart/index.d.ts

@@ -0,0 +1,3 @@
+export { SimpleLineChart } from "./SimpleLineChart.js";
+export type { SimpleLineChartDataPoint, SimpleLineChartProps, } from "./SimpleLineChart.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/simple-line-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/simple-line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EACX,wBAAwB,EACxB,oBAAoB,GACpB,MAAM,yBAAyB,CAAC"}

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export { Slider } from "@heroui/react";
 export * from "./components/accordion-list";
 export * from "./components/add-holiday-form";
 export * from "./components/analytics-card";
+export * from "./components/area-line-chart";
 export * from "./components/autocomplete";
 export * from "./components/color-picker";
 export * from "./components/color-selector";
@@ -49,6 +50,7 @@ export * from "./components/navigation-loading-overlay";
 export * from "./components/drawer-filters";
 export * from "./components/input-password";
 export * from "./components/range-filter";
+export * from "./components/simple-line-chart";
 export * from "./components/tags-filter";
 export { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, type ModalProps, } from "./components/modal";
 export { AuraAutocomplete, type AuraAutocompleteProps, } from "./components/autocomplete";

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.1.61",
+	"version": "0.1.63",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",