@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786730389.1a1927bf

package/dist/types/components/item/item.d.ts

@@ -3,8 +3,7 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color, StyleEventDetail } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the item text in LTR, and to the right in RTL.
@@ -37,14 +36,14 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
      */
     button: boolean;
     /**
-     * If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `theme`
-     * is `"ios"` and an `href` or `button` property is present.
+     * If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`
+     * is `ios` and an `href` or `button` property is present.
      */
     detail?: boolean;
     /**
      * The icon to use when `detail` is set to `true`.
      */
-    detailIcon?: string;
+    detailIcon: string;
     /**
      * If `true`, the user cannot interact with the item.
      */
@@ -122,11 +121,5 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
     private isFocusable;
     private hasStartEl;
     private getFirstInteractive;
-    get itemDetailIcon(): any;
-    /**
-     * The icon should be flipped when the app is RTL and
-     * the icon is a variation of chevron.
-     */
-    get shouldFlipIcon(): boolean;
     render(): any;
 }

package/dist/types/components/item-divider/item-divider.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the divider text in LTR, and to the right in RTL.

package/dist/types/components/item-group/item-group.d.ts

@@ -1,8 +1,4 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class ItemGroup implements ComponentInterface {
     render(): any;
 }

package/dist/types/components/item-option/item-option.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { AnchorInterface, ButtonInterface } from "../../utils/element-interface";
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the option text in LTR, and to the right in RTL.
@@ -44,13 +43,6 @@ export declare class ItemOption implements ComponentInterface, AnchorInterface,
      * If this property is set, an anchor tag will be rendered.
      */
     href: string | undefined;
-    /**
-     * Set to `"bold"` for an option with vibrant, bold colors or to `"subtle"` for
-     * an option with muted, subtle colors.
-     *
-     * Only applies to the `ionic` theme.
-     */
-    hue?: 'bold' | 'subtle';
     /**
      * Specifies the relationship of the target object to the link object.
      * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
@@ -66,15 +58,6 @@ export declare class ItemOption implements ComponentInterface, AnchorInterface,
      * The type of the button.
      */
     type: 'submit' | 'reset' | 'button';
-    /**
-     * Set to `"rectangular"` for non-rounded corners.
-     * Set to `"soft"` for slightly rounded corners.
-     * Set to `"round"` for fully rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     private onClick;
-    private getShape;
     render(): any;
 }

package/dist/types/components/item-options/item-options.d.ts

@@ -1,9 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Side } from '../menu/menu-interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class ItemOptions implements ComponentInterface {
     el: HTMLElement;
     /**

package/dist/types/components/item-sliding/item-sliding.d.ts

@@ -6,13 +6,8 @@ declare const enum SlidingState {
     End = 8,
     Start = 16,
     SwipeEnd = 32,
-    SwipeStart = 64,
-    AnimatingFullSwipe = 128
+    SwipeStart = 64
 }
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class ItemSliding implements ComponentInterface {
     private item;
     private openAmount;
@@ -21,7 +16,6 @@ export declare class ItemSliding implements ComponentInterface {
     private optsWidthLeftSide;
     private sides;
     private tmr?;
-    private animationAbortController?;
     private leftOptions?;
     private rightOptions?;
     private optsDirty;
@@ -29,9 +23,6 @@ export declare class ItemSliding implements ComponentInterface {
     private contentEl;
     private initialContentScrollY;
     private mutationObserver?;
-    private leftExpandableBaseWidth;
-    private rightExpandableBaseWidth;
-    private isIonicTheme;
     el: HTMLIonItemSlidingElement;
     state: SlidingState;
     /**
@@ -78,48 +69,11 @@ export declare class ItemSliding implements ComponentInterface {
      * return the first one available.
      */
     private getOptions;
