@moni-labs/moni-ui 0.4.13 → 0.4.16

package/docs/components/textarea.md

@@ -1,29 +1,29 @@
 # Textarea
 
-Componente Material Design 3 Textarea (Área de texto).
-
-Un campo de entrada de texto multilínea diseñado para recolectar cantidades mayores de texto,
-como comentarios, descripciones o mensajes.
-
-**Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`
-
-**Arquitectura visual:**
-Comparte exactamente el mismo contenedor `.field` y motor de estilos que
-`<moni-text-field>`, pero internamente renderiza un `<textarea>` nativo en lugar
-de un `<input>`. Esto asegura la consistencia visual en todos los elementos del formulario
-en cuanto a etiquetas flotantes, texto de ayuda, estados de error e iconos.
-
-**Contador de caracteres:**
-Si se establece el atributo `maxlength`, el área de texto muestra automáticamente
-un contador de caracteres (`{longitud actual} / {maxlength}`) ubicado en el
-borde final (trailing) del área de texto de soporte (abajo a la derecha). Esto puede
-suprimirse estableciendo el atributo `no-counter`.
-
-**Gestión del estado:**
-Este componente es puramente visual y representacional. Refleja los atributos
-hacia el textarea nativo, pero NO adjunta listeners internos para `@input` o
-`@change`. Los consumidores deben adjuntar listeners estándar del DOM directamente
-a este elemento para capturar la entrada del usuario, tal como lo harían con un
+Componente Material Design 3 Textarea (Área de texto).
+
+Un campo de entrada de texto multilínea diseñado para recolectar cantidades mayores de texto,
+como comentarios, descripciones o mensajes.
+
+**Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`
+
+**Arquitectura visual:**
+Comparte exactamente el mismo contenedor `.field` y motor de estilos que
+`<moni-text-field>`, pero internamente renderiza un `<textarea>` nativo en lugar
+de un `<input>`. Esto asegura la consistencia visual en todos los elementos del formulario
+en cuanto a etiquetas flotantes, texto de ayuda, estados de error e iconos.
+
+**Contador de caracteres:**
+Si se establece el atributo `maxlength`, el área de texto muestra automáticamente
+un contador de caracteres (`{longitud actual} / {maxlength}`) ubicado en el
+borde final (trailing) del área de texto de soporte (abajo a la derecha). Esto puede
+suprimirse estableciendo el atributo `no-counter`.
+
+**Gestión del estado:**
+Este componente es puramente visual y representacional. Refleja los atributos
+hacia el textarea nativo, pero NO adjunta listeners internos para `@input` o
+`@change`. Los consumidores deben adjuntar listeners estándar del DOM directamente
+a este elemento para capturar la entrada del usuario, tal como lo harían con un
 textarea nativo.
 
 - Tag: `moni-textarea`
@@ -36,16 +36,16 @@ Usa `moni-textarea` cuando la interfaz necesite el patrón que describe este com
 
 ## Uso básico
 
