@moni-labs/moni-ui 0.4.13 → 0.4.16

package/custom-elements.json

@@ -373,6 +373,16 @@
               },
               "default": "''",
               "description": "Restricción opcional de inline-size (ancho) máximo para la hoja.\n\nCuando se establece (ej. `'640px'`), la hoja no excederá este ancho incluso en\npantallas anchas. Útil para puntos de interrupción de tableta/escritorio donde se prefiere\nun modal centrado en lugar de una hoja de ancho completo."
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Abre el bottom sheet."
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "description": "Cierra el bottom sheet ejecutando la animación fluida hacia abajo."
             }
           ],
           "events": [],
@@ -3573,7 +3583,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Selector del elemento disparador desde el cual transformarse (ej. '#fab' o '.my-button').\nSi se omite, el modal aún puede activarse programáticamente estableciendo `open = true`."
+              "description": "Selector del elemento disparador desde el cual transformarse (ej. '#fab' o '.my-button').\r\nSi se omite, el modal aún puede activarse programáticamente estableciendo `open = true`."
             },
             {
               "kind": "field",
@@ -3583,7 +3593,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controla el estado abierto/cerrado del modal.\nPuede establecerse directamente, o se gestiona internamente cuando se hace clic en el elemento `target`."
+              "description": "Controla el estado abierto/cerrado del modal.\r\nPuede establecerse directamente, o se gestiona internamente cuando se hace clic en el elemento `target`."
             },
             {
               "kind": "field",
@@ -3715,6 +3725,16 @@
               "default": "false",
               "description": "Si es true, el modal calcula automáticamente su tamaño final basándose en el contenido interno (ignora expandedWidth y expandedHeight)."
             },