-    /**
-     * Check if the given item options element contains at least one expandable, non-disabled option.
-     */
-    private hasExpandableOptions;
-    /**
-     * Returns a Promise that resolves after `ms` milliseconds, or rejects if the
-     * given AbortSignal is fired before the timer expires.
-     */
-    private delay;
-    /**
-     * Animate the item to a specific position using CSS transitions.
-     * Returns a Promise that resolves when the animation completes, or rejects if
-     * the given AbortSignal is fired.
-     */
-    private animateToPosition;
-    /**
-     * Calculate the swipe threshold distance required to trigger a full swipe animation.
-     * Returns the maximum options width plus a margin to ensure it's achievable.
-     */
-    private getSwipeThreshold;
-    /**
-     * Native (ios/md) full swipe: off-screen → fire swipe → return.
-     * Ionic theme uses `animateIonicFullSwipe` instead (see `onEndIonic`).
-     */
-    private animateFullSwipe;
-    private queryExpandableOption;
-    private getExpandableOption;
-    private getOpenDirectionFromAmount;
-    private getOptionsWidthForDirection;
-    private getExpandableBaseWidth;
-    private setIonicExpandableWidth;
-    private resetIonicExpandableOptions;
-    private updateIonicExpandableFromOpenAmount;
-    private animateIonicFullSwipe;
     private updateOptions;
     private canStart;
     private onStart;
     private onMove;
     private onEnd;
-    private restoreContentScrollAfterSlide;
-    private onEndNative;
-    private onEndIonic;
     private calculateOptsWidth;
     private setOpenAmount;
     private getSlidingRatioSync;

package/dist/types/components/item-sliding/test/test.utils.d.ts

@@ -1,17 +1,4 @@
 import type { E2EPage, ScreenshotFn } from "../../../utils/test/playwright/index";
-/**
- * Drag distances that reveal options without crossing the full swipe
- * threshold (`optsWidth` + `SWIPE_MARGIN`). A narrower options panel
- * requires a shorter drag.
- */
-export declare const DRAG_DISTANCE_SINGLE_OPTION = 100;
-export declare const DRAG_DISTANCE_MULTIPLE_OPTIONS = 150;
-/**
- * The number of drag steps used when revealing options. A higher step
- * count slows the drag velocity, keeping it below the full swipe
- * threshold in WebKit. See `dragElementBy` for more details.
- */
-export declare const DRAG_STEPS_UNDER_FULL_SWIPE = 15;
 /**
  * Warning: This function will fail when in RTL mode.
  * TODO(FW-3711): Remove the `directions` config when this issue preventing

package/dist/types/components/label/label.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Label implements ComponentInterface {
     private inRange;

package/dist/types/components/list/list.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class List implements ComponentInterface {
     el: HTMLElement;
@@ -13,18 +12,6 @@ export declare class List implements ComponentInterface {
      * If `true`, the list will have margin around it and rounded corners.
      */
     inset: boolean;
-    /**
-     * Set to `"soft"` for slightly rounded corners,
-     * `"round"` for fully rounded corners,
-     * or `"rectangular"` for no rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme
-     * when inset is `true`
-     * defaults to `"rectangular"` for the `ionic`
-     * theme when inset is `false`,
-     * undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * If `ion-item-sliding` are used inside the list, this method closes
      * any open sliding item.
@@ -32,6 +19,5 @@ export declare class List implements ComponentInterface {
      * Returns `true` if an actual `ion-item-sliding` is closed.
      */
     closeSlidingItems(): Promise<boolean>;
-    private getShape;
     render(): any;
 }

package/dist/types/components/list-header/list-header.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part inner - The inner wrapper element that arranges the list header content.
  */

package/dist/types/components/loading/loading-interface.d.ts

