gp_design
library
Classes
AdaptiveNetworkIcon
Muestra un icono desde url , soportando SVG y formatos ráster.
Internamente delega en GpImage para unificar la carga de imágenes.
DocumentType
GpAccordion
Acordeón reusable para settings, FAQ y secciones colapsables.
Menú vertical de acciones compactas para tarjetas o detalles.
GpActionTile
Tarjeta de acción reutilizable con icono circular,
título, subtítulo opcional y flecha indicadora.
GpAlertDialog
Diálogo compacto del sistema GP con título, mensaje, acción principal e
ícono opcional para mensajes de éxito, error o confirmación simples.
GpAppBar
App bar base del sistema GP.
GpAppBarNotificationButton
GpAvatar
Avatar del sistema GP con soporte para red, asset y fallback de iniciales.
GpBadge
Badge del sistema GP para estados y etiquetas compactas.
GpBanner
Banner inline reusable para mostrar mensajes semanticos dentro del layout.
GpBorderRadius
Escala de radios base del sistema GP.
GpBreadcrumb
Breadcrumb ligero para navegación contextual en apps web/admin.
GpBreadcrumbItem
GpBreakpoints
Breakpoints compartidos del sistema responsivo GP.
GpButton
Botón primario del sistema GP que soporta estados de carga, ícono opcional
y diferentes overrides de estilo para adaptarse a distintos escenarios.
GpCard
Contenedor visual del sistema GP con defaults heredados del tema.
GpCheckbox
Checkbox del sistema GP.
GpChoiceChip
Chip de selección del sistema GP.
GpCoachMarks
Tutorial de "primera vez" tipo spotlight: oscurece la pantalla y recorta
un hueco alrededor del widget real señalado por cada GpCoachMarkStep ,
con una tarjeta de texto explicando qué es. Útil, por ejemplo, para
señalar los tabs de un GpNavigationShell la primera vez que un usuario
llega a la pantalla principal.
GpCoachMarkStep
Un paso del tutorial: qué widget ya construido señalar (vía su
targetKey , que tiene que estar laid out — ej. la key de un ítem de
GpNavigationShell pasada por su parámetro itemKeys) y qué texto
mostrar sobre él.
GpCol
Wrapper que describe cuántas columnas ocupa un widget dentro de GpRow .
GpColorPalette
Paleta de colores instanciable para el tema claro — GpColors sigue
siendo la paleta base/default (sus valores son justo los defaults de acá
abajo); esta clase existe para que una app consumidora pueda inyectar su
propia paleta de marca en GpTheme.light sin tener que editar los
valores de la librería. Ver GpTheme.light(colors: MiPaleta()).
GpColors
Tokens de color base y semánticos del sistema de diseño GP.
GpCommandBar
Barra de acciones compacta para toolbars de páginas y listados.
GpComponentTokens
Helpers de tamaño y composición reutilizables entre componentes.
GpConfirmDialog
Menú contextual reusable para acciones secundarias en cards, toolbars o filas.
GpDarkColorPalette
Paleta de colores instanciable para el tema oscuro — ver GpColorPalette .
GpDarkColors sigue siendo la paleta base/default.
GpDarkColors
Tokens de color para tema oscuro.
GpDateRangePreset
GpDateRangeSelector
Selector de rango de fechas para filtros, reportes y dashboards.
GpDateSelector
Widget para seleccionar una fecha con modal integrado
GpDivider
Divider del sistema GP para separaciones horizontales y verticales.
GpDrawer
Drawer base del sistema GP con header opcional y lista de acciones.
GpDrawerItem
Item navegable dentro de GpDrawer .
GpDropdownTextField
GpDroppedFile
GpElevation
Niveles de elevación compartidos del sistema GP.
GpEmptyState
Estado vacio reusable para listas, resultados y pantallas sin contenido.
GpErrorNotification
Tarjeta simple para errores mostrada dentro del overlay de notificaciones.
GpFileDropTarget
GpFileUploadField
Field visual para selección o carga de archivos desde la app consumidora.
GpFilterBar
Barra reusable para búsqueda, filtros y acciones de listados.
GpFloatingNavigationBar
Variante flotante y compacta de navegación inferior.
GpIconButton
Botón de solo ícono del sistema GP.
GpImage
Widget de imagen del sistema GP con soporte para asset, red y SVG.
GpInAppNotificationBanner
GpInlineMessage
Mensaje inline compacto para formularios, cards o estados embebidos.
GpInputField
Campo de entrada base del sistema GP con integración a Form .
GpInputThemeData
Defaults visuales compartidos para fields y controles de entrada GP.
GpKeyValueItem
Fila individual para GpKeyValueList .
GpKeyValueList
Lista reutilizable de pares clave/valor para detalle y resumen.
GpListTile
Tile personalizable con soporte para leading, trailing y estilos
configurables, ideal para listados y pantallas de ajustes.
GpLoader
GpMasterDetailLayout
Layout master-detail para paneles con lista y detalle.
GpModal
GpMotion
Tokens de motion compartidos del sistema GP.
GpNavigationDestination
Modelo de destino para GpNavigationShell .
GpNavigationShell
Shell de navegacion adaptativa del sistema GP.
GpNotification
Gestor de Notificaciones Flotantes (Overlays)
GpNotificationAction
GpNotificationCenterItem
GpNotificationCenterList
GpNotificationPayload
GpNotificationPermissionCard
GpNotificationPresenter
GpNotificationRouteIntent
GpOtpInput
Input OTP del sistema GP con un solo campo oculto y boxes visuales.
Cabecera reusable para paginas con titulo, subtitulo y acciones.
GpPageScaffold
Scaffold base para pantallas GP con soporte para app bar, drawer movil
y sidebar persistente en desktop.
GpPageTransition
Paginación pública reusable para listas, grids o resultados fuera de tablas.
GpPasswordField
Field de contrasena del sistema GP basado en GpInputField .
GpPhoneField
Campo de teléfono del sistema GP con selector de país.
GpPhoneValue
Valor compuesto emitido por GpPhoneField .
GpPinInput
GpPinInput
Carrusel de popups deslizable, en un diálogo centrado (vía
GpModal.show ). Pensado para anuncios/promos que se buscan después de
entrar a la app (uno o varios) y se muestran encima de todo — la app se
encarga de conseguir los items, la librería solo los muestra y deja
deslizar entre ellos.
Un slide del carrusel: una imagen tappable. La librería no sabe qué
hacer al tocarla (abrir un link externo, navegar a una pantalla propia,
lo que sea) — eso lo decide la app vía onTap .
GpProfilePhotoAvatarFrame
GpProgress
Indicador de progreso del sistema GP para cargas indeterminadas o porcentuales.
GpQrCode
Muestra un código QR generado a partir de data — para el caso "acá está
esto, escaneálo" (un link, un id de invitación, un token para vincular
otro dispositivo, etc). Para el caso inverso (leer un QR con la cámara),
ver el scanner de package:gp_design/scanner.dart.
GpRadioGroup <T >
Grupo de radios del sistema GP con soporte horizontal o vertical.
GpRadioOption <T >
Opción simple para GpRadioGroup .
GpResponsive
Helpers para detectar clase de dispositivo y ancho de layout por separado.
GpResponsiveLayout
Layout adaptativo que selecciona la vista adecuada según el ancho disponible.
GpResponsiveTable <T >
GpRouteBreadcrumbAdapter
GpRouteMeta
GpRow
Crea un layout responsivo basado en las 4/8/12 columnas del sistema GP y
reparte a sus hijos según el span definido en cada GpCol .
GpSearchBar
Barra de búsqueda reusable para listados, tablas y filtros.
GpSectionCard
Tarjeta de sección reusable para bloques de contenido con encabezado.
GpSegmentedControl <T >
Control segmentado para 2-4 opciones de cambio rápido.
GpSegmentOption <T >
GpSelectField <T >
Field de selección simple del sistema GP con integración a Form .
GpSelectOption <T >
Opción simple para GpSelectField .
GpSemanticColors
Colores semánticos compartidos del sistema GP.
GpShellDestinationConfig
GpSignatureScreen
Pantalla para capturar una firma a mano alzada y devolverla como PNG
(Uint8List) al hacer pop — la librería no sube nada a ningún backend,
solo captura el dibujo. Qué hacer con los bytes (subirlos, guardarlos
localmente, etc.) es decisión de la app.
GpSkeleton
Placeholder animado para estados de carga.
GpSpacing
Escala de espaciado base del sistema GP.
GpSplitView
Contenedor horizontal para dos paneles en desktop o tablet amplia.
GpStatCard
Tarjeta de estadistica reusable para dashboards y resúmenes.
GpStatsGrid
Grid responsivo simple para agrupar tarjetas de métricas.
GpStatusNotification
Tarjeta semantica reutilizable para overlays y mensajes flotantes.
GpStepItem
GpStepper
Stepper visual liviano para journeys y procesos por pasos.
GpSurfaceThemeData
Defaults visuales compartidos para badges, feedback y superficies de acción.
GpSwitch
Switch del sistema GP con tono semántico y label opcional.
GpTabBar
Tab bar base del sistema GP.
GpTableColumn <T >
GpTableRowAction
GpText
Texto base del sistema GP que resuelve sus estilos desde el TextTheme .
GpTextarea
Campo multilinea del sistema GP con integración a Form .
GpTextSize
Escala tipográfica base del sistema GP.
GpTextSizeScale
Escala tipográfica instanciable — GpTextSize sigue siendo la escala
base/default; esta clase permite que una app consumidora inyecte su
propia escala en GpTheme.light /GpTheme.dark (textSize:) sin tocar
la librería. A diferencia de otros tokens (GpSpacing, GpBorderRadius),
esto es seguro de sobreescribir por completo porque solo se usa acá
adentro, al armar el TextTheme — ningún otro widget de la librería
llama a GpTextSize directo.
GpTheme
Construye el tema Material 3 del sistema GP.
GpTimeline
Timeline vertical para eventos, actividad y estados históricos.
GpTimelineItem
GpTimeSelector
Widget para seleccionar una hora con modal integrado
GpToastCard
Tarjeta compacta de toast alineada con los tonos semanticos del sistema.
GpToneIcons
Ícono estándar por GpSemanticTone .
GpTooltip
Tooltip del sistema GP que puede envolver cualquier widget.