-```html
-<!-- Textarea llenado (filled) estándar -->
-<moni-textarea label="Descripción" rows="4"></moni-textarea>
-
-<!-- Textarea contorneado (outlined) con contador de caracteres -->
-<moni-textarea
-  variant="outlined"
-  label="Biografía"
-  maxlength="160"
-></moni-textarea>
+```html
+<!-- Textarea llenado (filled) estándar -->
+<moni-textarea label="Descripción" rows="4"></moni-textarea>
+
+<!-- Textarea contorneado (outlined) con contador de caracteres -->
+<moni-textarea
+  variant="outlined"
+  label="Biografía"
+  maxlength="160"
+></moni-textarea>
 ```
 
 ## Ejemplo práctico con Tailwind CSS v4
@@ -84,31 +84,31 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
 
 | Atributo | Propiedad | Tipo | Default | Descripción |
 |---|---|---|---|---|
-| `name` | `name` | `string` | `''` | El nombre del textarea, enviado con los datos del formulario. |
-| `label` | `label` | `string` | `''` | El texto de la etiqueta flotante. |
-| `variant` | `variant` | `'filled' \| 'outlined'` | `'filled'` | Variante visual del área de texto. |
-| `size` | `size` | `'small' \| 'medium' \| 'large' \| 'extra'` | `'medium'` | Define las dimensiones del área de texto. |
-| `shape` | `shape` | `'round' \| 'small-round' \| 'square' \| 'no-round'` | `'no-round'` | Forma del radio del borde (border-radius) del campo. |
-| `icon` | `icon` | `string` | `''` | Nombre del icono inicial (leading) (Material Symbols). |
-| `trailing-icon` | `trailingIcon` | `string` | `''` | Nombre del icono final (trailing) (Material Symbols). |
-| `prefix` | `prefix` | `string` | `''` | Prefijo de texto corto mostrado antes del valor del input. |
-| `suffix` | `suffix` | `string` | `''` | Sufijo de texto corto mostrado después del valor del input. |
+| `name` | `name` | `string` | `""` | El nombre del textarea, enviado con los datos del formulario. |
+| `label` | `label` | `string` | `""` | El texto de la etiqueta flotante. |
+| `variant` | `variant` | `"filled" \| "outlined"` | `"filled"` | Variante visual del área de texto. |
+| `size` | `size` | `"small" \| "medium" \| "large" \| "extra"` | `"medium"` | Define las dimensiones del área de texto. |
+| `shape` | `shape` | `"round" \| "small-round" \| "square" \| "no-round"` | `"no-round"` | Forma del radio del borde (border-radius) del campo. |
+| `icon` | `icon` | `string` | `""` | Nombre del icono inicial (leading) (Material Symbols). |
+| `trailing-icon` | `trailingIcon` | `string` | `""` | Nombre del icono final (trailing) (Material Symbols). |
+| `prefix` | `prefix` | `string` | `""` | Prefijo de texto corto mostrado antes del valor del input. |
+| `suffix` | `suffix` | `string` | `""` | Sufijo de texto corto mostrado después del valor del input. |
 | `rows` | `rows` | `number` | `3` | Número por defecto de líneas de texto visibles. |
 | `autosize` | `autosize` | `boolean` | `false` | Hace que el textarea crezca y se reduzca según su contenido. |
 | `max-rows` | `maxRows` | `number` | `0` | Número máximo de filas visibles cuando `autosize` está activo. Cero no impone límite. |
-| `maxlength` | `maxlength` | `number \| null` | `null` | Número máximo de caracteres permitidos en el área de texto. También habilita la visualización del contador de caracteres a menos que `noCounter` sea true. |
+| `maxlength` | `maxlength` | `number \| null` | `null` | Número máximo de caracteres permitidos en el área de texto.
 También habilita la visualización del contador de caracteres a menos que `noCounter` sea true. |
 | `required` | `required` | `boolean` | `false` | Marca el campo como obligatorio y lo integra en la validación del formulario. |
 | `readonly` | `readonly` | `boolean` | `false` | Impide editar el valor sin sacarlo del envío ni atenuarlo como `disabled`. |
 | `minlength` | `minlength` | `number \| null` | `null` | Mínimo de caracteres aceptados. |
-| `autocomplete` | `autocomplete` | `string` | `''` | Pista de autocompletado del navegador. |
+| `autocomplete` | `autocomplete` | `string` | `""` | Pista de autocompletado del navegador. |
 | `no-counter` | `noCounter` | `boolean` | `false` | Oculta la visualización del contador de caracteres cuando se establece `maxlength`. |
 | `loading` | `loading` | `boolean` | `false` | Si es true, muestra un indicador de carga (progreso circular) al final. |
 | `disabled` | `disabled` | `boolean` | `false` | Deshabilita el área de texto. |
-| `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. Sobrescribe el texto de ayuda. |
+| `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.
 Sobrescribe el texto de ayuda. |
 | `error` | `error` | `boolean` | `false` | Si es true, establece el campo en un estado de error. |
-| `value` | `value` | `string` | `''` | El valor actual del área de texto. |
-| `placeholder` | `placeholder` | `string` | `''` | Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante. |
+| `value` | `value` | `string` | `""` | El valor actual del área de texto. |
+| `placeholder` | `placeholder` | `string` | `""` | Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante. |
 
 ## Slots
 
@@ -234,7 +234,7 @@ Número máximo de filas visibles cuando `autosize` está activo. Cero no impone
 
 ### `maxlength`
 
-Número máximo de caracteres permitidos en el área de texto.
+Número máximo de caracteres permitidos en el área de texto.
 También habilita la visualización del contador de caracteres a menos que `noCounter` sea true.
 
 ![moni-textarea — maxlength=default](../assets/moni-textarea/maxlength--default.png)
@@ -299,7 +299,7 @@ Texto de ayuda mostrado debajo del campo.
 
 ### `error-text`
 
-Texto de error mostrado debajo del campo cuando `error` es true.
+Texto de error mostrado debajo del campo cuando `error` es true.
 Sobrescribe el texto de ayuda.
 
 ![moni-textarea — error-text=default](../assets/moni-textarea/errorText--default.png)

package/docs/llms.txt

@@ -33,7 +33,7 @@ Biblioteca de 49 Web Components Material Design 3 Expressive. Importa `@moni-lab
 - moni-radio: docs/components/radio.md — Componente Material Design 3 Radio Button (Botón de Opción).
 - moni-ripple: docs/components/ripple.md — Componente de decoración de onda (ripple) puramente visual.
 - moni-segmented-button: docs/components/segmented-button.md — Componente Material Design 3 Segmented Button (Botón Segmentado) (Heredado).
