primeng 20.3.0 → 21.0.0-rc.1

package/{inputotp/index.d.ts → types/primeng-inputotp.d.ts}

@@ -6,7 +6,8 @@ import { BaseEditableHolder } from 'primeng/baseeditableholder';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
 import { Nullable } from 'primeng/ts-helpers';
-import { InputOtpPassThrough } from 'primeng/types/inputotp';
+import { InputOtpPassThrough, InputOtpChangeEvent, InputOtpInputTemplateContext } from 'primeng/types/inputotp';
+export { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpTemplateEvents } from 'primeng/types/inputotp';
 import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
 
@@ -43,44 +44,7 @@ interface InputOtpStyle extends BaseStyle {
 }
 
 declare const INPUT_OTP_VALUE_ACCESSOR: any;
-/**
- * Input change event.
- * @property {Event} originalEvent - browser event.
- * @property {any}  value - updated value.
- * @group Interface
- */
-interface InputOtpChangeEvent {
-    originalEvent: Event;
-    value: any;
-}
-/**
- * Context interface for the input template events.
- * @property {(event: Event, index: number) => void} input - input event.
- * @property {(event: Event)} keydown - keydown event.
- * @property {(event: Event)} focus - focus event.
- * @property {(event: Event)} blur - blur event.
- * @property {(event: Event)} paste - paste event.
- * @group Interface
- */
-interface InputOtpTemplateEvents {
-    input: (event: Event, index: number) => void;
-    keydown: (event: Event) => void;
-    focus: (event: Event) => void;
-    blur: (event: Event) => void;
-    paste: (event: Event) => void;
-}
-/**
- * Context of the input template.
- * @property {number | string} $implicit - token value.
- * @property {InputOtpTemplateEvents} events - Browser events of the template.
- * @property {number} index - index of the token.
- * @group Interface
- */
-interface InputOtpInputTemplateContext {
-    $implicit: number | string;
-    events: InputOtpTemplateEvents;
-    index: number;
-}
+
 /**
  * Input Otp is used to enter one time passwords.
  * @group Components
@@ -155,14 +119,14 @@ declare class InputOtp extends BaseEditableHolder<InputOtpPassThrough> implement
      */
     onBlur: EventEmitter<Event>;
     /**
-     * Input template.
+     * Custom input template.
      * @param {InputOtpInputTemplateContext} context - Context of the template
      * @see {@link InputOtpInputTemplateContext}
      * @group Templates
      */
-    inputTemplate: TemplateRef<any>;
+    inputTemplate: TemplateRef<InputOtpInputTemplateContext> | undefined;
     templates: Nullable<QueryList<PrimeTemplate>>;
-    _inputTemplate: TemplateRef<any> | undefined;
+    _inputTemplate: TemplateRef<InputOtpInputTemplateContext> | undefined;
     tokens: any;
     value: any;
     $variant: i0.Signal<"filled" | "outlined" | null>;
@@ -212,4 +176,3 @@ declare class InputOtpModule {
 }
 
 export { INPUT_OTP_VALUE_ACCESSOR, InputOtp, InputOtpClasses, InputOtpModule, InputOtpStyle };
-export type { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpTemplateEvents };

package/types/primeng-inputtext.d.ts

