@beweco/aurora-ui 1.0.0-beta.141 → 1.0.0-beta.145

package/dist/index.cjs.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var react = require('@heroui/react');
+var tailwindVariants = require('tailwind-variants');
 var jsxRuntime = require('react/jsx-runtime');
 var $8WNJc$react = require('react');
 var react$1 = require('@iconify/react');
@@ -8,6 +9,74 @@ var recharts = require('recharts');
 var $3wX5A$reactdom = require('react-dom');
 var framerMotion = require('framer-motion');
 
+/**
+ * `cn` de Aurora: el mismo `cn` de `tailwind-variants` que reexporta HeroUI v3, pero con
+ * `tailwind-merge` enseñado a reconocer el vocabulario de HeroUI v2.
+ *
+ * Por qué existe (TECH-2459): el `cn` de v3 corre sobre `tailwind-merge` 3, que no conoce la
+ * escala `tiny/small/medium/large` del plugin `heroui()` de v2. Sin esta configuración:
+ *
+ *   - `cn("text-tiny text-default-500")` → `"text-default-500"`: lee `text-tiny` como un COLOR
+ *     (`text-<cualquier cosa>` casa con el validador de color), ve otro color detrás y la BORRA
+ *     del DOM. Medido en `P.tsx`: texto a 16px en vez de 12px.
+ *   - `cn("border-medium border-default-200")` y `cn("shadow-small shadow-primary")` igual:
+ *     `border-*` y `shadow-*` también caen en el validador de color.
+ *   - `cn("rounded-medium rounded-none")` → conserva las dos: no la reconoce como radio, así
+ *     que el conflicto real no se resuelve y gana la que venga después en la hoja.
+ *
+ * Las utilidades en sí (`.text-tiny`, `.rounded-medium`…) las genera el Tailwind de la app a
+ * partir de los tokens `--text-*`, `--radius-*`, `--border-width-*` y `--shadow-*` que publica
+ * `theme-tokens.generated.css` (export `./theme`). Esto solo cubre la otra mitad: que `cn` no
+ * las borre ni las deje sin resolver.
+ *
+ * La escala sale del plugin v2 (`@heroui/theme@2.4.15`, `corePlugin` → `theme.extend`):
+ * `fontSize` tiny/small/medium/large, `borderRadius` small/medium/large, `borderWidth`
+ * small/medium/large, `boxShadow` small/medium/large. Nada más: la escala `*-unit-*` NO existía
+ * en 2.4.15 (ya estaba muerta en v2) y no se repone.
+ *
+ * Se exporta como `cn` del paquete, así que el de las apps y el de las fachadas es el mismo.
+ * Las fachadas deben importarlo de aquí, nunca de `@heroui/react` (lo vigila `cn.test.ts`).
+ */
+const V2_TEXT = ["tiny", "small", "medium", "large"];
+const V2_SIZES = ["small", "medium", "large"];
+/**
+ * Extensión de `tailwind-merge` (formato `twMergeConfig` de tailwind-variants).
+ *
+ * `theme.text`/`radius`/`shadow` alimentan los grupos `font-size`, `rounded*` (todas las
+ * esquinas y lados) y `shadow`. El ancho de borde no lee del tema en tailwind-merge 3
+ * (`scaleBorderWidth` es fijo), así que se extienden sus grupos uno a uno.
+ */
+const BORDER_WIDTH_GROUPS = [
+    ["border-w", "border"],
+    ["border-w-x", "border-x"],
+    ["border-w-y", "border-y"],
+    ["border-w-s", "border-s"],
+    ["border-w-e", "border-e"],
+    ["border-w-bs", "border-bs"],
+    ["border-w-be", "border-be"],
+    ["border-w-t", "border-t"],
+    ["border-w-r", "border-r"],
+    ["border-w-b", "border-b"],
+    ["border-w-l", "border-l"],
+];
+const AURORA_TW_MERGE_CONFIG = {
+    extend: {
+        theme: {
+            text: V2_TEXT,
+            radius: V2_SIZES,
+            shadow: V2_SIZES,
+        },
+        classGroups: Object.fromEntries(BORDER_WIDTH_GROUPS.map(([group, prefix]) => [
+            group,
+            [{ [prefix]: V2_SIZES }],
+        ])),
+    },
+};
+// Referencia estable: tailwind-variants cachea el merger por igualdad con la última config.
+const MERGE_OPTIONS = { twMergeConfig: AURORA_TW_MERGE_CONFIG };
+/** Combina clases y resuelve conflictos de Tailwind, conociendo la escala de HeroUI v2. */
+const cn = (...classnames) => tailwindVariants.cnMerge(...classnames)(MERGE_OPTIONS);
+
 // ---------------------------------------------------------------------------
 // Compound v2 → namespaced v3: símbolos que SÍ desaparecieron como export plano
 // (verificado: no están en los `export { … }` de sus módulos v3, a diferencia
@@ -94,7 +163,7 @@ function flattenChildren(children) {
  */
 function ProgressFacade({ label, showValueLabel = false, size = "md", color = "primary", classNames, className, children, ...props }) {
     if (typeof children === "function") {
-        return (jsxRuntime.jsx(react.ProgressBar, { ...props, size: size, color: PROGRESS_V3_COLOR[color], className: react.cn(PROGRESS_FILL_OVERRIDE[color], classNames?.base, className), children: children }));
+        return (jsxRuntime.jsx(react.ProgressBar, { ...props, size: size, color: PROGRESS_V3_COLOR[color], className: cn(PROGRESS_FILL_OVERRIDE[color], classNames?.base, className), children: children }));
     }
     const own = flattenChildren(children);
     const hasTrack = own.some((c) => c.type === react.ProgressBar.Track || c.type === react.ProgressBar.Fill);
@@ -103,7 +172,7 @@ function ProgressFacade({ label, showValueLabel = false, size = "md", color = "p
     return (jsxRuntime.jsxs(react.ProgressBar, { ...props, size: size, color: PROGRESS_V3_COLOR[color], 
         // v2: `cn(classNames?.base, className)` en la raíz (`use-progress.mjs`). La variable del
         // color va primero para que un `[--progress-bar-fill:…]` del consumidor la sustituya.
-        className: react.cn(PROGRESS_FILL_OVERRIDE[color], classNames?.base, className), children: [label != null && label !== false && !hasLabel && (jsxRuntime.jsx(react.Label, { className: classNames?.label, children: label })), showValueLabel && !hasOutput && (jsxRuntime.jsx(react.ProgressBar.Output, { className: classNames?.value })), children, !hasTrack && (jsxRuntime.jsx(react.ProgressBar.Track, { className: classNames?.track, children: jsxRuntime.jsx(react.ProgressBar.Fill, { className: classNames?.indicator }) }))] }));
+        className: cn(PROGRESS_FILL_OVERRIDE[color], classNames?.base, className), children: [label != null && label !== false && !hasLabel && (jsxRuntime.jsx(react.Label, { className: classNames?.label, children: label })), showValueLabel && !hasOutput && (jsxRuntime.jsx(react.ProgressBar.Output, { className: classNames?.value })), children, !hasTrack && (jsxRuntime.jsx(react.ProgressBar.Track, { className: classNames?.track, children: jsxRuntime.jsx(react.ProgressBar.Fill, { className: classNames?.indicator }) }))] }));
 }
 /**
  * `Progress` de v2 con la anatomía de v3 dentro, y con los estáticos del compound colgados
@@ -171,7 +240,7 @@ const IMAGE_RADIUS_CLASS = {
 function Image$1({ radius = "lg", classNames, removeWrapper: _removeWrapper, className, ...props }) {
     return (
     // biome-ignore lint/a11y/useAltText: passthrough genérico, `alt` lo exige ComponentProps<'img'>
-    jsxRuntime.jsx("img", { ...props, className: react.cn(IMAGE_RADIUS_CLASS[radius], className, classNames?.img) }));
+    jsxRuntime.jsx("img", { ...props, className: cn(IMAGE_RADIUS_CLASS[radius], className, classNames?.img) }));
 }
 // ---------------------------------------------------------------------------
 // Hooks
@@ -697,7 +766,7 @@ const Button = ({ color = "primary", size = "md", variant = "solid", radius = "s
         };
         return (jsxRuntime.jsx("a", { ...propsDeEnlace(rest), "data-slot": "button", "data-disabled": deshabilitado || undefined, "aria-disabled": deshabilitado || undefined, 
             // Deshabilitado, sin `href`: un `<a>` no tiene `disabled` y seguiría navegando.
-            href: deshabilitado ? undefined : href, target: target, rel: rel, download: download, hrefLang: hrefLang, referrerPolicy: referrerPolicy, className: react.cn(react.buttonVariants({
+            href: deshabilitado ? undefined : href, target: target, rel: rel, download: download, hrefLang: hrefLang, referrerPolicy: referrerPolicy, className: cn(react.buttonVariants({
                 variant: v3Variant,
                 size,
                 isIconOnly,
@@ -756,7 +825,7 @@ const SHAPE_BY_VARIANT = {
     light: "transparent",
     flat: "soft",
     bordered: "outline",
-    faded: "outline",
+    faded: "faded",
     // `shadow` de v2 es `solid` + sombra teñida (ver `SHADOW_CLASS`).
     shadow: "solid",
     // `dot` de v2: chip neutro con un punto de color (ver `DOT_BASE_CLASS`).
@@ -911,6 +980,7 @@ const V3_VARIANT_BY_SHAPE = {
     soft: "soft",
     transparent: "tertiary",
     outline: "tertiary",
+    faded: "tertiary",
     dot: "tertiary",
 };
 /**
@@ -1018,6 +1088,48 @@ const CLOSE_ICON_SIZE_CLASS = {
     md: "size-[18px]",
     lg: "size-5",
 };
+// ── `bordered` y `faded` (TECH-2459, 24-sep: el usuario ve «muy negro» el `bordered default`) ──
+//
+// Antes las dos variantes pintaban borde y texto con `tintFg` (`default-700` = rgb(63,63,70) para
+// `default`): en el selector de tallas del `addon-card` de beweossmbs el chip sin elegir se leía
+// como un bloque casi negro al lado del `solid primary` elegido. Y el mismo `tintFg` dejaba el
+// texto por debajo de AA en otros colores. Medido en `Custom Components/Chip → BorderedColors`
+// (texto contra el fondo real, blanco / tarjeta `content1` oscura):
+//
+//   | color     | antes claro | antes oscuro | ahora claro | ahora oscuro |
+//   |-----------|-------------|--------------|-------------|--------------|
+//   | default   | 10.44 (borde casi negro) | 13.96 (borde casi blanco) | 17.93 | 15.11 |
+//   | primary   |  4.66       |  3.80 ✗      |  6.38       |  7.33        |
+//   | secondary |  9.50       |  5.77        |  9.50       |  5.77        |
+//   | success   |  2.19 ✗     |  8.08        |  5.50       |  8.08        |
+//   | warning   |  2.04 ✗     |  8.68        |  5.20       |  8.68        |
+//   | danger    |  4.14 ✗     |  4.27 ✗      |  6.06       |  5.02        |
+//
+// Criterio (no es volver a v2 por volver, es que se vea bien dentro de los tokens de Aurora):
+//
+// - **Borde**: el color a secas (`border-<color>`). Para `default`, el gris neutro que ya usa el
+//   resto de la familia (`dot` lleva `border-default`, y v2 también en `bordered`/`faded`):
+//   `--color-default`, rgb(212,212,216) en claro y rgb(63,63,70) en oscuro. Se distingue del fondo
+//   (medido: 1.48:1 sobre blanco, 1.70:1 sobre la tarjeta oscura, 2.01:1 sobre el fondo negro) sin
+//   competir con el texto. Input/Select reposan en `default-200`, un paso más claro, porque su borde
+//   enmarca un campo; en un chip el borde ES la forma, y `default-200` (≈1.27:1 sobre blanco,
+//   calculado) la dejaba casi invisible. En oscuro los dos pasos son el mismo rgb(63,63,70).
+// - **Texto**: el mismo paso legible que ya usa `flat` (`flatFg` + su `dark:`), que es el que la
+//   librería ya validó para texto tintado; `default` usa `foreground`.
+// - Van como CLASES y no como `borderColor` inline: un estilo inline le ganaba a cualquier
+//   `border-*` de la app, y así `cn` (tailwind-merge) deja ganar la clase del consumidor.
+// - `faded` conserva lo que lo distinguía en v2 (borde neutro en todos los colores + relleno
+//   `default-100`); hasta ahora era idéntico a `bordered`. Su texto es el `flatFg` SIN el `dark:`
+//   de `flat` (ver `flatDarkFgClass`). Medido: ≥ 4.73:1 en claro y ≥ 4.85:1 en oscuro en los 6
+//   colores. 0 usos en las apps.
+const OUTLINE_BORDER_CLASS = {
+    default: "border-default",
+    primary: "border-primary",
+    secondary: "border-secondary",
+    success: "border-success",
+    warning: "border-warning",
+    danger: "border-danger",
+};
 function colorStyle(color, shape) {
     if (shape === "dot") {
         // `dot`: el chip es neutro para cualquier color (el color va solo en el punto).
@@ -1034,7 +1146,14 @@ function colorStyle(color, shape) {
         // `flat` de v2: pastilla translúcida + texto del paso -600/-700 (P-08d).
         return { "--chip-bg": t.flatBg, "--chip-fg": t.flatFg };
     }
-    // transparent (light) / outline (bordered, faded): sin relleno, texto tinte del color.
+    if (shape === "outline" || shape === "faded") {
+        // `bordered`/`faded`: texto del paso legible de `flat`; `default` en `foreground`.
+        return {
+            "--chip-bg": shape === "faded" ? "var(--color-default-100)" : "transparent",
+            "--chip-fg": color === "default" ? "var(--color-foreground)" : t.flatFg,
+        };
+    }
+    // transparent (light): sin relleno, texto tinte del color.
     return { "--chip-bg": "transparent", "--chip-fg": t.tintFg };
 }
 /**
@@ -1072,18 +1191,21 @@ const Chip = ({ color = "default", variant = "solid", size = "md", radius = "ful
         : undefined;
     // Con `dot` el color no tiñe el chip, tampoco el de los colores fijos.
     const customClass = isStandard || isDot ? "" : CUSTOM_COLOR_CLASSES[color];
-    const outlineClass = shape === "outline" ? "border-2" : "";
-    // El `dark:text-*` que v2 declaraba solo para el texto de `flat` en success/warning/danger
-    // (P-08d). Va como clase porque `--chip-fg` es inline y no puede depender del tema; la capa
+    const hasBorder = shape === "outline" || shape === "faded";
+    const outlineClass = hasBorder
+        ? cn("border-2", isStandard
+            ? OUTLINE_BORDER_CLASS[shape === "faded" ? "default" : color]
+            : "")
+        : "";
+    // El `dark:text-*` que v2 declaraba para el texto de `flat` en success/warning/danger (P-08d),
+    // reutilizado por `bordered`, que toma el mismo texto. `faded` NO: sobre su relleno
+    // `default-100` oscuro el `danger-500` se quedaba en 4.22:1; con el paso `-600`/`-700` del
+    // tema oscuro (más claro) todos los colores pasan AA. Va como clase porque `--chip-fg` es inline y no puede depender del tema; la capa
     // `utilities` gana al `color: var(--chip-fg)` de `.chip`, que vive en `components`.
-    const flatDarkFgClass = isStandard && shape === "soft"
+    const flatDarkFgClass = isStandard && (shape === "soft" || shape === "outline")
         ? (COLOR_TOKENS[color].flatFgDarkClass ?? "")
         : "";
-    const baseStyle = vars
-        ? shape === "outline"
-            ? { ...vars, borderColor: vars["--chip-fg"] }
-            : vars
-        : undefined;
+    const baseStyle = vars;
     // El `style` del consumidor va DESPUÉS: pisa el relleno/texto calculados (uso real en
     // beweossmbs: `style={{ backgroundColor, color }}` con el color del agente, 5 sitios).
     const style = baseStyle || consumerStyle ? { ...baseStyle, ...consumerStyle } : undefined;
@@ -1105,10 +1227,10 @@ const Chip = ({ color = "default", variant = "solid", size = "md", radius = "ful
         // Con una cadena suelta ambas clases llegan al DOM y gana la que Tailwind emita más
         // tarde, no la del consumidor. Todas las clases de aquí son vocabulario v3 válido, así
         // que tailwind-merge las resuelve bien (la trampa de F1 era con clases v2 muertas).
-        className: react.cn(SIZE_CLASS$6[size], 
+        className: cn(SIZE_CLASS$6[size], 
         // Después de `SIZE_CLASS` a propósito: el cuadrado de un carácter ENCOGE la caja
         // respecto al tamaño normal y tiene que ganar en tailwind-merge.
-        isSquare ? ONE_CHAR_CLASS[size] : "", RADIUS_CLASS$9[radius], outlineClass, isDot ? DOT_BASE_CLASS : "", shadowClass, flatDarkFgClass, customClass, isDisabled ? "opacity-50 pointer-events-none" : "", classNames?.base, className), style: style, children: [startContent, isDot && !startContent && (jsxRuntime.jsx("span", { "aria-hidden": "true", "data-slot": "dot", className: react.cn(DOT_SLOT_CLASS, DOT_COLOR_CLASS[color]) })), jsxRuntime.jsx("span", { className: react.cn("flex-1 text-inherit font-normal", startContent
+        isSquare ? ONE_CHAR_CLASS[size] : "", RADIUS_CLASS$9[radius], outlineClass, isDot ? DOT_BASE_CLASS : "", shadowClass, flatDarkFgClass, customClass, isDisabled ? "opacity-50 pointer-events-none" : "", classNames?.base, className), style: style, children: [startContent, isDot && !startContent && (jsxRuntime.jsx("span", { "aria-hidden": "true", "data-slot": "dot", className: cn(DOT_SLOT_CLASS, DOT_COLOR_CLASS[color]) })), jsxRuntime.jsx("span", { className: cn("flex-1 text-inherit font-normal", startContent
                     ? CONTENT_PADDING[size].leftWithContent
                     : CONTENT_PADDING[size].left, hasEndContent
                     ? CONTENT_PADDING[size].rightWithContent
@@ -1121,7 +1243,7 @@ const Chip = ({ color = "default", variant = "solid", size = "md", radius = "ful
                 // `.close-button` de v3 impone caja de 24px, `bg-default` y `text-muted`; v2 no
                 // pintaba fondo ni caja: el glifo ERA el botón. Se anulan con utilidades (capa
                 // `utilities` gana a `components`, incluido el `& svg { size-4 -mx-0.5 my-0.5 }`).
-                className: react.cn("h-auto w-auto min-h-0 rounded-full bg-transparent p-0 text-current opacity-70 transition-opacity hover:bg-transparent hover:opacity-100", classNames?.closeButton), onPress: onClose, isDisabled: isDisabled, children: jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "presentation", viewBox: "0 0 24 24", className: `m-0 shrink-0 ${CLOSE_ICON_SIZE_CLASS[size]}`, children: jsxRuntime.jsx("path", { d: CLOSE_FILLED_PATH, fill: "currentColor" }) }) }))] }));
+                className: cn("h-auto w-auto min-h-0 rounded-full bg-transparent p-0 text-current opacity-70 transition-opacity hover:bg-transparent hover:opacity-100", classNames?.closeButton), onPress: onClose, isDisabled: isDisabled, children: jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "presentation", viewBox: "0 0 24 24", className: `m-0 shrink-0 ${CLOSE_ICON_SIZE_CLASS[size]}`, children: jsxRuntime.jsx("path", { d: CLOSE_FILLED_PATH, fill: "currentColor" }) }) }))] }));
 };
 
 const sizeMap = {
@@ -1202,6 +1324,20 @@ const STRIP_CLASS = "w-fit gap-0 rounded-[12px] shadow-xs";
 const STRIP_LOOSE_CLASS = "w-fit gap-1";
 /** Controles anterior/siguiente: celda cuadrada, sin el padding lateral de v3. */
 const NAV_CLASS = "w-9 px-0";
+/**
+ * TECH-2459 (beweossmbs, 24-sep) — anterior/siguiente deshabilitados por estar en un EXTREMO
+ * (página 1 / última). v3 los apaga con `status-disabled` (`opacity: var(--disabled-opacity)`,
+ * `@heroui/styles/dist/components/pagination.css:57`), que aquí deja el galón en el
+ * `text-default-foreground` de `CELL_CLASS` al 50 %: medido `rgb(0,0,0)` a opacidad 0.5 sobre
+ * `default-100`, que se lee como un control activo. Se pinta el galón en `default-300` y a
+ * opacidad plena, el gris de «apagado» de la paleta (el mismo que usaba v2,
+ * `data-[disabled=true]:text-default-300` de `@heroui/theme@2.4.15` `pagination.js:489`); el
+ * cursor y el `pointer-events` de v3 se conservan.
+ *
+ * Solo en los extremos: con `isDisabled` en toda la paginación manda el apagado uniforme de v3
+ * (todas las celdas al 50 %), y las flechas no deben verse distintas del resto.
+ */
+const NAV_AT_EDGE_CLASS = "disabled:text-default-300 disabled:opacity-100";
 /**
  * Radio de cada pieza según su posición en la tira.
  *
@@ -1276,6 +1412,33 @@ const DEFAULT_TRANSLATIONS$g = {
     jumpBackwardAriaLabel: "Retroceder {count} páginas",
     jumpForwardAriaLabel: "Avanzar {count} páginas",
 };
+/**
+ * TECH-2459 (beweossmbs, 24-sep) — los mismos textos en inglés, para cuando el idioma de la app es
+ * inglés. El defecto medido: con la interfaz en inglés, «anterior» se anunciaba «Página anterior».
+ * La app SÍ comunica su idioma (`<HeroUIProvider locale="en-US">` → `I18nProvider` de react-aria,
+ * `src/compat/heroui-v2-shims.tsx`), y es el mismo que ya siguen los textos propios de react-aria
+ * (la casilla «Select all» de la tabla, los calendarios…); la fachada lo ignoraba porque solo
+ * miraba `translations`. Ahora el idioma elige la base y `translations` sigue ganando encima.
+ */
+const EN_TRANSLATIONS = {
+    previousPageAriaLabel: "Previous page",
+    nextPageAriaLabel: "Next page",
+    jumpBackwardAriaLabel: "Jump back {count} pages",
+    jumpForwardAriaLabel: "Jump forward {count} pages",
+};
+/**
+ * Base de textos según el idioma de react-aria (`useLocale`): inglés si el locale es `en*`,
+ * español en cualquier otro caso (el default de la librería, regla `auraui-i18n`).
+ *
+ * Sin provider, react-aria resuelve el idioma del NAVEGADOR (`navigator.language`), igual que
+ * para sus propios textos: una app que no declare `locale` sigue al navegador. Para fijarlo, la
+ * app pasa `locale` a `HeroUIProvider` o los textos por `translations`.
+ */
+function baseTranslations(locale) {
+    return locale.toLowerCase().startsWith("en")
+        ? EN_TRANSLATIONS
+        : DEFAULT_TRANSLATIONS$g;
+}
 /**
  * TECH-2459 · elipsis navegable — páginas que salta la elipsis. Literal de v2:
  * `dotsJump = 5`, default desestructurado en `@heroui/pagination@2.2.20`
@@ -1395,7 +1558,8 @@ function getPaginationRange(total, current) {
 const Pagination = ({ total, page, initialPage = 1, onChange, size: _size = "sm", className, isDisabled, showControls = true, isCompact = true, showShadow = false, color = "primary", translations = {}, }) => {
     const [internalPage, setInternalPage] = $8WNJc$react.useState(initialPage);
     const currentPage = page ?? internalPage;
-    const t = { ...DEFAULT_TRANSLATIONS$g, ...translations };
+    const { locale } = react.useLocale();
+    const t = { ...baseTranslations(locale), ...translations };
     const goTo = (next) => {
         const clamped = Math.min(Math.max(next, 1), total);
         if (page === undefined) {
@@ -1416,19 +1580,19 @@ const Pagination = ({ total, page, initialPage = 1, onChange, size: _size = "sm"
         isFirst: !showControls && index === 0,
         isLast: !showControls && index === lastItemIndex,
     });
-    const activeClass = react.cn(ACTIVE_COLOR_CLASS[color], showShadow ? ACTIVE_SHADOW_CLASS[color] : "", ACTIVE_LINK_CLASS);
+    const activeClass = cn(ACTIVE_COLOR_CLASS[color], showShadow ? ACTIVE_SHADOW_CLASS[color] : "", ACTIVE_LINK_CLASS);
     return (
     // `w-fit` reproduce el `max-w-fit` del wrapper de v2: `.pagination` de v3 es `w-full` +
     // `justify-between`, así que dentro de un `flex justify-center` (como el de AccordionList) la
     // tira se quedaba pegada a la izquierda en vez de centrarse.
-    jsxRuntime.jsx(react.Pagination, { className: react.cn("w-fit", className), children: jsxRuntime.jsxs(react.Pagination.Content, { className: isCompact ? STRIP_CLASS : STRIP_LOOSE_CLASS, children: [showControls && (jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsx(react.Pagination.Previous
+    jsxRuntime.jsx(react.Pagination, { className: cn("w-fit", className), children: jsxRuntime.jsxs(react.Pagination.Content, { className: isCompact ? STRIP_CLASS : STRIP_LOOSE_CLASS, children: [showControls && (jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsx(react.Pagination.Previous
                     // v3 mete el galón en un `<span aria-hidden="true">`
                     // (`pagination.js:165`), así que sin esto el botón se queda SIN nombre
                     // accesible: un lector de pantalla lo anuncia como "botón" a secas. v2 sí
                     // lo nombraba ("previous page button", `use-pagination.js:213`), pero en
                     // inglés y hardcodeado; aquí va por `translations` (regla obligatoria de
                     // i18n del repo, skill `auraui-i18n`).
-                    , { "aria-label": t.previousPageAriaLabel, className: react.cn(CELL_CLASS, NAV_CLASS, cellRadius(isCompact, { isFirst: true, isLast: false })), isDisabled: isDisabled || currentPage <= 1, onPress: () => goTo(currentPage - 1), children: jsxRuntime.jsx(react.Pagination.PreviousIcon, {}) }) })), items.map((item, index) => {
+                    , { "aria-label": t.previousPageAriaLabel, className: cn(CELL_CLASS, NAV_CLASS, isDisabled ? "" : NAV_AT_EDGE_CLASS, cellRadius(isCompact, { isFirst: true, isLast: false })), isDisabled: isDisabled || currentPage <= 1, onPress: () => goTo(currentPage - 1), children: jsxRuntime.jsx(react.Pagination.PreviousIcon, {}) }) })), items.map((item, index) => {
                     if (item === "ellipsis") {
                         const isBefore = index < activeIndex;
                         const label = isBefore
@@ -1436,14 +1600,14 @@ const Pagination = ({ total, page, initialPage = 1, onChange, size: _size = "sm"
                             : t.jumpForwardAriaLabel;
                         return (
                         // biome-ignore lint/suspicious/noArrayIndexKey: solo hay como máximo 2 elipsis, posición estable
-                        jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsxs(react.Pagination.Link, { "aria-label": label.replace("{count}", String(DOTS_JUMP)), className: react.cn("group", CELL_CLASS, cellRadius(isCompact, itemPosition(index))), isDisabled: isDisabled, onPress: () => goTo(isBefore
+                        jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsxs(react.Pagination.Link, { "aria-label": label.replace("{count}", String(DOTS_JUMP)), className: cn("group", CELL_CLASS, cellRadius(isCompact, itemPosition(index))), isDisabled: isDisabled, onPress: () => goTo(isBefore
                                     ? currentPage - DOTS_JUMP
                                     : currentPage + DOTS_JUMP), children: [jsxRuntime.jsx(EllipsisDotsIcon, {}), jsxRuntime.jsx(JumpIcon, { isBefore: isBefore })] }) }, `ellipsis-${index}`));
                     }
-                    return (jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsx(react.Pagination.Link, { className: react.cn(CELL_CLASS, cellRadius(isCompact, itemPosition(index)), item === currentPage ? activeClass : ""), isActive: item === currentPage, isDisabled: isDisabled, onPress: () => goTo(item), children: item }) }, item));
+                    return (jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsx(react.Pagination.Link, { className: cn(CELL_CLASS, cellRadius(isCompact, itemPosition(index)), item === currentPage ? activeClass : ""), isActive: item === currentPage, isDisabled: isDisabled, onPress: () => goTo(item), children: item }) }, item));
                 }), showControls && (jsxRuntime.jsx(react.Pagination.Item, { children: jsxRuntime.jsx(react.Pagination.Next
                     /* Mismo motivo que en `Previous`: el galón es `aria-hidden`. */