-- moni-select: docs/components/select.md — Componente Material Design 3 Select (Menú Desplegable).
+- moni-select: docs/components/select.md — Componente Material Design 3 Select (Menú Desplegable).
 - moni-select-option: docs/components/select-option.md — Componente Material Design 3 Select Option (Opción de Selección).
 - moni-shape: docs/components/shape.md — Material 3 Expressive shape with built-in polygon morphing.
 - moni-side-sheet: docs/components/side-sheet.md — Componente Material Design 3 Side Sheet (Hoja o panel lateral).
@@ -45,8 +45,8 @@ Biblioteca de 49 Web Components Material Design 3 Expressive. Importa `@moni-lab
 - moni-switch: docs/components/switch.md — Componente Material Design 3 Switch (Interruptor).
 - moni-tab: docs/components/tab.md — Componente Material Design 3 Tab (Pestaña).
 - moni-tabs: docs/components/tabs.md — Componente Material Design 3 Tabs container (Contenedor de pestañas).
-- moni-text-field: docs/components/text-field.md — Componente Material Design 3 Text Field (Campo de texto).
-- moni-textarea: docs/components/textarea.md — Componente Material Design 3 Textarea (Área de texto).
+- moni-text-field: docs/components/text-field.md — Componente Material Design 3 Text Field (Campo de texto).
+- moni-textarea: docs/components/textarea.md — Componente Material Design 3 Textarea (Área de texto).
 - moni-time-picker: docs/components/time-picker.md — Componente Material Design 3 Time Picker (Selector de hora).
 - moni-toolbar: docs/components/toolbar.md — Componente Material Design 3 Top App Bar (Barra de herramientas superior).
 - moni-tooltip: docs/components/tooltip.md — Componente Material Design 3 Tooltip (Información sobre herramientas).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moni-labs/moni-ui",
-	"version": "0.4.13",
+  "version": "0.4.16",
   "private": false,
   "type": "module",
   "description": "Design system unificado para Moni — Material Design 3 Expressive, mobile-first.",