@ionic/core 8.8.9-dev.11780493108.1d8e1a89 → 8.8.9-dev.11780604658.184bb991

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

@@ -3,13 +3,12 @@ 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 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 `.popover-content` element.
  *
  * @part backdrop - The `ion-backdrop` element.
- * @part arrow - The arrow that points to the reference element. Only applies on `"ios"` theme.
+ * @part arrow - The arrow that points to the reference element. Only applies on `ios` mode.
  * @part content - The wrapper element for the default slot.
  */
 export declare class Popover implements ComponentInterface, PopoverInterface {
@@ -84,7 +83,7 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
     showBackdrop: boolean;
     /**
      * If `true`, the popover 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;
@@ -145,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"` theme, and `"start"` for `"md"` theme.
+     * Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
      */
     alignment?: PositionAlign;
     /**
      * If `true`, the popover will display an arrow that points at the
-     * `reference` on `"ios"` theme.
+     * `reference` when running in `ios` mode. Does not apply in `md` mode.
      */
     arrow: boolean;
     /**

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

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part 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"`.
@@ -36,13 +35,5 @@ 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,8 +1,7 @@
 import type { ComponentInterface, EventEmitter } 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 - 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,13 +1,5 @@
 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;
@@ -64,10 +56,6 @@ 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,8 +2,7 @@ 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 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 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,8 +1,7 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { RefresherEventDetail, RefresherPullEndEventDetail } from './refresher-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 Refresher implements ComponentInterface {
     private appliedStyles;

package/dist/types/components/refresher-content/refresher-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 RefresherContent implements ComponentInterface {
     private customHTMLEnabled;
     el: HTMLIonRefresherContentElement;

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

@@ -6,10 +6,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 */
@@ -26,6 +23,12 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     animated: boolean;
     /** This property allows to create custom transition using AnimationBuilder functions. */
     animation?: AnimationBuilder;
+    /**
+     * If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.
+     * Defaults to `true` for `"ios"` mode and `false` for `"md"` mode.
+     */
+    swipeGesture?: boolean;
+    swipeGestureChanged(): void;
     /** @internal */
     swipeHandler?: SwipeGestureHandler;
     swipeHandlerChanged(): void;
@@ -37,6 +40,7 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     ionNavDidChange: EventEmitter<void>;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
+    private updateGestureEnabled;
     disconnectedCallback(): void;
     /** @internal */
     commit(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions): Promise<boolean>;

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,18 +51,18 @@ export declare class Searchbar implements ComponentInterface {
     /**
      * Set the input's autocorrect property.
      */
-    autocorrect: 'on' | 'off';
+    autocorrect: boolean;
     /**
-     * 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 cancel button text. Only available when the theme is `"ios"`.
+     * Set 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;
     /**
@@ -110,11 +109,10 @@ 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.
-     * If `false`, no search icon will be displayed.
+     * The icon to use as the search icon. Defaults to `search-outline` in
+     * `ios` mode and `search-sharp` in `md` mode.
      */
-    searchIcon?: string | boolean;
+    searchIcon?: string;
     /**
      * Sets the behavior for the cancel button. Defaults to `"never"`.
      * Setting to `"focus"` shows the cancel button on focus.
@@ -144,21 +142,6 @@ export declare class Searchbar implements ComponentInterface {
      * the value of the searchbar.
      */
     value?: string | null;
-    /**
-     * Set to `"soft"` for a searchbar with slightly rounded corners,
-     * `"round"` for a searchbar with fully rounded corners,
-     * or `"rectangular"` for a searchbar without rounded corners.
-     *
-     * Defaults to `"round"` for the ionic theme, and `undefined` for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * Set to `"large"` for a searchbar with an increase in height,
-     * while "small" and "medium" provide progressively smaller heights.
-     *
-     * Defaults to `"medium"` for the ionic theme, and `undefined` for all other themes.
-     */
-    size?: 'small' | 'medium' | 'large';
     /**
      * Emitted when the `value` of the `ion-searchbar` element has changed.
      */
@@ -269,7 +252,6 @@ export declare class Searchbar implements ComponentInterface {
     private positionCancelButton;
     private getValue;
     private hasValue;
-    private shouldShowSearchIcon;
     /**
      * Determines whether or not the cancel button should be visible onscreen.
      * Cancel button should be shown if one of two conditions applies:
@@ -282,31 +264,7 @@ export declare class Searchbar implements ComponentInterface {
      * Clear button should be shown if one of two conditions applies:
      * 1. `showClearButton` is set to `always`.
      * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.
-     * Unless the `theme` is `ionic` and the searchbar is disabled.
      */
     private shouldShowClearButton;
-    private getShape;
-    private getSize;
-    /**
-     * 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

@@ -4,8 +4,7 @@ import type { Color, StyleEventDetail } from '../../interface';
 import type { SegmentViewScrollEvent } from '../segment-view/segment-view-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,6 +1,3 @@
-import type { ActionSheetButton } from '../action-sheet/action-sheet-interface';
-import type { AlertInput } from '../alert/alert-interface';
-import type { SelectPopoverOption } from '../select-popover/select-popover-interface';
 export type SelectInterface = 'action-sheet' | 'popover' | 'alert' | 'modal';
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 export interface SelectChangeEventDetail<T = any> {
@@ -10,23 +7,3 @@ export interface SelectCustomEvent<T = any> extends CustomEvent {
     detail: SelectChangeEventDetail<T>;
     target: HTMLIonSelectElement;
 }
-export interface SelectActionSheetButton extends Omit<ActionSheetButton, 'text'>, RichContentOption {
-    /** The main text for the option as a string or an HTMLElement. */
-    text?: string | HTMLElement;
-}
-export interface SelectAlertInput extends Omit<AlertInput, 'label'>, RichContentOption {
-    /** The main label for the option as a string or an HTMLElement. */
-    label?: string | HTMLElement;
-}
-export interface SelectOverlayOption extends Omit<SelectPopoverOption, 'text'>, RichContentOption {
-    /** The main text for the option as a string or an HTMLElement. */
-    text?: string | HTMLElement;
-}
-export interface RichContentOption {
-    /** Content to display at the start of the option. */
-    startContent?: HTMLElement;
-    /** Content to display at the end of the option. */
-    endContent?: HTMLElement;
-    /** A description for the option. */
-    description?: string;
-}

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.
@@ -33,7 +32,6 @@ export declare class Select implements ComponentInterface {
     private notchSpacerEl;
     private validationObserver?;
     private notchController?;
-    private customHTMLEnabled;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
     /**
@@ -54,14 +52,6 @@ export declare class Select implements ComponentInterface {
      * The text to display on the cancel button.
      */
     cancelText: string;
-    /**
-     * If `true`, the cancel button will display an icon instead of the `cancelText`.
-     * Only applies when `interface` is set to `"modal"`. Has no effect on `"action-sheet"`,
-     * `"alert"`, or `"popover"` interfaces.
-     * When `cancelIcon` is `true`, the `cancelText` property is ignored for display
-     * but is used as the accessible label for the icon button.
-     */
-    cancelIcon: boolean;
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
@@ -83,7 +73,7 @@ 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';
     /**
@@ -160,41 +150,30 @@ 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;
     /**
-     * If true, screen readers will announce it as a required field. This property
-     * works only for accessibility purposes, it will not prevent the form from
-     * submitting if the value is invalid.
-     */
-    required: boolean;
-    /**
-     * Set to `"soft"` for a select with slightly rounded corners,
-     * `"round"` for a select with fully rounded corners,
-     * or `"rectangular"` for a select without rounded corners.
-     *
-     * Defaults to `"round"` for the `"ionic"` theme, undefined for all other themes.
+     * The shape of the select. If "round" it will have an increased border radius.
      */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * The size of the select. If "large" it will increase the height of the select, while
-     * "small" and "medium" provide progressively smaller heights.
-     *
-     * Defaults to `"medium"` for the ionic theme, and  undefined for all other themes.
-     */
-    size?: 'small' | 'medium' | 'large';
+    shape?: 'round';
     /**
      * The value of the select.
      */
     value?: any | null;
+    /**
+     * If true, screen readers will announce it as a required field. This property
+     * works only for accessibility purposes, it will not prevent the form from
+     * submitting if the value is invalid.
+     */
+    required: boolean;
     /**
      * Emitted when the value has changed.
      *
@@ -224,6 +203,7 @@ export declare class Select implements ComponentInterface {
     ionStyle: EventEmitter<StyleEventDetail>;
     protected styleChanged(): void;
     private setValue;
+    private isValueEqual;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -259,19 +239,12 @@ export declare class Select implements ComponentInterface {
      * was passed.
      */
     private get labelText();
-    /**
-     * Returns the text to display in the select based on the selected value.
-     *
-     * @param useHTML If `true`, the returned text will include any custom HTML content from the selected option. If `false`, the returned text will be plain text without any HTML. Defaults to `false`.
-     * @returns The text to display in the select, either with or without HTML based on the `useHTML` parameter.
-     */
     private getText;
     private setFocus;
     private emitStyle;
     private onClick;
     private onFocus;
     private onBlur;
-    private getSize;
     private renderLabel;
     componentDidRender(): void;
     /**
@@ -296,16 +269,6 @@ export declare class Select implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
-    /**
-     * Wraps text nodes in the select text with span elements
-     * so spacing can be added between elements without
-     * changing the display to prevent losing the ellipses
-     * behavior.
-     *
-     * Only wraps when the string contains HTML elements
-     * alongside text.
-     */
-    private wrapSelectTextNodes;
     /**
      * Renders either the placeholder
      * or the selected values based on
@@ -319,21 +282,6 @@ export declare class Select implements ComponentInterface {
     private renderSelectIcon;
     private get ariaLabel();
     private renderListbox;
-    private getShape;
-    /**
-     * 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;
     private getHintTextId;
     /**
      * Renders the helper text or error text values

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

@@ -8,12 +8,6 @@ export declare class SelectModal implements ComponentInterface {
      * The text to display on the cancel button.
      */
     cancelText: string;
-    /**
-     * If `true`, the cancel button will display a close icon instead of the `cancelText`.
-     * When `cancelIcon` is `true`, `cancelText` is not displayed visually but is still used
-     * as the accessible label (`aria-label`) for the button.
-     */
-    cancelIcon: boolean;
     multiple?: boolean;
     options: SelectModalOption[];
     private closeModal;
@@ -21,8 +15,6 @@ export declare class SelectModal implements ComponentInterface {
     private getValues;
     private callOptionHandler;
     private setChecked;
-    private get cancelButtonIcon();
-    private getModalContextClasses;
     private renderRadioOptions;
     private renderCheckboxOptions;
     render(): any;

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

@@ -1,12 +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.
- *
- * @slot - Content is placed between the named slots if provided without a slot.
- * @slot start - Content is placed to the left of the select option text in LTR, and to the right in RTL.
- * @slot end - Content is placed to the right of the select option text in LTR, and to the left in RTL.
- */
 export declare class SelectOption implements ComponentInterface {
     private inputId;
     el: HTMLElement;
@@ -18,9 +10,5 @@ export declare class SelectOption implements ComponentInterface {
      * The text value of the option.
      */
     value?: any | null;
-    /**
-     * Text that is placed underneath the option text to provide additional details about the option.
-     */
-    description?: string;
     render(): any;
 }

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 {