-                    , { "aria-label": t.nextPageAriaLabel, className: react.cn(CELL_CLASS, NAV_CLASS, cellRadius(isCompact, { isFirst: false, isLast: true })), isDisabled: isDisabled || currentPage >= total, onPress: () => goTo(currentPage + 1), children: jsxRuntime.jsx(react.Pagination.NextIcon, {}) }) }))] }) }));
+                    , { "aria-label": t.nextPageAriaLabel, className: cn(CELL_CLASS, NAV_CLASS, isDisabled ? "" : NAV_AT_EDGE_CLASS, cellRadius(isCompact, { isFirst: false, isLast: true })), isDisabled: isDisabled || currentPage >= total, onPress: () => goTo(currentPage + 1), children: jsxRuntime.jsx(react.Pagination.NextIcon, {}) }) }))] }) }));
 };
 
 // TECH-2459 · F5 · P-01 — Valores tomados del tema v2 REAL (`@heroui/theme@2.4.15`,
@@ -1624,7 +1788,7 @@ exports.HolidayType = void 0;
  */
 function withConsumerClass(own, consumer) {
     const base = own.filter(Boolean).join(" ");
-    return consumer ? react.cn(base, consumer) : base;
+    return consumer ? cn(base, consumer) : base;
 }
 /**
  * `calendarWidth` de v2 → estilo en línea del `Calendar`. v3 fija `.calendar { w-63 max-w-63 }`
@@ -1719,7 +1883,12 @@ const ROOT_HELPER_SPACE_CLASS = {
 };
 const GROUP_PLACEMENT_CLASS = {
     outside: undefined,
-    "outside-left": "relative flex-1",
+    // `min-w-min` (TECH-2459, beweossmbs QA 24-sep, barra de la agenda por debajo de 1440px):
+    // `.date-input-group` de v3 lleva `overflow-hidden`, y un ítem flex con overflow distinto de
+    // `visible` tiene `min-width: auto` = 0. Con `flex-1` el grupo se quedaba con el hueco sobrante
+    // y recortaba su propio botón de calendario (104px con 140 de contenido a 1280px). En v2 el
+    // overflow era visible: el grupo conservaba su contenido y era la etiqueta la que se partía.
+    "outside-left": "relative flex-1 min-w-min",
 };
 const HELPER_PLACEMENT_CLASS = {
     outside: undefined,
@@ -2221,7 +2390,9 @@ labelPlacement: _labelPlacement, isInvalid = false, isRequired = false, isDisabl
 // `undefined` y el campo dejaba de llenar su contenedor: en una fila flex se encogía al ancho
 // de su contenido (medido por S2: 208px dentro de una fila de 592, 336px de hueco). En una
 // columna no se notaba porque el `stretch` del flex lo tapaba — pero afecta a cualquier app.
-fullWidth = true, value, defaultValue, onChange, onValueChange, className, classNames, required, name, type = "text", onKeyDown, ...rest }, ref) => {
+fullWidth = true, value, defaultValue, onChange, onValueChange, className, classNames, required, name, type = "text", onKeyDown, 
+// Nombre y descripción accesibles: van al `TextField`, no al `<input>` (ver abajo).
+"aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }, ref) => {
     // El `<input>` real, también para la fachada: v2 devolvía el foco al campo al limpiar
     // (`domRef.current?.focus()` en `handleClear`). Se combina con el `ref` del consumidor.
     const inputRef = $8WNJc$react.useRef(null);
@@ -2264,6 +2435,19 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
     // Solo flota cuando hay label y NO hay placeholder: con placeholder, v2 ya mostraba el label
     // arriba desde el primer render (ver el bloque de arriba).
     const labelFlotante = Boolean(label) && !placeholder;
+    // ── Nombre accesible sin `label` visible ─────────────────────────────────────────────────
+    //
+    // Quien llama a `useLabel` (y avisa «If you do not provide a visible label, you must specify
+    // an aria-label…») es el `TextField` de react-aria, que se los pasa al `<input>` por contexto.
+    // Dejarlos en el spread del `<input>` hacía que avisara AUNQUE la app diera nombre (medido en
+    // beweossmbs: 14/16 avisos al cargar `/clients/table`, del buscador con solo placeholder).
+    // Y `aria-describedby` en el `<input>` pisaba el id de la `Description` propia. v2 no avisaba
+    // nunca: `"aria-label": label ? aria-label : safeAriaLabel(aria-label, placeholder)`
+    // (`@heroui/input@2.4.33`, `dist/use-input.js:119`). Con `aria-labelledby` no se añade el
+    // placeholder: react-aria lo concatenaría al nombre del elemento referido.
+    const accessibleLabel = label || ariaLabelledBy
+        ? ariaLabel
+        : ariaLabel?.trim() || placeholder?.trim() || undefined;
     const handleChange = (event) => {
         onChange?.(event);
         onValueChange?.(event.target.value);
@@ -2296,10 +2480,10 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
             clearValue();
         }
     };
-    return (jsxRuntime.jsxs(react.TextField, { id: inputId, value: currentValue, 
+    return (jsxRuntime.jsxs(react.TextField, { id: inputId, "aria-label": accessibleLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, value: currentValue, 
         // Solo el modo no controlado escribe aquí; en controlado manda el `value` del padre
         // (que se entera por `onChange`/`onValueChange` del `<input>`).
-        onChange: isControlled ? undefined : setUncontrolledValue, name: name, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, isReadOnly: isReadOnly, className: react.cn(FIELD_STACK_CLASS$3[size], fullWidth ? "w-full" : "", 
+        onChange: isControlled ? undefined : setUncontrolledValue, name: name, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, isReadOnly: isReadOnly, className: cn(FIELD_STACK_CLASS$3[size], fullWidth ? "w-full" : "", 
         // `mainWrapper` de v2 no tiene nodo propio aquí (ver tabla en `Input.types.ts`):
         // se fusiona en la raíz antes que `base`, que es el slot más externo.
         classNames?.mainWrapper, 
@@ -2307,13 +2491,21 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
         classNames?.base, 
         // El `className` del consumidor, en la raíz y en último lugar: el slot `base` de
         // v2 y la posición que le deja ganar en tailwind-merge (ver bloque de arriba).
-        className), children: [label && (jsxRuntime.jsx(react.Label, { className: react.cn(LABEL_CLASS$4, LABEL_LEFT_CLASS[variant], variant === "underlined" ? "top-0" : LABEL_OFFSET_CLASS$1[size], isInvalid ? INVALID_LABEL_CLASS$2 : "", labelFlotante ? LABEL_INSIDE_CLASS[size] : "", labelFlotante ? LABEL_FLOAT_CLASS : "", classNames?.label), children: label })), jsxRuntime.jsxs(react.InputGroup, { isInvalid: isInvalid, isDisabled: isDisabled, isReadOnly: isReadOnly, className: react.cn(SIZE_CLASS$3[size], radius === "full" ? PADDING_FULL_CLASS$1[size] : PADDING_CLASS$2[size], variant === "underlined" ? UNDERLINED_INNER_CLASS$1[size] : "", RADIUS_CLASS$6[radius], VARIANT_CLASS$3[variant], FIELD_FOCUS_CLASS$3, FIELD_SHADOW_CLASS$2, 
+        className), children: [label && (jsxRuntime.jsx(react.Label, { className: cn(LABEL_CLASS$4, LABEL_LEFT_CLASS[variant], variant === "underlined" ? "top-0" : LABEL_OFFSET_CLASS$1[size], isInvalid ? INVALID_LABEL_CLASS$2 : "", labelFlotante ? LABEL_INSIDE_CLASS[size] : "", labelFlotante ? LABEL_FLOAT_CLASS : "", classNames?.label), children: label })), jsxRuntime.jsxs(react.InputGroup, { isInvalid: isInvalid, isDisabled: isDisabled, isReadOnly: isReadOnly, className: cn(SIZE_CLASS$3[size], radius === "full" ? PADDING_FULL_CLASS$1[size] : PADDING_CLASS$2[size], variant === "underlined" ? UNDERLINED_INNER_CLASS$1[size] : "", RADIUS_CLASS$6[radius], VARIANT_CLASS$3[variant], FIELD_FOCUS_CLASS$3, FIELD_SHADOW_CLASS$2, 
                 // Incondicional, como el `inputWrapper` de v2: la caja del campo llena
                 // siempre su raíz, y es la raíz la que responde a `fullWidth` y al ancho que
                 // pase el consumidor.
                 "w-full", 
                 // v3 fusiona `innerWrapper` e `inputWrapper` de v2 en este único elemento.
-                classNames?.innerWrapper, classNames?.inputWrapper), children: [startContent && (jsxRuntime.jsx(react.InputGroup.Prefix, { className: "border-none bg-transparent px-0", children: startContent })), jsxRuntime.jsx(react.InputGroup.Input, { ...rest, ref: setInputRef, onKeyDown: handleKeyDown, required: required, type: type, placeholder: labelFlotante ? " " : placeholder, onChange: handleChange, className: react.cn("bg-transparent p-0", SIZE_TEXT_CLASS$2[size], isInvalid ? INVALID_TEXT_CLASS$2 : "", startContent ? "ps-1.5" : "", endContent || showClear ? "pe-1.5" : "", classNames?.input) }), showClear && (jsxRuntime.jsx(react.CloseButton, { "aria-label": "Limpiar", className: react.cn("h-4 w-4 min-h-0 p-0.5 mr-1", classNames?.clearButton), onPress: handleClear })), endContent && (jsxRuntime.jsx(react.InputGroup.Suffix, { className: "border-none bg-transparent px-0", children: endContent }))] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: react.cn(HELPER_CLASS$2, "text-left", classNames?.helperWrapper, classNames?.description), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: react.cn(HELPER_CLASS$2, "text-left", classNames?.helperWrapper, classNames?.errorMessage), children: errorMessage }))] }));
+                classNames?.innerWrapper, classNames?.inputWrapper), children: [startContent && (jsxRuntime.jsx(react.InputGroup.Prefix, { className: "border-none bg-transparent px-0", children: startContent })), jsxRuntime.jsx(react.InputGroup.Input, { ...rest, ref: setInputRef, onKeyDown: handleKeyDown, required: required, type: type, placeholder: labelFlotante ? " " : placeholder, onChange: handleChange, className: cn(
+                        // `w-full min-w-0` (TECH-2459, beweossmbs QA 24-sep): `.input-group__input`
+                        // de v3 es `flex-1` sin ancho, así que el `<input>` aportaba su ancho
+                        // intrínseco (~151px) como min-content y el campo no encogía en una fila
+                        // flex estrecha (hex del color picker de Agenda → Colors: 180px y 35px
+                        // fuera de su fila; en v2, 132px). v2 ponía `w-full` en este slot
+                        // (`@heroui/theme@2.4.15`, `dist/components/input.js:111`), y un ancho
+                        // en porcentaje no cuenta para el min-content de un `<input>`.
+                        "w-full min-w-0 bg-transparent p-0", SIZE_TEXT_CLASS$2[size], isInvalid ? INVALID_TEXT_CLASS$2 : "", startContent ? "ps-1.5" : "", endContent || showClear ? "pe-1.5" : "", classNames?.input) }), showClear && (jsxRuntime.jsx(react.CloseButton, { "aria-label": "Limpiar", className: cn("h-4 w-4 min-h-0 p-0.5 mr-1", classNames?.clearButton), onPress: handleClear })), endContent && (jsxRuntime.jsx(react.InputGroup.Suffix, { className: "border-none bg-transparent px-0", children: endContent }))] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: cn(HELPER_CLASS$2, "text-left", classNames?.helperWrapper, classNames?.description), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: cn(HELPER_CLASS$2, "text-left", classNames?.helperWrapper, classNames?.errorMessage), children: errorMessage }))] }));
 });
 Input.displayName = "Input";
 
@@ -2435,18 +2627,36 @@ const SHADOW_CLASS = {
     md: "shadow-[shadow:var(--aurora-shadow-medium)]",
     lg: "shadow-[shadow:var(--aurora-shadow-large)]",
 };
+// Geometría v2 de la raíz (slot `base` de `@heroui/theme@2.4.15`, `dist/components/card.js`):
+// `flex flex-col relative overflow-hidden`, SIN `gap`. v3 (`@heroui/styles/…/card.css:5`) pone
+// `gap-3 overflow-visible`, y eso ROMPE layouts de v2 (medido por beweossmbs con la .141): con
+// tres hijos la card crece 24px (Notificaciones automáticas: 220px frente a 192, y la última card
+// queda cortada por su contenedor), y el texto que no cabe se sale de la card en vez de
+// recortarse (cabecera de recurso de la agenda, vista Semana: 80px frente a 56 y los nombres
+// fuera). Va primero en el `cn`: un `gap-*`/`overflow-*` de la app lo retira por fusión.
+// `overflow-hidden` no quita nada que se viera: la onda ya se recorta en su propia capa
+// (`Card.css`), el anillo de foco es un `ring` (`box-shadow`, no lo recorta el `overflow` de su
+// propio nodo) y la sombra de la card se pinta fuera de su caja. Medido en la story `V2Geometry`: tres
+// hijos de 20px dan 108px (132 con el gap de v3) y el texto que desborda ya no asoma.
+const ROOT_V2_CLASS = "gap-0 overflow-hidden";
 // Literales del `tv` de v2 (`@heroui/theme@2.4.15`, `dist/components/card.js`), con sus tokens
 // traducidos a los que existen en Tailwind 4 + Aurora:
 //   isPressable → `cursor-pointer` + compound `data-[pressed=true]:scale-[0.97]
 //                 tap-highlight-transparent` (el hundido lo hace aquí `:active`, que es lo que
 //                 marcaba `data-pressed` en un botón nativo)
 //   disableAnimation=false → `transition-transform-background motion-reduce:transition-none`
-//   foco → `dataFocusVisibleClasses` (`outline-2 outline-focus outline-offset-2`)
+//   foco → `dataFocusVisibleClasses` (`outline-2 outline-focus outline-offset-2`). Aquí va con el
+//           MISMO anillo que los botones de v3/Aurora (`status-focused` → `focus-ring`:
+//           `ring-2 ring-focus ring-offset-background` + offset 2px), no con `outline`: en
+//           Tailwind 4 `outline-none` fija `--tw-outline-style: none` y `focus-visible:outline-2`
+//           hereda ese estilo, así que el anillo NO se pintaba (regresión de la .141, al pasar de
+//           `<button>` a `<div role="button">`). El `ring` es `box-shadow` fuera de la caja: no lo
+//           recorta el `overflow-hidden` de la raíz y se compone con la sombra de la card.
 //   isHoverable → `data-[hover=true]:bg-content2` (aquí `hover:`, react-aria ya no escribe
 //                 `data-hover` — trampa 3 de la skill `auraui-components`)
 //   isDisabled → `opacity-disabled cursor-not-allowed` (`opacity-disabled` era 0.5 en v2)
 //   fullWidth → `w-full`
-const PRESSABLE_CLASS = "isolate cursor-pointer text-foreground outline-none focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-focus focus-visible:outline-offset-2 [-webkit-tap-highlight-color:transparent]";
+const PRESSABLE_CLASS = "isolate cursor-pointer text-foreground outline-none focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:ring-offset-background [-webkit-tap-highlight-color:transparent]";
 const PRESS_ANIMATION_CLASS = "transition-[transform,background-color] motion-reduce:transition-none active:scale-[0.97]";
 const HOVERABLE_CLASS = "hover:bg-content2";
 const DISABLED_CLASS = "opacity-50 cursor-not-allowed";
@@ -2562,7 +2772,7 @@ const Card = $8WNJc$react.forwardRef(({ children, className, shadow = "sm", radi
         event.preventDefault();
         press(pressEventFromKey(event));
     }, [onKeyUp, pulsable, press]);
-    const combinedClassName = react.cn(paddingClasses[padding], RADIUS_CLASS$5[radius], SHADOW_CLASS[shadow], fullWidth ? "w-full" : "", isPressable ? PRESSABLE_CLASS : "", isPressable && !disableAnimation ? PRESS_ANIMATION_CLASS : "", isHoverable ? HOVERABLE_CLASS : "", isDisabled ? DISABLED_CLASS : "", 
+    const combinedClassName = cn(ROOT_V2_CLASS, paddingClasses[padding], RADIUS_CLASS$5[radius], SHADOW_CLASS[shadow], fullWidth ? "w-full" : "", isPressable ? PRESSABLE_CLASS : "", isPressable && !disableAnimation ? PRESS_ANIMATION_CLASS : "", isHoverable ? HOVERABLE_CLASS : "", isDisabled ? DISABLED_CLASS : "", 
     // El `className` de la app, último: gana por fusión (ver JSDoc).
     className);
     // v2 cambiaba el ELEMENTO a `<button>` con `isPressable`, y hasta la .140 esta fachada lo
@@ -2587,11 +2797,11 @@ const Card = $8WNJc$react.forwardRef(({ children, className, shadow = "sm", radi
 Card.displayName = "Card";
 
 const H2 = ({ children, className, ...props }) => {
-    return (jsxRuntime.jsx("h2", { className: react.cn("text-lg font-semibold", className), ...props, children: children }));
+    return (jsxRuntime.jsx("h2", { className: cn("text-lg font-semibold", className), ...props, children: children }));
 };
 
 const P = ({ children, className, ...props }) => {
-    return (jsxRuntime.jsx("p", { className: react.cn("text-xs text-default-500 font-normal", className), ...props, children: children }));
+    return (jsxRuntime.jsx("p", { className: cn("text-xs text-default-500 font-normal", className), ...props, children: children }));
 };
 
 const defaultTranslations$f = {
@@ -2675,9 +2885,9 @@ const AnalyticsCard = ({ data, showTimePeriods = true, showDropdownMenu = true,
     // Card.types.ts) — se pierde el `as="dl"` semántico de v2. No había `<dt>`/`<dd>` reales dentro
     // (siempre fue un `<dl>` "vacío" de esa semántica), así que el cambio a `<div>` no pierde
     // estructura real.
-    return (jsxRuntime.jsx(Card, { className: "dark:border-default-100 border border-transparent", ...props, children: jsxRuntime.jsxs("section", { className: "flex flex-col flex-nowrap", children: [jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-y-2", children: jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-0", children: [jsxRuntime.jsx(H2, { children: t.title }), jsxRuntime.jsx(P, { children: t.description })] }), jsxRuntime.jsx("div", { className: "h-2", "aria-hidden": "true" }), showTimePeriods && (jsxRuntime.jsx(react.Tabs, { className: "self-end", onSelectionChange: (key) => handleTimePeriodChange(String(key)), children: jsxRuntime.jsx(react.Tabs.ListContainer, { className: "bg-default-100", children: jsxRuntime.jsxs(react.Tabs.List, { "aria-label": t.title, children: [jsxRuntime.jsxs(react.Tabs.Tab, { id: "6-months", className: "whitespace-nowrap", children: [t.months6, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "3-months", className: "whitespace-nowrap", children: [t.months3, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "30-days", className: "whitespace-nowrap", children: [t.days30, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "7-days", className: "whitespace-nowrap", children: [t.days7, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "24-hours", className: "whitespace-nowrap", children: [t.hours24, jsxRuntime.jsx(react.Tabs.Indicator, {})] })] }) }) })), showMetricCards && (jsxRuntime.jsx("div", { className: "mt-2 flex w-full items-center", children: jsxRuntime.jsx("div", { className: "-my-3 flex w-full max-w-[800px] items-center gap-x-3 overflow-x-auto py-3", children: data.map(({ key, change, changeType, type, value, title }) => (jsxRuntime.jsxs("button", { type: "button", className: react.cn("rounded-[12px] flex w-full flex-col gap-2 p-3 transition-colors", {
+    return (jsxRuntime.jsx(Card, { className: "dark:border-default-100 border border-transparent", ...props, children: jsxRuntime.jsxs("section", { className: "flex flex-col flex-nowrap", children: [jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-y-2", children: jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-0", children: [jsxRuntime.jsx(H2, { children: t.title }), jsxRuntime.jsx(P, { children: t.description })] }), jsxRuntime.jsx("div", { className: "h-2", "aria-hidden": "true" }), showTimePeriods && (jsxRuntime.jsx(react.Tabs, { className: "self-end", onSelectionChange: (key) => handleTimePeriodChange(String(key)), children: jsxRuntime.jsx(react.Tabs.ListContainer, { className: "bg-default-100", children: jsxRuntime.jsxs(react.Tabs.List, { "aria-label": t.title, children: [jsxRuntime.jsxs(react.Tabs.Tab, { id: "6-months", className: "whitespace-nowrap", children: [t.months6, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "3-months", className: "whitespace-nowrap", children: [t.months3, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "30-days", className: "whitespace-nowrap", children: [t.days30, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "7-days", className: "whitespace-nowrap", children: [t.days7, jsxRuntime.jsx(react.Tabs.Indicator, {})] }), jsxRuntime.jsxs(react.Tabs.Tab, { id: "24-hours", className: "whitespace-nowrap", children: [t.hours24, jsxRuntime.jsx(react.Tabs.Indicator, {})] })] }) }) })), showMetricCards && (jsxRuntime.jsx("div", { className: "mt-2 flex w-full items-center", children: jsxRuntime.jsx("div", { className: "-my-3 flex w-full max-w-[800px] items-center gap-x-3 overflow-x-auto py-3", children: data.map(({ key, change, changeType, type, value, title }) => (jsxRuntime.jsxs("button", { type: "button", className: cn("rounded-[12px] flex w-full flex-col gap-2 p-3 transition-colors", {
                                             "bg-default-100": activeChart === key,
-                                        }), onClick: () => handleChartChange(key), children: [jsxRuntime.jsx("span", { className: react.cn("text-sm text-default-500 font-medium transition-colors", {
+                                        }), onClick: () => handleChartChange(key), children: [jsxRuntime.jsx("span", { className: cn("text-sm text-default-500 font-medium transition-colors", {
                                                     "text-primary": activeChart === key,
                                                 }), children: title }), jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [jsxRuntime.jsx("span", { className: "text-foreground text-2xl font-bold", children: formatValue(value, type) }), jsxRuntime.jsx(Chip, { color: changeType === "positive"
                                                             ? "success"
@@ -2718,7 +2928,7 @@ const AnalyticsCard = ({ data, showTimePeriods = true, showDropdownMenu = true,
 };
 
 const H3 = ({ children, className, ...props }) => {
-    return (jsxRuntime.jsx("h3", { className: react.cn("text-base font-medium", className), ...props, children: children }));
+    return (jsxRuntime.jsx("h3", { className: cn("text-base font-medium", className), ...props, children: children }));
 };
 
 function ChartTooltip({ active, payload, label, series, formatValue, }) {
@@ -2913,18 +3123,18 @@ function translateItem(element) {
         classNames?.description);
     if (onlyBase || typeof children === "function") {
         return $8WNJc$react.cloneElement(element, {
-            className: react.cn(classNames?.base, className) || undefined,
+            className: cn(classNames?.base, className) || undefined,
             description: undefined,
             startContent: undefined,
             endContent: undefined,
             classNames: undefined,
         });
     }
-    const title = (jsxRuntime.jsx("span", { className: react.cn(ITEM_TITLE_CLASS$1, classNames?.title), children: children }));
-    const next = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasStart && (jsxRuntime.jsx("span", { "data-slot": "start-content", [ITEM_EXTRA_ATTR]: "", className: ITEM_SIDE_CLASS, children: startContent })), hasDescription ? (jsxRuntime.jsxs("div", { className: react.cn(ITEM_WRAPPER_CLASS, classNames?.wrapper), children: [title, jsxRuntime.jsx(react.Description, { className: react.cn(ITEM_DESCRIPTION_CLASS, classNames?.description), children: description })] })) : (title), hasEnd && (jsxRuntime.jsx("span", { "data-slot": "end-content", [ITEM_EXTRA_ATTR]: "", className: ITEM_SIDE_CLASS, children: endContent }))] }));
+    const title = (jsxRuntime.jsx("span", { className: cn(ITEM_TITLE_CLASS$1, classNames?.title), children: children }));
+    const next = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasStart && (jsxRuntime.jsx("span", { "data-slot": "start-content", [ITEM_EXTRA_ATTR]: "", className: ITEM_SIDE_CLASS, children: startContent })), hasDescription ? (jsxRuntime.jsxs("div", { className: cn(ITEM_WRAPPER_CLASS, classNames?.wrapper), children: [title, jsxRuntime.jsx(react.Description, { className: cn(ITEM_DESCRIPTION_CLASS, classNames?.description), children: description })] })) : (title), hasEnd && (jsxRuntime.jsx("span", { "data-slot": "end-content", [ITEM_EXTRA_ATTR]: "", className: ITEM_SIDE_CLASS, children: endContent }))] }));
     return $8WNJc$react.cloneElement(element, {
         // v2: `cn(classNames?.base, className)` (`use-listbox-item.mjs`), así que `className` gana.
-        className: react.cn(classNames?.base, className) || undefined,
+        className: cn(classNames?.base, className) || undefined,
         description: undefined,
         startContent: undefined,
         endContent: undefined,
@@ -2945,14 +3155,14 @@ function translateSection(element) {
     // items de la sección se quedarían sin checkmark.
     const parts = [];
     if (hasTitle) {
-        parts.push(jsxRuntime.jsx(react.Header, { className: react.cn(SECTION_HEADING_CLASS$1, classNames?.heading), children: title }, "aura-section-header"));
+        parts.push(jsxRuntime.jsx(react.Header, { className: cn(SECTION_HEADING_CLASS$1, classNames?.heading), children: title }, "aura-section-header"));
     }
     parts.push(...(Array.isArray(inner) ? inner : [inner]));
     if (showDivider) {
-        parts.push(jsxRuntime.jsx(react.Separator, { className: react.cn(SECTION_DIVIDER_CLASS, classNames?.divider) }, "aura-section-divider"));
+        parts.push(jsxRuntime.jsx(react.Separator, { className: cn(SECTION_DIVIDER_CLASS, classNames?.divider) }, "aura-section-divider"));
     }
     return $8WNJc$react.cloneElement(element, {
-        className: react.cn(classNames?.base, className) || undefined,
+        className: cn(classNames?.base, className) || undefined,
         // `title` en v3 es el atributo global de HTML: sin retirarlo sale como *tooltip*
         // nativo sobre toda la sección (el mismo motivo por el que v2 lo quitaba del spread,
         // `chunk-Q2EVG7SO.mjs`: «removed title from props to avoid browsers showing a tooltip»).
@@ -3476,7 +3686,7 @@ labelPlacement: _labelPlacement, scrollShadowProps, ...props }) => {
                     // de la app va al final y gana por `cn`, y `overflow-y-auto` para que un
                     // `max-h-*` recorte desplazando y no desbordando.
                     className: scrollShadowProps?.className
-                        ? react.cn(OPCIONES_CLASS, "overflow-y-auto", scrollShadowProps.className)
+                        ? cn(OPCIONES_CLASS, "overflow-y-auto", scrollShadowProps.className)
                         : OPCIONES_CLASS, style: scrollShadowProps?.style, renderEmptyState: hideEmptyContent
                         ? undefined
                         : () => jsxRuntime.jsx("div", { className: EMPTY_CONTENT_CLASS$1, children: emptyContent }), children: withV2ItemContent(
@@ -3728,7 +3938,12 @@ const ColorPicker = $8WNJc$react.forwardRef(({ value, onChange, label, required
 							${error
                                     ? "border-danger dark:border-danger-400"
                                     : "border-default-300 dark:border-default-700"}
-						`, "aria-label": t.customColorLabel, title: t.customColorLabel }), jsxRuntime.jsx(Input, { type: "text", value: textValue, onValueChange: handleTextChange, onBlur: handleTextBlur, placeholder: t.placeholder, disabled: disabled, isDisabled: disabled, isInvalid: error || isInvalidFormat, size: "sm", variant: "bordered", classNames: {
+						`, "aria-label": t.customColorLabel, title: t.customColorLabel }), jsxRuntime.jsx(Input, { type: "text", value: textValue, onValueChange: handleTextChange, onBlur: handleTextBlur, placeholder: t.placeholder, disabled: disabled, isDisabled: disabled, isInvalid: error || isInvalidFormat, size: "sm", variant: "bordered", 
+                                // `min-w-0` (TECH-2459, beweossmbs QA 24-sep): el campo es un ítem de la fila
+                                // flex de la muestra de color y tiene que poder encoger en huecos estrechos
+                                // (Agenda → Colors: 180px). El `w-full min-w-0` del `<input>` en la fachada
+                                // ya lo arregla; esto es el suelo explícito en la raíz del campo.
+                                className: "min-w-0", classNames: {
                                     input: "uppercase font-mono text-sm",
                                     inputWrapper: "min-h-8 h-8 focus-within:!border-primary-500",
                                 }, startContent: textValue.startsWith("#") ? null : (jsxRuntime.jsx("span", { className: "text-default-400 text-sm", children: "#" })) })] }), (error || isInvalidFormat) && (jsxRuntime.jsx("p", { className: "text-xs text-danger", children: isInvalidFormat ? t.invalidColorFormat : errorText }))] }), showPredefinedColors && predefinedColors.length > 0 && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "text-xs font-medium text-default-600 mb-2", children: t.predefinedColorsLabel }), jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: predefinedColors.map((color) => renderColorCircle(color.value, color.name, normalizeHexColor(value) === normalizeHexColor(color.value))) })] })), enableRecentColors && recentColors.length > 0 && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "text-xs font-medium text-default-600 mb-2", children: t.recentColorsLabel }), jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: recentColors.map((color) => renderColorCircle(color, color, normalizeHexColor(value) === color)) })] }))] }));
@@ -6013,11 +6228,11 @@ const DonutChart = ({ data, height = 220, innerRadiusRatio = 0.65, showLegend =
 };
 
 const H1 = ({ children, className, ...props }) => {
-    return (jsxRuntime.jsx("h1", { className: react.cn("text-xl font-bold", className), ...props, children: children }));
+    return (jsxRuntime.jsx("h1", { className: cn("text-xl font-bold", className), ...props, children: children }));
 };
 
 const H4 = ({ children, className, ...props }) => {
-    return (jsxRuntime.jsx("h4", { className: react.cn("text-sm font-medium ", className), ...props, children: children }));
+    return (jsxRuntime.jsx("h4", { className: cn("text-sm font-medium ", className), ...props, children: children }));
 };
 
 /**
@@ -6043,7 +6258,7 @@ const H4 = ({ children, className, ...props }) => {
  * igual para la vía `items` que para la vía `children`. Ganan por CAPA
  * (`@layer utilities` va después de `@layer components`), no por especificidad.
  */
