♻️ (bootsier): Mueve Container al core de PageTop

`Container` y `Kind` pasan a `pagetop::base::component` como componente
genérico reutilizable por cualquier tema. Bootsier conserva `Width` y
añade el *trait* `ContainerBootsier`, que guarda el ancho como valor
extra en `Props`.

extensions/pagetop-bootsier/src/theme/bs/container.rs

@@ -1,14 +1,99 @@
 //! Definiciones para crear contenedores de componentes ([`Container`]).
-//!
-//! Cada contenedor envuelve contenido usando la etiqueta semántica indicada por
-//! [`container::Kind`](crate::theme::bs::container::Kind).
-//!
-//! Con [`container::Width`](crate::theme::bs::container::Width) se puede definir el ancho y el
-//! comportamiento *responsive* del contenedor. También permite aplicar utilidades de estilo para el
-//! fondo, texto, borde o esquinas redondeadas.
 
-mod props;
-pub use props::{Kind, Width};
+use pagetop::prelude::*;
 
-mod component;
-pub use component::Container;
+use crate::theme::*;
+
+pub use pagetop::base::component::container::{Container, Kind};
+
+const EXTRA_WIDTH: &str = "bootsier.container.width";
+
+/// Extensión de Bootsier para [`Container`].
+///
+/// Permite definir el comportamiento del ancho del contenedor usando el método
+/// [`with_width()`](Self::with_width). También acepta clases predefinidas para:
+///
+/// - Modificar el color de fondo ([`Background`](crate::theme::class::Background)).
+/// - Definir la apariencia del texto ([`Text`](crate::theme::class::Text)).
+/// - Establecer bordes ([`Border`](crate::theme::class::Border)).
+/// - Redondear las esquinas ([`Rounded`](crate::theme::class::Rounded)).
+///
+/// ```rust,no_run
+/// use pagetop::prelude::*;
+/// use pagetop_bootsier::theme::*;
+///
+/// let main = bs::Container::main()
+///     .with_id("main-page")
+///     .with_width(bs::container::Width::From(token::BreakPoint::LG))
+///     .with_prop(PropsOp::add_classes(class::Background::with(token::Color::Light)))
+///     .with_prop(PropsOp::add_classes(class::Text::with(token::Color::Dark)))
+///     .with_prop(PropsOp::add_classes(class::Border::with(token::ScaleSize::One)))
+///     .with_prop(PropsOp::add_classes(class::Rounded::with(token::RoundedRadius::Default)));
+/// ```
+pub trait ContainerBootsier {
+    /// Establece el comportamiento del ancho para el contenedor.
+    ///
+    /// Determina si el contenedor aplica los anchos máximos predefinidos para cada punto de
+    /// ruptura, o si ocupa siempre el 100% del ancho disponible, o lo hace hasta un ancho máximo
+    /// explícito. Ver [`Width`] para las variantes disponibles.
+    fn with_width(self, width: Width) -> Self;
+}
+
+impl ContainerBootsier for Container {
+    fn with_width(self, width: Width) -> Self {
+        self.with_prop(PropsOp::set_extra(EXTRA_WIDTH, width))
+    }
+}
+
+// **< Width >**************************************************************************************
+
+/// Define cómo se comporta el ancho de un contenedor ([`Container`]).
+#[derive(AutoDefault, Clone, Copy, Debug, PartialEq)]
+pub enum Width {
+    /// Comportamiento por defecto, aplica los anchos máximos predefinidos para cada punto de
+    /// ruptura. Por debajo del menor punto de ruptura ocupa el 100% del ancho disponible.
+    #[default]
+    Default,
+    /// Aplica los anchos máximos predefinidos a partir del punto de ruptura indicado. Por debajo de
+    /// ese punto de ruptura ocupa el 100% del ancho disponible.
+    From(token::BreakPoint),
+    /// Ocupa el 100% del ancho disponible siempre.
+    Fluid,
+    /// Ocupa el 100% del ancho disponible hasta un ancho máximo explícito.
+    FluidMax(UnitValue),
+}
+
+impl Width {
+    const CONTAINER: &str = "container";
+
+    /// Añade la clase asociada al ancho del contenedor a la cadena de clases.
+    #[inline]
+    pub fn push_to(self, classes: &mut String) {
+        match self {
+            Self::Default => token::BreakPoint::None.push_to(classes, Self::CONTAINER, ""),
+            Self::From(bp) => bp.push_to(classes, Self::CONTAINER, ""),
+            Self::Fluid | Self::FluidMax(_) => {
+                token::BreakPoint::None.push_to(classes, Self::CONTAINER, "fluid")
+            }
+        }
+    }
+
+    /// Devuelve la clase asociada al ancho del contenedor.
+    pub fn to_class(self) -> String {
+        let mut class = String::new();
+        self.push_to(&mut class);
+        class
+    }
+}
+
+// **< Container SETUP >****************************************************************************
+
+pub(crate) fn setup(container: &mut Container) {
+    let width = container.props().extra_or(EXTRA_WIDTH, Width::default());
+    container.alter_prop(PropsOp::prepend_classes(width.to_class()));
+    if let Width::FluidMax(w) = width
+        && w.is_measurable()
+    {
+        container.alter_prop(PropsOp::add_style("max-width", w.to_string()));
+    }
+}