@@ -1,16 +1,21 @@
-import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { AnimationBuilder, Mode } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { SpinnerTypes } from '../spinner/spinner-configs';
-export interface LoadingOptions extends OverlayOptions {
+export interface LoadingOptions {
     spinner?: SpinnerTypes | null;
     message?: string | IonicSafeString;
     cssClass?: string | string[];
     showBackdrop?: boolean;
     duration?: number;
     translucent?: boolean;
+    animated?: boolean;
     backdropDismiss?: boolean;
+    mode?: Mode;
     keyboardClose?: boolean;
+    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
 }

package/dist/types/components/loading/loading.d.ts

@@ -4,8 +4,7 @@ import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { SpinnerTypes } from '../spinner/spinner-configs';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Loading implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -66,7 +65,7 @@ export declare class Loading implements ComponentInterface, OverlayInterface {
     spinner?: SpinnerTypes | null;
     /**
      * If `true`, the loading indicator will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * Only applies when the mode is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/menu/menu.d.ts

@@ -1,9 +1,6 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { MenuChangeEventDetail, MenuCloseEventDetail, MenuI, MenuType, Side } from './menu-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
  * @part container - The container for the menu content.
  * @part backdrop - The backdrop that appears over the main content when the menu is open.
  */

package/dist/types/components/menu-button/menu-button.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ButtonInterface } from "../../utils/element-interface";
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML button element that wraps all child elements.
  * @part icon - The menu button icon (uses ion-icon).
@@ -37,7 +36,6 @@ export declare class MenuButton implements ComponentInterface, ButtonInterface {
     componentWillLoad(): void;
     componentDidLoad(): void;
     visibilityChanged(): Promise<void>;
-    get menuIcon(): any;
     private onClick;
     render(): any;
 }

package/dist/types/components/menu-toggle/menu-toggle.d.ts

@@ -1,8 +1,5 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
  * @slot - Content is placed inside the toggle to act as the click target.
  */
 export declare class MenuToggle implements ComponentInterface {

package/dist/types/components/modal/gestures/sheet.d.ts

@@ -29,7 +29,7 @@ export interface MoveSheetToBreakpointOptions {
      */
     animated: boolean;
 }
-export declare const createSheetGesture: (baseEl: HTMLIonModalElement, backdropEl: HTMLIonBackdropElement, wrapperEl: HTMLElement, initialBreakpoint: number, backdropBreakpoint: number, animation: Animation, breakpoints: number[] | undefined, expandToScroll: boolean, getCurrentBreakpoint: () => number, onDismiss: () => void, onBreakpointChange: (breakpoint: number) => void, usePhysicsBasedGesture: boolean, onDragStart: () => void, onDragMove: (detail: ModalDragEventDetail) => void, onDragEnd: (detail: ModalDragEventDetail) => void) => {
+export declare const createSheetGesture: (baseEl: HTMLIonModalElement, backdropEl: HTMLIonBackdropElement, wrapperEl: HTMLElement, initialBreakpoint: number, backdropBreakpoint: number, animation: Animation, breakpoints: number[] | undefined, expandToScroll: boolean, getCurrentBreakpoint: () => number, onDismiss: () => void, onBreakpointChange: (breakpoint: number) => void, onDragStart: () => void, onDragMove: (detail: ModalDragEventDetail) => void, onDragEnd: (detail: ModalDragEventDetail) => void) => {
     gesture: import("@utils/gesture").Gesture;
     moveSheetToBreakpoint: (options: MoveSheetToBreakpointOptions) => Promise<void>;
     resetContentScroll: () => void;

package/dist/types/components/modal/modal-interface.d.ts

@@ -1,6 +1,5 @@
-import type { OverlayOptions } from "../../utils/overlays-interface";
-import type { ComponentProps, ComponentRef, FrameworkDelegate } from '../../interface';
-export interface ModalOptions<T extends ComponentRef = ComponentRef> extends OverlayOptions {
+import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';
+export interface ModalOptions<T extends ComponentRef = ComponentRef> {
     component: T;
     componentProps?: ComponentProps<T>;
     presentingElement?: HTMLElement;
@@ -8,12 +7,17 @@ export interface ModalOptions<T extends ComponentRef = ComponentRef> extends Ove
     backdropDismiss?: boolean;
     cssClass?: string | string[];
     delegate?: FrameworkDelegate;
+    animated?: boolean;
     canDismiss?: boolean | ((data?: any, role?: string) => Promise<boolean>);
     focusTrap?: boolean;
+    mode?: Mode;
     keyboardClose?: boolean;
+    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
     breakpoints?: number[];
     initialBreakpoint?: number;
     backdropBreakpoint?: number;
@@ -26,7 +30,6 @@ export interface ModalAnimationOptions {
     currentBreakpoint?: number;
     backdropBreakpoint?: number;
     expandToScroll: boolean;
-    staticBackdropOpacity?: boolean;
 }
 export interface ModalBreakpointChangeEventDetail {
     breakpoint: number;
@@ -62,4 +65,13 @@ export interface ModalDragEventDetail {
      * the gesture.
      */
     snapBreakpoint?: number;
+    /**
+     * Whether the modal is attempting to dismiss when the drag gesture
+     * ends. A `canDismiss` callback can still cancel the dismiss after
+     * this event is emitted, so use `ionModalDidDismiss` to confirm that
+     * the modal actually closed.
+     *
+     * This is only set on `ionDragEnd`.
+     */
+    isDismissing?: boolean;
 }

package/dist/types/components/modal/modal.d.ts

@@ -3,8 +3,7 @@ import type { Animation, AnimationBuilder, ComponentProps, ComponentRef, Framewo
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { ModalBreakpointChangeEventDetail, ModalHandleBehavior, ModalDragEventDetail } from './modal-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - Content is placed inside of the `.modal-content` element.
  *
@@ -115,11 +114,18 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     /**
      * The interaction behavior for the sheet modal when the handle is pressed.
      *
-     * Defaults to `"none"`, which  means the modal will not change size or position when the handle is pressed.
-     * Set to `"cycle"` to let the modal cycle between available breakpoints when pressed.
+     * Handle behavior is unavailable when the `handle` property is set to
+     * `false` or when the `breakpoints` property is not set (using a
+     * fullscreen or card modal).
      *
-     * Handle behavior is unavailable when the `handle` property is set to `false` or
-     * when the `breakpoints` property is not set (using a fullscreen or card modal).
+     * Set to `"cycle"` to make the handle focusable and let the sheet modal
+     * cycle between available breakpoints when pressed. This keeps the sheet
+     * operable with assistive technology.
+     *
+     * Set to `"none"` to make the handle purely decorative when pressed and
+     * removed from the tab order.
+     *
+     * Defaults to `"cycle"`.
      */
     handleBehavior?: ModalHandleBehavior;
     /**
@@ -222,14 +228,6 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
      * if you need to access `this` from within the callback.
      */
     canDismiss: boolean | ((data?: any, role?: string) => Promise<boolean>);
-    /**
-     * Set to `"soft"` for a modal with slightly rounded corners,
-     * `"round"` for a modal with fully rounded corners, or `"rectangular"`
-     * for a modal without rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Emitted after the modal has presented.
      */
@@ -364,7 +362,6 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
      */
     getCurrentBreakpoint(): Promise<number | undefined>;
     private moveToNextBreakpoint;
-    private getShape;
     private onHandleClick;
     private onBackdropTap;
     private onLifecycle;

package/dist/types/components/nav/nav-interface.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, Theme } from '../../interface';
+import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';
 import type { ViewController } from './view-controller';
 export type NavDirection = 'back' | 'forward';
 export type NavComponent = ComponentRef | ViewController;
@@ -26,22 +26,13 @@ export interface RouterOutletOptions {
     showGoBack?: boolean;
     direction?: NavDirection;
     deepWait?: boolean;
-    /**
-     * To change the default appearance of the component, use the `theme` option.
-     * Mode is used to change the platform behavior of the component.
-     */
     mode?: Mode;
-    /**
-     * The theme determines the visual appearance of the component.
-     */
-    theme?: Theme;
     keyboardClose?: boolean;
     skipIfBusy?: boolean;
     progressAnimation?: boolean;
 }
 export interface NavOptions extends RouterOutletOptions {
     progressAnimation?: boolean;
-    updateURL?: boolean;
     delegate?: FrameworkDelegate;
     viewIsReady?: (enteringEl: HTMLElement) => Promise<any>;
 }

package/dist/types/components/nav/nav.d.ts

@@ -1,17 +1,11 @@
-import type { EventEmitter } from '../../stencil-public-runtime';
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../interface';
-import type { NavOutlet, RouteID, RouteWrite, RouterDirection } from '../router/utils/interface';
 import type { NavComponent, NavComponentWithProps, NavOptions, TransitionDoneFn } from './nav-interface';
 import type { ViewController } from './view-controller';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
-export declare class Nav implements NavOutlet {
+export declare class Nav implements ComponentInterface {
     private transInstr;
     private sbAni?;
     private gestureOrAnimationInProgress;
-    private useRouter;
     private isTransitioning;
     private destroyed;
     private views;
@@ -30,7 +24,7 @@ export declare class Nav implements NavOutlet {
      */
     animated: boolean;
     /**
-     * By default `ion-nav` animates transition between pages based on the mode ("ios" or "md").
+     * By default `ion-nav` animates transition between pages based in the mode (ios or material design).
      * However, this property allows to create custom transition using `AnimationBuilder` functions.
      */
     animation?: AnimationBuilder;
@@ -145,24 +139,6 @@ export declare class Nav implements NavOutlet {
      * @param done The transition complete function.
      */
     setPages(views: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn): Promise<boolean>;
-    /**
-     * Called by the router to update the view.
-     *
-     * @param id The component tag.
-     * @param params The component params.
-     * @param direction A direction hint.
-     * @param animation an AnimationBuilder.
-     *
-     * @return the status.
-     * @internal
-     */
-    setRouteId(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder): Promise<RouteWrite>;
-    /**
-     * Called by <ion-router> to retrieve the current component.
-     *
-     * @internal
-     */
-    getRouteId(): Promise<RouteID | undefined>;
     /**
      * Get the active view.
      */

package/dist/types/components/nav-link/nav-link.d.ts

@@ -2,10 +2,6 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { AnimationBuilder, ComponentProps } from '../../interface';
 import type { NavComponent } from '../nav/nav-interface';
 import type { RouterDirection } from '../router/utils/interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class NavLink implements ComponentInterface {
     el: HTMLElement;
     /**

package/dist/types/components/note/note.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Note implements ComponentInterface {
     /**

package/dist/types/components/picker/picker.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { PickerChangeEventDetail } from './picker-interfaces';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Picker implements ComponentInterface {
     private inputEl?;

package/dist/types/components/picker-column/picker-column.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { PickerColumnChangeEventDetail, PickerColumnValue } from './picker-column-interfaces';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot prefix - Content to show on the left side of the picker options.
  * @slot suffix - Content to show on the right side of the picker options.

package/dist/types/components/picker-column-option/picker-column-option.d.ts

@@ -1,9 +1,5 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class PickerColumnOption implements ComponentInterface {
     /**
      * We keep track of the parent picker column

package/dist/types/components/popover/popover-interface.d.ts

@@ -1,9 +1,8 @@
-import type { OverlayOptions } from "../../utils/overlays-interface";
-import type { ComponentProps, ComponentRef, FrameworkDelegate, OverlayInterface } from '../../interface';
+import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, OverlayInterface } from '../../interface';
 export interface PopoverInterface extends OverlayInterface {
     present: (event?: MouseEvent | TouchEvent | PointerEvent) => Promise<void>;
 }
-export interface PopoverOptions<T extends ComponentRef = ComponentRef> extends OverlayOptions {
+export interface PopoverOptions<T extends ComponentRef = ComponentRef> {
     component: T;
     componentProps?: ComponentProps<T>;
     showBackdrop?: boolean;
@@ -14,10 +13,14 @@ export interface PopoverOptions<T extends ComponentRef = ComponentRef> extends O
     delegate?: FrameworkDelegate;
     animated?: boolean;
     focusTrap?: boolean;
+    mode?: Mode;
     keyboardClose?: boolean;
+    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
     size?: PopoverSize;
     dismissOnSelect?: boolean;
     reference?: PositionReference;