@beweco/aurora-ui 1.0.0-beta.121 → 1.0.0-beta.124

package/dist/index.cjs.js

@@ -1167,7 +1167,7 @@ const CALENDAR_CELL_CLASS$1 = "size-8 place-self-center rounded-full " +
  * (grid) para que la API pública siga siendo un único componente con props planas, igual que en
  * v2 (label, description, errorMessage, endContent, variant, size, radius).
  */
-function DatePicker({ label, description, errorMessage, id, size = "md", variant = "bordered", radius = "md", isInvalid = false, isRequired = false, isDisabled = false, fullWidth, endContent, className, "aria-label": ariaLabel, ...props }) {
+function DatePicker({ label, description, errorMessage, id, size = "md", variant = "bordered", radius = "md", isInvalid = false, isRequired = false, isDisabled = false, fullWidth, endContent, calendarBottomContent, className, "aria-label": ariaLabel, ...props }) {
     const generatedId = $8WNJc$react.useId();
     const autoId = id || generatedId;
     const calendarLabel = (typeof label === "string" ? label : undefined) ?? ariaLabel ?? "Calendario";
@@ -1180,7 +1180,7 @@ function DatePicker({ label, description, errorMessage, id, size = "md", 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.jsx(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 })) })] })] }) }), isInvalid && errorMessage && jsxRuntime.jsx(react.FieldError, { children: errorMessage })] }));
+                    .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 })] }));
 }
 
 // Mismo mecanismo que DatePicker.tsx / Input.tsx / Select.tsx (findings/
@@ -1259,7 +1259,7 @@ const CALENDAR_CELL_CLASS = "data-[today=true]:not-data-[selected=true]:[&_[data
  * `DatePicker`, migrado en tándem. Compone `DateRangePicker.Root/Trigger/TriggerIndicator/
  * RangeSeparator/Popover` + `DateField` (dos segmentos, start/end) + `RangeCalendar`.
  */
-function DateRangePicker({ label, description, errorMessage, id, size = "md", variant = "bordered", radius = "md", isInvalid = false, isRequired = false, isDisabled = false, fullWidth, endContent, className, "aria-label": ariaLabel, ...props }) {
+function DateRangePicker({ label, description, errorMessage, id, size = "md", variant = "bordered", radius = "md", isInvalid = false, isRequired = false, isDisabled = false, fullWidth, endContent, calendarBottomContent, className, "aria-label": ariaLabel, ...props }) {
     const generatedId = $8WNJc$react.useId();
     const autoId = id || generatedId;
     const calendarLabel = (typeof label === "string" ? label : undefined) ?? ariaLabel ?? "Rango de fechas";
@@ -1272,7 +1272,7 @@ function DateRangePicker({ label, description, errorMessage, id, size = "md", va
                     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.jsx(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 })) })] })] }) }), isInvalid && errorMessage && jsxRuntime.jsx(react.FieldError, { children: errorMessage })] }));
+                    .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 })] }));
 }
 
 // TECH-2459 · F3.0 — v3 divide el `Input` monolítico de v2 en `TextField` (label/description/
@@ -1544,8 +1544,19 @@ const INVALID_TEXT_CLASS$2 = "text-danger";
  * - Radius configurable (v3 no tiene la prop).
  * - `startContent`/`endContent` → `InputGroup.Prefix`/`InputGroup.Suffix`.
  * - `isClearable` → botón de limpiar propio (`CloseButton`); solo en modo controlado (`value`).
+ *
+ * `ref` apunta al `<input>` REAL (`HTMLInputElement`), no al `InputGroup` ni al `TextField` que lo
+ * envuelven: el consumidor que necesita el nodo —insertar texto en la posición del cursor con
+ * `selectionStart`/`setSelectionRange`, enfocar, leer `validity`— lo alcanza directamente.
+ *
+ * ⚠️ Se reenvía con `forwardRef` (patrón de las 8 fachadas del repo que ya lo hacen) y NO
+ * confiando en que React 19 pase `ref` dentro de `...rest`: medido, en React 19 eso ya funcionaba
+ * de rebote —el `ref` viajaba en el spread hasta `InputGroup.Input`, que también hace spread— pero
+ * (a) el tipo público lo rechazaba, así que el consumidor no podía escribirlo sin un `as any`, y
+ * (b) era accidental: cualquier prop que se añadiese al destructuring lo habría cortado en
+ * silencio.
  */