-const V2_INK_CLASS = react.cn(
+const V2_INK_CLASS = cn(
 // `[data-slot=link]` y no `a`: el breadcrumb ACTUAL de v3 no es un `<a>` (sin `href`,
 // react-aria lo renderiza como `<span role="link" aria-current="page">`), así que un
 // selector por etiqueta se lo dejaba fuera. Verificado en el DOM.
@@ -6092,7 +6307,7 @@ const V2_INK_CLASS = react.cn(
  * Va desde la RAÍZ y por el mismo motivo que `V2_INK_CLASS`: `Breadcrumbs.Item` de v3 pisa las
  * clases de sus partes internas, así que un `className` en el item no sobrevive.
  */
-const V2_SPACING_CLASS = react.cn(
+const V2_SPACING_CLASS = cn(
 // v2: `item: "flex gap-1 items-center"` → 4px entre la etiqueta y el separador.
 "[&_[data-slot=breadcrumbs-item]]:gap-1", 
 // v2: ni el item ni el enlace tenían padding → el primer glifo caía en el canto del rastro…
@@ -6141,7 +6356,7 @@ const BreadcrumbsComponent = ({ items, children, onItemClick,
 // lleguen como atributo DOM desconocido al `<nav>` subyacente, aceptadas solo por
 // compatibilidad de tipos con quien ya las pasaba en v2.
 size: _size, radius: _radius, variant: _variant, className, ...heroUIProps }) => {
-    return (jsxRuntime.jsx(react.Breadcrumbs, { ...heroUIProps, className: react.cn(V2_INK_CLASS, V2_SPACING_CLASS, className), children: items
+    return (jsxRuntime.jsx(react.Breadcrumbs, { ...heroUIProps, className: cn(V2_INK_CLASS, V2_SPACING_CLASS, className), children: items
             ? items.map((item, index) => (jsxRuntime.jsx(react.Breadcrumbs.Item, { ...(onItemClick && item.href && !item.isCurrent
                     ? { onPress: () => onItemClick(item.href) }
                     : { href: item.href }), children: item.label }, `${item.href || item.label}-${index}`)))
@@ -6236,7 +6451,7 @@ const KanbanCardComponent = ({ item, columnId, index, renderContent, onCardClick
         onDragEnd?.();
     }, [onDragEnd]);
     const isInteractive = isClickable && onCardClick;
-    return (jsxRuntime.jsx("div", { className: react.cn("bg-content1 border border-default-200 rounded-lg p-4 transition-all", isInteractive && "cursor-pointer hover:border-default-400", isDraggable && "cursor-grab active:cursor-grabbing", isDragging && "opacity-50 scale-95 shadow-lg", className), onClick: isInteractive ? handleClick : undefined, onKeyDown: isInteractive ? handleKeyDown : undefined, role: isInteractive ? "button" : undefined, tabIndex: isInteractive ? 0 : undefined, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: renderContent(item) }));
+    return (jsxRuntime.jsx("div", { className: cn("bg-content1 border border-default-200 rounded-lg p-4 transition-all", isInteractive && "cursor-pointer hover:border-default-400", isDraggable && "cursor-grab active:cursor-grabbing", isDragging && "opacity-50 scale-95 shadow-lg", className), onClick: isInteractive ? handleClick : undefined, onKeyDown: isInteractive ? handleKeyDown : undefined, role: isInteractive ? "button" : undefined, tabIndex: isInteractive ? 0 : undefined, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: renderContent(item) }));
 };
 const KanbanCard = $8WNJc$react.memo(KanbanCardComponent);
 KanbanCard.displayName = "KanbanCard";
@@ -6431,7 +6646,7 @@ const KanbanColumnComponent = ({ column, renderItem, onCardClick, cardClassName,
         const newDropIndex = e.clientY < midpoint ? itemIndex : itemIndex + 1;
         setDropIndex(newDropIndex);
     }, []);
-    return (jsxRuntime.jsxs("div", { className: react.cn("flex flex-col bg-default-50 rounded-lg border border-default-200 transition-colors", isDragOver && isDragging && "border-primary-400 bg-primary-50/30", className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [renderColumnHeader ? (renderColumnHeader(column)) : (jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-default-200", children: [jsxRuntime.jsx("h3", { className: "font-semibold text-foreground", children: column.title }), showItemCount && (jsxRuntime.jsx(Badge, { color: V3_BADGE_COLOR[column.countBadgeColor ?? "default"], variant: "soft", size: "lg", 
+    return (jsxRuntime.jsxs("div", { className: cn("flex flex-col bg-default-50 rounded-lg border border-default-200 transition-colors", isDragOver && isDragging && "border-primary-400 bg-primary-50/30", className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [renderColumnHeader ? (renderColumnHeader(column)) : (jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-default-200", children: [jsxRuntime.jsx("h3", { className: "font-semibold text-foreground", children: column.title }), showItemCount && (jsxRuntime.jsx(Badge, { color: V3_BADGE_COLOR[column.countBadgeColor ?? "default"], variant: "soft", size: "lg", 
                         // `static transform-none`: el Badge de v3 se posiciona ABSOLUTO por
                         // `placement` (`.badge--top-right { absolute top-0 right-0 }` +
                         // `translate(25%,-25%)`), pensado para vivir dentro de un `Badge.Anchor`.
@@ -6441,7 +6656,7 @@ const KanbanColumnComponent = ({ column, renderItem, onCardClick, cardClassName,
                         // siempre visible pero la story lo tapaba, y ahora queda apagado por defecto.
                         className: "static text-xs font-medium transform-none", style: column.countBadgeColor === "secondary"
                             ? SECONDARY_BADGE_STYLE
-                            : undefined, "aria-label": `${itemCount} ${t.itemsLabel}`, children: itemCount }))] })), jsxRuntime.jsx("div", { ref: scrollContainerRef, className: react.cn("flex-1 overflow-y-auto p-3 space-y-3", isDragOver && isEmpty && "min-h-24"), style: { maxHeight }, children: isEmpty ? (isDragOver && isDragging ? (jsxRuntime.jsx("div", { className: "h-24 border-2 border-dashed border-primary-300 rounded-lg bg-primary-50/50 flex items-center justify-center", children: jsxRuntime.jsx("span", { className: "text-primary-500 text-sm", children: t.dropHere }) })) : renderEmptyState ? (renderEmptyState(column)) : (jsxRuntime.jsx("div", { className: "flex items-center justify-center h-24 text-default-400 text-sm", children: column.emptyMessage || t.emptyMessage }))) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [column.items.map((item, index) => (jsxRuntime.jsxs("div", { onDragOver: (e) => handleDragOverItem(e, index), children: [isDragOver && dropIndex === index && (jsxRuntime.jsx("div", { className: "h-1 bg-primary-400 rounded-full mb-3 animate-pulse" })), jsxRuntime.jsx(KanbanCard, { item: item, columnId: column.id, index: index, renderContent: renderItem, onCardClick: onCardClick, className: cardClassName, isClickable: isCardClickable, isDraggable: isDraggable, onDragStart: onDragStart, onDragEnd: onDragEnd })] }, item.id))), isDragOver && dropIndex === column.items.length && (jsxRuntime.jsx("div", { className: "h-1 bg-primary-400 rounded-full mt-3 animate-pulse" })), column.isLoading && (jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: jsxRuntime.jsx(react.Spinner, { size: "sm", color: "accent" }) }))] })) })] }));
+                            : undefined, "aria-label": `${itemCount} ${t.itemsLabel}`, children: itemCount }))] })), jsxRuntime.jsx("div", { ref: scrollContainerRef, className: cn("flex-1 overflow-y-auto p-3 space-y-3", isDragOver && isEmpty && "min-h-24"), style: { maxHeight }, children: isEmpty ? (isDragOver && isDragging ? (jsxRuntime.jsx("div", { className: "h-24 border-2 border-dashed border-primary-300 rounded-lg bg-primary-50/50 flex items-center justify-center", children: jsxRuntime.jsx("span", { className: "text-primary-500 text-sm", children: t.dropHere }) })) : renderEmptyState ? (renderEmptyState(column)) : (jsxRuntime.jsx("div", { className: "flex items-center justify-center h-24 text-default-400 text-sm", children: column.emptyMessage || t.emptyMessage }))) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [column.items.map((item, index) => (jsxRuntime.jsxs("div", { onDragOver: (e) => handleDragOverItem(e, index), children: [isDragOver && dropIndex === index && (jsxRuntime.jsx("div", { className: "h-1 bg-primary-400 rounded-full mb-3 animate-pulse" })), jsxRuntime.jsx(KanbanCard, { item: item, columnId: column.id, index: index, renderContent: renderItem, onCardClick: onCardClick, className: cardClassName, isClickable: isCardClickable, isDraggable: isDraggable, onDragStart: onDragStart, onDragEnd: onDragEnd })] }, item.id))), isDragOver && dropIndex === column.items.length && (jsxRuntime.jsx("div", { className: "h-1 bg-primary-400 rounded-full mt-3 animate-pulse" })), column.isLoading && (jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: jsxRuntime.jsx(react.Spinner, { size: "sm", color: "accent" }) }))] })) })] }));
 };
 const KanbanColumn = $8WNJc$react.memo(KanbanColumnComponent);
 KanbanColumn.displayName = "KanbanColumn";
@@ -6526,7 +6741,7 @@ const KanbanComponent = ({ columns, renderItem, onCardClick, onItemMove, isDragg
         });
         handleDragEnd();
     }, [onItemMove, handleDragEnd]);
-    return (jsxRuntime.jsx("div", { className: react.cn("flex", columnGapClasses[columnGap], horizontalScroll && "overflow-x-auto pb-4", className), children: columns.map((column) => (jsxRuntime.jsx("div", { className: "flex-shrink-0", style: { width: columnWidth }, children: jsxRuntime.jsx(KanbanColumn, { column: column, renderItem: renderItem, onCardClick: onCardClick, cardClassName: cardClassName, isCardClickable: isCardClickable, maxHeight: columnMaxHeight, renderColumnHeader: renderColumnHeader, renderEmptyState: renderEmptyState, isDraggable: dragEnabled, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDrop: handleDrop, isDragging: isDragging, translations: t, onLoadMore: onLoadMore ? () => onLoadMore(column.id) : undefined, showItemCount: showItemCount }) }, column.id))) }));
+    return (jsxRuntime.jsx("div", { className: cn("flex", columnGapClasses[columnGap], horizontalScroll && "overflow-x-auto pb-4", className), children: columns.map((column) => (jsxRuntime.jsx("div", { className: "flex-shrink-0", style: { width: columnWidth }, children: jsxRuntime.jsx(KanbanColumn, { column: column, renderItem: renderItem, onCardClick: onCardClick, cardClassName: cardClassName, isCardClickable: isCardClickable, maxHeight: columnMaxHeight, renderColumnHeader: renderColumnHeader, renderEmptyState: renderEmptyState, isDraggable: dragEnabled, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDrop: handleDrop, isDragging: isDragging, translations: t, onLoadMore: onLoadMore ? () => onLoadMore(column.id) : undefined, showItemCount: showItemCount }) }, column.id))) }));
 };
 const Kanban = $8WNJc$react.memo(KanbanComponent);
 Kanban.displayName = "Kanban";
