@moni-labs/moni-ui 0.4.4 → 0.4.6

package/dist/components/moni-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-button-group.d.ts","sourceRoot":"","sources":["../../src/components/moni-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA+D;IAEtF,iBAAiB;IAKjB,oBAAoB;IAI7B;;;;;;OAMG;IAEH,OAAO,EAAE,UAAU,GAAG,WAAW,CAAc;IAE/C;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;OAGG;IAEH,KAAK,UAAS;IAEd,+CAA+C;IAE/C,iBAAiB,UAAS;IAE1B,6EAA6E;IAE7E,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAW;IAEpC,oFAAoF;IAEpF,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAEzC;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAW;IAEnD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAGhB,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAgB,MAAM,4BAgHpB;IAEF;;;;OAIG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOpF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB;;kFAE8E;IAC9E,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,WAAW;IAWnB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAezB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAQvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA2CnB;;;;;;;;;;OAUG;IACM,MAAM;CAyBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"moni-button-group.d.ts","sourceRoot":"","sources":["../../src/components/moni-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA+D;IAEtF,iBAAiB;IAKjB,oBAAoB;IAI7B;;;;;;OAMG;IAEH,OAAO,EAAE,UAAU,GAAG,WAAW,CAAc;IAE/C;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;OAGG;IAEH,KAAK,UAAS;IAEd,+CAA+C;IAE/C,iBAAiB,UAAS;IAE1B,6EAA6E;IAE7E,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAW;IAEpC,oFAAoF;IAEpF,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAEzC;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAW;IAEnD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAGhB,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAgB,MAAM,4BAkHpB;IAEF;;;;OAIG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOpF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB;;kFAE8E;IAC9E,OAAO,CAAC,wBAAwB;IAyBhC,OAAO,CAAC,WAAW;IAWnB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAezB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAQvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA2CnB;;;;;;;;;;OAUG;IACM,MAAM;CAyBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}

package/dist/components/moni-button-group.js

@@ -172,9 +172,11 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
 			:host([variant='connected']) ::slotted(moni-button),
 			:host([variant='connected']) ::slotted(moni-icon-button),
 			:host([resizing='flexible']) ::slotted(moni-button) {
-				flex: 1 1 0;
+				flex: var(--_moni-group-flex-grow, 1) 1 0;
+				transition: flex-grow 450ms cubic-bezier(0.2, 0, 0, 1);
 			}
-			:host([variant='connected']) ::slotted(moni-button) {
+			:host([variant='connected']) ::slotted(moni-button),
+			:host([variant='standard'][resizing='flexible']) ::slotted(moni-button) {
 				--moni-button-inline-size: 100%;
 				min-inline-size: 0;
 			}
@@ -241,7 +243,7 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
      */
     updated(changedProperties) {
         super.updated(changedProperties);
-        if (changedProperties.has('variant') || changedProperties.has('size') || changedProperties.has('gap') || changedProperties.has('shape')) {
+        if (changedProperties.has('variant') || changedProperties.has('size') || changedProperties.has('gap') || changedProperties.has('shape') || changedProperties.has('resizing')) {
             this.updateChildren();
         }
     }
@@ -261,7 +263,10 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
      * selections remain visually balanced instead of collapsing one neighbour. */
     updateSelectionNeighbors() {
         const buttons = this.getButtons();
-        buttons.forEach((button) => button.removeAttribute('data-group-adjacent-selected'));
+        buttons.forEach((button) => {
+            button.removeAttribute('data-group-adjacent-selected');
+            button.style.removeProperty('--_moni-group-flex-grow');
+        });
         if (this.variant !== 'standard')
             return;
         const selected = buttons.filter((button) => button.hasAttribute('active'));
@@ -270,6 +275,12 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
         const unselected = buttons.filter((button) => !button.hasAttribute('active'));
         const weight = unselected.length === 1 ? 'sole' : 'shared';
         unselected.forEach((button) => button.setAttribute('data-group-adjacent-selected', weight));
+        if (this.resizing === 'flexible' && unselected.length > 0) {
+            const activeWeight = 1.24;
+            const inactiveWeight = Math.max(0.6, (buttons.length - selected.length * activeWeight) / unselected.length);
+            selected.forEach((button) => button.style.setProperty('--_moni-group-flex-grow', String(activeWeight)));
+            unselected.forEach((button) => button.style.setProperty('--_moni-group-flex-grow', String(inactiveWeight)));
+        }
     }
     getGapValue(gap) {
         if (!gap)

package/dist/components/moni-button.js

@@ -255,8 +255,8 @@ let MoniButton = class MoniButton extends MoniElement {
 			.button.circle {
 				padding: 0 !important;
 				border-radius: 50%;
-				inline-size: var(--moni-button-height, 3.5rem);
-				min-inline-size: var(--moni-button-height, 3.5rem);
+				inline-size: var(--moni-button-height, var(--_button-visual-height));
+				min-inline-size: var(--moni-button-height, var(--_button-visual-height));
 				aspect-ratio: 1;
 			}
 			.button.round.icon-only {

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

@@ -4,6 +4,7 @@
  * @license MIT
  * @contributors Moni Labs & Contributors
  */
+import { type PropertyValues } from 'lit';
 import { MoniElement } from './_base/index.js';
 /**
  * Modelo de datos para un solo elemento en un `<moni-carousel>`.
@@ -76,6 +77,7 @@ export interface CarouselItem {
  * @csspart title    - Los elementos de texto de título dentro de los elementos.
  */
 export declare class MoniCarousel extends MoniElement {
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     /**
      * Array de elementos a mostrar en el carrusel.
      * Cada elemento requiere al menos `title` e `img`. El opcional `href` renderiza la tarjeta como un enlace.

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

@@ -1 +1 @@
-{"version":3,"file":"moni-carousel.d.ts","sourceRoot":"","sources":["../../src/components/moni-carousel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"moni-carousel.d.ts","sourceRoot":"","sources":["../../src/components/moni-carousel.ts"],"names":[],"mappings":"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"}

package/dist/components/moni-carousel.js

@@ -355,6 +355,24 @@ let MoniCarousel = class MoniCarousel extends MoniElement {
             }
         };
     }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        // Frameworks commonly assign static custom-element attributes as string
+        // properties, bypassing Lit's attribute converter. Normalize before the
+        // layout math so `184 + "12"` never becomes the coordinate `18412`.
+        const numericProperties = [
+            'largeWidth', 'mediumWidth', 'smallWidth', 'gap', 'padding',
+            'borderRadius', 'autoplayInterval'
+        ];
+        for (const key of numericProperties) {
+            const value = this[key];
+            if (typeof value !== 'string')
+                continue;
+            const normalized = Number(value);
+            if (Number.isFinite(normalized))
+                this[key] = normalized;
+        }
+    }
     /**
      * Devuelve la fuente del elemento activo.
      * La propiedad programática `items` tiene prioridad sobre los hijos Light DOM en slots.

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

@@ -39,6 +39,11 @@ import { MoniElement } from './_base/index.js';
  * ></moni-color-field>
  * ```
  *
+ * @fires moni-input  - Burbujea y está compuesto. Se emite mientras se arrastra
+ *                      en el selector nativo. `detail.value` trae el hexadecimal.
+ * @fires moni-change - Burbujea y está compuesto. Se emite al confirmar el color.
+ *                      `detail.value` trae el hexadecimal.
+ *
  * @csspart field       - El contenedor div exterior `.field`.
  * @csspart swatch      - El elemento de vista previa de color circular.
  * @csspart input-color - El `<input type="color">` nativo, visualmente oculto.
@@ -46,6 +51,9 @@ import { MoniElement } from './_base/index.js';
  * @csspart label       - El elemento flotante `<label>`.
  */
 export declare class MoniColorField extends MoniElement {
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
     /**
      * El nombre del input, enviado con los datos del formulario.
      * @type {string}
@@ -110,6 +118,17 @@ export declare class MoniColorField extends MoniElement {
      * de tipo color no despacha eventos de forma natural si mutamos sus atributos.
      */
     updated(changed: Map<string, unknown>): void;
+    /**
+     * Propaga la elección del selector nativo.
+     *
+     * El `<input type="color">` interno no tenía ningún manejador, así que
+     * `this.value` nunca cambiaba: la muestra y el texto seguían mostrando el
+     * color anterior y el componente no informaba la elección ni por evento ni
+     * por formulario. Emite los mismos eventos que `moni-text-field` para que el
+     * consumidor no tenga que distinguir entre campos.
+     */
+    private _onColorInput;
+    private _onColorChange;
     static styles: import("lit").CSSResult[];
     /**
      * Ensambla la estructura del Shadow DOM del campo de color.

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

@@ -1 +1 @@
-{"version":3,"file":"moni-color-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-color-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,cAAe,SAAQ,WAAW;IAC9C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAc;IAEzE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;;OAIG;IAC0B,KAAK,SAAa;IAEjB,OAAO,CAAC,WAAW,CAAoB;IACxC,OAAO,CAAC,UAAU,CAAoB;IAEnE;;;;;OAKG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAW9C,OAAgB,MAAM,4BA0BpB;IAEF;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACM,MAAM;CAuDf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"moni-color-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-color-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAG1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBACa,cAAe,SAAQ,WAAW;IAO9C,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,CAAc;IAEzE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;;OAIG;IAC0B,KAAK,SAAa;IAEjB,OAAO,CAAC,WAAW,CAAoB;IACxC,OAAO,CAAC,UAAU,CAAoB;IAEnE;;;;;OAKG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAc9C;;;;;;;;OAQG;IACH,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,cAAc;IAOtB,OAAgB,MAAM,4BA0BpB;IAEF;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACM,MAAM;CA0Df;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD;AAED,eAAe,cAAc,CAAC"}

package/dist/components/moni-color-field.js

@@ -15,6 +15,7 @@ import { customElement, property, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { MoniElement, sharedStyles, fieldStyles } from './_base/index.js';
+import { emitMoniEvent } from '../utils/event-emitter.js';
 /**
  * Componente Material Design 3 Color Field (Campo de Color).
  *
@@ -49,6 +50,11 @@ import { MoniElement, sharedStyles, fieldStyles } from './_base/index.js';
  * ></moni-color-field>
  * ```
  *
+ * @fires moni-input  - Burbujea y está compuesto. Se emite mientras se arrastra
+ *                      en el selector nativo. `detail.value` trae el hexadecimal.
+ * @fires moni-change - Burbujea y está compuesto. Se emite al confirmar el color.
+ *                      `detail.value` trae el hexadecimal.
+ *
  * @csspart field       - El contenedor div exterior `.field`.
  * @csspart swatch      - El elemento de vista previa de color circular.
  * @csspart input-color - El `<input type="color">` nativo, visualmente oculto.
@@ -56,8 +62,15 @@ import { MoniElement, sharedStyles, fieldStyles } from './_base/index.js';
  * @csspart label       - El elemento flotante `<label>`.
  */
 let MoniColorField = class MoniColorField extends MoniElement {
+    /*
+     * Los `<input>` internos viven en el Shadow DOM, así que no participan en el
+     * formulario del documento por mucho que lleven `name`: el valor nunca
+     * llegaba al envío. La asociación se hace con `ElementInternals`, igual que
+     * en `moni-text-field`.
+     */
+    static { this.formAssociated = true; }
     constructor() {
-        super(...arguments);
+        super();
         /**
          * El nombre del input, enviado con los datos del formulario.
          * @type {string}
@@ -113,6 +126,7 @@ let MoniColorField = class MoniColorField extends MoniElement {
          * @default '#6750a4'
          */
         this.value = '#6750a4';
+        this._internals = this.attachInternals();
     }
     /**
      * Hook de ciclo de vida de Lit.
@@ -133,6 +147,30 @@ let MoniColorField = class MoniColorField extends MoniElement {
             if (this._textInput)
                 this._textInput.disabled = this.disabled;
         }
+        // Sin condicionar a `changed`: el valor por defecto también tiene que
+        // viajar en el envío aunque nadie haya tocado el campo.
+        this._internals?.setFormValue?.(this.value);
+    }
+    /**
+     * Propaga la elección del selector nativo.
+     *
+     * El `<input type="color">` interno no tenía ningún manejador, así que
+     * `this.value` nunca cambiaba: la muestra y el texto seguían mostrando el
+     * color anterior y el componente no informaba la elección ni por evento ni
+     * por formulario. Emite los mismos eventos que `moni-text-field` para que el
+     * consumidor no tenga que distinguir entre campos.
+     */
+    _onColorInput(event) {
+        const target = event.target;
+        this.value = target.value;
+        this._internals?.setFormValue?.(this.value);
+        emitMoniEvent(this, 'moni-input', { detail: { value: this.value, originalEvent: event } });
+    }
+    _onColorChange(event) {
+        const target = event.target;
+        this.value = target.value;
+        this._internals?.setFormValue?.(this.value);
+        emitMoniEvent(this, 'moni-change', { detail: { value: this.value, originalEvent: event } });
     }
     static { this.styles = [
         sharedStyles,
@@ -211,10 +249,12 @@ let MoniColorField = class MoniColorField extends MoniElement {
 				part="color"
 				.value=${this.value}
 				?disabled=${this.disabled}
-				name=${ifDefined(this.name ? `${this.name}-color` : undefined)}
 				tabindex="-1"
+				@input=${this._onColorInput}
+				@change=${this._onColorChange}
 			/>
 			<input
+				id="input"
 				type="text"
 				part="text"
 				readonly
@@ -225,6 +265,7 @@ let MoniColorField = class MoniColorField extends MoniElement {
 			/>
 			${this.label
             ? html `<label
+						for="input"
 						part="label"
 						class=${classMap({ active: isActive })}
 						>${this.label}</label

package/dist/components/moni-context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-context-menu.d.ts","sourceRoot":"","sources":["../../src/components/moni-context-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAE/C,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAY;IACd,IAAI,UAAS;IAEhD,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,kBAAkB,CAAiD;IAEhE,OAAO,CAAC,OAAO,CAAC,CAAc;IAElD,OAAO,CAAC,OAAO,CAA4B;IAC3C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAA+C;IAElE;;;;;OAKG;IACM,iBAAiB;IAe1B;;;;OAIG;IACM,oBAAoB;IAS7B;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAcpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAoBlB;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAItB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF,OAAgB,MAAM,4BAgBpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CAmBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"moni-context-menu.d.ts","sourceRoot":"","sources":["../../src/components/moni-context-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAE/C,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAY;IACd,IAAI,UAAS;IAEhD,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,kBAAkB,CAAiD;IAEhE,OAAO,CAAC,OAAO,CAAC,CAAc;IAElD,OAAO,CAAC,OAAO,CAA4B;IAC3C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAA+C;IAElE;;;;;OAKG;IACM,iBAAiB;IAe1B;;;;OAIG;IACM,oBAAoB;IAS7B;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAmBpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAwBlB;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAItB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF,OAAgB,MAAM,4BAkBpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CAoBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}

package/dist/components/moni-context-menu.js

@@ -81,7 +81,9 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
             e.preventDefault();
             if (this._target) {
                 const rect = this._target.getBoundingClientRect();
-                this._x = e.clientX - rect.left;
+                const menuWidth = Math.min(192, window.innerWidth - 16);
+                const globalX = Math.min(Math.max(8, e.clientX), window.innerWidth - menuWidth - 8);
+                this._x = globalX - rect.left;
                 this._y = e.clientY - rect.top;
             }
             else {
@@ -152,8 +154,6 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
      * colisiona con el borde del Viewport, invirtiendo top/bottom o left/right.
      */
     _maybeFlip() {
-        if (!this.flip)
-            return;
         const menu = this._menuEl?.shadowRoot?.querySelector('menu');
         if (!menu)
             return;
@@ -162,6 +162,14 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
         const vh = window.innerHeight;
         const overflowsBottom = rect.bottom > vh;
         const overflowsRight = rect.right > vw;
+        // Context menus must always remain horizontally reachable, regardless of
+        // whether placement flipping was requested.
+        if (overflowsRight)
+            this._x = Math.max(8, this._x - (rect.right - vw) - 8);
+        if (rect.left < 8)
+            this._x += 8 - rect.left;
+        if (!this.flip)
+            return;
         if (this.placement === 'bottom' && overflowsBottom) {
             this._resolvedPlacement = 'top';
         }
@@ -188,6 +196,8 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
 				position: absolute;
 				inset-inline-start: var(--_x, 0);
 				inset-block-start: var(--_y, 0);
+				inline-size: min(12rem, calc(100vw - 1rem));
+				min-inline-size: min(12rem, calc(100vw - 1rem));
 				z-index: 200;
 			}
 		`
@@ -217,6 +227,7 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
 		>
 			<moni-menu
 				placement=${effectivePlacement}
+				no-wrap
 				?active=${this._open}
 			>
 				<slot></slot>

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

@@ -1 +1 @@
-{"version":3,"file":"moni-file-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-file-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC7C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAc;IAEzE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;;OAIG;IAEH,WAAW,SAAiB;IAE5B;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;;OAIG;IACsD,YAAY,SACtD;IAEc,OAAO,CAAC,UAAU,CAAoB;IAEnE;;;;;OAKG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAgB,MAAM,4BAepB;IAEF;;;;;;;;;;;;;;;OAeG;IACM,MAAM;CAoEf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"moni-file-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-file-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC7C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAc;IAEzE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;;OAIG;IAEH,WAAW,SAAiB;IAE5B;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;;OAIG;IACsD,YAAY,SACtD;IAEc,OAAO,CAAC,UAAU,CAAoB;IAEnE;;;;;OAKG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAgB,MAAM,4BAepB;IAEF;;;;;;;;;;;;;;;OAeG;IACM,MAAM;CAuEf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}

package/dist/components/moni-file-field.js

@@ -197,7 +197,10 @@ let MoniFileField = class MoniFileField extends MoniElement {
      * se muestra en su lugar el atributo `label` o un marcador de posición genérico.
      */
     render() {
-        const isActive = Boolean(this.value);
+        // The picker action is meaningful visible content, not a placeholder.
+        // Keep the label lifted so it cannot collide with buttonLabel.
+        const displayValue = this.value || this.buttonLabel;
+        const isActive = Boolean(displayValue);
         const hasLeading = Boolean(this.icon);
         const hasTrailing = Boolean(this.trailingIcon);
         const fieldClasses = {
@@ -230,8 +233,8 @@ let MoniFileField = class MoniFileField extends MoniElement {
 				type="text"
 				part="display"
 				readonly
-				placeholder=${this.buttonLabel}
-				.value=${this.value}
+				placeholder=""
+				.value=${displayValue}
 				?disabled=${this.disabled}
 				name=${ifDefined(this.name ? `${this.name}-display` : undefined)}
 				class=${isActive ? 'active' : ''}

package/dist/components/moni-morph-modal.d.ts

@@ -97,6 +97,8 @@ export declare class MoniMorphModal extends MoniElement {
      * @type {boolean}
      */
     blurContent: boolean;
+    /** Muestra en consola el origen, geometría y estrategia usada por cada morph. */
+    debug: boolean;
     private _panel;
     private _inner;
     private _backdrop;
@@ -110,6 +112,8 @@ export declare class MoniMorphModal extends MoniElement {
     private _handlingOpenChange;
     private _zIndex;
     private _morphEls;
+    private _targetSnapshot;
+    private _originFallbacks;
     private static _openStack;
     private _targetStylesCache;
     /**
@@ -164,6 +168,13 @@ export declare class MoniMorphModal extends MoniElement {
      */
     private _ensureSolidPanelBackground;
     hide(): void;
+    private _runTargetMorphTimeline;
+    private _finishHide;
+    private _captureOriginFallbacks;
+    private _getComposedParent;
+    private _resolveClosingTarget;
+    private _debugMorph;
+    private _isUsableClosingTarget;
     toggle(): void;
     private _handleDocKeydown;
     /**
@@ -189,13 +200,23 @@ export declare class MoniMorphModal extends MoniElement {
     private _createMorphText;
     private _createMorphIcon;
     private _positionElement;
+    private _toPanelCoordinateRect;
     private _getMoniButtonParts;
     private _resolveMorphSource;
     private _measureHeaderTextRect;
     private _measureHeaderIconRect;
     private _findSolidBackground;
     private _getTargetState;
+    private _resolveVisualTarget;
+    /**
+     * Crea una copia visual inerte del árbol compuesto del target. Los `<slot>`
+     * se sustituyen por sus nodos asignados, por lo que la captura incluye tanto
+     * contenido light DOM como superficies internas de Web Components.
+     */
+    private _createTargetSnapshot;
+    private _cloneComposedNode;
     private _isColorTransparent;
+    private _readTransformState;
     private _applyRect;
     private _computeFinalRect;
     private _parseSize;

package/dist/components/moni-morph-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-morph-modal.d.ts","sourceRoot":"","sources":["../../src/components/moni-morph-modal.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"moni-morph-modal.d.ts","sourceRoot":"","sources":["../../src/components/moni-morph-modal.ts"],"names":[],"mappings":"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"}