@ionic/core 8.8.4-dev.11775852701.1bbb2b3e → 8.8.4-dev.11776184632.103b8351

package/dist/ionic/{p-gbVXD275.js → p-qYp06FUk.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{j as t}from"./p-IGIE5vDm.js";const n=n=>{try{if(n instanceof c)return n.value;if(!r()||"string"!=typeof n||""===n)return n;if(n.includes("onload="))return"";const t=document.createDocumentFragment(),s=document.createElement("div");t.appendChild(s),s.innerHTML=n,i.forEach((n=>{const r=t.querySelectorAll(n);for(let n=r.length-1;n>=0;n--){const s=r[n];s.parentNode?s.parentNode.removeChild(s):t.removeChild(s);const i=e(s);for(let t=0;t<i.length;t++)o(i[t])}}));const a=e(t);for(let t=0;t<a.length;t++)o(a[t]);const d=document.createElement("div");d.appendChild(t);const l=d.querySelector("div");return null!==l?l.innerHTML:d.innerHTML}catch(n){return t("sanitizeDOMString",n),""}},o=t=>{if(t.nodeType&&1!==t.nodeType)return;if("undefined"!=typeof NamedNodeMap&&!(t.attributes instanceof NamedNodeMap))return void t.remove();for(let n=t.attributes.length-1;n>=0;n--){const o=t.attributes.item(n),e=o.name;if(!s.includes(e.toLowerCase())){t.removeAttribute(e);continue}const r=o.value,i=t[e];(null!=r&&r.toLowerCase().includes("javascript:")||null!=i&&i.toLowerCase().includes("javascript:"))&&t.removeAttribute(e)}const n=e(t);for(let t=0;t<n.length;t++)o(n[t])},e=t=>null!=t.children?t.children:t.childNodes,r=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return!o||(o.get?o.get("sanitizerEnabled",!0):!0===o.sanitizerEnabled||void 0===o.sanitizerEnabled)},s=["class","id","href","src","name","slot"],i=["script","style","iframe","meta","link","object","embed"];class c{constructor(t){this.value=t}}const a=t=>{const n=window,o=n.Ionic;if(!o||!o.config||"Object"===o.config.constructor.name)return n.Ionic=n.Ionic||{},n.Ionic.config=Object.assign(Object.assign({},n.Ionic.config),t),n.Ionic.config},d=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return o?o.mode?o.mode:o.get("mode"):"md"},l=!1;export{l as E,c as I,n as a,d as g,a as s}
+import{j as t}from"./p-Omi_TcwW.js";const n=n=>{try{if(n instanceof c)return n.value;if(!r()||"string"!=typeof n||""===n)return n;if(n.includes("onload="))return"";const t=document.createDocumentFragment(),i=document.createElement("div");t.appendChild(i),i.innerHTML=n,s.forEach((n=>{const r=t.querySelectorAll(n);for(let n=r.length-1;n>=0;n--){const i=r[n];i.parentNode?i.parentNode.removeChild(i):t.removeChild(i);const s=e(i);for(let t=0;t<s.length;t++)o(s[t])}}));const a=e(t);for(let t=0;t<a.length;t++)o(a[t]);const d=document.createElement("div");d.appendChild(t);const l=d.querySelector("div");return null!==l?l.innerHTML:d.innerHTML}catch(n){return t("sanitizeDOMString",n),""}},o=t=>{if(t.nodeType&&1!==t.nodeType)return;if("undefined"!=typeof NamedNodeMap&&!(t.attributes instanceof NamedNodeMap))return void t.remove();for(let n=t.attributes.length-1;n>=0;n--){const o=t.attributes.item(n),e=o.name;if(!i.includes(e.toLowerCase())){t.removeAttribute(e);continue}const r=o.value,s=t[e];(null!=r&&r.toLowerCase().includes("javascript:")||null!=s&&s.toLowerCase().includes("javascript:"))&&t.removeAttribute(e)}const n=e(t);for(let t=0;t<n.length;t++)o(n[t])},e=t=>null!=t.children?t.children:t.childNodes,r=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return!o||(o.get?o.get("sanitizerEnabled",!0):!0===o.sanitizerEnabled||void 0===o.sanitizerEnabled)},i=["class","id","href","src","name","slot"],s=["script","style","iframe","meta","link","object","embed"];class c{constructor(t){this.value=t}}const a=t=>{const n=window,o=n.Ionic;if(!o||!o.config||"Object"===o.config.constructor.name)return n.Ionic=n.Ionic||{},n.Ionic.config=Object.assign(Object.assign({},n.Ionic.config),t),n.Ionic.config},d=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return o?o.mode?o.mode:o.get("mode"):"md"},l=!1;export{l as E,c as I,n as a,d as g,a as s}

