@beweco/aurora-ui 1.0.0-beta.136 → 1.0.0-beta.138

package/dist/index.cjs.js

@@ -518,7 +518,7 @@ const SHAPE_BY_VARIANT = {
 // Por eso `SIZE_CLASS` vuelve al `px` del slot `base` de v2 y el sangrado del texto pasa a
 // `CONTENT_PADDING` (abajo), con `gap-0` para anular el `gap-0.5` que v3 mete en `.chip` y que v2
 // no tenía (en v2 TODA la separación salía de paddings).
-const SIZE_CLASS$7 = {
+const SIZE_CLASS$6 = {
     sm: "h-6 px-1 gap-0 text-xs font-normal",
     md: "h-7 px-1 gap-0 text-sm font-normal",
     lg: "h-8 px-2 gap-0 text-base font-normal",
@@ -761,7 +761,7 @@ 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$7[size], 
+        className: react.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, flatDarkFgClass, customClass, isDisabled ? "opacity-50 pointer-events-none" : "", classNames?.base, className), style: style, "aria-disabled": isDisabled || undefined, children: [startContent, jsxRuntime.jsx("span", { className: react.cn("flex-1 text-inherit font-normal", startContent
@@ -1188,12 +1188,12 @@ exports.HolidayType = void 0;
 // Mismo mecanismo que Input/Select (findings/campo-texto-responsive-sm-trap.md):
 // `.date-input-group__input` fija su propio `text-base sm:text-sm` — se repite la clase de
 // tamaño de TEXTO directo en `DateField.Input`, no solo en el `DateField.Group` contenedor.
-const SIZE_CLASS$6 = {
+const SIZE_CLASS$5 = {
     sm: "min-h-8 h-8",
     md: "min-h-10 h-10",
     lg: "min-h-12 h-12",
 };
-const SIZE_TEXT_CLASS$3 = {
+const SIZE_TEXT_CLASS$4 = {
     sm: "text-sm",
     md: "text-sm",
     lg: "text-base",
@@ -1266,23 +1266,23 @@ function DatePicker({ label, description, errorMessage, id, size = "md", variant
     return (jsxRuntime.jsxs(react.DatePicker, { ...props, id: autoId, "aria-label": ariaLabel, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, className: ["flex flex-col gap-1", fullWidth ? "w-full" : "", className]
             .filter(Boolean)
             .join(" "), children: [label && (jsxRuntime.jsx(react.Label, { className: "text-default-600 text-xs font-medium", children: label })), jsxRuntime.jsxs(react.DateField.Group, { fullWidth: fullWidth, className: [
-                    SIZE_CLASS$6[size],
+                    SIZE_CLASS$5[size],
                     RADIUS_CLASS$8[radius],
                     VARIANT_CLASS$5[variant],
                     FIELD_FOCUS_CLASS$5,
                 ]
                     .filter(Boolean)
-                    .join(" "), children: [jsxRuntime.jsx(react.DateField.Input, { className: SIZE_TEXT_CLASS$3[size], children: (segment) => jsxRuntime.jsx(react.DateField.Segment, { segment: segment }) }), jsxRuntime.jsx(react.DateField.Suffix, { children: jsxRuntime.jsx(react.DatePicker.Trigger, { children: endContent !== undefined ? (jsxRuntime.jsx(react.DatePicker.TriggerIndicator, { children: endContent })) : (jsxRuntime.jsx(react.DatePicker.TriggerIndicator, {})) }) })] }), description && !isInvalid && jsxRuntime.jsx(react.Description, { children: description }), jsxRuntime.jsxs(react.DatePicker.Popover, { children: [jsxRuntime.jsxs(react.Calendar, { "aria-label": calendarLabel, children: [jsxRuntime.jsxs(react.Calendar.Header, { children: [jsxRuntime.jsxs(react.Calendar.YearPickerTrigger, { children: [jsxRuntime.jsx(react.Calendar.YearPickerTriggerHeading, {}), jsxRuntime.jsx(react.Calendar.YearPickerTriggerIndicator, {})] }), jsxRuntime.jsx(react.Calendar.NavButton, { slot: "previous" }), jsxRuntime.jsx(react.Calendar.NavButton, { slot: "next" })] }), jsxRuntime.jsxs(react.Calendar.Grid, { children: [jsxRuntime.jsx(react.Calendar.GridHeader, { children: (day) => jsxRuntime.jsx(react.Calendar.HeaderCell, { children: day }) }), jsxRuntime.jsx(react.Calendar.GridBody, { children: (date) => (jsxRuntime.jsx(react.Calendar.Cell, { date: date, className: CALENDAR_CELL_CLASS$1 })) })] })] }), calendarBottomContent] }), isInvalid && errorMessage && jsxRuntime.jsx(react.FieldError, { children: errorMessage })] }));
+                    .join(" "), children: [jsxRuntime.jsx(react.DateField.Input, { className: SIZE_TEXT_CLASS$4[size], children: (segment) => jsxRuntime.jsx(react.DateField.Segment, { segment: segment }) }), jsxRuntime.jsx(react.DateField.Suffix, { children: jsxRuntime.jsx(react.DatePicker.Trigger, { children: endContent !== undefined ? (jsxRuntime.jsx(react.DatePicker.TriggerIndicator, { children: endContent })) : (jsxRuntime.jsx(react.DatePicker.TriggerIndicator, {})) }) })] }), description && !isInvalid && jsxRuntime.jsx(react.Description, { children: description }), jsxRuntime.jsxs(react.DatePicker.Popover, { children: [jsxRuntime.jsxs(react.Calendar, { "aria-label": calendarLabel, children: [jsxRuntime.jsxs(react.Calendar.Header, { children: [jsxRuntime.jsxs(react.Calendar.YearPickerTrigger, { children: [jsxRuntime.jsx(react.Calendar.YearPickerTriggerHeading, {}), jsxRuntime.jsx(react.Calendar.YearPickerTriggerIndicator, {})] }), jsxRuntime.jsx(react.Calendar.NavButton, { slot: "previous" }), jsxRuntime.jsx(react.Calendar.NavButton, { slot: "next" })] }), jsxRuntime.jsxs(react.Calendar.Grid, { children: [jsxRuntime.jsx(react.Calendar.GridHeader, { children: (day) => jsxRuntime.jsx(react.Calendar.HeaderCell, { children: day }) }), jsxRuntime.jsx(react.Calendar.GridBody, { children: (date) => (jsxRuntime.jsx(react.Calendar.Cell, { date: date, className: CALENDAR_CELL_CLASS$1 })) })] })] }), calendarBottomContent] }), isInvalid && errorMessage && jsxRuntime.jsx(react.FieldError, { children: errorMessage })] }));
 }
 
 // Mismo mecanismo que DatePicker.tsx / Input.tsx / Select.tsx (findings/
 // campo-texto-responsive-sm-trap.md).
-const SIZE_CLASS$5 = {
+const SIZE_CLASS$4 = {
     sm: "min-h-8 h-8",
     md: "min-h-10 h-10",
     lg: "min-h-12 h-12",
 };
-const SIZE_TEXT_CLASS$2 = {
+const SIZE_TEXT_CLASS$3 = {
     sm: "text-sm",
     md: "text-sm",
     lg: "text-base",
@@ -1358,13 +1358,13 @@ function DateRangePicker({ label, description, errorMessage, id, size = "md", va
     return (jsxRuntime.jsxs(react.DateRangePicker, { ...props, id: autoId, "aria-label": ariaLabel, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, className: ["flex flex-col gap-1", fullWidth ? "w-full" : "", className]
             .filter(Boolean)
             .join(" "), children: [label && (jsxRuntime.jsx(react.Label, { className: "text-default-600 text-xs font-medium", children: label })), jsxRuntime.jsxs(react.DateField.Group, { fullWidth: fullWidth, className: [
-                    SIZE_CLASS$5[size],
+                    SIZE_CLASS$4[size],
                     RADIUS_CLASS$7[radius],
                     VARIANT_CLASS$4[variant],
                     FIELD_FOCUS_CLASS$4,
                 ]
                     .filter(Boolean)
-                    .join(" "), children: [jsxRuntime.jsx(react.DateField.Input, { slot: "start", className: SIZE_TEXT_CLASS$2[size], children: (segment) => jsxRuntime.jsx(react.DateField.Segment, { segment: segment }) }), jsxRuntime.jsx(react.DateRangePicker.RangeSeparator, {}), jsxRuntime.jsx(react.DateField.Input, { slot: "end", className: SIZE_TEXT_CLASS$2[size], children: (segment) => jsxRuntime.jsx(react.DateField.Segment, { segment: segment }) }), jsxRuntime.jsx(react.DateField.Suffix, { children: jsxRuntime.jsx(react.DateRangePicker.Trigger, { children: endContent !== undefined ? (jsxRuntime.jsx(react.DateRangePicker.TriggerIndicator, { children: endContent })) : (jsxRuntime.jsx(react.DateRangePicker.TriggerIndicator, {})) }) })] }), description && !isInvalid && jsxRuntime.jsx(react.Description, { children: description }), jsxRuntime.jsxs(react.DateRangePicker.Popover, { children: [jsxRuntime.jsxs(react.RangeCalendar, { "aria-label": calendarLabel, children: [jsxRuntime.jsxs(react.RangeCalendar.Header, { children: [jsxRuntime.jsxs(react.RangeCalendar.YearPickerTrigger, { children: [jsxRuntime.jsx(react.RangeCalendar.YearPickerTriggerHeading, {}), jsxRuntime.jsx(react.RangeCalendar.YearPickerTriggerIndicator, {})] }), jsxRuntime.jsx(react.RangeCalendar.NavButton, { slot: "previous" }), jsxRuntime.jsx(react.RangeCalendar.NavButton, { slot: "next" })] }), jsxRuntime.jsxs(react.RangeCalendar.Grid, { children: [jsxRuntime.jsx(react.RangeCalendar.GridHeader, { children: (day) => jsxRuntime.jsx(react.RangeCalendar.HeaderCell, { children: day }) }), jsxRuntime.jsx(react.RangeCalendar.GridBody, { children: (date) => (jsxRuntime.jsx(react.RangeCalendar.Cell, { date: date, className: CALENDAR_CELL_CLASS })) })] })] }), calendarBottomContent] }), isInvalid && errorMessage && jsxRuntime.jsx(react.FieldError, { children: errorMessage })] }));
+                    .join(" "), children: [jsxRuntime.jsx(react.DateField.Input, { slot: "start", className: SIZE_TEXT_CLASS$3[size], children: (segment) => jsxRuntime.jsx(react.DateField.Segment, { segment: segment }) }), jsxRuntime.jsx(react.DateRangePicker.RangeSeparator, {}), jsxRuntime.jsx(react.DateField.Input, { slot: "end", className: SIZE_TEXT_CLASS$3[size], children: (segment) => jsxRuntime.jsx(react.DateField.Segment, { segment: segment }) }), jsxRuntime.jsx(react.DateField.Suffix, { children: jsxRuntime.jsx(react.DateRangePicker.Trigger, { children: endContent !== undefined ? (jsxRuntime.jsx(react.DateRangePicker.TriggerIndicator, { children: endContent })) : (jsxRuntime.jsx(react.DateRangePicker.TriggerIndicator, {})) }) })] }), description && !isInvalid && jsxRuntime.jsx(react.Description, { children: description }), jsxRuntime.jsxs(react.DateRangePicker.Popover, { children: [jsxRuntime.jsxs(react.RangeCalendar, { "aria-label": calendarLabel, children: [jsxRuntime.jsxs(react.RangeCalendar.Header, { children: [jsxRuntime.jsxs(react.RangeCalendar.YearPickerTrigger, { children: [jsxRuntime.jsx(react.RangeCalendar.YearPickerTriggerHeading, {}), jsxRuntime.jsx(react.RangeCalendar.YearPickerTriggerIndicator, {})] }), jsxRuntime.jsx(react.RangeCalendar.NavButton, { slot: "previous" }), jsxRuntime.jsx(react.RangeCalendar.NavButton, { slot: "next" })] }), jsxRuntime.jsxs(react.RangeCalendar.Grid, { children: [jsxRuntime.jsx(react.RangeCalendar.GridHeader, { children: (day) => jsxRuntime.jsx(react.RangeCalendar.HeaderCell, { children: day }) }), jsxRuntime.jsx(react.RangeCalendar.GridBody, { children: (date) => (jsxRuntime.jsx(react.RangeCalendar.Cell, { date: date, className: CALENDAR_CELL_CLASS })) })] })] }), calendarBottomContent] }), isInvalid && errorMessage && jsxRuntime.jsx(react.FieldError, { children: errorMessage })] }));
 }
 
 // TECH-2459 · F3.0 — v3 divide el `Input` monolítico de v2 en `TextField` (label/description/
@@ -1379,7 +1379,7 @@ function DateRangePicker({ label, description, errorMessage, id, size = "md", va
 // `md: h-10 min-h-10` · `lg: h-12 min-h-12` (los dos últimos heredan el `px-3` de la base).
 // Verificado además contra los PNG de v2: `input--small` 32px de alto y 10px del borde exterior al
 // texto (2 de borde + 8 de padding) · `--medium` 40px y 14px (2 + 12) · `--large` 48px y 14px.
-const SIZE_CLASS$4 = {
+const SIZE_CLASS$3 = {
     sm: "min-h-8 h-8",
     md: "min-h-10 h-10",
     lg: "min-h-12 h-12",
@@ -1416,7 +1416,7 @@ const PADDING_FULL_CLASS$1 = {
 // medía 40px de alto en vez de 32, porque 20px de línea + 16 de padding no caben en `h-8`).
 // El hueco entre el contenido de los extremos y el texto lo pone `ps-1.5`/`pe-1.5`, que es
 // exactamente lo que hacía v2 (`data-[has-start-content=true]:ps-1.5`).
-const SIZE_TEXT_CLASS$1 = {
+const SIZE_TEXT_CLASS$2 = {
     sm: "text-sm",
     md: "text-sm",
     lg: "text-base",
@@ -1734,11 +1734,11 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
     return (jsxRuntime.jsxs(react.TextField, { id: inputId, name: name, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, isReadOnly: isReadOnly, className: react.cn(FIELD_STACK_CLASS$3[size], 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$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$4[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: 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, 
                 // 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", 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: ref, required: required, type: type, placeholder: labelFlotante ? " " : placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: react.cn("bg-transparent p-0", SIZE_TEXT_CLASS$1[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: "h-4 w-4 min-h-0 p-0.5 mr-1", 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?.description), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: react.cn(HELPER_CLASS$2, "text-left", classNames?.errorMessage), children: errorMessage }))] }));
+                "w-full", 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: ref, required: required, type: type, placeholder: labelFlotante ? " " : placeholder, value: value, defaultValue: defaultValue, 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: "h-4 w-4 min-h-0 p-0.5 mr-1", 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?.description), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: react.cn(HELPER_CLASS$2, "text-left", classNames?.errorMessage), children: errorMessage }))] }));
 });
 Input.displayName = "Input";
 
@@ -2285,7 +2285,7 @@ const OPCIONES_CLASS = [
  * componente el label era propio de Aurora y llevaba un `mb-2` fijo (8px) para los tres. Por eso
  * `FIELD_STACK_CLASS` es una constante y no un registro.
  */
-const SIZE_CLASS$3 = {
+const SIZE_CLASS$2 = {
     sm: "min-h-8 h-8",
     md: "min-h-10 h-10",
     lg: "min-h-12 h-12",
@@ -2458,7 +2458,7 @@ isClearable = true, isReadOnly, inputValue, selectedKey, onInputChange, onSelect
         inputRef.current?.focus();
     };
     return (jsxRuntime.jsxs(react.ComboBox, { id: autoId, isDisabled: isDisabled, isReadOnly: isReadOnly, inputValue: inputValue, selectedKey: selectedKey, onInputChange: onInputChange, onSelectionChange: onSelectionChange, className: [FIELD_STACK_CLASS$2, className].filter(Boolean).join(" "), ...props, children: [label && jsxRuntime.jsx(react.Label, { className: LABEL_CLASS$3, children: label }), jsxRuntime.jsxs(react.ComboBox.InputGroup, { className: [
-                    SIZE_CLASS$3[size],
+                    SIZE_CLASS$2[size],
                     PADDING_CLASS$1[size],
                     variant === "underlined" ? UNDERLINED_INNER_CLASS[size] : "",
                     FIELD_CLASS$1,
@@ -5301,7 +5301,7 @@ KanbanCard.displayName = "KanbanCard";
  * `.button`/`.card`/`.chip`) y además arreglaría el Badge crudo de HeroUI que documenta la story
  * `HeroUI Components/Badge`; queda reportado para ese lane.
  */
-const SIZE_CLASS$2 = {
+const SIZE_CLASS$1 = {
     sm: "min-h-4 min-w-4", // v2: w-4 h-4 = 16px
     md: "min-h-5 min-w-5", // v2: w-5 h-5 = 20px
     lg: "min-h-6 min-w-6", // v2: w-6 h-6 = 24px
@@ -5359,7 +5359,7 @@ const DEFAULT_COLOR_STYLE = {
 };
 const BadgeRoot = ({ size = "md", color = "default", variant = "primary", className, style, content, isInvisible, children, ...props }) => {
     const needsDefaultToken = color === "default" && variant === "primary";
-    const badge = (jsxRuntime.jsx(react.Badge, { ...props, color: color, variant: variant, size: size, className: ["border-2", SIZE_CLASS$2[size], className]
+    const badge = (jsxRuntime.jsx(react.Badge, { ...props, color: color, variant: variant, size: size, className: ["border-2", SIZE_CLASS$1[size], className]
             .filter(Boolean)
             .join(" "), style: needsDefaultToken ? { ...DEFAULT_COLOR_STYLE, ...style } : style, children: isV2Api(content, isInvisible) ? content : children }));
     // API v3: los `children` SON el contenido del badge y el anclaje lo compone el consumidor con
@@ -8588,9 +8588,9 @@ const SearchInput = ({ searchPlaceholder = "Buscar...", searchIcon = "solar:magn
 };
 
 /** El indicador ya montado a mano por el consumidor: no se duplica. */
-function hasIndicator(children) {
+function hasIndicator$1(children) {
     if (Array.isArray(children)) {
-        return children.some(hasIndicator);
+        return children.some(hasIndicator$1);
     }
     return $8WNJc$react.isValidElement(children) && children.type === react.ListBoxItem.Indicator;
 }
@@ -8626,7 +8626,7 @@ function withItemIndicator(children) {
         const next = (values) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [render(values), jsxRuntime.jsx(react.ListBoxItem.Indicator, {})] }));
         return $8WNJc$react.cloneElement(element, { children: next });
     }
-    if (hasIndicator(original)) {
+    if (hasIndicator$1(original)) {
         return element;
     }
     const next = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [original, jsxRuntime.jsx(react.ListBoxItem.Indicator, {})] }));
@@ -8640,7 +8640,7 @@ function withItemIndicator(children) {
 // min-h-10` · `lg: h-12 min-h-12` — las mismas medidas que el Input, como era de esperar.
 // Verificado contra el PNG de v2: `select--medium` mide 40px de alto y 14px del borde exterior al
 // texto (2 de borde + 12 de padding).
-const SIZE_CLASS$1 = {
+const SIZE_CLASS = {
     sm: "min-h-8 h-8 text-sm",
     md: "min-h-10 h-10 text-sm",
     lg: "min-h-12 h-12 text-base",
@@ -8668,7 +8668,7 @@ const TRIGGER_ALIGN_CLASS = "items-center py-0";
 // `.input-group__input` (ver Input.tsx) — el tamaño de texto del trigger no llega al texto
 // seleccionado por herencia. Se repite aquí, directo sobre `Select.Value` (comprobado con
 // `className` computado en el DOM).
-const SIZE_TEXT_CLASS = {
+const SIZE_TEXT_CLASS$1 = {
     sm: "text-sm",
     md: "text-sm",
     lg: "text-base",
@@ -9057,7 +9057,7 @@ fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, tran
     // 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$1[size], radius === "full" ? PADDING_FULL_CLASS[size] : PADDING_CLASS[size], TRIGGER_ALIGN_CLASS, RADIUS_CLASS$4[radius], VARIANT_CLASS$1[variant], 
+    const triggerClassName = react.cn(SIZE_CLASS[size], radius === "full" ? PADDING_FULL_CLASS[size] : PADDING_CLASS[size], TRIGGER_ALIGN_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`.
@@ -9070,7 +9070,7 @@ fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, tran
     "w-full", classNames?.trigger);
     const inner = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(react.Label, { className: react.cn(LABEL_CLASS$1, hasHelper
                     ? LABEL_OFFSET_HELPER_CLASS[size]
-                    : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), jsxRuntime.jsxs(react.Select.Trigger, { className: triggerClassName, children: [jsxRuntime.jsx(react.Select.Value, { className: react.cn(SIZE_TEXT_CLASS[size], VALUE_ROOM_CLASS, isInvalid ? INVALID_TEXT_CLASS$1 : "") }), jsxRuntime.jsx(react.Select.Indicator, { className: "end-3" })] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), jsxRuntime.jsx(react.Select.Popover, { className: classNames?.popoverContent, children: jsxRuntime.jsx(react.ListBox
+                    : LABEL_OFFSET_CLASS[size], isInvalid ? INVALID_LABEL_CLASS$1 : "", classNames?.label), children: label })), jsxRuntime.jsxs(react.Select.Trigger, { className: triggerClassName, children: [jsxRuntime.jsx(react.Select.Value, { className: react.cn(SIZE_TEXT_CLASS$1[size], VALUE_ROOM_CLASS, isInvalid ? INVALID_TEXT_CLASS$1 : "") }), jsxRuntime.jsx(react.Select.Indicator, { className: "end-3" })] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: `${HELPER_CLASS$1} text-left`, children: description })), jsxRuntime.jsx(react.Select.Popover, { className: classNames?.popoverContent, children: jsxRuntime.jsx(react.ListBox
                 // El hueco que v2 llenaba con su `emptyContent` (ver el bloque de
                 // `DEFAULT_TRANSLATIONS`). `renderEmptyState` es la vía de v3: el `ListBox` de
                 // react-aria solo pinta algo con la colección vacía si se le pasa, y envuelve
@@ -9276,17 +9276,17 @@ const OWN_SCROLL = new Set([
     react.Table.ResizableContainer,
 ]);
 /** Identidad por `child.type` contra los objetos reales de HeroUI (mismo patrón que la fachada `Alert`). */
-function isPart$1(node, parts) {
+function isPart$2(node, parts) {
     return $8WNJc$react.isValidElement(node) && parts.has(node.type);
 }
 const TableFacade = ({ children, ...props }) => {
     const nodes = $8WNJc$react.Children.toArray(children);
     // Sin hijos, o con un contenedor de scroll ya montado a mano: el root tal cual.
-    if (nodes.length === 0 || nodes.some((node) => isPart$1(node, OWN_SCROLL))) {
+    if (nodes.length === 0 || nodes.some((node) => isPart$2(node, OWN_SCROLL))) {
         return jsxRuntime.jsx(react.Table, { ...props, children: children });
     }
-    const scrollable = nodes.filter((node) => !isPart$1(node, OUTSIDE_SCROLL));
-    const outsideScroll = nodes.filter((node) => isPart$1(node, OUTSIDE_SCROLL));
+    const scrollable = nodes.filter((node) => !isPart$2(node, OUTSIDE_SCROLL));
+    const outsideScroll = nodes.filter((node) => isPart$2(node, OUTSIDE_SCROLL));
     return (jsxRuntime.jsxs(react.Table, { ...props, children: [jsxRuntime.jsx(react.Table.ScrollContainer, { children: scrollable }), outsideScroll] }));
 };
 TableFacade.displayName = "Aurora.Table";
@@ -9378,18 +9378,70 @@ function AuraTable({ columns, items, renderCell, children, className, ...props }
 // borde/fondo/tamaño de texto viven todos en el MISMO elemento — ver `textarea.css`). Por eso no
 // hace falta repetir la clase de tamaño de texto en un hijo aparte (el hallazgo
 // `campo-texto-responsive-sm-trap.md` no aplica: no hay wrapper distinto del elemento con texto).
+// El tamaño de TEXTO depende de `size`; el ALTO depende de `minRows` — por eso van en dos
+// constantes separadas y no en una sola clase con el alto a fuego (ver el bloque siguiente).
+const SIZE_TEXT_CLASS = {
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-base",
+};
 // Alto mínimo con la fórmula de v2, no con un paso redondo de Tailwind: v2 no fijaba altura al
 // multilínea (`isMultiline` → `inputWrapper: "!h-auto"`), la altura salía de `minRows` (3 por
 // defecto) por el alto de línea, más el `py-2` que el compound `outside + isMultiline` añadía y los
 // 2px de borde de cada lado:
-//   sm/md (texto 14px, línea 20) → 3·20 + 16 + 4 = 80px
-//   lg    (texto 16px, línea 24) → 3·24 + 16 + 4 = 92px
+//   sm/md (texto 14px, línea 20) → minRows·20 + 16 + 4  →  3 líneas = 80px
+//   lg    (texto 16px, línea 24) → minRows·24 + 16 + 4  →  3 líneas = 92px
 // Comprobado contra el PNG de v2: `textarea--default` (que pasa `size="lg"`) mide exactamente 92px.
-const SIZE_CLASS = {
-    sm: "min-h-20 text-sm",
-    md: "min-h-20 text-sm",
-    lg: "min-h-[92px] text-base",
-};
+//
+// Hasta TECH-2459 esto eran dos clases fijas (`min-h-20` / `min-h-[92px]`) que ya llevaban el
+// `minRows = 3` metido dentro, así que el campo medía 80/92px pidiera el consumidor las líneas que
+// pidiera: en `beweossmbs` (la única app sin migrar) hay 27 usos de `minRows` reclamando SEIS
+// alturas distintas —1, 2, 3, 4, 6 y 8 líneas— y solo los 8 de "3 líneas" salían bien. Con la
+// fórmula, `minRows = 3` sigue dando 80/92px exactos: ninguna app que no pase la prop se mueve.
+const SIZE_LINE_HEIGHT = {
+    sm: 20,
+    md: 20,
+    lg: 24,
+};
+// El `py-2` que `.textarea` de v3 se aplica a sí mismo: 8px arriba + 8 abajo (verificado en
+// `node_modules/@heroui/styles/dist/components/textarea.css`, no deducido del PNG).
+const FIELD_PADDING_Y = 16;
+// Los 2px de borde por lado del `bordered`/`faded` de v2 (`box-sizing: border-box`).
+const FIELD_BORDER_Y = 4;
+// El default de v2, literal: `({ minRows = 3, maxRows = 8, … })` en `@heroui/input@2.4.22`,
+// `dist/chunk-RIE4DNUQ.mjs`.
+const DEFAULT_MIN_ROWS = 3;
+// ── `minRows` gana al atributo nativo `rows` ─────────────────────────────────────────────────
+//
+// Las dos props dicen lo mismo —cuántas líneas de alto tiene la caja al aparecer— así que la
+// fachada las unifica en un solo número (`minRows ?? rows ?? 3`) y las trata igual. Cuando llegan
+// LAS DOS manda `minRows`, y eso no es un gusto: es lo que hacía v2, medido en el paquete v2
+// instalado (`beweossmbs/node_modules`), por dos caminos independientes.
+//
+//   1. v2 desestructuraba `minRows` y se lo pasaba a `TextareaAutosize`, que fija la altura con
+//      `node.style.setProperty("height", height + "px", "important")` — un inline con
+//      `!important` que ningún atributo `rows` puede discutir (`react-textarea-autosize@8.5.9`,
+//      `calculateNodeHeight` + `resizeTextarea`).
+//   2. Y el `rows` del consumidor no llegaba ni al DOM: `useInput` filtraba las props ajenas con
+//      `filterDOMProps(otherProps, { enabled: true, labelable: true })`, cuya lista blanca es
+//      `id` + los cuatro `aria-*` etiquetables + `data-*` (`@react-aria/utils`,
+//      `dist/filterDOMProps.mjs`), y `useTextField` tampoco lo emite. En v2 `rows` era INERTE.
+//
+// En v3 sí llega (viaja en `...rest` hasta el `<textarea>`), de modo que aquí se desestructura para
+// que no pelee con el alto mínimo: con `minRows={2} rows={8}`, el atributo daría 8 líneas de alto
+// intrínseco y ganaría a un `min-height` de 2. Se emite UN solo `rows`, el de la cuenta ya
+// resuelta, así el atributo nativo y el `min-height` nunca se contradicen (y el campo sale con su
+// alto incluso antes de que cargue la hoja de estilos: el intrínseco de N filas es
+// N·línea + 16 + 4 con borde, y menos sin él, así que jamás supera al `min-height`).
+//
+// `rows` se sigue aceptando —y con el mismo significado— porque hay 9 usos reales en las apps (3 en
+// `beweossmbs`, 1 en `beweosagency`, 5 en `backoffice-beweos`, verificados con el import de
+// `@beweco/aurora-ui` delante) y ninguno pasa las dos props a la vez.
+const resolveRows = (minRows, rows) => 
+// `Math.max(1, …)` y el redondeo son por el atributo: `rows` exige un entero ≥ 1 y el navegador
+// ignora cualquier otra cosa. v2 acababa igual de rebote (su altura era el máximo entre el
+// mínimo calculado y una línea de contenido).
+Math.max(1, Math.round(minRows ?? rows ?? DEFAULT_MIN_ROWS));
 // v2 NO dejaba redimensionar el multilínea: su `tv` ponía `input: "resize-none …"` en la variante
 // `isMultiline` (literal de `dist/components/input.js`). v3 deja el `<textarea>` con el
 // comportamiento por defecto del navegador, que además de ser arrastrable PINTA el tirador en la
@@ -9511,7 +9563,10 @@ const INVALID_TEXT_CLASS = "text-danger";
  * y acababa colgando el ref del contenedor y buscando el `<textarea>` con una query, y (b) era
  * accidental: cualquier prop que se añadiese al destructuring lo habría cortado en silencio.
  */
-const Textarea = $8WNJc$react.forwardRef(({ label, description, errorMessage, id, size = "md", variant = "bordered", radius = "md", placeholder, isInvalid = false, isRequired = false, isDisabled = false, isReadOnly = false, 
+const Textarea = $8WNJc$react.forwardRef(({ label, description, errorMessage, id, size = "md", variant = "bordered", radius = "md", 
+// Sin default en el destructuring a propósito: hace falta distinguir "no me la han pasado"
+// de un valor, para que `rows` solo se mire cuando `minRows` no viene (ver `resolveRows`).
+minRows, rows, placeholder, isInvalid = false, isRequired = false, isDisabled = false, isReadOnly = false, 
 // `fullWidth` por defecto a `true`: HeroUI v2 lo traía en sus `defaultVariants`
 // (verificado en el paquete v2 compilado, `dist/components/input.js`:
 // `defaultVariants: { variant:"flat", color:"default", size:"md", fullWidth:true, … }`, con
@@ -9519,9 +9574,18 @@ const Textarea = $8WNJc$react.forwardRef(({ label, description, errorMessage, id
 // `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, name, ...rest }, ref) => {
+fullWidth = true, value, defaultValue, onChange, onValueChange, className, classNames, name, style, ...rest }, ref) => {
     const generatedId = $8WNJc$react.useId();
     const textareaId = id || generatedId;
+    const fieldRows = resolveRows(minRows, rows);
+    // Inline y no una clase: el valor es un número arbitrario y Tailwind 4 solo emite las clases
+    // que encuentra escritas en el fuente, así que `min-h-[${n}px]` no existiría en el CSS. El
+    // `style` del consumidor va DESPUÉS para que pueda pisarlo (y una clase con `!` también gana,
+    // que es el canal documentado en el README: `classNames={{ input: "min-h-40!" }}`).
+    const fieldStyle = {
+        minHeight: `${fieldRows * SIZE_LINE_HEIGHT[size] + FIELD_PADDING_Y + FIELD_BORDER_Y}px`,
+        ...style,
+    };
     const handleChange = (event) => {
         onChange?.(event);
         onValueChange?.(event.target.value);
@@ -9529,7 +9593,7 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
     return (jsxRuntime.jsxs(react.TextField, { id: textareaId, name: name, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, isReadOnly: isReadOnly, className: react.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 })), jsxRuntime.jsx(react.TextArea, { ...rest, ref: ref, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: react.cn(SIZE_CLASS[size], RESIZE_CLASS, RADIUS_CLASS$3[radius], VARIANT_CLASS[variant], isInvalid ? INVALID_TEXT_CLASS : "", FIELD_FOCUS_CLASS, FIELD_SHADOW_CLASS, 
+        className), children: [label && (jsxRuntime.jsx(react.Label, { className: react.cn(LABEL_CLASS, isInvalid ? INVALID_LABEL_CLASS : "", classNames?.label), children: label })), jsxRuntime.jsx(react.TextArea, { ...rest, ref: ref, rows: fieldRows, style: fieldStyle, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: react.cn(SIZE_TEXT_CLASS[size], RESIZE_CLASS, RADIUS_CLASS$3[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", classNames?.input ?? classNames?.inputWrapper) }), 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 }))] }));
@@ -14675,18 +14739,18 @@ const OWN_POPOVER = new Set([
     react.Dropdown.SubmenuTrigger,
 ]);
 /** Identidad por `child.type` contra los objetos reales de HeroUI (patrón de la fachada `Table`). */
-function isPart(node, parts) {
+function isPart$1(node, parts) {
     return $8WNJc$react.isValidElement(node) && parts.has(node.type);
 }
 const DropdownFacade = ({ children, ...props }) => {
     const nodes = $8WNJc$react.Children.toArray(children);
-    const menus = nodes.filter((node) => isPart(node, INSIDE_POPOVER));
+    const menus = nodes.filter((node) => isPart$1(node, INSIDE_POPOVER));
     // Nada que envolver (sin hijos, `children` como función, un popover ya montado a mano, o
     // simplemente ningún menú suelto): el root tal cual, byte a byte como el crudo de v3.
-    if (menus.length === 0 || nodes.some((node) => isPart(node, OWN_POPOVER))) {
+    if (menus.length === 0 || nodes.some((node) => isPart$1(node, OWN_POPOVER))) {
         return jsxRuntime.jsx(react.Dropdown, { ...props, children: children });
     }
-    return (jsxRuntime.jsxs(react.Dropdown, { ...props, children: [nodes.filter((node) => !isPart(node, INSIDE_POPOVER)), jsxRuntime.jsx(react.Dropdown.Popover, { offset: 7, placement: "bottom", children: menus })] }));
+    return (jsxRuntime.jsxs(react.Dropdown, { ...props, children: [nodes.filter((node) => !isPart$1(node, INSIDE_POPOVER)), jsxRuntime.jsx(react.Dropdown.Popover, { offset: 7, placement: "bottom", children: menus })] }));
 };
 DropdownFacade.displayName = "Aurora.Dropdown";
 /**
@@ -14717,6 +14781,229 @@ const Dropdown = Object.assign(DropdownFacade, {
     Trigger: react.Dropdown.Trigger,
 });
 
+// TECH-2459 — Fachada `Tabs` / `Tab`: monta las DOS piezas de la anatomía de v3 que, si la app
+// se las olvida, dejan la pestaña seleccionada sin distinguir. Hasta ahora `Tabs` y `Tab` eran
+// reexport crudo de v3 (`src/index.tsx`, bloque `from "@heroui/react"`) y no existía
+// `src/components/tabs/`: la anatomía entera quedaba a cargo de cada app.
+//
+// EL DEFECTO, medido por grep real en los repos de apps (no de memoria):
+//
+//   | app               | `<Tabs>` | `<Tabs.List>` | `<Tabs.ListContainer>` | tabs | `<Tabs.Indicator>` | resultado |
+//   |-------------------|----------|---------------|------------------------|------|--------------------|-----------|
+//   | beweosagency      | 5        | 5             | 5                      | 14   | **0**              | la seleccionada sin píldora |
+//   | backoffice-beweos | 5        | 5             | 5                      | 18   | 18 (a mano)        | bien |
+//   | beweanalytics     | 3        | 3             | 3                      | 8    | 8 (a mano)         | bien |
+//   | beweossmbs / loginos / linda-business | 0 | 0 | 0                  | 0    | 0                  | no usan tabs |
+//
+// (conteo de tags de APERTURA; beweanalytics escribe `Tab` suelto en vez de `Tabs.Tab`.)
+// Dos lecturas que salen de esta tabla y que deciden el diseño:
+//   · **26 indicadores montados a mano** contra 14 que faltan. La idempotencia no es un adorno:
+//     sin ella esas 26 pestañas se quedarían con DOS indicadores.
+//   · **`Tabs.List` y `Tabs.ListContainer` van 1:1 en las tres apps**, o sea que hoy NADIE usa la
+//     forma delgada. Garantizar el carril es, para el código que existe hoy, un no-op medido; su
+//     valor es que la próxima pantalla que se escriba no pueda caer en la forma delgada por
+//     descuido.
+//
+// Las tres migraciones siguieron la misma guía; dos descubrieron que hacía falta el indicador y
+// una no, porque **nada en la API obliga a montarlo ni avisa**: compila en verde y se degrada en
+// silencio. Es el mismo patrón —y el mismo argumento— que ya justificó las fachadas `Table`
+// (`Table.ScrollContainer` ausente → columnas inalcanzables) y `Dropdown`
+// (`Dropdown.Popover` ausente → menú en línea).
+//
+// El criterio del usuario que lo convierte en trabajo de la librería y no de las apps:
+// «se supone que solo es llamar al componente dentro de la librería y ya se visualiza correcto;
+// asegúrate de que las apps no estén metiéndole fixes por separado».
+//
+// LAS DOS PIEZAS ESTÁN ACOPLADAS, y por eso la fachada monta las dos o ninguna:
+//
+//   · `Tabs.Indicator` es quien pinta la píldora del seleccionado. Su CSS es
+//     `.tabs__indicator { absolute start-0 top-0 size-full rounded-3xl bg-segment shadow-surface;
+//     z-index:-1 }` (`@heroui/styles/dist/components/tabs.css:215-228`), y `--segment` es
+//     `var(--white)` en claro y `oklch(39.64% .01 285.93)` (#46464c) en oscuro
+//     (`@heroui/styles/dist/heroui.min.css`).
+//   · `Tabs.ListContainer` es quien pinta el CARRIL sobre el que se ve esa píldora
+//     (`.tabs__list-container { relative bg-default }`, `tabs.css:16-17`, que
+//     `neutralize-v3.css` baja a `--color-default-100` = #f4f4f5 por contraste).
+//     **Una píldora blanca sobre fondo blanco no se ve**, y el número: medido en Storybook, en
+//     claro la píldora queda a **1.00:1** contra la página en la forma delgada y a **1.10:1**
+//     contra el carril en la completa — sin carril lo único que sobrevive de ella es su sombra,
+//     que en oscuro es transparente del todo. Garantizar solo el indicador cambiaría un defecto
+//     por otro. La app que migró en la forma delgada ya lo documentó:
+//     `beweanalytics/src/clientes/ui/pages/clientes.page.tsx:59-67`.
+//
+// Y `Tabs.Indicator` va DENTRO de cada `Tab`, nunca en la lista: `TabList` envuelve en
+// `SharedElementTransition` solo el `CollectionRoot`
+// (`react-aria-components/dist/private/Tabs.mjs:152`), así que un indicador suelto en la lista
+// lanza «<SharedElement> must be rendered inside a <SharedElementTransition>» y **la barra entera
+// desaparece del DOM**. De ahí que la inserción del indicador viva en la fachada del `Tab` y no
+// en la del root.
+//
+// LO QUE ESTA FACHADA NO HACE, y conste para que no se busque: no repone NADA del aspecto de v2
+// (radios, gap, padding, peso, la pastilla de v2). Eso se hizo en la `beta.132` y se retiró en la
+// `.133` por decisión del usuario (`.docs/migrate-heroui/DECISIONES.md` §9.1, «el objetivo NO es
+// identidad de píxel» y, sobre este componente, «a nivel visual debe verse como v3»); el mapa de
+// las 6 reglas retiradas sigue escrito al final de `src/styles/neutralize-v3.css`. La pieza que
+// aquí se monta es la de v3 —su propio `SelectionIndicator`, que además anima—, no una imitación
+// de v2 por CSS: es exactamente lo que la nota de esa retirada señala como la vía buena («la
+// pastilla de verdad, la que además anima, se tiene montando `Tabs.Indicator`, que es lo que v3
+// espera»). Lo que cambia es QUIÉN la monta: la librería en vez de cada app.
+/**
+ * Identidad por `child.type` contra los objetos reales de HeroUI — mismo mecanismo que las
+ * fachadas `Table` y `Dropdown`, y nunca por `displayName` ni por nombre de función (la
+ * minificación los renombra y las piezas de v3 no declaran `displayName`).
+ *
+ * Es FIABLE para detectar lo que la app ya puso porque las apps tienen prohibido importar de
+ * `@heroui/*` (regla de oro de la migración): su única vía para un `Tabs.List`/`Tabs.ListContainer`
+ * es el estático de Aurora, que es **este mismo objeto** (los estáticos de abajo apuntan a los de
+ * HeroUI, no a copias). El mismo argumento vale para el indicador, que tiene su propia función
+ * (`hasIndicator`, más abajo) porque ahí además hay que descender por los Fragments.
+ *
+ * Se declara como predicado de tipo —y no `boolean` como en `Dropdown`— porque el mapeo en sitio
+ * de la lista necesita la `key` del elemento.
+ */
+function isPart(node, parts) {
+    return $8WNJc$react.isValidElement(node) && parts.has(node.type);
+}
+// ---------------------------------------------------------------------------------------------
+// Fachada del `Tab`: inserta el `Tabs.Indicator` que falte
+// ---------------------------------------------------------------------------------------------
+/**
+ * ¿Hay ya un `Tabs.Indicator` entre los hijos? **Desciende por los Fragments**, que es lo único
+ * que `Children.toArray` no aplana (los arrays sí — un `.map()` queda cubierto, medido).
+ *
+ * POR QUÉ AQUÍ SÍ SE DESCIENDE Y EN EL ROOT NO, que es la asimetría deliberada de esta fachada:
+ * aquí solo hace falta DETECTAR (el indicador se añade al nivel del propio `Tab`, como hermano);
+ * en el root haría falta INSERTAR dentro del Fragment del consumidor, o sea reescribir su árbol,
+ * que es una intervención de otro orden. Y los modos de fallo también son distintos:
+ *   · sin esto, un indicador oculto en un Fragment daba DOS. Medido en el navegador: cajas y
+ *     estilos computados idénticos (85.7×32 en x=20, las dos se mueven juntas a x=165.9 al
+ *     pulsar), consola limpia, geometría de la tira sin cambio — pero la SOMBRA se compone dos
+ *     veces y el halo de 1-3 px alrededor de la píldora se oscurece: comparación de píxeles
+ *     contra la referencia sana, 608 px distintos de 39200 (1.55%) con delta máximo 17/255 en
+ *     claro (`rgb(225,225,226)` → `rgb(208,208,209)`), y 112 px con delta máximo 8/255 en oscuro
+ *     (ahí la sombra de v3 es transparente, así que solo es antialias del borde redondeado).
+ *     Cosmético, pero medible, y evitarlo cuesta esta función.
+ *   · sin descender en el root, una lista oculta en un Fragment deja la FORMA DELGADA, que es
+ *     una forma legítima de v3 y además el comportamiento de hoy: no hay regresión que evitar.
+ *
+ * No desciende por componentes del consumidor —solo por Fragments— porque los hijos de un
+ * componente cualquiera todavía no se han renderizado y puede que no los renderice nunca.
+ */
+function hasIndicator(children) {
+    return $8WNJc$react.Children.toArray(children).some((node) => {
+        if (!$8WNJc$react.isValidElement(node)) {
+            return false;
+        }
+        if (node.type === react.Tabs.Indicator) {
+            return true;
+        }
+        return node.type === $8WNJc$react.Fragment && hasIndicator(node.props.children);
+    });
+}
+const TabFacade = ({ children, ...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
+    // hijo junto a un elemento—, así que se pasa tal cual. Un consumidor que la use monta el
+    // indicador él (es la vía de escape de este caso). Exposición hoy: 0 usos en los 6 repos.
+    if (typeof children === "function") {
+        return jsxRuntime.jsx(react.Tabs.Tab, { ...props, children: children });
+    }
+    if (hasIndicator(children)) {
+        return jsxRuntime.jsx(react.Tabs.Tab, { ...props, children: children });
+    }
+    // El indicador va PRIMERO por legibilidad del marcado, no por efecto: es `position:absolute`
+    // con `z-index:-1`, o sea fuera del flujo y detrás del texto, así que el orden no cambia el
+    // render (las dos apps que lo montan a mano difieren —analytics lo pone antes de la etiqueta,
+    // `AnalyticsCard.tsx:177` después— y se ven igual).
+    //
+    // `{children}` se pasa SIN normalizar (nada de `Children.toArray`) para no reescribir las
+    // keys del consumidor: hacerlo cambiaría la reconciliación de una lista de pestañas
+    // condicional. Verificado en el navegador que la anidación no produce aviso de key.
+    return (jsxRuntime.jsxs(react.Tabs.Tab, { ...props, children: [jsxRuntime.jsx(react.Tabs.Indicator, {}), children] }));
+};
+TabFacade.displayName = "Aurora.Tab";
+/**
+ * `Tab` de Aurora: el `Tabs.Tab` de v3 **con el `Tabs.Indicator` que faltaba**.
+ *
+ * Es el MISMO componente que `Tabs.Tab` (el estático de abajo apunta aquí). Las dos superficies
+ * de entrada importan porque las apps usan las dos: beweanalytics importa `Tab` suelto
+ * (`import { Tab, Tabs } from "@beweco/aurora-ui"`, 8 usos) y agency/backoffice escriben
+ * `Tabs.Tab`. En v3 los dos nombres salen del mismo módulo y son el mismo objeto
+ * (`@heroui/react/dist/components/tabs/index.js`: `Tabs = Object.assign(TabsRoot, { …, Tab })`,
+ * y `dist/index.js:92-93` los exporta por separado), así que servir fachadas distintas por cada
+ * nombre habría sido el «falso amigo» que ya costó rondas en Alert/Checkbox/Switch.
+ */
+const Tab = TabFacade;
+// ---------------------------------------------------------------------------------------------
+// Fachada del root: inserta el `Tabs.ListContainer` que falte
+// ---------------------------------------------------------------------------------------------
+/** Lo que va DENTRO del contenedor: la lista. */
+const INSIDE_CONTAINER = new Set([react.Tabs.List]);
+/** Si el consumidor ya monta el contenedor, la fachada no envuelve nada. */
+const OWN_CONTAINER = new Set([react.Tabs.ListContainer]);
+const TabsFacade = ({ children, ...props }) => {
+    const nodes = $8WNJc$react.Children.toArray(children);
+    const needsContainer = nodes.some((node) => isPart(node, INSIDE_CONTAINER)) &&
+        !nodes.some((node) => isPart(node, OWN_CONTAINER));
+    // Nada que envolver (sin hijos, `children` como función, un contenedor ya montado a mano, o
+    // ninguna lista suelta): el root tal cual, byte a byte como el crudo de v3.
+    if (!needsContainer) {
+        return jsxRuntime.jsx(react.Tabs, { ...props, children: children });
+    }
+    // Se envuelve EN SITIO, no reagrupando como hace `Dropdown` —única desviación deliberada
+    // respecto a ese precedente—: el popover del dropdown es `position:absolute`, así que allí da
+    // igual en qué orden queden los hijos del root. Aquí `.tabs` es `flex` + `flex-col` en
+    // horizontal (`tabs.css:2-8`), de modo que el ORDEN EN EL DOM es el orden visual; react-aria
+    // lo vigila además por su cuenta (con el panel antes de la lista avisa por consola «There is
+    // no tab id, please check if you have rendered the tab panel before the tab list»). O sea que
+    // el orden de los hijos del root es observable, y reagrupar lo cambiaría sin ganar nada:
+    // envolver en sitio es la intervención estrictamente menor y deja la geometría idéntica en
+    // todos los casos.
+    return (jsxRuntime.jsx(react.Tabs, { ...props, children: nodes.map((node) => isPart(node, INSIDE_CONTAINER) ? (jsxRuntime.jsx(react.Tabs.ListContainer, { children: node }, node.key)) : (node)) }));
+};
+TabsFacade.displayName = "Aurora.Tabs";
+/**
+ * `Tabs` de Aurora: el root de v3 **más el `Tabs.ListContainer` que faltaba**, con el compound
+ * completo colgado como estáticos y `Tabs.Tab` apuntando a la FACHADA del tab.
+ *
+ * ```tsx
+ * // Mínimo: la fachada monta el carril y el indicador, y se ve correcto sin añadir nada.
+ * <Tabs>
+ *   <Tabs.List aria-label="Vista">
+ *     <Tabs.Tab id="a">Alfa</Tabs.Tab>
+ *   </Tabs.List>
+ * </Tabs>
+ *
+ * // Anatomía completa a mano: la fachada la respeta y no duplica nada.
+ * <Tabs>
+ *   <Tabs.ListContainer>
+ *     <Tabs.List aria-label="Vista">
+ *       <Tabs.Tab id="a"><Tabs.Indicator />Alfa</Tabs.Tab>
+ *     </Tabs.List>
+ *   </Tabs.ListContainer>
+ * </Tabs>
+ * ```
+ *
+ * `Tabs.Root` queda deliberadamente crudo (el root pelado de v3, sin contenedor), igual que en
+ * `Table` y `Dropdown`: vía de escape para la **forma delgada** de v3 (lista sin contenedor, sin
+ * scroller ni chevrones), que sigue alcanzable y a la que `neutralize-v3.css` dedica su regla
+ * `:not(:has(.tabs__list-container))`. Ojo: en la forma delgada el `variant="secondary"` de v3 no
+ * pinta —todas sus reglas cuelgan de `> .tabs__list-container` (`tabs.css:234-282`)—, así que
+ * pasar por la fachada es además lo que hace funcionar esa variante.
+ *
+ * `Tabs.Indicator` se conserva exportado (como estático y vía `Tab`) para quien quiera componerlo
+ * a mano: es el objeto EXACTO de `@heroui/react`.
+ */
+const Tabs = Object.assign(TabsFacade, {
+    Indicator: react.Tabs.Indicator,
+    List: react.Tabs.List,
+    ListContainer: react.Tabs.ListContainer,
+    Panel: react.Tabs.Panel,
+    Root: react.Tabs.Root,
+    Separator: react.Tabs.Separator,
+    Tab: TabFacade,
+});
+
 /**
  * Tooltip - Componente BeweOS basado en HeroUI.
  *
@@ -15617,10 +15904,6 @@ Object.defineProperty(exports, "Spinner", {
     enumerable: true,
     get: function () { return react.Spinner; }
 });
-Object.defineProperty(exports, "Tab", {
-    enumerable: true,
-    get: function () { return react.Tab; }
-});
 Object.defineProperty(exports, "TableBody", {
     enumerable: true,
     get: function () { return react.TableBody; }
@@ -15641,10 +15924,6 @@ Object.defineProperty(exports, "TableRow", {
     enumerable: true,
     get: function () { return react.TableRow; }
 });
-Object.defineProperty(exports, "Tabs", {
-    enumerable: true,
-    get: function () { return react.Tabs; }
-});
 Object.defineProperty(exports, "cn", {
     enumerable: true,
     get: function () { return react.cn; }
@@ -15746,7 +16025,9 @@ exports.StepIndicator = StepIndicator;
 exports.Switch = Switch;
 exports.SwitchComponent = Switch;
 exports.THEME_COLOR_HEX_MAP = THEME_COLOR_HEX_MAP;
+exports.Tab = Tab;
 exports.Table = Table;
+exports.Tabs = Tabs;
 exports.TagsFilter = TagsFilter;
 exports.Textarea = Textarea;
 exports.ThemeContext = ThemeContext;