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

package/dist/index.cjs.js

@@ -40,16 +40,24 @@ const Progress = react.ProgressBar;
 /** Divider → Separator. El uso INTERNO de la librería ya migró a `Separator` directo
  * (`TagsFilter.tsx`); este shim es solo para las apps, que siguen importando `Divider`. */
 const Divider = react.Separator;
-// ---------------------------------------------------------------------------
-// Eliminados
-// ---------------------------------------------------------------------------
 /**
- * `HeroUIProvider` ya no existe en v3 (los componentes no necesitan Provider). Shim no-op: pasa
- * los `children` tal cual para que el `<HeroUIProvider>` (aliased `AuroraProvider`) que envuelve
- * la raíz de las 4 apps siga compilando y renderizando sin cambios.
+ * `HeroUIProvider` ya no existe en v3 (los componentes no necesitan Provider para pintarse). Pero
+ * el de v2 hacía dos cosas que react-aria sí necesita y que las apps no pueden montar por su
+ * cuenta (todo pasa por aurora-ui): `locale` → `I18nProvider` y `navigate`/`useHref` →
+ * `RouterProvider`. Este shim las repone, cada una SOLO cuando se pasa; sin props pasa los
+ * `children` tal cual, como el no-op que era. El resto de props v2 se aceptan y se ignoran (ver
+ * `HeroUIProviderProps`). Orden de anidado idéntico al de v2: `I18nProvider` por fuera,
+ * `RouterProvider` por dentro.
  */
-function HeroUIProvider({ children }) {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
+function HeroUIProvider({ children, locale, navigate, useHref, }) {
+    let contents = children;
+    if (navigate) {
+        contents = (jsxRuntime.jsx(react.RouterProvider, { navigate: navigate, useHref: useHref, children: contents }));
+    }
+    if (locale) {
+        contents = jsxRuntime.jsx(react.I18nProvider, { locale: locale, children: contents });
+    }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: contents });
 }
 /**
  * `Image` se elimina en v3 (usar `<img>` nativo, mismo criterio aplicado en
@@ -1185,6 +1193,33 @@ exports.HolidayType = void 0;
     HolidayType["DateRange"] = "dateRange";
 })(exports.HolidayType || (exports.HolidayType = {}));
 
+// Piezas compartidas por `DatePicker` y `DateRangePicker` para reponer `classNames` y
+// `calendarWidth` de v2 (TECH-2459). Interno: no se exporta desde el índice del paquete.
+/**
+ * Fusiona las clases de la fachada con las del consumidor (`classNames.<slot>`), las del consumidor
+ * DETRÁS para que ganen en tailwind-merge — como el `slots.x({ class })` de v2, cuyo `tv` llevaba
+ * `twMerge: true`. Sin clase del consumidor la cadena de la fachada sale TAL CUAL (unida con
+ * espacios, como antes de existir `classNames`): pasar la fachada por `cn` sin necesidad resolvería
+ * sus conflictos internos (p. ej. `rounded-none` de `underlined` contra el radio) de otra forma que
+ * la cascada de hoy, y cambiaría el píxel de quien no usa la prop.
+ */
+function withConsumerClass(own, consumer) {
+    const base = own.filter(Boolean).join(" ");
+    return consumer ? react.cn(base, consumer) : base;
+}
+/**
+ * `calendarWidth` de v2 → estilo en línea del `Calendar`. v3 fija `.calendar { w-63 max-w-63 }`
+ * (`@heroui/styles/dist/components/calendar.css:11-13`), así que el `max-width` tiene que acompañar
+ * al `width`: con solo `width: 300px` el tope de 252px lo seguiría recortando.
+ */
+function calendarWidthStyle(calendarWidth, style) {
+    if (calendarWidth === undefined) {
+        return style;
+    }
+    const width = typeof calendarWidth === "number" ? `${calendarWidth}px` : calendarWidth;
+    return { ...style, width, maxWidth: width };
+}
+
 // 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.
@@ -1259,20 +1294,25 @@ 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, calendarBottomContent, 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: calendarBottomContentProp, CalendarBottomContent, calendarTopContent: calendarTopContentProp, CalendarTopContent, calendarWidth, calendarProps, classNames, className, "aria-label": ariaLabel, ...props }) {
     const generatedId = $8WNJc$react.useId();
     const autoId = id || generatedId;
-    const calendarLabel = (typeof label === "string" ? label : undefined) ?? ariaLabel ?? "Calendario";
-    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: [
+    const calendarLabel = (typeof label === "string" ? label : undefined) ??
+        ariaLabel ??
+        "Calendario";
+    const calendarBottomContent = calendarBottomContentProp ?? CalendarBottomContent;
+    const calendarTopContent = calendarTopContentProp ?? CalendarTopContent;
+    const { className: calendarClassName, style: calendarStyle, ...restCalendarProps } = calendarProps ?? {};
+    return (jsxRuntime.jsxs(react.DatePicker, { ...props, id: autoId, "aria-label": ariaLabel, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, className: withConsumerClass(["flex flex-col gap-1", fullWidth && "w-full", classNames?.base], className), children: [label && (jsxRuntime.jsx(react.Label, { className: withConsumerClass(["text-default-600 text-xs font-medium"], classNames?.label), children: label })), jsxRuntime.jsxs(react.DateField.Group, { fullWidth: fullWidth, className: withConsumerClass([
                     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$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 })] }));
+                ], classNames?.inputWrapper), children: [jsxRuntime.jsx(react.DateField.Input, { className: withConsumerClass([SIZE_TEXT_CLASS$4[size]], classNames?.input), children: (segment) => (jsxRuntime.jsx(react.DateField.Segment, { segment: segment, className: classNames?.segment })) }), jsxRuntime.jsx(react.DateField.Suffix, { children: jsxRuntime.jsx(react.DatePicker.Trigger, { className: classNames?.selectorButton, children: endContent !== undefined ? (jsxRuntime.jsx(react.DatePicker.TriggerIndicator, { className: classNames?.selectorIcon, children: endContent })) : (jsxRuntime.jsx(react.DatePicker.TriggerIndicator, { className: classNames?.selectorIcon })) }) })] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: classNames?.description, children: description })), jsxRuntime.jsxs(react.DatePicker.Popover, { className: classNames?.popoverContent, children: [calendarTopContent, jsxRuntime.jsxs(react.Calendar, { "aria-label": calendarLabel, minValue: props.minValue, maxValue: props.maxValue, ...restCalendarProps, className: withConsumerClass([
+                            typeof calendarClassName === "string"
+                                ? calendarClassName
+                                : undefined,
+                        ], classNames?.calendar) || undefined, style: calendarWidthStyle(calendarWidth, typeof calendarStyle === "object" ? calendarStyle : undefined), 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, { className: classNames?.errorMessage, children: errorMessage }))] }));
 }
 
 // Mismo mecanismo que DatePicker.tsx / Input.tsx / Select.tsx (findings/