package/dist/ionic/p-vXpMhGrs.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const o="ion-focused",t=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];let e=null;const s=()=>(e||(e=c()),e),n=o=>{s().setFocus(o)},c=e=>{let s=[],n=!0;const c=e?e.shadowRoot:document,u=e||document.body,r=t=>{s.forEach((t=>t.classList.remove(o))),t.forEach((t=>t.classList.add(o))),s=t},d=()=>{n=!1,r([])},f=o=>{n=t.includes(o.key),n||r([])},i=o=>{if(n&&void 0!==o.composedPath){const t=o.composedPath().filter((o=>!!o.classList&&o.classList.contains("ion-focusable")));r(t)}},w=()=>{c.activeElement===u&&r([])};return c.addEventListener("keydown",f),c.addEventListener("focusin",i),c.addEventListener("focusout",w),c.addEventListener("touchstart",d,{passive:!0}),c.addEventListener("mousedown",d),{destroy:()=>{c.removeEventListener("keydown",f),c.removeEventListener("focusin",i),c.removeEventListener("focusout",w),c.removeEventListener("touchstart",d),c.removeEventListener("mousedown",d)},setFocus:r}};export{n as focusElements,s as getOrInitFocusVisibleUtility,c as startFocusVisible}

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

@@ -6,7 +6,8 @@ declare const enum AccordionState {
     Expanding = 8
 }
 /**
- * @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 header - Content is placed at the top and is used to
  * expand or collapse the accordion item.
@@ -25,10 +26,11 @@ export declare class Accordion implements ComponentInterface {
     private contentElWrapper;
     private headerEl;
     private currentRaf;
-    el?: HTMLElement;
+    el: HTMLElement;
     state: AccordionState;
     isNext: boolean;
     isPrevious: boolean;
+    isLast: boolean;
     /**
      * Tracks whether a user-initiated interaction has occurred.
      * Animations are disabled until the first interaction happens.
@@ -66,7 +68,7 @@ export declare class Accordion implements ComponentInterface {
      * rotated when the accordion is expanded
      * or collapsed.
      */
-    toggleIcon: string;
+    toggleIcon?: string;
     /**
      * The slot inside of `ion-item` to
      * place the toggle icon. Defaults to `"end"`.
@@ -78,6 +80,7 @@ export declare class Accordion implements ComponentInterface {
     private setItemDefaults;
     private getSlottedHeaderIonItem;
     private setAria;
+    get accordionToggleIcon(): any;
     private slotToggleIcon;
     private expandAccordion;
     private collapseAccordion;

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AccordionGroupChangeEventDetail } from './accordion-group-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 AccordionGroup implements ComponentInterface {
     el: HTMLIonAccordionGroupElement;
@@ -37,6 +38,15 @@ export declare class AccordionGroup implements ComponentInterface {
      * Defaults to `"compact"`.
      */
     expand: 'compact' | 'inset';
+    /**
+     * Set to `"soft"` for an accordion group with slightly rounded corners,
+     * `"round"` for an accordion group with fully rounded corners, or
+     * `"rectangular"` for an accordion group without rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     * Only applies when `expand` is set to `"inset"`.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Emitted when the value property has changed as a result of a user action such as a click.
      *
@@ -78,5 +88,6 @@ export declare class AccordionGroup implements ComponentInterface {
      * @internal
      */
     getAccordions(): Promise<HTMLIonAccordionElement[]>;
+    private getShape;
     render(): any;
 }

package/dist/types/components/action-sheet/action-sheet-interface.d.ts

