@beweco/aurora-ui 0.6.61 → 0.6.62

package/dist/index.cjs.js

@@ -341,7 +341,7 @@ var Input = function (_a) {
         } })));
 };
 
-var defaultTranslations$f = {
+var defaultTranslations$g = {
     addHolidayTitle: "Add holiday",
     dayOption: "Day",
     dateRangeOption: "Date range",
@@ -365,7 +365,7 @@ var INITIAL_HOLIDAY_STATE = {
  */
 var AddHolidayForm = function (_a) {
     var onAddHoliday = _a.onAddHoliday, translations = _a.translations, className = _a.className, radioGroupProps = _a.radioGroupProps, dateRangePickerProps = _a.dateRangePickerProps, buttonProps = _a.buttonProps;
-    var t = __assign(__assign({}, defaultTranslations$f), translations);
+    var t = __assign(__assign({}, defaultTranslations$g), translations);
     var _b = React.useState(INITIAL_HOLIDAY_STATE), newHoliday = _b[0], setNewHoliday = _b[1];
     /**
      * A boolean flag that determines if a date has been set.
@@ -435,7 +435,7 @@ var P = function (_a) {
     return (jsxRuntime.jsx("p", __assign({ className: react.cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
 };
 
-var defaultTranslations$e = {
+var defaultTranslations$f = {
     title: "Analytics",
     description: "Monthly growth of your metrics during the selected period",
     viewDetails: "View Details",
@@ -489,7 +489,7 @@ var formatMonth = function (month) {
 var AnalyticsCard = function (_a) {
     var _b, _c;
     var data = _a.data, _d = _a.showTimePeriods, showTimePeriods = _d === void 0 ? true : _d, _e = _a.showDropdownMenu, showDropdownMenu = _e === void 0 ? true : _e, _f = _a.showMetricCards, showMetricCards = _f === void 0 ? true : _f, onChartChange = _a.onChartChange, onMenuAction = _a.onMenuAction, onTimePeriodChange = _a.onTimePeriodChange, _g = _a.translations, translations = _g === void 0 ? {} : _g, props = __rest(_a, ["data", "showTimePeriods", "showDropdownMenu", "showMetricCards", "onChartChange", "onMenuAction", "onTimePeriodChange", "translations"]);
-    var t = __assign(__assign({}, defaultTranslations$e), translations);
+    var t = __assign(__assign({}, defaultTranslations$f), translations);
     var _h = React.useState((_c = (_b = data[0]) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : ""), activeChart = _h[0], setActiveChart = _h[1];
     var activeChartData = React.useMemo(function () {
         var _a;
@@ -652,7 +652,7 @@ var DEFAULT_PREDEFINED_COLORS = [
 /**
  * Default translations (Spanish)
  */
-var defaultTranslations$d = {
+var defaultTranslations$e = {
     label: "Color",
     placeholder: "Ingresa código hex",
     customColorLabel: "Color personalizado",
@@ -717,7 +717,7 @@ var ColorPicker = React.forwardRef(function (_a, ref) {
     var value = _a.value, onChange = _a.onChange, label = _a.label, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, errorText = _a.errorText, _e = _a.predefinedColors, predefinedColors = _e === void 0 ? DEFAULT_PREDEFINED_COLORS : _e, _f = _a.enableRecentColors, enableRecentColors = _f === void 0 ? true : _f, _g = _a.maxRecentColors, maxRecentColors = _g === void 0 ? 6 : _g, _h = _a.recentColorsStorageKey, recentColorsStorageKey = _h === void 0 ? "aurora-ui-recent-colors" : _h, _j = _a.showPredefinedColors, showPredefinedColors = _j === void 0 ? true : _j, _k = _a.translations, translations = _k === void 0 ? {} : _k, _l = _a.className, className = _l === void 0 ? "" : _l, id = _a.id, name = _a.name;
     var generatedId = React.useId();
     var inputId = id || generatedId;
-    var t = __assign(__assign({}, defaultTranslations$d), translations);
+    var t = __assign(__assign({}, defaultTranslations$e), translations);
     // Local state for text input — holds the hex digits WITHOUT the leading "#".
     // The "#" is rendered as a fixed startContent prefix.
     var _m = React.useState(stripHash(value)), textValue = _m[0], setTextValue = _m[1];
@@ -1848,7 +1848,7 @@ var countries = [
 ];
 var uniqueCountries = Array.from(new Map(countries.map(function (item) { return [item.code + item.name, item]; })).values());
 // Traducciones por defecto
-var defaultTranslations$c = {
+var defaultTranslations$d = {
     label: "Teléfono",
     placeholder: "Número de teléfono",
     searchPlaceholder: "Buscar país...",
@@ -1932,7 +1932,7 @@ var defaultCurrencyOptions = (function () {
         euroOption
     ], false), base.slice(zaIdx + 1), true);
 })();
-var defaultTranslations$b = {
+var defaultTranslations$c = {
     label: "Importe",
     placeholder: "0",
     searchPlaceholder: "Buscar país o moneda...",
@@ -2397,7 +2397,7 @@ var Currency = function (_a) {
     var portalDropdownRef = React.useRef(null);
     var _q = React.useState({}), dropdownPosition = _q[0], setDropdownPosition = _q[1];
     var _r = React.useState(options), filteredOptions = _r[0], setFilteredOptions = _r[1];
-    var t = __assign(__assign({}, defaultTranslations$b), translations);
+    var t = __assign(__assign({}, defaultTranslations$c), translations);
     var getCountryName = function (opt) { var _a, _b; return (_b = (_a = t.countries) === null || _a === void 0 ? void 0 : _a[opt.country]) !== null && _b !== void 0 ? _b : opt.name; };
     var finalLabel = label !== null && label !== void 0 ? label : t.label;
     React.useEffect(function () {
@@ -2557,7 +2557,7 @@ function useBreakpoint() {
 }
 
 // Default translations in Spanish
-var defaultTranslations$a = {
+var defaultTranslations$b = {
     emptyStateMessage: "No hay contenido disponible",
     emptyStateButtonText: "Agregar contenido",
     previousButtonLabel: "Anterior",
@@ -2583,7 +2583,7 @@ var defaultTranslations$a = {
  */
 var ContentCarousel = function (_a) {
     var items = _a.items, onItemClick = _a.onItemClick, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.emptyStateRedirectPath, emptyStateRedirectPath = _c === void 0 ? "" : _c, _d = _a.translations, translations = _d === void 0 ? {} : _d, renderFooter = _a.renderFooter, renderHeader = _a.renderHeader, renderBody = _a.renderBody, _e = _a.haveChip, haveChip = _e === void 0 ? false : _e;
-    var t = __assign(__assign({}, defaultTranslations$a), translations);
+    var t = __assign(__assign({}, defaultTranslations$b), translations);
     var breakpoint = useBreakpoint();
     var isMobile = breakpoint === "mobile";
     var isTablet = breakpoint === "tablet";
@@ -2788,7 +2788,7 @@ function CarouselItemComponent(_a) {
 }
 
 // Default translations in Spanish
-var defaultTranslations$9 = {
+var defaultTranslations$a = {
     editButtonLabel: "Editar",
     deleteButtonLabel: "Eliminar",
     publishButtonLabel: "Publicar",
@@ -2815,7 +2815,7 @@ var defaultTranslations$9 = {
  */
 var SocialMediaBar = function (_a) {
     var platform = _a.platform, _b = _a.badgeOnly, badgeOnly = _b === void 0 ? false : _b, _c = _a.showPreview, showPreview = _c === void 0 ? false : _c, onEdit = _a.onEdit, onDelete = _a.onDelete, onPublish = _a.onPublish, onPreview = _a.onPreview, _d = _a.actionsAlwaysVisible, actionsAlwaysVisible = _d === void 0 ? false : _d, _e = _a.isHovered, isHovered = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, _g = _a.translations, translations = _g === void 0 ? {} : _g, customBadge = _a.customBadge, customActions = _a.customActions;
-    var t = __assign(__assign({}, defaultTranslations$9), translations);
+    var t = __assign(__assign({}, defaultTranslations$a), translations);
     // Determine visibility of actions
     var showActions = actionsAlwaysVisible || isHovered;
     return (jsxRuntime.jsxs("div", { className: "flex items-center justify-between ".concat(className), children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [customBadge || (jsxRuntime.jsxs("div", { className: "backdrop-blur-xl border border-white/30 rounded-full px-3 py-1.5 shadow-xl flex items-center gap-2", style: {
@@ -2891,7 +2891,7 @@ var SocialMediaCarousel = function (_a) {
 };
 
 // Traducciones por defecto en español
-var defaultTranslations$8 = {
+var defaultTranslations$9 = {
     dayOption: "Día específico",
     dateRangeOption: "Rango de fechas",
     selectDateAriaLabel: "Seleccionar fecha",
@@ -2909,7 +2909,7 @@ var DateSelector = function (_a) {
     var _f = React.useState(initialDate || null), date = _f[0], setDate = _f[1];
     var _g = React.useState(initialDateRange || null), dateRange = _g[0], setDateRange = _g[1];
     // Combinar traducciones por defecto con las proporcionadas
-    var t = __assign(__assign({}, defaultTranslations$8), translations);
+    var t = __assign(__assign({}, defaultTranslations$9), translations);
     var handleTypeChange = function (value) {
         var newType = value;
         setType(newType);
@@ -3221,7 +3221,7 @@ var KanbanComponent = function (_a) {
 var Kanban = React.memo(KanbanComponent);
 Kanban.displayName = "Kanban";
 
-var defaultTranslations$7 = {
+var defaultTranslations$8 = {
     previewAlt: "Vista previa de imagen",
     removeButtonAriaLabel: "Eliminar imagen",
     emptyStateText: "No hay imágenes para mostrar",
@@ -3254,7 +3254,7 @@ var normalizeImages = function (images) {
 };
 var ImagePreview = function (_a) {
     var images = _a.images, _b = _a.size, size = _b === void 0 ? "small" : _b, onRemove = _a.onRemove, _c = _a.showRemoveButton, showRemoveButton = _c === void 0 ? true : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e, _f = _a.backgroundColor, backgroundColor = _f === void 0 ? "bg-white dark:bg-gray-800" : _f, _g = _a.radius, radius = _g === void 0 ? "lg" : _g, _h = _a.showBorder, showBorder = _h === void 0 ? true : _h, onImageClick = _a.onImageClick;
-    var t = __assign(__assign({}, defaultTranslations$7), translations);
+    var t = __assign(__assign({}, defaultTranslations$8), translations);
     var normalizedImages = normalizeImages(images);
     var sizeClass = sizeClasses[size];
     var radiusClass = radiusClasses[radius];
@@ -3780,7 +3780,7 @@ var VALID_STEP_COLORS$1 = [
     "danger",
     "default",
 ];
-var defaultTranslations$6 = {
+var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
 function getContainerCSSVars$1(color) {
@@ -3825,7 +3825,7 @@ function getCircleStyle$1(status) {
 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, _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$6), translations);
+    var t = __assign(__assign({}, defaultTranslations$7), translations);
     var steps = React.useMemo(function () {
         if (typeof stepsProp === "number") {
             return Array.from({ length: stepsProp }, function () { return ({}); });
@@ -3989,7 +3989,7 @@ var Phone = function (_a) {
     var portalDropdownRef = React.useRef(null);
     var _l = React.useState({}), dropdownPosition = _l[0], setDropdownPosition = _l[1];
     var _m = React.useState(uniqueCountries), filteredCountries = _m[0], setFilteredCountries = _m[1];
-    var t = __assign(__assign({}, defaultTranslations$c), translations);
+    var t = __assign(__assign({}, defaultTranslations$d), translations);
     var getCountryName = function (country) { var _a, _b; return (_b = (_a = t.countries) === null || _a === void 0 ? void 0 : _a[country.country]) !== null && _b !== void 0 ? _b : country.name; };
     var finalLabel = label || t.label;
     React.useEffect(function () {
@@ -4088,7 +4088,7 @@ var Phone = function (_a) {
                                     : ""), onClick: function () { return handleCountrySelect(country); }, children: [jsxRuntime.jsx("span", { className: "mr-3", children: jsxRuntime.jsx(FlagIcon, { countryCode: country.country, size: "md" }) }), jsxRuntime.jsx("span", { className: "flex-1 text-left text-default-500", children: getCountryName(country) }), jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: country.code })] }, "".concat(country.code, "-").concat(country.country))); })) : (jsxRuntime.jsx("div", { className: "px-4 py-2 text-sm text-default-500", children: t.noCountriesFound })) })] }), document.body)] }));
 };
 
-var defaultTranslations$5 = {
+var defaultTranslations$6 = {
     message: "The Winter 2024 Release is here: new editor, analytics API, and so much more.",
     buttonText: "Explore",
     closeButtonLabel: "Close Banner",
@@ -4098,7 +4098,7 @@ var defaultTranslations$5 = {
  */
 var PromotionalBanner = function (_a) {
     var message = _a.message, buttonText = _a.buttonText, _b = _a.messageHref, messageHref = _b === void 0 ? "#" : _b, _c = _a.buttonHref, buttonHref = _c === void 0 ? "#" : _c, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? true : _d, _e = _a.isVisible, isVisible = _e === void 0 ? true : _e, _f = _a.gradientColors, gradientColors = _f === void 0 ? ["default-100", "danger-100", "secondary-100"] : _f, _g = _a.buttonGradientColors, buttonGradientColors = _g === void 0 ? ["#F871A0", "#9353D3"] : _g, onClose = _a.onClose, onMessageClick = _a.onMessageClick, onButtonClick = _a.onButtonClick, _h = _a.messageLinkProps, messageLinkProps = _h === void 0 ? {} : _h, _j = _a.buttonProps, buttonProps = _j === void 0 ? {} : _j, _k = _a.translations, translations = _k === void 0 ? {} : _k;
-    var t = __assign(__assign({}, defaultTranslations$5), translations);
+    var t = __assign(__assign({}, defaultTranslations$6), translations);
     var finalMessage = message || t.message;
     var finalButtonText = buttonText || t.buttonText;
     var handleClose = function () {
@@ -5015,7 +5015,7 @@ var TimeInput = function (_a) {
  * />
  * ```
  */
-var defaultTranslations$4 = {
+var defaultTranslations$5 = {
     /** Label for the start time input field */
     from: "Desde",
     /** Label for the end time input field */
@@ -5073,7 +5073,7 @@ var defaultTranslations$4 = {
  */
 var ScheduleRow = function (_a) {
     var day = _a.day, daySchedule = _a.daySchedule, _b = _a.translations, translations = _b === void 0 ? {} : _b, _c = _a.showCopyToAll, showCopyToAll = _c === void 0 ? false : _c, onChange = _a.onChange, onCopyToAll = _a.onCopyToAll;
-    var t = __assign(__assign({}, defaultTranslations$4), translations);
+    var t = __assign(__assign({}, defaultTranslations$5), translations);
     /**
      * @function validateTimeSlots
      * @description Validates all time slots to ensure the "from" time is not after the "to" time.
@@ -5226,7 +5226,7 @@ var Select = function (_a) {
             } })) }));
 };
 
-var defaultTranslations$3 = {
+var defaultTranslations$4 = {
     username: "tu_negocio",
     sendMessage: "Enviar mensaje",
     viewMore: "ver más",
@@ -5251,7 +5251,7 @@ var defaultTranslations$3 = {
  */
 var SocialMediaPreview = function (_a) {
     var platform = _a.platform, imageUrl = _a.imageUrl, caption = _a.caption, _b = _a.variant, variant = _b === void 0 ? "full" : _b, _c = _a.postAspectRatio, postAspectRatio = _c === void 0 ? "square" : _c, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.maxCaptionLength, maxCaptionLength = _e === void 0 ? 125 : _e, onToggleCaption = _a.onToggleCaption, showFullCaption = _a.showFullCaption, username = _a.username, avatarUrl = _a.avatarUrl, _f = _a.translations, translations = _f === void 0 ? {} : _f, _g = _a.className, className = _g === void 0 ? "" : _g, _h = _a.imageProps, imageProps = _h === void 0 ? {} : _h, _j = _a.showEditButton, showEditButton = _j === void 0 ? false : _j, onEditClick = _a.onEditClick;
-    var t = __assign(__assign({}, defaultTranslations$3), translations);
+    var t = __assign(__assign({}, defaultTranslations$4), translations);
     var displayUsername = username || t.username;
     var shouldTruncate = variant === "compact" && caption.length > maxCaptionLength;
     // Get aspect ratio based on postAspectRatio prop
@@ -5333,7 +5333,7 @@ var Textarea = function (_a) {
 };
 
 // Traducciones por defecto en español según las reglas de diseño
-var defaultTranslations$2 = {
+var defaultTranslations$3 = {
     lightTheme: "Claro",
     darkTheme: "Oscuro",
 };
@@ -5349,7 +5349,7 @@ var defaultTranslations$2 = {
 var ThemePicker = function (_a) {
     var value = _a.value, onChange = _a.onChange, className = _a.className, _b = _a.translations, translations = _b === void 0 ? {} : _b;
     // Combinar traducciones por defecto con las proporcionadas
-    var t = __assign(__assign({}, defaultTranslations$2), translations);
+    var t = __assign(__assign({}, defaultTranslations$3), translations);
     var themes = [
         {
             key: "light",
@@ -5778,7 +5778,7 @@ var TwoColumnLayoutAgent = function (_a) {
 };
 
 // Traducciones por defecto en español
-var defaultTranslations$1 = {
+var defaultTranslations$2 = {
     uploadText: "Da clic y selecciona tus archivos",
     subText: "",
     dragText: "Suelta el archivo aquí",
@@ -6128,7 +6128,7 @@ var UploadFile = function (_a) {
     var _q = React.useState(""), selectedImageUrl = _q[0], setSelectedImageUrl = _q[1];
     var _r = React.useState(null); _r[0]; var setOriginalFile = _r[1];
     // Combinar traducciones por defecto con las proporcionadas
-    var t = React.useMemo(function () { return (__assign(__assign({}, defaultTranslations$1), translations)); }, [translations]);
+    var t = React.useMemo(function () { return (__assign(__assign({}, defaultTranslations$2), translations)); }, [translations]);
     // Actualizar texto si se pasa como prop (retrocompatibilidad)
     var finalText = text || t.uploadText;
     var finalSubText = subText || t.subText;
@@ -6314,6 +6314,185 @@ var UploadFile = function (_a) {
 };
 UploadFile.displayName = "UploadFile";
 
+/**
+ * Jitter pseudo-aleatorio determinista en [0,1), sembrado SOLO por el índice.
+ * Misma constante Knuth (2654435761) que `computeStripJitter`/`computeBoxJitter`
+ * de beweanalytics — nunca `Math.random()`.
+ */
+function jitter(index) {
+    return ((index * 2654435761) % 1000) / 1000;
+}
+/**
+ * Cuartiles por interpolación lineal (R-7, el default de numpy/Excel).
+ * Espeja `computeQuartiles` de beweanalytics para coherencia entre repos.
+ */
+function computeQuartilesFromRaw(values) {
+    if (values.length === 0) {
+        return { min: 0, q1: 0, median: 0, q3: 0, max: 0 };
+    }
+    var sorted = __spreadArray([], values, true).sort(function (a, b) { return a - b; });
+    var n = sorted.length;
+    var first = sorted[0];
+    var last = sorted[n - 1];
+    var percentile = function (p) {
+        if (n === 1) {
+            return first;
+        }
+        var h = (n - 1) * p;
+        var lo = Math.floor(h);
+        var hi = Math.ceil(h);
+        var loVal = sorted[lo];
+        if (lo === hi) {
+            return loVal;
+        }
+        var hiVal = sorted[hi];
+        return loVal + (h - lo) * (hiVal - loVal);
+    };
+    return {
+        min: first,
+        q1: percentile(0.25),
+        median: percentile(0.5),
+        q3: percentile(0.75),
+        max: last,
+    };
+}
+/** Un grupo cae al fallback si tiene pocos datos o trae valores crudos. */
+function shouldFallback(group, minN) {
+    var _a, _b;
+    return group.n < minN || ((_b = (_a = group.rawValues) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0;
+}
+var TO_SECONDS = {
+    s: 1,
+    min: 60,
+    h: 3600,
+    d: 86400,
+};
+/**
+ * Elige la unidad de display (s/min/h/d) más legible para un valor de
+ * referencia (típicamente la mediana) y devuelve el `factor` por el que
+ * multiplicar los valores en `baseUnit` para obtener la unidad elegida.
+ */
+function pickDisplayUnit(value, base) {
+    if (base === "none") {
+        return { unit: "", factor: 1 };
+    }
+    var seconds = Math.abs(value) * TO_SECONDS[base];
+    var unit = "s";
+    if (seconds >= TO_SECONDS.d) {
+        unit = "d";
+    }
+    else if (seconds >= TO_SECONDS.h) {
+        unit = "h";
+    }
+    else if (seconds >= TO_SECONDS.min) {
+        unit = "min";
+    }
+    return { unit: unit, factor: TO_SECONDS[base] / TO_SECONDS[unit] };
+}
+/**
+ * Path SVG del cuerpo del violin: polígono cerrado y espejado sobre `centerX`.
+ * El ancho de cada bin es proporcional a su count (normalizado al bin máximo)
+ * escalado a `halfWidth` px. `valueToY` mapea el valor medio del bin a la Y en px.
+ */
+function buildDensityPath(bins, centerX, halfWidth, valueToY) {
+    if (bins.length === 0) {
+        return "";
+    }
+    var maxCount = Math.max.apply(Math, __spreadArray(__spreadArray([], bins.map(function (b) { return b.count; }), false), [1], false));
+    var pts = bins.map(function (b) {
+        var mid = (b.x0 + b.x1) / 2;
+        return { y: valueToY(mid), w: (b.count / maxCount) * halfWidth };
+    });
+    var right = pts.map(function (p) { return "".concat(centerX + p.w, ",").concat(p.y); });
+    var left = __spreadArray([], pts, true).reverse().map(function (p) { return "".concat(centerX - p.w, ",").concat(p.y); });
+    return "M ".concat(right.join(" L "), " L ").concat(left.join(" L "), " Z");
+}
+
+var COLOR_STROKE$1 = "#4338ca";
+var COLOR_MEDIAN$1 = "#1e3a8a";
+var COLOR_POINT = "#6366f1";
+var BOX_HALF = 10;
+var JITTER_SPAN = 22;
+/**
+ * Fallback para grupos con n<20: caja (q1–q3) + mediana + puntos crudos con
+ * jitter horizontal determinista. Un violin de 8 puntos miente; aquí se ve cada
+ * punto real (caso Guru). Si faltan `rawValues`, cae a caja desde percentiles.
+ */
+function ViolinFallback(_a) {
+    var _b;
+    var group = _a.group, centerX = _a.centerX, valueToY = _a.valueToY;
+    var raw = (_b = group.rawValues) !== null && _b !== void 0 ? _b : [];
+    var q = raw.length > 0
+        ? computeQuartilesFromRaw(raw)
+        : {
+            min: group.p5,
+            q1: group.p25,
+            median: group.p50,
+            q3: group.p75,
+            max: group.p95,
+        };
+    return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("line", { x1: centerX, x2: centerX, y1: valueToY(q.min), y2: valueToY(q.max), stroke: COLOR_STROKE$1, strokeWidth: 1 }), jsxRuntime.jsx("rect", { x: centerX - BOX_HALF, y: valueToY(q.q3), width: BOX_HALF * 2, height: Math.max(0, valueToY(q.q1) - valueToY(q.q3)), fill: COLOR_STROKE$1, fillOpacity: 0.18, stroke: COLOR_STROKE$1 }), jsxRuntime.jsx("line", { x1: centerX - BOX_HALF, x2: centerX + BOX_HALF, y1: valueToY(q.median), y2: valueToY(q.median), stroke: COLOR_MEDIAN$1, strokeWidth: 2 }), raw.map(function (value, idx) { return (jsxRuntime.jsx("circle", { cx: centerX + (jitter(idx) - 0.5) * JITTER_SPAN, cy: valueToY(value), r: 2.5, fill: COLOR_POINT, fillOpacity: 0.8 }, "".concat(value, "-").concat(idx))); })] }));
+}
+
+var MARGIN = { top: 24, right: 16, bottom: 40, left: 44 };
+var VIEW_WIDTH = 640;
+var VIOLIN_HALF_WIDTH = 46;
+var COLOR_BODY = "#c7d2fe";
+var COLOR_STROKE = "#4338ca";
+var COLOR_MEDIAN = "#1e3a8a";
+var COLOR_AXIS = "#6b7280";
+var defaultTranslations$1 = {
+    emptyState: "Sin datos de distribución",
+    sampleSizeLabel: "n",
+    outliersLabel: "outliers",
+};
+function formatTick(value, factor, unit) {
+    var scaled = value * factor;
+    var rounded = Math.round(scaled * 10) / 10;
+    return unit ? "".concat(rounded).concat(unit) : "".concat(rounded);
+}
+/**
+ * ViolinPlot — distribución por grupo como densidad espejada (SVG puro), con
+ * mediana/cuartiles superpuestos y `n=` visible. Cuando un grupo tiene n<20 (o
+ * trae `rawValues`) degrada a box/strip (`ViolinFallback`): un violin de pocos
+ * puntos miente. La estadística llega pre-calculada del SQL (payload chico).
+ *
+ * Sin `ResponsiveContainer` (no renderiza en happy-dom y complica el test):
+ * `<svg viewBox>` + `width="100%"`. Autocontenido, sin HeroUI, para render
+ * server-side directo en tests.
+ */
+function ViolinPlot(_a) {
+    var groups = _a.groups, valueLabel = _a.valueLabel, _b = _a.baseUnit, baseUnit = _b === void 0 ? "none" : _b, formatValue = _a.formatValue, _c = _a.height, height = _c === void 0 ? 320 : _c, _d = _a.minSampleForViolin, minSampleForViolin = _d === void 0 ? 20 : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e;
+    var t = __assign(__assign({}, defaultTranslations$1), translations);
+    if (groups.length === 0) {
+        return (jsxRuntime.jsx("svg", { viewBox: "0 0 ".concat(VIEW_WIDTH, " ").concat(height), width: "100%", role: "img", "aria-label": valueLabel, children: jsxRuntime.jsx("text", { x: VIEW_WIDTH / 2, y: height / 2, textAnchor: "middle", fill: COLOR_AXIS, children: t.emptyState }) }));
+    }
+    var plotTop = MARGIN.top;
+    var plotBottom = height - MARGIN.bottom;
+    var plotHeight = plotBottom - plotTop;
+    // Escala Y común a todos los grupos (de 0 al p95 máximo, con margen).
+    var maxValue = Math.max.apply(Math, __spreadArray(__spreadArray([], groups.map(function (g) { return g.p95; }), false), [1], false));
+    var valueToY = function (v) {
+        return plotBottom - (v / maxValue) * plotHeight;
+    };
+    var refMedian = groups.map(function (g) { return g.p50; }).sort(function (a, b) { return a - b; })[Math.floor(groups.length / 2)];
+    var _f = pickDisplayUnit(refMedian, baseUnit), unit = _f.unit, factor = _f.factor;
+    var fmt = formatValue !== null && formatValue !== void 0 ? formatValue : (function (v) { return formatTick(v, factor, unit); });
+    var columnWidth = (VIEW_WIDTH - MARGIN.left - MARGIN.right) / groups.length;
+    return (jsxRuntime.jsxs("svg", { viewBox: "0 0 ".concat(VIEW_WIDTH, " ").concat(height), width: "100%", role: "img", "aria-label": valueLabel, children: [[0, maxValue / 2, maxValue].map(function (v) { return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("line", { x1: MARGIN.left, x2: VIEW_WIDTH - MARGIN.right, y1: valueToY(v), y2: valueToY(v), stroke: "#e5e7eb", strokeDasharray: "3 3" }), jsxRuntime.jsx("text", { x: MARGIN.left - 6, y: valueToY(v) + 4, textAnchor: "end", fontSize: 11, fill: COLOR_AXIS, children: fmt(v) })] }, v)); }), groups.map(function (group, i) {
+                var centerX = MARGIN.left + columnWidth * (i + 0.5);
+                return (jsxRuntime.jsxs("g", { children: [shouldFallback(group, minSampleForViolin) ? (jsxRuntime.jsx(ViolinFallback, { group: group, centerX: centerX, valueToY: valueToY })) : (jsxRuntime.jsx(ViolinBody, { group: group, centerX: centerX, valueToY: valueToY })), jsxRuntime.jsx("text", { x: centerX, y: plotBottom + 16, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: group.label }), jsxRuntime.jsxs("text", { x: centerX, y: plotBottom + 30, textAnchor: "middle", fontSize: 10, fill: COLOR_AXIS, children: [t.sampleSizeLabel, "=", group.n, group.nExcluded > 0
+                                    ? " \u00B7 \u2212".concat(group.nExcluded, " ").concat(t.outliersLabel)
+                                    : ""] })] }, group.label));
+            })] }));
+}
+function ViolinBody(_a) {
+    var group = _a.group, centerX = _a.centerX, valueToY = _a.valueToY;
+    var path = buildDensityPath(group.bins, centerX, VIOLIN_HALF_WIDTH, valueToY);
+    var boxHalf = 8;
+    return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: path, fill: COLOR_BODY, fillOpacity: 0.55, stroke: COLOR_STROKE, strokeWidth: 1 }), jsxRuntime.jsx("line", { x1: centerX, x2: centerX, y1: valueToY(group.p5), y2: valueToY(group.p95), stroke: COLOR_MEDIAN, strokeWidth: 1 }), jsxRuntime.jsx("rect", { x: centerX - boxHalf, y: valueToY(group.p75), width: boxHalf * 2, height: Math.max(0, valueToY(group.p25) - valueToY(group.p75)), fill: COLOR_STROKE, fillOpacity: 0.25, stroke: COLOR_STROKE }), jsxRuntime.jsx("line", { x1: centerX - boxHalf, x2: centerX + boxHalf, y1: valueToY(group.p50), y2: valueToY(group.p50), stroke: COLOR_MEDIAN, strokeWidth: 2 })] }));
+}
+
 function resolvePreviewActions(previewAction, ctaType, ctaLabel, ctaValue) {
     var _a;
     var fromProp = (_a = previewAction === null || previewAction === void 0 ? void 0 : previewAction.filter(function (a) {
@@ -9107,6 +9286,7 @@ exports.Tooltip = Tooltip;
 exports.TwoColumnLayoutAgent = TwoColumnLayoutAgent;
 exports.UploadFile = UploadFile;
 exports.VerticalSteps = VerticalSteps;
+exports.ViolinPlot = ViolinPlot;
 exports.WhatsAppPreview = WhatsAppPreview;
 exports.Wizard = Wizard;
 exports.WizardNavigation = WizardNavigation;
@@ -9115,7 +9295,7 @@ exports.applyCustomPrimaryColor = applyCustomPrimaryColor;
 exports.createCurrencyFormatter = createCurrencyFormatter;
 exports.defaultCountries = uniqueCountries;
 exports.defaultCurrencyOptions = defaultCurrencyOptions;
-exports.defaultTranslations = defaultTranslations$4;
+exports.defaultTranslations = defaultTranslations$5;
 exports.forceLightOnlyThemeBeforeReact = forceLightOnlyThemeBeforeReact;
 exports.formatAuroraThemeTooltip = formatAuroraThemeTooltip;
 exports.generateThemeColorScale = generateThemeColorScale;

package/dist/index.esm.js

@@ -342,7 +342,7 @@ var Input = function (_a) {
         } })));
 };
 
-var defaultTranslations$f = {
+var defaultTranslations$g = {
     addHolidayTitle: "Add holiday",
     dayOption: "Day",
     dateRangeOption: "Date range",
@@ -366,7 +366,7 @@ var INITIAL_HOLIDAY_STATE = {
  */
 var AddHolidayForm = function (_a) {
     var onAddHoliday = _a.onAddHoliday, translations = _a.translations, className = _a.className, radioGroupProps = _a.radioGroupProps, dateRangePickerProps = _a.dateRangePickerProps, buttonProps = _a.buttonProps;
-    var t = __assign(__assign({}, defaultTranslations$f), translations);
+    var t = __assign(__assign({}, defaultTranslations$g), translations);
     var _b = useState(INITIAL_HOLIDAY_STATE), newHoliday = _b[0], setNewHoliday = _b[1];
     /**
      * A boolean flag that determines if a date has been set.
@@ -436,7 +436,7 @@ var P = function (_a) {
     return (jsx("p", __assign({ className: cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
 };
 
-var defaultTranslations$e = {
+var defaultTranslations$f = {
     title: "Analytics",
     description: "Monthly growth of your metrics during the selected period",
     viewDetails: "View Details",
@@ -490,7 +490,7 @@ var formatMonth = function (month) {
 var AnalyticsCard = function (_a) {
     var _b, _c;
     var data = _a.data, _d = _a.showTimePeriods, showTimePeriods = _d === void 0 ? true : _d, _e = _a.showDropdownMenu, showDropdownMenu = _e === void 0 ? true : _e, _f = _a.showMetricCards, showMetricCards = _f === void 0 ? true : _f, onChartChange = _a.onChartChange, onMenuAction = _a.onMenuAction, onTimePeriodChange = _a.onTimePeriodChange, _g = _a.translations, translations = _g === void 0 ? {} : _g, props = __rest(_a, ["data", "showTimePeriods", "showDropdownMenu", "showMetricCards", "onChartChange", "onMenuAction", "onTimePeriodChange", "translations"]);
-    var t = __assign(__assign({}, defaultTranslations$e), translations);
+    var t = __assign(__assign({}, defaultTranslations$f), translations);
     var _h = useState((_c = (_b = data[0]) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : ""), activeChart = _h[0], setActiveChart = _h[1];
     var activeChartData = useMemo(function () {
         var _a;
@@ -653,7 +653,7 @@ var DEFAULT_PREDEFINED_COLORS = [
 /**
  * Default translations (Spanish)
  */
-var defaultTranslations$d = {
+var defaultTranslations$e = {
     label: "Color",
     placeholder: "Ingresa código hex",
     customColorLabel: "Color personalizado",
@@ -718,7 +718,7 @@ var ColorPicker = forwardRef(function (_a, ref) {
     var value = _a.value, onChange = _a.onChange, label = _a.label, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, errorText = _a.errorText, _e = _a.predefinedColors, predefinedColors = _e === void 0 ? DEFAULT_PREDEFINED_COLORS : _e, _f = _a.enableRecentColors, enableRecentColors = _f === void 0 ? true : _f, _g = _a.maxRecentColors, maxRecentColors = _g === void 0 ? 6 : _g, _h = _a.recentColorsStorageKey, recentColorsStorageKey = _h === void 0 ? "aurora-ui-recent-colors" : _h, _j = _a.showPredefinedColors, showPredefinedColors = _j === void 0 ? true : _j, _k = _a.translations, translations = _k === void 0 ? {} : _k, _l = _a.className, className = _l === void 0 ? "" : _l, id = _a.id, name = _a.name;
     var generatedId = useId();
     var inputId = id || generatedId;
-    var t = __assign(__assign({}, defaultTranslations$d), translations);
+    var t = __assign(__assign({}, defaultTranslations$e), translations);
     // Local state for text input — holds the hex digits WITHOUT the leading "#".
     // The "#" is rendered as a fixed startContent prefix.
     var _m = useState(stripHash(value)), textValue = _m[0], setTextValue = _m[1];
@@ -1849,7 +1849,7 @@ var countries = [
 ];
 var uniqueCountries = Array.from(new Map(countries.map(function (item) { return [item.code + item.name, item]; })).values());
 // Traducciones por defecto
-var defaultTranslations$c = {
+var defaultTranslations$d = {
     label: "Teléfono",
     placeholder: "Número de teléfono",
     searchPlaceholder: "Buscar país...",
@@ -1933,7 +1933,7 @@ var defaultCurrencyOptions = (function () {
         euroOption
     ], false), base.slice(zaIdx + 1), true);
 })();
-var defaultTranslations$b = {
+var defaultTranslations$c = {
     label: "Importe",
     placeholder: "0",
     searchPlaceholder: "Buscar país o moneda...",
@@ -2398,7 +2398,7 @@ var Currency = function (_a) {
     var portalDropdownRef = useRef(null);
     var _q = useState({}), dropdownPosition = _q[0], setDropdownPosition = _q[1];
     var _r = useState(options), filteredOptions = _r[0], setFilteredOptions = _r[1];
-    var t = __assign(__assign({}, defaultTranslations$b), translations);
+    var t = __assign(__assign({}, defaultTranslations$c), translations);
     var getCountryName = function (opt) { var _a, _b; return (_b = (_a = t.countries) === null || _a === void 0 ? void 0 : _a[opt.country]) !== null && _b !== void 0 ? _b : opt.name; };
     var finalLabel = label !== null && label !== void 0 ? label : t.label;
     useEffect(function () {
@@ -2558,7 +2558,7 @@ function useBreakpoint() {
 }
 
 // Default translations in Spanish
-var defaultTranslations$a = {
+var defaultTranslations$b = {
     emptyStateMessage: "No hay contenido disponible",
     emptyStateButtonText: "Agregar contenido",
     previousButtonLabel: "Anterior",
@@ -2584,7 +2584,7 @@ var defaultTranslations$a = {
  */
 var ContentCarousel = function (_a) {
     var items = _a.items, onItemClick = _a.onItemClick, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.emptyStateRedirectPath, emptyStateRedirectPath = _c === void 0 ? "" : _c, _d = _a.translations, translations = _d === void 0 ? {} : _d, renderFooter = _a.renderFooter, renderHeader = _a.renderHeader, renderBody = _a.renderBody, _e = _a.haveChip, haveChip = _e === void 0 ? false : _e;
-    var t = __assign(__assign({}, defaultTranslations$a), translations);
+    var t = __assign(__assign({}, defaultTranslations$b), translations);
     var breakpoint = useBreakpoint();
     var isMobile = breakpoint === "mobile";
     var isTablet = breakpoint === "tablet";
@@ -2789,7 +2789,7 @@ function CarouselItemComponent(_a) {
 }
 
 // Default translations in Spanish
-var defaultTranslations$9 = {
+var defaultTranslations$a = {
     editButtonLabel: "Editar",
     deleteButtonLabel: "Eliminar",
     publishButtonLabel: "Publicar",
@@ -2816,7 +2816,7 @@ var defaultTranslations$9 = {
  */
 var SocialMediaBar = function (_a) {
     var platform = _a.platform, _b = _a.badgeOnly, badgeOnly = _b === void 0 ? false : _b, _c = _a.showPreview, showPreview = _c === void 0 ? false : _c, onEdit = _a.onEdit, onDelete = _a.onDelete, onPublish = _a.onPublish, onPreview = _a.onPreview, _d = _a.actionsAlwaysVisible, actionsAlwaysVisible = _d === void 0 ? false : _d, _e = _a.isHovered, isHovered = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, _g = _a.translations, translations = _g === void 0 ? {} : _g, customBadge = _a.customBadge, customActions = _a.customActions;
-    var t = __assign(__assign({}, defaultTranslations$9), translations);
+    var t = __assign(__assign({}, defaultTranslations$a), translations);
     // Determine visibility of actions
     var showActions = actionsAlwaysVisible || isHovered;
     return (jsxs("div", { className: "flex items-center justify-between ".concat(className), children: [jsxs("div", { className: "flex items-center gap-2", children: [customBadge || (jsxs("div", { className: "backdrop-blur-xl border border-white/30 rounded-full px-3 py-1.5 shadow-xl flex items-center gap-2", style: {
@@ -2892,7 +2892,7 @@ var SocialMediaCarousel = function (_a) {
 };
 
 // Traducciones por defecto en español
-var defaultTranslations$8 = {
+var defaultTranslations$9 = {
     dayOption: "Día específico",
     dateRangeOption: "Rango de fechas",
     selectDateAriaLabel: "Seleccionar fecha",
@@ -2910,7 +2910,7 @@ var DateSelector = function (_a) {
     var _f = React.useState(initialDate || null), date = _f[0], setDate = _f[1];
     var _g = React.useState(initialDateRange || null), dateRange = _g[0], setDateRange = _g[1];
     // Combinar traducciones por defecto con las proporcionadas
-    var t = __assign(__assign({}, defaultTranslations$8), translations);
+    var t = __assign(__assign({}, defaultTranslations$9), translations);
     var handleTypeChange = function (value) {
         var newType = value;
         setType(newType);
@@ -3222,7 +3222,7 @@ var KanbanComponent = function (_a) {
 var Kanban = memo(KanbanComponent);
 Kanban.displayName = "Kanban";
 
-var defaultTranslations$7 = {
+var defaultTranslations$8 = {
     previewAlt: "Vista previa de imagen",
     removeButtonAriaLabel: "Eliminar imagen",
     emptyStateText: "No hay imágenes para mostrar",
@@ -3255,7 +3255,7 @@ var normalizeImages = function (images) {
 };
 var ImagePreview = function (_a) {
     var images = _a.images, _b = _a.size, size = _b === void 0 ? "small" : _b, onRemove = _a.onRemove, _c = _a.showRemoveButton, showRemoveButton = _c === void 0 ? true : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e, _f = _a.backgroundColor, backgroundColor = _f === void 0 ? "bg-white dark:bg-gray-800" : _f, _g = _a.radius, radius = _g === void 0 ? "lg" : _g, _h = _a.showBorder, showBorder = _h === void 0 ? true : _h, onImageClick = _a.onImageClick;
-    var t = __assign(__assign({}, defaultTranslations$7), translations);
+    var t = __assign(__assign({}, defaultTranslations$8), translations);
     var normalizedImages = normalizeImages(images);
     var sizeClass = sizeClasses[size];
     var radiusClass = radiusClasses[radius];
@@ -3781,7 +3781,7 @@ var VALID_STEP_COLORS$1 = [
     "danger",
     "default",
 ];
-var defaultTranslations$6 = {
+var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
 function getContainerCSSVars$1(color) {
@@ -3826,7 +3826,7 @@ function getCircleStyle$1(status) {
 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, _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$6), translations);
+    var t = __assign(__assign({}, defaultTranslations$7), translations);
     var steps = React.useMemo(function () {
         if (typeof stepsProp === "number") {
             return Array.from({ length: stepsProp }, function () { return ({}); });
@@ -3990,7 +3990,7 @@ var Phone = function (_a) {
     var portalDropdownRef = useRef(null);
     var _l = useState({}), dropdownPosition = _l[0], setDropdownPosition = _l[1];
     var _m = useState(uniqueCountries), filteredCountries = _m[0], setFilteredCountries = _m[1];
-    var t = __assign(__assign({}, defaultTranslations$c), translations);
+    var t = __assign(__assign({}, defaultTranslations$d), translations);
     var getCountryName = function (country) { var _a, _b; return (_b = (_a = t.countries) === null || _a === void 0 ? void 0 : _a[country.country]) !== null && _b !== void 0 ? _b : country.name; };
     var finalLabel = label || t.label;
     useEffect(function () {
@@ -4089,7 +4089,7 @@ var Phone = function (_a) {
                                     : ""), onClick: function () { return handleCountrySelect(country); }, children: [jsx("span", { className: "mr-3", children: jsx(FlagIcon, { countryCode: country.country, size: "md" }) }), jsx("span", { className: "flex-1 text-left text-default-500", children: getCountryName(country) }), jsx("span", { className: "text-xs text-default-500", children: country.code })] }, "".concat(country.code, "-").concat(country.country))); })) : (jsx("div", { className: "px-4 py-2 text-sm text-default-500", children: t.noCountriesFound })) })] }), document.body)] }));
 };
 
-var defaultTranslations$5 = {
+var defaultTranslations$6 = {
     message: "The Winter 2024 Release is here: new editor, analytics API, and so much more.",
     buttonText: "Explore",
     closeButtonLabel: "Close Banner",
@@ -4099,7 +4099,7 @@ var defaultTranslations$5 = {
  */
 var PromotionalBanner = function (_a) {
     var message = _a.message, buttonText = _a.buttonText, _b = _a.messageHref, messageHref = _b === void 0 ? "#" : _b, _c = _a.buttonHref, buttonHref = _c === void 0 ? "#" : _c, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? true : _d, _e = _a.isVisible, isVisible = _e === void 0 ? true : _e, _f = _a.gradientColors, gradientColors = _f === void 0 ? ["default-100", "danger-100", "secondary-100"] : _f, _g = _a.buttonGradientColors, buttonGradientColors = _g === void 0 ? ["#F871A0", "#9353D3"] : _g, onClose = _a.onClose, onMessageClick = _a.onMessageClick, onButtonClick = _a.onButtonClick, _h = _a.messageLinkProps, messageLinkProps = _h === void 0 ? {} : _h, _j = _a.buttonProps, buttonProps = _j === void 0 ? {} : _j, _k = _a.translations, translations = _k === void 0 ? {} : _k;
-    var t = __assign(__assign({}, defaultTranslations$5), translations);
+    var t = __assign(__assign({}, defaultTranslations$6), translations);
     var finalMessage = message || t.message;
     var finalButtonText = buttonText || t.buttonText;
     var handleClose = function () {
@@ -5016,7 +5016,7 @@ var TimeInput = function (_a) {
  * />
  * ```
  */
-var defaultTranslations$4 = {
+var defaultTranslations$5 = {
     /** Label for the start time input field */
     from: "Desde",
     /** Label for the end time input field */
@@ -5074,7 +5074,7 @@ var defaultTranslations$4 = {
  */
 var ScheduleRow = function (_a) {
     var day = _a.day, daySchedule = _a.daySchedule, _b = _a.translations, translations = _b === void 0 ? {} : _b, _c = _a.showCopyToAll, showCopyToAll = _c === void 0 ? false : _c, onChange = _a.onChange, onCopyToAll = _a.onCopyToAll;
-    var t = __assign(__assign({}, defaultTranslations$4), translations);
+    var t = __assign(__assign({}, defaultTranslations$5), translations);
     /**
      * @function validateTimeSlots
      * @description Validates all time slots to ensure the "from" time is not after the "to" time.
@@ -5227,7 +5227,7 @@ var Select = function (_a) {
             } })) }));
 };
 
-var defaultTranslations$3 = {
+var defaultTranslations$4 = {
     username: "tu_negocio",
     sendMessage: "Enviar mensaje",
     viewMore: "ver más",
@@ -5252,7 +5252,7 @@ var defaultTranslations$3 = {
  */
 var SocialMediaPreview = function (_a) {
     var platform = _a.platform, imageUrl = _a.imageUrl, caption = _a.caption, _b = _a.variant, variant = _b === void 0 ? "full" : _b, _c = _a.postAspectRatio, postAspectRatio = _c === void 0 ? "square" : _c, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.maxCaptionLength, maxCaptionLength = _e === void 0 ? 125 : _e, onToggleCaption = _a.onToggleCaption, showFullCaption = _a.showFullCaption, username = _a.username, avatarUrl = _a.avatarUrl, _f = _a.translations, translations = _f === void 0 ? {} : _f, _g = _a.className, className = _g === void 0 ? "" : _g, _h = _a.imageProps, imageProps = _h === void 0 ? {} : _h, _j = _a.showEditButton, showEditButton = _j === void 0 ? false : _j, onEditClick = _a.onEditClick;
-    var t = __assign(__assign({}, defaultTranslations$3), translations);
+    var t = __assign(__assign({}, defaultTranslations$4), translations);
     var displayUsername = username || t.username;
     var shouldTruncate = variant === "compact" && caption.length > maxCaptionLength;
     // Get aspect ratio based on postAspectRatio prop
@@ -5334,7 +5334,7 @@ var Textarea = function (_a) {
 };
 
 // Traducciones por defecto en español según las reglas de diseño
-var defaultTranslations$2 = {
+var defaultTranslations$3 = {
     lightTheme: "Claro",
     darkTheme: "Oscuro",
 };
@@ -5350,7 +5350,7 @@ var defaultTranslations$2 = {
 var ThemePicker = function (_a) {
     var value = _a.value, onChange = _a.onChange, className = _a.className, _b = _a.translations, translations = _b === void 0 ? {} : _b;
     // Combinar traducciones por defecto con las proporcionadas
-    var t = __assign(__assign({}, defaultTranslations$2), translations);
+    var t = __assign(__assign({}, defaultTranslations$3), translations);
     var themes = [
         {
             key: "light",
@@ -5779,7 +5779,7 @@ var TwoColumnLayoutAgent = function (_a) {
 };
 
 // Traducciones por defecto en español
-var defaultTranslations$1 = {
+var defaultTranslations$2 = {
     uploadText: "Da clic y selecciona tus archivos",
     subText: "",
     dragText: "Suelta el archivo aquí",
@@ -6129,7 +6129,7 @@ var UploadFile = function (_a) {
     var _q = useState(""), selectedImageUrl = _q[0], setSelectedImageUrl = _q[1];
     var _r = useState(null); _r[0]; var setOriginalFile = _r[1];
     // Combinar traducciones por defecto con las proporcionadas
-    var t = useMemo(function () { return (__assign(__assign({}, defaultTranslations$1), translations)); }, [translations]);
+    var t = useMemo(function () { return (__assign(__assign({}, defaultTranslations$2), translations)); }, [translations]);
     // Actualizar texto si se pasa como prop (retrocompatibilidad)
     var finalText = text || t.uploadText;
     var finalSubText = subText || t.subText;
@@ -6315,6 +6315,185 @@ var UploadFile = function (_a) {
 };
 UploadFile.displayName = "UploadFile";
 
+/**
+ * Jitter pseudo-aleatorio determinista en [0,1), sembrado SOLO por el índice.
+ * Misma constante Knuth (2654435761) que `computeStripJitter`/`computeBoxJitter`
+ * de beweanalytics — nunca `Math.random()`.
+ */
+function jitter(index) {
+    return ((index * 2654435761) % 1000) / 1000;
+}
+/**
+ * Cuartiles por interpolación lineal (R-7, el default de numpy/Excel).
+ * Espeja `computeQuartiles` de beweanalytics para coherencia entre repos.
+ */
+function computeQuartilesFromRaw(values) {
+    if (values.length === 0) {
+        return { min: 0, q1: 0, median: 0, q3: 0, max: 0 };
+    }
+    var sorted = __spreadArray([], values, true).sort(function (a, b) { return a - b; });
+    var n = sorted.length;
+    var first = sorted[0];
+    var last = sorted[n - 1];
+    var percentile = function (p) {
+        if (n === 1) {
+            return first;
+        }
+        var h = (n - 1) * p;
+        var lo = Math.floor(h);
+        var hi = Math.ceil(h);
+        var loVal = sorted[lo];
+        if (lo === hi) {
+            return loVal;
+        }
+        var hiVal = sorted[hi];
+        return loVal + (h - lo) * (hiVal - loVal);
+    };
+    return {
+        min: first,
+        q1: percentile(0.25),
+        median: percentile(0.5),
+        q3: percentile(0.75),
+        max: last,
+    };
+}
+/** Un grupo cae al fallback si tiene pocos datos o trae valores crudos. */
+function shouldFallback(group, minN) {
+    var _a, _b;
+    return group.n < minN || ((_b = (_a = group.rawValues) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0;
+}
+var TO_SECONDS = {
+    s: 1,
+    min: 60,
+    h: 3600,
+    d: 86400,
+};
+/**
+ * Elige la unidad de display (s/min/h/d) más legible para un valor de
+ * referencia (típicamente la mediana) y devuelve el `factor` por el que
+ * multiplicar los valores en `baseUnit` para obtener la unidad elegida.
+ */
+function pickDisplayUnit(value, base) {
+    if (base === "none") {
+        return { unit: "", factor: 1 };
+    }
+    var seconds = Math.abs(value) * TO_SECONDS[base];
+    var unit = "s";
+    if (seconds >= TO_SECONDS.d) {
+        unit = "d";
+    }
+    else if (seconds >= TO_SECONDS.h) {
+        unit = "h";
+    }
+    else if (seconds >= TO_SECONDS.min) {
+        unit = "min";
+    }
+    return { unit: unit, factor: TO_SECONDS[base] / TO_SECONDS[unit] };
+}
+/**
+ * Path SVG del cuerpo del violin: polígono cerrado y espejado sobre `centerX`.
+ * El ancho de cada bin es proporcional a su count (normalizado al bin máximo)
+ * escalado a `halfWidth` px. `valueToY` mapea el valor medio del bin a la Y en px.
+ */
+function buildDensityPath(bins, centerX, halfWidth, valueToY) {
+    if (bins.length === 0) {
+        return "";
+    }
+    var maxCount = Math.max.apply(Math, __spreadArray(__spreadArray([], bins.map(function (b) { return b.count; }), false), [1], false));
+    var pts = bins.map(function (b) {
+        var mid = (b.x0 + b.x1) / 2;
+        return { y: valueToY(mid), w: (b.count / maxCount) * halfWidth };
+    });
+    var right = pts.map(function (p) { return "".concat(centerX + p.w, ",").concat(p.y); });
+    var left = __spreadArray([], pts, true).reverse().map(function (p) { return "".concat(centerX - p.w, ",").concat(p.y); });
+    return "M ".concat(right.join(" L "), " L ").concat(left.join(" L "), " Z");
+}
+
+var COLOR_STROKE$1 = "#4338ca";
+var COLOR_MEDIAN$1 = "#1e3a8a";
+var COLOR_POINT = "#6366f1";
+var BOX_HALF = 10;
+var JITTER_SPAN = 22;
+/**
+ * Fallback para grupos con n<20: caja (q1–q3) + mediana + puntos crudos con
+ * jitter horizontal determinista. Un violin de 8 puntos miente; aquí se ve cada
+ * punto real (caso Guru). Si faltan `rawValues`, cae a caja desde percentiles.
+ */
+function ViolinFallback(_a) {
+    var _b;
+    var group = _a.group, centerX = _a.centerX, valueToY = _a.valueToY;
+    var raw = (_b = group.rawValues) !== null && _b !== void 0 ? _b : [];
+    var q = raw.length > 0
+        ? computeQuartilesFromRaw(raw)
+        : {
+            min: group.p5,
+            q1: group.p25,
+            median: group.p50,
+            q3: group.p75,
+            max: group.p95,
+        };
+    return (jsxs("g", { children: [jsx("line", { x1: centerX, x2: centerX, y1: valueToY(q.min), y2: valueToY(q.max), stroke: COLOR_STROKE$1, strokeWidth: 1 }), jsx("rect", { x: centerX - BOX_HALF, y: valueToY(q.q3), width: BOX_HALF * 2, height: Math.max(0, valueToY(q.q1) - valueToY(q.q3)), fill: COLOR_STROKE$1, fillOpacity: 0.18, stroke: COLOR_STROKE$1 }), jsx("line", { x1: centerX - BOX_HALF, x2: centerX + BOX_HALF, y1: valueToY(q.median), y2: valueToY(q.median), stroke: COLOR_MEDIAN$1, strokeWidth: 2 }), raw.map(function (value, idx) { return (jsx("circle", { cx: centerX + (jitter(idx) - 0.5) * JITTER_SPAN, cy: valueToY(value), r: 2.5, fill: COLOR_POINT, fillOpacity: 0.8 }, "".concat(value, "-").concat(idx))); })] }));
+}
+
+var MARGIN = { top: 24, right: 16, bottom: 40, left: 44 };
+var VIEW_WIDTH = 640;
+var VIOLIN_HALF_WIDTH = 46;
+var COLOR_BODY = "#c7d2fe";
+var COLOR_STROKE = "#4338ca";
+var COLOR_MEDIAN = "#1e3a8a";
+var COLOR_AXIS = "#6b7280";
+var defaultTranslations$1 = {
+    emptyState: "Sin datos de distribución",
+    sampleSizeLabel: "n",
+    outliersLabel: "outliers",
+};
+function formatTick(value, factor, unit) {
+    var scaled = value * factor;
+    var rounded = Math.round(scaled * 10) / 10;
+    return unit ? "".concat(rounded).concat(unit) : "".concat(rounded);
+}
+/**
+ * ViolinPlot — distribución por grupo como densidad espejada (SVG puro), con
+ * mediana/cuartiles superpuestos y `n=` visible. Cuando un grupo tiene n<20 (o
+ * trae `rawValues`) degrada a box/strip (`ViolinFallback`): un violin de pocos
+ * puntos miente. La estadística llega pre-calculada del SQL (payload chico).
+ *
+ * Sin `ResponsiveContainer` (no renderiza en happy-dom y complica el test):
+ * `<svg viewBox>` + `width="100%"`. Autocontenido, sin HeroUI, para render
+ * server-side directo en tests.
+ */
+function ViolinPlot(_a) {
+    var groups = _a.groups, valueLabel = _a.valueLabel, _b = _a.baseUnit, baseUnit = _b === void 0 ? "none" : _b, formatValue = _a.formatValue, _c = _a.height, height = _c === void 0 ? 320 : _c, _d = _a.minSampleForViolin, minSampleForViolin = _d === void 0 ? 20 : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e;
+    var t = __assign(__assign({}, defaultTranslations$1), translations);
+    if (groups.length === 0) {
+        return (jsx("svg", { viewBox: "0 0 ".concat(VIEW_WIDTH, " ").concat(height), width: "100%", role: "img", "aria-label": valueLabel, children: jsx("text", { x: VIEW_WIDTH / 2, y: height / 2, textAnchor: "middle", fill: COLOR_AXIS, children: t.emptyState }) }));
+    }
+    var plotTop = MARGIN.top;
+    var plotBottom = height - MARGIN.bottom;
+    var plotHeight = plotBottom - plotTop;
+    // Escala Y común a todos los grupos (de 0 al p95 máximo, con margen).
+    var maxValue = Math.max.apply(Math, __spreadArray(__spreadArray([], groups.map(function (g) { return g.p95; }), false), [1], false));
+    var valueToY = function (v) {
+        return plotBottom - (v / maxValue) * plotHeight;
+    };
+    var refMedian = groups.map(function (g) { return g.p50; }).sort(function (a, b) { return a - b; })[Math.floor(groups.length / 2)];
+    var _f = pickDisplayUnit(refMedian, baseUnit), unit = _f.unit, factor = _f.factor;
+    var fmt = formatValue !== null && formatValue !== void 0 ? formatValue : (function (v) { return formatTick(v, factor, unit); });
+    var columnWidth = (VIEW_WIDTH - MARGIN.left - MARGIN.right) / groups.length;
+    return (jsxs("svg", { viewBox: "0 0 ".concat(VIEW_WIDTH, " ").concat(height), width: "100%", role: "img", "aria-label": valueLabel, children: [[0, maxValue / 2, maxValue].map(function (v) { return (jsxs("g", { children: [jsx("line", { x1: MARGIN.left, x2: VIEW_WIDTH - MARGIN.right, y1: valueToY(v), y2: valueToY(v), stroke: "#e5e7eb", strokeDasharray: "3 3" }), jsx("text", { x: MARGIN.left - 6, y: valueToY(v) + 4, textAnchor: "end", fontSize: 11, fill: COLOR_AXIS, children: fmt(v) })] }, v)); }), groups.map(function (group, i) {
+                var centerX = MARGIN.left + columnWidth * (i + 0.5);
+                return (jsxs("g", { children: [shouldFallback(group, minSampleForViolin) ? (jsx(ViolinFallback, { group: group, centerX: centerX, valueToY: valueToY })) : (jsx(ViolinBody, { group: group, centerX: centerX, valueToY: valueToY })), jsx("text", { x: centerX, y: plotBottom + 16, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: group.label }), jsxs("text", { x: centerX, y: plotBottom + 30, textAnchor: "middle", fontSize: 10, fill: COLOR_AXIS, children: [t.sampleSizeLabel, "=", group.n, group.nExcluded > 0
+                                    ? " \u00B7 \u2212".concat(group.nExcluded, " ").concat(t.outliersLabel)
+                                    : ""] })] }, group.label));
+            })] }));
+}
+function ViolinBody(_a) {
+    var group = _a.group, centerX = _a.centerX, valueToY = _a.valueToY;
+    var path = buildDensityPath(group.bins, centerX, VIOLIN_HALF_WIDTH, valueToY);
+    var boxHalf = 8;
+    return (jsxs("g", { children: [jsx("path", { d: path, fill: COLOR_BODY, fillOpacity: 0.55, stroke: COLOR_STROKE, strokeWidth: 1 }), jsx("line", { x1: centerX, x2: centerX, y1: valueToY(group.p5), y2: valueToY(group.p95), stroke: COLOR_MEDIAN, strokeWidth: 1 }), jsx("rect", { x: centerX - boxHalf, y: valueToY(group.p75), width: boxHalf * 2, height: Math.max(0, valueToY(group.p25) - valueToY(group.p75)), fill: COLOR_STROKE, fillOpacity: 0.25, stroke: COLOR_STROKE }), jsx("line", { x1: centerX - boxHalf, x2: centerX + boxHalf, y1: valueToY(group.p50), y2: valueToY(group.p50), stroke: COLOR_MEDIAN, strokeWidth: 2 })] }));
+}
+
 function resolvePreviewActions(previewAction, ctaType, ctaLabel, ctaValue) {
     var _a;
     var fromProp = (_a = previewAction === null || previewAction === void 0 ? void 0 : previewAction.filter(function (a) {
@@ -9022,4 +9201,4 @@ var NavigationLoadingProvider = function (_a) {
     return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
 };
 
-export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EmailPreview, 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, REGISTERED_THEME_COLORS, RangeFilter, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$4 as defaultTranslations, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };
+export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EmailPreview, 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, REGISTERED_THEME_COLORS, RangeFilter, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };

package/dist/types/components/violin-plot/ViolinFallback.d.ts

@@ -0,0 +1,12 @@
+import type { ViolinGroup } from "./ViolinPlot.types";
+/**
+ * Fallback para grupos con n<20: caja (q1–q3) + mediana + puntos crudos con
+ * jitter horizontal determinista. Un violin de 8 puntos miente; aquí se ve cada
+ * punto real (caso Guru). Si faltan `rawValues`, cae a caja desde percentiles.
+ */
+export declare function ViolinFallback({ group, centerX, valueToY, }: {
+    group: ViolinGroup;
+    centerX: number;
+    valueToY: (v: number) => number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViolinFallback.d.ts.map

package/dist/types/components/violin-plot/ViolinFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViolinFallback.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAStD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,QAAQ,GACR,EAAE;IACF,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC,2CAyDA"}

package/dist/types/components/violin-plot/ViolinPlot.d.ts

@@ -0,0 +1,14 @@
+import type { ViolinPlotProps } from "./ViolinPlot.types";
+/**
+ * ViolinPlot — distribución por grupo como densidad espejada (SVG puro), con
+ * mediana/cuartiles superpuestos y `n=` visible. Cuando un grupo tiene n<20 (o
+ * trae `rawValues`) degrada a box/strip (`ViolinFallback`): un violin de pocos
+ * puntos miente. La estadística llega pre-calculada del SQL (payload chico).
+ *
+ * Sin `ResponsiveContainer` (no renderiza en happy-dom y complica el test):
+ * `<svg viewBox>` + `width="100%"`. Autocontenido, sin HeroUI, para render
+ * server-side directo en tests.
+ */
+export declare function ViolinPlot({ groups, valueLabel, baseUnit, formatValue, height, minSampleForViolin, translations, }: ViolinPlotProps): import("react/jsx-runtime").JSX.Element;
+export default ViolinPlot;
+//# sourceMappingURL=ViolinPlot.d.ts.map

package/dist/types/components/violin-plot/ViolinPlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViolinPlot.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinPlot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,oBAAoB,CAAC;AA2B5B;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,QAAiB,EACjB,WAAW,EACX,MAAY,EACZ,kBAAuB,EACvB,YAAiB,GACjB,EAAE,eAAe,2CA4GjB;AA2DD,eAAe,UAAU,CAAC"}

package/dist/types/components/violin-plot/ViolinPlot.types.d.ts

@@ -0,0 +1,47 @@
+/** Un bin del histograma de densidad, en coordenadas de VALOR (no px). */
+export interface ViolinBin {
+    x0: number;
+    x1: number;
+    count: number;
+}
+/** Unidad base de los valores de entrada (para formateo adaptativo). */
+export type BaseUnit = "s" | "min" | "h" | "d" | "none";
+/**
+ * Distribución de un grupo, con la estadística ya calculada en SQL.
+ * `bins` alimenta el violin (n>=minSampleForViolin). `rawValues` llega SOLO
+ * cuando n<20 y activa el fallback box/strip.
+ */
+export interface ViolinGroup {
+    label: string;
+    n: number;
+    nExcluded: number;
+    p5: number;
+    p25: number;
+    p50: number;
+    p75: number;
+    p95: number;
+    bins: ViolinBin[];
+    rawValues?: number[];
+}
+/**
+ * Textos visibles del componente, para i18n (patrón AuraUI). Todas las claves
+ * son opcionales: se fusionan sobre los defaults en español.
+ */
+export interface ViolinPlotTranslations {
+    /** Mensaje cuando no hay grupos que mostrar. */
+    emptyState?: string;
+    /** Prefijo del tamaño de muestra (`n=248`). */
+    sampleSizeLabel?: string;
+    /** Sufijo del conteo de outliers excluidos (`· −12 outliers`). */
+    outliersLabel?: string;
+}
+export interface ViolinPlotProps {
+    groups: ViolinGroup[];
+    valueLabel: string;
+    baseUnit?: BaseUnit;
+    formatValue?: (value: number) => string;
+    height?: number;
+    minSampleForViolin?: number;
+    translations?: ViolinPlotTranslations;
+}
+//# sourceMappingURL=ViolinPlot.types.d.ts.map

package/dist/types/components/violin-plot/ViolinPlot.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViolinPlot.types.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinPlot.types.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,wEAAwE;AACxE,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACtC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC/B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACtC"}

package/dist/types/components/violin-plot/index.d.ts

@@ -0,0 +1,3 @@
+export { ViolinPlot } from "./ViolinPlot.js";
+export type { BaseUnit, ViolinBin, ViolinGroup, ViolinPlotProps, ViolinPlotTranslations, } from "./ViolinPlot.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/violin-plot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,sBAAsB,GACtB,MAAM,oBAAoB,CAAC"}

package/dist/types/components/violin-plot/violin-geometry.d.ts

@@ -0,0 +1,41 @@
+import type { BaseUnit, ViolinBin } from "./ViolinPlot.types";
+/**
+ * Jitter pseudo-aleatorio determinista en [0,1), sembrado SOLO por el índice.
+ * Misma constante Knuth (2654435761) que `computeStripJitter`/`computeBoxJitter`
+ * de beweanalytics — nunca `Math.random()`.
+ */
+export declare function jitter(index: number): number;
+export interface Quartiles {
+    min: number;
+    q1: number;
+    median: number;
+    q3: number;
+    max: number;
+}
+/**
+ * Cuartiles por interpolación lineal (R-7, el default de numpy/Excel).
+ * Espeja `computeQuartiles` de beweanalytics para coherencia entre repos.
+ */
+export declare function computeQuartilesFromRaw(values: number[]): Quartiles;
+/** Un grupo cae al fallback si tiene pocos datos o trae valores crudos. */
+export declare function shouldFallback(group: {
+    n: number;
+    rawValues?: number[];
+}, minN: number): boolean;
+export interface DisplayUnit {
+    unit: string;
+    factor: number;
+}
+/**
+ * Elige la unidad de display (s/min/h/d) más legible para un valor de
+ * referencia (típicamente la mediana) y devuelve el `factor` por el que
+ * multiplicar los valores en `baseUnit` para obtener la unidad elegida.
+ */
+export declare function pickDisplayUnit(value: number, base: BaseUnit): DisplayUnit;
+/**
+ * Path SVG del cuerpo del violin: polígono cerrado y espejado sobre `centerX`.
+ * El ancho de cada bin es proporcional a su count (normalizado al bin máximo)
+ * escalado a `halfWidth` px. `valueToY` mapea el valor medio del bin a la Y en px.
+ */
+export declare function buildDensityPath(bins: ViolinBin[], centerX: number, halfWidth: number, valueToY: (value: number) => number): string;
+//# sourceMappingURL=violin-geometry.d.ts.map

package/dist/types/components/violin-plot/violin-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"violin-geometry.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/violin-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED,MAAM,WAAW,SAAS;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACZ;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CA6BnE;AAED,2EAA2E;AAC3E,wBAAgB,cAAc,CAC7B,KAAK,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,EAC1C,IAAI,EAAE,MAAM,GACV,OAAO,CAET;AAED,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CACf;AASD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,WAAW,CAc1E;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC/B,IAAI,EAAE,SAAS,EAAE,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GACjC,MAAM,CAYR"}

package/dist/types/index.d.ts

@@ -44,6 +44,7 @@ export * from "./components/toast";
 export * from "./components/two-column-layout-agent";
 export * from "./components/upload-file";
 export * from "./components/vertical-steps";
+export * from "./components/violin-plot";
 export * from "./components/whatsapp-preview";
 export * from "./components/wizard";
 export * from "./components/breadcrumbs";

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.6.61",
+	"version": "0.6.62",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",
@@ -33,6 +33,7 @@
 		"dev": "rollup -c --watch",
 		"format": "biome format --write",
 		"storybook": "storybook dev --port 6006",
+		"test": "vitest run",
 		"chromatic": "npx chromatic --project-token=chpt_a33f7fd2ebb3349",
 		"prepare": "husky",
 		"publish:with-env": "dotenv -e .env -- npm publish --access public",
@@ -91,7 +92,8 @@
 		"sass": "^1.89.2",
 		"storybook": "^8.0.0",
 		"tailwindcss": "3.4.17",
-		"typescript": "^5.8.3"
+		"typescript": "^5.8.3",
+		"vitest": "^2.1.9"
 	},
 	"type": "module"
 }