Modal
Componente primitivo de diálogo basado en Dialog de shadcn/ui. Usa los primitivos Modal, ModalTrigger, ModalContent y ModalClose para componer cualquier modal.
Modal Primitive
Vacío
Modal sin contenido interno. Solo el contenedor con el botón de cierre.
Con contenido libre
El primitivo acepta cualquier children. El ModalClose se posiciona en la esquina superior derecha por defecto.
Con fondo oscuro (custom)
Usando className en ModalContent para sobrescribir el fondo.
QRModal
Variante Dark — trigger como prop
Fondo surface-subtle, texto blanco y área QR en surface-medium.
Variante Light — trigger como children
Fondo blanco, texto oscuro y área QR en gray-50.