@moni-labs/moni-ui 0.4.13 → 0.4.16

package/docs/api.json

@@ -1,6 +1,6 @@
 {
   "package": "@moni-labs/moni-ui",
-  "generatedAt": "2026-08-22T19:15:29.989Z",
+  "generatedAt": "2026-08-31T00:05:06.004Z",
   "componentCount": 49,
   "components": [
     {
@@ -327,7 +327,18 @@
           "reflect": true
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "show",
+          "signature": "show()",
+          "description": "Abre el bottom sheet."
+        },
+        {
+          "name": "close",
+          "signature": "close()",
+          "description": "Cierra el bottom sheet ejecutando la animación fluida hacia abajo."
+        }
+      ],
       "events": [],
       "slots": [
         {
@@ -2868,7 +2879,7 @@
           "attribute": "target",
           "type": "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`.",
           "options": [],
           "reflect": true
         },
@@ -2877,7 +2888,7 @@
           "attribute": "open",
           "type": "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`.",
           "options": [],
           "reflect": true
         },
@@ -2998,6 +3009,15 @@
           "options": [],
           "reflect": true
         },
+        {
+          "name": "autoHeight",
+          "attribute": "auto-height",
+          "type": "boolean",
+          "default": "false",
+          "description": "Ajusta sólo la altura al contenido, sin superar expanded-height.",
+          "options": [],
+          "reflect": true
+        },
         {
           "name": "fullscreen",
           "attribute": "fullscreen",
@@ -3048,12 +3068,12 @@
         {
           "name": "show",
           "signature": "show(): void",
-          "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."
         },
         {
           "name": "showFrom",
           "signature": "showFrom(target: HTMLElement): void",
-          "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`."
         },
         {
           "name": "resizeTo",
@@ -3785,13 +3805,13 @@
       "tag": "moni-select",
       "className": "MoniSelect",
       "source": "src/components/moni-select.ts",
-      "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'`.",
       "properties": [
         {
           "name": "name",
           "attribute": "name",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Nombre del campo select, usado para el envío del formulario.",
           "options": [],
           "reflect": true
@@ -3800,7 +3820,7 @@
           "name": "label",
           "attribute": "label",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de la etiqueta flotante.",
           "options": [],
           "reflect": true
@@ -3808,8 +3828,8 @@
         {
           "name": "variant",
           "attribute": "variant",
-          "type": "'filled' | 'outlined'",
-          "default": "'filled'",
+          "type": "\"filled\" | \"outlined\"",
+          "default": "\"filled\"",
           "description": "Variante visual del campo select.",
           "options": [
             "filled",
@@ -3820,8 +3840,8 @@
         {
           "name": "size",
           "attribute": "size",
-          "type": "'small' | 'medium' | 'large' | 'extra'",
-          "default": "'medium'",
+          "type": "\"small\" | \"medium\" | \"large\" | \"extra\"",
+          "default": "\"medium\"",
           "description": "Define las dimensiones del campo select.",
           "options": [
             "small",
@@ -3834,8 +3854,8 @@
         {
           "name": "shape",
           "attribute": "shape",
-          "type": "'round' | 'small-round' | 'square' | 'no-round'",
-          "default": "'no-round'",
+          "type": "\"round\" | \"small-round\" | \"square\" | \"no-round\"",
+          "default": "\"no-round\"",
           "description": "Forma (radio de borde) del campo.",
           "options": [
             "round",
@@ -3859,7 +3879,7 @@
           "attribute": "required",
           "type": "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.",
           "options": [],
           "reflect": true
         },
@@ -3876,7 +3896,7 @@
           "name": "helper",
           "attribute": "helper",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de ayuda mostrado debajo del campo.",
           "options": [],
           "reflect": true
@@ -3885,8 +3905,8 @@
           "name": "errorText",
           "attribute": "error-text",
           "type": "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.",
           "options": [],
           "reflect": true
         },
@@ -3903,7 +3923,7 @@
           "name": "value",
           "attribute": "value",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El valor actual del select.",
           "options": [],
           "reflect": true
@@ -3912,7 +3932,7 @@
           "name": "icon",
           "attribute": "icon",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Nombre del icono principal (leading icon, Material Symbols).",
           "options": [],
           "reflect": true
@@ -3921,7 +3941,7 @@
           "name": "trailingIcon",
           "attribute": "trailing-icon",
           "type": "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.",
           "options": [],
           "reflect": true
@@ -3957,7 +3977,7 @@
           "name": "placeholder",
           "attribute": "placeholder",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de marcador de posición (placeholder) mostrado cuando no hay ningún valor seleccionado.",
           "options": [],
           "reflect": true
@@ -3965,9 +3985,9 @@
         {
           "name": "positioning",
           "attribute": "positioning",
-          "type": "'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.",
+          "type": "\"absolute\" | \"fixed\" | \"body\"",
+          "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.",
           "options": [
             "absolute",
             "fixed",
@@ -3978,8 +3998,8 @@
         {
           "name": "placement",
           "attribute": "placement",
-          "type": "'top' | 'bottom' | 'left' | 'right' | 'auto'",
-          "default": "'auto'",
+          "type": "\"top\" | \"bottom\" | \"left\" | \"right\" | \"auto\"",
+          "default": "\"auto\"",
           "description": "Ubicación preferida del menú desplegable con respecto al disparador (trigger).",
           "options": [
             "top",
@@ -3994,8 +4014,8 @@
           "name": "dropdownWidth",
           "attribute": "dropdown-width",
           "type": "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').",
           "options": [],
           "reflect": true
         },
@@ -4003,8 +4023,8 @@
           "name": "dropdownMaxHeight",
           "attribute": "dropdown-max-height",
           "type": "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.",
           "options": [],
           "reflect": true
         }
@@ -4078,7 +4098,7 @@
         "--tertiary-container"
       ],
       "examples": [
-        "```html\n<moni-select label=\"País\" name=\"country\" variant=\"outlined\">\n  <moni-select-option value=\"us\">Estados Unidos</moni-select-option>\n  <moni-select-option value=\"gb\">Reino Unido</moni-select-option>\n  <moni-select-option value=\"de\">Alemania</moni-select-option>\n</moni-select>\n\n<!-- Select con búsqueda -->\n<moni-select label=\"Idioma\" searchable>\n  <moni-select-option value=\"ts\">TypeScript</moni-select-option>\n  <moni-select-option value=\"py\">Python</moni-select-option>\n</moni-select>\n```"
+        "```html\r\n<moni-select label=\"País\" name=\"country\" variant=\"outlined\">\r\n  <moni-select-option value=\"us\">Estados Unidos</moni-select-option>\r\n  <moni-select-option value=\"gb\">Reino Unido</moni-select-option>\r\n  <moni-select-option value=\"de\">Alemania</moni-select-option>\r\n</moni-select>\r\n\r\n<!-- Select con búsqueda -->\r\n<moni-select label=\"Idioma\" searchable>\r\n  <moni-select-option value=\"ts\">TypeScript</moni-select-option>\r\n  <moni-select-option value=\"py\">Python</moni-select-option>\r\n</moni-select>\r\n```"
       ]
     },
     {
@@ -5250,13 +5270,13 @@
       "tag": "moni-text-field",
       "className": "MoniTextField",
       "source": "src/components/moni-text-field.ts",
-      "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.",
       "properties": [
         {
           "name": "name",
           "attribute": "name",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El nombre del input, enviado con los datos del formulario.",
           "options": [],
           "reflect": true
@@ -5265,7 +5285,7 @@
           "name": "label",
           "attribute": "label",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El texto de la etiqueta flotante.",
           "options": [],
           "reflect": true
@@ -5273,8 +5293,8 @@
         {
           "name": "variant",
           "attribute": "variant",
-          "type": "'filled' | 'outlined' | 'underlined'",
-          "default": "'filled'",
+          "type": "\"filled\" | \"outlined\" | \"underlined\"",
+          "default": "\"filled\"",
           "description": "Variante visual del campo de texto.",
           "options": [
             "filled",
@@ -5286,8 +5306,8 @@
         {
           "name": "size",
           "attribute": "size",
-          "type": "'small' | 'medium' | 'large' | 'extra'",
-          "default": "'medium'",
+          "type": "\"small\" | \"medium\" | \"large\" | \"extra\"",
+          "default": "\"medium\"",
           "description": "Define las dimensiones del campo de texto.",
           "options": [
             "small",
@@ -5300,8 +5320,8 @@
         {
           "name": "shape",
           "attribute": "shape",
-          "type": "'round' | 'small-round' | 'no-round'",
-          "default": "'no-round'",
+          "type": "\"round\" | \"small-round\" | \"no-round\"",
+          "default": "\"no-round\"",
           "description": "Forma del radio del borde (border-radius) del campo.",
           "options": [
             "round",
@@ -5313,8 +5333,8 @@
         {
           "name": "type",
           "attribute": "type",
-          "type": "'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'color'",
-          "default": "'text'",
+          "type": "\"text\" | \"password\" | \"email\" | \"number\" | \"tel\" | \"url\" | \"search\" | \"date\" | \"time\" | \"datetime-local\" | \"month\" | \"week\" | \"color\"",
+          "default": "\"text\"",
           "description": "El tipo de input HTML nativo.",
           "options": [
             "text",
@@ -5337,7 +5357,7 @@
           "name": "icon",
           "attribute": "icon",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Nombre del icono inicial (leading) (Material Symbols).",
           "options": [],
           "reflect": true
@@ -5346,7 +5366,7 @@
           "name": "trailingIcon",
           "attribute": "trailing-icon",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Nombre del icono final (trailing) (Material Symbols).",
           "options": [],
           "reflect": true
@@ -5355,7 +5375,7 @@
           "name": "prefix",
           "attribute": "prefix",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Prefijo de texto corto mostrado antes del valor del input.",
           "options": [],
           "reflect": true
@@ -5364,7 +5384,7 @@
           "name": "suffix",
           "attribute": "suffix",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Sufijo de texto corto mostrado después del valor del input.",
           "options": [],
           "reflect": true
@@ -5373,7 +5393,7 @@
           "name": "suffixButtonIcon",
           "attribute": "suffix-button-icon",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Icono del botón interactivo ubicado al final del campo.",
           "options": [],
           "reflect": true
@@ -5382,7 +5402,7 @@
           "name": "suffixButtonLabel",
           "attribute": "suffix-button-label",
           "type": "string",
-          "default": "'Acción del campo'",
+          "default": "\"Acción del campo\"",
           "description": "Etiqueta accesible del botón suffix.",
           "options": [],
           "reflect": true
@@ -5391,7 +5411,7 @@
           "name": "helper",
           "attribute": "helper",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de ayuda mostrado debajo del campo.",
           "options": [],
           "reflect": true
@@ -5400,8 +5420,8 @@
           "name": "errorText",
           "attribute": "error-text",
           "type": "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.",
           "options": [],
           "reflect": true
         },
@@ -5436,7 +5456,7 @@
           "name": "value",
           "attribute": "value",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El valor actual del input.",
           "options": [],
           "reflect": true
@@ -5445,7 +5465,7 @@
           "name": "placeholder",
           "attribute": "placeholder",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de marcador de posición (placeholder) mostrado cuando el input está vacío y la etiqueta es flotante.",
           "options": [],
           "reflect": true
@@ -5472,7 +5492,7 @@
           "name": "autocomplete",
           "attribute": "autocomplete",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Pista de autocompletado del navegador, por ejemplo `email` o `current-password`.",
           "options": [],
           "reflect": true
@@ -5481,7 +5501,7 @@
           "name": "inputmode",
           "attribute": "inputmode",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Teclado virtual a mostrar en móvil, por ejemplo `numeric` o `tel`.",
           "options": [],
           "reflect": true
@@ -5508,7 +5528,7 @@
           "name": "min",
           "attribute": "min",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Valor mínimo para `number` y los tipos de fecha y hora.",
           "options": [],
           "reflect": true
@@ -5517,7 +5537,7 @@
           "name": "max",
           "attribute": "max",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Valor máximo para `number` y los tipos de fecha y hora.",
           "options": [],
           "reflect": true
@@ -5526,7 +5546,7 @@
           "name": "step",
           "attribute": "step",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Incremento para `number` y los tipos de fecha y hora.",
           "options": [],
           "reflect": true
@@ -5535,7 +5555,7 @@
           "name": "pattern",
           "attribute": "pattern",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Expresión regular que debe cumplir el valor.",
           "options": [],
           "reflect": true
@@ -5544,8 +5564,8 @@
           "name": "mask",
           "attribute": "mask",
           "type": "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).",
           "options": [],
           "reflect": true
         },
@@ -5553,7 +5573,7 @@
           "name": "maskAlias",
           "attribute": "mask-alias",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Alias integrado de Inputmask, por ejemplo `email`, `datetime`, `numeric`, `currency` o `ip`.",
           "options": [],
           "reflect": true
@@ -5576,12 +5596,12 @@
         },
         {
           "name": "maskOption",
-          "signature": "maskOption(options: InputmaskOptions, noRemask?: boolean): InputmaskInstance | undefined;",
+          "signature": "maskOption(\r\n    options: InputmaskOptions,\r\n    noRemask?: boolean,\r\n  ): InputmaskInstance | undefined;",
           "description": "Método público maskOption."
         },
         {
           "name": "maskOption",
-          "signature": "maskOption(nameOrOptions: string | InputmaskOptions, noRemask = false): unknown",
+          "signature": "maskOption(\r\n    nameOrOptions: string | InputmaskOptions,\r\n    noRemask = false,\r\n  ): unknown",
           "description": "Método público maskOption."
         },
         {
@@ -5611,7 +5631,7 @@
         },
         {
           "name": "formatWithMask",
-          "signature": "formatWithMask(value: string, metadata = false): string |",
+          "signature": "formatWithMask(\r\n    value: string,\r\n    metadata = false,\r\n  ): string |",
           "description": "Método público formatWithMask."
         },
         {
@@ -5693,20 +5713,20 @@
         "--primary"
       ],
       "examples": [
-        "```html\n<moni-text-field\n  label=\"Dirección de correo\"\n  type=\"email\"\n  name=\"email\"\n  icon=\"mail\"\n  variant=\"outlined\"\n  helper=\"Nunca compartiremos tu correo.\"\n></moni-text-field>\n\n<moni-text-field\n  label=\"Monto\"\n  type=\"number\"\n  prefix=\"$\"\n  error\n  error-text=\"El valor debe ser positivo\"\n></moni-text-field>\n```"
+        "```html\r\n<moni-text-field\r\n  label=\"Dirección de correo\"\r\n  type=\"email\"\r\n  name=\"email\"\r\n  icon=\"mail\"\r\n  variant=\"outlined\"\r\n  helper=\"Nunca compartiremos tu correo.\"\r\n></moni-text-field>\r\n\r\n<moni-text-field\r\n  label=\"Monto\"\r\n  type=\"number\"\r\n  prefix=\"$\"\r\n  error\r\n  error-text=\"El valor debe ser positivo\"\r\n></moni-text-field>\r\n```"
       ]
     },
     {
       "tag": "moni-textarea",
       "className": "MoniTextarea",
       "source": "src/components/moni-textarea.ts",
-      "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.",
       "properties": [
         {
           "name": "name",
           "attribute": "name",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El nombre del textarea, enviado con los datos del formulario.",
           "options": [],
           "reflect": true
@@ -5715,7 +5735,7 @@
           "name": "label",
           "attribute": "label",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El texto de la etiqueta flotante.",
           "options": [],
           "reflect": true
@@ -5723,8 +5743,8 @@
         {
           "name": "variant",
           "attribute": "variant",
-          "type": "'filled' | 'outlined'",
-          "default": "'filled'",
+          "type": "\"filled\" | \"outlined\"",
+          "default": "\"filled\"",
           "description": "Variante visual del área de texto.",
           "options": [
             "filled",
@@ -5735,8 +5755,8 @@
         {
           "name": "size",
           "attribute": "size",
-          "type": "'small' | 'medium' | 'large' | 'extra'",
-          "default": "'medium'",
+          "type": "\"small\" | \"medium\" | \"large\" | \"extra\"",
+          "default": "\"medium\"",
           "description": "Define las dimensiones del área de texto.",
           "options": [
             "small",
@@ -5749,8 +5769,8 @@
         {
           "name": "shape",
           "attribute": "shape",
-          "type": "'round' | 'small-round' | 'square' | 'no-round'",
-          "default": "'no-round'",
+          "type": "\"round\" | \"small-round\" | \"square\" | \"no-round\"",
+          "default": "\"no-round\"",
           "description": "Forma del radio del borde (border-radius) del campo.",
           "options": [
             "round",
@@ -5764,7 +5784,7 @@
           "name": "icon",
           "attribute": "icon",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Nombre del icono inicial (leading) (Material Symbols).",
           "options": [],
           "reflect": true
@@ -5773,7 +5793,7 @@
           "name": "trailingIcon",
           "attribute": "trailing-icon",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Nombre del icono final (trailing) (Material Symbols).",
           "options": [],
           "reflect": true
@@ -5782,7 +5802,7 @@
           "name": "prefix",
           "attribute": "prefix",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Prefijo de texto corto mostrado antes del valor del input.",
           "options": [],
           "reflect": true
@@ -5791,7 +5811,7 @@
           "name": "suffix",
           "attribute": "suffix",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Sufijo de texto corto mostrado después del valor del input.",
           "options": [],
           "reflect": true
@@ -5828,7 +5848,7 @@
           "attribute": "maxlength",
           "type": "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.",
           "options": [],
           "reflect": true
         },
@@ -5863,7 +5883,7 @@
           "name": "autocomplete",
           "attribute": "autocomplete",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Pista de autocompletado del navegador.",
           "options": [],
           "reflect": true
@@ -5899,7 +5919,7 @@
           "name": "helper",
           "attribute": "helper",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de ayuda mostrado debajo del campo.",
           "options": [],
           "reflect": true
@@ -5908,8 +5928,8 @@
           "name": "errorText",
           "attribute": "error-text",
           "type": "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.",
           "options": [],
           "reflect": true
         },
@@ -5926,7 +5946,7 @@
           "name": "value",
           "attribute": "value",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "El valor actual del área de texto.",
           "options": [],
           "reflect": true
@@ -5935,7 +5955,7 @@
           "name": "placeholder",
           "attribute": "placeholder",
           "type": "string",
-          "default": "''",
+          "default": "\"\"",
           "description": "Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante.",
           "options": [],
           "reflect": true
@@ -5999,7 +6019,7 @@
       ],
       "cssProperties": [],
       "examples": [
-        "```html\n<!-- Textarea llenado (filled) estándar -->\n<moni-textarea label=\"Descripción\" rows=\"4\"></moni-textarea>\n\n<!-- Textarea contorneado (outlined) con contador de caracteres -->\n<moni-textarea\n  variant=\"outlined\"\n  label=\"Biografía\"\n  maxlength=\"160\"\n></moni-textarea>\n```"
+        "```html\r\n<!-- Textarea llenado (filled) estándar -->\r\n<moni-textarea label=\"Descripción\" rows=\"4\"></moni-textarea>\r\n\r\n<!-- Textarea contorneado (outlined) con contador de caracteres -->\r\n<moni-textarea\r\n  variant=\"outlined\"\r\n  label=\"Biografía\"\r\n  maxlength=\"160\"\r\n></moni-textarea>\r\n```"
       ]
     },
     {