beez-ui 2.7.0 → 3.0.0

package/CHANGELOG.md

@@ -4,6 +4,84 @@ Todos los cambios relevantes de beez-ui se documentan en este archivo con el for
 
 ## [Unreleased]
 
+## [3.0.0] - 2026-10-16
+
+### Added
+
+- `Dialog` acepta `alert` para confirmaciones: se anuncia como `alertdialog`, no se cierra al hacer click afuera, abre con el foco en el primer `DialogClose` y oculta el botón de cerrar por defecto.
+- `DialogContent` suma `footer`, `hideTitle`, `closeLabel` ("Cerrar diálogo" por defecto), `headerClassName`, `titleClassName`, `descriptionClassName` y `footerClassName`; `title` y `description` aceptan cualquier contenido.
+- `Pagination` suma `getHref` (enlaces con el `Link` del provider, sin dejar de llamar a `onPageChange`), paginación por cursor sin `pageCount` con `hasNextPage`, `previousLabel`, `nextLabel` y `className`.
+- `Tooltip` acepta `side` `left` y `right`, `align`, `sideOffset`, `collisionPadding`, `contentClassName`, `open`, `defaultOpen`, `onOpenChange` y `delayDuration`, y funciona sin provider.
+- `HoverCard` acepta `open`, `defaultOpen`, `onOpenChange`, `sideOffset`, `collisionPadding` y `contentClassName`.
+- `DropdownMenu` acepta un `trigger` propio, ítems con enlace (`href`, `target`, `rel`), `checked`, `trailing`, `id`, `className` e `itemProps`, selección única con `selection` e ítems con `value`, y `side`, `align`, `contentClassName`, `contentLabel`, `open`, `defaultOpen`, `onOpenChange` y `modal`.
+- `Select` acepta `description` y `error` con el mismo patrón que `Input`, `hideLabel` (label solo para lectores de pantalla), `size`, `triggerClassName` y `aria-invalid`; el `id` va al trigger, así un `<label htmlFor>` externo sigue funcionando.
+- `Card` incorpora la vista rápida de Arc (`details`, `open`, `defaultOpen`, `onOpenChange`), el byline con `avatar`, `meta`, `status` y `action`, y las props `media`, `footer` y `headingLevel`.
+- `AvatarGroup` recibe `members` (con `key` opcional para nombres repetidos), `max` (4 por defecto), `size` y `label` ("Integrantes" por defecto), arma solo el chip +N con un número animado y, con puntero fino, muestra el nombre de cada integrante al pasar el mouse.
+- `Avatar` suma `fallback`, `badge` y `alt`; `Alert` suma `action` e `icon`.
+- `Carousel` suma `loop`, `duration`, `watchFocus`, `onSettle` (avisa cuando termina la animación), `previousLabel`, `nextLabel`, `showControls`, `showIndicators` y `slideClassName`, y se reinicializa solo cuando cambian sus diapositivas o su tamaño, esperando a que termine el scroll o el arrastre en curso.
+- `Carousel` acepta `interval` y `autoplay` con un control para pausar o iniciar la rotación, que también se pausa con hover, foco de teclado, arrastre, fuera de pantalla y en pestañas ocultas.
+- `Calendar` acepta `todayLabel`, y el hook `useToday` se exporta desde `beez-ui` y `beez-ui/hooks`.
+- `Pagination` pasa el evento del click como segundo argumento de `onPageChange(page, event)`, en botones, enlaces y flechas; con `getHref`, llamar `event.preventDefault()` evita que el enlace navegue, por ejemplo para paginar en el lugar con clicks simples y dejar que los clicks con modificadores abran otra pestaña.
+- `Carousel` acepta `viewportClassName` y `trackClassName` para dar estilo al viewport recortado y a la pista de diapositivas, por ejemplo una altura definida en un visor de medios, sin apuntar a `[data-slot="carousel-content"]`.
+- `AvatarGroup` acepta `total` para cuando `members` es solo una vista previa: si es mayor que la cantidad de integrantes recibidos, el chip +N cuenta contra el total. También reenvía atributos nativos y ARIA a la raíz (`aria-hidden`, `style`, `data-*`, `id`…).
+- `Select` acepta `aria-describedby` en el trigger, combinado con los ids de `description` y `error`, y `options` acepta arrays de solo lectura, así una lista declarada `as const` no necesita copia.
+- `DialogContent` suma `headerContent`, contenido extra del encabezado (por ejemplo etiquetas de tipo y estado) que se dibuja después del título y fuera de él, sin cambiar el nombre accesible del diálogo, y `closeButtonRef`, el ref del botón de cerrar; con `onOpenAutoFocus` permite abrir el diálogo con el foco en ese botón.
+
+### Changed
+
+- **Incompatible:** los componentes adoptados de Arc usan la API pública de Arc en lugar de la composición estilo shadcn: `Switch`, `RadioGroup`, `Badge`, `Avatar`, `AvatarGroup`, `Skeleton`, `Card`, `Alert`, `Tooltip`, `HoverCard`, `DropdownMenu`, `Select`, `Pagination`, `Calendar` y `Carousel` pasan a ser componentes cerrados configurados por props; `Dialog`, `Popover` y `Tabs` conservan sus partes de Arc. El diseño y la motion no cambian.
+- **Incompatible:** `DialogContent` recibe `title` (obligatorio) y `description` como props y dibuja su propio encabezado; el botón de cerrar se llama "Cerrar diálogo" en lugar de "Cerrar".
+- **Incompatible:** `Pagination` recibe `page`, `pageCount`, `onPageChange` y `label`, y dibuja Anterior, Siguiente y una ventana de 5 páginas con botones, o con enlaces si se pasa `getHref`; cada página se llama "Página N".
+- **Incompatible:** `TabsList` usa siempre la lista segmentada de Arc.
+- **Incompatible:** `Tooltip` envuelve a su trigger (`<Tooltip content="…">`) y `HoverCard` recibe `content` con el trigger como hijo, con `side="bottom"` y `align="start"` por defecto.
+- **Incompatible:** `DropdownMenu` recibe `label`, `icon` e `items`; el menú toma su nombre accesible de `label` o de `contentLabel`.
+- **Incompatible:** `Select` recibe `label` (obligatorio y visible salvo con `hideLabel`) y `options`, con el placeholder "Seleccioná una opción" por defecto; la lista se abre debajo del trigger, con su mismo ancho. `className` se aplica al campo y `triggerClassName` al trigger.
+- **Incompatible:** `PopoverContent` se alinea por defecto con el inicio del trigger (`align="start"`).
+- **Incompatible:** `AccountMenu` reemplaza `children` por `items` y `DataTable` reemplaza `columnVisibilityMenuExtraContent` por `columnVisibilityMenuExtraItems`; los dos reciben los mismos ítems que `DropdownMenu`.
+- **Incompatible:** `RadioGroup` recibe `label` (se dibuja como `legend` de un `fieldset`), `options`, `value` o `defaultValue`, `onValueChange` y `name` (se genera si falta).
+- **Incompatible:** `Badge` usa `tone` (`neutral` por defecto), `size` e `icon`.
+- **Incompatible:** `Avatar` recibe `name` (obligatorio), `src`, `size` (`sm`, `md`, `lg` o `xl`; `md` por defecto), `status` y `statusLabel`, y se anuncia como una sola imagen (por ejemplo "Ana, En línea").
+- **Incompatible:** `Skeleton` sigue a Arc: sin hijos dibuja 3 líneas por defecto, y con hijos muestra el placeholder mientras `loading` (verdadero por defecto) y después pasa al contenido; solo reenvía `className`.
+- **Incompatible:** `Card` recibe `title` (opcional), `description` y `children`.
+- **Incompatible:** `Alert` recibe `title` (obligatorio), `tone` (`info` por defecto, anunciado con `role="status"`) y el detalle como `children`; el botón de descartar se llama "Descartar aviso: <título>" por defecto.
+- **Incompatible:** `Calendar` recibe `value` y `onChange`, `month` y `onMonthChange`, `minDate`, `maxDate`, `disabledDates`, `locale` como texto (`"es-AR"` por defecto, semana desde el lunes), `showToday` y `className`.
+- **Incompatible:** `Carousel` recibe `label` (obligatorio), una diapositiva por hijo, `index`, `defaultIndex`, `onIndexChange`, `slideSize` (`min(80cqw, 340px)` por defecto) y `slideLabel`; las flechas quedan debajo de las diapositivas, junto a los indicadores.
+- **Incompatible:** los indicadores del carrusel son pestañas (`role="tab"` con `aria-selected`), las flechas usan `aria-disabled` en los extremos sin perder el foco, las diapositivas inactivas quedan inertes, el cambio de diapositiva se anuncia en una región en vivo y los nombres accesibles pasan a "Diapositiva anterior" y "Diapositiva siguiente".
+
+### Removed
+
+- **Incompatible:** `AlertDialog` y todas sus partes, junto con el entrypoint `beez-ui/alert-dialog`; usar `<Dialog alert>`.
+- **Incompatible:** `DialogPortal`, `DialogOverlay`, `DialogHeader`, `DialogFooter`, `DialogTitle` y `DialogDescription`.
+- **Incompatible:** `PaginationContent`, `PaginationItem`, `PaginationLink`, `PaginationPrevious`, `PaginationNext` y `PaginationEllipsis`.
+- **Incompatible:** `variant` de `TabsList` (incluida la variante `line`) y `tabsListVariants`.
+- **Incompatible:** `TooltipTrigger`, `TooltipContent` y `TooltipProvider`.
+- **Incompatible:** `PopoverAnchor`, `PopoverHeader`, `PopoverTitle` y `PopoverDescription`.
+- **Incompatible:** `HoverCardTrigger` y `HoverCardContent`.
+- **Incompatible:** toda la composición de `DropdownMenu` (`DropdownMenuTrigger`, `Content`, `Item`, `CheckboxItem`, `RadioGroup`, `RadioItem`, `Label`, `Separator`, `Shortcut`, `Group`, `Portal` y los submenús `Sub*`); Arc no tiene submenús.
+- **Incompatible:** `SelectGroup`, `SelectValue`, `SelectTrigger`, `SelectContent`, `SelectLabel`, `SelectItem`, `SelectSeparator`, `SelectScrollUpButton` y `SelectScrollDownButton`.
+- **Incompatible:** `size` de `Switch` y `RadioGroupItem`.
+- **Incompatible:** `variant`, `asChild` y `badgeVariants` de `Badge`.
+- **Incompatible:** `AvatarImage`, `AvatarFallback`, `AvatarBadge`, `AvatarGroupCount`, la composición de `AvatarGroup` y `size="default"`.
+- **Incompatible:** el bloque libre de `Skeleton`.
+- **Incompatible:** `CardHeader`, `CardTitle`, `CardDescription`, `CardAction`, `CardContent`, `CardFooter`, `CardMedia` y `size` de `Card`.
+- **Incompatible:** `AlertTitle`, `AlertDescription`, `AlertAction` y `variant` de `Alert`.
+- **Incompatible:** `mode` múltiple y de rango, `selected`, `onSelect`, los matchers de `disabled`, `components`, `classNames`, `buttonVariant`, `CalendarDayButton` y el resto de las props de react-day-picker de `Calendar`.
+- **Incompatible:** `CarouselContent`, `CarouselItem`, `CarouselPrevious`, `CarouselNext`, `CarouselIndicators`, `CarouselIndicator`, `useCarousel`, `opts`, `setApi`, `plugins`, `orientation` (ya no hay carrusel vertical) y el tipo `CarouselApi`.
+
+### Fixed
+
+- El click de un ítem de `DropdownMenu` (también en `AccountMenu`, `SplitButton`, `AnimatedThemeToggler` y el menú de columnas de `DataTable`) ya no llega, a través del portal, a los contenedores de React que envuelven el menú: una tarjeta clickeable que contiene el menú no se abre al elegir una opción. La selección, el cierre y la navegación de los ítems con enlace no cambian.
+- Las fotos de `Avatar` con `size="xl"` se piden y se dibujan a 88px, en lugar de 40px estirados, con el provider por defecto y con el de Next.
+- Cuando alguien sale de un `AvatarGroup` (cambian `members` o baja `max`), los lectores de pantalla dejan de anunciarlo apenas empieza a cerrarse su lugar.
+- En pantallas o contenedores angostos, la `action` de un `Alert` baja debajo del texto cuando no entra al lado, en lugar de desbordar el aviso y aplastar el texto.
+- Los números de la ayuda de `Input` y `Textarea` ruedan hasta su línea sin pasarse ni rebotar al asentarse.
+
+## [2.7.1] - 2026-10-16
+
+### Fixed
+
+- `RichLinkEditor` ya no pinta su propio fondo: deja ver la superficie que lo contiene, así dentro de un diálogo o de una tarjeta en modo oscuro deja de verse como un bloque de otro color.
+
 ## [2.7.0] - 2026-10-16
 
 ### Added

