@beweco/aurora-ui 0.1.62 → 0.1.64

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 })));
@@ -2464,8 +2493,8 @@ var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
 var VerticalSteps = React.forwardRef(function (_a, ref) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "stepClassName", "className", "translations"]);
-    var _f = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _f[0], setCurrentStep = _f[1];
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, _f = _a.hideInactiveDescriptions, hideInactiveDescriptions = _f === void 0 ? false : _f, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "hideInactiveDescriptions", "stepClassName", "className", "translations"]);
+    var _g = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _g[0], setCurrentStep = _g[1];
     var t = __assign(__assign({}, defaultTranslations$7), translations);
     var steps = React.useMemo(function () {
         if (typeof stepsProp === "number") {
@@ -2552,9 +2581,12 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
                                                         },
                                                     }, children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), jsxRuntime.jsx("div", { className: "flex-1 text-left", children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: react.cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
                                                         "text-default-300": status === "inactive",
-                                                    }), children: step.title }), jsxRuntime.jsx("div", { className: react.cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
+                                                    }), children: step.title }), (!hideInactiveDescriptions ||
+                                                    status === "active") && (jsxRuntime.jsx("div", { className: react.cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
                                                         "text-default-300": status === "inactive",
-                                                    }), children: step.description })] }) })] }), stepIdx) }), stepIdx < steps.length - 1 && !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: react.cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4"), style: {
+                                                    }), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 && !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: react.cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
+                                "h-1/4": stepIdx === currentStep,
+                            }), style: {
                                 // @ts-ignore
                                 "--idx": stepIdx,
                             }, children: jsxRuntime.jsx("div", { className: react.cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
@@ -2570,13 +2602,13 @@ var stepperClasses = react.cn(
 // dark
 "dark:[--step-color:rgba(255,255,255,0.1)]", "dark:[--active-color:hsl(var(--heroui-foreground-600))]", "dark:[--active-border-color:rgba(255,255,255,0.5)]", "dark:[--inactive-border-color:rgba(255,255,255,0.1)]", "dark:[--inactive-bar-color:rgba(255,255,255,0.1)]", "dark:[--inactive-color:rgba(255,255,255,0.2)]");
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions"]);
     var handleOverlayClick = function (e) {
         if (e.target === e.currentTarget) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     };
-    return (jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxRuntime.jsxs("div", __assign({ ref: ref, className: react.cn("flex h-full w-full max-w-4xl rounded-lg bg-background shadow-lg lg:h-auto", className) }, props, { children: [jsxRuntime.jsx("div", { className: "hidden w-1/3 flex-col items-center justify-center gap-y-8 p-8 md:flex", children: jsxRuntime.jsx(VerticalSteps, { className: stepperClasses, color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage }) }), jsxRuntime.jsxs("div", { className: "relative flex h-auto justify-between w-full flex-col items-center gap-4 md:p-4 lg:w-2/3", children: [jsxRuntime.jsx(Button, { isIconOnly: true, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsxRuntime.jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsxRuntime.jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsxRuntime.jsx("div", { className: "flex  w-full justify-center", children: jsxRuntime.jsx(StepIndicator, { className: react.cn(stepperClasses), currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsxRuntime.jsx("div", { className: " flex flex-col h-full w-full justify-between p-4 sm:max-w-md md:max-w-lg", children: children })] })] })) }));
+    return (jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxRuntime.jsxs("div", __assign({ ref: ref, className: react.cn("flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-[85vh] lg:max-h-[85vh]", className) }, props, { children: [jsxRuntime.jsx("div", { className: react.cn("hidden h-full w-1/3 flex-col gap-y-8 overflow-y-auto p-8 md:flex [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", steps.length < 5 ? "justify-center" : "items-start"), children: jsxRuntime.jsx(VerticalSteps, { className: stepperClasses, color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxRuntime.jsxs("div", { className: "relative flex h-full w-full flex-col items-center justify-between gap-4 md:p-4 lg:w-2/3", children: [jsxRuntime.jsx(Button, { isIconOnly: true, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsxRuntime.jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsxRuntime.jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsxRuntime.jsx("div", { className: "flex  w-full justify-center", children: jsxRuntime.jsx(StepIndicator, { className: react.cn(stepperClasses), currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsxRuntime.jsx("div", { className: "flex flex-col h-full w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] })) }));
 });
 MultiStepSidebar.displayName = "MultiStepSidebar";
 
@@ -2590,7 +2622,7 @@ var MultistepNavigationButtons = function (_a) {
 };
 
 var MultiStepWizard = function (_a) {
-    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText;
+    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText, hideInactiveDescriptions = _a.hideInactiveDescriptions;
     var _b = React.useState(0), page = _b[0], setPage = _b[1];
     React.useEffect(function () {
         if (isOpen) {
@@ -2654,7 +2686,7 @@ var MultiStepWizard = function (_a) {
     if (!isOpen) {
         return null;
     }
-    return (jsxRuntime.jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsxRuntime.jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsxRuntime.jsx(MultistepNavigationButtons, { backButtonProps: {
+    return (jsxRuntime.jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsxRuntime.jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsxRuntime.jsx(MultistepNavigationButtons, { backButtonProps: {
                     isDisabled: page === 0,
                     onPress: onBack,
                     children: t.goBack,
@@ -5693,6 +5725,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 +6237,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 +6285,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 })));
@@ -2465,8 +2494,8 @@ var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
 var VerticalSteps = React.forwardRef(function (_a, ref) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "stepClassName", "className", "translations"]);
-    var _f = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _f[0], setCurrentStep = _f[1];
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, _f = _a.hideInactiveDescriptions, hideInactiveDescriptions = _f === void 0 ? false : _f, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "hideInactiveDescriptions", "stepClassName", "className", "translations"]);
+    var _g = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _g[0], setCurrentStep = _g[1];
     var t = __assign(__assign({}, defaultTranslations$7), translations);
     var steps = React.useMemo(function () {
         if (typeof stepsProp === "number") {
@@ -2553,9 +2582,12 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
                                                         },
                                                     }, children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), jsx("div", { className: "flex-1 text-left", children: jsxs("div", { children: [jsx("div", { className: cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
                                                         "text-default-300": status === "inactive",
-                                                    }), children: step.title }), jsx("div", { className: cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
+                                                    }), children: step.title }), (!hideInactiveDescriptions ||
+                                                    status === "active") && (jsx("div", { className: cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
                                                         "text-default-300": status === "inactive",
-                                                    }), children: step.description })] }) })] }), stepIdx) }), stepIdx < steps.length - 1 && !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4"), style: {
+                                                    }), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 && !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
+                                "h-1/4": stepIdx === currentStep,
+                            }), style: {
                                 // @ts-ignore
                                 "--idx": stepIdx,
                             }, children: jsx("div", { className: cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
@@ -2571,13 +2603,13 @@ var stepperClasses = cn(
 // dark
 "dark:[--step-color:rgba(255,255,255,0.1)]", "dark:[--active-color:hsl(var(--heroui-foreground-600))]", "dark:[--active-border-color:rgba(255,255,255,0.5)]", "dark:[--inactive-border-color:rgba(255,255,255,0.1)]", "dark:[--inactive-bar-color:rgba(255,255,255,0.1)]", "dark:[--inactive-color:rgba(255,255,255,0.2)]");
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions"]);
     var handleOverlayClick = function (e) {
         if (e.target === e.currentTarget) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     };
-    return (jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxs("div", __assign({ ref: ref, className: cn("flex h-full w-full max-w-4xl rounded-lg bg-background shadow-lg lg:h-auto", className) }, props, { children: [jsx("div", { className: "hidden w-1/3 flex-col items-center justify-center gap-y-8 p-8 md:flex", children: jsx(VerticalSteps, { className: stepperClasses, color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage }) }), jsxs("div", { className: "relative flex h-auto justify-between w-full flex-col items-center gap-4 md:p-4 lg:w-2/3", children: [jsx(Button, { isIconOnly: true, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsx("div", { className: "flex  w-full justify-center", children: jsx(StepIndicator, { className: cn(stepperClasses), currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsx("div", { className: " flex flex-col h-full w-full justify-between p-4 sm:max-w-md md:max-w-lg", children: children })] })] })) }));
+    return (jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxs("div", __assign({ ref: ref, className: cn("flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-[85vh] lg:max-h-[85vh]", className) }, props, { children: [jsx("div", { className: cn("hidden h-full w-1/3 flex-col gap-y-8 overflow-y-auto p-8 md:flex [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", steps.length < 5 ? "justify-center" : "items-start"), children: jsx(VerticalSteps, { className: stepperClasses, color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxs("div", { className: "relative flex h-full w-full flex-col items-center justify-between gap-4 md:p-4 lg:w-2/3", children: [jsx(Button, { isIconOnly: true, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsx("div", { className: "flex  w-full justify-center", children: jsx(StepIndicator, { className: cn(stepperClasses), currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsx("div", { className: "flex flex-col h-full w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] })) }));
 });
 MultiStepSidebar.displayName = "MultiStepSidebar";
 
@@ -2591,7 +2623,7 @@ var MultistepNavigationButtons = function (_a) {
 };
 
 var MultiStepWizard = function (_a) {
-    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText;
+    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText, hideInactiveDescriptions = _a.hideInactiveDescriptions;
     var _b = React.useState(0), page = _b[0], setPage = _b[1];
     React.useEffect(function () {
         if (isOpen) {
@@ -2655,7 +2687,7 @@ var MultiStepWizard = function (_a) {
     if (!isOpen) {
         return null;
     }
-    return (jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, children: [jsxs("div", { children: [jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsx(MultistepNavigationButtons, { backButtonProps: {
+    return (jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, children: [jsxs("div", { children: [jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsx(MultistepNavigationButtons, { backButtonProps: {
                     isDisabled: page === 0,
                     onPress: onBack,
                     children: t.goBack,
@@ -5694,6 +5726,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 +6227,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/multi-step-wizard/MultiStepWizard.d.ts

@@ -1,3 +1,3 @@
 import type { MultiStepWizardProps } from "./MultiStepWizard.types";
-export declare const MultiStepWizard: ({ isOpen, steps, translations, onClose, onComplete, completeButtonText, }: MultiStepWizardProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MultiStepWizard: ({ isOpen, steps, translations, onClose, onComplete, completeButtonText, hideInactiveDescriptions, }: MultiStepWizardProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MultiStepWizard.d.ts.map

package/dist/types/components/multi-step-wizard/MultiStepWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,2EAO7B,oBAAoB,mDA2ItB,CAAC"}
+{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,qGAQ7B,oBAAoB,mDA4ItB,CAAC"}

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts

@@ -15,6 +15,8 @@ export interface MultiStepWizardProps {
     onComplete?: () => void;
     /** Texto del botón en el último paso */
     completeButtonText?: string;
+    /** Oculta las descripciones de los pasos no activos en el sidebar */
+    hideInactiveDescriptions?: boolean;
 }
 export interface MultiStepWizardTranslations {
     continue?: string;

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAkBtE,eAAO,MAAM,gBAAgB,8FAkF5B,CAAC"}
+{"version":3,"file":"MultiStepSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAmBtE,eAAO,MAAM,gBAAgB,8FA0F5B,CAAC"}

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.types.d.ts

@@ -9,5 +9,6 @@ export interface MultiStepSidebarProps extends React.HTMLAttributes<HTMLDivEleme
     onChangePage?: (page: number) => void;
     steps: Step[];
     goBackTranslation?: string;
+    hideInactiveDescriptions?: boolean;
 }
 //# sourceMappingURL=MultiStepSidebar.types.d.ts.map

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepSidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,qBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"MultiStepSidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,qBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC"}

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/components/vertical-steps/VerticalSteps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAM/B,eAAO,MAAM,aAAa,8FAmOzB,CAAC"}
+{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAM/B,eAAO,MAAM,aAAa,8FA0OzB,CAAC"}

package/dist/types/components/vertical-steps/VerticalSteps.types.d.ts

@@ -39,6 +39,13 @@ export interface VerticalStepsProps extends React.HTMLAttributes<HTMLButtonEleme
      * @default false
      */
     hideProgressBars?: boolean;
+    /**
+     * Whether to hide descriptions for non-active steps.
+     * Useful when there are many steps to save vertical space.
+     *
+     * @default false
+     */
+    hideInactiveDescriptions?: boolean;
     /**
      * The custom class for the steps wrapper.
      */

package/dist/types/components/vertical-steps/VerticalSteps.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSteps.types.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAAyB;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,IAAI,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,kBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CACzC"}
+{"version":3,"file":"VerticalSteps.types.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAAyB;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,IAAI,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,kBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CACzC"}