@ionic/core 8.2.1 → 8.2.2-dev.11717796763.1aa87d5c

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

@@ -1,4 +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;

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

@@ -1,6 +1,10 @@
 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,7 +2,8 @@ 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 which platform styles to use.
+ * @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 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)
@@ -100,7 +101,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 in `md` mode.
+     * `"outline"` the item will be transparent with a border. Only available when the theme is `"md"`.
      */
     fill?: 'outline' | 'solid';
     /**
@@ -128,8 +129,12 @@ 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.
      */
@@ -173,9 +178,12 @@ export declare class Input implements ComponentInterface {
      */
     required: boolean;
     /**
-     * The shape of the input. If "round" it will have an increased border radius.
+     * 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"`.
      */
-    shape?: 'round';
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * If `true`, the element will have its spelling and grammar checked.
      */
@@ -185,6 +193,11 @@ 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.
      */
@@ -272,6 +285,9 @@ export declare class Input implements ComponentInterface {
     private emitInputChange;
     private shouldClearOnEdit;
     private getValue;
+    private getLabelPlacement;
+    private getSize;
+    private getShape;
     private onInput;
     private onChange;
     private onBlur;
@@ -311,5 +327,15 @@ 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
+     * @returns {string} The icon to use for the clear icon.
+     */
+    get inputClearIcon(): string;
     render(): any;
 }

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

@@ -3,7 +3,8 @@ 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 which platform styles to use.
+ * @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 start - Content is placed to the left of the item text in LTR, and to the right in RTL.
@@ -30,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 `mode`
-     * 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 `theme`
+     * 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.
      */

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 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,4 +1,8 @@
 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,7 +2,8 @@ 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 which platform styles to use.
+ * @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 start - Content is placed to the left of the option text in LTR, and to the right in RTL.

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

@@ -1,5 +1,9 @@
 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,6 +8,10 @@ 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,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 Label implements ComponentInterface {
     private inRange;

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

@@ -1,6 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 List implements ComponentInterface {
     el: HTMLElement;

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 ListHeader implements ComponentInterface {
     /**

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

@@ -1,21 +1,16 @@
-import type { AnimationBuilder, Mode } from '../../interface';
+import type { OverlayOptions } from "../../utils/overlays-interface";
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { SpinnerTypes } from '../spinner/spinner-configs';
-export interface LoadingOptions {
+export interface LoadingOptions extends OverlayOptions {
     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,7 +4,8 @@ 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 which platform styles to use.
+ * @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 Loading implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -65,7 +66,7 @@ export declare class Loading implements ComponentInterface, OverlayInterface {
     spinner?: SpinnerTypes | null;
     /**
      * If `true`, the loading indicator will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme 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,6 +1,9 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { MenuChangeEventDetail, 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,7 +2,8 @@ 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 which platform styles to use.
+ * @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 native - The native HTML button element that wraps all child elements.
  * @part icon - The menu button icon (uses ion-icon).

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

@@ -1,5 +1,8 @@
 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/modal-interface.d.ts

@@ -1,5 +1,6 @@
-import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';
-export interface ModalOptions<T extends ComponentRef = ComponentRef> {
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { ComponentProps, ComponentRef, FrameworkDelegate } from '../../interface';
+export interface ModalOptions<T extends ComponentRef = ComponentRef> extends OverlayOptions {
     component: T;
     componentProps?: ComponentProps<T>;
     presentingElement?: HTMLElement;
@@ -7,17 +8,12 @@ export interface ModalOptions<T extends ComponentRef = ComponentRef> {
     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;

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

@@ -3,7 +3,8 @@ 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 which platform styles to use.
+ * @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 of the `.modal-content` element.
  *

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

@@ -1,4 +1,4 @@
-import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';
+import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, Theme } from '../../interface';
 import type { ViewController } from './view-controller';
 export type NavDirection = 'back' | 'forward';
 export type NavComponent = ComponentRef | ViewController;
@@ -26,7 +26,15 @@ 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,6 +3,10 @@ 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?;
@@ -26,7 +30,7 @@ export declare class Nav implements NavOutlet {
      */
     animated: boolean;
     /**
-     * By default `ion-nav` animates transition between pages based in the mode (ios or material design).
+     * By default `ion-nav` animates transition between pages based on the mode ("ios" or "md").
      * However, this property allows to create custom transition using `AnimationBuilder` functions.
      */
     animation?: AnimationBuilder;

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

@@ -2,6 +2,10 @@ 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,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 Note implements ComponentInterface {
     /**

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { PickerChangeEventDetail } from './picker-interfaces';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 Picker implements ComponentInterface {
     private inputEl?;

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

@@ -2,7 +2,8 @@ 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 which platform styles to use.
+ * @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 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,5 +1,9 @@
 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/picker-legacy/picker.d.ts

@@ -3,7 +3,8 @@ import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../.
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { PickerButton, PickerColumn } from './picker-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 Picker implements ComponentInterface, OverlayInterface {
     private readonly delegateController;

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

@@ -1,8 +1,9 @@
-import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, OverlayInterface } from '../../interface';
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { ComponentProps, ComponentRef, FrameworkDelegate, OverlayInterface } from '../../interface';
 export interface PopoverInterface extends OverlayInterface {
     present: (event?: MouseEvent | TouchEvent | PointerEvent) => Promise<void>;
 }
-export interface PopoverOptions<T extends ComponentRef = ComponentRef> {
+export interface PopoverOptions<T extends ComponentRef = ComponentRef> extends OverlayOptions {
     component: T;
     componentProps?: ComponentProps<T>;
     showBackdrop?: boolean;
@@ -13,14 +14,10 @@ export interface PopoverOptions<T extends ComponentRef = ComponentRef> {
     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;

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

@@ -3,12 +3,13 @@ import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { PopoverInterface, PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from './popover-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 of the `.popover-content` element.
  *
  * @part backdrop - The `ion-backdrop` element.
- * @part arrow - The arrow that points to the reference element. Only applies on `ios` mode.
+ * @part arrow - The arrow that points to the reference element. Only applies on `"ios"` theme.
  * @part content - The wrapper element for the default slot.
  */
 export declare class Popover implements ComponentInterface, PopoverInterface {
@@ -82,7 +83,7 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
     showBackdrop: boolean;
     /**
      * If `true`, the popover will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;
@@ -143,12 +144,12 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
     side: PositionSide;
     /**
      * Describes how to align the popover content with the `reference` point.
-     * Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
+     * Defaults to `"center"` for `"ios"` theme, and `"start"` for `"md"` theme.
      */
     alignment?: PositionAlign;
     /**
      * If `true`, the popover will display an arrow that points at the
-     * `reference` when running in `ios` mode. Does not apply in `md` mode.
+     * `reference` on `"ios"` theme.
      */
     arrow: boolean;
     /**

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 progress - The progress bar that shows the current value when `type` is `"determinate"` and slides back and forth when `type` is `"indeterminate"`.
  * @part stream - The animated circles that appear while buffering. This only shows when `buffer` is set and `type` is `"determinate"`.

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 - The label text to associate with the radio. Use the "labelPlacement" property to control where the label is placed relative to the radio.
  *

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

@@ -1,5 +1,9 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { RadioGroupChangeEventDetail, RadioGroupCompareFn } from './radio-group-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 RadioGroup implements ComponentInterface {
     private inputId;
     private labelId;

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

@@ -2,7 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue, PinFormatter } from './range-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 label - The label text to associate with the range. Use the "labelPlacement" property to control where the label is placed relative to the range.
  * @slot start - Content is placed to the left of the range slider in LTR, and to the right in RTL.

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { RefresherEventDetail } from './refresher-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 Refresher implements ComponentInterface {
     private appliedStyles;

package/dist/types/components/refresher-content/refresher-content.d.ts

@@ -1,6 +1,10 @@
 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 RefresherContent implements ComponentInterface {
     private customHTMLEnabled;
     el: HTMLIonRefresherContentElement;

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

@@ -1,9 +1,20 @@
 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.
+     *
+     * @returns {string} The icon to use for the handle icon.
+     */
+    get reorderHandleIcon(): string;
     render(): any;
 }

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

@@ -5,6 +5,10 @@ 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;