@ionic/core 9.0.10-dev.11792788258.1f71cfee → 9.0.10-dev.11793383958.19a7d413

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

@@ -3,7 +3,6 @@
  */
 import { Host, h } from "@stencil/core";
 import { clamp } from "../../utils/helpers";
-import { isRTL } from "../../utils/rtl/index";
 import { createColorClasses } from "../../utils/theme";
 import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
@@ -39,16 +38,16 @@ export class ProgressBar {
         this.buffer = 1;
     }
     render() {
-        const { color, type, reversed, value, buffer, el } = this;
+        const { color, type, reversed, value, buffer } = this;
         const paused = config.getBoolean('_testing');
         const mode = getIonMode(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (h(Host, { key: '0a5c76361cf8df0c294e0fb2477892e23ecebe38', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
+        return (h(Host, { key: 'd53d39a3e2c0198164a9face62d3775f357b6914', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
                 [mode]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,
-                'progress-bar-reversed': isRTL(el) ? !reversed : reversed,
+                'progress-bar-reversed': document.dir === 'rtl' ? !reversed : reversed,
                 'progress-bar-solid': progressSolid,
             }) }, type === 'indeterminate' ? renderIndeterminate() : renderProgress(value, buffer)));
     }
@@ -176,7 +175,6 @@ export class ProgressBar {
             }
         };
     }
