@ionic/core 8.3.4-dev.11730140347.1a5a7bee → 8.3.4-dev.11730315987.18af6259

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

@@ -1,18 +1,9 @@
 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.
- *
  * @part icon - The icon of the reorder handle (uses ion-icon).
  */
 export declare class Reorder implements ComponentInterface {
     el: HTMLIonReorderElement;
     onClick(ev: Event): void;
-    /**
-     * Get the icon to use for the handle icon.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get reorderHandleIcon(): string;
     render(): any;
 }

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

@@ -5,10 +5,6 @@ declare const enum ReorderGroupState {
     Active = 1,
     Complete = 2
 }
-/**
- * @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 ReorderGroup implements ComponentInterface {
     private selectedItemEl?;
     private selectedItemHeight;

package/dist/types/components/ripple-effect/ripple-effect.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 RippleEffect implements ComponentInterface {
     el: HTMLElement;
     /**

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

@@ -1,9 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { NavigationHookCallback } from './route-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 Route implements ComponentInterface {
     /**
      * Relative path that needs to match in order for this route to apply.

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

@@ -2,10 +2,6 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { BackButtonEvent } from "../../utils/hardware-back-button";
 import type { AnimationBuilder } from '../../interface';
 import type { RouterDirection, RouterEventDetail } from './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 Router implements ComponentInterface {
     private previousPath;
     private busy;

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

@@ -1,10 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { AnimationBuilder, Color } 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.
- */
 export declare class RouterLink implements ComponentInterface {
     /**
      * The color to use from your application's color palette.

package/dist/types/components/router-outlet/router-outlet.d.ts

@@ -2,9 +2,6 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../interface';
 import type { RouterOutletOptions, SwipeGestureHandler } from '../nav/nav-interface';
 import type { RouteID, RouterDirection, RouteWrite, NavOutlet } from '../router/utils/interface';
-/**
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     private readonly lockController;
     private activeEl;
@@ -15,7 +12,7 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     private gestureOrAnimationInProgress;
     el: HTMLElement;
     /**
-     * The mode determines the platform behaviors of the component.
+     * The mode determines which platform styles to use.
      */
     mode: import("../../interface").Mode;
     /** @internal */

package/dist/types/components/row/row.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 Row implements ComponentInterface {
     render(): any;
 }

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AutocompleteTypes, Color, StyleEventDetail } from '../../interface';
 import type { SearchbarChangeEventDetail, SearchbarInputEventDetail } from './searchbar-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 Searchbar implements ComponentInterface {
     private nativeInput?;
@@ -52,16 +51,16 @@ export declare class Searchbar implements ComponentInterface {
      */
     autocorrect: 'on' | 'off';
     /**
-     * Set the cancel button icon. Only available when the theme is `"md"`.
-     * Defaults to `"arrow-back-sharp"`.
+     * Set the cancel button icon. Only applies to `md` mode.
+     * Defaults to `arrow-back-sharp`.
      */
-    cancelButtonIcon?: string;
+    cancelButtonIcon: string;
     /**
-     * Set the the cancel button text. Only available when the theme is `"ios"`.
+     * Set the the cancel button text. Only applies to `ios` mode.
      */
     cancelButtonText: string;
     /**
-     * Set the clear icon. Defaults to `"close-circle"` for `"ios"` theme and `"close-sharp"` for `"md"` and `"ionic"` theme.
+     * Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.
      */
     clearIcon?: string;
     /**
@@ -108,8 +107,8 @@ export declare class Searchbar implements ComponentInterface {
      */
     placeholder: string;
     /**
-     * The icon to use as the search icon. Defaults to `"search-outline"` in
-     * the `"ios"` theme and `"search-sharp"` in the `"md"` and `"ionic"` themes.
+     * The icon to use as the search icon. Defaults to `search-outline` in
+     * `ios` mode and `search-sharp` in `md` mode.
      */
     searchIcon?: string;
     /**
@@ -266,26 +265,5 @@ export declare class Searchbar implements ComponentInterface {
      * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.
      */
     private shouldShowClearButton;
-    /**
-     * 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.
-     */
-    get searchbarClearIcon(): string;
-    /**
-     * Get the icon to use for the search 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.
-     */
-    get searchbarSearchIcon(): string;
-    /**
-     * Get the icon to use for the cancel 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.
-     */
-    get searchbarCancelIcon(): string;
     render(): any;
 }

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

@@ -3,8 +3,7 @@ import type { GestureDetail } from "../../utils/gesture/index";
 import type { Color, StyleEventDetail } from '../../interface';
 import type { SegmentChangeEventDetail, SegmentValue } from './segment-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 Segment implements ComponentInterface {
     private gesture?;

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

@@ -3,8 +3,7 @@ import type { ButtonInterface } from "../../utils/element-interface";
 import type { SegmentValue } from '../segment/segment-interface';
 import type { SegmentButtonLayout } from './segment-button-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 indicator - The indicator displayed on the checked segment button.

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

@@ -1,4 +1,4 @@
-export type SelectInterface = 'action-sheet' | 'popover' | 'alert';
+export type SelectInterface = 'action-sheet' | 'popover' | 'alert' | 'modal';
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 export interface SelectChangeEventDetail<T = any> {
     value: T;

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color, StyleEventDetail } from '../../interface';
 import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from './select-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 select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML.
  * @slot start - Content to display at the leading edge of the select.
@@ -51,18 +50,18 @@ export declare class Select implements ComponentInterface {
     disabled: boolean;
     /**
      * 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 in the `"md"` theme.
+     * `"outline"` the item will be transparent with a border. Only available in `md` mode.
      */
     fill?: 'outline' | 'solid';
     /**
-     * The interface the select should use: `action-sheet`, `popover` or `alert`.
+     * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
      */
     interface: SelectInterface;
     /**
      * Any additional options that the `alert`, `action-sheet` or `popover` interface
      * can take. See the [ion-alert docs](./alert), the
-     * [ion-action-sheet docs](./action-sheet) and the
-     * [ion-popover docs](./popover) for the
+     * [ion-action-sheet docs](./action-sheet), the
+     * [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the
      * create options for each interface.
      *
      * Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
@@ -120,13 +119,13 @@ export declare class Select implements ComponentInterface {
      */
     selectedText?: string | null;
     /**
-     * The toggle icon to use. Defaults to `"chevronExpand"` for the `"ios"` theme,
-     * or `"caretDownSharp"` for the `"md"` and `"ionic"` themes.
+     * The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,
+     * or `caretDownSharp` for `md` mode.
      */
     toggleIcon?: string;
     /**
      * The toggle icon to show when the select is open. If defined, the icon
-     * rotation behavior in `"md"` theme will be disabled. If undefined, `toggleIcon`
+     * rotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`
      * will be used for when the select is both open and closed.
      */
     expandedIcon?: string;
@@ -182,10 +181,11 @@ export declare class Select implements ComponentInterface {
     private updateOverlayOptions;
     private createActionSheetButtons;
     private createAlertInputs;
-    private createPopoverOptions;
+    private createOverlaySelectOptions;
     private openPopover;
     private openActionSheet;
     private openAlert;
+    private openModal;
     /**
      * Close the select interface.
      */
@@ -239,19 +239,5 @@ export declare class Select implements ComponentInterface {
     private renderSelectIcon;
     private get ariaLabel();
     private renderListbox;
-    /**
-     * Get the icon to use for the expand 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.
-     */
-    get selectExpandedIcon(): string;
-    /**
-     * Get the icon to use for the collapsed 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.
-     */
-    get selectCollapsedIcon(): string;
     render(): any;
 }

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

@@ -0,0 +1,10 @@
+export interface SelectModalOption {
+    text: string;
+    value: string;
+    disabled: boolean;
+    checked: boolean;
+    cssClass?: string | string[];
+    handler?: (value: any) => boolean | void | {
+        [key: string]: any;
+    };
+}

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

@@ -0,0 +1,16 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+import type { SelectModalOption } from './select-modal-interface';
+export declare class SelectModal implements ComponentInterface {
+    el: HTMLIonSelectModalElement;
+    header?: string;
+    multiple?: boolean;
+    options: SelectModalOption[];
+    private closeModal;
+    private findOptionFromEvent;
+    private getValues;
+    private callOptionHandler;
+    private setChecked;
+    private renderRadioOptions;
+    private renderCheckboxOptions;
+    render(): any;
+}

package/dist/types/components/select-modal/test/fixtures.d.ts

@@ -0,0 +1,16 @@
+import type { E2EPage, E2ELocator, EventSpy, E2EPageOptions, ScreenshotFn } from "../../../utils/test/playwright/index";
+import type { SelectModalOption } from '../select-modal-interface';
+export declare class SelectModalPage {
+    private page;
+    private multiple?;
+    private options;
+    modal: E2ELocator;
+    selectModal: E2ELocator;
+    ionModalDidDismiss: EventSpy;
+    constructor(page: E2EPage);
+    setup(config: E2EPageOptions, options: SelectModalOption[], multiple?: boolean): Promise<void>;
+    screenshot(screenshot: ScreenshotFn, name: string): Promise<void>;
+    clickOption(value: string): Promise<void>;
+    pressSpaceOnOption(value: string): Promise<void>;
+    private getOption;
+}

package/dist/types/components/select-option/select-option.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 SelectOption implements ComponentInterface {
     private inputId;
     el: HTMLElement;

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

@@ -1,9 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { SelectPopoverOption } from './select-popover-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.
- *
  * @internal
  */
 export declare class SelectPopover implements ComponentInterface {

package/dist/types/components/skeleton-text/skeleton-text.d.ts

@@ -1,9 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { 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.
- */
 export declare class SkeletonText implements ComponentInterface {
     el: HTMLElement;
     /**

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

@@ -1,10 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 import type { SpinnerTypes } from './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 Spinner implements ComponentInterface {
     /**
      * The color to use from your application's color palette.
@@ -25,17 +21,6 @@ export declare class Spinner implements ComponentInterface {
      * If `true`, the spinner's animation will be paused.
      */
     paused: boolean;
-    /**
-     * Set to `"xsmall"` for the smallest size.
-     * Set to `"small"` for a smaller size.
-     * Set to `"medium"` for a medium size.
-     * Set to `"large"` for a large size.
-     * Set to `"xlarge"` for the largest size.
-     *
-     * Defaults to `"xsmall"` for the `ionic` theme, undefined for all other themes.
-     */
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     private getName;
-    private getSize;
     render(): any;
 }

package/dist/types/components/split-pane/split-pane.d.ts

@@ -1,8 +1,4 @@
 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 SplitPane implements ComponentInterface {
     private rmL?;
     el: HTMLElement;

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

@@ -1,9 +1,5 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ComponentRef, FrameworkDelegate } 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 Tab implements ComponentInterface {
     private loaded;
     el: HTMLIonTabElement;

package/dist/types/components/tab-bar/tab-bar.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { TabBarChangedEventDetail } from './tab-bar-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 TabBar implements ComponentInterface {
     private keyboardCtrl;
@@ -22,28 +21,10 @@ export declare class TabBar implements ComponentInterface {
     selectedTabChanged(): void;
     /**
      * If `true`, the tab bar 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;
-    /**
-     * Set to `"compact"` to display a width based on the items
-     * inside the tab bar. This value will only work for the
-     * `ionic` theme.
-     *
-     * Set to `"full"` to display a full width tab bar.
-     *
-     * Defaults to `"full"`.
-     */
-    expand: 'compact' | 'full';
-    /**
-     * Set to `"soft"` for a tab bar with slightly rounded corners,
-     * `"round"` for a tab bar with fully rounded corners, or
-     * `"rectangular"` for a tab bar without rounded corners.
-     *
-     * Defaults to `"round"` for the `"ionic"` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /** @internal */
     ionTabBarChanged: EventEmitter<TabBarChangedEventDetail>;
     /**
@@ -57,6 +38,5 @@ export declare class TabBar implements ComponentInterface {
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     componentDidLoad(): void;
-    private getShape;
     render(): any;
 }

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AnchorInterface } from "../../utils/element-interface";
 import type { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from '../tab-bar/tab-bar-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 anchor element that wraps all child elements.
  */

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

@@ -1,9 +1,6 @@
 import type { EventEmitter } from '../../stencil-public-runtime';
 import type { NavOutlet, RouteID, RouteWrite } 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.
- *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot top - Content is placed at the top of the screen.
  * @slot bottom - Content is placed at the bottom of the screen.

package/dist/types/components/text/text.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 Text implements ComponentInterface {
     /**

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-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 textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)
  * @slot start - Content to display at the leading edge of the textarea. (EXPERIMENTAL)
@@ -63,7 +62,7 @@ export declare class Textarea implements ComponentInterface {
     disabled: boolean;
     /**
      * 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';
     /**
@@ -166,19 +165,9 @@ export declare class Textarea implements ComponentInterface {
      */
     labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
     /**
-     * Set to `"soft"` for a textarea with slightly rounded corners,
-     * `"round"` for a textarea with fully rounded corners, or `"rectangular"`
-     * for a textarea without rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * The size of the textarea. If "large" it will increase the height of the textarea, while
-     * "small" and "medium" provide progressively smaller heights. The default size is "medium".
-     * This property only applies to the `"ionic"` theme.
+     * The shape of the textarea. If "round" it will have an increased border radius.
      */
-    size?: 'small' | 'medium' | 'large';
+    shape?: 'round';
     /**
      * Update the native input element when the value changes
      */
@@ -260,7 +249,6 @@ export declare class Textarea implements ComponentInterface {
      * the `labelText` getter instead.
      */
     private get hasLabel();
-    private getShape;
     /**
      * Renders the border container when fill="outline".
      */

package/dist/types/components/thumbnail/thumbnail.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 Thumbnail implements ComponentInterface {
     render(): any;
 }

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

@@ -1,9 +1,5 @@
 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.
- */
 export declare class ToolbarTitle implements ComponentInterface {
     el: HTMLElement;
     /**

package/dist/types/components/toast/animations/utils.d.ts

@@ -1,4 +1,4 @@
-import type { Mode } from '../../../interface';
+import type { Mode } from "../../../interface";
 import type { ToastAnimationPosition, ToastPosition } from '../toast-interface';
 /**
  * Calculate the CSS top and bottom position of the toast, to be used
@@ -14,7 +14,7 @@ import type { ToastAnimationPosition, ToastPosition } from '../toast-interface';
  * @param position The value of the toast's position prop.
  * @param positionAnchor The element the toast should be anchored to,
  * if applicable.
- * @param mode The toast component's platform (md or ios).
+ * @param mode The toast component's mode (md, ios, etc).
  * @param toast A reference to the toast element itself.
  */
 export declare function getAnimationPosition(position: ToastPosition, positionAnchor: HTMLElement | undefined, mode: Mode, toast: HTMLElement): ToastAnimationPosition;

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

@@ -1,7 +1,6 @@
-import type { OverlayOptions } from "../../utils/overlays-interface";
-import type { Color, LiteralUnion } from '../../interface';
+import type { AnimationBuilder, Color, LiteralUnion, Mode } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
-export interface ToastOptions extends OverlayOptions {
+export interface ToastOptions {
     header?: string;
     message?: string | IonicSafeString;
     cssClass?: string | string[];
@@ -11,13 +10,18 @@ export interface ToastOptions extends OverlayOptions {
     positionAnchor?: HTMLElement | string;
     swipeGesture?: ToastSwipeGestureDirection;
     translucent?: boolean;
+    animated?: boolean;
     icon?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
     layout?: ToastLayout;
     color?: Color;
+    mode?: Mode;
     keyboardClose?: boolean;
+    id?: string;
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
 }
 export type ToastLayout = 'baseline' | 'stacked';
 export interface ToastButton {