@@ -1351,20 +1391,25 @@ 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, calendarBottomContent, 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: calendarBottomContentProp, CalendarBottomContent, calendarTopContent: calendarTopContentProp, CalendarTopContent, calendarWidth, calendarProps, classNames, 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";
-    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: [
+    const calendarLabel = (typeof label === "string" ? label : undefined) ??
+        ariaLabel ??
+        "Rango de fechas";
+    const calendarBottomContent = calendarBottomContentProp ?? CalendarBottomContent;
+    const calendarTopContent = calendarTopContentProp ?? CalendarTopContent;
+    const { className: calendarClassName, style: calendarStyle, ...restCalendarProps } = calendarProps ?? {};
+    return (jsxRuntime.jsxs(react.DateRangePicker, { ...props, id: autoId, "aria-label": ariaLabel, isInvalid: isInvalid, isRequired: isRequired, isDisabled: isDisabled, className: withConsumerClass(["flex flex-col gap-1", fullWidth && "w-full", classNames?.base], className), children: [label && (jsxRuntime.jsx(react.Label, { className: withConsumerClass(["text-default-600 text-xs font-medium"], classNames?.label), children: label })), jsxRuntime.jsxs(react.DateField.Group, { fullWidth: fullWidth, className: withConsumerClass([
                     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$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 })] }));
+                ], classNames?.inputWrapper), children: [jsxRuntime.jsx(react.DateField.Input, { slot: "start", className: withConsumerClass([SIZE_TEXT_CLASS$3[size]], classNames?.input), children: (segment) => (jsxRuntime.jsx(react.DateField.Segment, { segment: segment, className: classNames?.segment })) }), jsxRuntime.jsx(react.DateRangePicker.RangeSeparator, { className: classNames?.separator }), jsxRuntime.jsx(react.DateField.Input, { slot: "end", className: withConsumerClass([SIZE_TEXT_CLASS$3[size]], classNames?.input), children: (segment) => (jsxRuntime.jsx(react.DateField.Segment, { segment: segment, className: classNames?.segment })) }), jsxRuntime.jsx(react.DateField.Suffix, { children: jsxRuntime.jsx(react.DateRangePicker.Trigger, { className: classNames?.selectorButton, children: endContent !== undefined ? (jsxRuntime.jsx(react.DateRangePicker.TriggerIndicator, { className: classNames?.selectorIcon, children: endContent })) : (jsxRuntime.jsx(react.DateRangePicker.TriggerIndicator, { className: classNames?.selectorIcon })) }) })] }), description && !isInvalid && (jsxRuntime.jsx(react.Description, { className: classNames?.description, children: description })), jsxRuntime.jsxs(react.DateRangePicker.Popover, { className: classNames?.popoverContent, children: [calendarTopContent, jsxRuntime.jsxs(react.RangeCalendar, { "aria-label": calendarLabel, minValue: props.minValue, maxValue: props.maxValue, ...restCalendarProps, className: withConsumerClass([
+                            typeof calendarClassName === "string"
+                                ? calendarClassName
+                                : undefined,
+                        ], classNames?.calendar) || undefined, style: calendarWidthStyle(calendarWidth, typeof calendarStyle === "object" ? calendarStyle : undefined), 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, { className: classNames?.errorMessage, children: errorMessage }))] }));
 }
 
 // TECH-2459 · F3.0 — v3 divide el `Input` monolítico de v2 en `TextField` (label/description/
@@ -8279,6 +8324,32 @@ const FIELD_BORDER_CLASS = "border-2 border-default-200 bg-background focus-with
  */
 const ROOT_INLINE_LABEL_CLASS = "flex-row items-center gap-x-2 flex-nowrap";
 const LABEL_CLASS$2 = "text-xs font-normal text-default-600";
+/*
+ * TECH-2459 · hallazgo widgets 23-sep (`findings/app-widgets-timeinput-label-inline.md`) — la
+ * etiqueta ENCIMA, para el nombre `TimeInput` a secas.
+ *
+ * En v2 (0.6.85, `dist/index.esm.js`) había DOS componentes bajo dos nombres: la fachada de arriba
+ * (con `labelPlacement: "outside-left"`) se exportaba SOLO como `TimeInputComponent`
+ * (`export { …, TimeInput as TimeInputComponent, … }`), y `TimeInput` a secas llegaba por el
+ * `export * from '@heroui/react'`: el crudo de HeroUI 2.7.11, con la etiqueta encima. v1 había
+ * apuntado los dos nombres a la fachada en línea, y el alta de agenda de widgets (que importa
+ * `TimeInput` a secas junto a un `DatePicker`) quedó con «Hora» a la izquierda y «Fecha» encima.
+ *
+ * Las clases son las MISMAS que la fachada de `DatePicker` pone en su raíz y en su `Label`
+ * (`DatePicker.tsx`: `"flex flex-col gap-1"` y `"text-default-600 text-xs font-medium"`), para que
+ * en un formulario las dos etiquetas y los dos campos caigan en la misma línea. El grupo ya mide lo
+ * mismo que el `size="md"` por defecto del `DatePicker` (`h-10 min-h-10`).
+ */
+const ROOT_OUTSIDE_LABEL_CLASS = "flex flex-col gap-1";
+const OUTSIDE_LABEL_CLASS = "text-default-600 text-xs font-medium";
+const ROOT_CLASS = {
+    outside: ROOT_OUTSIDE_LABEL_CLASS,
+    "outside-left": ROOT_INLINE_LABEL_CLASS,
+};
+const LABEL_CLASS_BY_PLACEMENT = {
+    outside: OUTSIDE_LABEL_CLASS,
+    "outside-left": LABEL_CLASS$2,
+};
 const GROUP_SIZE_CLASS = "flex-1 h-10 min-h-10 shadow-xs";
 /*
  * TECH-2459 · F5 · R3 — Avance de los segmentos: se reproduce el de v2 MEDIDO en el PNG.
@@ -8339,16 +8410,11 @@ const DAY_PERIOD_SEGMENT_CLASS = "ms-0.5";
  */
 const FIELD_FOCUS_CLASS$2 = "ring-0 ring-offset-0";
 /**
- * TimeInput genérico reutilizable, migrado al `TimeField` compound de HeroUI v3 (el `TimeInput`
- * de v2 se elimina). Mantiene `label` + los props de estado de v2 (`value`, `onChange`,
- * `isDisabled`, `isInvalid`, `isRequired`, `granularity`, `hourCycle`, `minValue`, `maxValue`…),
- * que no cambiaron (son de React Aria, no de HeroUI).
- *
- * La etiqueta va en línea a la izquierda del campo, como en v2 (ver el bloque de arriba). v2 no
- * exponía `labelPlacement` en su API pública (`Omit<HeroUITimeInputProps, "labelPlacement">`), así
- * que aquí tampoco: la colocación es la del diseño de BeweOS y no se configura.
+ * Implementación común de los dos nombres exportados. La única diferencia entre `TimeInput` y
+ * `TimeInputComponent` es el valor por defecto de `labelPlacement`; una `labelPlacement` explícita
+ * gana siempre.
  */