-const Input = ({ label, description, errorMessage, id, 
+const Input = $8WNJc$react.forwardRef(({ label, description, errorMessage, id, 
 // ⚠️ El default de v2 era "md", no "lg" — verificado en el código de v2
 // (`git show b39d28f:src/components/input/Input.tsx`, `size = "md"`) y en su PNG congelado
 // (`input--default` mide exactamente lo mismo que `--medium`: 40px de alto, texto de 14px). El
@@ -1560,7 +1571,7 @@ size = "md", variant = "bordered", radius = "md", placeholder, startContent, end
 // `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", ...rest }) => {
+fullWidth = true, value, defaultValue, onChange, onValueChange, className, classNames, required, name, type = "text", ...rest }, ref) => {
     const generatedId = $8WNJc$react.useId();
     const inputId = id || generatedId;
     // ⚠️ `isRequired` (prop de HeroUI, asterisco visual) y `required` (atributo HTML nativo, solo
@@ -1611,7 +1622,7 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
                     className,
                 ]
                     .filter(Boolean)
-                    .join(" "), children: [startContent && (jsxRuntime.jsx(react.InputGroup.Prefix, { className: "border-none bg-transparent px-0", children: startContent })), jsxRuntime.jsx(react.InputGroup.Input, { ...rest, required: required, type: type, placeholder: labelFlotante ? " " : placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: [
+                    .join(" "), 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: [
                             "bg-transparent p-0",
                             SIZE_TEXT_CLASS$1[size],
                             isInvalid ? INVALID_TEXT_CLASS$2 : "",
@@ -1625,7 +1636,8 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
                     .join(" "), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: [HELPER_CLASS$2, "text-left", classNames?.errorMessage]
                     .filter(Boolean)
                     .join(" "), children: errorMessage }))] }));
-};
+});
+Input.displayName = "Input";
 
 const defaultTranslations$g = {
     addHolidayTitle: "Add holiday",
@@ -2109,31 +2121,9 @@ const UNDERLINED_INNER_CLASS = {
  * indicador de foco del campo: lo pone `focus-within:border-primary-500` en `VARIANT_CLASS`.
  */
 const INPUT_CLASS$1 = "bg-transparent p-0 border-0 shadow-none ring-0 ring-offset-0 outline-0";
-/*
- * TECH-2459 · ronda 2 — El placeholder se retira al enfocar el campo.
- *
- * Pedido por el usuario el 03-sep. **No es una regresión de la migración**: medido en el Storybook
- * v2 publicado (https://aura-components.beweos.io, `components-auraautocomplete--default`),
- * v2 hace exactamente lo mismo que v3 hacía aquí — al hacer click, `aria-expanded` pasa a `true`,
- * la lista se abre y el `<input>` sigue con `:placeholder-shown`. Es un cambio de comportamiento
- * deliberado, no la reposición de nada.
- *
- * Por qué así y no quitando la prop `placeholder` con estado de React: el atributo se conserva, así
- * que la pista sigue estando en el árbol de accesibilidad (un lector de pantalla la sigue
- * anunciando al enfocar) y no hay re-render por foco. Lo único que cambia es la tinta.
- *
- * `focus:placeholder:text-transparent` compila a
- * `.focus\:placeholder\:text-transparent:focus::placeholder`, que gana al
- * `placeholder:text-default-500` de la misma cadena por llevar la pseudo-clase `:focus`
- * (especificidad 0-2-1 frente a 0-1-1) — comprobado en el navegador, no deducido: con el campo
- * enfocado el color computado del `::placeholder` pasa a `rgba(0, 0, 0, 0)`.
- *
- * En reposo no cambia nada, así que las 26 comparaciones del componente se quedan como estaban.
- */
-const PLACEHOLDER_AL_ENFOCAR_CLASS = "focus:placeholder:text-transparent";
 /*
  * TECH-2459 · ronda 2 — La lista recupera el comportamiento de v2 al abrirse. Son DOS cosas, y
- * las dos son regresión de la migración (a diferencia del placeholder de arriba).
+ * las dos son regresión de la migración.
  *
  * ## 1 · `autoFocus="first"`: sin esto, Enter no selecciona nada
  *
@@ -2259,7 +2249,6 @@ const AuraAutocomplete = ({ label, id, icon, placeholder, className, children, v
                     .filter(Boolean)
                     .join(" "), children: [jsxRuntime.jsx(react.Input, { placeholder: placeholder, className: [
                             INPUT_CLASS$1,
-                            PLACEHOLDER_AL_ENFOCAR_CLASS,
                             TEXT_CLASS[size],
                             resolvedIcon != null ? INPUT_WITH_ICON_CLASSNAME : "",
                         ]
@@ -8811,17 +8800,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(node, parts) {
+function isPart$1(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(node, OWN_SCROLL))) {
+    if (nodes.length === 0 || nodes.some((node) => isPart$1(node, OWN_SCROLL))) {
         return jsxRuntime.jsx(react.Table, { ...props, children: children });
     }
-    const scrollable = nodes.filter((node) => !isPart(node, OUTSIDE_SCROLL));
-    const outsideScroll = nodes.filter((node) => isPart(node, OUTSIDE_SCROLL));
+    const scrollable = nodes.filter((node) => !isPart$1(node, OUTSIDE_SCROLL));
+    const outsideScroll = nodes.filter((node) => isPart$1(node, OUTSIDE_SCROLL));
     return (jsxRuntime.jsxs(react.Table, { ...props, children: [jsxRuntime.jsx(react.Table.ScrollContainer, { children: scrollable }), outsideScroll] }));
 };
 TableFacade.displayName = "Aurora.Table";
@@ -8980,8 +8969,19 @@ const INVALID_TEXT_CLASS = "text-danger";
  * Textarea genérico reutilizable basado en HeroUI v3 (TextField + TextArea) siguiendo las reglas
  * de diseño BeweOS (TECH-2459 · F3 · G1-forms). La API pública v2 (label, description,
  * errorMessage, variant, size, radius, isClearable-less) se conserva sin cambios.
+ *
+ * `ref` apunta al `<textarea>` REAL (`HTMLTextAreaElement`), no al contenedor: el consumidor que
+ * necesita el nodo —insertar texto en la posición del cursor con `selectionStart`/
+ * `setSelectionRange`, enfocar, medir— lo alcanza directamente.
+ *
+ * ⚠️ Se reenvía con `forwardRef` (patrón de las 8 fachadas del repo que ya lo hacen) y NO
+ * confiando en que React 19 pase `ref` dentro de `...rest`: medido, en React 19 eso ya funcionaba
+ * de rebote —el `ref` viajaba en el spread hasta el `TextAreaRoot` de v3, que también hace spread—
+ * pero (a) el tipo público lo rechazaba, así que el consumidor no podía escribirlo sin un `as any`
+ * 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 = ({ 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", 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
@@ -8989,7 +8989,7 @@ const Textarea = ({ label, description, errorMessage, id, size = "md", variant =
 // `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 }) => {
+fullWidth = true, value, defaultValue, onChange, onValueChange, className, classNames, name, ...rest }, ref) => {
     const generatedId = $8WNJc$react.useId();
     const textareaId = id || generatedId;
     const handleChange = (event) => {
@@ -9004,7 +9004,7 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
                     classNames?.label,
                 ]
                     .filter(Boolean)
-                    .join(" "), children: label })), jsxRuntime.jsx(react.TextArea, { ...rest, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: [
+                    .join(" "), children: label })), jsxRuntime.jsx(react.TextArea, { ...rest, ref: ref, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: [
                     SIZE_CLASS[size],
                     RESIZE_CLASS,
                     RADIUS_CLASS$3[radius],
@@ -9022,7 +9022,8 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
                     .join(" "), children: description })), isInvalid && errorMessage && (jsxRuntime.jsx(react.FieldError, { className: [HELPER_CLASS, "text-left", classNames?.errorMessage]
                     .filter(Boolean)
                     .join(" "), children: errorMessage }))] }));
-};
+});
+Textarea.displayName = "Textarea";
 
 // Traducciones por defecto en español según las reglas de diseño
 const defaultTranslations$3 = {
@@ -11593,14 +11594,23 @@ const EmailPreview = ({ htmlContent, subject, from, to, iframeHeight = 480, tran
                                                             }) })] }), jsxRuntime.jsxs("span", { className: "text-xs text-gray-500", children: [t.toLabel, ": ", displayTo] })] })] })] })), jsxRuntime.jsx("div", { className: "w-full overflow-hidden", children: jsxRuntime.jsx("iframe", { title: t.iframeTitle, srcDoc: htmlContent, className: "w-full border-0", style: { height: `${iframeHeight}px` }, sandbox: "allow-same-origin" }) })] }), jsxRuntime.jsx("div", { className: "flex justify-center py-2", children: jsxRuntime.jsx("div", { className: `w-32 h-1 rounded-full ${deviceColor === "black" ? "bg-gray-600" : "bg-gray-400"}` }) })] }) }));
 };
 
-const InputPassword = ({ translations, showCriteria = false, criteria, isPristine = true, renderCriterionLabel, criteriaId = "password-criteria", ...inputProps }) => {
+/**
+ * Campo de contraseña: la fachada `Input` con un botón de mostrar/ocultar y, opcionalmente, la
+ * lista de criterios.
+ *
+ * `ref` apunta al `<input>` REAL (`HTMLInputElement`) — el mismo contrato que `Input`, no el `<div>`
+ * que envuelve campo y criterios. Estaba afectado por el mismo defecto de tipos que `Input` y
+ * `Textarea`: el `ref` llegaba al `<input>` en runtime (React 19 lo pasaba dentro de
+ * `...inputProps`) pero `InputPasswordProps` no lo declaraba, así que TypeScript lo rechazaba.
+ */
+const InputPassword = $8WNJc$react.forwardRef(({ translations, showCriteria = false, criteria, isPristine = true, renderCriterionLabel, criteriaId = "password-criteria", ...inputProps }, ref) => {
     const [showPassword, setShowPassword] = $8WNJc$react.useState(false);
     const togglePasswordVisibility = () => {
         setShowPassword((prev) => !prev);
     };
     const showLabel = translations?.showPassword ?? "Show password";
     const hideLabel = translations?.hidePassword ?? "Hide password";
-    return (jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [jsxRuntime.jsx(Input, { ...inputProps, type: showPassword ? "text" : "password", "aria-describedby": showCriteria ? criteriaId : inputProps["aria-describedby"], endContent: jsxRuntime.jsx("button", { type: "button", tabIndex: -1, onClick: togglePasswordVisibility, className: "focus:outline-none", "aria-label": showPassword ? hideLabel : showLabel, children: showPassword ? (jsxRuntime.jsx(IconComponent, { icon: "lucide:eye-off", color: "gray" })) : (jsxRuntime.jsx(IconComponent, { icon: "lucide:eye", color: "gray" })) }) }), showCriteria && criteria && criteria.length > 0 && (jsxRuntime.jsx("fieldset", { id: criteriaId, className: "mt-2", children: jsxRuntime.jsx("ul", { className: "flex flex-col gap-2 list-none", children: criteria.map((criterion, idx) => {
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [jsxRuntime.jsx(Input, { ...inputProps, ref: ref, type: showPassword ? "text" : "password", "aria-describedby": showCriteria ? criteriaId : inputProps["aria-describedby"], endContent: jsxRuntime.jsx("button", { type: "button", tabIndex: -1, onClick: togglePasswordVisibility, className: "focus:outline-none", "aria-label": showPassword ? hideLabel : showLabel, children: showPassword ? (jsxRuntime.jsx(IconComponent, { icon: "lucide:eye-off", color: "gray" })) : (jsxRuntime.jsx(IconComponent, { icon: "lucide:eye", color: "gray" })) }) }), showCriteria && criteria && criteria.length > 0 && (jsxRuntime.jsx("fieldset", { id: criteriaId, className: "mt-2", children: jsxRuntime.jsx("ul", { className: "flex flex-col gap-2 list-none", children: criteria.map((criterion, idx) => {
                         const colorClass = criterion.passed
                             ? "text-success"
                             : isPristine
@@ -11610,7 +11620,8 @@ const InputPassword = ({ translations, showCriteria = false, criteria, isPristin
                                     ? renderCriterionLabel(criterion.label)
                                     : criterion.label] }, `${criteriaId}-${idx}`));
                     }) }) }))] }));
-};
+});
+InputPassword.displayName = "InputPassword";
 
 const SimpleLineChart = ({ data, title, height = 200, color = "#3b82f6", className = "", showTitle = true, emptyMessage = "No hay datos disponibles", onPointClick, }) => {
     if (data.length === 0) {
@@ -13741,7 +13752,7 @@ function hasCompoundChildren$1(children) {
     return $8WNJc$react.Children.toArray(children).some((child) => $8WNJc$react.isValidElement(child) && COMPOUND_PARTS$1.has(child.type));
 }
 /** `isEmpty` de v2 (`@heroui/shared-utils`): null/undefined/"" no cuentan como contenido. */
-function hasValue(node) {
+function hasValue$1(node) {
     return node !== null && node !== undefined && node !== "" && node !== false;
 }
 /**
@@ -13779,10 +13790,10 @@ const AlertFacade = ({ color, status, variant = "flat", radius = "md", title, de
         onClose?.();
     };
     const slots = slotClasses(variant, effectiveColor);
-    const hasTitle = hasValue(title);
-    const hasDescription = hasValue(description);
+    const hasTitle = hasValue$1(title);
+    const hasDescription = hasValue$1(description);
     // `hasContent` de v2: sin descripción ni children, el título se centra verticalmente con el icono.
-    const hasContent = hasDescription || hasValue(children);
+    const hasContent = hasDescription || hasValue$1(children);
     const showClose = isClosable || Boolean(onClose);
     return (jsxRuntime.jsxs(react.Alert, { role: "alert", "data-visible": "true", "data-closeable": showClose ? "true" : undefined, "data-has-title": hasTitle ? "true" : undefined, "data-has-description": hasDescription ? "true" : undefined, ...rest, status: effectiveStatus, 
         // Base v2: `flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1`. v3 ya trae
@@ -13991,6 +14002,185 @@ const Checkbox = Object.assign(CheckboxFacade, {
     Content: react.Checkbox.Content,
 });
 
+// TECH-2459 — Fachada `Dropdown` / `DropdownSection`: repone la CABECERA DE SECCIÓN que la
+// migración a v3 dejó sin vía legal desde una app.
+//
+// EL DEFECTO (verificado en los tipos instalados, no deducido): el `DropdownSection` de v3 es
+// `interface DropdownSectionProps extends ComponentPropsWithRef<typeof MenuSectionRoot>`
+// (`@heroui/react/dist/components/dropdown/dropdown.d.ts`) y ahí NO hay `title` — react-aria lo
+// omite a mano en su base (`SectionProps<T> extends Omit<SharedSectionProps<T>, 'children' |
+// 'title'>`, `react-aria-components/dist/types/src/Collection.d.ts:79`). En v3 la cabecera es un
+// componente, el `Header` de react-aria, que `@heroui/react` SÍ reexporta
+// (`dist/index.js:128`, `export { Header } from './components/header/index.js'`) pero que la
+// fachada de Aurora no exponía. Con la regla de oro de la migración (0 imports directos de
+// `@heroui/*` ni de react-aria en las apps), desde una app no había NINGUNA forma de poner
+// cabecera a una sección: `title` compila como atributo global de HTML y sale como *tooltip*,
+// no como texto visible.
+//
+// Impacto medido: `beweossmbs/src/clients/ui/features/contact-list/components/column-manager/
+// column-manager.component.tsx:146` monta `<DropdownSection title={…} classNames={{heading}}>`
+// para su gestor de columnas — el único consumidor de secciones de dropdown en los repos de apps
+// (grep real de `DropdownSection|Dropdown.Section` en beweossmbs, beweosagency,
+// backoffice-beweos, loginos, linda-business y beweanalytics: 1 uso).
+//
+// POR QUÉ LA PROP `title` Y NO SOLO UN `Dropdown.SectionHeader` EXPORTADO: es la convención ya
+// establecida en este repo para esta MISMA forma de defecto (prop de v2 que v3 convierte en
+// pieza del compound) — la fachada `Alert` mantiene `title`/`description` como props y compone
+// `Alert.Title`/`Alert.Description` por dentro, y además publica esas piezas como estáticos;
+// `Checkbox`, `Switch` y `Table` siguen el mismo patrón (API v2 intacta + compound de v3 vía
+// estáticos). Exportar solo la pieza obligaría al consumidor a cambiar su marcado, que es
+// exactamente lo que la migración promete no pedir, y encima dejaría `classNames.heading` sin
+// destino. Se hacen las DOS cosas, igual que en `Alert`: la prop v2 y la pieza de v3
+// (`DropdownSection.Header`, alcanzable también como `Dropdown.Section.Header`).
+/**
+ * Cabecera de sección con el aspecto de v2. Se repone UN literal, el único que difiere de la
+ * clase `.header` de v3 — el resto ya coincide, MEDIDO en el navegador (Storybook, claro y
+ * oscuro), no deducido de la hoja:
+ *
+ * | | v2 (`heading`) | v3 (`.header`) | ¿se repone? |
+ * |---|---|---|---|
+ * | tamaño | `text-tiny` = 12px | `text-xs` = 12px | no, idéntico |
+ * | peso | sin clase → 400 | `font-medium` → 500 | **sí**, `font-normal` |
+ * | color | `text-foreground-500` | `text-muted` | no: MISMO gris (ver abajo) |
+ * | padding | `pl-1` (4px) | `px-2 pt-1.5 pb-1` | no, gana v3 (ver abajo) |
+ *
+ * Oráculo de v2 leído, no recordado: `@heroui/theme@2.4.15` →
+ * `dist/chunk-VFBRSBM5.mjs:478`, `menuSection.heading = "pl-1 text-tiny text-foreground-500"`.
+ * v3: `@heroui/styles/dist/components/header.css` → `.header { @apply w-full px-2 pt-1.5 pb-1
+ * text-start text-xs font-medium text-muted }`.
+ *
+ * **El color NO se repone porque `text-muted` ya ES el gris de v2.** Medido en el navegador:
+ * claro `--muted: oklch(55.17% .0138 285.94)` ≡ `--color-foreground-500: #71717a`; oscuro
+ * `oklch(70.5% .015 286.067)` ≡ `#a1a1aa` (los dos son zinc-500 / zinc-400). Se descartó el
+ * `text-foreground-500` redundante que tenía este constante en la primera versión: además de no
+ * pintar nada distinto, habría desacoplado la cabecera del token de v3 para siempre.
+ *
+ * **El padding sí se deja en v3 a propósito**: los ítems también cambiaron de caja
+ * (`.dropdown__popover [data-slot="menu-item"] { @apply px-2.5 }`), así que con el `px-2` de v3
+ * el texto de la cabecera queda 2px a la izquierda del de sus ítems (medido dentro del popover
+ * real: 605.9 vs 607.9); copiando el `pl-1` de v2 serían 6px.
+ *
+ * Va como utilidad (capa `utilities`), que gana a `.header` (capa `components`, ver
+ * `@heroui/styles/dist/index.css:14`) — mismo mecanismo que las fachadas Alert/Badge/Card/Chip.
+ * Ni una clase v2 muerta (`text-tiny` no existe sin el plugin `heroui()` y `cn` la BORRARÍA).
+ */
+const SECTION_HEADING_CLASS = "font-normal";
+/** `isEmpty` de v2 (`@heroui/shared-utils`): null/undefined/""/false no cuentan como contenido. */
+function hasValue(node) {
+    return node !== null && node !== undefined && node !== "" && node !== false;
+}
+/**
+ * Sección de un `DropdownMenu` con la API de v2: `title` compone el `Header` de v3 por dentro y
+ * `classNames.base`/`classNames.heading` apuntan a los dos slots que v3 conserva.
+ *
+ * La accesibilidad la cablea react-aria sola, y por eso la cabecera va DENTRO de la sección y no
+ * como `<div>` hermano: `MenuSectionInner` llama a `useMenuSection({heading})` y publica los
+ * `headingProps` (con su `id`) por `HeaderContext`, de modo que el `<section role="group">`
+ * acaba con `aria-labelledby` apuntando a la cabecera
+ * (`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] }));
+};
+DropdownSectionFacade.displayName = "Aurora.DropdownSection";
+/**
+ * `DropdownSection` de Aurora: la sección de v3 con el `title` de v2, más el `Header` de v3 como
+ * estático — la vía idiomática de v3 para quien escriba marcado nuevo:
+ *
+ * ```tsx
+ * <DropdownSection title="Gestionar columnas">…</DropdownSection>        // API v2
+ * <DropdownSection><DropdownSection.Header>…</DropdownSection.Header>…</DropdownSection>  // v3
+ * ```
+ *
+ * `Header` es el objeto EXACTO que exporta `@heroui/react`, así que la pieza se comporta igual
+ * que importándola de HeroUI (lo que las apps no pueden hacer).
+ */
+const DropdownSection = Object.assign(DropdownSectionFacade, {
+    Header: react.Header,
+});
+// ---------------------------------------------------------------------------------------------
+// Inserción automática del `Dropdown.Popover` que v3 exige (TECH-2459)
+// ---------------------------------------------------------------------------------------------
+//
+// EL DEFECTO: `MenuTrigger` (el root de v3) solo PROVEE el contexto del popover — no lo
+// renderiza. Se ve en su implementación: monta un `PressResponder` y devuelve `props.children`
+// tal cual (`react-aria-components/dist/private/Menu.mjs:76-108`). Así que el marcado v2
+// `<Dropdown><DropdownTrigger/><DropdownMenu/></Dropdown>` compila en verde y en ejecución pinta
+// el menú **en línea, dentro del flujo del documento**, siempre visible y sin posicionar. No hay
+// error, ni aviso en consola.
+//
+// Medido en los repos de apps (grep real de `<Dropdown` + `DropdownMenu`, no de memoria):
+// **13 ficheros / 23 tags** de `<Dropdown>` consumen esta fachada — 10 ficheros y 20 tags en
+// beweossmbs (9 de ellos en `campaigns/.../AudienceReachStep.tsx`), 3 y 3 en beweanalytics. De
+// esos 23 tags, **solo 2 montan el popover**: los que beweanalytics puso a mano al migrar
+// (`toolbar-column-manager.component.tsx:85` y `toolbar-saved-views.component.tsx:78`). Los
+// otros 21 pintan el menú en línea, y uno de ellos está en una app YA migrada
+// (`beweanalytics/.../toolbar-bulk-actions.component.tsx:51`), que es la prueba de que esto se
+// olvida: es invisible hasta que alguien abre el menú.
+// Los 3+3 ficheros que el inventario contaba en `linda-business` y `chatbot-claw` son FALSOS
+// POSITIVOS: su `DropdownMenu` es el de Radix (`@radix-ui/react-dropdown-menu` vía un
+// `shared/ui/components/ui/dropdown-menu.tsx` estilo shadcn) y no toca esta librería.
+//
+// La partición es por IDENTIDAD de `child.type` contra los objetos reales de HeroUI, igual que
+// en la fachada `Table` — no por `displayName` ni por nombre. Y es CONSERVADORA: solo viaja al
+// popover lo que sabemos que va dentro (el menú); todo lo demás (el trigger, cualquier envoltorio
+// propio del consumidor) se queda fuera. Un falso negativo deja el comportamiento de hoy (menú en
+// línea, que el consumidor arregla montando el popover a mano); un falso positivo metería el
+// trigger dentro del popover y ROMPERÍA un dropdown que funcionaba.
+/** Lo que va DENTRO del popover: el menú. */
+const INSIDE_POPOVER = new Set([react.Dropdown.Menu]);
+/**
+ * Si el consumidor ya monta uno de estos, la fachada no envuelve nada: el árbol es suyo.
+ * `SubmenuTrigger` entra aquí porque trae su propio `Popover` dentro (aunque en la práctica vive
+ * dentro del menú, no como hijo del root).
+ */
+const OWN_POPOVER = new Set([
+    react.Dropdown.Popover,
+    react.Dropdown.SubmenuTrigger,
+]);
+/** Identidad por `child.type` contra los objetos reales de HeroUI (patrón de la fachada `Table`). */
+function isPart(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));
+    // 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))) {
+        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 })] }));
+};
+DropdownFacade.displayName = "Aurora.Dropdown";
+/**
+ * `Dropdown` de Aurora: el root de v3 **más el `Dropdown.Popover` que faltaba**, con el compound
+ * completo colgado como estáticos y `Dropdown.Section` apuntando a la FACHADA de la sección.
+ *
+ * Dos defectos de la migración en una pieza:
+ * 1. **El popover que v3 exige** y v2 no pedía: sin él el menú se pinta en línea (ver el bloque
+ *    de comentarios de arriba). La fachada lo inserta si falta y respeta el del consumidor si ya
+ *    está.
+ * 2. **La cabecera de sección**: si solo se pisara el `DropdownSection` plano,
+ *    `Dropdown.Section` seguiría siendo el crudo de v3 y la misma pieza aceptaría `title` o no
+ *    según por qué nombre se llegue — el "falso amigo" que ya costó rondas en
+ *    Alert/Checkbox/Switch (el tipo v2 compilaba pero el componente era el de v3).
+ *
+ * `Dropdown.Root` queda deliberadamente crudo (el `MenuTrigger` pelado de v3, sin popover),
+ * igual que en `Table`: vía de escape para montar la anatomía a mano.
+ */
+const Dropdown = Object.assign(DropdownFacade, {
+    Item: react.Dropdown.Item,
+    ItemIndicator: react.Dropdown.ItemIndicator,
+    Menu: react.Dropdown.Menu,
+    Popover: react.Dropdown.Popover,
+    Root: react.Dropdown.Root,
+    Section: DropdownSection,
+    SubmenuIndicator: react.Dropdown.SubmenuIndicator,
+    SubmenuTrigger: react.Dropdown.SubmenuTrigger,
+    Trigger: react.Dropdown.Trigger,
+});
+
 /**
  * Tooltip - Componente BeweOS basado en HeroUI.
  *
@@ -14843,10 +15033,6 @@ Object.defineProperty(exports, "DrawerHeader", {
     enumerable: true,
     get: function () { return react.DrawerHeader; }
 });
-Object.defineProperty(exports, "Dropdown", {
-    enumerable: true,
-    get: function () { return react.Dropdown; }
-});
 Object.defineProperty(exports, "DropdownItem", {
     enumerable: true,
     get: function () { return react.DropdownItem; }
@@ -14855,10 +15041,6 @@ Object.defineProperty(exports, "DropdownMenu", {
     enumerable: true,
     get: function () { return react.DropdownMenu; }
 });
-Object.defineProperty(exports, "DropdownSection", {
-    enumerable: true,
-    get: function () { return react.DropdownSection; }
-});
 Object.defineProperty(exports, "DropdownTrigger", {
     enumerable: true,
     get: function () { return react.DropdownTrigger; }
@@ -14972,6 +15154,8 @@ exports.DateSelector = DateSelector;
 exports.Divider = Divider;
 exports.DonutChart = DonutChart;
 exports.DrawerFilters = DrawerFilters;
+exports.Dropdown = Dropdown;
+exports.DropdownSection = DropdownSection;
 exports.EmailPreview = EmailPreview;
 exports.GlobalToast = GlobalToast;
 exports.H1 = H1;