@@ -0,0 +1,116 @@
+import * as _angular_core from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { BaseModelHolder } from 'primeng/basemodelholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
+import { Fluid } from 'primeng/fluid';
+import { InputTextPassThrough } from 'primeng/types/inputtext';
+import { BaseStyle } from 'primeng/base';
+
+/**
+ *
+ * InputText renders a text field to enter data.
+ *
+ * [Live Demo](https://www.primeng.org/inputtext/)
+ *
+ * @module inputtextstyle
+ *
+ */
+declare enum InputTextClasses {
+    /**
+     * The class of root element
+     */
+    root = "p-inputtext"
+}
+declare class InputTextStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-filled': any;
+            'p-inputtext-sm': boolean;
+            'p-inputtext-lg': boolean;
+            'p-invalid': any;
+            'p-variant-filled': boolean;
+            'p-inputtext-fluid': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputTextStyle>;
+}
+interface InputTextStyle extends BaseStyle {
+}
+
+/**
+ * InputText directive is an extension to standard input element with theming.
+ * @group Components
+ */
+declare class InputText extends BaseModelHolder<InputTextPassThrough> {
+    hostName: any;
+    /**
+     * Used to pass attributes to DOM elements inside the InputText component.
+     * @defaultValue undefined
+     * @deprecated use pInputTextPT instead.
+     * @group Props
+     */
+    ptInputText: _angular_core.InputSignal<InputTextPassThrough>;
+    /**
+     * Used to pass attributes to DOM elements inside the InputText component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pInputTextPT: _angular_core.InputSignal<InputTextPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pInputTextUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    bindDirectiveInstance: Bind;
+    $pcInputText: InputText | undefined;
+    ngControl: NgControl | null;
+    pcFluid: Fluid | null;
+    /**
+     * Defines the size of the component.
+     * @group Props
+     */
+    pSize: 'large' | 'small';
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     * @group Props
+     */
+    invalid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
+    _componentStyle: InputTextStyle;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterViewChecked(): void;
+    onDoCheck(): void;
+    onInput(): void;
+    get hasFluid(): boolean;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputText, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "hostName": { "alias": "hostName"; "required": false; }; "ptInputText": { "alias": "ptInputText"; "required": false; "isSignal": true; }; "pInputTextPT": { "alias": "pInputTextPT"; "required": false; "isSignal": true; }; "pInputTextUnstyled": { "alias": "pInputTextUnstyled"; "required": false; "isSignal": true; }; "pSize": { "alias": "pSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputTextModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputTextModule, never, [typeof InputText], [typeof InputText]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputTextModule>;
+}
+
+export { InputText, InputTextClasses, InputTextModule, InputTextStyle };

package/{knob/index.d.ts → types/primeng-knob.d.ts}

@@ -151,7 +151,7 @@ declare class Knob extends BaseEditableHolder<KnobPassThrough> {
     midY: number;
     minRadians: number;
     maxRadians: number;
-    value: number;
+    value: i0.WritableSignal<number>;
     windowMouseMoveListener: VoidListener;
     windowMouseUpListener: VoidListener;
     windowTouchMoveListener: VoidListener;

package/{listbox/index.d.ts → types/primeng-listbox.d.ts}

@@ -1,4 +1,4 @@
-import { ListBoxPassThrough, ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxSelectAllChangeEvent, ListboxFilterOptions } from 'primeng/types/listbox';
+import { ListBoxPassThrough, ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxSelectAllChangeEvent, ListboxItemTemplateContext, ListboxGroupTemplateContext, ListboxHeaderTemplateContext, ListboxFilterTemplateContext, ListboxFooterTemplateContext, ListboxCheckIconTemplateContext, ListboxCheckmarkTemplateContext, ListboxLoaderTemplateContext, ListboxFilterOptions } from 'primeng/types/listbox';
 export * from 'primeng/types/listbox';
 import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
@@ -24,6 +24,7 @@ declare class ListBoxStyle extends BaseStyle {
             'p-disabled': any;
             'p-invalid': any;
             'p-listbox-fluid': any;
+            'p-listbox-dragging': any;
         })[];
         header: string;
         pcFilter: string;
@@ -439,71 +440,87 @@ declare class Listbox extends BaseEditableHolder<ListBoxPassThrough> {
     footerFacet: Nullable<TemplateRef<any>>;
     /**
      * Custom item template.
+     * @param {ListboxItemTemplateContext} context - item context.
+     * @see {@link ListboxItemTemplateContext}
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<ListboxItemTemplateContext> | undefined;
     /**
      * Custom group template.
+     * @param {ListboxGroupTemplateContext} context - group context.
+     * @see {@link ListboxGroupTemplateContext}
      * @group Templates
      */
-    groupTemplate: TemplateRef<any> | undefined;
+    groupTemplate: TemplateRef<ListboxGroupTemplateContext> | undefined;
     /**
      * Custom header template.
+     * @param {ListboxHeaderTemplateContext} context - header context.
+     * @see {@link ListboxHeaderTemplateContext}
      * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<ListboxHeaderTemplateContext> | undefined;
     /**
      * Custom filter template.
+     * @param {ListboxFilterTemplateContext} context - filter context.
+     * @see {@link ListboxFilterTemplateContext}
      * @group Templates
      */
-    filterTemplate: TemplateRef<any> | undefined;
+    filterTemplate: TemplateRef<ListboxFilterTemplateContext> | undefined;
     /**
      * Custom footer template.
+     * @param {ListboxFooterTemplateContext} context - footer context.
+     * @see {@link ListboxFooterTemplateContext}
      * @group Templates
      */
-    footerTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<ListboxFooterTemplateContext> | undefined;
     /**
      * Custom empty filter message template.
      * @group Templates
      */
-    emptyFilterTemplate: TemplateRef<any> | undefined;
+    emptyFilterTemplate: TemplateRef<void> | undefined;
     /**
      * Custom empty message template.
      * @group Templates
      */
-    emptyTemplate: TemplateRef<any> | undefined;
+    emptyTemplate: TemplateRef<void> | undefined;
     /**
      * Custom filter icon template.
      * @group Templates
      */
-    filterIconTemplate: TemplateRef<any> | undefined;
+    filterIconTemplate: TemplateRef<void> | undefined;
     /**
      * Custom check icon template.
+     * @param {ListboxCheckIconTemplateContext} context - check icon context.
+     * @see {@link ListboxCheckIconTemplateContext}
      * @group Templates
      */
-    checkIconTemplate: TemplateRef<any> | undefined;
+    checkIconTemplate: TemplateRef<ListboxCheckIconTemplateContext> | undefined;
     /**
      * Custom checkmark icon template.
+     * @param {ListboxCheckmarkTemplateContext} context - checkmark context.
+     * @see {@link ListboxCheckmarkTemplateContext}
      * @group Templates
      */
-    checkmarkTemplate: TemplateRef<any> | undefined;
+    checkmarkTemplate: TemplateRef<ListboxCheckmarkTemplateContext> | undefined;
     /**
      * Custom loader template.
+     * @param {ListboxLoaderTemplateContext} context - loader context.
+     * @see {@link ListboxLoaderTemplateContext}
      * @group Templates
      */
-    loaderTemplate: TemplateRef<any> | undefined;
+    loaderTemplate: TemplateRef<ListboxLoaderTemplateContext> | undefined;
     templates: QueryList<PrimeTemplate>;
-    _itemTemplate: TemplateRef<any> | undefined;
-    _groupTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _filterTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _emptyFilterTemplate: TemplateRef<any> | undefined;
-    _emptyTemplate: TemplateRef<any> | undefined;
-    _filterIconTemplate: TemplateRef<any> | undefined;
-    _checkIconTemplate: TemplateRef<any> | undefined;
-    _checkmarkTemplate: TemplateRef<any> | undefined;
-    _loaderTemplate: TemplateRef<any> | undefined;
+    _itemTemplate: TemplateRef<ListboxItemTemplateContext> | undefined;
+    _groupTemplate: TemplateRef<ListboxGroupTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<ListboxHeaderTemplateContext> | undefined;
+    _filterTemplate: TemplateRef<ListboxFilterTemplateContext> | undefined;
+    _footerTemplate: TemplateRef<ListboxFooterTemplateContext> | undefined;
+    _emptyFilterTemplate: TemplateRef<void> | undefined;
+    _emptyTemplate: TemplateRef<void> | undefined;
+    _filterIconTemplate: TemplateRef<void> | undefined;
+    _checkIconTemplate: TemplateRef<ListboxCheckIconTemplateContext> | undefined;
+    _checkmarkTemplate: TemplateRef<ListboxCheckmarkTemplateContext> | undefined;
+    _loaderTemplate: TemplateRef<ListboxLoaderTemplateContext> | undefined;
     _filterValue: _angular_core.WritableSignal<string | null | undefined>;
     _filteredOptions: any[] | undefined | null;
     filterOptions: ListboxFilterOptions | undefined;
@@ -616,6 +633,7 @@ declare class Listbox extends BaseEditableHolder<ListBoxPassThrough> {
     onDragEntered(): void;
     onDragExited(): void;
     drop(event: CdkDragDrop<string[]>): void;
+    get containerDataP(): string | undefined;
     /**
      * @override
      *

package/{megamenu/index.d.ts → types/primeng-megamenu.d.ts}

@@ -1,4 +1,4 @@
-import { MegaMenuPassThrough } from 'primeng/types/megamenu';
+import { MegaMenuPassThrough, MegaMenuItemTemplateContext } from 'primeng/types/megamenu';
 export * from 'primeng/types/megamenu';
 import * as i0 from '@angular/core';
 import { TemplateRef, QueryList, ElementRef, EventEmitter } from '@angular/core';
@@ -150,7 +150,7 @@ declare class MegaMenuSub extends BaseComponent<MegaMenuPassThrough> {
     $pcMegaMenuSub: MegaMenuSub | undefined;
     id: string | undefined;
     items: any[] | undefined;
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<MegaMenuItemTemplateContext> | undefined;
     menuId: string | undefined;
     ariaLabel: string | undefined;
     ariaLabelledBy: string | undefined;
@@ -170,6 +170,7 @@ declare class MegaMenuSub extends BaseComponent<MegaMenuPassThrough> {
     menuFocus: EventEmitter<any>;
     menuBlur: EventEmitter<any>;
     menuKeydown: EventEmitter<any>;
+    menuMouseDown: EventEmitter<any>;
     megaMenu: MegaMenu;
     _componentStyle: MegaMenuStyle;
     onAfterViewChecked(): void;
@@ -189,7 +190,7 @@ declare class MegaMenuSub extends BaseComponent<MegaMenuPassThrough> {
     onItemMouseEnter(param: any): void;
     getPTOptions(processedItem: any, index: number, key: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MegaMenuSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MegaMenuSub, "p-megaMenuSub, p-megamenu-sub, ul[pMegaMenuSub]", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "submenu": { "alias": "submenu"; "required": false; }; "queryMatches": { "alias": "queryMatches"; "required": false; }; "mobileActive": { "alias": "mobileActive"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MegaMenuSub, "p-megaMenuSub, p-megamenu-sub, ul[pMegaMenuSub]", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "submenu": { "alias": "submenu"; "required": false; }; "queryMatches": { "alias": "queryMatches"; "required": false; }; "mobileActive": { "alias": "mobileActive"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; "menuMouseDown": "menuMouseDown"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_level: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_queryMatches: unknown;
@@ -259,47 +260,49 @@ declare class MegaMenu extends BaseComponent<MegaMenuPassThrough> {
      * Defines template option for start.
      * @group Templates
      */
-    startTemplate: TemplateRef<any> | undefined;
+    startTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for end.
      * @group Templates
      */
-    endTemplate: TemplateRef<any> | undefined;
+    endTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for menu icon.
      * @group Templates
      */
-    menuIconTemplate: TemplateRef<any> | undefined;
+    menuIconTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for submenu icon.
      * @group Templates
      */
-    submenuIconTemplate: TemplateRef<any> | undefined;
+    submenuIconTemplate: TemplateRef<void> | undefined;
     /**
-     * Defines template option for submenu icon.
+     * Custom item template.
+     * @param {MegaMenuItemTemplateContext} context - item context.
+     * @see {@link MegaMenuItemTemplateContext}
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<MegaMenuItemTemplateContext> | undefined;
     /**
      * Custom menu button template on responsive mode.
      * @group Templates
      */
-    buttonTemplate: TemplateRef<any> | undefined;
+    buttonTemplate: TemplateRef<void> | undefined;
     /**
      * Custom menu button icon template on responsive mode.
      * @group Templates
      */
-    buttonIconTemplate: TemplateRef<any> | undefined;
+    buttonIconTemplate: TemplateRef<void> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
     menubuttonViewChild: ElementRef | undefined;
     rootmenu: MegaMenuSub | undefined;
-    _startTemplate: TemplateRef<any> | undefined;
-    _endTemplate: TemplateRef<any> | undefined;
-    _menuIconTemplate: TemplateRef<any> | undefined;
-    _submenuIconTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
-    _buttonTemplate: TemplateRef<any> | undefined;
-    _buttonIconTemplate: TemplateRef<any> | undefined;
+    _startTemplate: TemplateRef<void> | undefined;
+    _endTemplate: TemplateRef<void> | undefined;
+    _menuIconTemplate: TemplateRef<void> | undefined;
+    _submenuIconTemplate: TemplateRef<void> | undefined;
+    _itemTemplate: TemplateRef<MegaMenuItemTemplateContext> | undefined;
+    _buttonTemplate: TemplateRef<void> | undefined;
+    _buttonIconTemplate: TemplateRef<void> | undefined;
     outsideClickListener: VoidListener;
     resizeListener: (event: any) => void;
     dirty: boolean;
@@ -313,7 +316,7 @@ declare class MegaMenu extends BaseComponent<MegaMenuPassThrough> {
     _componentStyle: MegaMenuStyle;
     private matchMediaListener;
     private query;
-    queryMatches: boolean;
+    queryMatches: i0.WritableSignal<boolean>;
     mobileActive: boolean;
     get visibleItems(): any;
     get processedItems(): any[];
@@ -335,6 +338,7 @@ declare class MegaMenu extends BaseComponent<MegaMenuPassThrough> {
     scrollInView(index?: number): void;
     onItemChange(event: any): void;
     hide(event?: any, isFocus?: boolean): void;
+    onMenuMouseDown(event: any): void;
     onMenuFocus(event: any): void;
     onMenuBlur(event: any): void;
     onKeyDown(event: KeyboardEvent): void;

package/{menu/index.d.ts → types/primeng-menu.d.ts}

@@ -1,9 +1,9 @@
-import { MenuPassThrough } from 'primeng/types/menu';
+import { MenuPassThrough, MenuItemTemplateContext, MenuSubmenuHeaderTemplateContext } from 'primeng/types/menu';
 export * from 'primeng/types/menu';
 import * as i0 from '@angular/core';
 import { PipeTransform, EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { MenuItem, OverlayService, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -171,11 +171,13 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     baseZIndex: number;
     /**
      * Transition options of the show animation.
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      * @group Props
      */
     showTransitionOptions: string;
     /**
      * Transition options of the hide animation.
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      * @group Props
      */
     hideTransitionOptions: string;
@@ -205,6 +207,12 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
      * @group Props
      */
     appendTo: i0.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Callback to invoke when overlay menu is shown.
      * @group Emits
@@ -230,7 +238,7 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     listViewChild: Nullable<ElementRef>;
     containerViewChild: Nullable<ElementRef>;
     $appendTo: i0.Signal<any>;
-    container: HTMLDivElement | undefined;
+    container: any;
     scrollHandler: ConnectedOverlayScrollHandler | null | undefined;
     documentClickListener: VoidListener;
     documentResizeListener: VoidListener;
@@ -242,7 +250,6 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     selectedOptionIndex: any;
     focused: boolean | undefined;
     overlayVisible: boolean | undefined;
-    relativeAlign: boolean | undefined;
     $pcMenu: Menu | undefined;
     _componentStyle: MenuStyle;
     bindDirectiveInstance: Bind;
@@ -266,38 +273,41 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
      * Defines template option for start.
      * @group Templates
      */
-    startTemplate: TemplateRef<any> | undefined;
-    _startTemplate: TemplateRef<any> | undefined;
+    startTemplate: TemplateRef<void> | undefined;
+    _startTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for end.
      * @group Templates
      */
-    endTemplate: TemplateRef<any> | undefined;
-    _endTemplate: TemplateRef<any> | undefined;
+    endTemplate: TemplateRef<void> | undefined;
+    _endTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for header.
      * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<void> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
     /**
-     * Defines template option for item.
+     * Custom item template.
+     * @param {MenuItemTemplateContext} context - item context.
+     * @see {@link MenuItemTemplateContext}
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<MenuItemTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<MenuItemTemplateContext> | undefined;
     /**
-     * Defines template option for item.
+     * Custom submenu header template.
+     * @param {MenuSubmenuHeaderTemplateContext} context - submenu header context.
+     * @see {@link MenuSubmenuHeaderTemplateContext}
      * @group Templates
      */
-    submenuHeaderTemplate: TemplateRef<any> | undefined;
-    _submenuHeaderTemplate: TemplateRef<any> | undefined;
+    submenuHeaderTemplate: TemplateRef<MenuSubmenuHeaderTemplateContext> | undefined;
+    _submenuHeaderTemplate: TemplateRef<MenuSubmenuHeaderTemplateContext> | undefined;
     templates: QueryList<PrimeTemplate>;
     onAfterContentInit(): void;
     getTabIndexValue(): string | null;
-    onOverlayAnimationStart(event: AnimationEvent): void;
-    onOverlayAnimationEnd(event: AnimationEvent): void;
-    alignOverlay(): void;
+    onOverlayBeforeEnter(event: MotionEvent): void;
+    onOverlayAfterLeave(): void;
     appendOverlay(): void;
     restoreOverlayAppend(): void;
     moveOnTop(): void;
@@ -336,8 +346,9 @@ declare class Menu extends BaseComponent<MenuPassThrough> {
     onDestroy(): void;
     hasSubMenu(): boolean;
     isItemHidden(item: any): boolean;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "p-menu", never, { "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["startTemplate", "endTemplate", "headerTemplate", "itemTemplate", "submenuHeaderTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "p-menu", never, { "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["startTemplate", "endTemplate", "headerTemplate", "itemTemplate", "submenuHeaderTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_popup: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;