@ionic/core 8.8.6-dev.11777572994.1147595d → 8.8.6-dev.11777928681.1e4919af

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, ModalDragEventDetail } 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.
  *
@@ -219,6 +220,14 @@ 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.
      */
@@ -353,6 +362,7 @@ 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 } 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/animations/ios.enter.d.ts

@@ -0,0 +1,5 @@
+import type { Animation } from '../../../interface';
+/**
+ * iOS Picker Enter Animation
+ */
+export declare const iosEnterAnimation: (baseEl: HTMLElement) => Animation;

package/dist/types/components/picker-legacy/animations/ios.leave.d.ts

@@ -0,0 +1,5 @@
+import type { Animation } from '../../../interface';
+/**
+ * iOS Picker Leave Animation
+ */
+export declare const iosLeaveAnimation: (baseEl: HTMLElement) => Animation;

package/dist/types/components/picker-legacy/picker-interface.d.ts

@@ -0,0 +1,52 @@
+import type { AnimationBuilder, Mode } from '../../interface';
+export interface PickerOptions {
+    columns: PickerColumn[];
+    buttons?: PickerButton[];
+    cssClass?: string | string[];
+    showBackdrop?: boolean;
+    backdropDismiss?: boolean;
+    animated?: boolean;
+    mode?: Mode;
+    keyboardClose?: boolean;
+    id?: string;
+    htmlAttributes?: {
+        [key: string]: any;
+    };
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
+}
+export interface PickerButton {
+    text?: string;
+    role?: string;
+    cssClass?: string | string[];
+    handler?: (value: any) => boolean | void;
+}
+export interface PickerColumn {
+    name: string;
+    align?: string;
+    /**
+     * Changing this value allows the initial value of a picker column to be set.
+     */
+    selectedIndex?: number;
+    prevSelected?: number;
+    prefix?: string;
+    suffix?: string;
+    options: PickerColumnOption[];
+    cssClass?: string | string[];
+    columnWidth?: string;
+    prefixWidth?: string;
+    suffixWidth?: string;
+    optionsWidth?: string;
+}
+export interface PickerColumnOption {
+    text?: string;
+    value?: any;
+    disabled?: boolean;
+    duration?: number;
+    transform?: string;
+    selected?: boolean;
+    /**
+     * The optional text to assign as the aria-label on the picker column option.
+     */
+    ariaLabel?: string;
+}

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

@@ -0,0 +1,159 @@
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../../interface';
+import type { OverlayEventDetail } from '../../utils/overlays-interface';
+import type { PickerButton, PickerColumn } from './picker-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 Picker implements ComponentInterface, OverlayInterface {
+    private readonly delegateController;
+    private readonly lockController;
+    private readonly triggerController;
+    private durationTimeout?;
+    lastFocus?: HTMLElement;
+    el: HTMLIonPickerLegacyElement;
+    presented: boolean;
+    /** @internal */
+    overlayIndex: number;
+    /** @internal */
+    delegate?: FrameworkDelegate;
+    /** @internal */
+    hasController: boolean;
+    /**
+     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+     */
+    keyboardClose: boolean;
+    /**
+     * Animation to use when the picker is presented.
+     */
+    enterAnimation?: AnimationBuilder;
+    /**
+     * Animation to use when the picker is dismissed.
+     */
+    leaveAnimation?: AnimationBuilder;
+    /**
+     * Array of buttons to be displayed at the top of the picker.
+     */
+    buttons: PickerButton[];
+    /**
+     * Array of columns to be displayed in the picker.
+     */
+    columns: PickerColumn[];
+    /**
+     * Additional classes to apply for custom CSS. If multiple classes are
+     * provided they should be separated by spaces.
+     */
+    cssClass?: string | string[];
+    /**
+     * Number of milliseconds to wait before dismissing the picker.
+     */
+    duration: number;
+    /**
+     * If `true`, a backdrop will be displayed behind the picker.
+     */
+    showBackdrop: boolean;
+    /**
+     * If `true`, the picker will be dismissed when the backdrop is clicked.
+     */
+    backdropDismiss: boolean;
+    /**
+     * If `true`, the picker will animate.
+     */
+    animated: boolean;
+    /**
+     * Additional attributes to pass to the picker.
+     */
+    htmlAttributes?: {
+        [key: string]: any;
+    };
+    /**
+     * If `true`, the picker will open. If `false`, the picker will close.
+     * Use this if you need finer grained control over presentation, otherwise
+     * just use the pickerController or the `trigger` property.
+     * Note: `isOpen` will not automatically be set back to `false` when
+     * the picker dismisses. You will need to do that in your code.
+     */
+    isOpen: boolean;
+    onIsOpenChange(newValue: boolean, oldValue: boolean): void;
+    /**
+     * An ID corresponding to the trigger element that
+     * causes the picker to open when clicked.
+     */
+    trigger: string | undefined;
+    triggerChanged(): void;
+    /**
+     * Emitted after the picker has presented.
+     */
+    didPresent: EventEmitter<void>;
+    /**
+     * Emitted before the picker has presented.
+     */
+    willPresent: EventEmitter<void>;
+    /**
+     * Emitted before the picker has dismissed.
+     */
+    willDismiss: EventEmitter<OverlayEventDetail>;
+    /**
+     * Emitted after the picker has dismissed.
+     */
+    didDismiss: EventEmitter<OverlayEventDetail>;
+    /**
+     * Emitted after the picker has presented.
+     * Shorthand for ionPickerWillDismiss.
+     */
+    didPresentShorthand: EventEmitter<void>;
+    /**
+     * Emitted before the picker has presented.
+     * Shorthand for ionPickerWillPresent.
+     */
+    willPresentShorthand: EventEmitter<void>;
+    /**
+     * Emitted before the picker has dismissed.
+     * Shorthand for ionPickerWillDismiss.
+     */
+    willDismissShorthand: EventEmitter<OverlayEventDetail>;
+    /**
+     * Emitted after the picker has dismissed.
+     * Shorthand for ionPickerDidDismiss.
+     */
+    didDismissShorthand: EventEmitter<OverlayEventDetail>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /**
+     * Present the picker overlay after it has been created.
+     */
+    present(): Promise<void>;
+    /**
+     * Dismiss the picker overlay after it has been presented.
+     *
+     * @param data Any data to emit in the dismiss events.
+     * @param role The role of the element that is dismissing the picker.
+     * This can be useful in a button handler for determining which button was
+     * clicked to dismiss the picker.
+     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
+     */
+    dismiss(data?: any, role?: string): Promise<boolean>;
+    /**
+     * Returns a promise that resolves when the picker did dismiss.
+     */
+    onDidDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
+    /**
+     * Returns a promise that resolves when the picker will dismiss.
+     */
+    onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
+    /**
+     * Get the column that matches the specified name.
+     *
+     * @param name The name of the column.
+     */
+    getColumn(name: string): Promise<PickerColumn | undefined>;
+    private buttonClick;
+    private callButtonHandler;
+    private getSelected;
+    private onBackdropTap;
+    private dispatchCancelHandler;
+    render(): any;
+}

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

