@moni-labs/moni-ui 0.4.5 → 0.4.7

package/docs/components/bottom-sheet.md

@@ -134,8 +134,6 @@ Controla el estado abierto/cerrado del bottom sheet.
 Cuando se establece en `true`, llama a `dialog.showModal()` o `dialog.show()`
 dependiendo de la propiedad `modal`. Cuando se establece en `false`, llama a `dialog.close()`.
 
-![moni-bottom-sheet — open=false](../assets/moni-bottom-sheet/open--false.png)
-
 ![moni-bottom-sheet — open=true](../assets/moni-bottom-sheet/open--true.png)
 
 ### `size`

package/docs/components/button.md

@@ -275,9 +275,3 @@ Tipo nativo del botón (cuando se renderiza como un `<button>`).
 Si está establecido, renderiza el botón como un elemento `<a>` con esta URL.
 
 ![moni-button — href=default](../assets/moni-button/href--default.png)
-
-### `target`
-
-Atributo target para los botones tipo enlace.
-
-![moni-button — target=default](../assets/moni-button/target--default.png)

package/docs/components/dialog.md

@@ -128,8 +128,6 @@ Cuando se establece en `true`, el componente llama a `dialog.showModal()` (si `m
 o `dialog.show()`. Cuando se establece en `false`, llama a `dialog.close()`.
 Reflejado como un atributo HTML para CSS y lectores de estado externos.
 
-![moni-dialog — open=false](../assets/moni-dialog/open--false.png)
-
 ![moni-dialog — open=true](../assets/moni-dialog/open--true.png)
 
 ### `modal`

package/docs/components/menu.md

@@ -153,8 +153,6 @@ Deshabilita el ajuste de texto dentro del menú.
 
 Controla si el menú está visible.
 
-![moni-menu — active=false](../assets/moni-menu/active--false.png)
-
 ![moni-menu — active=true](../assets/moni-menu/active--true.png)
 
 ### `space`

package/docs/components/morph-modal.md

@@ -125,20 +125,11 @@ No declara eventos propios.
 
 Cada imagen se genera con el componente real: cambia solo la variable indicada y mantiene estable el resto del escenario. Úsala para comparar estados, no como sustituto de la API.
 
-### `target`
-
-Selector del elemento disparador desde el cual transformarse (ej. '#fab' o '.my-button').
-Si se omite, el modal aún puede activarse programáticamente estableciendo `open = true`.
-
-![moni-morph-modal — target=default](../assets/moni-morph-modal/target--default.png)
-
 ### `open`
 
 Controla el estado abierto/cerrado del modal.
 Puede establecerse directamente, o se gestiona internamente cuando se hace clic en el elemento `target`.
 
-![moni-morph-modal — open=false](../assets/moni-morph-modal/open--false.png)
-
 ![moni-morph-modal — open=true](../assets/moni-morph-modal/open--true.png)
 
 ### `modal`
@@ -167,22 +158,6 @@ La altura del modal cuando está completamente expandido.
 
 ![moni-morph-modal — expanded-height=default](../assets/moni-morph-modal/expandedHeight--default.png)
 
-### `close-on-click-outside`
-
-Si es true, hacer clic fuera del modal lo cerrará.
-
-![moni-morph-modal — close-on-click-outside=false](../assets/moni-morph-modal/closeOnClickOutside--false.png)
-
-![moni-morph-modal — close-on-click-outside=true](../assets/moni-morph-modal/closeOnClickOutside--true.png)
-
-### `close-on-esc`
-
-Si es true, presionar la tecla Escape cerrará el modal.
-
-![moni-morph-modal — close-on-esc=false](../assets/moni-morph-modal/closeOnEsc--false.png)
-
-![moni-morph-modal — close-on-esc=true](../assets/moni-morph-modal/closeOnEsc--true.png)
-
 ### `show-close-button`
 
 Si es true, muestra un botón de icono de cierre por defecto en el encabezado.
@@ -191,20 +166,6 @@ Si es true, muestra un botón de icono de cierre por defecto en el encabezado.
 
 ![moni-morph-modal — show-close-button=true](../assets/moni-morph-modal/showCloseButton--true.png)
 
-### `morph-label`
-
-Si es true, intenta fundir/transformar una etiqueta del disparador hacia el encabezado del modal.
-
-![moni-morph-modal — morph-label=false](../assets/moni-morph-modal/morphLabel--false.png)
-
-![moni-morph-modal — morph-label=true](../assets/moni-morph-modal/morphLabel--true.png)
-
-### `morph-label-selector`
-
-Un selector CSS personalizado utilizado para encontrar el elemento de etiqueta específico dentro del target a transformar.
-
-![moni-morph-modal — morph-label-selector=default](../assets/moni-morph-modal/morphLabelSelector--default.png)
-
 ### `has-backdrop`
 
 Si es true, renderiza un fondo atenuado detrás del modal.
@@ -213,22 +174,6 @@ Si es true, renderiza un fondo atenuado detrás del modal.
 
 ![moni-morph-modal — has-backdrop=true](../assets/moni-morph-modal/hasBackdrop--true.png)
 
-### `hide-target`
-
-Si es true, oculta el elemento disparador (target) mientras el modal está abierto.
-
-![moni-morph-modal — hide-target=false](../assets/moni-morph-modal/hideTarget--false.png)
-
-![moni-morph-modal — hide-target=true](../assets/moni-morph-modal/hideTarget--true.png)
-
-### `cover-target`
-
-Si es true, fuerza al modal a cubrir visualmente la ubicación original del target antes de expandirse.
-
-![moni-morph-modal — cover-target=false](../assets/moni-morph-modal/coverTarget--false.png)
-
-![moni-morph-modal — cover-target=true](../assets/moni-morph-modal/coverTarget--true.png)
-
 ### `auto-size`
 
 Si es true, el modal calcula automáticamente su tamaño final basándose en el contenido interno (ignora expandedWidth y expandedHeight).
@@ -236,19 +181,3 @@ Si es true, el modal calcula automáticamente su tamaño final basándose en el
 ![moni-morph-modal — auto-size=false](../assets/moni-morph-modal/autoSize--false.png)
 
 ![moni-morph-modal — auto-size=true](../assets/moni-morph-modal/autoSize--true.png)
-
-### `blur-content`
-
-Si es true, aplica un efecto de desenfoque (blur) al contenido durante la animación de entrada y salida.
-
-![moni-morph-modal — blur-content=false](../assets/moni-morph-modal/blurContent--false.png)
-
-![moni-morph-modal — blur-content=true](../assets/moni-morph-modal/blurContent--true.png)
-
-### `debug`
-
-Muestra en consola el origen, geometría y estrategia usada por cada morph.
-
-![moni-morph-modal — debug=false](../assets/moni-morph-modal/debug--false.png)
-
-![moni-morph-modal — debug=true](../assets/moni-morph-modal/debug--true.png)

package/docs/components/nav-item.md

@@ -130,12 +130,6 @@ Define `href`. Conserva el tipo indicado y usa la propiedad JavaScript cuando el
 
 ![moni-nav-item — href=default](../assets/moni-nav-item/href--default.png)
 
-### `target`
-
-Define `target`. Conserva el tipo indicado y usa la propiedad JavaScript cuando el valor no sea una cadena.
-
-![moni-nav-item — target=default](../assets/moni-nav-item/target--default.png)
-
 ### `icon`
 
 Nombre de Material Symbol mostrado por el componente.

package/docs/components/select.md

@@ -96,6 +96,7 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
 | `size` | `size` | `'small' \| 'medium' \| 'large' \| 'extra'` | `'medium'` | Define las dimensiones del campo select. |
 | `shape` | `shape` | `'round' \| 'square' \| 'no-round'` | `'no-round'` | Forma (radio de borde) del campo. |
 | `disabled` | `disabled` | `boolean` | `false` | Deshabilita el campo select. |
+| `required` | `required` | `boolean` | `false` | Obliga a elegir una opción antes de enviar el formulario.  El `<input>` visible es de sólo lectura, así que la validación nativa no se aplica sobre él: la restricción se declara en el host con `ElementInternals.setValidity`, que es lo que mira el formulario. |
 | `loading` | `loading` | `boolean` | `false` | Si es verdadero, muestra un indicador de carga (progreso lineal). |
 | `helper` | `helper` | `string` | `''` | Texto de ayuda mostrado debajo del campo. |
 | `error-text` | `errorText` | `string` | `''` | Texto de error mostrado debajo del campo cuando `error` es true. Reemplaza al texto de ayuda. |
@@ -122,7 +123,8 @@ No declara eventos propios.
 
 ## Métodos públicos
 
-No expone métodos públicos adicionales.
+- `checkValidity(): boolean` — Método público checkValidity.
+- `reportValidity(): boolean` — Método público reportValidity.
 
 ## CSS Parts
 
@@ -205,6 +207,18 @@ Deshabilita el campo select.
 
 ![moni-select — disabled=true](../assets/moni-select/disabled--true.png)
 
+### `required`
+
+Obliga a elegir una opción antes de enviar el formulario.
+
+El `<input>` visible es de sólo lectura, así que la validación nativa no
+se aplica sobre él: la restricción se declara en el host con
+`ElementInternals.setValidity`, que es lo que mira el formulario.
+
+![moni-select — required=false](../assets/moni-select/required--false.png)
+
+![moni-select — required=true](../assets/moni-select/required--true.png)
+
 ### `loading`
 
 Si es verdadero, muestra un indicador de carga (progreso lineal).

package/docs/components/side-sheet.md

@@ -141,8 +141,6 @@ Cada imagen se genera con el componente real: cambia solo la variable indicada y
 
 Controla si la superficie superpuesta está abierta.
 
-![moni-side-sheet — open=false](../assets/moni-side-sheet/open--false.png)
-
 ![moni-side-sheet — open=true](../assets/moni-side-sheet/open--true.png)
 
 ### `modal`

package/docs/components/snackbar.md

@@ -155,8 +155,6 @@ Alterne este atributo para mostrar/ocultar el snackbar. La transición CSS
 maneja la animación de desvanecimiento/deslizamiento hacia arriba (fade-in/slide-up) automáticamente.
 Los consumidores son responsables de implementar el temporizador de cierre automático.
 
-![moni-snackbar — active=false](../assets/moni-snackbar/active--false.png)
-
 ![moni-snackbar — active=true](../assets/moni-snackbar/active--true.png)
 
 ### `max-lines`