@ionic/core 8.4.2-dev.11741080979.1715cc06 → 8.4.2-dev.11741365851.1a97ead6

package/dist/collection/components/searchbar/searchbar.js

@@ -142,6 +142,7 @@ export class Searchbar {
         this.type = 'search';
         this.value = '';
         this.shape = undefined;
+        this.size = undefined;
     }
     /**
      * lang and dir are globally enumerated attributes.
@@ -388,6 +389,18 @@ export class Searchbar {
         }
         return shape;
     }
+    getSize() {
+        const theme = getIonTheme(this);
+        const { size } = this;
+        // TODO(ROU-11678): Remove theme check when sizes are defined for all themes.
+        if (theme !== 'ionic') {
+            return undefined;
+        }
+        if (size === undefined) {
+            return 'medium';
+        }
+        return size;
+    }
     /**
      * Get the icon to use for the clear icon.
      * If an icon is set on the component, use that.
@@ -463,8 +476,9 @@ export class Searchbar {
         const theme = getIonTheme(this);
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'd7382dd39f5699330fa1c981cd252a903029d1b5', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '3b3c4a16c23d7406be4eda6076deca41e79e196d', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '4890a1478e7e1ff0a85d5e6ca2214c50aee96777', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const size = this.getSize();
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '7dc5854b95da27ab51924514413e981d065b3d14', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '7ccba83e849da1cf9a1d9ae4818466170c4e7636', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: 'a207e57178bdd970248428d66f54de17f4106b55', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -472,17 +486,19 @@ export class Searchbar {
                 'searchbar-has-value': this.hasValue(),
                 'searchbar-left-aligned': this.shouldAlignLeft,
                 'searchbar-has-focus': this.focused,
+                'searchbar-has-leading-icons': theme === 'ionic' && (this.searchIcon !== undefined || this.showCancelButton !== 'never'),
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
                 [`searchbar-shape-${shape}`]: shape !== undefined,
-            }) }, h("div", { key: 'e2b95c0f77605f8d1e9b3f8b971d07fba72cb794', class: "searchbar-input-container" }, h("input", Object.assign({ key: '6dd8ff97d0ef85190addbd20a1093d22fecf9a80', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, h("ion-icon", { key: '626aefedcd35c36bd9a697b5f5bdbaec4f0142eb', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '9996031c9eeba745d37b6600b6594f69c4808842', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+                [`searchbar-size-${size}`]: size !== undefined,
+            }) }, h("div", { key: '437ba144b4195ff8e8650f72df4d05639077b111', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'ec10264fbbbaf5ed917e2a912af1bb18c6e95ccf', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, theme !== 'ionic' || this.searchIcon !== undefined ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, h("button", { key: '987ae96a62b576a6ebc484a1bd5ac3994f5b46b7', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '403a5866e82ca6be91101a1719c3ad2f273a652f', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'af26bcab2d98a656313256f8689344a9a1cbb0cd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
     }
     static get is() { return "ion-searchbar"; }
     static get encapsulation() { return "scoped"; }
@@ -913,10 +929,27 @@ export class Searchbar {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes."
+                    "text": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\n\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes."
                 },
                 "attribute": "shape",
                 "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'medium' | 'large'",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to `\"large\"` for a searchbar with an increase in height,\nwhile \"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and `undefined` for all other themes."
+                },
+                "attribute": "size",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/segment/segment.js

@@ -531,14 +531,14 @@ export class Segment {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'ecc6677de570a3e484ce10f7ec9fdcea002208cf', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'ed534909594c70caa74cc3b3870b5f73fb7e3a84', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, h("slot", { key: '4145cedfc55f8e5c01b818b80a517f04d1f7d087', onSlotchange: this.onSlottedItemsChange })));
+            }) }, h("slot", { key: '544c2ca95a25cc733d2cf0449c96097f8632a9b2', onSlotchange: this.onSlottedItemsChange })));
     }
     static get is() { return "ion-segment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-button/segment-button.js

@@ -141,7 +141,7 @@ export class SegmentButton {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme = getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (h(Host, { key: 'de3759e2b7b27d1c9dcae5d7dcea98efde485343', class: {
+        return (h(Host, { key: '923c49c2f7ad412206ad28c85ddb354c4cf2dbc9', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -157,7 +157,7 @@ export class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: '937636b8c2429a9fbe87180f7c56127e89d0a681', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '137eac7e38aa5a7d15af4e1f1d4114a4f8509463', class: "button-inner" }, h("slot", { key: 'a824aa5ebf7203bc4a3d5ba51877de6a4461af6c' })), theme === 'md' && h("ion-ripple-effect", { key: 'e60d58db031a441e430368330c7d2797f9ff9afd' })), h("div", { key: '1d5fe5d4c98f62bb4ffc0331855db85a7bd956b8', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '233f6aaca87b1b741def3bffc8205192e468bca2', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("button", Object.assign({ key: '45c43d4d3062f3c1fa80e3742cb16ac12ae0eefb', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: 'bea9db4fb86926498fd73d4d6a5a8a1d19ce7b2d', class: "button-inner" }, h("slot", { key: 'e3ad5c48a0920012f36d899a83edcd0f15e379f6' })), theme === 'md' && h("ion-ripple-effect", { key: '323074cca9b783bb6b15bd55fdda1587dd9641ea' })), h("div", { key: 'b272b4106903f7f9c47ae5a9096b6bbb79021b89', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '2d5736abd5fabcd5975cf52d73a224beaec93765', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     static get is() { return "ion-segment-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-content/segment-content.js

@@ -4,7 +4,7 @@
 import { Host, h } from "@stencil/core";
 export class SegmentContent {
     render() {
-        return (h(Host, { key: '1f7f256fdeb7ec661c84f268b239ab21ef170629' }, h("slot", { key: 'c704cf3b4c13deeb612d8a8ffdccef65d62f0866' })));
+        return (h(Host, { key: '03684b2999ac64fe13e376fd7e7f279976e9d4f2' }, h("slot", { key: '143031075bf33ca19e7cfd76fc8a67b83ccaf11c' })));
     }
     static get is() { return "ion-segment-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-view/segment-view.js

@@ -94,10 +94,10 @@ export class SegmentView {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (h(Host, { key: 'a0b77ea1b2805b87da550d576aa9b0a36ada5d9f', class: {
+        return (h(Host, { key: '4a165da536914c666b1dc89827fa5ab053f1a890', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, h("slot", { key: '0170106f9448d8d05d929ca0dc05add670db96b4' })));
+            } }, h("slot", { key: 'efe04cedb22ce150010277e9121417ba862db43a' })));
     }
     static get is() { return "ion-segment-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select/select.js

@@ -732,7 +732,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '764b2a2f30615cb78b5fd0e20a829910898e8676', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '0a33e10a04cc82c85014517e836331d8c6bacd94', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -749,7 +749,7 @@ export class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '35f43c1ad2d01bcf996dd27a0fff3d6f323cd517', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '6d30179d19583b068e67552834d72b3d31f2c0f4', class: "select-wrapper-inner" }, 
+            }) }, h("label", { key: '09b56cdf15a9d46dee500f546f667b97db3c5ac8', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '5a5f298c45a67d4efec6bac6e31e5bfe17a938f0', class: "select-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -759,7 +759,7 @@ export class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: '01a8af86d9b25d5ea4cab0f85c4bf1db1465b5d8', class: "select-outline" }), h("slot", { key: 'd5478a1b67a3de05019167f26381d8c453cec8ff', name: "start" }), h("div", { key: '77547d4cca137afe346222988f16a74ea874a547', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '5ded9c58c3eb9508622c62820d85dd5ff033e6f2', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'bebf742e3d961e4ed2c933e3925e920322f1d393', class: "select-highlight" }))));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '60ec36fb5089550addd48a76fe563b5a83a4fb52', class: "select-outline" }), h("slot", { key: '7c1f11c0c76ff9b7abbef26e82dbb73c37856d1e', name: "start" }), h("div", { key: '5499001e3b7fbac560750aa50b3026f357b9f24f', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'b6fd8fe404dac4477e49ac06fee0e5d96fa9025f', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '53160a6a27059cb275614d7d8ee94b524269832e', class: "select-highlight" }))));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-modal/select-modal.js

@@ -77,7 +77,7 @@ export class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: 'fd5b1e78d540c7ae6d0fca737a6fc1d983a8c19b', class: getIonMode(this) }, h("ion-header", { key: '7eec49fcb0a0f0b1e20f3a1f92d28cd15924d265' }, h("ion-toolbar", { key: 'aea8148d3207089db6475579479cb64c16594985' }, this.header !== undefined && h("ion-title", { key: 'f2e6d4ae608dfa5fdba9ed466e078545b55fc7df' }, this.header), h("ion-buttons", { key: 'bea2a3f2448e1907eee3a4e46a2d5e3b99b62763', slot: "end" }, h("ion-button", { key: 'd7db36683d5cff25c3084dccecb736cc55d94965', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '18749c394b34c8f568a1e280e1a19f3a46545a61' }, h("ion-list", { key: '8f84ca4450d196bcd000eecb532d0766a840755d' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: 'd8943541f52e4139336d02fe0f7aaa34e3d6dcd4', class: getIonMode(this) }, h("ion-header", { key: '69b220014151a2bff77733d56f6fa7a8783ac381' }, h("ion-toolbar", { key: 'd3817f6d3f4d6465c6fbb533970559fafdce1ba9' }, this.header !== undefined && h("ion-title", { key: '7d895aa66aab684d9f74f893d1153f7c60ca74c7' }, this.header), h("ion-buttons", { key: '32869bea2d04acf8161d7bf7665aeea54f989bf8', slot: "end" }, h("ion-button", { key: '9cee7c716bdc8a9e37c06e816878fb5da93f61b8', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: 'cd7e8a51bb037ce4c896dfe0bef65269831a2ff9' }, h("ion-list", { key: '6fb46bd883e668aa93bf9daa355065ad0489588f' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     static get is() { return "ion-select-modal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/select-option/select-option.js

@@ -15,7 +15,7 @@ export class SelectOption {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'ac13bcd1ee8b4ffd1d7ce80be242881cc126cb7a', class: {
+        return (h(Host, { key: '54487af48b0482f847f6e782434ef739cde0a73e', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }

package/dist/collection/components/select-popover/select-popover.js

@@ -106,9 +106,9 @@ export class SelectPopover {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '165cfd34fb0bc0cada6ef2cf5de6ba9dfd4f4416', class: {
+        return (h(Host, { key: 'e926e43a2e2a191d413ea8288a4785641ec46f8d', class: {
                 [theme]: true,
-            } }, h("ion-list", { key: '50c27cf2f57036deca42c50cad9968e7ab98ba38' }, header !== undefined && h("ion-list-header", { key: '4e2993d4eb9d72440e0838111d08536e9117289a' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'cec715effe534af3fb8e590bed3955a07fac2683' }, h("ion-label", { key: 'cce3fdc3c2ace609f221c546671fb698eeb17e79', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '5a5615928a5b27bb7eb6998e3e207e8e13bcc058' }, subHeader), message !== undefined && h("p", { key: '16a6625a710a2e65578f55306615dfefce1cba69' }, message)))), this.renderOptions(options))));
+            } }, h("ion-list", { key: '8d3ec54cb1a6ef1a6af4973d306ebccdf41d3f96' }, header !== undefined && h("ion-list-header", { key: 'f9d6efb98f1b020a98bec431d683e65215f070be' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '5276388ce33a9d43ab75b7cd466cca634ffa9f85' }, h("ion-label", { key: '72572f777f72a3f15fc6f25a29c5dbacc4a42617', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '021b5b51cb3bac8ae8325e5f763db78a93833ad0' }, subHeader), message !== undefined && h("p", { key: '684bb4655de6fdc2150c0a76f0ceeb14b7f4e55b' }, message)))), this.renderOptions(options))));
     }
     static get is() { return "ion-select-popover"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/skeleton-text/skeleton-text.js

@@ -29,11 +29,11 @@ export class SkeletonText {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const theme = getIonTheme(this);
-        return (h(Host, { key: '4aaca37db97d932fcd589c69c6ebc2c9b164c0f4', class: {
+        return (h(Host, { key: '70efd9086ef58705a965a63aa3e5ac775757dc85', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '900fc5602bc6668e0c48bb83e16d5db27eefa5e7' }, "\u00A0")));
+            } }, h("span", { key: '296246a88e33e0106045bec2f64738f48593ba12' }, "\u00A0")));
     }
     static get is() { return "ion-skeleton-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spinner/spinner.js

@@ -57,7 +57,7 @@ export class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (h(Host, { key: 'c0957bd1327b21ccda55ab584ab36fbe9232b24a', class: createColorClasses(self.color, {
+        return (h(Host, { key: 'e6d6c81972147b610b468cfb8535d4c4acd0911c', class: createColorClasses(self.color, {
                 [theme]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),

package/dist/collection/components/split-pane/split-pane.js

@@ -122,12 +122,12 @@ export class SplitPane {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '756f3dfdb316b009aae067242cc7238f8233a078', class: {
+        return (h(Host, { key: '2002430758c0d77fa67290d84c89a13e122cd56e', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '0d2703bee51619e96cf8c418ef3d063c7e647130' })));
+            } }, h("slot", { key: '311917f6487bc42695f983ff7024e2fbc5b85f57' })));
     }
     static get is() { return "ion-split-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab/tab.js

@@ -52,10 +52,10 @@ export class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (h(Host, { key: '3add3b271d2125ca7400923076f4f5e970b8db96', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: '94e7961359b6ee01e5be26be130505cc41fa62f3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: '3834ce729bbf2df19e969fe6d3bdbdf138fb0574' })));
+            } }, h("slot", { key: '0b24cddb59292470bf6a631c8ee295267c8d68b2' })));
     }
     static get is() { return "ion-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -67,13 +67,13 @@ export class TabBar {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '6b1ee77f9fb31b17a5a8071b791537328b194560', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '1827087d4fa77507b61c87ce6dd12427cb7effd0', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
                 [`tab-bar-${expand}`]: true,
                 [`tab-bar-${shape}`]: shape !== undefined,
-            }) }, h("slot", { key: '34e19a80c798d71d9cdf2a716d8b51a186df1156' })));
+            }) }, h("slot", { key: '9834dc234608f09af892c2a92401f304167b9f83' })));
     }
     static get is() { return "ion-tab-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-button/tab-button.js

@@ -85,7 +85,7 @@ export class TabButton {
             rel,
             target,
         };
-        return (h(Host, { key: '7155ed5568512664dd96fbffd2e57bc8726d4fc5', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: '35c0d5aa92aef2f25833319f1b2ceabed06fad4f', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -98,7 +98,7 @@ export class TabButton {
                 'ion-selectable': true,
                 [`tab-button-shape-${shape}`]: shape !== undefined,
                 'ion-focusable': true,
-            } }, h("a", Object.assign({ key: 'a6d5c0fbd25f23dafed0188bbd4b2e60558ef335' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: 'f6e403bb504c1c41d9732458d4aa9570a2c4c975', class: "button-inner" }, h("slot", { key: '39abd37903d21a3b2961b0a51fad187223e2e2d0' })), theme === 'md' && h("ion-ripple-effect", { key: 'f4de2921e006772b94a6af16d9d00b2468ad89b4', type: "unbounded" }))));
+            } }, h("a", Object.assign({ key: '87bc750e94738ec73b2316d5a54df0affc4ad297' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: 'ab3044999782632130135f53fca46c39576583b4', class: "button-inner" }, h("slot", { key: '6b9d8e397b9ffe1cd56b7f15de61cc2b77869eaf' })), theme === 'md' && h("ion-ripple-effect", { key: 'ade73af4b03ddef4860cc719b4682c300c3eeb35', type: "unbounded" }))));
     }
     static get is() { return "ion-tab-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/tabs.js

@@ -148,7 +148,7 @@ export class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (h(Host, { key: 'bf570021b54ac4374c905c33a973e8db87a7a8f8', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '29cb534dc9a3d078b5408e309e25445b006ea006', name: "top" }), h("div", { key: '5cad30b86ef4cea05b05b47a01f3c6015c761528', class: "tabs-inner" }, h("slot", { key: '5cb4f7df1e2a0b36110e59cdf6dbfa1e57eabf05' })), h("slot", { key: 'f2a3e08c5cf777b854822c20e4d69698c4e6b155', name: "bottom" })));
+        return (h(Host, { key: '204d4689b8d91a46b53710974596f719ae040223', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '31b73cfcffa41720f7746383b692f5b287aa2007', name: "top" }), h("div", { key: 'fba78170055143a821676a463a623c0b174b4d5f', class: "tabs-inner" }, h("slot", { key: '220ee76e56b5508eba63166412204a94fbbe6e7c' })), h("slot", { key: 'b78f32dbf1a10d184fe0a186ebb8312e60cfc095', name: "bottom" })));
     }
     static get is() { return "ion-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/text.js

@@ -14,9 +14,9 @@ export class Text {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '33b8665fc7c652516bdf17c45965e6ccebf71400', class: createColorClasses(this.color, {
+        return (h(Host, { key: '7bf3aa9197541d2da1d40a361bc1bd9206a5223e', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: '92bdc51f21f1b952deb05a7a99bf534ceb02a848' })));
+            }) }, h("slot", { key: '5dc6e3ce051f0d26459847c2bc5895edf9d08ca9' })));
     }
     static get is() { return "ion-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.js

@@ -395,7 +395,7 @@ export class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: 'bc1de868d3b58707859e453186cc9312dab38405', class: createColorClasses(this.color, {
+        return (h(Host, { key: '74941a2a6f6aae597cf17d7a043e7b6dba5324e8', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -406,7 +406,7 @@ export class Textarea {
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
                 'textarea-readonly': readonly,
-            }) }, h("label", { key: '4d82bc767dff5bd28efd2bb13dd5e65cc50ab410', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'ebc6391ad58294b01fb5e6fd6d21496250bed484', class: "textarea-wrapper-inner" }, 
+            }) }, h("label", { key: '2a6736be472bbc5e6417aedb48eb989978769a25', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '670fdd27efcf2c2cf636efcf6e2273986f1e9acb', class: "textarea-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -416,7 +416,7 @@ export class Textarea {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: 'cfab00504ef4b268a8e3c446d00c8c06ddbc3699', class: "textarea-outline" }), h("div", { key: '7387ddde6cb4316c4f34c642f0ddb6e8ad27c9ce', class: "start-slot-wrapper" }, h("slot", { key: '0d4e4ff1f4957677538e0f5230146f5605592d4e', name: "start" })), h("div", { key: '09e1ae9084976374347adddf7197f256b02ccd41', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'cd4afa93446db0761ee10acdc356c06c24f5699f', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: '4eccbe7ee70c1ec967e3e64c19ffe796415f65a5', class: "end-slot-wrapper" }, h("slot", { key: '4d6c3da0b28183d6398fab4afd29fff7ae7083b3', name: "end" }))), shouldRenderHighlight && h("div", { key: '33267aa7e8388de28a33317ba1ac98929f32b48e', class: "textarea-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: 'b5fb2d6ebc0700890941ba59a96bcae8f491e9b5', class: "textarea-outline" }), h("div", { key: '3a52feaf0d97a106abcdcf592c60c9da7cc59cd8', class: "start-slot-wrapper" }, h("slot", { key: '8376c6c129ca13cd82f3b9afdfc4407b754ef2e2', name: "start" })), h("div", { key: '3cfa0cb78a3912b8b5589579e70ac384acd0672a', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'e9fe5a7afb7df21fe2c4f106efc3eba9de671dbb', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: 'a9132c9c5f06ddcb7a447bd8d46aa901ab56a88a', class: "end-slot-wrapper" }, h("slot", { key: 'a9d2cfd6ce2fcf0e95f1ed94ee56addda55ad4ad', name: "end" }))), shouldRenderHighlight && h("div", { key: '17f114125438e3a5c9d5b63e7bb3ad1b85dc7174', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/thumbnail/thumbnail.js

@@ -10,9 +10,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Thumbnail {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '705b88e466126122b291abe887b9f6d43f5cf449', class: {
+        return (h(Host, { key: 'd8834b52a3f938cbd2cd7196e0b0e057746e5a7e', class: {
                 [theme]: true,
-            } }, h("slot", { key: 'd450f8b0f6334f1e345bfd7ef1071a9ed5612532' })));
+            } }, h("slot", { key: 'c7be8264e5c9628d8be1ac202cac7f1ec8f0cb61' })));
     }
     static get is() { return "ion-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/title/title.js

@@ -31,11 +31,11 @@ export class ToolbarTitle {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: '49b390d85e8d41fe5130042468d525da5f2f938f', class: createColorClasses(this.color, {
+        return (h(Host, { key: '4ea0b5b986ff55f4512840d8582c5d015032dccf', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '29780dcfbc36e0728fdbd69f63189b5594418172', class: "toolbar-title" }, h("slot", { key: 'fa9eba8afac77dd60c754677966fb234ce9e3e42' }))));
+            }) }, h("div", { key: '1c1afffd677120d63753f9500e117d77d7f65a8a', class: "toolbar-title" }, h("slot", { key: '4c6329b996db30c09c93ac08506fc23377d0d77f' }))));
     }
     static get is() { return "ion-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toast/toast.js

@@ -407,9 +407,9 @@ export class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (h(Host, Object.assign({ key: '41e65d32ffecd6e9c573c3fdc5f074df44dcf99e', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '789f33465c1381e378b97804abed62614b55bed0', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '0251b8fa67a943d713d67760aa9f0f0f5849cee4', class: wrapperClass }, h("div", { key: '1f5a7f5d90d0bcbb85c06da291dab9b8123d79cd', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'e38b268414f1501ca3d649988480f70ee9a7b2ad', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '39d78e2fc2b5524d6c83474f09bb3f1a7b311b96', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '7cdde3cb05a75e23e1e0780fad7f4f5a43474456', class: wrapperClass }, h("div", { key: '5534c44b9ac41c080eb27798ed8d2073a418ec7d', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '66e7384e1d77bb260431675cd1abc4c815da6366', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'f9528903610b7fb229f78d782e4e2e0473080d61', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     static get is() { return "ion-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.js

@@ -208,7 +208,7 @@ export class Toggle {
         const rtl = isRTL(el) ? 'rtl' : 'ltr';
         const isIonicTheme = theme === 'ionic';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { key: '7e592549c5463528c511bc70b967c28e1a75520a', onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: 'fb45e051527a0a0914d18659bc1aeab5e9a4c50e', onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -220,10 +220,10 @@ export class Toggle {
                 [`toggle-${rtl}`]: true,
                 'ion-activatable': isIonicTheme,
                 'ion-focusable': isIonicTheme,
-            }) }, h("label", { key: '9f7554aa70048dd6960bfdbd42060426e18b8751', class: "toggle-wrapper" }, h("input", Object.assign({ key: '0dcd38fff3337316c1e77d00829361d01463c510', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '62dada84ee40c03cdc035e18c2179b92c0081a74', class: {
+            }) }, h("label", { key: 'f353323a0ed20368339ef0fed50d63f3b859f1ac', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'dbb471178fe04993330a5f811bb88d3a0fbbcbf4', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: 'b40a037e148ad25490d22c8b55120713e85253c9', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, h("slot", { key: '017143a2fb3e293a6bb799042cb559494a6f2cd3' })), h("div", { key: '50e743debdbf10dc173a83c92fec5f5348d962ee', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, h("slot", { key: '1eb06a2005f862ee50fe6f11e7e750eb9daeba7b' })), h("div", { key: 'd2acbaff908b41301b37fbb1f99385a1c571cdf8', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     static get is() { return "ion-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbar/toolbar.js

@@ -63,10 +63,10 @@ export class Toolbar {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '203fdc530d8380fb6253061fe0c1e68726e003df', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '31d2cea6423110a58ed8ba749e422889c6f6d310', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: '255191cc4b48582cacea33c104bab2bf52ee1f95', class: "toolbar-background" }), h("div", { key: '13c944dfcc9cf36ef0b4bbd4d00217fedc8d891b', class: "toolbar-container" }, h("slot", { key: '9775c0465bc3189a6bbdceee23a5c041f1bcb0f0', name: "start" }), h("slot", { key: '62eb5ab3d8eb4818f33a34b65306ae91971a3c57', name: "secondary" }), h("div", { key: '0ecd457e707019b9ef7005ea90c0e34846e083de', class: "toolbar-content" }, h("slot", { key: '67b951a124dbecc9ae3c55c8b39b7594b6227d5c' })), h("slot", { key: 'd555df93cdc4a3a079b04b92c038026c89a0f936', name: "primary" }), h("slot", { key: '2605081b3f2954fd32e16bc0e34b75ab383e1ca2', name: "end" }))));
+            })) }, h("div", { key: 'a3ecd195af52489725b7396c0aab32a9b4d4a49c', class: "toolbar-background" }), h("div", { key: 'cfdc07edc4b002370df08ce4c913c3a52955252a', class: "toolbar-container" }, h("slot", { key: 'b77feb227ab03d0fe095fdf620973e8502b486e6', name: "start" }), h("slot", { key: '4284acf3c65df07e74908ee6620d5595255ac547', name: "secondary" }), h("div", { key: '879fdaedc732cbf414d24f3ed3b0abcf4baaae71', class: "toolbar-content" }, h("slot", { key: '975a411effa1492d6c4eb9302b3d8580bbce192d' })), h("slot", { key: '5cfef86927c398b40710769bbdba9cf4c45100c5', name: "primary" }), h("slot", { key: '416036fa2a84a8ef0cb6329d68da040c47bd2aea', name: "end" }))));
     }
     static get is() { return "ion-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-04T09:38:42",
+  "timestamp": "2025-03-07T16:46:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -30837,7 +30837,7 @@
           "mutable": false,
           "attr": "shape",
           "reflectToAttr": false,
-          "docs": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
+          "docs": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\n\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
           "docsTags": [],
           "values": [
             {
@@ -30921,6 +30921,39 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "size",
+          "type": "\"large\" | \"medium\" | \"small\" | undefined",
+          "complexType": {
+            "original": "'small' | 'medium' | 'large'",
+            "resolved": "\"large\" | \"medium\" | \"small\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Set to `\"large\"` for a searchbar with an increase in height,\nwhile \"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and `undefined` for all other themes.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "spellcheck",
           "type": "boolean",

package/dist/esm/ion-app_8.entry.js

@@ -1192,11 +1192,11 @@ const ToolbarTitle = class {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: '49b390d85e8d41fe5130042468d525da5f2f938f', class: createColorClasses(this.color, {
+        return (h(Host, { key: '4ea0b5b986ff55f4512840d8582c5d015032dccf', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '29780dcfbc36e0728fdbd69f63189b5594418172', class: "toolbar-title" }, h("slot", { key: 'fa9eba8afac77dd60c754677966fb234ce9e3e42' }))));
+            }) }, h("div", { key: '1c1afffd677120d63753f9500e117d77d7f65a8a', class: "toolbar-title" }, h("slot", { key: '4c6329b996db30c09c93ac08506fc23377d0d77f' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1268,10 +1268,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '203fdc530d8380fb6253061fe0c1e68726e003df', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '31d2cea6423110a58ed8ba749e422889c6f6d310', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: '255191cc4b48582cacea33c104bab2bf52ee1f95', class: "toolbar-background" }), h("div", { key: '13c944dfcc9cf36ef0b4bbd4d00217fedc8d891b', class: "toolbar-container" }, h("slot", { key: '9775c0465bc3189a6bbdceee23a5c041f1bcb0f0', name: "start" }), h("slot", { key: '62eb5ab3d8eb4818f33a34b65306ae91971a3c57', name: "secondary" }), h("div", { key: '0ecd457e707019b9ef7005ea90c0e34846e083de', class: "toolbar-content" }, h("slot", { key: '67b951a124dbecc9ae3c55c8b39b7594b6227d5c' })), h("slot", { key: 'd555df93cdc4a3a079b04b92c038026c89a0f936', name: "primary" }), h("slot", { key: '2605081b3f2954fd32e16bc0e34b75ab383e1ca2', name: "end" }))));
+            })) }, h("div", { key: 'a3ecd195af52489725b7396c0aab32a9b4d4a49c', class: "toolbar-background" }), h("div", { key: 'cfdc07edc4b002370df08ce4c913c3a52955252a', class: "toolbar-container" }, h("slot", { key: 'b77feb227ab03d0fe095fdf620973e8502b486e6', name: "start" }), h("slot", { key: '4284acf3c65df07e74908ee6620d5595255ac547', name: "secondary" }), h("div", { key: '879fdaedc732cbf414d24f3ed3b0abcf4baaae71', class: "toolbar-content" }, h("slot", { key: '975a411effa1492d6c4eb9302b3d8580bbce192d' })), h("slot", { key: '5cfef86927c398b40710769bbdba9cf4c45100c5', name: "primary" }), h("slot", { key: '416036fa2a84a8ef0cb6329d68da040c47bd2aea', name: "end" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ion-avatar_3.entry.js

@@ -139,9 +139,9 @@ const Thumbnail = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '705b88e466126122b291abe887b9f6d43f5cf449', class: {
+        return (h(Host, { key: 'd8834b52a3f938cbd2cd7196e0b0e057746e5a7e', class: {
                 [theme]: true,
-            } }, h("slot", { key: 'd450f8b0f6334f1e345bfd7ef1071a9ed5612532' })));
+            } }, h("slot", { key: 'c7be8264e5c9628d8be1ac202cac7f1ec8f0cb61' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;

package/dist/esm/ion-item_8.entry.js

@@ -543,11 +543,11 @@ const SkeletonText = class {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const theme = getIonTheme(this);
-        return (h(Host, { key: '4aaca37db97d932fcd589c69c6ebc2c9b164c0f4', class: {
+        return (h(Host, { key: '70efd9086ef58705a965a63aa3e5ac775757dc85', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '900fc5602bc6668e0c48bb83e16d5db27eefa5e7' }, "\u00A0")));
+            } }, h("span", { key: '296246a88e33e0106045bec2f64738f48593ba12' }, "\u00A0")));
     }
     get el() { return getElement(this); }
 };