@moni-labs/moni-ui 0.4.3 → 0.4.5

package/dist/components/moni-side-sheet.d.ts

@@ -78,6 +78,10 @@ export declare class MoniSideSheet extends MoniElement {
     private _sheetWidth;
     private _defaultWidth;
     private _justDragged;
+    private _closeTimer;
+    private _closing;
+    disconnectedCallback(): void;
+    private _finishClose;
     private _getMaxWidthPx;
     /**
      * Hook del ciclo de vida reactivo (Lit).
@@ -124,6 +128,7 @@ export declare class MoniSideSheet extends MoniElement {
      * Modifica la propiedad `open` a false y despacha el evento de cierre.
      */
     private _onCloseClick;
+    private _onCancel;
     /**
      * Manejador del botón "Atrás".
      * Emite un evento especializado `back` útil para Side Sheets de navegación anidada,

package/dist/components/moni-side-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-side-sheet.d.ts","sourceRoot":"","sources":["../../src/components/moni-side-sheet.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,aAAc,SAAQ,WAAW;IACD,IAAI,UAAS;IACb,KAAK,UAAS;IAC7B,IAAI,EAAE,OAAO,GAAG,MAAM,CAAW;IACjC,KAAK,SAAM;IACI,QAAQ,UAAS;IACO,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACf,UAAU,UAAS;IACpB,SAAS,UAAS;IAC7B,aAAa,SAAW;IAC7B,QAAQ,SAAM;IAElD,OAAO,CAAC,OAAO,CAAqB;IAErD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,cAAc;IActB;;;;;;;OAOG;IACM,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAyDlD;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAmBtB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAkCtB;;;;;;;;OAQG;IACH,OAAO,CAAC,YAAY;IAiFpB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAUxB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAKrB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAUtB,OAAgB,MAAM,4BAgMpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CA0Df;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"moni-side-sheet.d.ts","sourceRoot":"","sources":["../../src/components/moni-side-sheet.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,aAAc,SAAQ,WAAW;IACD,IAAI,UAAS;IACb,KAAK,UAAS;IAC7B,IAAI,EAAE,OAAO,GAAG,MAAM,CAAW;IACjC,KAAK,SAAM;IACI,QAAQ,UAAS;IACO,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACf,UAAU,UAAS;IACpB,SAAS,UAAS;IAC7B,aAAa,SAAW;IAC7B,QAAQ,SAAM;IAElD,OAAO,CAAC,OAAO,CAAqB;IAErD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAA4C;IAC/D,OAAO,CAAC,QAAQ,CAAS;IAEhB,oBAAoB;IAK7B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IActB;;;;;;;OAOG;IACM,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAsDlD;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAmBtB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAkCtB;;;;;;;;OAQG;IACH,OAAO,CAAC,YAAY;IAiFpB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAUxB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,SAAS;IAKjB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAUtB,OAAgB,MAAM,4BA4MpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CA0Df;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}

package/dist/components/moni-side-sheet.js

@@ -86,6 +86,25 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
         this._sheetWidth = 0;
         this._defaultWidth = 0;
         this._justDragged = false;
+        this._closing = false;
+    }
+    disconnectedCallback() {
+        clearTimeout(this._closeTimer);
+        super.disconnectedCallback();
+    }
+    _finishClose() {
+        if (!this._closing || this.open)
+            return;
+        this._closing = false;
+        clearTimeout(this._closeTimer);
+        this._dialog.classList.remove('expanded');
+        if (this._dialog.open) {
+            if (typeof this._dialog.close === 'function')
+                this._dialog.close();
+            else
+                this._dialog.open = false;
+        }
+        this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
     }
     _getMaxWidthPx() {
         const val = this.expandedWidth || '600px';
@@ -118,6 +137,8 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
         }
         if (changedProperties.has('open') && this._dialog) {
             if (this.open) {
+                this._closing = false;
+                clearTimeout(this._closeTimer);
                 if (this.modal) {
                     if (!this._dialog.open) {
                         if (typeof this._dialog.showModal === 'function') {
@@ -144,23 +165,18 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
             }
             else {
                 if (this._dialog.open) {
+                    this._closing = true;
                     this._dialog.classList.remove('opened');
                     const onTransitionEnd = (e) => {
-                        if (e.target === this._dialog && (e.propertyName === 'transform' || e.propertyName === 'opacity')) {
+                        if (e.target === this._dialog && e.propertyName === 'transform') {
                             this._dialog.removeEventListener('transitionend', onTransitionEnd);
-                            if (!this.open && this._dialog.open) {
-                                this._dialog.classList.remove('expanded');
-                                this._dialog.close();
-                            }
+                            this._finishClose();
                         }
                     };
                     this._dialog.addEventListener('transitionend', onTransitionEnd);
-                    // Fallback safety
-                    setTimeout(() => {
-                        if (!this.open && this._dialog.open) {
-                            this._dialog.classList.remove('expanded');
-                            this._dialog.close();
-                        }
+                    this._closeTimer = setTimeout(() => {
+                        this._dialog.removeEventListener('transitionend', onTransitionEnd);
+                        this._finishClose();
                     }, 350);
                 }
             }
@@ -344,7 +360,10 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
      */
     _onCloseClick() {
         this.open = false;
-        this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
+    }
+    _onCancel(e) {
+        e.preventDefault();
+        this._onCloseClick();
     }
     /**
      * Manejador del botón "Atrás".
@@ -381,9 +400,9 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
 				flex-direction: column;
 				border: none;
 				position: fixed;
-				top: 0;
-				bottom: 0;
-				block-size: 100vh;
+				inset-block: 0;
+				block-size: 100dvh;
+				max-block-size: 100dvh;
 				inline-size: 100%;
 				max-inline-size: var(--moni-side-sheet-max-width, 400px);
 				background-color: var(--surface);
@@ -404,6 +423,12 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
 				visibility: hidden;
 			}
 
+			/* Author-level display:flex overrides the browser's native
+			   dialog:not([open]) rule, so closed sheets must be hidden explicitly. */
+			dialog:not([open]) {
+				display: none;
+			}
+
 			dialog.dragging {
 				transition: none !important;
 			}
@@ -433,7 +458,13 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
 			dialog.detached {
 				top: 16px;
 				bottom: 16px;
-				block-size: calc(100vh - 32px);
+				block-size: calc(100dvh - 32px);
+				max-block-size: calc(100dvh - 32px);
+				inline-size: calc(100% - 32px);
+				max-inline-size: min(
+					var(--moni-side-sheet-max-width, 400px),
+					calc(100% - 32px)
+				);
 				border-radius: 1.75rem !important;
 				border: 1px solid var(--outline-variant);
 				box-shadow: var(--elevate1);
@@ -584,8 +615,8 @@ let MoniSideSheet = class MoniSideSheet extends MoniElement {
         return html `
 			<dialog
 				part="dialog"
-				?open=${this.open}
 				class=${classes}
+				@cancel=${this._onCancel}
 				@click=${this._onDialogClick}
 				@pointerdown=${this._onPointerDown}
 				@pointermove=${this._onPointerMove}

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

@@ -98,6 +98,7 @@ export declare class MoniSnackbar extends MoniElement {
      */
     maxLines: number;
     static styles: import("lit").CSSResult[];
+    private handleAction;
     /**
      * Renderiza el snackbar con su mensaje y el botón de acción opcional.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"moni-snackbar.d.ts","sourceRoot":"","sources":["../../src/components/moni-snackbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,YAAa,SAAQ,WAAW;IAC5C;;;;;;;OAOG;IAC0B,IAAI,SAAM;IAEvC;;;;;;;;OAQG;IAC0B,MAAM,SAAM;IAEzC;;;;;;;OAOG;IAEH,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAY;IAEvC;;;;;;;;OAQG;IACyC,MAAM,UAAS;IAE3D;;;;;;;OAOG;IAEH,QAAQ,SAAK;IAEb,OAAgB,MAAM,4BAmFpB;IAEF;;;;;;;;;OASG;IACM,MAAM;CAef;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"moni-snackbar.d.ts","sourceRoot":"","sources":["../../src/components/moni-snackbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,YAAa,SAAQ,WAAW;IAC5C;;;;;;;OAOG;IAC0B,IAAI,SAAM;IAEvC;;;;;;;;OAQG;IAC0B,MAAM,SAAM;IAEzC;;;;;;;OAOG;IAEH,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAY;IAEvC;;;;;;;;OAQG;IACyC,MAAM,UAAS;IAE3D;;;;;;;OAOG;IAEH,QAAQ,SAAK;IAEb,OAAgB,MAAM,4BAgGpB;IAEF,OAAO,CAAC,YAAY;IAUpB;;;;;;;;;OASG;IACM,MAAM;CAef;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD;AAED,eAAe,YAAY,CAAC"}

package/dist/components/moni-snackbar.js

@@ -177,12 +177,25 @@ let MoniSnackbar = class MoniSnackbar extends MoniElement {
 			}
 
 			.action {
+				appearance: none;
+				border: 0;
+				background: transparent;
+				padding: 0.5rem;
+				margin: -0.5rem;
+				border-radius: 999px;
+				font: inherit;
 				font-weight: 500;
 				text-transform: uppercase;
 				font-size: 0.875rem;
 				letter-spacing: 0.05em;
 				color: var(--inverse-primary);
 				white-space: nowrap;
+				cursor: pointer;
+			}
+
+			.action:focus-visible {
+				outline: 2px solid currentColor;
+				outline-offset: 2px;
 			}
 
 			@media only screen and (min-width: 993px) {
@@ -192,6 +205,13 @@ let MoniSnackbar = class MoniSnackbar extends MoniElement {
 			}
 		`
     ]; }
+    handleAction() {
+        this.active = false;
+        this.dispatchEvent(new CustomEvent('action', {
+            bubbles: true,
+            composed: true
+        }));
+    }
     /**
      * Renderiza el snackbar con su mensaje y el botón de acción opcional.
      *
@@ -213,7 +233,7 @@ let MoniSnackbar = class MoniSnackbar extends MoniElement {
 			<slot name="icon"></slot>
 			<span class="max" part="text"><slot>${this.text}</slot></span>
 			${this.action
-            ? html `<span class="action" part="action">${this.action}</span>`
+            ? html `<button class="action" part="action" type="button" @click=${this.handleAction}>${this.action}</button>`
             : ''}
 		</div>`;
     }

package/dist/components/moni-time-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-time-picker.d.ts","sourceRoot":"","sources":["../../src/components/moni-time-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,cAAe,SAAQ,WAAW;IACjB,KAAK,SAAW;IACyB,SAAS,UAAS;IAC3D,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAChC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAU;IACX,cAAc,UAAS;IAC1B,YAAY,UAAS;IACvC,SAAS,SAAU;IACjB,WAAW,SAAY;IAEtE,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,aAAa,CAAK;IAEb,OAAO,CAAC,WAAW,CAAC,CAAiB;IAE3D,OAAO,CAAC,UAAU,CAAS;IAE3B;;;;;;OAMG;cACgB,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAM/D;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAoBlB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAwBnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAIlB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAMjB;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IAgD9B;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAiB7B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAY/B,OAAgB,MAAM,4BAiZpB;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAwI3B;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACM,MAAM;CAsFf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"moni-time-picker.d.ts","sourceRoot":"","sources":["../../src/components/moni-time-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,cAAe,SAAQ,WAAW;IACjB,KAAK,SAAW;IACyB,SAAS,UAAS;IAC3D,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAChC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAU;IACX,cAAc,UAAS;IAC1B,YAAY,UAAS;IACvC,SAAS,SAAU;IACjB,WAAW,SAAY;IAEtE,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,aAAa,CAAK;IAEb,OAAO,CAAC,WAAW,CAAC,CAAiB;IAE3D,OAAO,CAAC,UAAU,CAAS;IAE3B;;;;;;OAMG;cACgB,UAAU,CAAC,iBAAiB,EAAE,cAAc;IAM/D;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAoBlB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAwBnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAIlB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAMjB;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IAgD9B;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAiB7B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAY/B,OAAgB,MAAM,4BAqZpB;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAwI3B;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACM,MAAM;CAsFf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD;AAED,eAAe,cAAc,CAAC"}

package/dist/components/moni-time-picker.js

@@ -316,17 +316,19 @@ let MoniTimePicker = class MoniTimePicker extends MoniElement {
 			}
 
 			:host([orientation="horizontal"]) {
-				inline-size: auto;
+				inline-size: min(40rem, 100%);
 			}
 			:host([orientation="horizontal"]) .main-content {
 				flex-direction: row;
 				align-items: center;
+				justify-content: center;
 				gap: 2rem;
 			}
 			:host([orientation="horizontal"]) .left-pane {
 				display: flex;
 				flex-direction: column;
 				justify-content: center;
+				flex: none;
 			}
 
 			/* Main Content (Default vertical) */
@@ -356,6 +358,7 @@ let MoniTimePicker = class MoniTimePicker extends MoniElement {
 				:host(:not([orientation])) .main-content {
 					flex-direction: row;
 					align-items: center;
+					justify-content: center;
 					gap: 2rem;
 				}
 				:host([orientation='auto']) .left-pane,
@@ -363,6 +366,7 @@ let MoniTimePicker = class MoniTimePicker extends MoniElement {
 					display: flex;
 					flex-direction: column;
 					justify-content: center;
+					flex: none;
 				}
 			}
 

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

@@ -1 +1 @@
-{"version":3,"file":"moni-toolbar.d.ts","sourceRoot":"","sources":["../../src/components/moni-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,WAAY,SAAQ,WAAW;IAE3C,IAAI,EAAE,UAAU,GAAG,UAAU,CAAc;IAE3C,QAAQ,UAAS;IACY,KAAK,SAAM;IAExC,OAAgB,MAAM,4BA8DpB;IAEF;;;;;;;;;;;;;OAaG;IACM,MAAM;CAcf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"moni-toolbar.d.ts","sourceRoot":"","sources":["../../src/components/moni-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,WAAY,SAAQ,WAAW;IAE3C,IAAI,EAAE,UAAU,GAAG,UAAU,CAAc;IAE3C,QAAQ,UAAS;IACY,KAAK,SAAM;IAExC,OAAgB,MAAM,4BAgEpB;IAEF;;;;;;;;;;;;;OAaG;IACM,MAAM;CAcf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD;AAED,eAAe,WAAW,CAAC"}

package/dist/components/moni-toolbar.js

@@ -68,7 +68,9 @@ let MoniToolbar = class MoniToolbar extends MoniElement {
 			:host {
 				display: block;
 				position: relative;
-				z-index: var(--z-index-toolbar, 1000);
+				/* Participate in the local surface stack. A four-digit default
+				   allowed toolbars to paint above modal sheets and dialogs. */
+				z-index: var(--z-index-toolbar, 10);
 			}
 
 			.container {

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

@@ -67,10 +67,12 @@ export declare class MoniTooltip extends MoniElement {
     text: string;
     /**
      * Ubicación preferida relativa al ancla/activador.
-     * @type {'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'}
+     * @type {'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right'}
      * @default 'top'
      */
-    position: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+    position: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
+    /** Si está activo, el tooltip conserva el ángulo visual del trigger. */
+    rotateWithTarget: boolean;
     /**
      * Mapeo de tamaño opcional (usado por hojas de estilo internas para escalar fuente/relleno).
      * @type {'' | 'small' | 'medium' | 'large'}
@@ -89,12 +91,17 @@ export declare class MoniTooltip extends MoniElement {
      * Mantiene fijo el contexto léxico para registrar/desregistrar limpiamente.
      */
     private _docKeydown;
+    private _reposition;
+    private _trackingFrame;
+    private _popoverCloseTimer;
+    private _trackTarget;
     /**
      * Nombre de anclaje CSS (`anchor-name`) registrado en el activador padre para que el tooltip
      * pueda usar `position-anchor` para vincularse a él. Generado por instancia vía
      * `crypto.randomUUID()` cuando el posicionamiento de anclaje CSS está soportado.
      */
     private _anchorName;
+    firstUpdated(): void;
     /**
      * Hook de inicialización (Lit).
      * Resuelve la asociación nativa con su elemento padre (trigger), forzando un contexto
@@ -114,6 +121,8 @@ export declare class MoniTooltip extends MoniElement {
      * Cached-query: Recupera asíncronamente el tooltip del Shadow DOM si no lo había hecho.
      */
     private _show;
+    private _positionTooltip;
+    private _readTargetRotation;
     /**
      * Retira la clase activa (`.visible`), desvaneciendo el globo con gracia.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"moni-tooltip.d.ts","sourceRoot":"","sources":["../../src/components/moni-tooltip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,qBACa,WAAY,SAAQ,WAAW;IAC3C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;;OAIG;IAEH,QAAQ,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,CAAS;IAExB;;;;OAIG;IAEH,IAAI,EAAE,EAAE,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAM;IAE7C;;;OAGG;IACyC,IAAI,UAAS;IAEzD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,UAAU,CAA4B;IAC9C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAmD;IACtE;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAuB;IAE1C;;;;;;OAMG;IACM,iBAAiB;IAoC1B;;;;OAIG;IACM,oBAAoB;IAe7B;;;OAGG;IACH,OAAO,CAAC,KAAK,CAOX;IAEF;;OAEG;IACH,OAAO,CAAC,KAAK,CAOX;IAEF;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;OAGG;IACH,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAgB,MAAM,4BA2JpB;IAEF;;;;;;;;;;;;;;;;;OAiBG;IACM,MAAM;CAgBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"moni-tooltip.d.ts","sourceRoot":"","sources":["../../src/components/moni-tooltip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,qBACa,WAAY,SAAQ,WAAW;IAC3C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;;OAIG;IAEH,QAAQ,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,OAAO,CAAS;IAEnB,wEAAwE;IAExE,gBAAgB,UAAS;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,EAAE,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAM;IAE7C;;;OAGG;IACyC,IAAI,UAAS;IAEzD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,UAAU,CAA4B;IAC9C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAmD;IACtE,OAAO,CAAC,WAAW,CAEjB;IACF,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,YAAY,CAOlB;IACF;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAuB;IAEjC,YAAY,IAAI,IAAI;IAQ7B;;;;;;OAMG;IACM,iBAAiB;IAsC1B;;;;OAIG;IACM,oBAAoB;IAqB7B;;;OAGG;IACH,OAAO,CAAC,KAAK,CAuBX;IAEF,OAAO,CAAC,gBAAgB;IAqDxB,OAAO,CAAC,mBAAmB;IAkB3B;;OAEG;IACH,OAAO,CAAC,KAAK,CAmBX;IAEF;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;OAGG;IACH,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAgB,MAAM,4BAkNpB;IAEF;;;;;;;;;;;;;;;;;OAiBG;IACM,MAAM;CAkBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD;AAED,eAAe,WAAW,CAAC"}

package/dist/components/moni-tooltip.js

@@ -77,10 +77,12 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
         this.text = '';
         /**
          * Ubicación preferida relativa al ancla/activador.
-         * @type {'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'}
+         * @type {'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right'}
          * @default 'top'
          */
         this.position = 'top';
+        /** Si está activo, el tooltip conserva el ángulo visual del trigger. */
+        this.rotateWithTarget = false;
         /**
          * Mapeo de tamaño opcional (usado por hojas de estilo internas para escalar fuente/relleno).
          * @type {'' | 'small' | 'medium' | 'large'}
@@ -99,6 +101,20 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
          * Mantiene fijo el contexto léxico para registrar/desregistrar limpiamente.
          */
         this._docKeydown = (e) => this._handleDocKeydown(e);
+        this._reposition = () => {
+            if (this._tooltipEl?.classList.contains('visible'))
+                this._positionTooltip();
+        };
+        this._trackingFrame = 0;
+        this._popoverCloseTimer = 0;
+        this._trackTarget = () => {
+            if (!this._tooltipEl?.classList.contains('visible')) {
+                this._trackingFrame = 0;
+                return;
+            }
+            this._positionTooltip();
+            this._trackingFrame = requestAnimationFrame(this._trackTarget);
+        };
         /**
          * Nombre de anclaje CSS (`anchor-name`) registrado en el activador padre para que el tooltip
          * pueda usar `position-anchor` para vincularse a él. Generado por instancia vía
@@ -114,7 +130,26 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
                 this._tooltipEl = this.shadowRoot?.querySelector('.tooltip');
             }
             if (this._tooltipEl) {
+                if (this._popoverCloseTimer)
+                    window.clearTimeout(this._popoverCloseTimer);
+                this._popoverCloseTimer = 0;
+                try {
+                    if (!this._tooltipEl.matches(':popover-open'))
+                        this._tooltipEl.showPopover?.();
+                }
+                catch {
+                    // Fallback para navegadores sin Popover API o árboles aún desconectados.
+                }
+                this._tooltipEl.classList.remove('visible');
+                this._positionTooltip();
+                // Materializa el estado inicial ya posicionado antes de activar la
+                // transición. Sin este frame, el navegador puede interpolar desde las
+                // coordenadas antiguas del fallback/anchor.
+                void this._tooltipEl.offsetWidth;
                 this._tooltipEl.classList.add('visible');
+                if (!this._trackingFrame) {
+                    this._trackingFrame = requestAnimationFrame(this._trackTarget);
+                }
             }
         };
         /**
@@ -127,8 +162,30 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
             if (this._tooltipEl) {
                 this._tooltipEl.classList.remove('visible');
             }
+            if (this._trackingFrame)
+                cancelAnimationFrame(this._trackingFrame);
+            this._trackingFrame = 0;
+            if (this._tooltipEl?.hidePopover) {
+                this._popoverCloseTimer = window.setTimeout(() => {
+                    try {
+                        if (this._tooltipEl?.matches(':popover-open'))
+                            this._tooltipEl.hidePopover();
+                    }
+                    catch {
+                        // El tooltip pudo desconectarse durante el cierre.
+                    }
+                    this._popoverCloseTimer = 0;
+                }, 180);
+            }
         };
     }
+    firstUpdated() {
+        this._tooltipEl = this.shadowRoot?.querySelector('.tooltip');
+        // Prepara posición, vector de origen y escala antes de que pueda ocurrir
+        // la primera interacción. Así el primer hover comparte exactamente el
+        // mismo estado inicial que todos los siguientes.
+        this._positionTooltip();
+    }
     /**
      * Hook de inicialización (Lit).
      * Resuelve la asociación nativa con su elemento padre (trigger), forzando un contexto
@@ -165,6 +222,8 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
             }
         }
         document.addEventListener('keydown', this._docKeydown);
+        window.addEventListener('resize', this._reposition);
+        document.addEventListener('scroll', this._reposition, true);
     }
     /**
      * Hook de destrucción (Lit).
@@ -183,8 +242,82 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
             }
         }
         document.removeEventListener('keydown', this._docKeydown);
+        window.removeEventListener('resize', this._reposition);
+        document.removeEventListener('scroll', this._reposition, true);
+        if (this._trackingFrame)
+            cancelAnimationFrame(this._trackingFrame);
+        this._trackingFrame = 0;
+        if (this._popoverCloseTimer)
+            window.clearTimeout(this._popoverCloseTimer);
+        this._popoverCloseTimer = 0;
         super.disconnectedCallback();
     }
+    _positionTooltip() {
+        if (!this._target || !this._tooltipEl)
+            return;
+        const target = this._target.getBoundingClientRect();
+        const width = this._tooltipEl.offsetWidth;
+        const height = this._tooltipEl.offsetHeight;
+        const gap = 8;
+        const edge = 8;
+        let left = target.left + (target.width - width) / 2;
+        let top = target.top - height - gap;
+        switch (this.position) {
+            case 'top-start':
+                left = target.left;
+                break;
+            case 'top-end':
+                left = target.right - width;
+                break;
+            case 'bottom':
+                top = target.bottom + gap;
+                break;
+            case 'bottom-start':
+                left = target.left;
+                top = target.bottom + gap;
+                break;
+            case 'bottom-end':
+                left = target.right - width;
+                top = target.bottom + gap;
+                break;
+            case 'left':
+                left = target.left - width - gap;
+                top = target.top + (target.height - height) / 2;
+                break;
+            case 'right':
+                left = target.right + gap;
+                top = target.top + (target.height - height) / 2;
+                break;
+        }
+        left = Math.min(window.innerWidth - width - edge, Math.max(edge, left));
+        top = Math.min(window.innerHeight - height - edge, Math.max(edge, top));
+        this._tooltipEl.style.left = `${left}px`;
+        this._tooltipEl.style.top = `${top}px`;
+        const originX = target.left + target.width / 2 - (left + width / 2);
+        const originY = target.top + target.height / 2 - (top + height / 2);
+        this._tooltipEl.style.setProperty('--_tooltip-origin-x', `${originX}px`);
+        this._tooltipEl.style.setProperty('--_tooltip-origin-y', `${originY}px`);
+        this._tooltipEl.style.setProperty('--_tooltip-target-rotation', `${this.rotateWithTarget ? this._readTargetRotation() : 0}deg`);
+        this._tooltipEl.style.transformOrigin = 'center';
+    }
+    _readTargetRotation() {
+        if (!this._target)
+            return 0;
+        const quadTarget = this._target;
+        const quad = quadTarget.getBoxQuads?.()[0];
+        if (quad) {
+            return Math.atan2(quad.p2.y - quad.p1.y, quad.p2.x - quad.p1.x) * (180 / Math.PI);
+        }
+        const transform = window.getComputedStyle(this._target).transform;
+        const values = transform.match(/matrix(?:3d)?\(([^)]+)\)/)?.[1]
+            .split(',')
+            .map((value) => Number.parseFloat(value.trim()));
+        if (values?.length === 6)
+            return Math.atan2(values[1], values[0]) * (180 / Math.PI);
+        if (values?.length === 16)
+            return Math.atan2(values[1], values[0]) * (180 / Math.PI);
+        return 0;
+    }
     /**
      * Manejador global del teclado (a11y).
      * Permite disipar instantáneamente el tooltip presionando `Escape`
@@ -267,7 +400,9 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
 				white-space: nowrap;
 				font-weight: 500;
 				opacity: 0;
-				transition: all var(--speed2);
+				transition:
+					opacity var(--speed2) cubic-bezier(0.2, 0, 0, 1),
+					transform var(--speed2) cubic-bezier(0.2, 0, 0, 1);
 				line-height: normal;
 				transform: translate(-50%, -100%) scale(0.9);
 				margin-block-start: var(--_space);
@@ -358,6 +493,59 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
 			.tooltip.visible.bottom-end { transform: translate(0, 100%) scale(1); }
 			.tooltip.visible.left { transform: translate(-100%, -50%) scale(1); }
 			.tooltip.visible.right { transform: translate(100%, -50%) scale(1); }
+
+			/* CSS Anchor Positioning ya resuelve la alineación respecto al centro
+			   del trigger. Los translate del fallback absoluto no deben acumularse,
+			   pues desplazarían el tooltip media anchura hacia un costado. */
+			@supports (anchor-name: --moni-tooltip-test) {
+				.tooltip {
+					inset: auto;
+					margin: 0;
+					transform: scale(0.9);
+				}
+				.tooltip.top,
+				.tooltip.top-start,
+				.tooltip.top-end { margin-block-end: 0.5rem; }
+				.tooltip.bottom,
+				.tooltip.bottom-start,
+				.tooltip.bottom-end { margin-block-start: 0.5rem; }
+				.tooltip.left { margin-inline-end: 0.5rem; }
+				.tooltip.right { margin-inline-start: 0.5rem; }
+				.tooltip.visible,
+				.tooltip.visible.top,
+				.tooltip.visible.top-start,
+				.tooltip.visible.top-end,
+				.tooltip.visible.bottom,
+				.tooltip.visible.bottom-start,
+				.tooltip.visible.bottom-end,
+				.tooltip.visible.left,
+				.tooltip.visible.right { transform: scale(1); }
+			}
+
+			.tooltip.js-positioned {
+				position: fixed;
+				inset: auto;
+				margin: 0;
+				border: 0;
+				transform:
+					translate(var(--_tooltip-origin-x, 0), var(--_tooltip-origin-y, 0))
+					rotate(var(--_tooltip-target-rotation, 0deg))
+					scale(0.05);
+			}
+			.tooltip.js-positioned.visible,
+			.tooltip.js-positioned.visible.top,
+			.tooltip.js-positioned.visible.top-start,
+			.tooltip.js-positioned.visible.top-end,
+			.tooltip.js-positioned.visible.bottom,
+			.tooltip.js-positioned.visible.bottom-start,
+			.tooltip.js-positioned.visible.bottom-end,
+			.tooltip.js-positioned.visible.left,
+			.tooltip.js-positioned.visible.right {
+				transform:
+					translate(0, 0)
+					rotate(var(--_tooltip-target-rotation, 0deg))
+					scale(1);
+			}
 		`
     ]; }
     /**
@@ -381,11 +569,13 @@ let MoniTooltip = class MoniTooltip extends MoniElement {
     render() {
         const classes = [
             'tooltip',
+            'js-positioned',
             this.position,
             this.size
         ].filter(Boolean).join(' ');
         return html `<div
 			class=${classes}
+			popover="manual"
 			role="tooltip"
 			id=${this.id || ''}
 			part="tooltip"
@@ -401,6 +591,9 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], MoniTooltip.prototype, "position", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'rotate-with-target', reflect: true })
+], MoniTooltip.prototype, "rotateWithTarget", void 0);
 __decorate([
     property({ reflect: true })
 ], MoniTooltip.prototype, "size", void 0);

package/dist/index.d.ts

@@ -36,7 +36,7 @@
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry Custom Element Registry}
  */
 import './components/index.js';
