@moni-labs/moni-ui 0.3.0 → 0.3.2

package/dist/components/moni-tab.js

@@ -15,35 +15,35 @@ import { customElement, property } from 'lit/decorators.js';
 import { MoniElement, sharedStyles } from './_base/index.js';
 import './moni-icon.js';
 /**
- * Material Design 3 Tab component.
+ * Componente Material Design 3 Tab (Pestaña).
  *
- * An individual interactive tab element designed to be placed inside a
- * `<moni-tabs>` container. Tabs organize content across different screens,
- * data sets, and other interactions.
+ * Un elemento interactivo de pestaña individual diseñado para ser colocado dentro de un
+ * contenedor `<moni-tabs>`. Las pestañas organizan el contenido en diferentes pantallas,
+ * conjuntos de datos y otras interacciones.
  *
- * **M3 spec reference:** `m3-docs/components/tabs/specs.md`
+ * **Referencia a la especificación M3:** `m3-docs/components/tabs/specs.md`
  *
- * **Visual layout & interaction:**
- * Internally renders as an `<a>` element to support native link behavior when
- * an `href` is provided, but behaves visually as a tab button. It displays a
- * text label and an optional Material icon. If the parent `<moni-tabs>` has the
- * `vertical` attribute set, the layout automatically adjusts to stack the icon
- * above the text.
+ * **Diseño visual e interacción:**
+ * Internamente se renderiza como un elemento `<a>` para soportar el comportamiento nativo
+ * de enlace cuando se proporciona un `href`, pero se comporta visualmente como un botón de pestaña.
+ * Muestra una etiqueta de texto y un icono opcional de Material. Si el `<moni-tabs>` padre tiene el
+ * atributo `vertical` configurado, el diseño se ajusta automáticamente para apilar el icono
+ * encima del texto.
  *
- * **State:**
- * The `active` attribute highlights the tab, applying the primary color to the
- * text and rendering the active indicator line (handled via CSS in the parent
- * container or pseudo-elements).
+ * **Estado:**
+ * El atributo `active` resalta la pestaña, aplicando el color principal (primary) al
+ * texto y renderizando la línea indicadora activa (manejado vía CSS en el contenedor
+ * padre o mediante pseudo-elementos).
  *
  * @example
  * ```html
  * <moni-tabs>
- *   <moni-tab active icon="home" label="Home"></moni-tab>
- *   <moni-tab icon="settings" label="Settings" href="/settings"></moni-tab>
+ *   <moni-tab active icon="home" label="Inicio"></moni-tab>
+ *   <moni-tab icon="settings" label="Ajustes" href="/settings"></moni-tab>
  * </moni-tabs>
  * ```
  *
- * @csspart tab - The inner `<a>` element acting as the tab button.
+ * @csspart tab - El elemento `<a>` interno que actúa como botón de pestaña.
  */
 let MoniTab = class MoniTab extends MoniElement {
     constructor() {
@@ -118,8 +118,8 @@ let MoniTab = class MoniTab extends MoniElement {
 				block-size: auto;
 			}
 
-			/* M3 indicator-size='min': 24dp tall (centered on tab) with
-			   8dp top/bottom radius — matches M3 spec § Indicator anatomy. */
+			/* M3 indicator-size='min': 24dp de altura (centrado en la pestaña) con
+			   radio superior/inferior de 8dp — coincide con la especificación M3 § Indicator anatomy. */
 			:host-context(moni-tabs[indicator-size='min']) a.active::before {
 				margin: 0 auto;
 				max-inline-size: min(100%, 4rem);
@@ -135,12 +135,20 @@ let MoniTab = class MoniTab extends MoniElement {
 				border-radius: 0.5rem;
 			}
 
-			/* M3 indicator-size='max': full tab height, no rounding. */
+			/* M3 indicator-size='max': altura completa de la pestaña, sin redondeo. */
 			:host-context(moni-tabs[indicator-size='max']) a.active::before {
 				border-radius: 0;
 			}
 		`
     ]; }
+    /**
+     * Renderiza el botón de pestaña con un icono opcional y etiqueta.
+     *
+     * El botón de pestaña es un elemento `<a>` con `aria-selected` para
+     * cumplimiento WCAG. La clase `active` controla la transición de subrayado
+     * del indicador CSS (a través del pseudo-elemento `::before`). El `<moni-icon>`
+     * opcional se renderiza antes del texto de la etiqueta cuando se establece `icon`.
+     */
     render() {
         return html `<a
 			href=${this.href || '#'}

package/dist/components/moni-tabs.d.ts

@@ -6,50 +6,50 @@
  */
 import { MoniElement } from './_base/index.js';
 /**
- * Material Design 3 Tabs container component.
+ * Componente Material Design 3 Tabs container (Contenedor de pestañas).
  *
- * A navigational container that groups multiple `<moni-tab>` elements. Tabs
- * organize content into high-level categories and allow the user to switch
- * between them.
+ * Un contenedor de navegación que agrupa múltiples elementos `<moni-tab>`. Las pestañas
+ * organizan el contenido en categorías de alto nivel y permiten al usuario alternar
+ * entre ellas.
  *
- * **M3 spec reference:** `m3-docs/components/tabs/specs.md`
+ * **Referencia a la especificación M3:** `m3-docs/components/tabs/specs.md`
  *
- * **Modes (Primary vs Secondary):**
- * - `primary` (default): Used for top-level navigation at the highest hierarchy,
- *   often placed directly below a top app bar. They span the full width and
- *   feature a prominent active indicator.
- * - `secondary`: Used for deeper content hierarchies within a specific area
- *   or page. They are typically more subtle.
+ * **Modos (Primario vs Secundario):**
+ * - `primary` (por defecto): Usado para navegación de nivel superior en la jerarquía más alta,
+ *   a menudo colocado directamente debajo de una barra de aplicación superior (top app bar).
+ *   Abarcan todo el ancho y presentan un indicador activo prominente.
+ * - `secondary`: Usado para jerarquías de contenido más profundas dentro de un área
+ *   o página específica. Típicamente son más sutiles.
  *
- * **Layout & Alignment:**
- * - `scrollable`: If the number of tabs exceeds the container width, this
- *   enables horizontal scrolling (`overflow-x: auto`) rather than squishing.
- * - `align`: Controls how the tabs are distributed (`default` space-around,
- *   `left`, `center`, or `right`).
- * - `vertical`: Stacks the icon above the text label inside the child tabs.
+ * **Diseño y alineación:**
+ * - `scrollable`: Si el número de pestañas excede el ancho del contenedor, esto
+ *   habilita el desplazamiento horizontal (`overflow-x: auto`) en lugar de aplastarlas.
+ * - `align`: Controla cómo se distribuyen las pestañas (`default` space-around,
+ *   `left`, `center`, o `right`).
+ * - `vertical`: Apila el icono sobre la etiqueta de texto dentro de las pestañas hijas.
  *
- * **Active Indicator:**
- * The `indicator-size` attribute allows customizing the width of the active
- * underline indicator (`default` fits the tab content, `min` is narrow, `max`
- * fills the full tab width).
+ * **Indicador Activo:**
+ * El atributo `indicator-size` permite personalizar el ancho del
+ * indicador de subrayado activo (`default` se ajusta al contenido de la pestaña, `min` es estrecho, `max`
+ * llena todo el ancho de la pestaña).
  *
  * @example
  * ```html
- * <!-- Primary, scrollable tabs -->
+ * <!-- Pestañas primarias, con desplazamiento (scrollable) -->
  * <moni-tabs scrollable>
- *   <moni-tab active label="Flights"></moni-tab>
- *   <moni-tab label="Trips"></moni-tab>
- *   <moni-tab label="Explore"></moni-tab>
+ *   <moni-tab active label="Vuelos"></moni-tab>
+ *   <moni-tab label="Viajes"></moni-tab>
+ *   <moni-tab label="Explorar"></moni-tab>
  * </moni-tabs>
  *
- * <!-- Secondary, centered tabs with vertical layout -->
+ * <!-- Pestañas secundarias, centradas con diseño vertical -->
  * <moni-tabs mode="secondary" align="center" vertical>
  *   <moni-tab active icon="video_camera_front" label="Video"></moni-tab>
- *   <moni-tab icon="photo_camera" label="Photo"></moni-tab>
+ *   <moni-tab icon="photo_camera" label="Foto"></moni-tab>
  * </moni-tabs>
  * ```
  *
- * @slot default - `<moni-tab>` child elements.
+ * @slot default - Elementos hijos `<moni-tab>`.
  */
 export declare class MoniTabs extends MoniElement {
     mode: 'primary' | 'secondary';
@@ -58,6 +58,12 @@ export declare class MoniTabs extends MoniElement {
     align: 'default' | 'left' | 'center' | 'right';
     indicatorSize: 'default' | 'min' | 'max';
     static styles: import("lit").CSSResult[];
+    /**
+     * Renderiza el contenedor de navegación.
+     * Construye dinámicamente las clases CSS que habilitan los selectores estructurales
+     * (`mode`, `align`, `indicatorSize`) permitiendo que el componente hijo `moni-tab`
+     * herede estilos contextuales sin necesidad de inyectar variables complejas.
+     */
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/components/moni-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-tabs.d.ts","sourceRoot":"","sources":["../../src/components/moni-tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,QAAS,SAAQ,WAAW;IAExC,IAAI,EAAE,SAAS,GAAG,WAAW,CAAa;IACE,UAAU,UAAS;IACnB,QAAQ,UAAS;IAE7D,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAa;IAE3D,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,KAAK,CAAa;IAErD,OAAgB,MAAM,4BAsCpB;IAEO,MAAM;CAcf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"moni-tabs.d.ts","sourceRoot":"","sources":["../../src/components/moni-tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,QAAS,SAAQ,WAAW;IAExC,IAAI,EAAE,SAAS,GAAG,WAAW,CAAa;IACE,UAAU,UAAS;IACnB,QAAQ,UAAS;IAE7D,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAa;IAE3D,aAAa,EAAE,SAAS,GAAG,KAAK,GAAG,KAAK,CAAa;IAErD,OAAgB,MAAM,4BAsCpB;IAEF;;;;;OAKG;IACM,MAAM;CAcf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/moni-tabs.js

@@ -14,50 +14,50 @@ import { html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { MoniElement, sharedStyles } from './_base/index.js';
 /**
- * Material Design 3 Tabs container component.
+ * Componente Material Design 3 Tabs container (Contenedor de pestañas).
  *
- * A navigational container that groups multiple `<moni-tab>` elements. Tabs
- * organize content into high-level categories and allow the user to switch
- * between them.
+ * Un contenedor de navegación que agrupa múltiples elementos `<moni-tab>`. Las pestañas
+ * organizan el contenido en categorías de alto nivel y permiten al usuario alternar
+ * entre ellas.
  *
- * **M3 spec reference:** `m3-docs/components/tabs/specs.md`
+ * **Referencia a la especificación M3:** `m3-docs/components/tabs/specs.md`
  *
- * **Modes (Primary vs Secondary):**
- * - `primary` (default): Used for top-level navigation at the highest hierarchy,
- *   often placed directly below a top app bar. They span the full width and
- *   feature a prominent active indicator.
- * - `secondary`: Used for deeper content hierarchies within a specific area
- *   or page. They are typically more subtle.
+ * **Modos (Primario vs Secundario):**
+ * - `primary` (por defecto): Usado para navegación de nivel superior en la jerarquía más alta,
+ *   a menudo colocado directamente debajo de una barra de aplicación superior (top app bar).
+ *   Abarcan todo el ancho y presentan un indicador activo prominente.
+ * - `secondary`: Usado para jerarquías de contenido más profundas dentro de un área
+ *   o página específica. Típicamente son más sutiles.
  *
- * **Layout & Alignment:**
- * - `scrollable`: If the number of tabs exceeds the container width, this
- *   enables horizontal scrolling (`overflow-x: auto`) rather than squishing.
- * - `align`: Controls how the tabs are distributed (`default` space-around,
- *   `left`, `center`, or `right`).
- * - `vertical`: Stacks the icon above the text label inside the child tabs.
+ * **Diseño y alineación:**
+ * - `scrollable`: Si el número de pestañas excede el ancho del contenedor, esto
+ *   habilita el desplazamiento horizontal (`overflow-x: auto`) en lugar de aplastarlas.
+ * - `align`: Controla cómo se distribuyen las pestañas (`default` space-around,
+ *   `left`, `center`, o `right`).
+ * - `vertical`: Apila el icono sobre la etiqueta de texto dentro de las pestañas hijas.
  *
- * **Active Indicator:**
- * The `indicator-size` attribute allows customizing the width of the active
- * underline indicator (`default` fits the tab content, `min` is narrow, `max`
- * fills the full tab width).
+ * **Indicador Activo:**
+ * El atributo `indicator-size` permite personalizar el ancho del
+ * indicador de subrayado activo (`default` se ajusta al contenido de la pestaña, `min` es estrecho, `max`
+ * llena todo el ancho de la pestaña).
  *
  * @example
  * ```html
- * <!-- Primary, scrollable tabs -->
+ * <!-- Pestañas primarias, con desplazamiento (scrollable) -->
  * <moni-tabs scrollable>
- *   <moni-tab active label="Flights"></moni-tab>
- *   <moni-tab label="Trips"></moni-tab>
- *   <moni-tab label="Explore"></moni-tab>
+ *   <moni-tab active label="Vuelos"></moni-tab>
+ *   <moni-tab label="Viajes"></moni-tab>
+ *   <moni-tab label="Explorar"></moni-tab>
  * </moni-tabs>
  *
- * <!-- Secondary, centered tabs with vertical layout -->
+ * <!-- Pestañas secundarias, centradas con diseño vertical -->
  * <moni-tabs mode="secondary" align="center" vertical>
  *   <moni-tab active icon="video_camera_front" label="Video"></moni-tab>
- *   <moni-tab icon="photo_camera" label="Photo"></moni-tab>
+ *   <moni-tab icon="photo_camera" label="Foto"></moni-tab>
  * </moni-tabs>
  * ```
  *
- * @slot default - `<moni-tab>` child elements.
+ * @slot default - Elementos hijos `<moni-tab>`.
  */
 let MoniTabs = class MoniTabs extends MoniElement {
     constructor() {
@@ -107,6 +107,12 @@ let MoniTabs = class MoniTabs extends MoniElement {
 			}
 		`
     ]; }
+    /**
+     * Renderiza el contenedor de navegación.
+     * Construye dinámicamente las clases CSS que habilitan los selectores estructurales
+     * (`mode`, `align`, `indicatorSize`) permitiendo que el componente hijo `moni-tab`
+     * herede estilos contextuales sin necesidad de inyectar variables complejas.
+     */
     render() {
         const classes = [
             'tabs',

package/dist/components/moni-text-field.d.ts

@@ -8,78 +8,188 @@ import { MoniElement } from './_base/index.js';
 import './moni-icon.js';
 import './moni-progress.js';
 /**
- * Material Design 3 Text Field component.
+ * Componente Material Design 3 Text Field (Campo de texto).
  *
- * A full-featured input field that wraps a native `<input>` inside the M3
- * field shell (`.field` class from `fieldStyles`). Supports floating labels,
- * filled and outlined variants, leading/trailing icons, helper text, and
- * error states.
+ * Un campo de entrada con todas las funciones que envuelve un `<input>` nativo dentro de la
+ * estructura de campo M3 (clase `.field` de `fieldStyles`). Soporta etiquetas flotantes,
+ * variantes llenas (filled) y contorneadas (outlined), iconos iniciales/finales (leading/trailing),
+ * texto de ayuda y estados de error.
  *
- * **M3 spec reference:** `m3-docs/components/text-fields/specs.md`
+ * **Referencia a la especificación M3:** `m3-docs/components/text-fields/specs.md`
  *
- * **Visual architecture:**
- * Uses `fieldStyles` for the complete CSS field shell. The field container
- * is a `<div class="field [modifiers]">` wrapping:
- * 1. Optional leading icon.
- * 2. Native `<input>` element.
- * 3. Floating `<label>` (when `label` is set).
- * 4. Optional trailing icon or loading spinner.
- * 5. `<output>` for helper/error text.
+ * **Arquitectura visual:**
+ * Utiliza `fieldStyles` para toda la estructura CSS del campo. El contenedor del campo
+ * es un `<div class="field [modifiers]">` que envuelve:
+ * 1. Icono inicial (leading) opcional.
+ * 2. Elemento `<input>` nativo.
+ * 3. `<label>` flotante (cuando se establece `label`).
+ * 4. Icono final (trailing) opcional o indicador de carga (spinner).
+ * 5. `<output>` para texto de ayuda/error.
  *
- * **Visual-only contract:**
- * This component does **not** listen to `@input` events to sync the `value`
- * attribute back from the underlying `<input>`. Consumers must either:
- * - Submit the native form (the `<input name>` participates in form submission).
- * - Listen to `change` or `input` events via standard DOM event handling.
- * - Use a framework binding (e.g. `bind:value` in Svelte, `v-model` in Vue).
+ * **Sincronización de eventos:**
+ * Emite `moni-input` en cada tipeo y `moni-change` al consolidar el valor (blur/enter).
+ * El valor interno del componente (`this.value`) se mantiene sincronizado automáticamente.
  *
  * @example
  * ```html
  * <moni-text-field
- *   label="Email address"
+ *   label="Dirección de correo"
  *   type="email"
  *   name="email"
  *   icon="mail"
  *   variant="outlined"
- *   helper="We'll never share your email."
+ *   helper="Nunca compartiremos tu correo."
  * ></moni-text-field>
  *
  * <moni-text-field
- *   label="Amount"
+ *   label="Monto"
  *   type="number"
  *   prefix="$"
  *   error
- *   error-text="Value must be positive"
+ *   error-text="El valor debe ser positivo"
  * ></moni-text-field>
  * ```
  *
- * @csspart field         - The outer `.field` div container.
- * @csspart input         - The native `<input>` element.
- * @csspart label         - The floating `<label>` element.
- * @csspart helper        - The helper `<output>` element.
- * @csspart error-output  - The error `<output>` element.
+ * @csspart field         - El contenedor div `.field` exterior.
+ * @csspart input         - El elemento `<input>` nativo.
+ * @csspart label         - El elemento `<label>` flotante.
+ * @csspart helper        - El elemento `<output>` de ayuda.
+ * @csspart error-output  - El elemento `<output>` de error.
  */
 export declare class MoniTextField extends MoniElement {
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    /**
+     * El nombre del input, enviado con los datos del formulario.
+     * @type {string}
+     */
     name: string;
+    /**
+     * El texto de la etiqueta flotante.
+     * @type {string}
+     */
     label: string;
+    /**
+     * Variante visual del campo de texto.
+     * @type {'filled' | 'outlined'}
+     * @default 'filled'
+     */
     variant: 'filled' | 'outlined';
+    /**
+     * Define las dimensiones del campo de texto.
+     * @type {'small' | 'medium' | 'large' | 'extra'}
+     * @default 'medium'
+     */
     size: 'small' | 'medium' | 'large' | 'extra';
+    /**
+     * Forma del radio del borde (border-radius) del campo.
+     * @type {'round' | 'square' | 'no-round'}
+     * @default 'no-round'
+     */
     shape: 'round' | 'square' | 'no-round';
+    /**
+     * El tipo de input HTML nativo.
+     * @type {'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search'}
+     * @default 'text'
+     */
     type: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+    /**
+     * Nombre del icono inicial (leading) (Material Symbols).
+     * @type {string}
+     */
     icon: string;
+    /**
+     * Nombre del icono final (trailing) (Material Symbols).
+     * @type {string}
+     */
     trailingIcon: string;
+    /**
+     * Prefijo de texto corto mostrado antes del valor del input.
+     * @type {string}
+     */
     prefix: string;
+    /**
+     * Sufijo de texto corto mostrado después del valor del input.
+     * @type {string}
+     */
     suffix: string;
+    /**
+     * Texto de ayuda mostrado debajo del campo.
+     * @type {string}
+     */
     helper: string;
+    /**
+     * Texto de error mostrado debajo del campo cuando `error` es true.
+     * Sobrescribe el texto de ayuda.
+     * @type {string}
+     */
     errorText: string;
+    /**
+     * Si es true, establece el campo en un estado de error.
+     * @type {boolean}
+     */
     error: boolean;
+    /**
+     * Si es true, muestra un indicador de carga (progreso lineal/circular) al final.
+     * @type {boolean}
+     */
     loading: boolean;
+    /**
+     * Deshabilita el campo de texto.
+     * @type {boolean}
+     */
     disabled: boolean;
+    /**
+     * El valor actual del input.
+     * @type {string}
+     */
     value: string;
+    /**
+     * Texto de marcador de posición (placeholder) mostrado cuando el input está vacío y la etiqueta es flotante.
+     * @type {string}
+     */
     placeholder: string;
     private _input;
+    /**
+     * Sincroniza imperativamente las propiedades DOM del `<input>` nativo después de cada actualización reactiva.
+     *
+     * Las vinculaciones `?value` y `?disabled` de Lit establecen *atributos* HTML, no *propiedades* DOM.
+     * Para un `<input>`, el atributo `value` solo establece el valor *inicial*; la propiedad DOM
+     * `input.value` refleja el valor actual tecleado por el usuario. Después de una actualización reactiva que
+     * cambia `this.value` (ej. reinicio programático), debemos escribir directamente a la propiedad
+     * DOM para sobrescribir lo que el usuario ha tecleado. Esto también es crítico para los consumidores
+     * de React y Vue que mutan la propiedad del Custom Element directamente, omitiendo el flujo
+     * de atributos de Lit.
+     *
+     * @param changed - Mapa de los nombres de propiedades a sus valores anteriores que causaron esta actualización.
+     */
     updated(changed: Map<string, unknown>): void;
+    private _handleInput;
+    private _handleChange;
     static styles: import("lit").CSSResult[];
+    /**
+     * Renderiza el campo de texto con animación de etiqueta flotante, iconos iniciales/finales, y texto de ayuda.
+     *
+     * **Composición de `fieldClasses`:**
+     * - `field` — siempre presente; diseño base del campo.
+     * - `label` — habilita el comportamiento de la etiqueta flotante vía CSS.
+     * - `fill` / `border` — variante filled vs outlined.
+     * - `small` / `large` / `extra` — modificador de tamaño.
+     * - `prefix` — desplaza la etiqueta cuando hay un icono inicial (leading) presente.
+     * - `suffix` — reserva espacio final (trailing) para el icono/texto de sufijo.
+     * - `invalid` — aplica colores de error cuando `error=true` o falla la validación nativa.
+     *
+     * **Flotación de la etiqueta (Label float):**
+     * `isActive` es true cuando `value` no está vacío o se establece un `placeholder`.
+     * Los selectores CSS `.field.label input:focus ~ label`, `.field.label.active label`
+     * flotan la etiqueta a la parte superior del borde del campo. Este componente
+     * establece `isActive` para evitar que la etiqueta colapse cuando un valor está preestablecido.
+     *
+     * **Zonas inicial / final (Leading / trailing):**
+     * `hasLeading` y `hasTrailing` añaden condicionalmente las clases CSS `prefix`/`suffix`
+     * y renderizan el icono o los elementos de texto de prefijo/sufijo.
+     */
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/components/moni-text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-text-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-text-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,aAAc,SAAQ,WAAW;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACX,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvE,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD,IAAI,EACD,MAAM,GACN,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,CAAU;IACQ,IAAI,SAAM;IACkB,YAAY,SAAM;IAC9C,MAAM,SAAM;IACZ,MAAM,SAAM;IACZ,MAAM,SAAM;IACa,SAAS,SAAM;IACzB,KAAK,UAAS;IACd,OAAO,UAAS;IAChB,QAAQ,UAAS;IAChC,KAAK,SAAM;IACX,WAAW,SAAM;IAE9B,OAAO,CAAC,MAAM,CAAoB;IAEzC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAgB,MAAM,4BAA+B;IAE5C,MAAM;CA8Ef;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"moni-text-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-text-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAE1E,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC7C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;;IAOrC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;;OAIG;IAEH,IAAI,EACD,MAAM,GACN,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,CAAU;IAErB;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IACsD,YAAY,SAAM;IAE3E;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IACyC,OAAO,UAAS;IAE5D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,WAAW,SAAM;IAE9B,OAAO,CAAC,MAAM,CAAoB;IAElD;;;;;;;;;;;;OAYG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,aAAa;IAQrB,OAAgB,MAAM,4BAA+B;IAErD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACM,MAAM;CAgFf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}