@@ -6702,9 +6917,9 @@ const MenuMobileBottomBar = $8WNJc$react.memo(function MenuMobileBottomBar({ ite
     const handleItemPress = $8WNJc$react.useCallback((key, href) => {
         onSelect?.(key, href);
     }, [onSelect]);
-    return (jsxRuntime.jsx("nav", { className: react.cn("menu-mobile-bottom-bar", forceVisible && "menu-mobile-bottom-bar--force-visible"), "aria-label": navAriaLabel, children: jsxRuntime.jsxs("div", { className: "menu-mobile-bottom-bar__container", children: [visibleItems.map((item) => {
+    return (jsxRuntime.jsx("nav", { className: cn("menu-mobile-bottom-bar", forceVisible && "menu-mobile-bottom-bar--force-visible"), "aria-label": navAriaLabel, children: jsxRuntime.jsxs("div", { className: "menu-mobile-bottom-bar__container", children: [visibleItems.map((item) => {
                     const isSelected = selectedKey === item.key;
-                    return (jsxRuntime.jsxs("button", { type: "button", className: react.cn("menu-mobile-bottom-bar__item", isSelected && "menu-mobile-bottom-bar__item--active"), onClick: () => handleItemPress(item.key, item.href), "aria-current": isSelected ? "page" : undefined, "aria-label": item.title, children: [item.icon && (jsxRuntime.jsx(IconComponent, { icon: item.icon, size: "md", className: "menu-mobile-bottom-bar__icon" })), jsxRuntime.jsx("span", { className: "menu-mobile-bottom-bar__label", children: item.title })] }, item.key));
+                    return (jsxRuntime.jsxs("button", { type: "button", className: cn("menu-mobile-bottom-bar__item", isSelected && "menu-mobile-bottom-bar__item--active"), onClick: () => handleItemPress(item.key, item.href), "aria-current": isSelected ? "page" : undefined, "aria-label": item.title, children: [item.icon && (jsxRuntime.jsx(IconComponent, { icon: item.icon, size: "md", className: "menu-mobile-bottom-bar__icon" })), jsxRuntime.jsx("span", { className: "menu-mobile-bottom-bar__label", children: item.title })] }, item.key));
                 }), jsxRuntime.jsxs("button", { type: "button", className: "menu-mobile-bottom-bar__item", onClick: onMenuPress, "aria-label": menuLabel, children: [jsxRuntime.jsx(IconComponent, { icon: "solar:hamburger-menu-linear", size: "md", className: "menu-mobile-bottom-bar__icon" }), jsxRuntime.jsx("span", { className: "menu-mobile-bottom-bar__label", children: menuLabel })] })] }) }));
 });
 
@@ -6744,7 +6959,16 @@ const ITEM_COLLAPSED_CLASS = "w-11 h-11 gap-0 p-0 justify-center";
 // `w-full flex-1`: el slot `title` de v2 era `flex-1 text-small font-normal w-full`, y su slot
 // `wrapper` `w-full` — el título se comía el espacio libre y empujaba el `endContent` al borde.
 // El `[data-slot="label"]` de v3 es `w-fit`, que es la otra mitad de P-14.
-const ITEM_TITLE_CLASS = "w-full flex-1 text-sm font-medium text-default-500 group-data-[selected=true]:text-default-600";
+//
+// `min-w-0 truncate`: v2 le ponía `truncate` al slot `title` siempre que el título fuera texto
+// (`@heroui/theme@2.4.15`, `dist/components/listbox.js`, variante `hasTitleTextChild: { true:
+// { title: "truncate" } }`; en el menú el título es siempre un string). La migración copió el slot
+// base y se dejó la variante. Sin ella, una etiqueta que no cabe no se corta:
+// medido en beweossmbs y en la story `Menu › LongLabelTruncation`, «menu_automations» ocupaba sus
+// 126,8px enteros y empujaba la chip «AI» de x=204,7 a x=222,8, 6px FUERA del ítem. `truncate` solo
+// no basta: un flex item parte de `min-width: auto` (su ancho de contenido) y no encoge por debajo;
+// `min-w-0` es lo que le deja ceder el hueco a la chip, y entonces sí corta con elipsis.
+const ITEM_TITLE_CLASS = "w-full min-w-0 flex-1 truncate text-sm font-medium text-default-500 group-data-[selected=true]:text-default-600";
 // TECH-2459 · G2 · fix de navegación — resolución de un ítem por su clave.
 //
 // `onSelectionChange` del `ListBox` entrega la CLAVE, no el ítem. v2 no necesitaba esto:
@@ -6871,7 +7095,7 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
     // `MenuClawNavItem` (HTML semántico + `onClick`, sin `ListBox`).
     const renderSubItem = $8WNJc$react.useCallback((item) => {
         const isSelected = item.key === selectedKey;
-        return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", "data-menu-subitem-selected": isSelected ? "true" : "false", "aria-current": isSelected ? "page" : undefined, className: react.cn("flex w-full items-center justify-between gap-2 min-h-9 rounded-[14px] px-3 py-2 menu-nav-list__sub-item text-left", "text-default-500 hover:text-default-700 transition-colors outline-none", "focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-focus focus-visible:outline-offset-2", isSelected && "selected"), onClick: () => handleItemPress(item), children: [jsxRuntime.jsx(react.Label, { className: "text-sm font-normal text-inherit", children: item.title }), item.endContent ?? null] }) }, item.key));
+        return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", "data-menu-subitem-selected": isSelected ? "true" : "false", "aria-current": isSelected ? "page" : undefined, className: cn("flex w-full items-center justify-between gap-2 min-h-9 rounded-[14px] px-3 py-2 menu-nav-list__sub-item text-left", "text-default-500 hover:text-default-700 transition-colors outline-none", "focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-focus focus-visible:outline-offset-2", isSelected && "selected"), onClick: () => handleItemPress(item), children: [jsxRuntime.jsx(react.Label, { className: "text-sm font-normal text-inherit", children: item.title }), item.endContent ?? null] }) }, item.key));
     }, [handleItemPress, selectedKey]);
     // Renders a nested item, i.e., an item that has sub-items.
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
@@ -6883,16 +7107,16 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
         const isSelectedKeyInThisNest = Boolean(selectedKey && item.items?.length) &&
             (item.items?.some((child) => child.key === selectedKey) ?? false);
         const isItemSelected = selectedKey === item.key;
-        return (jsxRuntime.jsxs(react.ListBoxItem, { id: item.key, textValue: item.title, "aria-selected": isItemSelected, className: react.cn(ITEM_BASE_CLASS, isCollapsed && ITEM_COLLAPSED_CLASS, {
+        return (jsxRuntime.jsxs(react.ListBoxItem, { id: item.key, textValue: item.title, "aria-selected": isItemSelected, className: cn(ITEM_BASE_CLASS, isCollapsed && ITEM_COLLAPSED_CLASS, {
                 "h-auto p-0": !isCollapsed && isNestType,
             }, {
                 "inline-block w-11": isCollapsed && isNestType,
             }, {
                 "data-[selected=true]:bg-primary-100 h-11 justify-center items-center flex": isCollapsed && isNestType,
-            }), children: [isCollapsed || isNestType ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon ? (jsxRuntime.jsx(IconComponent, { className: react.cn("text-default-500 group-data-[selected=true]:text-foreground", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)), jsxRuntime.jsx(react.Label, { className: ITEM_TITLE_CLASS, children: item.title }), hideEndContent ? null : (item.endContent ?? null)] })), isCollapsed && isNestType ? (
+            }), children: [isCollapsed || isNestType ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon ? (jsxRuntime.jsx(IconComponent, { className: cn("text-default-500 group-data-[selected=true]:text-foreground", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)), jsxRuntime.jsx(react.Label, { className: ITEM_TITLE_CLASS, children: item.title }), hideEndContent ? null : (item.endContent ?? null)] })), isCollapsed && isNestType ? (
                 // `placement`/`offset` viven en `PopoverContent` en v3, no en la raíz
                 // `Popover` (a diferencia de v2) — mismo patrón que Tooltip.Content.
-                jsxRuntime.jsxs(react.Popover, { children: [jsxRuntime.jsx(react.PopoverTrigger, { children: jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-center gap-1", children: [jsxRuntime.jsxs(react.Tooltip, { delay: 0, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: item.icon ? (jsxRuntime.jsx(IconComponent, { className: react.cn("text-default-500 group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)) }) }), jsxRuntime.jsx(react.Tooltip.Content, { placement: "right", className: "text-default-500", children: item.title })] }), jsxRuntime.jsx(IconComponent, { className: "text-default-400 shrink-0", icon: "solar:alt-arrow-right-outline", size: "sm", "aria-hidden": true })] }) }), jsxRuntime.jsx(react.PopoverContent, { placement: "right", offset: 10, className: "border border-default-200 bg-white p-0 shadow-md", children: jsxRuntime.jsxs("div", { className: "min-w-[200px] rounded-[14px] p-2", children: [jsxRuntime.jsx("div", { className: "px-3 py-2 text-sm font-semibold text-default-500", children: item.title }), jsxRuntime.jsx("ul", { className: "mt-0.5 flex flex-col gap-0.5 border-l border-default-200 pl-4 ml-2", children: (item.items?.length ? item.items : [item]).map((child) => renderSubItem(child)) })] }) })] })) : null, !isCollapsed && isNestType ? (jsxRuntime.jsxs("details", { className: "group/details w-full p-0", "aria-label": item.title, open: isSelectedKeyInThisNest, children: [jsxRuntime.jsx("summary", { className: react.cn("flex h-11 list-none cursor-pointer items-center gap-2 rounded-[14px] px-3 py-1.5 pr-3", "text-default-500 hover:bg-default-100 [&::-webkit-details-marker]:hidden [&::marker]:hidden"), children: item.icon ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconComponent, { className: react.cn("text-default-500 group-open/details:text-default-600", iconClassName), icon: item.icon, size: "lg" }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-default-500 group-open/details:text-default-600 flex-1", children: item.title }), jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center text-default-400", children: [jsxRuntime.jsx(IconComponent, { className: "hidden group-open/details:inline-block", icon: "solar:alt-arrow-down-outline", size: "sm", "aria-hidden": true }), jsxRuntime.jsx(IconComponent, { className: "inline-block group-open/details:hidden", icon: "solar:alt-arrow-right-outline", size: "sm", "aria-hidden": true })] })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.startContent ?? null, jsxRuntime.jsxs("span", { className: "ml-auto flex shrink-0 items-center text-default-400", children: [jsxRuntime.jsx(IconComponent, { className: "hidden group-open/details:inline-block", icon: "solar:alt-arrow-down-outline", size: "sm", "aria-hidden": true }), jsxRuntime.jsx(IconComponent, { className: "inline-block group-open/details:hidden", icon: "solar:alt-arrow-right-outline", size: "sm", "aria-hidden": true })] })] })) }), jsxRuntime.jsx("div", { className: "py-0 pl-4", children: item.items && item.items?.length > 0 ? (jsxRuntime.jsx("ul", { className: "mt-0.5 flex flex-col gap-0.5 border-l border-default-200 pl-4 ml-2", children: item.items.map((child) => renderSubItem(child)) })) : (renderItem(item)) })] })) : null] }, item.key));
+                jsxRuntime.jsxs(react.Popover, { children: [jsxRuntime.jsx(react.PopoverTrigger, { children: jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-center gap-1", children: [jsxRuntime.jsxs(react.Tooltip, { delay: 0, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: item.icon ? (jsxRuntime.jsx(IconComponent, { className: cn("text-default-500 group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)) }) }), jsxRuntime.jsx(react.Tooltip.Content, { placement: "right", className: "text-default-500", children: item.title })] }), jsxRuntime.jsx(IconComponent, { className: "text-default-400 shrink-0", icon: "solar:alt-arrow-right-outline", size: "sm", "aria-hidden": true })] }) }), jsxRuntime.jsx(react.PopoverContent, { placement: "right", offset: 10, className: "border border-default-200 bg-white p-0 shadow-md", children: jsxRuntime.jsxs("div", { className: "min-w-[200px] rounded-[14px] p-2", children: [jsxRuntime.jsx("div", { className: "px-3 py-2 text-sm font-semibold text-default-500", children: item.title }), jsxRuntime.jsx("ul", { className: "mt-0.5 flex flex-col gap-0.5 border-l border-default-200 pl-4 ml-2", children: (item.items?.length ? item.items : [item]).map((child) => renderSubItem(child)) })] }) })] })) : null, !isCollapsed && isNestType ? (jsxRuntime.jsxs("details", { className: "group/details w-full p-0", "aria-label": item.title, open: isSelectedKeyInThisNest, children: [jsxRuntime.jsx("summary", { className: cn("flex h-11 list-none cursor-pointer items-center gap-2 rounded-[14px] px-3 py-1.5 pr-3", "text-default-500 hover:bg-default-100 [&::-webkit-details-marker]:hidden [&::marker]:hidden"), children: item.icon ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconComponent, { className: cn("text-default-500 group-open/details:text-default-600", iconClassName), icon: item.icon, size: "lg" }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-default-500 group-open/details:text-default-600 flex-1", children: item.title }), jsxRuntime.jsxs("span", { className: "flex shrink-0 items-center text-default-400", children: [jsxRuntime.jsx(IconComponent, { className: "hidden group-open/details:inline-block", icon: "solar:alt-arrow-down-outline", size: "sm", "aria-hidden": true }), jsxRuntime.jsx(IconComponent, { className: "inline-block group-open/details:hidden", icon: "solar:alt-arrow-right-outline", size: "sm", "aria-hidden": true })] })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.startContent ?? null, jsxRuntime.jsxs("span", { className: "ml-auto flex shrink-0 items-center text-default-400", children: [jsxRuntime.jsx(IconComponent, { className: "hidden group-open/details:inline-block", icon: "solar:alt-arrow-down-outline", size: "sm", "aria-hidden": true }), jsxRuntime.jsx(IconComponent, { className: "inline-block group-open/details:hidden", icon: "solar:alt-arrow-right-outline", size: "sm", "aria-hidden": true })] })] })) }), jsxRuntime.jsx("div", { className: "py-0 pl-4", children: item.items && item.items?.length > 0 ? (jsxRuntime.jsx("ul", { className: "mt-0.5 flex flex-col gap-0.5 border-l border-default-200 pl-4 ml-2", children: item.items.map((child) => renderSubItem(child)) })) : (renderItem(item)) })] })) : null] }, item.key));
     }, [isCollapsed, hideEndContent, iconClassName, selectedKey, renderSubItem]);
     // Renders a simple item (without children) in the navigation list.
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
@@ -6904,11 +7128,11 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
             return renderNestItem(item);
         }
         const isItemSelected = selectedKey === item.key;
-        return (jsxRuntime.jsx(react.ListBoxItem, { id: item.key, textValue: item.title, "aria-selected": isItemSelected, "aria-label": item.title || `Menu item ${item.key}`, className: react.cn(ITEM_BASE_CLASS, isCollapsed && ITEM_COLLAPSED_CLASS), children: isCollapsed ? (jsxRuntime.jsxs(react.Tooltip, { delay: 0, closeDelay: 200, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { children: jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center", "aria-hidden": "true", children: item.icon ? (jsxRuntime.jsx(IconComponent, { className: react.cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)) }) }), jsxRuntime.jsx(react.Tooltip.Content, { placement: "right", className: "text-default-500", children: item.title })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon ? (jsxRuntime.jsx(IconComponent, { className: react.cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)), jsxRuntime.jsx(react.Label, { className: ITEM_TITLE_CLASS, children: item.title }), hideEndContent ? null : (item.endContent ?? null)] })) }, item.key));
+        return (jsxRuntime.jsx(react.ListBoxItem, { id: item.key, textValue: item.title, "aria-selected": isItemSelected, "aria-label": item.title || `Menu item ${item.key}`, className: cn(ITEM_BASE_CLASS, isCollapsed && ITEM_COLLAPSED_CLASS), children: isCollapsed ? (jsxRuntime.jsxs(react.Tooltip, { delay: 0, closeDelay: 200, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { children: jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center", "aria-hidden": "true", children: item.icon ? (jsxRuntime.jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)) }) }), jsxRuntime.jsx(react.Tooltip.Content, { placement: "right", className: "text-default-500", children: item.title })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon ? (jsxRuntime.jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : ((item.startContent ?? null)), jsxRuntime.jsx(react.Label, { className: ITEM_TITLE_CLASS, children: item.title }), hideEndContent ? null : (item.endContent ?? null)] })) }, item.key));
     }, [isCollapsed, hideEndContent, iconClassName, selectedKey, renderNestItem]);
     // `ListBox` de v3 ya no es polimórfico via `as` (a diferencia de Breadcrumbs/Pagination) —
     // renderiza siempre su propio contenedor; el landmark de navegación se envuelve por fuera.
-    return (jsxRuntime.jsx("nav", { "aria-label": "Menu navigation", ref: ref, children: jsxRuntime.jsx(react.ListBox, { "aria-label": "Menu navigation", className: react.cn("list-none items-center", className), items: items, selectedKeys: selectedKeys, selectionMode: "single", onSelectionChange: handleSelectionChange, 
+    return (jsxRuntime.jsx("nav", { "aria-label": "Menu navigation", ref: ref, children: jsxRuntime.jsx(react.ListBox, { "aria-label": "Menu navigation", className: cn("list-none items-center", className), items: items, selectedKeys: selectedKeys, selectionMode: "single", onSelectionChange: handleSelectionChange, 
             // Neutraliza el Escape del `ListBox`: con el valor por defecto
             // (`clearSelection`) vaciaría la selección y `handleSelectionChange` leería ese
             // conjunto vacío como un reclic, navegando a la ruta actual sin que nadie haya
@@ -6955,10 +7179,10 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
                     // porque es lo correcto en 6 de las 8 stories y las dos que quedan
                     // pasan de sobra; anotado por si alguien mide `malformed-menu` a solas
                     // y cree haber encontrado una mejora.
-                    className: react.cn("w-full", {
+                    className: cn("w-full", {
                         "p-0 max-w-[44px] gap-1": isCollapsed,
                         "mb-[9px]": !isCollapsed,
-                    }), children: [jsxRuntime.jsx(react.Header, { className: react.cn("pl-1 text-xs font-normal text-foreground-500", 
+                    }), children: [jsxRuntime.jsx(react.Header, { className: cn("pl-1 text-xs font-normal text-foreground-500", 
                             // El relleno vertical SOLO cuando la sección tiene título, que
                             // es la semántica del `data-[has-title=true]:pt-1` de v2. Con
                             // título el bloque mide 29px; sin título, v2 dejaba solo la
@@ -7209,7 +7433,7 @@ const MenuClawHistoryPanel = $8WNJc$react.memo(function MenuClawHistoryPanel({ i
     if (isCollapsed && !onNewConversation) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: "flex max-h-[40%] min-h-0 flex-col gap-2 pb-3", children: [onNewConversation ? (jsxRuntime.jsxs("button", { type: "button", title: newLabel, onClick: onNewConversation, className: react.cn("flex h-9 shrink-0 items-center gap-3 rounded-xl bg-foreground px-2 text-sm font-medium text-background transition-opacity hover:opacity-90", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", isCollapsed && "justify-center"), children: [jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: jsxRuntime.jsx(IconComponent, { icon: "solar:pen-new-square-linear", size: "md", "aria-hidden": true }) }), !isCollapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: newLabel })) : null] })) : null, !isCollapsed && items.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("p", { className: "shrink-0 px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: title }), jsxRuntime.jsx("ul", { "aria-label": title, className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: visibleItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", disabled: item.disabled, "aria-disabled": item.disabled, title: item.title, onClick: () => handleItemPress(item), className: react.cn("flex min-h-9 w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left text-sm text-default-600 transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", item.disabled
+    return (jsxRuntime.jsxs("div", { className: "flex max-h-[40%] min-h-0 flex-col gap-2 pb-3", children: [onNewConversation ? (jsxRuntime.jsxs("button", { type: "button", title: newLabel, onClick: onNewConversation, className: cn("flex h-9 shrink-0 items-center gap-3 rounded-xl bg-foreground px-2 text-sm font-medium text-background transition-opacity hover:opacity-90", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", isCollapsed && "justify-center"), children: [jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: jsxRuntime.jsx(IconComponent, { icon: "solar:pen-new-square-linear", size: "md", "aria-hidden": true }) }), !isCollapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: newLabel })) : null] })) : null, !isCollapsed && items.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("p", { className: "shrink-0 px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: title }), jsxRuntime.jsx("ul", { "aria-label": title, className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: visibleItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", disabled: item.disabled, "aria-disabled": item.disabled, title: item.title, onClick: () => handleItemPress(item), className: cn("flex min-h-9 w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left text-sm text-default-600 transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", item.disabled
                                     ? "cursor-not-allowed opacity-50"
                                     : "hover:bg-default-100"), children: [jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-default-400", children: jsxRuntime.jsx(IconComponent, { icon: "solar:chat-round-dots-linear", size: "md", "aria-hidden": true }) }), jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx("span", { className: "truncate", children: item.title }), item.meta ? (jsxRuntime.jsx("span", { className: "truncate text-xs text-default-400", children: item.meta })) : null] })] }) }, item.id))) }), hasHiddenItems ? (jsxRuntime.jsxs("button", { type: "button", onClick: handleToggleExpand, "aria-expanded": isExpanded, className: "flex w-full shrink-0 items-center gap-1.5 rounded-lg px-2 py-2 text-xs font-medium text-default-500 transition-colors hover:bg-default-100 hover:text-default-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", children: [jsxRuntime.jsx(IconComponent, { icon: isExpanded
                                     ? "solar:alt-arrow-up-linear"
@@ -7256,14 +7480,14 @@ const MenuClawNavItem = ({ item, selectedKey, isCollapsed, onSelect, depth = 0,
         onSelect(item.key, item.href);
     }, [isGroup, onSelect, item.key, item.href]);
     const icon = item.icon || item.startContent ? (jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-default-500 [&_svg]:h-5 [&_svg]:w-5", children: item.icon ? (jsxRuntime.jsx(IconComponent, { icon: item.icon, size: "md", "aria-hidden": true })) : (item.startContent) })) : null;
-    return (jsxRuntime.jsxs("li", { children: [jsxRuntime.jsxs("button", { type: "button", title: isCollapsed ? item.title : undefined, onClick: handleClick, "aria-expanded": isGroup ? isOpen : undefined, "aria-controls": isGroup ? submenuId : undefined, className: react.cn(
+    return (jsxRuntime.jsxs("li", { children: [jsxRuntime.jsxs("button", { type: "button", title: isCollapsed ? item.title : undefined, onClick: handleClick, "aria-expanded": isGroup ? isOpen : undefined, "aria-controls": isGroup ? submenuId : undefined, className: cn(
                 // `text-small` es clase muerta de v2 (TECH-2459 · G2) → `text-sm` (mismo tamaño).
                 "flex w-full items-center rounded-lg px-2 py-1.5 text-left text-sm transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", depth === 0 ? "min-h-9" : "min-h-8", isCollapsed ? "justify-center" : "gap-3", 
                 // Sangría del hijo: alinea su texto con el del padre (px-2 + icono
                 // de 20px + gap de 12px).
                 !isCollapsed && depth > 0 && !icon ? "pl-10" : undefined, isActive
                     ? "bg-default-100 font-medium text-foreground"
-                    : "text-default-600 hover:bg-default-100", item.className), children: [icon, !isCollapsed ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "menu-claw-collapsible flex-1 truncate", children: item.title }), item.endContent ?? null, isGroup ? (jsxRuntime.jsx(IconComponent, { icon: "solar:alt-arrow-down-linear", size: "sm", "aria-hidden": true, className: react.cn("shrink-0 text-default-400 transition-transform", isOpen && "rotate-180") })) : null] })) : null] }), isGroup && isOpen ? (jsxRuntime.jsx("ul", { id: submenuId, className: "mt-0.5 flex flex-col gap-0.5", children: children.map((child) => (jsxRuntime.jsx(MenuClawNavItem, { item: child, selectedKey: selectedKey, isCollapsed: isCollapsed, onSelect: onSelect, depth: depth + 1 }, child.key))) })) : null] }));
+                    : "text-default-600 hover:bg-default-100", item.className), children: [icon, !isCollapsed ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "menu-claw-collapsible flex-1 truncate", children: item.title }), item.endContent ?? null, isGroup ? (jsxRuntime.jsx(IconComponent, { icon: "solar:alt-arrow-down-linear", size: "sm", "aria-hidden": true, className: cn("shrink-0 text-default-400 transition-transform", isOpen && "rotate-180") })) : null] })) : null] }), isGroup && isOpen ? (jsxRuntime.jsx("ul", { id: submenuId, className: "mt-0.5 flex flex-col gap-0.5", children: children.map((child) => (jsxRuntime.jsx(MenuClawNavItem, { item: child, selectedKey: selectedKey, isCollapsed: isCollapsed, onSelect: onSelect, depth: depth + 1 }, child.key))) })) : null] }));
 };
 MenuClawNavItem.displayName = "MenuClawNavItem";
 
@@ -7376,9 +7600,9 @@ const MenuClaw = $8WNJc$react.memo(function MenuClaw({ userInfo, helpButton, men
         menuItems.onSelect?.(key, href, "bottomBar");
     }, [onOpenSidebarChange, menuItems.onSelect]);
     const showBottomBar = (mobileBottomBarGroupKey && bottomBarItems.length > 0) || showNativeMenu;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showBottomBar ? (jsxRuntime.jsx(MenuMobileBottomBar, { items: bottomBarItems, selectedKey: selectedKey, onSelect: handleBottomBarSelect, onMenuPress: handleSidebarOpen, menuLabel: t.menuLabel, navAriaLabel: t.mobileNavAriaLabel, forceVisible: showNativeMenu && bottomBarItems.length === 0 })) : null, jsxRuntime.jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: `menu-claw-overlay ${isOpenSidebar ? "menu-claw-overlay--open" : ""}`, onClick: handleSidebarClose, tabIndex: isOpenSidebar ? 0 : -1 }), jsxRuntime.jsx("div", { className: react.cn("menu-claw", collapsed ? "menu-claw--collapsed" : "menu-claw--expanded", isOpenSidebar && "menu-claw--mobile-open"), "aria-hidden": !isOpenSidebar, children: jsxRuntime.jsxs("div", { className: "menu-claw__content", children: [jsxRuntime.jsxs("div", { className: react.cn("flex items-center", collapsed ? "justify-center" : "justify-end"), children: [jsxRuntime.jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: "menu-claw-header-button menu-claw-header-button--close-mobile", onClick: handleSidebarClose, children: jsxRuntime.jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", "aria-hidden": true }) }), jsxRuntime.jsx("button", { type: "button", "aria-label": t.toggleSidebarAriaLabel, "aria-expanded": !collapsed, onClick: handleCollapseToggle, className: "menu-claw-header-button menu-claw-header-button--collapse-toggle h-7 w-7 shrink-0 rounded-lg text-default-500 transition-colors hover:bg-default-100", children: jsxRuntime.jsx(IconComponent, { icon: collapsed
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showBottomBar ? (jsxRuntime.jsx(MenuMobileBottomBar, { items: bottomBarItems, selectedKey: selectedKey, onSelect: handleBottomBarSelect, onMenuPress: handleSidebarOpen, menuLabel: t.menuLabel, navAriaLabel: t.mobileNavAriaLabel, forceVisible: showNativeMenu && bottomBarItems.length === 0 })) : null, jsxRuntime.jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: `menu-claw-overlay ${isOpenSidebar ? "menu-claw-overlay--open" : ""}`, onClick: handleSidebarClose, tabIndex: isOpenSidebar ? 0 : -1 }), jsxRuntime.jsx("div", { className: cn("menu-claw", collapsed ? "menu-claw--collapsed" : "menu-claw--expanded", isOpenSidebar && "menu-claw--mobile-open"), "aria-hidden": !isOpenSidebar, children: jsxRuntime.jsxs("div", { className: "menu-claw__content", children: [jsxRuntime.jsxs("div", { className: cn("flex items-center", collapsed ? "justify-center" : "justify-end"), children: [jsxRuntime.jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: "menu-claw-header-button menu-claw-header-button--close-mobile", onClick: handleSidebarClose, children: jsxRuntime.jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", "aria-hidden": true }) }), jsxRuntime.jsx("button", { type: "button", "aria-label": t.toggleSidebarAriaLabel, "aria-expanded": !collapsed, onClick: handleCollapseToggle, className: "menu-claw-header-button menu-claw-header-button--collapse-toggle h-7 w-7 shrink-0 rounded-lg text-default-500 transition-colors hover:bg-default-100", children: jsxRuntime.jsx(IconComponent, { icon: collapsed
                                             ? "solar:alt-arrow-right-linear"
-                                            : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxRuntime.jsxs("div", { className: react.cn("flex items-center py-3", collapsed ? "justify-center gap-0" : "gap-3"), children: [jsxRuntime.jsxs(react.Avatar, { size: "sm", className: "shrink-0", children: [userInfo?.avatar?.trim() ? (jsxRuntime.jsx(react.Avatar.Image, { src: userInfo.avatar, alt: userName })) : null, jsxRuntime.jsx(react.Avatar.Fallback, { className: userInfo?.avatar?.trim()
+                                            : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxRuntime.jsxs("div", { className: cn("flex items-center py-3", collapsed ? "justify-center gap-0" : "gap-3"), children: [jsxRuntime.jsxs(react.Avatar, { size: "sm", className: "shrink-0", children: [userInfo?.avatar?.trim() ? (jsxRuntime.jsx(react.Avatar.Image, { src: userInfo.avatar, alt: userName })) : null, jsxRuntime.jsx(react.Avatar.Fallback, { className: userInfo?.avatar?.trim()
                                                 ? undefined
                                                 : "bg-warning text-warning-foreground", children: getUserInitials(userName) })] }), !collapsed ? (jsxRuntime.jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: userName }), jsxRuntime.jsx("p", { className: "truncate text-xs text-default-400", children: userRole })] })) : null] }), jsxRuntime.jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history?.onNewConversation, isCollapsed: collapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, onBeforeSelect: handleSidebarClose }), jsxRuntime.jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map((group) => (jsxRuntime.jsxs("div", { className: "mb-2", children: [group.title && !collapsed ? (jsxRuntime.jsx("p", { className: "px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: (group.items ?? []).map((item) => (jsxRuntime.jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: collapsed, onSelect: handleMenuSelect }, item.key))) })] }, group.key))) }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsxRuntime.jsx(Button, { fullWidth: true, 
                                 // TECH-2459 · G2 — la fachada propia de `Button` (D-G4-1) pinta
@@ -7542,7 +7766,7 @@ const StepIndicator = ({ currentStep, totalSteps, color = "primary", showStepTex
     const stepText = stepTextFormatter
         ? stepTextFormatter(currentStep, totalSteps)
         : defaultStepText(currentStep, totalSteps);
-    return (jsxRuntime.jsxs("div", { className: react.cn("w-full", className), ...props, children: [showStepText && (jsxRuntime.jsx("div", { className: "text-center text-sm font-medium text-default-400 mb-3", children: stepText })), jsxRuntime.jsx("div", { className: "w-full bg-content2 rounded-full h-2 overflow-hidden", children: jsxRuntime.jsx("div", { className: react.cn("h-full transition-all duration-300 ease-out rounded-full", colorClasses[color]), style: { width: `${progressPercentage}%` } }) })] }));
+    return (jsxRuntime.jsxs("div", { className: cn("w-full", className), ...props, children: [showStepText && (jsxRuntime.jsx("div", { className: "text-center text-sm font-medium text-default-400 mb-3", children: stepText })), jsxRuntime.jsx("div", { className: "w-full bg-content2 rounded-full h-2 overflow-hidden", children: jsxRuntime.jsx("div", { className: cn("h-full transition-all duration-300 ease-out rounded-full", colorClasses[color]), style: { width: `${progressPercentage}%` } }) })] }));
 };
 
 /*
@@ -7665,7 +7889,7 @@ const VerticalSteps = $8WNJc$react.forwardRef(({ color = "primary", steps: steps
         ? color
         : "primary";
     const containerVars = $8WNJc$react.useMemo(() => getContainerCSSVars$1(stepColor), [stepColor]);
-    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: react.cn("flex flex-col gap-y-3", className), style: containerVars, children: steps?.map((step, stepIdx) => {
+    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-col gap-y-3", className), style: containerVars, children: steps?.map((step, stepIdx) => {
                 const status = currentStep === stepIdx
                     ? "active"
                     : stepIdx < currentStep || step.isCompleted
@@ -7674,13 +7898,13 @@ const VerticalSteps = $8WNJc$react.forwardRef(({ color = "primary", steps: steps
                 const isDisabled = status === "inactive";
                 return (
                 // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                jsxRuntime.jsxs("li", { className: "relative", children: [jsxRuntime.jsx("div", { className: "flex w-full max-w-full items-center", children: jsxRuntime.jsxs("button", { type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react.cn(
+                jsxRuntime.jsxs("li", { className: "relative", children: [jsxRuntime.jsx("div", { className: "flex w-full max-w-full items-center", children: jsxRuntime.jsxs("button", { type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn(
                                 // TECH-2459 · G2 — `rounded-large` es clase muerta de v2;
                                 // mismo valor exacto (14px) que usa RADIUS_CLASS en
                                 // Button/Card de F3.0.
                                 "group rounded-[14px] flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName, {
                                     "cursor-not-allowed": isDisabled,
-                                }), onClick: () => setCurrentStep(stepIdx), disabled: isDisabled, ...props, children: [jsxRuntime.jsx("div", { className: "flex h-full items-center", children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx("div", { className: react.cn(
+                                }), onClick: () => setCurrentStep(stepIdx), disabled: isDisabled, ...props, children: [jsxRuntime.jsx("div", { className: "flex h-full items-center", children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx("div", { className: cn(
                                                 // TECH-2459 · G2 — clases muertas de v2:
                                                 // border-medium=2px→border-2; text-large
                                                 // (18/28px) coincide exacto con `text-lg`.
@@ -7688,24 +7912,24 @@ const VerticalSteps = $8WNJc$react.forwardRef(({ color = "primary", steps: steps
                                                     "shadow-lg": status === "complete",
                                                 }), "data-status": status, style: getCircleStyle$1(status), children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: "font-bold", style: {
                                                             color: "var(--active-fg-color)",
-                                                        }, icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }), jsxRuntime.jsx("div", { className: "flex-1 text-left", children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: react.cn(
+                                                        }, icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }), jsxRuntime.jsx("div", { className: "flex-1 text-left", children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: cn(
                                                     // `text-medium` es clase muerta de v2 → `text-base` (16px, mismo valor).
                                                     "text-base text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
                                                         "text-default-300": status ===
                                                             "inactive",
                                                     }), children: step.title }), (!hideInactiveDescriptions ||
-                                                    status === "active") && (jsxRuntime.jsx("div", { className: react.cn(
+                                                    status === "active") && (jsxRuntime.jsx("div", { className: cn(
                                                     // `text-tiny`/`text-small` son clases muertas de v2 →
                                                     // `text-xs`/`text-sm` (mismo tamaño exacto, 12px/14px).
                                                     "text-xs text-default-600 lg:text-sm transition-[color,opacity] duration-300 group-active:opacity-70", {
                                                         "text-default-300": status ===
                                                             "inactive",
                                                     }), children: step.description }))] }) })] }, stepIdx) }), stepIdx < steps.length - 1 &&
-                            !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: react.cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
+                            !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
                                 "h-1/4": stepIdx === currentStep,
                             }), style: {
                                 "--idx": stepIdx,
-                            }, children: jsxRuntime.jsx("div", { className: react.cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
+                            }, children: jsxRuntime.jsx("div", { className: cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
                                     "after:h-full": stepIdx <
                                         currentStep,
                                 }) }) }))] }, stepIdx));
@@ -7722,7 +7946,7 @@ const MultiStepSidebar = $8WNJc$react.forwardRef(({ children, className, current
             onClose?.();
         }
     };
-    return (jsxRuntime.jsx("div", { ...containerProps, className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxRuntime.jsxs("div", { ref: ref, className: react.cn("relative flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-auto lg:max-h-[85vh] lg:min-h-[512px]", className), ...props, children: [jsxRuntime.jsx("div", { className: react.cn("multi-step-wizard__steps-panel absolute inset-y-0 left-0 w-1/3 flex-col justify-start gap-y-8 overflow-y-auto p-8 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"), children: jsxRuntime.jsx(VerticalSteps, { className: "aura-stepper-theme", color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col items-center justify-between gap-4 md:ml-[33.333333%] md:w-2/3 md:p-4 min-h-0", children: [jsxRuntime.jsx(Button, { isIconOnly: true, ...dismissControlProps, "aria-label": closeTranslation, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsxRuntime.jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsxRuntime.jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsxRuntime.jsx("div", { className: "flex  w-full justify-center", children: jsxRuntime.jsx(StepIndicator, { className: "aura-stepper-theme", currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsxRuntime.jsx("div", { className: "flex flex-col flex-1 w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto min-h-0 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] }) }));
+    return (jsxRuntime.jsx("div", { ...containerProps, className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxRuntime.jsxs("div", { ref: ref, className: cn("relative flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-auto lg:max-h-[85vh] lg:min-h-[512px]", className), ...props, children: [jsxRuntime.jsx("div", { className: cn("multi-step-wizard__steps-panel absolute inset-y-0 left-0 w-1/3 flex-col justify-start gap-y-8 overflow-y-auto p-8 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"), children: jsxRuntime.jsx(VerticalSteps, { className: "aura-stepper-theme", color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col items-center justify-between gap-4 md:ml-[33.333333%] md:w-2/3 md:p-4 min-h-0", children: [jsxRuntime.jsx(Button, { isIconOnly: true, ...dismissControlProps, "aria-label": closeTranslation, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsxRuntime.jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsxRuntime.jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsxRuntime.jsx("div", { className: "flex  w-full justify-center", children: jsxRuntime.jsx(StepIndicator, { className: "aura-stepper-theme", currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsxRuntime.jsx("div", { className: "flex flex-col flex-1 w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto min-h-0 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] }) }));
 });
 MultiStepSidebar.displayName = "MultiStepSidebar";
 
@@ -7731,7 +7955,7 @@ const MultistepNavigationButtons = ({ nextButtonProps, cancelButtonProps, classN
     // 	backButtonProps || {};
     const { children: nextButtonChildren, ...restNextButtonProps } = nextButtonProps || {};
     const { children: cancelButtonChildren, ...restCancelButtonProps } = cancelButtonProps || {};
-    return (jsxRuntime.jsx("div", { className: react.cn("flex w-full flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-between md:justify-end", className), children: jsxRuntime.jsxs("div", { className: "flex w-full flex-col-reverse gap-2 md:w-auto md:flex-row", children: [jsxRuntime.jsx(Button, { className: "w-full md:w-auto", color: "default", variant: "flat", ...restCancelButtonProps, children: cancelButtonChildren || "Cancel" }), jsxRuntime.jsx(Button, { className: "w-full md:w-auto", color: "primary", ...restNextButtonProps, children: nextButtonChildren || "Next" })] }) }));
+    return (jsxRuntime.jsx("div", { className: cn("flex w-full flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-between md:justify-end", className), children: jsxRuntime.jsxs("div", { className: "flex w-full flex-col-reverse gap-2 md:w-auto md:flex-row", children: [jsxRuntime.jsx(Button, { className: "w-full md:w-auto", color: "default", variant: "flat", ...restCancelButtonProps, children: cancelButtonChildren || "Cancel" }), jsxRuntime.jsx(Button, { className: "w-full md:w-auto", color: "primary", ...restNextButtonProps, children: nextButtonChildren || "Next" })] }) }));
 };
 
 const MultiStepWizard = ({ isOpen, steps, translations, onClose, onComplete, completeButtonText, hideInactiveDescriptions, isDismissable = true, }) => {
@@ -8253,17 +8477,17 @@ const RowSteps = $8WNJc$react.forwardRef(({ color = "primary", steps: stepsProp
         ? color
         : "primary";
     const containerVars = $8WNJc$react.useMemo(() => getContainerCSSVars(stepColor), [stepColor]);
-    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: react.cn("flex flex-row flex-nowrap gap-x-3", className), style: containerVars, children: steps?.map((step, stepIdx) => {
+    return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsxRuntime.jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-row flex-nowrap gap-x-3", className), style: containerVars, children: steps?.map((step, stepIdx) => {
                 const status = currentStep === stepIdx
                     ? "active"
                     : currentStep < stepIdx
                         ? "inactive"
                         : "complete";
-                return (jsxRuntime.jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxRuntime.jsxs("button", { type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react.cn(
+                return (jsxRuntime.jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxRuntime.jsxs("button", { type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn(
                         // TECH-2459 · G2 — `rounded-large` es clase muerta (plugin
                         // Tailwind propio de v2, v3 no lo trae). Mismo valor exacto
                         // (14px) que usa RADIUS_CLASS en Button/Card de F3.0.
-                        "group rounded-[14px] flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: () => setCurrentStep(stepIdx), ...props, children: [jsxRuntime.jsx("div", { className: "h-ful relative flex items-center", children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx("div", { className: react.cn(
+                        "group rounded-[14px] flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: () => setCurrentStep(stepIdx), ...props, children: [jsxRuntime.jsx("div", { className: "h-ful relative flex items-center", children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx("div", { className: cn(
                                         // TECH-2459 · G2 — `border-medium`/`text-large` son
                                         // clases muertas de v2 (tabla-mapeo-tokens.md §4):
                                         // border-medium=2px→border-2; text-large (18/28px)
@@ -8274,7 +8498,7 @@ const RowSteps = $8WNJc$react.forwardRef(({ color = "primary", steps: stepsProp
                                                 "complete",
                                         }), "data-status": status, style: getCircleStyle(status), children: jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsxRuntime.jsx(IconComponent, { className: "font-bold", style: {
                                                     color: "var(--active-fg-color)",
-                                                }, icon: "material-symbols:check-rounded" })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }), step.title && (jsxRuntime.jsx("div", { className: "max-w-full flex-1 text-start", children: jsxRuntime.jsx("div", { className: react.cn(
+                                                }, icon: "material-symbols:check-rounded" })) : (jsxRuntime.jsx("span", { children: stepIdx + 1 })) }) }) }) }), step.title && (jsxRuntime.jsx("div", { className: "max-w-full flex-1 text-start", children: jsxRuntime.jsx("div", { className: cn(
                                     // `text-small`/`text-medium` son clases muertas de v2 →
                                     // `text-sm`/`text-base` (mismo tamaño exacto, 14px/16px).
                                     "text-sm text-default-600 lg:text-base font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
@@ -8283,7 +8507,7 @@ const RowSteps = $8WNJc$react.forwardRef(({ color = "primary", steps: stepsProp
                                     }), children: step.title }) })), stepIdx < steps.length - 1 &&
                                 !hideProgressBars && (jsxRuntime.jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
                                     "--idx": stepIdx,
-                                }, children: jsxRuntime.jsx("div", { className: react.cn("relative h-0.5 w-full bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-full after:w-0 after:bg-[var(--active-border-color)] after:transition-[width] after:duration-300 after:content-['']", {
+                                }, children: jsxRuntime.jsx("div", { className: cn("relative h-0.5 w-full bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-full after:w-0 after:bg-[var(--active-border-color)] after:transition-[width] after:duration-300 after:content-['']", {
                                         "after:w-full": stepIdx <
                                             currentStep,
                                     }) }) }))] }, stepIdx) }, stepIdx));
@@ -9086,52 +9310,23 @@ const COLOR_VAR = {
     warning: "var(--warning)",
     danger: "var(--danger)",
 };
-/*
- * TECH-2459 · F5 (P6) — El Switch se queda con el ASPECTO DE v3, por decisión del usuario.
- *
- * Historia corta, porque este componente ha cambiado de criterio dos veces y conviene que no
- * vuelva a moverse sin dato:
- *
- *   · F3/G1 aceptó las medidas de v3 como cambio legítimo (P-23).
- *   · F5/R2 las revirtió a las de v2 con un argumento cuantitativo: el tamaño era el 74-77% de
- *     lo que quedaba de diferencia en `schedulerow--alineacion-semana` y el 100% de los 367 px
- *     de `edge-cases-testing` en oscuro.
- *   · Esta ronda las vuelve a v3 porque el usuario, mirando los dos Storybook uno al lado del
- *     otro, pidió expresamente el aspecto de v3 para este componente («al switch hay que
- *     dejarlo como se ve en la v3»). El contrato de la ronda es explícito en que v3 puede verse
- *     distinto y que eso está bien; aquí manda el criterio del usuario, no la cifra.
- *
- * Lo que eso significa, con los literales de los dos lados a la vista:
- *
- *   pista   v2 (`@heroui/theme@2.4.15`, `dist/components/toggle.js`, slot `wrapper`)
- *             sm 40×24 · md 48×28 · lg 56×32, `rounded-full`, `bg-default-200`
- *           v3 (`@heroui/styles/dist/components/switch.css`)
- *             sm 32×16 · md 40×20 · lg 48×24, `rounded-lg`/`rounded-xl`, `--default`
- *   thumb   v2  círculo `bg-white` con `shadow-small`; sm 16 · md 20 · lg 24
- *           v3  rectángulo redondeado; sm 16,5×12 · md 22×16 · lg 27,5×20
- *
- * Ya no se pisa NADA de eso: la pista, el thumb, su radio, su color y su desplazamiento salen de
- * v3. Por eso desaparecieron `TRACK_CLASS`, `THUMB_CLASS`, el `bg-white`/`shadow-small` del thumb
- * y el `--switch-control-bg` que forzaba el gris apagado de v2 — y con ellos la clase `group`,
- * que solo existía para que el thumb pudiera leer el `data-selected` de esta raíz.
- *
- * Lo que SÍ se conserva, y no es aspecto:
- *
- *   · `--switch-control-bg-checked` (ver `COLOR_VAR`): sostiene la prop `color` de la API v2, que
- *     v3 eliminó. Sin ella `color="success"` y compañía dejarían de pintar. El valor de
- *     `primary` coincide con el de v3 (`--accent` = `--color-primary`), así que el aspecto por
- *     defecto es el de v3 igualmente.
- *   · `inline-flex flex-row items-center` en la raíz: es COLOCACIÓN, no aspecto del control. v3
- *     usa `flex flex-col items-start` para poder apilar `description`/`field-error`, slots que
- *     esta fachada no renderiza; al ser **inline**, la caja participa de la línea de texto, y eso
- *     es lo que la sitúa donde la esperan los consumidores (medido: 1px de diferencia en un
- *     contenedor de bloque, y `schedule-row` se apoya en ello). Dentro de un contenedor flex da
- *     igual: un ítem flex se blockifica.
- *
- * Consecuencia asumida: la referencia v2 de las stories con Switch deja de coincidir. Declarado
- * como CAMBIO-V3 en `vrt/classification-overrides.json`, con las cifras en
- * `.bewe/epics/TECH-2459/findings/p6-switch-aspecto-v3.md`.
- */
+// Literales COMPLETOS (sin interpolar): Tailwind de las apps los descubre escaneando `dist`.
+const SIZE_CLASSES = {
+    sm: {
+        control: "h-6 w-10 rounded-full",
+        thumb: "h-4 w-5 ms-1 rounded-full group-data-[selected=true]/switch:ms-[calc(100%-1.5rem)]",
+    },
+    md: {
+        control: "h-7 w-12 rounded-full",
+        thumb: "h-5 w-6 ms-1 rounded-full group-data-[selected=true]/switch:ms-[calc(100%-1.75rem)]",
+    },
+    lg: {
+        control: "h-8 w-14 rounded-full",
+        thumb: "h-6 w-7 ms-1 rounded-full group-data-[selected=true]/switch:ms-[calc(100%-2rem)]",
+    },
+};
+// Thumb ENCENDIDO blanco en cualquier pack y con cualquier `color` (defecto 1 del bloque de arriba).
+const THUMB_ON_CLASS = "group-data-[selected=true]/switch:bg-white";
 // Los subcomponentes compound de v3, adjuntos como estáticos para que la API v3 siga funcionando a
 // través de la fachada (`<Switch><Switch.Content><Switch.Control><Switch.Thumb/>…`). `Root` se deja
 // FUERA a propósito (mismo criterio que `Alert` y `Checkbox`): la raíz de v3 es justo la pieza que
@@ -9158,12 +9353,32 @@ function hasCompoundChildren$2(children) {
  *
  * Dos modos, decididos por los `children`:
  * - **API v2** (`children` como label, `isSelected`/`defaultSelected`, `onValueChange`, `color`,
- *   `size`): la fachada compone `Switch.Content`/`Switch.Control`/`Switch.Thumb` por dentro y
- *   repone `color` pisando `--switch-control-bg-checked`.
+ *   `size`, `classNames`): la fachada compone `Switch.Content`/`Switch.Control`/`Switch.Thumb` por
+ *   dentro, repone `color` pisando `--switch-control-bg-checked`, aplica su escala de tamaños y el
+ *   thumb encendido blanco (ver el bloque de la cabecera).
  * - **API compound v3** (`<Switch><Switch.Content>…`): pasa los children tal cual a la raíz de
- *   HeroUI, sin geometría ni colocación propias.
- */
-const SwitchFacade = ({ id, size = "md", color, children, onChange, onValueChange, className, style, ...props }) => {
+ *   HeroUI, sin geometría ni colocación propias: ahí manda el JSX del consumidor.
+ *
+ * `classNames` (slots de v2 → nodo de v3; las clases de la app van al FINAL y ganan por `cn`):
+ *
+ *   base    → `Switch.Content`, la `<label>` que contiene la pista y la etiqueta: es el MISMO papel
+ *             que tenía `base` en v2 (una `<label>` con esos dos hijos directos, que la app
+ *             coloca con `flex-row-reverse justify-between`, y toda ella clicable). Pero la raíz
+ *             de v3 (`SwitchField`) la envuelve con una caja `inline-flex`, y un `w-full` de la
+ *             app se resolvería contra esa caja encogida. Así que con `base` la raíz pasa a
+ *             `display: contents` (se aparta de la maqueta) y `className` viaja con `base` a la
+ *             `<label>`, como en v2 (`cn(classNames.base, className)`). Lo único de la raíz que
+ *             `contents` pierde es la opacidad de `status-disabled` (el cursor y el
+ *             `pointer-events` se heredan; los tokens de color, también): se repone en la
+ *             `<label>` con su `data-disabled`. Medido en el navegador con el JSX de smbs: la
+ *             fila entera (390×52) conmuta, no solo el texto y la pista. Sin `base` no cambia
+ *             nada.
+ *   wrapper → la pista (`Switch.Control`).
+ *   thumb   → el thumb (`Switch.Thumb`).
+ *   label   → un `<span data-slot="label">` que envuelve los `children`; solo existe si se pasa
+ *             `classNames.label` (sin él los children siguen PELADOS, como hasta ahora).
+ */
+const SwitchFacade = ({ id, size = "md", color, children, onChange, onValueChange, className, classNames, style, ...props }) => {
     const generatedId = $8WNJc$react.useId();
     const autoId = id || generatedId;
     const handleChange = (isSelected) => {
@@ -9183,6 +9398,10 @@ const SwitchFacade = ({ id, size = "md", color, children, onChange, onValueChang
             // a `status` también en compound). Sin `color`, el encendido es el `--accent` de v3.
             style: color === undefined ? style : colorStyle, onChange: handleChange, children: children }));
     }
+    const sizeClasses = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;
+    // Con `classNames.base`, la `<label>` (`Switch.Content`) hace de `base` de v2 y la raíz se
+    // aparta de la maqueta (ver `classNames` en el JSDoc de arriba).
+    const hasBase = Boolean(classNames?.base);
     return (jsxRuntime.jsx(react.Switch, { ...props, id: autoId, size: size, 
         // COLOCACIÓN, no aspecto (ver el bloque de arriba): v3 usa `flex flex-col items-start`
         // para poder apilar `description`/`field-error`, slots que esta fachada no renderiza.
@@ -9190,10 +9409,12 @@ const SwitchFacade = ({ id, size = "md", color, children, onChange, onValueChang
         // (Storybook centra con `#storybook-root` en `display: block`): con `flex` el widget cae
         // en y=346 y con `inline-flex` en y=345, donde lo esperan los consumidores. Dentro de un
         // contenedor flex (el uso real, p. ej. `schedule-row`) da igual: un ítem flex se
-        // blockifica.
-        className: ["inline-flex flex-row items-center", className]
-            .filter(Boolean)
-            .join(" "), style: colorStyle, onChange: handleChange, children: jsxRuntime.jsxs(react.Switch.Content, { children: [jsxRuntime.jsx(react.Switch.Control, { children: jsxRuntime.jsx(react.Switch.Thumb, {}) }), children] }) }));
+        // blockifica. `group/switch`: de aquí lee el thumb el `data-selected`.
+        className: hasBase
+            ? "group/switch contents"
+            : cn("group/switch inline-flex flex-row items-center", className), style: colorStyle, onChange: handleChange, children: jsxRuntime.jsxs(react.Switch.Content, { className: hasBase
+                ? cn("data-[disabled=true]:opacity-(--disabled-opacity)", classNames?.base, className)
+                : undefined, children: [jsxRuntime.jsx(react.Switch.Control, { className: cn(sizeClasses.control, classNames?.wrapper), children: jsxRuntime.jsx(react.Switch.Thumb, { className: cn(sizeClasses.thumb, THUMB_ON_CLASS, classNames?.thumb) }) }), classNames?.label && children != null ? (jsxRuntime.jsx("span", { "data-slot": "label", className: classNames.label, children: children })) : (children)] }) }));
 };
 SwitchFacade.displayName = "Aurora.Switch";
 /**
@@ -9363,7 +9584,7 @@ shouldForceLeadingZeros = true, startContent, endContent, ...props }) {
         // `cn` (tailwind-merge) y no una concatenación: el consumidor tiene que poder pisar la
         // colocación y el ancho (`ScheduleRow` pasa `w-full`). Todas las clases de aquí son
         // vocabulario v3 válido, así que tailwind-merge las resuelve bien.
-        className: react.cn(ROOT_CLASS[labelPlacement], className), shouldForceLeadingZeros: shouldForceLeadingZeros, ...props, children: [label && (jsxRuntime.jsx(react.Label, { className: LABEL_CLASS_BY_PLACEMENT[labelPlacement], children: label })), jsxRuntime.jsxs(react.TimeField.Group, { className: react.cn(FIELD_BORDER_CLASS, GROUP_SIZE_CLASS, FIELD_FOCUS_CLASS$2), children: [startContent !== undefined && startContent !== null && (jsxRuntime.jsx(react.TimeField.Prefix, { className: CONTENT_SLOT_CLASS, children: startContent })), jsxRuntime.jsx(react.TimeField.Input, { className: INPUT_CLASS, children: (segment) => (jsxRuntime.jsx(react.TimeField.Segment, { segment: segment, className: segment.type === "dayPeriod"
+        className: cn(ROOT_CLASS[labelPlacement], className), shouldForceLeadingZeros: shouldForceLeadingZeros, ...props, children: [label && (jsxRuntime.jsx(react.Label, { className: LABEL_CLASS_BY_PLACEMENT[labelPlacement], children: label })), jsxRuntime.jsxs(react.TimeField.Group, { className: cn(FIELD_BORDER_CLASS, GROUP_SIZE_CLASS, FIELD_FOCUS_CLASS$2), children: [startContent !== undefined && startContent !== null && (jsxRuntime.jsx(react.TimeField.Prefix, { className: CONTENT_SLOT_CLASS, children: startContent })), jsxRuntime.jsx(react.TimeField.Input, { className: INPUT_CLASS, children: (segment) => (jsxRuntime.jsx(react.TimeField.Segment, { segment: segment, className: segment.type === "dayPeriod"
                                 ? DAY_PERIOD_SEGMENT_CLASS
                                 : undefined })) }), endContent !== undefined && endContent !== null && (jsxRuntime.jsx(react.TimeField.Suffix, { className: CONTENT_SLOT_CLASS, children: endContent }))] })] }));
 }
@@ -10229,7 +10450,7 @@ labelPlacement: _labelPlacement, scrollShadowProps, items, isSearchable = false,
     // Mismo criterio que el `group-data-[has-helper=true]` de v2: cuenta como "con ayuda" el campo
     // que efectivamente PINTA una descripción o un mensaje de error, no el que solo recibe la prop.
     const hasHelper = Boolean((description && !isInvalid) || (isInvalid && errorMessage));
-    const triggerClassName = react.cn(SIZE_CLASS[size], radius === "full" ? PADDING_FULL_CLASS[size] : PADDING_CLASS[size], TRIGGER_ALIGN_CLASS, isMultiline ? MULTILINE_TRIGGER_CLASS : "", RADIUS_CLASS$4[radius], VARIANT_CLASS$1[variant], 
+    const triggerClassName = cn(SIZE_CLASS[size], radius === "full" ? PADDING_FULL_CLASS[size] : PADDING_CLASS[size], TRIGGER_ALIGN_CLASS, isMultiline ? MULTILINE_TRIGGER_CLASS : "", RADIUS_CLASS$4[radius], VARIANT_CLASS$1[variant], 
     // En v2 el estado inválido MANDABA también con el campo enfocado
     // (`group-data-[focus=true]:!border-danger`), así que el borde de foco no se aplica cuando
     // el campo está en error: se queda el `danger`.
@@ -10270,7 +10491,7 @@ labelPlacement: _labelPlacement, scrollShadowProps, items, isSearchable = false,
         // (`cn(classNames.listboxWrapper, scrollShadowProps.className)`, `chunk-YFRCT47S.mjs:
         // 321-331`), en ese orden.
         className: classNames?.listboxWrapper || scrollShadowProps?.className
-            ? react.cn(LISTBOX_SCROLL_CLASS, classNames?.listboxWrapper, scrollShadowProps?.className)
+            ? cn(LISTBOX_SCROLL_CLASS, classNames?.listboxWrapper, scrollShadowProps?.className)
             : undefined, style: scrollShadowProps?.style, 
         // El hueco que v2 llenaba con su `emptyContent` (ver el bloque de
         // `DEFAULT_TRANSLATIONS`). `renderEmptyState` es la vía de v3: el `ListBox` de
@@ -10285,7 +10506,7 @@ labelPlacement: _labelPlacement, scrollShadowProps, items, isSearchable = false,
     const ValuePart = usesAutocompleteShell
         ? react.Autocomplete.Value
         : react.Select.Value;
-    const triggerContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startContent != null && startContent !== false && (jsxRuntime.jsx("span", { "data-slot": "start-content", className: START_CONTENT_CLASS, children: startContent })), jsxRuntime.jsx(ValuePart, { className: react.cn(SIZE_TEXT_CLASS$1[size], isMultiline
+    const triggerContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startContent != null && startContent !== false && (jsxRuntime.jsx("span", { "data-slot": "start-content", className: START_CONTENT_CLASS, children: startContent })), jsxRuntime.jsx(ValuePart, { className: cn(SIZE_TEXT_CLASS$1[size], isMultiline
                     ? MULTILINE_VALUE_ROOM_CLASS
                     : isClearable
                         ? VALUE_ROOM_CLEARABLE_CLASS
@@ -10321,7 +10542,7 @@ labelPlacement: _labelPlacement, scrollShadowProps, items, isSearchable = false,
                 acaba a 17px del borde derecho en la referencia y a 13px con el valor de v3 — 4px
                 de más. */
             jsxRuntime.jsx(react.Select.Indicator, { className: "end-3" }))] }));
-    const inner = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(react.Label, { className: react.cn(LABEL_CLASS$1, hasHelper
+    const inner = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(react.Label, { className: cn(LABEL_CLASS$1, hasHelper
                     ? LABEL_OFFSET_HELPER_CLASS[size]
                     : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), usesAutocompleteShell ? (jsxRuntime.jsx(react.Autocomplete.Trigger, { className: triggerClassName, children: triggerContent })) : (jsxRuntime.jsx(react.Select.Trigger, { className: triggerClassName, children: triggerContent })), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), usesAutocompleteShell ? (jsxRuntime.jsx(react.Autocomplete.Popover, { className: classNames?.popoverContent, children: isSearchable ? (jsxRuntime.jsxs(react.Autocomplete.Filter, { filter: contains, inputValue: searchText, onInputChange: setSearchText, children: [jsxRuntime.jsx(react.SearchField, { autoFocus: true, "aria-label": resolvedSearchPlaceholder, fullWidth: true, children: jsxRuntime.jsxs(react.SearchField.Group, { className: SEARCH_GROUP_CLASS, children: [jsxRuntime.jsx(react.SearchField.SearchIcon, {}), jsxRuntime.jsx(react.SearchField.Input, { placeholder: resolvedSearchPlaceholder })] }) }), listBox] })) : (listBox) })) : (jsxRuntime.jsx(react.Select.Popover, { className: classNames?.popoverContent, children: listBox })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: `${HELPER_CLASS$1} text-left`, children: errorMessage }))] }));
     const commonProps = {
@@ -10366,7 +10587,7 @@ labelPlacement: _labelPlacement, scrollShadowProps, items, isSearchable = false,
         // v2 fusionaba: `useSelect` metía el `className` en `slots.base({ class: baseStyles })`
         // (`@heroui/select@2.4.22`, `dist/chunk-ONGPOZUT.mjs:171,202`) y el `tv` de v2 lleva
         // `twMerge: true` por defecto (`@heroui/theme@2.4.15`, `dist/utils/tv.js:56`).
-        className: react.cn(FIELD_STACK_CLASS$1[size], 
+        className: cn(FIELD_STACK_CLASS$1[size], 
         // `w-full` y `min-w-40` son las dos ramas EXCLUYENTES de `fullWidth` en el `tv` de v2
         // (ver `ROOT_MIN_WIDTH_CLASS`).
         fullWidth ? "w-full" : ROOT_MIN_WIDTH_CLASS, 
@@ -10684,7 +10905,7 @@ const CheckboxFacade = ({ children, onChange, onValueChange, color = "primary",
         onValueChange?.(isSelected);
     };
     if (hasCompoundChildren$1(children)) {
-        return (jsxRuntime.jsx(react.Checkbox, { ...rest, isInvalid: isInvalid, onChange: handleChange, className: react.cn(classNames?.base, className), children: children }));
+        return (jsxRuntime.jsx(react.Checkbox, { ...rest, isInvalid: isInvalid, onChange: handleChange, className: cn(classNames?.base, className), children: children }));
     }
     const indicatorContent = typeof icon === "function"
         ? (state) => icon({
@@ -10700,13 +10921,13 @@ const CheckboxFacade = ({ children, onChange, onValueChange, color = "primary",
         // (`.checkbox`) usa `flex flex-col items-start` para apilar `Description`/`FieldError`,
         // slots que esta fachada no renderiza; en **inline** la caja participa de la línea de
         // texto, donde la esperan los consumidores (mismo criterio que la fachada `Switch`).
-        className: react.cn("group/checkbox relative -m-2 inline-flex max-w-fit flex-row items-center p-2", classNames?.base, className), children: jsxRuntime.jsxs(react.Checkbox.Content, { className: "group/content gap-2 font-normal", children: [jsxRuntime.jsx(react.Checkbox.Control, { className: react.cn(CONTROL_BASE, CONTROL_SIZE[size], RADIUS_CLASS$3[radius ?? RADIUS_BY_SIZE[size]], CONTROL_COLOR[color], 
+        className: cn("group/checkbox relative -m-2 inline-flex max-w-fit flex-row items-center p-2", classNames?.base, className), children: jsxRuntime.jsxs(react.Checkbox.Content, { className: "group/content gap-2 font-normal", children: [jsxRuntime.jsx(react.Checkbox.Control, { className: cn(CONTROL_BASE, CONTROL_SIZE[size], RADIUS_CLASS$3[radius ?? RADIUS_BY_SIZE[size]], CONTROL_COLOR[color], 
                     // v2 `isInvalid`: `before:border-danger` (el borde vivía en el pseudo).
-                    isInvalid && "border-danger", disableAnimation && "transition-none before:transition-none", classNames?.wrapper), children: jsxRuntime.jsx(react.Checkbox.Indicator, { className: react.cn(INDICATOR_SIZE[size], INDICATOR_COLOR[color], disableAnimation && "[&_svg]:transition-none", classNames?.icon), children: indicatorContent }) }), hasLabel && (
+                    isInvalid && "border-danger", disableAnimation && "transition-none before:transition-none", classNames?.wrapper), children: jsxRuntime.jsx(react.Checkbox.Indicator, { className: cn(INDICATOR_SIZE[size], INDICATOR_COLOR[color], disableAnimation && "[&_svg]:transition-none", classNames?.icon), children: indicatorContent }) }), hasLabel && (
                 // Slot `label` de v2: `relative text-foreground select-none` + tamaño de texto.
                 // `data-slot="label"` para que las reglas de cursor/selección de `.checkbox` de v3
                 // le alcancen igual que a un `<Label>`.
-                jsxRuntime.jsx("span", { "data-slot": "label", className: react.cn("relative select-none text-foreground", LABEL_SIZE[size], lineThrough && LINE_THROUGH, isInvalid && "text-danger", classNames?.label), children: children }))] }) }));
+                jsxRuntime.jsx("span", { "data-slot": "label", className: cn("relative select-none text-foreground", LABEL_SIZE[size], lineThrough && LINE_THROUGH, isInvalid && "text-danger", classNames?.label), children: children }))] }) }));
 };
 CheckboxFacade.displayName = "Aurora.Checkbox";
 /**
@@ -10853,9 +11074,9 @@ function withSortIndicator(node) {
 /** Compone una clase sobre un `className` de react-aria, que puede ser string o render prop. */
 function withClass(className, extra) {
     if (typeof className === "function") {
-        return (renderProps) => react.cn(className(renderProps), extra);
+        return (renderProps) => cn(className(renderProps), extra);
     }
-    return react.cn(className, extra);
+    return cn(className, extra);
 }
 /**
  * `Table.Header`: indicador de orden en cada columna ordenable, clase sticky si se pidió y la
@@ -10919,6 +11140,46 @@ function transformBody(body) {
     return $8WNJc$react.cloneElement(body, undefined, ...spread(mapNodes(children, withSelectionCell)));
 }
 
+/**
+ * TECH-2459 (beweossmbs, 24-sep: «Sessions history» de finanzas) — la celda del ESTADO VACÍO.
+ *
+ * En v3 `renderEmptyState` es un render prop de react-aria que pinta lo que devuelva dentro de
+ * `<tbody data-empty="true"><tr role="row"><td role="rowheader" colspan>`
+ * (`react-aria-components/dist/private/Table.mjs:886-915`), y ese `<td>` NO lleva `.table__cell`:
+ * se queda sin el `bg-surface`, el padding ni el color de las celdas. Medido en la story
+ * `EmptyState` con la cadena pelada que devuelven 12 de las 13 tablas de beweossmbs: 20 px de
+ * alto, `padding: 0`, `text-align: start` (el texto pegado arriba a la izquierda) y fondo
+ * transparente, o sea el gris de la raíz `table-root--primary` asomando.
+ *
+ * No es una regresión de la librería: ni la fachada ni `Table.Content` pintaron nunca ese estado
+ * (`git log -S renderEmptyState|data-empty|emptyContent -- src/components/table` → 0 commits); lo
+ * que se había arreglado era backoffice, en su propia app (TECH-2298, `49f2b35`: cada
+ * `renderEmptyState` devuelve `<div className="flex h-40 items-center justify-center
+ * text-default-500">`). Aquí se resuelve para todas las apps, en la única pieza por la que pasan
+ * todas las tablas.
+ *
+ * Qué se le da a la celda, con tokens de v3 (no se busca la métrica de v2):
+ * - `h-40`: aire. En una celda de tabla `height` actúa de alto MÍNIMO, así que un nodo propio más
+ *   alto sigue mandando, y uno de `h-40` como el de backoffice mide lo mismo (no se suma: por
+ *   eso es alto y no padding vertical).
+ * - `px-4 text-center align-middle`: centrado en los dos ejes; `px-4` es el lateral de `.table__cell`.
+ * - `text-sm text-default-500`: el cuerpo de las celdas de v3 (`text-sm`) en el gris atenuado que
+ *   ya usan las apps para este texto (backoffice), legible sobre el blanco (contraste AA).
+ * - `bg-surface`: el fondo del cuerpo (`.table__cell` de `table.css`), no el gris de la raíz. Las
+ *   esquinas redondeadas ya las pone `table.css` (primera/última celda de la primera/última fila).
+ *
+ * Selector por `data-empty`, que react-aria solo escribe con el cuerpo vacío. Cadenas literales
+ * completas: Tailwind solo emite lo que encuentra escrito entero.
+ */
+const EMPTY_STATE_CLASS = [
+    "[&>tbody[data-empty]>tr>td]:h-40",
+    "[&>tbody[data-empty]>tr>td]:px-4",
+    "[&>tbody[data-empty]>tr>td]:text-center",
+    "[&>tbody[data-empty]>tr>td]:align-middle",
+    "[&>tbody[data-empty]>tr>td]:text-sm",
+    "[&>tbody[data-empty]>tr>td]:text-default-500",
+    "[&>tbody[data-empty]>tr>td]:bg-surface",
+].join(" ");
 /** Default de v2 (`use-table`, `@heroui/table@2.2.32`), sin reinterpretar. */
 function defaultShowCheckboxes(props) {
     const behavior = props.selectionBehavior ?? "toggle";
@@ -10961,7 +11222,8 @@ function TableContent({ children, isHeaderSticky, showSelectionCheckboxes, ...pr
         return child;
     });
     // Esparcido y no `{content}`: ver `spread` (un array como hijo único exigiría claves).
-    return $8WNJc$react.createElement(react.Table.Content, props, ...spread(content));
+    // La clase del estado vacío va delante: la de la app, detrás, gana si pisa el mismo grupo.
+    return $8WNJc$react.createElement(react.Table.Content, { ...props, className: cn(EMPTY_STATE_CLASS, props.className) }, ...spread(content));
 }
 TableContent.displayName = "Aurora.Table.Content";
 
@@ -10992,6 +11254,24 @@ function isPart$2(node, parts) {
 function withSticky(isHeaderSticky, root) {
     return isHeaderSticky === undefined ? (root) : (jsxRuntime.jsx(TableStickyContext.Provider, { value: isHeaderSticky, children: root }));
 }
+/**
+ * TECH-2459 (beweossmbs, 24-sep) — barra de scroll NATIVA en el contenedor que inserta la fachada.
+ *
+ * `table.css:20` le aplica a `.table__scroll-container` la utilidad `scrollbar` de v3, que con los
+ * tokens de `@heroui/styles` resuelve a `scrollbar-width: thin` y un pulgar al 15 % de opacidad
+ * sobre carril transparente (medido en la story `Overflow`:
+ * `oklch(0.2103 0.0059 285.89 / 0.15) rgba(0,0,0,0)`). Con barras clásicas (Windows, o macOS con
+ * «mostrar barras: siempre») casi no se ve, y el usuario concluye que la tabla no tiene scroll
+ * horizontal aunque lo tenga: es affordance, no estética. `scrollbar-default` (utilidad de la
+ * propia v3, `utilities/index.css:71`) devuelve la barra del sistema; al ser capa `utilities`
+ * gana a la regla de `components` sin `!important`.
+ *
+ * Solo en el contenedor que monta la fachada. Si la app monta su propio `Table.ScrollContainer`
+ * (o un `ResizableContainer`), la fachada no toca nada y manda lo que la app escriba; y una clase
+ * de la app sobre el root dirigida al contenedor (`[&_.table__scroll-container]:scrollbar-thin`)
+ * gana por especificidad.
+ */
+const SCROLL_CONTAINER_CLASS = "scrollbar-default";
 const TableFacade = ({ children, isHeaderSticky, ...props }) => {
     const nodes = $8WNJc$react.Children.toArray(children);
     // Sin hijos, o con un contenedor de scroll ya montado a mano: el root tal cual.
@@ -11000,7 +11280,7 @@ const TableFacade = ({ children, isHeaderSticky, ...props }) => {
     }
     const scrollable = nodes.filter((node) => !isPart$2(node, OUTSIDE_SCROLL));
     const outsideScroll = nodes.filter((node) => isPart$2(node, OUTSIDE_SCROLL));
-    return withSticky(isHeaderSticky, jsxRuntime.jsxs(react.Table, { ...props, children: [jsxRuntime.jsx(react.Table.ScrollContainer, { children: scrollable }), outsideScroll] }));
+    return withSticky(isHeaderSticky, jsxRuntime.jsxs(react.Table, { ...props, children: [jsxRuntime.jsx(react.Table.ScrollContainer, { className: SCROLL_CONTAINER_CLASS, children: scrollable }), outsideScroll] }));
 };
 TableFacade.displayName = "Aurora.Table";
 /**
@@ -11625,7 +11905,7 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
         onChange?.(event);
         onValueChange?.(event.target.value);
     };
-    const field = (jsxRuntime.jsx(react.TextArea, { ...rest, ref: setRefs, rows: fieldRows, style: fieldStyle, placeholder: placeholder, onChange: handleChange, onKeyDown: handleKeyDown, className: react.cn(SIZE_TEXT_CLASS[size], RESIZE_CLASS, RADIUS_CLASS$2[radius], VARIANT_CLASS[variant], isInvalid ? INVALID_TEXT_CLASS : "", FIELD_FOCUS_CLASS, FIELD_SHADOW_CLASS, 
+    const field = (jsxRuntime.jsx(react.TextArea, { ...rest, ref: setRefs, rows: fieldRows, style: fieldStyle, placeholder: placeholder, onChange: handleChange, onKeyDown: handleKeyDown, className: cn(SIZE_TEXT_CLASS[size], RESIZE_CLASS, RADIUS_CLASS$2[radius], VARIANT_CLASS[variant], isInvalid ? INVALID_TEXT_CLASS : "", FIELD_FOCUS_CLASS, FIELD_SHADOW_CLASS, 
         // Incondicional, como el slot `input` de v2: el campo llena siempre su raíz,
         // y es la raíz la que responde a `fullWidth` y al ancho del consumidor.
         "w-full", isClearable ? CLEARABLE_FIELD_CLASS : "", classNames?.input ?? classNames?.inputWrapper) }));
@@ -11645,10 +11925,10 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
     // es suyo (`useFormReset` devuelve el estado al `defaultValue`; el autosize lo escucha).
     jsxRuntime.jsxs(react.TextField, { id: textareaId, value: ownsValue ? ownValue : value, defaultValue: ownsValue ? undefined : defaultValue, 
         // Solo cuando la fachada es dueña del valor (limpiable y no controlado).
-        onChange: ownsValue ? setOwnValue : undefined, name: name, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, isReadOnly: isReadOnly, className: react.cn(FIELD_STACK_CLASS, fullWidth ? "w-full" : "", 
+        onChange: ownsValue ? setOwnValue : undefined, name: name, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, isReadOnly: isReadOnly, className: cn(FIELD_STACK_CLASS, fullWidth ? "w-full" : "", 
         // El `className` del consumidor, en la raíz y en último lugar: el slot `base` de
         // v2 y la posición que le deja ganar en tailwind-merge (ver bloque de arriba).
-        className), children: [label && (jsxRuntime.jsx(react.Label, { className: react.cn(LABEL_CLASS, isInvalid ? INVALID_LABEL_CLASS : "", classNames?.label), children: label })), isClearable ? (jsxRuntime.jsxs("div", { className: CLEAR_WRAPPER_CLASS, children: [field, showClear && (jsxRuntime.jsx(react.CloseButton, { "aria-label": "Limpiar", className: react.cn(CLEAR_BUTTON_CLASS, classNames?.clearButton), onPress: handleClear }))] })) : (field), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: react.cn(HELPER_CLASS, "text-left", classNames?.description), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: react.cn(HELPER_CLASS, "text-left", classNames?.errorMessage), children: errorMessage }))] }));
+        className), children: [label && (jsxRuntime.jsx(react.Label, { className: cn(LABEL_CLASS, isInvalid ? INVALID_LABEL_CLASS : "", classNames?.label), children: label })), isClearable ? (jsxRuntime.jsxs("div", { className: CLEAR_WRAPPER_CLASS, children: [field, showClear && (jsxRuntime.jsx(react.CloseButton, { "aria-label": "Limpiar", className: cn(CLEAR_BUTTON_CLASS, classNames?.clearButton), onPress: handleClear }))] })) : (field), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: cn(HELPER_CLASS, "text-left", classNames?.description), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: cn(HELPER_CLASS, "text-left", classNames?.errorMessage), children: errorMessage }))] }));
 });
 Textarea.displayName = "Textarea";
 
@@ -11798,7 +12078,7 @@ function GlobalToast({ translations = {} } = {}) {
     const slots = react.toastVariants({ placement: "top end", variant });
     const isSecondary = color === "secondary";
     const StatusIcon = ICON_BY_VARIANT[variant];
-    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsxs("div", { className: react.cn(slots.toast(), "gap-x-0 rounded-[12px]", SURFACE_BY_COLOR[color]), "data-frontmost": "true", style: { position: "relative" }, children: [jsxRuntime.jsx("div", { className: react.cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsxRuntime.jsx(StatusIcon, {}) }), jsxRuntime.jsxs("div", { className: react.cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsxRuntime.jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsxRuntime.jsx("div", { className: slots.description(), children: toast.description }))] }), jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: react.cn("shrink-0 self-center bg-transparent", CLOSE_BY_COLOR[color]), onPress: hideToast })] }) }));
+    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsxs("div", { className: cn(slots.toast(), "gap-x-0 rounded-[12px]", SURFACE_BY_COLOR[color]), "data-frontmost": "true", style: { position: "relative" }, children: [jsxRuntime.jsx("div", { className: cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsxRuntime.jsx(StatusIcon, {}) }), jsxRuntime.jsxs("div", { className: cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsxRuntime.jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsxRuntime.jsx("div", { className: slots.description(), children: toast.description }))] }), jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: cn("shrink-0 self-center bg-transparent", CLOSE_BY_COLOR[color]), onPress: hideToast })] }) }));
 }
 
 /**
@@ -13405,111 +13685,6 @@ const DrawerFiltersHeader = ({ titleId, title, description, }) => {
     return (jsxRuntime.jsxs("div", { className: "px-6 pt-10", children: [jsxRuntime.jsx(H2, { id: titleId, className: "text-xl font-semibold text-foreground mb-2", children: title }), jsxRuntime.jsx(P, { className: "text-default-500", children: description })] }));
 };
 
-const NO_YEAR_CLASS = "[&_[data-type='year']]:hidden [&_[data-type='literal']:has(+[data-type='year'])]:hidden";
-// Year used to construct CalendarDate values. React Aria's onChange only fires when
-// ALL segments (including hidden year) are user-confirmed. Since users can't type year
-// (it's CSS-hidden), we read month+day directly from the DOM via data-placeholder
-// attributes when the picker loses focus, bypassing the year-confirmation requirement.
-const FILLER_YEAR = new Date().getFullYear();
-/**
- * Reads month and day from segment DOM elements.
- * Returns null if any segment is still in placeholder state (user hasn't typed it yet).
- * React Aria marks unconfirmed segments with data-placeholder="true".
- */
-function readConfirmedMonthDay(container, monthSelector = '[data-type="month"]', daySelector = '[data-type="day"]') {
-    const monthEl = container.querySelector(monthSelector);
-    const dayEl = container.querySelector(daySelector);
-    if (!monthEl || !dayEl)
-        return null;
-    if (monthEl.getAttribute("data-placeholder") === "true")
-        return null;
-    if (dayEl.getAttribute("data-placeholder") === "true")
-        return null;
-    const month = Number(monthEl.getAttribute("aria-valuenow"));
-    const day = Number(dayEl.getAttribute("aria-valuenow"));
-    if (month >= 1 && month <= 12 && day >= 1 && day <= 31)
-        return { month, day };
-    return null;
-}
-const DayMonthPicker = ({ value, onChange, translations, }) => {
-    const t = {
-        dayMonthAriaLabel: "Seleccionar mes y día",
-        dayMonthRangeAriaLabel: "Seleccionar rango de mes y día",
-        dayMonthSingleOption: "Día específico",
-        dayMonthRangeOption: "Rango de fechas",
-        ...translations,
-    };
-    const [mode, setMode] = $8WNJc$react.useState(value?.type === "dayMonthRange" ? "range" : "single");
-    $8WNJc$react.useEffect(() => {
-        setMode(value?.type === "dayMonthRange" ? "range" : "single");
-    }, [value?.type]);
-    const pickerValue = value?.type === "dayMonth" ? value.dayMonth : null;
-    const rangeValue = value?.type === "dayMonthRange" ? value.dayMonthRange : null;
-    // Refs to DOM wrappers — used by the DOM-reading fallback for manual input.
-    const singleRef = $8WNJc$react.useRef(null);
-    const rangeRef = $8WNJc$react.useRef(null);
-    // Stable refs so focus-change callbacks always read current values without
-    // needing to be recreated on every render.
-    const pickerValueRef = $8WNJc$react.useRef(pickerValue);
-    pickerValueRef.current = pickerValue;
-    const rangeValueRef = $8WNJc$react.useRef(rangeValue);
-    rangeValueRef.current = rangeValue;
-    const handleModeChange = (newMode) => {
-        const nextMode = newMode === "range" ? "range" : "single";
-        setMode(nextMode);
-        if (nextMode === "single") {
-            onChange({ type: "dayMonth", dayMonth: null, dayMonthRange: null });
-            return;
-        }
-        onChange({ type: "dayMonthRange", dayMonth: null, dayMonthRange: null });
-    };
-    const handleSingleChange = (date) => {
-        onChange({ type: "dayMonth", dayMonth: date, dayMonthRange: null });
-    };
-    const handleRangeChange = (range) => {
-        onChange({ type: "dayMonthRange", dayMonth: null, dayMonthRange: range });
-    };
-    // Called by React Aria when the DatePicker gains/loses focus.
-    // When value=null (placeholder mode) React Aria never fires onChange because the
-    // hidden year segment is never user-confirmed. On blur we read the confirmed
-    // month/day directly from the DOM as a workaround.
-    const handleSingleFocusChange = (isFocused) => {
-        if (isFocused || pickerValueRef.current)
-            return;
-        if (!singleRef.current)
-            return;
-        const result = readConfirmedMonthDay(singleRef.current);
-        if (result) {
-            handleSingleChange(new $2aaf608024c21ca1$export$99faa760c7908e4f(FILLER_YEAR, result.month, result.day));
-        }
-    };
-    const handleRangeFocusChange = (isFocused) => {
-        if (isFocused || rangeValueRef.current)
-            return;
-        if (!rangeRef.current)
-            return;
-        const monthEls = rangeRef.current.querySelectorAll('[data-type="month"]');
-        const dayEls = rangeRef.current.querySelectorAll('[data-type="day"]');
-        if (monthEls.length < 2 || dayEls.length < 2)
-            return;
-        const allConfirmed = [...monthEls, ...dayEls].every((el) => el.getAttribute("data-placeholder") !== "true");
-        if (!allConfirmed)
-            return;
-        const startMonth = Number(monthEls[0].getAttribute("aria-valuenow"));
-        const startDay = Number(dayEls[0].getAttribute("aria-valuenow"));
-        const endMonth = Number(monthEls[1].getAttribute("aria-valuenow"));
-        const endDay = Number(dayEls[1].getAttribute("aria-valuenow"));
-        const valid = (m, d) => m >= 1 && m <= 12 && d >= 1 && d <= 31;
-        if (valid(startMonth, startDay) && valid(endMonth, endDay)) {
-            handleRangeChange({
-                start: new $2aaf608024c21ca1$export$99faa760c7908e4f(FILLER_YEAR, startMonth, startDay),
-                end: new $2aaf608024c21ca1$export$99faa760c7908e4f(FILLER_YEAR, endMonth, endDay),
-            });
-        }
-    };
-    return (jsxRuntime.jsxs("div", { className: "w-full flex flex-wrap xs:gap-5 justify-between items-center", children: [jsxRuntime.jsxs(react.RadioGroup, { orientation: "horizontal", value: mode, onChange: handleModeChange, children: [jsxRuntime.jsx(react.Radio, { value: "single", children: jsxRuntime.jsxs(react.Radio.Content, { children: [jsxRuntime.jsx(react.Radio.Control, { children: jsxRuntime.jsx(react.Radio.Indicator, {}) }), t.dayMonthSingleOption] }) }), jsxRuntime.jsx(react.Radio, { value: "range", children: jsxRuntime.jsxs(react.Radio.Content, { children: [jsxRuntime.jsx(react.Radio.Control, { children: jsxRuntime.jsx(react.Radio.Indicator, {}) }), t.dayMonthRangeOption] }) })] }), mode === "single" ? (jsxRuntime.jsx("div", { ref: singleRef, children: jsxRuntime.jsx(DatePicker, { value: pickerValue, onChange: handleSingleChange, onFocusChange: handleSingleFocusChange, "aria-label": t.dayMonthAriaLabel, endContent: jsxRuntime.jsx(IconComponent, { icon: "solar:calendar-outline" }), className: `w-full md:w-auto md:max-w-40 ${NO_YEAR_CLASS}` }, "dmp") })) : (jsxRuntime.jsx("div", { ref: rangeRef, children: jsxRuntime.jsx(DateRangePicker, { value: rangeValue, onChange: handleRangeChange, onFocusChange: handleRangeFocusChange, "aria-label": t.dayMonthRangeAriaLabel, endContent: jsxRuntime.jsx(IconComponent, { icon: "solar:calendar-outline" }), className: `w-full md:w-auto md:max-w-xs ${NO_YEAR_CLASS}` }, "dmpr") }))] }));
-};
-
 /**
  * Las cuatro props de slider que v2 tenía y v3 eliminó, traducidas a clases. Los valores son los
  * LITERALES del `tv` de v2 (`npm pack @heroui/theme@2.4.15` → `dist/components/slider.js`), no
@@ -13643,7 +13818,113 @@ const RangeFilter = ({ title, description, value, onChange, minValue, maxValue,
                         const [min, max] = newValue;
                         setCurrentValue([min, max]);
                         onChange([min, max]);
-                    }, className: "w-full", isDisabled: false, ...restSliderProps, children: jsxRuntime.jsxs(react.Slider.Track, { children: [jsxRuntime.jsx(react.Slider.Fill, { className: fillClassName }), stepMarks.length > 0 ? (jsxRuntime.jsx(react.Slider.Marks, { children: stepMarks.map((left) => (jsxRuntime.jsx("span", { className: SLIDER_STEP_CLASS, style: { left: `${left}%` } }, left))) })) : null, jsxRuntime.jsx(react.Slider.Thumb, { index: 0, "aria-label": t.minLabel, className: thumbClassName }), jsxRuntime.jsx(react.Slider.Thumb, { index: 1, "aria-label": t.maxLabel, className: thumbClassName })] }) }) }), jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-sm", children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-start", children: [jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: t.minLabel }), jsxRuntime.jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[0]) })] }), jsxRuntime.jsxs("div", { className: "flex flex-col items-end", children: [jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: t.maxLabel }), jsxRuntime.jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[1]) })] })] })] }));
+                    }, className: "w-full", isDisabled: false, "aria-label": restSliderProps["aria-label"] ??
+                        (restSliderProps["aria-labelledby"] ? undefined : t.title), ...restSliderProps, children: jsxRuntime.jsxs(react.Slider.Track, { children: [jsxRuntime.jsx(react.Slider.Fill, { className: fillClassName }), stepMarks.length > 0 ? (jsxRuntime.jsx(react.Slider.Marks, { children: stepMarks.map((left) => (jsxRuntime.jsx("span", { className: SLIDER_STEP_CLASS, style: { left: `${left}%` } }, left))) })) : null, jsxRuntime.jsx(react.Slider.Thumb, { index: 0, "aria-label": t.minLabel, className: thumbClassName }), jsxRuntime.jsx(react.Slider.Thumb, { index: 1, "aria-label": t.maxLabel, className: thumbClassName })] }) }) }), jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-sm", children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-start", children: [jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: t.minLabel }), jsxRuntime.jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[0]) })] }), jsxRuntime.jsxs("div", { className: "flex flex-col items-end", children: [jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: t.maxLabel }), jsxRuntime.jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[1]) })] })] })] }));
+};
+
+const NO_YEAR_CLASS = "[&_[data-type='year']]:hidden [&_[data-type='literal']:has(+[data-type='year'])]:hidden";
+// Year used to construct CalendarDate values. React Aria's onChange only fires when
+// ALL segments (including hidden year) are user-confirmed. Since users can't type year
+// (it's CSS-hidden), we read month+day directly from the DOM via data-placeholder
+// attributes when the picker loses focus, bypassing the year-confirmation requirement.
+const FILLER_YEAR = new Date().getFullYear();
+/**
+ * Reads month and day from segment DOM elements.
+ * Returns null if any segment is still in placeholder state (user hasn't typed it yet).
+ * React Aria marks unconfirmed segments with data-placeholder="true".
+ */
+function readConfirmedMonthDay(container, monthSelector = '[data-type="month"]', daySelector = '[data-type="day"]') {
+    const monthEl = container.querySelector(monthSelector);
+    const dayEl = container.querySelector(daySelector);
+    if (!monthEl || !dayEl)
+        return null;
+    if (monthEl.getAttribute("data-placeholder") === "true")
+        return null;
+    if (dayEl.getAttribute("data-placeholder") === "true")
+        return null;
+    const month = Number(monthEl.getAttribute("aria-valuenow"));
+    const day = Number(dayEl.getAttribute("aria-valuenow"));
+    if (month >= 1 && month <= 12 && day >= 1 && day <= 31)
+        return { month, day };
+    return null;
+}
+const DayMonthPicker = ({ value, onChange, translations, ariaLabelledBy, }) => {
+    const t = {
+        dayMonthAriaLabel: "Seleccionar mes y día",
+        dayMonthRangeAriaLabel: "Seleccionar rango de mes y día",
+        dayMonthSingleOption: "Día específico",
+        dayMonthRangeOption: "Rango de fechas",
+        ...translations,
+    };
+    const [mode, setMode] = $8WNJc$react.useState(value?.type === "dayMonthRange" ? "range" : "single");
+    $8WNJc$react.useEffect(() => {
+        setMode(value?.type === "dayMonthRange" ? "range" : "single");
+    }, [value?.type]);
+    const pickerValue = value?.type === "dayMonth" ? value.dayMonth : null;
+    const rangeValue = value?.type === "dayMonthRange" ? value.dayMonthRange : null;
+    // Refs to DOM wrappers — used by the DOM-reading fallback for manual input.
+    const singleRef = $8WNJc$react.useRef(null);
+    const rangeRef = $8WNJc$react.useRef(null);
+    // Stable refs so focus-change callbacks always read current values without
+    // needing to be recreated on every render.
+    const pickerValueRef = $8WNJc$react.useRef(pickerValue);
+    pickerValueRef.current = pickerValue;
+    const rangeValueRef = $8WNJc$react.useRef(rangeValue);
+    rangeValueRef.current = rangeValue;
+    const handleModeChange = (newMode) => {
+        const nextMode = newMode === "range" ? "range" : "single";
+        setMode(nextMode);
+        if (nextMode === "single") {
+            onChange({ type: "dayMonth", dayMonth: null, dayMonthRange: null });
+            return;
+        }
+        onChange({ type: "dayMonthRange", dayMonth: null, dayMonthRange: null });
+    };
+    const handleSingleChange = (date) => {
+        onChange({ type: "dayMonth", dayMonth: date, dayMonthRange: null });
+    };
+    const handleRangeChange = (range) => {
+        onChange({ type: "dayMonthRange", dayMonth: null, dayMonthRange: range });
+    };
+    // Called by React Aria when the DatePicker gains/loses focus.
+    // When value=null (placeholder mode) React Aria never fires onChange because the
+    // hidden year segment is never user-confirmed. On blur we read the confirmed
+    // month/day directly from the DOM as a workaround.
+    const handleSingleFocusChange = (isFocused) => {
+        if (isFocused || pickerValueRef.current)
+            return;
+        if (!singleRef.current)
+            return;
+        const result = readConfirmedMonthDay(singleRef.current);
+        if (result) {
+            handleSingleChange(new $2aaf608024c21ca1$export$99faa760c7908e4f(FILLER_YEAR, result.month, result.day));
+        }
+    };
+    const handleRangeFocusChange = (isFocused) => {
+        if (isFocused || rangeValueRef.current)
+            return;
+        if (!rangeRef.current)
+            return;
+        const monthEls = rangeRef.current.querySelectorAll('[data-type="month"]');
+        const dayEls = rangeRef.current.querySelectorAll('[data-type="day"]');
+        if (monthEls.length < 2 || dayEls.length < 2)
+            return;
+        const allConfirmed = [...monthEls, ...dayEls].every((el) => el.getAttribute("data-placeholder") !== "true");
+        if (!allConfirmed)
+            return;
+        const startMonth = Number(monthEls[0].getAttribute("aria-valuenow"));
+        const startDay = Number(dayEls[0].getAttribute("aria-valuenow"));
+        const endMonth = Number(monthEls[1].getAttribute("aria-valuenow"));
+        const endDay = Number(dayEls[1].getAttribute("aria-valuenow"));
+        const valid = (m, d) => m >= 1 && m <= 12 && d >= 1 && d <= 31;
+        if (valid(startMonth, startDay) && valid(endMonth, endDay)) {
+            handleRangeChange({
+                start: new $2aaf608024c21ca1$export$99faa760c7908e4f(FILLER_YEAR, startMonth, startDay),
+                end: new $2aaf608024c21ca1$export$99faa760c7908e4f(FILLER_YEAR, endMonth, endDay),
+            });
+        }
+    };
+    return (jsxRuntime.jsxs("div", { className: "w-full flex flex-wrap xs:gap-5 justify-between items-center", children: [jsxRuntime.jsxs(react.RadioGroup, { orientation: "horizontal", value: mode, onChange: handleModeChange, "aria-labelledby": ariaLabelledBy, children: [jsxRuntime.jsx(react.Radio, { value: "single", children: jsxRuntime.jsxs(react.Radio.Content, { children: [jsxRuntime.jsx(react.Radio.Control, { children: jsxRuntime.jsx(react.Radio.Indicator, {}) }), t.dayMonthSingleOption] }) }), jsxRuntime.jsx(react.Radio, { value: "range", children: jsxRuntime.jsxs(react.Radio.Content, { children: [jsxRuntime.jsx(react.Radio.Control, { children: jsxRuntime.jsx(react.Radio.Indicator, {}) }), t.dayMonthRangeOption] }) })] }), mode === "single" ? (jsxRuntime.jsx("div", { ref: singleRef, children: jsxRuntime.jsx(DatePicker, { value: pickerValue, onChange: handleSingleChange, onFocusChange: handleSingleFocusChange, "aria-label": t.dayMonthAriaLabel, endContent: jsxRuntime.jsx(IconComponent, { icon: "solar:calendar-outline" }), className: `w-full md:w-auto md:max-w-40 ${NO_YEAR_CLASS}` }, "dmp") })) : (jsxRuntime.jsx("div", { ref: rangeRef, children: jsxRuntime.jsx(DateRangePicker, { value: rangeValue, onChange: handleRangeChange, onFocusChange: handleRangeFocusChange, "aria-label": t.dayMonthRangeAriaLabel, endContent: jsxRuntime.jsx(IconComponent, { icon: "solar:calendar-outline" }), className: `w-full md:w-auto md:max-w-xs ${NO_YEAR_CLASS}` }, "dmpr") }))] }));
 };
 
 /**
@@ -13682,6 +13963,13 @@ const resolveSelectPlaceholder = (translations, title) => (translations?.selectP
 // =========================================================================
 const FilterSection = ({ filter, translations, value, onChange, isExpanded = false, onToggleExpanded, }) => {
     const isDisabled = filter.disabled === true;
+    // TECH-2459 · El título visible de la sección es el NOMBRE ACCESIBLE de su control. Sin él,
+    // react-aria (`useLabel`, vía `useSelect`/`useSlider`/`useListBox`) avisaba en dev «If you do
+    // not provide a visible label, you must specify an aria-label or aria-labelledby» cada vez que
+    // se desplegaba una sección (medido por beweossmbs en el drawer del catálogo con la .141), y el
+    // lector de pantalla anunciaba solo el placeholder («Seleccionar categoría»). El control se
+    // asocia por `aria-labelledby` a este id: sin cambio visual.
+    const titleId = $8WNJc$react.useId();
     const [internalExpanded, setInternalExpanded] = $8WNJc$react.useState(isDisabled ? false : isExpanded);
     const handleToggleExpanded = () => {
         if (isDisabled)
@@ -13778,27 +14066,27 @@ const FilterSection = ({ filter, translations, value, onChange, isExpanded = fal
     const renderFilterContent = () => {
         switch (filter.type) {
             case "select":
-                return (jsxRuntime.jsx(SelectFilter, { filter: filter, value: value, onChange: onChange, translations: translations }));
+                return (jsxRuntime.jsx(SelectFilter, { filter: filter, value: value, onChange: onChange, translations: translations, titleId: titleId }));
             case "multiselect":
-                return (jsxRuntime.jsx(MultiSelectFilter, { filter: filter, value: value, onChange: onChange, translations: translations }));
+                return (jsxRuntime.jsx(MultiSelectFilter, { filter: filter, value: value, onChange: onChange, translations: translations, titleId: titleId }));
             case "range":
-                return (jsxRuntime.jsx(RangeFilterComponent, { filter: filter, value: value, onChange: onChange }));
+                return (jsxRuntime.jsx(RangeFilterComponent, { filter: filter, value: value, onChange: onChange, titleId: titleId }));
             case "date":
-                return (jsxRuntime.jsx(DateFilter, { filter: filter, value: value, onChange: onChange, translations: translations }));
+                return (jsxRuntime.jsx(DateFilter, { filter: filter, value: value, onChange: onChange, translations: translations, titleId: titleId }));
             case "text":
-                return (jsxRuntime.jsx(TextFilter, { filter: filter, value: value, onChange: onChange }));
+                return (jsxRuntime.jsx(TextFilter, { filter: filter, value: value, onChange: onChange, titleId: titleId }));
             case "number":
-                return (jsxRuntime.jsx(NumberFilter, { filter: filter, value: value, onChange: onChange }));
+                return (jsxRuntime.jsx(NumberFilter, { filter: filter, value: value, onChange: onChange, titleId: titleId }));
             default:
                 return null;
         }
     };
-    return (jsxRuntime.jsxs("div", { className: react.cn("bg-white rounded-xl max-w-sm", isDisabled && "opacity-50"), style: {
+    return (jsxRuntime.jsxs("div", { className: cn("bg-white rounded-xl max-w-sm", isDisabled && "opacity-50"), style: {
             border: "0 solid #e5e7eb",
             boxShadow: "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
             "--tw-shadow": "var(--aurora-shadow-medium)",
             "--tw-shadow-colored": "var(--aurora-shadow-medium)",
-        }, children: [jsxRuntime.jsxs("button", { type: "button", className: react.cn("flex items-center justify-between w-full text-left p-4", isDisabled && "cursor-not-allowed"), onClick: handleToggleExpanded, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(H2, { className: "text-base font-normal text-foreground", children: filter.title }), !isDisabled && hasActiveFilter() && (jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full text-black dark:text-white", style: {
+        }, children: [jsxRuntime.jsxs("button", { type: "button", className: cn("flex items-center justify-between w-full text-left p-4", isDisabled && "cursor-not-allowed"), onClick: handleToggleExpanded, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(H2, { id: titleId, className: "text-base font-normal text-foreground", children: filter.title }), !isDisabled && hasActiveFilter() && (jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full text-black dark:text-white", style: {
                                     backgroundColor: "var(--color-default)",
                                 }, children: getActiveFilterCount() }))] }), jsxRuntime.jsx(IconComponent, { icon: internalExpanded
                             ? "solar:alt-arrow-down-outline"
@@ -13807,10 +14095,10 @@ const FilterSection = ({ filter, translations, value, onChange, isExpanded = fal
 // =========================================================================
 // SELECT FILTER
 // =========================================================================
-const SelectFilter = ({ filter, value, onChange, translations }) => {
+const SelectFilter = ({ filter, value, onChange, translations, titleId }) => {
     const currentValue = value?.value || "";
     const triggerPlaceholder = resolveSelectPlaceholder(translations, filter.title);
-    return (jsxRuntime.jsx(Select, { placeholder: triggerPlaceholder, selectedKeys: new Set(currentValue ? [currentValue] : []), onSelectionChange: (keys) => {
+    return (jsxRuntime.jsx(Select, { "aria-labelledby": titleId, placeholder: triggerPlaceholder, selectedKeys: new Set(currentValue ? [currentValue] : []), onSelectionChange: (keys) => {
             const selectedKey = Array.from(keys)[0];
             onChange({ value: selectedKey || "" });
         }, className: "w-full", children: filter.data.map((item) => (
@@ -13824,7 +14112,8 @@ const SelectFilter = ({ filter, value, onChange, translations }) => {
 // =========================================================================
 // MULTISELECT FILTER
 // =========================================================================
-const MultiSelectFilter = ({ filter, value, onChange, translations }) => {
+const MultiSelectFilter = ({ filter, value, onChange, translations, titleId }) => {
+    const valueId = $8WNJc$react.useId();
     const triggerRef = $8WNJc$react.useRef(null);
     const [triggerWidthPx, setTriggerWidthPx] = $8WNJc$react.useState(null);
     const [isOpen, setIsOpen] = $8WNJc$react.useState(false);
@@ -13918,11 +14207,11 @@ const MultiSelectFilter = ({ filter, value, onChange, translations }) => {
             maxWidth: Math.max(triggerWidthPx, 220),
         }
         : undefined;
-    return (jsxRuntime.jsxs(react.Popover, { isOpen: isOpen, onOpenChange: handleOpenChange, children: [jsxRuntime.jsx(react.PopoverTrigger, { children: jsxRuntime.jsxs("button", { ref: triggerRef, type: "button", className: react.cn(
+    return (jsxRuntime.jsxs(react.Popover, { isOpen: isOpen, onOpenChange: handleOpenChange, children: [jsxRuntime.jsx(react.PopoverTrigger, { "aria-labelledby": titleId, "aria-describedby": valueId, children: jsxRuntime.jsxs("button", { ref: triggerRef, type: "button", "aria-labelledby": titleId, "aria-describedby": valueId, className: cn(
                     // TECH-2459 · `bg-transparent` y no `bg-background`: este disparador tiene pinta de campo y vive
                     // DENTRO de un drawer, o sea el escenario del relleno negro sobre tarjeta gris. En oscuro
                     // `--color-background` es negro puro, y el `bordered` de v2 no llevaba ninguna clase `bg-*`.
-                    "flex w-full min-h-12 items-center justify-between gap-2 rounded-[12px] border border-default-200 bg-transparent px-3 py-2.5 text-left text-sm transition-colors", "hover:border-default-300 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background", isOpen && "border-primary"), "aria-expanded": isOpen, "aria-haspopup": "dialog", children: [jsxRuntime.jsx("span", { className: "line-clamp-2 min-w-0 flex-1 text-sm font-medium leading-snug text-foreground", title: triggerSelectionTitle, children: triggerSelection.visible.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [triggerSelection.visible.map((item, index) => (jsxRuntime.jsxs($8WNJc$react.Fragment, { children: [index > 0 ? (jsxRuntime.jsx("span", { className: "font-normal text-default-400", children: ", " })) : null, jsxRuntime.jsx("span", { children: item.label })] }, item.value))), triggerSelection.overflow > 0 ? (jsxRuntime.jsxs("span", { className: "font-normal text-default-500", children: [" ", moreLabelTemplate.replace("{more}", String(triggerSelection.overflow))] })) : null] })) : (jsxRuntime.jsx("span", { className: "font-normal text-default-400", children: triggerPlaceholder })) }), jsxRuntime.jsx(IconComponent, { icon: isOpen
+                    "flex w-full min-h-12 items-center justify-between gap-2 rounded-[12px] border border-default-200 bg-transparent px-3 py-2.5 text-left text-sm transition-colors", "hover:border-default-300 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background", isOpen && "border-primary"), "aria-expanded": isOpen, "aria-haspopup": "dialog", children: [jsxRuntime.jsx("span", { id: valueId, className: "line-clamp-2 min-w-0 flex-1 text-sm font-medium leading-snug text-foreground", title: triggerSelectionTitle, children: triggerSelection.visible.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [triggerSelection.visible.map((item, index) => (jsxRuntime.jsxs($8WNJc$react.Fragment, { children: [index > 0 ? (jsxRuntime.jsx("span", { className: "font-normal text-default-400", children: ", " })) : null, jsxRuntime.jsx("span", { children: item.label })] }, item.value))), triggerSelection.overflow > 0 ? (jsxRuntime.jsxs("span", { className: "font-normal text-default-500", children: [" ", moreLabelTemplate.replace("{more}", String(triggerSelection.overflow))] })) : null] })) : (jsxRuntime.jsx("span", { className: "font-normal text-default-400", children: triggerPlaceholder })) }), jsxRuntime.jsx(IconComponent, { icon: isOpen
                                 ? "solar:alt-arrow-up-outline"
                                 : "solar:alt-arrow-down-outline", className: "shrink-0 text-default-400", size: "sm", "aria-hidden": true })] }) }), jsxRuntime.jsx(react.PopoverContent, { placement: "bottom start", offset: 6, className: "w-full min-w-0 max-w-none box-border border border-default-200 bg-content1 p-0 shadow-medium", style: popoverWidthStyle, children: jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-0 p-2", children: [searchable && (jsxRuntime.jsx("div", { className: "border-b border-default-100 px-1 pb-2", children: jsxRuntime.jsx(Input, { type: "search", placeholder: searchPlaceholder, value: searchQuery, onValueChange: setSearchQuery, className: "w-full", size: "sm", variant: "flat", radius: "full", 
                                 // `InputClassNames` de G1-forms ya no tiene slot `base` (v3 no
@@ -13936,7 +14225,7 @@ const MultiSelectFilter = ({ filter, value, onChange, translations }) => {
 // =========================================================================
 // RANGE FILTER
 // =========================================================================
-const RangeFilterComponent = ({ filter, value, onChange }) => {
+const RangeFilterComponent = ({ filter, value, onChange, titleId }) => {
     const currentValue = value || { min: filter.data.min, max: filter.data.max };
     const rangeValue = [currentValue.min, currentValue.max];
     const handleChange = (newValue) => {
@@ -13951,12 +14240,12 @@ const RangeFilterComponent = ({ filter, value, onChange }) => {
     const data = Array.from({
         length: Math.ceil((filter.data.max - filter.data.min) / (filter.data.step || 1)) + 1,
     }, (_, i) => filter.data.min + i * (filter.data.step || 1));
-    return (jsxRuntime.jsx(RangeFilter, { title: `Rango de ${filter.title.toLowerCase()}`, minValue: filter.data.min, maxValue: filter.data.max, step: filter.data.step || 1, data: data, value: rangeValue, onChange: handleChange, formatValue: formatter, className: "w-full", showHistogramCount: filter.data.showHistogramCount }));
+    return (jsxRuntime.jsx(RangeFilter, { title: `Rango de ${filter.title.toLowerCase()}`, minValue: filter.data.min, maxValue: filter.data.max, step: filter.data.step || 1, data: data, value: rangeValue, onChange: handleChange, formatValue: formatter, className: "w-full", showHistogramCount: filter.data.showHistogramCount, sliderProps: { "aria-labelledby": titleId } }));
 };
 // =========================================================================
 // DATE FILTER
 // =========================================================================
-const DateFilter = ({ filter, value, onChange, translations }) => {
+const DateFilter = ({ filter, value, onChange, translations, titleId }) => {
     if (filter.granularity === "dayMonth") {
         const rawDayMonth = value?.type === "dayMonth" && value.dayMonth && typeof value.dayMonth !== "string"
             ? value.dayMonth
@@ -13975,7 +14264,7 @@ const DateFilter = ({ filter, value, onChange, translations }) => {
                 dayMonthRange: value.type === "dayMonthRange" ? rawDayMonthRange : null,
             }
             : null;
-        return (jsxRuntime.jsx(DayMonthPicker, { value: dayMonthValue, onChange: (v) => onChange({ date: null, dateRange: null, ...v }), translations: translations }));
+        return (jsxRuntime.jsx(DayMonthPicker, { value: dayMonthValue, onChange: (v) => onChange({ date: null, dateRange: null, ...v }), translations: translations, ariaLabelledBy: titleId }));
     }
     const handleDateSelectorChange = (dateSelectorValue) => {
         onChange({
@@ -14047,23 +14336,25 @@ const DateFilter = ({ filter, value, onChange, translations }) => {
         dateSelectorTranslations.selectDateRangeAriaLabel =
             translations.selectDateRangeAriaLabel;
     }
-    return (jsxRuntime.jsx(DateSelector, { initialType: getInitialType(), initialDate: getInitialDate(), initialDateRange: getInitialDateRange(), onChange: handleDateSelectorChange, translations: dateSelectorTranslations, className: "w-full" }));
+    return (jsxRuntime.jsx(DateSelector, { initialType: getInitialType(), initialDate: getInitialDate(), initialDateRange: getInitialDateRange(), onChange: handleDateSelectorChange, translations: dateSelectorTranslations, 
+        // El grupo «Día / Rango» se nombra con el título de la sección (ver `titleId`).
+        radioGroupProps: { "aria-labelledby": titleId }, className: "w-full" }));
 };
 // =========================================================================
 // TEXT FILTER
 // =========================================================================
-const TextFilter = ({ filter, value, onChange }) => {
+const TextFilter = ({ filter, value, onChange, titleId }) => {
     const currentValue = value?.value || "";
-    return (jsxRuntime.jsx(Input, { type: "text", placeholder: filter.data.placeholder || `Ingrese ${filter.title.toLowerCase()}`, value: currentValue, onValueChange: (newValue) => {
+    return (jsxRuntime.jsx(Input, { "aria-labelledby": titleId, type: "text", placeholder: filter.data.placeholder || `Ingrese ${filter.title.toLowerCase()}`, value: currentValue, onValueChange: (newValue) => {
             onChange({ value: newValue });
         }, className: "w-full" }));
 };
 // =========================================================================
 // NUMBER FILTER
 // =========================================================================
-const NumberFilter = ({ filter, value, onChange }) => {
+const NumberFilter = ({ filter, value, onChange, titleId }) => {
     const currentValue = value?.value?.toString() || "";
-    return (jsxRuntime.jsx(Input, { type: "number", placeholder: filter.data.placeholder || `Ingrese ${filter.title.toLowerCase()}`, value: currentValue, onValueChange: (newValue) => {
+    return (jsxRuntime.jsx(Input, { "aria-labelledby": titleId, type: "number", placeholder: filter.data.placeholder || `Ingrese ${filter.title.toLowerCase()}`, value: currentValue, onValueChange: (newValue) => {
             const numValue = newValue === "" ? null : Number(newValue);
             onChange({ value: numValue });
         }, min: filter.data.min, max: filter.data.max, step: filter.data.step, className: "w-full" }));
@@ -14205,7 +14496,7 @@ const DrawerFilters = ({ isOpen, onOpenChange, config, onApplyFilters, onClearFi
     // beweossmbs con la .140). `Drawer.Backdrop` (`ModalOverlay`) ya crea su propio estado de
     // overlay con `isOpen`/`onOpenChange` y calcula todos los slots de `drawerVariants()`, así que
     // el root no aportaba nada.
-    return (jsxRuntime.jsx(react.Drawer.Backdrop, { isOpen: isOpen, onOpenChange: handleOpenChange, isDismissable: false, children: jsxRuntime.jsx(react.Drawer.Content, { placement: "right", className: react.cn("drawer-filters", className), children: jsxRuntime.jsxs(react.Drawer.Dialog, { "aria-labelledby": titleId, className: "w-full p-0 sm:max-w-md", children: [jsxRuntime.jsx(react.Drawer.CloseTrigger, {}), jsxRuntime.jsx(DrawerFiltersHeader, { titleId: titleId, title: config.title, description: config.description }), jsxRuntime.jsx(react.Drawer.Body, { className: "px-6 py-10", children: jsxRuntime.jsx("div", { className: "space-y-3", children: config.data.map((filter) => {
+    return (jsxRuntime.jsx(react.Drawer.Backdrop, { isOpen: isOpen, onOpenChange: handleOpenChange, isDismissable: false, children: jsxRuntime.jsx(react.Drawer.Content, { placement: "right", className: cn("drawer-filters", className), children: jsxRuntime.jsxs(react.Drawer.Dialog, { "aria-labelledby": titleId, className: "w-full p-0 sm:max-w-md", children: [jsxRuntime.jsx(react.Drawer.CloseTrigger, {}), jsxRuntime.jsx(DrawerFiltersHeader, { titleId: titleId, title: config.title, description: config.description }), jsxRuntime.jsx(react.Drawer.Body, { className: "px-6 py-10", children: jsxRuntime.jsx("div", { className: "space-y-3", children: config.data.map((filter) => {
                                 return (jsxRuntime.jsx(FilterSection, { filter: filter, translations: translations, value: filterValues[filter.key], onChange: (value) => handleFilterChange(filter.key, value) }, filter.key));
                             }) }) }), jsxRuntime.jsx(DrawerFiltersFooter, { onClearFilters: handleClearFilters, onCancel: handleCancel, onApplyFilters: handleApplyFilters, translations: translations })] }) }) }));
 };
@@ -16106,7 +16397,7 @@ const Modal = ({ isOpen, defaultOpen, onOpenChange, onClose, size = "md", radius
                 // de react-aria no se pueden pisar por esta vía.
                 render: hasExtraAria
                     ? (sectionProps) => jsxRuntime.jsx("section", { ...extraAria, ...sectionProps })
-                    : undefined, className: react.cn(RADIUS_CLASS$1[radius], size !== "full" && MAX_WIDTH_CLASS[size], "px-6 py-9", classNames?.base, className, contentClassName), children: ({ close }) => (jsxRuntime.jsx(ModalDialogBody, { close: close, headerId: headerId, classNames: classNames, registerContentProps: registerContentProps, hideCloseButton: hideCloseButton, children: children })) }) }) }));
+                    : undefined, className: cn(RADIUS_CLASS$1[radius], size !== "full" && MAX_WIDTH_CLASS[size], "px-6 py-9", classNames?.base, className, contentClassName), children: ({ close }) => (jsxRuntime.jsx(ModalDialogBody, { close: close, headerId: headerId, classNames: classNames, registerContentProps: registerContentProps, hideCloseButton: hideCloseButton, children: children })) }) }) }));
 };
 /** Aísla el `useMemo` del valor de contexto (el render-prop de `Dialog` no puede usar hooks). */
 const ModalDialogBody = ({ close, headerId, classNames, registerContentProps, hideCloseButton, children, }) => {
@@ -16169,7 +16460,7 @@ const ModalHeader = ({ className, ...props }) => {
     , { 
         // Nombra el diálogo (`aria-labelledby`, ver `Modal.tsx`). Va antes del spread: un `id`
         // propio del consumidor gana, igual que en v2 (`id: headerId, ...otherProps`).
-        id: headerId, ...props, className: react.cn("flex-row gap-0 px-6 py-4 text-lg font-semibold", 
+        id: headerId, ...props, className: cn("flex-row gap-0 px-6 py-4 text-lg font-semibold", 
         // v2 `classNames.header` del `<Modal>`; el `className` propio gana
         // (`clsx(classNames.header, className)` en `@heroui/modal@2.2.19`).
         classNames?.header, className) }));
@@ -16340,7 +16631,7 @@ const ModalBody = $8WNJc$react.forwardRef(({ className, ...props }, forwardedRef
     return (jsxRuntime.jsx(react.ModalBody, { ref: callbackRef, ...props, 
         // v2 `classNames.body` del `<Modal>` entre la geometría y el `className` propio,
         // que gana (`clsx(classNames.body, className)` en `@heroui/modal@2.2.19`).
-        className: react.cn(BODY_V2_GEOMETRY$1, classNames?.body, className) }));
+        className: cn(BODY_V2_GEOMETRY$1, classNames?.body, className) }));
 });
 ModalBody.displayName = "ModalBody";
 
@@ -16350,13 +16641,19 @@ ModalBody.displayName = "ModalBody";
  * v3 conserva `flex-row justify-end gap-2` pero pierde el padding, y añade un
  * `.modal__body + .modal__footer { mt-5 }` que v2 no tenía (v2 separaba los slots solo
  * con su propio padding) — de ahí el `mt-0`.
+ *
+ * `items-stretch`: v2 no declaraba `items-*` (`align-items: normal`, que en flex estira), y v3
+ * pone `items-center`. En un footer en columna (`className="flex flex-col"`, «Register payment»
+ * de beweossmbs) eso encogía cada fila a su contenido: medido con la .141, Total 83px frente a
+ * 464 y botones `flex-1` 108px frente a 226. En la fila por defecto no cambia nada visible
+ * (los `Button` tienen alto propio). Un `items-*` de la app lo retira por fusión.
  */
 const ModalFooter = ({ className, ...props }) => {
     const { classNames } = $8WNJc$react.useContext(ModalFacadeContext);
     return (jsxRuntime.jsx(react.ModalFooter, { ...props, 
         // v2 `classNames.footer` del `<Modal>` entre la fachada y el `className` propio, que
         // gana (`clsx(classNames.footer, className)` en `@heroui/modal@2.2.19`).
-        className: react.cn("mt-0 px-6 py-4", classNames?.footer, className) }));
+        className: cn("mt-0 items-stretch px-6 py-4", classNames?.footer, className) }));
 };
 ModalFooter.displayName = "ModalFooter";
 
@@ -16453,10 +16750,11 @@ const DrawerFacade = ({ isOpen, defaultOpen, onOpenChange, onClose, placement =
     // Sin `Drawer.Root` (el `DialogTrigger` de react-aria) a propósito: la fachada no tiene
     // disparador propio —lo abre el `isOpen` de la app— y un `DialogTrigger` sin hijo pulsable
     // avisa en consola en CADA montaje («A PressResponder was rendered without a pressable
-    // child», medido en jsdom; `Modal` lo sigue emitiendo). `Drawer.Backdrop` (`ModalOverlay`)
+    // child», medido en jsdom). `Modal` hace lo mismo desde 27958d2 (ya no monta `Modal.Root`) y
+    // `Modal.v2.test.tsx` vigila 0 avisos con modales cerrados. `Drawer.Backdrop` (`ModalOverlay`)
     // ya crea y publica su propio estado de overlay con `isOpen`/`onOpenChange`, y trae todos los
     // slots de `drawerVariants()`, así que el root no aportaba nada.
-    return (jsxRuntime.jsx(react.Drawer.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: handleOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsxRuntime.jsx(react.Drawer.Content, { placement: placement, children: jsxRuntime.jsx(react.Drawer.Dialog, { "aria-labelledby": headerId, className: react.cn(sizeClass(size, placement), "p-0", scrollBehavior === "outside" && "overflow-y-auto", className), children: ({ close }) => (jsxRuntime.jsx(DrawerDialogBody, { close: close, headerId: headerId, scrollBehavior: scrollBehavior, hideCloseButton: hideCloseButton, children: children })) }) }) }));
+    return (jsxRuntime.jsx(react.Drawer.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: handleOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsxRuntime.jsx(react.Drawer.Content, { placement: placement, children: jsxRuntime.jsx(react.Drawer.Dialog, { "aria-labelledby": headerId, className: cn(sizeClass(size, placement), "p-0", scrollBehavior === "outside" && "overflow-y-auto", className), children: ({ close }) => (jsxRuntime.jsx(DrawerDialogBody, { close: close, headerId: headerId, scrollBehavior: scrollBehavior, hideCloseButton: hideCloseButton, children: children })) }) }) }));
 };
 /** Aísla el `useMemo` del valor de contexto (el render-prop de `Dialog` no puede usar hooks). */
 const DrawerDialogBody = ({ close, headerId, scrollBehavior, hideCloseButton, children }) => {
@@ -16518,7 +16816,7 @@ DrawerContent.displayName = "Aurora.DrawerContent";
  */
 const DrawerHeader = ({ className, children }) => {
     const { headerId } = $8WNJc$react.useContext(DrawerFacadeContext);
-    return (jsxRuntime.jsx(react.DrawerHeader, { id: headerId, className: react.cn("flex-initial flex-row gap-0 px-6 py-4 text-lg font-semibold", className), children: children }));
+    return (jsxRuntime.jsx(react.DrawerHeader, { id: headerId, className: cn("flex-initial flex-row gap-0 px-6 py-4 text-lg font-semibold", className), children: children }));
 };
 DrawerHeader.displayName = "Aurora.DrawerHeader";
 
@@ -16536,7 +16834,7 @@ DrawerHeader.displayName = "Aurora.DrawerHeader";
 const BODY_V2_GEOMETRY = "mx-0 mt-0 flex flex-1 flex-col gap-3 px-6 py-2";
 const DrawerBody = ({ className, children }) => {
     const { scrollBehavior } = $8WNJc$react.useContext(DrawerFacadeContext);
-    return (jsxRuntime.jsx(react.DrawerBody, { className: react.cn(BODY_V2_GEOMETRY, scrollBehavior === "outside" && "flex-none overflow-visible", className), children: children }));
+    return (jsxRuntime.jsx(react.DrawerBody, { className: cn(BODY_V2_GEOMETRY, scrollBehavior === "outside" && "flex-none overflow-visible", className), children: children }));
 };
 DrawerBody.displayName = "Aurora.DrawerBody";
 
@@ -16544,9 +16842,11 @@ DrawerBody.displayName = "Aurora.DrawerBody";
  * Geometría v2 del slot `footer`: `flex flex-row gap-2 px-6 py-4 justify-end`
  * (`@heroui/theme@2.4.15`, slot `footer`). v3 conserva `flex-row justify-end gap-2` pero pierde
  * el padding y añade `.drawer__body + .drawer__footer { mt-5 }`, que v2 no tenía — de ahí el
- * `mt-0` (mismo arreglo que `ModalFooter`).
+ * `mt-0` (mismo arreglo que `ModalFooter`). Y `items-stretch` en lugar del `items-center` de
+ * v3: v2 no declaraba `items-*`, así que un footer en columna estiraba sus filas (en «Register
+ * payment» de beweossmbs, Total 83px frente a 464 con la .141; detalle en `ModalFooter`).
  */
-const DrawerFooter = ({ className, children }) => (jsxRuntime.jsx(react.DrawerFooter, { className: react.cn("mt-0 px-6 py-4", className), children: children }));
+const DrawerFooter = ({ className, children }) => (jsxRuntime.jsx(react.DrawerFooter, { className: cn("mt-0 items-stretch px-6 py-4", className), children: children }));
 DrawerFooter.displayName = "Aurora.DrawerFooter";
 
 // TECH-2459 — Fachada `Alert` (hallazgo loginos 07-sep: `index.tsx` reexportaba el `Alert` CRUDO de
@@ -16790,7 +17090,7 @@ const AlertFacade = ({ color, status, variant = "flat", radius = "md", title, de
         return null;
     }
     if (hasCompoundChildren(children)) {
-        return (jsxRuntime.jsx(react.Alert, { ...rest, status: effectiveStatus, className: react.cn(classNames?.base, className), children: children }));
+        return (jsxRuntime.jsx(react.Alert, { ...rest, status: effectiveStatus, className: cn(classNames?.base, className), children: children }));
     }
     const handleClose = () => {
         if (!isControlled) {
@@ -16809,20 +17109,20 @@ const AlertFacade = ({ color, status, variant = "flat", radius = "md", title, de
         // Base v2: `flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1`. v3 ya trae
         // flex/w-full/items-start/px-4/py-3; se repone el `gap-x-1` (v3: `gap-4`), se quita el
         // `shadow-surface` (v2 no tenía sombra en el base) y se aplica variant/radius.
-        className: react.cn("grow gap-x-1 shadow-none", slots.base, RADIUS_CLASS[radius], hideIconWrapper && "gap-x-0", classNames?.base, className), children: [startContent, !hideIcon && (jsxRuntime.jsx(react.Alert.Indicator, { className: react.cn(ICON_WRAPPER_BASE, 
+        className: cn("grow gap-x-1 shadow-none", slots.base, RADIUS_CLASS[radius], hideIconWrapper && "gap-x-0", classNames?.base, className), children: [startContent, !hideIcon && (jsxRuntime.jsx(react.Alert.Indicator, { className: cn(ICON_WRAPPER_BASE, 
                 // v2 `hideIconWrapper`: `!bg-transparent !shadow-none !border-none` — se omiten
                 // las clases teñidas en vez de pisarlas, porque `bg-transparent` no borraría el
                 // `dark:bg-*` (grupo distinto para tailwind-merge).
                 hideIconWrapper ? "bg-transparent" : slots.iconWrapper, classNames?.iconWrapper), children: icon !== undefined && icon !== null ? (classNames?.alertIcon ? (
                 // `alertIcon` de v2 se aplicaba al propio SVG; aquí solo alcanza al icono
                 // personalizado (el de v3 por defecto se renderiza dentro del indicador).
-                jsxRuntime.jsx("span", { className: classNames.alertIcon, children: icon })) : (icon)) : undefined })), jsxRuntime.jsxs(react.Alert.Content, { className: react.cn("ms-2 box-border min-h-10 justify-center text-inherit", !hasContent && "items-center", classNames?.mainWrapper), children: [hasTitle && (
+                jsxRuntime.jsx("span", { className: classNames.alertIcon, children: icon })) : (icon)) : undefined })), jsxRuntime.jsxs(react.Alert.Content, { className: cn("ms-2 box-border min-h-10 justify-center text-inherit", !hasContent && "items-center", classNames?.mainWrapper), children: [hasTitle && (
                     // v2: `text-small w-full font-medium block text-inherit leading-5`; v3 (`.alert__title`)
                     // pone `leading-6` y el color del estado — `text-inherit` devuelve el de v2.
-                    jsxRuntime.jsx(react.Alert.Title, { className: react.cn("w-full leading-5 text-inherit", classNames?.title), children: title })), hasDescription && (
+                    jsxRuntime.jsx(react.Alert.Title, { className: cn("w-full leading-5 text-inherit", classNames?.title), children: title })), hasDescription && (
                     // v2: `pl-[1px] text-small font-normal text-inherit`; v3 (`.alert__description`) pone
                     // `text-muted`.
-                    jsxRuntime.jsx(react.Alert.Description, { className: react.cn("pl-px font-normal text-inherit", slots.description, classNames?.description), children: description })), children] }), endContent, showClose && (jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: react.cn(CLOSE_BASE, slots.closeButton, classNames?.closeButton), onPress: handleClose }))] }));
+                    jsxRuntime.jsx(react.Alert.Description, { className: cn("pl-px font-normal text-inherit", slots.description, classNames?.description), children: description })), children] }), endContent, showClose && (jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: cn(CLOSE_BASE, slots.closeButton, classNames?.closeButton), onPress: handleClose }))] }));
 };
 AlertFacade.displayName = "Aurora.Alert";
 /**
@@ -16903,7 +17203,7 @@ function renderDropdownTrigger(child, triggerClassName) {
             : child.props.ref);
         const childClass = child.props.className;
         const className = triggerClassName && typeof childClass !== "function"
-            ? react.cn(triggerClassName, childClass)
+            ? cn(triggerClassName, childClass)
             : childClass;
         return $8WNJc$react.cloneElement(child, {
             ...mergeTriggerProps$1(triggerProps, child.props),
@@ -16991,7 +17291,7 @@ function hasValue(node) {
  * (`react-aria-components/dist/private/Menu.mjs:318-355`).
  */
 const DropdownSectionFacade = ({ title, classNames, className, children, ...props }) => {
-    return (jsxRuntime.jsxs(react.Dropdown.Section, { ...props, className: react.cn(className, classNames?.base), children: [hasValue(title) ? (jsxRuntime.jsx(react.Header, { className: react.cn(SECTION_HEADING_CLASS, classNames?.heading), children: title })) : null, children] }));
+    return (jsxRuntime.jsxs(react.Dropdown.Section, { ...props, className: cn(className, classNames?.base), children: [hasValue(title) ? (jsxRuntime.jsx(react.Header, { className: cn(SECTION_HEADING_CLASS, classNames?.heading), children: title })) : null, children] }));
 };
 DropdownSectionFacade.displayName = "Aurora.DropdownSection";
 /**
@@ -17170,7 +17470,7 @@ const DropdownFacade = ({ children, placement, offset, crossOffset, shouldFlip,
     // v2: `base` (caja exterior), luego `content` + `className` (caja interior); en v3 es una sola
     // caja, así que van juntas y en ese orden. `cn` funde conflictos entre ellas; frente a la clase
     // de v3 (`.dropdown__popover`, capa `components`) cualquier utilidad ya gana por capa.
-    const popoverClass = react.cn(classNames?.base, classNames?.content, className) || undefined;
+    const popoverClass = cn(classNames?.base, classNames?.content, className) || undefined;
     const menuWithClose = (node) => withCloseOnSelect(node, closeOnSelect);
     const nodes = flatten(children);
     // El popover es del consumidor: se respeta su árbol entero y se le COMPLETA lo que no dijo
@@ -17186,7 +17486,7 @@ const DropdownFacade = ({ children, placement, offset, crossOffset, shouldFlip,
             return $8WNJc$react.cloneElement(own, {
                 ...missing,
                 ...(popoverClass && typeof ownClass !== "function"
-                    ? { className: react.cn(popoverClass, ownClass) }
+                    ? { className: cn(popoverClass, ownClass) }
                     : {}),
             }, ...mapTree(own.props.children, menuWithClose));
         };
@@ -17401,7 +17701,7 @@ titleValue: _titleValue, ...props }) => {
     const children = ownChildren ?? title;
     const sizeClass = $8WNJc$react.useContext(TabSizeContext);
     const tabProps = sizeClass
-        ? { ...props, className: react.cn(sizeClass, props.className) }
+        ? { ...props, className: cn(sizeClass, props.className) }
         : props;
     // `children` como función es la forma de render props de react-aria (`TabRenderProps`). No se
     // puede inspeccionar, y menos aún combinar con un hermano —React rechaza una función como
@@ -17596,11 +17896,11 @@ const TabsFacade = (allProps) => {
         // `.tabs[data-orientation="horizontal"] > .tabs__list-container { align-self: start }` de
         // neutralize, que no hace falta: dentro de una fila el carril ya mide su contenido.
         const orientationAttr = v3Orientation ?? "horizontal";
-        return (jsxRuntime.jsxs(react.Tabs, { ...rootProps, orientation: v3Orientation, variant: v3Variant, children: [jsxRuntime.jsx("div", { className: react.cn("flex", v3Variant === "secondary" && "tabs--secondary", fullWidth && "w-full", classNames?.base, className), "data-orientation": orientationAttr, "data-slot": "tabs-base", children: jsxRuntime.jsx(react.Tabs.ListContainer, { className: react.cn(fullWidth && "w-full"), children: jsxRuntime.jsx(react.Tabs.List, { "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: react.cn(classNames?.tabList), children: tabs.map(({ id, title, tabClassName, tabProps }) => ($8WNJc$react.createElement(react.Tabs.Tab, { ...tabProps, className: react.cn(size && TAB_SIZE_CLASS[size], classNames?.tab, tabClassName), id: id, key: id },
-                                jsxRuntime.jsx(react.Tabs.Indicator, { className: react.cn(classNames?.cursor) }),
+        return (jsxRuntime.jsxs(react.Tabs, { ...rootProps, orientation: v3Orientation, variant: v3Variant, children: [jsxRuntime.jsx("div", { className: cn("flex", v3Variant === "secondary" && "tabs--secondary", fullWidth && "w-full", classNames?.base, className), "data-orientation": orientationAttr, "data-slot": "tabs-base", children: jsxRuntime.jsx(react.Tabs.ListContainer, { className: cn(fullWidth && "w-full"), children: jsxRuntime.jsx(react.Tabs.List, { "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: cn(classNames?.tabList), children: tabs.map(({ id, title, tabClassName, tabProps }) => ($8WNJc$react.createElement(react.Tabs.Tab, { ...tabProps, className: cn(size && TAB_SIZE_CLASS[size], classNames?.tab, tabClassName), id: id, key: id },
+                                jsxRuntime.jsx(react.Tabs.Indicator, { className: cn(classNames?.cursor) }),
                                 classNames?.tabContent ? (jsxRuntime.jsx("span", { className: classNames.tabContent, children: title })) : (title)))) }) }) }), tabs
                     .filter(({ panel }) => hasPanelContent(panel))
-                    .map(({ id, panel, tabClassName }) => (jsxRuntime.jsx(react.Tabs.Panel, { className: react.cn(classNames?.panel, tabClassName), id: id, shouldForceMount: !destroyInactiveTabPanel || undefined, children: typeof panel === "function" ? null : panel }, id)))] }));
+                    .map(({ id, panel, tabClassName }) => (jsxRuntime.jsx(react.Tabs.Panel, { className: cn(classNames?.panel, tabClassName), id: id, shouldForceMount: !destroyInactiveTabPanel || undefined, children: typeof panel === "function" ? null : panel }, id)))] }));
     }
     // Forma v3 (o nada que traducir): el camino de siempre. Solo se traducen las props de v2 que
     // tienen equivalente, para que una app a medio migrar no las pierda.
@@ -17610,7 +17910,7 @@ const TabsFacade = (allProps) => {
     const v3Props = {
         ...rest,
         className: fullWidth || classNames?.base
-            ? react.cn(fullWidth && "w-full", classNames?.base, className)
+            ? cn(fullWidth && "w-full", classNames?.base, className)
             : className,
         orientation: v3Orientation,
         variant: v3Variant,
@@ -17781,7 +18081,7 @@ const Tooltip = ({ enableTapOnTouch = true, touchPlacement = "top", placement, o
 delay = 0, closeDelay, trigger, className, classNames, color = "default", children, }) => {
     // v3 tiene un solo nodo donde v2 tenía `base` + `content` (ver `TooltipClassNames`). Orden de
     // v2: color → `classNames` → `className`; `cn` fusiona para que la clase de la app gane.
-    const contentClassName = react.cn(COLOR_CLASSES[color] ?? "", classNames?.base, classNames?.content, className);
+    const contentClassName = cn(COLOR_CLASSES[color] ?? "", classNames?.base, classNames?.content, className);
     const arrow = showArrow && (jsxRuntime.jsx(react.Tooltip.Arrow, { className: classNames?.arrow }));
     // Detección táctil: NO basta con `(hover: none)`. Muchos móviles (p.ej.
     // Android) reportan `(hover: hover)` y `(hover: none)` da false, dejando el
@@ -18667,10 +18967,6 @@ Object.defineProperty(exports, "TableRow", {
     enumerable: true,
     get: function () { return react.TableRow; }
 });
-Object.defineProperty(exports, "cn", {
-    enumerable: true,
-    get: function () { return react.cn; }
-});
 Object.defineProperty(exports, "loadIcons", {
     enumerable: true,
     get: function () { return react$1.loadIcons; }
@@ -18795,6 +19091,7 @@ exports.WizardNavigation = WizardNavigation;
 exports.WizardSidebar = WizardSidebar;
 exports.applyCustomPrimaryColor = applyCustomPrimaryColor;
 exports.applyLindaTones = applyLindaTones;
+exports.cn = cn;
 exports.computeBars = computeBars;
 exports.computeMax = computeMax;
 exports.computeSlices = computeSlices;