-export { MoniBadge, MoniBottomSheet, MoniButton, MoniCheckbox, MoniChip, MoniColorField, MoniContextMenu, MoniDialog, MoniExpansion, MoniFileField, MoniMenu, MoniMenuItem, MoniNav, MoniNavItem, MoniProgress, MoniRadio, MoniRipple, MoniSelect, MoniSlider, MoniSnackbar, MoniStep, MoniStepper, MoniSwitch, MoniTab, MoniTabs, MoniTextarea, MoniTextField, MoniTimePicker, MoniSideSheet, MoniTooltip, MoniFab, MoniFabMenu, MoniButtonGroup, MoniSplitButton, MoniButtonSegment, MoniSegmentedButton, MoniLoadingIndicator, MoniMorphModal, MoniCarousel, MoniShape, } from './components/index.js';
+export { MoniAppBar, MoniBadge, MoniBottomSheet, MoniButton, MoniCard, MoniCheckbox, MoniChip, MoniColorField, MoniContextMenu, MoniDialog, MoniDivider, MoniExpansion, MoniFileField, MoniIcon, MoniList, MoniListItem, MoniMenu, MoniMenuItem, MoniNav, MoniNavItem, MoniProgress, MoniRadio, MoniRipple, MoniSelect, MoniSlider, MoniSnackbar, MoniStep, MoniStepper, MoniSwitch, MoniTab, MoniTabs, MoniTextarea, MoniTextField, MoniTimePicker, MoniToolbar, MoniSideSheet, MoniTooltip, MoniTypography, MoniFab, MoniFabMenu, MoniButtonGroup, MoniSplitButton, MoniButtonSegment, MoniSegmentedButton, MoniLoadingIndicator, MoniMorphModal, MoniCarousel, MoniShape, } from './components/index.js';
 /**
  * Theme engine singleton factory.
  * @see {@link getThemeEngine} for full documentation.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAOH,OAAO,uBAAuB,CAAC;AAS/B,OAAO,EACN,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,UAAU,EACV,aAAa,EACb,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,EACX,OAAO,EACP,WAAW,EACX,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,SAAS,GACT,MAAM,uBAAuB,CAAC;AAM/B;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,uDAAuD;AACvD,YAAY,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,MAAM,yBAAyB,CAAC;AAEjC;;;GAGG;AACH,OAAO,EACN,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,MAAM,kBAAkB,CAAC;AAE1B,6CAA6C;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAOH,OAAO,uBAAuB,CAAC;AAS/B,OAAO,EACN,UAAU,EACV,SAAS,EACT,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,cAAc,EACd,OAAO,EACP,WAAW,EACX,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,SAAS,GACT,MAAM,uBAAuB,CAAC;AAM/B;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,uDAAuD;AACvD,YAAY,EACX,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,MAAM,yBAAyB,CAAC;AAEjC;;;GAGG;AACH,OAAO,EACN,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,MAAM,kBAAkB,CAAC;AAE1B,6CAA6C;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -48,7 +48,7 @@ import './components/index.js';
 //  - Subclass components for customization.
 //  - Use the class in type narrowing (instanceof MoniButton).
 //  - Access static members and properties programmatically.
-export { MoniBadge, MoniBottomSheet, MoniButton, MoniCheckbox, MoniChip, MoniColorField, MoniContextMenu, MoniDialog, MoniExpansion, MoniFileField, MoniMenu, MoniMenuItem, MoniNav, MoniNavItem, MoniProgress, MoniRadio, MoniRipple, MoniSelect, MoniSlider, MoniSnackbar, MoniStep, MoniStepper, MoniSwitch, MoniTab, MoniTabs, MoniTextarea, MoniTextField, MoniTimePicker, MoniSideSheet, MoniTooltip, MoniFab, MoniFabMenu, MoniButtonGroup, MoniSplitButton, MoniButtonSegment, MoniSegmentedButton, MoniLoadingIndicator, MoniMorphModal, MoniCarousel, MoniShape, } from './components/index.js';
+export { MoniAppBar, MoniBadge, MoniBottomSheet, MoniButton, MoniCard, MoniCheckbox, MoniChip, MoniColorField, MoniContextMenu, MoniDialog, MoniDivider, MoniExpansion, MoniFileField, MoniIcon, MoniList, MoniListItem, MoniMenu, MoniMenuItem, MoniNav, MoniNavItem, MoniProgress, MoniRadio, MoniRipple, MoniSelect, MoniSlider, MoniSnackbar, MoniStep, MoniStepper, MoniSwitch, MoniTab, MoniTabs, MoniTextarea, MoniTextField, MoniTimePicker, MoniToolbar, MoniSideSheet, MoniTooltip, MoniTypography, MoniFab, MoniFabMenu, MoniButtonGroup, MoniSplitButton, MoniButtonSegment, MoniSegmentedButton, MoniLoadingIndicator, MoniMorphModal, MoniCarousel, MoniShape, } from './components/index.js';
 // ─────────────────────────────────────────────────────────────────────────────
 // Utility exports
 // ─────────────────────────────────────────────────────────────────────────────

package/docs/COMPONENTS.md

@@ -0,0 +1,10 @@
+# Componentes de Moni UI
+
+Esta ruta se conserva por compatibilidad. La documentación completa y autogenerada está en:
+
+- [Índice de componentes](./README.md)
+- [Índice compacto para LLM](./llms.txt)
+- [API estructurada](./api.json)
+- [Fichas individuales](./components/)
+
+Cada ficha incluye propiedades, atributos, defaults, slots, eventos, métodos, CSS Parts, variables CSS y capturas por opción visual.