@beweco/aurora-ui 0.6.61 → 0.6.63

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) {
@@ -8158,11 +8337,13 @@ var SegmentationBuilder = React.forwardRef(function (_a, ref) {
 SegmentationBuilder.displayName = "SegmentationBuilder";
 
 var SENTINEL_KEY = "__tags-filter-sentinel__";
+var EMPTY_KEY = "__tags-filter-empty__";
 var DEFAULT_TRANSLATIONS = {
     placeholder: "Nombre de la etiqueta",
     labelSelect: "Selecciona etiqueta",
     labelSelected: "Etiquetas actuales",
     emptySelectedMessage: "No hay etiquetas seleccionadas",
+    emptyAvailableMessage: "No hay etiquetas disponibles",
     errorLoadingPrefix: "Error al cargar etiquetas",
     loadingMoreLabel: "Cargando más etiquetas…",
     endOfListMessage: "",
@@ -8229,9 +8410,26 @@ function TagsFilter(_a) {
         });
     }, [items, inputValue, compareTags, onInputChange]);
     var filteredItems = getFilteredAvailable(selectedList);
-    var showSentinel = Boolean(onLoadMore) && (hasMore || Boolean(t.endOfListMessage));
-    var itemsWithSentinel = showSentinel
-        ? __spreadArray(__spreadArray([], filteredItems, true), [{ id: SENTINEL_KEY, value: "" }], false) : filteredItems;
+    // El sentinel es quien monta el IntersectionObserver, así que tiene que
+    // seguir en la colección mientras quede algo por traer o haya una carga en
+    // curso: sin él, `onLoadMore` no se vuelve a disparar nunca.
+    var showSentinel = Boolean(onLoadMore) &&
+        (hasMore || isLoadingMore || Boolean(t.endOfListMessage));
+    var isAvailableEmpty = filteredItems.length === 0;
+    // Sin nada que ofrecer se inyecta un item de solo lectura con el mensaje de
+    // vacío: así el desplegable explica por qué está vacío en vez de no abrirse
+    // (o abrirse en blanco), y la colección nunca queda realmente vacía.
+    //
+    // Es el último recurso, no el primero: si aún hay páginas por cargar o una
+    // petición en vuelo, gana el sentinel. De lo contrario bastaría con que la
+    // página cargada no tuviera coincidencias (o con seleccionar todas sus
+    // etiquetas) para anunciar "no hay etiquetas" y cortar la paginación.
+    var canPaginate = Boolean(onLoadMore) && hasMore;
+    var showEmptyItem = isAvailableEmpty && !canPaginate && !isLoadingMore;
+    var itemsWithSentinel = showEmptyItem
+        ? [{ id: EMPTY_KEY, value: "" }]
+        : showSentinel
+            ? __spreadArray(__spreadArray([], filteredItems, true), [{ id: SENTINEL_KEY, value: "" }], false) : filteredItems;
     var handleAutocompleteSelection = React.useCallback(function (key) {
         if (key == null) {
             return;
@@ -8250,9 +8448,16 @@ function TagsFilter(_a) {
                                     setInputValue(v);
                                     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(v);
                                 }, selectedKey: null, items: itemsWithSentinel, onSelectionChange: handleAutocompleteSelection, 
-                                // "focus" keeps the menu tied to focus; prefer opening when typing.
-                                menuTrigger: "input", 
-                                // When the filtered list is empty, avoid keeping an open overlay that blocks the modal.
+                                // El item de vacío no es seleccionable ni navegable con teclado:
+                                // es un mensaje, no una opción.
+                                disabledKeys: [EMPTY_KEY], 
+                                // TECH-1640: el desplegable abre al enfocar/hacer clic, no solo al
+                                // escribir. Un selector de etiquetas debe enseñar lo que hay sin
+                                // exigir que el usuario recuerde el nombre.
+                                menuTrigger: "focus", 
+                                // Salvo carga en curso, la colección siempre trae algo que mostrar
+                                // (ver `itemsWithSentinel`). Se mantiene el flag para que un hueco
+                                // transitorio no abra un overlay vacío sobre el modal padre.
                                 allowsEmptyCollection: false, shouldCloseOnBlur: true, popoverProps: {
                                     // isNonModal: false would render a full-screen invisible backdrop that
                                     // intercepts pointer events, blocking the parent modal's close button.
@@ -8263,6 +8468,9 @@ function TagsFilter(_a) {
                                     className: "max-h-[200px] overflow-y-auto",
                                 }, className: "w-full", children: function (item) {
                                     var candidate = item;
+                                    if (candidate.id === EMPTY_KEY) {
+                                        return (jsxRuntime.jsx(react.AutocompleteItem, { textValue: t.emptyAvailableMessage, isReadOnly: true, className: "opacity-100 cursor-default data-[hover=true]:bg-transparent", children: jsxRuntime.jsx("span", { className: "text-tiny text-default-500", children: t.emptyAvailableMessage }) }, EMPTY_KEY));
+                                    }
                                     if (candidate.id === SENTINEL_KEY) {
                                         return (jsxRuntime.jsx(react.AutocompleteItem, { textValue: "", isReadOnly: true, className: "opacity-100 cursor-default data-[hover=true]:bg-transparent", children: jsxRuntime.jsx("div", { ref: function (node) {
                                                     var _a;
@@ -9107,6 +9315,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 +9324,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;