package/README.md

@@ -48,9 +48,13 @@ si ya no se usa para otros paquetes.
 
 
 ```tsx
-import { Button, Avatar, AvatarImage, DataTable, Calendar } from "beez-ui";
+import { Avatar, Button, Calendar, DataTable } from "beez-ui";
+
+<Avatar name="Ana Núñez" src="/ana.jpg" />;
 ```
 
+Desde 3.0.0 los componentes adoptados de [Arc](https://uiarc.dev) usan la API pública de Arc: `Switch`, `Checkbox`, `RadioGroup`, `Badge`, `Avatar`, `AvatarGroup`, `Skeleton`, `Card`, `Alert`, `Tooltip`, `HoverCard`, `DropdownMenu`, `Select`, `Pagination`, `Calendar` y `Carousel` son componentes cerrados que se configuran por props (`items`, `options`, `members`, `content`, `title`); `Dialog` (`Dialog`, `DialogTrigger`, `DialogContent` con `title` y `description`, `DialogClose`), `Popover` y `Tabs` conservan las partes de Arc. Cada uno suma solo las extensiones que Arc no cubre, con copy en español por defecto, por ejemplo `getHref` en `Pagination`, `trigger` e ítems con `href` en `DropdownMenu`, `onOpenChange` en `HoverCard`, `footer` y el modo `alert` en `Dialog` (reemplaza a `AlertDialog`), `hideLabel` en `Select` y `onSettle` en `Carousel`. La tabla de migración desde 2.x está en [Migración a 3.0.0](#migración-a-300).
+
 Agrupar los imports de componentes desde la raíz. El paquete publica JavaScript ESM y declaraciones TypeScript en `dist`; el consumidor no necesita transpilar el código fuente de la librería. La gramática de filtros y los helpers de mes-año son independientes de React.
 
 La utilidad `cn`, también exportada desde `beez-ui`, usa el paquete `cn` para combinar clases condicionales y resolver conflictos de Tailwind.
@@ -63,12 +67,38 @@ La utilidad `cn`, también exportada desde `beez-ui`, usa el paquete `cn` para c
 
 El modo oscuro se activa con `data-theme="dark"` o la clase `dark` en `<html>`; `BeezUIProvider` escribe ambos. El acento por defecto es el azul de Arc y se cambia con `data-accent` (`neutral`, `violet`, `blue`, `green`, `amber`, `orange`, `coral` o `rose`) en `<html>`. Los nombres de tokens de shadcn (`--primary`, `--muted`, `--card`…) siguen disponibles como alias de los roles de Arc; `--accent` es el acento de Arc, no el gris de hover de shadcn. Inter se usa para texto y controles y Geist para títulos grandes mediante `--font-display`; las licencias se incluyen en `assets/fonts`. Los consumidores pueden sobrescribir tokens mediante CSS normal. Si la aplicación usa Tailwind para sus propios estilos puede mantenerlo, pero ya no necesita escanear beez-ui.
 
-`DropdownMenuContent` toma el ancho natural de sus opciones, con un mínimo de 12 rem y un máximo limitado por el espacio disponible. No hereda el ancho del botón disparador: los menús abiertos desde un icono deben mantener sus etiquetas legibles. Para un ancho específico, usar `className` y ajustar también el mínimo cuando se necesite un menú más pequeño.
+El menú de `DropdownMenu` toma el ancho natural de sus opciones, con un mínimo de 12 rem y un máximo limitado por el espacio disponible. No hereda el ancho del botón disparador: los menús abiertos desde un icono deben mantener sus etiquetas legibles. Para un ancho específico, usar `contentClassName` y ajustar también el mínimo cuando se necesite un menú más pequeño.
 
-Los componentes usan por defecto los espaciados compactos de Agenda: `Select` mide 2 rem (1.75 rem en tamaño pequeño), `TabsList` horizontal mide 2 rem y `PopoverContent` usa 0.625 rem de padding. Los menús y submenús tienen un mínimo de 12 rem, con filas compactas. `Dialog` y `AlertDialog` usan 1 rem de padding y un footer con borde superior y fondo diferenciado; `Textarea` distingue el estado deshabilitado mediante su fondo. Estos valores conservan los colores y fuentes del tema compartido. Son cambios de los defaults, sin una prop adicional para activarlos; los consumidores pueden personalizarlos mediante `className`.
+Los componentes usan por defecto los espaciados compactos de Agenda: `Select` mide 2 rem (1.75 rem en tamaño pequeño), `TabsList` horizontal mide 2 rem y `PopoverContent` usa 0.625 rem de padding. Los menús tienen un mínimo de 12 rem, con filas compactas. `Dialog` usa 1 rem de padding y un footer con borde superior y fondo diferenciado; `Textarea` distingue el estado deshabilitado mediante su fondo. Estos valores conservan los colores y fuentes del tema compartido. Son cambios de los defaults, sin una prop adicional para activarlos; los consumidores pueden personalizarlos mediante `className`.
 
 Los `Sheet` superiores e inferiores limitan su altura al viewport dinámico (`100dvh`) y permiten desplazar el contenido para mantener accesibles las acciones de paneles largos.
 
+## Migración a 3.0.0
+
+| Componente | 2.x | 3.0.0 |
+| --- | --- | --- |
+| `Switch` | `size="sm"` | Un solo tamaño, sin `size` |
+| `RadioGroup` | `RadioGroup` + `RadioGroupItem` | `<RadioGroup label options={[{ value, label, description }]} value onValueChange />` |
+| `Badge` | `variant` (`default`, `secondary`, `outline`, `ghost`, `link`, `destructive`) | `tone` (`neutral`, `success`, `info`, `warning`, `danger`); `destructive` pasa a `danger`, el resto a `neutral` |
+| `Avatar` | `Avatar` + `AvatarImage` + `AvatarFallback` (+ `AvatarBadge`) | `<Avatar name src size fallback badge />`; `size="default"` pasa a `md` |
+| `AvatarGroup` | `AvatarGroup` con `Avatar` hijos + `AvatarGroupCount` | `<AvatarGroup members={[{ name, src, status }]} max label />`; con una vista previa de los integrantes, `total` hace que el chip +N cuente contra el total |
+| `Skeleton` | `<Skeleton className="h-4 w-24" />` | `<Skeleton lines={1} className />`, `avatar`, `label`, o `loading` con hijos |
+| `Card` | `CardHeader`, `CardTitle`, `CardDescription`, `CardAction`, `CardContent`, `CardFooter`, `CardMedia` | `title`, `description`, `action`, `children`, `footer`, `media` |
+| `Alert` | `AlertTitle`, `AlertDescription`, `AlertAction`, `variant="destructive"` | `<Alert title tone="danger" action>detalle</Alert>` |
+| `Tooltip` | `TooltipProvider` + `Tooltip` + `TooltipTrigger asChild` + `TooltipContent` | `<Tooltip content side align>{trigger}</Tooltip>`, sin provider |
+| `Popover` | `PopoverAnchor`, `PopoverHeader`, `PopoverTitle`, `PopoverDescription`; `align` centrado por defecto | Solo `Popover`, `PopoverTrigger`, `PopoverContent`, `PopoverClose`; `align="start"` por defecto |
+| `HoverCard` | `HoverCard` + `HoverCardTrigger asChild` + `HoverCardContent` | `<HoverCard content onOpenChange className>{trigger}</HoverCard>` |
+| `DropdownMenu` | `DropdownMenuTrigger asChild`, `Content`, `Item`, `Separator`, `RadioGroup`, `RadioItem`, `CheckboxItem`, `Shortcut`, `Sub*` | `<DropdownMenu label trigger items={[{ label, icon, onSelect, href, destructive, separatorBefore, checked, trailing }]} selection />`; sin submenús. El click dentro del menú no sube por el árbol de React hasta los contenedores que lo envuelven |
+| `Select` | `SelectTrigger`, `SelectValue placeholder`, `SelectContent`, `SelectItem` | `<Select label hideLabel placeholder options={[{ value, label, disabled }]} value onValueChange triggerClassName />`; `aria-describedby` del trigger pasa a `Select` y `options` acepta listas `as const` |
+| `Tabs` | `TabsList variant="line"`, `tabsListVariants` | Solo la lista segmentada |
+| `Pagination` | `PaginationContent`, `PaginationItem`, `PaginationLink`, `PaginationPrevious`, `PaginationNext`, `PaginationEllipsis` | `<Pagination page pageCount onPageChange getHref label />`; sin `pageCount`, `hasNextPage` dibuja solo Anterior y Siguiente. `onPageChange(page, event)` recibe el click: con `getHref`, `event.preventDefault()` pagina en el lugar sin navegar |
+| `Dialog` | `DialogHeader`, `DialogTitle`, `DialogDescription`, `DialogFooter`, `DialogPortal`, `DialogOverlay` | `<DialogContent title description footer hideTitle>`; el cierre se llama "Cerrar diálogo". Lo que acompañaba al título dentro de `DialogHeader` (etiquetas, estado) pasa a `headerContent`, y el ref del cierre a `closeButtonRef` |
+| `AlertDialog` | `AlertDialog`, `AlertDialogContent`, `AlertDialogAction`, `AlertDialogCancel`… y `beez-ui/alert-dialog` | `<Dialog alert>` con `DialogContent` y `DialogClose asChild` para cancelar y confirmar |
+| `Calendar` | `mode`, `selected`, `onSelect`, `disabled`, `defaultMonth`, `components`, `classNames` | `<Calendar value onChange month onMonthChange minDate maxDate disabledDates locale showToday />`; solo selección simple |
+| `Carousel` | `CarouselContent`, `CarouselItem`, `CarouselPrevious`, `CarouselNext`, `CarouselIndicators`, `opts`, `setApi`, `CarouselApi` | `<Carousel label loop defaultIndex onIndexChange onSettle slideSize>{slides}</Carousel>`; `reInit` ya no hace falta. Las clases de `CarouselContent` y de su pista pasan a `viewportClassName` y `trackClassName` |
+| `AccountMenu` | `children` con `DropdownMenuItem` | `items` con los ítems de `DropdownMenu` |
+| `DataTable` | `columnVisibilityMenuExtraContent` | `columnVisibilityMenuExtraItems` |
+
 ## Movimiento
 
 El movimiento sigue a [Arc](https://uiarc.dev): explica causa y efecto (qué se abrió,
@@ -102,26 +132,26 @@ y del temblor de campos inválidos quedan deprecados y conservan su valor.
 - `Checkbox` y `RadioGroup` se comprimen a 0.92. La marca del checkbox aparece
   con pop y trazo (`pathLength`); el punto del radio aparece con spring.
 - El thumb de `Switch` viaja con el spring `smooth`, sin rebote, y se aplasta mientras se presiona.
-- `Input`, `Textarea`, `InputGroup` y `SelectTrigger` no se mueven al pasar a
+- `Input`, `Textarea`, `InputGroup` y el trigger de `Select` no se mueven al pasar a
   `aria-invalid="true"`: el error se indica con el color y el mensaje. `FormMessage` y
   `Alert` aparecen con un fundido y una escala breves (desde 0.98), sin desenfoque.
 - `Tooltip` sube 3 px desde 0.97 mientras aparece y sale en el lugar, sin desenfoque.
   `Popover` y `HoverCard` se acercan desde su trigger con escala y fundido; `DropdownMenu`
   y `Select` escalan desde 0.96 y se revelan con un clip desde la esquina más cercana al trigger.
-- `Dialog` y `AlertDialog` entran como el diálogo de Arc: el fondo se oscurece en 0.24 s y el
+- `Dialog`, también en su modo `alert`, entra como el diálogo de Arc: el fondo se oscurece en 0.24 s y el
   panel sube 8 px y crece desde 0.96 con el spring `smooth` mientras aparece en 0.16 s; al
   cerrar baja 4 px hasta 0.98 y se desvanece en 0.16 s, y una reapertura parte de donde
   está. `Sheet` entra desde su borde con spring y sale con la curva de cajón (0.24 s), sin
   demorar la siguiente interacción.
 - `GlideSlot` desliza el indicador activo entre ítems como un `layoutId` compartido:
-  la pestaña activa de `Tabs` (fondo o subrayado), la
-  página actual de `PaginationContent`, y al navegar con teclado el ítem resaltado de
+  la pestaña activa de `Tabs`, la
+  página actual de `Pagination`, y al navegar con teclado el ítem resaltado de
   `DropdownMenu` y `Select` y la sugerencia activa de `FilterQueryBar`. Con el puntero,
   esos resaltados lo siguen al instante: el propio puntero ya marca la posición.
 - Las superficies que se revelan con clip dejan 24 px libres fuera de la
   caja, así su borde (`ring`) y su sombra se ven desde el primer frame. Una copia
   transitoria viaja entre ítems y se elimina al llegar, devolviendo el estilo al ítem.
-- El chevron de `SelectTrigger` gira 180° al abrir y los chevrons de `DataTable`
+- El chevron del trigger de `Select` gira 180° al abrir y los chevrons de `DataTable`
   (grupos y columnas) giran en lugar de cambiar de ícono; CSS define el ángulo final.
 - Las opciones del `Select` entran todas juntas con un fundido y una escala breves, sin
   escalonarse ni desenfocarse, y los checks de ítems de `Select` y `DropdownMenu` aparecen con pop.
@@ -136,7 +166,7 @@ y del temblor de campos inválidos quedan deprecados y conservan su valor.
   eleva. Un brillo recorre el `Skeleton` desde su `::after` con reproducción nativa,
   sin trabajo por frame en JavaScript.
 - `Calendar` desliza el mes entrante desde el lado de la navegación (invertido en RTL).
-- `AvatarImage` se revela con blur y un zoom de 1.06 al terminar de cargar; las imágenes
+- La foto de `Avatar` se revela con blur y un zoom de 1.06 al terminar de cargar; las imágenes
   ya cargadas al montar no se animan.
 - El cursor de `TypingAnimation` queda fijo mientras escribe y parpadea en reposo. Las animaciones especializadas
   existentes de Embla, Sonner y rough-notation se conservan.
@@ -195,19 +225,19 @@ Next y TanStack Router son peers opcionales aislados en sus entrypoints. El prov
 ## Responsabilidades del consumidor
 
 - Tema: `AnimatedThemeToggler` y `ThemedToaster` consumen el contexto compartido. Sus props explícitas de tema siguen disponibles para usos controlados.
-- Navegación: `PaginationNext`, `PaginationPrevious` y `PaginationLink` usan anclas nativas. El prop opcional `component` admite el adaptador del router que elija la app. Sin proveedor usa el elemento nativo; con el proveedor de Next usa su navegación cliente.
-- Sidebar: en `SidebarProvider`, `defaultOpen` y el modo controlado conservan la semántica de LaTribu. Los ítems con `href` navegan con el adaptador de router del proveedor. `storageKey` activa opcionalmente persistencia local segura tras hidratar, sin cambiar la cookie pública `sidebar_state` ni sus siete días de duración; `cookieName` y `cookieMaxAge` la reemplazan cuando la app ya lee su propia cookie en el servidor. Para el contenido propio: `SidebarBrandButton` arma la fila de marca (sirve como `DropdownMenuTrigger asChild`), `SidebarLabel` saca del riel de íconos el texto que solo tiene sentido expandido, `useSidebarPanel()` expone `collapsed` y `AccountMenu` con `triggerVariant="sidebar"` se reduce solo al avatar. No dependas de los atributos `data-*` internos del sidebar: pueden cambiar entre versiones.
+- Navegación: con `getHref`, `Pagination` dibuja enlaces con el `Link` del provider. Sin proveedor usa anclas nativas; con el proveedor de Next usa su navegación cliente.
+- Sidebar: en `SidebarProvider`, `defaultOpen` y el modo controlado conservan la semántica de LaTribu. Los ítems con `href` navegan con el adaptador de router del proveedor. `storageKey` activa opcionalmente persistencia local segura tras hidratar, sin cambiar la cookie pública `sidebar_state` ni sus siete días de duración; `cookieName` y `cookieMaxAge` la reemplazan cuando la app ya lee su propia cookie en el servidor. Para el contenido propio: `SidebarBrandButton` arma la fila de marca (sirve como `trigger` de `DropdownMenu`), `SidebarLabel` saca del riel de íconos el texto que solo tiene sentido expandido, `useSidebarPanel()` expone `collapsed` y `AccountMenu` con `triggerVariant="sidebar"` se reduce solo al avatar. No dependas de los atributos `data-*` internos del sidebar: pueden cambiar entre versiones.
 - Formularios y tablas: el consumidor provee sus datos, validaciones y callbacks. No se importan servicios, modelos de negocio ni endpoints de agenda-mensual.
 
 ## Componentes incorporados desde agenda-mensual
 
-`Alert`, `AnimatedThemeToggler`, `Calendar`, `DataTable`, `FilterQueryBar`, `Form`, `Highlighter`, `InputGroup`, `Label`, `RadioGroup`, `TypingAnimation` y `ThemedToaster`, junto con sus subcomponentes, tipos y gramática de filtros.
+`Alert`, `AnimatedThemeToggler`, `Calendar`, `DataTable`, `FilterQueryBar`, `Form`, `Highlighter`, `InputGroup`, `Label`, `RadioGroup`, `TypingAnimation` y `ThemedToaster`, junto con sus tipos y gramática de filtros.
 
 `FilterQueryBar` mantiene el foco en el input mientras se recorren las sugerencias con el puntero o las flechas. Enter aplica la opción activa; interactuar con el input no cierra la lista.
 
 La tabla conserva agrupación estable, columnas configurables, memoización, exclusiones y sincronización de qualifiers por identificadores. La barra conserva navegación por teclado, autocompletado y filtros de texto, rangos, fechas, presencia y carpetas. `Calendar` usa español por defecto y acepta otra locale. Los textos y configuraciones de filtros se pueden personalizar por props.
 
-Los componentes compartidos conservan el tema de LaTribu. Se incorporaron atributos `data-variant`/`data-size` del botón, scroll para paneles largos y persistencia opcional del sidebar. `Button` sigue la API de Arc: `variant` `primary`, `secondary`, `ghost` o `danger`, `size` `sm`, `md` o `lg` y `loading`; renderiza un `<button>` nativo con `type="button"` por defecto y no admite `asChild`: un link con aspecto de botón se estiliza como link. Se mantienen los estados deshabilitados y los skeletons deterministas. `AvatarImage` delega carga y fallback a Base UI; conserva carga diferida y recuperación al cambiar `src`. El export `Toaster` conserva el aspecto y las props de Sonner, y sus toasts responden al click y al teclado (Alt+T) con un `Dialog`, `AlertDialog` o `Sheet` abierto; `ThemedToaster` se apoya en él y agrega los estilos e iconos compartidos.
+Los componentes compartidos conservan el tema de LaTribu. Se incorporaron atributos `data-variant`/`data-size` del botón, scroll para paneles largos y persistencia opcional del sidebar. `Button` sigue la API de Arc: `variant` `primary`, `secondary`, `ghost` o `danger`, `size` `sm`, `md` o `lg` y `loading`; renderiza un `<button>` nativo con `type="button"` por defecto y no admite `asChild`: un link con aspecto de botón se estiliza como link. Se mantienen los estados deshabilitados y los skeletons deterministas. La foto de `Avatar` delega carga y fallback a Base UI; conserva carga diferida y recuperación al cambiar `src`. El export `Toaster` conserva el aspecto y las props de Sonner, y sus toasts responden al click y al teclado (Alt+T) con un `Dialog` o `Sheet` abierto; `ThemedToaster` se apoya en él y agrega los estilos e iconos compartidos.
 
 ## Componentes de producto reutilizables
 

package/THIRD_PARTY_NOTICES.md

@@ -4,7 +4,7 @@ beez-ui includes code adapted from the following projects.
 
 ## Arc
 
-The theme tokens (`theme.css`, from Arc's `foundation.css`) and the `Button` API, styles and motion (`src/components/button.tsx`, `src/components/button-label.tsx`, `src/components/control-button.tsx`, `src/motion/arc-press.ts`, `src/motion/arc-tokens.ts`, `src/motion/use-morph-width.ts`), and the `ActionButton` and `SplitButton` components and their label morph (`src/components/action-button.tsx`, `src/components/split-button.tsx`, `src/components/morph-text.tsx`), the `Input` and `Textarea` fields with their animated helper and error rows (`src/components/input.tsx`, `src/components/textarea.tsx`, `src/components/field.tsx`), the `Switch`, `Checkbox` and `RadioGroup` controls (`src/components/switch.tsx`, `src/components/checkbox.tsx`, `src/components/radio-group.tsx`, `src/constants/switch.ts`, `src/constants/checkbox.ts`, `src/constants/radio-group.ts`), the `Badge`, `Avatar`, `Skeleton`, `Card` and `Alert` displays (`src/components/badge.tsx`, `src/components/avatar.tsx`, `src/components/skeleton.tsx`, `src/components/card.tsx`, `src/components/alert.tsx`), the `Tooltip`, `Popover` and `HoverCard` overlays and their motion (`src/components/tooltip.tsx`, `src/components/popover.tsx`, `src/components/hover-card.tsx`, `src/motion/arc-floating-slot.tsx`, `src/motion/overlay-warmth.ts`, `src/constants/tooltip.ts`, `src/constants/popover.ts`, `src/constants/hover-card.ts`), the `DropdownMenu` and `Select` menus (`src/components/dropdown-menu.tsx`, `src/components/select.tsx`), the `Tabs` and `Pagination` navigation (`src/components/tabs.tsx`, `src/components/pagination.tsx`, `src/constants/tabs.ts`), the `Dialog` and `AlertDialog` surfaces (`src/components/dialog.tsx`, `src/components/alert-dialog.tsx`, `src/components/dialog-surface.tsx`), and the `Calendar` and `Carousel` (`src/components/calendar.tsx`, `src/components/carousel.tsx`, `src/constants/calendar.ts`, `src/constants/carousel.ts`) are adapted from the free Arc library: https://uiarc.dev, https://github.com/kuratlielia/arc-library
+The theme tokens (`theme.css`, from Arc's `foundation.css`) and the `Button` API, styles and motion (`src/components/button.tsx`, `src/components/button-label.tsx`, `src/components/control-button.tsx`, `src/motion/arc-press.ts`, `src/motion/arc-tokens.ts`, `src/motion/use-morph-width.ts`), and the `ActionButton` and `SplitButton` components and their label morph (`src/components/action-button.tsx`, `src/components/split-button.tsx`, `src/components/morph-text.tsx`), the `Input` and `Textarea` fields with their animated helper and error rows (`src/components/input.tsx`, `src/components/textarea.tsx`, `src/components/field.tsx`), the `Switch`, `Checkbox` and `RadioGroup` controls (`src/components/switch.tsx`, `src/components/checkbox.tsx`, `src/components/radio-group.tsx`, `src/constants/switch.ts`, `src/constants/checkbox.ts`, `src/constants/radio-group.ts`), the `Badge`, `Avatar`, `AvatarGroup`, `Skeleton`, `Card` and `Alert` displays (`src/components/badge.tsx`, `src/components/avatar.tsx`, `src/components/skeleton.tsx`, `src/components/card.tsx`, `src/components/alert.tsx`, `src/constants/avatar.ts`, `src/constants/card.ts`, `src/constants/alert.ts`), the `Tooltip`, `Popover` and `HoverCard` overlays and their motion (`src/components/tooltip.tsx`, `src/components/popover.tsx`, `src/components/hover-card.tsx`, `src/motion/arc-floating-slot.tsx`, `src/motion/overlay-warmth.ts`, `src/constants/tooltip.ts`, `src/constants/popover.ts`, `src/constants/hover-card.ts`), the `DropdownMenu` and `Select` menus (`src/components/dropdown-menu.tsx`, `src/components/select.tsx`), the `Tabs` and `Pagination` navigation (`src/components/tabs.tsx`, `src/components/pagination.tsx`, `src/constants/tabs.ts`), the `Dialog` surface and its `alert` mode (`src/components/dialog.tsx`, `src/components/dialog-surface.tsx`, `src/constants/dialog.ts`), the `Calendar` and `Carousel` (`src/components/calendar.tsx`, `src/components/carousel.tsx`, `src/constants/calendar.ts`, `src/constants/carousel.ts`, `src/hooks/use-today.ts`), and the internal compositions those public components are built on (`src/components/primitives/`) are adapted from the free Arc library: https://uiarc.dev, https://github.com/kuratlielia/arc-library
 
 ```
 MIT License

package/dist/components/account-menu.d.ts

@@ -1,5 +1,6 @@
 /** Account menu: avatar trigger, account identity and the sign-in or sign-out action. */
 import type { ReactNode } from "react";
+import { type DropdownItem } from "./primitives/dropdown-menu-items.js";
 export type AccountMenuStatus = "authenticated" | "unauthenticated";
 export interface AccountMenuLabels {
     signIn?: string;
@@ -54,8 +55,8 @@ export interface AccountMenuProps {
     align?: "start" | "center" | "end";
     side?: "top" | "right" | "bottom" | "left";
     sideOffset?: number;
-    /** Extra items rendered between the identity header and the session action. */
-    children?: ReactNode;
+    /** Extra rows rendered between the identity header and the session action, as in `DropdownMenu`'s `items`. */
+    items?: DropdownItem[];
 }
 /**
  * Presentational account menu: the session and its side effects stay with the caller. Signed in,
@@ -63,4 +64,4 @@ export interface AccountMenuProps {
  * @param props - Identity, session status, callbacks, copy and layout.
  * @returns The trigger and its menu.
  */
-export declare function AccountMenu({ name, email, status, image, avatarFallback, onSignOut, signOutDisabled, onSignIn, signInHref, triggerVariant, showStatusBadge, tooltipLabel, labels, classNames, align, side, sideOffset, children, }: AccountMenuProps): import("react").JSX.Element;
+export declare function AccountMenu({ name, email, status, image, avatarFallback, onSignOut, signOutDisabled, onSignIn, signInHref, triggerVariant, showStatusBadge, tooltipLabel, labels, classNames, align, side, sideOffset, items, }: AccountMenuProps): import("react").JSX.Element;

package/dist/components/account-menu.js

@@ -3,11 +3,12 @@ import { c as _c } from "react/compiler-runtime";
 import { ChevronDownIcon, LogInIcon, LogOutIcon, PlusIcon } from "lucide-react";
 import { cn } from "../lib/utils.js";
 import { getNameInitials } from "../lib/name-initials.js";
-import { Avatar, AvatarBadge, AvatarFallback, AvatarImage } from "./avatar.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "./dropdown-menu.js";
+import { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot } from "./primitives/avatar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "./primitives/dropdown-menu.js";
+import { DropdownMenuItems } from "./primitives/dropdown-menu-items.js";
 import { Link } from "./link.js";
 import { useOptionalSidebarPanel } from "./sidebar-panel-context.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./primitives/tooltip.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ACCOUNT_MENU_DEFAULT_LABELS = {
 	signIn: "Iniciar sesión",
@@ -81,7 +82,7 @@ function AccountAvatar(t0) {
 	}
 	let t8;
 	if ($[16] !== t3 || $[17] !== t4 || $[18] !== t6 || $[19] !== t7) {
-		t8 = /* @__PURE__ */ _jsxs(Avatar, {
+		t8 = /* @__PURE__ */ _jsxs(AvatarRoot, {
 			className: t3,
 			children: [
 				t4,
@@ -106,8 +107,8 @@ function AccountAvatar(t0) {
 * @returns The trigger and its menu.
 */
 export function AccountMenu(t0) {
-	const $ = _c(80);
-	const { name, email, status, image: t1, avatarFallback, onSignOut, signOutDisabled: t2, onSignIn, signInHref, triggerVariant: t3, showStatusBadge: t4, tooltipLabel, labels, classNames, align: t5, side: t6, sideOffset: t7, children } = t0;
+	const $ = _c(82);
+	const { name, email, status, image: t1, avatarFallback, onSignOut, signOutDisabled: t2, onSignIn, signInHref, triggerVariant: t3, showStatusBadge: t4, tooltipLabel, labels, classNames, align: t5, side: t6, sideOffset: t7, items } = t0;
 	const image = t1 === undefined ? null : t1;
 	const signOutDisabled = t2 === undefined ? false : t2;
 	const triggerVariant = t3 === undefined ? "avatar" : t3;
@@ -337,8 +338,16 @@ export function AccountMenu(t0) {
 		t31 = $[54];
 	}
 	let t32;
-	if ($[55] !== classNames?.item || $[56] !== isAuthenticated || $[57] !== onSignIn || $[58] !== onSignOut || $[59] !== resolvedLabels.signIn || $[60] !== resolvedLabels.signOut || $[61] !== signInHref || $[62] !== signOutDisabled) {
-		t32 = isAuthenticated ? /* @__PURE__ */ _jsxs(DropdownMenuItem, {
+	if ($[55] !== items) {
+		t32 = items ? /* @__PURE__ */ _jsx(DropdownMenuItems, { items }) : null;
+		$[55] = items;
+		$[56] = t32;
+	} else {
+		t32 = $[56];
+	}
+	let t33;
+	if ($[57] !== classNames?.item || $[58] !== isAuthenticated || $[59] !== onSignIn || $[60] !== onSignOut || $[61] !== resolvedLabels.signIn || $[62] !== resolvedLabels.signOut || $[63] !== signInHref || $[64] !== signOutDisabled) {
+		t33 = isAuthenticated ? /* @__PURE__ */ _jsxs(DropdownMenuItem, {
 			className: classNames?.item,
 			disabled: signOutDisabled,
 			onSelect: () => void onSignOut(),
@@ -355,21 +364,21 @@ export function AccountMenu(t0) {
 			onSelect: () => onSignIn?.(),
 			children: [/* @__PURE__ */ _jsx(LogInIcon, { "aria-hidden": "true" }), resolvedLabels.signIn]
 		});
-		$[55] = classNames?.item;
-		$[56] = isAuthenticated;
-		$[57] = onSignIn;
-		$[58] = onSignOut;
-		$[59] = resolvedLabels.signIn;
-		$[60] = resolvedLabels.signOut;
-		$[61] = signInHref;
-		$[62] = signOutDisabled;
-		$[63] = t32;
+		$[57] = classNames?.item;
+		$[58] = isAuthenticated;
+		$[59] = onSignIn;
+		$[60] = onSignOut;
+		$[61] = resolvedLabels.signIn;
+		$[62] = resolvedLabels.signOut;
+		$[63] = signInHref;
+		$[64] = signOutDisabled;
+		$[65] = t33;
 	} else {
-		t32 = $[63];
+		t33 = $[65];
 	}
-	let t33;
-	if ($[64] !== align || $[65] !== children || $[66] !== side || $[67] !== sideOffset || $[68] !== t22 || $[69] !== t30 || $[70] !== t32) {
-		t33 = /* @__PURE__ */ _jsxs(DropdownMenuContent, {
+	let t34;
+	if ($[66] !== align || $[67] !== side || $[68] !== sideOffset || $[69] !== t22 || $[70] !== t30 || $[71] !== t32 || $[72] !== t33) {
+		t34 = /* @__PURE__ */ _jsxs(DropdownMenuContent, {
 			"data-slot": "account-menu-content",
 			align,
 			side,
@@ -378,54 +387,54 @@ export function AccountMenu(t0) {
 			children: [
 				t30,
 				t31,
-				children,
-				t32
+				t32,
+				t33
 			]
 		});
-		$[64] = align;
-		$[65] = children;
-		$[66] = side;
-		$[67] = sideOffset;
-		$[68] = t22;
-		$[69] = t30;
-		$[70] = t32;
-		$[71] = t33;
+		$[66] = align;
+		$[67] = side;
+		$[68] = sideOffset;
+		$[69] = t22;
+		$[70] = t30;
+		$[71] = t32;
+		$[72] = t33;
+		$[73] = t34;
 	} else {
-		t33 = $[71];
+		t34 = $[73];
 	}
-	let t34;
-	if ($[72] !== t20 || $[73] !== t33) {
-		t34 = /* @__PURE__ */ _jsxs(DropdownMenu, { children: [t20, t33] });
-		$[72] = t20;
-		$[73] = t33;
-		$[74] = t34;
+	let t35;
+	if ($[74] !== t20 || $[75] !== t34) {
+		t35 = /* @__PURE__ */ _jsxs(DropdownMenu, { children: [t20, t34] });
+		$[74] = t20;
+		$[75] = t34;
+		$[76] = t35;
 	} else {
-		t34 = $[74];
+		t35 = $[76];
 	}
-	const menu = t34;
+	const menu = t35;
 	if (!tooltipLabel) {
 		return menu;
 	}
-	let t35;
-	if ($[75] !== tooltipLabel) {
-		t35 = /* @__PURE__ */ _jsx(TooltipContent, {
+	let t36;
+	if ($[77] !== tooltipLabel) {
+		t36 = /* @__PURE__ */ _jsx(TooltipContent, {
 			side: "bottom",
 			sideOffset: 8,
 			children: tooltipLabel
 		});
-		$[75] = tooltipLabel;
-		$[76] = t35;
+		$[77] = tooltipLabel;
+		$[78] = t36;
 	} else {
-		t35 = $[76];
+		t36 = $[78];
 	}
-	let t36;
-	if ($[77] !== menu || $[78] !== t35) {
-		t36 = /* @__PURE__ */ _jsxs(Tooltip, { children: [menu, t35] });
-		$[77] = menu;
-		$[78] = t35;
-		$[79] = t36;
+	let t37;
+	if ($[79] !== menu || $[80] !== t36) {
+		t37 = /* @__PURE__ */ _jsxs(Tooltip, { children: [menu, t36] });
+		$[79] = menu;
+		$[80] = t36;
+		$[81] = t37;
 	} else {
-		t36 = $[79];
+		t37 = $[81];
 	}
-	return t36;
+	return t37;
 }

package/dist/components/alert.d.ts

@@ -1,31 +1,31 @@
 import type { ComponentProps, ReactNode } from "react";
 import type { AlertTone } from "../constants/alert.js";
 export type { AlertTone };
-/** shadcn-compatible variants; `destructive` is drawn with Arc's danger tone. */
-export type AlertVariant = "default" | "destructive";
-export type AlertProps = ComponentProps<"div"> & {
-    variant?: AlertVariant | null;
+export type AlertProps = Omit<ComponentProps<"div">, "title" | "children"> & {
+    /** Headline. A new title rises in over the old one. */
+    title: string;
     /**
-     * Arc's semantic tone: tints and picks the icon, and sets the live-region role (`alert` for danger, `status` for
-     * the rest). Without a tone the alert keeps `role="alert"`.
+     * Colour and icon: `info` (default), `success`, `warning` or `danger`. Danger interrupts with `role="alert"`; the
+     * rest are announced politely with `role="status"`.
      */
     tone?: AlertTone;
-    /** Replaces the tone icon, or hides it with `false`. Without a tone, place an svg as the first child instead. */
-    icon?: ReactNode;
+    /** Details under the title. String details rise in over the old ones when they change. */
+    children?: ReactNode;
     /** Controls presence: hiding the alert collapses its height while it fades out. */
     open?: boolean;
     /** Shows a dismiss button. An uncontrolled alert collapses first and then calls this. */
     onDismiss?: () => void;
-    /** Accessible name of the dismiss button; defaults to "Descartar aviso". */
+    /** Accessible name of the dismiss button; defaults to "Descartar aviso: " followed by the title. */
     dismissLabel?: string;
+    /** Replaces the tone icon, or hides it with `false`. */
+    icon?: ReactNode;
+    /** A control beside the copy, such as a button that resolves the alert. */
+    action?: ReactNode;
 };
 /**
- * A persistent message. Compose it with `AlertTitle`, `AlertDescription` and `AlertAction`.
- * @param props - Variant, Arc tone and icon, optional presence and dismissal, plus native div attributes.
+ * A persistent, in-flow message with a tone icon, a title and optional details, action and dismissal.
+ * @param props - Title, tone, details, presence and dismissal, extensions and native div attributes.
  * @returns The alert; with `open` or `onDismiss` it collapses its own height when hidden.
  */
 declare function Alert({ open, onDismiss, ref: consumerRef, ...props }: AlertProps): import("react").JSX.Element;
-declare function AlertTitle({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-declare function AlertDescription({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-declare function AlertAction({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-export { Alert, AlertTitle, AlertDescription, AlertAction };
+export { Alert };