+            {
+              "kind": "field",
+              "name": "autoHeight",
+              "attribute": "auto-height",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ajusta sólo la altura al contenido, sin superar expanded-height."
+            },
             {
               "kind": "field",
               "name": "fullscreen",
@@ -3768,12 +3788,12 @@
             {
               "kind": "method",
               "name": "show",
-              "description": "Dispara la apertura del modal y coordina la animación de FLIP (First, Last, Invert, Play) / Morphing.\n1. Oculta visualmente el target original.\n2. Posiciona el modal colapsado exactamente sobre el target original (mismas dimensiones, color, y radios).\n3. Expande fluidamente el modal a sus dimensiones finales mediante transformaciones CSS."
+              "description": "Dispara la apertura del modal y coordina la animación de FLIP (First, Last, Invert, Play) / Morphing.\r\n1. Oculta visualmente el target original.\r\n2. Posiciona el modal colapsado exactamente sobre el target original (mismas dimensiones, color, y radios).\r\n3. Expande fluidamente el modal a sus dimensiones finales mediante transformaciones CSS."
             },
             {
               "kind": "method",
               "name": "showFrom",
-              "description": "Abre el modal realizando el morph desde un elemento proporcionado directamente.\nÚtil cuando el trigger vive dentro de un Shadow DOM y no puede resolverse con `target`."
+              "description": "Abre el modal realizando el morph desde un elemento proporcionado directamente.\r\nÚtil cuando el trigger vive dentro de un Shadow DOM y no puede resolverse con `target`."
             },
             {
               "kind": "method",
@@ -4731,7 +4751,7 @@
         {
           "kind": "class",
           "name": "MoniSelect",
-          "description": "Componente Material Design 3 Select (Menú Desplegable).\n\nUn menú desplegable select personalizado completo con capacidad de búsqueda, grupos de opciones,\nnavegación por teclado, animación y un modo de cajón/hoja (drawer/sheet) móvil opcional.\nReemplaza el elemento nativo `<select>` con una alternativa completamente estilizada y accesible\nque cumple con M3.\n\n**Referencia a la especificación M3:** `m3-docs/components/menus/specs.md` (menús desplegables)\n\n**Resumen de características:**\n- Variantes Filled y Outlined que coinciden con los estilos de campo de texto de M3.\n- Etiqueta flotante (floating label) con la animación estándar de etiqueta flotante de estilos de campo.\n- Modo de búsqueda: el atributo `searchable` agrega un campo de entrada de filtro en línea.\n- Grupos de opciones: elementos `<moni-select-group>` en el slot para opciones jerárquicas.\n- Cajón móvil: el atributo `drawer` abre las opciones en un `<moni-bottom-sheet>`\n  en lugar de un popup desplegable, ideal para interfaces táctiles (touch UIs).\n- Navegación por teclado: Teclas de flecha, Enter, Escape y Tab según combobox de ARIA.\n- Estado de carga: `loading` muestra un progreso circular indeterminado.\n- Soporte multi-valor: `multiple` permite selección múltiple.\n\n**Fuentes de opciones:**\nLas opciones se pueden proporcionar de dos maneras:\n1. **Elementos `<moni-select-option>` en la ranura (slot)** (por defecto, recomendado para SSR).\n2. **Propiedad `options`** — un array de `DropdownNode[]` para un control completamente programático.\n\n**Vinculación de valores (Value binding):**\nLa propiedad `value` contiene la cadena de valor de la opción actualmente seleccionada.\nPara selección múltiple, `values` contiene `string[]`. Al cambiar, se dispara un\nevento compuesto `'moni-change'`.",
+          "description": "Componente Material Design 3 Select (Menú Desplegable).\r\n\r\nUn menú desplegable select personalizado completo con capacidad de búsqueda, grupos de opciones,\r\nnavegación por teclado, animación y un modo de cajón/hoja (drawer/sheet) móvil opcional.\r\nReemplaza el elemento nativo `<select>` con una alternativa completamente estilizada y accesible\r\nque cumple con M3.\r\n\r\n**Referencia a la especificación M3:** `m3-docs/components/menus/specs.md` (menús desplegables)\r\n\r\n**Resumen de características:**\r\n- Variantes Filled y Outlined que coinciden con los estilos de campo de texto de M3.\r\n- Etiqueta flotante (floating label) con la animación estándar de etiqueta flotante de estilos de campo.\r\n- Modo de búsqueda: el atributo `searchable` agrega un campo de entrada de filtro en línea.\r\n- Grupos de opciones: elementos `<moni-select-group>` en el slot para opciones jerárquicas.\r\n- Cajón móvil: el atributo `drawer` abre las opciones en un `<moni-bottom-sheet>`\r\n  en lugar de un popup desplegable, ideal para interfaces táctiles (touch UIs).\r\n- Navegación por teclado: Teclas de flecha, Enter, Escape y Tab según combobox de ARIA.\r\n- Estado de carga: `loading` muestra un progreso circular indeterminado.\r\n- Soporte multi-valor: `multiple` permite selección múltiple.\r\n\r\n**Fuentes de opciones:**\r\nLas opciones se pueden proporcionar de dos maneras:\r\n1. **Elementos `<moni-select-option>` en la ranura (slot)** (por defecto, recomendado para SSR).\r\n2. **Propiedad `options`** — un array de `DropdownNode[]` para un control completamente programático.\r\n\r\n**Vinculación de valores (Value binding):**\r\nLa propiedad `value` contiene la cadena de valor de la opción actualmente seleccionada.\r\nPara selección múltiple, `values` contiene `string[]`. Al cambiar, se dispara un\r\nevento compuesto `'moni-change'`.",
           "customElement": true,
           "tagName": "moni-select",
           "members": [
@@ -4742,7 +4762,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Nombre del campo select, usado para el envío del formulario."
             },
             {
@@ -4752,7 +4772,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de la etiqueta flotante."
             },
             {
@@ -4760,9 +4780,9 @@
               "name": "variant",
               "attribute": "variant",
               "type": {
-                "text": "'filled' | 'outlined'"
+                "text": "\"filled\" | \"outlined\""
               },
-              "default": "'filled'",
+              "default": "\"filled\"",
               "description": "Variante visual del campo select."
             },
             {
@@ -4770,9 +4790,9 @@
               "name": "size",
               "attribute": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | 'extra'"
+                "text": "\"small\" | \"medium\" | \"large\" | \"extra\""
               },
-              "default": "'medium'",
+              "default": "\"medium\"",
               "description": "Define las dimensiones del campo select."
             },
             {
@@ -4780,9 +4800,9 @@
               "name": "shape",
               "attribute": "shape",
               "type": {
-                "text": "'round' | 'small-round' | 'square' | 'no-round'"
+                "text": "\"round\" | \"small-round\" | \"square\" | \"no-round\""
               },
-              "default": "'no-round'",
+              "default": "\"no-round\"",
               "description": "Forma (radio de borde) del campo."
             },
             {
@@ -4803,7 +4823,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Obliga a elegir una opción antes de enviar el formulario.\n\nEl `<input>` visible es de sólo lectura, así que la validación nativa no\nse aplica sobre él: la restricción se declara en el host con\n`ElementInternals.setValidity`, que es lo que mira el formulario."
+              "description": "Obliga a elegir una opción antes de enviar el formulario.\r\n\r\nEl `<input>` visible es de sólo lectura, así que la validación nativa no\r\nse aplica sobre él: la restricción se declara en el host con\r\n`ElementInternals.setValidity`, que es lo que mira el formulario."
             },
             {
               "kind": "field",
@@ -4822,7 +4842,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de ayuda mostrado debajo del campo."
             },
             {
@@ -4832,8 +4852,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Texto de error mostrado debajo del campo cuando `error` es true.\nReemplaza al texto de ayuda."
+              "default": "\"\"",
+              "description": "Texto de error mostrado debajo del campo cuando `error` es true.\r\nReemplaza al texto de ayuda."
             },
             {
               "kind": "field",
@@ -4852,7 +4872,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El valor actual del select."
             },
             {
@@ -4862,7 +4882,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Nombre del icono principal (leading icon, Material Symbols)."
             },
             {
@@ -4872,7 +4892,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'arrow_drop_down'",
+              "default": "\"arrow_drop_down\"",
               "description": "Nombre del icono final (trailing icon, Material Symbols) que indica el estado del menú desplegable."
             },
             {
@@ -4912,7 +4932,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de marcador de posición (placeholder) mostrado cuando no hay ningún valor seleccionado."
             },
             {
@@ -4920,19 +4940,19 @@
               "name": "positioning",
               "attribute": "positioning",
               "type": {
-                "text": "'absolute' | 'fixed' | 'body'"
+                "text": "\"absolute\" | \"fixed\" | \"body\""
               },
-              "default": "'absolute'",
-              "description": "Estrategia de posicionamiento para el menú desplegable.\n\n- `'absolute'`: permanece en el contexto de posicionamiento del select.\n- `'fixed'`: usa coordenadas del viewport, pero conserva su contexto de apilamiento.\n- `'body'`: usa la capa superior nativa (Popover API) para escapar de `overflow`,\n  diálogos, bottom sheets y contextos de apilamiento."
+              "default": "\"absolute\"",
+              "description": "Estrategia de posicionamiento para el menú desplegable.\r\n\r\n- `'absolute'`: permanece en el contexto de posicionamiento del select.\r\n- `'fixed'`: usa coordenadas del viewport, pero conserva su contexto de apilamiento.\r\n- `'body'`: usa la capa superior nativa (Popover API) para escapar de `overflow`,\r\n  diálogos, bottom sheets y contextos de apilamiento."
             },
             {
               "kind": "field",
               "name": "placement",
               "attribute": "placement",
               "type": {
-                "text": "'top' | 'bottom' | 'left' | 'right' | 'auto'"
+                "text": "\"top\" | \"bottom\" | \"left\" | \"right\" | \"auto\""
               },
-              "default": "'auto'",
+              "default": "\"auto\"",
               "description": "Ubicación preferida del menú desplegable con respecto al disparador (trigger)."
             },
             {
@@ -4942,8 +4962,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'trigger'",
-              "description": "Restricción de ancho del menú desplegable.\n- `'trigger'`: Coincide con el ancho del campo de entrada.\n- `'auto'`: Coincide con el ancho del contenido del menú desplegable.\n- O cualquier valor CSS de ancho válido (ej. '200px')."
+              "default": "\"trigger\"",
+              "description": "Restricción de ancho del menú desplegable.\r\n- `'trigger'`: Coincide con el ancho del campo de entrada.\r\n- `'auto'`: Coincide con el ancho del contenido del menú desplegable.\r\n- O cualquier valor CSS de ancho válido (ej. '200px')."
             },
             {
               "kind": "field",
@@ -4952,8 +4972,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Límite manual opcional para la altura del menú.\n\nAcepta cualquier longitud CSS válida, por ejemplo `240px`, `40vh` o\n`calc(100vh - 8rem)`. El valor nunca supera el límite automático calculado\nsegún el viewport, la posición del campo y el tope predeterminado de 75vh.\nUna cadena vacía conserva el cálculo automático."
+              "default": "\"\"",
+              "description": "Límite manual opcional para la altura del menú.\r\n\r\nAcepta cualquier longitud CSS válida, por ejemplo `240px`, `40vh` o\r\n`calc(100vh - 8rem)`. El valor nunca supera el límite automático calculado\r\nsegún el viewport, la posición del campo y el tope predeterminado de 75vh.\r\nUna cadena vacía conserva el cálculo automático."
             },
             {
               "kind": "method",
@@ -6584,7 +6604,7 @@
         {
           "kind": "class",
           "name": "MoniTextField",
-          "description": "Componente Material Design 3 Text Field (Campo de texto).\n\nUn campo de entrada con todas las funciones que envuelve un `<input>` nativo dentro de la\nestructura de campo M3 (clase `.field` de `fieldStyles`). Soporta etiquetas flotantes,\nvariantes llenas (filled) y contorneadas (outlined), iconos iniciales/finales (leading/trailing),\ntexto de ayuda y estados de error.\n\n**Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`\n\n**Arquitectura visual:**\nUtiliza `fieldStyles` para toda la estructura CSS del campo. El contenedor del campo\nes un `<div class=\"field [modifiers]\">` que envuelve:\n1. Icono inicial (leading) opcional.\n2. Elemento `<input>` nativo.\n3. `<label>` flotante (cuando se establece `label`).\n4. Icono final (trailing) opcional o indicador de carga (spinner).\n5. `<output>` para texto de ayuda/error.\n\n**Sincronización de eventos:**\nEmite `moni-input` en cada tipeo y `moni-change` al consolidar el valor (blur/enter).\nEl valor interno del componente (`this.value`) se mantiene sincronizado automáticamente.",
+          "description": "Componente Material Design 3 Text Field (Campo de texto).\r\n\r\nUn campo de entrada con todas las funciones que envuelve un `<input>` nativo dentro de la\r\nestructura de campo M3 (clase `.field` de `fieldStyles`). Soporta etiquetas flotantes,\r\nvariantes llenas (filled) y contorneadas (outlined), iconos iniciales/finales (leading/trailing),\r\ntexto de ayuda y estados de error.\r\n\r\n**Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`\r\n\r\n**Arquitectura visual:**\r\nUtiliza `fieldStyles` para toda la estructura CSS del campo. El contenedor del campo\r\nes un `<div class=\"field [modifiers]\">` que envuelve:\r\n1. Icono inicial (leading) opcional.\r\n2. Elemento `<input>` nativo.\r\n3. `<label>` flotante (cuando se establece `label`).\r\n4. Icono final (trailing) opcional o indicador de carga (spinner).\r\n5. `<output>` para texto de ayuda/error.\r\n\r\n**Sincronización de eventos:**\r\nEmite `moni-input` en cada tipeo y `moni-change` al consolidar el valor (blur/enter).\r\nEl valor interno del componente (`this.value`) se mantiene sincronizado automáticamente.",
           "customElement": true,
           "tagName": "moni-text-field",
           "members": [
@@ -6595,7 +6615,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El nombre del input, enviado con los datos del formulario."
             },
             {
@@ -6605,7 +6625,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El texto de la etiqueta flotante."
             },
             {
@@ -6613,9 +6633,9 @@
               "name": "variant",
               "attribute": "variant",
               "type": {
-                "text": "'filled' | 'outlined' | 'underlined'"
+                "text": "\"filled\" | \"outlined\" | \"underlined\""
               },
-              "default": "'filled'",
+              "default": "\"filled\"",
               "description": "Variante visual del campo de texto."
             },
             {
@@ -6623,9 +6643,9 @@
               "name": "size",
               "attribute": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | 'extra'"
+                "text": "\"small\" | \"medium\" | \"large\" | \"extra\""
               },
-              "default": "'medium'",
+              "default": "\"medium\"",
               "description": "Define las dimensiones del campo de texto."
             },
             {
@@ -6633,9 +6653,9 @@
               "name": "shape",
               "attribute": "shape",
               "type": {
-                "text": "'round' | 'small-round' | 'no-round'"
+                "text": "\"round\" | \"small-round\" | \"no-round\""
               },
-              "default": "'no-round'",
+              "default": "\"no-round\"",
               "description": "Forma del radio del borde (border-radius) del campo."
             },
             {
@@ -6643,9 +6663,9 @@
               "name": "type",
               "attribute": "type",
               "type": {
-                "text": "'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'color'"
+                "text": "\"text\" | \"password\" | \"email\" | \"number\" | \"tel\" | \"url\" | \"search\" | \"date\" | \"time\" | \"datetime-local\" | \"month\" | \"week\" | \"color\""
               },
-              "default": "'text'",
+              "default": "\"text\"",
               "description": "El tipo de input HTML nativo."
             },
             {
@@ -6655,7 +6675,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Nombre del icono inicial (leading) (Material Symbols)."
             },
             {
@@ -6665,7 +6685,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Nombre del icono final (trailing) (Material Symbols)."
             },
             {
@@ -6675,7 +6695,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Prefijo de texto corto mostrado antes del valor del input."
             },
             {
@@ -6685,7 +6705,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Sufijo de texto corto mostrado después del valor del input."
             },
             {
@@ -6695,7 +6715,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Icono del botón interactivo ubicado al final del campo."
             },
             {
@@ -6705,7 +6725,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Acción del campo'",
+              "default": "\"Acción del campo\"",
               "description": "Etiqueta accesible del botón suffix."
             },
             {
@@ -6715,7 +6735,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de ayuda mostrado debajo del campo."
             },
             {
@@ -6725,8 +6745,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Texto de error mostrado debajo del campo cuando `error` es true.\nSobrescribe el texto de ayuda."
+              "default": "\"\"",
+              "description": "Texto de error mostrado debajo del campo cuando `error` es true.\r\nSobrescribe el texto de ayuda."
             },
             {
               "kind": "field",
@@ -6765,7 +6785,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El valor actual del input."
             },
             {
@@ -6775,7 +6795,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de marcador de posición (placeholder) mostrado cuando el input está vacío y la etiqueta es flotante."
             },
             {
@@ -6805,7 +6825,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Pista de autocompletado del navegador, por ejemplo `email` o `current-password`."
             },
             {
@@ -6815,7 +6835,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Teclado virtual a mostrar en móvil, por ejemplo `numeric` o `tel`."
             },
             {
@@ -6845,7 +6865,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Valor mínimo para `number` y los tipos de fecha y hora."
             },
             {
@@ -6855,7 +6875,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Valor máximo para `number` y los tipos de fecha y hora."
             },
             {
@@ -6865,7 +6885,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Incremento para `number` y los tipos de fecha y hora."
             },
             {
@@ -6875,7 +6895,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Expresión regular que debe cumplir el valor."
             },
             {
@@ -6885,8 +6905,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Patrón Inputmask. Admite opcionales `[]`, grupos `()`, alternadores `|`,\ncuantificadores `{n,m}` y los tokens `9`, `a`, `*` y `K` (RUT)."
+              "default": "\"\"",
+              "description": "Patrón Inputmask. Admite opcionales `[]`, grupos `()`, alternadores `|`,\r\ncuantificadores `{n,m}` y los tokens `9`, `a`, `*` y `K` (RUT)."
             },
             {
               "kind": "field",
@@ -6895,7 +6915,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Alias integrado de Inputmask, por ejemplo `email`, `datetime`, `numeric`, `currency` o `ip`."
             },
             {
@@ -7060,7 +7080,7 @@
         {
           "kind": "class",
           "name": "MoniTextarea",
-          "description": "Componente Material Design 3 Textarea (Área de texto).\n\nUn campo de entrada de texto multilínea diseñado para recolectar cantidades mayores de texto,\ncomo comentarios, descripciones o mensajes.\n\n**Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`\n\n**Arquitectura visual:**\nComparte exactamente el mismo contenedor `.field` y motor de estilos que\n`<moni-text-field>`, pero internamente renderiza un `<textarea>` nativo en lugar\nde un `<input>`. Esto asegura la consistencia visual en todos los elementos del formulario\nen cuanto a etiquetas flotantes, texto de ayuda, estados de error e iconos.\n\n**Contador de caracteres:**\nSi se establece el atributo `maxlength`, el área de texto muestra automáticamente\nun contador de caracteres (`{longitud actual} / {maxlength}`) ubicado en el\nborde final (trailing) del área de texto de soporte (abajo a la derecha). Esto puede\nsuprimirse estableciendo el atributo `no-counter`.\n\n**Gestión del estado:**\nEste componente es puramente visual y representacional. Refleja los atributos\nhacia el textarea nativo, pero NO adjunta listeners internos para `@input` o\n`@change`. Los consumidores deben adjuntar listeners estándar del DOM directamente\na este elemento para capturar la entrada del usuario, tal como lo harían con un\ntextarea nativo.",
+          "description": "Componente Material Design 3 Textarea (Área de texto).\r\n\r\nUn campo de entrada de texto multilínea diseñado para recolectar cantidades mayores de texto,\r\ncomo comentarios, descripciones o mensajes.\r\n\r\n**Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`\r\n\r\n**Arquitectura visual:**\r\nComparte exactamente el mismo contenedor `.field` y motor de estilos que\r\n`<moni-text-field>`, pero internamente renderiza un `<textarea>` nativo en lugar\r\nde un `<input>`. Esto asegura la consistencia visual en todos los elementos del formulario\r\nen cuanto a etiquetas flotantes, texto de ayuda, estados de error e iconos.\r\n\r\n**Contador de caracteres:**\r\nSi se establece el atributo `maxlength`, el área de texto muestra automáticamente\r\nun contador de caracteres (`{longitud actual} / {maxlength}`) ubicado en el\r\nborde final (trailing) del área de texto de soporte (abajo a la derecha). Esto puede\r\nsuprimirse estableciendo el atributo `no-counter`.\r\n\r\n**Gestión del estado:**\r\nEste componente es puramente visual y representacional. Refleja los atributos\r\nhacia el textarea nativo, pero NO adjunta listeners internos para `@input` o\r\n`@change`. Los consumidores deben adjuntar listeners estándar del DOM directamente\r\na este elemento para capturar la entrada del usuario, tal como lo harían con un\r\ntextarea nativo.",
           "customElement": true,
           "tagName": "moni-textarea",
           "members": [
@@ -7071,7 +7091,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El nombre del textarea, enviado con los datos del formulario."
             },
             {
@@ -7081,7 +7101,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El texto de la etiqueta flotante."
             },
             {
@@ -7089,9 +7109,9 @@
               "name": "variant",
               "attribute": "variant",
               "type": {
-                "text": "'filled' | 'outlined'"
+                "text": "\"filled\" | \"outlined\""
               },
-              "default": "'filled'",
+              "default": "\"filled\"",
               "description": "Variante visual del área de texto."
             },
             {
@@ -7099,9 +7119,9 @@
               "name": "size",
               "attribute": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | 'extra'"
+                "text": "\"small\" | \"medium\" | \"large\" | \"extra\""
               },
-              "default": "'medium'",
+              "default": "\"medium\"",
               "description": "Define las dimensiones del área de texto."
             },
             {
@@ -7109,9 +7129,9 @@
               "name": "shape",
               "attribute": "shape",
               "type": {
-                "text": "'round' | 'small-round' | 'square' | 'no-round'"
+                "text": "\"round\" | \"small-round\" | \"square\" | \"no-round\""
               },
-              "default": "'no-round'",
+              "default": "\"no-round\"",
               "description": "Forma del radio del borde (border-radius) del campo."
             },
             {
@@ -7121,7 +7141,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Nombre del icono inicial (leading) (Material Symbols)."
             },
             {
@@ -7131,7 +7151,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Nombre del icono final (trailing) (Material Symbols)."
             },
             {
@@ -7141,7 +7161,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Prefijo de texto corto mostrado antes del valor del input."
             },
             {
@@ -7151,7 +7171,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Sufijo de texto corto mostrado después del valor del input."
             },
             {
@@ -7192,7 +7212,7 @@
                 "text": "number | null"
               },
               "default": "null",
-              "description": "Número máximo de caracteres permitidos en el área de texto.\nTambién habilita la visualización del contador de caracteres a menos que `noCounter` sea true."
+              "description": "Número máximo de caracteres permitidos en el área de texto.\r\nTambién habilita la visualización del contador de caracteres a menos que `noCounter` sea true."
             },
             {
               "kind": "field",
@@ -7231,7 +7251,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Pista de autocompletado del navegador."
             },
             {
@@ -7271,7 +7291,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de ayuda mostrado debajo del campo."
             },
             {
@@ -7281,8 +7301,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Texto de error mostrado debajo del campo cuando `error` es true.\nSobrescribe el texto de ayuda."
+              "default": "\"\"",
+              "description": "Texto de error mostrado debajo del campo cuando `error` es true.\r\nSobrescribe el texto de ayuda."
             },
             {
               "kind": "field",
@@ -7301,7 +7321,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "El valor actual del área de texto."
             },
             {
@@ -7311,7 +7331,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante."
             },
             {