@beweco/aurora-ui 0.6.75 → 0.6.76-qa.103

package/dist/index.esm.js

@@ -285,6 +285,10 @@ var HolidayType;
     HolidayType["DateRange"] = "dateRange";
 })(HolidayType || (HolidayType = {}));
 
+var CLASE_AURA = {
+    ring: "linda-aura-ring",
+    surface: "linda-aura",
+};
 /**
  * Botón genérico basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
@@ -295,10 +299,24 @@ var HolidayType;
  * - isLoading: On, Off
  * - Radius: md (por defecto)
  * - isIconOnly: True, False
+ * - ai: aura de Linda para las acciones que hace la IA (ver `Button.types.ts`)
  */
 var Button = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, _e = _a.radius, radius = _e === void 0 ? "sm" : _e, startContent = _a.startContent, endContent = _a.endContent, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isIconOnly, isIconOnly = _g === void 0 ? false : _g, props = __rest(_a, ["color", "size", "variant", "radius", "startContent", "endContent", "isLoading", "isIconOnly"]);
-    return (jsx(Button$1, __assign({}, props, { color: color, size: size, variant: variant, radius: radius, startContent: startContent, endContent: endContent, isLoading: isLoading, isIconOnly: isIconOnly })));
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, _e = _a.radius, radius = _e === void 0 ? "sm" : _e, startContent = _a.startContent, endContent = _a.endContent, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isIconOnly, isIconOnly = _g === void 0 ? false : _g, ai = _a.ai, className = _a.className, children = _a.children, props = __rest(_a, ["color", "size", "variant", "radius", "startContent", "endContent", "isLoading", "isIconOnly", "ai", "className", "children"]);
+    /*
+     * El contenido se envuelve para poder subirlo por encima del aura.
+     *
+     * Y tiene que ser un elemento: `<Button>Crear campaña</Button>` pasa un NODO DE
+     * TEXTO, que no es posicionable, así que ningún selector puede sacarlo del fondo del
+     * apilado —el aura, que sí está posicionada, le pasaría por encima—. Con `ring` daría
+     * igual porque esa capa es solo el canto; con `surface` el texto se leería a través
+     * del degradado.
+     */
+    var contenido = ai ? (jsx("span", { className: "linda-aura-content", children: children })) : (children);
+    var clases = [ai ? CLASE_AURA[ai] : "", className]
+        .filter(Boolean)
+        .join(" ");
+    return (jsx(Button$1, __assign({}, props, { color: color, size: size, variant: variant, radius: radius, startContent: startContent, endContent: endContent, isLoading: isLoading, isIconOnly: isIconOnly, className: clases || undefined, children: contenido })));
 };
 
 var DatePicker = function (_a) {
@@ -582,9 +600,9 @@ function ChartTooltip(_a) {
             })] }));
 }
 function AreaLineChart(_a) {
-    var data = _a.data, xAxisKey = _a.xAxisKey, series = _a.series, title = _a.title, value = _a.value, trend = _a.trend, _b = _a.height, height = _b === void 0 ? 200 : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.wrappedInCard, wrappedInCard = _d === void 0 ? false : _d, formatTooltipValue = _a.formatTooltipValue, _e = _a.yAxisDomain, yAxisDomain = _e === void 0 ? [0, "dataMax + 100"] : _e;
+    var data = _a.data, xAxisKey = _a.xAxisKey, series = _a.series, title = _a.title, value = _a.value, trend = _a.trend, _b = _a.height, height = _b === void 0 ? 200 : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.wrappedInCard, wrappedInCard = _d === void 0 ? false : _d, formatTooltipValue = _a.formatTooltipValue, _e = _a.yAxisDomain, yAxisDomain = _e === void 0 ? [0, "dataMax + 100"] : _e, _f = _a.xAxisInterval, xAxisInterval = _f === void 0 ? "preserveStartEnd" : _f;
     var hasHeader = title != null || value != null || trend != null || series.length > 0;
-    var content = (jsxs(Fragment, { children: [hasHeader && (jsxs("div", { className: "flex items-start justify-between mb-6", children: [jsxs("div", { children: [title != null && (jsx(H3, { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1", children: title })), value != null && (jsxs("div", { className: "flex items-baseline gap-2", children: [jsx("span", { className: "text-2xl font-bold text-gray-900", children: value }), trend != null && (jsx("span", { className: "text-xs font-medium text-yellow-600 bg-yellow-50 px-2 py-1 rounded", children: trend }))] }))] }), series.length > 0 && (jsx("div", { className: "flex flex-wrap items-center gap-4", children: series.map(function (s) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("svg", { width: "16", height: "2", viewBox: "0 0 16 2", fill: "none", children: jsx("line", { x1: "0", y1: "1", x2: "16", y2: "1", stroke: s.color, strokeWidth: "2" }) }), jsx("span", { className: "text-xs text-gray-600 font-medium", children: s.label })] }, s.dataKey)); }) }))] })), jsx("div", { className: "w-full", style: { height: "".concat(height, "px") }, children: jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(LineChart, { data: data, margin: { top: 5, right: 5, left: 5, bottom: 5 }, children: [jsx("defs", { children: series.map(function (s) { return (jsxs("linearGradient", { id: "area-line-chart-".concat(s.dataKey), x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "0%", stopColor: s.color, stopOpacity: 0.3 }), jsx("stop", { offset: "50%", stopColor: s.color, stopOpacity: 0.15 }), jsx("stop", { offset: "100%", stopColor: s.color, stopOpacity: 0 })] }, s.dataKey)); }) }), jsx(XAxis, { dataKey: xAxisKey, axisLine: false, tickLine: false, tick: { fill: "#9ca3af", fontSize: 12 }, dy: 10 }), jsx(YAxis, { axisLine: false, tickLine: false, tick: { fill: "transparent", fontSize: 0 }, width: 0, tickCount: 6, domain: yAxisDomain, allowDecimals: false }), jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#d1d5db", strokeOpacity: 0.5, vertical: false, horizontal: true }), jsx(Tooltip$1, { content: jsx(ChartTooltip, { series: series, formatValue: formatTooltipValue }) }), series.map(function (s) { return (jsx(Area, { type: "natural", dataKey: s.dataKey, stroke: "none", fill: "url(#area-line-chart-".concat(s.dataKey, ")"), animationDuration: 1500, animationEasing: "ease-in-out" }, "area-".concat(s.dataKey))); }), series.map(function (s) { return (jsx(Line, { type: "natural", dataKey: s.dataKey, name: s.dataKey, stroke: s.color, strokeWidth: 3, dot: false, activeDot: {
+    var content = (jsxs(Fragment, { children: [hasHeader && (jsxs("div", { className: "flex items-start justify-between mb-6", children: [jsxs("div", { children: [title != null && (jsx(H3, { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1", children: title })), value != null && (jsxs("div", { className: "flex items-baseline gap-2", children: [jsx("span", { className: "text-2xl font-bold text-gray-900", children: value }), trend != null && (jsx("span", { className: "text-xs font-medium text-yellow-600 bg-yellow-50 px-2 py-1 rounded", children: trend }))] }))] }), series.length > 0 && (jsx("div", { className: "flex flex-wrap items-center gap-4", children: series.map(function (s) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("svg", { width: "16", height: "2", viewBox: "0 0 16 2", fill: "none", children: jsx("line", { x1: "0", y1: "1", x2: "16", y2: "1", stroke: s.color, strokeWidth: "2" }) }), jsx("span", { className: "text-xs text-gray-600 font-medium", children: s.label })] }, s.dataKey)); }) }))] })), jsx("div", { className: "w-full", style: { height: "".concat(height, "px") }, children: jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(LineChart, { data: data, margin: { top: 5, right: 5, left: 5, bottom: 5 }, children: [jsx("defs", { children: series.map(function (s) { return (jsxs("linearGradient", { id: "area-line-chart-".concat(s.dataKey), x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "0%", stopColor: s.color, stopOpacity: 0.3 }), jsx("stop", { offset: "50%", stopColor: s.color, stopOpacity: 0.15 }), jsx("stop", { offset: "100%", stopColor: s.color, stopOpacity: 0 })] }, s.dataKey)); }) }), jsx(XAxis, { dataKey: xAxisKey, axisLine: false, tickLine: false, tick: { fill: "#9ca3af", fontSize: 12 }, dy: 10, interval: xAxisInterval }), jsx(YAxis, { axisLine: false, tickLine: false, tick: { fill: "transparent", fontSize: 0 }, width: 0, tickCount: 6, domain: yAxisDomain, allowDecimals: false }), jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#d1d5db", strokeOpacity: 0.5, vertical: false, horizontal: true }), jsx(Tooltip$1, { content: jsx(ChartTooltip, { series: series, formatValue: formatTooltipValue }) }), series.map(function (s) { return (jsx(Area, { type: "natural", dataKey: s.dataKey, stroke: "none", fill: "url(#area-line-chart-".concat(s.dataKey, ")"), animationDuration: 1500, animationEasing: "ease-in-out" }, "area-".concat(s.dataKey))); }), series.map(function (s) { return (jsx(Line, { type: "natural", dataKey: s.dataKey, name: s.dataKey, stroke: s.color, strokeWidth: 3, dot: false, activeDot: {
                                     r: 6,
                                     fill: s.color,
                                     stroke: "#fff",
@@ -596,6 +614,139 @@ function AreaLineChart(_a) {
     return jsx("div", { className: className, children: content });
 }
 
+/**
+ * Interacciones que un popover no-modal NO debe tratar como "clic fuera".
+ *
+ * El problema que resuelve: `useOverlay` de react-aria trata cualquier
+ * pulsación fuera del popover como interacción externa y, cuando el popover es
+ * el overlay visible más reciente, hace `stopPropagation()` + `preventDefault()`
+ * sobre el `pointerdown` **y** sobre el `click`
+ * (`@react-aria/overlays/useOverlay`). El evento nunca llega a su destino, así
+ * que `usePress` no registra la pulsación y `onPress` no se dispara: el primer
+ * clic solo cierra el desplegable.
+ *
+ * Para un clic en la página de fondo eso es lo correcto: descartar el
+ * desplegable sin activar nada por debajo. Dentro del mismo diálogo no: ahí el
+ * usuario está rellenando un formulario y espera que su clic llegue. Y como los
+ * buscadores se reabren al recuperar el foco, el clic siguiente se volvía a
+ * tragar — un callejón sin salida del que solo se salía vaciando el campo.
+ *
+ * La única palanca es `shouldCloseOnInteractOutside`: es el guardián de esos dos
+ * `preventDefault`. Devolviendo `false` para lo que no es realmente "fuera", la
+ * pulsación llega intacta. El desplegable sigue cerrándose igual, pero por
+ * pérdida de foco (`shouldCloseOnBlur`) en vez de por interacción externa.
+ */
+var _a, _b;
+/**
+ * Marca un botón como control de cierre de su contenedor. Los popovers de Aura
+ * no lo cuentan como interacción externa, así que su pulsación no se pierde.
+ */
+var DISMISS_CONTROL_ATTRIBUTE = "data-aura-dismiss";
+/** Props a esparcir en un control de cierre: `<Button {...dismissControlProps} />`. */
+var dismissControlProps = (_a = {},
+    _a[DISMISS_CONTROL_ATTRIBUTE] = "true",
+    _a);
+/**
+ * Marca el contenedor de una superficie modal propia (wizard, panel a medida).
+ * No hace falta en `Modal` ni `Drawer`: los diálogos de HeroUI ya traen
+ * `role="dialog"`, que cuenta igual.
+ */
+var CONTAINER_ATTRIBUTE = "data-aura-container";
+/** Props a esparcir en el contenedor: `<div {...containerProps}>`. */
+var containerProps = (_b = {},
+    _b[CONTAINER_ATTRIBUTE] = "true",
+    _b);
+/**
+ * Selector de controles de cierre. Incluye `[aria-label="Close"]` para cubrir
+ * los botones de cerrar internos de HeroUI (Modal, Drawer), que no admiten
+ * atributos propios.
+ */
+var DISMISS_CONTROL_SELECTOR = "[".concat(DISMISS_CONTROL_ATTRIBUTE, "],[aria-label=\"Close\"]");
+/** Selector del contenedor modal: el marcado de Aura o un diálogo estándar. */
+var CONTAINER_SELECTOR = "[".concat(CONTAINER_ATTRIBUTE, "],[role=\"dialog\"],[role=\"alertdialog\"]");
+var matchesAncestor = function (element, selector) {
+    if (!element || typeof element.closest !== "function") {
+        return false;
+    }
+    return element.closest(selector) != null;
+};
+/** `true` si el elemento es un control de cierre (o está dentro de uno). */
+var isDismissControl = function (element) { return matchesAncestor(element, DISMISS_CONTROL_SELECTOR); };
+/**
+ * `true` si el elemento vive dentro de una superficie modal: un diálogo estándar
+ * o un contenedor marcado con `containerProps`.
+ *
+ * Es la condición que decide si un componente con popover no-modal necesita el
+ * predicado de más abajo. Fuera de una superficie así, HeroUI ya resuelve el
+ * caso por su cuenta (`ariaShouldCloseOnInteractOutside` cierra el desplegable
+ * y devuelve `false`, de modo que la pulsación llega a su destino); solo falla
+ * cuando hay un diálogo de por medio, y ahí entra el nuestro.
+ */
+var isInsideDismissContainer = function (element) { return matchesAncestor(element, CONTAINER_SELECTOR); };
+/**
+ * Predicado listo para `popoverProps.shouldCloseOnInteractOutside` de un
+ * componente con popover no-modal.
+ *
+ * Devuelve `false` —no es interacción externa— en tres casos:
+ *
+ * 1. Dentro del propio componente: el popover vive en un portal, así que el
+ *    campo de búsqueda queda fuera de él y una pulsación sobre el texto se
+ *    contaba como externa.
+ * 2. Sobre un control de cierre del contenedor propio.
+ * 3. Dentro del mismo diálogo/contenedor que el componente: seguir rellenando
+ *    el formulario no es descartar el desplegable.
+ *
+ * Las exenciones 2 y 3 se limitan al contenedor del propio componente. Un
+ * control de cierre suelto en la página —la X de un toast, la de un banner— no
+ * tiene nada que ver con este desplegable, así que sigue contando como externo
+ * y lo cierra.
+ *
+ * @param element Elemento donde ha empezado la interacción.
+ * @param root    Raíz del componente.
+ */
+var shouldClosePopoverOnInteractOutside = function (element, root) {
+    var _a;
+    if (root === null || root === void 0 ? void 0 : root.contains(element)) {
+        return false;
+    }
+    var container = (_a = root === null || root === void 0 ? void 0 : root.closest) === null || _a === void 0 ? void 0 : _a.call(root, CONTAINER_SELECTOR);
+    if (isDismissControl(element)) {
+        // Sin contenedor propio no hay a quién eximir: el control de cierre es
+        // de otra cosa y su pulsación descarta el desplegable como cualquier otra.
+        return container ? !container.contains(element) : true;
+    }
+    if (!matchesAncestor(element, CONTAINER_SELECTOR)) {
+        return true;
+    }
+    // Solo exime el contenedor propio: un diálogo distinto sigue siendo externo.
+    return !(container === null || container === void 0 ? void 0 : container.contains(element));
+};
+/**
+ * Mezcla las `popoverProps` de un consumidor con el predicado por defecto, para
+ * que un componente con popover no-modal no trate como "clic fuera" lo que no lo
+ * es (ver `shouldClosePopoverOnInteractOutside`).
+ *
+ * Llamar solo cuando el componente está dentro de una superficie modal
+ * (`isInsideDismissContainer`). Fuera de ella HeroUI trae su propio default y
+ * hay que dejárselo: instalar cualquier predicado lo desactiva, porque su mezcla
+ * es por truthiness (`@heroui/autocomplete` → `use-autocomplete`).
+ *
+ * El consumidor puede sustituir el predicado pasando el suyo — es la salida para
+ * casos a medida, no la puerta a `() => true`. Pasar `shouldCloseOnInteractOutside:
+ * undefined` NO desactiva el default: para eso hay que pasar un predicado propio.
+ *
+ * @param popoverProps Las que llegan del consumidor, si las hay.
+ * @param getRoot      Lector de la raíz del componente. Es una función y no un
+ *                     valor porque el `ref` todavía es `null` en el primer
+ *                     render: hay que leerlo cuando ocurre la interacción.
+ */
+var withPopoverDismissDefaults = function (popoverProps, getRoot) {
+    var _a;
+    return (__assign(__assign({}, popoverProps), { shouldCloseOnInteractOutside: (_a = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.shouldCloseOnInteractOutside) !== null && _a !== void 0 ? _a : (function (element) {
+            return shouldClosePopoverOnInteractOutside(element, getRoot());
+        }) }));
+};
+
 /** Clases del wrapper del icono: margen derecho y alineación igual para lupa e iconos custom */
 var ICON_WRAPPER_CLASSNAME = "mr-2 flex shrink-0 items-center [&_svg]:shrink-0";
 var DEFAULT_ICON = (jsx(IconComponent, { icon: "solar:magnifer-outline", className: "text-default-400 pointer-events-none shrink-0", size: "sm", "aria-hidden": true }));
@@ -608,15 +759,39 @@ var DEFAULT_ICON = (jsx(IconComponent, { icon: "solar:magnifer-outline", classNa
  * - labelPlacement: Outside
  * - Size: sm, md, lg (configurable)
  * - Icono: lupa por defecto; acepta prop icon para personalizar u ocultar (null).
+ *
+ * **Dentro de un modal, drawer o contenedor marcado con `containerProps`**, el
+ * desplegable deja de contar como "clic fuera" lo que ocurre dentro del propio
+ * componente, sobre un control de cierre del contenedor o dentro de ese mismo
+ * contenedor: react-aria hace `preventDefault()` sobre esas pulsaciones y el
+ * control de destino nunca llegaba a recibir su `onPress` (ver
+ * `shouldClosePopoverOnInteractOutside`). Sigue cerrándose, por la vía del
+ * `shouldCloseOnBlur` del combobox de HeroUI — no por `onBlurWithin` del
+ * overlay, que está gateado por el mismo predicado.
+ *
+ * **Fuera de un contenedor así no se instala nada**: HeroUI ya resuelve ese caso
+ * con `ariaShouldCloseOnInteractOutside`, y como su mezcla es por truthiness,
+ * poner un predicado propio lo desactivaría y volvería a tragarse la pulsación.
+ *
+ * Un consumidor puede sustituir el predicado con su propio
+ * `popoverProps.shouldCloseOnInteractOutside`; entonces manda el suyo siempre.
  */
 var AuraAutocomplete = function (_a) {
-    var label = _a.label, id = _a.id, icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, props = __rest(_a, ["label", "id", "icon", "size", "variant", "radius"]);
+    var label = _a.label, id = _a.id, icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, popoverProps = _a.popoverProps, props = __rest(_a, ["label", "id", "icon", "size", "variant", "radius", "popoverProps"]);
     var generatedId = useId();
+    // El desplegable se renderiza en un portal, así que el campo de búsqueda
+    // queda fuera de él. Sin esta raíz el predicado no puede distinguir lo que
+    // pasa dentro del componente de un clic real de fuera. Se guarda en estado
+    // —y no en un ref— porque de ella depende SI se instala el predicado, y eso
+    // hay que decidirlo en render: un ref no dispara el re-render que hace falta.
+    var _e = useState(null), root = _e[0], setRoot = _e[1];
     var autoId = id || generatedId;
     var resolvedIcon = icon === undefined ? DEFAULT_ICON : icon;
     var hasIcon = resolvedIcon != null;
     var endContent = hasIcon ? (jsx("span", { className: ICON_WRAPPER_CLASSNAME, children: resolvedIcon })) : null;
-    return (jsxs("div", { children: [label && (jsx("label", { htmlFor: autoId, className: "block mb-2 text-tiny text-default-600", children: label })), jsx(Autocomplete, __assign({}, props, { id: autoId, label: undefined, labelPlacement: "outside", variant: variant, size: size, radius: radius, endContent: endContent, classNames: __assign({ base: "[&_[data-slot=input-wrapper][data-focus=true]]:!border-primary-500", popoverContent: "aura-popover-content [&_li[data-hover=true]]:!bg-primary-50 [&_li[data-hover=true]]:!text-default-600 [&_li]:!text-default-500" }, (hasIcon && { selectorButton: "!hidden" })) }))] }));
+    return (jsxs("div", { ref: setRoot, children: [label && (jsx("label", { htmlFor: autoId, className: "block mb-2 text-tiny text-default-600", children: label })), jsx(Autocomplete, __assign({}, props, { id: autoId, label: undefined, labelPlacement: "outside", variant: variant, size: size, radius: radius, endContent: endContent, popoverProps: isInsideDismissContainer(root)
+                    ? withPopoverDismissDefaults(popoverProps, function () { return root; })
+                    : popoverProps, classNames: __assign({ base: "[&_[data-slot=input-wrapper][data-focus=true]]:!border-primary-500", popoverContent: "aura-popover-content [&_li[data-hover=true]]:!bg-primary-50 [&_li[data-hover=true]]:!text-default-600 [&_li]:!text-default-500" }, (hasIcon && { selectorButton: "!hidden" })) }))] }));
 };
 
 /**
@@ -2968,6 +3143,20 @@ function computeTotal(data) {
 function isDonutEmpty(data) {
     return data.length === 0 || computeTotal(data) === 0;
 }
+/**
+ * Formatea `percent` (0-1) como entero + "%", excepto cuando la porción es
+ * real (>0) pero redondea a 0 — ahí muestra "<1%" en vez de "0%", que se lee
+ * como "no hay nada" y confunde cuando sí hay dato (ej. 4 de 2357 = 0.17%).
+ * `lessThanOneLabel` permite traducir el texto (ver `DonutChartTranslations`).
+ */
+function formatDonutPercent(percent, lessThanOneLabel) {
+    if (lessThanOneLabel === void 0) { lessThanOneLabel = "<1%"; }
+    if (!Number.isFinite(percent) || percent <= 0) {
+        return "0%";
+    }
+    var rounded = Math.round(percent * 100);
+    return rounded === 0 ? lessThanOneLabel : "".concat(rounded, "%");
+}
 /**
  * Resuelve las proporciones y el color final de cada categoría.
  * El color propio de cada dato tiene prioridad; si falta, se cicla `palette` por índice.
@@ -2985,6 +3174,7 @@ function computeSlices(data, palette) {
 var DEFAULT_TRANSLATIONS$b = {
     emptyState: "Sin datos para mostrar",
     totalLabel: "Total",
+    lessThanOnePercent: "<1%",
 };
 /**
  * DonutChart - Gráfico circular (pie o donut, según `innerRadiusRatio`) con
@@ -3003,7 +3193,7 @@ var DonutChart = function (_a) {
         return formatValue ? formatValue(value) : String(value);
     };
     var isDonut = innerRadiusRatio > 0;
-    return (jsxs("div", { className: className, children: [jsxs("div", { className: "relative w-full", style: { height: height }, children: [jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(PieChart, { children: [jsx(Pie, { data: slices, dataKey: "value", nameKey: "name", innerRadius: isDonut ? "".concat(innerRadiusRatio * 100, "%") : 0, outerRadius: "90%", stroke: "none", children: slices.map(function (slice) { return (jsx(Cell, { fill: slice.color }, slice.name)); }) }), jsx(Tooltip$1, { formatter: function (value) { return format(value); } })] }) }), isDonut && showTotal && (jsxs("div", { className: "aurora-donut-total pointer-events-none absolute inset-0 flex flex-col items-center justify-center", "aria-hidden": "true", children: [jsx("span", { className: "text-xs text-foreground-500", children: t.totalLabel }), jsx("span", { className: "text-xl font-semibold", children: format(total) })] }))] }), showLegend && (jsx("ul", { className: "mt-3 flex flex-wrap gap-3", children: slices.map(function (slice) { return (jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: slice.color }, "aria-hidden": "true" }), jsx("span", { children: slice.name }), jsxs("span", { className: "text-foreground-500", children: [Math.round(slice.percent * 100), "%"] })] }, slice.name)); }) }))] }));
+    return (jsxs("div", { className: className, children: [jsxs("div", { className: "relative w-full", style: { height: height }, children: [jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(PieChart, { children: [jsx(Pie, { data: slices, dataKey: "value", nameKey: "name", innerRadius: isDonut ? "".concat(innerRadiusRatio * 100, "%") : 0, outerRadius: "90%", stroke: "none", children: slices.map(function (slice) { return (jsx(Cell, { fill: slice.color }, slice.name)); }) }), jsx(Tooltip$1, { formatter: function (value) { return format(value); } })] }) }), isDonut && showTotal && (jsxs("div", { className: "aurora-donut-total pointer-events-none absolute inset-0 flex flex-col items-center justify-center", "aria-hidden": "true", children: [jsx("span", { className: "text-xs text-foreground-500", children: t.totalLabel }), jsx("span", { className: "text-xl font-semibold", children: format(total) })] }))] }), showLegend && (jsx("ul", { className: "mt-3 flex flex-wrap gap-3", children: slices.map(function (slice) { return (jsxs("li", { className: "flex items-center gap-1.5 text-xs", children: [jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: slice.color }, "aria-hidden": "true" }), jsx("span", { children: slice.name }), jsx("span", { className: "text-foreground-500", children: formatDonutPercent(slice.percent, t.lessThanOnePercent) })] }, slice.name)); }) }))] }));
 };
 
 var H1 = function (_a) {
@@ -4021,96 +4211,6 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
                             }) }), helpSection ? (jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsx(Button$1, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: collapsed, children: !collapsed ? (jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
 });
 
-/**
- * Interacciones que un popover no-modal NO debe tratar como "clic fuera".
- *
- * El problema que resuelve: `useOverlay` de react-aria trata cualquier
- * pulsación fuera del popover como interacción externa y, cuando el popover es
- * el overlay visible más reciente, hace `stopPropagation()` + `preventDefault()`
- * sobre el `pointerdown` **y** sobre el `click`
- * (`@react-aria/overlays/useOverlay`). El evento nunca llega a su destino, así
- * que `usePress` no registra la pulsación y `onPress` no se dispara: el primer
- * clic solo cierra el desplegable.
- *
- * Para un clic en la página de fondo eso es lo correcto: descartar el
- * desplegable sin activar nada por debajo. Dentro del mismo diálogo no: ahí el
- * usuario está rellenando un formulario y espera que su clic llegue. Y como los
- * buscadores se reabren al recuperar el foco, el clic siguiente se volvía a
- * tragar — un callejón sin salida del que solo se salía vaciando el campo.
- *
- * La única palanca es `shouldCloseOnInteractOutside`: es el guardián de esos dos
- * `preventDefault`. Devolviendo `false` para lo que no es realmente "fuera", la
- * pulsación llega intacta. El desplegable sigue cerrándose igual, pero por
- * pérdida de foco (`shouldCloseOnBlur`) en vez de por interacción externa.
- */
-var _a, _b;
-/**
- * Marca un botón como control de cierre de su contenedor. Los popovers de Aura
- * no lo cuentan como interacción externa, así que su pulsación no se pierde.
- */
-var DISMISS_CONTROL_ATTRIBUTE = "data-aura-dismiss";
-/** Props a esparcir en un control de cierre: `<Button {...dismissControlProps} />`. */
-var dismissControlProps = (_a = {},
-    _a[DISMISS_CONTROL_ATTRIBUTE] = "true",
-    _a);
-/**
- * Marca el contenedor de una superficie modal propia (wizard, panel a medida).
- * No hace falta en `Modal` ni `Drawer`: los diálogos de HeroUI ya traen
- * `role="dialog"`, que cuenta igual.
- */
-var CONTAINER_ATTRIBUTE = "data-aura-container";
-/** Props a esparcir en el contenedor: `<div {...containerProps}>`. */
-var containerProps = (_b = {},
-    _b[CONTAINER_ATTRIBUTE] = "true",
-    _b);
-/**
- * Selector de controles de cierre. Incluye `[aria-label="Close"]` para cubrir
- * los botones de cerrar internos de HeroUI (Modal, Drawer), que no admiten
- * atributos propios.
- */
-var DISMISS_CONTROL_SELECTOR = "[".concat(DISMISS_CONTROL_ATTRIBUTE, "],[aria-label=\"Close\"]");
-/** Selector del contenedor modal: el marcado de Aura o un diálogo estándar. */
-var CONTAINER_SELECTOR = "[".concat(CONTAINER_ATTRIBUTE, "],[role=\"dialog\"],[role=\"alertdialog\"]");
-var matchesAncestor = function (element, selector) {
-    if (!element || typeof element.closest !== "function") {
-        return false;
-    }
-    return element.closest(selector) != null;
-};
-/** `true` si el elemento es un control de cierre (o está dentro de uno). */
-var isDismissControl = function (element) { return matchesAncestor(element, DISMISS_CONTROL_SELECTOR); };
-/**
- * Predicado listo para `popoverProps.shouldCloseOnInteractOutside` de un
- * componente con popover no-modal.
- *
- * Devuelve `false` —no es interacción externa— en tres casos:
- *
- * 1. Dentro del propio componente: el popover vive en un portal, así que el
- *    campo de búsqueda queda fuera de él y una pulsación sobre el texto se
- *    contaba como externa.
- * 2. Sobre un control de cierre del contenedor.
- * 3. Dentro del mismo diálogo/contenedor que el componente: seguir rellenando
- *    el formulario no es descartar el desplegable.
- *
- * @param element Elemento donde ha empezado la interacción.
- * @param root    Raíz del componente.
- */
-var shouldClosePopoverOnInteractOutside = function (element, root) {
-    var _a;
-    if (root === null || root === void 0 ? void 0 : root.contains(element)) {
-        return false;
-    }
-    if (isDismissControl(element)) {
-        return false;
-    }
-    if (!matchesAncestor(element, CONTAINER_SELECTOR)) {
-        return true;
-    }
-    // Solo exime el contenedor propio: un diálogo distinto sigue siendo externo.
-    var container = (_a = root === null || root === void 0 ? void 0 : root.closest) === null || _a === void 0 ? void 0 : _a.call(root, CONTAINER_SELECTOR);
-    return !(container === null || container === void 0 ? void 0 : container.contains(element));
-};
-
 var StepIndicator = function (_a) {
     var currentStep = _a.currentStep, totalSteps = _a.totalSteps, _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.showStepText, showStepText = _c === void 0 ? true : _c, stepTextFormatter = _a.stepTextFormatter, className = _a.className, props = __rest(_a, ["currentStep", "totalSteps", "color", "showStepText", "stepTextFormatter", "className"]);
     var progressPercentage = Math.min((currentStep / totalSteps) * 100, 100);
@@ -4465,13 +4565,6 @@ var Phone = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
-    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
-    // un ancestro hace scroll para que no quede flotando fuera de lugar.
-    useCloseOnAncestorScroll({
-        isOpen: isDropdownOpen,
-        onClose: function () { return setIsDropdownOpen(false); },
-        contentRef: portalDropdownRef,
-    });
     var handleCountrySelect = function (country) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
@@ -8959,7 +9052,9 @@ function TagsFilter(_a) {
     var _m = useState(0), autocompleteKey = _m[0], setAutocompleteKey = _m[1];
     var selectedList = value !== null && value !== void 0 ? value : [];
     var _o = useState(null), sentinelNode = _o[0], setSentinelNode = _o[1];
-    var rootRef = useRef(null);
+    // En estado y no en un ref: de la raíz depende SI se instala el predicado
+    // (solo dentro de una superficie modal), y eso se decide en render.
+    var _p = useState(null), root = _p[0], setRoot = _p[1];
     useEffect(function () {
         if (!onLoadMore || !sentinelNode || !hasMore) {
             return;
@@ -9031,7 +9126,7 @@ function TagsFilter(_a) {
     if (isLoading) {
         return (jsx("div", { className: "flex flex-col gap-4 ".concat(className), children: jsx("div", { className: "flex justify-center py-4", children: jsx(Spinner, { size: "sm" }) }) }));
     }
-    return (jsxs("div", { ref: rootRef, className: "flex flex-col gap-4 ".concat(className), children: [error && (jsxs("div", { className: "text-danger text-small py-2", children: [t.errorLoadingPrefix, ": ", error] })), !error && (jsxs(Fragment, { children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsxs(H4, { className: "text-tiny text-left text-default-700", children: [t.labelSelect, required && jsx("span", { className: "text-danger ml-0.5", children: "*" })] }), jsx(AuraAutocomplete, { placeholder: t.placeholder, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t.placeholder, inputValue: inputValue, onInputChange: function (v) {
+    return (jsxs("div", { ref: setRoot, className: "flex flex-col gap-4 ".concat(className), children: [error && (jsxs("div", { className: "text-danger text-small py-2", children: [t.errorLoadingPrefix, ": ", error] })), !error && (jsxs(Fragment, { children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsxs(H4, { className: "text-tiny text-left text-default-700", children: [t.labelSelect, required && jsx("span", { className: "text-danger ml-0.5", children: "*" })] }), jsx(AuraAutocomplete, { placeholder: t.placeholder, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t.placeholder, inputValue: inputValue, onInputChange: function (v) {
                                     setInputValue(v);
                                     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(v);
                                 }, selectedKey: null, items: itemsWithSentinel, onSelectionChange: handleAutocompleteSelection, 
@@ -9065,9 +9160,16 @@ function TagsFilter(_a) {
                                     // click de toda interacción externa, así que su `onPress` no se
                                     // disparaba y el contenedor no se podía cerrar mientras el
                                     // desplegable estuviera abierto (ver `shouldClosePopoverOnInteractOutside`).
-                                    shouldCloseOnInteractOutside: function (element) {
-                                        return shouldClosePopoverOnInteractOutside(element, rootRef.current);
-                                    },
+                                    //
+                                    // Solo dentro de una superficie modal: fuera de ella HeroUI ya
+                                    // resuelve el caso por su cuenta, y como su mezcla es por
+                                    // truthiness, instalar cualquier predicado lo desactivaría y la
+                                    // pulsación volvería a perderse.
+                                    shouldCloseOnInteractOutside: isInsideDismissContainer(root)
+                                        ? function (element) {
+                                            return shouldClosePopoverOnInteractOutside(element, root);
+                                        }
+                                        : undefined,
                                 }, listboxProps: {
                                     className: "max-h-[200px] overflow-y-auto",
                                 }, className: "w-full", children: function (item) {
@@ -9645,6 +9747,127 @@ function removeCustomPrimaryColor() {
     }
 }
 
+/**
+ * Los tres tonos del aura de Linda, derivados del `primary` de la agencia.
+ *
+ * Linda no tiene color propio: es el `primary` que el negocio eligió en el onboarding,
+ * y por eso aquí no hay ni un color escrito. Lo único que se fija es CUÁNTO se gira ese
+ * tono y en qué banda de luz se pinta.
+ */
+/**
+ * Grados que se gira el `primary` para cada tono, en el orden en que se pintan.
+ *
+ * Son muchos grados a propósito. La gracia del aura es que haya MÁS DE UN COLOR: con
+ * un giro discreto —del orden de 18°, el que usa un degradado de profundidad— salen
+ * tres versiones del mismo tono y el resultado se lee como un plano. A ±55° el salto
+ * se ve como otro color y sigue dentro de la familia del `primary`, que es lo que
+ * permite que esto funcione con la agencia número siete sin tocar nada.
+ *
+ * El tono del medio va casi sin girar: es el que ancla el conjunto al color de la
+ * agencia, para que el aura se lea como suya y no como una decoración pegada encima.
+ */
+var GIROS = [-56, 8, 54];
+/**
+ * Banda de luz en la que se pintan los tres tonos, en porcentaje HSL.
+ *
+ * Los tonos NO heredan la luz del `primary`, y esto es lo que más se nota: un primary
+ * oscuro y poco saturado sobre una superficie clara se lee como una mancha gris —sucia,
+ * no como color—, y uno casi blanco desaparece contra el fondo. Se llevan al paso medio
+ * de la escala, que es el que funciona en los dos casos.
+ */
+var BANDA_LUZ = { min: 52, max: 72 };
+/**
+ * Banda de saturación de los tres tonos, en porcentaje HSL.
+ *
+ * El techo es lo que evita que el aura grite. A plena saturación los tonos dejan de ser
+ * ambiente y pasan a ser tres focos de color encima de un control de 40 pt: bonito en
+ * una captura, insoportable en una barra que se mira todo el día.
+ *
+ * ⚠️ **Y hay una razón que no es estética.** Girar el tono puede caer en un rojo vivo:
+ * un `primary` amarillo —51°— girado −56° aterriza en 355°, que a saturación 100 se lee
+ * como un estado de error alrededor de un botón que no ha fallado. Visto al renderizarlo,
+ * no razonándolo. Bajado a 65 el mismo tono es un rosa apagado y vuelve a leerse como lo
+ * que es: decoración.
+ *
+ * El suelo existe por lo contrario: un `primary` casi gris da tres tonos que no se
+ * distinguen entre sí, y entonces no hay degradado que ver —el aura se lee como una
+ * mancha plana—.
+ */
+var BANDA_SATURACION = { min: 35, max: 65 };
+var VUELTA = 360;
+/** `H S% L%` — el formato exacto en el que HeroUI guarda sus variables de color. */
+var TRIPLETE = /^\s*(-?\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s*$/;
+/**
+ * Lee el triplete que HeroUI deja en una variable de color.
+ *
+ * Devuelve `null` en vez de lanzar: esto corre en un efecto de tema y el valor puede
+ * no estar todavía —la clase del tema aún no está en el `<html>`, o el consumidor no
+ * cargó la hoja de estilos—. Un aura que no se pinta es un problema menor; una
+ * excepción que tumba el provider de tema, no.
+ */
+function parseHslTriplet(value) {
+    var encontrado = TRIPLETE.exec(value);
+    if (!encontrado) {
+        return null;
+    }
+    var h = encontrado[1], s = encontrado[2], l = encontrado[3];
+    return { h: Number(h), s: Number(s), l: Number(l) };
+}
+/** Deja un ángulo dentro de `[0, 360)`, venga de donde venga. */
+function normalizarTono(grados) {
+    return ((grados % VUELTA) + VUELTA) % VUELTA;
+}
+function acotar(valor, min, max) {
+    return Math.min(Math.max(valor, min), max);
+}
+/**
+ * Los tres tonos del aura, listos para escribirse en una variable CSS.
+ *
+ * Se redondean a entero: es un degradado decorativo, y las décimas de grado solo
+ * alargan la hoja de estilos.
+ */
+function deriveLindaTones(primary) {
+    var luz = Math.round(acotar(primary.l, BANDA_LUZ.min, BANDA_LUZ.max));
+    var saturacion = Math.round(acotar(primary.s, BANDA_SATURACION.min, BANDA_SATURACION.max));
+    var tonos = GIROS.map(function (giro) {
+        return "".concat(Math.round(normalizarTono(primary.h + giro)), " ").concat(saturacion, "% ").concat(luz, "%");
+    });
+    return tonos;
+}
+/** Las variables que se escriben en el `<html>`, en el orden en que se pintan. */
+var LINDA_TONE_PROPERTIES = [
+    "--linda-1",
+    "--linda-2",
+    "--linda-3",
+];
+/**
+ * Escribe los tres tonos del aura a partir del valor de `--heroui-primary`.
+ *
+ * Si el primary no se puede leer, **borra los que hubiera** y devuelve `false`. Es lo
+ * contrario de dejarlos: unos tonos viejos son de otro tema, y un aura del color
+ * anterior es peor que un aura que no se pinta —la CSS del efecto ya está escrita para
+ * desaparecer sin sus variables—.
+ */
+function applyLindaTones(style, primaryValue) {
+    var primary = parseHslTriplet(primaryValue);
+    if (!primary) {
+        removeLindaTones(style);
+        return false;
+    }
+    var tonos = deriveLindaTones(primary);
+    LINDA_TONE_PROPERTIES.forEach(function (propiedad, indice) {
+        style.setProperty(propiedad, tonos[indice]);
+    });
+    return true;
+}
+/** Quita los tres tonos del aura. */
+function removeLindaTones(style) {
+    for (var _i = 0, LINDA_TONE_PROPERTIES_1 = LINDA_TONE_PROPERTIES; _i < LINDA_TONE_PROPERTIES_1.length; _i++) {
+        var propiedad = LINDA_TONE_PROPERTIES_1[_i];
+        style.removeProperty(propiedad);
+    }
+}
+
 /**
  * Custom hook to manage the theme state and side effects.
  * Supports both named ThemeColor values and arbitrary hex colors.
@@ -9690,6 +9913,30 @@ var useThemeManager = function () {
             removeCustomPrimaryColor();
         }
     }, [customHex, mode]);
+    /*
+     * Los tres tonos del aura de Linda, derivados del primary que acaba de quedar fijado.
+     *
+     * Va DESPUÉS de los dos efectos de arriba y depende de lo mismo que ellos, que es lo
+     * que garantiza que lea el primary definitivo: React ejecuta los efectos en orden de
+     * declaración, así que aquí la clase del tema ya está en el `<html>` y el hex a medida
+     * ya está escrito o retirado.
+     *
+     * Se lee del estilo COMPUTADO y no de `customHex` a propósito: el primary llega por
+     * dos caminos —el hex del negocio o la clase de una de las familias de tema— y el
+     * computado es el único sitio donde los dos han convergido. Derivarlo solo de
+     * `customHex` dejaría sin aura a toda agencia que use una familia tal cual.
+     */
+    /*
+     * `customHex` y `rawTheme` están en la lista aunque el cuerpo no los lea: son la señal
+     * de que el `<html>` acaba de cambiar. La entrada real de este efecto es el estilo
+     * computado, que la regla no puede ver, y sin ellos el aura se quedaría con los tonos
+     * del tema anterior.
+     */
+    // biome-ignore lint/correctness/useExhaustiveDependencies: ver el comentario de arriba
+    useEffect(function () {
+        var html = document.documentElement;
+        applyLindaTones(html.style, getComputedStyle(html).getPropertyValue("--heroui-primary"));
+    }, [customHex, rawTheme]);
     var setMode = useCallback(function (newMode) {
         var effectiveMode = newMode === "dark" ? "light" : newMode;
         var newTheme = color === "blue" ? effectiveMode : "".concat(color, "-").concat(effectiveMode);
@@ -9811,4 +10058,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, CONTAINER_ATTRIBUTE, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, 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, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, removeCustomPrimaryColor, shouldClosePopoverOnInteractOutside, 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, CONTAINER_ATTRIBUTE, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LINDA_TONE_PROPERTIES, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, 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, applyLindaTones, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, deriveLindaTones, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, formatDonutPercent, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isInsideDismissContainer, isRankedBarListEmpty, isSegmentationGroup, parseHslTriplet, removeCustomPrimaryColor, removeLindaTones, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext, withPopoverDismissDefaults };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AreaLineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-line-chart/AreaLineChart.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAgD/B,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAY,EACZ,SAAc,EACd,aAAqB,EACrB,kBAAkB,EAClB,WAAkC,GAClC,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAoJvB"}
+{"version":3,"file":"AreaLineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-line-chart/AreaLineChart.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAgD/B,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAY,EACZ,SAAc,EACd,aAAqB,EACrB,kBAAkB,EAClB,WAAkC,EAClC,aAAkC,GAClC,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAqJvB"}

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

@@ -35,5 +35,17 @@ export interface AreaLineChartProps<T extends Record<string, unknown> = Record<s
      * corresponde a quien consume el componente, no a AreaLineChart.
      */
     yAxisDomain?: [number | string, number | string];
+    /**
+     * Estrategia de Recharts para decidir qué ticks del eje X pintar cuando no
+     * caben todos. `0` fuerza a pintar cada punto de `data` sin saltar
+     * ninguno — correcto para pocos puntos con labels cortos (ej. una
+     * tendencia mensual de 8-12 meses), pero con muchos puntos o labels
+     * largos los ticks se solapan (Recharts no rota ni elide con `interval={0}`,
+     * y `minTickGap` queda inoperante). Igual que `yAxisDomain`, esa
+     * decisión le corresponde a quien consume el componente según su dataset,
+     * no a `AreaLineChart`.
+     * @default "preserveStartEnd" — garantiza el primer y el último tick sin solapar
+     */
+    xAxisInterval?: number | "preserveStart" | "preserveEnd" | "preserveStartEnd";
 }
 //# sourceMappingURL=AreaLineChart.types.d.ts.map