-function TimeInput({ label, id, className, 
+function TimeInputBase({ label, id, className, labelPlacement, 
 // v2 lo forzaba a `true` en su propio hook (`@heroui/date-input@2.3.24` →
 // `dist/use-time-input.js:58`, `shouldForceLeadingZeros = true`), así que la referencia v2
 // muestra "09:00 AM"; React Aria por sí solo deja "9:00 AM". Es una prop de React Aria que v3
@@ -8360,10 +8426,29 @@ shouldForceLeadingZeros = true, ...props }) {
         // `cn` (tailwind-merge) y no una concatenación: el consumidor tiene que poder pisar la
         // colocación y el ancho (`ScheduleRow` pasa `w-full`). Todas las clases de aquí son
         // vocabulario v3 válido, así que tailwind-merge las resuelve bien.
-        className: react.cn(ROOT_INLINE_LABEL_CLASS, className), shouldForceLeadingZeros: shouldForceLeadingZeros, ...props, children: [label && jsxRuntime.jsx(react.Label, { className: LABEL_CLASS$2, children: label }), jsxRuntime.jsx(react.TimeField.Group, { className: react.cn(FIELD_BORDER_CLASS, GROUP_SIZE_CLASS, FIELD_FOCUS_CLASS$2), children: jsxRuntime.jsx(react.TimeField.Input, { className: INPUT_CLASS, children: (segment) => (jsxRuntime.jsx(react.TimeField.Segment, { segment: segment, className: segment.type === "dayPeriod"
+        className: react.cn(ROOT_CLASS[labelPlacement], className), shouldForceLeadingZeros: shouldForceLeadingZeros, ...props, children: [label && (jsxRuntime.jsx(react.Label, { className: LABEL_CLASS_BY_PLACEMENT[labelPlacement], children: label })), jsxRuntime.jsx(react.TimeField.Group, { className: react.cn(FIELD_BORDER_CLASS, GROUP_SIZE_CLASS, FIELD_FOCUS_CLASS$2), children: jsxRuntime.jsx(react.TimeField.Input, { className: INPUT_CLASS, children: (segment) => (jsxRuntime.jsx(react.TimeField.Segment, { segment: segment, className: segment.type === "dayPeriod"
                             ? DAY_PERIOD_SEGMENT_CLASS
                             : undefined })) }) })] }));
 }
+/**
+ * `TimeInput` — el nombre que en v2 era el crudo de HeroUI: etiqueta ENCIMA del campo
+ * (`labelPlacement="outside"` por defecto), alineada con la de `DatePicker`. Migrado al
+ * `TimeField` compound de v3; conserva `label` + los props de estado de v2 (`value`, `onChange`,
+ * `isDisabled`, `isInvalid`, `isRequired`, `granularity`, `hourCycle`, `minValue`, `maxValue`…),
+ * que son de React Aria y no cambiaron: `onChange` entrega un `TimeValue` de
+ * `@internationalized/date` (o `null`), igual que el crudo de v2.
+ */
+function TimeInput({ labelPlacement = "outside", ...props }) {
+    return jsxRuntime.jsx(TimeInputBase, { ...props, labelPlacement: labelPlacement });
+}
+/**
+ * `TimeInputComponent` — la fachada BeweOS de v2: etiqueta EN LÍNEA a la izquierda del campo
+ * (`labelPlacement="outside-left"` por defecto, el `outside-left` que v2 fijaba sin exponerlo).
+ * Es lo que usan `ScheduleRow`, beweossmbs y chatbot-claw.
+ */
+function TimeInputComponent({ labelPlacement = "outside-left", ...props }) {
+    return jsxRuntime.jsx(TimeInputBase, { ...props, labelPlacement: labelPlacement });
+}
 
 /**
  * @file schedule-row.constants.ts
@@ -8567,7 +8652,7 @@ const ScheduleRow = ({ day, daySchedule, translations = {}, showCopyToAll = fals
                     const isLastSlot = index === slotsToDisplay.length - 1;
                     const isSlotFilled = slot.from && slot.to;
                     const canDelete = slotsToDisplay.length > 1;
-                    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsxRuntime.jsx(TimeInput, { label: t.from, className: "w-full", value: toTimeValue(slot.from), onChange: (value) => handleTimeChange(index, "from", value), isInvalid: !!slot.error }), jsxRuntime.jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsxRuntime.jsx(TimeInput, { label: t.to, className: "w-full", value: toTimeValue(slot.to), onChange: (value) => handleTimeChange(index, "to", value), isInvalid: !!slot.error })] }), slot.error && (jsxRuntime.jsx("span", { className: "text-xs text-danger", children: slot.error }))] }), isLastSlot ? (jsxRuntime.jsx(Button, { isIconOnly: true, size: "sm", color: "primary", variant: "light", onPress: handleAddTimeSlot, isDisabled: !isSlotFilled, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:add-circle-bold" }) })) : (jsxRuntime.jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: () => handleRemoveTimeSlot(index), isDisabled: !canDelete, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) }))] }, `${day}-timeslot-${index}`));
+                    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsxRuntime.jsx(TimeInputComponent, { label: t.from, className: "w-full", value: toTimeValue(slot.from), onChange: (value) => handleTimeChange(index, "from", value), isInvalid: !!slot.error }), jsxRuntime.jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsxRuntime.jsx(TimeInputComponent, { label: t.to, className: "w-full", value: toTimeValue(slot.to), onChange: (value) => handleTimeChange(index, "to", value), isInvalid: !!slot.error })] }), slot.error && (jsxRuntime.jsx("span", { className: "text-xs text-danger", children: slot.error }))] }), isLastSlot ? (jsxRuntime.jsx(Button, { isIconOnly: true, size: "sm", color: "primary", variant: "light", onPress: handleAddTimeSlot, isDisabled: !isSlotFilled, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:add-circle-bold" }) })) : (jsxRuntime.jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: () => handleRemoveTimeSlot(index), isDisabled: !canDelete, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) }))] }, `${day}-timeslot-${index}`));
                 }) }))] }, day));
 };
 
@@ -13922,7 +14007,7 @@ const ModalCloseContext = $8WNJc$react.createContext(() => { });
  * TECH-2459 · G2-overlays-nav — v3 convierte `Modal` en compound (`Modal.Backdrop/Container/
  * Dialog/Header/Body/Footer/CloseTrigger`, ver `upload-file/UploadFile.tsx` D-G1-7 y la guía
  * oficial `modal`). Esta fachada arma esa anatomía por dentro pero conserva la API PLANA de v2
- * (`isOpen`/`onOpenChange`/`size`/`radius`/`backdrop`/`scrollBehavior`/`placement`/
+ * (`isOpen`/`onOpenChange`/`onClose`/`size`/`radius`/`backdrop`/`scrollBehavior`/`placement`/
  * `isDismissable`/`hideCloseButton` + `<ModalContent>{(onClose) => ...}</ModalContent>`), para que
  * el código ya escrito en las 4 apps consumidoras siga funcionando sin cambios.
  *
@@ -13931,8 +14016,25 @@ const ModalCloseContext = $8WNJc$react.createContext(() => { });
  * foco vuelve al disparador al cerrar y la página no hace scroll por detrás — los cuatro los
  * gestiona react-aria-components internamente (`ModalOverlay`/`Dialog`), sin código propio.
  */
-const Modal = ({ isOpen, defaultOpen, onOpenChange, size = "md", radius = "lg", backdrop = "opaque", scrollBehavior = "normal", placement, isDismissable = true, isKeyboardDismissDisabled = false, hideCloseButton = false, className, children, }) => {
-    return (jsxRuntime.jsx(react.Modal, { children: jsxRuntime.jsx(react.Modal.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsxRuntime.jsx(react.Modal.Container, { size: SIZE_MAP[size], placement: placement, scroll: scrollBehavior === "inside" ? "inside" : undefined, children: jsxRuntime.jsx(react.Modal.Dialog, { className: react.cn(RADIUS_CLASS$2[radius], size !== "full" && MAX_WIDTH_CLASS[size], "px-6 py-9", className), children: ({ close }) => (jsxRuntime.jsxs(ModalCloseContext.Provider, { value: close, children: [!hideCloseButton && jsxRuntime.jsx(react.Modal.CloseTrigger, {}), children] })) }) }) }) }));
+const Modal = ({ isOpen, defaultOpen, onOpenChange, onClose, size = "md", radius = "lg", backdrop = "opaque", scrollBehavior = "normal", placement, isDismissable = true, isKeyboardDismissDisabled = false, hideCloseButton = false, className, children, }) => {
+    // v2 aceptaba `onClose` además de `onOpenChange` y lo llamaba en cada cierre; v3 solo conoce
+    // `onOpenChange`. Sin este puente, un modal controlado con `isOpen` + `onClose` (el patrón
+    // v2 dominante en las apps: ~118 usos en beweossmbs frente a 8 de `onOpenChange`) no se
+    // cerraba con la X, el backdrop ni Escape, porque nadie escuchaba `onOpenChange(false)`.
+    //
+    // Basta con engancharse aquí: TODAS las vías de cierre acaban en este `onOpenChange` del
+    // `ModalOverlay`. La X (`Modal.CloseTrigger`, `slot="close"`) y el `close` del render-prop de
+    // `Modal.Dialog` —el que `ModalCloseContext` pasa a `ModalContent`— llaman a `state.close()`
+    // del estado del overlay, y Escape/backdrop también; ese estado (`useOverlayTriggerState` →
+    // `useControlledState`) solo notifica cuando el valor cambia, así que `onClose` se dispara
+    // una vez por cierre y ninguna al abrir.
+    const handleOpenChange = (open) => {
+        onOpenChange?.(open);
+        if (!open) {
+            onClose?.();
+        }
+    };
+    return (jsxRuntime.jsx(react.Modal, { children: jsxRuntime.jsx(react.Modal.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: handleOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsxRuntime.jsx(react.Modal.Container, { size: SIZE_MAP[size], placement: placement, scroll: scrollBehavior === "inside" ? "inside" : undefined, children: jsxRuntime.jsx(react.Modal.Dialog, { className: react.cn(RADIUS_CLASS$2[radius], size !== "full" && MAX_WIDTH_CLASS[size], "px-6 py-9", className), children: ({ close }) => (jsxRuntime.jsxs(ModalCloseContext.Provider, { value: close, children: [!hideCloseButton && jsxRuntime.jsx(react.Modal.CloseTrigger, {}), children] })) }) }) }) }));
 };
 
 /**
@@ -13978,7 +14080,7 @@ ModalHeader.displayName = "ModalHeader";
  * 24px de `px-6` ese margen negativo solo desalineaba el contenido 3px respecto al header.
  * `mt-0` anula el `.modal__header + .modal__body { mt-2 }` de v3, que v2 no tenía.
  */
-const BODY_V2_GEOMETRY = "mx-0 mt-0 flex flex-1 flex-col gap-3 px-6 py-2";
+const BODY_V2_GEOMETRY$1 = "mx-0 mt-0 flex flex-1 flex-col gap-3 px-6 py-2";
 const ModalBody = $8WNJc$react.forwardRef(({ className, ...props }, forwardedRef) => {
     const nodeRef = $8WNJc$react.useRef(null);
     const callbackRef = $8WNJc$react.useCallback((node) => {
@@ -14125,7 +14227,7 @@ const ModalBody = $8WNJc$react.forwardRef(({ className, ...props }, forwardedRef
             track.remove();
         };
     }, []);
-    return (jsxRuntime.jsx(react.ModalBody, { ref: callbackRef, ...props, className: react.cn(BODY_V2_GEOMETRY, className) }));
+    return (jsxRuntime.jsx(react.ModalBody, { ref: callbackRef, ...props, className: react.cn(BODY_V2_GEOMETRY$1, className) }));
 });
 ModalBody.displayName = "ModalBody";
 
@@ -14139,6 +14241,195 @@ ModalBody.displayName = "ModalBody";
 const ModalFooter = ({ className, ...props }) => (jsxRuntime.jsx(react.ModalFooter, { ...props, className: react.cn("mt-0 px-6 py-4", className) }));
 ModalFooter.displayName = "ModalFooter";
 
+const DrawerFacadeContext = $8WNJc$react.createContext({
+    close: () => {
+        // fuera de un `Drawer` no hay diálogo que cerrar
+    },
+    scrollBehavior: "inside",
+});
+
+// Tope del lado corto del panel por tamaño, con los valores EXACTOS de v2 — leídos del oráculo,
+// no de memoria: `@heroui/theme@2.4.15`, `dist/chunk-EP7KPCL3.mjs` (tv `drawer`) aplica
+// `max-w-<size>` + `max-h-[<rem>]` al slot `base` (el panel), y el `placement` anula el eje que
+// no toca (`max-h-[none]` en left/right, `max-w-[none]` en top/bottom). La escala `maxWidth` de
+// Tailwind 3 resuelve `max-w-<size>` a los mismos rem que el `max-h` literal. Clases literales:
+// Tailwind solo genera lo que ve escrito entero en el fuente.
+//
+// left/right: v2 era `w-full` (slot `base` del modal) + `max-w-<size>`. v3 fija
+// `w-80 max-w-[85vw] sm:w-96` (320/384px) para cualquier tamaño: sin esto, `size="lg"` medía
+// 384px donde v2 medía 512px, y `size` no hacía nada. Ganan a `.drawer__dialog[data-placement]`
+// por capa (`@layer components` < `@layer utilities`), no por especificidad, igual que el
+// `MAX_WIDTH_CLASS` de `Modal`.
+const HORIZONTAL_SIZE_CLASS = {
+    xs: "w-full max-w-[20rem]",
+    sm: "w-full max-w-[24rem]",
+    md: "w-full max-w-[28rem]",
+    lg: "w-full max-w-[32rem]",
+    xl: "w-full max-w-[36rem]",
+    "2xl": "w-full max-w-[42rem]",
+    "3xl": "w-full max-w-[48rem]",
+    "4xl": "w-full max-w-[56rem]",
+    "5xl": "w-full max-w-[64rem]",
+};
+// top/bottom: v3 ya es `w-full` y topa el alto a `max-h-[85vh]`; v2 lo topaba por tamaño.
+const VERTICAL_SIZE_CLASS = {
+    xs: "max-h-[20rem]",
+    sm: "max-h-[24rem]",
+    md: "max-h-[28rem]",
+    lg: "max-h-[32rem]",
+    xl: "max-h-[36rem]",
+    "2xl": "max-h-[42rem]",
+    "3xl": "max-h-[48rem]",
+    "4xl": "max-h-[56rem]",
+    "5xl": "max-h-[64rem]",
+};
+// v2 `full`: `max-w-full max-h-full h-[100dvh] !rounded-none` en cualquier `placement`.
+const FULL_SIZE_CLASS = "w-full max-w-full h-[100dvh] max-h-full rounded-none";
+const sizeClass = (size, placement) => {
+    if (size === "full") {
+        return FULL_SIZE_CLASS;
+    }
+    return placement === "left" || placement === "right"
+        ? HORIZONTAL_SIZE_CLASS[size]
+        : VERTICAL_SIZE_CLASS[size];
+};
+/**
+ * Drawer - fachada BeweOS sobre el `Drawer` compound de HeroUI v3.
+ *
+ * TECH-2459 — hasta el 23-sep `Drawer`/`DrawerContent`/`DrawerHeader`/`DrawerBody`/`DrawerFooter`
+ * se servían CRUDOS de v3, que es compound y no entiende la API plana de v2: `isOpen`/`onClose`
+ * no llegaban a ningún overlay, así que los drawers de las apps no montaban o no cerraban. Esta
+ * fachada arma la anatomía de v3 por dentro (`Drawer` → `Backdrop` → `Content` → `Dialog`) y
+ * conserva la API de v2 (`isOpen`/`defaultOpen`/`onOpenChange`/`onClose`/`placement`/`size`/
+ * `backdrop`/`scrollBehavior`/`isDismissable`/`isKeyboardDismissDisabled`/`hideCloseButton` +
+ * `<DrawerContent>{(onClose) => ...}</DrawerContent>`), con los defaults de v2 (`useDrawer` de
+ * `@heroui/drawer@2.2.29`: `placement="right"`, `size="md"`, `scrollBehavior="inside"`).
+ *
+ * Lo que NO se repone a propósito (criterio de la migración: adaptarse a v3, no identidad de
+ * píxel): fondo, sombra, radio y posición de la X son los de v3. Sí se repone la geometría de la
+ * que depende el contenido de las apps: el ancho/alto por `size`, el padding de los slots
+ * (`DrawerHeader`/`Body`/`Footer`) y el panel sin padding propio, porque las apps ya compensan
+ * sobre esos valores (p. ej. `DrawerHeader className="pt-6"`).
+ *
+ * La anatomía v3 completa queda publicada como estáticos (`Drawer.Backdrop`, `Drawer.Content`,
+ * `Drawer.Dialog`, …): son los MISMOS objetos que exporta `@heroui/react`.
+ */
+const DrawerFacade = ({ isOpen, defaultOpen, onOpenChange, onClose, placement = "right", size = "md", backdrop = "opaque", scrollBehavior = "inside", isDismissable = true, isKeyboardDismissDisabled = false, hideCloseButton = false, className, children, }) => {
+    // Mismo puente que `Modal` (f3ce18c): v3 solo conoce `onOpenChange`. Todas las vías de cierre
+    // (la X —`Drawer.CloseTrigger`, `slot="close"`—, el `close` del render-prop de
+    // `Drawer.Dialog`, Escape, backdrop y el arrastre de v3) acaban en `state.close()` del
+    // overlay, que solo notifica cuando el valor cambia: `onClose` sale una vez por cierre y
+    // ninguna al abrir.
+    // v2 nombraba el diálogo con su cabecera (`ModalContent` → `aria-labelledby` = id del
+    // `ModalHeader`). En v3 solo lo hace `Drawer.Heading`, que las apps no usan: sin esto el
+    // panel quedaba sin nombre accesible y react-aria avisaba en consola en cada apertura («A
+    // dialog must have a title for accessibility», medido en jsdom). `DrawerHeader` pone este id.
+    const headerId = $8WNJc$react.useId();
+    const handleOpenChange = (open) => {
+        onOpenChange?.(open);
+        if (!open) {
+            onClose?.();
+        }
+    };
+    // Sin `Drawer.Root` (el `DialogTrigger` de react-aria) a propósito: la fachada no tiene
+    // disparador propio —lo abre el `isOpen` de la app— y un `DialogTrigger` sin hijo pulsable
+    // avisa en consola en CADA montaje («A PressResponder was rendered without a pressable
+    // child», medido en jsdom; `Modal` lo sigue emitiendo). `Drawer.Backdrop` (`ModalOverlay`)
+    // ya crea y publica su propio estado de overlay con `isOpen`/`onOpenChange`, y trae todos los
+    // slots de `drawerVariants()`, así que el root no aportaba nada.
+    return (jsxRuntime.jsx(react.Drawer.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: handleOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsxRuntime.jsx(react.Drawer.Content, { placement: placement, children: jsxRuntime.jsx(react.Drawer.Dialog, { "aria-labelledby": headerId, className: react.cn(sizeClass(size, placement), "p-0", scrollBehavior === "outside" && "overflow-y-auto", className), children: ({ close }) => (jsxRuntime.jsx(DrawerDialogBody, { close: close, headerId: headerId, scrollBehavior: scrollBehavior, hideCloseButton: hideCloseButton, children: children })) }) }) }));
+};
+/** Aísla el `useMemo` del valor de contexto (el render-prop de `Dialog` no puede usar hooks). */
+const DrawerDialogBody = ({ close, headerId, scrollBehavior, hideCloseButton, children }) => {
+    const value = $8WNJc$react.useMemo(() => ({ close, headerId, scrollBehavior }), [close, headerId, scrollBehavior]);
+    return (jsxRuntime.jsxs(DrawerFacadeContext.Provider, { value: value, children: [!hideCloseButton && jsxRuntime.jsx(react.Drawer.CloseTrigger, {}), children] }));
+};
+DrawerFacade.displayName = "Aurora.Drawer";
+/**
+ * `Drawer` de Aurora: fachada v2 + estáticos compound de v3 (los mismos objetos que exporta
+ * `@heroui/react`), para quien quiera montar la anatomía de v3 a mano.
+ *
+ * ⚠️ `Drawer.Content`/`Drawer.Header`/`Drawer.Body`/`Drawer.Footer` son las piezas CRUDAS de v3
+ * (sin la geometría v2 ni el render-prop): no son los `DrawerContent`/`DrawerHeader`/… planos de
+ * esta librería. No se mezclan las dos formas en el mismo drawer.
+ */
+const Drawer = Object.assign(DrawerFacade, {
+    Root: react.Drawer.Root,
+    Trigger: react.Drawer.Trigger,
+    Backdrop: react.Drawer.Backdrop,
+    Content: react.Drawer.Content,
+    Dialog: react.Drawer.Dialog,
+    Header: react.Drawer.Header,
+    Heading: react.Drawer.Heading,
+    Body: react.Drawer.Body,
+    Footer: react.Drawer.Footer,
+    Handle: react.Drawer.Handle,
+    CloseTrigger: react.Drawer.CloseTrigger,
+});
+
+/**
+ * `DrawerContent` de v2 (en v2 era el mismo `ModalContent`). En v3 `Drawer.Content` es el
+ * posicionador del overlay, que la fachada `Drawer` ya monta por dentro; este componente NO lo
+ * envuelve: es azúcar de compatibilidad. Si `children` es una función, la invoca con el `close`
+ * real del diálogo (vía contexto) para que el patrón v2 `{(onClose) => <>...</>}` siga
+ * funcionando (6 de los 12 drawers de las apps lo usan, medido el 23-sep).
+ */
+function DrawerContent({ children, className }) {
+    const { close } = $8WNJc$react.useContext(DrawerFacadeContext);
+    const content = typeof children === "function" ? children(close) : children;
+    if (!className) {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: content });
+    }
+    return jsxRuntime.jsx("div", { className: className, children: content });
+}
+DrawerContent.displayName = "Aurora.DrawerContent";
+
+/**
+ * Geometría v2 del slot `header`, reintroducida sobre `.drawer__header` de v3. v2 (el drawer
+ * reusaba los slots del modal): `flex py-4 px-6 flex-initial text-large font-semibold`
+ * (`@heroui/theme@2.4.15`, `chunk-YXVO2HGK.mjs`, slot `header`; `text-large` → `text-lg`).
+ * `.drawer__header` de v3 no tiene padding ni tipografía y apila en columna con `gap-3`; mismo
+ * arreglo que `ModalHeader`.
+ *
+ * El `className` del consumidor se mezcla con `cn` (tailwind-merge) en última posición, así que
+ * sigue ganando: `className="flex flex-col gap-1"` mantiene su columna y `pt-6` pisa el `py-4`.
+ *
+ * Lleva el `id` que el panel usa como `aria-labelledby`: la cabecera NOMBRA el diálogo, como en
+ * v2 (ver `Drawer.tsx`).
+ */
+const DrawerHeader = ({ className, children }) => {
+    const { headerId } = $8WNJc$react.useContext(DrawerFacadeContext);
+    return (jsxRuntime.jsx(react.DrawerHeader, { id: headerId, className: react.cn("flex-initial flex-row gap-0 px-6 py-4 text-lg font-semibold", className), children: children }));
+};
+DrawerHeader.displayName = "Aurora.DrawerHeader";
+
+/**
+ * Geometría v2 del slot `body`: `flex flex-1 flex-col gap-3 px-6 py-2` (`@heroui/theme@2.4.15`,
+ * `chunk-YXVO2HGK.mjs`, slot `body`). `.drawer__body` de v3 es un bloque sin padding ni gap
+ * (`-m-[3px] my-0 p-[3px]`), así que los campos de un formulario quedarían pegados y a ras del
+ * borde. `mx-0` anula el margen negativo de v3 y `mt-0` el `.drawer__header + .drawer__body
+ * { mt-2 }`, que v2 no tenía (mismo arreglo que `ModalBody`).
+ *
+ * Scroll: con `scrollBehavior="inside"` (default v2 del drawer) el cuerpo hace scroll, que es lo
+ * que ya trae `.drawer__body` de v3. Con `outside` el que hace scroll es el panel, así que el
+ * cuerpo lo suelta (`overflow-visible`) y deja de encogerse (`flex-none`).
+ */
+const BODY_V2_GEOMETRY = "mx-0 mt-0 flex flex-1 flex-col gap-3 px-6 py-2";
+const DrawerBody = ({ className, children }) => {
+    const { scrollBehavior } = $8WNJc$react.useContext(DrawerFacadeContext);
+    return (jsxRuntime.jsx(react.DrawerBody, { className: react.cn(BODY_V2_GEOMETRY, scrollBehavior === "outside" && "flex-none overflow-visible", className), children: children }));
+};
+DrawerBody.displayName = "Aurora.DrawerBody";
+
+/**
+ * Geometría v2 del slot `footer`: `flex flex-row gap-2 px-6 py-4 justify-end`
+ * (`@heroui/theme@2.4.15`, slot `footer`). v3 conserva `flex-row justify-end gap-2` pero pierde
+ * el padding y añade `.drawer__body + .drawer__footer { mt-5 }`, que v2 no tenía — de ahí el
+ * `mt-0` (mismo arreglo que `ModalFooter`).
+ */
+const DrawerFooter = ({ className, children }) => (jsxRuntime.jsx(react.DrawerFooter, { className: react.cn("mt-0 px-6 py-4", className), children: children }));
+DrawerFooter.displayName = "Aurora.DrawerFooter";
+
 // TECH-2459 — Fachada `Alert` (hallazgo loginos 07-sep: `index.tsx` reexportaba el `Alert` CRUDO de
 // v3 y solo shimeaba el TIPO `AlertProps` v2 → el JSX v2 compilaba pero el componente era v3).
 //
@@ -14793,9 +15084,12 @@ const Dropdown = Object.assign(DropdownFacade, {
 //   | 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 |
+//   | beweossmbs / loginos / linda-business | 0 | 0 | 0                  | 0    | 0                  | no usan la forma v3 |
 //
 // (conteo de tags de APERTURA; beweanalytics escribe `Tab` suelto en vez de `Tabs.Tab`.)
+// Corrección del 23-sep: esa última fila solo contaba la forma v3. Las apps SIN migrar sí usan
+// tabs, y todas en la forma v2 (`<Tab key title>` suelto): beweossmbs 42 raíces, chatbot-claw 1,
+// linda-business 1. Esa forma la cubre la rama v2 del root, más abajo.
 // 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.
@@ -14900,7 +15194,12 @@ function hasIndicator(children) {
         return node.type === $8WNJc$react.Fragment && hasIndicator(node.props.children);
     });
 }
-const TabFacade = ({ children, ...props }) => {
+const TabFacade = ({ children: ownChildren, title, 
+// `titleValue` es de v2 y no tiene destino en v3: se consume para que no llegue al DOM.
+titleValue: _titleValue, ...props }) => {
+    // En la forma v3 la etiqueta son los `children`; si solo viene el `title` de v2 (un `Tab` con
+    // `title` dentro de `Tabs.List`), hace de etiqueta. Con los dos, mandan los `children`.
+    const children = ownChildren ?? title;
     // `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
@@ -14941,7 +15240,179 @@ const Tab = TabFacade;
 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 }) => {
+// ---------------------------------------------------------------------------------------------
+// Forma v2: `<Tabs …><Tab key="x" title="X">panel</Tab></Tabs>`
+// ---------------------------------------------------------------------------------------------
+//
+// Las apps que faltan por migrar escriben SOLO esta forma (inventario con el parser de TypeScript
+// sobre `git show`, 23-sep: beweossmbs `origin/staging` 42 raíces, chatbot-claw
+// `origin/feat/TECH-3586/linda-claw` 1, linda-business `origin/staging` 1 — 44 raíces, 97 `Tab`,
+// todos con `key` y `title`, 39 con hijos = panel, 0 `Tabs.List`). En v3 esa forma no monta:
+// `Tab === Tabs.Tab` es un item de colección y fuera de `Tabs.List` react-aria lanza «cannot be
+// rendered outside a collection». La fachada la reescribe a la forma COMPLETA de v3:
+//
+//   Tabs (root)
+//   ├─ div data-slot="tabs-base"             ← el `base` de v2: `classNames.base` + `className`
+//   │  └─ Tabs.ListContainer                 ← el carril (sin él la píldora no se ve, ver arriba)
+//   │     └─ Tabs.List  aria-label del root  ← `classNames.tabList`, `role="tablist"`
+//   │        └─ Tabs.Tab id = key del Tab    ← `classNames.tab` + `className` del Tab
+//   │           ├─ Tabs.Indicator            ← `classNames.cursor` (UNO por tab; v3 solo pinta el activo)
+//   │           └─ title
+//   └─ Tabs.Panel id = key (solo los Tab con hijos) ← `classNames.panel` + `className` del Tab
+//
+// Oráculo v2: `@heroui/tabs@2.2.29` `dist/tabs.js` y `@heroui/theme@2.4.15`
+// `dist/components/tabs.js` (npm pack, no de memoria). De ahí sale cada destino:
+//   · `className` del root → `slots.base` junto a `classNames.base` (`tabs.js:88,114`), y `base`
+//     envuelve SOLO la tira: los paneles son sus hermanos (`tabs.js:414-430`).
+//   · `className` del Tab → la pestaña (`cn(classNames.tab, className)`, `tabs.js:207`) Y su panel
+//     (`cn(classNames.panel, …, selectedItem.props.className)`, `tabs.js:282`).
+//   · `classNames.cursor` → el `<span>` de la píldora (`tabs.js:145`), que en v3 es el indicador.
+//   · Un Tab sin hijos NO genera panel (`if (!content) return null`, `tabs.js:284`).
+//
+// Las clases de la app van SIEMPRE en última posición de un `cn` (tailwind-merge): el `tv` de v2
+// corría con `twMerge: true`, así que su clase borraba la de la librería, y aquí igual — la
+// concatenación simple es el defecto ya medido en otras fachadas (la clase de la app perdía).
+/** Los dos nombres por los que una app llega a un `Tab`: la fachada y, por si acaso, el crudo. */
+const TAB_TYPES = new Set([TabFacade, react.Tabs.Tab]);
+/** Presencia de cualquiera de estas piezas = la app ya escribe la forma v3. */
+const V3_LIST_TYPES = new Set([
+    react.Tabs.List,
+    react.Tabs.ListContainer,
+]);
+/**
+ * Los `Tab` sueltos del root, en orden, **con su `key` original**.
+ *
+ * Se recorre con `Children.forEach` y no con `Children.toArray` a propósito: `toArray` REESCRIBE
+ * las claves (`"all"` → `".$all"`) y la clave es justo lo que se necesita, porque en v2 es el
+ * identificador que recibe `onSelectionChange` y que la app compara con su `selectedKey`.
+ * `forEach` entrega cada hijo tal cual (comprobado: `key` intacta) y aplana arrays, o sea los
+ * `.map()` y los `{cond && <Tab/>}` (los `false`/`null` se descartan). Los Fragments no los
+ * aplana nadie, así que se desciende a mano — como en `hasIndicator`.
+ */
+function collectV2Tabs(children, out = []) {
+    $8WNJc$react.Children.forEach(children, (node) => {
+        if (!$8WNJc$react.isValidElement(node)) {
+            return;
+        }
+        if (node.type === $8WNJc$react.Fragment) {
+            collectV2Tabs(node.props.children, out);
+        }
+        else if (TAB_TYPES.has(node.type)) {
+            out.push(node);
+        }
+    });
+    return out;
+}
+/** ¿Hay un `Tabs.List` / `Tabs.ListContainer` entre los hijos (descendiendo por Fragments)? */
+function hasV3List(children) {
+    let found = false;
+    $8WNJc$react.Children.forEach(children, (node) => {
+        if (found || !$8WNJc$react.isValidElement(node)) {
+            return;
+        }
+        found =
+            V3_LIST_TYPES.has(node.type) ||
+                (node.type === $8WNJc$react.Fragment && hasV3List(node.props.children));
+    });
+    return found;
+}
+/** v2 `underlined` es la línea inferior → `secondary` de v3; el resto de v2 → `primary` (default). */
+function toV3Variant(variant) {
+    if (variant === "primary" || variant === "secondary") {
+        return variant;
+    }
+    return variant === "underlined" ? "secondary" : undefined;
+}
+/** ¿El `Tab` de v2 trae contenido de panel? Mismo criterio que `if (!content)` de v2. */
+function hasPanelContent(children) {
+    return typeof children === "function" || $8WNJc$react.Children.count(children) > 0;
+}
+const TabsFacade = (allProps) => {
+    const { children, classNames, className, variant, fullWidth, items, isVertical, placement, orientation, destroyInactiveTabPanel = true, 
+    // Sin equivalente en v3: se consumen para que no lleguen al DOM (ver README, «Props v2»).
+    size: _size, radius: _radius, color: _color, disableAnimation: _disableAnimation, disableCursorAnimation: _disableCursorAnimation, shouldSelectOnPressUp: _shouldSelectOnPressUp, ...rest } = allProps;
+    const v3Variant = toV3Variant(variant);
+    const v3Orientation = orientation ??
+        (isVertical || placement === "start" || placement === "end"
+            ? "vertical"
+            : undefined);
+    // Forma v2 dinámica: `items` + `children` como función `(item) => <Tab key=…/>`.
+    const dynamic = typeof children === "function";
+    const v2Tabs = dynamic
+        ? Array.from(items ?? [], (item, index) => {
+            const element = children(item);
+            const fallback = item.key ?? item.id ?? index;
+            return element.key == null
+                ? { element, key: String(fallback) }
+                : { element, key: element.key };
+        })
+        : hasV3List(children)
+            ? []
+            : collectV2Tabs(children).map((element, index) => ({
+                element,
+                key: element.key ?? String(index),
+            }));
+    if (v2Tabs.length > 0) {
+        const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...rootProps } = rest;
+        const tabs = v2Tabs.map(({ element, key }) => {
+            const { id, title, titleValue: _titleValue, className: tabClassName, children: panel, ...tabProps } = element.props;
+            return {
+                id: id ?? key,
+                title,
+                tabClassName,
+                panel,
+                tabProps,
+            };
+        });
+        // EL `base` DE v2: un div que envuelve SOLO la tira. Ahí van `className`, `classNames.base` y
+        // el `w-full` de `fullWidth`, no al root. En v2 los paneles eran HERMANOS de `base`, fuera de
+        // él (`tabs.js`: `<div {...getBaseProps()}><tabList/></div>` y luego los paneles), y en v3
+        // el root envuelve tira + paneles. Mandarlas al root cambiaba dos pantallas de beweossmbs
+        // sin que la app tocara nada: `service-detail.page.tsx` (`mb-4` debajo del bloque en vez de
+        // entre tira y panel) y `whatsapp-campaign-full.page.tsx` (`flex justify-center` dejaba de
+        // centrar la tira).
+        //
+        // Por qué un div propio y no el `Tabs.ListContainer`: el contenedor ES el carril gris, así
+        // que un `w-full` o un `justify-center` de la app lo estirarían a todo el ancho. En v2 esa
+        // clase caía en un envoltorio `inline-flex` y la tira (el carril de v2) seguía midiendo su
+        // contenido. Este div es `flex`: el carril es un item de fila y mide su contenido, igual.
+        // El scroller sigue funcionando por el `max-width: 100%` de `neutralize-v3.css`, que acota
+        // el mínimo automático del item.
+        //
+        // El precio de meter un nodo entre el root y el carril: TODAS las reglas de la variante
+        // `secondary` de v3 cuelgan de un combinador de hijo DIRECTO
+        // (`.tabs--secondary > .tabs__list-container` y
+        // `.tabs--secondary[data-orientation=…] > .tabs__list-container`, `tabs.css:234-282`), y
+        // 5 pantallas de smbs llegan a ella por `variant="underlined"`. Por eso el div repite el
+        // modificador y el `data-orientation` del root: esos selectores casan con div > carril (el
+        // test lo comprueba con `matches()` sobre los selectores literales). `.tabs--secondary` no
+        // tiene reglas propias, solo las de hijo directo, así que repetirlo no pinta nada en el div.
+        // La única regla que deja de aplicarse es
+        // `.tabs[data-orientation="horizontal"] > .tabs__list-container { align-self: start }` de
+        // neutralize, que no hace falta: dentro de una fila el carril ya mide su contenido.
+        const orientationAttr = v3Orientation ?? "horizontal";
+        return (jsxRuntime.jsxs(react.Tabs, { ...rootProps, orientation: v3Orientation, variant: v3Variant, children: [jsxRuntime.jsx("div", { className: react.cn("flex", v3Variant === "secondary" && "tabs--secondary", fullWidth && "w-full", classNames?.base, className), "data-orientation": orientationAttr, "data-slot": "tabs-base", children: jsxRuntime.jsx(react.Tabs.ListContainer, { className: react.cn(fullWidth && "w-full"), children: jsxRuntime.jsx(react.Tabs.List, { "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: react.cn(classNames?.tabList), children: tabs.map(({ id, title, tabClassName, tabProps }) => ($8WNJc$react.createElement(react.Tabs.Tab, { ...tabProps, className: react.cn(classNames?.tab, tabClassName), id: id, key: id },
+                                jsxRuntime.jsx(react.Tabs.Indicator, { className: react.cn(classNames?.cursor) }),
+                                classNames?.tabContent ? (jsxRuntime.jsx("span", { className: classNames.tabContent, children: title })) : (title)))) }) }) }), tabs
+                    .filter(({ panel }) => hasPanelContent(panel))
+                    .map(({ id, panel, tabClassName }) => (jsxRuntime.jsx(react.Tabs.Panel, { className: react.cn(classNames?.panel, tabClassName), id: id, shouldForceMount: !destroyInactiveTabPanel || undefined, children: typeof panel === "function" ? null : panel }, id)))] }));
+    }
+    // Forma v3 (o nada que traducir): el camino de siempre. Solo se traducen las props de v2 que
+    // tienen equivalente, para que una app a medio migrar no las pierda.
+    // Sin `fullWidth` ni `classNames.base` el `className` pasa INTACTO (sin `cn`), igual que antes
+    // de existir la forma v2: `cn` deduplica y reordena, y aquí no hay nada con qué fusionarlo.
+    const v3Children = dynamic ? null : children;
+    const v3Props = {
+        ...rest,
+        className: fullWidth || classNames?.base
+            ? react.cn(fullWidth && "w-full", classNames?.base, className)
+            : className,
+        orientation: v3Orientation,
+        variant: v3Variant,
+    };
+    return jsxRuntime.jsx(TabsV3, { ...v3Props, children: v3Children });
+};
+const TabsV3 = ({ 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));
@@ -15836,26 +16307,6 @@ Object.defineProperty(exports, "CloseButton", {
     enumerable: true,
     get: function () { return react.CloseButton; }
 });
-Object.defineProperty(exports, "Drawer", {
-    enumerable: true,
-    get: function () { return react.Drawer; }
-});
-Object.defineProperty(exports, "DrawerBody", {
-    enumerable: true,
-    get: function () { return react.DrawerBody; }
-});
-Object.defineProperty(exports, "DrawerContent", {
-    enumerable: true,
-    get: function () { return react.DrawerContent; }
-});
-Object.defineProperty(exports, "DrawerFooter", {
-    enumerable: true,
-    get: function () { return react.DrawerFooter; }
-});
-Object.defineProperty(exports, "DrawerHeader", {
-    enumerable: true,
-    get: function () { return react.DrawerHeader; }
-});
 Object.defineProperty(exports, "DropdownItem", {
     enumerable: true,
     get: function () { return react.DropdownItem; }
@@ -15968,7 +16419,12 @@ exports.DateRangePicker = DateRangePicker;
 exports.DateSelector = DateSelector;
 exports.Divider = Divider;
 exports.DonutChart = DonutChart;
+exports.Drawer = Drawer;
+exports.DrawerBody = DrawerBody;
+exports.DrawerContent = DrawerContent;
 exports.DrawerFilters = DrawerFilters;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
 exports.Dropdown = Dropdown;
 exports.DropdownSection = DropdownSection;
 exports.EmailPreview = EmailPreview;
@@ -16034,7 +16490,7 @@ exports.ThemeContext = ThemeContext;
 exports.ThemePicker = ThemePicker;
 exports.ThemeProvider = ThemeProvider;
 exports.TimeInput = TimeInput;
-exports.TimeInputComponent = TimeInput;
+exports.TimeInputComponent = TimeInputComponent;
 exports.ToastContext = ToastContext;
 exports.Tooltip = Tooltip;
 exports.TwoColumnLayoutAgent = TwoColumnLayoutAgent;