-    static get elementRef() { return "el"; }
 }
 const renderIndeterminate = () => {
     return (h("div", { part: "track", class: "progress-buffer-bar" }, h("div", { class: "indeterminate-bar-primary" }, h("span", { part: "progress", class: "progress-indeterminate" })), h("div", { class: "indeterminate-bar-secondary" }, h("span", { part: "progress", class: "progress-indeterminate" }))));

package/dist/collection/components/route/route.js

@@ -6,6 +6,14 @@ export class Route {
          *
          * Accepts paths similar to expressjs so that you can define parameters
          * in the url /foo/:bar where bar would be available in incoming props.
+         *
+         * A url ending in `*`, such as `*` or `/admin/*`, matches any remaining path,
+         * including none, so `/admin/*` also matches `/admin`. It only wins over a
+         * route that matches the whole path when it has more fixed segments, so
+         * `/admin/*` wins over `/:section/:id` but not over `/admin/:id`. It always
+         * wins over a route that matches by ignoring trailing segments, such as
+         * `/admin` for `/admin/users`. The matched path is passed in the `pathMatch`
+         * prop without a leading `/`. A `*` on a route with child routes is ignored.
          */
         this.url = '';
     }
@@ -47,7 +55,7 @@ export class Route {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props."
+                    "text": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props.\n\nA url ending in `*`, such as `*` or `/admin/*`, matches any remaining path,\nincluding none, so `/admin/*` also matches `/admin`. It only wins over a\nroute that matches the whole path when it has more fixed segments, so\n`/admin/*` wins over `/:section/:id` but not over `/admin/:id`. It always\nwins over a route that matches by ignoring trailing segments, such as\n`/admin` for `/admin/users`. The matched path is passed in the `pathMatch`\nprop without a leading `/`. A `*` on a route with child routes is ignored."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/route-redirect/route-redirect.js

@@ -20,7 +20,7 @@ export class RouteRedirect {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"from\" URL.\nIt needs to be an exact match of the navigated URL in order to apply.\n\nThe path specified in this value is always an absolute path, even if the initial `/` slash\nis not specified."
+                    "text": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"from\" URL.\nIt needs to be an exact match of the navigated URL in order to apply, unless it contains a `*`.\nA `*` matches the rest of the path from that segment on, as long as the path has at least as\nmany segments as `from`, so `/admin/*` matches `/admin/posts` but not `/admin`.\n\nThe path specified in this value is always an absolute path, even if the initial `/` slash\nis not specified."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/router/utils/constants.js

@@ -4,3 +4,5 @@
 export const ROUTER_INTENT_NONE = 'root';
 export const ROUTER_INTENT_FORWARD = 'forward';
 export const ROUTER_INTENT_BACK = 'back';
+/** Param that holds the path matched by a trailing `*` in an `ion-route` url. */
+export const WILDCARD_PARAM = 'pathMatch';

package/dist/collection/components/router/utils/matching.js

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { WILDCARD_PARAM } from "./constants";
+import { chainToSegments, endsWithWildcard, withoutWildcard } from "./path";
 /**
  * Returns whether the given redirect matches the given path segments.
  *
@@ -41,6 +43,10 @@ export const matchesIDs = (ids, chain) => {
         if (routeId.id.toLowerCase() !== routeChain.id) {
             break;
         }
+        // Weight a wildcard route when the outlet reports its `pathMatch`
+        if (routeId.params?.[WILDCARD_PARAM] !== undefined && endsWithWildcard(routeChain.segments)) {
+            score++;
+        }
         if (routeId.params) {
             const routeIdParams = Object.keys(routeId.params);
             // Only compare routes with the chain that have the same number of parameters.
@@ -96,21 +102,28 @@ export const matchesSegments = (segments, chain) => {
             matchesDefault = true;
         }
         else {
-            for (const segment of chainSegments) {
+            const params = {};
+            for (const segment of withoutWildcard(chainSegments)) {
                 const data = inputSegments.next();
                 // data param
                 if (segment[0] === ':') {
                     if (data === '') {
                         return null;
                     }
-                    allparams = allparams || [];
-                    const params = allparams[i] || (allparams[i] = {});
                     params[segment.slice(1)] = data;
                 }
                 else if (data !== segment) {
                     return null;
                 }
             }
+            // A trailing `*` on a parent route has no effect. Its children match the rest of the path.
+            if (i === chain.length - 1 && endsWithWildcard(chainSegments)) {
+                params[WILDCARD_PARAM] = inputSegments.rest().join('/');
+            }
+            if (Object.keys(params).length > 0) {
+                allparams = allparams || [];
+                allparams[i] = params;
+            }
             matchesDefault = false;
         }
     }
@@ -142,25 +155,38 @@ export const mergeParams = (a, b) => {
  * Returns the best match or null when no match is found.
  * When a chain is returned the parameters are updated from the RouteIDs.
  * That is they contain both the componentProps of the <ion-route> and the parameter segment.
+ *
+ * When a wildcard route ties with other routes, a route without a wildcard that can build a url wins,
+ * then the wildcard route. Otherwise the first route declared wins a tie.
  */
 export const findChainForIDs = (ids, chains) => {
-    let match = null;
     let maxMatches = 0;
+    let tied = [];
     for (const chain of chains) {
         const score = matchesIDs(ids, chain);
         if (score > maxMatches) {
-            match = chain;
             maxMatches = score;
+            tied = [chain];
+        }
+        else if (score > 0 && score === maxMatches) {
+            tied.push(chain);
         }
     }
-    if (match) {
-        return match.map((route, i) => ({
-            id: route.id,
-            segments: route.segments,
-            params: mergeParams(route.params, ids[i]?.params),
-        }));
+    const matches = tied.map((chain) => chain.map((route, i) => ({
+        id: route.id,
+        segments: route.segments,
+        params: mergeParams(route.params, ids[i]?.params),
+    })));
+    if (!matches.some(chainEndsWithWildcard)) {
+        return matches.length > 0 ? matches[0] : null;
+    }
+    return matches.reduce((best, chain) => (tieRank(chain) > tieRank(best) ? chain : best));
+};
+const tieRank = (chain) => {
+    if (chainEndsWithWildcard(chain)) {
+        return 1;
     }
-    return null;
+    return chainToSegments(chain) !== null ? 2 : 0;
 };
 /**
  * Finds the best match for the segments in the chains.
@@ -168,10 +194,17 @@ export const findChainForIDs = (ids, chains) => {
  * Returns the best match or null when no match is found.
  * When a chain is returned the parameters are updated from the segments.
  * That is they contain both the componentProps of the <ion-route> and the parameter segments.
+ *
+ * When wildcard routes match, the one with the most fixed segments wins if it has more fixed segments than every
+ * route that matched the whole path. Routes that only matched by ignoring trailing segments don't count.
  */
 export const findChainForSegments = (segments, chains) => {
     let match = null;
     let bestScore = 0;
+    let fullMatch = null;
+    let bestFullScore = 0;
+    let maxFullFixed = -1;
+    let wildcard = null;
     for (const chain of chains) {
         const matchedChain = matchesSegments(segments, chain);
         if (matchedChain !== null) {
@@ -180,9 +213,51 @@ export const findChainForSegments = (segments, chains) => {
                 bestScore = score;
                 match = matchedChain;
             }
+            if (chainEndsWithWildcard(matchedChain)) {
+                if (wildcard === null || winsWildcard(matchedChain, wildcard)) {
+                    wildcard = matchedChain;
+                }
+            }
+            else if (!isPartialMatch(segments, matchedChain)) {
+                if (score > bestFullScore) {
+                    bestFullScore = score;
+                    fullMatch = matchedChain;
+                }
+                maxFullFixed = Math.max(maxFullFixed, countFixedSegments(matchedChain));
+            }
         }
     }
-    return match;
+    // Without a wildcard to match the rest of the path, routes can still ignore trailing segments.
+    if (wildcard === null) {
+        return match;
+    }
+    // Compare fixed segments rather than priority, since nesting under default routes raises the priority
+    return countFixedSegments(wildcard) > maxFullFixed ? wildcard : fullMatch;
+};
+/** Returns whether the chain matched the path segments only by ignoring some trailing segments. */
+const isPartialMatch = (segments, chain) => {
+    const matched = chainToSegments(chain);
+    return matched !== null && matched.length < segments.filter((s) => s !== '').length;
+};
+const chainEndsWithWildcard = (chain) => {
+    return endsWithWildcard(chain[chain.length - 1].segments);
+};
+/** Returns whether the wildcard chain beats `best` by fixed segments, then by priority. */
+const winsWildcard = (chain, best) => {
+    const chainFixed = countFixedSegments(chain);
+    const bestFixed = countFixedSegments(best);
+    return chainFixed > bestFixed || (chainFixed === bestFixed && computePriority(chain) > computePriority(best));
+};
+const countFixedSegments = (chain) => {
+    let count = 0;
+    for (const route of chain) {
+        for (const segment of withoutWildcard(route.segments)) {
+            if (segment !== '' && segment[0] !== ':') {
+                count++;
+            }
+        }
+    }
+    return count;
 };
 /**
  * Computes the priority of a chain.
@@ -194,12 +269,14 @@ export const findChainForSegments = (segments, chains) => {
  * - /path/to/page
  *
  * The second one will be given a higher priority because "page" is a fixed segment (vs ":where", a parameter segment).
+ *
+ * A trailing wildcard is not counted.
  */
 export const computePriority = (chain) => {
     let score = 1;
     let level = 1;
     for (const route of chain) {
-        for (const segment of route.segments) {
+        for (const segment of withoutWildcard(route.segments)) {
             if (segment[0] === ':') {
                 score += Math.pow(1, level);
             }
@@ -221,4 +298,10 @@ export class RouterSegments {
         }
         return '';
     }
+    /** Consumes and returns the remaining non empty segments. */
+    rest() {
+        const rest = this.segments.filter((s) => s !== '');
+        this.segments = [];
+        return rest;
+    }
 }

package/dist/collection/components/router/utils/path.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { ROUTER_INTENT_FORWARD } from "./constants";
+import { ROUTER_INTENT_FORWARD, WILDCARD_PARAM } from "./constants";
 /** Join the non empty segments with "/". */
 export const generatePath = (segments) => {
     const path = segments.filter((s) => s.length > 0).join('/');
@@ -34,12 +34,13 @@ export const writeSegments = (history, root, useHash, segments, direction, state
  *
  * Notes:
  * - parameter segments of the form :param are replaced with their value,
- * - null is returned when a value is missing for any parameter segment.
+ * - null is returned when a value is missing for any parameter segment,
+ * - a trailing wildcard is replaced with the path it matched.
  */
 export const chainToSegments = (chain) => {
     const segments = [];
     for (const route of chain) {
-        for (const segment of route.segments) {
+        for (const segment of withoutWildcard(route.segments)) {
             if (segment[0] === ':') {
                 const param = route.params && route.params[segment.slice(1)];
                 if (!param) {
@@ -51,9 +52,22 @@ export const chainToSegments = (chain) => {
                 segments.push(segment);
             }
         }
+        segments.push(...wildcardSegments(route));
     }
     return segments;
 };
+/** Only a `*` in the last segment of a route url is a wildcard. Elsewhere it's matched literally. */
+export const endsWithWildcard = (segments) => {
+    return segments[segments.length - 1] === '*';
+};
+/** Returns the path segments matched by the trailing wildcard of the route. */
+const wildcardSegments = (route) => {
+    const pathMatch = endsWithWildcard(route.segments) ? route.params?.[WILDCARD_PARAM] : undefined;
+    return pathMatch ? pathMatch.split('/').filter((s) => s.length > 0) : [];
+};
+export const withoutWildcard = (segments) => {
+    return endsWithWildcard(segments) ? segments.slice(0, -1) : segments;
+};
 /**
  * Removes the prefix segments from the path segments.
  *

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

@@ -2,7 +2,6 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, h } from "@stencil/core";
-import { isRTL } from "../../utils/rtl/index";
 import { createColorClasses } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 export class ToolbarTitle {
@@ -24,11 +23,11 @@ export class ToolbarTitle {
     render() {
         const mode = getIonMode(this);
         const size = this.getSize();
-        return (h(Host, { key: '8d17feb9f9dcb9eb8e3b8ae6e831bdedb890771c', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'c5f0b913ff0a22d9bf02da48a313a613c2ac8fe7', class: createColorClasses(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
-                'title-rtl': isRTL(this.el),
-            }) }, h("div", { key: '0346aae3fca1e3ae443b1b511c44ab1f803cb103', class: "toolbar-title" }, h("slot", { key: 'e1945845df471d5eb8c3cdeb568c478abf5ad70e' }))));
+                'title-rtl': document.dir === 'rtl',
+            }) }, h("div", { key: '5253b9e39fb764bfe1e57370719139f8a83e9904', class: "toolbar-title" }, h("slot", { key: 'e38b1eccb0175c36f8cab211aee7ce4d61fc9035' }))));
     }
     static get is() { return "ion-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/helpers.js

@@ -324,7 +324,8 @@ export const pointerCoord = (ev) => {
  *
  * @param side The current side before being redefined based on the direction.
  * @param hostEl The component's host element. The direction is resolved from
- * it or its nearest ancestor that declares one, falling back to the document.
+ * it or its nearest ancestor that declares one. When omitted, the direction
+ * is resolved from the document.
  */
 export const isEndSide = (side, hostEl) => {
     const rtl = isRTL(hostEl);

package/dist/collection/utils/input-shims/hacks/common.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { isRTL } from "../../rtl/index";
 const cloneMap = new WeakMap();
 export const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
     if (cloneMap.has(componentEl) === shouldRelocate) {
@@ -60,8 +59,9 @@ const addClone = (componentEl, inputEl, inputRelativeY, disabledClonedInput = fa
      * Position the clone at the same horizontal offset as the native input
      * to prevent the placeholder from overlapping start slot content (e.g., icons).
      */
-    const rtl = isRTL(componentEl);
-    if (rtl) {
+    const doc = componentEl.ownerDocument;
+    const isRTL = doc.dir === 'rtl';
+    if (isRTL) {
         const parentWidth = parentEl.offsetWidth;
         const startOffset = parentWidth - inputEl.offsetLeft - inputEl.offsetWidth;
         clonedEl.style.insetInlineStart = `${startOffset}px`;
@@ -71,7 +71,7 @@ const addClone = (componentEl, inputEl, inputRelativeY, disabledClonedInput = fa
     }
     parentEl.appendChild(clonedEl);
     cloneMap.set(componentEl, clonedEl);
-    const tx = rtl ? 9999 : -9999;
+    const tx = isRTL ? 9999 : -9999;
     componentEl.style.pointerEvents = 'none';
     inputEl.style.transform = `translate3d(${tx}px,${inputRelativeY}px,0) scale(0)`;
 };

package/dist/collection/utils/rtl/dir.js

@@ -22,5 +22,5 @@ export const isRTL = (hostEl) => {
             return false;
         }
     }
-    return hostEl.ownerDocument?.dir?.toLowerCase() === 'rtl';
+    return document?.dir?.toLowerCase() === 'rtl';
 };

package/dist/collection/utils/transition/ios.transition.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { isRTL } from "../rtl/index";
 import { createAnimation } from "../animation/animation";
 import { getIonPageElement } from "../transition";
 const DURATION = 540;
@@ -368,9 +367,9 @@ export const iosTransitionAnimation = (navEl, opts) => {
         const TRANSFORM = 'transform';
         const CENTER = '0%';
         const OFF_OPACITY = 0.8;
-        const rtl = isRTL(navEl);
-        const OFF_RIGHT = rtl ? '-99.5%' : '99.5%';
-        const OFF_LEFT = rtl ? '33%' : '-33%';
+        const isRTL = navEl.ownerDocument.dir === 'rtl';
+        const OFF_RIGHT = isRTL ? '-99.5%' : '99.5%';
+        const OFF_LEFT = isRTL ? '33%' : '-33%';
         const enteringEl = opts.enteringEl;
         const leavingEl = opts.leavingEl;
         const backDirection = opts.direction === 'back';
@@ -435,7 +434,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
             }
         }
         const enteringContentHasLargeTitle = enteringEl.querySelector('ion-header.header-collapse-condense');
-        const { forward, backward } = createLargeTitleTransition(rootAnimation, rtl, backDirection, enteringEl, leavingEl);
+        const { forward, backward } = createLargeTitleTransition(rootAnimation, isRTL, backDirection, enteringEl, leavingEl);
         enteringToolBarEls.forEach((enteringToolBarEl) => {
             const enteringToolBar = createAnimation();
             enteringToolBar.addElement(enteringToolBarEl);
@@ -499,7 +498,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
                     enteringToolBarBg.fromTo(OPACITY, 0.01, 'var(--opacity)');
                 }
                 else {
-                    enteringToolBarBg.fromTo('transform', rtl ? 'translateX(-100%)' : 'translateX(100%)', 'translateX(0px)');
+                    enteringToolBarBg.fromTo('transform', isRTL ? 'translateX(-100%)' : 'translateX(100%)', 'translateX(0px)');
                 }
                 // forward direction, entering page has a back button
                 if (!forward) {
@@ -509,7 +508,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
                     const enteringBackBtnText = createAnimation();
                     enteringBackBtnText
                         .addElement(shadow(backButtonEl).querySelector('.button-text')) // REVIEW
-                        .fromTo(`transform`, rtl ? 'translateX(-100px)' : 'translateX(100px)', 'translateX(0px)');
+                        .fromTo(`transform`, isRTL ? 'translateX(-100px)' : 'translateX(100px)', 'translateX(0px)');
                     enteringToolBar.addAnimation(enteringBackBtnText);
                 }
             }
@@ -532,7 +531,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
                 // leaving content, back direction
                 leavingContent
                     .beforeClearStyles([OPACITY])
-                    .fromTo('transform', `translateX(${CENTER})`, rtl ? 'translateX(-100%)' : 'translateX(100%)');
+                    .fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)');
                 const leavingPage = getIonPageElement(leavingEl);
                 rootAnimation.afterAddWrite(() => {
                     if (rootAnimation.getDirection() === 'normal') {
@@ -612,10 +611,10 @@ export const iosTransitionAnimation = (navEl, opts) => {
                     if (!inactiveHeader) {
                         // leaving toolbar, back direction
                         leavingTitle
-                            .fromTo('transform', `translateX(${CENTER})`, rtl ? 'translateX(-100%)' : 'translateX(100%)')
+                            .fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)')
                             .fromTo(OPACITY, 0.99, 0);
                     }
-                    leavingToolBarItems.fromTo('transform', `translateX(${CENTER})`, rtl ? 'translateX(-100%)' : 'translateX(100%)');
+                    leavingToolBarItems.fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)');
                     leavingToolBarBg.beforeClearStyles([OPACITY, 'transform']);
                     // leaving toolbar, back direction, and there's no entering toolbar
                     // should just slide out, no fading out
@@ -624,13 +623,13 @@ export const iosTransitionAnimation = (navEl, opts) => {
                         leavingToolBarBg.fromTo(OPACITY, 'var(--opacity)', 0);
                     }
                     else {
-                        leavingToolBarBg.fromTo('transform', 'translateX(0px)', rtl ? 'translateX(-100%)' : 'translateX(100%)');
+                        leavingToolBarBg.fromTo('transform', 'translateX(0px)', isRTL ? 'translateX(-100%)' : 'translateX(100%)');
                     }
                     if (backButtonEl && !backward) {
                         const leavingBackBtnText = createAnimation();
                         leavingBackBtnText
                             .addElement(shadow(backButtonEl).querySelector('.button-text')) // REVIEW
-                            .fromTo('transform', `translateX(${CENTER})`, `translateX(${(rtl ? -124 : 124) + 'px'})`);
+                            .fromTo('transform', `translateX(${CENTER})`, `translateX(${(isRTL ? -124 : 124) + 'px'})`);
                         leavingToolBar.addAnimation(leavingBackBtnText);
                     }
                 }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-23T20:45:55",
+  "timestamp": "2026-10-30T18:14:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.45.2",
@@ -14038,6 +14038,32 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "errorText",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text",
+          "reflectToAttr": false,
+          "docs": "Text that is placed under the input boxes and displayed when an error is detected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "fill",
           "type": "\"outline\" | \"solid\" | undefined",
@@ -14075,6 +14101,64 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "helperText",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "helper-text",
+          "reflectToAttr": false,
+          "docs": "Text that is placed under the input boxes and displayed when no error is detected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inputLabelFormatter",
+          "type": "((index: number, length: number) => string) | undefined",
+          "complexType": {
+            "original": "InputOtpLabelFormatter",
+            "resolved": "((index: number, length: number) => string) | undefined",
+            "references": {
+              "InputOtpLabelFormatter": {
+                "location": "import",
+                "path": "./input-otp-interface",
+                "id": "src/components/input-otp/input-otp-interface.ts::InputOtpLabelFormatter",
+                "referenceLocation": "InputOtpLabelFormatter"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "A callback used to format the accessible name of each input box. It\nreceives the 0-based `index` of the box and the total `length`. By default\nthe name is \"Input 1 of 4\", or \"PIN, 1 of 4\" with an `aria-label` of \"PIN\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "((index: number, length: number) => string)"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "inputmode",
           "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
@@ -27325,7 +27409,7 @@
           "mutable": false,
           "attr": "url",
           "reflectToAttr": false,
-          "docs": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props.",
+          "docs": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props.\n\nA url ending in `*`, such as `*` or `/admin/*`, matches any remaining path,\nincluding none, so `/admin/*` also matches `/admin`. It only wins over a\nroute that matches the whole path when it has more fixed segments, so\n`/admin/*` wins over `/:section/:id` but not over `/admin/:id`. It always\nwins over a route that matches by ignoring trailing segments, such as\n`/admin` for `/admin/users`. The matched path is passed in the `pathMatch`\nprop without a leading `/`. A `*` on a route with child routes is ignored.",
           "docsTags": [
             {
               "name": "default",
@@ -27389,7 +27473,7 @@
           "mutable": false,
           "attr": "from",
           "reflectToAttr": false,
-          "docs": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"from\" URL.\nIt needs to be an exact match of the navigated URL in order to apply.\n\nThe path specified in this value is always an absolute path, even if the initial `/` slash\nis not specified.",
+          "docs": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"from\" URL.\nIt needs to be an exact match of the navigated URL in order to apply, unless it contains a `*`.\nA `*` matches the rest of the path from that segment on, as long as the path has at least as\nmany segments as `from`, so `/admin/*` matches `/admin/posts` but not `/admin`.\n\nThe path specified in this value is always an absolute path, even if the initial `/` slash\nis not specified.",
           "docsTags": [],
           "values": [
             {
@@ -37770,6 +37854,11 @@
       "docstring": "Values are converted to strings when emitted which is\nwhy we do not have a `number` type here even though the\n`value` prop accepts a `number` type.",
       "path": "src/components/input/input-interface.ts"
     },
+    "src/components/input-otp/input-otp-interface.ts::InputOtpLabelFormatter": {
+      "declaration": "(index: number, length: number) => string",
+      "docstring": "",
+      "path": "src/components/input-otp/input-otp-interface.ts"
+    },
     "src/components/input-otp/input-otp-interface.ts::InputOtpInputEventDetail": {
       "declaration": "export interface InputOtpInputEventDetail {\n  value?: string | null;\n  event?: Event;\n}",
       "docstring": "Values are converted to strings when emitted which is\nwhy we do not have a `number` type here even though the\n`value` prop accepts a `number` type.",

package/dist/esm/{animation-C_V9lXzL.js → animation-DmtJpz89.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { c as printIonError } from './index-BpRUsN_W.js';
-import { w as win } from './helpers-p94IkmEA.js';
+import { w as win } from './helpers-BJqKF1pr.js';
 
 let animationPrefix;
 const getAnimationPrefix = (el) => {

package/dist/esm/{attribute-controller-ItNOXNp9.js → attribute-controller-DPMIcbef.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { b as inheritAttributes, w as win, q as ariaAttributes } from './helpers-p94IkmEA.js';
+import { b as inheritAttributes, w as win, q as ariaAttributes } from './helpers-BJqKF1pr.js';
 
 /**
  * Copies a set of attributes off the host element so they can be applied to an element

package/dist/esm/{button-active-rB-Ct9KZ.js → button-active-DVk40Sjl.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as writeTask } from './index-BpRUsN_W.js';
-import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-ES_sSPLn.js';
+import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-WXfMCob9.js';
 import { createGesture } from './index-BmLuEdV7.js';
 
 const createButtonActiveGesture = (el, isButton) => {