@@ -0,0 +1,46 @@
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { PickerColumn } from '../picker-legacy/picker-interface';
+/**
+ * @internal
+ */
+export declare class PickerColumnCmp implements ComponentInterface {
+    private bounceFrom;
+    private lastIndex?;
+    private minY;
+    private maxY;
+    private optHeight;
+    private rotateFactor;
+    private scaleFactor;
+    private velocity;
+    private y;
+    private optsEl?;
+    private gesture?;
+    private rafId?;
+    private tmrId?;
+    private noAnimate;
+    private colDidChange;
+    el: HTMLElement;
+    /**
+     * Emitted when the selected value has changed
+     * @internal
+     */
+    ionPickerColChange: EventEmitter<PickerColumn>;
+    /** Picker column data */
+    col: PickerColumn;
+    protected colChanged(): void;
+    connectedCallback(): Promise<void>;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private emitColChange;
+    private setSelected;
+    private update;
+    private decelerate;
+    private indexForY;
+    private onStart;
+    private onMove;
+    private onEnd;
+    private refresh;
+    private onDomChange;
+    render(): any;
+}

package/dist/types/components/picker-legacy-column/test/test.utils.d.ts

@@ -0,0 +1,9 @@
+import type { E2EPage, ScreenshotFn } from "../../../utils/test/playwright/index";
+/**
+ * Visual regression tests for picker-column.
+ * @param page - The page to run the tests on.
+ * @param screenshot - The screenshot function to generate unique screenshot names
+ * @param buttonSelector - The selector for the button that opens the picker.
+ * @param description - The description to amend to the screenshot names (typically 'single' or 'multiple').
+ */
+export declare function testPickerColumn(page: E2EPage, screenshot: ScreenshotFn, buttonSelector: string, description: string): Promise<void>;

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 {
@@ -83,7 +84,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;
@@ -144,12 +145,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"`.
@@ -35,5 +36,13 @@ export declare class ProgressBar implements ComponentInterface {
      * For more information on colors, see [theming](/docs/theming/basics).
      */
     color?: Color;
+    /**
+     * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"`
+     * for a progress bar without rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'round' | 'rectangular';
+    private getShape;
     render(): any;
 }

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,13 @@
 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.
+ *
+ * @part supporting-text - Supporting text displayed above the radios.
+ * @part helper-text - Supporting text displayed above the radios when the radio group is valid.
+ * @part error-text - Supporting text displayed above the radios when the radio group is invalid and touched.
+ */
 export declare class RadioGroup implements ComponentInterface {
     private inputId;
     private helperTextId;
@@ -56,6 +64,10 @@ export declare class RadioGroup implements ComponentInterface {
      */
     ionValueChange: EventEmitter<RadioGroupChangeEventDetail>;
     componentDidLoad(): void;
+    /** @internal - Recompute which radio has tabindex 0. Call when radios are added/removed. */
+    updateRadiosTabindex(): Promise<void>;
+    /** Ensures that the tabindex update is debounced and only called once. */
+    private scheduleTabindexUpdate;
     private setRadioTabindex;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;

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, RefresherPullEndEventDetail } 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,18 @@
 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

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

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

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

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