// build.gradle.kts (módulo)
dependencies {
    implementation("io.github.ricardomorarey:compose-ui-material3:0.1.0")
}

kotlin {
    sourceSets {
        commonMain.dependencies {
            implementation("io.github.ricardomorarey:compose-ui-material3:0.1.0")
        }
    }
}

// Botón con estado de carga integrado
LoadingButton(
    text = "Guardar",
    loading = isSaving,
    onClick = { viewModel.save() },
)

SecondaryButton(text = "Cancelar", onClick = { /* ... */ })

// Botón con degradado (por defecto primary -> tertiary del tema)
GradientButton(text = "Empezar", onClick = { /* ... */ })

// Acciones destructivas (usa los colores de error del tema)
DestructiveButton(text = "Eliminar", onClick = { /* ... */ })

InfoCard(
    title = "Ajustes",
    subtitle = "Notificaciones, tema, idioma",
    onClick = { /* navegar */ },
)

ExpandableCard(title = "Detalles del pedido") {
    Text("Contenido que se despliega con animación")
}

LabeledTextField(
    value = email,
    onValueChange = { email = it },
    label = "Correo",
    errorMessage = if (emailValido) null else "Correo no válido",
)

PasswordTextField(value = password, onValueChange = { password = it })

SearchField(value = query, onValueChange = { query = it })

// Selección múltiple
FilterChipGroup(
    options = listOf("Kotlin", "Compose", "KMP"),
    selectedOptions = selected,
    onSelectionChange = { selected = it },
)

// Selección única
ChoiceChipRow(
    options = listOf("Día", "Semana", "Mes"),
    selectedOption = period,
    onOptionSelected = { period = it },
)

if (showDeleteDialog) {
    ConfirmDialog(
        title = "Eliminar elemento",
        message = "Esta acción no se puede deshacer.",
        destructive = true,
        onConfirm = { viewModel.delete() },
        onDismiss = { showDeleteDialog = false },
    )
}

InlineBanner(
    message = "Hay una nueva versión disponible.",
    severity = BannerSeverity.Info, // Info, Success, Warning o Error
    actionText = "Actualizar",
    onAction = { /* ... */ },
    onDismiss = { /* muestra una X para descartar */ },
)

SwitchRow(
    title = "Notificaciones",
    subtitle = "Avisos de actividad en tu cuenta",
    checked = notificationsEnabled,
    onCheckedChange = { notificationsEnabled = it },
)

CheckboxRow(
    title = "Boletín semanal",
    checked = newsletter,
    onCheckedChange = { newsletter = it },
)

RadioGroup(
    options = listOf("Claro", "Oscuro", "Sistema"),
    selectedOption = theme,
    onOptionSelected = { theme = it },
)

// Iniciales con color determinista derivado del nombre
InitialsAvatar(name = "Ada Lovelace")

// Grupo solapado; si hay más de maxVisible muestra "+N"
AvatarGroup(
    names = listOf("Ada Lovelace", "Grace Hopper", "Alan Turing", /* ... */),
    maxVisible = 4,
)

// Selector de cantidad (carritos, entradas...)
QuantityStepper(value = qty, onValueChange = { qty = it }, range = 0..99)

// Progreso de un asistente por pasos
StepProgressIndicator(
    steps = listOf("Carrito", "Envío", "Pago", "Confirmar"),
    currentStep = 2,
)

FullScreenLoading(message = "Cargando…")

LoadingOverlay(visible = isLoading) {
    MiContenido()
}

// Placeholder shimmer
Box(Modifier.fillMaxWidth().height(20.dp).shimmer())

EmptyState(
    title = "Sin resultados",
    message = "Prueba con otros filtros",
    actionText = "Limpiar filtros",
    onAction = { /* ... */ },
)

ErrorState(
    title = "Algo salió mal",
    message = error.message,
    onRetry = { viewModel.reload() },
)

RatingBar(
    rating = rating,
    onRatingChange = { rating = it }, // null para solo lectura
)

SectionHeader(title = "Populares", actionText = "Ver todo", onAction = { /* ... */ })

CounterBadge(count = 128) // muestra "99+"

// Divisor con etiqueta centrada
LabeledDivider(text = "o continúa con")