@ionic/core 8.7.16-dev.11767106094.1edd9cde → 8.7.16-dev.11767205737.13557925

package/dist/types/components/header/header.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 Header implements ComponentInterface {
     private scrollEl?;
@@ -12,19 +11,14 @@ export declare class Header implements ComponentInterface {
     el: HTMLElement;
     /**
      * Describes the scroll effect that will be applied to the header.
-     * Only applies when the theme is `"ios"`.
+     * Only applies in iOS mode.
      *
      * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
      */
     collapse?: 'condense' | 'fade';
-    /**
-     * If `true`, the header will have a line at the bottom.
-     * TODO(ROU-10855): add support for this prop on ios/md themes
-     */
-    divider: boolean;
     /**
      * If `true`, the header will be translucent.
-     * Only applies when the theme is `"ios"` or `"ionic"` 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).
      *
      * Note: In order to scroll content behind the header, the `fullscreen`

package/dist/types/components/header/header.utils.d.ts

@@ -27,9 +27,9 @@ export declare const handleHeaderFade: (scrollEl: HTMLElement, baseEl: HTMLEleme
  *
  * @param isInsideMenu If ion-header is inside ion-menu.
  * @param isCondensed If ion-header has collapse="condense".
- * @param theme The current theme.
+ * @param mode The current mode.
  * @returns 'none' if inside ion-menu or if condensed in md
- * theme, otherwise 'banner'.
+ * mode, otherwise 'banner'.
  */
-export declare const getRoleType: (isInsideMenu: boolean, isCondensed: boolean, theme: "ios" | "md" | "ionic") => "none" | "banner";
+export declare const getRoleType: (isInsideMenu: boolean, isCondensed: boolean, mode: "ios" | "md") => "none" | "banner";
 export {};

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

@@ -1,8 +1,5 @@
 import type { ComponentInterface, EventEmitter } 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.
- *
  * @part image - The inner `img` element.
  */
 export declare class Img implements ComponentInterface {

package/dist/types/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,13 +1,8 @@
 import type { ComponentInterface, EventEmitter } 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 InfiniteScroll implements ComponentInterface {
     private thrPx;
     private thrPc;
     private scrollEl?;
-    private minHeightLocked;
     /**
      * didFire exists so that ionInfinite
      * does not fire multiple times if
@@ -46,12 +41,6 @@ export declare class InfiniteScroll implements ComponentInterface {
      * The value can be either `top` or `bottom`.
      */
     position: 'top' | 'bottom';
-    /**
-     * If `true`, the infinite scroll will preserve the scroll position
-     * when the content is re-rendered. This is useful when the content is
-     * re-rendered with new keys, and the scroll position should be preserved.
-     */
-    preserveRerenderScrollPosition: boolean;
     /**
      * Emitted when the scroll reaches
      * the threshold distance. From within your infinite handler,
@@ -62,16 +51,6 @@ export declare class InfiniteScroll implements ComponentInterface {
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     private onScroll;
-    /**
-     * Loop through our sibling elements and lock or unlock their min height.
-     * This keeps our siblings, for example `ion-list`, the same height as their
-     * content currently is, so when it loads new data and the DOM removes the old
-     * data, the height of the container doesn't change and we don't lose our scroll position.
-     *
-     * We preserve existing min-height values, if they're set, so we don't erase what
-     * has been previously set by the user when we restore after complete is called.
-     */
-    private lockSiblingMinHeight;
     /**
      * Call `complete()` within the `ionInfinite` output event handler when
      * your async operation has completed. For example, the `loading`

package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts

@@ -1,10 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 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.
- */
 export declare class InfiniteScrollContent implements ComponentInterface {
     private customHTMLEnabled;
     /**

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AutocompleteTypes, Color, TextFieldTypes } from '../../interface';
 import type { InputChangeEventDetail, InputInputEventDetail } from './input-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 label - The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)
  * @slot start - Content to display at the leading edge of the input. (EXPERIMENTAL)
@@ -116,7 +115,7 @@ export declare class Input implements ComponentInterface {
     errorText?: string;
     /**
      * The fill for the item. If `"solid"` the item will have a background. If
-     * `"outline"` the item will be transparent with a border. Only available when the theme is `"md"`.
+     * `"outline"` the item will be transparent with a border. Only available in `md` mode.
      */
     fill?: 'outline' | 'solid';
     /**
@@ -144,12 +143,8 @@ export declare class Input implements ComponentInterface {
      * `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.
      * `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.
      * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
-     *
-     * Defaults to "stacked" for the ionic theme, or "start" for all other themes.
-     *
-     * In the ionic theme, only the values "stacked" and "floating" are supported.
      */
-    labelPlacement?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
+    labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
     /**
      * The maximum value, which must not be less than its minimum (min attribute) value.
      */
@@ -193,12 +188,9 @@ export declare class Input implements ComponentInterface {
      */
     required: boolean;
     /**
-     * Set to `"soft"` for an input with slightly rounded corners, `"round"` for an input with fully
-     * rounded corners, or `"rectangular"` for an input without rounded corners.
-     * Defaults to `"round"` for the ionic theme, and `undefined` for all other themes.
-     * Only applies when the fill is set to `"solid"` or `"outline"`.
+     * The shape of the input. If "round" it will have an increased border radius.
      */
-    shape?: 'soft' | 'round' | 'rectangular';
+    shape?: 'round';
     /**
      * If `true`, the element will have its spelling and grammar checked.
      */
@@ -208,11 +200,6 @@ export declare class Input implements ComponentInterface {
      * Possible values are: `"any"` or a positive floating point number.
      */
     step?: string;
-    /**
-     * The size of the input. If "large", it will have an increased height. By default the
-     * size is medium. This property only applies to the `"ionic"` theme.
-     */
-    size?: 'medium' | 'large' | 'xlarge';
     /**
      * The type of control to display. The default type is text.
      */
@@ -313,10 +300,6 @@ export declare class Input implements ComponentInterface {
     private emitInputChange;
     private shouldClearOnEdit;
     private getValue;
-    private getFill;
-    private getLabelPlacement;
-    private getSize;
-    private getShape;
     private onInput;
     private onChange;
     private onBlur;
@@ -362,14 +345,5 @@ export declare class Input implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
-    /**
-     * Get the icon to use for the clear icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     *
-     * @internal
-     */
-    get inputClearIcon(): string;
     render(): any;
 }

package/dist/types/components/input-password-toggle/input-password-toggle.d.ts

@@ -33,7 +33,5 @@ export declare class InputPasswordToggle implements ComponentInterface {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private togglePasswordVisibility;
-    get inputPasswordHideIcon(): any;
-    get inputPasswordShowIcon(): any;
     render(): any;
 }

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.
@@ -32,14 +31,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.
      */
@@ -101,11 +100,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.
@@ -42,13 +41,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).
@@ -64,15 +56,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

@@ -8,10 +8,6 @@ declare const enum SlidingState {
     SwipeEnd = 32,
     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;

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.
  */
 export declare class ListHeader implements ComponentInterface {
     /**

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, staticBackdropOpacity: 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, onGestureMove?: () => void) => {
     gesture: import("@utils/gesture").Gesture;
     moveSheetToBreakpoint: (options: MoveSheetToBreakpointOptions) => Promise<void>;
 };

package/dist/types/components/modal/gestures/swipe-to-close.d.ts

@@ -3,4 +3,4 @@ import type { Style as StatusBarStyle } from '../../../utils/native/status-bar';
 export declare const SwipeToCloseDefaults: {
     MIN_PRESENTING_SCALE: number;
 };
-export declare const createSwipeToCloseGesture: (el: HTMLIonModalElement, animation: Animation, statusBarStyle: StatusBarStyle, onDismiss: () => void) => import("@utils/gesture").Gesture;
+export declare const createSwipeToCloseGesture: (el: HTMLIonModalElement, animation: Animation, statusBarStyle: StatusBarStyle, onDismiss: () => void, onGestureMove?: () => void) => import("@utils/gesture").Gesture;

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;

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 } 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.
  *
@@ -38,6 +37,7 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     private parentRemovalObserver?;
     private cachedOriginalParent?;
     private cachedPageParent?;
+    private skipSafeAreaCoordinateDetection;
     lastFocus?: HTMLElement;
     animation?: Animation;
     presented: boolean;
@@ -215,14 +215,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.
      */
@@ -312,6 +304,29 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
      * Removes passthrough styles added by setupChildRoutePassthrough.
      */
     private cleanupChildRoutePassthrough;
+    /**
+     * Sets initial safe-area overrides based on modal configuration before
+     * the modal becomes visible. This predicts whether the modal will touch
+     * screen edges to avoid a visual snap after animation completes.
+     */
+    private setInitialSafeAreaOverrides;
+    /**
+     * Applies safe-area handling for fullscreen modals.
+     * Adds wrapper padding when no footer is present to prevent
+     * content from overlapping system navigation areas.
+     */
+    private applyFullscreenSafeArea;
+    /**
+     * Sets all safe-area CSS variables to 0px for modals that
+     * don't touch screen edges.
+     */
+    private zeroAllSafeAreas;
+    /**
+     * Updates safe-area CSS variable overrides based on whether the modal
+     * is touching each edge of the viewport. Called after animation
+     * and during gestures to handle dynamic position changes.
+     */
+    private updateSafeAreaOverrides;
     private sheetOnDismiss;
     /**
      * Dismiss the modal overlay after it has been presented.
@@ -344,7 +359,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,15 +26,7 @@ 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;

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

@@ -3,10 +3,6 @@ import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../
 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 {
     private transInstr;
     private sbAni?;
@@ -30,7 +26,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;