@@ -1,23 +1,19 @@
-import type { AnimationBuilder, LiteralUnion, Mode } from '../../interface';
-export interface ActionSheetOptions {
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { LiteralUnion } from '../../interface';
+export interface ActionSheetOptions extends OverlayOptions {
     header?: string;
     subHeader?: string;
     cssClass?: string | string[];
     buttons: (ActionSheetButton | string)[];
     backdropDismiss?: boolean;
     translucent?: boolean;
-    animated?: boolean;
-    mode?: Mode;
     keyboardClose?: boolean;
-    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
-    enterAnimation?: AnimationBuilder;
-    leaveAnimation?: AnimationBuilder;
 }
 export interface ActionSheetButton<T = any> {
-    text?: string;
+    text?: string | HTMLElement;
     role?: LiteralUnion<'cancel' | 'destructive' | 'selected', string>;
     icon?: string;
     cssClass?: string | string[];
@@ -35,4 +31,7 @@ export interface ActionSheetButton<T = any> {
      * users to dismiss the action sheet.
      */
     disabled?: boolean;
+    startContent?: HTMLElement;
+    endContent?: HTMLElement;
+    description?: string;
 }

package/dist/types/components/action-sheet/action-sheet.d.ts

@@ -3,7 +3,8 @@ import type { AnimationBuilder, FrameworkDelegate, OverlayInterface } from '../.
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { ActionSheetButton } from './action-sheet-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 ActionSheet implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -64,7 +65,7 @@ export declare class ActionSheet implements ComponentInterface, OverlayInterface
     subHeader?: string;
     /**
      * If `true`, the action sheet 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/alert/alert-interface.d.ts

@@ -1,6 +1,7 @@
-import type { AnimationBuilder, LiteralUnion, Mode, TextFieldTypes } from '../../interface';
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { LiteralUnion, TextFieldTypes } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
-export interface AlertOptions {
+export interface AlertOptions extends OverlayOptions {
     header?: string;
     subHeader?: string;
     message?: string | IonicSafeString;
@@ -9,15 +10,10 @@ export interface AlertOptions {
     buttons?: (AlertButton | string)[];
     backdropDismiss?: boolean;
     translucent?: boolean;
-    animated?: boolean;
     htmlAttributes?: {
         [key: string]: any;
     };
-    mode?: Mode;
     keyboardClose?: boolean;
-    id?: string;
-    enterAnimation?: AnimationBuilder;
-    leaveAnimation?: AnimationBuilder;
 }
 export interface AlertInput {
     type?: TextFieldTypes | 'checkbox' | 'radio' | 'textarea';
@@ -27,7 +23,7 @@ export interface AlertInput {
     /**
      * The label text to display next to the input, if the input type is `radio` or `checkbox`.
      */
-    label?: string;
+    label?: string | HTMLElement;
     checked?: boolean;
     disabled?: boolean;
     id?: string;
@@ -39,6 +35,9 @@ export interface AlertInput {
         [key: string]: any;
     };
     tabindex?: number;
+    startContent?: HTMLElement;
+    endContent?: HTMLElement;
+    description?: string;
 }
 type AlertButtonOverlayHandler = boolean | void | {
     [key: string]: any;

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

@@ -4,7 +4,8 @@ import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { AlertButton, AlertInput } from './alert-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 Alert implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -80,7 +81,7 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
     backdropDismiss: boolean;
     /**
      * If `true`, the alert 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/app/app.d.ts

@@ -1,10 +1,10 @@
 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 App implements ComponentInterface {
-    private focusVisible?;
-    private loadTimeout?;
     el: HTMLElement;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
     /**
      * Used to set focus on an element that uses `ion-focusable`.
      * Do not use this if focusing the element as a result of a keyboard
@@ -17,6 +17,5 @@ export declare class App implements ComponentInterface {
      * @param elements An array of HTML elements to set focus on.
      */
     setFocus(elements: HTMLElement[]): Promise<void>;
-    private rIC;
     render(): any;
 }

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

@@ -1,4 +1,36 @@
 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 Avatar implements ComponentInterface {
+    el: HTMLElement;
+    /**
+     * Set to `"xxsmall"` for the smallest size.
+     * Set to `"xsmall"` for a very small size.
+     * Set to `"small"` for a compact size.
+     * Set to `"medium"` for the default height and width.
+     * Set to `"large"` for a larger size.
+     * Set to `"xlarge"` for the largest dimensions.
+     *
+     * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes.
+     */
+    size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    /**
+     * Set to `"soft"` for an avatar with slightly rounded corners,
+     * `"round"` for an avatar with fully rounded corners, or `"rectangular"`
+     * for an avatar without rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
+    /**
+     * If `true`, the user cannot interact with the avatar.
+     */
+    disabled: boolean;
+    get hasImage(): boolean;
+    get hasIcon(): boolean;
+    private getSize;
+    private getShape;
     render(): any;
 }

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

@@ -2,7 +2,8 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ButtonInterface } from "../../utils/element-interface";
 import type { AnimationBuilder, 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 back button icon (uses ion-icon).

package/dist/types/components/backdrop/backdrop.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 Backdrop implements ComponentInterface {
     /**
      * If `true`, the backdrop will be visible.

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

@@ -1,14 +1,47 @@
 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 Badge implements ComponentInterface {
+    el: HTMLElement;
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
      * For more information on colors, see [theming](/docs/theming/basics).
      */
     color?: Color;
+    /**
+     * Set to `"bold"` for a badge with vibrant, bold colors or to `"subtle"` for
+     * a badge with muted, subtle colors.
+     *
+     * Only applies to the `ionic` theme.
+     */
+    hue?: 'bold' | 'subtle';
+    /**
+     * Set to `"rectangular"` for non-rounded corners.
+     * Set to `"soft"` for slightly rounded corners.
+     * Set to `"round"` for fully rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'soft' | 'round | rectangular';
+    /**
+     * Set to `"small"` for a small badge.
+     * Set to `"medium"` for a medium badge.
+     * Set to `"large"` for a large badge, when it is empty (no text or icon).
+     *
+     * Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Set to `"top"` to position the badge on top right absolute position of the parent element.
+     * Set to `"bottom"` to position the badge on bottom right absolute position of the parent element.
+     */
+    vertical?: 'top' | 'bottom';
+    private getShape;
+    private getSize;
+    private getHue;
     render(): any;
 }

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

@@ -3,7 +3,8 @@ import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 import type { BreadcrumbCollapsedClickEventDetail } from './breadcrumb-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 anchor or div element that wraps all child elements.
  * @part separator - The separator element between each breadcrumb.
@@ -92,6 +93,8 @@ export declare class Breadcrumb implements ComponentInterface {
      */
     collapsedClick: EventEmitter<BreadcrumbCollapsedClickEventDetail>;
     componentWillLoad(): void;
+    get breadcrumbCollapsedIcon(): any;
+    get breadcrumbSeparatorIcon(): any;
     private isClickable;
     private onFocus;
     private onBlur;

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

@@ -2,8 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { BreadcrumbCollapsedClickEventDetail } from '../breadcrumb/breadcrumb-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 Breadcrumbs implements ComponentInterface {
     collapsed: boolean;

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

@@ -3,7 +3,8 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } 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 icon-only - Should be used on an icon in a button that has no text.
@@ -13,9 +14,10 @@ import type { RouterDirection } from '../router/utils/interface';
  * @part native - The native HTML button or anchor element that wraps all child elements.
  */
 export declare class Button implements ComponentInterface, AnchorInterface, ButtonInterface {
+    private inDatetime;
     private inItem;
     private inListHeader;
-    private inToolbar;
+    private inButtons;
     private formButtonEl;
     private formEl;
     private inheritedAttributes;
@@ -47,7 +49,8 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
     /**
      * Set to `"clear"` for a transparent button that resembles a flat button, to `"outline"`
      * for a transparent button with a border, or to `"solid"` for a button with a filled background.
-     * The default fill is `"solid"` except inside of a toolbar, where the default is `"clear"`.
+     * The default fill is `"solid"` except when inside of a buttons or datetime component, where
+     * the default fill is `"clear"`.
      */
     fill?: 'clear' | 'outline' | 'solid' | 'default';
     /**
@@ -78,17 +81,19 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
      */
     rel: string | undefined;
     /**
-     * Set to `"round"` for a button with more rounded corners.
+     * Set to `"soft"` for a button with slightly rounded corners, `"round"` for a button with fully
+     * rounded corners, or `"rectangular"` for a button without rounded corners.
+     * Defaults to `"soft"` for the `"ios"` theme and `"round"` for all other themes.
      */
-    shape?: 'round';
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
-     * Set to `"small"` for a button with less height and padding, to `"default"`
-     * for a button with the default height and padding, or to `"large"` for a button
+     * Set to `"small"` for a button with less height and padding, to `"medium"`
+     * for a button with the medium height and padding, or to `"large"` for a button
      * with more height and padding. By default the size is unset, unless the button
      * is inside of an item, where the size is `"small"` by default. Set the size to
      * `"default"` inside of an item to make it a standard size button.
      */
-    size?: 'small' | 'default' | 'large';
+    size?: 'small' | 'default' | 'medium' | 'large';
     /**
      * If `true`, activates a button with a heavier font weight.
      */
@@ -138,7 +143,17 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
     private renderHiddenButton;
     componentWillLoad(): void;
     private get hasIconOnly();
+    private get hasBadge();
     private get rippleType();
+    /**
+     * Set the shape based on the theme
+     */
+    private getShape;
+    /**
+     * Get the default size. If size is unset and the button is inside an item,
+     * the default size is "small". Otherwise, it uses the value of size.
+     */
+    private getSize;
     /**
      * Finds the form element based on the provided `form` selector
      * or element reference provided.

package/dist/types/components/buttons/buttons.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 Buttons implements ComponentInterface {
     /**
      * If true, buttons will disappear when its
@@ -7,7 +11,7 @@ export declare class Buttons implements ComponentInterface {
      * first toolbar, the buttons will be hidden and will
      * only be shown once all toolbars have fully collapsed.
      *
-     * Only applies in `ios` mode with `collapse` set to
+     * Only applies in the `ios` theme with `collapse` set to
      * `true` on `ion-header`.
      *
      * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)

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

@@ -3,7 +3,8 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } 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.
  *
  * @part native - The native HTML button, anchor, or div element that wraps all child elements.
  */
@@ -55,6 +56,12 @@ export declare class Card implements ComponentInterface, AnchorInterface, Button
      * another page using `href`.
      */
     routerAnimation: AnimationBuilder | undefined;
+    /**
+     * Set to `"soft"` for a card with slightly rounded corners, `"round"` for a card with more
+     * rounded corners, or `"rectangular"` for a card without rounded corners.
+     * Defaults to `"round"`.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.

package/dist/types/components/card-content/card-content.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 CardContent implements ComponentInterface {
     render(): any;

package/dist/types/components/card-header/card-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 CardHeader implements ComponentInterface {
     /**
@@ -12,7 +13,7 @@ export declare class CardHeader implements ComponentInterface {
     color?: Color;
     /**
      * If `true`, the card header 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/card-subtitle/card-subtitle.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 CardSubtitle implements ComponentInterface {
     /**

package/dist/types/components/card-title/card-title.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 CardTitle implements ComponentInterface {
     /**

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

@@ -2,7 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { CheckboxChangeEventDetail } from './checkbox-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 checkbox. Use the "labelPlacement" property to control where the label is placed relative to the checkbox.
  *
@@ -91,6 +92,14 @@ export declare class Checkbox implements ComponentInterface {
      * submitting if the value is invalid.
      */
     required: boolean;
+    /**
+     * Set to `"soft"` for a checkbox with more rounded corners. Only available when the theme is `"ionic"`.
+     */
+    shape?: 'soft' | 'rectangular';
+    /**
+     * Set to `"small"` for a checkbox with less height and padding.
+     */
+    size?: 'small';
     /**
      * Track validation state for proper aria-live announcements.
      */
@@ -98,9 +107,10 @@ export declare class Checkbox implements ComponentInterface {
     private hasLabelContent;
     private hintTextId?;
     /**
-     * Emitted when the checked property has changed as a result of a user action such as a click.
-     *
-     * This event will not emit when programmatically setting the `checked` property.
+     * Emitted when the checked property has changed
+     * as a result of a user action such as a click.
+     * This event will not emit when programmatically
+     * setting the `checked` property.
      */
     ionChange: EventEmitter<CheckboxChangeEventDetail>;
     /**

package/dist/types/components/chip/chip.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 Chip implements ComponentInterface {
     /**
@@ -18,5 +19,29 @@ export declare class Chip implements ComponentInterface {
      * If `true`, the user cannot interact with the chip.
      */
     disabled: boolean;
+    /**
+     * Set to `"bold"` for a chip with vibrant, bold colors or to `"subtle"` for
+     * a chip with muted, subtle colors.
+     *
+     * Only applies to the `ionic` theme.
+     */
+    hue?: 'bold' | 'subtle';
+    /**
+     * Set to `"soft"` for a chip with slightly rounded corners, `"round"` for a chip with fully
+     * rounded corners, or `"rectangular"` for a chip without rounded corners.
+     * Defaults to `"round"` for the `"ionic"` theme and `"soft"` for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
+    /**
+     * Set the shape based on the theme
+     */
+    private getShape;
+    /**
+     * Set to `"small"` for a chip with less height and padding.
+     *
+     * Defaults to `"large"` for the ionic theme, and  undefined for all other themes.
+     */
+    size?: 'small' | 'large';
+    private getSize;
     render(): any;
 }